fix(console): correct query parsing for parentheses and AND/OR logic for filter logs

Author: ankita-gupta21

gravitee-apim-console-webui/src/components/logs/logs-filters.controller.ts

@@ -245,10 +245,12 @@ class LogsFiltersController {
         .map((x) => x.trim());
       switch (k) {
         case 'api':
-          this.filters.api = v;
+          // Spread v to avoid nested arrays - v is already an array from split('OR')
+          this.filters.api.push(...v);
           break;
         case 'application':
-          this.filters.application = v;
+          // Spread v to avoid nested arrays - v is already an array from split('OR')
+          this.filters.application.push(...v);
           break;
         case 'path': {
           const value = v[0].replace(/\\"/g, '');
@@ -272,7 +274,8 @@ class LogsFiltersController {
           this.filters.method = v;
           break;
         case 'status':
-          this.filters.status.push(v);
+          // Spread v to avoid nested arrays - v is already an array from split('OR')
+          this.filters.status.push(...v);
           break;
         case '_id':
           this.filters.id = v[0];

gravitee-apim-console-webui/src/components/logs/search-and-select/search-and-select.controller.ts

@@ -59,20 +59,48 @@ export class SearchAndSelectController {
   }
 
   async $onInit() {
+
+    if (this.selectModel && Array.isArray(this.selectModel)) {
+      const flattened = this.flattenArray(this.selectModel);
+      if (flattened.length !== this.selectModel.length || JSON.stringify(flattened) !== JSON.stringify(this.selectModel)) {
+        this.selectModel = flattened;
+      }
+    }
+
     if (this.init) {
       const options = await this.init();
       this.selector.updateOptions(options);
     }
     this.select();
   }
 
+  /**
+   * Recursively flattens nested arrays
+   * Example: [[1], [2]] -> [1, 2]
+   */
+  private flattenArray(arr: any[]): string[] {
+    const result: string[] = [];
+    for (const item of arr) {
+      if (Array.isArray(item)) {
+        result.push(...this.flattenArray(item));
+      } else if (item !== null && item !== undefined) {
+        result.push(item);
+      }
+    }
+    return result;
+  }
+
   async onSearch() {
     const options = await this.search({ term: this.searchTerm });
     this.selector.updateOptions(options);
   }
 
   select() {
-    this.selector.updateSelection(this.selectModel, () => this.onSearch());
+    // Normalize selectModel before using it (defensive check)
+    const normalizedModel =
+      this.selectModel && Array.isArray(this.selectModel) ? this.flattenArray(this.selectModel) : this.selectModel || [];
+
+    this.selector.updateSelection(normalizedModel, () => this.onSearch());
     this.onSelect({ selection: this.selection });
   }
 

gravitee-apim-console-webui/src/components/logs/search-and-select/search-and-select.html

@@ -21,7 +21,7 @@
   data-md-container-class="selectdemoSelectHeader"
   md-on-open="$ctrl.onSearch()"
   multiple
-  ng-change="$ctrl.select(item)"
+  ng-change="$ctrl.select()"
 >
   <md-select-header class="demo-select-header">
     <input
@@ -34,7 +34,7 @@
     />
   </md-select-header>
 
-  <md-option ng-if="$ctrl.api === null" disabled>Loading...</md-option>
+  <md-option ng-if="$ctrl.options.length === 0 && !$ctrl.searchTerm" disabled>No options available</md-option>
 
   <md-option ng-value="item.id" ng-repeat="item in $ctrl.options track by item.id">{{ item.name }}</md-option>