@navios/commander-tui 1.0.0 → 1.2.0

package/src/__tests__/components/__snapshots__/filter_bar.spec.tsx.snap

@@ -138,6 +138,10 @@ exports[`FilterBar > combined states > should render with search query and disab
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -322,6 +326,10 @@ exports[`FilterBar > level counts > should not show counts when zero 1`] = `
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -510,6 +518,10 @@ exports[`FilterBar > level counts > should render level counts 1`] = `
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -698,6 +710,10 @@ exports[`FilterBar > level counts > should truncate high counts to 99+ 1`] = `
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -886,6 +902,10 @@ exports[`FilterBar > log level toggles > should render log level toggles 1`] = `
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -1074,6 +1094,10 @@ exports[`FilterBar > log level toggles > should render with all levels enabled 1
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -1262,6 +1286,10 @@ exports[`FilterBar > log level toggles > should render with only one level enabl
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -1445,6 +1473,10 @@ exports[`FilterBar > log level toggles > should render with some levels disabled
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -1630,6 +1662,10 @@ exports[`FilterBar > search input > should render levels focused state 1`] = `
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -1818,6 +1854,10 @@ exports[`FilterBar > search input > should render search focused state 1`] = `
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -2006,6 +2046,10 @@ exports[`FilterBar > search input > should render search input 1`] = `
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -2194,6 +2238,10 @@ exports[`FilterBar > search input > should render with active search query 1`] =
           "color": "#F59E0B",
           "icon": "◐",
         },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
         "success": {
           "color": "#22C55E",
           "icon": "✓",
@@ -2243,3 +2291,2559 @@ exports[`FilterBar > search input > should render with active search query 1`] =
   />
 </LoggerProvider>
 `;
+
+exports[`FilterBar combined states should render with search query and disabled levels 1`] = `
+{
+  "$$typeof": Symbol(react.transitional.element),
+  "_debugInfo": null,
+  "_debugStack": [Error: react-stack-top-frame],
+  "_debugTask": null,
+  "_owner": null,
+  "_store": {
+    "validated": 0,
+  },
+  "key": null,
+  "props": {
+    "children": {
+      "$$typeof": Symbol(react.transitional.element),
+      "_debugInfo": null,
+      "_debugStack": [Error: react-stack-top-frame],
+      "_debugTask": null,
+      "_owner": null,
+      "_store": {
+        "validated": 1,
+      },
+      "key": null,
+      "props": {
+        "filter": {
+          "enabledLevels":           
+Set {
+            "log",
+            "error",
+          }
+,
+          "focusedField": "search",
+          "isVisible": false,
+          "searchQuery": "api",
+        },
+        "levelCounts": {
+          "debug": 5,
+          "error": 3,
+          "fatal": 0,
+          "log": 10,
+          "verbose": 2,
+          "warn": 1,
+        },
+      },
+      "ref": null,
+      "type": [Function: FilterBar],
+    },
+    "levelColors": undefined,
+    "theme": {
+      "colors": {
+        "background": "#111827",
+        "error": "#EF4444",
+        "foreground": "#F9FAFB",
+        "muted": "#6B7280",
+        "primary": "#3B82F6",
+        "secondary": "#8B5CF6",
+        "success": "#22C55E",
+        "warning": "#F59E0B",
+      },
+      "errorHighlight": {
+        "background": "#EF444425",
+        "border": "#EF4444",
+        "gutterBackground": "#EF444440",
+      },
+      "file": {
+        "background": "#3B82F615",
+        "border": "#3B82F6",
+        "headerBackground": "#3B82F625",
+        "headerText": "#F9FAFB",
+      },
+      "filter": {
+        "activeLevel": "#3B82F6",
+        "background": "#1F293780",
+        "border": "#3B82F6",
+        "cursor": "#3B82F6",
+        "inactiveLevel": "#4B5563",
+        "inputBackground": "#1F2937",
+        "inputPlaceholder": "#6B7280",
+        "inputText": "#F9FAFB",
+        "text": "#E5E7EB",
+        "textDim": "#6B7280",
+      },
+      "group": {
+        "background": "#6B728010",
+        "border": "#6B7280",
+        "headerText": "#E5E7EB",
+        "icon": "#9CA3AF",
+      },
+      "header": {
+        "background": undefined,
+        "border": "#374151",
+        "text": "#F9FAFB",
+      },
+      "help": {
+        "background": "#1F2937",
+        "border": "#3B82F6",
+        "category": "#3B82F6",
+        "description": "#E5E7EB",
+        "hint": "#6B7280",
+        "key": "#F59E0B",
+        "title": "#F9FAFB",
+      },
+      "logLevels": {
+        "debug": {
+          "background": "#8B5CF615",
+          "border": "#8B5CF6",
+        },
+        "error": {
+          "background": "#EF444415",
+          "border": "#EF4444",
+        },
+        "fatal": {
+          "background": "#DC262625",
+          "border": "#DC2626",
+          "text": "#FCA5A5",
+        },
+        "log": {
+          "background": "#3B82F615",
+          "border": "#3B82F6",
+        },
+        "verbose": {
+          "background": "#6B728015",
+          "border": "#6B7280",
+        },
+        "warn": {
+          "background": "#F59E0B15",
+          "border": "#F59E0B",
+        },
+      },
+      "name": "dark",
+      "progress": {
+        "background": "#3B82F615",
+        "barEmpty": "#374151",
+        "barFilled": "#3B82F6",
+        "border": "#3B82F6",
+        "complete": "#22C55E",
+        "completeBackground": "#22C55E15",
+        "failed": "#EF4444",
+        "failedBackground": "#EF444415",
+        "text": "#E5E7EB",
+        "textDim": "#9CA3AF",
+      },
+      "prompt": {
+        "border": "#374151",
+        "buttonBackground": "#374151",
+        "buttonSelectedBackground": "#1F2937",
+        "cancelButton": "#EF4444",
+        "confirmButton": "#22C55E",
+        "focusBorder": "#3B82F6",
+        "inputBackground": "#1F2937",
+        "inputBorder": "#3B82F6",
+        "inputCursor": "#3B82F6",
+        "inputPlaceholder": "#6B7280",
+        "inputText": "#F9FAFB",
+        "optionSelected": "#3B82F6",
+        "optionSelectedBackground": "#1E3A5F",
+        "optionText": "#E5E7EB",
+        "optionTextDim": "#9CA3AF",
+        "question": "#F9FAFB",
+      },
+      "separator": {
+        "line": "#374151",
+        "text": "#6B7280",
+      },
+      "sidebar": {
+        "background": undefined,
+        "badge": "#3B82F6",
+        "border": "#374151",
+        "focusBorder": "#3B82F6",
+        "hoverBackground": "#374151",
+        "selectedBackground": "#1F293780",
+        "text": "#E5E7EB",
+        "textDim": "#6B7280",
+      },
+      "statusIndicators": {
+        "fail": {
+          "color": "#EF4444",
+          "icon": "✗",
+        },
+        "pending": {
+          "color": "#F59E0B",
+          "icon": "◐",
+        },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
+        "success": {
+          "color": "#22C55E",
+          "icon": "✓",
+        },
+        "waiting": {
+          "color": "#6B7280",
+          "icon": "○",
+        },
+      },
+      "table": {
+        "background": "#3B82F615",
+        "border": "#3B82F6",
+        "cellText": "#E5E7EB",
+        "headerText": "#F9FAFB",
+        "separator": "#3B82F650",
+        "title": "#F9FAFB",
+      },
+    },
+  },
+  "ref": null,
+  "type": [Function: LoggerProvider],
+}
+`;
+
+exports[`FilterBar level counts should not show counts when zero 1`] = `
+{
+  "$$typeof": Symbol(react.transitional.element),
+  "_debugInfo": null,
+  "_debugStack": [Error: react-stack-top-frame],
+  "_debugTask": null,
+  "_owner": null,
+  "_store": {
+    "validated": 0,
+  },
+  "key": null,
+  "props": {
+    "children": {
+      "$$typeof": Symbol(react.transitional.element),
+      "_debugInfo": null,
+      "_debugStack": [Error: react-stack-top-frame],
+      "_debugTask": null,
+      "_owner": null,
+      "_store": {
+        "validated": 1,
+      },
+      "key": null,
+      "props": {
+        "filter": {
+          "enabledLevels":           
+Set {
+            "verbose",
+            "debug",
+            "log",
+            "warn",
+            "error",
+            "fatal",
+          }
+,
+          "focusedField": "search",
+          "isVisible": false,
+          "searchQuery": "",
+        },
+        "levelCounts": {
+          "debug": 0,
+          "error": 0,
+          "fatal": 0,
+          "log": 0,
+          "verbose": 0,
+          "warn": 0,
+        },
+      },
+      "ref": null,
+      "type": [Function: FilterBar],
+    },
+    "levelColors": undefined,
+    "theme": {
+      "colors": {
+        "background": "#111827",
+        "error": "#EF4444",
+        "foreground": "#F9FAFB",
+        "muted": "#6B7280",
+        "primary": "#3B82F6",
+        "secondary": "#8B5CF6",
+        "success": "#22C55E",
+        "warning": "#F59E0B",
+      },
+      "errorHighlight": {
+        "background": "#EF444425",
+        "border": "#EF4444",
+        "gutterBackground": "#EF444440",
+      },
+      "file": {
+        "background": "#3B82F615",
+        "border": "#3B82F6",
+        "headerBackground": "#3B82F625",
+        "headerText": "#F9FAFB",
+      },
+      "filter": {
+        "activeLevel": "#3B82F6",
+        "background": "#1F293780",
+        "border": "#3B82F6",
+        "cursor": "#3B82F6",
+        "inactiveLevel": "#4B5563",
+        "inputBackground": "#1F2937",
+        "inputPlaceholder": "#6B7280",
+        "inputText": "#F9FAFB",
+        "text": "#E5E7EB",
+        "textDim": "#6B7280",
+      },
+      "group": {
+        "background": "#6B728010",
+        "border": "#6B7280",
+        "headerText": "#E5E7EB",
+        "icon": "#9CA3AF",
+      },
+      "header": {
+        "background": undefined,
+        "border": "#374151",
+        "text": "#F9FAFB",
+      },
+      "help": {
+        "background": "#1F2937",
+        "border": "#3B82F6",
+        "category": "#3B82F6",
+        "description": "#E5E7EB",
+        "hint": "#6B7280",
+        "key": "#F59E0B",
+        "title": "#F9FAFB",
+      },
+      "logLevels": {
+        "debug": {
+          "background": "#8B5CF615",
+          "border": "#8B5CF6",
+        },
+        "error": {
+          "background": "#EF444415",
+          "border": "#EF4444",
+        },
+        "fatal": {
+          "background": "#DC262625",
+          "border": "#DC2626",
+          "text": "#FCA5A5",
+        },
+        "log": {
+          "background": "#3B82F615",
+          "border": "#3B82F6",
+        },
+        "verbose": {
+          "background": "#6B728015",
+          "border": "#6B7280",
+        },
+        "warn": {
+          "background": "#F59E0B15",
+          "border": "#F59E0B",
+        },
+      },
+      "name": "dark",
+      "progress": {
+        "background": "#3B82F615",
+        "barEmpty": "#374151",
+        "barFilled": "#3B82F6",
+        "border": "#3B82F6",
+        "complete": "#22C55E",
+        "completeBackground": "#22C55E15",
+        "failed": "#EF4444",
+        "failedBackground": "#EF444415",
+        "text": "#E5E7EB",
+        "textDim": "#9CA3AF",
+      },
+      "prompt": {
+        "border": "#374151",
+        "buttonBackground": "#374151",
+        "buttonSelectedBackground": "#1F2937",
+        "cancelButton": "#EF4444",
+        "confirmButton": "#22C55E",
+        "focusBorder": "#3B82F6",
+        "inputBackground": "#1F2937",
+        "inputBorder": "#3B82F6",
+        "inputCursor": "#3B82F6",
+        "inputPlaceholder": "#6B7280",
+        "inputText": "#F9FAFB",
+        "optionSelected": "#3B82F6",
+        "optionSelectedBackground": "#1E3A5F",
+        "optionText": "#E5E7EB",
+        "optionTextDim": "#9CA3AF",
+        "question": "#F9FAFB",
+      },
+      "separator": {
+        "line": "#374151",
+        "text": "#6B7280",
+      },
+      "sidebar": {
+        "background": undefined,
+        "badge": "#3B82F6",
+        "border": "#374151",
+        "focusBorder": "#3B82F6",
+        "hoverBackground": "#374151",
+        "selectedBackground": "#1F293780",
+        "text": "#E5E7EB",
+        "textDim": "#6B7280",
+      },
+      "statusIndicators": {
+        "fail": {
+          "color": "#EF4444",
+          "icon": "✗",
+        },
+        "pending": {
+          "color": "#F59E0B",
+          "icon": "◐",
+        },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
+        "success": {
+          "color": "#22C55E",
+          "icon": "✓",
+        },
+        "waiting": {
+          "color": "#6B7280",
+          "icon": "○",
+        },
+      },
+      "table": {
+        "background": "#3B82F615",
+        "border": "#3B82F6",
+        "cellText": "#E5E7EB",
+        "headerText": "#F9FAFB",
+        "separator": "#3B82F650",
+        "title": "#F9FAFB",
+      },
+    },
+  },
+  "ref": null,
+  "type": [Function: LoggerProvider],
+}
+`;
+
+exports[`FilterBar level counts should render level counts 1`] = `
+{
+  "$$typeof": Symbol(react.transitional.element),
+  "_debugInfo": null,
+  "_debugStack": [Error: react-stack-top-frame],
+  "_debugTask": null,
+  "_owner": null,
+  "_store": {
+    "validated": 0,
+  },
+  "key": null,
+  "props": {
+    "children": {
+      "$$typeof": Symbol(react.transitional.element),
+      "_debugInfo": null,
+      "_debugStack": [Error: react-stack-top-frame],
+      "_debugTask": null,
+      "_owner": null,
+      "_store": {
+        "validated": 1,
+      },
+      "key": null,
+      "props": {
+        "filter": {
+          "enabledLevels":           
+Set {
+            "verbose",
+            "debug",
+            "log",
+            "warn",
+            "error",
+            "fatal",
+          }
+,
+          "focusedField": "search",
+          "isVisible": false,
+          "searchQuery": "",
+        },
+        "levelCounts": {
+          "debug": 12,
+          "error": 2,
+          "fatal": 0,
+          "log": 25,
+          "verbose": 5,
+          "warn": 3,
+        },
+      },
+      "ref": null,
+      "type": [Function: FilterBar],
+    },
+    "levelColors": undefined,
+    "theme": {
+      "colors": {
+        "background": "#111827",
+        "error": "#EF4444",
+        "foreground": "#F9FAFB",
+        "muted": "#6B7280",
+        "primary": "#3B82F6",
+        "secondary": "#8B5CF6",
+        "success": "#22C55E",
+        "warning": "#F59E0B",
+      },
+      "errorHighlight": {
+        "background": "#EF444425",
+        "border": "#EF4444",
+        "gutterBackground": "#EF444440",
+      },
+      "file": {
+        "background": "#3B82F615",
+        "border": "#3B82F6",
+        "headerBackground": "#3B82F625",
+        "headerText": "#F9FAFB",
+      },
+      "filter": {
+        "activeLevel": "#3B82F6",
+        "background": "#1F293780",
+        "border": "#3B82F6",
+        "cursor": "#3B82F6",
+        "inactiveLevel": "#4B5563",
+        "inputBackground": "#1F2937",
+        "inputPlaceholder": "#6B7280",
+        "inputText": "#F9FAFB",
+        "text": "#E5E7EB",
+        "textDim": "#6B7280",
+      },
+      "group": {
+        "background": "#6B728010",
+        "border": "#6B7280",
+        "headerText": "#E5E7EB",
+        "icon": "#9CA3AF",
+      },
+      "header": {
+        "background": undefined,
+        "border": "#374151",
+        "text": "#F9FAFB",
+      },
+      "help": {
+        "background": "#1F2937",
+        "border": "#3B82F6",
+        "category": "#3B82F6",
+        "description": "#E5E7EB",
+        "hint": "#6B7280",
+        "key": "#F59E0B",
+        "title": "#F9FAFB",
+      },
+      "logLevels": {
+        "debug": {
+          "background": "#8B5CF615",
+          "border": "#8B5CF6",
+        },
+        "error": {
+          "background": "#EF444415",
+          "border": "#EF4444",
+        },
+        "fatal": {
+          "background": "#DC262625",
+          "border": "#DC2626",
+          "text": "#FCA5A5",
+        },
+        "log": {
+          "background": "#3B82F615",
+          "border": "#3B82F6",
+        },
+        "verbose": {
+          "background": "#6B728015",
+          "border": "#6B7280",
+        },
+        "warn": {
+          "background": "#F59E0B15",
+          "border": "#F59E0B",
+        },
+      },
+      "name": "dark",
+      "progress": {
+        "background": "#3B82F615",
+        "barEmpty": "#374151",
+        "barFilled": "#3B82F6",
+        "border": "#3B82F6",
+        "complete": "#22C55E",
+        "completeBackground": "#22C55E15",
+        "failed": "#EF4444",
+        "failedBackground": "#EF444415",
+        "text": "#E5E7EB",
+        "textDim": "#9CA3AF",
+      },
+      "prompt": {
+        "border": "#374151",
+        "buttonBackground": "#374151",
+        "buttonSelectedBackground": "#1F2937",
+        "cancelButton": "#EF4444",
+        "confirmButton": "#22C55E",
+        "focusBorder": "#3B82F6",
+        "inputBackground": "#1F2937",
+        "inputBorder": "#3B82F6",
+        "inputCursor": "#3B82F6",
+        "inputPlaceholder": "#6B7280",
+        "inputText": "#F9FAFB",
+        "optionSelected": "#3B82F6",
+        "optionSelectedBackground": "#1E3A5F",
+        "optionText": "#E5E7EB",
+        "optionTextDim": "#9CA3AF",
+        "question": "#F9FAFB",
+      },
+      "separator": {
+        "line": "#374151",
+        "text": "#6B7280",
+      },
+      "sidebar": {
+        "background": undefined,
+        "badge": "#3B82F6",
+        "border": "#374151",
+        "focusBorder": "#3B82F6",
+        "hoverBackground": "#374151",
+        "selectedBackground": "#1F293780",
+        "text": "#E5E7EB",
+        "textDim": "#6B7280",
+      },
+      "statusIndicators": {
+        "fail": {
+          "color": "#EF4444",
+          "icon": "✗",
+        },
+        "pending": {
+          "color": "#F59E0B",
+          "icon": "◐",
+        },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
+        "success": {
+          "color": "#22C55E",
+          "icon": "✓",
+        },
+        "waiting": {
+          "color": "#6B7280",
+          "icon": "○",
+        },
+      },
+      "table": {
+        "background": "#3B82F615",
+        "border": "#3B82F6",
+        "cellText": "#E5E7EB",
+        "headerText": "#F9FAFB",
+        "separator": "#3B82F650",
+        "title": "#F9FAFB",
+      },
+    },
+  },
+  "ref": null,
+  "type": [Function: LoggerProvider],
+}
+`;
+
+exports[`FilterBar level counts should truncate high counts to 99+ 1`] = `
+{
+  "$$typeof": Symbol(react.transitional.element),
+  "_debugInfo": null,
+  "_debugStack": [Error: react-stack-top-frame],
+  "_debugTask": null,
+  "_owner": null,
+  "_store": {
+    "validated": 0,
+  },
+  "key": null,
+  "props": {
+    "children": {
+      "$$typeof": Symbol(react.transitional.element),
+      "_debugInfo": null,
+      "_debugStack": [Error: react-stack-top-frame],
+      "_debugTask": null,
+      "_owner": null,
+      "_store": {
+        "validated": 1,
+      },
+      "key": null,
+      "props": {
+        "filter": {
+          "enabledLevels":           
+Set {
+            "verbose",
+            "debug",
+            "log",
+            "warn",
+            "error",
+            "fatal",
+          }
+,
+          "focusedField": "search",
+          "isVisible": false,
+          "searchQuery": "",
+        },
+        "levelCounts": {
+          "debug": 0,
+          "error": 200,
+          "fatal": 0,
+          "log": 150,
+          "verbose": 0,
+          "warn": 0,
+        },
+      },
+      "ref": null,
+      "type": [Function: FilterBar],
+    },
+    "levelColors": undefined,
+    "theme": {
+      "colors": {
+        "background": "#111827",
+        "error": "#EF4444",
+        "foreground": "#F9FAFB",
+        "muted": "#6B7280",
+        "primary": "#3B82F6",
+        "secondary": "#8B5CF6",
+        "success": "#22C55E",
+        "warning": "#F59E0B",
+      },
+      "errorHighlight": {
+        "background": "#EF444425",
+        "border": "#EF4444",
+        "gutterBackground": "#EF444440",
+      },
+      "file": {
+        "background": "#3B82F615",
+        "border": "#3B82F6",
+        "headerBackground": "#3B82F625",
+        "headerText": "#F9FAFB",
+      },
+      "filter": {
+        "activeLevel": "#3B82F6",
+        "background": "#1F293780",
+        "border": "#3B82F6",
+        "cursor": "#3B82F6",
+        "inactiveLevel": "#4B5563",
+        "inputBackground": "#1F2937",
+        "inputPlaceholder": "#6B7280",
+        "inputText": "#F9FAFB",
+        "text": "#E5E7EB",
+        "textDim": "#6B7280",
+      },
+      "group": {
+        "background": "#6B728010",
+        "border": "#6B7280",
+        "headerText": "#E5E7EB",
+        "icon": "#9CA3AF",
+      },
+      "header": {
+        "background": undefined,
+        "border": "#374151",
+        "text": "#F9FAFB",
+      },
+      "help": {
+        "background": "#1F2937",
+        "border": "#3B82F6",
+        "category": "#3B82F6",
+        "description": "#E5E7EB",
+        "hint": "#6B7280",
+        "key": "#F59E0B",
+        "title": "#F9FAFB",
+      },
+      "logLevels": {
+        "debug": {
+          "background": "#8B5CF615",
+          "border": "#8B5CF6",
+        },
+        "error": {
+          "background": "#EF444415",
+          "border": "#EF4444",
+        },
+        "fatal": {
+          "background": "#DC262625",
+          "border": "#DC2626",
+          "text": "#FCA5A5",
+        },
+        "log": {
+          "background": "#3B82F615",
+          "border": "#3B82F6",
+        },
+        "verbose": {
+          "background": "#6B728015",
+          "border": "#6B7280",
+        },
+        "warn": {
+          "background": "#F59E0B15",
+          "border": "#F59E0B",
+        },
+      },
+      "name": "dark",
+      "progress": {
+        "background": "#3B82F615",
+        "barEmpty": "#374151",
+        "barFilled": "#3B82F6",
+        "border": "#3B82F6",
+        "complete": "#22C55E",
+        "completeBackground": "#22C55E15",
+        "failed": "#EF4444",
+        "failedBackground": "#EF444415",
+        "text": "#E5E7EB",
+        "textDim": "#9CA3AF",
+      },
+      "prompt": {
+        "border": "#374151",
+        "buttonBackground": "#374151",
+        "buttonSelectedBackground": "#1F2937",
+        "cancelButton": "#EF4444",
+        "confirmButton": "#22C55E",
+        "focusBorder": "#3B82F6",
+        "inputBackground": "#1F2937",
+        "inputBorder": "#3B82F6",
+        "inputCursor": "#3B82F6",
+        "inputPlaceholder": "#6B7280",
+        "inputText": "#F9FAFB",
+        "optionSelected": "#3B82F6",
+        "optionSelectedBackground": "#1E3A5F",
+        "optionText": "#E5E7EB",
+        "optionTextDim": "#9CA3AF",
+        "question": "#F9FAFB",
+      },
+      "separator": {
+        "line": "#374151",
+        "text": "#6B7280",
+      },
+      "sidebar": {
+        "background": undefined,
+        "badge": "#3B82F6",
+        "border": "#374151",
+        "focusBorder": "#3B82F6",
+        "hoverBackground": "#374151",
+        "selectedBackground": "#1F293780",
+        "text": "#E5E7EB",
+        "textDim": "#6B7280",
+      },
+      "statusIndicators": {
+        "fail": {
+          "color": "#EF4444",
+          "icon": "✗",
+        },
+        "pending": {
+          "color": "#F59E0B",
+          "icon": "◐",
+        },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
+        "success": {
+          "color": "#22C55E",
+          "icon": "✓",
+        },
+        "waiting": {
+          "color": "#6B7280",
+          "icon": "○",
+        },
+      },
+      "table": {
+        "background": "#3B82F615",
+        "border": "#3B82F6",
+        "cellText": "#E5E7EB",
+        "headerText": "#F9FAFB",
+        "separator": "#3B82F650",
+        "title": "#F9FAFB",
+      },
+    },
+  },
+  "ref": null,
+  "type": [Function: LoggerProvider],
+}
+`;
+
+exports[`FilterBar log level toggles should render log level toggles 1`] = `
+{
+  "$$typeof": Symbol(react.transitional.element),
+  "_debugInfo": null,
+  "_debugStack": [Error: react-stack-top-frame],
+  "_debugTask": null,
+  "_owner": null,
+  "_store": {
+    "validated": 0,
+  },
+  "key": null,
+  "props": {
+    "children": {
+      "$$typeof": Symbol(react.transitional.element),
+      "_debugInfo": null,
+      "_debugStack": [Error: react-stack-top-frame],
+      "_debugTask": null,
+      "_owner": null,
+      "_store": {
+        "validated": 1,
+      },
+      "key": null,
+      "props": {
+        "filter": {
+          "enabledLevels":           
+Set {
+            "verbose",
+            "debug",
+            "log",
+            "warn",
+            "error",
+            "fatal",
+          }
+,
+          "focusedField": "search",
+          "isVisible": false,
+          "searchQuery": "",
+        },
+        "levelCounts": {
+          "debug": 0,
+          "error": 0,
+          "fatal": 0,
+          "log": 0,
+          "verbose": 0,
+          "warn": 0,
+        },
+      },
+      "ref": null,
+      "type": [Function: FilterBar],
+    },
+    "levelColors": undefined,
+    "theme": {
+      "colors": {
+        "background": "#111827",
+        "error": "#EF4444",
+        "foreground": "#F9FAFB",
+        "muted": "#6B7280",
+        "primary": "#3B82F6",
+        "secondary": "#8B5CF6",
+        "success": "#22C55E",
+        "warning": "#F59E0B",
+      },
+      "errorHighlight": {
+        "background": "#EF444425",
+        "border": "#EF4444",
+        "gutterBackground": "#EF444440",
+      },
+      "file": {
+        "background": "#3B82F615",
+        "border": "#3B82F6",
+        "headerBackground": "#3B82F625",
+        "headerText": "#F9FAFB",
+      },
+      "filter": {
+        "activeLevel": "#3B82F6",
+        "background": "#1F293780",
+        "border": "#3B82F6",
+        "cursor": "#3B82F6",
+        "inactiveLevel": "#4B5563",
+        "inputBackground": "#1F2937",
+        "inputPlaceholder": "#6B7280",
+        "inputText": "#F9FAFB",
+        "text": "#E5E7EB",
+        "textDim": "#6B7280",
+      },
+      "group": {
+        "background": "#6B728010",
+        "border": "#6B7280",
+        "headerText": "#E5E7EB",
+        "icon": "#9CA3AF",
+      },
+      "header": {
+        "background": undefined,
+        "border": "#374151",
+        "text": "#F9FAFB",
+      },
+      "help": {
+        "background": "#1F2937",
+        "border": "#3B82F6",
+        "category": "#3B82F6",
+        "description": "#E5E7EB",
+        "hint": "#6B7280",
+        "key": "#F59E0B",
+        "title": "#F9FAFB",
+      },
+      "logLevels": {
+        "debug": {
+          "background": "#8B5CF615",
+          "border": "#8B5CF6",
+        },
+        "error": {
+          "background": "#EF444415",
+          "border": "#EF4444",
+        },
+        "fatal": {
+          "background": "#DC262625",
+          "border": "#DC2626",
+          "text": "#FCA5A5",
+        },
+        "log": {
+          "background": "#3B82F615",
+          "border": "#3B82F6",
+        },
+        "verbose": {
+          "background": "#6B728015",
+          "border": "#6B7280",
+        },
+        "warn": {
+          "background": "#F59E0B15",
+          "border": "#F59E0B",
+        },
+      },
+      "name": "dark",
+      "progress": {
+        "background": "#3B82F615",
+        "barEmpty": "#374151",
+        "barFilled": "#3B82F6",
+        "border": "#3B82F6",
+        "complete": "#22C55E",
+        "completeBackground": "#22C55E15",
+        "failed": "#EF4444",
+        "failedBackground": "#EF444415",
+        "text": "#E5E7EB",
+        "textDim": "#9CA3AF",
+      },
+      "prompt": {
+        "border": "#374151",
+        "buttonBackground": "#374151",
+        "buttonSelectedBackground": "#1F2937",
+        "cancelButton": "#EF4444",
+        "confirmButton": "#22C55E",
+        "focusBorder": "#3B82F6",
+        "inputBackground": "#1F2937",
+        "inputBorder": "#3B82F6",
+        "inputCursor": "#3B82F6",
+        "inputPlaceholder": "#6B7280",
+        "inputText": "#F9FAFB",
+        "optionSelected": "#3B82F6",
+        "optionSelectedBackground": "#1E3A5F",
+        "optionText": "#E5E7EB",
+        "optionTextDim": "#9CA3AF",
+        "question": "#F9FAFB",
+      },
+      "separator": {
+        "line": "#374151",
+        "text": "#6B7280",
+      },
+      "sidebar": {
+        "background": undefined,
+        "badge": "#3B82F6",
+        "border": "#374151",
+        "focusBorder": "#3B82F6",
+        "hoverBackground": "#374151",
+        "selectedBackground": "#1F293780",
+        "text": "#E5E7EB",
+        "textDim": "#6B7280",
+      },
+      "statusIndicators": {
+        "fail": {
+          "color": "#EF4444",
+          "icon": "✗",
+        },
+        "pending": {
+          "color": "#F59E0B",
+          "icon": "◐",
+        },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
+        "success": {
+          "color": "#22C55E",
+          "icon": "✓",
+        },
+        "waiting": {
+          "color": "#6B7280",
+          "icon": "○",
+        },
+      },
+      "table": {
+        "background": "#3B82F615",
+        "border": "#3B82F6",
+        "cellText": "#E5E7EB",
+        "headerText": "#F9FAFB",
+        "separator": "#3B82F650",
+        "title": "#F9FAFB",
+      },
+    },
+  },
+  "ref": null,
+  "type": [Function: LoggerProvider],
+}
+`;
+
+exports[`FilterBar log level toggles should render with all levels enabled 1`] = `
+{
+  "$$typeof": Symbol(react.transitional.element),
+  "_debugInfo": null,
+  "_debugStack": [Error: react-stack-top-frame],
+  "_debugTask": null,
+  "_owner": null,
+  "_store": {
+    "validated": 0,
+  },
+  "key": null,
+  "props": {
+    "children": {
+      "$$typeof": Symbol(react.transitional.element),
+      "_debugInfo": null,
+      "_debugStack": [Error: react-stack-top-frame],
+      "_debugTask": null,
+      "_owner": null,
+      "_store": {
+        "validated": 1,
+      },
+      "key": null,
+      "props": {
+        "filter": {
+          "enabledLevels":           
+Set {
+            "verbose",
+            "debug",
+            "log",
+            "warn",
+            "error",
+            "fatal",
+          }
+,
+          "focusedField": "search",
+          "isVisible": false,
+          "searchQuery": "",
+        },
+        "levelCounts": {
+          "debug": 0,
+          "error": 0,
+          "fatal": 0,
+          "log": 0,
+          "verbose": 0,
+          "warn": 0,
+        },
+      },
+      "ref": null,
+      "type": [Function: FilterBar],
+    },
+    "levelColors": undefined,
+    "theme": {
+      "colors": {
+        "background": "#111827",
+        "error": "#EF4444",
+        "foreground": "#F9FAFB",
+        "muted": "#6B7280",
+        "primary": "#3B82F6",
+        "secondary": "#8B5CF6",
+        "success": "#22C55E",
+        "warning": "#F59E0B",
+      },
+      "errorHighlight": {
+        "background": "#EF444425",
+        "border": "#EF4444",
+        "gutterBackground": "#EF444440",
+      },
+      "file": {
+        "background": "#3B82F615",
+        "border": "#3B82F6",
+        "headerBackground": "#3B82F625",
+        "headerText": "#F9FAFB",
+      },
+      "filter": {
+        "activeLevel": "#3B82F6",
+        "background": "#1F293780",
+        "border": "#3B82F6",
+        "cursor": "#3B82F6",
+        "inactiveLevel": "#4B5563",
+        "inputBackground": "#1F2937",
+        "inputPlaceholder": "#6B7280",
+        "inputText": "#F9FAFB",
+        "text": "#E5E7EB",
+        "textDim": "#6B7280",
+      },
+      "group": {
+        "background": "#6B728010",
+        "border": "#6B7280",
+        "headerText": "#E5E7EB",
+        "icon": "#9CA3AF",
+      },
+      "header": {
+        "background": undefined,
+        "border": "#374151",
+        "text": "#F9FAFB",
+      },
+      "help": {
+        "background": "#1F2937",
+        "border": "#3B82F6",
+        "category": "#3B82F6",
+        "description": "#E5E7EB",
+        "hint": "#6B7280",
+        "key": "#F59E0B",
+        "title": "#F9FAFB",
+      },
+      "logLevels": {
+        "debug": {
+          "background": "#8B5CF615",
+          "border": "#8B5CF6",
+        },
+        "error": {
+          "background": "#EF444415",
+          "border": "#EF4444",
+        },
+        "fatal": {
+          "background": "#DC262625",
+          "border": "#DC2626",
+          "text": "#FCA5A5",
+        },
+        "log": {
+          "background": "#3B82F615",
+          "border": "#3B82F6",
+        },
+        "verbose": {
+          "background": "#6B728015",
+          "border": "#6B7280",
+        },
+        "warn": {
+          "background": "#F59E0B15",
+          "border": "#F59E0B",
+        },
+      },
+      "name": "dark",
+      "progress": {
+        "background": "#3B82F615",
+        "barEmpty": "#374151",
+        "barFilled": "#3B82F6",
+        "border": "#3B82F6",
+        "complete": "#22C55E",
+        "completeBackground": "#22C55E15",
+        "failed": "#EF4444",
+        "failedBackground": "#EF444415",
+        "text": "#E5E7EB",
+        "textDim": "#9CA3AF",
+      },
+      "prompt": {
+        "border": "#374151",
+        "buttonBackground": "#374151",
+        "buttonSelectedBackground": "#1F2937",
+        "cancelButton": "#EF4444",
+        "confirmButton": "#22C55E",
+        "focusBorder": "#3B82F6",
+        "inputBackground": "#1F2937",
+        "inputBorder": "#3B82F6",
+        "inputCursor": "#3B82F6",
+        "inputPlaceholder": "#6B7280",
+        "inputText": "#F9FAFB",
+        "optionSelected": "#3B82F6",
+        "optionSelectedBackground": "#1E3A5F",
+        "optionText": "#E5E7EB",
+        "optionTextDim": "#9CA3AF",
+        "question": "#F9FAFB",
+      },
+      "separator": {
+        "line": "#374151",
+        "text": "#6B7280",
+      },
+      "sidebar": {
+        "background": undefined,
+        "badge": "#3B82F6",
+        "border": "#374151",
+        "focusBorder": "#3B82F6",
+        "hoverBackground": "#374151",
+        "selectedBackground": "#1F293780",
+        "text": "#E5E7EB",
+        "textDim": "#6B7280",
+      },
+      "statusIndicators": {
+        "fail": {
+          "color": "#EF4444",
+          "icon": "✗",
+        },
+        "pending": {
+          "color": "#F59E0B",
+          "icon": "◐",
+        },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
+        "success": {
+          "color": "#22C55E",
+          "icon": "✓",
+        },
+        "waiting": {
+          "color": "#6B7280",
+          "icon": "○",
+        },
+      },
+      "table": {
+        "background": "#3B82F615",
+        "border": "#3B82F6",
+        "cellText": "#E5E7EB",
+        "headerText": "#F9FAFB",
+        "separator": "#3B82F650",
+        "title": "#F9FAFB",
+      },
+    },
+  },
+  "ref": null,
+  "type": [Function: LoggerProvider],
+}
+`;
+
+exports[`FilterBar log level toggles should render with only one level enabled 1`] = `
+{
+  "$$typeof": Symbol(react.transitional.element),
+  "_debugInfo": null,
+  "_debugStack": [Error: react-stack-top-frame],
+  "_debugTask": null,
+  "_owner": null,
+  "_store": {
+    "validated": 0,
+  },
+  "key": null,
+  "props": {
+    "children": {
+      "$$typeof": Symbol(react.transitional.element),
+      "_debugInfo": null,
+      "_debugStack": [Error: react-stack-top-frame],
+      "_debugTask": null,
+      "_owner": null,
+      "_store": {
+        "validated": 1,
+      },
+      "key": null,
+      "props": {
+        "filter": {
+          "enabledLevels":           
+Set {
+            "error",
+          }
+,
+          "focusedField": "search",
+          "isVisible": false,
+          "searchQuery": "",
+        },
+        "levelCounts": {
+          "debug": 0,
+          "error": 0,
+          "fatal": 0,
+          "log": 0,
+          "verbose": 0,
+          "warn": 0,
+        },
+      },
+      "ref": null,
+      "type": [Function: FilterBar],
+    },
+    "levelColors": undefined,
+    "theme": {
+      "colors": {
+        "background": "#111827",
+        "error": "#EF4444",
+        "foreground": "#F9FAFB",
+        "muted": "#6B7280",
+        "primary": "#3B82F6",
+        "secondary": "#8B5CF6",
+        "success": "#22C55E",
+        "warning": "#F59E0B",
+      },
+      "errorHighlight": {
+        "background": "#EF444425",
+        "border": "#EF4444",
+        "gutterBackground": "#EF444440",
+      },
+      "file": {
+        "background": "#3B82F615",
+        "border": "#3B82F6",
+        "headerBackground": "#3B82F625",
+        "headerText": "#F9FAFB",
+      },
+      "filter": {
+        "activeLevel": "#3B82F6",
+        "background": "#1F293780",
+        "border": "#3B82F6",
+        "cursor": "#3B82F6",
+        "inactiveLevel": "#4B5563",
+        "inputBackground": "#1F2937",
+        "inputPlaceholder": "#6B7280",
+        "inputText": "#F9FAFB",
+        "text": "#E5E7EB",
+        "textDim": "#6B7280",
+      },
+      "group": {
+        "background": "#6B728010",
+        "border": "#6B7280",
+        "headerText": "#E5E7EB",
+        "icon": "#9CA3AF",
+      },
+      "header": {
+        "background": undefined,
+        "border": "#374151",
+        "text": "#F9FAFB",
+      },
+      "help": {
+        "background": "#1F2937",
+        "border": "#3B82F6",
+        "category": "#3B82F6",
+        "description": "#E5E7EB",
+        "hint": "#6B7280",
+        "key": "#F59E0B",
+        "title": "#F9FAFB",
+      },
+      "logLevels": {
+        "debug": {
+          "background": "#8B5CF615",
+          "border": "#8B5CF6",
+        },
+        "error": {
+          "background": "#EF444415",
+          "border": "#EF4444",
+        },
+        "fatal": {
+          "background": "#DC262625",
+          "border": "#DC2626",
+          "text": "#FCA5A5",
+        },
+        "log": {
+          "background": "#3B82F615",
+          "border": "#3B82F6",
+        },
+        "verbose": {
+          "background": "#6B728015",
+          "border": "#6B7280",
+        },
+        "warn": {
+          "background": "#F59E0B15",
+          "border": "#F59E0B",
+        },
+      },
+      "name": "dark",
+      "progress": {
+        "background": "#3B82F615",
+        "barEmpty": "#374151",
+        "barFilled": "#3B82F6",
+        "border": "#3B82F6",
+        "complete": "#22C55E",
+        "completeBackground": "#22C55E15",
+        "failed": "#EF4444",
+        "failedBackground": "#EF444415",
+        "text": "#E5E7EB",
+        "textDim": "#9CA3AF",
+      },
+      "prompt": {
+        "border": "#374151",
+        "buttonBackground": "#374151",
+        "buttonSelectedBackground": "#1F2937",
+        "cancelButton": "#EF4444",
+        "confirmButton": "#22C55E",
+        "focusBorder": "#3B82F6",
+        "inputBackground": "#1F2937",
+        "inputBorder": "#3B82F6",
+        "inputCursor": "#3B82F6",
+        "inputPlaceholder": "#6B7280",
+        "inputText": "#F9FAFB",
+        "optionSelected": "#3B82F6",
+        "optionSelectedBackground": "#1E3A5F",
+        "optionText": "#E5E7EB",
+        "optionTextDim": "#9CA3AF",
+        "question": "#F9FAFB",
+      },
+      "separator": {
+        "line": "#374151",
+        "text": "#6B7280",
+      },
+      "sidebar": {
+        "background": undefined,
+        "badge": "#3B82F6",
+        "border": "#374151",
+        "focusBorder": "#3B82F6",
+        "hoverBackground": "#374151",
+        "selectedBackground": "#1F293780",
+        "text": "#E5E7EB",
+        "textDim": "#6B7280",
+      },
+      "statusIndicators": {
+        "fail": {
+          "color": "#EF4444",
+          "icon": "✗",
+        },
+        "pending": {
+          "color": "#F59E0B",
+          "icon": "◐",
+        },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
+        "success": {
+          "color": "#22C55E",
+          "icon": "✓",
+        },
+        "waiting": {
+          "color": "#6B7280",
+          "icon": "○",
+        },
+      },
+      "table": {
+        "background": "#3B82F615",
+        "border": "#3B82F6",
+        "cellText": "#E5E7EB",
+        "headerText": "#F9FAFB",
+        "separator": "#3B82F650",
+        "title": "#F9FAFB",
+      },
+    },
+  },
+  "ref": null,
+  "type": [Function: LoggerProvider],
+}
+`;
+
+exports[`FilterBar log level toggles should render with some levels disabled 1`] = `
+{
+  "$$typeof": Symbol(react.transitional.element),
+  "_debugInfo": null,
+  "_debugStack": [Error: react-stack-top-frame],
+  "_debugTask": null,
+  "_owner": null,
+  "_store": {
+    "validated": 0,
+  },
+  "key": null,
+  "props": {
+    "children": {
+      "$$typeof": Symbol(react.transitional.element),
+      "_debugInfo": null,
+      "_debugStack": [Error: react-stack-top-frame],
+      "_debugTask": null,
+      "_owner": null,
+      "_store": {
+        "validated": 1,
+      },
+      "key": null,
+      "props": {
+        "filter": {
+          "enabledLevels":           
+Set {
+            "error",
+            "fatal",
+            "warn",
+          }
+,
+          "focusedField": "search",
+          "isVisible": false,
+          "searchQuery": "",
+        },
+        "levelCounts": {
+          "debug": 0,
+          "error": 0,
+          "fatal": 0,
+          "log": 0,
+          "verbose": 0,
+          "warn": 0,
+        },
+      },
+      "ref": null,
+      "type": [Function: FilterBar],
+    },
+    "levelColors": undefined,
+    "theme": {
+      "colors": {
+        "background": "#111827",
+        "error": "#EF4444",
+        "foreground": "#F9FAFB",
+        "muted": "#6B7280",
+        "primary": "#3B82F6",
+        "secondary": "#8B5CF6",
+        "success": "#22C55E",
+        "warning": "#F59E0B",
+      },
+      "errorHighlight": {
+        "background": "#EF444425",
+        "border": "#EF4444",
+        "gutterBackground": "#EF444440",
+      },
+      "file": {
+        "background": "#3B82F615",
+        "border": "#3B82F6",
+        "headerBackground": "#3B82F625",
+        "headerText": "#F9FAFB",
+      },
+      "filter": {
+        "activeLevel": "#3B82F6",
+        "background": "#1F293780",
+        "border": "#3B82F6",
+        "cursor": "#3B82F6",
+        "inactiveLevel": "#4B5563",
+        "inputBackground": "#1F2937",
+        "inputPlaceholder": "#6B7280",
+        "inputText": "#F9FAFB",
+        "text": "#E5E7EB",
+        "textDim": "#6B7280",
+      },
+      "group": {
+        "background": "#6B728010",
+        "border": "#6B7280",
+        "headerText": "#E5E7EB",
+        "icon": "#9CA3AF",
+      },
+      "header": {
+        "background": undefined,
+        "border": "#374151",
+        "text": "#F9FAFB",
+      },
+      "help": {
+        "background": "#1F2937",
+        "border": "#3B82F6",
+        "category": "#3B82F6",
+        "description": "#E5E7EB",
+        "hint": "#6B7280",
+        "key": "#F59E0B",
+        "title": "#F9FAFB",
+      },
+      "logLevels": {
+        "debug": {
+          "background": "#8B5CF615",
+          "border": "#8B5CF6",
+        },
+        "error": {
+          "background": "#EF444415",
+          "border": "#EF4444",
+        },
+        "fatal": {
+          "background": "#DC262625",
+          "border": "#DC2626",
+          "text": "#FCA5A5",
+        },
+        "log": {
+          "background": "#3B82F615",
+          "border": "#3B82F6",
+        },
+        "verbose": {
+          "background": "#6B728015",
+          "border": "#6B7280",
+        },
+        "warn": {
+          "background": "#F59E0B15",
+          "border": "#F59E0B",
+        },
+      },
+      "name": "dark",
+      "progress": {
+        "background": "#3B82F615",
+        "barEmpty": "#374151",
+        "barFilled": "#3B82F6",
+        "border": "#3B82F6",
+        "complete": "#22C55E",
+        "completeBackground": "#22C55E15",
+        "failed": "#EF4444",
+        "failedBackground": "#EF444415",
+        "text": "#E5E7EB",
+        "textDim": "#9CA3AF",
+      },
+      "prompt": {
+        "border": "#374151",
+        "buttonBackground": "#374151",
+        "buttonSelectedBackground": "#1F2937",
+        "cancelButton": "#EF4444",
+        "confirmButton": "#22C55E",
+        "focusBorder": "#3B82F6",
+        "inputBackground": "#1F2937",
+        "inputBorder": "#3B82F6",
+        "inputCursor": "#3B82F6",
+        "inputPlaceholder": "#6B7280",
+        "inputText": "#F9FAFB",
+        "optionSelected": "#3B82F6",
+        "optionSelectedBackground": "#1E3A5F",
+        "optionText": "#E5E7EB",
+        "optionTextDim": "#9CA3AF",
+        "question": "#F9FAFB",
+      },
+      "separator": {
+        "line": "#374151",
+        "text": "#6B7280",
+      },
+      "sidebar": {
+        "background": undefined,
+        "badge": "#3B82F6",
+        "border": "#374151",
+        "focusBorder": "#3B82F6",
+        "hoverBackground": "#374151",
+        "selectedBackground": "#1F293780",
+        "text": "#E5E7EB",
+        "textDim": "#6B7280",
+      },
+      "statusIndicators": {
+        "fail": {
+          "color": "#EF4444",
+          "icon": "✗",
+        },
+        "pending": {
+          "color": "#F59E0B",
+          "icon": "◐",
+        },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
+        "success": {
+          "color": "#22C55E",
+          "icon": "✓",
+        },
+        "waiting": {
+          "color": "#6B7280",
+          "icon": "○",
+        },
+      },
+      "table": {
+        "background": "#3B82F615",
+        "border": "#3B82F6",
+        "cellText": "#E5E7EB",
+        "headerText": "#F9FAFB",
+        "separator": "#3B82F650",
+        "title": "#F9FAFB",
+      },
+    },
+  },
+  "ref": null,
+  "type": [Function: LoggerProvider],
+}
+`;
+
+exports[`FilterBar search input should render levels focused state 1`] = `
+{
+  "$$typeof": Symbol(react.transitional.element),
+  "_debugInfo": null,
+  "_debugStack": [Error: react-stack-top-frame],
+  "_debugTask": null,
+  "_owner": null,
+  "_store": {
+    "validated": 0,
+  },
+  "key": null,
+  "props": {
+    "children": {
+      "$$typeof": Symbol(react.transitional.element),
+      "_debugInfo": null,
+      "_debugStack": [Error: react-stack-top-frame],
+      "_debugTask": null,
+      "_owner": null,
+      "_store": {
+        "validated": 1,
+      },
+      "key": null,
+      "props": {
+        "filter": {
+          "enabledLevels":           
+Set {
+            "verbose",
+            "debug",
+            "log",
+            "warn",
+            "error",
+            "fatal",
+          }
+,
+          "focusedField": "levels",
+          "isVisible": false,
+          "searchQuery": "",
+        },
+        "levelCounts": {
+          "debug": 0,
+          "error": 0,
+          "fatal": 0,
+          "log": 0,
+          "verbose": 0,
+          "warn": 0,
+        },
+      },
+      "ref": null,
+      "type": [Function: FilterBar],
+    },
+    "levelColors": undefined,
+    "theme": {
+      "colors": {
+        "background": "#111827",
+        "error": "#EF4444",
+        "foreground": "#F9FAFB",
+        "muted": "#6B7280",
+        "primary": "#3B82F6",
+        "secondary": "#8B5CF6",
+        "success": "#22C55E",
+        "warning": "#F59E0B",
+      },
+      "errorHighlight": {
+        "background": "#EF444425",
+        "border": "#EF4444",
+        "gutterBackground": "#EF444440",
+      },
+      "file": {
+        "background": "#3B82F615",
+        "border": "#3B82F6",
+        "headerBackground": "#3B82F625",
+        "headerText": "#F9FAFB",
+      },
+      "filter": {
+        "activeLevel": "#3B82F6",
+        "background": "#1F293780",
+        "border": "#3B82F6",
+        "cursor": "#3B82F6",
+        "inactiveLevel": "#4B5563",
+        "inputBackground": "#1F2937",
+        "inputPlaceholder": "#6B7280",
+        "inputText": "#F9FAFB",
+        "text": "#E5E7EB",
+        "textDim": "#6B7280",
+      },
+      "group": {
+        "background": "#6B728010",
+        "border": "#6B7280",
+        "headerText": "#E5E7EB",
+        "icon": "#9CA3AF",
+      },
+      "header": {
+        "background": undefined,
+        "border": "#374151",
+        "text": "#F9FAFB",
+      },
+      "help": {
+        "background": "#1F2937",
+        "border": "#3B82F6",
+        "category": "#3B82F6",
+        "description": "#E5E7EB",
+        "hint": "#6B7280",
+        "key": "#F59E0B",
+        "title": "#F9FAFB",
+      },
+      "logLevels": {
+        "debug": {
+          "background": "#8B5CF615",
+          "border": "#8B5CF6",
+        },
+        "error": {
+          "background": "#EF444415",
+          "border": "#EF4444",
+        },
+        "fatal": {
+          "background": "#DC262625",
+          "border": "#DC2626",
+          "text": "#FCA5A5",
+        },
+        "log": {
+          "background": "#3B82F615",
+          "border": "#3B82F6",
+        },
+        "verbose": {
+          "background": "#6B728015",
+          "border": "#6B7280",
+        },
+        "warn": {
+          "background": "#F59E0B15",
+          "border": "#F59E0B",
+        },
+      },
+      "name": "dark",
+      "progress": {
+        "background": "#3B82F615",
+        "barEmpty": "#374151",
+        "barFilled": "#3B82F6",
+        "border": "#3B82F6",
+        "complete": "#22C55E",
+        "completeBackground": "#22C55E15",
+        "failed": "#EF4444",
+        "failedBackground": "#EF444415",
+        "text": "#E5E7EB",
+        "textDim": "#9CA3AF",
+      },
+      "prompt": {
+        "border": "#374151",
+        "buttonBackground": "#374151",
+        "buttonSelectedBackground": "#1F2937",
+        "cancelButton": "#EF4444",
+        "confirmButton": "#22C55E",
+        "focusBorder": "#3B82F6",
+        "inputBackground": "#1F2937",
+        "inputBorder": "#3B82F6",
+        "inputCursor": "#3B82F6",
+        "inputPlaceholder": "#6B7280",
+        "inputText": "#F9FAFB",
+        "optionSelected": "#3B82F6",
+        "optionSelectedBackground": "#1E3A5F",
+        "optionText": "#E5E7EB",
+        "optionTextDim": "#9CA3AF",
+        "question": "#F9FAFB",
+      },
+      "separator": {
+        "line": "#374151",
+        "text": "#6B7280",
+      },
+      "sidebar": {
+        "background": undefined,
+        "badge": "#3B82F6",
+        "border": "#374151",
+        "focusBorder": "#3B82F6",
+        "hoverBackground": "#374151",
+        "selectedBackground": "#1F293780",
+        "text": "#E5E7EB",
+        "textDim": "#6B7280",
+      },
+      "statusIndicators": {
+        "fail": {
+          "color": "#EF4444",
+          "icon": "✗",
+        },
+        "pending": {
+          "color": "#F59E0B",
+          "icon": "◐",
+        },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
+        "success": {
+          "color": "#22C55E",
+          "icon": "✓",
+        },
+        "waiting": {
+          "color": "#6B7280",
+          "icon": "○",
+        },
+      },
+      "table": {
+        "background": "#3B82F615",
+        "border": "#3B82F6",
+        "cellText": "#E5E7EB",
+        "headerText": "#F9FAFB",
+        "separator": "#3B82F650",
+        "title": "#F9FAFB",
+      },
+    },
+  },
+  "ref": null,
+  "type": [Function: LoggerProvider],
+}
+`;
+
+exports[`FilterBar search input should render search focused state 1`] = `
+{
+  "$$typeof": Symbol(react.transitional.element),
+  "_debugInfo": null,
+  "_debugStack": [Error: react-stack-top-frame],
+  "_debugTask": null,
+  "_owner": null,
+  "_store": {
+    "validated": 0,
+  },
+  "key": null,
+  "props": {
+    "children": {
+      "$$typeof": Symbol(react.transitional.element),
+      "_debugInfo": null,
+      "_debugStack": [Error: react-stack-top-frame],
+      "_debugTask": null,
+      "_owner": null,
+      "_store": {
+        "validated": 1,
+      },
+      "key": null,
+      "props": {
+        "filter": {
+          "enabledLevels":           
+Set {
+            "verbose",
+            "debug",
+            "log",
+            "warn",
+            "error",
+            "fatal",
+          }
+,
+          "focusedField": "search",
+          "isVisible": false,
+          "searchQuery": "",
+        },
+        "levelCounts": {
+          "debug": 0,
+          "error": 0,
+          "fatal": 0,
+          "log": 0,
+          "verbose": 0,
+          "warn": 0,
+        },
+      },
+      "ref": null,
+      "type": [Function: FilterBar],
+    },
+    "levelColors": undefined,
+    "theme": {
+      "colors": {
+        "background": "#111827",
+        "error": "#EF4444",
+        "foreground": "#F9FAFB",
+        "muted": "#6B7280",
+        "primary": "#3B82F6",
+        "secondary": "#8B5CF6",
+        "success": "#22C55E",
+        "warning": "#F59E0B",
+      },
+      "errorHighlight": {
+        "background": "#EF444425",
+        "border": "#EF4444",
+        "gutterBackground": "#EF444440",
+      },
+      "file": {
+        "background": "#3B82F615",
+        "border": "#3B82F6",
+        "headerBackground": "#3B82F625",
+        "headerText": "#F9FAFB",
+      },
+      "filter": {
+        "activeLevel": "#3B82F6",
+        "background": "#1F293780",
+        "border": "#3B82F6",
+        "cursor": "#3B82F6",
+        "inactiveLevel": "#4B5563",
+        "inputBackground": "#1F2937",
+        "inputPlaceholder": "#6B7280",
+        "inputText": "#F9FAFB",
+        "text": "#E5E7EB",
+        "textDim": "#6B7280",
+      },
+      "group": {
+        "background": "#6B728010",
+        "border": "#6B7280",
+        "headerText": "#E5E7EB",
+        "icon": "#9CA3AF",
+      },
+      "header": {
+        "background": undefined,
+        "border": "#374151",
+        "text": "#F9FAFB",
+      },
+      "help": {
+        "background": "#1F2937",
+        "border": "#3B82F6",
+        "category": "#3B82F6",
+        "description": "#E5E7EB",
+        "hint": "#6B7280",
+        "key": "#F59E0B",
+        "title": "#F9FAFB",
+      },
+      "logLevels": {
+        "debug": {
+          "background": "#8B5CF615",
+          "border": "#8B5CF6",
+        },
+        "error": {
+          "background": "#EF444415",
+          "border": "#EF4444",
+        },
+        "fatal": {
+          "background": "#DC262625",
+          "border": "#DC2626",
+          "text": "#FCA5A5",
+        },
+        "log": {
+          "background": "#3B82F615",
+          "border": "#3B82F6",
+        },
+        "verbose": {
+          "background": "#6B728015",
+          "border": "#6B7280",
+        },
+        "warn": {
+          "background": "#F59E0B15",
+          "border": "#F59E0B",
+        },
+      },
+      "name": "dark",
+      "progress": {
+        "background": "#3B82F615",
+        "barEmpty": "#374151",
+        "barFilled": "#3B82F6",
+        "border": "#3B82F6",
+        "complete": "#22C55E",
+        "completeBackground": "#22C55E15",
+        "failed": "#EF4444",
+        "failedBackground": "#EF444415",
+        "text": "#E5E7EB",
+        "textDim": "#9CA3AF",
+      },
+      "prompt": {
+        "border": "#374151",
+        "buttonBackground": "#374151",
+        "buttonSelectedBackground": "#1F2937",
+        "cancelButton": "#EF4444",
+        "confirmButton": "#22C55E",
+        "focusBorder": "#3B82F6",
+        "inputBackground": "#1F2937",
+        "inputBorder": "#3B82F6",
+        "inputCursor": "#3B82F6",
+        "inputPlaceholder": "#6B7280",
+        "inputText": "#F9FAFB",
+        "optionSelected": "#3B82F6",
+        "optionSelectedBackground": "#1E3A5F",
+        "optionText": "#E5E7EB",
+        "optionTextDim": "#9CA3AF",
+        "question": "#F9FAFB",
+      },
+      "separator": {
+        "line": "#374151",
+        "text": "#6B7280",
+      },
+      "sidebar": {
+        "background": undefined,
+        "badge": "#3B82F6",
+        "border": "#374151",
+        "focusBorder": "#3B82F6",
+        "hoverBackground": "#374151",
+        "selectedBackground": "#1F293780",
+        "text": "#E5E7EB",
+        "textDim": "#6B7280",
+      },
+      "statusIndicators": {
+        "fail": {
+          "color": "#EF4444",
+          "icon": "✗",
+        },
+        "pending": {
+          "color": "#F59E0B",
+          "icon": "◐",
+        },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
+        "success": {
+          "color": "#22C55E",
+          "icon": "✓",
+        },
+        "waiting": {
+          "color": "#6B7280",
+          "icon": "○",
+        },
+      },
+      "table": {
+        "background": "#3B82F615",
+        "border": "#3B82F6",
+        "cellText": "#E5E7EB",
+        "headerText": "#F9FAFB",
+        "separator": "#3B82F650",
+        "title": "#F9FAFB",
+      },
+    },
+  },
+  "ref": null,
+  "type": [Function: LoggerProvider],
+}
+`;
+
+exports[`FilterBar search input should render search input 1`] = `
+{
+  "$$typeof": Symbol(react.transitional.element),
+  "_debugInfo": null,
+  "_debugStack": [Error: react-stack-top-frame],
+  "_debugTask": null,
+  "_owner": null,
+  "_store": {
+    "validated": 0,
+  },
+  "key": null,
+  "props": {
+    "children": {
+      "$$typeof": Symbol(react.transitional.element),
+      "_debugInfo": null,
+      "_debugStack": [Error: react-stack-top-frame],
+      "_debugTask": null,
+      "_owner": null,
+      "_store": {
+        "validated": 1,
+      },
+      "key": null,
+      "props": {
+        "filter": {
+          "enabledLevels":           
+Set {
+            "verbose",
+            "debug",
+            "log",
+            "warn",
+            "error",
+            "fatal",
+          }
+,
+          "focusedField": "search",
+          "isVisible": false,
+          "searchQuery": "",
+        },
+        "levelCounts": {
+          "debug": 0,
+          "error": 0,
+          "fatal": 0,
+          "log": 0,
+          "verbose": 0,
+          "warn": 0,
+        },
+      },
+      "ref": null,
+      "type": [Function: FilterBar],
+    },
+    "levelColors": undefined,
+    "theme": {
+      "colors": {
+        "background": "#111827",
+        "error": "#EF4444",
+        "foreground": "#F9FAFB",
+        "muted": "#6B7280",
+        "primary": "#3B82F6",
+        "secondary": "#8B5CF6",
+        "success": "#22C55E",
+        "warning": "#F59E0B",
+      },
+      "errorHighlight": {
+        "background": "#EF444425",
+        "border": "#EF4444",
+        "gutterBackground": "#EF444440",
+      },
+      "file": {
+        "background": "#3B82F615",
+        "border": "#3B82F6",
+        "headerBackground": "#3B82F625",
+        "headerText": "#F9FAFB",
+      },
+      "filter": {
+        "activeLevel": "#3B82F6",
+        "background": "#1F293780",
+        "border": "#3B82F6",
+        "cursor": "#3B82F6",
+        "inactiveLevel": "#4B5563",
+        "inputBackground": "#1F2937",
+        "inputPlaceholder": "#6B7280",
+        "inputText": "#F9FAFB",
+        "text": "#E5E7EB",
+        "textDim": "#6B7280",
+      },
+      "group": {
+        "background": "#6B728010",
+        "border": "#6B7280",
+        "headerText": "#E5E7EB",
+        "icon": "#9CA3AF",
+      },
+      "header": {
+        "background": undefined,
+        "border": "#374151",
+        "text": "#F9FAFB",
+      },
+      "help": {
+        "background": "#1F2937",
+        "border": "#3B82F6",
+        "category": "#3B82F6",
+        "description": "#E5E7EB",
+        "hint": "#6B7280",
+        "key": "#F59E0B",
+        "title": "#F9FAFB",
+      },
+      "logLevels": {
+        "debug": {
+          "background": "#8B5CF615",
+          "border": "#8B5CF6",
+        },
+        "error": {
+          "background": "#EF444415",
+          "border": "#EF4444",
+        },
+        "fatal": {
+          "background": "#DC262625",
+          "border": "#DC2626",
+          "text": "#FCA5A5",
+        },
+        "log": {
+          "background": "#3B82F615",
+          "border": "#3B82F6",
+        },
+        "verbose": {
+          "background": "#6B728015",
+          "border": "#6B7280",
+        },
+        "warn": {
+          "background": "#F59E0B15",
+          "border": "#F59E0B",
+        },
+      },
+      "name": "dark",
+      "progress": {
+        "background": "#3B82F615",
+        "barEmpty": "#374151",
+        "barFilled": "#3B82F6",
+        "border": "#3B82F6",
+        "complete": "#22C55E",
+        "completeBackground": "#22C55E15",
+        "failed": "#EF4444",
+        "failedBackground": "#EF444415",
+        "text": "#E5E7EB",
+        "textDim": "#9CA3AF",
+      },
+      "prompt": {
+        "border": "#374151",
+        "buttonBackground": "#374151",
+        "buttonSelectedBackground": "#1F2937",
+        "cancelButton": "#EF4444",
+        "confirmButton": "#22C55E",
+        "focusBorder": "#3B82F6",
+        "inputBackground": "#1F2937",
+        "inputBorder": "#3B82F6",
+        "inputCursor": "#3B82F6",
+        "inputPlaceholder": "#6B7280",
+        "inputText": "#F9FAFB",
+        "optionSelected": "#3B82F6",
+        "optionSelectedBackground": "#1E3A5F",
+        "optionText": "#E5E7EB",
+        "optionTextDim": "#9CA3AF",
+        "question": "#F9FAFB",
+      },
+      "separator": {
+        "line": "#374151",
+        "text": "#6B7280",
+      },
+      "sidebar": {
+        "background": undefined,
+        "badge": "#3B82F6",
+        "border": "#374151",
+        "focusBorder": "#3B82F6",
+        "hoverBackground": "#374151",
+        "selectedBackground": "#1F293780",
+        "text": "#E5E7EB",
+        "textDim": "#6B7280",
+      },
+      "statusIndicators": {
+        "fail": {
+          "color": "#EF4444",
+          "icon": "✗",
+        },
+        "pending": {
+          "color": "#F59E0B",
+          "icon": "◐",
+        },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
+        "success": {
+          "color": "#22C55E",
+          "icon": "✓",
+        },
+        "waiting": {
+          "color": "#6B7280",
+          "icon": "○",
+        },
+      },
+      "table": {
+        "background": "#3B82F615",
+        "border": "#3B82F6",
+        "cellText": "#E5E7EB",
+        "headerText": "#F9FAFB",
+        "separator": "#3B82F650",
+        "title": "#F9FAFB",
+      },
+    },
+  },
+  "ref": null,
+  "type": [Function: LoggerProvider],
+}
+`;
+
+exports[`FilterBar search input should render with active search query 1`] = `
+{
+  "$$typeof": Symbol(react.transitional.element),
+  "_debugInfo": null,
+  "_debugStack": [Error: react-stack-top-frame],
+  "_debugTask": null,
+  "_owner": null,
+  "_store": {
+    "validated": 0,
+  },
+  "key": null,
+  "props": {
+    "children": {
+      "$$typeof": Symbol(react.transitional.element),
+      "_debugInfo": null,
+      "_debugStack": [Error: react-stack-top-frame],
+      "_debugTask": null,
+      "_owner": null,
+      "_store": {
+        "validated": 1,
+      },
+      "key": null,
+      "props": {
+        "filter": {
+          "enabledLevels":           
+Set {
+            "verbose",
+            "debug",
+            "log",
+            "warn",
+            "error",
+            "fatal",
+          }
+,
+          "focusedField": "search",
+          "isVisible": false,
+          "searchQuery": "error message",
+        },
+        "levelCounts": {
+          "debug": 0,
+          "error": 0,
+          "fatal": 0,
+          "log": 0,
+          "verbose": 0,
+          "warn": 0,
+        },
+      },
+      "ref": null,
+      "type": [Function: FilterBar],
+    },
+    "levelColors": undefined,
+    "theme": {
+      "colors": {
+        "background": "#111827",
+        "error": "#EF4444",
+        "foreground": "#F9FAFB",
+        "muted": "#6B7280",
+        "primary": "#3B82F6",
+        "secondary": "#8B5CF6",
+        "success": "#22C55E",
+        "warning": "#F59E0B",
+      },
+      "errorHighlight": {
+        "background": "#EF444425",
+        "border": "#EF4444",
+        "gutterBackground": "#EF444440",
+      },
+      "file": {
+        "background": "#3B82F615",
+        "border": "#3B82F6",
+        "headerBackground": "#3B82F625",
+        "headerText": "#F9FAFB",
+      },
+      "filter": {
+        "activeLevel": "#3B82F6",
+        "background": "#1F293780",
+        "border": "#3B82F6",
+        "cursor": "#3B82F6",
+        "inactiveLevel": "#4B5563",
+        "inputBackground": "#1F2937",
+        "inputPlaceholder": "#6B7280",
+        "inputText": "#F9FAFB",
+        "text": "#E5E7EB",
+        "textDim": "#6B7280",
+      },
+      "group": {
+        "background": "#6B728010",
+        "border": "#6B7280",
+        "headerText": "#E5E7EB",
+        "icon": "#9CA3AF",
+      },
+      "header": {
+        "background": undefined,
+        "border": "#374151",
+        "text": "#F9FAFB",
+      },
+      "help": {
+        "background": "#1F2937",
+        "border": "#3B82F6",
+        "category": "#3B82F6",
+        "description": "#E5E7EB",
+        "hint": "#6B7280",
+        "key": "#F59E0B",
+        "title": "#F9FAFB",
+      },
+      "logLevels": {
+        "debug": {
+          "background": "#8B5CF615",
+          "border": "#8B5CF6",
+        },
+        "error": {
+          "background": "#EF444415",
+          "border": "#EF4444",
+        },
+        "fatal": {
+          "background": "#DC262625",
+          "border": "#DC2626",
+          "text": "#FCA5A5",
+        },
+        "log": {
+          "background": "#3B82F615",
+          "border": "#3B82F6",
+        },
+        "verbose": {
+          "background": "#6B728015",
+          "border": "#6B7280",
+        },
+        "warn": {
+          "background": "#F59E0B15",
+          "border": "#F59E0B",
+        },
+      },
+      "name": "dark",
+      "progress": {
+        "background": "#3B82F615",
+        "barEmpty": "#374151",
+        "barFilled": "#3B82F6",
+        "border": "#3B82F6",
+        "complete": "#22C55E",
+        "completeBackground": "#22C55E15",
+        "failed": "#EF4444",
+        "failedBackground": "#EF444415",
+        "text": "#E5E7EB",
+        "textDim": "#9CA3AF",
+      },
+      "prompt": {
+        "border": "#374151",
+        "buttonBackground": "#374151",
+        "buttonSelectedBackground": "#1F2937",
+        "cancelButton": "#EF4444",
+        "confirmButton": "#22C55E",
+        "focusBorder": "#3B82F6",
+        "inputBackground": "#1F2937",
+        "inputBorder": "#3B82F6",
+        "inputCursor": "#3B82F6",
+        "inputPlaceholder": "#6B7280",
+        "inputText": "#F9FAFB",
+        "optionSelected": "#3B82F6",
+        "optionSelectedBackground": "#1E3A5F",
+        "optionText": "#E5E7EB",
+        "optionTextDim": "#9CA3AF",
+        "question": "#F9FAFB",
+      },
+      "separator": {
+        "line": "#374151",
+        "text": "#6B7280",
+      },
+      "sidebar": {
+        "background": undefined,
+        "badge": "#3B82F6",
+        "border": "#374151",
+        "focusBorder": "#3B82F6",
+        "hoverBackground": "#374151",
+        "selectedBackground": "#1F293780",
+        "text": "#E5E7EB",
+        "textDim": "#6B7280",
+      },
+      "statusIndicators": {
+        "fail": {
+          "color": "#EF4444",
+          "icon": "✗",
+        },
+        "pending": {
+          "color": "#F59E0B",
+          "icon": "◐",
+        },
+        "static": {
+          "color": "#3B82F6",
+          "icon": "●",
+        },
+        "success": {
+          "color": "#22C55E",
+          "icon": "✓",
+        },
+        "waiting": {
+          "color": "#6B7280",
+          "icon": "○",
+        },
+      },
+      "table": {
+        "background": "#3B82F615",
+        "border": "#3B82F6",
+        "cellText": "#E5E7EB",
+        "headerText": "#F9FAFB",
+        "separator": "#3B82F650",
+        "title": "#F9FAFB",
+      },
+    },
+  },
+  "ref": null,
+  "type": [Function: LoggerProvider],
+}
+`;