feat(ember): Give component definition lookups their own span op

Ember spans that resolve a component definition were using the `function`
op, which infers a span description of "Function execution" and loses the
component name. They now use `ui.resolve`, a new op proposed in
getsentry/sentry-conventions#633. The op is hard-coded with a TODO until
that lands and we can import the const.

Route hook spans keep the route as `sentry.description` and are named after
the hook when span streaming is on, so the name matches `code.function.name`
(the `function` op's name template) in both trace lifecycles.

Also converts the `ember-classic` E2E app to span streaming and turns on
`enableComponentDefinitions` there, so `ui.resolve` gets covered. That flag
was off in every app, so the code path had never run in CI. `ember-embroider`
and `ember-vite` still cover the static lifecycle.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

Author: Lms24

dev-packages/e2e-tests/test-applications/ember-classic/app/app.ts

@@ -7,7 +7,6 @@ import config from './config/environment';
 
 Sentry.init({
   dsn: config.sentryDsn,
-  traceLifecycle: 'static',
   tracesSampleRate: 1,
   replaysSessionSampleRate: 1,
   replaysOnErrorSampleRate: 1,

dev-packages/e2e-tests/test-applications/ember-classic/app/instance-initializers/sentry-performance.ts

@@ -5,6 +5,8 @@ export function initialize(appInstance: ApplicationInstance): void {
   instrumentAppInstancePerformance(appInstance, {
     minimumRunloopQueueDuration: 0,
     minimumComponentRenderDuration: 0,
+    // Opt in so the E2E suite covers the `ui.resolve` spans, which are off by default.
+    enableComponentDefinitions: true,
   });
 }
 

dev-packages/e2e-tests/test-applications/ember-classic/tests/errors.test.ts

@@ -1,5 +1,5 @@
 import { expect, test } from '@playwright/test';
-import { waitForError, waitForTransaction } from '@sentry-internal/test-utils';
+import { getSpanOp, waitForError, waitForStreamedSpan } from '@sentry-internal/test-utils';
 
 test('sends an error', async ({ page }) => {
   const errorPromise = waitForError('ember-classic', async errorEvent => {
@@ -30,16 +30,17 @@ test('sends an error', async ({ page }) => {
 });
 
 test('assigns the correct transaction value after a navigation', async ({ page }) => {
-  const pageloadTxnPromise = waitForTransaction('ember-classic', async transactionEvent => {
-    return !!transactionEvent.transaction && transactionEvent.contexts?.trace?.op === 'pageload';
-  });
+  const pageloadSpanPromise = waitForStreamedSpan(
+    'ember-classic',
+    span => span.is_segment && getSpanOp(span) === 'pageload',
+  );
 
   const errorPromise = waitForError('ember-classic', async errorEvent => {
     return !errorEvent.type;
   });
 
   await page.goto(`/tracing`);
-  await pageloadTxnPromise;
+  await pageloadSpanPromise;
 
   await page.getByText('Errors').click();