fix: Make search bar chart loading state more obvious

[elizabetdev]

Closes HDX-1954.

This PR improves the visibility of the search bar chart loading state by graying out the chart and adding a "Loading" text overlay.

search-results-loading.mov

[changeset-bot]

🦋 Changeset detected

Latest commit: 38fce11

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages

Name	Type
@hyperdx/app	Minor
@hyperdx/api	Minor

Not sure what this means? Click here to learn what changesets are.

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

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
hyperdx-v2-oss-app	Ready	Preview	Comment	Sep 26, 2025 5:16pm

[github-actions]

E2E Test Results

✅ All tests passed • 21 passed • 3 skipped • 152s

Status	Count
✅ Passed	21
❌ Failed	0
⚠️ Flaky	0
⏭️ Skipped	3

View full report →

[MikeShi42]

I think the loading indicator is pretty aggressive in live tail since it'll continually refresh/flash - is there a way we can make it more subtle during live tail? (ex. we disable loading indicators in the search results table for live tail for this same reason)

[elizabetdev]

@MikeShi42 I disabled the bar chart loading state during auto-refresh in live tail, but kept it when a user adds a filter. That added a bit of code complexity, though I left comments in the code. It also got me wondering if this is really the right solution, or if we should rethink loading states overall. What do you think? Should we stick with this approach or explore a better pattern?