feat(catalog-ui): reset selected filter when menu closes

Author: jcabannes

apps/catalog-ui/docs/components/smart-filter/LinidSmartFilter.md

@@ -85,13 +85,18 @@ Switching from one filter to another always resets the editor to its initial sta
 2. The component emits `update:filters` with all currently active filters (including the newly applied one).
 3. The parent updates its state and passes the new array back as `:filters`.
 4. The chip for that filter appears.
+5. The menu closes and the filter selection is reset — reopening the menu shows no filter pre-selected.
 
 ### Switching between filters
 
 1. The user clicks a different filter name in the left column.
 2. The editor on the right is replaced with a fresh panel for the newly selected filter.
 3. Any previously typed values in the old panel are discarded — they are not applied until the user explicitly clicks **Search**.
 
+### Closing the menu without applying
+
+If the user closes the menu without clicking **Search** (clicking outside, pressing Escape), the filter selection is reset. Reopening the menu shows no filter pre-selected, and any values typed in the editor are lost.
+
 ---
 
 ## **Chip Lifecycle**

apps/catalog-ui/src/components/smart-filter/LinidSmartFilter.vue

@@ -184,6 +184,12 @@ watch(
   { immediate: true }
 );
 
+watch(isFilterMenuOpen, (isOpen) => {
+  if (!isOpen) {
+    selectedFilterName.value = '';
+  }
+});
+
 const uiProps = {
   field: ui<LinidQFieldProps>(`${localUiNamespace}`, 'q-field'),
   menu: ui<LinidQMenuProps>(`${localUiNamespace}`, 'q-menu'),

apps/catalog-ui/tests/unit/components/smart-filter/LinidSmartFilter.spec.js

@@ -126,6 +126,30 @@ describe('Test component: LinidSmartFilter', () => {
     wrapper = mountComponent();
   });
 
+  describe('Test watcher: isFilterMenuOpen', () => {
+    it('should reset selectedFilterName to empty string when the menu closes', async () => {
+      wrapper.vm.selectedFilterName = 'username';
+      wrapper.vm.isFilterMenuOpen = true;
+
+      await wrapper.vm.$nextTick();
+      wrapper.vm.isFilterMenuOpen = false;
+      await wrapper.vm.$nextTick();
+
+      expect(wrapper.vm.selectedFilterName).toBe('');
+    });
+
+    it('should not reset selectedFilterName when the menu opens', async () => {
+      wrapper.vm.selectedFilterName = 'username';
+      wrapper.vm.isFilterMenuOpen = false;
+
+      await wrapper.vm.$nextTick();
+      wrapper.vm.isFilterMenuOpen = true;
+      await wrapper.vm.$nextTick();
+
+      expect(wrapper.vm.selectedFilterName).toBe('username');
+    });
+  });
+
   describe('Test watcher: filters', () => {
     it('should initialize activeFilters as an empty array when no filters prop is provided', () => {
       expect(wrapper.vm.activeFilters).toHaveLength(0);