Feature: Add search bar to global traces

[samrobinsonsauce]

Info

resolves: #485

Adds a search bar to the global traces view.
This allows the user to filter the list of traces via a search query.

[kraleppa]

That's awesome! We actually have a figma with the designs for this feature, but I'm not sure if I can share it with you. For now I will send you screenshots and could you please style this input to match them?

Also, could you create a test for it? We usually write them using wallaby - check test/live_debugger/process_callback_traces_test.exs

Screenshots

[kraleppa]

There’s one more thing to address: if a user has started callback tracing, we should prevent any modifications to the search phrase.

If the user entered a search phrase before starting the tracing, that phrase should be used to filter the incoming traces, but it cannot be modified

A simple way to handle this would be to disable the search input once tracing has started.

[kraleppa]

I spot a weird bug - it seems like search is working only before I start tracing. See the video below

Screen.Recording.2025-07-14.at.09.31.58.mov

Also, I find it a bit confusing that after you type in something to search box and start tracing you can receive traces that do not match provided serach phrase...

lvdbg.mov

IMO, it can be handled in two ways

1. We leave search box as it is, but we have to filter incoming trace by search phrase either.
2. When user starts tracing we hide checkbox entirely and clear the search phrase.

I think the first option is a bit more intresting

[samrobinsonsauce]

I spot a weird bug - it seems like search is working only before I start tracing. See the video below

Screen.Recording.2025-07-14.at.09.31.58.mov
Also, I find it a bit confusing that after you type in something to search box and start tracing you can receive traces that do not match provided serach phrase...

lvdbg.mov
IMO, it can be handled in two ways

1. We leave search box as it is, but we have to filter incoming trace by search phrase either.
2. When user starts tracing we hide checkbox entirely and clear the search phrase.

I think the first option is a bit more intresting

Hey @kraleppa,

yeah the last commit only handles disabling the search input when tracing is active the next one. I too had noticed the strange behaviour with the search only working before activating tracing and i had planned to fix it in the next commit!

I also agree that if the user has searched something, we should filter the incoming traces so that we only render those that match the search phrase.

I'll look to fix these issues soon, progress has been a little slow as i broke my leg last week 😂

[kraleppa]

@samrobinsonsauce great - thanks for the update and get well!

[samrobinsonsauce]

@kraleppa Implemented the filtering of incoming traces based on the search phrase as well as an e2e test to exercise it. Any feedback lemme know 👌

[kraleppa]

Besides the above comment it looks good. Great job! 🚀

[samrobinsonsauce]

Besides the above comment it looks good. Great job! 🚀

Thanks @kraleppa!

That feedback should be sorted now 👌