From 45d623ec0d86ef040028b7cbc8339f7d0c7456f4 Mon Sep 17 00:00:00 2001
From: Vishesh <8760112+vishesh92@users.noreply.github.com>
Date: Fri, 30 Jan 2026 12:21:47 +0530
Subject: [PATCH] Update search filter size dynamically (#12552)

---
 ui/src/components/view/SearchFilter.vue |  3 ++-
 ui/src/views/AutogenView.vue            | 13 ++++++++++---
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/ui/src/components/view/SearchFilter.vue b/ui/src/components/view/SearchFilter.vue
index ed950c094a3..9849ba8de44 100644
--- a/ui/src/components/view/SearchFilter.vue
+++ b/ui/src/components/view/SearchFilter.vue
@@ -24,7 +24,7 @@
       v-for="filter in this.searchFilters"
       :key="filter.key + filter.value"
     >
-      <a-col v-if="!['page', 'pagesize', 'q', 'keyword', 'tags'].includes(filter.key)">
+      <a-col v-if="!['page', 'pagesize', 'q', 'keyword', 'tags', 'projectid'].includes(filter.key)">
         <a-tag
           v-if="!filter.isTag"
           closable
@@ -175,6 +175,7 @@ export default {
       immediate: true,
       handler (newFilters) {
         const clonedFilters = newFilters.map(filter => ({ ...filter }))
+        this.searchFilters = clonedFilters.map(f => ({ ...f }))
         const promises = []
         for (let idx = 0; idx < clonedFilters.length; idx++) {
           const filter = clonedFilters[idx]
diff --git a/ui/src/views/AutogenView.vue b/ui/src/views/AutogenView.vue
index 6acc81d6a02..6c146875ece 100644
--- a/ui/src/views/AutogenView.vue
+++ b/ui/src/views/AutogenView.vue
@@ -17,7 +17,10 @@
 
 <template>
   <div>
-    <a-affix :offsetTop="this.$store.getters.shutdownTriggered ? 103 : 78">
+    <a-affix
+      :key="'affix-' + showSearchFilters"
+      :offsetTop="this.$store.getters.shutdownTriggered ? 103 : 78"
+    >
       <a-card class="breadcrumb-card" style="z-index: 10">
         <a-row>
           <a-col :span="device === 'mobile' ? 24 : 12" style="padding-left: 12px; margin-top: 10px">
@@ -107,8 +110,8 @@
           </a-col>
         </a-row>
         <a-row
-          v-if="!dataView && $config.showSearchFilters"
-          style="min-height: 36px; padding-top: 12px;"
+          v-if="showSearchFilters"
+          style="min-height: 36px; padding-top: 12px; padding-left: 12px;"
         >
           <search-filter
             :filters="getActiveFilters()"
@@ -687,6 +690,10 @@ export default {
     }
   },
   computed: {
+    showSearchFilters () {
+      const excludedKeys = ['page', 'pagesize', 'q', 'keyword', 'tags', 'projectid']
+      return !this.dataView && this.$config.showSearchFilters && this.getActiveFilters().some(f => !excludedKeys.includes(f.key))
+    },
     hasSelected () {
       return this.selectedRowKeys.length > 0
     },