@atlaskit/editor-plugin-show-diff 14.0.3 → 14.1.0

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

@@ -14,7 +14,7 @@ import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-e
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { isExtendedEnabled } from '../../isExtendedEnabled';
 import { buildAddedCellOverlayRoundedStyle, buildAddedCellOverlayStyle, buildAddedCellOverlayStyleNew, buildDeletedCellOverlayRoundedStyle, buildDeletedCellOverlayStyle, buildDeletedInlineContentStyle, buildDeletedInlineContentStyleExtended, buildDeletedLozengeActiveStyle, buildDeletedLozengeStyle, buildDeletedNodeCSSVariables, buildDeletedQuoteNodeWithLozengeStyle, buildDeletedStrikethroughLine, buildDeletedWrappedBlockOutline, buildInsertedBlockNodeStyle, buildInsertedInlineStyle, buildInsertStyleInBlockExtended, buildInsertStyleInBlockExtendedNoUnderline, buildInsertStyleNode } from '../colorSchemes/factory';
-import { colorSchemeRegistry, standardScheme } from '../colorSchemes/schemes';
+import { colorSchemeRegistry, getLegacyColorScheme, standardScheme } from '../colorSchemes/schemes';
 import { getChangedContentStyleLegacy, getChangedNodeStyleLegacy, getDeletedContentStyleLegacy, getDeletedContentStyleUnboundedLegacy, getInsertedContentStyleLegacy, hasRestingDeletedRingLegacy, resolveCellOverlayStyleLegacy, resolveNestedInsertedNodeStyleLegacy, resolveRemovedLozengeStyleLegacy } from './wrapBlockNodeViewStyles.legacy';
 const DEFAULT_COLOR_SCHEME = 'standard';
 const getColorScheme = colorScheme => colorSchemeRegistry[colorScheme !== null && colorScheme !== void 0 ? colorScheme : DEFAULT_COLOR_SCHEME];
@@ -108,28 +108,31 @@ const resolveNestedInsertedNodeStyleNext = () => buildInsertStyleNode(nestedCont
 const hasRestingDeletedRingNext = colorScheme => getColorScheme(colorScheme).deletedNodeEmphasis === 'stateful';
 
 /** Inline content style for a changed (inserted or deleted) block node. */
-export const getChangedContentStyle = (colorScheme, isActive = false, isInserted = false, diffType, hideAddedDiffsUnderline = false) => isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? getChangedContentStyleNext(colorScheme, isActive, isInserted, diffType, hideAddedDiffsUnderline) : getChangedContentStyleLegacy(colorScheme, isActive, isInserted, diffType, hideAddedDiffsUnderline);
+export const getChangedContentStyle = (colorScheme, isActive = false, isInserted = false, diffType, hideAddedDiffsUnderline = false) => isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? getChangedContentStyleNext(colorScheme, isActive, isInserted, diffType, hideAddedDiffsUnderline) : getChangedContentStyleLegacy(getLegacyColorScheme(colorScheme), isActive, isInserted, diffType, hideAddedDiffsUnderline);
 
 /** Node-specific style for a changed block node, or `undefined` when the node type has none. */
-export const getChangedNodeStyle = (nodeName, colorScheme, isInserted = false, isActive = false, diffType, hideAddedDiffsUnderline = false) => isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? getChangedNodeStyleNext(nodeName, colorScheme, isInserted, isActive, diffType, hideAddedDiffsUnderline) : getChangedNodeStyleLegacy(nodeName, colorScheme, isInserted, isActive, diffType, hideAddedDiffsUnderline);
+export const getChangedNodeStyle = (nodeName, colorScheme, isInserted = false, isActive = false, diffType, hideAddedDiffsUnderline = false) => isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? getChangedNodeStyleNext(nodeName, colorScheme, isInserted, isActive, diffType, hideAddedDiffsUnderline) : getChangedNodeStyleLegacy(nodeName, getLegacyColorScheme(colorScheme), isInserted, isActive, diffType, hideAddedDiffsUnderline);
 
 /** The positioned line drawn across deleted content spanning an unbounded range. */
-export const getDeletedContentStyleUnbounded = (colorScheme, isActive = false) => isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? getDeletedContentStyleUnboundedNext(colorScheme, isActive) : getDeletedContentStyleUnboundedLegacy(colorScheme, isActive);
+export const getDeletedContentStyleUnbounded = (colorScheme, isActive = false) => isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? getDeletedContentStyleUnboundedNext(colorScheme, isActive) : getDeletedContentStyleUnboundedLegacy(getLegacyColorScheme(colorScheme), isActive);
 
 /** Inline style for inserted content. */
-export const getInsertedContentStyle = (colorScheme, isActive = false, hideAddedDiffsUnderline = false) => isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? getInsertedContentStyleNext(colorScheme, isActive, hideAddedDiffsUnderline) : getInsertedContentStyleLegacy(colorScheme, isActive, hideAddedDiffsUnderline);
+export const getInsertedContentStyle = (colorScheme, isActive = false, hideAddedDiffsUnderline = false) => isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? getInsertedContentStyleNext(colorScheme, isActive, hideAddedDiffsUnderline) : getInsertedContentStyleLegacy(getLegacyColorScheme(colorScheme), isActive, hideAddedDiffsUnderline);
 
 /** Inline style for deleted content. */
-export const getDeletedContentStyle = (colorScheme, isActive = false, diffType) => isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? getDeletedContentStyleNext(colorScheme, isActive, diffType) : getDeletedContentStyleLegacy(colorScheme, isActive, diffType);
+export const getDeletedContentStyle = (colorScheme, isActive = false, diffType) => isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? getDeletedContentStyleNext(colorScheme, isActive, diffType) : getDeletedContentStyleLegacy(getLegacyColorScheme(colorScheme), isActive, diffType);
 
 /**
  * Overlay style for one added or deleted table cell. Invariant across the cells of a table, so the
  * `querySelectorAll('td, th')` loop in `wrapBlockNodeView.ts` resolves it once.
  */
-export const resolveCellOverlayStyle = args => isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? resolveCellOverlayStyleNext(args) : resolveCellOverlayStyleLegacy(args);
+export const resolveCellOverlayStyle = args => isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? resolveCellOverlayStyleNext(args) : resolveCellOverlayStyleLegacy({
+  ...args,
+  colorScheme: getLegacyColorScheme(args.colorScheme)
+});
 
 /** Inner style for the "Removed" lozenge on a deleted block node. */
-export const resolveRemovedLozengeStyle = (colorScheme, isActive) => isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? resolveRemovedLozengeStyleNext(colorScheme, isActive) : resolveRemovedLozengeStyleLegacy(colorScheme, isActive);
+export const resolveRemovedLozengeStyle = (colorScheme, isActive) => isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? resolveRemovedLozengeStyleNext(colorScheme, isActive) : resolveRemovedLozengeStyleLegacy(getLegacyColorScheme(colorScheme), isActive);
 
 /**
  * Style for inserted content nested inside a multi-container or list node — the `decisionList` and
@@ -142,7 +145,7 @@ export const resolveNestedInsertedNodeStyle = () => isExperimentEnabled('platfor
  * Whether the colour scheme draws a resting (non-active) ring on a deleted media/embed node, which
  * is what the `show-diff-deleted-outline-new` class styles in editor-core's smartCardStyles.
  */
-export const hasRestingDeletedRing = colorScheme => isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? hasRestingDeletedRingNext(colorScheme) : hasRestingDeletedRingLegacy(colorScheme);
+export const hasRestingDeletedRing = colorScheme => isExperimentEnabled('platform_editor_show_diff_color_scheme_refactor') ? hasRestingDeletedRingNext(colorScheme) : hasRestingDeletedRingLegacy(getLegacyColorScheme(colorScheme));
 
 /**
  * Custom properties consumed by the `show-diff-deleted-node-vars` selectors in editor-core.

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

@@ -27,6 +27,7 @@ export const createPlugin = (config, getIntl, api, onEditorView) => {
         const defaultDiffType = getDefaultDiffType();
         return {
           steps: [],
+          stepAttributions: [],
           originalDoc: undefined,
           decorations: DecorationSet.empty,
           isDisplayingChanges: false,

package/dist/es2019/showDiffPlugin.js

@@ -4,6 +4,27 @@ import { getDeletedWidgets } from './pm-plugins/getDeletedWidgets';
 import { getScrollableDecorations } from './pm-plugins/getScrollableDecorations';
 import { createPlugin, showDiffPluginKey } from './pm-plugins/main';
 import { IndicatorBarContentComponent } from './ui/IndicatorBar/IndicatorBarContentComponent';
+const normalizeShowDiffParams = params => {
+  if (!params || !('stepsWithAttribution' in params)) {
+    return params ? {
+      ...params,
+      stepAttributions: []
+    } : params;
+  }
+  const {
+    stepsWithAttribution,
+    ...rest
+  } = params;
+  return {
+    ...rest,
+    steps: stepsWithAttribution.map(({
+      step
+    }) => step),
+    stepAttributions: stepsWithAttribution.map(({
+      stepAttribution
+    }) => stepAttribution)
+  };
+};
 export const showDiffPlugin = ({
   api,
   config
@@ -30,7 +51,7 @@ export const showDiffPlugin = ({
           });
         }
         return tr.setMeta(showDiffPluginKey, {
-          ...params,
+          ...normalizeShowDiffParams(params),
           action: 'SHOW_DIFF'
         });
       },
@@ -45,6 +66,7 @@ export const showDiffPlugin = ({
         }
         return tr.setMeta(showDiffPluginKey, {
           steps: [],
+          stepAttributions: [],
           action: 'HIDE_DIFF'
         });
       },

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

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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; }
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
@@ -19,6 +19,7 @@ import { createDocMarginAnchorWidget } from '../decorations/createAnchorDecorati
 import { createBlockChangedDecoration } from '../decorations/createBlockChangedDecoration';
 import { createInlineChangedDecoration } from '../decorations/createInlineChangedDecoration';
 import { createNodeChangedDecorationWidget } from '../decorations/createNodeChangedDecorationWidget';
+import { createAttributionColorMap, getAttributionKey, getColorSchemeForChange, isAttributionColoringEnabled } from '../decorations/colorSchemes/attributions';
 import { extractDiffDescriptors } from '../decorations/decorationKeys';
 import { getAttrChangeRanges, stepIsValidAttrChange } from '../decorations/utils/getAttrChangeRanges';
 import { getMarkChangeRanges } from '../decorations/utils/getMarkChangeRanges';
@@ -27,7 +28,8 @@ import { attrAwareTokenEncoder } from './attrAwareTokenEncoder';
 import { diffBySteps } from './diffBySteps';
 import { groupChangesByBlock } from './groupChangesByBlock';
 import { optimizeChanges } from './optimizeChanges';
-import { simplifySteps } from './simplifySteps';
+import { simplifyChangesWithAttribution } from './simplifyChangesWithAttribution';
+import { simplifySteps, simplifyStepsWithAttribution } from './simplifySteps';
 import { classifySmartChanges } from './smart/classifySmartChanges';
 import { smartChangeLevel } from './smart/helpers';
 var getChanges = function getChanges(_ref) {
@@ -65,6 +67,34 @@ var getChanges = function getChanges(_ref) {
   var changes = simplifyChanges(changeset.changes, tr.doc);
   return optimizeChanges(changes);
 };
+var getAttributedChanges = function getAttributedChanges(_ref2) {
+  var attributedChanges = _ref2.attributedChanges,
+    changeset = _ref2.changeset,
+    originalDoc = _ref2.originalDoc,
+    steppedDoc = _ref2.steppedDoc,
+    diffType = _ref2.diffType,
+    tr = _ref2.tr,
+    intl = _ref2.intl,
+    smartThresholds = _ref2.smartThresholds;
+  if (isExtendedEnabled(diffType)) {
+    if (diffType === 'smart' && fg('platform_editor_ai_smart_diff')) {
+      return classifySmartChanges({
+        changes: simplifyChangesWithAttribution(attributedChanges, tr.doc),
+        originalDoc: originalDoc,
+        newDoc: tr.doc,
+        locale: intl.locale,
+        thresholds: smartThresholds
+      });
+    }
+    if (diffType === 'step') {
+      return attributedChanges;
+    }
+    if (diffType === 'block') {
+      return groupChangesByBlock(changeset.changes, originalDoc, steppedDoc);
+    }
+  }
+  return simplifyChangesWithAttribution(attributedChanges, tr.doc);
+};
 
 /**
  * Collect the inline-content ranges of every leaf text-bearing block (paragraph, heading, …)
@@ -108,27 +138,51 @@ var isLargeInsertedTableRange = function isLargeInsertedTableRange(doc, from, to
   });
   return containsTable && leafCount > LARGE_TABLE_LEAF_THRESHOLD;
 };
-var calculateNodesForBlockDecoration = function calculateNodesForBlockDecoration(_ref2) {
-  var doc = _ref2.doc,
-    from = _ref2.from,
-    to = _ref2.to,
-    colorScheme = _ref2.colorScheme,
-    _ref2$isInserted = _ref2.isInserted,
-    isInserted = _ref2$isInserted === void 0 ? true : _ref2$isInserted,
-    activeIndexPos = _ref2.activeIndexPos,
-    _ref2$shouldHideDelet = _ref2.shouldHideDeleted,
-    shouldHideDeleted = _ref2$shouldHideDelet === void 0 ? false : _ref2$shouldHideDelet,
-    _ref2$showIndicators = _ref2.showIndicators,
-    showIndicators = _ref2$showIndicators === void 0 ? false : _ref2$showIndicators,
-    diffType = _ref2.diffType,
-    _ref2$coarseTableCell = _ref2.coarseTableCellsOnly,
-    coarseTableCellsOnly = _ref2$coarseTableCell === void 0 ? false : _ref2$coarseTableCell;
+
+// Collect the [from, to) ranges of every `table` node overlapping `[from, to)`. The coarse
+// large-table path must only suppress decorations inside these ranges
+var tableRanges = function tableRanges(doc, from, to) {
+  var ranges = [];
+  doc.nodesBetween(from, to, function (node, pos) {
+    if (node.type.name === 'table') {
+      ranges.push([pos, pos + node.nodeSize]);
+      return false;
+    }
+    return true;
+  });
+  return ranges;
+};
+var isInsideTable = function isInsideTable(tables, pos) {
+  return tables.some(function (_ref3) {
+    var _ref4 = _slicedToArray(_ref3, 2),
+      tFrom = _ref4[0],
+      tTo = _ref4[1];
+    return pos >= tFrom && pos < tTo;
+  });
+};
+var calculateNodesForBlockDecoration = function calculateNodesForBlockDecoration(_ref5) {
+  var doc = _ref5.doc,
+    from = _ref5.from,
+    to = _ref5.to,
+    colorScheme = _ref5.colorScheme,
+    _ref5$isInserted = _ref5.isInserted,
+    isInserted = _ref5$isInserted === void 0 ? true : _ref5$isInserted,
+    activeIndexPos = _ref5.activeIndexPos,
+    _ref5$shouldHideDelet = _ref5.shouldHideDeleted,
+    shouldHideDeleted = _ref5$shouldHideDelet === void 0 ? false : _ref5$shouldHideDelet,
+    _ref5$showIndicators = _ref5.showIndicators,
+    showIndicators = _ref5$showIndicators === void 0 ? false : _ref5$showIndicators,
+    diffType = _ref5.diffType,
+    _ref5$coarseTableCell = _ref5.coarseTableCellsOnly,
+    coarseTableCellsOnly = _ref5$coarseTableCell === void 0 ? false : _ref5$coarseTableCell;
   var decorations = [];
+  // Coarse path: inside the large table, only cell/header overlays are kept — the
+  // table/row/paragraph decorations there are redundant and cause expensive per-cell
+  // re-render. Blocks outside the table keep their normal decorations.
+  var coarseTables = coarseTableCellsOnly ? tableRanges(doc, from, to) : [];
   // Iterate over the document nodes within the range
   doc.nodesBetween(from, to, function (node, pos) {
-    // Coarse path: only cell/header overlays are visible; table/row/paragraph
-    // decorations are redundant and cause expensive per-cell re-render.
-    if (coarseTableCellsOnly) {
+    if (coarseTableCellsOnly && isInsideTable(coarseTables, pos)) {
       var name = node.type.name;
       if (name !== 'tableCell' && name !== 'tableHeader') {
         return;
@@ -166,10 +220,10 @@ var calculateNodesForBlockDecoration = function calculateNodesForBlockDecoration
  *
  * Callers are responsible for the `smart` diffType and gate checks.
  */
-export var isDeletedContentPlacedBelow = function isDeletedContentPlacedBelow(_ref3) {
-  var change = _ref3.change,
-    deletedDiffPlacement = _ref3.deletedDiffPlacement,
-    inlineDeletedDiffPlacement = _ref3.inlineDeletedDiffPlacement;
+export var isDeletedContentPlacedBelow = function isDeletedContentPlacedBelow(_ref6) {
+  var change = _ref6.change,
+    deletedDiffPlacement = _ref6.deletedDiffPlacement,
+    inlineDeletedDiffPlacement = _ref6.inlineDeletedDiffPlacement;
   var level = smartChangeLevel(change);
   if (level === 'node' || level === 'paragraph') {
     return deletedDiffPlacement === 'bottom';
@@ -178,31 +232,32 @@ export var isDeletedContentPlacedBelow = function isDeletedContentPlacedBelow(_r
   // Inline-level (undefined) and sentence-level changes.
   return inlineDeletedDiffPlacement === 'after';
 };
-var calculateDiffDecorationsInner = function calculateDiffDecorationsInner(_ref4) {
-  var state = _ref4.state,
-    pluginState = _ref4.pluginState,
-    nodeViewSerializer = _ref4.nodeViewSerializer,
-    colorScheme = _ref4.colorScheme,
-    intl = _ref4.intl,
-    activeIndexPos = _ref4.activeIndexPos,
-    api = _ref4.api,
-    _ref4$isInverted = _ref4.isInverted,
-    isInverted = _ref4$isInverted === void 0 ? false : _ref4$isInverted,
-    _ref4$diffType = _ref4.diffType,
-    diffType = _ref4$diffType === void 0 ? getDefaultDiffType() : _ref4$diffType,
-    _ref4$hideDeletedDiff = _ref4.hideDeletedDiffs,
-    hideDeletedDiffs = _ref4$hideDeletedDiff === void 0 ? false : _ref4$hideDeletedDiff,
-    _ref4$hideAddedDiffsU = _ref4.hideAddedDiffsUnderline,
-    hideAddedDiffsUnderlineParam = _ref4$hideAddedDiffsU === void 0 ? false : _ref4$hideAddedDiffsU,
-    _ref4$showIndicators = _ref4.showIndicators,
-    showIndicators = _ref4$showIndicators === void 0 ? false : _ref4$showIndicators,
-    smartThresholds = _ref4.smartThresholds,
-    _ref4$deletedDiffPlac = _ref4.deletedDiffPlacement,
-    deletedDiffPlacement = _ref4$deletedDiffPlac === void 0 ? 'top' : _ref4$deletedDiffPlac,
-    _ref4$inlineDeletedDi = _ref4.inlineDeletedDiffPlacement,
-    inlineDeletedDiffPlacement = _ref4$inlineDeletedDi === void 0 ? 'before' : _ref4$inlineDeletedDi;
+var calculateDiffDecorationsInner = function calculateDiffDecorationsInner(_ref7) {
+  var state = _ref7.state,
+    pluginState = _ref7.pluginState,
+    nodeViewSerializer = _ref7.nodeViewSerializer,
+    colorScheme = _ref7.colorScheme,
+    intl = _ref7.intl,
+    activeIndexPos = _ref7.activeIndexPos,
+    api = _ref7.api,
+    _ref7$isInverted = _ref7.isInverted,
+    isInverted = _ref7$isInverted === void 0 ? false : _ref7$isInverted,
+    _ref7$diffType = _ref7.diffType,
+    diffType = _ref7$diffType === void 0 ? getDefaultDiffType() : _ref7$diffType,
+    _ref7$hideDeletedDiff = _ref7.hideDeletedDiffs,
+    hideDeletedDiffs = _ref7$hideDeletedDiff === void 0 ? false : _ref7$hideDeletedDiff,
+    _ref7$hideAddedDiffsU = _ref7.hideAddedDiffsUnderline,
+    hideAddedDiffsUnderlineParam = _ref7$hideAddedDiffsU === void 0 ? false : _ref7$hideAddedDiffsU,
+    _ref7$showIndicators = _ref7.showIndicators,
+    showIndicators = _ref7$showIndicators === void 0 ? false : _ref7$showIndicators,
+    smartThresholds = _ref7.smartThresholds,
+    _ref7$deletedDiffPlac = _ref7.deletedDiffPlacement,
+    deletedDiffPlacement = _ref7$deletedDiffPlac === void 0 ? 'top' : _ref7$deletedDiffPlac,
+    _ref7$inlineDeletedDi = _ref7.inlineDeletedDiffPlacement,
+    inlineDeletedDiffPlacement = _ref7$inlineDeletedDi === void 0 ? 'before' : _ref7$inlineDeletedDi;
   var originalDoc = pluginState.originalDoc,
     steps = pluginState.steps,
+    stepAttributions = pluginState.stepAttributions,
     isDisplayingChanges = pluginState.isDisplayingChanges;
   if (!originalDoc || !isDisplayingChanges) {
     return {
@@ -216,8 +271,23 @@ var calculateDiffDecorationsInner = function calculateDiffDecorationsInner(_ref4
   var hideAddedDiffsUnderline = hideAddedDiffsUnderlineParam && fg('platform_editor_ai_smart_diff');
   var tr = state.tr;
   var steppedDoc = originalDoc;
+  var attributionColoringEnabled = isAttributionColoringEnabled(stepAttributions);
+  var simplifiedSteps;
+  var simplifiedStepAttributions = [];
+  if (attributionColoringEnabled) {
+    var simplifiedStepsWithAttribution = simplifyStepsWithAttribution(steps, stepAttributions !== null && stepAttributions !== void 0 ? stepAttributions : [], originalDoc);
+    simplifiedSteps = simplifiedStepsWithAttribution.map(function (_ref8) {
+      var step = _ref8.step;
+      return step;
+    });
+    simplifiedStepAttributions = simplifiedStepsWithAttribution.map(function (_ref9) {
+      var stepAttribution = _ref9.stepAttribution;
+      return stepAttribution;
+    });
+  } else {
+    simplifiedSteps = simplifySteps(steps, originalDoc);
+  }
   var attrSteps = [];
-  var simplifiedSteps = simplifySteps(steps, originalDoc);
   var stepMaps = [];
   var _iterator = _createForOfIteratorHelper(simplifiedSteps),
     _step;
@@ -265,17 +335,45 @@ var calculateDiffDecorationsInner = function calculateDiffDecorationsInner(_ref4
   // gated with it; other diff types keep the library default so their output is
   // unchanged.
   var tokenEncoder = diffType === 'smart' && fg('platform_editor_ai_smart_diff') ? attrAwareTokenEncoder : undefined;
-  var changeset = ChangeSet.create(originalDoc, undefined, tokenEncoder).addSteps(steppedDoc, stepMaps, tr.doc);
-  var changes = getChanges({
-    changeset: changeset,
-    originalDoc: originalDoc,
-    steppedDoc: steppedDoc,
-    diffType: diffType,
-    tr: tr,
-    steps: steps,
-    intl: intl,
-    smartThresholds: smartThresholds
-  });
+  var changes;
+  var attributedChanges = [];
+  var attributionColors;
+  if (attributionColoringEnabled) {
+    var changeset = ChangeSet.create(originalDoc, function (left, right) {
+      return getAttributionKey(left) === getAttributionKey(right) ? left.stepIndex > right.stepIndex ? left : right :
+      // `prosemirror-changeset` uses null as its incompatible-data sentinel even
+      // though its public combine callback is typed as returning Data.
+      null;
+    }, tokenEncoder).addSteps(steppedDoc, stepMaps, simplifiedStepAttributions.map(function (attribution, stepIndex) {
+      return _objectSpread(_objectSpread({}, attribution), {}, {
+        stepIndex: stepIndex
+      });
+    }));
+    attributedChanges = diffBySteps(originalDoc, simplifiedSteps, simplifiedStepAttributions);
+    changes = getAttributedChanges({
+      changeset: changeset,
+      originalDoc: originalDoc,
+      steppedDoc: steppedDoc,
+      diffType: diffType,
+      tr: tr,
+      attributedChanges: attributedChanges,
+      intl: intl,
+      smartThresholds: smartThresholds
+    });
+    attributionColors = createAttributionColorMap(simplifiedStepAttributions);
+  } else {
+    var _changeset = ChangeSet.create(originalDoc, undefined, tokenEncoder).addSteps(steppedDoc, stepMaps, tr.doc);
+    changes = getChanges({
+      changeset: _changeset,
+      originalDoc: originalDoc,
+      steppedDoc: steppedDoc,
+      diffType: diffType,
+      tr: tr,
+      steps: simplifiedSteps,
+      intl: intl,
+      smartThresholds: smartThresholds
+    });
+  }
   var decorations = [];
 
   /**
@@ -288,6 +386,7 @@ var calculateDiffDecorationsInner = function calculateDiffDecorationsInner(_ref4
   // Our default operations are insertions, so it should match the opposite of isInverted.
   var isInserted = !isInverted;
   var createDecorationsForChange = function createDecorationsForChange(change) {
+    var changeColorScheme = attributionColors ? getColorSchemeForChange(change, attributedChanges, attributionColors, colorScheme) : colorScheme;
     var isActive = activeIndexPos && change.fromB === activeIndexPos.from && change.toB === activeIndexPos.to;
 
     // Hoisted because it decides BOTH where the deleted widget is anchored and — since the
@@ -321,10 +420,11 @@ var calculateDiffDecorationsInner = function calculateDiffDecorationsInner(_ref4
       // inward — when the widget is present the anchor must stay at the block
       // boundary to keep the indicator bar continuous with the deleted content.
       var willRenderDeletedWidget = change.deleted.length > 0 && !(isExtendedEnabled(diffType) && !isInverted && hideDeletedDiffs && change.inserted.length > 0);
-      if (useCoarseTableDecoration) {
-        // Skip the O(cells) inline decorations; the cell overlays (added below)
-        // provide the highlight without the expensive content re-render.
-      } else if (isSmartNodeLevel) {
+      if (isSmartNodeLevel) {
+        // For a large inserted table, skip the O(cells) inline decorations inside the
+        // table (the cell overlays added below provide the highlight without the
+        // expensive content re-render); leaf blocks outside the table still get theirs.
+        var coarseTables = useCoarseTableDecoration ? tableRanges(tr.doc, change.fromB, change.toB) : [];
         var _iterator2 = _createForOfIteratorHelper(leafTextblockRanges(tr.doc, change.fromB, change.toB)),
           _step2;
         try {
@@ -332,13 +432,16 @@ var calculateDiffDecorationsInner = function calculateDiffDecorationsInner(_ref4
             var _step2$value = _slicedToArray(_step2.value, 2),
               from = _step2$value[0],
               to = _step2$value[1];
+            if (useCoarseTableDecoration && isInsideTable(coarseTables, from)) {
+              continue;
+            }
             decorations.push.apply(decorations, _toConsumableArray(createInlineChangedDecoration(_objectSpread({
               change: {
                 fromB: from,
                 toB: to
               },
               doc: tr.doc,
-              colorScheme: colorScheme,
+              colorScheme: changeColorScheme,
               isActive: isActive,
               diffType: diffType
             }, isExtendedEnabled(diffType) && {
@@ -359,7 +462,7 @@ var calculateDiffDecorationsInner = function calculateDiffDecorationsInner(_ref4
         decorations.push.apply(decorations, _toConsumableArray(createInlineChangedDecoration(_objectSpread({
           change: change,
           doc: tr.doc,
-          colorScheme: colorScheme,
+          colorScheme: changeColorScheme,
           isActive: isActive,
           diffType: diffType
         }, isExtendedEnabled(diffType) && {
@@ -375,7 +478,7 @@ var calculateDiffDecorationsInner = function calculateDiffDecorationsInner(_ref4
         doc: tr.doc,
         from: change.fromB,
         to: change.toB,
-        colorScheme: colorScheme
+        colorScheme: changeColorScheme
       }, isExtendedEnabled(diffType) && {
         isInserted: isInserted,
         shouldHideDeleted: shouldHideDeleted,
@@ -394,7 +497,7 @@ var calculateDiffDecorationsInner = function calculateDiffDecorationsInner(_ref4
           change: change,
           doc: originalDoc,
           nodeViewSerializer: nodeViewSerializer,
-          colorScheme: colorScheme,
+          colorScheme: changeColorScheme,
           newDoc: tr.doc,
           intl: intl,
           activeIndexPos: activeIndexPos
@@ -511,42 +614,42 @@ var calculateDiffDecorationsInner = function calculateDiffDecorationsInner(_ref4
 };
 export var calculateDiffDecorations = memoizeOne(calculateDiffDecorationsInner,
 // Cache results unless relevant inputs change
-function (_ref5, _ref6) {
-  var _ref0;
-  var _ref7 = _slicedToArray(_ref5, 1),
-    _ref7$ = _ref7[0],
-    pluginState = _ref7$.pluginState,
-    state = _ref7$.state,
-    colorScheme = _ref7$.colorScheme,
-    intl = _ref7$.intl,
-    activeIndexPos = _ref7$.activeIndexPos,
-    isInverted = _ref7$.isInverted,
-    diffType = _ref7$.diffType,
-    hideDeletedDiffs = _ref7$.hideDeletedDiffs,
-    hideAddedDiffsUnderline = _ref7$.hideAddedDiffsUnderline,
-    showIndicators = _ref7$.showIndicators,
-    smartThresholds = _ref7$.smartThresholds,
-    deletedDiffPlacement = _ref7$.deletedDiffPlacement,
-    inlineDeletedDiffPlacement = _ref7$.inlineDeletedDiffPlacement;
-  var _ref8 = _slicedToArray(_ref6, 1),
-    _ref8$ = _ref8[0],
-    lastPluginState = _ref8$.pluginState,
-    lastState = _ref8$.state,
-    lastColorScheme = _ref8$.colorScheme,
-    lastIntl = _ref8$.intl,
-    lastActiveIndexPos = _ref8$.activeIndexPos,
-    lastIsInverted = _ref8$.isInverted,
-    lastDiffType = _ref8$.diffType,
-    lastHideDeletedDiffs = _ref8$.hideDeletedDiffs,
-    lastHideAddedDiffsUnderline = _ref8$.hideAddedDiffsUnderline,
-    lastShowIndicators = _ref8$.showIndicators,
-    lastSmartThresholds = _ref8$.smartThresholds,
-    lastDeletedDiffPlacement = _ref8$.deletedDiffPlacement,
-    lastInlineDeletedDiffPlacement = _ref8$.inlineDeletedDiffPlacement;
+function (_ref0, _ref1) {
+  var _ref13;
+  var _ref10 = _slicedToArray(_ref0, 1),
+    _ref10$ = _ref10[0],
+    pluginState = _ref10$.pluginState,
+    state = _ref10$.state,
+    colorScheme = _ref10$.colorScheme,
+    intl = _ref10$.intl,
+    activeIndexPos = _ref10$.activeIndexPos,
+    isInverted = _ref10$.isInverted,
+    diffType = _ref10$.diffType,
+    hideDeletedDiffs = _ref10$.hideDeletedDiffs,
+    hideAddedDiffsUnderline = _ref10$.hideAddedDiffsUnderline,
+    showIndicators = _ref10$.showIndicators,
+    smartThresholds = _ref10$.smartThresholds,
+    deletedDiffPlacement = _ref10$.deletedDiffPlacement,
+    inlineDeletedDiffPlacement = _ref10$.inlineDeletedDiffPlacement;
+  var _ref11 = _slicedToArray(_ref1, 1),
+    _ref11$ = _ref11[0],
+    lastPluginState = _ref11$.pluginState,
+    lastState = _ref11$.state,
+    lastColorScheme = _ref11$.colorScheme,
+    lastIntl = _ref11$.intl,
+    lastActiveIndexPos = _ref11$.activeIndexPos,
+    lastIsInverted = _ref11$.isInverted,
+    lastDiffType = _ref11$.diffType,
+    lastHideDeletedDiffs = _ref11$.hideDeletedDiffs,
+    lastHideAddedDiffsUnderline = _ref11$.hideAddedDiffsUnderline,
+    lastShowIndicators = _ref11$.showIndicators,
+    lastSmartThresholds = _ref11$.smartThresholds,
+    lastDeletedDiffPlacement = _ref11$.deletedDiffPlacement,
+    lastInlineDeletedDiffPlacement = _ref11$.inlineDeletedDiffPlacement;
   var originalDocIsSame = lastPluginState.originalDoc && pluginState.originalDoc && pluginState.originalDoc.eq(lastPluginState.originalDoc);
   if (isExtendedEnabled(diffType)) {
-    var _ref9;
-    return (_ref9 = colorScheme === lastColorScheme && intl.locale === lastIntl.locale && isInverted === lastIsInverted && diffType === lastDiffType && isEqual(activeIndexPos, lastActiveIndexPos) && originalDocIsSame && isEqual(pluginState.steps, lastPluginState.steps) && state.doc.eq(lastState.doc) && hideDeletedDiffs === lastHideDeletedDiffs && hideAddedDiffsUnderline === lastHideAddedDiffsUnderline && showIndicators === lastShowIndicators && isEqual(smartThresholds, lastSmartThresholds) && deletedDiffPlacement === lastDeletedDiffPlacement && inlineDeletedDiffPlacement === lastInlineDeletedDiffPlacement) !== null && _ref9 !== void 0 ? _ref9 : false;
+    var _ref12;
+    return (_ref12 = colorScheme === lastColorScheme && intl.locale === lastIntl.locale && isInverted === lastIsInverted && diffType === lastDiffType && isEqual(activeIndexPos, lastActiveIndexPos) && originalDocIsSame && isEqual(pluginState.steps, lastPluginState.steps) && isEqual(pluginState.stepAttributions, lastPluginState.stepAttributions) && state.doc.eq(lastState.doc) && hideDeletedDiffs === lastHideDeletedDiffs && hideAddedDiffsUnderline === lastHideAddedDiffsUnderline && showIndicators === lastShowIndicators && isEqual(smartThresholds, lastSmartThresholds) && deletedDiffPlacement === lastDeletedDiffPlacement && inlineDeletedDiffPlacement === lastInlineDeletedDiffPlacement) !== null && _ref12 !== void 0 ? _ref12 : false;
   }
-  return (_ref0 = originalDocIsSame && isEqual(pluginState.steps, lastPluginState.steps) && state.doc.eq(lastState.doc) && colorScheme === lastColorScheme && intl.locale === lastIntl.locale && isEqual(activeIndexPos, lastActiveIndexPos) && hideDeletedDiffs === lastHideDeletedDiffs) !== null && _ref0 !== void 0 ? _ref0 : false;
+  return (_ref13 = originalDocIsSame && isEqual(pluginState.steps, lastPluginState.steps) && isEqual(pluginState.stepAttributions, lastPluginState.stepAttributions) && state.doc.eq(lastState.doc) && colorScheme === lastColorScheme && intl.locale === lastIntl.locale && isEqual(activeIndexPos, lastActiveIndexPos) && hideDeletedDiffs === lastHideDeletedDiffs) !== null && _ref13 !== void 0 ? _ref13 : false;
 });