@navios/commander-tui 1.3.0 → 1.5.0

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

@@ -1,2857 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`Sidebar > badge counts > should render badge counts 1`] = `
-<LoggerProvider
-  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",
-      },
-    }
-  }
->
-  <Sidebar
-    activeScreenId="1"
-    focused={true}
-    screens={
-      [
-        {
-          "getBadgeCount": [MockFunction],
-          "getIcon": [MockFunction],
-          "getId": [MockFunction],
-          "getName": [MockFunction],
-          "getStatus": [MockFunction],
-          "isHidden": [MockFunction],
-        },
-        {
-          "getBadgeCount": [MockFunction],
-          "getIcon": [MockFunction],
-          "getId": [MockFunction],
-          "getName": [MockFunction],
-          "getStatus": [MockFunction],
-          "isHidden": [MockFunction],
-        },
-        {
-          "getBadgeCount": [MockFunction],
-          "getIcon": [MockFunction],
-          "getId": [MockFunction],
-          "getName": [MockFunction],
-          "getStatus": [MockFunction],
-          "isHidden": [MockFunction],
-        },
-      ]
-    }
-    selectedIndex={0}
-    title="Screens"
-    width={30}
-  />
-</LoggerProvider>
-`;
-
-exports[`Sidebar > focus state > should render focused state 1`] = `
-<LoggerProvider
-  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",
-      },
-    }
-  }
->
-  <Sidebar
-    activeScreenId="1"
-    focused={true}
-    screens={
-      [
-        {
-          "getBadgeCount": [MockFunction],
-          "getIcon": [MockFunction],
-          "getId": [MockFunction],
-          "getName": [MockFunction],
-          "getStatus": [MockFunction],
-          "isHidden": [MockFunction],
-        },
-      ]
-    }
-    selectedIndex={0}
-    title="Screens"
-    width={30}
-  />
-</LoggerProvider>
-`;
-
-exports[`Sidebar > focus state > should render unfocused state 1`] = `
-<LoggerProvider
-  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",
-      },
-    }
-  }
->
-  <Sidebar
-    activeScreenId="1"
-    focused={false}
-    screens={
-      [
-        {
-          "getBadgeCount": [MockFunction],
-          "getIcon": [MockFunction],
-          "getId": [MockFunction],
-          "getName": [MockFunction],
-          "getStatus": [MockFunction],
-          "isHidden": [MockFunction],
-        },
-      ]
-    }
-    selectedIndex={0}
-    title="Screens"
-    width={30}
-  />
-</LoggerProvider>
-`;
-
-exports[`Sidebar > icons > should render icons 1`] = `
-<LoggerProvider
-  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",
-      },
-    }
-  }
->
-  <Sidebar
-    activeScreenId="1"
-    focused={true}
-    screens={
-      [
-        {
-          "getBadgeCount": [MockFunction],
-          "getIcon": [MockFunction],
-          "getId": [MockFunction],
-          "getName": [MockFunction],
-          "getStatus": [MockFunction],
-          "isHidden": [MockFunction],
-        },
-        {
-          "getBadgeCount": [MockFunction],
-          "getIcon": [MockFunction],
-          "getId": [MockFunction],
-          "getName": [MockFunction],
-          "getStatus": [MockFunction],
-          "isHidden": [MockFunction],
-        },
-        {
-          "getBadgeCount": [MockFunction],
-          "getIcon": [MockFunction],
-          "getId": [MockFunction],
-          "getName": [MockFunction],
-          "getStatus": [MockFunction],
-          "isHidden": [MockFunction],
-        },
-      ]
-    }
-    selectedIndex={0}
-    title="Pipeline"
-    width={30}
-  />
-</LoggerProvider>
-`;
-
-exports[`Sidebar > pending vs completed screens > should not show separator if no mix 1`] = `
-<LoggerProvider
-  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",
-      },
-    }
-  }
->
-  <Sidebar
-    activeScreenId="1"
-    focused={true}
-    screens={
-      [
-        {
-          "getBadgeCount": [MockFunction],
-          "getIcon": [MockFunction],
-          "getId": [MockFunction],
-          "getName": [MockFunction],
-          "getStatus": [MockFunction],
-          "isHidden": [MockFunction],
-        },
-        {
-          "getBadgeCount": [MockFunction],
-          "getIcon": [MockFunction],
-          "getId": [MockFunction],
-          "getName": [MockFunction],
-          "getStatus": [MockFunction],
-          "isHidden": [MockFunction],
-        },
-      ]
-    }
-    selectedIndex={0}
-    title="Tasks"
-    width={30}
-  />
-</LoggerProvider>
-`;
-
-exports[`Sidebar > pending vs completed screens > should separate pending from other screens 1`] = `
-<LoggerProvider
-  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",
-      },
-    }
-  }
->
-  <Sidebar
-    activeScreenId="1"
-    focused={true}
-    screens={
-      [
-        {
-          "getBadgeCount": [MockFunction],
-          "getIcon": [MockFunction],
-          "getId": [MockFunction],
-          "getName": [MockFunction],
-          "getStatus": [MockFunction],
-          "isHidden": [MockFunction],
-        },
-        {
-          "getBadgeCount": [MockFunction],
-          "getIcon": [MockFunction],
-          "getId": [MockFunction],
-          "getName": [MockFunction],
-          "getStatus": [MockFunction],
-          "isHidden": [MockFunction],
-        },
-        {
-          "getBadgeCount": [MockFunction],
-          "getIcon": [MockFunction],
-          "getId": [MockFunction],
-          "getName": [MockFunction],
-          "getStatus": [MockFunction],
-          "isHidden": [MockFunction],
-        },
-        {
-          "getBadgeCount": [MockFunction],
-          "getIcon": [MockFunction],
-          "getId": [MockFunction],
-          "getName": [MockFunction],
-          "getStatus": [MockFunction],
-          "isHidden": [MockFunction],
-        },
-      ]
-    }
-    selectedIndex={0}
-    title="Tasks"
-    width={30}
-  />
-</LoggerProvider>
-`;
-
-exports[`Sidebar > pending vs completed screens > should show separator between pending and completed 1`] = `
-<LoggerProvider
-  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",
-      },
-    }
-  }
->
-  <Sidebar
-    activeScreenId="1"
-    focused={true}
-    screens={
-      [
-        {
-          "getBadgeCount": [MockFunction],
-          "getIcon": [MockFunction],
-          "getId": [MockFunction],
-          "getName": [MockFunction],
-          "getStatus": [MockFunction],
-          "isHidden": [MockFunction],
-        },
-        {
-          "getBadgeCount": [MockFunction],
-          "getIcon": [MockFunction],
-          "getId": [MockFunction],
-          "getName": [MockFunction],
-          "getStatus": [MockFunction],
-          "isHidden": [MockFunction],
-        },
-      ]
-    }
-    selectedIndex={0}
-    title="Tasks"
-    width={30}
-  />
-</LoggerProvider>
-`;
-
-exports[`Sidebar > screen list > should render active screen highlighted 1`] = `
-<LoggerProvider
-  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",
-      },
-    }
-  }
->
-  <Sidebar
-    activeScreenId="2"
-    focused={true}
-    screens={
-      [
-        {
-          "getBadgeCount": [MockFunction],
-          "getIcon": [MockFunction],
-          "getId": [MockFunction],
-          "getName": [MockFunction],
-          "getStatus": [MockFunction],
-          "isHidden": [MockFunction],
-        },
-        {
-          "getBadgeCount": [MockFunction],
-          "getIcon": [MockFunction],
-          "getId": [MockFunction],
-          "getName": [MockFunction],
-          "getStatus": [MockFunction],
-          "isHidden": [MockFunction],
-        },
-      ]
-    }
-    selectedIndex={1}
-    title="Screens"
-    width={30}
-  />
-</LoggerProvider>
-`;
-
-exports[`Sidebar > screen list > should render screen list 1`] = `
-<LoggerProvider
-  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",
-      },
-    }
-  }
->
-  <Sidebar
-    activeScreenId="1"
-    focused={true}
-    screens={
-      [
-        {
-          "getBadgeCount": [MockFunction],
-          "getIcon": [MockFunction],
-          "getId": [MockFunction],
-          "getName": [MockFunction],
-          "getStatus": [MockFunction],
-          "isHidden": [MockFunction],
-        },
-        {
-          "getBadgeCount": [MockFunction],
-          "getIcon": [MockFunction],
-          "getId": [MockFunction],
-          "getName": [MockFunction],
-          "getStatus": [MockFunction],
-          "isHidden": [MockFunction],
-        },
-        {
-          "getBadgeCount": [MockFunction],
-          "getIcon": [MockFunction],
-          "getId": [MockFunction],
-          "getName": [MockFunction],
-          "getStatus": [MockFunction],
-          "isHidden": [MockFunction],
-        },
-      ]
-    }
-    selectedIndex={0}
-    title="Screens"
-    width={30}
-  />
-</LoggerProvider>
-`;
-
-exports[`Sidebar > status indicators > should render fail status 1`] = `
-<LoggerProvider
-  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",
-      },
-    }
-  }
->
-  <Sidebar
-    activeScreenId="1"
-    focused={true}
-    screens={
-      [
-        {
-          "getBadgeCount": [MockFunction],
-          "getIcon": [MockFunction],
-          "getId": [MockFunction],
-          "getName": [MockFunction],
-          "getStatus": [MockFunction],
-          "isHidden": [MockFunction],
-        },
-      ]
-    }
-    selectedIndex={0}
-    title="Screens"
-    width={30}
-  />
-</LoggerProvider>
-`;
-
-exports[`Sidebar > status indicators > should render pending status 1`] = `
-<LoggerProvider
-  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",
-      },
-    }
-  }
->
-  <Sidebar
-    activeScreenId="1"
-    focused={true}
-    screens={
-      [
-        {
-          "getBadgeCount": [MockFunction],
-          "getIcon": [MockFunction],
-          "getId": [MockFunction],
-          "getName": [MockFunction],
-          "getStatus": [MockFunction],
-          "isHidden": [MockFunction],
-        },
-      ]
-    }
-    selectedIndex={0}
-    title="Screens"
-    width={30}
-  />
-</LoggerProvider>
-`;
-
-exports[`Sidebar > status indicators > should render static status 1`] = `
-<LoggerProvider
-  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",
-      },
-    }
-  }
->
-  <Sidebar
-    activeScreenId="1"
-    focused={true}
-    screens={
-      [
-        {
-          "getBadgeCount": [MockFunction],
-          "getIcon": [MockFunction],
-          "getId": [MockFunction],
-          "getName": [MockFunction],
-          "getStatus": [MockFunction],
-          "isHidden": [MockFunction],
-        },
-      ]
-    }
-    selectedIndex={0}
-    title="Screens"
-    width={30}
-  />
-</LoggerProvider>
-`;
-
-exports[`Sidebar > status indicators > should render success status 1`] = `
-<LoggerProvider
-  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",
-      },
-    }
-  }
->
-  <Sidebar
-    activeScreenId="1"
-    focused={true}
-    screens={
-      [
-        {
-          "getBadgeCount": [MockFunction],
-          "getIcon": [MockFunction],
-          "getId": [MockFunction],
-          "getName": [MockFunction],
-          "getStatus": [MockFunction],
-          "isHidden": [MockFunction],
-        },
-      ]
-    }
-    selectedIndex={0}
-    title="Screens"
-    width={30}
-  />
-</LoggerProvider>
-`;
-
-exports[`Sidebar > status indicators > should render waiting status 1`] = `
-<LoggerProvider
-  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",
-      },
-    }
-  }
->
-  <Sidebar
-    activeScreenId="1"
-    focused={true}
-    screens={
-      [
-        {
-          "getBadgeCount": [MockFunction],
-          "getIcon": [MockFunction],
-          "getId": [MockFunction],
-          "getName": [MockFunction],
-          "getStatus": [MockFunction],
-          "isHidden": [MockFunction],
-        },
-      ]
-    }
-    selectedIndex={0}
-    title="Screens"
-    width={30}
-  />
-</LoggerProvider>
-`;
-
-exports[`Sidebar > title > should render custom title 1`] = `
-<LoggerProvider
-  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",
-      },
-    }
-  }
->
-  <Sidebar
-    activeScreenId="1"
-    focused={true}
-    screens={
-      [
-        {
-          "getBadgeCount": [MockFunction],
-          "getIcon": [MockFunction],
-          "getId": [MockFunction],
-          "getName": [MockFunction],
-          "getStatus": [MockFunction],
-          "isHidden": [MockFunction],
-        },
-      ]
-    }
-    selectedIndex={0}
-    title="Custom Title"
-    width={30}
-  />
-</LoggerProvider>
-`;