How get detail information about http requests in sentry?

[Fo-ox]

Hi all!
We use the Self-hosted version of Sentry in our application. At the moment I am implementing performance monitoring into our UI client in Angular 17. I set up the configuration according to the examples from docs - https://docs.sentry.io/platforms/javascript/guides/angular/#angular-version-compatibility and I see on the frontend tab in Sentry that the analytics is being collected successfully.
I use "@sentry/angular": "8.50.0" on UI and Sentry 25.1.0 instance on our environment.

My sentry config

export const sentryUrl = ENV.SENTRY.URL;

export const sentryConfig: Sentry.BrowserOptions = {
  dsn: sentryUrl,
  environment: 'localhost',
  integrations: [Sentry.browserTracingIntegration({ enableLongAnimationFrame: true })],
  tracesSampleRate: 1.0,
  release: myPackageJson.version,
};

Sentry.init(sentryConfig);

And module providers

export const appProviders : Provider[] = [];
// ...
appProviders.push(
  {
    provide: ErrorHandler,
    useValue: Sentry.createErrorHandler({
      showDialog: false,
    }),
  },
  {
    provide: Sentry.TraceService,
    deps: [Router],
  },
  {
    provide: APP_INITIALIZER,
    useFactory: () => () => {},
    deps: [TraceService],
    multi: true,
  }
 );

@NgModule({
  declarations: [BootstrapComponent],
  imports: [
    ...
  ],
  providers: appProviders,
  bootstrap: [BootstrapComponent],
})
export class MyAppModule {
  constructor() {
    ...
  }
}

// in main.ts platformBrowserDynamic().bootstrapModule(MyAppModule)

But on the backend tab, I don’t see information in the table of HTTP requests :(

If I open the transaction in detail, then there is information about requests inside a specific Span is present.

I would like to have a general table, where as a row I would have some request, for example https://api.gismeteo.net/v2/weather/current/4368/, and as columns, I could display information about the average duration, their count and size of the transmitted traffic of all such requests.
I imagine it something like this

It seems to me that a similar table is present on the backend tab, but I don’t understand why it is empty. I tried to make a custom dashboard, but I can only select a transaction as a table row, and the information from http.client is not selectable at all. Perhaps I need to somehow additionally configure the Sentry configuration in my UI application?

Please tell me what could be the problem? Does such functionality actually exist in Sentry and may it be necessary to purchase some more advanced version of the system?

Thanks for any ideas!

[lforst]

Angular is a frontend framework. For things to show up in the backend tab you also need to add Sentry to your backend.

Does the "Frontend" >> "Network Requests" tab maybe satisfy your needs?