Kafka Connect and Consumer Group Integration in Grids

[Gleb-Shipilov]

Issue submitter TODO list

• [x] I've searched for an already existing issues here
• [x] 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?

No response

Describe the feature you're interested in

As a Kafbat Kafka UI user, I want to see and interact with related Connector and Consumer Group information directly in the grids, So that I can quickly navigate between related components and analyze their relationships.

Prerequisites

Given Kafka Connect consumer group names follow the convention "connect-<connector_name>"

Scenario: View, sort, and filter Consumers in the Kafka Connectors grid

Given I am on the "Kafka Connect Connectors" grid view When I look at the grid Then I should see a column named "Consumers" And the row for the "<connector_name>" connector should display "connect-<connector_name>" in the "Consumers" column And the text "connect-<connector_name>" should be a clickable link When I click the "connect-<connector_name>" link in the "Consumers" column Then I am navigated to the details page for the "connect-<connector_name>" consumer group When I click the header of the "Consumers" column to sort Then the connectors grid is sorted alphabetically by the consumer group name When I use the filter control for the "Consumers" column and enter "sink.vertica" Then the grid only displays connectors whose consumer group name contains "sink.vertica"

Scenario: Navigate from Consumer Group details to related Connector

Given I am viewing the details page for the consumer group "connect-sink.vertica.deposits" When I look at the page details Then I should see a field or link labeled "Connector" with the value "sink.vertica.deposits" And this value should be a clickable link When I click the "sink.vertica.deposits" link Then I am navigated to the details page for the "sink.vertica.deposits" connector

Scenario: Navigate from Connector details to related Consumer Group

Given I am viewing the details page for the connector "sink.vertica.deposits" When I look at the page details Then I should see a field or link labeled "Consumer Group" with the value "connect-sink.vertica.deposits" And this value should be a clickable link When I click the "connect-sink.vertica.deposits" link Then I am navigated to the details page for the "connect-sink.vertica.deposits" consumer group

Scenario: View a non-connector Consumer Group details page

Given I am viewing the details page for the consumer group "my-custom-app-group" When I look at the page details Then the field or link for "Connector" should not be displayed or should be empty

Describe alternatives you've considered

No response

Version you're running

6474fb6

Additional context

No response