lynx-console 0.1.1 → 0.2.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 (49) hide show
  1. package/dist/index.cjs +183 -960
  2. package/dist/index.css +1248 -461
  3. package/dist/index.css.map +1 -1
  4. package/dist/index.d.cts +79 -1
  5. package/dist/index.d.cts.map +1 -1
  6. package/dist/index.d.mts +79 -1
  7. package/dist/index.d.mts.map +1 -1
  8. package/dist/index.mjs +183 -960
  9. package/dist/index.mjs.map +1 -1
  10. package/package.json +1 -4
  11. package/src/components/BottomSheet.css +91 -0
  12. package/src/components/BottomSheet.tsx +10 -10
  13. package/src/components/ConsolePanel.css +402 -0
  14. package/src/components/ConsolePanel.tsx +62 -28
  15. package/src/components/FadeList.tsx +10 -55
  16. package/{dist/assets/src/components/FloatingButton.css.ts.vanilla-BaG0OI6p.css → src/components/FloatingButton.css} +22 -16
  17. package/src/components/FloatingButton.tsx +6 -6
  18. package/src/components/LogPanel.tsx +46 -47
  19. package/src/components/NetworkDetailSection.tsx +13 -13
  20. package/src/components/NetworkPanel.css +280 -0
  21. package/src/components/NetworkPanel.tsx +30 -50
  22. package/src/components/PerformancePanel.css +249 -0
  23. package/src/components/PerformancePanel.tsx +40 -40
  24. package/src/components/Tabs.css +78 -0
  25. package/src/components/Tabs.tsx +13 -11
  26. package/src/globals.d.ts +0 -5
  27. package/src/index.tsx +9 -6
  28. package/src/styles/global.css +8 -0
  29. package/src/styles/vars/color.ts +26 -213
  30. package/src/styles/vars/dimension.ts +5 -74
  31. package/src/styles/vars/index.css +65 -457
  32. package/src/styles/vars/index.ts +5 -9
  33. package/src/styles/vars/radius.ts +1 -11
  34. package/src/types.ts +8 -0
  35. package/dist/assets/src/components/BottomSheet.css.ts.vanilla-CulwSDhG.css +0 -83
  36. package/dist/assets/src/components/ConsolePanel.css.ts.vanilla-DWdhFBJq.css +0 -337
  37. package/dist/assets/src/components/FadeList.css.ts.vanilla-sppTKMZj.css +0 -12
  38. package/dist/assets/src/components/NetworkPanel.css.ts.vanilla-BSE4s40D.css +0 -244
  39. package/dist/assets/src/components/PerformancePanel.css.ts.vanilla-Bb3zG5G8.css +0 -216
  40. package/dist/assets/src/components/Tabs.css.ts.vanilla-DD7L2oXt.css +0 -50
  41. package/src/components/BottomSheet.css.ts +0 -93
  42. package/src/components/ConsolePanel.css.ts +0 -349
  43. package/src/components/FadeList.css.ts +0 -16
  44. package/src/components/FloatingButton.css.ts +0 -73
  45. package/src/components/NetworkPanel.css.ts +0 -277
  46. package/src/components/PerformancePanel.css.ts +0 -224
  47. package/src/components/Tabs.css.ts +0 -66
  48. package/src/styles/global.css.ts +0 -10
  49. package/src/styles/typography.ts +0 -25
@@ -1 +1 @@
1
- {"version":3,"file":"index.css","names":[],"sources":["../src/styles/vars/index.css"],"sourcesContent":[":root {\n --seed-font-weight-regular: 400;\n --seed-font-weight-medium: 500;\n --seed-font-weight-bold: 700;\n --seed-duration-d1: 50ms;\n --seed-duration-d2: 100ms;\n --seed-duration-d3: 150ms;\n --seed-duration-d4: 200ms;\n --seed-duration-d5: 250ms;\n --seed-duration-d6: 300ms;\n --seed-timing-function-linear: linear;\n --seed-timing-function-easing: cubic-bezier(0.4, 0, 0.2, 1);\n --seed-timing-function-enter: cubic-bezier(0, 0, 0.2, 1);\n --seed-timing-function-exit: cubic-bezier(0.4, 0, 1, 1);\n --seed-timing-function-enter-expressive: cubic-bezier(0, 0, 0.2, 1);\n --seed-timing-function-exit-expressive: cubic-bezier(0.4, 0, 1, 1);\n --seed-dimension-x0_5: 2px;\n --seed-dimension-x1: 4px;\n --seed-dimension-x1_5: 6px;\n --seed-dimension-x2: 8px;\n --seed-dimension-x2_5: 10px;\n --seed-dimension-x3: 12px;\n --seed-dimension-x3_5: 14px;\n --seed-dimension-x4: 16px;\n --seed-dimension-x4_5: 18px;\n --seed-dimension-x5: 20px;\n --seed-dimension-x6: 24px;\n --seed-dimension-x7: 28px;\n --seed-dimension-x8: 32px;\n --seed-dimension-x9: 36px;\n --seed-dimension-x10: 40px;\n --seed-dimension-x12: 48px;\n --seed-dimension-x13: 52px;\n --seed-dimension-x14: 56px;\n --seed-dimension-x16: 64px;\n --seed-dimension-spacing-x-between-chips: 8px;\n --seed-dimension-spacing-x-global-gutter: 16px;\n --seed-dimension-spacing-y-component-default: 12px;\n --seed-dimension-spacing-y-nav-to-title: 20px;\n --seed-dimension-spacing-y-screen-bottom: 56px;\n --seed-dimension-spacing-y-between-text: 6px;\n --seed-font-size-t1: 0.6875rem;\n --seed-font-size-t2: 0.75rem;\n --seed-font-size-t3: 0.8125rem;\n --seed-font-size-t4: 0.875rem;\n --seed-font-size-t5: 1rem;\n --seed-font-size-t6: 1.125rem;\n --seed-font-size-t7: 1.25rem;\n --seed-font-size-t8: 1.375rem;\n --seed-font-size-t9: 1.5rem;\n --seed-font-size-t10: 1.625rem;\n --seed-font-size-t1-static: 11px;\n --seed-font-size-t2-static: 12px;\n --seed-font-size-t3-static: 13px;\n --seed-font-size-t4-static: 14px;\n --seed-font-size-t5-static: 16px;\n --seed-font-size-t6-static: 18px;\n --seed-font-size-t7-static: 20px;\n --seed-font-size-t8-static: 22px;\n --seed-font-size-t9-static: 24px;\n --seed-font-size-t10-static: 26px;\n --seed-line-height-t1: 0.9375rem;\n --seed-line-height-t2: 1rem;\n --seed-line-height-t3: 1.125rem;\n --seed-line-height-t4: 1.1875rem;\n --seed-line-height-t5: 1.375rem;\n --seed-line-height-t6: 1.5rem;\n --seed-line-height-t7: 1.6875rem;\n --seed-line-height-t8: 1.875rem;\n --seed-line-height-t9: 2rem;\n --seed-line-height-t10: 2.1875rem;\n --seed-line-height-t1-static: 15px;\n --seed-line-height-t2-static: 16px;\n --seed-line-height-t3-static: 18px;\n --seed-line-height-t4-static: 19px;\n --seed-line-height-t5-static: 22px;\n --seed-line-height-t6-static: 24px;\n --seed-line-height-t7-static: 27px;\n --seed-line-height-t8-static: 30px;\n --seed-line-height-t9-static: 32px;\n --seed-line-height-t10-static: 35px;\n --seed-radius-r0_5: 2px;\n --seed-radius-r1: 4px;\n --seed-radius-r1_5: 6px;\n --seed-radius-r2: 8px;\n --seed-radius-r2_5: 10px;\n --seed-radius-r3: 12px;\n --seed-radius-r3_5: 14px;\n --seed-radius-r4: 16px;\n --seed-radius-r5: 20px;\n --seed-radius-r6: 24px;\n --seed-radius-full: 9999px;\n}\n\n.data-seed-color-mode__light-only {\n --seed-color-palette-blue-100: #eff6ff;\n --seed-color-palette-blue-200: #e2edfc;\n --seed-color-palette-blue-300: #cbdffa;\n --seed-color-palette-blue-400: #aacefd;\n --seed-color-palette-blue-500: #85b8fd;\n --seed-color-palette-blue-600: #5e98fe;\n --seed-color-palette-blue-700: #217cf9;\n --seed-color-palette-blue-800: #135fcd;\n --seed-color-palette-blue-900: #0b4596;\n --seed-color-palette-blue-1000: #032451;\n --seed-color-palette-carrot-100: #fff2ec;\n --seed-color-palette-carrot-200: #ffe8db;\n --seed-color-palette-carrot-300: #ffd5c0;\n --seed-color-palette-carrot-400: #ffb999;\n --seed-color-palette-carrot-500: #ff9364;\n --seed-color-palette-carrot-600: #ff6600;\n --seed-color-palette-carrot-700: #e14d00;\n --seed-color-palette-carrot-800: #b93901;\n --seed-color-palette-carrot-900: #862b00;\n --seed-color-palette-carrot-1000: #471601;\n --seed-color-palette-gray-00: #ffffff;\n --seed-color-palette-gray-100: #f7f8f9;\n --seed-color-palette-gray-200: #f3f4f5;\n --seed-color-palette-gray-300: #eeeff1;\n --seed-color-palette-gray-400: #dcdee3;\n --seed-color-palette-gray-500: #d1d3d8;\n --seed-color-palette-gray-600: #b0b3ba;\n --seed-color-palette-gray-700: #868b94;\n --seed-color-palette-gray-800: #555d6d;\n --seed-color-palette-gray-900: #2a3038;\n --seed-color-palette-gray-1000: #1a1c20;\n --seed-color-palette-green-100: #edfaf6;\n --seed-color-palette-green-200: #d9f6e9;\n --seed-color-palette-green-300: #b9e9d2;\n --seed-color-palette-green-400: #7ddcb3;\n --seed-color-palette-green-500: #42c593;\n --seed-color-palette-green-600: #10ab7d;\n --seed-color-palette-green-700: #079171;\n --seed-color-palette-green-800: #00745f;\n --seed-color-palette-green-900: #075445;\n --seed-color-palette-green-1000: #0a2b24;\n --seed-color-palette-purple-100: #f5f3fe;\n --seed-color-palette-purple-200: #efeafe;\n --seed-color-palette-purple-300: #e1d8ff;\n --seed-color-palette-purple-400: #d0c0ff;\n --seed-color-palette-purple-500: #b8a1ff;\n --seed-color-palette-purple-600: #9f84fb;\n --seed-color-palette-purple-700: #8969ea;\n --seed-color-palette-purple-800: #6d50cb;\n --seed-color-palette-purple-900: #50379b;\n --seed-color-palette-purple-1000: #29175d;\n --seed-color-palette-red-100: #fdf0f0;\n --seed-color-palette-red-200: #fde7e7;\n --seed-color-palette-red-300: #fed4d2;\n --seed-color-palette-red-400: #feb7b3;\n --seed-color-palette-red-500: #fe928d;\n --seed-color-palette-red-600: #fc6a66;\n --seed-color-palette-red-700: #fa342c;\n --seed-color-palette-red-800: #ca1d13;\n --seed-color-palette-red-900: #921708;\n --seed-color-palette-red-1000: #4a1209;\n --seed-color-palette-static-black: #000000;\n --seed-color-palette-static-white: #ffffff;\n --seed-color-palette-static-black-alpha-100: #00000007;\n --seed-color-palette-static-black-alpha-200: #0000000c;\n --seed-color-palette-static-black-alpha-300: #00000010;\n --seed-color-palette-static-black-alpha-400: #00000021;\n --seed-color-palette-static-black-alpha-500: #0000002c;\n --seed-color-palette-static-black-alpha-600: #0000004c;\n --seed-color-palette-static-black-alpha-700: #00000074;\n --seed-color-palette-static-black-alpha-800: #000000a2;\n --seed-color-palette-static-black-alpha-900: #000000d0;\n --seed-color-palette-static-black-alpha-1000: #000000e3;\n --seed-color-palette-static-white-alpha-50: #ffffff0d;\n --seed-color-palette-static-white-alpha-100: #ffffff17;\n --seed-color-palette-static-white-alpha-200: #ffffff20;\n --seed-color-palette-static-white-alpha-300: #ffffff2e;\n --seed-color-palette-static-white-alpha-400: #ffffff3d;\n --seed-color-palette-static-white-alpha-500: #ffffff60;\n --seed-color-palette-static-white-alpha-600: #ffffff8b;\n --seed-color-palette-static-white-alpha-700: #ffffffb3;\n --seed-color-palette-static-white-alpha-800: #ffffffde;\n --seed-color-palette-static-white-alpha-900: #ffffffea;\n --seed-color-palette-static-white-alpha-1000: #fffffff4;\n --seed-color-palette-yellow-100: #fff7de;\n --seed-color-palette-yellow-200: #fdefb9;\n --seed-color-palette-yellow-300: #fbdc65;\n --seed-color-palette-yellow-400: #e9c647;\n --seed-color-palette-yellow-500: #d4ab28;\n --seed-color-palette-yellow-600: #c49725;\n --seed-color-palette-yellow-700: #9b7821;\n --seed-color-palette-yellow-800: #755b22;\n --seed-color-palette-yellow-900: #4f3e1f;\n --seed-color-palette-yellow-1000: #2c2512;\n --seed-color-fg-neutral: #1a1c20;\n --seed-color-fg-placeholder: #b0b3ba;\n --seed-color-fg-disabled: #d1d3d8;\n --seed-color-fg-brand: #ff6600;\n --seed-color-fg-informative: #217cf9;\n --seed-color-fg-critical: #fa342c;\n --seed-color-fg-positive: #079171;\n --seed-color-fg-warning: #9b7821;\n --seed-color-fg-brand-contrast: #e14d00;\n --seed-color-fg-critical-contrast: #921708;\n --seed-color-fg-informative-contrast: #0b4596;\n --seed-color-fg-neutral-muted: #555d6d;\n --seed-color-fg-neutral-subtle: #868b94;\n --seed-color-fg-neutral-inverted: #ffffff;\n --seed-color-fg-positive-contrast: #075445;\n --seed-color-fg-warning-contrast: #4f3e1f;\n --seed-color-bg-overlay: #00000074;\n --seed-color-bg-disabled: #f3f4f5;\n --seed-color-bg-brand-weak: #fff2ec;\n --seed-color-bg-brand-solid: #ff6600;\n --seed-color-bg-brand-solid-pressed: #e14d00;\n --seed-color-bg-brand-weak-pressed: #ffe8db;\n --seed-color-bg-critical-weak: #fdf0f0;\n --seed-color-bg-critical-solid: #fa342c;\n --seed-color-bg-critical-solid-pressed: #ca1d13;\n --seed-color-bg-critical-weak-pressed: #fde7e7;\n --seed-color-bg-informative-weak: #eff6ff;\n --seed-color-bg-informative-solid: #217cf9;\n --seed-color-bg-informative-solid-pressed: #135fcd;\n --seed-color-bg-informative-weak-pressed: #e2edfc;\n --seed-color-bg-layer-basement: #f3f4f5;\n --seed-color-bg-layer-default: #ffffff;\n --seed-color-bg-layer-fill: #f7f8f9;\n --seed-color-bg-layer-floating: #ffffff;\n --seed-color-bg-layer-default-pressed: #f7f8f9;\n --seed-color-bg-layer-floating-pressed: #f7f8f9;\n --seed-color-bg-magic-weak: #f9f2ee;\n --seed-color-bg-neutral-weak: #f3f4f5;\n --seed-color-bg-neutral-inverted: #2a3038;\n --seed-color-bg-neutral-solid: #1a1c20;\n --seed-color-bg-neutral-inverted-pressed: #555d6d;\n --seed-color-bg-neutral-solid-muted: #555d6d;\n --seed-color-bg-neutral-solid-muted-pressed: #2a3038;\n --seed-color-bg-neutral-weak-pressed: #eeeff1;\n --seed-color-bg-overlay-muted: #0000002c;\n --seed-color-bg-positive-weak: #edfaf6;\n --seed-color-bg-positive-solid: #079171;\n --seed-color-bg-positive-solid-pressed: #00745f;\n --seed-color-bg-positive-weak-pressed: #d9f6e9;\n --seed-color-bg-warning-weak: #fff7de;\n --seed-color-bg-warning-solid: #fbdc65;\n --seed-color-bg-warning-solid-pressed: #e9c647;\n --seed-color-bg-warning-weak-pressed: #fdefb9;\n --seed-color-stroke-brand-weak: #ffd5c0;\n --seed-color-stroke-brand-solid: #e14d00;\n --seed-color-stroke-critical-weak: #fed4d2;\n --seed-color-stroke-critical-solid: #fa342c;\n --seed-color-stroke-informative-weak: #cbdffa;\n --seed-color-stroke-informative-solid: #217cf9;\n --seed-color-stroke-neutral-contrast: #1a1c20;\n --seed-color-stroke-neutral-solid: #555d6d;\n --seed-color-stroke-neutral-weak: #dcdee3;\n --seed-color-stroke-neutral-muted: #00000010;\n --seed-color-stroke-neutral-subtle: #0000000c;\n --seed-color-stroke-positive-weak: #b9e9d2;\n --seed-color-stroke-positive-solid: #079171;\n --seed-color-stroke-warning-weak: #fbdc65;\n --seed-color-stroke-warning-solid: #9b7821;\n --seed-color-manner-temp-l1-text: #757b85;\n --seed-color-manner-temp-l2-text: #ab863f;\n --seed-color-manner-temp-l3-text: #e08a00;\n --seed-color-manner-temp-l4-text: #f57e00;\n --seed-color-manner-temp-l4-bg: #fff3e5;\n --seed-color-manner-temp-l5-text: #ff7300;\n --seed-color-manner-temp-l6-text: #ff6600;\n --seed-color-manner-temp-l1-bg: #f1f2f3;\n --seed-color-manner-temp-l2-bg: #f8f4ec;\n --seed-color-manner-temp-l3-bg: #fff5e5;\n --seed-color-manner-temp-l5-bg: #fff1e5;\n --seed-color-manner-temp-l6-bg: #fff0e5;\n --seed-color-manner-temp-l7-text: #ff5100;\n --seed-color-manner-temp-l7-bg: #ffefe5;\n --seed-color-manner-temp-l8-text: #ff3300;\n --seed-color-manner-temp-l9-text: #e82c45;\n --seed-color-manner-temp-l8-bg: #ffeee5;\n --seed-color-manner-temp-l9-bg: #fdeded;\n --seed-color-manner-temp-l10-text: #cb0123;\n --seed-color-manner-temp-l10-bg: #ffebee;\n}\n\n.data-seed-color-mode__dark-only {\n --seed-color-palette-blue-100: #202742;\n --seed-color-palette-blue-200: #1e3352;\n --seed-color-palette-blue-300: #1a4275;\n --seed-color-palette-blue-400: #0f559e;\n --seed-color-palette-blue-500: #1964d8;\n --seed-color-palette-blue-600: #1e82eb;\n --seed-color-palette-blue-700: #41a2f9;\n --seed-color-palette-blue-800: #83bcf9;\n --seed-color-palette-blue-900: #b9d7fb;\n --seed-color-palette-blue-1000: #e5f0fe;\n --seed-color-palette-carrot-100: #31241f;\n --seed-color-palette-carrot-200: #4b291c;\n --seed-color-palette-carrot-300: #6b311c;\n --seed-color-palette-carrot-400: #923600;\n --seed-color-palette-carrot-500: #bd4201;\n --seed-color-palette-carrot-600: #e65200;\n --seed-color-palette-carrot-700: #ff6600;\n --seed-color-palette-carrot-800: #ff9e65;\n --seed-color-palette-carrot-900: #eecebc;\n --seed-color-palette-carrot-1000: #f4eeea;\n --seed-color-palette-gray-00: #000000;\n --seed-color-palette-gray-100: #16171b;\n --seed-color-palette-gray-200: #1d2025;\n --seed-color-palette-gray-300: #2b2e35;\n --seed-color-palette-gray-400: #393d46;\n --seed-color-palette-gray-500: #5b606a;\n --seed-color-palette-gray-600: #868b94;\n --seed-color-palette-gray-700: #b0b3ba;\n --seed-color-palette-gray-800: #dcdee3;\n --seed-color-palette-gray-900: #e9eaec;\n --seed-color-palette-gray-1000: #f3f4f5;\n --seed-color-palette-green-100: #202926;\n --seed-color-palette-green-200: #20362e;\n --seed-color-palette-green-300: #20493b;\n --seed-color-palette-green-400: #19604c;\n --seed-color-palette-green-500: #117956;\n --seed-color-palette-green-600: #1b946d;\n --seed-color-palette-green-700: #22b27f;\n --seed-color-palette-green-800: #35ce9a;\n --seed-color-palette-green-900: #93e5c0;\n --seed-color-palette-green-1000: #d4f6ef;\n --seed-color-palette-purple-100: #28213b;\n --seed-color-palette-purple-200: #3b2873;\n --seed-color-palette-purple-300: #443081;\n --seed-color-palette-purple-400: #5a3bb1;\n --seed-color-palette-purple-500: #764fd9;\n --seed-color-palette-purple-600: #8e6bee;\n --seed-color-palette-purple-700: #a78df0;\n --seed-color-palette-purple-800: #beadf2;\n --seed-color-palette-purple-900: #d9cefa;\n --seed-color-palette-purple-1000: #f0edfc;\n --seed-color-palette-red-100: #322323;\n --seed-color-palette-red-200: #4f2624;\n --seed-color-palette-red-300: #742826;\n --seed-color-palette-red-400: #a12621;\n --seed-color-palette-red-500: #ca2319;\n --seed-color-palette-red-600: #f73526;\n --seed-color-palette-red-700: #ff6e60;\n --seed-color-palette-red-800: #ffa299;\n --seed-color-palette-red-900: #f8c5c3;\n --seed-color-palette-red-1000: #fdf2f2;\n --seed-color-palette-static-black: #000000;\n --seed-color-palette-static-white: #ffffff;\n --seed-color-palette-static-black-alpha-100: #00000007;\n --seed-color-palette-static-black-alpha-200: #0000000c;\n --seed-color-palette-static-black-alpha-300: #00000010;\n --seed-color-palette-static-black-alpha-400: #00000021;\n --seed-color-palette-static-black-alpha-500: #0000002c;\n --seed-color-palette-static-black-alpha-600: #0000004c;\n --seed-color-palette-static-black-alpha-700: #00000074;\n --seed-color-palette-static-black-alpha-800: #000000a2;\n --seed-color-palette-static-black-alpha-900: #000000d0;\n --seed-color-palette-static-black-alpha-1000: #000000e3;\n --seed-color-palette-static-white-alpha-50: #ffffff0d;\n --seed-color-palette-static-white-alpha-100: #ffffff17;\n --seed-color-palette-static-white-alpha-200: #ffffff20;\n --seed-color-palette-static-white-alpha-300: #ffffff2e;\n --seed-color-palette-static-white-alpha-400: #ffffff3d;\n --seed-color-palette-static-white-alpha-500: #ffffff60;\n --seed-color-palette-static-white-alpha-600: #ffffff8b;\n --seed-color-palette-static-white-alpha-700: #ffffffb3;\n --seed-color-palette-static-white-alpha-800: #ffffffde;\n --seed-color-palette-static-white-alpha-900: #ffffffea;\n --seed-color-palette-static-white-alpha-1000: #fffffff4;\n --seed-color-palette-yellow-100: #302819;\n --seed-color-palette-yellow-200: #413218;\n --seed-color-palette-yellow-300: #543e15;\n --seed-color-palette-yellow-400: #714e15;\n --seed-color-palette-yellow-500: #91601b;\n --seed-color-palette-yellow-600: #b6720d;\n --seed-color-palette-yellow-700: #ca901c;\n --seed-color-palette-yellow-800: #dab156;\n --seed-color-palette-yellow-900: #e5d49b;\n --seed-color-palette-yellow-1000: #f7f0cd;\n --seed-color-fg-neutral: #f3f4f5;\n --seed-color-fg-placeholder: #868b94;\n --seed-color-fg-disabled: #5b606a;\n --seed-color-fg-brand: #ff6600;\n --seed-color-fg-informative: #41a2f9;\n --seed-color-fg-critical: #ff6e60;\n --seed-color-fg-positive: #22b27f;\n --seed-color-fg-warning: #ca901c;\n --seed-color-fg-brand-contrast: #ff6600;\n --seed-color-fg-critical-contrast: #f8c5c3;\n --seed-color-fg-informative-contrast: #b9d7fb;\n --seed-color-fg-neutral-muted: #dcdee3;\n --seed-color-fg-neutral-subtle: #b0b3ba;\n --seed-color-fg-neutral-inverted: #16171b;\n --seed-color-fg-positive-contrast: #93e5c0;\n --seed-color-fg-warning-contrast: #e5d49b;\n --seed-color-bg-overlay: #00000074;\n --seed-color-bg-disabled: #2b2e35;\n --seed-color-bg-brand-weak: #31241f;\n --seed-color-bg-brand-solid: #ff6600;\n --seed-color-bg-brand-solid-pressed: #ff9e65;\n --seed-color-bg-brand-weak-pressed: #4b291c;\n --seed-color-bg-critical-weak: #322323;\n --seed-color-bg-critical-solid: #f73526;\n --seed-color-bg-critical-solid-pressed: #ff6e60;\n --seed-color-bg-critical-weak-pressed: #4f2624;\n --seed-color-bg-informative-weak: #202742;\n --seed-color-bg-informative-solid: #1e82eb;\n --seed-color-bg-informative-solid-pressed: #41a2f9;\n --seed-color-bg-informative-weak-pressed: #1e3352;\n --seed-color-bg-layer-basement: #000000;\n --seed-color-bg-layer-default: #16171b;\n --seed-color-bg-layer-fill: #1d2025;\n --seed-color-bg-layer-floating: #1d2025;\n --seed-color-bg-layer-default-pressed: #2b2e35;\n --seed-color-bg-layer-floating-pressed: #2b2e35;\n --seed-color-bg-magic-weak: #201f1f;\n --seed-color-bg-neutral-weak: #2b2e35;\n --seed-color-bg-neutral-inverted: #f3f4f5;\n --seed-color-bg-neutral-solid: #2b2e35;\n --seed-color-bg-neutral-inverted-pressed: #dcdee3;\n --seed-color-bg-neutral-solid-muted: #393d46;\n --seed-color-bg-neutral-solid-muted-pressed: #5b606a;\n --seed-color-bg-neutral-weak-pressed: #393d46;\n --seed-color-bg-overlay-muted: #0000002c;\n --seed-color-bg-positive-weak: #202926;\n --seed-color-bg-positive-solid: #117956;\n --seed-color-bg-positive-solid-pressed: #1b946d;\n --seed-color-bg-positive-weak-pressed: #20362e;\n --seed-color-bg-warning-weak: #302819;\n --seed-color-bg-warning-solid: #dab156;\n --seed-color-bg-warning-solid-pressed: #e5d49b;\n --seed-color-bg-warning-weak-pressed: #413218;\n --seed-color-stroke-brand-weak: #6b311c;\n --seed-color-stroke-brand-solid: #ff6600;\n --seed-color-stroke-critical-weak: #742826;\n --seed-color-stroke-critical-solid: #ff6e60;\n --seed-color-stroke-informative-weak: #1a4275;\n --seed-color-stroke-informative-solid: #41a2f9;\n --seed-color-stroke-neutral-contrast: #f3f4f5;\n --seed-color-stroke-neutral-solid: #dcdee3;\n --seed-color-stroke-neutral-weak: #393d46;\n --seed-color-stroke-neutral-muted: #ffffff17;\n --seed-color-stroke-neutral-subtle: #ffffff0d;\n --seed-color-stroke-positive-weak: #20493b;\n --seed-color-stroke-positive-solid: #22b27f;\n --seed-color-stroke-warning-weak: #543e15;\n --seed-color-stroke-warning-solid: #ca901c;\n --seed-color-manner-temp-l1-text: #b8b8b9;\n --seed-color-manner-temp-l2-text: #f5db97;\n --seed-color-manner-temp-l3-text: #fdda65;\n --seed-color-manner-temp-l4-text: #fbbe55;\n --seed-color-manner-temp-l4-bg: #372301;\n --seed-color-manner-temp-l5-text: #faac4b;\n --seed-color-manner-temp-l6-text: #fc9855;\n --seed-color-manner-temp-l1-bg: #292929;\n --seed-color-manner-temp-l2-bg: #332605;\n --seed-color-manner-temp-l3-bg: #372b01;\n --seed-color-manner-temp-l5-bg: #371f01;\n --seed-color-manner-temp-l6-bg: #351b03;\n --seed-color-manner-temp-l7-text: #f97a25;\n --seed-color-manner-temp-l7-bg: #371701;\n --seed-color-manner-temp-l8-text: #fe6a34;\n --seed-color-manner-temp-l9-text: #fe6a5d;\n --seed-color-manner-temp-l8-bg: #380f00;\n --seed-color-manner-temp-l9-bg: #380500;\n --seed-color-manner-temp-l10-text: #fb6f82;\n --seed-color-manner-temp-l10-bg: #34040a;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
1
+ {"version":3,"file":"index.css","names":[],"sources":["../src/styles/vars/index.css","../src/components/BottomSheet.css","../src/components/ConsolePanel.css","../src/components/NetworkPanel.css","../src/components/PerformancePanel.css","../src/components/Tabs.css","../src/components/FloatingButton.css"],"sourcesContent":[":root {\n --lynx-console-font-weight-regular: 400;\n --lynx-console-font-weight-medium: 500;\n --lynx-console-font-weight-bold: 700;\n --lynx-console-duration-d4: 200ms;\n --lynx-console-duration-d6: 300ms;\n --lynx-console-dimension-x2: 8px;\n --lynx-console-dimension-x3: 12px;\n --lynx-console-dimension-x4: 16px;\n --lynx-console-dimension-x6: 24px;\n --lynx-console-dimension-spacing-x-global-gutter: 16px;\n --lynx-console-radius-r6: 24px;\n}\n\n.data-lynx-console-color-mode__light-only {\n --lynx-console-color-palette-blue-100: #eff6ff;\n --lynx-console-color-palette-blue-600: #5e98fe;\n --lynx-console-color-palette-gray-100: #f7f8f9;\n --lynx-console-color-palette-gray-400: #dcdee3;\n --lynx-console-color-palette-green-100: #edfaf6;\n --lynx-console-color-palette-green-600: #10ab7d;\n --lynx-console-color-palette-purple-100: #f5f3fe;\n --lynx-console-color-palette-purple-600: #9f84fb;\n --lynx-console-color-palette-red-100: #fdf0f0;\n --lynx-console-color-palette-red-600: #fc6a66;\n --lynx-console-color-palette-red-900: #921708;\n --lynx-console-color-palette-static-white: #ffffff;\n --lynx-console-color-palette-yellow-100: #fff7de;\n --lynx-console-color-palette-yellow-600: #c49725;\n --lynx-console-color-palette-yellow-900: #4f3e1f;\n --lynx-console-color-fg-neutral: #1a1c20;\n --lynx-console-color-fg-placeholder: #b0b3ba;\n --lynx-console-color-fg-disabled: #d1d3d8;\n --lynx-console-color-fg-neutral-muted: #555d6d;\n --lynx-console-color-fg-neutral-subtle: #868b94;\n --lynx-console-color-bg-overlay: #00000074;\n --lynx-console-color-bg-layer-default: #ffffff;\n --lynx-console-color-bg-layer-floating: #ffffff;\n --lynx-console-color-bg-neutral-weak: #f3f4f5;\n --lynx-console-color-stroke-neutral-subtle: #0000000c;\n --lynx-console-color-stroke-neutral-weak: #dcdee3;\n}\n\n.data-lynx-console-color-mode__dark-only {\n --lynx-console-color-palette-blue-100: #202742;\n --lynx-console-color-palette-blue-600: #1e82eb;\n --lynx-console-color-palette-gray-100: #16171b;\n --lynx-console-color-palette-gray-400: #393d46;\n --lynx-console-color-palette-green-100: #202926;\n --lynx-console-color-palette-green-600: #1b946d;\n --lynx-console-color-palette-purple-100: #28213b;\n --lynx-console-color-palette-purple-600: #8e6bee;\n --lynx-console-color-palette-red-100: #322323;\n --lynx-console-color-palette-red-600: #f73526;\n --lynx-console-color-palette-red-900: #f8c5c3;\n --lynx-console-color-palette-static-white: #ffffff;\n --lynx-console-color-palette-yellow-100: #302819;\n --lynx-console-color-palette-yellow-600: #b6720d;\n --lynx-console-color-palette-yellow-900: #e5d49b;\n --lynx-console-color-fg-neutral: #f3f4f5;\n --lynx-console-color-fg-placeholder: #868b94;\n --lynx-console-color-fg-disabled: #5b606a;\n --lynx-console-color-fg-neutral-muted: #dcdee3;\n --lynx-console-color-fg-neutral-subtle: #b0b3ba;\n --lynx-console-color-bg-overlay: #00000074;\n --lynx-console-color-bg-layer-default: #16171b;\n --lynx-console-color-bg-layer-floating: #1d2025;\n --lynx-console-color-bg-neutral-weak: #2b2e35;\n --lynx-console-color-stroke-neutral-subtle: #ffffff0d;\n --lynx-console-color-stroke-neutral-weak: #393d46;\n}\n",".bs-overlay {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: flex;\n justify-content: center;\n align-items: flex-end;\n z-index: 9999;\n}\n\n.bs-backdrop {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 9998;\n background: var(--lynx-console-color-bg-overlay);\n transition: opacity var(--lynx-console-duration-d6) cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.bs-content {\n position: relative;\n display: flex;\n flex: 1;\n flex-direction: column;\n box-sizing: border-box;\n word-break: break-all;\n background: var(--lynx-console-color-bg-layer-floating);\n border-top-left-radius: 24px;\n border-top-right-radius: 24px;\n transition: transform var(--lynx-console-duration-d6) cubic-bezier(0.4, 0, 0.2, 1);\n height: 500px;\n overflow: hidden;\n}\n\n.bs-handleContainer {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 48px;\n display: flex;\n justify-content: center;\n z-index: 10;\n}\n\n.bs-handle {\n width: 36px;\n height: 4px;\n background-color: var(--lynx-console-color-palette-gray-400);\n border-radius: 9999px;\n margin-top: 12px;\n}\n\n.bs-header {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding-top: 24px;\n padding-bottom: 16px;\n justify-content: flex-start;\n padding-left: 16px;\n padding-right: 50px;\n}\n\n.bs-title {\n font-size: 1.25rem;\n line-height: 1.6875rem;\n font-weight: var(--lynx-console-font-weight-bold);\n color: var(--lynx-console-color-fg-neutral);\n}\n\n.bs-body {\n display: flex;\n flex-direction: column;\n flex: 1;\n padding: 0 16px;\n overflow: hidden;\n}\n\n.bs-footer {\n display: flex;\n flex-direction: column;\n padding-left: 16px;\n padding-right: 16px;\n padding-top: 12px;\n padding-bottom: 16px;\n}\n",".cp-container {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n\n.cp-placeholder {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n}\n\n.cp-placeholderText {\n font-size: 0.875rem;\n line-height: 1.1875rem;\n font-weight: var(--lynx-console-font-weight-regular);\n color: var(--lynx-console-color-fg-disabled);\n}\n\n.cp-logContainer {\n display: flex;\n flex-direction: column;\n flex: 1;\n padding-top: 4px;\n}\n\n.cp-logHeader {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n padding-bottom: 3px;\n}\n\n.cp-filterWrapper {\n position: relative;\n}\n\n.cp-filterButton {\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 3px 6px;\n background-color: var(--lynx-console-color-bg-neutral-weak);\n border-radius: 4px;\n}\n\n.cp-filterButtonText {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-medium);\n color: var(--lynx-console-color-fg-neutral-muted);\n}\n\n.cp-filterDropdown {\n position: absolute;\n top: 100%;\n left: 0;\n margin-top: 4px;\n background-color: var(--lynx-console-color-bg-layer-floating);\n border-width: 1px;\n border-color: var(--lynx-console-color-stroke-neutral-subtle);\n border-style: solid;\n border-radius: 8px;\n padding: 4px 0;\n z-index: 100;\n min-width: 90px;\n}\n\n.cp-filterOption {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 4px;\n padding: 8px 12px;\n}\n\n.cp-filterCheckbox {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-medium);\n width: 16px;\n}\n\n.cp-filterCheckbox--log {\n color: var(--lynx-console-color-palette-green-600);\n}\n\n.cp-filterCheckbox--info {\n color: var(--lynx-console-color-palette-blue-600);\n}\n\n.cp-filterCheckbox--warn {\n color: var(--lynx-console-color-palette-yellow-600);\n}\n\n.cp-filterCheckbox--error {\n color: var(--lynx-console-color-palette-red-600);\n}\n\n.cp-filterLabel {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-medium);\n}\n\n.cp-filterLabel--log {\n color: var(--lynx-console-color-palette-green-600);\n}\n\n.cp-filterLabel--info {\n color: var(--lynx-console-color-palette-blue-600);\n}\n\n.cp-filterLabel--warn {\n color: var(--lynx-console-color-palette-yellow-600);\n}\n\n.cp-filterLabel--error {\n color: var(--lynx-console-color-palette-red-600);\n}\n\n.cp-searchWrapper {\n display: flex;\n flex-direction: row;\n align-items: center;\n flex: 1;\n margin-left: 8px;\n margin-right: 8px;\n border-bottom-width: 1px;\n border-bottom-color: var(--lynx-console-color-stroke-neutral-subtle);\n border-bottom-style: solid;\n gap: 8px;\n}\n\n.cp-searchPrompt {\n font-size: 1.125rem;\n line-height: 1.5rem;\n font-weight: var(--lynx-console-font-weight-medium);\n color: var(--lynx-console-color-fg-placeholder);\n}\n\n.cp-searchInput {\n flex: 1;\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-regular);\n color: var(--lynx-console-color-fg-neutral);\n caret-color: var(--lynx-console-color-palette-green-600);\n}\n\n.cp-searchClear {\n padding: 2px 4px;\n}\n\n.cp-searchClearText {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-medium);\n color: var(--lynx-console-color-fg-placeholder);\n}\n\n.cp-clearButton {\n padding: 3px 6px;\n background-color: var(--lynx-console-color-bg-neutral-weak);\n border-radius: 4px;\n}\n\n.cp-clearButtonText {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-medium);\n color: var(--lynx-console-color-fg-neutral-muted);\n}\n\n.cp-logList {\n flex: 1;\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.cp-logItem {\n padding: 8px;\n border-bottom-width: 1px;\n border-bottom-color: var(--lynx-console-color-stroke-neutral-weak);\n border-bottom-style: solid;\n}\n\n.cp-logItem--warn {\n background-color: var(--lynx-console-color-palette-yellow-100);\n}\n\n.cp-logItem--error {\n background-color: var(--lynx-console-color-palette-red-100);\n}\n\n.cp-logItemHeader {\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-bottom: 4px;\n}\n\n.cp-logLevel {\n font-size: 0.75rem;\n line-height: 1rem;\n font-weight: var(--lynx-console-font-weight-bold);\n margin-right: 8px;\n}\n\n.cp-logLevel--log {\n color: var(--lynx-console-color-palette-green-600);\n}\n\n.cp-logLevel--info {\n color: var(--lynx-console-color-palette-blue-600);\n}\n\n.cp-logLevel--warn {\n color: var(--lynx-console-color-palette-yellow-600);\n}\n\n.cp-logLevel--error {\n color: var(--lynx-console-color-palette-red-600);\n}\n\n.cp-logTime {\n font-size: 0.75rem;\n line-height: 1rem;\n font-weight: var(--lynx-console-font-weight-regular);\n color: var(--lynx-console-color-fg-neutral-subtle);\n}\n\n.cp-toggleIndicator {\n font-size: 0.75rem;\n line-height: 1rem;\n font-weight: var(--lynx-console-font-weight-regular);\n color: var(--lynx-console-color-fg-neutral-subtle);\n margin-left: 4px;\n align-self: flex-start;\n}\n\n.cp-logMessage {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-regular);\n color: var(--lynx-console-color-fg-neutral);\n word-break: break-all;\n}\n\n.cp-logArgsContainer {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.cp-logArgItem {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-regular);\n}\n\n.cp-argNull {\n color: var(--lynx-console-color-fg-neutral-subtle);\n}\n\n.cp-argUndefined {\n color: var(--lynx-console-color-fg-neutral-subtle);\n}\n\n.cp-argString {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-regular);\n}\n\n.cp-argString--log {\n color: var(--lynx-console-color-fg-neutral);\n}\n\n.cp-argString--info {\n color: var(--lynx-console-color-fg-neutral);\n}\n\n.cp-argString--warn {\n color: var(--lynx-console-color-palette-yellow-900);\n}\n\n.cp-argString--error {\n color: var(--lynx-console-color-palette-red-900);\n}\n\n.cp-argPrimitive {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-regular);\n}\n\n.cp-argPrimitive--log {\n color: var(--lynx-console-color-palette-blue-600);\n}\n\n.cp-argPrimitive--info {\n color: var(--lynx-console-color-palette-blue-600);\n}\n\n.cp-argPrimitive--warn {\n color: var(--lynx-console-color-palette-yellow-900);\n}\n\n.cp-argPrimitive--error {\n color: var(--lynx-console-color-palette-red-900);\n}\n\n.cp-argObject {\n display: flex;\n flex-direction: column;\n}\n\n.cp-argObjectHeader {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 4px;\n}\n\n.cp-argObjectPreview {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-medium);\n color: var(--lynx-console-color-fg-neutral);\n}\n\n.cp-argObjectContent {\n margin-top: 4px;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.cp-argObjectProperty {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n}\n\n.cp-argObjectKey {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-medium);\n color: var(--lynx-console-color-palette-purple-600);\n}\n\n.cp-argObjectJson {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-regular);\n color: var(--lynx-console-color-fg-neutral);\n}\n\n.cp-replInputRow {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 8px;\n padding-top: 0;\n padding-bottom: 8px;\n}\n\n.cp-replPrompt {\n font-size: 1.625rem;\n line-height: 2.1875rem;\n font-weight: var(--lynx-console-font-weight-medium);\n color: var(--lynx-console-color-fg-placeholder);\n padding-bottom: 8px;\n}\n\n.cp-replInput {\n flex: 1;\n font-size: 1rem;\n line-height: 1.375rem;\n font-weight: var(--lynx-console-font-weight-regular);\n color: var(--lynx-console-color-fg-neutral);\n caret-color: var(--lynx-console-color-palette-green-600);\n padding-bottom: 8px;\n}\n\n.cp-replRunButton {\n padding: 4px 10px;\n background-color: var(--lynx-console-color-palette-green-100);\n border-radius: 4px;\n margin-bottom: 8px;\n}\n\n.cp-replRunButtonText {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-medium);\n color: var(--lynx-console-color-palette-green-600);\n}\n",".np-container {\n display: flex;\n flex-direction: column;\n flex: 1;\n padding-top: 4px;\n}\n\n.np-header {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 8px;\n padding-bottom: 4px;\n}\n\n.np-count {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-regular);\n color: var(--lynx-console-color-fg-neutral-subtle);\n}\n\n.np-clearButton {\n padding: 3px 6px;\n background-color: var(--lynx-console-color-bg-neutral-weak);\n border-radius: 4px;\n}\n\n.np-clearButtonText {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-medium);\n color: var(--lynx-console-color-fg-neutral-muted);\n}\n\n.np-list {\n flex: 1;\n}\n\n.np-placeholder {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n}\n\n.np-placeholderText {\n font-size: 0.875rem;\n line-height: 1.1875rem;\n font-weight: var(--lynx-console-font-weight-regular);\n color: var(--lynx-console-color-fg-disabled);\n}\n\n.np-item {\n padding: 8px;\n border-bottom-width: 1px;\n border-bottom-color: var(--lynx-console-color-stroke-neutral-weak);\n border-bottom-style: solid;\n}\n\n.np-item--pending {\n background-color: var(--lynx-console-color-palette-gray-100);\n}\n\n.np-item--error {\n background-color: var(--lynx-console-color-palette-red-100);\n}\n\n.np-itemHeader {\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-bottom: 4px;\n gap: 8px;\n}\n\n.np-method {\n font-size: 0.75rem;\n line-height: 1rem;\n font-weight: var(--lynx-console-font-weight-bold);\n padding: 0 4px;\n border-radius: 2px;\n color: var(--lynx-console-color-fg-neutral);\n background-color: var(--lynx-console-color-bg-neutral-weak);\n}\n\n.np-method--GET {\n color: var(--lynx-console-color-palette-blue-600);\n background-color: var(--lynx-console-color-palette-blue-100);\n}\n\n.np-method--POST {\n color: var(--lynx-console-color-palette-green-600);\n background-color: var(--lynx-console-color-palette-green-100);\n}\n\n.np-method--PUT {\n color: var(--lynx-console-color-palette-yellow-600);\n background-color: var(--lynx-console-color-palette-yellow-100);\n}\n\n.np-method--PATCH {\n color: var(--lynx-console-color-palette-purple-600);\n background-color: var(--lynx-console-color-palette-purple-100);\n}\n\n.np-method--DELETE {\n color: var(--lynx-console-color-palette-red-600);\n background-color: var(--lynx-console-color-palette-red-100);\n}\n\n.np-statusCode {\n font-size: 0.75rem;\n line-height: 1rem;\n font-weight: var(--lynx-console-font-weight-bold);\n}\n\n.np-statusCode--success {\n color: var(--lynx-console-color-palette-green-600);\n}\n\n.np-statusCode--error {\n color: var(--lynx-console-color-palette-red-600);\n}\n\n.np-statusCode--pending {\n color: var(--lynx-console-color-fg-neutral-subtle);\n}\n\n.np-time {\n font-size: 0.75rem;\n line-height: 1rem;\n font-weight: var(--lynx-console-font-weight-regular);\n color: var(--lynx-console-color-fg-neutral-subtle);\n}\n\n.np-url {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-regular);\n color: var(--lynx-console-color-fg-neutral);\n word-break: break-all;\n margin-bottom: 4px;\n}\n\n.np-path {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-regular);\n color: var(--lynx-console-color-fg-neutral);\n word-break: break-all;\n white-space: pre-wrap;\n overflow: visible;\n margin-bottom: 4px;\n}\n\n.np-details {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-regular);\n color: var(--lynx-console-color-fg-neutral-subtle);\n}\n\n.np-detailsContainer {\n margin-top: 12px;\n padding-top: 12px;\n border-top-width: 1px;\n border-top-color: var(--lynx-console-color-stroke-neutral-subtle);\n border-top-style: solid;\n}\n\n.np-tabs {\n display: flex;\n flex-direction: row;\n gap: 4px;\n padding-bottom: 6px;\n}\n\n.np-tab {\n padding: 4px 8px;\n border-radius: 4px;\n cursor: pointer;\n}\n\n.np-tab--active {\n background-color: var(--lynx-console-color-bg-neutral-weak);\n}\n\n.np-tabText {\n font-size: 0.875rem;\n line-height: 1.1875rem;\n font-weight: var(--lynx-console-font-weight-medium);\n color: var(--lynx-console-color-fg-neutral-subtle);\n}\n\n.np-tabText--active {\n color: var(--lynx-console-color-fg-neutral);\n}\n\n.np-tabContent {\n padding-top: 8px;\n}\n\n.np-detailSection {\n margin-bottom: 12px;\n}\n\n.np-detailSectionTitle {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-bold);\n color: var(--lynx-console-color-fg-neutral);\n margin-bottom: 8px;\n}\n\n.np-table {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.np-tableRow {\n display: flex;\n flex-direction: row;\n gap: 8px;\n padding: 4px 8px;\n background-color: var(--lynx-console-color-bg-neutral-weak);\n border-radius: 2px;\n}\n\n.np-tableKey {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-bold);\n color: var(--lynx-console-color-fg-neutral-subtle);\n min-width: 70px;\n flex-shrink: 0;\n}\n\n.np-tableValue {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-regular);\n color: var(--lynx-console-color-fg-neutral);\n word-break: break-all;\n flex: 1;\n}\n\n.np-bodyText {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-regular);\n color: var(--lynx-console-color-fg-neutral);\n padding: 8px;\n background-color: var(--lynx-console-color-bg-neutral-weak);\n border-radius: 4px;\n word-break: break-all;\n white-space: pre-wrap;\n}\n\n.np-errorText {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-regular);\n color: var(--lynx-console-color-palette-red-600);\n padding: 8px;\n background-color: var(--lynx-console-color-palette-red-100);\n border-radius: 4px;\n word-break: break-all;\n}\n\n.np-emptyText {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-regular);\n color: var(--lynx-console-color-fg-disabled);\n text-align: center;\n padding: 16px 0;\n}\n",".pp-container {\n display: flex;\n flex-direction: column;\n flex: 1;\n padding-top: 4px;\n}\n\n.pp-header {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 8px;\n padding-bottom: 4px;\n border-bottom-width: 1px;\n border-bottom-color: var(--lynx-console-color-stroke-neutral-subtle);\n border-bottom-style: solid;\n}\n\n.pp-count {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-regular);\n color: var(--lynx-console-color-fg-neutral-subtle);\n}\n\n.pp-clearButton {\n padding: 3px 6px;\n background-color: var(--lynx-console-color-bg-neutral-weak);\n border-radius: 4px;\n}\n\n.pp-clearButtonText {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-medium);\n color: var(--lynx-console-color-fg-neutral-muted);\n}\n\n.pp-list {\n flex: 1;\n}\n\n.pp-placeholder {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n}\n\n.pp-placeholderText {\n font-size: 0.875rem;\n line-height: 1.1875rem;\n font-weight: var(--lynx-console-font-weight-regular);\n color: var(--lynx-console-color-fg-disabled);\n}\n\n.pp-item {\n padding: 8px;\n border-bottom-width: 1px;\n border-bottom-color: var(--lynx-console-color-stroke-neutral-weak);\n border-bottom-style: solid;\n}\n\n.pp-itemHeader {\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-bottom: 4px;\n gap: 8px;\n}\n\n.pp-entryType {\n font-size: 0.75rem;\n line-height: 1rem;\n font-weight: var(--lynx-console-font-weight-bold);\n padding: 0 6px;\n border-radius: 2px;\n color: var(--lynx-console-color-fg-neutral);\n background-color: var(--lynx-console-color-bg-neutral-weak);\n}\n\n.pp-entryType--init {\n color: var(--lynx-console-color-palette-blue-600);\n background-color: var(--lynx-console-color-palette-blue-100);\n}\n\n.pp-entryType--metric {\n color: var(--lynx-console-color-palette-green-600);\n background-color: var(--lynx-console-color-palette-green-100);\n}\n\n.pp-entryType--pipeline {\n color: var(--lynx-console-color-palette-purple-600);\n background-color: var(--lynx-console-color-palette-purple-100);\n}\n\n.pp-entryType--resource {\n color: var(--lynx-console-color-palette-yellow-600);\n background-color: var(--lynx-console-color-palette-yellow-100);\n}\n\n.pp-entryName {\n font-size: 0.75rem;\n line-height: 1rem;\n font-weight: var(--lynx-console-font-weight-medium);\n color: var(--lynx-console-color-fg-neutral);\n}\n\n.pp-timestamp {\n font-size: 0.75rem;\n line-height: 1rem;\n font-weight: var(--lynx-console-font-weight-regular);\n color: var(--lynx-console-color-fg-neutral-subtle);\n}\n\n.pp-fcpMetricHeader {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 8px;\n}\n\n.pp-fcpHighlight {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-bold);\n color: var(--lynx-console-color-palette-blue-600);\n background-color: var(--lynx-console-color-palette-blue-100);\n padding: 4px 8px;\n border-radius: 4px;\n margin-top: 4px;\n}\n\n.pp-metrics {\n margin-top: 8px;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.pp-metric {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 8px;\n padding: 4px 8px;\n background-color: var(--lynx-console-color-bg-neutral-weak);\n border-radius: 2px;\n}\n\n.pp-metricName {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-medium);\n color: var(--lynx-console-color-fg-neutral-subtle);\n min-width: 100px;\n flex-shrink: 0;\n}\n\n.pp-metricValue {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-bold);\n color: var(--lynx-console-color-palette-green-600);\n flex: 1;\n}\n\n.pp-detailsContainer {\n margin-top: 12px;\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n.pp-fcpSection {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.pp-fcpSectionDescription {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-regular);\n color: var(--lynx-console-color-fg-neutral-subtle);\n margin-bottom: 4px;\n}\n\n.pp-fcpMetric {\n background-color: var(--lynx-console-color-bg-layer-default);\n border-radius: 4px;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.pp-fcpMetricName {\n font-size: 0.75rem;\n line-height: 1rem;\n font-weight: var(--lynx-console-font-weight-bold);\n color: var(--lynx-console-color-fg-neutral);\n}\n\n.pp-fcpMetricValue {\n font-size: 0.6875rem;\n line-height: 0.9375rem;\n font-weight: var(--lynx-console-font-weight-bold);\n color: var(--lynx-console-color-palette-blue-600);\n}\n\n.pp-fcpMetricDescription {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-regular);\n color: var(--lynx-console-color-fg-neutral-subtle);\n}\n\n.pp-fcpMetricFormula {\n font-size: 0.875rem;\n line-height: 1.1875rem;\n font-weight: var(--lynx-console-font-weight-regular);\n color: var(--lynx-console-color-fg-disabled);\n font-family: monospace;\n}\n\n.pp-rawEntrySection {\n padding: 12px;\n background-color: var(--lynx-console-color-bg-neutral-weak);\n border-radius: 4px;\n}\n\n.pp-detailTitle {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-bold);\n color: var(--lynx-console-color-fg-neutral);\n margin-bottom: 8px;\n}\n\n.pp-rawEntry {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-regular);\n color: var(--lynx-console-color-fg-neutral-subtle);\n font-family: monospace;\n white-space: pre-wrap;\n word-break: break-all;\n}\n",".tabs-root {\n flex: 1;\n display: flex;\n flex-direction: column;\n}\n\n.tabs-header {\n display: flex;\n box-shadow: inset 0 -1px 0 0 var(--lynx-console-color-stroke-neutral-subtle);\n}\n\n.tabs-triggerButton {\n flex: 1;\n color: var(--lynx-console-color-fg-neutral-subtle);\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 12px 0 10px 0;\n position: relative;\n}\n\n.tabs-triggerButtonText {\n font-size: 1rem;\n line-height: 1.375rem;\n font-weight: var(--lynx-console-font-weight-bold);\n color: var(--lynx-console-color-fg-neutral-subtle);\n}\n\n.tabs-triggerButtonText--active {\n color: var(--lynx-console-color-fg-neutral);\n}\n\n.tabs-triggerButtonText--t4 {\n font-size: 0.875rem;\n line-height: 1.1875rem;\n}\n\n.tabs-triggerButtonText--t3 {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n}\n\n.tabs-triggerButtonText--t2 {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n\n.tabs-triggerButtonText--t1 {\n font-size: 0.6875rem;\n line-height: 0.9375rem;\n}\n\n.tabs-triggerIndicator {\n position: absolute;\n bottom: 0;\n left: 0;\n padding: 0 16px;\n width: 100%;\n transition: 200ms;\n transition-timing-function: cubic-bezier(.35, 0, .35, 1);\n}\n\n.tabs-triggerIndicatorLine {\n background-color: var(--lynx-console-color-fg-neutral);\n width: 100%;\n height: 2px;\n}\n\n.tabs-contents {\n flex: 1;\n width: 100%;\n}\n\n.tabs-content {\n width: 100%;\n display: flex;\n flex-direction: column;\n}\n",".fb-wrapper {\n position: fixed;\n z-index: 9999;\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 8px;\n overflow: visible;\n transition: transform var(--lynx-console-duration-d4) cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.fb-button {\n position: relative;\n overflow: hidden;\n padding-left: 8px;\n padding-right: 8px;\n padding-top: 4px;\n padding-bottom: 4px;\n border-radius: 12px;\n background-color: var(--lynx-console-color-palette-green-600);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 2px;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.fb-shineOverlay {\n position: absolute;\n top: -50%;\n left: -25%;\n width: 150%;\n height: 200%;\n background-color: rgba(255, 255, 255, 0.2);\n border-radius: 9999px;\n}\n\n.fb-title {\n font-size: 0.875rem;\n line-height: 1.1875rem;\n font-weight: var(--lynx-console-font-weight-regular);\n color: var(--lynx-console-color-palette-static-white);\n text-align: center;\n}\n\n.fb-subtitle {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n font-weight: var(--lynx-console-font-weight-regular);\n color: var(--lynx-console-color-palette-static-white);\n text-align: center;\n}\n\n.fb-reloadButton {\n overflow: visible;\n width: 32px;\n height: 32px;\n border-radius: 16px;\n background-color: var(--lynx-console-color-palette-green-600);\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.fb-reloadIcon {\n font-size: 20px;\n line-height: 32px;\n margin-bottom: 5px;\n color: var(--lynx-console-color-palette-static-white);\n text-align: center;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACtEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AC1FA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;ACjZA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACvRA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACxPA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AC7EA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA"}
package/dist/index.d.cts CHANGED
@@ -1,6 +1,83 @@
1
1
 
2
2
  import * as react from "react";
3
+ import { ReactNode } from "@lynx-js/react";
3
4
 
5
+ //#region src/types.d.ts
6
+ interface CustomTab {
7
+ key: string;
8
+ label: string;
9
+ renderContent: () => ReactNode;
10
+ }
11
+ type LogLevel = "log" | "warn" | "error" | "info";
12
+ interface LogEntry {
13
+ id: string;
14
+ level: LogLevel;
15
+ message: string;
16
+ timestamp: number;
17
+ args: unknown[];
18
+ }
19
+ type NetworkStatus = "pending" | "success" | "error";
20
+ interface NetworkEntry {
21
+ id: string;
22
+ url: string;
23
+ method: string;
24
+ status: NetworkStatus;
25
+ statusCode?: number | undefined;
26
+ statusText?: string | undefined;
27
+ startTime: number;
28
+ endTime?: number | undefined;
29
+ duration?: number | undefined;
30
+ requestHeaders?: Record<string, string> | undefined;
31
+ requestBody?: string | undefined;
32
+ responseHeaders?: Record<string, string> | undefined;
33
+ responseBody?: string | undefined;
34
+ error?: string | undefined;
35
+ }
36
+ type PerformanceEntryType = "init" | "metric" | "pipeline" | "resource";
37
+ interface PerformanceMetric {
38
+ name: string;
39
+ duration: number;
40
+ startTimestampName: string;
41
+ startTimestamp: number;
42
+ endTimestampName: string;
43
+ endTimestamp: number;
44
+ }
45
+ interface PerformanceEntryData {
46
+ id: string;
47
+ entryType: PerformanceEntryType;
48
+ name: string;
49
+ timestamp: number;
50
+ metrics?: PerformanceMetric[];
51
+ rawEntry?: unknown;
52
+ }
53
+ declare global {
54
+ var __INIT_DATA__: {
55
+ stage?: string;
56
+ [key: string]: unknown;
57
+ };
58
+ var __LYNX_CONSOLE__: {
59
+ originalConsole?: {
60
+ log: (...args: unknown[]) => void;
61
+ warn: (...args: unknown[]) => void;
62
+ error: (...args: unknown[]) => void;
63
+ info: (...args: unknown[]) => void;
64
+ };
65
+ state?: {
66
+ logs?: LogEntry[];
67
+ logListeners?: Set<(entry: LogEntry) => void>;
68
+ logSubscribe?: (listener: (entry: LogEntry) => void) => () => void;
69
+ networks?: NetworkEntry[];
70
+ networksMap?: Map<string, NetworkEntry>;
71
+ networkListeners?: Set<(entry: NetworkEntry) => void>;
72
+ subscribeNetwork?: (listener: (entry: NetworkEntry) => void) => () => void;
73
+ performances?: PerformanceEntryData[];
74
+ performanceListeners?: Set<(entry: PerformanceEntryData) => void>;
75
+ subscribePerformance?: (listener: (entry: PerformanceEntryData) => void) => () => void;
76
+ };
77
+ mainThreadInitialized?: boolean;
78
+ } | undefined;
79
+ } //# sourceMappingURL=types.d.ts.map
80
+ //#endregion
4
81
  //#region src/index.d.ts
5
82
  interface LynxConsoleHandle {
6
83
  open: () => void;
@@ -10,8 +87,9 @@ interface LynxConsoleHandle {
10
87
  interface LynxConsoleProps {
11
88
  theme?: "light" | "dark";
12
89
  safeAreaInsetBottom?: string;
90
+ customTabs?: CustomTab[];
13
91
  }
14
92
  declare const LynxConsole: react.ForwardRefExoticComponent<LynxConsoleProps & react.RefAttributes<LynxConsoleHandle>>;
15
93
  //#endregion
16
- export { LynxConsoleHandle, LynxConsoleProps, LynxConsole as default };
94
+ export { type CustomTab, LynxConsoleHandle, LynxConsoleProps, LynxConsole as default };
17
95
  //# sourceMappingURL=index.d.cts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.cts","names":[],"sources":["../src/index.tsx"],"mappings":";;;;UAciB,iBAAA;EACf,IAAA;EACA,KAAA;EACA,MAAA;AAAA;AAAA,UAGe,gBAAA;EACf,KAAA;EACA,mBAAA;AAAA;AAAA,cAcI,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA"}
1
+ {"version":3,"file":"index.d.cts","names":[],"sources":["../src/types.ts","../src/index.tsx"],"mappings":";;;;;UAIiB,SAAA;EACf,GAAA;EACA,KAAA;EACA,aAAA,QAAqB,SAAA;AAAA;AAAA,KAKX,QAAA;AAAA,UAEK,QAAA;EACf,EAAA;EACA,KAAA,EAAO,QAAA;EACP,OAAA;EACA,SAAA;EACA,IAAA;AAAA;AAAA,KAIU,aAAA;AAAA,UAEK,YAAA;EACf,EAAA;EACA,GAAA;EACA,MAAA;EACA,MAAA,EAAQ,aAAA;EACR,UAAA;EACA,UAAA;EACA,SAAA;EACA,OAAA;EACA,QAAA;EACA,cAAA,GAAiB,MAAA;EACjB,WAAA;EACA,eAAA,GAAkB,MAAA;EAClB,YAAA;EACA,KAAA;AAAA;AAAA,KAIU,oBAAA;AAAA,UAEK,iBAAA;EACf,IAAA;EACA,QAAA;EACA,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,YAAA;AAAA;AAAA,UAGe,oBAAA;EACf,EAAA;EACA,SAAA,EAAW,oBAAA;EACX,IAAA;EACA,SAAA;EACA,OAAA,GAAU,iBAAA;EACV,QAAA;AAAA;AAAA,QAIM,MAAA;EAAA,IACF,aAAA;IACF,KAAA;IAAA,CACC,GAAA;EAAA;EAAA,IAGC,gBAAA;IAGE,eAAA;MACE,GAAA,MAAS,IAAA;MACT,IAAA,MAAU,IAAA;MACV,KAAA,MAAW,IAAA;MACX,IAAA,MAAU,IAAA;IAAA;IAIZ,KAAA;MACE,IAAA,GAAO,QAAA;MACP,YAAA,GAAe,GAAA,EAAK,KAAA,EAAO,QAAA;MAC3B,YAAA,IAAgB,QAAA,GAAW,KAAA,EAAO,QAAA;MAElC,QAAA,GAAW,YAAA;MACX,WAAA,GAAc,GAAA,SAAY,YAAA;MAC1B,gBAAA,GAAmB,GAAA,EAAK,KAAA,EAAO,YAAA;MAC/B,gBAAA,IACE,QAAA,GAAW,KAAA,EAAO,YAAA;MAGpB,YAAA,GAAe,oBAAA;MACf,oBAAA,GAAuB,GAAA,EAAK,KAAA,EAAO,oBAAA;MACnC,oBAAA,IACE,QAAA,GAAW,KAAA,EAAO,oBAAA;IAAA;IAItB,qBAAA;EAAA;AAAA;;;UCrFS,iBAAA;EACf,IAAA;EACA,KAAA;EACA,MAAA;AAAA;AAAA,UAGe,gBAAA;EACf,KAAA;EACA,mBAAA;EACA,UAAA,GAAa,SAAA;AAAA;AAAA,cAcT,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA"}
package/dist/index.d.mts CHANGED
@@ -1,6 +1,83 @@
1
1
 
2
+ import { ReactNode } from "@lynx-js/react";
2
3
  import * as react from "react";
3
4
 
5
+ //#region src/types.d.ts
6
+ interface CustomTab {
7
+ key: string;
8
+ label: string;
9
+ renderContent: () => ReactNode;
10
+ }
11
+ type LogLevel = "log" | "warn" | "error" | "info";
12
+ interface LogEntry {
13
+ id: string;
14
+ level: LogLevel;
15
+ message: string;
16
+ timestamp: number;
17
+ args: unknown[];
18
+ }
19
+ type NetworkStatus = "pending" | "success" | "error";
20
+ interface NetworkEntry {
21
+ id: string;
22
+ url: string;
23
+ method: string;
24
+ status: NetworkStatus;
25
+ statusCode?: number | undefined;
26
+ statusText?: string | undefined;
27
+ startTime: number;
28
+ endTime?: number | undefined;
29
+ duration?: number | undefined;
30
+ requestHeaders?: Record<string, string> | undefined;
31
+ requestBody?: string | undefined;
32
+ responseHeaders?: Record<string, string> | undefined;
33
+ responseBody?: string | undefined;
34
+ error?: string | undefined;
35
+ }
36
+ type PerformanceEntryType = "init" | "metric" | "pipeline" | "resource";
37
+ interface PerformanceMetric {
38
+ name: string;
39
+ duration: number;
40
+ startTimestampName: string;
41
+ startTimestamp: number;
42
+ endTimestampName: string;
43
+ endTimestamp: number;
44
+ }
45
+ interface PerformanceEntryData {
46
+ id: string;
47
+ entryType: PerformanceEntryType;
48
+ name: string;
49
+ timestamp: number;
50
+ metrics?: PerformanceMetric[];
51
+ rawEntry?: unknown;
52
+ }
53
+ declare global {
54
+ var __INIT_DATA__: {
55
+ stage?: string;
56
+ [key: string]: unknown;
57
+ };
58
+ var __LYNX_CONSOLE__: {
59
+ originalConsole?: {
60
+ log: (...args: unknown[]) => void;
61
+ warn: (...args: unknown[]) => void;
62
+ error: (...args: unknown[]) => void;
63
+ info: (...args: unknown[]) => void;
64
+ };
65
+ state?: {
66
+ logs?: LogEntry[];
67
+ logListeners?: Set<(entry: LogEntry) => void>;
68
+ logSubscribe?: (listener: (entry: LogEntry) => void) => () => void;
69
+ networks?: NetworkEntry[];
70
+ networksMap?: Map<string, NetworkEntry>;
71
+ networkListeners?: Set<(entry: NetworkEntry) => void>;
72
+ subscribeNetwork?: (listener: (entry: NetworkEntry) => void) => () => void;
73
+ performances?: PerformanceEntryData[];
74
+ performanceListeners?: Set<(entry: PerformanceEntryData) => void>;
75
+ subscribePerformance?: (listener: (entry: PerformanceEntryData) => void) => () => void;
76
+ };
77
+ mainThreadInitialized?: boolean;
78
+ } | undefined;
79
+ } //# sourceMappingURL=types.d.ts.map
80
+ //#endregion
4
81
  //#region src/index.d.ts
5
82
  interface LynxConsoleHandle {
6
83
  open: () => void;
@@ -10,8 +87,9 @@ interface LynxConsoleHandle {
10
87
  interface LynxConsoleProps {
11
88
  theme?: "light" | "dark";
12
89
  safeAreaInsetBottom?: string;
90
+ customTabs?: CustomTab[];
13
91
  }
14
92
  declare const LynxConsole: react.ForwardRefExoticComponent<LynxConsoleProps & react.RefAttributes<LynxConsoleHandle>>;
15
93
  //#endregion
16
- export { LynxConsoleHandle, LynxConsoleProps, LynxConsole as default };
94
+ export { type CustomTab, LynxConsoleHandle, LynxConsoleProps, LynxConsole as default };
17
95
  //# sourceMappingURL=index.d.mts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.mts","names":[],"sources":["../src/index.tsx"],"mappings":";;;;UAciB,iBAAA;EACf,IAAA;EACA,KAAA;EACA,MAAA;AAAA;AAAA,UAGe,gBAAA;EACf,KAAA;EACA,mBAAA;AAAA;AAAA,cAcI,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA"}
1
+ {"version":3,"file":"index.d.mts","names":[],"sources":["../src/types.ts","../src/index.tsx"],"mappings":";;;;;UAIiB,SAAA;EACf,GAAA;EACA,KAAA;EACA,aAAA,QAAqB,SAAA;AAAA;AAAA,KAKX,QAAA;AAAA,UAEK,QAAA;EACf,EAAA;EACA,KAAA,EAAO,QAAA;EACP,OAAA;EACA,SAAA;EACA,IAAA;AAAA;AAAA,KAIU,aAAA;AAAA,UAEK,YAAA;EACf,EAAA;EACA,GAAA;EACA,MAAA;EACA,MAAA,EAAQ,aAAA;EACR,UAAA;EACA,UAAA;EACA,SAAA;EACA,OAAA;EACA,QAAA;EACA,cAAA,GAAiB,MAAA;EACjB,WAAA;EACA,eAAA,GAAkB,MAAA;EAClB,YAAA;EACA,KAAA;AAAA;AAAA,KAIU,oBAAA;AAAA,UAEK,iBAAA;EACf,IAAA;EACA,QAAA;EACA,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,YAAA;AAAA;AAAA,UAGe,oBAAA;EACf,EAAA;EACA,SAAA,EAAW,oBAAA;EACX,IAAA;EACA,SAAA;EACA,OAAA,GAAU,iBAAA;EACV,QAAA;AAAA;AAAA,QAIM,MAAA;EAAA,IACF,aAAA;IACF,KAAA;IAAA,CACC,GAAA;EAAA;EAAA,IAGC,gBAAA;IAGE,eAAA;MACE,GAAA,MAAS,IAAA;MACT,IAAA,MAAU,IAAA;MACV,KAAA,MAAW,IAAA;MACX,IAAA,MAAU,IAAA;IAAA;IAIZ,KAAA;MACE,IAAA,GAAO,QAAA;MACP,YAAA,GAAe,GAAA,EAAK,KAAA,EAAO,QAAA;MAC3B,YAAA,IAAgB,QAAA,GAAW,KAAA,EAAO,QAAA;MAElC,QAAA,GAAW,YAAA;MACX,WAAA,GAAc,GAAA,SAAY,YAAA;MAC1B,gBAAA,GAAmB,GAAA,EAAK,KAAA,EAAO,YAAA;MAC/B,gBAAA,IACE,QAAA,GAAW,KAAA,EAAO,YAAA;MAGpB,YAAA,GAAe,oBAAA;MACf,oBAAA,GAAuB,GAAA,EAAK,KAAA,EAAO,oBAAA;MACnC,oBAAA,IACE,QAAA,GAAW,KAAA,EAAO,oBAAA;IAAA;IAItB,qBAAA;EAAA;AAAA;;;UCrFS,iBAAA;EACf,IAAA;EACA,KAAA;EACA,MAAA;AAAA;AAAA,UAGe,gBAAA;EACf,KAAA;EACA,mBAAA;EACA,UAAA,GAAa,SAAA;AAAA;AAAA,cAcT,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA"}