From b6963f5e7b9f8004220cf80453bab35cfc0710b6 Mon Sep 17 00:00:00 2001
From: Abhishek Kumar <abhishek.mrt22@gmail.com>
Date: Tue, 29 Jul 2025 09:55:37 +0530
Subject: [PATCH] ui: make events tab selected columns persistent using cache

Fixes #10308

Signed-off-by: Abhishek Kumar <abhishek.mrt22@gmail.com>
---
 ui/src/components/view/EventsTab.vue | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/view/EventsTab.vue b/ui/src/components/view/EventsTab.vue
index c3a6ac5c17fa..59080a4988a5 100644
--- a/ui/src/components/view/EventsTab.vue
+++ b/ui/src/components/view/EventsTab.vue
@@ -52,6 +52,8 @@ import { getAPI } from '@/api'
 import { genericCompare } from '@/utils/sort.js'
 import ListView from '@/components/view/ListView'
 
+const EVENTS_TAB_COLUMNS_KEY = 'events_tab_columns'
+
 export default {
   name: 'EventsTab',
   components: {
@@ -98,8 +100,7 @@ export default {
     }
   },
   created () {
-    this.selectedColumnKeys = this.columnKeys
-    this.updateSelectedColumns('description')
+    this.setDefaultColumns()
     this.pageSize = this.pageSizeOptions[0] * 1
     this.fetchData()
   },
@@ -111,6 +112,15 @@ export default {
     }
   },
   methods: {
+    setDefaultColumns () {
+      const savedColumns = this.$localStorage.get(EVENTS_TAB_COLUMNS_KEY)
+      if (savedColumns && Array.isArray(savedColumns) && savedColumns.length > 0) {
+        this.selectedColumnKeys = savedColumns
+      } else {
+        this.selectedColumnKeys = this.columnKeys.filter(x => x !== 'description')
+      }
+      this.updateColumns()
+    },
     fetchData () {
       this.fetchEvents()
     },
@@ -145,6 +155,7 @@ export default {
       } else {
         this.selectedColumnKeys.push(key)
       }
+      this.$localStorage.set(EVENTS_TAB_COLUMNS_KEY, this.selectedColumnKeys)
       this.updateColumns()
     },
     updateColumns () {