fix: Logs interesting field icon getting disabled (#9204)

web/src/composables/useLogs/useSearchQuery.ts

@@ -42,7 +42,7 @@ export const useSearchQuery = () => {
     fnUnparsedSQL,
   } = logsUtils();
 
-  const { searchObj, notificationMsg, initialQueryPayload } = searchState();
+  const { searchObj, notificationMsg, initialQueryPayload, searchAggData } = searchState();
 
   const getQueryReq = (isPagination: boolean): SearchRequestPayload | null => {
     if (!isPagination) {
@@ -53,6 +53,10 @@ export const useSearchQuery = () => {
     searchObj.meta.searchApplied = true;
     searchObj.data.functionError = "";
 
+
+    searchAggData.total = 0;
+    searchAggData.hasAggregation = false;
+       
     if (
       !searchObj.data.stream.streamLists?.length ||
       searchObj.data.stream.selectedStream.length == 0

web/src/plugins/logs/components/FieldExpansion.vue

@@ -37,8 +37,8 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
           :data-test="`logs-field-list-item-${field.name}`"
         >
           <div
-            class="ellipsis"
-            style="max-width: 90% !important; display: inline-block"
+            class="ellipsis !tw-max-w-[calc(100%-1.5rem)]"
+            style="display: inline-block"
           >
             {{ field.name }}
           </div>

web/src/plugins/logs/components/FieldRow.vue

@@ -26,8 +26,8 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
       :data-test="`logs-field-list-item-${field.name}`"
     >
       <div
-        class="ellipsis tw-flex tw-items-center"
-        style="max-width: 90% !important; display: inline-block"
+        class="ellipsis tw-flex tw-items-center !tw-max-w-[calc(100%-1.5rem)]"
+        style="display: inline-block"
       >
         {{ field.name }}
       </div>