npm - @navios/commander-tui - Versions diffs - 1.2.0 → 1.3.0 - Mend

@navios/commander-tui 1.2.0 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (362) hide show

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

@@ -2291,2559 +2291,3 @@ 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],
-}
-`;