@atlaskit/editor-plugin-show-diff 30.0.14 → 30.0.16

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

@@ -190,13 +190,13 @@ const applyMultiContainerLikeStyles = ({
     const nestedInsertedNodeStyle = resolveNestedInsertedNodeStyle(colorScheme);
     element.querySelectorAll('li').forEach(listItem => {
       const currentListItemStyle = listItem.getAttribute('style') || '';
-      listItem.setAttribute('style', fg('platform_editor_ai_show_diff_patch_1') ? combineStyles(currentListItemStyle, nestedInsertedNodeStyle) : `${currentListItemStyle}${nestedInsertedNodeStyle}`);
+      listItem.setAttribute('style', combineStyles(currentListItemStyle, nestedInsertedNodeStyle));
     });
   } else if (targetNode.type.name === 'layoutSection') {
     const nestedInsertedNodeStyle = resolveNestedInsertedNodeStyle(colorScheme);
     element.querySelectorAll('[data-layout-column="true"]').forEach(section => {
       const currentSectionStyle = section.getAttribute('style') || '';
-      section.setAttribute('style', fg('platform_editor_ai_show_diff_patch_1') ? combineStyles(currentSectionStyle, nestedInsertedNodeStyle) : `${currentSectionStyle}${nestedInsertedNodeStyle}`);
+      section.setAttribute('style', combineStyles(currentSectionStyle, nestedInsertedNodeStyle));
     });
   } else if (targetNode.type.name === 'taskList') {
     const nestedInsertedNodeStyle = resolveNestedInsertedNodeStyle(colorScheme);
@@ -205,7 +205,7 @@ const applyMultiContainerLikeStyles = ({
       listItem.setAttribute('style', `${currentListItemStyle}${nestedInsertedNodeStyle}`);
     });
   }
-  element.setAttribute('style', fg('platform_editor_ai_show_diff_patch_1') ? combineStyles(currentStyle, nodeSpecificStyle) : `${currentStyle};${nodeSpecificStyle}`);
+  element.setAttribute('style', combineStyles(currentStyle, nodeSpecificStyle));
 };
 const combineStyles = (currentStyle, appendedStyle) => {
   const separator = currentStyle && appendedStyle && !currentStyle.trimEnd().endsWith(';') ? '; ' : '';
@@ -581,7 +581,7 @@ export const wrapBlockNodeView = ({
         hideAddedDiffsUnderline,
         highlightInlineLeafNodes
       });
-      if (targetNode.type.name === 'blockquote' && fg('platform_editor_ai_show_diff_patch_1')) {
+      if (targetNode.type.name === 'blockquote') {
         appendStyleToElement(nodeView, quoteBlockLevelStyle);
       }
       dom.append(nodeView);

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

@@ -12,13 +12,13 @@
  */
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { buildAddedCellOverlayRoundedStyle, buildAddedCellOverlayStyle, buildAddedCellOverlayStyleNew, buildDeletedCellOverlayRoundedStyle, buildDeletedCellOverlayStyle, buildDeletedInlineContentStyle, buildDeletedInlineContentStyleExtended, buildDeletedLozengeActiveStyle, buildDeletedLozengeStyle, buildDeletedNodeCSSVariables, buildDeletedQuoteNodeWithLozengeStyle, buildDeletedStrikethroughLine, buildDeletedWrappedBlockOutline, buildInsertedBlockNodeStyle, buildInsertedInlineStyle, buildInsertStyleInBlockExtended, buildInsertStyleInBlockExtendedNoUnderline, buildInsertStyleNode } from '../colorSchemes/factory';
+import { buildAddedCellOverlayRoundedStyle, buildAddedCellOverlayStyle, buildAddedCellOverlayStyleNew, buildDeletedCellOverlayRoundedStyle, buildDeletedCellOverlayStyle, buildDeletedInlineContentStyle, buildDeletedInlineContentStyleExtended, buildDeletedLozengeActiveStyle, buildDeletedLozengeStyle, buildDeletedNodeCSSVariables, buildDeletedQuoteNodeWithLozengeStyle, buildDeletedStrikethroughLine, buildDeletedWrappedBlockOutline, buildInsertedBlockNodeStyle, buildInsertedInlineStyle, buildInsertStyleInBlockExtendedNoUnderline, buildInsertStyleNode } from '../colorSchemes/factory';
 import { colorSchemeRegistry, getLegacyColorScheme, standardScheme } from '../colorSchemes/schemes';
 import { getChangedContentStyleLegacy, getChangedNodeStyleLegacy, getDeletedContentStyleLegacy, getDeletedContentStyleUnboundedLegacy, getInsertedContentStyleLegacy, hasRestingDeletedRingLegacy, resolveCellOverlayStyleLegacy, resolveNestedInsertedNodeStyleLegacy, resolveRemovedLozengeStyleLegacy } from './wrapBlockNodeViewStyles.legacy';
 const getColorScheme = colorScheme => colorSchemeRegistry[colorScheme !== null && colorScheme !== void 0 ? colorScheme : 'standard'];
 
 /**
- * Preserve the historical purple nested outlines when the layout/decision diff patch is off.
+ * Scheme for the outline of an inserted multi-container block (layouts, decision lists, etc.).
  */
 const nestedContentScheme = standardScheme;
 
@@ -55,7 +55,7 @@ const getChangedNodeStyleNext = (nodeName, colorScheme, isInserted = false, isAc
   const colors = getColorScheme(colorScheme);
   if (isInserted) {
     if (isMultiContainerBlockNode(nodeName)) {
-      return hideAddedDiffsUnderline || fg('platform_editor_ai_show_diff_patch_1') ? buildInsertStyleInBlockExtendedNoUnderline(nestedContentScheme) : buildInsertStyleInBlockExtended(nestedContentScheme);
+      return buildInsertStyleInBlockExtendedNoUnderline(nestedContentScheme);
     }
     if (isTextLikeBlockNode(nodeName)) {
       return undefined;
@@ -107,7 +107,7 @@ const resolveRemovedLozengeStyleNext = (colorScheme, isActive) => {
   const colors = getColorScheme(colorScheme);
   return isActive ? buildDeletedLozengeActiveStyle(colors) : buildDeletedLozengeStyle(colors);
 };
-const resolveNestedInsertedNodeStyleNext = colorScheme => buildInsertStyleNode(fg('platform_editor_ai_show_diff_patch_1') ? getColorScheme(colorScheme) : nestedContentScheme);
+const resolveNestedInsertedNodeStyleNext = colorScheme => buildInsertStyleNode(getColorScheme(colorScheme));
 
 // Only 'stateful' schemes have a resting ring.
 const hasRestingDeletedRingNext = colorScheme => getColorScheme(colorScheme).deletedNodeEmphasis === 'stateful';

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

@@ -10,7 +10,7 @@
  */
 import { convertToInlineCss } from '@atlaskit/editor-common/css-helper';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { deletedBlockOutline, deletedBlockOutlineActive, deletedBlockOutlineRounded, deletedBlockOutlineRoundedActive, deletedContentStyleUnbounded, deletedInlineContentStyleExtended, deletedStyleQuoteNodeWithLozenge, deletedStyleQuoteNodeWithLozengeActive, editingContentStyleInBlockExtended, editingContentStyleInBlockExtendedNoUnderline, editingStyleExtended, editingStyleExtendedNoUnderline, editingStyleActiveExtended, editingStyleActiveExtendedNoUnderline, editingStyleNode, getStandardDeletedContentStyleActive, getStandardDeletedContentStyleNew, addedCellOverlayStyle, addedCellOverlayRoundedStyle, deletedCellOverlayStyle, deletedCellOverlayRoundedStyle } from '../colorSchemes/standard';
+import { deletedBlockOutline, deletedBlockOutlineActive, deletedBlockOutlineRounded, deletedBlockOutlineRoundedActive, deletedContentStyleUnbounded, deletedInlineContentStyleExtended, deletedStyleQuoteNodeWithLozenge, deletedStyleQuoteNodeWithLozengeActive, editingContentStyleInBlockExtendedNoUnderline, editingStyleExtended, editingStyleExtendedNoUnderline, editingStyleActiveExtended, editingStyleActiveExtendedNoUnderline, editingStyleNode, getStandardDeletedContentStyleActive, getStandardDeletedContentStyleNew, addedCellOverlayStyle, addedCellOverlayRoundedStyle, deletedCellOverlayStyle, deletedCellOverlayRoundedStyle } from '../colorSchemes/standard';
 import { deletedTraditionalBlockOutlineActive, deletedTraditionalBlockOutlineNew, deletedTraditionalBlockOutlineRoundedActive, deletedTraditionalBlockOutlineRoundedNew, deletedTraditionalContentStyleUnbounded, deletedTraditionalContentStyleUnboundedActive, getDeletedTraditionalInlineStyle, deletedTraditionalStyleQuoteNode, deletedTraditionalStyleQuoteNodeActive, traditionalInsertStyle, traditionalInsertStyleActive, traditionalStyleNodeActive, traditionalStyleNodeNew, traditionalAddedCellOverlayRoundedStyle, traditionalAddedCellOverlayStyleNew, deletedTraditionalCellOverlayStyle, deletedTraditionalCellOverlayRoundedStyle } from '../colorSchemes/traditional';
 const lozengeStyle = convertToInlineCss({
   display: 'inline-flex',
@@ -102,7 +102,7 @@ export const getChangedNodeStyleLegacy = (nodeName, colorScheme, isInserted = fa
   const isTraditional = colorScheme === 'traditional';
   if (isInserted) {
     if (isMultiContainerBlockNode(nodeName)) {
-      return hideAddedDiffsUnderline || fg('platform_editor_ai_show_diff_patch_1') ? editingContentStyleInBlockExtendedNoUnderline : editingContentStyleInBlockExtended;
+      return editingContentStyleInBlockExtendedNoUnderline;
     }
     if (isTextLikeBlockNode(nodeName)) {
       return undefined;

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

@@ -1,5 +1,5 @@
-import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 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 { isDiffDecoration, isDiffDecorationSpec } from './decorations/decorationKeys';
 
@@ -132,13 +132,11 @@ function groupTouchingDecorations(decorations, isInlineDecoration, doc) {
     // Keep the group's range for navigation and active-range calculation, but scroll to the widget.
     let scrollTarget;
     const startNode = doc === null || doc === void 0 ? void 0 : doc.nodeAt(from);
-    if (fg('platform_editor_ai_show_diff_patch_1')) {
-      if (fg('platform_editor_ai_show_diff_patch_2_fix') && ((startNode === null || startNode === void 0 ? void 0 : startNode.type.name) === 'tableCell' || (startNode === null || startNode === void 0 ? void 0 : startNode.type.name) === 'tableHeader')) {
-        scrollTarget = group.find(decoration => decoration.from === from + 1 && decorationSide(decoration) < decorationSide(representative));
-      }
-      if (!scrollTarget) {
-        scrollTarget = group.find(decoration => decoration.from === from && decorationSide(decoration) < decorationSide(representative));
-      }
+    if (fg('platform_editor_ai_show_diff_patch_2_fix') && ((startNode === null || startNode === void 0 ? void 0 : startNode.type.name) === 'tableCell' || (startNode === null || startNode === void 0 ? void 0 : startNode.type.name) === 'tableHeader')) {
+      scrollTarget = group.find(decoration => decoration.from === from + 1 && decorationSide(decoration) < decorationSide(representative));
+    }
+    if (!scrollTarget) {
+      scrollTarget = group.find(decoration => decoration.from === from && decorationSide(decoration) < decorationSide(representative));
     }
     if (!scrollTarget && representative.from === from && representative.to === to) {
       return representative;
@@ -168,8 +166,7 @@ function groupTouchingDecorations(decorations, isInlineDecoration, doc) {
  * 5. When `platform_editor_attributed_version_history` is enabled, groups overlapping or
  *    directly touching ranges across decoration types into one result per contributor, using the
  *    union of all grouped ranges
- *    (zero-width widgets can join a group without extending it). Under
- *    `platform_editor_ai_show_diff_patch_1`, a group that starts with content painting above
+ *    (zero-width widgets can join a group without extending it). A group that starts with content painting above
  * 	  the content that replaced it — reports that widget as its `scrollTarget` spec,
  *    so scrolling reaches the visual start of the edit
  * 6. Results are sorted by from position, then by to position

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

@@ -3,17 +3,6 @@ import { getStickyHeaderHeight } from '@atlaskit/editor-common/table/get-sticky-
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { isDiffDecoration, SCROLL_TARGET_MARGIN_CSS_PROPERTY } from './decorations/decorationKeys';
 import { getWidgetElement } from './decorations/utils/getWidgetElement';
-
-/**
- * Extra space above the scrolled-to element so it does not sit flush under the
- * viewport edge (helps with sticky table headers, toolbars, etc.).
- *
- * Implemented with `scroll-margin-top` so we still use the browser’s native
- * `scrollIntoView`, which scrolls every relevant scrollport (nested containers
- * and the window). A single manual `scrollTop` on one ancestor often misses
- * outer scroll or mis-identifies the active scroll container.
- */
-const SCROLL_TOP_MARGIN_PX = 100;
 function updateScrollTargetMargin(view, targetPos, api) {
   var _api$limitedMode, _api$limitedMode$shar;
   const isLimitedModeEnabled = Boolean(api === null || api === void 0 ? void 0 : (_api$limitedMode = api.limitedMode) === null || _api$limitedMode === void 0 ? void 0 : (_api$limitedMode$shar = _api$limitedMode.sharedState.currentState()) === null || _api$limitedMode$shar === void 0 ? void 0 : _api$limitedMode$shar.enabled);
@@ -33,19 +22,7 @@ function scrollToSelection(node) {
   if (fg('platform_editor_ai_suggestion_table_scroll_fix')) {
     scrollOptions.inline = 'center';
   }
-  if (fg('platform_editor_ai_show_diff_patch_1')) {
-    element.scrollIntoView(scrollOptions);
-    return;
-  }
-
-  // scroll-margin is included in scroll-into-view math; it does not change layout.
-  const previousScrollMarginTop = element.style.scrollMarginTop;
-  element.style.scrollMarginTop = `${SCROLL_TOP_MARGIN_PX}px`;
-  try {
-    element.scrollIntoView(scrollOptions);
-  } finally {
-    element.style.scrollMarginTop = previousScrollMarginTop;
-  }
+  element.scrollIntoView(scrollOptions);
 }
 function resolveScrollTarget(view, target) {
   var _view$domAtPos;
@@ -74,7 +51,7 @@ export const scrollToDecoration = (view, decorations, activeIndex = 0, api) => {
 
   // A grouped decoration spans a whole customer-facing edit, which can visually start with a
   // deleted-content widget rather than at the group's `from` position — see `scrollTarget` in
-  // `getScrollableDecorations`. Only set under `platform_editor_ai_show_diff_patch_1`.
+  // `getScrollableDecorations`.
   const target = isDiffDecoration(decoration) && decoration.spec.scrollTarget || decoration;
   let rafId = null;
   let cancelled = false;
@@ -82,9 +59,7 @@ export const scrollToDecoration = (view, decorations, activeIndex = 0, api) => {
     if (view.isDestroyed) {
       return;
     }
-    if (fg('platform_editor_ai_show_diff_patch_1')) {
-      updateScrollTargetMargin(view, target.from, api);
-    }
+    updateScrollTargetMargin(view, target.from, api);
     scrollToSelection(resolveScrollTarget(view, target));
   };
 

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

@@ -607,7 +607,7 @@ var calculateDiffDecorationsInner = function calculateDiffDecorationsInner(_ref8
     // the other deleted-side suppressions, so the widget is never asked for a slice it can only
     // render as an empty copy of the block (EDITOR-8912). Its inserted side is untouched, and
     // the node's content change is a change of its own.
-    var hasNoDeletedContent = fg('platform_editor_ai_show_diff_patch_1') && change.deleted.length > 0 && isOpenTokenOnlyChange({
+    var hasNoDeletedContent = change.deleted.length > 0 && isOpenTokenOnlyChange({
       change: change,
       originalDoc: originalDoc
     });

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

@@ -231,14 +231,6 @@ export function buildInsertStyleExtended(colors) {
   }));
 }
 
-/** Extended insert style for content within a block node (border-bottom only, no background). */
-export function buildInsertStyleInBlockExtended(colors) {
-  return convertToInlineCss({
-    borderBottom: "2px solid ".concat(insertedInlineBorderColor(colors)),
-    padding: "1px 0 2px"
-  });
-}
-
 /** Active state of the extended insert style. */
 export function buildInsertStyleExtendedActive(colors) {
   var _ref2, _brand$activeBorder;

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

@@ -1,13 +1,10 @@
-import { fg } from '@atlaskit/platform-feature-flags/fg';
 /**
  * The ADF strike parser recognises the `text-decoration` shorthand when a decorated NodeView is
  * reconciled. Use the visually equivalent longhand for AI suggestion diffs so presentation-only
  * styling cannot be retained as document content.
  */
 export var getStandardDeletedTextDecorationStyle = function getStandardDeletedTextDecorationStyle() {
-  return fg('platform_editor_ai_show_diff_patch_1') ? {
+  return {
     textDecorationLine: 'line-through'
-  } : {
-    textDecoration: 'line-through'
   };
 };

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

@@ -8,10 +8,6 @@ export var editingStyleExtended = convertToInlineCss({
   borderBottom: "2px solid ".concat("var(--ds-border-accent-purple, #AF59E1)"),
   padding: "1px 0 2px"
 });
-export var editingContentStyleInBlockExtended = convertToInlineCss({
-  borderBottom: "2px solid ".concat("var(--ds-border-accent-purple, #AF59E1)"),
-  padding: "1px 0 2px"
-});
 export var editingStyleActiveExtended = convertToInlineCss({
   background: "var(--ds-background-accent-purple-subtler-pressed, #D8A0F7)",
   borderBottom: "2px solid ".concat("var(--ds-border-accent-purple, #AF59E1)"),

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

@@ -5,9 +5,9 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 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 { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { findParentNodeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { buildAnchorDecorationKey, buildAnchorDecorationSpec, AnchorDocMarginKey, AnchorTypeKey } from './decorationKeys';
 
@@ -50,7 +50,7 @@ var edgeCases = function edgeCases(doc, from, nodeOverride) {
     nodeStart = resolved.nodeStart,
     beforePos = resolved.beforePos;
   var node = fg('platform_editor_ai_show_diff_patch_2') ? nodeOverride !== null && nodeOverride !== void 0 ? nodeOverride : resolvedNode : resolvedNode;
-  if (node.type.name === 'layoutSection' && fg('platform_editor_ai_show_diff_patch_1')) {
+  if (node.type.name === 'layoutSection') {
     // Columns extend past the node-view wrapper via negative margins (12px or 20px).
     // Measure their container so the indicator stays outside the diff outline, including
     // breakout layouts and after responsive resizing, without changing the column geometry.
@@ -415,9 +415,9 @@ export var createBlockIndicatorAnchorWidgets = function createBlockIndicatorAnch
   var parentCellOrRow = findParentNodeClosestToPos($from, function (ancestor) {
     return ['tableCell', 'tableHeader', 'tableRow'].includes(ancestor.type.name);
   });
-  var parentLayout = fg('platform_editor_ai_show_diff_patch_1') ? findParentNodeClosestToPos($from, function (ancestor) {
+  var parentLayout = findParentNodeClosestToPos($from, function (ancestor) {
     return ancestor.type.name === 'layoutSection';
-  }) : undefined;
+  });
   // Layouts flatten direct widget children with display: contents. Such a wrapper has no
   // bounding box or positioning context, so measuring its top produces an offset from the
   // viewport origin and displaces the indicator into content below the editor. Keep the

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

@@ -232,7 +232,7 @@ export var createBlockChangedDecoration = function createBlockChangedDecoration(
   });
   var styleOld = tagAnchorName ? [nodeStyle, convertToInlineCss({
     anchorName: "--".concat(tagAnchorName)
-  }), fg('platform_editor_ai_show_diff_patch_1') ? scrollMarginTopStyle : undefined].filter(Boolean).join(' ') : nodeStyle;
+  }), scrollMarginTopStyle].filter(Boolean).join(' ') : nodeStyle;
   var style = fg('platform_editor_ai_show_diff_patch_2') ? [nodeStyle, tagAnchorName ? convertToInlineCss({
     anchorName: "--".concat(tagAnchorName)
   }) : undefined,

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

@@ -54,7 +54,7 @@ var extractChangedRows = function extractChangedRows(_ref) {
   // was written for deletions only, so it used to discard every replacement and the changed row's
   // content was never rendered anywhere. The reviewer was left with just the removed side.
   var isRowDeletion = oldTableMap.height > newTableMap.height;
-  var handleRowReplacement = oldTableMap.height === newTableMap.height && fg('platform_editor_ai_show_diff_patch_1');
+  var handleRowReplacement = oldTableMap.height === newTableMap.height;
   // If no rows were changed, return empty
   if (!(isRowDeletion || handleRowReplacement) ||
   // For now ignore if there are column deletions as well
@@ -166,10 +166,8 @@ var createChangedRowDOM = function createChangedRowDOM(_ref3) {
   }
   // Mirrors the strikethrough condition above: an `isInserted` row is ADDED content, so it must not claim the "deleted" testid — page models match that as
   // removed content (same reasoning as `createTableCellContentWidgets`).
-  tr.setAttribute('data-testid', isInserted && fg('platform_editor_ai_show_diff_patch_1') ? 'show-diff-changed-row' : 'show-diff-deleted-row');
-  if (fg('platform_editor_ai_show_diff_patch_1')) {
-    tr.style.setProperty('scroll-margin-top', scrollMarginTopValue);
-  }
+  tr.setAttribute('data-testid', isInserted ? 'show-diff-changed-row' : 'show-diff-deleted-row');
+  tr.style.setProperty('scroll-margin-top', scrollMarginTopValue);
 
   // Serialize each cell in the row
   var cellIndex = 0;
@@ -326,7 +324,7 @@ export var createChangedRowDecorationWidgets = function createChangedRowDecorati
     // is still created but can never resolve a position, so it silently does not render and the
     // bar covers only the row being changed. `createNodeChangedDecorationWidget` sets the same
     // property on its own widget DOM for non-table content; this path returns before reaching it.
-    if (showIndicators && fg('platform_editor_ai_show_diff_patch_1')) {
+    if (showIndicators) {
       rowAnchorNames.push(buildAnchorDecorationKey({
         diffId: diffId
       }));

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

@@ -203,7 +203,7 @@ export var createInlineChangedDecoration = function createInlineChangedDecoratio
     diffId: diffId,
     mountContext: tagMountContext
   }) : undefined;
-  var inlineStyle = [style, atomicInlineAttrs === null || atomicInlineAttrs === void 0 ? void 0 : atomicInlineAttrs.styleSuffix, deletedInlineNodeAttrs === null || deletedInlineNodeAttrs === void 0 ? void 0 : deletedInlineNodeAttrs.styleSuffix, tagWidget ? stackBelowContributorTagStyle : undefined, fg('platform_editor_ai_show_diff_patch_1') ? scrollMarginTopStyle : undefined].filter(Boolean).join('');
+  var inlineStyle = [style, atomicInlineAttrs === null || atomicInlineAttrs === void 0 ? void 0 : atomicInlineAttrs.styleSuffix, deletedInlineNodeAttrs === null || deletedInlineNodeAttrs === void 0 ? void 0 : deletedInlineNodeAttrs.styleSuffix, tagWidget ? stackBelowContributorTagStyle : undefined, scrollMarginTopStyle].filter(Boolean).join('');
   var decorations = [Decoration.inline(change.fromB, change.toB, _objectSpread(_objectSpread(_objectSpread({
     style: inlineStyle
   }, atomicInlineAttrs && {

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

@@ -102,9 +102,7 @@ var createTableCellContentWidgets = function createTableCellContentWidgets(_ref)
     // This helper only runs for added content, so use the "changed" testid — not
     // "deleted", which page models match as removed content.
     dom.setAttribute('data-testid', 'show-diff-changed-decoration');
-    if (fg('platform_editor_ai_show_diff_patch_1')) {
-      dom.style.setProperty('scroll-margin-top', scrollMarginTopValue);
-    }
+    dom.style.setProperty('scroll-margin-top', scrollMarginTopValue);
 
     // Skip findSafeInsertPos: it walks forward to a schema-valid cell-insert point
     // and pushes the widget into the next cell. `targetPos` is the correct spot.
@@ -325,7 +323,6 @@ export var createNodeChangedDecorationWidget = function createNodeChangedDecorat
   var replacementNode = newDoc.nodeAt(change.fromB);
   var firstReplacedNode = slice.content.firstChild;
   var lastReplacedNode = slice.content.lastChild;
-  var showDiffPatch1 = fg('platform_editor_ai_show_diff_patch_1');
   // Whether the slice's outermost textblocks still hold all of their original content.
   //
   // `openStart`/`openEnd` say whether the cut landed inside a block, but not whether it took
@@ -351,7 +348,7 @@ export var createNodeChangedDecorationWidget = function createNodeChangedDecorat
     var isFirst = firstReplacedNode === node;
     var isLast = lastReplacedNode === node;
     var isOpenAtSliceBoundary = isFirst && slice.openStart > 0 || isLast && slice.openEnd > 0;
-    var shouldPreserveCompleteMultiInlineBlock = showDiffPatch1 && node.isBlock && node.type.inlineContent && node.content.childCount > 1 && !isOpenAtSliceBoundary && isCompleteSameTypeReplacement;
+    var shouldPreserveCompleteMultiInlineBlock = node.isBlock && node.type.inlineContent && node.content.childCount > 1 && !isOpenAtSliceBoundary && isCompleteSameTypeReplacement;
     // A textblock is otherwise serialized as its inline content only, with no `<p>`/`<h2>` wrapper.
     // That is right when the diff cuts into an existing block — the deleted text belongs on the same
     // line as the text that replaced it — but when the whole block went away it drops the very
@@ -518,9 +515,7 @@ export var createNodeChangedDecorationWidget = function createNodeChangedDecorat
     });
   }
   dom.setAttribute('data-testid', 'show-diff-deleted-decoration');
-  if (fg('platform_editor_ai_show_diff_patch_1')) {
-    dom.style.setProperty('scroll-margin-top', scrollMarginTopValue);
-  }
+  dom.style.setProperty('scroll-margin-top', scrollMarginTopValue);
 
   // A block node serialized into the widget is the widget's first child, and the editor's
   // first-child reset is written against the parent element rather than the document position — so
@@ -700,9 +695,7 @@ export var createNodeChangedDecorationWidget = function createNodeChangedDecorat
       defaultSpacer.dataset.testid = 'show-diff-default-margin-spacer';
       defaultSpacer.style.display = 'block';
       defaultSpacer.style.marginTop = "var(--ds-space-100, 8px)";
-      if (fg('platform_editor_ai_show_diff_patch_1')) {
-        defaultSpacer.style.setProperty('scroll-margin-top', scrollMarginTopValue);
-      }
+      defaultSpacer.style.setProperty('scroll-margin-top', scrollMarginTopValue);
       decorations.push(Decoration.widget(safeInsertPos, defaultSpacer,
       // Spacing only: a diff spec would make it an untagged navigation stop.
       showContributorTags ? {} : buildDiffDecorationSpec({

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

@@ -195,13 +195,13 @@ var applyMultiContainerLikeStyles = function applyMultiContainerLikeStyles(_ref5
     var nestedInsertedNodeStyle = resolveNestedInsertedNodeStyle(colorScheme);
     element.querySelectorAll('li').forEach(function (listItem) {
       var currentListItemStyle = listItem.getAttribute('style') || '';
-      listItem.setAttribute('style', fg('platform_editor_ai_show_diff_patch_1') ? combineStyles(currentListItemStyle, nestedInsertedNodeStyle) : "".concat(currentListItemStyle).concat(nestedInsertedNodeStyle));
+      listItem.setAttribute('style', combineStyles(currentListItemStyle, nestedInsertedNodeStyle));
     });
   } else if (targetNode.type.name === 'layoutSection') {
     var _nestedInsertedNodeStyle = resolveNestedInsertedNodeStyle(colorScheme);
     element.querySelectorAll('[data-layout-column="true"]').forEach(function (section) {
       var currentSectionStyle = section.getAttribute('style') || '';
-      section.setAttribute('style', fg('platform_editor_ai_show_diff_patch_1') ? combineStyles(currentSectionStyle, _nestedInsertedNodeStyle) : "".concat(currentSectionStyle).concat(_nestedInsertedNodeStyle));
+      section.setAttribute('style', combineStyles(currentSectionStyle, _nestedInsertedNodeStyle));
     });
   } else if (targetNode.type.name === 'taskList') {
     var _nestedInsertedNodeStyle2 = resolveNestedInsertedNodeStyle(colorScheme);
@@ -210,7 +210,7 @@ var applyMultiContainerLikeStyles = function applyMultiContainerLikeStyles(_ref5
       listItem.setAttribute('style', "".concat(currentListItemStyle).concat(_nestedInsertedNodeStyle2));
     });
   }
-  element.setAttribute('style', fg('platform_editor_ai_show_diff_patch_1') ? combineStyles(currentStyle, nodeSpecificStyle) : "".concat(currentStyle, ";").concat(nodeSpecificStyle));
+  element.setAttribute('style', combineStyles(currentStyle, nodeSpecificStyle));
 };
 var combineStyles = function combineStyles(currentStyle, appendedStyle) {
   var separator = currentStyle && appendedStyle && !currentStyle.trimEnd().endsWith(';') ? '; ' : '';
@@ -591,7 +591,7 @@ export var wrapBlockNodeView = function wrapBlockNodeView(_ref11) {
         hideAddedDiffsUnderline: hideAddedDiffsUnderline,
         highlightInlineLeafNodes: highlightInlineLeafNodes
       });
-      if (targetNode.type.name === 'blockquote' && fg('platform_editor_ai_show_diff_patch_1')) {
+      if (targetNode.type.name === 'blockquote') {
         appendStyleToElement(nodeView, quoteBlockLevelStyle);
       }
       dom.append(nodeView);

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

@@ -15,7 +15,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  */
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { buildAddedCellOverlayRoundedStyle, buildAddedCellOverlayStyle, buildAddedCellOverlayStyleNew, buildDeletedCellOverlayRoundedStyle, buildDeletedCellOverlayStyle, buildDeletedInlineContentStyle, buildDeletedInlineContentStyleExtended, buildDeletedLozengeActiveStyle, buildDeletedLozengeStyle, buildDeletedNodeCSSVariables, buildDeletedQuoteNodeWithLozengeStyle, buildDeletedStrikethroughLine, buildDeletedWrappedBlockOutline, buildInsertedBlockNodeStyle, buildInsertedInlineStyle, buildInsertStyleInBlockExtended, buildInsertStyleInBlockExtendedNoUnderline, buildInsertStyleNode } from '../colorSchemes/factory';
+import { buildAddedCellOverlayRoundedStyle, buildAddedCellOverlayStyle, buildAddedCellOverlayStyleNew, buildDeletedCellOverlayRoundedStyle, buildDeletedCellOverlayStyle, buildDeletedInlineContentStyle, buildDeletedInlineContentStyleExtended, buildDeletedLozengeActiveStyle, buildDeletedLozengeStyle, buildDeletedNodeCSSVariables, buildDeletedQuoteNodeWithLozengeStyle, buildDeletedStrikethroughLine, buildDeletedWrappedBlockOutline, buildInsertedBlockNodeStyle, buildInsertedInlineStyle, buildInsertStyleInBlockExtendedNoUnderline, buildInsertStyleNode } from '../colorSchemes/factory';
 import { colorSchemeRegistry, getLegacyColorScheme, standardScheme } from '../colorSchemes/schemes';
 import { getChangedContentStyleLegacy, getChangedNodeStyleLegacy, getDeletedContentStyleLegacy, getDeletedContentStyleUnboundedLegacy, getInsertedContentStyleLegacy, hasRestingDeletedRingLegacy, resolveCellOverlayStyleLegacy, resolveNestedInsertedNodeStyleLegacy, resolveRemovedLozengeStyleLegacy } from './wrapBlockNodeViewStyles.legacy';
 var getColorScheme = function getColorScheme(colorScheme) {
@@ -23,7 +23,7 @@ var getColorScheme = function getColorScheme(colorScheme) {
 };
 
 /**
- * Preserve the historical purple nested outlines when the layout/decision diff patch is off.
+ * Scheme for the outline of an inserted multi-container block (layouts, decision lists, etc.).
  */
 var nestedContentScheme = standardScheme;
 
@@ -66,7 +66,7 @@ var getChangedNodeStyleNext = function getChangedNodeStyleNext(nodeName, colorSc
   var colors = getColorScheme(colorScheme);
   if (isInserted) {
     if (isMultiContainerBlockNode(nodeName)) {
-      return hideAddedDiffsUnderline || fg('platform_editor_ai_show_diff_patch_1') ? buildInsertStyleInBlockExtendedNoUnderline(nestedContentScheme) : buildInsertStyleInBlockExtended(nestedContentScheme);
+      return buildInsertStyleInBlockExtendedNoUnderline(nestedContentScheme);
     }
     if (isTextLikeBlockNode(nodeName)) {
       return undefined;
@@ -126,7 +126,7 @@ var resolveRemovedLozengeStyleNext = function resolveRemovedLozengeStyleNext(col
   return isActive ? buildDeletedLozengeActiveStyle(colors) : buildDeletedLozengeStyle(colors);
 };
 var resolveNestedInsertedNodeStyleNext = function resolveNestedInsertedNodeStyleNext(colorScheme) {
-  return buildInsertStyleNode(fg('platform_editor_ai_show_diff_patch_1') ? getColorScheme(colorScheme) : nestedContentScheme);
+  return buildInsertStyleNode(getColorScheme(colorScheme));
 };
 
 // Only 'stateful' schemes have a resting ring.

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

@@ -10,7 +10,7 @@
  */
 import { convertToInlineCss } from '@atlaskit/editor-common/css-helper';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { deletedBlockOutline, deletedBlockOutlineActive, deletedBlockOutlineRounded, deletedBlockOutlineRoundedActive, deletedContentStyleUnbounded, deletedInlineContentStyleExtended, deletedStyleQuoteNodeWithLozenge, deletedStyleQuoteNodeWithLozengeActive, editingContentStyleInBlockExtended, editingContentStyleInBlockExtendedNoUnderline, editingStyleExtended, editingStyleExtendedNoUnderline, editingStyleActiveExtended, editingStyleActiveExtendedNoUnderline, editingStyleNode, getStandardDeletedContentStyleActive, getStandardDeletedContentStyleNew, addedCellOverlayStyle, addedCellOverlayRoundedStyle, deletedCellOverlayStyle, deletedCellOverlayRoundedStyle } from '../colorSchemes/standard';
+import { deletedBlockOutline, deletedBlockOutlineActive, deletedBlockOutlineRounded, deletedBlockOutlineRoundedActive, deletedContentStyleUnbounded, deletedInlineContentStyleExtended, deletedStyleQuoteNodeWithLozenge, deletedStyleQuoteNodeWithLozengeActive, editingContentStyleInBlockExtendedNoUnderline, editingStyleExtended, editingStyleExtendedNoUnderline, editingStyleActiveExtended, editingStyleActiveExtendedNoUnderline, editingStyleNode, getStandardDeletedContentStyleActive, getStandardDeletedContentStyleNew, addedCellOverlayStyle, addedCellOverlayRoundedStyle, deletedCellOverlayStyle, deletedCellOverlayRoundedStyle } from '../colorSchemes/standard';
 import { deletedTraditionalBlockOutlineActive, deletedTraditionalBlockOutlineNew, deletedTraditionalBlockOutlineRoundedActive, deletedTraditionalBlockOutlineRoundedNew, deletedTraditionalContentStyleUnbounded, deletedTraditionalContentStyleUnboundedActive, getDeletedTraditionalInlineStyle, deletedTraditionalStyleQuoteNode, deletedTraditionalStyleQuoteNodeActive, traditionalInsertStyle, traditionalInsertStyleActive, traditionalStyleNodeActive, traditionalStyleNodeNew, traditionalAddedCellOverlayRoundedStyle, traditionalAddedCellOverlayStyleNew, deletedTraditionalCellOverlayStyle, deletedTraditionalCellOverlayRoundedStyle } from '../colorSchemes/traditional';
 var lozengeStyle = convertToInlineCss({
   display: 'inline-flex',
@@ -108,7 +108,7 @@ export var getChangedNodeStyleLegacy = function getChangedNodeStyleLegacy(nodeNa
   var isTraditional = colorScheme === 'traditional';
   if (isInserted) {
     if (isMultiContainerBlockNode(nodeName)) {
-      return hideAddedDiffsUnderline || fg('platform_editor_ai_show_diff_patch_1') ? editingContentStyleInBlockExtendedNoUnderline : editingContentStyleInBlockExtended;
+      return editingContentStyleInBlockExtendedNoUnderline;
     }
     if (isTextLikeBlockNode(nodeName)) {
       return undefined;

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

@@ -2,8 +2,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 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 { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 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 { isDiffDecoration, isDiffDecorationSpec } from './decorations/decorationKeys';
 
@@ -148,17 +148,15 @@ function groupTouchingDecorations(decorations, isInlineDecoration, doc) {
     // Keep the group's range for navigation and active-range calculation, but scroll to the widget.
     var scrollTarget;
     var startNode = doc === null || doc === void 0 ? void 0 : doc.nodeAt(from);
-    if (fg('platform_editor_ai_show_diff_patch_1')) {
-      if (fg('platform_editor_ai_show_diff_patch_2_fix') && ((startNode === null || startNode === void 0 ? void 0 : startNode.type.name) === 'tableCell' || (startNode === null || startNode === void 0 ? void 0 : startNode.type.name) === 'tableHeader')) {
-        scrollTarget = group.find(function (decoration) {
-          return decoration.from === from + 1 && decorationSide(decoration) < decorationSide(representative);
-        });
-      }
-      if (!scrollTarget) {
-        scrollTarget = group.find(function (decoration) {
-          return decoration.from === from && decorationSide(decoration) < decorationSide(representative);
-        });
-      }
+    if (fg('platform_editor_ai_show_diff_patch_2_fix') && ((startNode === null || startNode === void 0 ? void 0 : startNode.type.name) === 'tableCell' || (startNode === null || startNode === void 0 ? void 0 : startNode.type.name) === 'tableHeader')) {
+      scrollTarget = group.find(function (decoration) {
+        return decoration.from === from + 1 && decorationSide(decoration) < decorationSide(representative);
+      });
+    }
+    if (!scrollTarget) {
+      scrollTarget = group.find(function (decoration) {
+        return decoration.from === from && decorationSide(decoration) < decorationSide(representative);
+      });
     }
     if (!scrollTarget && representative.from === from && representative.to === to) {
       return representative;
@@ -187,8 +185,7 @@ function groupTouchingDecorations(decorations, isInlineDecoration, doc) {
  * 5. When `platform_editor_attributed_version_history` is enabled, groups overlapping or
  *    directly touching ranges across decoration types into one result per contributor, using the
  *    union of all grouped ranges
- *    (zero-width widgets can join a group without extending it). Under
- *    `platform_editor_ai_show_diff_patch_1`, a group that starts with content painting above
+ *    (zero-width widgets can join a group without extending it). A group that starts with content painting above
  * 	  the content that replaced it — reports that widget as its `scrollTarget` spec,
  *    so scrolling reaches the visual start of the edit
  * 6. Results are sorted by from position, then by to position

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

@@ -3,17 +3,6 @@ import { getStickyHeaderHeight } from '@atlaskit/editor-common/table/get-sticky-
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { isDiffDecoration, SCROLL_TARGET_MARGIN_CSS_PROPERTY } from './decorations/decorationKeys';
 import { getWidgetElement } from './decorations/utils/getWidgetElement';
-
-/**
- * Extra space above the scrolled-to element so it does not sit flush under the
- * viewport edge (helps with sticky table headers, toolbars, etc.).
- *
- * Implemented with `scroll-margin-top` so we still use the browser’s native
- * `scrollIntoView`, which scrolls every relevant scrollport (nested containers
- * and the window). A single manual `scrollTop` on one ancestor often misses
- * outer scroll or mis-identifies the active scroll container.
- */
-var SCROLL_TOP_MARGIN_PX = 100;
 function updateScrollTargetMargin(view, targetPos, api) {
   var _api$limitedMode;
   var isLimitedModeEnabled = Boolean(api === null || api === void 0 || (_api$limitedMode = api.limitedMode) === null || _api$limitedMode === void 0 || (_api$limitedMode = _api$limitedMode.sharedState.currentState()) === null || _api$limitedMode === void 0 ? void 0 : _api$limitedMode.enabled);
@@ -33,19 +22,7 @@ function scrollToSelection(node) {
   if (fg('platform_editor_ai_suggestion_table_scroll_fix')) {
     scrollOptions.inline = 'center';
   }
-  if (fg('platform_editor_ai_show_diff_patch_1')) {
-    element.scrollIntoView(scrollOptions);
-    return;
-  }
-
-  // scroll-margin is included in scroll-into-view math; it does not change layout.
-  var previousScrollMarginTop = element.style.scrollMarginTop;
-  element.style.scrollMarginTop = "".concat(SCROLL_TOP_MARGIN_PX, "px");
-  try {
-    element.scrollIntoView(scrollOptions);
-  } finally {
-    element.style.scrollMarginTop = previousScrollMarginTop;
-  }
+  element.scrollIntoView(scrollOptions);
 }
 function resolveScrollTarget(view, target) {
   var _view$domAtPos;
@@ -78,7 +55,7 @@ export var scrollToDecoration = function scrollToDecoration(view, decorations) {
 
   // A grouped decoration spans a whole customer-facing edit, which can visually start with a
   // deleted-content widget rather than at the group's `from` position — see `scrollTarget` in
-  // `getScrollableDecorations`. Only set under `platform_editor_ai_show_diff_patch_1`.
+  // `getScrollableDecorations`.
   var target = isDiffDecoration(decoration) && decoration.spec.scrollTarget || decoration;
   var rafId = null;
   var cancelled = false;
@@ -86,9 +63,7 @@ export var scrollToDecoration = function scrollToDecoration(view, decorations) {
     if (view.isDestroyed) {
       return;
     }
-    if (fg('platform_editor_ai_show_diff_patch_1')) {
-      updateScrollTargetMargin(view, target.from, api);
-    }
+    updateScrollTargetMargin(view, target.from, api);
     scrollToSelection(resolveScrollTarget(view, target));
   };
 

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

@@ -31,8 +31,6 @@ export declare function buildInsertStyle(colors: DiffColorScheme): string;
 export declare function buildInsertStyleInBlock(colors: DiffColorScheme): string;
 /** Extended insert style — background + border-bottom underline. */
 export declare function buildInsertStyleExtended(colors: DiffColorScheme): string;
-/** Extended insert style for content within a block node (border-bottom only, no background). */
-export declare function buildInsertStyleInBlockExtended(colors: DiffColorScheme): string;
 /** Active state of the extended insert style. */
 export declare function buildInsertStyleExtendedActive(colors: DiffColorScheme): string;
 /** Extended insert style without underline — background + padding only. */

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

@@ -1,12 +1,8 @@
-type StandardDeletedTextDecorationStyle = {
-    textDecoration: 'line-through';
-} | {
-    textDecorationLine: 'line-through';
-};
 /**
  * The ADF strike parser recognises the `text-decoration` shorthand when a decorated NodeView is
  * reconciled. Use the visually equivalent longhand for AI suggestion diffs so presentation-only
  * styling cannot be retained as document content.
  */
-export declare const getStandardDeletedTextDecorationStyle: () => StandardDeletedTextDecorationStyle;
-export {};
+export declare const getStandardDeletedTextDecorationStyle: () => {
+    textDecorationLine: 'line-through';
+};

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

@@ -1,5 +1,4 @@
 export declare const editingStyleExtended: string;
-export declare const editingContentStyleInBlockExtended: string;
 export declare const editingStyleActiveExtended: string;
 /**
  * Underline-free variants of the extended inserted-content styles. Used when the `showDiff`