@atlaskit/editor-plugin-show-diff 19.0.3 → 20.0.0

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

@@ -5,7 +5,6 @@ import { TableMap } from '@atlaskit/editor-tables/table-map';
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { isExtendedEnabled } from '../isExtendedEnabled';
 import { buildAddedCellOverlayRoundedStyle, buildAddedCellOverlayStyle, buildDeletedCellOverlayRoundedStyle, buildDeletedCellOverlayStyle, buildDeletedRowStyle } from './colorSchemes/factory';
 import { colorSchemeRegistry, getLegacyColorScheme } from './colorSchemes/schemes';
 import { createLeftAnchorWidget } from './createAnchorDecorationWidgets';
@@ -21,8 +20,7 @@ import { createRemovedLozenge } from './utils/wrapBlockNodeView';
 const extractChangedRows = ({
   change,
   originalDoc,
-  newDoc,
-  diffType
+  newDoc
 }) => {
   const changedRows = [];
 
@@ -57,7 +55,7 @@ const extractChangedRows = ({
   // Find which rows were changed by analyzing the change range
   const changeStartInTable = change.fromA - tableOld.pos - 1;
   const changeEndInTable = change.toA - tableOld.pos - 1;
-  const edgeAttrsByOffset = isExtendedEnabled(diffType) && expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && isExperimentEnabled('platform_editor_table_diff_rounded_corners') ? getTableTopAndBottomCellEdgeAttrs(oldTableMap) : undefined;
+  const edgeAttrsByOffset = expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && isExperimentEnabled('platform_editor_table_diff_rounded_corners') ? getTableTopAndBottomCellEdgeAttrs(oldTableMap) : undefined;
   let currentOffset = 0;
   let rowIndex = 0;
   tableOld.node.content.forEach(rowNode => {
@@ -66,7 +64,7 @@ const extractChangedRows = ({
 
     // Check if this row overlaps with the deletion range
     const rowOverlapsChange = rowStart >= changeStartInTable && rowStart < changeEndInTable || rowEnd > changeStartInTable && rowEnd <= changeEndInTable || rowStart < changeStartInTable && rowEnd > changeEndInTable;
-    if (rowOverlapsChange && rowNode.type.name === 'tableRow' && (isExtendedEnabled(diffType) || !isEmptyRow(rowNode))) {
+    if (rowOverlapsChange && rowNode.type.name === 'tableRow') {
       const rowLocalId = rowNode.attrs.localId;
       const isTableRowReplacement = rowLocalId && tableNew.node.children.some(candidateRow => candidateRow.type.name === 'tableRow' && candidateRow.attrs.localId === rowLocalId);
       const cellEdgeAttrs = edgeAttrsByOffset ? getRowCellEdgeAttrs({
@@ -122,32 +120,6 @@ const extractChangedRows = ({
     return true;
   });
 };
-
-/**
- * Checks if a table row is empty (contains no meaningful content)
- */
-const isEmptyRow = rowNode => {
-  let isEmpty = true;
-  rowNode.descendants(node => {
-    if (!isEmpty) {
-      return false;
-    }
-
-    // If we find any inline content with size > 0, the row is not empty
-    if (node.isInline && node.nodeSize > 0) {
-      isEmpty = false;
-      return false;
-    }
-
-    // If we find text content, the row is not empty
-    if (node.isText && node.text && node.text.trim() !== '') {
-      isEmpty = false;
-      return false;
-    }
-    return true;
-  });
-  return isEmpty;
-};
 /**
  * Creates a DOM representation of a deleted table row
  */
@@ -158,7 +130,6 @@ const createChangedRowDOM = ({
   isTableRowReplacement,
   colorScheme,
   isInserted,
-  diffType,
   hasAnchoredRemovedLozenge,
   intl,
   isActive
@@ -169,16 +140,15 @@ const createChangedRowDOM = ({
   }
   const colors = colorSchemeRegistry[colorScheme !== null && colorScheme !== void 0 ? colorScheme : 'standard'];
   const deletedTreatment = isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? buildDeletedRowStyle(colors) : resolveDeletedRowStyleLegacy(getLegacyColorScheme(colorScheme));
-  const hostsRemovedLozenge = Boolean(intl) && isExtendedEnabled(diffType) && !isInserted && !hasAnchoredRemovedLozenge;
+  const hostsRemovedLozenge = Boolean(intl) && !isInserted && !hasAnchoredRemovedLozenge;
 
   // Inserted rows keep their natural styling; the row strikethrough is deletions only.
-  if (!isExtendedEnabled(diffType) || !isInserted) {
+  if (!isInserted) {
     tr.setAttribute('style', deletedTreatment);
   }
-  // Mirrors the strikethrough condition above: under the extended experience an `isInserted` row
-  // is ADDED content, so it must not claim the "deleted" testid — page models match that as
+  // 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', isExtendedEnabled(diffType) && isInserted && fg('platform_editor_ai_show_diff_patch_1') ? 'show-diff-changed-row' : 'show-diff-deleted-row');
+  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);
   }
@@ -191,17 +161,15 @@ const createChangedRowDOM = ({
       if (nodeView) {
         if (nodeView instanceof HTMLElement) {
           applyCellEdgeAttrs(nodeView, cellEdgeAttrs === null || cellEdgeAttrs === void 0 ? void 0 : cellEdgeAttrs[cellIndex]);
-          if (isExtendedEnabled(diffType)) {
-            const overlay = document.createElement('span');
-            const isRoundedTable = isExperimentEnabled('platform_editor_table_diff_rounded_corners');
-            const overlayStyle = isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? isInserted ? isRoundedTable ? buildAddedCellOverlayRoundedStyle(colors) : buildAddedCellOverlayStyle(colors) : isRoundedTable ? buildDeletedCellOverlayRoundedStyle(colors) : buildDeletedCellOverlayStyle(colors) : resolveCellOverlayStyleLegacy({
-              colorScheme: getLegacyColorScheme(colorScheme),
-              isInserted,
-              isRoundedTable
-            });
-            overlay.setAttribute('style', overlayStyle);
-            nodeView.appendChild(overlay);
-          }
+          const overlay = document.createElement('span');
+          const isRoundedTable = isExperimentEnabled('platform_editor_table_diff_rounded_corners');
+          const overlayStyle = isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? isInserted ? isRoundedTable ? buildAddedCellOverlayRoundedStyle(colors) : buildAddedCellOverlayStyle(colors) : isRoundedTable ? buildDeletedCellOverlayRoundedStyle(colors) : buildDeletedCellOverlayStyle(colors) : resolveCellOverlayStyleLegacy({
+            colorScheme: getLegacyColorScheme(colorScheme),
+            isInserted,
+            isRoundedTable
+          });
+          overlay.setAttribute('style', overlayStyle);
+          nodeView.appendChild(overlay);
         }
         tr.appendChild(nodeView);
       } else {
@@ -255,8 +223,7 @@ const createAnchoredRemovedLozengeWidget = ({
 const expandDiffForChangedRows = ({
   changes,
   originalDoc,
-  newDoc,
-  diffType
+  newDoc
 }) => {
   const rowInfo = [];
   for (const change of changes) {
@@ -264,8 +231,7 @@ const expandDiffForChangedRows = ({
     const changedRows = extractChangedRows({
       change,
       originalDoc,
-      newDoc,
-      diffType
+      newDoc
     });
     if (changedRows.length > 0) {
       rowInfo.push(...changedRows);
@@ -287,7 +253,6 @@ export const createChangedRowDecorationWidgets = ({
   isActive,
   isInserted = false,
   leftAnchorId,
-  diffType,
   intl,
   showIndicators = false,
   showContributorTags = false,
@@ -297,13 +262,12 @@ export const createChangedRowDecorationWidgets = ({
   const changedRows = expandDiffForChangedRows({
     changes: changes.filter(change => change.deleted.length > 0),
     originalDoc,
-    newDoc,
-    diffType
+    newDoc
   });
   return changedRows.flatMap(changedRow => {
     // Keep the ID stable while contributor tags are enabled so recalculation preserves their state.
     const diffId = showContributorTags ? `widget-row-${changedRow.fromA}-${changedRow.toA}` : crypto.randomUUID();
-    const hasAnchoredRemovedLozenge = Boolean(intl) && isExtendedEnabled(diffType) && !isInserted && supportsAnchorPositioning();
+    const hasAnchoredRemovedLozenge = Boolean(intl) && !isInserted && supportsAnchorPositioning();
     const rowDOM = createChangedRowDOM({
       rowNode: changedRow.rowNode,
       isTableRowReplacement: changedRow.isTableRowReplacement,
@@ -311,7 +275,6 @@ export const createChangedRowDecorationWidgets = ({
       nodeViewSerializer,
       colorScheme,
       isInserted,
-      diffType,
       hasAnchoredRemovedLozenge,
       intl,
       isActive
@@ -329,7 +292,7 @@ export const createChangedRowDecorationWidgets = ({
     // 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 && isExtendedEnabled(diffType) && fg('platform_editor_ai_show_diff_patch_1')) {
+    if (showIndicators && fg('platform_editor_ai_show_diff_patch_1')) {
       rowAnchorNames.push(buildAnchorDecorationKey({
         diffId
       }));
@@ -383,8 +346,7 @@ export const createChangedRowDecorationWidgets = ({
         diffId,
         leftAnchorId,
         isActive,
-        isInserted,
-        diffType
+        isInserted
       })
     });
     decorations.push(rowWidget);

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

@@ -3,7 +3,6 @@ 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 { CONTRIBUTOR_TAG_Z_INDEX } from '../../ui/ContributorTag/buildContributorTagDom';
-import { isExtendedEnabled } from '../isExtendedEnabled';
 import { isEmptyParagraphSlice } from '../utils/isEmptyParagraphSlice';
 import { buildAtomicInlineChangedCSSVariables, buildDeletedInlineContentStyleExtended, buildDeletedInlineNodeCSSVariables, buildDeletedInlineStyle, buildDeletedInlineStyleStandard, buildInsertStyle, buildInsertStyleActive, buildInsertStyleExtended, buildInsertStyleExtendedActive, buildInsertStyleExtendedNoUnderline, buildInsertStyleExtendedNoUnderlineActive } from './colorSchemes/factory';
 import { colorSchemeRegistry, getLegacyColorScheme } from './colorSchemes/schemes';
@@ -54,7 +53,7 @@ const getAtomicInlineNodeClassName = inlineNodeName => {
   return classNames.join(' ');
 };
 
-/** Inline style for inserted content under the extended diff experience. */
+/** Inline style for inserted content. */
 const getExtendedInsertStyle = (colors, isActive, hideAddedDiffsUnderline) => {
   if (colors.insertedInlineTreatment === 'underline') {
     // hideAddedDiffsUnderline only targets the 'borderBottom' rule, so it does not apply here.
@@ -66,7 +65,7 @@ const getExtendedInsertStyle = (colors, isActive, hideAddedDiffsUnderline) => {
   return hideAddedDiffsUnderline ? buildInsertStyleExtendedNoUnderline(colors) : buildInsertStyleExtended(colors);
 };
 
-/** Inline style for deleted content under the extended diff experience. */
+/** Inline style for deleted content. */
 const getExtendedDeletedStyle = (colors, isActive) => {
   if (colors.deletedInlineTreatment === 'strikethrough') {
     // Identical in both states — the block decoration carries the active emphasis.
@@ -78,16 +77,10 @@ const getExtendedDeletedStyle = (colors, isActive) => {
 /** Registry-driven inline `style` for a changed-content decoration. */
 const resolveInlineChangedStyleRefactored = ({
   colors,
-  diffType,
   hideAddedDiffsUnderline,
   isActive,
   isInserted
-}) => {
-  if (isExtendedEnabled(diffType)) {
-    return isInserted ? getExtendedInsertStyle(colors, isActive, hideAddedDiffsUnderline) : getExtendedDeletedStyle(colors, isActive);
-  }
-  return isActive ? buildInsertStyleActive(colors) : buildInsertStyle(colors);
-};
+}) => isInserted ? getExtendedInsertStyle(colors, isActive, hideAddedDiffsUnderline) : getExtendedDeletedStyle(colors, isActive);
 
 /**
  * Single gate for the inline `style` string: registry + factory when the refactor is on, the
@@ -132,7 +125,6 @@ export const createInlineChangedDecoration = ({
   showContributorTags = false,
   showIndicators = false,
   doc,
-  diffType,
   hideAddedDiffsUnderline = false,
   inlineNodeName,
   hasDeletedWidget = false,
@@ -148,7 +140,7 @@ export const createInlineChangedDecoration = ({
 
   // Match the rendered shape: whitespace text is eligible, while an empty paragraph is structural
   // content with no tag host.
-  const canTagChange = showContributorTags && !!doc && isExtendedEnabled(diffType) && isContributorTagWidgetEnabled() && !isEmptyParagraphSlice(doc.slice(change.fromB, change.toB));
+  const canTagChange = showContributorTags && !!doc && isContributorTagWidgetEnabled() && !isEmptyParagraphSlice(doc.slice(change.fromB, change.toB));
   if (shouldHideDeleted) {
     return [Decoration.inline(change.fromB, change.toB, {
       style: displayNoneStyle
@@ -166,19 +158,17 @@ export const createInlineChangedDecoration = ({
   const colors = getColorScheme(colorScheme);
 
   // The reveal withholds the static highlight so the wipe has something to reveal, so it supplies
-  // the whole style rather than adding to the usual one. Extended pipeline only — the AI review
-  // surface is the only consumer, and the non-extended styles have no background to wipe.
-  const revealed = isExtendedEnabled(diffType) ? resolveRevealStyle({
+  // the whole style rather than adding to the usual one.
+  const revealed = resolveRevealStyle({
     colorScheme,
     hideAddedDiffsUnderline,
     isActive,
     isInserted,
     reveal
-  }) : undefined;
+  });
   const style = (_revealed$style = revealed === null || revealed === void 0 ? void 0 : revealed.style) !== null && _revealed$style !== void 0 ? _revealed$style : resolveInlineChangedStyle({
     colors,
     colorScheme,
-    diffType,
     hideAddedDiffsUnderline,
     isActive,
     isInserted
@@ -233,7 +223,7 @@ export const createInlineChangedDecoration = ({
     isActive,
     isInserted
   }))];
-  if (showIndicators && doc && isExtendedEnabled(diffType)) {
+  if (showIndicators && doc) {
     // For paragraphs, fromB/toB land on the outer block
     // boundary. Adjust anchor widgets into inline content so the indicator
     // bar doesn't extend into the preceding block's margin.

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

@@ -8,42 +8,27 @@
  * remains unchanged. Delete the whole file at experiment cleanup (EDITOR-8281).
  */
 
-import { isExtendedEnabled } from '../isExtendedEnabled';
-import { deletedInlineContentStyleExtended, editingStyle, editingStyleActive, editingStyleActiveExtended, editingStyleActiveExtendedNoUnderline, editingStyleExtended, editingStyleExtendedNoUnderline, getStandardDeletedContentStyle, getStandardDeletedContentStyleActive } from './colorSchemes/standard';
+import { deletedInlineContentStyleExtended, editingStyleActiveExtended, editingStyleActiveExtendedNoUnderline, editingStyleExtended, editingStyleExtendedNoUnderline, getStandardDeletedContentStyle, getStandardDeletedContentStyleActive } from './colorSchemes/standard';
 import { getDeletedTraditionalInlineStyle, traditionalInsertStyle, traditionalInsertStyleActive } from './colorSchemes/traditional';
 /**
  * Pre-refactor inline `style` computation for `createInlineChangedDecoration`.
  */
 export const resolveInlineChangedStyleLegacy = ({
   colorScheme,
-  diffType,
   hideAddedDiffsUnderline,
   isActive,
   isInserted
 }) => {
-  let style;
-  if (isExtendedEnabled(diffType)) {
-    if (isInserted) {
-      if (colorScheme === 'traditional') {
-        style = isActive ? traditionalInsertStyleActive : traditionalInsertStyle;
-      } else {
-        style = isActive ? hideAddedDiffsUnderline ? editingStyleActiveExtendedNoUnderline : editingStyleActiveExtended : hideAddedDiffsUnderline ? editingStyleExtendedNoUnderline : editingStyleExtended;
-      }
-    } else {
-      if (colorScheme === 'traditional') {
-        style = getDeletedTraditionalInlineStyle(false);
-      } else {
-        style = (isActive ? getStandardDeletedContentStyleActive() : getStandardDeletedContentStyle()) + deletedInlineContentStyleExtended;
-      }
-    }
-  } else {
+  if (isInserted) {
     if (colorScheme === 'traditional') {
-      style = isActive ? traditionalInsertStyleActive : traditionalInsertStyle;
-    } else {
-      style = isActive ? editingStyleActive : editingStyle;
+      return isActive ? traditionalInsertStyleActive : traditionalInsertStyle;
     }
+    return isActive ? hideAddedDiffsUnderline ? editingStyleActiveExtendedNoUnderline : editingStyleActiveExtended : hideAddedDiffsUnderline ? editingStyleExtendedNoUnderline : editingStyleExtended;
+  }
+  if (colorScheme === 'traditional') {
+    return getDeletedTraditionalInlineStyle(false);
   }
-  return style;
+  return (isActive ? getStandardDeletedContentStyleActive() : getStandardDeletedContentStyle()) + deletedInlineContentStyleExtended;
 };
 
 /**

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

@@ -1,6 +1,5 @@
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { isExtendedEnabled } from '../isExtendedEnabled';
 import { countEmptyTextBlockOnlySlice } from '../utils/emptyTextBlocks';
 import { isEmptyParagraphSlice } from '../utils/isEmptyParagraphSlice';
 import { clampAnchorPosIntoCell, createLeftAnchorWidget } from './createAnchorDecorationWidgets';
@@ -29,8 +28,7 @@ const createTableCellContentWidgets = ({
   nodeViewSerializer,
   colorScheme,
   isInserted,
-  leftAnchorId,
-  diffType
+  leftAnchorId
 }) => {
   // Collect the inner content position of each cell in the new document within
   // the change range. Whole-cell replacement preserves cell count/order, so the
@@ -59,7 +57,7 @@ const createTableCellContentWidgets = ({
     // so every block inside the cell is rendered.
     cellNode.content.forEach(blockNode => {
       const nodeView = nodeViewSerializer.tryCreateNodeView(blockNode);
-      const wrapper = createContentWrapper(colorScheme, false, isInserted, diffType);
+      const wrapper = createContentWrapper(colorScheme, false, isInserted);
       if (nodeView) {
         wrapper.append(nodeView);
       } else {
@@ -90,10 +88,7 @@ const createTableCellContentWidgets = ({
         diffId: crypto.randomUUID(),
         leftAnchorId,
         isInserted,
-        diffType,
-        ...(isExtendedEnabled(diffType) && {
-          side: -1
-        })
+        side: -1
       })
     }));
   });
@@ -122,7 +117,6 @@ export const createNodeChangedDecorationWidget = ({
   // before it. Used for `smart` node-level changes so the deleted node appears beneath
   // its replacement (gray + strikethrough).
   placeBelow = false,
-  diffType,
   hideAddedDiffsUnderline = false,
   reveal,
   tagMountContext,
@@ -155,7 +149,6 @@ export const createNodeChangedDecorationWidget = ({
     return [createDeletedLineBreakDecoration({
       colorScheme,
       count: deletedBlankLineCount,
-      diffType,
       isActive,
       pos: safeInsertPos,
       reveal,
@@ -180,8 +173,7 @@ export const createNodeChangedDecorationWidget = ({
       nodeViewSerializer,
       colorScheme,
       isInserted,
-      leftAnchorId,
-      diffType
+      leftAnchorId
     });
   }
   if (tableDiffMode.kind === 'none') {
@@ -198,7 +190,6 @@ export const createNodeChangedDecorationWidget = ({
       isActive,
       isInserted,
       leftAnchorId,
-      diffType,
       intl,
       // Needed for the row's own indicator anchor; this path returns before the
       // `anchor-name` assignment further down.
@@ -225,8 +216,8 @@ export const createNodeChangedDecorationWidget = ({
   const isVisuallyFirstInParent = !placeBelow && $safeInsertPos.parentOffset === 0;
   const isTopLevelInsert = $safeInsertPos.depth === 0;
   const hasPreviousBlock = ((_$safeInsertPos$nodeB = $safeInsertPos.nodeBefore) === null || _$safeInsertPos$nodeB === void 0 ? void 0 : _$safeInsertPos$nodeB.isBlock) === true;
-  const isFirstDocHeadingReplacement = isExtendedEnabled(diffType) && !placeBelow && change.fromB === 0 && ((_slice$content$firstC = slice.content.firstChild) === null || _slice$content$firstC === void 0 ? void 0 : _slice$content$firstC.type.name) === 'heading' && ((_newDoc$firstChild = newDoc.firstChild) === null || _newDoc$firstChild === void 0 ? void 0 : _newDoc$firstChild.type.name) === 'heading';
-  if (isExtendedEnabled(diffType) && isTopLevelInsert && hasPreviousBlock && !isFirstDocHeadingReplacement) {
+  const isFirstDocHeadingReplacement = !placeBelow && change.fromB === 0 && ((_slice$content$firstC = slice.content.firstChild) === null || _slice$content$firstC === void 0 ? void 0 : _slice$content$firstC.type.name) === 'heading' && ((_newDoc$firstChild = newDoc.firstChild) === null || _newDoc$firstChild === void 0 ? void 0 : _newDoc$firstChild.type.name) === 'heading';
+  if (isTopLevelInsert && hasPreviousBlock && !isFirstDocHeadingReplacement) {
     // Editor CSS removes the top margin from a block when it is its parent's first child.
     // Keep the serialized block as a subsequent child so each block type retains its own margin.
     dom.append(dom.ownerDocument.createElement('div'));
@@ -242,27 +233,23 @@ export const createNodeChangedDecorationWidget = ({
   // incorrectly applies because isNestedNode resolves to false (getPos returns 0).
   // Observe DOM mutations and override the transform on .rich-media-item elements
   // after React mounts to prevent the image from shifting outside its parent container.
-  let constrainMediaObserver;
-  if (isExtendedEnabled(diffType)) {
-    constrainMediaObserver = new MutationObserver(() => {
-      const richMediaItems = dom.querySelectorAll('.rich-media-item');
-      richMediaItems.forEach(el => {
-        if (el instanceof HTMLElement) {
-          el.style.transform = 'none';
-          el.style.marginLeft = '0';
-          el.style.maxWidth = '100%';
-        }
-      });
-      if (richMediaItems.length > 0) {
-        var _constrainMediaObserv;
-        (_constrainMediaObserv = constrainMediaObserver) === null || _constrainMediaObserv === void 0 ? void 0 : _constrainMediaObserv.disconnect();
+  const constrainMediaObserver = new MutationObserver(() => {
+    const richMediaItems = dom.querySelectorAll('.rich-media-item');
+    richMediaItems.forEach(el => {
+      if (el instanceof HTMLElement) {
+        el.style.transform = 'none';
+        el.style.marginLeft = '0';
+        el.style.maxWidth = '100%';
       }
     });
-    constrainMediaObserver.observe(dom, {
-      childList: true,
-      subtree: true
-    });
-  }
+    if (richMediaItems.length > 0) {
+      constrainMediaObserver.disconnect();
+    }
+  });
+  constrainMediaObserver.observe(dom, {
+    childList: true,
+    subtree: true
+  });
   // Derived from the deleted range so it survives a recalculation — see the same reasoning in
   // `createInlineChangedDecoration`.
   const diffId = showContributorTags ? `widget-${change.fromA}-${change.toA}` : crypto.randomUUID();
@@ -315,14 +302,14 @@ export const createNodeChangedDecorationWidget = ({
           if (childNodeView) {
             const lineBreak = document.createElement('br');
             dom.append(lineBreak);
-            const wrapper = createContentWrapper(colorScheme, isActive, isInserted, diffType);
+            const wrapper = createContentWrapper(colorScheme, isActive, isInserted);
             wrapper.append(childNodeView);
             dom.append(wrapper);
           } else {
             // Fallback to serializing the individual child node
             const serializedChild = serializer.serializeNode(childNode);
             if (serializedChild) {
-              const wrapper = createContentWrapper(colorScheme, isActive, isInserted, diffType);
+              const wrapper = createContentWrapper(colorScheme, isActive, isInserted);
               wrapper.append(serializedChild);
               dom.append(wrapper);
             }
@@ -363,7 +350,7 @@ export const createNodeChangedDecorationWidget = ({
     const nodeView = serializer.tryCreateNodeView(node);
     if (nodeView) {
       if (node.isInline) {
-        const wrapper = createContentWrapper(colorScheme, isActive, isInserted, diffType, reveal);
+        const wrapper = createContentWrapper(colorScheme, isActive, isInserted, reveal);
         wrapper.append(nodeView);
         dom.append(wrapper);
       } else {
@@ -376,7 +363,6 @@ export const createNodeChangedDecorationWidget = ({
           intl,
           isActive,
           isInserted,
-          diffType,
           hideAddedDiffsUnderline,
           highlightInlineLeafNodes: shouldPreserveCompleteMultiInlineBlock
         });
@@ -393,12 +379,11 @@ export const createNodeChangedDecorationWidget = ({
             colorScheme,
             isActive,
             isInserted,
-            diffType,
             reveal
           });
           dom.append(injectedNode);
         } else {
-          const wrapper = createContentWrapper(colorScheme, isActive, isInserted, diffType, reveal);
+          const wrapper = createContentWrapper(colorScheme, isActive, isInserted, reveal);
           wrapper.append(fallbackNode);
           dom.append(wrapper);
         }
@@ -467,7 +452,7 @@ export const createNodeChangedDecorationWidget = ({
 
   // Needed even when the indicator bar is off, because a contributor tag also anchors against the
   // widget.
-  if ((showIndicators || showContributorTags) && isExtendedEnabled(diffType)) {
+  if (showIndicators || showContributorTags) {
     dom.style.setProperty('anchor-name', `--${buildAnchorDecorationKey({
       diffId
     })}`);
@@ -523,7 +508,7 @@ export const createNodeChangedDecorationWidget = ({
       }
     }
   }
-  if (showIndicators && isExtendedEnabled(diffType)) {
+  if (showIndicators) {
     const leftAnchor = createLeftAnchorWidget({
       doc: newDoc,
       from: safeInsertPos,
@@ -549,12 +534,9 @@ export const createNodeChangedDecorationWidget = ({
       leftAnchorId,
       isActive,
       isInserted,
-      diffType,
-      ...(isExtendedEnabled(diffType) && {
-        // placeBelow anchors at the end of the new content, so render on the
-        // trailing side (1); otherwise render before the new content (-1).
-        side: placeBelow ? 1 : -1
-      })
+      // placeBelow anchors at the end of the new content, so render on the
+      // trailing side (1); otherwise render before the new content (-1).
+      side: placeBelow ? 1 : -1
     }),
     // Without an explicit mark set, prosemirror-view wraps the widget in the marks of the
     // adjacent text in the NEW document. `dom` already carries the original marks, so a
@@ -562,8 +544,7 @@ export const createNodeChangedDecorationWidget = ({
     // introduced — unbolded text shown struck through but still bold.
     marks: [],
     destroy: () => {
-      var _constrainMediaObserv2;
-      (_constrainMediaObserv2 = constrainMediaObserver) === null || _constrainMediaObserv2 === void 0 ? void 0 : _constrainMediaObserv2.disconnect();
+      constrainMediaObserver.disconnect();
       unmountContributorTag(tagMount);
       tagMount = undefined;
     }
@@ -584,7 +565,7 @@ export const createNodeChangedDecorationWidget = ({
   // Away from the parent's start the node below keeps its own margin, and it is the block *inside*
   // the widget that loses one — handled by `absorbFirstChildMarginReset` above, not here.
   const nodeAfterWidget = $safeInsertPos.nodeAfter;
-  if (fg('platform_editor_ai_show_diff_patch_2') && isExtendedEnabled(diffType) && isVisuallyFirstInParent && nodeAfterWidget) {
+  if (fg('platform_editor_ai_show_diff_patch_2') && isVisuallyFirstInParent && nodeAfterWidget) {
     const shapedSpacer = createNodeShapedMarginSpacer({
       node: nodeAfterWidget,
       serializer,
@@ -608,7 +589,7 @@ export const createNodeChangedDecorationWidget = ({
       }));
     }
   }
-  if (!fg('platform_editor_ai_show_diff_patch_2') && isDiffWidgetAtStartOfDoc && isSingleBlock && isPureDeletion && isExtendedEnabled(diffType)) {
+  if (!fg('platform_editor_ai_show_diff_patch_2') && isDiffWidgetAtStartOfDoc && isSingleBlock && isPureDeletion) {
     const followingNode = $safeInsertPos.nodeAfter;
     const headingLevel = (followingNode === null || followingNode === void 0 ? void 0 : followingNode.type.name) === 'heading' ? followingNode.attrs.level : undefined;
     if (isHeadingLevel(headingLevel)) {
@@ -632,8 +613,7 @@ export const createNodeChangedDecorationWidget = ({
           colorScheme,
           decorationType: 'widget',
           diffId: crypto.randomUUID(),
-          isInserted,
-          diffType
+          isInserted
         })
       }));
     }

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

@@ -1,4 +1,3 @@
-import { isExtendedEnabled } from '../isExtendedEnabled';
 /**
  * Decoration families produced by the show-diff plugin.
  * Each family owns its own key space and spec shape.
@@ -51,21 +50,14 @@ export const buildAnchorDecorationKey = ({
 };
 
 /**
- * Builds a diff decoration key. The extended experience includes the `diffId`
- * in the key so independently rendered decorations for the same type remain
- * distinguishable.
+ * Builds a diff decoration key. The key includes the `diffId` so independently
+ * rendered decorations for the same type remain distinguishable.
  */
 export const buildDiffDecorationKey = ({
   decorationKeyPrefix,
   isActive,
-  diffId,
-  diffType
-}) => {
-  if (isExtendedEnabled(diffType)) {
-    return `${decorationKeyPrefix}-${diffId}-${isActive ? 'active' : 'inactive'}`;
-  }
-  return isActive !== undefined ? `${decorationKeyPrefix}-${isActive ? 'active' : 'inactive'}` : decorationKeyPrefix;
-};
+  diffId
+}) => `${decorationKeyPrefix}-${diffId}-${isActive ? 'active' : 'inactive'}`;
 export const buildDiffDecorationSpec = ({
   attributionKey,
   colorScheme,
@@ -75,8 +67,7 @@ export const buildDiffDecorationSpec = ({
   isInserted,
   leftAnchorId,
   nodeName,
-  side,
-  diffType
+  side
 }) => ({
   decorationFamily: DecorationFamily.diff,
   decorationType,
@@ -84,8 +75,7 @@ export const buildDiffDecorationSpec = ({
   key: buildDiffDecorationKey({
     decorationKeyPrefix: DiffDecorationKey[decorationType],
     diffId,
-    isActive,
-    diffType
+    isActive
   }),
   ...(attributionKey ? {
     attributionKey