@atlaskit/editor-plugin-show-diff 25.0.5 → 25.1.0

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @atlaskit/editor-plugin-show-diff
 
+## 25.1.0
+
+### Minor Changes
+
+- [`4704b3ac83f88`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4704b3ac83f88) -
+  Treat Antigravity and Copilot as third-party agent brands in show-diff contributor tags, sharing
+  the fixed third-party participant colour slot, and render their profile avatar when one is
+  available (falling back to the generic agent icon). Shorten the contributor tag fade in and out
+  from 600ms to 500ms.
+
+### Patch Changes
+
+- [`ef028efae290d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ef028efae290d) -
+  Prevent nested deleted list content from accumulating opacity while preserving its 0.8 treatment
+  behind the `platform_editor_ai_show_diff_patch_2` feature gate.
+- Updated dependencies
+
+## 25.0.6
+
+### Patch Changes
+
+- [`8843fc489d5a6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8843fc489d5a6) -
+  EDITOR-9591 Behind platform_editor_ai_show_diff_patch_2, highlight inserted inline nodes as a
+  whole instead of the text inside them, and only outline an inserted atomic inline node (date,
+  emoji, mention, status) when its attributes are the only change
+  (platform_editor_show_diff_deleted_nodeview_content)
+- Updated dependencies
+
 ## 25.0.5
 
 ### Patch Changes

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

@@ -112,7 +112,8 @@ var NodeViewSerializer = exports.NodeViewSerializer = /*#__PURE__*/function () {
         if (childNode) {
           // Give inserted atomic children the same box-shadow
           // highlight an in-place attribute change already gets (`getAtomicInlineChangedAttrs`).
-          if (isInserted && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_show_diff_deleted_nodeview_content') && (0, _getAttrChangeRanges.isInlineAttrChangeNodeName)(child.type.name) && childNode instanceof HTMLElement) {
+          // Disabled under patch_2: the outline also landed on atomic children inserted alongside text.
+          if (isInserted && !(0, _fg.fg)('platform_editor_ai_show_diff_patch_2') && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_show_diff_deleted_nodeview_content') && (0, _getAttrChangeRanges.isInlineAttrChangeNodeName)(child.type.name) && childNode instanceof HTMLElement) {
             var _getAtomicInlineChang = (0, _createInlineChangedDecoration.getAtomicInlineChangedAttrs)(child.type.name, colorScheme),
               className = _getAtomicInlineChang.className,
               styleSuffix = _getAtomicInlineChang.styleSuffix;

package/dist/cjs/pm-plugins/decorations/colorSchemes/factory.js

@@ -33,6 +33,7 @@ exports.buildDeletedInlineNodeCSSVariables = buildDeletedInlineNodeCSSVariables;
 exports.buildDeletedInlineStyle = buildDeletedInlineStyle;
 exports.buildDeletedInlineStyleStandard = buildDeletedInlineStyleStandard;
 exports.buildDeletedInlineStyleUnbounded = buildDeletedInlineStyleUnbounded;
+exports.buildDeletedListItemMarkerVariable = buildDeletedListItemMarkerVariable;
 exports.buildDeletedLozengeActiveStyle = buildDeletedLozengeActiveStyle;
 exports.buildDeletedLozengeStyle = buildDeletedLozengeStyle;
 exports.buildDeletedNodeCSSVariables = buildDeletedNodeCSSVariables;
@@ -732,6 +733,14 @@ function buildDeletedDecorationMarkerVariableSimple(colors) {
   });
 }
 
+/** Marker and direct-content variables for deleted list items. */
+function buildDeletedListItemMarkerVariable(colors) {
+  return (0, _cssHelper.convertToInlineCss)({
+    '--diff-decoration-content-opacity': '0.8',
+    '--diff-decoration-marker-color': borderAccent(colors.deleteColor)
+  });
+}
+
 /** Whether the emphasised state is stated in the bottom border rather than a deeper highlight. */
 function usesUnderlineEmphasis(colors) {
   return colors.deletedInlineActiveEmphasis === 'underline';
@@ -1121,7 +1130,7 @@ function buildDeletedBlockNodeStyle(colors, category, isActive) {
     case 'container':
       return isStrikethrough ? buildDeletedInlineStyle(colors, false) : buildDeletedDecorationMarkerVariableSimple(colors);
     case 'listItem':
-      return colors.deletedNodeEmphasis === 'stateful' ? statefulMarker() : buildDeletedDecorationMarkerVariableSimple(colors);
+      return colors.deletedNodeEmphasis === 'stateful' ? statefulMarker() : (0, _fg.fg)('platform_editor_ai_show_diff_patch_2') ? buildDeletedListItemMarkerVariable(colors) : buildDeletedDecorationMarkerVariableSimple(colors);
     case 'marker':
       return colors.deletedNodeEmphasis === 'stateful' ? statefulMarker() : buildDeletedInlineStyleStandard(colors, 'new');
     case 'generic':
@@ -1164,11 +1173,16 @@ function buildDeletedWrappedBlockOutline(colors, _ref) {
  * decoration span and read by the `.show-diff-atomic-inline-changed-*` selectors in
  * EditorContentContainer, on the decorated element or a descendant, so it must inherit. Being
  * inline it beats the stylesheet's fallback, making the plugin the only source of the colour.
+ *
+ * Under patch_2 it also reserves the 2px ring either side, since the ring takes up no space and
+ * otherwise paints over an adjacent inline diff.
  */
 function buildAtomicInlineChangedCSSVariables(colors) {
-  return (0, _cssHelper.convertToInlineCss)({
+  return (0, _cssHelper.convertToInlineCss)(_objectSpread({
     '--show-diff-atomic-inline-changed-border-color': borderAccent(colors.insertColor)
-  });
+  }, (0, _fg.fg)('platform_editor_ai_show_diff_patch_2') && {
+    marginInline: "var(--ds-space-025, 2px)"
+  }));
 }
 
 /** Hands editor-core the same strike line the widget path uses, via a custom property. */

package/dist/cjs/pm-plugins/decorations/colorSchemes/standard.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.standardDecorationMarkerVariable = exports.getStandardDeletedRowStyle = exports.getStandardDeletedContentStyleNew = exports.getStandardDeletedContentStyleActive = exports.getStandardDeletedContentStyle = exports.editingStyleRuleNode = exports.editingStyleQuoteNode = exports.editingStyleNode = exports.editingStyleExtendedNoUnderline = exports.editingStyleExtended = exports.editingStyleCardBlockNode = exports.editingStyleActiveExtendedNoUnderline = exports.editingStyleActiveExtended = exports.editingContentStyleInBlockExtendedNoUnderline = exports.editingContentStyleInBlockExtended = exports.deletedStyleQuoteNodeWithLozengeActive = exports.deletedStyleQuoteNodeWithLozenge = exports.deletedStyleQuoteNode = exports.deletedInlineContentStyleExtended = exports.deletedDecorationMarkerVariable = exports.deletedContentStyleUnbounded = exports.deletedCellOverlayStyle = exports.deletedCellOverlayRoundedStyle = exports.deletedBlockOutlineRoundedActive = exports.deletedBlockOutlineRounded = exports.deletedBlockOutlineActive = exports.deletedBlockOutline = exports.addedCellOverlayStyle = exports.addedCellOverlayRoundedStyle = void 0;
+exports.standardDecorationMarkerVariable = exports.getStandardDeletedRowStyle = exports.getStandardDeletedContentStyleNew = exports.getStandardDeletedContentStyleActive = exports.getStandardDeletedContentStyle = exports.editingStyleRuleNode = exports.editingStyleQuoteNode = exports.editingStyleNode = exports.editingStyleExtendedNoUnderline = exports.editingStyleExtended = exports.editingStyleCardBlockNode = exports.editingStyleActiveExtendedNoUnderline = exports.editingStyleActiveExtended = exports.editingContentStyleInBlockExtendedNoUnderline = exports.editingContentStyleInBlockExtended = exports.deletedStyleQuoteNodeWithLozengeActive = exports.deletedStyleQuoteNodeWithLozenge = exports.deletedStyleQuoteNode = exports.deletedListItemMarkerVariable = exports.deletedInlineContentStyleExtended = exports.deletedDecorationMarkerVariable = exports.deletedContentStyleUnbounded = exports.deletedCellOverlayStyle = exports.deletedCellOverlayRoundedStyle = exports.deletedBlockOutlineRoundedActive = exports.deletedBlockOutlineRounded = exports.deletedBlockOutlineActive = exports.deletedBlockOutline = exports.addedCellOverlayStyle = exports.addedCellOverlayRoundedStyle = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _cssHelper = require("@atlaskit/editor-common/css-helper");
 var _getStandardDeletedTextDecorationStyle = require("./getStandardDeletedTextDecorationStyle");
@@ -153,6 +153,10 @@ var deletedDecorationMarkerVariable = exports.deletedDecorationMarkerVariable =
   '--diff-decoration-marker-ring-width': '1px',
   opacity: 0.8
 });
+var deletedListItemMarkerVariable = exports.deletedListItemMarkerVariable = (0, _cssHelper.convertToInlineCss)({
+  '--diff-decoration-content-opacity': '0.8',
+  '--diff-decoration-marker-color': "var(--ds-border-accent-gray, #7D818A)"
+});
 var addedCellOverlayStyle = exports.addedCellOverlayStyle = (0, _cssHelper.convertToInlineCss)({
   position: 'absolute',
   top: 0,

package/dist/cjs/pm-plugins/decorations/createBlockChangedDecoration.styles.legacy.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.resolveCellOverlayStyleLegacy = exports.getBlockNodeStyleLegacy = void 0;
 var _cssHelper = require("@atlaskit/editor-common/css-helper");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _standard = require("./colorSchemes/standard");
 var _traditional = require("./colorSchemes/traditional");
 /**
@@ -63,7 +64,7 @@ var getBlockNodeStyleLegacy = exports.getBlockNodeStyleLegacy = function getBloc
       return isTraditional && isActive ? _traditional.traditionalDecorationMarkerVariableActive : isTraditional ? _traditional.traditionalDecorationMarkerVariableNew : _standard.standardDecorationMarkerVariable;
     }
     if (nodeName === 'listItem') {
-      return isTraditional && isActive ? _traditional.traditionalDeletedDecorationMarkerVariableActive : isTraditional ? _traditional.traditionalDeletedDecorationMarkerVariableNew : _standard.deletedDecorationMarkerVariable;
+      return isTraditional && isActive ? _traditional.traditionalDeletedDecorationMarkerVariableActive : isTraditional ? _traditional.traditionalDeletedDecorationMarkerVariableNew : (0, _fg.fg)('platform_editor_ai_show_diff_patch_2') ? _standard.deletedListItemMarkerVariable : _standard.deletedDecorationMarkerVariable;
     }
     return isTraditional && isActive ? _traditional.traditionalDeletedDecorationMarkerVariableActive : isTraditional ? _traditional.traditionalDeletedDecorationMarkerVariableNew : (0, _standard.getStandardDeletedContentStyleNew)();
   }

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

@@ -7,19 +7,24 @@ Object.defineProperty(exports, "__esModule", {
 exports.createNodeChangedDecorationWidget = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _view = require("@atlaskit/editor-prosemirror/view");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _baseNodeName = require("../utils/baseNodeName");
 var _emptyTextBlocks = require("../utils/emptyTextBlocks");
 var _isEmptyParagraphSlice = require("../utils/isEmptyParagraphSlice");
+var _factory = require("./colorSchemes/factory");
+var _schemes = require("./colorSchemes/schemes");
 var _createAnchorDecorationWidgets = require("./createAnchorDecorationWidgets");
 var _createChangedRowDecorationWidgets = require("./createChangedRowDecorationWidgets");
 var _createContributorTagWidget = require("./createContributorTagWidget");
+var _createInlineChangedDecoration = require("./createInlineChangedDecoration");
 var _decorationKeys = require("./decorationKeys");
 var _absorbFirstChildMarginReset = require("./utils/absorbFirstChildMarginReset");
 var _createDeletedLineBreakWidget = require("./utils/createDeletedLineBreakWidget");
 var _createMarginAbsorber = require("./utils/createMarginAbsorber");
 var _createNodeShapedMarginSpacer = require("./utils/createNodeShapedMarginSpacer");
 var _findSafeInsertPos = require("./utils/findSafeInsertPos");
+var _getAttrChangeRanges = require("./utils/getAttrChangeRanges");
 var _safeResolve = require("./utils/safeResolve");
 var _tableDiffMode = require("./utils/tableDiffMode");
 var _wrapBlockNodeView = require("./utils/wrapBlockNodeView");
@@ -120,6 +125,32 @@ var createTableCellContentWidgets = function createTableCellContentWidgets(_ref)
   return decorations;
 };
 
+/**
+ * The node name when `change` only swapped one atomic inline node (date, emoji, mention, status)
+ * for another of the same type, i.e. an attribute change rather than content added or removed
+ * around it.
+ */
+var getAtomicInlineAttrOnlyNodeName = function getAtomicInlineAttrOnlyNodeName(change, doc, newDoc) {
+  var nodeA = doc.nodeAt(change.fromA);
+  var nodeB = newDoc.nodeAt(change.fromB);
+  if (!nodeA || !nodeB || nodeA.type !== nodeB.type || nodeA.nodeSize !== change.toA - change.fromA || nodeB.nodeSize !== change.toB - change.fromB) {
+    return undefined;
+  }
+  var nodeName = nodeA.type.name;
+  return (0, _getAttrChangeRanges.isInlineAttrChangeNodeName)(nodeName) ? nodeName : undefined;
+};
+
+/** Wraps an inserted atomic inline node view in the outline an in-place attribute change gets. */
+var createAtomicInlineOutline = function createAtomicInlineOutline(nodeName, nodeView, colorScheme) {
+  var outlineWrapper = document.createElement('span');
+  outlineWrapper.className = (0, _createInlineChangedDecoration.getAtomicInlineChangedAttrs)(nodeName, colorScheme).className;
+  // Set in both cohorts of `platform_editor_show_diff_color_scheme_refactor`: being inline it beats
+  // the stylesheet's purple/green table, so editor-core's rings follow the change's scheme too.
+  outlineWrapper.setAttribute('style', (0, _factory.buildAtomicInlineChangedCSSVariables)(_schemes.colorSchemeRegistry[colorScheme !== null && colorScheme !== void 0 ? colorScheme : 'standard']));
+  outlineWrapper.append(nodeView);
+  return outlineWrapper;
+};
+
 /**
  * This function is used to create a decoration widget to show content
  * that is not in the current document.
@@ -391,9 +422,17 @@ var createNodeChangedDecorationWidget = exports.createNodeChangedDecorationWidge
         nodeView.style.setProperty('anchor-name', "--".concat(contributorTagAnchorName));
       }
       if (node.isInline) {
-        var wrapper = (0, _wrapBlockNodeView.createContentWrapper)(colorScheme, isActive, isInserted, reveal);
-        wrapper.append(nodeView);
-        dom.append(wrapper);
+        var attrOnlyNodeName = isInserted && (0, _fg.fg)('platform_editor_ai_show_diff_patch_2') && (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_show_diff_deleted_nodeview_content') ? getAtomicInlineAttrOnlyNodeName(change, doc, newDoc) : undefined;
+        if (attrOnlyNodeName) {
+          // Only the node's attributes changed, so outline it as an in-place attribute change
+          // does, in place of the highlight. Its own wrapper keeps the outline clear of the node
+          // view's styles.
+          dom.append(createAtomicInlineOutline(attrOnlyNodeName, nodeView, colorScheme));
+        } else {
+          var wrapper = (0, _wrapBlockNodeView.createContentWrapper)(colorScheme, isActive, isInserted, reveal);
+          wrapper.append(nodeView);
+          dom.append(wrapper);
+        }
       } else {
         // Handle all block nodes with unified function
         (0, _wrapBlockNodeView.wrapBlockNodeView)({

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

@@ -294,7 +294,28 @@ var applyTextLikeBlockNodeStyles = function applyTextLikeBlockNodeStyles(_ref8)
     element.setAttribute('style', "".concat(currentStyle).concat(nodeSpecificStyle));
   }
   var contentStyle = (0, _wrapBlockNodeViewStyles.getChangedContentStyle)(colorScheme, isActive, isInserted, hideAddedDiffsUnderline);
-  var walker = document.createTreeWalker(element, NodeFilter.SHOW_TEXT);
+
+  // Under patch_2, an inserted inline node view (a date, a status lozenge) is highlighted as a whole
+  // rather than the text inside it, so the highlight sits behind the node. Rejecting it skips its
+  // subtree, so this stays a single walk.
+  var highlightInlineNodesWhole = isInserted && (0, _fg.fg)('platform_editor_ai_show_diff_patch_2');
+  // `applyInlineLeafNodeStyles` styles the block's direct inline children itself.
+  var handlesDirectInlineChildren = highlightInlineLeafNodes && targetNode.type.inlineContent;
+  var inlineNodesToWrap = [];
+  var walker = document.createTreeWalker(element, NodeFilter.SHOW_TEXT | NodeFilter.SHOW_ELEMENT, {
+    acceptNode: function acceptNode(node) {
+      if (node instanceof Text) {
+        return NodeFilter.FILTER_ACCEPT;
+      }
+      if (highlightInlineNodesWhole && node instanceof HTMLElement && node.dataset.prosemirrorNodeInline === 'true') {
+        if (!(handlesDirectInlineChildren && node.parentElement === element)) {
+          inlineNodesToWrap.push(node);
+        }
+        return NodeFilter.FILTER_REJECT;
+      }
+      return NodeFilter.FILTER_SKIP;
+    }
+  });
   var textNodesToWrap = [];
   var currentNode = walker.nextNode();
   while (currentNode) {
@@ -303,13 +324,13 @@ var applyTextLikeBlockNodeStyles = function applyTextLikeBlockNodeStyles(_ref8)
     }
     currentNode = walker.nextNode();
   }
-  textNodesToWrap.forEach(function (textNode) {
+  [].concat(textNodesToWrap, inlineNodesToWrap).forEach(function (node) {
     var contentWrapper = document.createElement('span');
     contentWrapper.setAttribute('style', contentStyle);
-    textNode.replaceWith(contentWrapper);
-    contentWrapper.append(textNode);
+    node.replaceWith(contentWrapper);
+    contentWrapper.append(node);
   });
-  if (highlightInlineLeafNodes && targetNode.type.inlineContent) {
+  if (handlesDirectInlineChildren) {
     applyInlineLeafNodeStyles({
       element: element,
       targetNode: targetNode,

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

@@ -115,7 +115,29 @@ function groupTouchingDecorations(decorations, isInlineDecoration) {
     // A zero-width decoration must not extend the run and bridge a gap.
     clusterTo = Math.max(clusterTo, decoration.to);
   });
-  return groups.map(function (_ref) {
+
+  // A deleted-content widget is left unattributed so it carries no tag of its own, and spans no
+  // range, so it is never a change in its own right. On its own it becomes a stop that reveals
+  // nothing, ahead of the stop for the change it belongs to — so it joins the attributed group
+  // that contains it. Only the stop list changes: the widget keeps its own decoration and, having
+  // no tag, stays no hover target.
+  var attributedGroups = groups.filter(function (group) {
+    return group.contributor !== '';
+  });
+  var stops = groups.filter(function (group) {
+    var _host$decorations;
+    if (group.contributor !== '' || group.decorations.some(function (dec) {
+      return dec.from !== dec.to;
+    })) {
+      return true;
+    }
+    var host = attributedGroups.find(function (attributed) {
+      return attributed.from <= group.from && group.to <= attributed.to;
+    });
+    host === null || host === void 0 || (_host$decorations = host.decorations).push.apply(_host$decorations, (0, _toConsumableArray2.default)(group.decorations));
+    return host === undefined;
+  });
+  return stops.map(function (_ref) {
     var _ref2, _group$find;
     var group = _ref.decorations,
       from = _ref.from,

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

@@ -31,16 +31,17 @@ var SHOW_DIFF_AGENT_BRANDS = {
   'agent-brand-databricks': 'databricks',
   'agent-brand-gemini': 'gemini',
   'agent-brand-manus': 'manus',
-  'agent-brand-slack': 'slack'
+  'agent-brand-slack': 'slack',
+  'agent-brand-antigravity': 'antigravity',
+  'agent-brand-copilot': 'copilot'
 };
 
 /**
  * Brands that prefer the account's real avatar over their fixed glyph when the invoking profile
  * has one. Brands with a fixed glyph (Claude, ChatGPT, Amplitude, Cortex, Databricks, Gemini, Manus,
- * Slack) intentionally keep it always (see `AGENT_KIND_ICONS` in
- * `contributorAvatarRenderer.ts`).
+ * Slack) intentionally keep it always (see `AGENT_KIND_ICONS` in `contributorAvatarRenderer.ts`).
  */
-var AVATAR_ELIGIBLE_BRANDS = new Set(['figma', 'lovable', 'replit', 'rovo']);
+var AVATAR_ELIGIBLE_BRANDS = new Set(['antigravity', 'copilot', 'figma', 'lovable', 'replit', 'rovo']);
 
 /** Known external agent types emitted by Confluence's agent identification service that carry
  * no `@atlaskit/agent-color` brand — a generic labelled fallback. */
@@ -50,7 +51,6 @@ var EXTERNAL_AGENT_NAMES = {
   runlayer: 'Runlayer',
   zed: 'Zed',
   ampcode: 'Ampcode',
-  antigravity: 'Antigravity',
   devin_cli: 'Devin CLI',
   pi_agent: 'Pi Agent'
 };

package/dist/cjs/showDiffPluginType.js

@@ -25,7 +25,7 @@ exports.DIFF_AGENT_BRANDS = exports.ASSERT_DIFF_AGENT_BRANDS_ARE_REGISTERED = vo
 
 /** Branded agent presentations supported by contributor tags. */
 
-var DIFF_AGENT_BRANDS = exports.DIFF_AGENT_BRANDS = new Set(['rovo', 'claude', 'chatgpt', 'figma', 'lovable', 'replit', 'amplitude', 'cortex', 'databricks', 'gemini', 'manus', 'slack']);
+var DIFF_AGENT_BRANDS = exports.DIFF_AGENT_BRANDS = new Set(['rovo', 'claude', 'chatgpt', 'figma', 'lovable', 'replit', 'amplitude', 'cortex', 'databricks', 'gemini', 'manus', 'slack', 'antigravity', 'copilot']);
 
 /** The brand id `@atlaskit/agent-color` registers each `AgentBrandColorScheme` under. */
 

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

@@ -45,10 +45,10 @@ var CONTRIBUTOR_TAG_REVEALED_ATTRIBUTE = exports.CONTRIBUTOR_TAG_REVEALED_ATTRIB
 
 /**
  * Backstop for removing a fading-out tag: a cancelled transition fires no `transitionend`. Must stay
- * above the fade's 600ms, which lives in another package's stylesheet and cannot be read back as a
+ * above the fade's 500ms, which lives in another package's stylesheet and cannot be read back as a
  * number — hence the wide margin. Raise in step with that duration.
  */
-var TAG_EXIT_FALLBACK_MS = exports.TAG_EXIT_FALLBACK_MS = 1200;
+var TAG_EXIT_FALLBACK_MS = exports.TAG_EXIT_FALLBACK_MS = 800;
 
 /**
  * The tooltip's look, inline rather than through `VANILLA_TOOLTIP_DEFAULT_CLASS`: this tooltip is

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

@@ -95,7 +95,8 @@ export class NodeViewSerializer {
       if (childNode) {
         // Give inserted atomic children the same box-shadow
         // highlight an in-place attribute change already gets (`getAtomicInlineChangedAttrs`).
-        if (isInserted && isExperimentEnabled('platform_editor_show_diff_deleted_nodeview_content') && isInlineAttrChangeNodeName(child.type.name) && childNode instanceof HTMLElement) {
+        // Disabled under patch_2: the outline also landed on atomic children inserted alongside text.
+        if (isInserted && !fg('platform_editor_ai_show_diff_patch_2') && isExperimentEnabled('platform_editor_show_diff_deleted_nodeview_content') && isInlineAttrChangeNodeName(child.type.name) && childNode instanceof HTMLElement) {
           const {
             className,
             styleSuffix

package/dist/es2019/pm-plugins/decorations/colorSchemes/factory.js

@@ -651,6 +651,14 @@ export function buildDeletedDecorationMarkerVariableSimple(colors) {
   });
 }
 
+/** Marker and direct-content variables for deleted list items. */
+export function buildDeletedListItemMarkerVariable(colors) {
+  return convertToInlineCss({
+    '--diff-decoration-content-opacity': '0.8',
+    '--diff-decoration-marker-color': borderAccent(colors.deleteColor)
+  });
+}
+
 /** Whether the emphasised state is stated in the bottom border rather than a deeper highlight. */
 function usesUnderlineEmphasis(colors) {
   return colors.deletedInlineActiveEmphasis === 'underline';
@@ -1041,7 +1049,7 @@ export function buildDeletedBlockNodeStyle(colors, category, isActive) {
     case 'container':
       return isStrikethrough ? buildDeletedInlineStyle(colors, false) : buildDeletedDecorationMarkerVariableSimple(colors);
     case 'listItem':
-      return colors.deletedNodeEmphasis === 'stateful' ? statefulMarker() : buildDeletedDecorationMarkerVariableSimple(colors);
+      return colors.deletedNodeEmphasis === 'stateful' ? statefulMarker() : fg('platform_editor_ai_show_diff_patch_2') ? buildDeletedListItemMarkerVariable(colors) : buildDeletedDecorationMarkerVariableSimple(colors);
     case 'marker':
       return colors.deletedNodeEmphasis === 'stateful' ? statefulMarker() : buildDeletedInlineStyleStandard(colors, 'new');
     case 'generic':
@@ -1085,10 +1093,16 @@ export function buildDeletedWrappedBlockOutline(colors, {
  * decoration span and read by the `.show-diff-atomic-inline-changed-*` selectors in
  * EditorContentContainer, on the decorated element or a descendant, so it must inherit. Being
  * inline it beats the stylesheet's fallback, making the plugin the only source of the colour.
+ *
+ * Under patch_2 it also reserves the 2px ring either side, since the ring takes up no space and
+ * otherwise paints over an adjacent inline diff.
  */
 export function buildAtomicInlineChangedCSSVariables(colors) {
   return convertToInlineCss({
-    '--show-diff-atomic-inline-changed-border-color': borderAccent(colors.insertColor)
+    '--show-diff-atomic-inline-changed-border-color': borderAccent(colors.insertColor),
+    ...(fg('platform_editor_ai_show_diff_patch_2') && {
+      marginInline: "var(--ds-space-025, 2px)"
+    })
   });
 }
 

package/dist/es2019/pm-plugins/decorations/colorSchemes/standard.js

@@ -135,6 +135,10 @@ export const deletedDecorationMarkerVariable = convertToInlineCss({
   '--diff-decoration-marker-ring-width': '1px',
   opacity: 0.8
 });
+export const deletedListItemMarkerVariable = convertToInlineCss({
+  '--diff-decoration-content-opacity': '0.8',
+  '--diff-decoration-marker-color': "var(--ds-border-accent-gray, #7D818A)"
+});
 export const addedCellOverlayStyle = convertToInlineCss({
   position: 'absolute',
   top: 0,

package/dist/es2019/pm-plugins/decorations/createBlockChangedDecoration.styles.legacy.js

@@ -9,7 +9,8 @@
  * cleanup, together with `colorSchemes/standard.ts`, `colorSchemes/traditional.ts` (EDITOR-8281).
  */
 import { convertToInlineCss } from '@atlaskit/editor-common/css-helper';
-import { standardDecorationMarkerVariable, deletedDecorationMarkerVariable, editingStyleQuoteNode, editingStyleRuleNode, editingStyleCardBlockNode, editingStyleNode, getStandardDeletedContentStyleNew, deletedStyleQuoteNode, addedCellOverlayStyle, addedCellOverlayRoundedStyle, deletedCellOverlayStyle, deletedCellOverlayRoundedStyle } from './colorSchemes/standard';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { standardDecorationMarkerVariable, deletedDecorationMarkerVariable, deletedListItemMarkerVariable, editingStyleQuoteNode, editingStyleRuleNode, editingStyleCardBlockNode, editingStyleNode, getStandardDeletedContentStyleNew, deletedStyleQuoteNode, addedCellOverlayStyle, addedCellOverlayRoundedStyle, deletedCellOverlayStyle, deletedCellOverlayRoundedStyle } from './colorSchemes/standard';
 import { traditionalDecorationMarkerVariableActive, traditionalDecorationMarkerVariableNew, traditionalDeletedDecorationMarkerVariableActive, traditionalDeletedDecorationMarkerVariableNew, traditionalStyleQuoteNodeActive, traditionalStyleQuoteNodeNew, traditionalStyleRuleNodeActive, traditionalStyleRuleNodeNew, traditionalStyleCardBlockNodeActive, traditionalStyleCardBlockNodeNew, traditionalStyleNodeActive, traditionalStyleNodeNew, getDeletedTraditionalInlineStyle, deletedTraditionalStyleQuoteNode, traditionalAddedCellOverlayStyle, traditionalAddedCellOverlayRoundedStyle, deletedTraditionalCellOverlayStyle, deletedTraditionalCellOverlayRoundedStyle } from './colorSchemes/traditional';
 
 /** Verbatim copy of the pre-refactor cell-overlay style selection. */
@@ -57,7 +58,7 @@ export const getBlockNodeStyleLegacy = ({
       return isTraditional && isActive ? traditionalDecorationMarkerVariableActive : isTraditional ? traditionalDecorationMarkerVariableNew : standardDecorationMarkerVariable;
     }
     if (nodeName === 'listItem') {
-      return isTraditional && isActive ? traditionalDeletedDecorationMarkerVariableActive : isTraditional ? traditionalDeletedDecorationMarkerVariableNew : deletedDecorationMarkerVariable;
+      return isTraditional && isActive ? traditionalDeletedDecorationMarkerVariableActive : isTraditional ? traditionalDeletedDecorationMarkerVariableNew : fg('platform_editor_ai_show_diff_patch_2') ? deletedListItemMarkerVariable : deletedDecorationMarkerVariable;
     }
     return isTraditional && isActive ? traditionalDeletedDecorationMarkerVariableActive : isTraditional ? traditionalDeletedDecorationMarkerVariableNew : getStandardDeletedContentStyleNew();
   }

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

@@ -1,17 +1,22 @@
 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';
 import { resolveBaseNodeName } from '../utils/baseNodeName';
 import { countEmptyTextBlockOnlySlice } from '../utils/emptyTextBlocks';
 import { isEmptyParagraphSlice } from '../utils/isEmptyParagraphSlice';
+import { buildAtomicInlineChangedCSSVariables } from './colorSchemes/factory';
+import { colorSchemeRegistry } from './colorSchemes/schemes';
 import { clampAnchorPosIntoCell, createAnchorNameSpan, createLeftAnchorWidget } from './createAnchorDecorationWidgets';
 import { createChangedRowDecorationWidgets } from './createChangedRowDecorationWidgets';
 import { createContributorTagHost, resolveHoistedCodeBlockAnchor, unmountContributorTag } from './createContributorTagWidget';
+import { getAtomicInlineChangedAttrs } from './createInlineChangedDecoration';
 import { AnchorTypeKey, buildContributorTagDecorationSpec, buildDiffDecorationSpec, buildAnchorDecorationKey, scrollMarginTopValue } from './decorationKeys';
 import { absorbFirstChildMarginReset } from './utils/absorbFirstChildMarginReset';
 import { createDeletedLineBreakDecoration } from './utils/createDeletedLineBreakWidget';
 import { createMarginAbsorber } from './utils/createMarginAbsorber';
 import { createNodeShapedMarginSpacer } from './utils/createNodeShapedMarginSpacer';
 import { findSafeInsertPos } from './utils/findSafeInsertPos';
+import { isInlineAttrChangeNodeName } from './utils/getAttrChangeRanges';
 import { safeResolve } from './utils/safeResolve';
 import { getTableDiffMode } from './utils/tableDiffMode';
 import { wrapBlockNodeView, createRemovedLozenge, injectInnerWrapper, createContentWrapper } from './utils/wrapBlockNodeView';
@@ -112,6 +117,32 @@ const createTableCellContentWidgets = ({
   return decorations;
 };
 
+/**
+ * The node name when `change` only swapped one atomic inline node (date, emoji, mention, status)
+ * for another of the same type, i.e. an attribute change rather than content added or removed
+ * around it.
+ */
+const getAtomicInlineAttrOnlyNodeName = (change, doc, newDoc) => {
+  const nodeA = doc.nodeAt(change.fromA);
+  const nodeB = newDoc.nodeAt(change.fromB);
+  if (!nodeA || !nodeB || nodeA.type !== nodeB.type || nodeA.nodeSize !== change.toA - change.fromA || nodeB.nodeSize !== change.toB - change.fromB) {
+    return undefined;
+  }
+  const nodeName = nodeA.type.name;
+  return isInlineAttrChangeNodeName(nodeName) ? nodeName : undefined;
+};
+
+/** Wraps an inserted atomic inline node view in the outline an in-place attribute change gets. */
+const createAtomicInlineOutline = (nodeName, nodeView, colorScheme) => {
+  const outlineWrapper = document.createElement('span');
+  outlineWrapper.className = getAtomicInlineChangedAttrs(nodeName, colorScheme).className;
+  // Set in both cohorts of `platform_editor_show_diff_color_scheme_refactor`: being inline it beats
+  // the stylesheet's purple/green table, so editor-core's rings follow the change's scheme too.
+  outlineWrapper.setAttribute('style', buildAtomicInlineChangedCSSVariables(colorSchemeRegistry[colorScheme !== null && colorScheme !== void 0 ? colorScheme : 'standard']));
+  outlineWrapper.append(nodeView);
+  return outlineWrapper;
+};
+
 /**
  * This function is used to create a decoration widget to show content
  * that is not in the current document.
@@ -377,9 +408,17 @@ export const createNodeChangedDecorationWidget = ({
         nodeView.style.setProperty('anchor-name', `--${contributorTagAnchorName}`);
       }
       if (node.isInline) {
-        const wrapper = createContentWrapper(colorScheme, isActive, isInserted, reveal);
-        wrapper.append(nodeView);
-        dom.append(wrapper);
+        const attrOnlyNodeName = isInserted && fg('platform_editor_ai_show_diff_patch_2') && isExperimentEnabled('platform_editor_show_diff_deleted_nodeview_content') ? getAtomicInlineAttrOnlyNodeName(change, doc, newDoc) : undefined;
+        if (attrOnlyNodeName) {
+          // Only the node's attributes changed, so outline it as an in-place attribute change
+          // does, in place of the highlight. Its own wrapper keeps the outline clear of the node
+          // view's styles.
+          dom.append(createAtomicInlineOutline(attrOnlyNodeName, nodeView, colorScheme));
+        } else {
+          const wrapper = createContentWrapper(colorScheme, isActive, isInserted, reveal);
+          wrapper.append(nodeView);
+          dom.append(wrapper);
+        }
       } else {
         // Handle all block nodes with unified function
         wrapBlockNodeView({

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

@@ -284,7 +284,28 @@ const applyTextLikeBlockNodeStyles = ({
     element.setAttribute('style', `${currentStyle}${nodeSpecificStyle}`);
   }
   const contentStyle = getChangedContentStyle(colorScheme, isActive, isInserted, hideAddedDiffsUnderline);
-  const walker = document.createTreeWalker(element, NodeFilter.SHOW_TEXT);
+
+  // Under patch_2, an inserted inline node view (a date, a status lozenge) is highlighted as a whole
+  // rather than the text inside it, so the highlight sits behind the node. Rejecting it skips its
+  // subtree, so this stays a single walk.
+  const highlightInlineNodesWhole = isInserted && fg('platform_editor_ai_show_diff_patch_2');
+  // `applyInlineLeafNodeStyles` styles the block's direct inline children itself.
+  const handlesDirectInlineChildren = highlightInlineLeafNodes && targetNode.type.inlineContent;
+  const inlineNodesToWrap = [];
+  const walker = document.createTreeWalker(element, NodeFilter.SHOW_TEXT | NodeFilter.SHOW_ELEMENT, {
+    acceptNode: node => {
+      if (node instanceof Text) {
+        return NodeFilter.FILTER_ACCEPT;
+      }
+      if (highlightInlineNodesWhole && node instanceof HTMLElement && node.dataset.prosemirrorNodeInline === 'true') {
+        if (!(handlesDirectInlineChildren && node.parentElement === element)) {
+          inlineNodesToWrap.push(node);
+        }
+        return NodeFilter.FILTER_REJECT;
+      }
+      return NodeFilter.FILTER_SKIP;
+    }
+  });
   const textNodesToWrap = [];
   let currentNode = walker.nextNode();
   while (currentNode) {
@@ -293,13 +314,13 @@ const applyTextLikeBlockNodeStyles = ({
     }
     currentNode = walker.nextNode();
   }
-  textNodesToWrap.forEach(textNode => {
+  [...textNodesToWrap, ...inlineNodesToWrap].forEach(node => {
     const contentWrapper = document.createElement('span');
     contentWrapper.setAttribute('style', contentStyle);
-    textNode.replaceWith(contentWrapper);
-    contentWrapper.append(textNode);
+    node.replaceWith(contentWrapper);
+    contentWrapper.append(node);
   });
-  if (highlightInlineLeafNodes && targetNode.type.inlineContent) {
+  if (handlesDirectInlineChildren) {
     applyInlineLeafNodeStyles({
       element,
       targetNode,

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

@@ -100,7 +100,22 @@ function groupTouchingDecorations(decorations, isInlineDecoration) {
     // A zero-width decoration must not extend the run and bridge a gap.
     clusterTo = Math.max(clusterTo, decoration.to);
   });
-  return groups.map(({
+
+  // A deleted-content widget is left unattributed so it carries no tag of its own, and spans no
+  // range, so it is never a change in its own right. On its own it becomes a stop that reveals
+  // nothing, ahead of the stop for the change it belongs to — so it joins the attributed group
+  // that contains it. Only the stop list changes: the widget keeps its own decoration and, having
+  // no tag, stays no hover target.
+  const attributedGroups = groups.filter(group => group.contributor !== '');
+  const stops = groups.filter(group => {
+    if (group.contributor !== '' || group.decorations.some(dec => dec.from !== dec.to)) {
+      return true;
+    }
+    const host = attributedGroups.find(attributed => attributed.from <= group.from && group.to <= attributed.to);
+    host === null || host === void 0 ? void 0 : host.decorations.push(...group.decorations);
+    return host === undefined;
+  });
+  return stops.map(({
     decorations: group,
     from,
     to

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

@@ -19,16 +19,17 @@ const SHOW_DIFF_AGENT_BRANDS = {
   'agent-brand-databricks': 'databricks',
   'agent-brand-gemini': 'gemini',
   'agent-brand-manus': 'manus',
-  'agent-brand-slack': 'slack'
+  'agent-brand-slack': 'slack',
+  'agent-brand-antigravity': 'antigravity',
+  'agent-brand-copilot': 'copilot'
 };
 
 /**
  * Brands that prefer the account's real avatar over their fixed glyph when the invoking profile
  * has one. Brands with a fixed glyph (Claude, ChatGPT, Amplitude, Cortex, Databricks, Gemini, Manus,
- * Slack) intentionally keep it always (see `AGENT_KIND_ICONS` in
- * `contributorAvatarRenderer.ts`).
+ * Slack) intentionally keep it always (see `AGENT_KIND_ICONS` in `contributorAvatarRenderer.ts`).
  */
-const AVATAR_ELIGIBLE_BRANDS = new Set(['figma', 'lovable', 'replit', 'rovo']);
+const AVATAR_ELIGIBLE_BRANDS = new Set(['antigravity', 'copilot', 'figma', 'lovable', 'replit', 'rovo']);
 
 /** Known external agent types emitted by Confluence's agent identification service that carry
  * no `@atlaskit/agent-color` brand — a generic labelled fallback. */
@@ -38,7 +39,6 @@ const EXTERNAL_AGENT_NAMES = {
   runlayer: 'Runlayer',
   zed: 'Zed',
   ampcode: 'Ampcode',
-  antigravity: 'Antigravity',
   devin_cli: 'Devin CLI',
   pi_agent: 'Pi Agent'
 };

package/dist/es2019/showDiffPluginType.js

@@ -19,7 +19,7 @@
 
 /** Branded agent presentations supported by contributor tags. */
 
-export const DIFF_AGENT_BRANDS = new Set(['rovo', 'claude', 'chatgpt', 'figma', 'lovable', 'replit', 'amplitude', 'cortex', 'databricks', 'gemini', 'manus', 'slack']);
+export const DIFF_AGENT_BRANDS = new Set(['rovo', 'claude', 'chatgpt', 'figma', 'lovable', 'replit', 'amplitude', 'cortex', 'databricks', 'gemini', 'manus', 'slack', 'antigravity', 'copilot']);
 
 /** The brand id `@atlaskit/agent-color` registers each `AgentBrandColorScheme` under. */
 

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

@@ -37,10 +37,10 @@ export const CONTRIBUTOR_TAG_REVEALED_ATTRIBUTE = 'data-revealed';
 
 /**
  * Backstop for removing a fading-out tag: a cancelled transition fires no `transitionend`. Must stay
- * above the fade's 600ms, which lives in another package's stylesheet and cannot be read back as a
+ * above the fade's 500ms, which lives in another package's stylesheet and cannot be read back as a
  * number — hence the wide margin. Raise in step with that duration.
  */
-export const TAG_EXIT_FALLBACK_MS = 1200;
+export const TAG_EXIT_FALLBACK_MS = 800;
 
 /**
  * The tooltip's look, inline rather than through `VANILLA_TOOLTIP_DEFAULT_CLASS`: this tooltip is

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

@@ -105,7 +105,8 @@ export var NodeViewSerializer = /*#__PURE__*/function () {
         if (childNode) {
           // Give inserted atomic children the same box-shadow
           // highlight an in-place attribute change already gets (`getAtomicInlineChangedAttrs`).
-          if (isInserted && isExperimentEnabled('platform_editor_show_diff_deleted_nodeview_content') && isInlineAttrChangeNodeName(child.type.name) && childNode instanceof HTMLElement) {
+          // Disabled under patch_2: the outline also landed on atomic children inserted alongside text.
+          if (isInserted && !fg('platform_editor_ai_show_diff_patch_2') && isExperimentEnabled('platform_editor_show_diff_deleted_nodeview_content') && isInlineAttrChangeNodeName(child.type.name) && childNode instanceof HTMLElement) {
             var _getAtomicInlineChang = getAtomicInlineChangedAttrs(child.type.name, colorScheme),
               className = _getAtomicInlineChang.className,
               styleSuffix = _getAtomicInlineChang.styleSuffix;

package/dist/esm/pm-plugins/decorations/colorSchemes/factory.js

@@ -656,6 +656,14 @@ export function buildDeletedDecorationMarkerVariableSimple(colors) {
   });
 }
 
+/** Marker and direct-content variables for deleted list items. */
+export function buildDeletedListItemMarkerVariable(colors) {
+  return convertToInlineCss({
+    '--diff-decoration-content-opacity': '0.8',
+    '--diff-decoration-marker-color': borderAccent(colors.deleteColor)
+  });
+}
+
 /** Whether the emphasised state is stated in the bottom border rather than a deeper highlight. */
 function usesUnderlineEmphasis(colors) {
   return colors.deletedInlineActiveEmphasis === 'underline';
@@ -1045,7 +1053,7 @@ export function buildDeletedBlockNodeStyle(colors, category, isActive) {
     case 'container':
       return isStrikethrough ? buildDeletedInlineStyle(colors, false) : buildDeletedDecorationMarkerVariableSimple(colors);
     case 'listItem':
-      return colors.deletedNodeEmphasis === 'stateful' ? statefulMarker() : buildDeletedDecorationMarkerVariableSimple(colors);
+      return colors.deletedNodeEmphasis === 'stateful' ? statefulMarker() : fg('platform_editor_ai_show_diff_patch_2') ? buildDeletedListItemMarkerVariable(colors) : buildDeletedDecorationMarkerVariableSimple(colors);
     case 'marker':
       return colors.deletedNodeEmphasis === 'stateful' ? statefulMarker() : buildDeletedInlineStyleStandard(colors, 'new');
     case 'generic':
@@ -1088,11 +1096,16 @@ export function buildDeletedWrappedBlockOutline(colors, _ref) {
  * decoration span and read by the `.show-diff-atomic-inline-changed-*` selectors in
  * EditorContentContainer, on the decorated element or a descendant, so it must inherit. Being
  * inline it beats the stylesheet's fallback, making the plugin the only source of the colour.
+ *
+ * Under patch_2 it also reserves the 2px ring either side, since the ring takes up no space and
+ * otherwise paints over an adjacent inline diff.
  */
 export function buildAtomicInlineChangedCSSVariables(colors) {
-  return convertToInlineCss({
+  return convertToInlineCss(_objectSpread({
     '--show-diff-atomic-inline-changed-border-color': borderAccent(colors.insertColor)
-  });
+  }, fg('platform_editor_ai_show_diff_patch_2') && {
+    marginInline: "var(--ds-space-025, 2px)"
+  }));
 }
 
 /** Hands editor-core the same strike line the widget path uses, via a custom property. */

package/dist/esm/pm-plugins/decorations/colorSchemes/standard.js

@@ -146,6 +146,10 @@ export var deletedDecorationMarkerVariable = convertToInlineCss({
   '--diff-decoration-marker-ring-width': '1px',
   opacity: 0.8
 });
+export var deletedListItemMarkerVariable = convertToInlineCss({
+  '--diff-decoration-content-opacity': '0.8',
+  '--diff-decoration-marker-color': "var(--ds-border-accent-gray, #7D818A)"
+});
 export var addedCellOverlayStyle = convertToInlineCss({
   position: 'absolute',
   top: 0,

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

@@ -9,7 +9,8 @@
  * cleanup, together with `colorSchemes/standard.ts`, `colorSchemes/traditional.ts` (EDITOR-8281).
  */
 import { convertToInlineCss } from '@atlaskit/editor-common/css-helper';
-import { standardDecorationMarkerVariable, deletedDecorationMarkerVariable, editingStyleQuoteNode, editingStyleRuleNode, editingStyleCardBlockNode, editingStyleNode, getStandardDeletedContentStyleNew, deletedStyleQuoteNode, addedCellOverlayStyle, addedCellOverlayRoundedStyle, deletedCellOverlayStyle, deletedCellOverlayRoundedStyle } from './colorSchemes/standard';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { standardDecorationMarkerVariable, deletedDecorationMarkerVariable, deletedListItemMarkerVariable, editingStyleQuoteNode, editingStyleRuleNode, editingStyleCardBlockNode, editingStyleNode, getStandardDeletedContentStyleNew, deletedStyleQuoteNode, addedCellOverlayStyle, addedCellOverlayRoundedStyle, deletedCellOverlayStyle, deletedCellOverlayRoundedStyle } from './colorSchemes/standard';
 import { traditionalDecorationMarkerVariableActive, traditionalDecorationMarkerVariableNew, traditionalDeletedDecorationMarkerVariableActive, traditionalDeletedDecorationMarkerVariableNew, traditionalStyleQuoteNodeActive, traditionalStyleQuoteNodeNew, traditionalStyleRuleNodeActive, traditionalStyleRuleNodeNew, traditionalStyleCardBlockNodeActive, traditionalStyleCardBlockNodeNew, traditionalStyleNodeActive, traditionalStyleNodeNew, getDeletedTraditionalInlineStyle, deletedTraditionalStyleQuoteNode, traditionalAddedCellOverlayStyle, traditionalAddedCellOverlayRoundedStyle, deletedTraditionalCellOverlayStyle, deletedTraditionalCellOverlayRoundedStyle } from './colorSchemes/traditional';
 
 /** Verbatim copy of the pre-refactor cell-overlay style selection. */
@@ -57,7 +58,7 @@ export var getBlockNodeStyleLegacy = function getBlockNodeStyleLegacy(_ref2) {
       return isTraditional && isActive ? traditionalDecorationMarkerVariableActive : isTraditional ? traditionalDecorationMarkerVariableNew : standardDecorationMarkerVariable;
     }
     if (nodeName === 'listItem') {
-      return isTraditional && isActive ? traditionalDeletedDecorationMarkerVariableActive : isTraditional ? traditionalDeletedDecorationMarkerVariableNew : deletedDecorationMarkerVariable;
+      return isTraditional && isActive ? traditionalDeletedDecorationMarkerVariableActive : isTraditional ? traditionalDeletedDecorationMarkerVariableNew : fg('platform_editor_ai_show_diff_patch_2') ? deletedListItemMarkerVariable : deletedDecorationMarkerVariable;
     }
     return isTraditional && isActive ? traditionalDeletedDecorationMarkerVariableActive : isTraditional ? traditionalDeletedDecorationMarkerVariableNew : getStandardDeletedContentStyleNew();
   }

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

@@ -2,19 +2,24 @@ 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 { Decoration } from '@atlaskit/editor-prosemirror/view';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { resolveBaseNodeName } from '../utils/baseNodeName';
 import { countEmptyTextBlockOnlySlice } from '../utils/emptyTextBlocks';
 import { isEmptyParagraphSlice } from '../utils/isEmptyParagraphSlice';
+import { buildAtomicInlineChangedCSSVariables } from './colorSchemes/factory';
+import { colorSchemeRegistry } from './colorSchemes/schemes';
 import { clampAnchorPosIntoCell, createAnchorNameSpan, createLeftAnchorWidget } from './createAnchorDecorationWidgets';
 import { createChangedRowDecorationWidgets } from './createChangedRowDecorationWidgets';
 import { createContributorTagHost, resolveHoistedCodeBlockAnchor, unmountContributorTag } from './createContributorTagWidget';
+import { getAtomicInlineChangedAttrs } from './createInlineChangedDecoration';
 import { AnchorTypeKey, buildContributorTagDecorationSpec, buildDiffDecorationSpec, buildAnchorDecorationKey, scrollMarginTopValue } from './decorationKeys';
 import { absorbFirstChildMarginReset } from './utils/absorbFirstChildMarginReset';
 import { createDeletedLineBreakDecoration } from './utils/createDeletedLineBreakWidget';
 import { createMarginAbsorber } from './utils/createMarginAbsorber';
 import { createNodeShapedMarginSpacer } from './utils/createNodeShapedMarginSpacer';
 import { findSafeInsertPos } from './utils/findSafeInsertPos';
+import { isInlineAttrChangeNodeName } from './utils/getAttrChangeRanges';
 import { safeResolve } from './utils/safeResolve';
 import { getTableDiffMode } from './utils/tableDiffMode';
 import { wrapBlockNodeView, createRemovedLozenge, injectInnerWrapper, createContentWrapper } from './utils/wrapBlockNodeView';
@@ -114,6 +119,32 @@ var createTableCellContentWidgets = function createTableCellContentWidgets(_ref)
   return decorations;
 };
 
+/**
+ * The node name when `change` only swapped one atomic inline node (date, emoji, mention, status)
+ * for another of the same type, i.e. an attribute change rather than content added or removed
+ * around it.
+ */
+var getAtomicInlineAttrOnlyNodeName = function getAtomicInlineAttrOnlyNodeName(change, doc, newDoc) {
+  var nodeA = doc.nodeAt(change.fromA);
+  var nodeB = newDoc.nodeAt(change.fromB);
+  if (!nodeA || !nodeB || nodeA.type !== nodeB.type || nodeA.nodeSize !== change.toA - change.fromA || nodeB.nodeSize !== change.toB - change.fromB) {
+    return undefined;
+  }
+  var nodeName = nodeA.type.name;
+  return isInlineAttrChangeNodeName(nodeName) ? nodeName : undefined;
+};
+
+/** Wraps an inserted atomic inline node view in the outline an in-place attribute change gets. */
+var createAtomicInlineOutline = function createAtomicInlineOutline(nodeName, nodeView, colorScheme) {
+  var outlineWrapper = document.createElement('span');
+  outlineWrapper.className = getAtomicInlineChangedAttrs(nodeName, colorScheme).className;
+  // Set in both cohorts of `platform_editor_show_diff_color_scheme_refactor`: being inline it beats
+  // the stylesheet's purple/green table, so editor-core's rings follow the change's scheme too.
+  outlineWrapper.setAttribute('style', buildAtomicInlineChangedCSSVariables(colorSchemeRegistry[colorScheme !== null && colorScheme !== void 0 ? colorScheme : 'standard']));
+  outlineWrapper.append(nodeView);
+  return outlineWrapper;
+};
+
 /**
  * This function is used to create a decoration widget to show content
  * that is not in the current document.
@@ -385,9 +416,17 @@ export var createNodeChangedDecorationWidget = function createNodeChangedDecorat
         nodeView.style.setProperty('anchor-name', "--".concat(contributorTagAnchorName));
       }
       if (node.isInline) {
-        var wrapper = createContentWrapper(colorScheme, isActive, isInserted, reveal);
-        wrapper.append(nodeView);
-        dom.append(wrapper);
+        var attrOnlyNodeName = isInserted && fg('platform_editor_ai_show_diff_patch_2') && isExperimentEnabled('platform_editor_show_diff_deleted_nodeview_content') ? getAtomicInlineAttrOnlyNodeName(change, doc, newDoc) : undefined;
+        if (attrOnlyNodeName) {
+          // Only the node's attributes changed, so outline it as an in-place attribute change
+          // does, in place of the highlight. Its own wrapper keeps the outline clear of the node
+          // view's styles.
+          dom.append(createAtomicInlineOutline(attrOnlyNodeName, nodeView, colorScheme));
+        } else {
+          var wrapper = createContentWrapper(colorScheme, isActive, isInserted, reveal);
+          wrapper.append(nodeView);
+          dom.append(wrapper);
+        }
       } else {
         // Handle all block nodes with unified function
         wrapBlockNodeView({

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

@@ -287,7 +287,28 @@ var applyTextLikeBlockNodeStyles = function applyTextLikeBlockNodeStyles(_ref8)
     element.setAttribute('style', "".concat(currentStyle).concat(nodeSpecificStyle));
   }
   var contentStyle = getChangedContentStyle(colorScheme, isActive, isInserted, hideAddedDiffsUnderline);
-  var walker = document.createTreeWalker(element, NodeFilter.SHOW_TEXT);
+
+  // Under patch_2, an inserted inline node view (a date, a status lozenge) is highlighted as a whole
+  // rather than the text inside it, so the highlight sits behind the node. Rejecting it skips its
+  // subtree, so this stays a single walk.
+  var highlightInlineNodesWhole = isInserted && fg('platform_editor_ai_show_diff_patch_2');
+  // `applyInlineLeafNodeStyles` styles the block's direct inline children itself.
+  var handlesDirectInlineChildren = highlightInlineLeafNodes && targetNode.type.inlineContent;
+  var inlineNodesToWrap = [];
+  var walker = document.createTreeWalker(element, NodeFilter.SHOW_TEXT | NodeFilter.SHOW_ELEMENT, {
+    acceptNode: function acceptNode(node) {
+      if (node instanceof Text) {
+        return NodeFilter.FILTER_ACCEPT;
+      }
+      if (highlightInlineNodesWhole && node instanceof HTMLElement && node.dataset.prosemirrorNodeInline === 'true') {
+        if (!(handlesDirectInlineChildren && node.parentElement === element)) {
+          inlineNodesToWrap.push(node);
+        }
+        return NodeFilter.FILTER_REJECT;
+      }
+      return NodeFilter.FILTER_SKIP;
+    }
+  });
   var textNodesToWrap = [];
   var currentNode = walker.nextNode();
   while (currentNode) {
@@ -296,13 +317,13 @@ var applyTextLikeBlockNodeStyles = function applyTextLikeBlockNodeStyles(_ref8)
     }
     currentNode = walker.nextNode();
   }
-  textNodesToWrap.forEach(function (textNode) {
+  [].concat(textNodesToWrap, inlineNodesToWrap).forEach(function (node) {
     var contentWrapper = document.createElement('span');
     contentWrapper.setAttribute('style', contentStyle);
-    textNode.replaceWith(contentWrapper);
-    contentWrapper.append(textNode);
+    node.replaceWith(contentWrapper);
+    contentWrapper.append(node);
   });
-  if (highlightInlineLeafNodes && targetNode.type.inlineContent) {
+  if (handlesDirectInlineChildren) {
     applyInlineLeafNodeStyles({
       element: element,
       targetNode: targetNode,

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

@@ -108,7 +108,29 @@ function groupTouchingDecorations(decorations, isInlineDecoration) {
     // A zero-width decoration must not extend the run and bridge a gap.
     clusterTo = Math.max(clusterTo, decoration.to);
   });
-  return groups.map(function (_ref) {
+
+  // A deleted-content widget is left unattributed so it carries no tag of its own, and spans no
+  // range, so it is never a change in its own right. On its own it becomes a stop that reveals
+  // nothing, ahead of the stop for the change it belongs to — so it joins the attributed group
+  // that contains it. Only the stop list changes: the widget keeps its own decoration and, having
+  // no tag, stays no hover target.
+  var attributedGroups = groups.filter(function (group) {
+    return group.contributor !== '';
+  });
+  var stops = groups.filter(function (group) {
+    var _host$decorations;
+    if (group.contributor !== '' || group.decorations.some(function (dec) {
+      return dec.from !== dec.to;
+    })) {
+      return true;
+    }
+    var host = attributedGroups.find(function (attributed) {
+      return attributed.from <= group.from && group.to <= attributed.to;
+    });
+    host === null || host === void 0 || (_host$decorations = host.decorations).push.apply(_host$decorations, _toConsumableArray(group.decorations));
+    return host === undefined;
+  });
+  return stops.map(function (_ref) {
     var _ref2, _group$find;
     var group = _ref.decorations,
       from = _ref.from,

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

@@ -25,16 +25,17 @@ var SHOW_DIFF_AGENT_BRANDS = {
   'agent-brand-databricks': 'databricks',
   'agent-brand-gemini': 'gemini',
   'agent-brand-manus': 'manus',
-  'agent-brand-slack': 'slack'
+  'agent-brand-slack': 'slack',
+  'agent-brand-antigravity': 'antigravity',
+  'agent-brand-copilot': 'copilot'
 };
 
 /**
  * Brands that prefer the account's real avatar over their fixed glyph when the invoking profile
  * has one. Brands with a fixed glyph (Claude, ChatGPT, Amplitude, Cortex, Databricks, Gemini, Manus,
- * Slack) intentionally keep it always (see `AGENT_KIND_ICONS` in
- * `contributorAvatarRenderer.ts`).
+ * Slack) intentionally keep it always (see `AGENT_KIND_ICONS` in `contributorAvatarRenderer.ts`).
  */
-var AVATAR_ELIGIBLE_BRANDS = new Set(['figma', 'lovable', 'replit', 'rovo']);
+var AVATAR_ELIGIBLE_BRANDS = new Set(['antigravity', 'copilot', 'figma', 'lovable', 'replit', 'rovo']);
 
 /** Known external agent types emitted by Confluence's agent identification service that carry
  * no `@atlaskit/agent-color` brand — a generic labelled fallback. */
@@ -44,7 +45,6 @@ var EXTERNAL_AGENT_NAMES = {
   runlayer: 'Runlayer',
   zed: 'Zed',
   ampcode: 'Ampcode',
-  antigravity: 'Antigravity',
   devin_cli: 'Devin CLI',
   pi_agent: 'Pi Agent'
 };

package/dist/esm/showDiffPluginType.js

@@ -19,7 +19,7 @@
 
 /** Branded agent presentations supported by contributor tags. */
 
-export var DIFF_AGENT_BRANDS = new Set(['rovo', 'claude', 'chatgpt', 'figma', 'lovable', 'replit', 'amplitude', 'cortex', 'databricks', 'gemini', 'manus', 'slack']);
+export var DIFF_AGENT_BRANDS = new Set(['rovo', 'claude', 'chatgpt', 'figma', 'lovable', 'replit', 'amplitude', 'cortex', 'databricks', 'gemini', 'manus', 'slack', 'antigravity', 'copilot']);
 
 /** The brand id `@atlaskit/agent-color` registers each `AgentBrandColorScheme` under. */
 

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

@@ -38,10 +38,10 @@ export var CONTRIBUTOR_TAG_REVEALED_ATTRIBUTE = 'data-revealed';
 
 /**
  * Backstop for removing a fading-out tag: a cancelled transition fires no `transitionend`. Must stay
- * above the fade's 600ms, which lives in another package's stylesheet and cannot be read back as a
+ * above the fade's 500ms, which lives in another package's stylesheet and cannot be read back as a
  * number — hence the wide margin. Raise in step with that duration.
  */
-export var TAG_EXIT_FALLBACK_MS = 1200;
+export var TAG_EXIT_FALLBACK_MS = 800;
 
 /**
  * The tooltip's look, inline rather than through `VANILLA_TOOLTIP_DEFAULT_CLASS`: this tooltip is

package/dist/types/pm-plugins/decorations/colorSchemes/factory.d.ts

@@ -111,6 +111,8 @@ export declare function buildDecorationMarkerVariableActive(colors: DiffColorSch
 export declare function buildDeletedDecorationMarkerVariable(colors: DiffColorScheme): string;
 /** Opacity only, no position or strikethrough. Used by 'static' schemes. */
 export declare function buildDeletedDecorationMarkerVariableSimple(colors: DiffColorScheme): string;
+/** Marker and direct-content variables for deleted list items. */
+export declare function buildDeletedListItemMarkerVariable(colors: DiffColorScheme): string;
 /** Extended deleted inline style — background highlight with an accent or background-matched bottom border. */
 export declare function buildDeletedInlineContentStyleExtended(colors: DiffColorScheme, isActive?: boolean): string;
 /** 'glyphTint' deleted inline style — tints the glyph itself via `color:`. */
@@ -227,6 +229,9 @@ export declare function buildDeletedWrappedBlockOutline(colors: DiffColorScheme,
  * decoration span and read by the `.show-diff-atomic-inline-changed-*` selectors in
  * EditorContentContainer, on the decorated element or a descendant, so it must inherit. Being
  * inline it beats the stylesheet's fallback, making the plugin the only source of the colour.
+ *
+ * Under patch_2 it also reserves the 2px ring either side, since the ring takes up no space and
+ * otherwise paints over an adjacent inline diff.
  */
 export declare function buildAtomicInlineChangedCSSVariables(colors: DiffColorScheme): string;
 /** Hands editor-core the same strike line the widget path uses, via a custom property. */

package/dist/types/pm-plugins/decorations/colorSchemes/standard.d.ts

@@ -33,6 +33,7 @@ export declare const editingStyleNode: string;
 export declare const editingStyleCardBlockNode: string;
 export declare const standardDecorationMarkerVariable: string;
 export declare const deletedDecorationMarkerVariable: string;
+export declare const deletedListItemMarkerVariable: string;
 export declare const addedCellOverlayStyle: string;
 export declare const addedCellOverlayRoundedStyle: string;
 export declare const deletedCellOverlayStyle: string;

package/dist/types/showDiffPluginType.d.ts

@@ -40,7 +40,7 @@ export type StepWithAttribution<TStep> = {
     stepAttribution?: DiffStepAttribution;
 };
 /** Branded agent presentations supported by contributor tags. */
-export type DiffAgentBrand = 'rovo' | 'claude' | 'chatgpt' | 'figma' | 'lovable' | 'replit' | 'amplitude' | 'cortex' | 'databricks' | 'gemini' | 'manus' | 'slack';
+export type DiffAgentBrand = 'rovo' | 'claude' | 'chatgpt' | 'figma' | 'lovable' | 'replit' | 'amplitude' | 'cortex' | 'databricks' | 'gemini' | 'manus' | 'slack' | 'antigravity' | 'copilot';
 export declare const DIFF_AGENT_BRANDS: ReadonlySet<DiffAgentBrand>;
 /** The brand id `@atlaskit/agent-color` registers each `AgentBrandColorScheme` under. */
 type AgentColorBrandId = AgentBrandColorScheme extends `agent-brand-${infer BrandId}` ? BrandId : never;

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

@@ -30,10 +30,10 @@ export declare const CONTRIBUTOR_TAG_CLASS = "ak-editor-diff-contributor-tag";
 export declare const CONTRIBUTOR_TAG_REVEALED_ATTRIBUTE = "data-revealed";
 /**
  * Backstop for removing a fading-out tag: a cancelled transition fires no `transitionend`. Must stay
- * above the fade's 600ms, which lives in another package's stylesheet and cannot be read back as a
+ * above the fade's 500ms, which lives in another package's stylesheet and cannot be read back as a
  * number — hence the wide margin. Raise in step with that duration.
  */
-export declare const TAG_EXIT_FALLBACK_MS = 1200;
+export declare const TAG_EXIT_FALLBACK_MS = 800;
 /**
  * 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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-show-diff",
-	"version": "25.0.5",
+	"version": "25.1.0",
 	"description": "ShowDiff plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -34,11 +34,11 @@
 		"@atlaskit/editor-plugin-limited-mode": "^24.0.0",
 		"@atlaskit/editor-plugin-user-intent": "^25.0.0",
 		"@atlaskit/editor-prosemirror": "^9.0.0",
-		"@atlaskit/editor-shared-styles": "^4.4.0",
+		"@atlaskit/editor-shared-styles": "^4.5.0",
 		"@atlaskit/editor-tables": "^3.2.0",
 		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.2.0",
-		"@atlaskit/primitives": "^22.5.0",
+		"@atlaskit/primitives": "^22.6.0",
 		"@atlaskit/tmp-editor-statsig": "^240.0.0",
 		"@atlaskit/tokens": "^20.6.0",
 		"@babel/runtime": "^7.0.0",
@@ -64,14 +64,14 @@
 		"@atlassian/confluence-presets": "workspace:^",
 		"@atlassian/content-reconciliation": "^0.1.3506",
 		"@atlassian/editor-ai-injected-editors": "^41.0.0",
-		"@atlassian/editor-plugin-ai": "^81.1.0",
+		"@atlassian/editor-plugin-ai": "^81.3.0",
 		"@atlassian/structured-docs-types": "workspace:^",
 		"react": "^19.2.0",
 		"react-dom": "^19.2.0",
 		"react-intl": "^7.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^131.2.0",
+		"@atlaskit/editor-common": "^131.6.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"