fix(insights): Handle null span.group in Backend Insights widgets

[gggritso]

A self-hosted user complained in getsentry/self-hosted#4262 that their Backend Insights view breaks when ingesting Otel data. This PR adds some guards to prevent this crash, but it doesn't necessarily guarantee a great experience, e.g.,

• "Backend Insights" is on its way out, to be replaced with a pre-built dashboard. This hasn't been rolled out to self-hosted yet, so this user will have a somewhat different experience in the next few months if they upgrade
• OTel data should go through Sentry enrichment, and get a span.group attribute, but decisions around OTel are changing! We might do less enrichment (or different enrichment) there

In the meantime, this PR makes two changes

• asks for has:span.group to be present in a few widgets. This is a common pattern for us, and should work here, too
• updates the types for the span.group property to mark it as possibly null and updates a bunch of usage

Fixes DAIN-1467

[linear-code]

DAIN-1467 Backend Insights crashes and does not render fully on OpenTelemetry project

[cursor]

Cursor Bugbot has reviewed your changes and found 1 potential issue.

Bugbot Autofix prepared a fix for the issue found in the latest run.

• ✅ Fixed: Null group interpolated into navigation URL path
  • Added a guard in QueryClippedBox so the click handler returns early when group is null/undefined instead of navigating to a malformed span URL.

Or push these changes by commenting:

@cursor push 00baa7392a

Preview (00baa7392a)

diff --git a/static/app/views/insights/common/components/fullSpanDescription.tsx b/static/app/views/insights/common/components/fullSpanDescription.tsx
--- a/static/app/views/insights/common/components/fullSpanDescription.tsx
+++ b/static/app/views/insights/common/components/fullSpanDescription.tsx
@@ -121,11 +121,16 @@
       clipHeight={500}
       buttonProps={{
         icon: <IconOpen />,
-        onClick: () =>
+        onClick: () => {
+          if (!group) {
+            return;
+          }
+
           navigate({
             pathname: `${databaseURL}/spans/span/${group}`,
             query: {...location.query, isExpanded: true},
-          }),
+          });
+        },
       }}
     >
       {children}

_{This Bugbot Autofix run was free. To enable autofix for future PRs, go to the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit e37778b. Configure here.}

[cursor]

Null group interpolated into navigation URL path

Medium Severity

The QueryClippedBox component's "View full query" button constructs a navigation URL using the group prop. Since group can now be null, the URL interpolation doesn't guard against it, leading to invalid routes like /spans/span/null. Unlike SpanGroupDetailsLink, it lacks a null guard.

Additional Locations (1)

• static/app/views/insights/common/components/fullSpanDescription.tsx#L125-L126

 

^{Reviewed by Cursor Bugbot for commit e37778b. Configure here.}