From ce9540274d811618fbaed2c28c360ce48086c6d5 Mon Sep 17 00:00:00 2001
From: Pavel Makarichev <vixtir90@gmail.com>
Date: Sun, 5 Oct 2025 10:53:25 +0300
Subject: [PATCH 1/2] FE: Kafka Connect instances search

---
 .../components/Connect/Clusters/ui/List/List.tsx   | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Connect/Clusters/ui/List/List.tsx b/frontend/src/components/Connect/Clusters/ui/List/List.tsx
index f0cd4e693..f3e757834 100644
--- a/frontend/src/components/Connect/Clusters/ui/List/List.tsx
+++ b/frontend/src/components/Connect/Clusters/ui/List/List.tsx
@@ -5,7 +5,8 @@ import useAppParams from 'lib/hooks/useAppParams';
 import { ClusterName } from 'lib/interfaces/cluster';
 import { useNavigate } from 'react-router-dom';
 import { clusterConnectorsPath } from 'lib/paths';
-import { createColumnHelper } from '@tanstack/react-table';
+import { ColumnDef, createColumnHelper } from '@tanstack/react-table';
+import { useQueryPersister } from 'components/common/NewTable/ColumnFilter';
 
 import ConnectorsCell from './Cells/ConnectorsCell';
 import NameCell from './Cells/NameCell';
@@ -13,11 +14,18 @@ import TasksCell from './Cells/TasksCell';
 
 const helper = createColumnHelper<Connect>();
 export const columns = [
-  helper.accessor('name', { cell: NameCell, size: 600 }),
+  helper.accessor('name', {
+    cell: NameCell,
+    size: 600,
+    meta: { filterVariant: 'text' },
+    filterFn: 'includesString',
+  }),
   helper.accessor('version', {
     header: 'Version',
     cell: ({ getValue }) => getValue(),
     enableSorting: true,
+    meta: { filterVariant: 'multi-select' },
+    filterFn: 'arrIncludesSome',
   }),
   helper.display({
     header: 'Connectors',
@@ -40,6 +48,7 @@ const List = ({ connects }: Props) => {
   const navigate = useNavigate();
   const { clusterName } = useAppParams<{ clusterName: ClusterName }>();
 
+  const filterPersister = useQueryPersister(columns as ColumnDef<Connect>[]);
   return (
     <Table
       data={connects}
@@ -49,6 +58,7 @@ const List = ({ connects }: Props) => {
       }}
       emptyMessage="No kafka connect clusters"
       enableSorting
+      filterPersister={filterPersister}
     />
   );
 };

From 529131fff3064dbb62a81b2d0558c5ee052b8124 Mon Sep 17 00:00:00 2001
From: Pavel Makarichev <vixtir90@gmail.com>
Date: Fri, 21 Nov 2025 21:04:55 +0300
Subject: [PATCH 2/2] FE: Using correct filter fn

---
 frontend/src/components/Connect/Clusters/ui/List/List.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/Connect/Clusters/ui/List/List.tsx b/frontend/src/components/Connect/Clusters/ui/List/List.tsx
index f3e757834..9881a498a 100644
--- a/frontend/src/components/Connect/Clusters/ui/List/List.tsx
+++ b/frontend/src/components/Connect/Clusters/ui/List/List.tsx
@@ -25,7 +25,7 @@ export const columns = [
     cell: ({ getValue }) => getValue(),
     enableSorting: true,
     meta: { filterVariant: 'multi-select' },
-    filterFn: 'arrIncludesSome',
+    filterFn: 'includesSome',
   }),
   helper.display({
     header: 'Connectors',