@navios/commander-tui 1.3.0 → 1.4.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 (240) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/{src/__tests__/mocks/scm-mock.ts → dist/base/src/__tests__/mocks/scm-mock.d.ts} +3 -1
  3. package/dist/base/src/__tests__/mocks/scm-mock.d.ts.map +1 -0
  4. package/dist/base/src/__tests__/setup.d.ts +2 -0
  5. package/dist/base/src/__tests__/setup.d.ts.map +1 -0
  6. package/dist/base/src/__tests__/utils/factories.d.ts +67 -0
  7. package/dist/base/src/__tests__/utils/factories.d.ts.map +1 -0
  8. package/dist/base/src/__tests__/utils/render-utils.d.ts +21 -0
  9. package/dist/base/src/__tests__/utils/render-utils.d.ts.map +1 -0
  10. package/dist/base/src/__tests__/utils/test-container.d.ts +20 -0
  11. package/dist/base/src/__tests__/utils/test-container.d.ts.map +1 -0
  12. package/dist/base/src/adapters/interface.d.ts +9 -2
  13. package/dist/base/src/adapters/interface.d.ts.map +1 -1
  14. package/dist/base/src/overrides/missing-adapter.override.d.ts +10 -0
  15. package/dist/base/src/overrides/missing-adapter.override.d.ts.map +1 -1
  16. package/dist/base/src/schemas/logger-options.d.ts +1 -1
  17. package/dist/base/src/services/index.d.ts +1 -0
  18. package/dist/base/src/services/index.d.ts.map +1 -1
  19. package/dist/base/src/services/logger.d.ts.map +1 -1
  20. package/dist/base/src/services/readline_prompt.d.ts +27 -0
  21. package/dist/base/src/services/readline_prompt.d.ts.map +1 -0
  22. package/dist/base/src/services/screen.d.ts +14 -8
  23. package/dist/base/src/services/screen.d.ts.map +1 -1
  24. package/dist/base/src/services/screen_manager.d.ts +62 -12
  25. package/dist/base/src/services/screen_manager.d.ts.map +1 -1
  26. package/dist/base/src/types/events.types.d.ts +40 -0
  27. package/dist/base/src/types/events.types.d.ts.map +1 -0
  28. package/dist/base/src/types/index.d.ts +1 -0
  29. package/dist/base/src/types/index.d.ts.map +1 -1
  30. package/dist/base/src/types/screen.types.d.ts +28 -0
  31. package/dist/base/src/types/screen.types.d.ts.map +1 -1
  32. package/dist/base/src/utils/colors/helpers.d.ts +0 -16
  33. package/dist/base/src/utils/colors/helpers.d.ts.map +1 -1
  34. package/dist/base/src/utils/index.d.ts +2 -0
  35. package/dist/base/src/utils/index.d.ts.map +1 -1
  36. package/dist/base/src/utils/prompt.d.ts +7 -0
  37. package/dist/base/src/utils/prompt.d.ts.map +1 -0
  38. package/dist/base/src/utils/runtime.d.ts +10 -0
  39. package/dist/base/src/utils/runtime.d.ts.map +1 -0
  40. package/dist/base/src/utils/stdout-printer.d.ts +5 -0
  41. package/dist/base/src/utils/stdout-printer.d.ts.map +1 -1
  42. package/dist/base/tsconfig.base.tsbuildinfo +1 -1
  43. package/dist/base/tsconfig.tsbuildinfo +1 -0
  44. package/dist/ink/src/adapters/ink/components/file/file_log.d.ts +28 -0
  45. package/dist/ink/src/adapters/ink/components/file/file_log.d.ts.map +1 -0
  46. package/dist/ink/src/adapters/ink/components/file/index.d.ts +2 -0
  47. package/dist/ink/src/adapters/ink/components/file/index.d.ts.map +1 -0
  48. package/dist/ink/src/adapters/ink/components/filter/filter_bar.d.ts +7 -0
  49. package/dist/ink/src/adapters/ink/components/filter/filter_bar.d.ts.map +1 -0
  50. package/dist/ink/src/adapters/ink/components/filter/index.d.ts +2 -0
  51. package/dist/ink/src/adapters/ink/components/filter/index.d.ts.map +1 -0
  52. package/dist/ink/src/adapters/ink/components/help/help_overlay.d.ts +6 -0
  53. package/dist/ink/src/adapters/ink/components/help/help_overlay.d.ts.map +1 -0
  54. package/dist/ink/src/adapters/ink/components/help/index.d.ts +2 -0
  55. package/dist/ink/src/adapters/ink/components/help/index.d.ts.map +1 -0
  56. package/dist/ink/src/adapters/ink/components/index.d.ts +9 -0
  57. package/dist/ink/src/adapters/ink/components/index.d.ts.map +1 -0
  58. package/dist/ink/src/adapters/ink/components/log/index.d.ts +2 -0
  59. package/dist/ink/src/adapters/ink/components/log/index.d.ts.map +1 -0
  60. package/dist/ink/src/adapters/ink/components/log/log_message.d.ts +15 -0
  61. package/dist/ink/src/adapters/ink/components/log/log_message.d.ts.map +1 -0
  62. package/dist/ink/src/adapters/ink/components/prompt/index.d.ts +2 -0
  63. package/dist/ink/src/adapters/ink/components/prompt/index.d.ts.map +1 -0
  64. package/dist/ink/src/adapters/ink/components/prompt/prompt_renderer.d.ts +6 -0
  65. package/dist/ink/src/adapters/ink/components/prompt/prompt_renderer.d.ts.map +1 -0
  66. package/dist/ink/src/adapters/ink/components/screen/group_renderer.d.ts +14 -0
  67. package/dist/ink/src/adapters/ink/components/screen/group_renderer.d.ts.map +1 -0
  68. package/dist/ink/src/adapters/ink/components/screen/index.d.ts +7 -0
  69. package/dist/ink/src/adapters/ink/components/screen/index.d.ts.map +1 -0
  70. package/dist/ink/src/adapters/ink/components/screen/loading_message.d.ts +6 -0
  71. package/dist/ink/src/adapters/ink/components/screen/loading_message.d.ts.map +1 -0
  72. package/dist/ink/src/adapters/ink/components/screen/message_renderer.d.ts +6 -0
  73. package/dist/ink/src/adapters/ink/components/screen/message_renderer.d.ts.map +1 -0
  74. package/dist/ink/src/adapters/ink/components/screen/progress_message.d.ts +6 -0
  75. package/dist/ink/src/adapters/ink/components/screen/progress_message.d.ts.map +1 -0
  76. package/dist/ink/src/adapters/ink/components/screen/screen_bridge.d.ts +14 -0
  77. package/dist/ink/src/adapters/ink/components/screen/screen_bridge.d.ts.map +1 -0
  78. package/dist/ink/src/adapters/ink/components/screen/table_message.d.ts +6 -0
  79. package/dist/ink/src/adapters/ink/components/screen/table_message.d.ts.map +1 -0
  80. package/dist/ink/src/adapters/ink/components/screen_manager_bridge.d.ts +8 -0
  81. package/dist/ink/src/adapters/ink/components/screen_manager_bridge.d.ts.map +1 -0
  82. package/dist/ink/src/adapters/ink/components/sidebar/index.d.ts +4 -0
  83. package/dist/ink/src/adapters/ink/components/sidebar/index.d.ts.map +1 -0
  84. package/dist/ink/src/adapters/ink/components/sidebar/sidebar.d.ts +11 -0
  85. package/dist/ink/src/adapters/ink/components/sidebar/sidebar.d.ts.map +1 -0
  86. package/dist/ink/src/adapters/ink/components/sidebar/sidebar_item.d.ts +9 -0
  87. package/dist/ink/src/adapters/ink/components/sidebar/sidebar_item.d.ts.map +1 -0
  88. package/dist/ink/src/adapters/ink/components/sidebar/sidebar_separator.d.ts +2 -0
  89. package/dist/ink/src/adapters/ink/components/sidebar/sidebar_separator.d.ts.map +1 -0
  90. package/dist/ink/src/adapters/ink/context/index.d.ts +2 -0
  91. package/dist/ink/src/adapters/ink/context/index.d.ts.map +1 -0
  92. package/dist/ink/src/adapters/ink/context/logger_context.d.ts +33 -0
  93. package/dist/ink/src/adapters/ink/context/logger_context.d.ts.map +1 -0
  94. package/dist/ink/src/adapters/ink/hooks/index.d.ts +2 -0
  95. package/dist/ink/src/adapters/ink/hooks/index.d.ts.map +1 -0
  96. package/dist/ink/src/adapters/ink/hooks/use_theme.d.ts +7 -0
  97. package/dist/ink/src/adapters/ink/hooks/use_theme.d.ts.map +1 -0
  98. package/dist/ink/src/adapters/ink/index.d.ts +18 -0
  99. package/dist/ink/src/adapters/ink/index.d.ts.map +1 -0
  100. package/dist/ink/src/adapters/react-shared/hooks/index.d.ts +4 -0
  101. package/dist/ink/src/adapters/react-shared/hooks/index.d.ts.map +1 -0
  102. package/dist/ink/src/adapters/react-shared/hooks/use_filter_state.d.ts +18 -0
  103. package/dist/ink/src/adapters/react-shared/hooks/use_filter_state.d.ts.map +1 -0
  104. package/dist/ink/src/adapters/react-shared/hooks/use_keyboard_manager.d.ts +26 -0
  105. package/dist/ink/src/adapters/react-shared/hooks/use_keyboard_manager.d.ts.map +1 -0
  106. package/dist/ink/src/adapters/react-shared/hooks/use_manager_subscription.d.ts +7 -0
  107. package/dist/ink/src/adapters/react-shared/hooks/use_manager_subscription.d.ts.map +1 -0
  108. package/dist/ink/src/adapters/react-shared/index.d.ts +2 -0
  109. package/dist/ink/src/adapters/react-shared/index.d.ts.map +1 -0
  110. package/dist/ink/tsconfig.ink.tsbuildinfo +1 -0
  111. package/dist/react/src/adapters/react-shared/hooks/index.d.ts +4 -0
  112. package/dist/react/src/adapters/react-shared/hooks/index.d.ts.map +1 -0
  113. package/dist/react/src/adapters/react-shared/hooks/use_filter_state.d.ts +18 -0
  114. package/dist/react/src/adapters/react-shared/hooks/use_filter_state.d.ts.map +1 -0
  115. package/dist/react/src/adapters/react-shared/hooks/use_keyboard_manager.d.ts +26 -0
  116. package/dist/react/src/adapters/react-shared/hooks/use_keyboard_manager.d.ts.map +1 -0
  117. package/dist/react/src/adapters/react-shared/hooks/use_manager_subscription.d.ts +7 -0
  118. package/dist/react/src/adapters/react-shared/hooks/use_manager_subscription.d.ts.map +1 -0
  119. package/dist/react/src/adapters/react-shared/index.d.ts +2 -0
  120. package/dist/react/src/adapters/react-shared/index.d.ts.map +1 -0
  121. package/dist/react/tsconfig.react.tsbuildinfo +1 -1
  122. package/dist/solid/tsconfig.solid.tsbuildinfo +1 -1
  123. package/lib/index.cjs +2177 -178
  124. package/lib/index.cjs.map +1 -1
  125. package/lib/index.d.cts +942 -78
  126. package/lib/index.d.cts.map +1 -0
  127. package/lib/index.d.mts +902 -38
  128. package/lib/index.d.mts.map +1 -0
  129. package/lib/index.mjs +2098 -135
  130. package/lib/index.mjs.map +1 -1
  131. package/package.json +1 -31
  132. package/src/__tests__/services/logger.spec.ts +32 -0
  133. package/src/__tests__/services/screen.spec.ts +106 -95
  134. package/src/__tests__/utils/factories.ts +2 -0
  135. package/src/adapters/interface.ts +10 -2
  136. package/src/overrides/missing-adapter.override.ts +16 -6
  137. package/src/services/index.ts +1 -0
  138. package/src/services/logger.ts +7 -1
  139. package/src/services/readline_prompt.ts +194 -0
  140. package/src/services/screen.ts +106 -54
  141. package/src/services/screen_manager.ts +282 -74
  142. package/src/types/events.types.ts +84 -0
  143. package/src/types/index.ts +3 -0
  144. package/src/types/screen.types.ts +34 -0
  145. package/src/utils/colors/helpers.ts +0 -25
  146. package/src/utils/index.ts +6 -0
  147. package/src/utils/prompt.ts +18 -0
  148. package/src/utils/runtime.ts +14 -0
  149. package/src/utils/stdout-printer.ts +16 -5
  150. package/tsconfig.base.json +1 -17
  151. package/tsconfig.json +1 -6
  152. package/tsdown.config.mts +13 -70
  153. package/lib/adapters/react/index.cjs +0 -1768
  154. package/lib/adapters/react/index.cjs.map +0 -1
  155. package/lib/adapters/react/index.d.cts +0 -80
  156. package/lib/adapters/react/index.d.mts +0 -80
  157. package/lib/adapters/react/index.mjs +0 -1760
  158. package/lib/adapters/react/index.mjs.map +0 -1
  159. package/lib/adapters/solid/index.cjs +0 -3855
  160. package/lib/adapters/solid/index.cjs.map +0 -1
  161. package/lib/adapters/solid/index.d.cts +0 -74
  162. package/lib/adapters/solid/index.d.mts +0 -74
  163. package/lib/adapters/solid/index.mjs +0 -3847
  164. package/lib/adapters/solid/index.mjs.map +0 -1
  165. package/lib/filter_engine-DXqu9Vaq.cjs +0 -1836
  166. package/lib/filter_engine-DXqu9Vaq.cjs.map +0 -1
  167. package/lib/filter_engine-DmqhEhpA.mjs +0 -1609
  168. package/lib/filter_engine-DmqhEhpA.mjs.map +0 -1
  169. package/lib/interface-CTHQ08aY.d.mts +0 -699
  170. package/lib/interface-DQEIz9Mb.d.cts +0 -699
  171. package/src/__tests__/components/__snapshots__/filter_bar.spec.tsx.snap +0 -2293
  172. package/src/__tests__/components/__snapshots__/loading_message.spec.tsx.snap +0 -1414
  173. package/src/__tests__/components/__snapshots__/log_message.spec.tsx.snap +0 -3245
  174. package/src/__tests__/components/__snapshots__/progress_message.spec.tsx.snap +0 -1783
  175. package/src/__tests__/components/__snapshots__/prompt_renderer.spec.tsx.snap +0 -3203
  176. package/src/__tests__/components/__snapshots__/sidebar.spec.tsx.snap +0 -2857
  177. package/src/__tests__/components/filter_bar.spec.tsx +0 -190
  178. package/src/__tests__/components/loading_message.spec.tsx +0 -110
  179. package/src/__tests__/components/log_message.spec.tsx +0 -166
  180. package/src/__tests__/components/progress_message.spec.tsx +0 -147
  181. package/src/__tests__/components/prompt_renderer.spec.tsx +0 -274
  182. package/src/__tests__/components/sidebar.spec.tsx +0 -322
  183. package/src/__tests__/utils/render-utils.tsx +0 -39
  184. package/src/adapters/react/components/file/file_log.tsx +0 -241
  185. package/src/adapters/react/components/file/index.ts +0 -1
  186. package/src/adapters/react/components/filter/filter_bar.tsx +0 -79
  187. package/src/adapters/react/components/filter/index.ts +0 -1
  188. package/src/adapters/react/components/help/help_overlay.tsx +0 -100
  189. package/src/adapters/react/components/help/index.ts +0 -1
  190. package/src/adapters/react/components/log/index.ts +0 -1
  191. package/src/adapters/react/components/log/log_message.tsx +0 -102
  192. package/src/adapters/react/components/prompt/index.ts +0 -2
  193. package/src/adapters/react/components/prompt/prompt_renderer.tsx +0 -346
  194. package/src/adapters/react/components/screen/group_renderer.tsx +0 -64
  195. package/src/adapters/react/components/screen/index.ts +0 -6
  196. package/src/adapters/react/components/screen/loading_message.tsx +0 -43
  197. package/src/adapters/react/components/screen/message_renderer.tsx +0 -108
  198. package/src/adapters/react/components/screen/progress_message.tsx +0 -60
  199. package/src/adapters/react/components/screen/screen_bridge.tsx +0 -149
  200. package/src/adapters/react/components/screen/table_message.tsx +0 -57
  201. package/src/adapters/react/components/screen_manager_bridge.tsx +0 -245
  202. package/src/adapters/react/components/sidebar/index.ts +0 -3
  203. package/src/adapters/react/components/sidebar/sidebar.tsx +0 -102
  204. package/src/adapters/react/components/sidebar/sidebar_item.tsx +0 -50
  205. package/src/adapters/react/components/sidebar/sidebar_separator.tsx +0 -13
  206. package/src/adapters/react/context/index.ts +0 -1
  207. package/src/adapters/react/context/logger_context.tsx +0 -109
  208. package/src/adapters/react/hooks/index.ts +0 -1
  209. package/src/adapters/react/hooks/use_theme.ts +0 -12
  210. package/src/adapters/react/index.ts +0 -39
  211. package/src/adapters/solid/components/file/file_log.tsx +0 -221
  212. package/src/adapters/solid/components/file/index.ts +0 -1
  213. package/src/adapters/solid/components/filter/filter_bar.tsx +0 -84
  214. package/src/adapters/solid/components/filter/index.ts +0 -1
  215. package/src/adapters/solid/components/help/help_overlay.tsx +0 -106
  216. package/src/adapters/solid/components/help/index.ts +0 -1
  217. package/src/adapters/solid/components/log/index.ts +0 -1
  218. package/src/adapters/solid/components/log/log_message.tsx +0 -92
  219. package/src/adapters/solid/components/prompt/index.ts +0 -2
  220. package/src/adapters/solid/components/prompt/prompt_renderer.tsx +0 -350
  221. package/src/adapters/solid/components/screen/group_renderer.tsx +0 -61
  222. package/src/adapters/solid/components/screen/index.ts +0 -6
  223. package/src/adapters/solid/components/screen/loading_message.tsx +0 -39
  224. package/src/adapters/solid/components/screen/message_renderer.tsx +0 -122
  225. package/src/adapters/solid/components/screen/progress_message.tsx +0 -61
  226. package/src/adapters/solid/components/screen/screen_bridge.tsx +0 -155
  227. package/src/adapters/solid/components/screen/table_message.tsx +0 -58
  228. package/src/adapters/solid/components/screen_manager_bridge.tsx +0 -243
  229. package/src/adapters/solid/components/sidebar/index.ts +0 -3
  230. package/src/adapters/solid/components/sidebar/sidebar.tsx +0 -108
  231. package/src/adapters/solid/components/sidebar/sidebar_item.tsx +0 -55
  232. package/src/adapters/solid/components/sidebar/sidebar_separator.tsx +0 -13
  233. package/src/adapters/solid/context/index.ts +0 -2
  234. package/src/adapters/solid/context/logger_context.tsx +0 -95
  235. package/src/adapters/solid/hooks/index.ts +0 -1
  236. package/src/adapters/solid/hooks/use_theme.ts +0 -12
  237. package/src/adapters/solid/index.tsx +0 -43
  238. package/src/adapters/solid/jsx.d.ts +0 -98
  239. package/tsconfig.react.json +0 -16
  240. package/tsconfig.solid.json +0 -16
package/src/__tests__/components/__snapshots__/log_message.spec.tsx.snap DELETED
@@ -1,3245 +0,0 @@
1
- // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
-
3
- exports[`LogMessage > border styles > should render with thick border style 1`] = `
4
- <LoggerProvider
5
- theme={
6
- {
7
- "colors": {
8
- "background": "#111827",
9
- "error": "#EF4444",
10
- "foreground": "#F9FAFB",
11
- "muted": "#6B7280",
12
- "primary": "#3B82F6",
13
- "secondary": "#8B5CF6",
14
- "success": "#22C55E",
15
- "warning": "#F59E0B",
16
- },
17
- "errorHighlight": {
18
- "background": "#EF444425",
19
- "border": "#EF4444",
20
- "gutterBackground": "#EF444440",
21
- },
22
- "file": {
23
- "background": "#3B82F615",
24
- "border": "#3B82F6",
25
- "headerBackground": "#3B82F625",
26
- "headerText": "#F9FAFB",
27
- },
28
- "filter": {
29
- "activeLevel": "#3B82F6",
30
- "background": "#1F293780",
31
- "border": "#3B82F6",
32
- "cursor": "#3B82F6",
33
- "inactiveLevel": "#4B5563",
34
- "inputBackground": "#1F2937",
35
- "inputPlaceholder": "#6B7280",
36
- "inputText": "#F9FAFB",
37
- "text": "#E5E7EB",
38
- "textDim": "#6B7280",
39
- },
40
- "group": {
41
- "background": "#6B728010",
42
- "border": "#6B7280",
43
- "headerText": "#E5E7EB",
44
- "icon": "#9CA3AF",
45
- },
46
- "header": {
47
- "background": undefined,
48
- "border": "#374151",
49
- "text": "#F9FAFB",
50
- },
51
- "help": {
52
- "background": "#1F2937",
53
- "border": "#3B82F6",
54
- "category": "#3B82F6",
55
- "description": "#E5E7EB",
56
- "hint": "#6B7280",
57
- "key": "#F59E0B",
58
- "title": "#F9FAFB",
59
- },
60
- "logLevels": {
61
- "debug": {
62
- "background": "#8B5CF615",
63
- "border": "#8B5CF6",
64
- },
65
- "error": {
66
- "background": "#EF444415",
67
- "border": "#EF4444",
68
- },
69
- "fatal": {
70
- "background": "#DC262625",
71
- "border": "#DC2626",
72
- "text": "#FCA5A5",
73
- },
74
- "log": {
75
- "background": "#3B82F615",
76
- "border": "#3B82F6",
77
- },
78
- "verbose": {
79
- "background": "#6B728015",
80
- "border": "#6B7280",
81
- },
82
- "warn": {
83
- "background": "#F59E0B15",
84
- "border": "#F59E0B",
85
- },
86
- },
87
- "name": "dark",
88
- "progress": {
89
- "background": "#3B82F615",
90
- "barEmpty": "#374151",
91
- "barFilled": "#3B82F6",
92
- "border": "#3B82F6",
93
- "complete": "#22C55E",
94
- "completeBackground": "#22C55E15",
95
- "failed": "#EF4444",
96
- "failedBackground": "#EF444415",
97
- "text": "#E5E7EB",
98
- "textDim": "#9CA3AF",
99
- },
100
- "prompt": {
101
- "border": "#374151",
102
- "buttonBackground": "#374151",
103
- "buttonSelectedBackground": "#1F2937",
104
- "cancelButton": "#EF4444",
105
- "confirmButton": "#22C55E",
106
- "focusBorder": "#3B82F6",
107
- "inputBackground": "#1F2937",
108
- "inputBorder": "#3B82F6",
109
- "inputCursor": "#3B82F6",
110
- "inputPlaceholder": "#6B7280",
111
- "inputText": "#F9FAFB",
112
- "optionSelected": "#3B82F6",
113
- "optionSelectedBackground": "#1E3A5F",
114
- "optionText": "#E5E7EB",
115
- "optionTextDim": "#9CA3AF",
116
- "question": "#F9FAFB",
117
- },
118
- "separator": {
119
- "line": "#374151",
120
- "text": "#6B7280",
121
- },
122
- "sidebar": {
123
- "background": undefined,
124
- "badge": "#3B82F6",
125
- "border": "#374151",
126
- "focusBorder": "#3B82F6",
127
- "hoverBackground": "#374151",
128
- "selectedBackground": "#1F293780",
129
- "text": "#E5E7EB",
130
- "textDim": "#6B7280",
131
- },
132
- "statusIndicators": {
133
- "fail": {
134
- "color": "#EF4444",
135
- "icon": "✗",
136
- },
137
- "pending": {
138
- "color": "#F59E0B",
139
- "icon": "◐",
140
- },
141
- "static": {
142
- "color": "#3B82F6",
143
- "icon": "●",
144
- },
145
- "success": {
146
- "color": "#22C55E",
147
- "icon": "✓",
148
- },
149
- "waiting": {
150
- "color": "#6B7280",
151
- "icon": "○",
152
- },
153
- },
154
- "table": {
155
- "background": "#3B82F615",
156
- "border": "#3B82F6",
157
- "cellText": "#E5E7EB",
158
- "headerText": "#F9FAFB",
159
- "separator": "#3B82F650",
160
- "title": "#F9FAFB",
161
- },
162
- }
163
- }
164
- >
165
- <LogMessage
166
- borderStyle="thick"
167
- level="log"
168
- >
169
- Thick border
170
- </LogMessage>
171
- </LoggerProvider>
172
- `;
173
-
174
- exports[`LogMessage > border styles > should render with thin border style (default) 1`] = `
175
- <LoggerProvider
176
- theme={
177
- {
178
- "colors": {
179
- "background": "#111827",
180
- "error": "#EF4444",
181
- "foreground": "#F9FAFB",
182
- "muted": "#6B7280",
183
- "primary": "#3B82F6",
184
- "secondary": "#8B5CF6",
185
- "success": "#22C55E",
186
- "warning": "#F59E0B",
187
- },
188
- "errorHighlight": {
189
- "background": "#EF444425",
190
- "border": "#EF4444",
191
- "gutterBackground": "#EF444440",
192
- },
193
- "file": {
194
- "background": "#3B82F615",
195
- "border": "#3B82F6",
196
- "headerBackground": "#3B82F625",
197
- "headerText": "#F9FAFB",
198
- },
199
- "filter": {
200
- "activeLevel": "#3B82F6",
201
- "background": "#1F293780",
202
- "border": "#3B82F6",
203
- "cursor": "#3B82F6",
204
- "inactiveLevel": "#4B5563",
205
- "inputBackground": "#1F2937",
206
- "inputPlaceholder": "#6B7280",
207
- "inputText": "#F9FAFB",
208
- "text": "#E5E7EB",
209
- "textDim": "#6B7280",
210
- },
211
- "group": {
212
- "background": "#6B728010",
213
- "border": "#6B7280",
214
- "headerText": "#E5E7EB",
215
- "icon": "#9CA3AF",
216
- },
217
- "header": {
218
- "background": undefined,
219
- "border": "#374151",
220
- "text": "#F9FAFB",
221
- },
222
- "help": {
223
- "background": "#1F2937",
224
- "border": "#3B82F6",
225
- "category": "#3B82F6",
226
- "description": "#E5E7EB",
227
- "hint": "#6B7280",
228
- "key": "#F59E0B",
229
- "title": "#F9FAFB",
230
- },
231
- "logLevels": {
232
- "debug": {
233
- "background": "#8B5CF615",
234
- "border": "#8B5CF6",
235
- },
236
- "error": {
237
- "background": "#EF444415",
238
- "border": "#EF4444",
239
- },
240
- "fatal": {
241
- "background": "#DC262625",
242
- "border": "#DC2626",
243
- "text": "#FCA5A5",
244
- },
245
- "log": {
246
- "background": "#3B82F615",
247
- "border": "#3B82F6",
248
- },
249
- "verbose": {
250
- "background": "#6B728015",
251
- "border": "#6B7280",
252
- },
253
- "warn": {
254
- "background": "#F59E0B15",
255
- "border": "#F59E0B",
256
- },
257
- },
258
- "name": "dark",
259
- "progress": {
260
- "background": "#3B82F615",
261
- "barEmpty": "#374151",
262
- "barFilled": "#3B82F6",
263
- "border": "#3B82F6",
264
- "complete": "#22C55E",
265
- "completeBackground": "#22C55E15",
266
- "failed": "#EF4444",
267
- "failedBackground": "#EF444415",
268
- "text": "#E5E7EB",
269
- "textDim": "#9CA3AF",
270
- },
271
- "prompt": {
272
- "border": "#374151",
273
- "buttonBackground": "#374151",
274
- "buttonSelectedBackground": "#1F2937",
275
- "cancelButton": "#EF4444",
276
- "confirmButton": "#22C55E",
277
- "focusBorder": "#3B82F6",
278
- "inputBackground": "#1F2937",
279
- "inputBorder": "#3B82F6",
280
- "inputCursor": "#3B82F6",
281
- "inputPlaceholder": "#6B7280",
282
- "inputText": "#F9FAFB",
283
- "optionSelected": "#3B82F6",
284
- "optionSelectedBackground": "#1E3A5F",
285
- "optionText": "#E5E7EB",
286
- "optionTextDim": "#9CA3AF",
287
- "question": "#F9FAFB",
288
- },
289
- "separator": {
290
- "line": "#374151",
291
- "text": "#6B7280",
292
- },
293
- "sidebar": {
294
- "background": undefined,
295
- "badge": "#3B82F6",
296
- "border": "#374151",
297
- "focusBorder": "#3B82F6",
298
- "hoverBackground": "#374151",
299
- "selectedBackground": "#1F293780",
300
- "text": "#E5E7EB",
301
- "textDim": "#6B7280",
302
- },
303
- "statusIndicators": {
304
- "fail": {
305
- "color": "#EF4444",
306
- "icon": "✗",
307
- },
308
- "pending": {
309
- "color": "#F59E0B",
310
- "icon": "◐",
311
- },
312
- "static": {
313
- "color": "#3B82F6",
314
- "icon": "●",
315
- },
316
- "success": {
317
- "color": "#22C55E",
318
- "icon": "✓",
319
- },
320
- "waiting": {
321
- "color": "#6B7280",
322
- "icon": "○",
323
- },
324
- },
325
- "table": {
326
- "background": "#3B82F615",
327
- "border": "#3B82F6",
328
- "cellText": "#E5E7EB",
329
- "headerText": "#F9FAFB",
330
- "separator": "#3B82F650",
331
- "title": "#F9FAFB",
332
- },
333
- }
334
- }
335
- >
336
- <LogMessage
337
- borderStyle="thin"
338
- level="log"
339
- >
340
- Thin border
341
- </LogMessage>
342
- </LoggerProvider>
343
- `;
344
-
345
- exports[`LogMessage > renders log levels > should render debug level 1`] = `
346
- <LoggerProvider
347
- theme={
348
- {
349
- "colors": {
350
- "background": "#111827",
351
- "error": "#EF4444",
352
- "foreground": "#F9FAFB",
353
- "muted": "#6B7280",
354
- "primary": "#3B82F6",
355
- "secondary": "#8B5CF6",
356
- "success": "#22C55E",
357
- "warning": "#F59E0B",
358
- },
359
- "errorHighlight": {
360
- "background": "#EF444425",
361
- "border": "#EF4444",
362
- "gutterBackground": "#EF444440",
363
- },
364
- "file": {
365
- "background": "#3B82F615",
366
- "border": "#3B82F6",
367
- "headerBackground": "#3B82F625",
368
- "headerText": "#F9FAFB",
369
- },
370
- "filter": {
371
- "activeLevel": "#3B82F6",
372
- "background": "#1F293780",
373
- "border": "#3B82F6",
374
- "cursor": "#3B82F6",
375
- "inactiveLevel": "#4B5563",
376
- "inputBackground": "#1F2937",
377
- "inputPlaceholder": "#6B7280",
378
- "inputText": "#F9FAFB",
379
- "text": "#E5E7EB",
380
- "textDim": "#6B7280",
381
- },
382
- "group": {
383
- "background": "#6B728010",
384
- "border": "#6B7280",
385
- "headerText": "#E5E7EB",
386
- "icon": "#9CA3AF",
387
- },
388
- "header": {
389
- "background": undefined,
390
- "border": "#374151",
391
- "text": "#F9FAFB",
392
- },
393
- "help": {
394
- "background": "#1F2937",
395
- "border": "#3B82F6",
396
- "category": "#3B82F6",
397
- "description": "#E5E7EB",
398
- "hint": "#6B7280",
399
- "key": "#F59E0B",
400
- "title": "#F9FAFB",
401
- },
402
- "logLevels": {
403
- "debug": {
404
- "background": "#8B5CF615",
405
- "border": "#8B5CF6",
406
- },
407
- "error": {
408
- "background": "#EF444415",
409
- "border": "#EF4444",
410
- },
411
- "fatal": {
412
- "background": "#DC262625",
413
- "border": "#DC2626",
414
- "text": "#FCA5A5",
415
- },
416
- "log": {
417
- "background": "#3B82F615",
418
- "border": "#3B82F6",
419
- },
420
- "verbose": {
421
- "background": "#6B728015",
422
- "border": "#6B7280",
423
- },
424
- "warn": {
425
- "background": "#F59E0B15",
426
- "border": "#F59E0B",
427
- },
428
- },
429
- "name": "dark",
430
- "progress": {
431
- "background": "#3B82F615",
432
- "barEmpty": "#374151",
433
- "barFilled": "#3B82F6",
434
- "border": "#3B82F6",
435
- "complete": "#22C55E",
436
- "completeBackground": "#22C55E15",
437
- "failed": "#EF4444",
438
- "failedBackground": "#EF444415",
439
- "text": "#E5E7EB",
440
- "textDim": "#9CA3AF",
441
- },
442
- "prompt": {
443
- "border": "#374151",
444
- "buttonBackground": "#374151",
445
- "buttonSelectedBackground": "#1F2937",
446
- "cancelButton": "#EF4444",
447
- "confirmButton": "#22C55E",
448
- "focusBorder": "#3B82F6",
449
- "inputBackground": "#1F2937",
450
- "inputBorder": "#3B82F6",
451
- "inputCursor": "#3B82F6",
452
- "inputPlaceholder": "#6B7280",
453
- "inputText": "#F9FAFB",
454
- "optionSelected": "#3B82F6",
455
- "optionSelectedBackground": "#1E3A5F",
456
- "optionText": "#E5E7EB",
457
- "optionTextDim": "#9CA3AF",
458
- "question": "#F9FAFB",
459
- },
460
- "separator": {
461
- "line": "#374151",
462
- "text": "#6B7280",
463
- },
464
- "sidebar": {
465
- "background": undefined,
466
- "badge": "#3B82F6",
467
- "border": "#374151",
468
- "focusBorder": "#3B82F6",
469
- "hoverBackground": "#374151",
470
- "selectedBackground": "#1F293780",
471
- "text": "#E5E7EB",
472
- "textDim": "#6B7280",
473
- },
474
- "statusIndicators": {
475
- "fail": {
476
- "color": "#EF4444",
477
- "icon": "✗",
478
- },
479
- "pending": {
480
- "color": "#F59E0B",
481
- "icon": "◐",
482
- },
483
- "static": {
484
- "color": "#3B82F6",
485
- "icon": "●",
486
- },
487
- "success": {
488
- "color": "#22C55E",
489
- "icon": "✓",
490
- },
491
- "waiting": {
492
- "color": "#6B7280",
493
- "icon": "○",
494
- },
495
- },
496
- "table": {
497
- "background": "#3B82F615",
498
- "border": "#3B82F6",
499
- "cellText": "#E5E7EB",
500
- "headerText": "#F9FAFB",
501
- "separator": "#3B82F650",
502
- "title": "#F9FAFB",
503
- },
504
- }
505
- }
506
- >
507
- <LogMessage
508
- level="debug"
509
- >
510
- Test message
511
- </LogMessage>
512
- </LoggerProvider>
513
- `;
514
-
515
- exports[`LogMessage > renders log levels > should render error level 1`] = `
516
- <LoggerProvider
517
- theme={
518
- {
519
- "colors": {
520
- "background": "#111827",
521
- "error": "#EF4444",
522
- "foreground": "#F9FAFB",
523
- "muted": "#6B7280",
524
- "primary": "#3B82F6",
525
- "secondary": "#8B5CF6",
526
- "success": "#22C55E",
527
- "warning": "#F59E0B",
528
- },
529
- "errorHighlight": {
530
- "background": "#EF444425",
531
- "border": "#EF4444",
532
- "gutterBackground": "#EF444440",
533
- },
534
- "file": {
535
- "background": "#3B82F615",
536
- "border": "#3B82F6",
537
- "headerBackground": "#3B82F625",
538
- "headerText": "#F9FAFB",
539
- },
540
- "filter": {
541
- "activeLevel": "#3B82F6",
542
- "background": "#1F293780",
543
- "border": "#3B82F6",
544
- "cursor": "#3B82F6",
545
- "inactiveLevel": "#4B5563",
546
- "inputBackground": "#1F2937",
547
- "inputPlaceholder": "#6B7280",
548
- "inputText": "#F9FAFB",
549
- "text": "#E5E7EB",
550
- "textDim": "#6B7280",
551
- },
552
- "group": {
553
- "background": "#6B728010",
554
- "border": "#6B7280",
555
- "headerText": "#E5E7EB",
556
- "icon": "#9CA3AF",
557
- },
558
- "header": {
559
- "background": undefined,
560
- "border": "#374151",
561
- "text": "#F9FAFB",
562
- },
563
- "help": {
564
- "background": "#1F2937",
565
- "border": "#3B82F6",
566
- "category": "#3B82F6",
567
- "description": "#E5E7EB",
568
- "hint": "#6B7280",
569
- "key": "#F59E0B",
570
- "title": "#F9FAFB",
571
- },
572
- "logLevels": {
573
- "debug": {
574
- "background": "#8B5CF615",
575
- "border": "#8B5CF6",
576
- },
577
- "error": {
578
- "background": "#EF444415",
579
- "border": "#EF4444",
580
- },
581
- "fatal": {
582
- "background": "#DC262625",
583
- "border": "#DC2626",
584
- "text": "#FCA5A5",
585
- },
586
- "log": {
587
- "background": "#3B82F615",
588
- "border": "#3B82F6",
589
- },
590
- "verbose": {
591
- "background": "#6B728015",
592
- "border": "#6B7280",
593
- },
594
- "warn": {
595
- "background": "#F59E0B15",
596
- "border": "#F59E0B",
597
- },
598
- },
599
- "name": "dark",
600
- "progress": {
601
- "background": "#3B82F615",
602
- "barEmpty": "#374151",
603
- "barFilled": "#3B82F6",
604
- "border": "#3B82F6",
605
- "complete": "#22C55E",
606
- "completeBackground": "#22C55E15",
607
- "failed": "#EF4444",
608
- "failedBackground": "#EF444415",
609
- "text": "#E5E7EB",
610
- "textDim": "#9CA3AF",
611
- },
612
- "prompt": {
613
- "border": "#374151",
614
- "buttonBackground": "#374151",
615
- "buttonSelectedBackground": "#1F2937",
616
- "cancelButton": "#EF4444",
617
- "confirmButton": "#22C55E",
618
- "focusBorder": "#3B82F6",
619
- "inputBackground": "#1F2937",
620
- "inputBorder": "#3B82F6",
621
- "inputCursor": "#3B82F6",
622
- "inputPlaceholder": "#6B7280",
623
- "inputText": "#F9FAFB",
624
- "optionSelected": "#3B82F6",
625
- "optionSelectedBackground": "#1E3A5F",
626
- "optionText": "#E5E7EB",
627
- "optionTextDim": "#9CA3AF",
628
- "question": "#F9FAFB",
629
- },
630
- "separator": {
631
- "line": "#374151",
632
- "text": "#6B7280",
633
- },
634
- "sidebar": {
635
- "background": undefined,
636
- "badge": "#3B82F6",
637
- "border": "#374151",
638
- "focusBorder": "#3B82F6",
639
- "hoverBackground": "#374151",
640
- "selectedBackground": "#1F293780",
641
- "text": "#E5E7EB",
642
- "textDim": "#6B7280",
643
- },
644
- "statusIndicators": {
645
- "fail": {
646
- "color": "#EF4444",
647
- "icon": "✗",
648
- },
649
- "pending": {
650
- "color": "#F59E0B",
651
- "icon": "◐",
652
- },
653
- "static": {
654
- "color": "#3B82F6",
655
- "icon": "●",
656
- },
657
- "success": {
658
- "color": "#22C55E",
659
- "icon": "✓",
660
- },
661
- "waiting": {
662
- "color": "#6B7280",
663
- "icon": "○",
664
- },
665
- },
666
- "table": {
667
- "background": "#3B82F615",
668
- "border": "#3B82F6",
669
- "cellText": "#E5E7EB",
670
- "headerText": "#F9FAFB",
671
- "separator": "#3B82F650",
672
- "title": "#F9FAFB",
673
- },
674
- }
675
- }
676
- >
677
- <LogMessage
678
- level="error"
679
- >
680
- Test message
681
- </LogMessage>
682
- </LoggerProvider>
683
- `;
684
-
685
- exports[`LogMessage > renders log levels > should render fatal level 1`] = `
686
- <LoggerProvider
687
- theme={
688
- {
689
- "colors": {
690
- "background": "#111827",
691
- "error": "#EF4444",
692
- "foreground": "#F9FAFB",
693
- "muted": "#6B7280",
694
- "primary": "#3B82F6",
695
- "secondary": "#8B5CF6",
696
- "success": "#22C55E",
697
- "warning": "#F59E0B",
698
- },
699
- "errorHighlight": {
700
- "background": "#EF444425",
701
- "border": "#EF4444",
702
- "gutterBackground": "#EF444440",
703
- },
704
- "file": {
705
- "background": "#3B82F615",
706
- "border": "#3B82F6",
707
- "headerBackground": "#3B82F625",
708
- "headerText": "#F9FAFB",
709
- },
710
- "filter": {
711
- "activeLevel": "#3B82F6",
712
- "background": "#1F293780",
713
- "border": "#3B82F6",
714
- "cursor": "#3B82F6",
715
- "inactiveLevel": "#4B5563",
716
- "inputBackground": "#1F2937",
717
- "inputPlaceholder": "#6B7280",
718
- "inputText": "#F9FAFB",
719
- "text": "#E5E7EB",
720
- "textDim": "#6B7280",
721
- },
722
- "group": {
723
- "background": "#6B728010",
724
- "border": "#6B7280",
725
- "headerText": "#E5E7EB",
726
- "icon": "#9CA3AF",
727
- },
728
- "header": {
729
- "background": undefined,
730
- "border": "#374151",
731
- "text": "#F9FAFB",
732
- },
733
- "help": {
734
- "background": "#1F2937",
735
- "border": "#3B82F6",
736
- "category": "#3B82F6",
737
- "description": "#E5E7EB",
738
- "hint": "#6B7280",
739
- "key": "#F59E0B",
740
- "title": "#F9FAFB",
741
- },
742
- "logLevels": {
743
- "debug": {
744
- "background": "#8B5CF615",
745
- "border": "#8B5CF6",
746
- },
747
- "error": {
748
- "background": "#EF444415",
749
- "border": "#EF4444",
750
- },
751
- "fatal": {
752
- "background": "#DC262625",
753
- "border": "#DC2626",
754
- "text": "#FCA5A5",
755
- },
756
- "log": {
757
- "background": "#3B82F615",
758
- "border": "#3B82F6",
759
- },
760
- "verbose": {
761
- "background": "#6B728015",
762
- "border": "#6B7280",
763
- },
764
- "warn": {
765
- "background": "#F59E0B15",
766
- "border": "#F59E0B",
767
- },
768
- },
769
- "name": "dark",
770
- "progress": {
771
- "background": "#3B82F615",
772
- "barEmpty": "#374151",
773
- "barFilled": "#3B82F6",
774
- "border": "#3B82F6",
775
- "complete": "#22C55E",
776
- "completeBackground": "#22C55E15",
777
- "failed": "#EF4444",
778
- "failedBackground": "#EF444415",
779
- "text": "#E5E7EB",
780
- "textDim": "#9CA3AF",
781
- },
782
- "prompt": {
783
- "border": "#374151",
784
- "buttonBackground": "#374151",
785
- "buttonSelectedBackground": "#1F2937",
786
- "cancelButton": "#EF4444",
787
- "confirmButton": "#22C55E",
788
- "focusBorder": "#3B82F6",
789
- "inputBackground": "#1F2937",
790
- "inputBorder": "#3B82F6",
791
- "inputCursor": "#3B82F6",
792
- "inputPlaceholder": "#6B7280",
793
- "inputText": "#F9FAFB",
794
- "optionSelected": "#3B82F6",
795
- "optionSelectedBackground": "#1E3A5F",
796
- "optionText": "#E5E7EB",
797
- "optionTextDim": "#9CA3AF",
798
- "question": "#F9FAFB",
799
- },
800
- "separator": {
801
- "line": "#374151",
802
- "text": "#6B7280",
803
- },
804
- "sidebar": {
805
- "background": undefined,
806
- "badge": "#3B82F6",
807
- "border": "#374151",
808
- "focusBorder": "#3B82F6",
809
- "hoverBackground": "#374151",
810
- "selectedBackground": "#1F293780",
811
- "text": "#E5E7EB",
812
- "textDim": "#6B7280",
813
- },
814
- "statusIndicators": {
815
- "fail": {
816
- "color": "#EF4444",
817
- "icon": "✗",
818
- },
819
- "pending": {
820
- "color": "#F59E0B",
821
- "icon": "◐",
822
- },
823
- "static": {
824
- "color": "#3B82F6",
825
- "icon": "●",
826
- },
827
- "success": {
828
- "color": "#22C55E",
829
- "icon": "✓",
830
- },
831
- "waiting": {
832
- "color": "#6B7280",
833
- "icon": "○",
834
- },
835
- },
836
- "table": {
837
- "background": "#3B82F615",
838
- "border": "#3B82F6",
839
- "cellText": "#E5E7EB",
840
- "headerText": "#F9FAFB",
841
- "separator": "#3B82F650",
842
- "title": "#F9FAFB",
843
- },
844
- }
845
- }
846
- >
847
- <LogMessage
848
- level="fatal"
849
- >
850
- Test message
851
- </LogMessage>
852
- </LoggerProvider>
853
- `;
854
-
855
- exports[`LogMessage > renders log levels > should render log level 1`] = `
856
- <LoggerProvider
857
- theme={
858
- {
859
- "colors": {
860
- "background": "#111827",
861
- "error": "#EF4444",
862
- "foreground": "#F9FAFB",
863
- "muted": "#6B7280",
864
- "primary": "#3B82F6",
865
- "secondary": "#8B5CF6",
866
- "success": "#22C55E",
867
- "warning": "#F59E0B",
868
- },
869
- "errorHighlight": {
870
- "background": "#EF444425",
871
- "border": "#EF4444",
872
- "gutterBackground": "#EF444440",
873
- },
874
- "file": {
875
- "background": "#3B82F615",
876
- "border": "#3B82F6",
877
- "headerBackground": "#3B82F625",
878
- "headerText": "#F9FAFB",
879
- },
880
- "filter": {
881
- "activeLevel": "#3B82F6",
882
- "background": "#1F293780",
883
- "border": "#3B82F6",
884
- "cursor": "#3B82F6",
885
- "inactiveLevel": "#4B5563",
886
- "inputBackground": "#1F2937",
887
- "inputPlaceholder": "#6B7280",
888
- "inputText": "#F9FAFB",
889
- "text": "#E5E7EB",
890
- "textDim": "#6B7280",
891
- },
892
- "group": {
893
- "background": "#6B728010",
894
- "border": "#6B7280",
895
- "headerText": "#E5E7EB",
896
- "icon": "#9CA3AF",
897
- },
898
- "header": {
899
- "background": undefined,
900
- "border": "#374151",
901
- "text": "#F9FAFB",
902
- },
903
- "help": {
904
- "background": "#1F2937",
905
- "border": "#3B82F6",
906
- "category": "#3B82F6",
907
- "description": "#E5E7EB",
908
- "hint": "#6B7280",
909
- "key": "#F59E0B",
910
- "title": "#F9FAFB",
911
- },
912
- "logLevels": {
913
- "debug": {
914
- "background": "#8B5CF615",
915
- "border": "#8B5CF6",
916
- },
917
- "error": {
918
- "background": "#EF444415",
919
- "border": "#EF4444",
920
- },
921
- "fatal": {
922
- "background": "#DC262625",
923
- "border": "#DC2626",
924
- "text": "#FCA5A5",
925
- },
926
- "log": {
927
- "background": "#3B82F615",
928
- "border": "#3B82F6",
929
- },
930
- "verbose": {
931
- "background": "#6B728015",
932
- "border": "#6B7280",
933
- },
934
- "warn": {
935
- "background": "#F59E0B15",
936
- "border": "#F59E0B",
937
- },
938
- },
939
- "name": "dark",
940
- "progress": {
941
- "background": "#3B82F615",
942
- "barEmpty": "#374151",
943
- "barFilled": "#3B82F6",
944
- "border": "#3B82F6",
945
- "complete": "#22C55E",
946
- "completeBackground": "#22C55E15",
947
- "failed": "#EF4444",
948
- "failedBackground": "#EF444415",
949
- "text": "#E5E7EB",
950
- "textDim": "#9CA3AF",
951
- },
952
- "prompt": {
953
- "border": "#374151",
954
- "buttonBackground": "#374151",
955
- "buttonSelectedBackground": "#1F2937",
956
- "cancelButton": "#EF4444",
957
- "confirmButton": "#22C55E",
958
- "focusBorder": "#3B82F6",
959
- "inputBackground": "#1F2937",
960
- "inputBorder": "#3B82F6",
961
- "inputCursor": "#3B82F6",
962
- "inputPlaceholder": "#6B7280",
963
- "inputText": "#F9FAFB",
964
- "optionSelected": "#3B82F6",
965
- "optionSelectedBackground": "#1E3A5F",
966
- "optionText": "#E5E7EB",
967
- "optionTextDim": "#9CA3AF",
968
- "question": "#F9FAFB",
969
- },
970
- "separator": {
971
- "line": "#374151",
972
- "text": "#6B7280",
973
- },
974
- "sidebar": {
975
- "background": undefined,
976
- "badge": "#3B82F6",
977
- "border": "#374151",
978
- "focusBorder": "#3B82F6",
979
- "hoverBackground": "#374151",
980
- "selectedBackground": "#1F293780",
981
- "text": "#E5E7EB",
982
- "textDim": "#6B7280",
983
- },
984
- "statusIndicators": {
985
- "fail": {
986
- "color": "#EF4444",
987
- "icon": "✗",
988
- },
989
- "pending": {
990
- "color": "#F59E0B",
991
- "icon": "◐",
992
- },
993
- "static": {
994
- "color": "#3B82F6",
995
- "icon": "●",
996
- },
997
- "success": {
998
- "color": "#22C55E",
999
- "icon": "✓",
1000
- },
1001
- "waiting": {
1002
- "color": "#6B7280",
1003
- "icon": "○",
1004
- },
1005
- },
1006
- "table": {
1007
- "background": "#3B82F615",
1008
- "border": "#3B82F6",
1009
- "cellText": "#E5E7EB",
1010
- "headerText": "#F9FAFB",
1011
- "separator": "#3B82F650",
1012
- "title": "#F9FAFB",
1013
- },
1014
- }
1015
- }
1016
- >
1017
- <LogMessage
1018
- level="log"
1019
- >
1020
- Test message
1021
- </LogMessage>
1022
- </LoggerProvider>
1023
- `;
1024
-
1025
- exports[`LogMessage > renders log levels > should render verbose level 1`] = `
1026
- <LoggerProvider
1027
- theme={
1028
- {
1029
- "colors": {
1030
- "background": "#111827",
1031
- "error": "#EF4444",
1032
- "foreground": "#F9FAFB",
1033
- "muted": "#6B7280",
1034
- "primary": "#3B82F6",
1035
- "secondary": "#8B5CF6",
1036
- "success": "#22C55E",
1037
- "warning": "#F59E0B",
1038
- },
1039
- "errorHighlight": {
1040
- "background": "#EF444425",
1041
- "border": "#EF4444",
1042
- "gutterBackground": "#EF444440",
1043
- },
1044
- "file": {
1045
- "background": "#3B82F615",
1046
- "border": "#3B82F6",
1047
- "headerBackground": "#3B82F625",
1048
- "headerText": "#F9FAFB",
1049
- },
1050
- "filter": {
1051
- "activeLevel": "#3B82F6",
1052
- "background": "#1F293780",
1053
- "border": "#3B82F6",
1054
- "cursor": "#3B82F6",
1055
- "inactiveLevel": "#4B5563",
1056
- "inputBackground": "#1F2937",
1057
- "inputPlaceholder": "#6B7280",
1058
- "inputText": "#F9FAFB",
1059
- "text": "#E5E7EB",
1060
- "textDim": "#6B7280",
1061
- },
1062
- "group": {
1063
- "background": "#6B728010",
1064
- "border": "#6B7280",
1065
- "headerText": "#E5E7EB",
1066
- "icon": "#9CA3AF",
1067
- },
1068
- "header": {
1069
- "background": undefined,
1070
- "border": "#374151",
1071
- "text": "#F9FAFB",
1072
- },
1073
- "help": {
1074
- "background": "#1F2937",
1075
- "border": "#3B82F6",
1076
- "category": "#3B82F6",
1077
- "description": "#E5E7EB",
1078
- "hint": "#6B7280",
1079
- "key": "#F59E0B",
1080
- "title": "#F9FAFB",
1081
- },
1082
- "logLevels": {
1083
- "debug": {
1084
- "background": "#8B5CF615",
1085
- "border": "#8B5CF6",
1086
- },
1087
- "error": {
1088
- "background": "#EF444415",
1089
- "border": "#EF4444",
1090
- },
1091
- "fatal": {
1092
- "background": "#DC262625",
1093
- "border": "#DC2626",
1094
- "text": "#FCA5A5",
1095
- },
1096
- "log": {
1097
- "background": "#3B82F615",
1098
- "border": "#3B82F6",
1099
- },
1100
- "verbose": {
1101
- "background": "#6B728015",
1102
- "border": "#6B7280",
1103
- },
1104
- "warn": {
1105
- "background": "#F59E0B15",
1106
- "border": "#F59E0B",
1107
- },
1108
- },
1109
- "name": "dark",
1110
- "progress": {
1111
- "background": "#3B82F615",
1112
- "barEmpty": "#374151",
1113
- "barFilled": "#3B82F6",
1114
- "border": "#3B82F6",
1115
- "complete": "#22C55E",
1116
- "completeBackground": "#22C55E15",
1117
- "failed": "#EF4444",
1118
- "failedBackground": "#EF444415",
1119
- "text": "#E5E7EB",
1120
- "textDim": "#9CA3AF",
1121
- },
1122
- "prompt": {
1123
- "border": "#374151",
1124
- "buttonBackground": "#374151",
1125
- "buttonSelectedBackground": "#1F2937",
1126
- "cancelButton": "#EF4444",
1127
- "confirmButton": "#22C55E",
1128
- "focusBorder": "#3B82F6",
1129
- "inputBackground": "#1F2937",
1130
- "inputBorder": "#3B82F6",
1131
- "inputCursor": "#3B82F6",
1132
- "inputPlaceholder": "#6B7280",
1133
- "inputText": "#F9FAFB",
1134
- "optionSelected": "#3B82F6",
1135
- "optionSelectedBackground": "#1E3A5F",
1136
- "optionText": "#E5E7EB",
1137
- "optionTextDim": "#9CA3AF",
1138
- "question": "#F9FAFB",
1139
- },
1140
- "separator": {
1141
- "line": "#374151",
1142
- "text": "#6B7280",
1143
- },
1144
- "sidebar": {
1145
- "background": undefined,
1146
- "badge": "#3B82F6",
1147
- "border": "#374151",
1148
- "focusBorder": "#3B82F6",
1149
- "hoverBackground": "#374151",
1150
- "selectedBackground": "#1F293780",
1151
- "text": "#E5E7EB",
1152
- "textDim": "#6B7280",
1153
- },
1154
- "statusIndicators": {
1155
- "fail": {
1156
- "color": "#EF4444",
1157
- "icon": "✗",
1158
- },
1159
- "pending": {
1160
- "color": "#F59E0B",
1161
- "icon": "◐",
1162
- },
1163
- "static": {
1164
- "color": "#3B82F6",
1165
- "icon": "●",
1166
- },
1167
- "success": {
1168
- "color": "#22C55E",
1169
- "icon": "✓",
1170
- },
1171
- "waiting": {
1172
- "color": "#6B7280",
1173
- "icon": "○",
1174
- },
1175
- },
1176
- "table": {
1177
- "background": "#3B82F615",
1178
- "border": "#3B82F6",
1179
- "cellText": "#E5E7EB",
1180
- "headerText": "#F9FAFB",
1181
- "separator": "#3B82F650",
1182
- "title": "#F9FAFB",
1183
- },
1184
- }
1185
- }
1186
- >
1187
- <LogMessage
1188
- level="verbose"
1189
- >
1190
- Test message
1191
- </LogMessage>
1192
- </LoggerProvider>
1193
- `;
1194
-
1195
- exports[`LogMessage > renders log levels > should render warn level 1`] = `
1196
- <LoggerProvider
1197
- theme={
1198
- {
1199
- "colors": {
1200
- "background": "#111827",
1201
- "error": "#EF4444",
1202
- "foreground": "#F9FAFB",
1203
- "muted": "#6B7280",
1204
- "primary": "#3B82F6",
1205
- "secondary": "#8B5CF6",
1206
- "success": "#22C55E",
1207
- "warning": "#F59E0B",
1208
- },
1209
- "errorHighlight": {
1210
- "background": "#EF444425",
1211
- "border": "#EF4444",
1212
- "gutterBackground": "#EF444440",
1213
- },
1214
- "file": {
1215
- "background": "#3B82F615",
1216
- "border": "#3B82F6",
1217
- "headerBackground": "#3B82F625",
1218
- "headerText": "#F9FAFB",
1219
- },
1220
- "filter": {
1221
- "activeLevel": "#3B82F6",
1222
- "background": "#1F293780",
1223
- "border": "#3B82F6",
1224
- "cursor": "#3B82F6",
1225
- "inactiveLevel": "#4B5563",
1226
- "inputBackground": "#1F2937",
1227
- "inputPlaceholder": "#6B7280",
1228
- "inputText": "#F9FAFB",
1229
- "text": "#E5E7EB",
1230
- "textDim": "#6B7280",
1231
- },
1232
- "group": {
1233
- "background": "#6B728010",
1234
- "border": "#6B7280",
1235
- "headerText": "#E5E7EB",
1236
- "icon": "#9CA3AF",
1237
- },
1238
- "header": {
1239
- "background": undefined,
1240
- "border": "#374151",
1241
- "text": "#F9FAFB",
1242
- },
1243
- "help": {
1244
- "background": "#1F2937",
1245
- "border": "#3B82F6",
1246
- "category": "#3B82F6",
1247
- "description": "#E5E7EB",
1248
- "hint": "#6B7280",
1249
- "key": "#F59E0B",
1250
- "title": "#F9FAFB",
1251
- },
1252
- "logLevels": {
1253
- "debug": {
1254
- "background": "#8B5CF615",
1255
- "border": "#8B5CF6",
1256
- },
1257
- "error": {
1258
- "background": "#EF444415",
1259
- "border": "#EF4444",
1260
- },
1261
- "fatal": {
1262
- "background": "#DC262625",
1263
- "border": "#DC2626",
1264
- "text": "#FCA5A5",
1265
- },
1266
- "log": {
1267
- "background": "#3B82F615",
1268
- "border": "#3B82F6",
1269
- },
1270
- "verbose": {
1271
- "background": "#6B728015",
1272
- "border": "#6B7280",
1273
- },
1274
- "warn": {
1275
- "background": "#F59E0B15",
1276
- "border": "#F59E0B",
1277
- },
1278
- },
1279
- "name": "dark",
1280
- "progress": {
1281
- "background": "#3B82F615",
1282
- "barEmpty": "#374151",
1283
- "barFilled": "#3B82F6",
1284
- "border": "#3B82F6",
1285
- "complete": "#22C55E",
1286
- "completeBackground": "#22C55E15",
1287
- "failed": "#EF4444",
1288
- "failedBackground": "#EF444415",
1289
- "text": "#E5E7EB",
1290
- "textDim": "#9CA3AF",
1291
- },
1292
- "prompt": {
1293
- "border": "#374151",
1294
- "buttonBackground": "#374151",
1295
- "buttonSelectedBackground": "#1F2937",
1296
- "cancelButton": "#EF4444",
1297
- "confirmButton": "#22C55E",
1298
- "focusBorder": "#3B82F6",
1299
- "inputBackground": "#1F2937",
1300
- "inputBorder": "#3B82F6",
1301
- "inputCursor": "#3B82F6",
1302
- "inputPlaceholder": "#6B7280",
1303
- "inputText": "#F9FAFB",
1304
- "optionSelected": "#3B82F6",
1305
- "optionSelectedBackground": "#1E3A5F",
1306
- "optionText": "#E5E7EB",
1307
- "optionTextDim": "#9CA3AF",
1308
- "question": "#F9FAFB",
1309
- },
1310
- "separator": {
1311
- "line": "#374151",
1312
- "text": "#6B7280",
1313
- },
1314
- "sidebar": {
1315
- "background": undefined,
1316
- "badge": "#3B82F6",
1317
- "border": "#374151",
1318
- "focusBorder": "#3B82F6",
1319
- "hoverBackground": "#374151",
1320
- "selectedBackground": "#1F293780",
1321
- "text": "#E5E7EB",
1322
- "textDim": "#6B7280",
1323
- },
1324
- "statusIndicators": {
1325
- "fail": {
1326
- "color": "#EF4444",
1327
- "icon": "✗",
1328
- },
1329
- "pending": {
1330
- "color": "#F59E0B",
1331
- "icon": "◐",
1332
- },
1333
- "static": {
1334
- "color": "#3B82F6",
1335
- "icon": "●",
1336
- },
1337
- "success": {
1338
- "color": "#22C55E",
1339
- "icon": "✓",
1340
- },
1341
- "waiting": {
1342
- "color": "#6B7280",
1343
- "icon": "○",
1344
- },
1345
- },
1346
- "table": {
1347
- "background": "#3B82F615",
1348
- "border": "#3B82F6",
1349
- "cellText": "#E5E7EB",
1350
- "headerText": "#F9FAFB",
1351
- "separator": "#3B82F650",
1352
- "title": "#F9FAFB",
1353
- },
1354
- }
1355
- }
1356
- >
1357
- <LogMessage
1358
- level="warn"
1359
- >
1360
- Test message
1361
- </LogMessage>
1362
- </LoggerProvider>
1363
- `;
1364
-
1365
- exports[`LogMessage > variants > should render with success variant 1`] = `
1366
- <LoggerProvider
1367
- theme={
1368
- {
1369
- "colors": {
1370
- "background": "#111827",
1371
- "error": "#EF4444",
1372
- "foreground": "#F9FAFB",
1373
- "muted": "#6B7280",
1374
- "primary": "#3B82F6",
1375
- "secondary": "#8B5CF6",
1376
- "success": "#22C55E",
1377
- "warning": "#F59E0B",
1378
- },
1379
- "errorHighlight": {
1380
- "background": "#EF444425",
1381
- "border": "#EF4444",
1382
- "gutterBackground": "#EF444440",
1383
- },
1384
- "file": {
1385
- "background": "#3B82F615",
1386
- "border": "#3B82F6",
1387
- "headerBackground": "#3B82F625",
1388
- "headerText": "#F9FAFB",
1389
- },
1390
- "filter": {
1391
- "activeLevel": "#3B82F6",
1392
- "background": "#1F293780",
1393
- "border": "#3B82F6",
1394
- "cursor": "#3B82F6",
1395
- "inactiveLevel": "#4B5563",
1396
- "inputBackground": "#1F2937",
1397
- "inputPlaceholder": "#6B7280",
1398
- "inputText": "#F9FAFB",
1399
- "text": "#E5E7EB",
1400
- "textDim": "#6B7280",
1401
- },
1402
- "group": {
1403
- "background": "#6B728010",
1404
- "border": "#6B7280",
1405
- "headerText": "#E5E7EB",
1406
- "icon": "#9CA3AF",
1407
- },
1408
- "header": {
1409
- "background": undefined,
1410
- "border": "#374151",
1411
- "text": "#F9FAFB",
1412
- },
1413
- "help": {
1414
- "background": "#1F2937",
1415
- "border": "#3B82F6",
1416
- "category": "#3B82F6",
1417
- "description": "#E5E7EB",
1418
- "hint": "#6B7280",
1419
- "key": "#F59E0B",
1420
- "title": "#F9FAFB",
1421
- },
1422
- "logLevels": {
1423
- "debug": {
1424
- "background": "#8B5CF615",
1425
- "border": "#8B5CF6",
1426
- },
1427
- "error": {
1428
- "background": "#EF444415",
1429
- "border": "#EF4444",
1430
- },
1431
- "fatal": {
1432
- "background": "#DC262625",
1433
- "border": "#DC2626",
1434
- "text": "#FCA5A5",
1435
- },
1436
- "log": {
1437
- "background": "#3B82F615",
1438
- "border": "#3B82F6",
1439
- },
1440
- "verbose": {
1441
- "background": "#6B728015",
1442
- "border": "#6B7280",
1443
- },
1444
- "warn": {
1445
- "background": "#F59E0B15",
1446
- "border": "#F59E0B",
1447
- },
1448
- },
1449
- "name": "dark",
1450
- "progress": {
1451
- "background": "#3B82F615",
1452
- "barEmpty": "#374151",
1453
- "barFilled": "#3B82F6",
1454
- "border": "#3B82F6",
1455
- "complete": "#22C55E",
1456
- "completeBackground": "#22C55E15",
1457
- "failed": "#EF4444",
1458
- "failedBackground": "#EF444415",
1459
- "text": "#E5E7EB",
1460
- "textDim": "#9CA3AF",
1461
- },
1462
- "prompt": {
1463
- "border": "#374151",
1464
- "buttonBackground": "#374151",
1465
- "buttonSelectedBackground": "#1F2937",
1466
- "cancelButton": "#EF4444",
1467
- "confirmButton": "#22C55E",
1468
- "focusBorder": "#3B82F6",
1469
- "inputBackground": "#1F2937",
1470
- "inputBorder": "#3B82F6",
1471
- "inputCursor": "#3B82F6",
1472
- "inputPlaceholder": "#6B7280",
1473
- "inputText": "#F9FAFB",
1474
- "optionSelected": "#3B82F6",
1475
- "optionSelectedBackground": "#1E3A5F",
1476
- "optionText": "#E5E7EB",
1477
- "optionTextDim": "#9CA3AF",
1478
- "question": "#F9FAFB",
1479
- },
1480
- "separator": {
1481
- "line": "#374151",
1482
- "text": "#6B7280",
1483
- },
1484
- "sidebar": {
1485
- "background": undefined,
1486
- "badge": "#3B82F6",
1487
- "border": "#374151",
1488
- "focusBorder": "#3B82F6",
1489
- "hoverBackground": "#374151",
1490
- "selectedBackground": "#1F293780",
1491
- "text": "#E5E7EB",
1492
- "textDim": "#6B7280",
1493
- },
1494
- "statusIndicators": {
1495
- "fail": {
1496
- "color": "#EF4444",
1497
- "icon": "✗",
1498
- },
1499
- "pending": {
1500
- "color": "#F59E0B",
1501
- "icon": "◐",
1502
- },
1503
- "static": {
1504
- "color": "#3B82F6",
1505
- "icon": "●",
1506
- },
1507
- "success": {
1508
- "color": "#22C55E",
1509
- "icon": "✓",
1510
- },
1511
- "waiting": {
1512
- "color": "#6B7280",
1513
- "icon": "○",
1514
- },
1515
- },
1516
- "table": {
1517
- "background": "#3B82F615",
1518
- "border": "#3B82F6",
1519
- "cellText": "#E5E7EB",
1520
- "headerText": "#F9FAFB",
1521
- "separator": "#3B82F650",
1522
- "title": "#F9FAFB",
1523
- },
1524
- }
1525
- }
1526
- >
1527
- <LogMessage
1528
- level="log"
1529
- variant="success"
1530
- >
1531
- Success message
1532
- </LogMessage>
1533
- </LoggerProvider>
1534
- `;
1535
-
1536
- exports[`LogMessage > variants > should render with trace variant 1`] = `
1537
- <LoggerProvider
1538
- theme={
1539
- {
1540
- "colors": {
1541
- "background": "#111827",
1542
- "error": "#EF4444",
1543
- "foreground": "#F9FAFB",
1544
- "muted": "#6B7280",
1545
- "primary": "#3B82F6",
1546
- "secondary": "#8B5CF6",
1547
- "success": "#22C55E",
1548
- "warning": "#F59E0B",
1549
- },
1550
- "errorHighlight": {
1551
- "background": "#EF444425",
1552
- "border": "#EF4444",
1553
- "gutterBackground": "#EF444440",
1554
- },
1555
- "file": {
1556
- "background": "#3B82F615",
1557
- "border": "#3B82F6",
1558
- "headerBackground": "#3B82F625",
1559
- "headerText": "#F9FAFB",
1560
- },
1561
- "filter": {
1562
- "activeLevel": "#3B82F6",
1563
- "background": "#1F293780",
1564
- "border": "#3B82F6",
1565
- "cursor": "#3B82F6",
1566
- "inactiveLevel": "#4B5563",
1567
- "inputBackground": "#1F2937",
1568
- "inputPlaceholder": "#6B7280",
1569
- "inputText": "#F9FAFB",
1570
- "text": "#E5E7EB",
1571
- "textDim": "#6B7280",
1572
- },
1573
- "group": {
1574
- "background": "#6B728010",
1575
- "border": "#6B7280",
1576
- "headerText": "#E5E7EB",
1577
- "icon": "#9CA3AF",
1578
- },
1579
- "header": {
1580
- "background": undefined,
1581
- "border": "#374151",
1582
- "text": "#F9FAFB",
1583
- },
1584
- "help": {
1585
- "background": "#1F2937",
1586
- "border": "#3B82F6",
1587
- "category": "#3B82F6",
1588
- "description": "#E5E7EB",
1589
- "hint": "#6B7280",
1590
- "key": "#F59E0B",
1591
- "title": "#F9FAFB",
1592
- },
1593
- "logLevels": {
1594
- "debug": {
1595
- "background": "#8B5CF615",
1596
- "border": "#8B5CF6",
1597
- },
1598
- "error": {
1599
- "background": "#EF444415",
1600
- "border": "#EF4444",
1601
- },
1602
- "fatal": {
1603
- "background": "#DC262625",
1604
- "border": "#DC2626",
1605
- "text": "#FCA5A5",
1606
- },
1607
- "log": {
1608
- "background": "#3B82F615",
1609
- "border": "#3B82F6",
1610
- },
1611
- "verbose": {
1612
- "background": "#6B728015",
1613
- "border": "#6B7280",
1614
- },
1615
- "warn": {
1616
- "background": "#F59E0B15",
1617
- "border": "#F59E0B",
1618
- },
1619
- },
1620
- "name": "dark",
1621
- "progress": {
1622
- "background": "#3B82F615",
1623
- "barEmpty": "#374151",
1624
- "barFilled": "#3B82F6",
1625
- "border": "#3B82F6",
1626
- "complete": "#22C55E",
1627
- "completeBackground": "#22C55E15",
1628
- "failed": "#EF4444",
1629
- "failedBackground": "#EF444415",
1630
- "text": "#E5E7EB",
1631
- "textDim": "#9CA3AF",
1632
- },
1633
- "prompt": {
1634
- "border": "#374151",
1635
- "buttonBackground": "#374151",
1636
- "buttonSelectedBackground": "#1F2937",
1637
- "cancelButton": "#EF4444",
1638
- "confirmButton": "#22C55E",
1639
- "focusBorder": "#3B82F6",
1640
- "inputBackground": "#1F2937",
1641
- "inputBorder": "#3B82F6",
1642
- "inputCursor": "#3B82F6",
1643
- "inputPlaceholder": "#6B7280",
1644
- "inputText": "#F9FAFB",
1645
- "optionSelected": "#3B82F6",
1646
- "optionSelectedBackground": "#1E3A5F",
1647
- "optionText": "#E5E7EB",
1648
- "optionTextDim": "#9CA3AF",
1649
- "question": "#F9FAFB",
1650
- },
1651
- "separator": {
1652
- "line": "#374151",
1653
- "text": "#6B7280",
1654
- },
1655
- "sidebar": {
1656
- "background": undefined,
1657
- "badge": "#3B82F6",
1658
- "border": "#374151",
1659
- "focusBorder": "#3B82F6",
1660
- "hoverBackground": "#374151",
1661
- "selectedBackground": "#1F293780",
1662
- "text": "#E5E7EB",
1663
- "textDim": "#6B7280",
1664
- },
1665
- "statusIndicators": {
1666
- "fail": {
1667
- "color": "#EF4444",
1668
- "icon": "✗",
1669
- },
1670
- "pending": {
1671
- "color": "#F59E0B",
1672
- "icon": "◐",
1673
- },
1674
- "static": {
1675
- "color": "#3B82F6",
1676
- "icon": "●",
1677
- },
1678
- "success": {
1679
- "color": "#22C55E",
1680
- "icon": "✓",
1681
- },
1682
- "waiting": {
1683
- "color": "#6B7280",
1684
- "icon": "○",
1685
- },
1686
- },
1687
- "table": {
1688
- "background": "#3B82F615",
1689
- "border": "#3B82F6",
1690
- "cellText": "#E5E7EB",
1691
- "headerText": "#F9FAFB",
1692
- "separator": "#3B82F650",
1693
- "title": "#F9FAFB",
1694
- },
1695
- }
1696
- }
1697
- >
1698
- <LogMessage
1699
- level="verbose"
1700
- variant="trace"
1701
- >
1702
- Trace message
1703
- </LogMessage>
1704
- </LoggerProvider>
1705
- `;
1706
-
1707
- exports[`LogMessage > with custom colors > should render with custom backgroundColor 1`] = `
1708
- <LoggerProvider
1709
- theme={
1710
- {
1711
- "colors": {
1712
- "background": "#111827",
1713
- "error": "#EF4444",
1714
- "foreground": "#F9FAFB",
1715
- "muted": "#6B7280",
1716
- "primary": "#3B82F6",
1717
- "secondary": "#8B5CF6",
1718
- "success": "#22C55E",
1719
- "warning": "#F59E0B",
1720
- },
1721
- "errorHighlight": {
1722
- "background": "#EF444425",
1723
- "border": "#EF4444",
1724
- "gutterBackground": "#EF444440",
1725
- },
1726
- "file": {
1727
- "background": "#3B82F615",
1728
- "border": "#3B82F6",
1729
- "headerBackground": "#3B82F625",
1730
- "headerText": "#F9FAFB",
1731
- },
1732
- "filter": {
1733
- "activeLevel": "#3B82F6",
1734
- "background": "#1F293780",
1735
- "border": "#3B82F6",
1736
- "cursor": "#3B82F6",
1737
- "inactiveLevel": "#4B5563",
1738
- "inputBackground": "#1F2937",
1739
- "inputPlaceholder": "#6B7280",
1740
- "inputText": "#F9FAFB",
1741
- "text": "#E5E7EB",
1742
- "textDim": "#6B7280",
1743
- },
1744
- "group": {
1745
- "background": "#6B728010",
1746
- "border": "#6B7280",
1747
- "headerText": "#E5E7EB",
1748
- "icon": "#9CA3AF",
1749
- },
1750
- "header": {
1751
- "background": undefined,
1752
- "border": "#374151",
1753
- "text": "#F9FAFB",
1754
- },
1755
- "help": {
1756
- "background": "#1F2937",
1757
- "border": "#3B82F6",
1758
- "category": "#3B82F6",
1759
- "description": "#E5E7EB",
1760
- "hint": "#6B7280",
1761
- "key": "#F59E0B",
1762
- "title": "#F9FAFB",
1763
- },
1764
- "logLevels": {
1765
- "debug": {
1766
- "background": "#8B5CF615",
1767
- "border": "#8B5CF6",
1768
- },
1769
- "error": {
1770
- "background": "#EF444415",
1771
- "border": "#EF4444",
1772
- },
1773
- "fatal": {
1774
- "background": "#DC262625",
1775
- "border": "#DC2626",
1776
- "text": "#FCA5A5",
1777
- },
1778
- "log": {
1779
- "background": "#3B82F615",
1780
- "border": "#3B82F6",
1781
- },
1782
- "verbose": {
1783
- "background": "#6B728015",
1784
- "border": "#6B7280",
1785
- },
1786
- "warn": {
1787
- "background": "#F59E0B15",
1788
- "border": "#F59E0B",
1789
- },
1790
- },
1791
- "name": "dark",
1792
- "progress": {
1793
- "background": "#3B82F615",
1794
- "barEmpty": "#374151",
1795
- "barFilled": "#3B82F6",
1796
- "border": "#3B82F6",
1797
- "complete": "#22C55E",
1798
- "completeBackground": "#22C55E15",
1799
- "failed": "#EF4444",
1800
- "failedBackground": "#EF444415",
1801
- "text": "#E5E7EB",
1802
- "textDim": "#9CA3AF",
1803
- },
1804
- "prompt": {
1805
- "border": "#374151",
1806
- "buttonBackground": "#374151",
1807
- "buttonSelectedBackground": "#1F2937",
1808
- "cancelButton": "#EF4444",
1809
- "confirmButton": "#22C55E",
1810
- "focusBorder": "#3B82F6",
1811
- "inputBackground": "#1F2937",
1812
- "inputBorder": "#3B82F6",
1813
- "inputCursor": "#3B82F6",
1814
- "inputPlaceholder": "#6B7280",
1815
- "inputText": "#F9FAFB",
1816
- "optionSelected": "#3B82F6",
1817
- "optionSelectedBackground": "#1E3A5F",
1818
- "optionText": "#E5E7EB",
1819
- "optionTextDim": "#9CA3AF",
1820
- "question": "#F9FAFB",
1821
- },
1822
- "separator": {
1823
- "line": "#374151",
1824
- "text": "#6B7280",
1825
- },
1826
- "sidebar": {
1827
- "background": undefined,
1828
- "badge": "#3B82F6",
1829
- "border": "#374151",
1830
- "focusBorder": "#3B82F6",
1831
- "hoverBackground": "#374151",
1832
- "selectedBackground": "#1F293780",
1833
- "text": "#E5E7EB",
1834
- "textDim": "#6B7280",
1835
- },
1836
- "statusIndicators": {
1837
- "fail": {
1838
- "color": "#EF4444",
1839
- "icon": "✗",
1840
- },
1841
- "pending": {
1842
- "color": "#F59E0B",
1843
- "icon": "◐",
1844
- },
1845
- "static": {
1846
- "color": "#3B82F6",
1847
- "icon": "●",
1848
- },
1849
- "success": {
1850
- "color": "#22C55E",
1851
- "icon": "✓",
1852
- },
1853
- "waiting": {
1854
- "color": "#6B7280",
1855
- "icon": "○",
1856
- },
1857
- },
1858
- "table": {
1859
- "background": "#3B82F615",
1860
- "border": "#3B82F6",
1861
- "cellText": "#E5E7EB",
1862
- "headerText": "#F9FAFB",
1863
- "separator": "#3B82F650",
1864
- "title": "#F9FAFB",
1865
- },
1866
- }
1867
- }
1868
- >
1869
- <LogMessage
1870
- backgroundColor="#111111"
1871
- level="log"
1872
- >
1873
- Custom background color
1874
- </LogMessage>
1875
- </LoggerProvider>
1876
- `;
1877
-
1878
- exports[`LogMessage > with custom colors > should render with custom borderColor 1`] = `
1879
- <LoggerProvider
1880
- theme={
1881
- {
1882
- "colors": {
1883
- "background": "#111827",
1884
- "error": "#EF4444",
1885
- "foreground": "#F9FAFB",
1886
- "muted": "#6B7280",
1887
- "primary": "#3B82F6",
1888
- "secondary": "#8B5CF6",
1889
- "success": "#22C55E",
1890
- "warning": "#F59E0B",
1891
- },
1892
- "errorHighlight": {
1893
- "background": "#EF444425",
1894
- "border": "#EF4444",
1895
- "gutterBackground": "#EF444440",
1896
- },
1897
- "file": {
1898
- "background": "#3B82F615",
1899
- "border": "#3B82F6",
1900
- "headerBackground": "#3B82F625",
1901
- "headerText": "#F9FAFB",
1902
- },
1903
- "filter": {
1904
- "activeLevel": "#3B82F6",
1905
- "background": "#1F293780",
1906
- "border": "#3B82F6",
1907
- "cursor": "#3B82F6",
1908
- "inactiveLevel": "#4B5563",
1909
- "inputBackground": "#1F2937",
1910
- "inputPlaceholder": "#6B7280",
1911
- "inputText": "#F9FAFB",
1912
- "text": "#E5E7EB",
1913
- "textDim": "#6B7280",
1914
- },
1915
- "group": {
1916
- "background": "#6B728010",
1917
- "border": "#6B7280",
1918
- "headerText": "#E5E7EB",
1919
- "icon": "#9CA3AF",
1920
- },
1921
- "header": {
1922
- "background": undefined,
1923
- "border": "#374151",
1924
- "text": "#F9FAFB",
1925
- },
1926
- "help": {
1927
- "background": "#1F2937",
1928
- "border": "#3B82F6",
1929
- "category": "#3B82F6",
1930
- "description": "#E5E7EB",
1931
- "hint": "#6B7280",
1932
- "key": "#F59E0B",
1933
- "title": "#F9FAFB",
1934
- },
1935
- "logLevels": {
1936
- "debug": {
1937
- "background": "#8B5CF615",
1938
- "border": "#8B5CF6",
1939
- },
1940
- "error": {
1941
- "background": "#EF444415",
1942
- "border": "#EF4444",
1943
- },
1944
- "fatal": {
1945
- "background": "#DC262625",
1946
- "border": "#DC2626",
1947
- "text": "#FCA5A5",
1948
- },
1949
- "log": {
1950
- "background": "#3B82F615",
1951
- "border": "#3B82F6",
1952
- },
1953
- "verbose": {
1954
- "background": "#6B728015",
1955
- "border": "#6B7280",
1956
- },
1957
- "warn": {
1958
- "background": "#F59E0B15",
1959
- "border": "#F59E0B",
1960
- },
1961
- },
1962
- "name": "dark",
1963
- "progress": {
1964
- "background": "#3B82F615",
1965
- "barEmpty": "#374151",
1966
- "barFilled": "#3B82F6",
1967
- "border": "#3B82F6",
1968
- "complete": "#22C55E",
1969
- "completeBackground": "#22C55E15",
1970
- "failed": "#EF4444",
1971
- "failedBackground": "#EF444415",
1972
- "text": "#E5E7EB",
1973
- "textDim": "#9CA3AF",
1974
- },
1975
- "prompt": {
1976
- "border": "#374151",
1977
- "buttonBackground": "#374151",
1978
- "buttonSelectedBackground": "#1F2937",
1979
- "cancelButton": "#EF4444",
1980
- "confirmButton": "#22C55E",
1981
- "focusBorder": "#3B82F6",
1982
- "inputBackground": "#1F2937",
1983
- "inputBorder": "#3B82F6",
1984
- "inputCursor": "#3B82F6",
1985
- "inputPlaceholder": "#6B7280",
1986
- "inputText": "#F9FAFB",
1987
- "optionSelected": "#3B82F6",
1988
- "optionSelectedBackground": "#1E3A5F",
1989
- "optionText": "#E5E7EB",
1990
- "optionTextDim": "#9CA3AF",
1991
- "question": "#F9FAFB",
1992
- },
1993
- "separator": {
1994
- "line": "#374151",
1995
- "text": "#6B7280",
1996
- },
1997
- "sidebar": {
1998
- "background": undefined,
1999
- "badge": "#3B82F6",
2000
- "border": "#374151",
2001
- "focusBorder": "#3B82F6",
2002
- "hoverBackground": "#374151",
2003
- "selectedBackground": "#1F293780",
2004
- "text": "#E5E7EB",
2005
- "textDim": "#6B7280",
2006
- },
2007
- "statusIndicators": {
2008
- "fail": {
2009
- "color": "#EF4444",
2010
- "icon": "✗",
2011
- },
2012
- "pending": {
2013
- "color": "#F59E0B",
2014
- "icon": "◐",
2015
- },
2016
- "static": {
2017
- "color": "#3B82F6",
2018
- "icon": "●",
2019
- },
2020
- "success": {
2021
- "color": "#22C55E",
2022
- "icon": "✓",
2023
- },
2024
- "waiting": {
2025
- "color": "#6B7280",
2026
- "icon": "○",
2027
- },
2028
- },
2029
- "table": {
2030
- "background": "#3B82F615",
2031
- "border": "#3B82F6",
2032
- "cellText": "#E5E7EB",
2033
- "headerText": "#F9FAFB",
2034
- "separator": "#3B82F650",
2035
- "title": "#F9FAFB",
2036
- },
2037
- }
2038
- }
2039
- >
2040
- <LogMessage
2041
- borderColor="#ff0000"
2042
- level="log"
2043
- >
2044
- Custom border color
2045
- </LogMessage>
2046
- </LoggerProvider>
2047
- `;
2048
-
2049
- exports[`LogMessage > with label > should render with label 1`] = `
2050
- <LoggerProvider
2051
- theme={
2052
- {
2053
- "colors": {
2054
- "background": "#111827",
2055
- "error": "#EF4444",
2056
- "foreground": "#F9FAFB",
2057
- "muted": "#6B7280",
2058
- "primary": "#3B82F6",
2059
- "secondary": "#8B5CF6",
2060
- "success": "#22C55E",
2061
- "warning": "#F59E0B",
2062
- },
2063
- "errorHighlight": {
2064
- "background": "#EF444425",
2065
- "border": "#EF4444",
2066
- "gutterBackground": "#EF444440",
2067
- },
2068
- "file": {
2069
- "background": "#3B82F615",
2070
- "border": "#3B82F6",
2071
- "headerBackground": "#3B82F625",
2072
- "headerText": "#F9FAFB",
2073
- },
2074
- "filter": {
2075
- "activeLevel": "#3B82F6",
2076
- "background": "#1F293780",
2077
- "border": "#3B82F6",
2078
- "cursor": "#3B82F6",
2079
- "inactiveLevel": "#4B5563",
2080
- "inputBackground": "#1F2937",
2081
- "inputPlaceholder": "#6B7280",
2082
- "inputText": "#F9FAFB",
2083
- "text": "#E5E7EB",
2084
- "textDim": "#6B7280",
2085
- },
2086
- "group": {
2087
- "background": "#6B728010",
2088
- "border": "#6B7280",
2089
- "headerText": "#E5E7EB",
2090
- "icon": "#9CA3AF",
2091
- },
2092
- "header": {
2093
- "background": undefined,
2094
- "border": "#374151",
2095
- "text": "#F9FAFB",
2096
- },
2097
- "help": {
2098
- "background": "#1F2937",
2099
- "border": "#3B82F6",
2100
- "category": "#3B82F6",
2101
- "description": "#E5E7EB",
2102
- "hint": "#6B7280",
2103
- "key": "#F59E0B",
2104
- "title": "#F9FAFB",
2105
- },
2106
- "logLevels": {
2107
- "debug": {
2108
- "background": "#8B5CF615",
2109
- "border": "#8B5CF6",
2110
- },
2111
- "error": {
2112
- "background": "#EF444415",
2113
- "border": "#EF4444",
2114
- },
2115
- "fatal": {
2116
- "background": "#DC262625",
2117
- "border": "#DC2626",
2118
- "text": "#FCA5A5",
2119
- },
2120
- "log": {
2121
- "background": "#3B82F615",
2122
- "border": "#3B82F6",
2123
- },
2124
- "verbose": {
2125
- "background": "#6B728015",
2126
- "border": "#6B7280",
2127
- },
2128
- "warn": {
2129
- "background": "#F59E0B15",
2130
- "border": "#F59E0B",
2131
- },
2132
- },
2133
- "name": "dark",
2134
- "progress": {
2135
- "background": "#3B82F615",
2136
- "barEmpty": "#374151",
2137
- "barFilled": "#3B82F6",
2138
- "border": "#3B82F6",
2139
- "complete": "#22C55E",
2140
- "completeBackground": "#22C55E15",
2141
- "failed": "#EF4444",
2142
- "failedBackground": "#EF444415",
2143
- "text": "#E5E7EB",
2144
- "textDim": "#9CA3AF",
2145
- },
2146
- "prompt": {
2147
- "border": "#374151",
2148
- "buttonBackground": "#374151",
2149
- "buttonSelectedBackground": "#1F2937",
2150
- "cancelButton": "#EF4444",
2151
- "confirmButton": "#22C55E",
2152
- "focusBorder": "#3B82F6",
2153
- "inputBackground": "#1F2937",
2154
- "inputBorder": "#3B82F6",
2155
- "inputCursor": "#3B82F6",
2156
- "inputPlaceholder": "#6B7280",
2157
- "inputText": "#F9FAFB",
2158
- "optionSelected": "#3B82F6",
2159
- "optionSelectedBackground": "#1E3A5F",
2160
- "optionText": "#E5E7EB",
2161
- "optionTextDim": "#9CA3AF",
2162
- "question": "#F9FAFB",
2163
- },
2164
- "separator": {
2165
- "line": "#374151",
2166
- "text": "#6B7280",
2167
- },
2168
- "sidebar": {
2169
- "background": undefined,
2170
- "badge": "#3B82F6",
2171
- "border": "#374151",
2172
- "focusBorder": "#3B82F6",
2173
- "hoverBackground": "#374151",
2174
- "selectedBackground": "#1F293780",
2175
- "text": "#E5E7EB",
2176
- "textDim": "#6B7280",
2177
- },
2178
- "statusIndicators": {
2179
- "fail": {
2180
- "color": "#EF4444",
2181
- "icon": "✗",
2182
- },
2183
- "pending": {
2184
- "color": "#F59E0B",
2185
- "icon": "◐",
2186
- },
2187
- "static": {
2188
- "color": "#3B82F6",
2189
- "icon": "●",
2190
- },
2191
- "success": {
2192
- "color": "#22C55E",
2193
- "icon": "✓",
2194
- },
2195
- "waiting": {
2196
- "color": "#6B7280",
2197
- "icon": "○",
2198
- },
2199
- },
2200
- "table": {
2201
- "background": "#3B82F615",
2202
- "border": "#3B82F6",
2203
- "cellText": "#E5E7EB",
2204
- "headerText": "#F9FAFB",
2205
- "separator": "#3B82F650",
2206
- "title": "#F9FAFB",
2207
- },
2208
- }
2209
- }
2210
- >
2211
- <LogMessage
2212
- label="API"
2213
- level="log"
2214
- >
2215
- Message with label
2216
- </LogMessage>
2217
- </LoggerProvider>
2218
- `;
2219
-
2220
- exports[`LogMessage > with label > should render with label and timestamp 1`] = `
2221
- <LoggerProvider
2222
- theme={
2223
- {
2224
- "colors": {
2225
- "background": "#111827",
2226
- "error": "#EF4444",
2227
- "foreground": "#F9FAFB",
2228
- "muted": "#6B7280",
2229
- "primary": "#3B82F6",
2230
- "secondary": "#8B5CF6",
2231
- "success": "#22C55E",
2232
- "warning": "#F59E0B",
2233
- },
2234
- "errorHighlight": {
2235
- "background": "#EF444425",
2236
- "border": "#EF4444",
2237
- "gutterBackground": "#EF444440",
2238
- },
2239
- "file": {
2240
- "background": "#3B82F615",
2241
- "border": "#3B82F6",
2242
- "headerBackground": "#3B82F625",
2243
- "headerText": "#F9FAFB",
2244
- },
2245
- "filter": {
2246
- "activeLevel": "#3B82F6",
2247
- "background": "#1F293780",
2248
- "border": "#3B82F6",
2249
- "cursor": "#3B82F6",
2250
- "inactiveLevel": "#4B5563",
2251
- "inputBackground": "#1F2937",
2252
- "inputPlaceholder": "#6B7280",
2253
- "inputText": "#F9FAFB",
2254
- "text": "#E5E7EB",
2255
- "textDim": "#6B7280",
2256
- },
2257
- "group": {
2258
- "background": "#6B728010",
2259
- "border": "#6B7280",
2260
- "headerText": "#E5E7EB",
2261
- "icon": "#9CA3AF",
2262
- },
2263
- "header": {
2264
- "background": undefined,
2265
- "border": "#374151",
2266
- "text": "#F9FAFB",
2267
- },
2268
- "help": {
2269
- "background": "#1F2937",
2270
- "border": "#3B82F6",
2271
- "category": "#3B82F6",
2272
- "description": "#E5E7EB",
2273
- "hint": "#6B7280",
2274
- "key": "#F59E0B",
2275
- "title": "#F9FAFB",
2276
- },
2277
- "logLevels": {
2278
- "debug": {
2279
- "background": "#8B5CF615",
2280
- "border": "#8B5CF6",
2281
- },
2282
- "error": {
2283
- "background": "#EF444415",
2284
- "border": "#EF4444",
2285
- },
2286
- "fatal": {
2287
- "background": "#DC262625",
2288
- "border": "#DC2626",
2289
- "text": "#FCA5A5",
2290
- },
2291
- "log": {
2292
- "background": "#3B82F615",
2293
- "border": "#3B82F6",
2294
- },
2295
- "verbose": {
2296
- "background": "#6B728015",
2297
- "border": "#6B7280",
2298
- },
2299
- "warn": {
2300
- "background": "#F59E0B15",
2301
- "border": "#F59E0B",
2302
- },
2303
- },
2304
- "name": "dark",
2305
- "progress": {
2306
- "background": "#3B82F615",
2307
- "barEmpty": "#374151",
2308
- "barFilled": "#3B82F6",
2309
- "border": "#3B82F6",
2310
- "complete": "#22C55E",
2311
- "completeBackground": "#22C55E15",
2312
- "failed": "#EF4444",
2313
- "failedBackground": "#EF444415",
2314
- "text": "#E5E7EB",
2315
- "textDim": "#9CA3AF",
2316
- },
2317
- "prompt": {
2318
- "border": "#374151",
2319
- "buttonBackground": "#374151",
2320
- "buttonSelectedBackground": "#1F2937",
2321
- "cancelButton": "#EF4444",
2322
- "confirmButton": "#22C55E",
2323
- "focusBorder": "#3B82F6",
2324
- "inputBackground": "#1F2937",
2325
- "inputBorder": "#3B82F6",
2326
- "inputCursor": "#3B82F6",
2327
- "inputPlaceholder": "#6B7280",
2328
- "inputText": "#F9FAFB",
2329
- "optionSelected": "#3B82F6",
2330
- "optionSelectedBackground": "#1E3A5F",
2331
- "optionText": "#E5E7EB",
2332
- "optionTextDim": "#9CA3AF",
2333
- "question": "#F9FAFB",
2334
- },
2335
- "separator": {
2336
- "line": "#374151",
2337
- "text": "#6B7280",
2338
- },
2339
- "sidebar": {
2340
- "background": undefined,
2341
- "badge": "#3B82F6",
2342
- "border": "#374151",
2343
- "focusBorder": "#3B82F6",
2344
- "hoverBackground": "#374151",
2345
- "selectedBackground": "#1F293780",
2346
- "text": "#E5E7EB",
2347
- "textDim": "#6B7280",
2348
- },
2349
- "statusIndicators": {
2350
- "fail": {
2351
- "color": "#EF4444",
2352
- "icon": "✗",
2353
- },
2354
- "pending": {
2355
- "color": "#F59E0B",
2356
- "icon": "◐",
2357
- },
2358
- "static": {
2359
- "color": "#3B82F6",
2360
- "icon": "●",
2361
- },
2362
- "success": {
2363
- "color": "#22C55E",
2364
- "icon": "✓",
2365
- },
2366
- "waiting": {
2367
- "color": "#6B7280",
2368
- "icon": "○",
2369
- },
2370
- },
2371
- "table": {
2372
- "background": "#3B82F615",
2373
- "border": "#3B82F6",
2374
- "cellText": "#E5E7EB",
2375
- "headerText": "#F9FAFB",
2376
- "separator": "#3B82F650",
2377
- "title": "#F9FAFB",
2378
- },
2379
- }
2380
- }
2381
- >
2382
- <LogMessage
2383
- label="Database"
2384
- level="log"
2385
- timestamp={2024-01-15T10:30:00.000Z}
2386
- >
2387
- Message with both
2388
- </LogMessage>
2389
- </LoggerProvider>
2390
- `;
2391
-
2392
- exports[`LogMessage > with padding and margin > should render with custom margin 1`] = `
2393
- <LoggerProvider
2394
- theme={
2395
- {
2396
- "colors": {
2397
- "background": "#111827",
2398
- "error": "#EF4444",
2399
- "foreground": "#F9FAFB",
2400
- "muted": "#6B7280",
2401
- "primary": "#3B82F6",
2402
- "secondary": "#8B5CF6",
2403
- "success": "#22C55E",
2404
- "warning": "#F59E0B",
2405
- },
2406
- "errorHighlight": {
2407
- "background": "#EF444425",
2408
- "border": "#EF4444",
2409
- "gutterBackground": "#EF444440",
2410
- },
2411
- "file": {
2412
- "background": "#3B82F615",
2413
- "border": "#3B82F6",
2414
- "headerBackground": "#3B82F625",
2415
- "headerText": "#F9FAFB",
2416
- },
2417
- "filter": {
2418
- "activeLevel": "#3B82F6",
2419
- "background": "#1F293780",
2420
- "border": "#3B82F6",
2421
- "cursor": "#3B82F6",
2422
- "inactiveLevel": "#4B5563",
2423
- "inputBackground": "#1F2937",
2424
- "inputPlaceholder": "#6B7280",
2425
- "inputText": "#F9FAFB",
2426
- "text": "#E5E7EB",
2427
- "textDim": "#6B7280",
2428
- },
2429
- "group": {
2430
- "background": "#6B728010",
2431
- "border": "#6B7280",
2432
- "headerText": "#E5E7EB",
2433
- "icon": "#9CA3AF",
2434
- },
2435
- "header": {
2436
- "background": undefined,
2437
- "border": "#374151",
2438
- "text": "#F9FAFB",
2439
- },
2440
- "help": {
2441
- "background": "#1F2937",
2442
- "border": "#3B82F6",
2443
- "category": "#3B82F6",
2444
- "description": "#E5E7EB",
2445
- "hint": "#6B7280",
2446
- "key": "#F59E0B",
2447
- "title": "#F9FAFB",
2448
- },
2449
- "logLevels": {
2450
- "debug": {
2451
- "background": "#8B5CF615",
2452
- "border": "#8B5CF6",
2453
- },
2454
- "error": {
2455
- "background": "#EF444415",
2456
- "border": "#EF4444",
2457
- },
2458
- "fatal": {
2459
- "background": "#DC262625",
2460
- "border": "#DC2626",
2461
- "text": "#FCA5A5",
2462
- },
2463
- "log": {
2464
- "background": "#3B82F615",
2465
- "border": "#3B82F6",
2466
- },
2467
- "verbose": {
2468
- "background": "#6B728015",
2469
- "border": "#6B7280",
2470
- },
2471
- "warn": {
2472
- "background": "#F59E0B15",
2473
- "border": "#F59E0B",
2474
- },
2475
- },
2476
- "name": "dark",
2477
- "progress": {
2478
- "background": "#3B82F615",
2479
- "barEmpty": "#374151",
2480
- "barFilled": "#3B82F6",
2481
- "border": "#3B82F6",
2482
- "complete": "#22C55E",
2483
- "completeBackground": "#22C55E15",
2484
- "failed": "#EF4444",
2485
- "failedBackground": "#EF444415",
2486
- "text": "#E5E7EB",
2487
- "textDim": "#9CA3AF",
2488
- },
2489
- "prompt": {
2490
- "border": "#374151",
2491
- "buttonBackground": "#374151",
2492
- "buttonSelectedBackground": "#1F2937",
2493
- "cancelButton": "#EF4444",
2494
- "confirmButton": "#22C55E",
2495
- "focusBorder": "#3B82F6",
2496
- "inputBackground": "#1F2937",
2497
- "inputBorder": "#3B82F6",
2498
- "inputCursor": "#3B82F6",
2499
- "inputPlaceholder": "#6B7280",
2500
- "inputText": "#F9FAFB",
2501
- "optionSelected": "#3B82F6",
2502
- "optionSelectedBackground": "#1E3A5F",
2503
- "optionText": "#E5E7EB",
2504
- "optionTextDim": "#9CA3AF",
2505
- "question": "#F9FAFB",
2506
- },
2507
- "separator": {
2508
- "line": "#374151",
2509
- "text": "#6B7280",
2510
- },
2511
- "sidebar": {
2512
- "background": undefined,
2513
- "badge": "#3B82F6",
2514
- "border": "#374151",
2515
- "focusBorder": "#3B82F6",
2516
- "hoverBackground": "#374151",
2517
- "selectedBackground": "#1F293780",
2518
- "text": "#E5E7EB",
2519
- "textDim": "#6B7280",
2520
- },
2521
- "statusIndicators": {
2522
- "fail": {
2523
- "color": "#EF4444",
2524
- "icon": "✗",
2525
- },
2526
- "pending": {
2527
- "color": "#F59E0B",
2528
- "icon": "◐",
2529
- },
2530
- "static": {
2531
- "color": "#3B82F6",
2532
- "icon": "●",
2533
- },
2534
- "success": {
2535
- "color": "#22C55E",
2536
- "icon": "✓",
2537
- },
2538
- "waiting": {
2539
- "color": "#6B7280",
2540
- "icon": "○",
2541
- },
2542
- },
2543
- "table": {
2544
- "background": "#3B82F615",
2545
- "border": "#3B82F6",
2546
- "cellText": "#E5E7EB",
2547
- "headerText": "#F9FAFB",
2548
- "separator": "#3B82F650",
2549
- "title": "#F9FAFB",
2550
- },
2551
- }
2552
- }
2553
- >
2554
- <LogMessage
2555
- level="log"
2556
- margin={1}
2557
- >
2558
- Custom margin
2559
- </LogMessage>
2560
- </LoggerProvider>
2561
- `;
2562
-
2563
- exports[`LogMessage > with padding and margin > should render with custom padding 1`] = `
2564
- <LoggerProvider
2565
- theme={
2566
- {
2567
- "colors": {
2568
- "background": "#111827",
2569
- "error": "#EF4444",
2570
- "foreground": "#F9FAFB",
2571
- "muted": "#6B7280",
2572
- "primary": "#3B82F6",
2573
- "secondary": "#8B5CF6",
2574
- "success": "#22C55E",
2575
- "warning": "#F59E0B",
2576
- },
2577
- "errorHighlight": {
2578
- "background": "#EF444425",
2579
- "border": "#EF4444",
2580
- "gutterBackground": "#EF444440",
2581
- },
2582
- "file": {
2583
- "background": "#3B82F615",
2584
- "border": "#3B82F6",
2585
- "headerBackground": "#3B82F625",
2586
- "headerText": "#F9FAFB",
2587
- },
2588
- "filter": {
2589
- "activeLevel": "#3B82F6",
2590
- "background": "#1F293780",
2591
- "border": "#3B82F6",
2592
- "cursor": "#3B82F6",
2593
- "inactiveLevel": "#4B5563",
2594
- "inputBackground": "#1F2937",
2595
- "inputPlaceholder": "#6B7280",
2596
- "inputText": "#F9FAFB",
2597
- "text": "#E5E7EB",
2598
- "textDim": "#6B7280",
2599
- },
2600
- "group": {
2601
- "background": "#6B728010",
2602
- "border": "#6B7280",
2603
- "headerText": "#E5E7EB",
2604
- "icon": "#9CA3AF",
2605
- },
2606
- "header": {
2607
- "background": undefined,
2608
- "border": "#374151",
2609
- "text": "#F9FAFB",
2610
- },
2611
- "help": {
2612
- "background": "#1F2937",
2613
- "border": "#3B82F6",
2614
- "category": "#3B82F6",
2615
- "description": "#E5E7EB",
2616
- "hint": "#6B7280",
2617
- "key": "#F59E0B",
2618
- "title": "#F9FAFB",
2619
- },
2620
- "logLevels": {
2621
- "debug": {
2622
- "background": "#8B5CF615",
2623
- "border": "#8B5CF6",
2624
- },
2625
- "error": {
2626
- "background": "#EF444415",
2627
- "border": "#EF4444",
2628
- },
2629
- "fatal": {
2630
- "background": "#DC262625",
2631
- "border": "#DC2626",
2632
- "text": "#FCA5A5",
2633
- },
2634
- "log": {
2635
- "background": "#3B82F615",
2636
- "border": "#3B82F6",
2637
- },
2638
- "verbose": {
2639
- "background": "#6B728015",
2640
- "border": "#6B7280",
2641
- },
2642
- "warn": {
2643
- "background": "#F59E0B15",
2644
- "border": "#F59E0B",
2645
- },
2646
- },
2647
- "name": "dark",
2648
- "progress": {
2649
- "background": "#3B82F615",
2650
- "barEmpty": "#374151",
2651
- "barFilled": "#3B82F6",
2652
- "border": "#3B82F6",
2653
- "complete": "#22C55E",
2654
- "completeBackground": "#22C55E15",
2655
- "failed": "#EF4444",
2656
- "failedBackground": "#EF444415",
2657
- "text": "#E5E7EB",
2658
- "textDim": "#9CA3AF",
2659
- },
2660
- "prompt": {
2661
- "border": "#374151",
2662
- "buttonBackground": "#374151",
2663
- "buttonSelectedBackground": "#1F2937",
2664
- "cancelButton": "#EF4444",
2665
- "confirmButton": "#22C55E",
2666
- "focusBorder": "#3B82F6",
2667
- "inputBackground": "#1F2937",
2668
- "inputBorder": "#3B82F6",
2669
- "inputCursor": "#3B82F6",
2670
- "inputPlaceholder": "#6B7280",
2671
- "inputText": "#F9FAFB",
2672
- "optionSelected": "#3B82F6",
2673
- "optionSelectedBackground": "#1E3A5F",
2674
- "optionText": "#E5E7EB",
2675
- "optionTextDim": "#9CA3AF",
2676
- "question": "#F9FAFB",
2677
- },
2678
- "separator": {
2679
- "line": "#374151",
2680
- "text": "#6B7280",
2681
- },
2682
- "sidebar": {
2683
- "background": undefined,
2684
- "badge": "#3B82F6",
2685
- "border": "#374151",
2686
- "focusBorder": "#3B82F6",
2687
- "hoverBackground": "#374151",
2688
- "selectedBackground": "#1F293780",
2689
- "text": "#E5E7EB",
2690
- "textDim": "#6B7280",
2691
- },
2692
- "statusIndicators": {
2693
- "fail": {
2694
- "color": "#EF4444",
2695
- "icon": "✗",
2696
- },
2697
- "pending": {
2698
- "color": "#F59E0B",
2699
- "icon": "◐",
2700
- },
2701
- "static": {
2702
- "color": "#3B82F6",
2703
- "icon": "●",
2704
- },
2705
- "success": {
2706
- "color": "#22C55E",
2707
- "icon": "✓",
2708
- },
2709
- "waiting": {
2710
- "color": "#6B7280",
2711
- "icon": "○",
2712
- },
2713
- },
2714
- "table": {
2715
- "background": "#3B82F615",
2716
- "border": "#3B82F6",
2717
- "cellText": "#E5E7EB",
2718
- "headerText": "#F9FAFB",
2719
- "separator": "#3B82F650",
2720
- "title": "#F9FAFB",
2721
- },
2722
- }
2723
- }
2724
- >
2725
- <LogMessage
2726
- level="log"
2727
- padding={2}
2728
- >
2729
- Custom padding
2730
- </LogMessage>
2731
- </LoggerProvider>
2732
- `;
2733
-
2734
- exports[`LogMessage > with timestamp > should render with Date timestamp 1`] = `
2735
- <LoggerProvider
2736
- theme={
2737
- {
2738
- "colors": {
2739
- "background": "#111827",
2740
- "error": "#EF4444",
2741
- "foreground": "#F9FAFB",
2742
- "muted": "#6B7280",
2743
- "primary": "#3B82F6",
2744
- "secondary": "#8B5CF6",
2745
- "success": "#22C55E",
2746
- "warning": "#F59E0B",
2747
- },
2748
- "errorHighlight": {
2749
- "background": "#EF444425",
2750
- "border": "#EF4444",
2751
- "gutterBackground": "#EF444440",
2752
- },
2753
- "file": {
2754
- "background": "#3B82F615",
2755
- "border": "#3B82F6",
2756
- "headerBackground": "#3B82F625",
2757
- "headerText": "#F9FAFB",
2758
- },
2759
- "filter": {
2760
- "activeLevel": "#3B82F6",
2761
- "background": "#1F293780",
2762
- "border": "#3B82F6",
2763
- "cursor": "#3B82F6",
2764
- "inactiveLevel": "#4B5563",
2765
- "inputBackground": "#1F2937",
2766
- "inputPlaceholder": "#6B7280",
2767
- "inputText": "#F9FAFB",
2768
- "text": "#E5E7EB",
2769
- "textDim": "#6B7280",
2770
- },
2771
- "group": {
2772
- "background": "#6B728010",
2773
- "border": "#6B7280",
2774
- "headerText": "#E5E7EB",
2775
- "icon": "#9CA3AF",
2776
- },
2777
- "header": {
2778
- "background": undefined,
2779
- "border": "#374151",
2780
- "text": "#F9FAFB",
2781
- },
2782
- "help": {
2783
- "background": "#1F2937",
2784
- "border": "#3B82F6",
2785
- "category": "#3B82F6",
2786
- "description": "#E5E7EB",
2787
- "hint": "#6B7280",
2788
- "key": "#F59E0B",
2789
- "title": "#F9FAFB",
2790
- },
2791
- "logLevels": {
2792
- "debug": {
2793
- "background": "#8B5CF615",
2794
- "border": "#8B5CF6",
2795
- },
2796
- "error": {
2797
- "background": "#EF444415",
2798
- "border": "#EF4444",
2799
- },
2800
- "fatal": {
2801
- "background": "#DC262625",
2802
- "border": "#DC2626",
2803
- "text": "#FCA5A5",
2804
- },
2805
- "log": {
2806
- "background": "#3B82F615",
2807
- "border": "#3B82F6",
2808
- },
2809
- "verbose": {
2810
- "background": "#6B728015",
2811
- "border": "#6B7280",
2812
- },
2813
- "warn": {
2814
- "background": "#F59E0B15",
2815
- "border": "#F59E0B",
2816
- },
2817
- },
2818
- "name": "dark",
2819
- "progress": {
2820
- "background": "#3B82F615",
2821
- "barEmpty": "#374151",
2822
- "barFilled": "#3B82F6",
2823
- "border": "#3B82F6",
2824
- "complete": "#22C55E",
2825
- "completeBackground": "#22C55E15",
2826
- "failed": "#EF4444",
2827
- "failedBackground": "#EF444415",
2828
- "text": "#E5E7EB",
2829
- "textDim": "#9CA3AF",
2830
- },
2831
- "prompt": {
2832
- "border": "#374151",
2833
- "buttonBackground": "#374151",
2834
- "buttonSelectedBackground": "#1F2937",
2835
- "cancelButton": "#EF4444",
2836
- "confirmButton": "#22C55E",
2837
- "focusBorder": "#3B82F6",
2838
- "inputBackground": "#1F2937",
2839
- "inputBorder": "#3B82F6",
2840
- "inputCursor": "#3B82F6",
2841
- "inputPlaceholder": "#6B7280",
2842
- "inputText": "#F9FAFB",
2843
- "optionSelected": "#3B82F6",
2844
- "optionSelectedBackground": "#1E3A5F",
2845
- "optionText": "#E5E7EB",
2846
- "optionTextDim": "#9CA3AF",
2847
- "question": "#F9FAFB",
2848
- },
2849
- "separator": {
2850
- "line": "#374151",
2851
- "text": "#6B7280",
2852
- },
2853
- "sidebar": {
2854
- "background": undefined,
2855
- "badge": "#3B82F6",
2856
- "border": "#374151",
2857
- "focusBorder": "#3B82F6",
2858
- "hoverBackground": "#374151",
2859
- "selectedBackground": "#1F293780",
2860
- "text": "#E5E7EB",
2861
- "textDim": "#6B7280",
2862
- },
2863
- "statusIndicators": {
2864
- "fail": {
2865
- "color": "#EF4444",
2866
- "icon": "✗",
2867
- },
2868
- "pending": {
2869
- "color": "#F59E0B",
2870
- "icon": "◐",
2871
- },
2872
- "static": {
2873
- "color": "#3B82F6",
2874
- "icon": "●",
2875
- },
2876
- "success": {
2877
- "color": "#22C55E",
2878
- "icon": "✓",
2879
- },
2880
- "waiting": {
2881
- "color": "#6B7280",
2882
- "icon": "○",
2883
- },
2884
- },
2885
- "table": {
2886
- "background": "#3B82F615",
2887
- "border": "#3B82F6",
2888
- "cellText": "#E5E7EB",
2889
- "headerText": "#F9FAFB",
2890
- "separator": "#3B82F650",
2891
- "title": "#F9FAFB",
2892
- },
2893
- }
2894
- }
2895
- >
2896
- <LogMessage
2897
- level="log"
2898
- timestamp={2024-01-15T10:30:00.000Z}
2899
- >
2900
- Message with timestamp
2901
- </LogMessage>
2902
- </LoggerProvider>
2903
- `;
2904
-
2905
- exports[`LogMessage > with timestamp > should render with string timestamp 1`] = `
2906
- <LoggerProvider
2907
- theme={
2908
- {
2909
- "colors": {
2910
- "background": "#111827",
2911
- "error": "#EF4444",
2912
- "foreground": "#F9FAFB",
2913
- "muted": "#6B7280",
2914
- "primary": "#3B82F6",
2915
- "secondary": "#8B5CF6",
2916
- "success": "#22C55E",
2917
- "warning": "#F59E0B",
2918
- },
2919
- "errorHighlight": {
2920
- "background": "#EF444425",
2921
- "border": "#EF4444",
2922
- "gutterBackground": "#EF444440",
2923
- },
2924
- "file": {
2925
- "background": "#3B82F615",
2926
- "border": "#3B82F6",
2927
- "headerBackground": "#3B82F625",
2928
- "headerText": "#F9FAFB",
2929
- },
2930
- "filter": {
2931
- "activeLevel": "#3B82F6",
2932
- "background": "#1F293780",
2933
- "border": "#3B82F6",
2934
- "cursor": "#3B82F6",
2935
- "inactiveLevel": "#4B5563",
2936
- "inputBackground": "#1F2937",
2937
- "inputPlaceholder": "#6B7280",
2938
- "inputText": "#F9FAFB",
2939
- "text": "#E5E7EB",
2940
- "textDim": "#6B7280",
2941
- },
2942
- "group": {
2943
- "background": "#6B728010",
2944
- "border": "#6B7280",
2945
- "headerText": "#E5E7EB",
2946
- "icon": "#9CA3AF",
2947
- },
2948
- "header": {
2949
- "background": undefined,
2950
- "border": "#374151",
2951
- "text": "#F9FAFB",
2952
- },
2953
- "help": {
2954
- "background": "#1F2937",
2955
- "border": "#3B82F6",
2956
- "category": "#3B82F6",
2957
- "description": "#E5E7EB",
2958
- "hint": "#6B7280",
2959
- "key": "#F59E0B",
2960
- "title": "#F9FAFB",
2961
- },
2962
- "logLevels": {
2963
- "debug": {
2964
- "background": "#8B5CF615",
2965
- "border": "#8B5CF6",
2966
- },
2967
- "error": {
2968
- "background": "#EF444415",
2969
- "border": "#EF4444",
2970
- },
2971
- "fatal": {
2972
- "background": "#DC262625",
2973
- "border": "#DC2626",
2974
- "text": "#FCA5A5",
2975
- },
2976
- "log": {
2977
- "background": "#3B82F615",
2978
- "border": "#3B82F6",
2979
- },
2980
- "verbose": {
2981
- "background": "#6B728015",
2982
- "border": "#6B7280",
2983
- },
2984
- "warn": {
2985
- "background": "#F59E0B15",
2986
- "border": "#F59E0B",
2987
- },
2988
- },
2989
- "name": "dark",
2990
- "progress": {
2991
- "background": "#3B82F615",
2992
- "barEmpty": "#374151",
2993
- "barFilled": "#3B82F6",
2994
- "border": "#3B82F6",
2995
- "complete": "#22C55E",
2996
- "completeBackground": "#22C55E15",
2997
- "failed": "#EF4444",
2998
- "failedBackground": "#EF444415",
2999
- "text": "#E5E7EB",
3000
- "textDim": "#9CA3AF",
3001
- },
3002
- "prompt": {
3003
- "border": "#374151",
3004
- "buttonBackground": "#374151",
3005
- "buttonSelectedBackground": "#1F2937",
3006
- "cancelButton": "#EF4444",
3007
- "confirmButton": "#22C55E",
3008
- "focusBorder": "#3B82F6",
3009
- "inputBackground": "#1F2937",
3010
- "inputBorder": "#3B82F6",
3011
- "inputCursor": "#3B82F6",
3012
- "inputPlaceholder": "#6B7280",
3013
- "inputText": "#F9FAFB",
3014
- "optionSelected": "#3B82F6",
3015
- "optionSelectedBackground": "#1E3A5F",
3016
- "optionText": "#E5E7EB",
3017
- "optionTextDim": "#9CA3AF",
3018
- "question": "#F9FAFB",
3019
- },
3020
- "separator": {
3021
- "line": "#374151",
3022
- "text": "#6B7280",
3023
- },
3024
- "sidebar": {
3025
- "background": undefined,
3026
- "badge": "#3B82F6",
3027
- "border": "#374151",
3028
- "focusBorder": "#3B82F6",
3029
- "hoverBackground": "#374151",
3030
- "selectedBackground": "#1F293780",
3031
- "text": "#E5E7EB",
3032
- "textDim": "#6B7280",
3033
- },
3034
- "statusIndicators": {
3035
- "fail": {
3036
- "color": "#EF4444",
3037
- "icon": "✗",
3038
- },
3039
- "pending": {
3040
- "color": "#F59E0B",
3041
- "icon": "◐",
3042
- },
3043
- "static": {
3044
- "color": "#3B82F6",
3045
- "icon": "●",
3046
- },
3047
- "success": {
3048
- "color": "#22C55E",
3049
- "icon": "✓",
3050
- },
3051
- "waiting": {
3052
- "color": "#6B7280",
3053
- "icon": "○",
3054
- },
3055
- },
3056
- "table": {
3057
- "background": "#3B82F615",
3058
- "border": "#3B82F6",
3059
- "cellText": "#E5E7EB",
3060
- "headerText": "#F9FAFB",
3061
- "separator": "#3B82F650",
3062
- "title": "#F9FAFB",
3063
- },
3064
- }
3065
- }
3066
- >
3067
- <LogMessage
3068
- level="log"
3069
- timestamp="10:30:00"
3070
- >
3071
- Message with string timestamp
3072
- </LogMessage>
3073
- </LoggerProvider>
3074
- `;
3075
-
3076
- exports[`LogMessage > with trace content > should render with trace 1`] = `
3077
- <LoggerProvider
3078
- theme={
3079
- {
3080
- "colors": {
3081
- "background": "#111827",
3082
- "error": "#EF4444",
3083
- "foreground": "#F9FAFB",
3084
- "muted": "#6B7280",
3085
- "primary": "#3B82F6",
3086
- "secondary": "#8B5CF6",
3087
- "success": "#22C55E",
3088
- "warning": "#F59E0B",
3089
- },
3090
- "errorHighlight": {
3091
- "background": "#EF444425",
3092
- "border": "#EF4444",
3093
- "gutterBackground": "#EF444440",
3094
- },
3095
- "file": {
3096
- "background": "#3B82F615",
3097
- "border": "#3B82F6",
3098
- "headerBackground": "#3B82F625",
3099
- "headerText": "#F9FAFB",
3100
- },
3101
- "filter": {
3102
- "activeLevel": "#3B82F6",
3103
- "background": "#1F293780",
3104
- "border": "#3B82F6",
3105
- "cursor": "#3B82F6",
3106
- "inactiveLevel": "#4B5563",
3107
- "inputBackground": "#1F2937",
3108
- "inputPlaceholder": "#6B7280",
3109
- "inputText": "#F9FAFB",
3110
- "text": "#E5E7EB",
3111
- "textDim": "#6B7280",
3112
- },
3113
- "group": {
3114
- "background": "#6B728010",
3115
- "border": "#6B7280",
3116
- "headerText": "#E5E7EB",
3117
- "icon": "#9CA3AF",
3118
- },
3119
- "header": {
3120
- "background": undefined,
3121
- "border": "#374151",
3122
- "text": "#F9FAFB",
3123
- },
3124
- "help": {
3125
- "background": "#1F2937",
3126
- "border": "#3B82F6",
3127
- "category": "#3B82F6",
3128
- "description": "#E5E7EB",
3129
- "hint": "#6B7280",
3130
- "key": "#F59E0B",
3131
- "title": "#F9FAFB",
3132
- },
3133
- "logLevels": {
3134
- "debug": {
3135
- "background": "#8B5CF615",
3136
- "border": "#8B5CF6",
3137
- },
3138
- "error": {
3139
- "background": "#EF444415",
3140
- "border": "#EF4444",
3141
- },
3142
- "fatal": {
3143
- "background": "#DC262625",
3144
- "border": "#DC2626",
3145
- "text": "#FCA5A5",
3146
- },
3147
- "log": {
3148
- "background": "#3B82F615",
3149
- "border": "#3B82F6",
3150
- },
3151
- "verbose": {
3152
- "background": "#6B728015",
3153
- "border": "#6B7280",
3154
- },
3155
- "warn": {
3156
- "background": "#F59E0B15",
3157
- "border": "#F59E0B",
3158
- },
3159
- },
3160
- "name": "dark",
3161
- "progress": {
3162
- "background": "#3B82F615",
3163
- "barEmpty": "#374151",
3164
- "barFilled": "#3B82F6",
3165
- "border": "#3B82F6",
3166
- "complete": "#22C55E",
3167
- "completeBackground": "#22C55E15",
3168
- "failed": "#EF4444",
3169
- "failedBackground": "#EF444415",
3170
- "text": "#E5E7EB",
3171
- "textDim": "#9CA3AF",
3172
- },
3173
- "prompt": {
3174
- "border": "#374151",
3175
- "buttonBackground": "#374151",
3176
- "buttonSelectedBackground": "#1F2937",
3177
- "cancelButton": "#EF4444",
3178
- "confirmButton": "#22C55E",
3179
- "focusBorder": "#3B82F6",
3180
- "inputBackground": "#1F2937",
3181
- "inputBorder": "#3B82F6",
3182
- "inputCursor": "#3B82F6",
3183
- "inputPlaceholder": "#6B7280",
3184
- "inputText": "#F9FAFB",
3185
- "optionSelected": "#3B82F6",
3186
- "optionSelectedBackground": "#1E3A5F",
3187
- "optionText": "#E5E7EB",
3188
- "optionTextDim": "#9CA3AF",
3189
- "question": "#F9FAFB",
3190
- },
3191
- "separator": {
3192
- "line": "#374151",
3193
- "text": "#6B7280",
3194
- },
3195
- "sidebar": {
3196
- "background": undefined,
3197
- "badge": "#3B82F6",
3198
- "border": "#374151",
3199
- "focusBorder": "#3B82F6",
3200
- "hoverBackground": "#374151",
3201
- "selectedBackground": "#1F293780",
3202
- "text": "#E5E7EB",
3203
- "textDim": "#6B7280",
3204
- },
3205
- "statusIndicators": {
3206
- "fail": {
3207
- "color": "#EF4444",
3208
- "icon": "✗",
3209
- },
3210
- "pending": {
3211
- "color": "#F59E0B",
3212
- "icon": "◐",
3213
- },
3214
- "static": {
3215
- "color": "#3B82F6",
3216
- "icon": "●",
3217
- },
3218
- "success": {
3219
- "color": "#22C55E",
3220
- "icon": "✓",
3221
- },
3222
- "waiting": {
3223
- "color": "#6B7280",
3224
- "icon": "○",
3225
- },
3226
- },
3227
- "table": {
3228
- "background": "#3B82F615",
3229
- "border": "#3B82F6",
3230
- "cellText": "#E5E7EB",
3231
- "headerText": "#F9FAFB",
3232
- "separator": "#3B82F650",
3233
- "title": "#F9FAFB",
3234
- },
3235
- }
3236
- }
3237
- >
3238
- <LogMessage
3239
- level="verbose"
3240
- trace=" at someFunction (file.ts:10:5)\\n at main (index.ts:1:1)"
3241
- >
3242
- Message with trace
3243
- </LogMessage>
3244
- </LoggerProvider>
3245
- `;