lynx-console 0.2.1 → 0.2.2

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 (28) hide show
  1. package/dist/index.cjs +615 -112
  2. package/dist/index.css +0 -397
  3. package/dist/index.css.map +1 -1
  4. package/dist/index.mjs +616 -113
  5. package/dist/index.mjs.map +1 -1
  6. package/package.json +1 -1
  7. package/src/components/BottomSheet.css +0 -7
  8. package/src/components/BottomSheet.tsx +24 -3
  9. package/src/components/ConsolePanel.css +0 -141
  10. package/src/components/FloatingButton.css +0 -8
  11. package/src/components/FloatingButton.tsx +15 -2
  12. package/src/components/LogPanel.tsx +214 -26
  13. package/src/components/NetworkDetailSection.tsx +71 -9
  14. package/src/components/NetworkPanel.css +0 -91
  15. package/src/components/NetworkPanel.tsx +168 -20
  16. package/src/components/PerformancePanel.css +0 -60
  17. package/src/components/PerformancePanel.tsx +159 -29
  18. package/src/components/Tabs.css +0 -9
  19. package/src/components/Tabs.tsx +21 -3
  20. package/src/index.tsx +29 -23
  21. package/src/styles/ThemeContext.ts +10 -0
  22. package/src/styles/theme.ts +111 -0
  23. package/src/styles/global.css +0 -8
  24. package/src/styles/vars/color.ts +0 -41
  25. package/src/styles/vars/dimension.ts +0 -10
  26. package/src/styles/vars/index.css +0 -71
  27. package/src/styles/vars/index.ts +0 -18
  28. package/src/styles/vars/radius.ts +0 -2
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.css","names":[],"sources":["../src/styles/vars/index.css","../src/styles/global.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","page {\n background-color: var(--lynx-console-color-bg-layer-default);\n font-size: 16px;\n}\n\ntext {\n color: var(--lynx-console-color-fg-neutral);\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;;AAEA;AACA;AACA;;ACPA;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"}
1
+ {"version":3,"file":"index.css","names":[],"sources":["../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":[".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}\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 border-top-left-radius: 24px;\n border-top-right-radius: 24px;\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 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}\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}\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 border-radius: 4px;\n}\n\n.cp-filterButtonText {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n}\n\n.cp-filterDropdown {\n position: absolute;\n top: 100%;\n left: 0;\n margin-top: 4px;\n border-width: 1px;\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 width: 16px;\n}\n\n.cp-filterLabel {\n font-size: 0.8125rem;\n line-height: 1.125rem;\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-style: solid;\n gap: 8px;\n}\n\n.cp-searchPrompt {\n font-size: 1.125rem;\n line-height: 1.5rem;\n}\n\n.cp-searchInput {\n flex: 1;\n font-size: 0.8125rem;\n line-height: 1.125rem;\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}\n\n.cp-clearButton {\n padding: 3px 6px;\n border-radius: 4px;\n}\n\n.cp-clearButtonText {\n font-size: 0.8125rem;\n line-height: 1.125rem;\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-style: solid;\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 margin-right: 8px;\n}\n\n.cp-logTime {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n\n.cp-toggleIndicator {\n font-size: 0.75rem;\n line-height: 1rem;\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 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}\n\n.cp-argString {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n}\n\n.cp-argPrimitive {\n font-size: 0.8125rem;\n line-height: 1.125rem;\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}\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}\n\n.cp-argObjectJson {\n font-size: 0.8125rem;\n line-height: 1.125rem;\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 padding-bottom: 8px;\n}\n\n.cp-replInput {\n flex: 1;\n font-size: 1rem;\n line-height: 1.375rem;\n padding-bottom: 8px;\n}\n\n.cp-replRunButton {\n padding: 4px 10px;\n border-radius: 4px;\n margin-bottom: 8px;\n}\n\n.cp-replRunButtonText {\n font-size: 0.8125rem;\n line-height: 1.125rem;\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}\n\n.np-clearButton {\n padding: 3px 6px;\n border-radius: 4px;\n}\n\n.np-clearButtonText {\n font-size: 0.8125rem;\n line-height: 1.125rem;\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}\n\n.np-item {\n padding: 8px;\n border-bottom-width: 1px;\n border-bottom-style: solid;\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 padding: 0 4px;\n border-radius: 2px;\n}\n\n.np-statusCode {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n\n.np-time {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n\n.np-url {\n font-size: 0.8125rem;\n line-height: 1.125rem;\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 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}\n\n.np-detailsContainer {\n margin-top: 12px;\n padding-top: 12px;\n border-top-width: 1px;\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-tabText {\n font-size: 0.875rem;\n line-height: 1.1875rem;\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 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 border-radius: 2px;\n}\n\n.np-tableKey {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n min-width: 70px;\n flex-shrink: 0;\n}\n\n.np-tableValue {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n word-break: break-all;\n flex: 1;\n}\n\n.np-bodyText {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n padding: 8px;\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 padding: 8px;\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 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-style: solid;\n}\n\n.pp-count {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n}\n\n.pp-clearButton {\n padding: 3px 6px;\n border-radius: 4px;\n}\n\n.pp-clearButtonText {\n font-size: 0.8125rem;\n line-height: 1.125rem;\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}\n\n.pp-item {\n padding: 8px;\n border-bottom-width: 1px;\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 padding: 0 6px;\n border-radius: 2px;\n}\n\n.pp-entryName {\n font-size: 0.75rem;\n line-height: 1rem;\n}\n\n.pp-timestamp {\n font-size: 0.75rem;\n line-height: 1rem;\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 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 border-radius: 2px;\n}\n\n.pp-metricName {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n min-width: 100px;\n flex-shrink: 0;\n}\n\n.pp-metricValue {\n font-size: 0.8125rem;\n line-height: 1.125rem;\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 margin-bottom: 4px;\n}\n\n.pp-fcpMetric {\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}\n\n.pp-fcpMetricValue {\n font-size: 0.6875rem;\n line-height: 0.9375rem;\n}\n\n.pp-fcpMetricDescription {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n}\n\n.pp-fcpMetricFormula {\n font-size: 0.875rem;\n line-height: 1.1875rem;\n font-family: monospace;\n}\n\n.pp-rawEntrySection {\n padding: 12px;\n border-radius: 4px;\n}\n\n.pp-detailTitle {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n margin-bottom: 8px;\n}\n\n.pp-rawEntry {\n font-size: 0.8125rem;\n line-height: 1.125rem;\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}\n\n.tabs-triggerButton {\n flex: 1;\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}\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 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}\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 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 text-align: center;\n}\n\n.fb-subtitle {\n font-size: 0.8125rem;\n line-height: 1.125rem;\n text-align: center;\n}\n\n.fb-reloadButton {\n overflow: visible;\n width: 32px;\n height: 32px;\n border-radius: 16px;\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 text-align: center;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;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;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;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACnFA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;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;;ACpQA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;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;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AC5LA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;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;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;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AC5LA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;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;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;ACpEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA"}