From 8ccc2db3cbb57f38ec80b144b31a293521fca399 Mon Sep 17 00:00:00 2001
From: Sergey Kozyrenko <sirozha_blr@tut.by>
Date: Sat, 16 May 2026 14:58:03 +0700
Subject: [PATCH] feat(frontend): enable multi-column search on Flows list
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Mark `id`, `title`, and `status` as `meta.searchable: true` so the DataTable picks them up as candidates for the new global-filter search, and drop the explicit `filterColumn="title"` prop so users can search by uuid prefix or by typing a status keyword (e.g. "running"). `provider` and `terminals` stay excluded — both are non-string values that would only emit `[object Object]` matches.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 frontend/src/pages/flows/flows.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/pages/flows/flows.tsx b/frontend/src/pages/flows/flows.tsx
index eeadeb58..7ab0d582 100644
--- a/frontend/src/pages/flows/flows.tsx
+++ b/frontend/src/pages/flows/flows.tsx
@@ -194,6 +194,7 @@ const Flows = () => {
                     />
                 ),
                 maxSize: 80,
+                meta: { searchable: true },
                 minSize: 60,
                 size: 70,
             },
@@ -229,6 +230,7 @@ const Flows = () => {
                         title="Title"
                     />
                 ),
+                meta: { searchable: true },
                 minSize: 200,
                 size: 300,
             },
@@ -255,6 +257,7 @@ const Flows = () => {
                     />
                 ),
                 maxSize: 130,
+                meta: { searchable: true },
                 minSize: 80,
                 size: 100,
             },
@@ -658,7 +661,6 @@ const Flows = () => {
                 <DataTable<Flow>
                     columns={columns}
                     data={flows}
-                    filterColumn="title"
                     filterPlaceholder="Filter flows..."
                     filterValue={filter}
                     onFilterChange={setFilter}