fix: logs filter

frontend/src/modules/agent/store/logFilter.store.ts

@@ -1,6 +1,6 @@
 import { create } from "zustand";
 
-export type LogLevel = "INFO" | "WARNING" | "ERROR" | "FATAL";
+export type LogLevel = "info" | "warning" | "error" | "fatal";
 
 interface LogFilterState {
   searchQuery: string;
@@ -22,7 +22,7 @@ interface LogFilterState {
   setOffset: (offset: number) => void;
   resetFilters: () => void;
   getFilters: () => {
-    level?: string;
+    level?: string | string[];
     service?: string;
     agent?: string;
     date_from?: string;
@@ -36,7 +36,7 @@ export const useLogFilterStore = create<LogFilterState>((set, get) => ({
   searchQuery: "",
   startDate: null,
   endDate: null,
-  selectedLogLevels: ["INFO", "WARNING", "ERROR", "FATAL"],
+  selectedLogLevels: ["info", "warning", "error", "fatal"],
   selectedService: "",
   selectedAgent: "",
   limit: 100,
@@ -63,7 +63,7 @@ export const useLogFilterStore = create<LogFilterState>((set, get) => ({
       searchQuery: "",
       startDate: null,
       endDate: null,
-      selectedLogLevels: ["INFO", "WARNING", "ERROR", "FATAL"],
+      selectedLogLevels: ["info", "warning", "error", "fatal"],
       selectedService: "",
       selectedAgent: "",
       limit: 100,
@@ -72,9 +72,17 @@ export const useLogFilterStore = create<LogFilterState>((set, get) => ({
   },
 
   getFilters: () => {
-    const { selectedLogLevels, selectedService, selectedAgent, startDate, endDate, limit, offset } = get();
+    const {
+      selectedLogLevels,
+      selectedService,
+      selectedAgent,
+      startDate,
+      endDate,
+      limit,
+      offset,
+    } = get();
     return {
-      level: selectedLogLevels.length > 0 ? selectedLogLevels.join(",") : undefined,
+      level: selectedLogLevels.length > 0 ? selectedLogLevels : undefined,
       service: selectedService || undefined,
       agent: selectedAgent || undefined,
       date_from: startDate ? startDate.toISOString() : undefined,

frontend/src/modules/agent/types/agent.types.ts

@@ -62,7 +62,7 @@ export interface InsertLogsRequest {
 }
 
 export interface LogFilters {
-  level?: string;
+  level?: string | string[];
   service?: string;
   agent?: string;
   date_from?: string;

frontend/src/modules/agent/ui/LogFilters.tsx

@@ -13,22 +13,22 @@ const logLevelColors: Record<
   LogLevel,
   { bg: string; text: string; border: string }
 > = {
-  INFO: {
+  info: {
     bg: "var(--info-bg)",
     text: "var(--info-text)",
     border: "var(--info-border)",
   },
-  WARNING: {
+  warning: {
     bg: "var(--warning-bg)",
     text: "var(--warning-text)",
     border: "var(--warning-border)",
   },
-  ERROR: {
+  error: {
     bg: "var(--error-bg)",
     text: "var(--error-text)",
     border: "var(--error-border)",
   },
-  FATAL: {
+  fatal: {
     bg: "var(--fatal-bg)",
     text: "var(--fatal-text)",
     border: "var(--fatal-border)",
@@ -272,7 +272,7 @@ export const LogFilters: React.FC<LogFiltersProps> = ({
             </span>
           </div>
           <div className="flex flex-wrap gap-2">
-            {(["INFO", "WARNING", "ERROR", "FATAL"] as LogLevel[]).map(
+            {(["info", "warning", "error", "fatal"] as LogLevel[]).map(
               (level) => {
                 const isSelected = selectedLogLevels.includes(level);
                 const colors = logLevelColors[level];
@@ -291,7 +291,7 @@ export const LogFilters: React.FC<LogFiltersProps> = ({
                     {isSelected && (
                       <FiCheck size={10} className="inline mr-1" />
                     )}
-                    {level}
+                    {level.toUpperCase()}
                   </button>
                 );
               },