feat: highlight selected span from results table by default in trace side panel

[MikeShi42]

No description provided.

[changeset-bot]

⚠️ No Changeset found

Latest commit: 4aa90ce

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
hyperdx-v2-oss-app	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 19, 2025 7:25pm

[Copilot]

Pull Request Overview

This PR implements the feature to highlight a selected span from the results table by default in the trace side panel. Key changes include adding an initialRowHighlightHint prop to the relevant components, passing down the hint from DBTracePanel to DBTraceWaterfallChartContainer and DBRowSidePanel, and updating DBRowDataPanel to extract the necessary timestamp and span id information.

Reviewed Changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated no comments.

File	Description
packages/app/src/components/DBTraceWaterfallChart.tsx	Added initialRowHighlightHint prop and associated useEffect for span highlighting in the chart.
packages/app/src/components/DBTracePanel.tsx	Passed through initialRowHighlightHint to the chart container.
packages/app/src/components/DBRowSidePanel.tsx	Computed initialRowHighlightHint based on normalized row data.
packages/app/src/components/DBRowDataPanel.tsx	Updated timestamp and span ID extraction and display expressions.

Comments suppressed due to low confidence (1)

packages/app/src/components/DBTraceWaterfallChart.tsx:300

• Ensure that the property names used in initialRowHighlightHint match those used in rows. If normalized row data uses keys like '__hdx_timestamp', '__hdx_span_id', and '__hdx_body', consider aligning these with the chart's property names (Timestamp, SpanId, Body) so that the comparison works as expected.

row.Timestamp === initialRowHighlightHint.timestamp && row.SpanId === initialRowHighlightHint.spanId && row.Body === initialRowHighlightHint.body