@newrelic/browser-agent 1.313.1 → 1.314.0-rc.1

package/dist/cjs/features/soft_navigations/aggregate/ajax-node.js

@@ -5,7 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.AjaxNode = void 0;
 var _belSerializer = require("../../../common/serialize/bel-serializer");
-var _constants = require("../constants");
+var _constants = require("../../ajax/constants");
+var _constants2 = require("../constants");
 var _belNode = require("./bel-node");
 /**
  * Copyright 2020-2026 New Relic, Inc. All rights reserved.
@@ -15,7 +16,7 @@ var _belNode = require("./bel-node");
 class AjaxNode extends _belNode.BelNode {
   constructor(ajaxEvent, ajaxContext) {
     super();
-    this.belType = _constants.NODE_TYPE.AJAX;
+    this.belType = _constants2.NODE_TYPE.AJAX;
     this.method = ajaxEvent.method;
     this.status = ajaxEvent.status;
     this.domain = ajaxEvent.domain;
@@ -28,6 +29,8 @@ class AjaxNode extends _belNode.BelNode {
     this.spanTimestamp = ajaxEvent.spanTimestamp;
     this.gql = ajaxEvent.gql;
     this.targetAttributes = ajaxEvent.targetAttributes;
+    this[_constants.AJAX_ID] = ajaxEvent[_constants.AJAX_ID]; // all AjaxRequest events should have a unique identifier to allow for easier grouping and analysis in the UI
+
     this.start = ajaxEvent.startTime;
     this.end = ajaxEvent.endTime;
     if (ajaxContext?.latestLongtaskEnd) {
@@ -53,7 +56,8 @@ class AjaxNode extends _belNode.BelNode {
     addString(this.method), (0, _belSerializer.numeric)(this.status), addString(this.domain), addString(this.path), (0, _belSerializer.numeric)(this.txSize), (0, _belSerializer.numeric)(this.rxSize), this.requestedWith, addString(this.nodeId), (0, _belSerializer.nullable)(this.spanId, addString, true) + (0, _belSerializer.nullable)(this.traceId, addString, true) + (0, _belSerializer.nullable)(this.spanTimestamp, _belSerializer.numeric)];
     let allAttachedNodes = (0, _belSerializer.addCustomAttributes)({
       ...(this.gql || {}),
-      ...(this.targetAttributes || {})
+      ...(this.targetAttributes || {}),
+      [_constants.AJAX_ID]: this[_constants.AJAX_ID]
     }, addString);
     this.children.forEach(node => allAttachedNodes.push(node.serialize())); // no children is expected under ajax nodes at this time
 

package/dist/esm/common/constants/agent-constants.js

@@ -11,5 +11,6 @@ export const SUPPORTS_REGISTERED_ENTITIES = {
   [FEATURE_NAMES.logging]: true,
   [FEATURE_NAMES.genericEvents]: true,
   [FEATURE_NAMES.jserrors]: true,
-  [FEATURE_NAMES.ajax]: true
+  [FEATURE_NAMES.ajax]: true,
+  [FEATURE_NAMES.pageViewTiming]: true
 };

package/dist/esm/common/constants/env.cdn.js

@@ -11,7 +11,7 @@
 /**
  * Exposes the version of the agent
  */
-export const VERSION = "1.313.1";
+export const VERSION = "1.314.0-rc.1";
 
 /**
  * Exposes the build type of the agent

package/dist/esm/common/constants/env.npm.js

@@ -11,7 +11,7 @@
 /**
  * Exposes the version of the agent
  */
-export const VERSION = "1.313.1";
+export const VERSION = "1.314.0-rc.1";
 
 /**
  * Exposes the build type of the agent

package/dist/esm/common/dom/selector-path.js

@@ -1,8 +1,10 @@
 /**
- * Copyright 2020-2025 New Relic, Inc. All rights reserved.
+ * Copyright 2020-2026 New Relic, Inc. All rights reserved.
  * SPDX-License-Identifier: Apache-2.0
  */
 
+import { getRegisteredTargetsFromId } from '../v2/utils';
+
 /**
  * Generates a CSS selector path for the given element, if possible.
  * Also gather metadata about the element's nearest fields, and whether there are any links or buttons in the path.
@@ -12,12 +14,16 @@
  *
  * @param {HTMLElement} elem
  * @param {Array<string>} [targetFields=[]] specifies which fields to gather from the nearest element in the path
- * @returns {{path: (undefined|string), nearestFields: {}, hasButton: boolean, hasLink: boolean}}
+ * @returns {{path: (undefined|string), nearestFields: {}, targets: Array, hasButton: boolean, hasLink: boolean}}
  */
-export const analyzeElemPath = (elem, targetFields = []) => {
+export const analyzeElemPath = (elem, targetFields = [], agentRef) => {
+  const targets = [];
   const result = {
     path: undefined,
     nearestFields: {},
+    get targets() {
+      return targets.length ? targets : [undefined];
+    },
     hasButton: false,
     hasLink: false
   };
@@ -40,6 +46,10 @@ export const analyzeElemPath = (elem, targetFields = []) => {
       targetFields.forEach(field => {
         result.nearestFields[nearestAttrName(field)] ||= elem[field]?.baseVal || elem[field];
       });
+      const dataAttrs = elem?.dataset;
+      if (dataAttrs.nrMfeId) {
+        targets.push(...getRegisteredTargetsFromId(dataAttrs.nrMfeId, agentRef));
+      }
       pathSelector = buildPathSelector(elem, pathSelector);
       elem = elem.parentNode;
     }

package/dist/esm/common/timing/time-keeper.js

@@ -39,14 +39,19 @@ export class TimeKeeper {
    * @type {boolean}
    */
   #ready = false;
-  #reportedDrift = false;
+
+  /**
+   * The total measured drift in milliseconds. Represents how much performance.now()
+   * has fallen behind Date.now(), which is used to correct timestamp conversions.
+   * @type {number}
+   */
+  #measuredDrift = 0;
   constructor(sessionObj) {
     this.#session = sessionObj;
     this.processStoredDiff();
     isNative(performance.now, Date.now); // will warn the user if these are not native functions.  We need these to be native for time in the agent to be accurate in general.
   }
   #detectDrift() {
-    if (this.#reportedDrift) return;
     try {
       // Drift detection: measures if performance.now() and Date.now() have become desynchronized
       // This can happen when a machine sleeps and the performance timer freezes while Date continues
@@ -57,8 +62,13 @@ export class TimeKeeper {
       // Note: localTimeDiff (server time offset) is NOT part of drift - that's a legitimate offset
       const drift = Date.now() - originTime - performance.now();
       if (drift > 1000) {
-        this.#reportedDrift = true;
-        handle(SUPPORTABILITY_METRIC_CHANNEL, ['Generic/TimeKeeper/ClockDrift/Detected', drift], undefined, FEATURE_NAMES.metrics, this.#session.agentRef.ee);
+        // Check if this is new drift (increase of >1000ms from last measurement)
+        const newDrift = drift - this.#measuredDrift;
+        if (newDrift > 1000) {
+          // Update measured drift and report it
+          this.#measuredDrift = drift;
+          if (this.#session) handle(SUPPORTABILITY_METRIC_CHANNEL, ['Generic/TimeKeeper/ClockDrift/Detected', drift], undefined, FEATURE_NAMES.metrics, this.#session.agentRef.ee);
+        }
       }
     } catch (err) {
       // Silently ignore drift detection errors to avoid breaking normal operation
@@ -109,7 +119,8 @@ export class TimeKeeper {
    */
   convertRelativeTimestamp(relativeTime) {
     this.#detectDrift();
-    return originTime + relativeTime;
+    // Add measured drift to compensate for performance.now() falling behind
+    return originTime + relativeTime + this.#measuredDrift;
   }
 
   /**
@@ -120,7 +131,8 @@ export class TimeKeeper {
    */
   convertAbsoluteTimestamp(timestamp) {
     this.#detectDrift();
-    return timestamp - originTime;
+    // Subtract measured drift since we're converting from absolute to relative
+    return timestamp - originTime - this.#measuredDrift;
   }
 
   /**

package/dist/esm/common/vitals/cumulative-layout-shift.js

@@ -1,5 +1,5 @@
 /**
- * Copyright 2020-2025 New Relic, Inc. All rights reserved.
+ * Copyright 2020-2026 New Relic, Inc. All rights reserved.
  * SPDX-License-Identifier: Apache-2.0
  */
 import { onCLS } from 'web-vitals/attribution';
@@ -22,7 +22,8 @@ if (isBrowserScope) {
     };
     cumulativeLayoutShift.update({
       value,
-      attrs
+      attrs,
+      element: attribution.largestShiftSource?.node
     });
   }, {
     reportAllChanges: true

package/dist/esm/common/vitals/interaction-to-next-paint.js

@@ -1,5 +1,5 @@
 /**
- * Copyright 2020-2025 New Relic, Inc. All rights reserved.
+ * Copyright 2020-2026 New Relic, Inc. All rights reserved.
  * SPDX-License-Identifier: Apache-2.0
  */
 import { onINP } from 'web-vitals/attribution';
@@ -31,7 +31,8 @@ if (isBrowserScope) {
     };
     interactionToNextPaint.update({
       value,
-      attrs
+      attrs,
+      element: attribution.interactionTargetElement
     });
   });
 }

package/dist/esm/common/vitals/largest-contentful-paint.js

@@ -33,7 +33,8 @@ if (isBrowserScope) {
     if (attribution.url) attrs.elUrl = cleanURL(attribution.url);
     largestContentfulPaint.update({
       value,
-      attrs
+      attrs,
+      element: lcpEntry?.element
     });
   });
 }

package/dist/esm/common/vitals/load-time.js

@@ -10,12 +10,15 @@ export const loadTime = new VitalMetric(VITAL_NAMES.LOAD_TIME);
 if (isBrowserScope) {
   const perf = globalScope.performance;
   const handler = () => {
-    if (!loadTime.isValid && perf) {
+    // setTimeout defers the read until after the load event handler returns,
+    // ensuring loadEventEnd is populated (non-zero) — matching the web-vitals onTTFB pattern
+    setTimeout(() => {
+      if (loadTime.isValid || !perf) return;
       const navEntry = getNavigationEntry();
       loadTime.update({
         value: navEntry ? navEntry.loadEventEnd : perf.timing?.loadEventEnd - originTime
       });
-    }
+    }, 0);
   };
   onWindowLoad(handler, true);
 }

package/dist/esm/common/vitals/vital-metric.js

@@ -1,5 +1,5 @@
 /**
- * Copyright 2020-2025 New Relic, Inc. All rights reserved.
+ * Copyright 2020-2026 New Relic, Inc. All rights reserved.
  * SPDX-License-Identifier: Apache-2.0
  */
 export class VitalMetric {
@@ -12,13 +12,15 @@ export class VitalMetric {
   }
   update({
     value,
-    attrs = {}
+    attrs = {},
+    element
   }) {
     if (value === undefined || value === null || value < 0) return;
     const state = {
       value: this.roundingMethod(value),
       name: this.name,
-      attrs
+      attrs,
+      element
     };
     this.history.push(state);
     this.#subscribers.forEach(cb => {
@@ -33,7 +35,8 @@ export class VitalMetric {
     return this.history[this.history.length - 1] || {
       value: undefined,
       name: this.name,
-      attrs: {}
+      attrs: {},
+      element: undefined
     };
   }
   get isValid() {

package/dist/esm/features/ajax/aggregate/index.js

@@ -6,13 +6,14 @@ import { registerHandler } from '../../../common/event-emitter/register-handler'
 import { stringify } from '../../../common/util/stringify';
 import { handle } from '../../../common/event-emitter/handle';
 import { setDenyList, shouldCollectEvent } from '../../../common/deny-list/deny-list';
-import { FEATURE_NAME } from '../constants';
+import { AJAX_ID, FEATURE_NAME } from '../constants';
 import { FEATURE_NAMES } from '../../../loaders/features/features';
 import { AggregateBase } from '../../utils/aggregate-base';
 import { parseGQL } from './gql';
 import { nullable, numeric, getAddStringContext, addCustomAttributes } from '../../../common/serialize/bel-serializer';
 import { gosNREUMOriginals } from '../../../common/window/nreum';
 import { getVersion2Attributes, getVersion2DuplicationAttributes, shouldDuplicate } from '../../../common/v2/utils';
+import { generateUuid } from '../../../common/ids/unique-id';
 export class Aggregate extends AggregateBase {
   static featureName = FEATURE_NAME;
   constructor(agentRef) {
@@ -80,7 +81,8 @@ export class Aggregate extends AggregateBase {
       type,
       startTime,
       endTime,
-      callbackDuration: metrics.cbTime
+      callbackDuration: metrics.cbTime,
+      [AJAX_ID]: generateUuid() // all AjaxRequest events should have a unique identifier to allow for easier grouping and analysis in the UI
     };
     if (ctx.dt) {
       event.spanId = ctx.dt.spanId;
@@ -150,7 +152,9 @@ export class Aggregate extends AggregateBase {
       const attrParts = addCustomAttributes({
         ...(jsAttributes || {}),
         ...(event.gql || {}),
-        ...(event.targetAttributes || {}) // used to supply the version 2 attributes, either MFE target or duplication attributes for the main agent app
+        ...(event.targetAttributes || {}),
+        // used to supply the version 2 attributes, either MFE target or duplication attributes for the main agent app
+        [AJAX_ID]: event[AJAX_ID] // all AjaxRequest events should have a unique identifier to allow for easier grouping and analysis in the UI
       }, addString);
       fields.unshift(numeric(attrParts.length));
       insert += fields.join(',');

package/dist/esm/features/ajax/constants.js

@@ -1,6 +1,7 @@
 /**
- * Copyright 2020-2025 New Relic, Inc. All rights reserved.
+ * Copyright 2020-2026 New Relic, Inc. All rights reserved.
  * SPDX-License-Identifier: Apache-2.0
  */
 import { FEATURE_NAMES } from '../../loaders/features/features';
-export const FEATURE_NAME = FEATURE_NAMES.ajax;
+export const FEATURE_NAME = FEATURE_NAMES.ajax;
+export const AJAX_ID = 'ajaxRequest.id';

package/dist/esm/features/generic_events/aggregate/index.js

@@ -14,7 +14,7 @@ import { applyFnToProps } from '../../../common/util/traverse';
 import { UserActionsAggregator } from './user-actions/user-actions-aggregator';
 import { isIFrameWindow } from '../../../common/dom/iframe';
 import { isPureObject } from '../../../common/util/type-check';
-import { getVersion2Attributes } from '../../../common/v2/utils';
+import { getVersion2Attributes, getVersion2DuplicationAttributes, shouldDuplicate } from '../../../common/v2/utils';
 export class Aggregate extends AggregateBase {
   static featureName = FEATURE_NAME;
   #userActionAggregator;
@@ -54,7 +54,7 @@ export class Aggregate extends AggregateBase {
       }
       let addUserAction = () => {/** no-op */};
       if (isBrowserScope && agentRef.init.user_actions.enabled) {
-        this.#userActionAggregator = new UserActionsAggregator();
+        this.#userActionAggregator = new UserActionsAggregator(this.agentRef);
         this.harvestOpts.beforeUnload = () => addUserAction?.(this.#userActionAggregator.aggregationEvent);
         addUserAction = aggregatedUserAction => {
           try {
@@ -66,56 +66,58 @@ export class Aggregate extends AggregateBase {
                 timeStamp,
                 type
               } = aggregatedUserAction.event;
-              const userActionEvent = {
-                eventType: 'UserAction',
-                timestamp: this.#toEpoch(timeStamp),
-                action: type,
-                actionCount: aggregatedUserAction.count,
-                actionDuration: aggregatedUserAction.relativeMs[aggregatedUserAction.relativeMs.length - 1],
-                actionMs: aggregatedUserAction.relativeMs,
-                rageClick: aggregatedUserAction.rageClick,
-                target: aggregatedUserAction.selectorPath,
-                currentUrl: aggregatedUserAction.currentUrl,
-                ...(isIFrameWindow(window) && {
-                  iframe: true
-                }),
-                ...this.agentRef.init.user_actions.elementAttributes.reduce((acc, field) => {
-                  /** prevent us from capturing an obscenely long value */
-                  if (canTrustTargetAttribute(field)) acc[targetAttrName(field)] = String(target[field]).trim().slice(0, 128);
-                  return acc;
-                }, {}),
-                ...aggregatedUserAction.nearestTargetFields,
-                ...(aggregatedUserAction.deadClick && {
-                  deadClick: true
-                }),
-                ...(aggregatedUserAction.errorClick && {
-                  errorClick: true
-                })
-              };
-              this.addEvent(userActionEvent);
-              this.#trackUserActionSM(userActionEvent);
+              aggregatedUserAction.targets.forEach(mfeTarget => {
+                const userActionEvent = {
+                  eventType: 'UserAction',
+                  timestamp: this.#toEpoch(timeStamp),
+                  action: type,
+                  actionCount: aggregatedUserAction.count,
+                  actionDuration: aggregatedUserAction.relativeMs[aggregatedUserAction.relativeMs.length - 1],
+                  actionMs: aggregatedUserAction.relativeMs,
+                  rageClick: aggregatedUserAction.rageClick,
+                  target: aggregatedUserAction.selectorPath,
+                  currentUrl: aggregatedUserAction.currentUrl,
+                  ...(isIFrameWindow(window) && {
+                    iframe: true
+                  }),
+                  ...this.agentRef.init.user_actions.elementAttributes.reduce((acc, field) => {
+                    /** prevent us from capturing an obscenely long value */
+                    if (canTrustTargetAttribute(field)) acc[targetAttrName(field)] = String(target[field]).trim().slice(0, 128);
+                    return acc;
+                  }, {}),
+                  ...aggregatedUserAction.nearestTargetFields,
+                  ...(aggregatedUserAction.deadClick && {
+                    deadClick: true
+                  }),
+                  ...(aggregatedUserAction.errorClick && {
+                    errorClick: true
+                  })
+                };
+                this.addEvent(userActionEvent, mfeTarget);
+                this.#trackUserActionSM(userActionEvent);
 
-              /**
-               * Returns the original target field name with `target` prepended and camelCased
-               * @param {string} originalFieldName
-               * @returns {string} the target field name
-               */
-              function targetAttrName(originalFieldName) {
-                /** preserve original renaming structure for pre-existing field maps */
-                if (originalFieldName === 'tagName') originalFieldName = 'tag';
-                if (originalFieldName === 'className') originalFieldName = 'class';
-                /** return the original field name, cap'd and prepended with target to match formatting */
-                return "target".concat(originalFieldName.charAt(0).toUpperCase() + originalFieldName.slice(1));
-              }
+                /**
+                * Returns the original target field name with `target` prepended and camelCased
+                * @param {string} originalFieldName
+                * @returns {string} the target field name
+                */
+                function targetAttrName(originalFieldName) {
+                  /** preserve original renaming structure for pre-existing field maps */
+                  if (originalFieldName === 'tagName') originalFieldName = 'tag';
+                  if (originalFieldName === 'className') originalFieldName = 'class';
+                  /** return the original field name, cap'd and prepended with target to match formatting */
+                  return "target".concat(originalFieldName.charAt(0).toUpperCase() + originalFieldName.slice(1));
+                }
 
-              /**
-               * Only trust attributes that exist on HTML element targets, which excludes the window and the document targets
-               * @param {string} attribute The attribute to check for on the target element
-               * @returns {boolean} Whether the target element has the attribute and can be trusted
-               */
-              function canTrustTargetAttribute(attribute) {
-                return !!(aggregatedUserAction.selectorPath !== 'window' && aggregatedUserAction.selectorPath !== 'document' && target instanceof HTMLElement && target?.[attribute]);
-              }
+                /**
+                * Only trust attributes that exist on HTML element targets, which excludes the window and the document targets
+                * @param {string} attribute The attribute to check for on the target element
+                * @returns {boolean} Whether the target element has the attribute and can be trusted
+                */
+                function canTrustTargetAttribute(attribute) {
+                  return !!(aggregatedUserAction.selectorPath !== 'window' && aggregatedUserAction.selectorPath !== 'document' && target instanceof HTMLElement && target?.[attribute]);
+                }
+              });
             }
           } catch (e) {
             // do nothing for now
@@ -315,9 +317,7 @@ export class Aggregate extends AggregateBase {
       timestamp: this.#toEpoch(now()),
       /** all generic events require pageUrl(s) */
       pageUrl: cleanURL('' + initialLocation),
-      currentUrl: cleanURL('' + location),
-      /** Specific attributes only supplied if harvesting to endpoint version 2 */
-      ...getVersion2Attributes(target, this)
+      currentUrl: cleanURL('' + location)
     };
     const eventAttributes = {
       /** Agent-level custom attributes */
@@ -327,7 +327,14 @@ export class Aggregate extends AggregateBase {
       /** Event-specific attributes take precedence over agent-level custom attributes and fallbacks */
       ...obj
     };
-    this.events.add(eventAttributes);
+    this.events.add({
+      ...eventAttributes,
+      ...getVersion2Attributes(target, this)
+    });
+    if (shouldDuplicate(target, this)) this.addEvent({
+      ...eventAttributes,
+      ...getVersion2DuplicationAttributes(target, this)
+    });
   }
   serializer(eventBuffer) {
     return applyFnToProps({

package/dist/esm/features/generic_events/aggregate/user-actions/aggregated-user-action.js

@@ -1,5 +1,5 @@
 /**
- * Copyright 2020-2025 New Relic, Inc. All rights reserved.
+ * Copyright 2020-2026 New Relic, Inc. All rights reserved.
  * SPDX-License-Identifier: Apache-2.0
  */
 import { RAGE_CLICK_THRESHOLD_EVENTS, RAGE_CLICK_THRESHOLD_MS } from '../../constants';
@@ -16,6 +16,7 @@ export class AggregatedUserAction {
     this.currentUrl = cleanURL('' + location);
     this.deadClick = false;
     this.errorClick = false;
+    this.targets = selectorInfo.targets;
   }
 
   /**

package/dist/esm/features/generic_events/aggregate/user-actions/user-actions-aggregator.js

@@ -1,5 +1,5 @@
 /**
- * Copyright 2020-2025 New Relic, Inc. All rights reserved.
+ * Copyright 2020-2026 New Relic, Inc. All rights reserved.
  * SPDX-License-Identifier: Apache-2.0
  */
 import { analyzeElemPath } from '../../../../common/dom/selector-path';
@@ -14,7 +14,8 @@ export class UserActionsAggregator {
   #deadClickTimer = undefined;
   #domObserver = undefined;
   #errorClickTimer = undefined;
-  constructor() {
+  constructor(agentRef) {
+    this.agentRef = agentRef;
     if (gosNREUMOriginals().o.MO) {
       this.#domObserver = new MutationObserver(this.isLiveClick.bind(this));
     }
@@ -37,7 +38,7 @@ export class UserActionsAggregator {
   process(evt, targetFields) {
     if (!evt) return;
     const targetElem = OBSERVED_WINDOW_EVENTS.includes(evt.type) ? window : evt.target;
-    const selectorInfo = analyzeElemPath(targetElem, targetFields);
+    const selectorInfo = analyzeElemPath(targetElem, targetFields, this.agentRef);
 
     // if selectorInfo.path is undefined, aggregation will be skipped for this event
     const aggregationKey = getAggregationKey(evt, selectorInfo.path);

package/dist/esm/features/page_view_timing/aggregate/index.js

@@ -20,15 +20,18 @@ import { initiallyHidden, getNavigationEntry, initialLocation } from '../../../c
 import { eventOrigin } from '../../../common/util/event-origin';
 import { loadTime } from '../../../common/vitals/load-time';
 import { webdriverDetected } from '../../../common/util/webdriver-detection';
+import { analyzeElemPath } from '../../../common/dom/selector-path';
+import { getVersion2Attributes, getVersion2DuplicationAttributes, shouldDuplicate } from '../../../common/v2/utils';
 import { cleanURL } from '../../../common/url/clean-url';
 export class Aggregate extends AggregateBase {
   static featureName = FEATURE_NAME;
   #handleVitalMetric = ({
     name,
     value,
-    attrs
+    attrs,
+    element
   }) => {
-    this.addTiming(name, value, attrs);
+    this.addTiming(name, value, attrs, element);
   };
   constructor(agentRef) {
     super(agentRef, FEATURE_NAME);
@@ -56,10 +59,11 @@ export class Aggregate extends AggregateBase {
         const {
           name,
           value,
-          attrs
+          attrs,
+          element
         } = cumulativeLayoutShift.current;
         if (value === undefined) return;
-        this.addTiming(name, value * 1000, attrs);
+        this.addTiming(name, value * 1000, attrs, element);
       }, true, true); // CLS node should only reports on vis change rather than on every change
 
       this.drain();
@@ -77,7 +81,7 @@ export class Aggregate extends AggregateBase {
       this.curSessEndRecorded = true;
     }
   }
-  addTiming(name, value, attrs) {
+  addTiming(name, value, attrs, element) {
     attrs = attrs || {};
     attrs.pageUrl = cleanURL(getNavigationEntry()?.name || initialLocation);
     addConnectionAttributes(attrs); // network conditions may differ from the actual for VitalMetrics when they were captured
@@ -98,7 +102,24 @@ export class Aggregate extends AggregateBase {
       value,
       attrs
     };
-    this.events.add(timing);
+    const targets = analyzeElemPath(element, [], this.agentRef).targets;
+    if (!targets.length) targets.push(undefined);
+    targets.forEach(target => {
+      this.events.add({
+        ...timing,
+        attrs: {
+          ...attrs,
+          ...getVersion2Attributes(target, this)
+        }
+      });
+      if (shouldDuplicate(target, this.agentRef)) this.events.add({
+        ...timing,
+        attrs: {
+          ...attrs,
+          ...getVersion2DuplicationAttributes(target, this)
+        }
+      });
+    });
     handle('pvtAdded', [name, value, attrs], undefined, FEATURE_NAMES.sessionTrace, this.ee);
     this.checkForFirstInteraction();
 

package/dist/esm/features/session_replay/aggregate/index.js

@@ -1,5 +1,5 @@
 /**
- * Copyright 2020-2025 New Relic, Inc. All rights reserved.
+ * Copyright 2020-2026 New Relic, Inc. All rights reserved.
  * SPDX-License-Identifier: Apache-2.0
  */
 /**
@@ -215,6 +215,7 @@ export class Aggregate extends AggregateBase {
     }
   }
   makeHarvestPayload() {
+    if (this.isRetrying) return this.recorder.retryPayload;
     if (this.mode !== MODE.FULL || this.blocked) return; // harvests should only be made in FULL mode, and not if the feature is blocked
     if (this.shouldCompress && !this.gzipper) return; // if compression is enabled, but the libraries have not loaded, wait for them to load
     if (!this.recorder || !this.timeKeeper?.ready || !(this.recorder.hasSeenSnapshot && this.recorder.hasSeenMeta)) return; // if the recorder or the timekeeper is not ready, or the recorder has not yet seen a snapshot, do not harvest
@@ -242,8 +243,6 @@ export class Aggregate extends AggregateBase {
       this.abort(ABORT_REASONS.TOO_BIG, len);
       return;
     }
-
-    // TODO -- Gracefully handle the buffer for retries.
     if (!this.agentRef.runtime.session.state.sessionReplaySentFirstChunk) this.syncWithSessionManager({
       sessionReplaySentFirstChunk: true
     });
@@ -251,6 +250,7 @@ export class Aggregate extends AggregateBase {
     if (!this.agentRef.runtime.session.state.traceHarvestStarted) {
       warn(59, JSON.stringify(this.agentRef.runtime.session.state));
     }
+    this.recorder.retryPayload = payload;
     return payload;
   }
 
@@ -348,9 +348,18 @@ export class Aggregate extends AggregateBase {
     };
   }
   postHarvestCleanup(result) {
-    // The mutual decision for now is to stop recording and clear buffers if ingest is experiencing 429 rate limiting
-    if (result.status === 429) {
-      this.abort(ABORT_REASONS.TOO_MANY);
+    if (result.sent) {
+      if (result.retry) {
+        warn(70);
+        this.isRetrying = true;
+        this.forceStop();
+      } else {
+        this.recorder.retryPayload = undefined;
+        if (this.isRetrying) {
+          this.isRetrying = false;
+          this.switchToFull();
+        }
+      }
     }
   }
 

package/dist/esm/features/session_replay/constants.js

@@ -1,5 +1,5 @@
 /**
- * Copyright 2020-2025 New Relic, Inc. All rights reserved.
+ * Copyright 2020-2026 New Relic, Inc. All rights reserved.
  * SPDX-License-Identifier: Apache-2.0
  */
 import { MODE } from '../../common/session/constants';