Add an In-Message search functionality for the expanded Kafka message value

Issue submitter TODO list

• I've searched for an already existing issues here
• I'm running a supported version of the application which is listed here and the feature is not present there

Is your proposal related to a problem?

Is your proposal related to a problem?

Yes.

When viewing a Kafka message in the Messages tab, the message value can contain a large JSON payload with many fields. Currently, when the message is expanded, it is difficult to quickly find a particular field or value inside the message.

For example, a message may contain:

{
  "data": {
    "metadata": {
      "hub": "north",
      "seq": "123",
      "category": "normal"
    }
  }
}

If I want to quickly find hub or the value north, using the browser's Cmd + F / Ctrl + F does not search within the expanded message value.

Describe the feature you're interested in

Describe the feature you'd like

Add an in-message search functionality for the expanded Kafka message value. Ideally:

• Cmd + F on macOS / Ctrl + F on Windows should search within the currently opened message value.
• Alternatively, provide a small search icon/input inside the message value viewer.
• The search should support both field names and values.
• It should work with nested JSON fields.
• Matching text should be highlighted and the user should be able to navigate between matches.

For example, searching for:

north

should highlight:

"hub": "north"

within the currently opened message.

Why would this be useful?

Kafka messages can contain large JSON payloads with hundreds of fields. When investigating events or debugging production issues, users frequently need to locate a particular field/value within a single message.

Without an in-message search, users have to manually scroll through the entire payload or copy &paste it to json viewer and search, which becomes difficult for large messages.

The existing message filtering functionality is useful for filtering messages across the topic, but this feature would solve a different use case: quickly finding something inside the currently opened message.

Describe alternatives you've considered

Manually scroll through the entire payload or copy & paste it to json viewer and search, which becomes difficult for large messages. But this is a time consuming task.

Version you're running

83b5a60

Additional context

The requested behavior is similar to the search experience available in code editors and JSON viewers, where Cmd + F / Ctrl + F can be used to find text within the currently displayed content.