Skip to content

feat(explore): Add dropped-data flyout panel shell - #124836

Draft
manessaraj wants to merge 1 commit into
masterfrom
sarajmanes/feat/DAIN-1868/dropped-data-flyout-panel-shell-total-header
Draft

manessaraj wants to merge 1 commit into
masterfrom
sarajmanes/feat/DAIN-1868/dropped-data-flyout-panel-shell-total-header

Conversation

@manessaraj

@manessaraj manessaraj commented Sep 17, 2026

Copy link
Copy Markdown
Contributor

Summary

Opens a slide-over panel when a user clicks a bucket in the dropped-data band on the explore span charts. This PR covers the panel shell + header only — the panel content (summary/total header, chart, per-reason tables) is a follow-up.

Notes

  • Panel content is intentionally empty for this shell PR; the summary/total-header card is the next step.

Refs DAIN-1868

Open a slide-over panel when a dropped-data band bucket is clicked on
explore span charts. The band series now emits click events, and the
chart routes them through a new onDroppedDataClick callback threaded from
TimeSeriesWidgetVisualization down through ChartVisualization to the
chart, which holds the selected bucket in state and renders the panel.

The panel renders a header shell only (close button, divider, and title);
its content is a follow-up.

Refs DAIN-1868
@linear-code

linear-code Bot commented Sep 17, 2026

Copy link
Copy Markdown

DAIN-1868

@github-actions github-actions Bot added the Scope: Frontend Automatically applied to PRs that change frontend components label Sep 17, 2026
@github-actions

Copy link
Copy Markdown
Contributor

Story previews

Preview the stories changed in this PR on the Vercel deployment:

Preview deployment: https://sentry-f383kpaz9.sentry.dev

@github-actions

Copy link
Copy Markdown
Contributor

📊 Type Coverage Diff

Metric Before After Delta
Coverage 95.54% 95.54% ±0%
Typed 140,124 140,132 🟢 +8
Untyped 6,540 6,541 🔴 +1
🔍 1 new type safety issue introduced

Type assertions (as) (1 new)

File Line Detail
static/app/views/dashboards/widgets/timeSeriesWidget/timeSeriesWidgetVisualization.tsx 703 as AnnotationBucketevent.data as AnnotationBucket

This is informational only and does not block the PR.

borderBottom="primary"
>
<Button variant="transparent" size="sm" icon={<IconClose />} onClick={onClose}>
Close

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This, and every text, should be wrapped around the t() fn to account for different "human" languages.

Comment applies to others of the same type

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Scope: Frontend Automatically applied to PRs that change frontend components

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants