set web vitals as attributes in span-first

Author: Lms24

dev-packages/browser-integration-tests/suites/span-first/linked-traces/test.ts

@@ -1,7 +1,7 @@
 import { expect } from '@playwright/test';
 import { SEMANTIC_LINK_ATTRIBUTE_LINK_TYPE } from '@sentry/core';
 import { sentryTest } from '../../../utils/fixtures';
-import { envelopeRequestParser, shouldSkipTracingTest, waitForTransactionRequest } from '../../../utils/helpers';
+import { shouldSkipTracingTest } from '../../../utils/helpers';
 import { getSpanOp, waitForV2Spans } from '../../../utils/spanFirstUtils';
 
 sentryTest("navigation spans link back to previous trace's root span", async ({ getLocalTestUrl, page }) => {

packages/browser-utils/src/metrics/browserMetrics.ts

@@ -3,6 +3,7 @@ import type { Client, Measurements, Span, SpanAttributes, SpanAttributeValue, St
 import {
   browserPerformanceTimeOrigin,
   getActiveSpan,
+  getClient,
   getComponentName,
   htmlTreeAsString,
   isPrimitive,
@@ -402,7 +403,12 @@ export function addPerformanceEntries(span: Span, options: AddPerformanceEntries
       delete _measurements.lcp;
     }
 
+    const isSpanFirst = getClient()?.getOptions().traceLifecycle === 'stream';
     Object.entries(_measurements).forEach(([measurementName, measurement]) => {
+      if (isSpanFirst) {
+        span.setAttribute(`ui.web_vital.${measurementName}`, measurement.value);
+        return;
+      }
       setMeasurement(measurementName, measurement.value, measurement.unit);
     });