ref(dashboards): Use VisualizationWidget in fullscreen widget viewer

[DominikB2014]

Use VisualizationWidget (backed by TimeSeriesWidgetVisualization) in
the fullscreen data widget viewer modal for time series widgets (LINE,
AREA, BAR), aligning it with the dashboard card rendering path.

Previously the modal always used WidgetCardChartContainer which renders
via the older ECharts chart components in chart.tsx. This is a step
toward eventually removing the time series rendering code from
WidgetCardChartContainer/chart.tsx.

To support this, VisualizationWidget gains three new props that are
forwarded to TimeSeriesWidgetVisualization:

• onZoom — zoom callback for the modal's custom zoom-to-selection behavior
• legendSelection — controlled legend selection state
• onLegendSelectionChange — legend toggle callback

Non-time-series widgets (TABLE, BIG_NUMBER, TEXT, etc.) still fall back
to WidgetCardChartContainer.

Refs DAIN-1258

[linear-code]

DAIN-1258 Use `TimeSeriesWidgetVisualization` in Widget Viewer

[DominikB2014]

@sentry review

[DominikB2014]

@cursor review

[cursor]

✅ Bugbot reviewed your changes and found no new issues!

Comment @cursor review or bugbot run to trigger another review on this PR

[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: Legend state props not passed to VisualizationWidget
  • The fullscreen modal now passes both legend selection state and a legend-selection callback into VisualizationWidget, preserving legend toggles and existing analytics tracking.

Or push these changes by commenting:

@cursor push 05fd143b26

Preview (05fd143b26)

diff --git a/static/app/components/modals/dataWidgetViewerModal.tsx b/static/app/components/modals/dataWidgetViewerModal.tsx
--- a/static/app/components/modals/dataWidgetViewerModal.tsx
+++ b/static/app/components/modals/dataWidgetViewerModal.tsx
@@ -631,6 +631,10 @@
                 widget={primaryWidget}
                 tableItemLimit={widget.limit}
                 onZoom={onZoom}
+                legendSelection={widgetLegendState.getWidgetSelectionState(widget)}
+                onLegendSelectionChange={nextLegendSelection =>
+                  onLegendSelectChanged({selected: nextLegendSelection})
+                }
                 showConfidenceWarning={
                   widget.widgetType === WidgetType.SPANS ||
                   widget.widgetType === WidgetType.TRACEMETRICS ||

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