@syncular/ui 0.0.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.
- package/README.md +11 -0
- package/dist/charts/activity-chart.d.ts +11 -0
- package/dist/charts/activity-chart.d.ts.map +1 -0
- package/dist/charts/activity-chart.js +28 -0
- package/dist/charts/activity-chart.js.map +1 -0
- package/dist/charts/chart.d.ts +50 -0
- package/dist/charts/chart.d.ts.map +1 -0
- package/dist/charts/chart.js +108 -0
- package/dist/charts/chart.js.map +1 -0
- package/dist/charts/index.d.ts +5 -0
- package/dist/charts/index.d.ts.map +1 -0
- package/dist/charts/index.js +5 -0
- package/dist/charts/index.js.map +1 -0
- package/dist/charts/latency-chart.d.ts +15 -0
- package/dist/charts/latency-chart.d.ts.map +1 -0
- package/dist/charts/latency-chart.js +25 -0
- package/dist/charts/latency-chart.js.map +1 -0
- package/dist/charts/outcomes-chart.d.ts +11 -0
- package/dist/charts/outcomes-chart.d.ts.map +1 -0
- package/dist/charts/outcomes-chart.js +37 -0
- package/dist/charts/outcomes-chart.js.map +1 -0
- package/dist/console/activity-bars.d.ts +24 -0
- package/dist/console/activity-bars.d.ts.map +1 -0
- package/dist/console/activity-bars.js +25 -0
- package/dist/console/activity-bars.js.map +1 -0
- package/dist/console/alerts-config.d.ts +20 -0
- package/dist/console/alerts-config.d.ts.map +1 -0
- package/dist/console/alerts-config.js +31 -0
- package/dist/console/alerts-config.js.map +1 -0
- package/dist/console/api-keys-table.d.ts +16 -0
- package/dist/console/api-keys-table.d.ts.map +1 -0
- package/dist/console/api-keys-table.js +21 -0
- package/dist/console/api-keys-table.js.map +1 -0
- package/dist/console/bottom-bar.d.ts +17 -0
- package/dist/console/bottom-bar.d.ts.map +1 -0
- package/dist/console/bottom-bar.js +14 -0
- package/dist/console/bottom-bar.js.map +1 -0
- package/dist/console/commit-table.d.ts +12 -0
- package/dist/console/commit-table.d.ts.map +1 -0
- package/dist/console/commit-table.js +14 -0
- package/dist/console/commit-table.js.map +1 -0
- package/dist/console/connection-form.d.ts +29 -0
- package/dist/console/connection-form.d.ts.map +1 -0
- package/dist/console/connection-form.js +24 -0
- package/dist/console/connection-form.js.map +1 -0
- package/dist/console/connection-status-badge.d.ts +7 -0
- package/dist/console/connection-status-badge.d.ts.map +1 -0
- package/dist/console/connection-status-badge.js +19 -0
- package/dist/console/connection-status-badge.js.map +1 -0
- package/dist/console/danger-action-card.d.ts +10 -0
- package/dist/console/danger-action-card.d.ts.map +1 -0
- package/dist/console/danger-action-card.js +10 -0
- package/dist/console/danger-action-card.js.map +1 -0
- package/dist/console/empty-state.d.ts +9 -0
- package/dist/console/empty-state.d.ts.map +1 -0
- package/dist/console/empty-state.js +7 -0
- package/dist/console/empty-state.js.map +1 -0
- package/dist/console/filter-bar.d.ts +18 -0
- package/dist/console/filter-bar.d.ts.map +1 -0
- package/dist/console/filter-bar.js +14 -0
- package/dist/console/filter-bar.js.map +1 -0
- package/dist/console/fleet-card.d.ts +14 -0
- package/dist/console/fleet-card.d.ts.map +1 -0
- package/dist/console/fleet-card.js +58 -0
- package/dist/console/fleet-card.js.map +1 -0
- package/dist/console/handlers-table.d.ts +12 -0
- package/dist/console/handlers-table.d.ts.map +1 -0
- package/dist/console/handlers-table.js +21 -0
- package/dist/console/handlers-table.js.map +1 -0
- package/dist/console/index.d.ts +28 -0
- package/dist/console/index.d.ts.map +1 -0
- package/dist/console/index.js +28 -0
- package/dist/console/index.js.map +1 -0
- package/dist/console/kpi-card.d.ts +10 -0
- package/dist/console/kpi-card.d.ts.map +1 -0
- package/dist/console/kpi-card.js +17 -0
- package/dist/console/kpi-card.js.map +1 -0
- package/dist/console/kpi-strip.d.ts +10 -0
- package/dist/console/kpi-strip.d.ts.map +1 -0
- package/dist/console/kpi-strip.js +22 -0
- package/dist/console/kpi-strip.js.map +1 -0
- package/dist/console/latency-percentiles.d.ts +24 -0
- package/dist/console/latency-percentiles.d.ts.map +1 -0
- package/dist/console/latency-percentiles.js +23 -0
- package/dist/console/latency-percentiles.js.map +1 -0
- package/dist/console/live-activity-feed.d.ts +24 -0
- package/dist/console/live-activity-feed.d.ts.map +1 -0
- package/dist/console/live-activity-feed.js +29 -0
- package/dist/console/live-activity-feed.js.map +1 -0
- package/dist/console/maintenance-card.d.ts +28 -0
- package/dist/console/maintenance-card.d.ts.map +1 -0
- package/dist/console/maintenance-card.js +25 -0
- package/dist/console/maintenance-card.js.map +1 -0
- package/dist/console/page-header.d.ts +9 -0
- package/dist/console/page-header.d.ts.map +1 -0
- package/dist/console/page-header.js +9 -0
- package/dist/console/page-header.js.map +1 -0
- package/dist/console/panel-shell.d.ts +11 -0
- package/dist/console/panel-shell.d.ts.map +1 -0
- package/dist/console/panel-shell.js +10 -0
- package/dist/console/panel-shell.js.map +1 -0
- package/dist/console/preferences-panel.d.ts +30 -0
- package/dist/console/preferences-panel.d.ts.map +1 -0
- package/dist/console/preferences-panel.js +24 -0
- package/dist/console/preferences-panel.js.map +1 -0
- package/dist/console/section-card.d.ts +11 -0
- package/dist/console/section-card.d.ts.map +1 -0
- package/dist/console/section-card.js +9 -0
- package/dist/console/section-card.js.map +1 -0
- package/dist/console/stream-log.d.ts +26 -0
- package/dist/console/stream-log.d.ts.map +1 -0
- package/dist/console/stream-log.js +34 -0
- package/dist/console/stream-log.js.map +1 -0
- package/dist/console/sync-horizon.d.ts +18 -0
- package/dist/console/sync-horizon.d.ts.map +1 -0
- package/dist/console/sync-horizon.js +61 -0
- package/dist/console/sync-horizon.js.map +1 -0
- package/dist/console/sync-lag-bar.d.ts +23 -0
- package/dist/console/sync-lag-bar.d.ts.map +1 -0
- package/dist/console/sync-lag-bar.js +111 -0
- package/dist/console/sync-lag-bar.js.map +1 -0
- package/dist/console/sync-state-badge.d.ts +6 -0
- package/dist/console/sync-state-badge.d.ts.map +1 -0
- package/dist/console/sync-state-badge.js +21 -0
- package/dist/console/sync-state-badge.js.map +1 -0
- package/dist/console/topology-card.d.ts +9 -0
- package/dist/console/topology-card.d.ts.map +1 -0
- package/dist/console/topology-card.js +9 -0
- package/dist/console/topology-card.js.map +1 -0
- package/dist/console/topology-hero.d.ts +65 -0
- package/dist/console/topology-hero.d.ts.map +1 -0
- package/dist/console/topology-hero.js +90 -0
- package/dist/console/topology-hero.js.map +1 -0
- package/dist/demo/actor-panel.d.ts +11 -0
- package/dist/demo/actor-panel.d.ts.map +1 -0
- package/dist/demo/actor-panel.js +19 -0
- package/dist/demo/actor-panel.js.map +1 -0
- package/dist/demo/catalog-table.d.ts +17 -0
- package/dist/demo/catalog-table.d.ts.map +1 -0
- package/dist/demo/catalog-table.js +13 -0
- package/dist/demo/catalog-table.js.map +1 -0
- package/dist/demo/channel-selector.d.ts +12 -0
- package/dist/demo/channel-selector.d.ts.map +1 -0
- package/dist/demo/channel-selector.js +13 -0
- package/dist/demo/channel-selector.js.map +1 -0
- package/dist/demo/client-panel.d.ts +12 -0
- package/dist/demo/client-panel.d.ts.map +1 -0
- package/dist/demo/client-panel.js +18 -0
- package/dist/demo/client-panel.js.map +1 -0
- package/dist/demo/conflict-panel.d.ts +8 -0
- package/dist/demo/conflict-panel.d.ts.map +1 -0
- package/dist/demo/conflict-panel.js +9 -0
- package/dist/demo/conflict-panel.js.map +1 -0
- package/dist/demo/demo-header.d.ts +9 -0
- package/dist/demo/demo-header.d.ts.map +1 -0
- package/dist/demo/demo-header.js +12 -0
- package/dist/demo/demo-header.js.map +1 -0
- package/dist/demo/demo-section.d.ts +8 -0
- package/dist/demo/demo-section.d.ts.map +1 -0
- package/dist/demo/demo-section.js +10 -0
- package/dist/demo/demo-section.js.map +1 -0
- package/dist/demo/encrypted-badge.d.ts +7 -0
- package/dist/demo/encrypted-badge.d.ts.map +1 -0
- package/dist/demo/encrypted-badge.js +12 -0
- package/dist/demo/encrypted-badge.js.map +1 -0
- package/dist/demo/encryption-flow-diagram.d.ts +5 -0
- package/dist/demo/encryption-flow-diagram.d.ts.map +1 -0
- package/dist/demo/encryption-flow-diagram.js +24 -0
- package/dist/demo/encryption-flow-diagram.js.map +1 -0
- package/dist/demo/index.d.ts +27 -0
- package/dist/demo/index.d.ts.map +1 -0
- package/dist/demo/index.js +27 -0
- package/dist/demo/index.js.map +1 -0
- package/dist/demo/info-panel.d.ts +9 -0
- package/dist/demo/info-panel.d.ts.map +1 -0
- package/dist/demo/info-panel.js +11 -0
- package/dist/demo/info-panel.js.map +1 -0
- package/dist/demo/media-gallery.d.ts +7 -0
- package/dist/demo/media-gallery.d.ts.map +1 -0
- package/dist/demo/media-gallery.js +7 -0
- package/dist/demo/media-gallery.js.map +1 -0
- package/dist/demo/media-thumbnail.d.ts +11 -0
- package/dist/demo/media-thumbnail.d.ts.map +1 -0
- package/dist/demo/media-thumbnail.js +10 -0
- package/dist/demo/media-thumbnail.js.map +1 -0
- package/dist/demo/metric-card.d.ts +14 -0
- package/dist/demo/metric-card.d.ts.map +1 -0
- package/dist/demo/metric-card.js +20 -0
- package/dist/demo/metric-card.js.map +1 -0
- package/dist/demo/mnemonic-display.d.ts +8 -0
- package/dist/demo/mnemonic-display.d.ts.map +1 -0
- package/dist/demo/mnemonic-display.js +70 -0
- package/dist/demo/mnemonic-display.js.map +1 -0
- package/dist/demo/note-card.d.ts +10 -0
- package/dist/demo/note-card.d.ts.map +1 -0
- package/dist/demo/note-card.js +9 -0
- package/dist/demo/note-card.js.map +1 -0
- package/dist/demo/sync-controls.d.ts +8 -0
- package/dist/demo/sync-controls.d.ts.map +1 -0
- package/dist/demo/sync-controls.js +17 -0
- package/dist/demo/sync-controls.js.map +1 -0
- package/dist/demo/sync-status-badge.d.ts +7 -0
- package/dist/demo/sync-status-badge.d.ts.map +1 -0
- package/dist/demo/sync-status-badge.js +22 -0
- package/dist/demo/sync-status-badge.js.map +1 -0
- package/dist/demo/task-item.d.ts +12 -0
- package/dist/demo/task-item.d.ts.map +1 -0
- package/dist/demo/task-item.js +12 -0
- package/dist/demo/task-item.js.map +1 -0
- package/dist/demo/task-list.d.ts +8 -0
- package/dist/demo/task-list.d.ts.map +1 -0
- package/dist/demo/task-list.js +11 -0
- package/dist/demo/task-list.js.map +1 -0
- package/dist/demo/topology-panel.d.ts +10 -0
- package/dist/demo/topology-panel.d.ts.map +1 -0
- package/dist/demo/topology-panel.js +10 -0
- package/dist/demo/topology-panel.js.map +1 -0
- package/dist/demo/topology-svg-keyshare.d.ts +5 -0
- package/dist/demo/topology-svg-keyshare.d.ts.map +1 -0
- package/dist/demo/topology-svg-keyshare.js +31 -0
- package/dist/demo/topology-svg-keyshare.js.map +1 -0
- package/dist/demo/topology-svg-media.d.ts +5 -0
- package/dist/demo/topology-svg-media.d.ts.map +1 -0
- package/dist/demo/topology-svg-media.js +27 -0
- package/dist/demo/topology-svg-media.js.map +1 -0
- package/dist/demo/topology-svg-split.d.ts +5 -0
- package/dist/demo/topology-svg-split.d.ts.map +1 -0
- package/dist/demo/topology-svg-split.js +29 -0
- package/dist/demo/topology-svg-split.js.map +1 -0
- package/dist/demo/topology-svg-symmetric.d.ts +5 -0
- package/dist/demo/topology-svg-symmetric.d.ts.map +1 -0
- package/dist/demo/topology-svg-symmetric.js +35 -0
- package/dist/demo/topology-svg-symmetric.js.map +1 -0
- package/dist/demo/transfer-log.d.ts +14 -0
- package/dist/demo/transfer-log.d.ts.map +1 -0
- package/dist/demo/transfer-log.js +18 -0
- package/dist/demo/transfer-log.js.map +1 -0
- package/dist/demo/upload-area.d.ts +9 -0
- package/dist/demo/upload-area.d.ts.map +1 -0
- package/dist/demo/upload-area.js +58 -0
- package/dist/demo/upload-area.js.map +1 -0
- package/dist/forms/checkbox.d.ts +11 -0
- package/dist/forms/checkbox.d.ts.map +1 -0
- package/dist/forms/checkbox.js +16 -0
- package/dist/forms/checkbox.js.map +1 -0
- package/dist/forms/field.d.ts +7 -0
- package/dist/forms/field.d.ts.map +1 -0
- package/dist/forms/field.js +16 -0
- package/dist/forms/field.js.map +1 -0
- package/dist/forms/index.d.ts +7 -0
- package/dist/forms/index.d.ts.map +1 -0
- package/dist/forms/index.js +7 -0
- package/dist/forms/index.js.map +1 -0
- package/dist/forms/select.d.ts +11 -0
- package/dist/forms/select.d.ts.map +1 -0
- package/dist/forms/select.js +15 -0
- package/dist/forms/select.js.map +1 -0
- package/dist/forms/textarea.d.ts +6 -0
- package/dist/forms/textarea.d.ts.map +1 -0
- package/dist/forms/textarea.js +8 -0
- package/dist/forms/textarea.js.map +1 -0
- package/dist/forms/toggle-group.d.ts +8 -0
- package/dist/forms/toggle-group.d.ts.map +1 -0
- package/dist/forms/toggle-group.js +11 -0
- package/dist/forms/toggle-group.js.map +1 -0
- package/dist/forms/toggle.d.ts +7 -0
- package/dist/forms/toggle.d.ts.map +1 -0
- package/dist/forms/toggle.js +9 -0
- package/dist/forms/toggle.js.map +1 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +8 -0
- package/dist/index.js.map +1 -0
- package/dist/lib/cn.d.ts +3 -0
- package/dist/lib/cn.d.ts.map +1 -0
- package/dist/lib/cn.js +6 -0
- package/dist/lib/cn.js.map +1 -0
- package/dist/lib/types.d.ts +64 -0
- package/dist/lib/types.d.ts.map +1 -0
- package/dist/lib/types.js +2 -0
- package/dist/lib/types.js.map +1 -0
- package/dist/navigation/index.d.ts +6 -0
- package/dist/navigation/index.d.ts.map +1 -0
- package/dist/navigation/index.js +6 -0
- package/dist/navigation/index.js.map +1 -0
- package/dist/navigation/nav-pill-group.d.ts +14 -0
- package/dist/navigation/nav-pill-group.d.ts.map +1 -0
- package/dist/navigation/nav-pill-group.js +15 -0
- package/dist/navigation/nav-pill-group.js.map +1 -0
- package/dist/navigation/nav-pill.d.ts +9 -0
- package/dist/navigation/nav-pill.d.ts.map +1 -0
- package/dist/navigation/nav-pill.js +7 -0
- package/dist/navigation/nav-pill.js.map +1 -0
- package/dist/navigation/status-dot.d.ts +13 -0
- package/dist/navigation/status-dot.d.ts.map +1 -0
- package/dist/navigation/status-dot.js +44 -0
- package/dist/navigation/status-dot.js.map +1 -0
- package/dist/navigation/syncular-brand.d.ts +6 -0
- package/dist/navigation/syncular-brand.d.ts.map +1 -0
- package/dist/navigation/syncular-brand.js +11 -0
- package/dist/navigation/syncular-brand.js.map +1 -0
- package/dist/navigation/top-navigation.d.ts +9 -0
- package/dist/navigation/top-navigation.d.ts.map +1 -0
- package/dist/navigation/top-navigation.js +9 -0
- package/dist/navigation/top-navigation.js.map +1 -0
- package/dist/observable-universe/architecture-section.d.ts +5 -0
- package/dist/observable-universe/architecture-section.d.ts.map +1 -0
- package/dist/observable-universe/architecture-section.js +44 -0
- package/dist/observable-universe/architecture-section.js.map +1 -0
- package/dist/observable-universe/code-section.d.ts +5 -0
- package/dist/observable-universe/code-section.d.ts.map +1 -0
- package/dist/observable-universe/code-section.js +86 -0
- package/dist/observable-universe/code-section.js.map +1 -0
- package/dist/observable-universe/commit-stream-panel.d.ts +8 -0
- package/dist/observable-universe/commit-stream-panel.d.ts.map +1 -0
- package/dist/observable-universe/commit-stream-panel.js +45 -0
- package/dist/observable-universe/commit-stream-panel.js.map +1 -0
- package/dist/observable-universe/connected-clients-panel.d.ts +7 -0
- package/dist/observable-universe/connected-clients-panel.d.ts.map +1 -0
- package/dist/observable-universe/connected-clients-panel.js +47 -0
- package/dist/observable-universe/connected-clients-panel.js.map +1 -0
- package/dist/observable-universe/constants.d.ts +10 -0
- package/dist/observable-universe/constants.d.ts.map +1 -0
- package/dist/observable-universe/constants.js +81 -0
- package/dist/observable-universe/constants.js.map +1 -0
- package/dist/observable-universe/explanation-section.d.ts +5 -0
- package/dist/observable-universe/explanation-section.d.ts.map +1 -0
- package/dist/observable-universe/explanation-section.js +76 -0
- package/dist/observable-universe/explanation-section.js.map +1 -0
- package/dist/observable-universe/footer-bar.d.ts +5 -0
- package/dist/observable-universe/footer-bar.d.ts.map +1 -0
- package/dist/observable-universe/footer-bar.js +12 -0
- package/dist/observable-universe/footer-bar.js.map +1 -0
- package/dist/observable-universe/hero-dashboard-section.d.ts +10 -0
- package/dist/observable-universe/hero-dashboard-section.d.ts.map +1 -0
- package/dist/observable-universe/hero-dashboard-section.js +20 -0
- package/dist/observable-universe/hero-dashboard-section.js.map +1 -0
- package/dist/observable-universe/index.d.ts +17 -0
- package/dist/observable-universe/index.d.ts.map +1 -0
- package/dist/observable-universe/index.js +17 -0
- package/dist/observable-universe/index.js.map +1 -0
- package/dist/observable-universe/install-section.d.ts +8 -0
- package/dist/observable-universe/install-section.d.ts.map +1 -0
- package/dist/observable-universe/install-section.js +24 -0
- package/dist/observable-universe/install-section.js.map +1 -0
- package/dist/observable-universe/live-metrics-bar.d.ts +7 -0
- package/dist/observable-universe/live-metrics-bar.d.ts.map +1 -0
- package/dist/observable-universe/live-metrics-bar.js +18 -0
- package/dist/observable-universe/live-metrics-bar.js.map +1 -0
- package/dist/observable-universe/observable-universe-header.d.ts +14 -0
- package/dist/observable-universe/observable-universe-header.d.ts.map +1 -0
- package/dist/observable-universe/observable-universe-header.js +45 -0
- package/dist/observable-universe/observable-universe-header.js.map +1 -0
- package/dist/observable-universe/observable-universe-landing.d.ts +12 -0
- package/dist/observable-universe/observable-universe-landing.d.ts.map +1 -0
- package/dist/observable-universe/observable-universe-landing.js +19 -0
- package/dist/observable-universe/observable-universe-landing.js.map +1 -0
- package/dist/observable-universe/section-heading.d.ts +8 -0
- package/dist/observable-universe/section-heading.d.ts.map +1 -0
- package/dist/observable-universe/section-heading.js +8 -0
- package/dist/observable-universe/section-heading.js.map +1 -0
- package/dist/observable-universe/sync-topology-panel.d.ts +7 -0
- package/dist/observable-universe/sync-topology-panel.d.ts.map +1 -0
- package/dist/observable-universe/sync-topology-panel.js +81 -0
- package/dist/observable-universe/sync-topology-panel.js.map +1 -0
- package/dist/observable-universe/types.d.ts +25 -0
- package/dist/observable-universe/types.d.ts.map +1 -0
- package/dist/observable-universe/types.js +2 -0
- package/dist/observable-universe/types.js.map +1 -0
- package/dist/observable-universe/use-observable-universe-simulation.d.ts +8 -0
- package/dist/observable-universe/use-observable-universe-simulation.d.ts.map +1 -0
- package/dist/observable-universe/use-observable-universe-simulation.js +92 -0
- package/dist/observable-universe/use-observable-universe-simulation.js.map +1 -0
- package/dist/primitives/alert.d.ts +14 -0
- package/dist/primitives/alert.d.ts.map +1 -0
- package/dist/primitives/alert.js +24 -0
- package/dist/primitives/alert.js.map +1 -0
- package/dist/primitives/badge.d.ts +12 -0
- package/dist/primitives/badge.d.ts.map +1 -0
- package/dist/primitives/badge.js +28 -0
- package/dist/primitives/badge.js.map +1 -0
- package/dist/primitives/button.d.ts +14 -0
- package/dist/primitives/button.d.ts.map +1 -0
- package/dist/primitives/button.js +30 -0
- package/dist/primitives/button.js.map +1 -0
- package/dist/primitives/card.d.ts +7 -0
- package/dist/primitives/card.d.ts.map +1 -0
- package/dist/primitives/card.js +16 -0
- package/dist/primitives/card.js.map +1 -0
- package/dist/primitives/dialog.d.ts +14 -0
- package/dist/primitives/dialog.d.ts.map +1 -0
- package/dist/primitives/dialog.js +25 -0
- package/dist/primitives/dialog.js.map +1 -0
- package/dist/primitives/index.d.ts +16 -0
- package/dist/primitives/index.d.ts.map +1 -0
- package/dist/primitives/index.js +16 -0
- package/dist/primitives/index.js.map +1 -0
- package/dist/primitives/input.d.ts +12 -0
- package/dist/primitives/input.d.ts.map +1 -0
- package/dist/primitives/input.js +20 -0
- package/dist/primitives/input.js.map +1 -0
- package/dist/primitives/pagination.d.ts +16 -0
- package/dist/primitives/pagination.d.ts.map +1 -0
- package/dist/primitives/pagination.js +13 -0
- package/dist/primitives/pagination.js.map +1 -0
- package/dist/primitives/separator.d.ts +10 -0
- package/dist/primitives/separator.d.ts.map +1 -0
- package/dist/primitives/separator.js +10 -0
- package/dist/primitives/separator.js.map +1 -0
- package/dist/primitives/sheet.d.ts +19 -0
- package/dist/primitives/sheet.d.ts.map +1 -0
- package/dist/primitives/sheet.js +35 -0
- package/dist/primitives/sheet.js.map +1 -0
- package/dist/primitives/skeleton.d.ts +3 -0
- package/dist/primitives/skeleton.d.ts.map +1 -0
- package/dist/primitives/skeleton.js +8 -0
- package/dist/primitives/skeleton.js.map +1 -0
- package/dist/primitives/spinner.d.ts +12 -0
- package/dist/primitives/spinner.d.ts.map +1 -0
- package/dist/primitives/spinner.js +23 -0
- package/dist/primitives/spinner.js.map +1 -0
- package/dist/primitives/switch.d.ts +7 -0
- package/dist/primitives/switch.d.ts.map +1 -0
- package/dist/primitives/switch.js +9 -0
- package/dist/primitives/switch.js.map +1 -0
- package/dist/primitives/table.d.ts +8 -0
- package/dist/primitives/table.d.ts.map +1 -0
- package/dist/primitives/table.js +18 -0
- package/dist/primitives/table.js.map +1 -0
- package/dist/primitives/tabs.d.ts +16 -0
- package/dist/primitives/tabs.d.ts.map +1 -0
- package/dist/primitives/tabs.js +26 -0
- package/dist/primitives/tabs.js.map +1 -0
- package/dist/primitives/tooltip.d.ts +13 -0
- package/dist/primitives/tooltip.d.ts.map +1 -0
- package/dist/primitives/tooltip.js +15 -0
- package/dist/primitives/tooltip.js.map +1 -0
- package/dist/version.d.ts +2 -0
- package/dist/version.d.ts.map +1 -0
- package/dist/version.js +3 -0
- package/dist/version.js.map +1 -0
- package/package.json +114 -0
- package/src/charts/activity-chart.tsx +85 -0
- package/src/charts/chart.tsx +302 -0
- package/src/charts/index.ts +4 -0
- package/src/charts/latency-chart.tsx +77 -0
- package/src/charts/outcomes-chart.tsx +101 -0
- package/src/console/activity-bars.tsx +113 -0
- package/src/console/alerts-config.tsx +110 -0
- package/src/console/api-keys-table.tsx +102 -0
- package/src/console/bottom-bar.tsx +73 -0
- package/src/console/commit-table.tsx +66 -0
- package/src/console/connection-form.tsx +153 -0
- package/src/console/connection-status-badge.tsx +48 -0
- package/src/console/danger-action-card.tsx +40 -0
- package/src/console/empty-state.tsx +31 -0
- package/src/console/filter-bar.tsx +97 -0
- package/src/console/fleet-card.tsx +154 -0
- package/src/console/handlers-table.tsx +74 -0
- package/src/console/index.ts +27 -0
- package/src/console/kpi-card.tsx +46 -0
- package/src/console/kpi-strip.tsx +77 -0
- package/src/console/latency-percentiles.tsx +109 -0
- package/src/console/live-activity-feed.tsx +112 -0
- package/src/console/maintenance-card.tsx +112 -0
- package/src/console/page-header.tsx +32 -0
- package/src/console/panel-shell.tsx +42 -0
- package/src/console/preferences-panel.tsx +126 -0
- package/src/console/section-card.tsx +41 -0
- package/src/console/stream-log.tsx +138 -0
- package/src/console/sync-horizon.tsx +149 -0
- package/src/console/sync-lag-bar.tsx +226 -0
- package/src/console/sync-state-badge.tsx +32 -0
- package/src/console/topology-card.tsx +47 -0
- package/src/console/topology-hero.tsx +499 -0
- package/src/demo/actor-panel.tsx +50 -0
- package/src/demo/catalog-table.tsx +83 -0
- package/src/demo/channel-selector.tsx +51 -0
- package/src/demo/client-panel.tsx +61 -0
- package/src/demo/conflict-panel.tsx +25 -0
- package/src/demo/demo-header.tsx +44 -0
- package/src/demo/demo-section.tsx +24 -0
- package/src/demo/encrypted-badge.tsx +59 -0
- package/src/demo/encryption-flow-diagram.tsx +93 -0
- package/src/demo/index.ts +26 -0
- package/src/demo/info-panel.tsx +41 -0
- package/src/demo/media-gallery.tsx +15 -0
- package/src/demo/media-thumbnail.tsx +55 -0
- package/src/demo/metric-card.tsx +85 -0
- package/src/demo/mnemonic-display.tsx +114 -0
- package/src/demo/note-card.tsx +52 -0
- package/src/demo/sync-controls.tsx +75 -0
- package/src/demo/sync-status-badge.tsx +36 -0
- package/src/demo/task-item.tsx +83 -0
- package/src/demo/task-list.tsx +33 -0
- package/src/demo/topology-panel.tsx +44 -0
- package/src/demo/topology-svg-keyshare.tsx +474 -0
- package/src/demo/topology-svg-media.tsx +423 -0
- package/src/demo/topology-svg-split.tsx +402 -0
- package/src/demo/topology-svg-symmetric.tsx +527 -0
- package/src/demo/transfer-log.tsx +68 -0
- package/src/demo/upload-area.tsx +136 -0
- package/src/forms/checkbox.tsx +58 -0
- package/src/forms/field.tsx +60 -0
- package/src/forms/index.ts +6 -0
- package/src/forms/select.tsx +65 -0
- package/src/forms/textarea.tsx +23 -0
- package/src/forms/toggle-group.tsx +24 -0
- package/src/forms/toggle.tsx +24 -0
- package/src/index.ts +7 -0
- package/src/lib/cn.ts +6 -0
- package/src/lib/types.ts +69 -0
- package/src/navigation/index.ts +5 -0
- package/src/navigation/nav-pill-group.tsx +46 -0
- package/src/navigation/nav-pill.tsx +35 -0
- package/src/navigation/status-dot.tsx +66 -0
- package/src/navigation/syncular-brand.tsx +29 -0
- package/src/navigation/top-navigation.tsx +31 -0
- package/src/observable-universe/architecture-section.tsx +209 -0
- package/src/observable-universe/code-section.tsx +136 -0
- package/src/observable-universe/commit-stream-panel.tsx +115 -0
- package/src/observable-universe/connected-clients-panel.tsx +109 -0
- package/src/observable-universe/constants.ts +84 -0
- package/src/observable-universe/explanation-section.tsx +129 -0
- package/src/observable-universe/footer-bar.tsx +34 -0
- package/src/observable-universe/hero-dashboard-section.tsx +71 -0
- package/src/observable-universe/index.ts +16 -0
- package/src/observable-universe/install-section.tsx +119 -0
- package/src/observable-universe/live-metrics-bar.tsx +64 -0
- package/src/observable-universe/observable-universe-header.tsx +155 -0
- package/src/observable-universe/observable-universe-landing.tsx +74 -0
- package/src/observable-universe/section-heading.tsx +31 -0
- package/src/observable-universe/sync-topology-panel.tsx +409 -0
- package/src/observable-universe/types.ts +26 -0
- package/src/observable-universe/use-observable-universe-simulation.ts +111 -0
- package/src/primitives/alert.tsx +55 -0
- package/src/primitives/badge.tsx +45 -0
- package/src/primitives/button.tsx +51 -0
- package/src/primitives/card.tsx +67 -0
- package/src/primitives/dialog.tsx +114 -0
- package/src/primitives/index.ts +15 -0
- package/src/primitives/input.tsx +37 -0
- package/src/primitives/pagination.tsx +54 -0
- package/src/primitives/separator.tsx +29 -0
- package/src/primitives/sheet.tsx +114 -0
- package/src/primitives/skeleton.tsx +17 -0
- package/src/primitives/spinner.tsx +52 -0
- package/src/primitives/switch.tsx +26 -0
- package/src/primitives/table.tsx +71 -0
- package/src/primitives/tabs.tsx +66 -0
- package/src/primitives/tooltip.tsx +43 -0
- package/src/styles/styles.css +177 -0
- package/src/styles/tokens.css +47 -0
- package/src/version.ts +3 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bottom-bar.js","sourceRoot":"","sources":["../../src/console/bottom-bar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAa/B,MAAM,SAAS,GAAG,UAAU,CAC1B,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,EAAE,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACrE,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,sIAAsI,EACtI,SAAS,CACV,KACG,KAAK;QAGT,eAAK,SAAS,EAAC,yBAAyB;gBACtC,cAAK,SAAS,EAAC,6BAA6B,YACzC,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACtC,cAEE,SAAS,EAAC,iFAAiF,EAC3F,KAAK,EAAE,EAAE,cAAc,EAAE,GAAG,KAAK,GAAG,EAAE,IAFjC,KAAK,CAGV,CACH,CAAC,GACE,EACL,MAAM,IAAI,CACT,eAAM,SAAS,EAAC,6DAA6D,qBAEtE,CACR,IACG,EAGN,cAAK,SAAS,EAAC,yBAAyB,YACrC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAClB,eAAmB,SAAS,EAAC,2BAA2B;oBACtD,eAAM,SAAS,EAAC,uCAAuC,YACpD,CAAC,CAAC,KAAK,GACH,EACP,eAAM,SAAS,EAAC,wCAAwC,YACrD,CAAC,CAAC,KAAK,GACH;qBANC,CAAC,CAAC,KAAK,CAOX,CACP,CAAC,GACE,EAGL,MAAM,IAAI,IAAI,IAAI,CACjB,eAAK,SAAS,EAAC,yBAAyB;gBACtC,eAAM,SAAS,EAAC,uCAAuC,uBAAc,EACrE,eAAM,SAAS,EAAC,wCAAwC,YACrD,MAAM,GACF;gBACH,CACP,IACG,CACP,CACF,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { type ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import type { CommitStreamEntry } from '../lib/types';
|
|
3
|
+
export type CommitTableProps = ComponentPropsWithoutRef<'div'> & {
|
|
4
|
+
commits: CommitStreamEntry[];
|
|
5
|
+
onViewAll?: () => void;
|
|
6
|
+
};
|
|
7
|
+
declare const CommitTable: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
8
|
+
commits: CommitStreamEntry[];
|
|
9
|
+
onViewAll?: (() => void) | undefined;
|
|
10
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
11
|
+
export { CommitTable };
|
|
12
|
+
//# sourceMappingURL=commit-table.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"commit-table.d.ts","sourceRoot":"","sources":["../../src/console/commit-table.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEtD,MAAM,MAAM,gBAAgB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAC/D,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,WAAW;;;kDAmDhB,CAAC;AAGF,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { cn } from '../lib/cn.js';
|
|
5
|
+
const CommitTable = forwardRef(({ className, commits, onViewAll, ...props }, ref) => (_jsxs("div", { ref: ref, className: cn('px-5 pt-3 pb-2', className), ...props, children: [
|
|
6
|
+
_jsxs("div", { className: "flex items-center justify-between mb-2", children: [
|
|
7
|
+
_jsx("span", { className: "font-mono text-[10px] text-neutral-500 uppercase tracking-widest", children: "Recent Commits" }), onViewAll && (_jsx("button", { type: "button", onClick: onViewAll, className: "inline-flex items-center gap-1.5 rounded-md font-mono text-[9px] px-2 py-0.5 border border-border-bright bg-transparent text-neutral-400 hover:text-white hover:bg-white/[0.03] cursor-pointer transition-all", children: "View all \u2192" }))] }), _jsxs("div", { className: "font-mono text-[9px] tracking-wider uppercase text-neutral-600 flex items-center gap-4 px-4 leading-[22px] border-b border-border", children: [
|
|
8
|
+
_jsx("span", { className: "w-[60px] truncate", children: "Seq" }), _jsx("span", { className: "w-[100px] truncate", children: "Actor" }), _jsx("span", { className: "w-[50px] truncate", children: "Chg" }), _jsx("span", { className: "flex-1 truncate", children: "Tables" }), _jsx("span", { className: "w-[70px] text-right truncate", children: "Time" })
|
|
9
|
+
] }), commits.map((c) => (_jsxs("div", { className: "font-mono text-[11px] leading-7 px-4 flex items-center gap-4 border-b border-[#141414] hover:bg-white/[0.015] transition-colors cursor-default", children: [
|
|
10
|
+
_jsxs("span", { className: "w-[60px] text-flow font-medium truncate", children: ["#", c.seq] }), _jsx("span", { className: "w-[100px] text-neutral-400 truncate", children: c.actor }), _jsx("span", { className: "w-[50px] text-white truncate", children: c.changes }), _jsx("span", { className: "flex-1 truncate", children: _jsx("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-sm font-mono text-[9px] uppercase tracking-wider bg-transparent text-neutral-500 border border-border-bright", children: c.tables }) }), _jsx("span", { className: "w-[70px] text-right text-neutral-600 truncate", children: c.time })
|
|
11
|
+
] }, c.seq)))] })));
|
|
12
|
+
CommitTable.displayName = 'CommitTable';
|
|
13
|
+
export { CommitTable };
|
|
14
|
+
//# sourceMappingURL=commit-table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"commit-table.js","sourceRoot":"","sources":["../../src/console/commit-table.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAQ/B,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACpD,eAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,KAAM,KAAK;QAElE,eAAK,SAAS,EAAC,wCAAwC;gBACrD,eAAM,SAAS,EAAC,kEAAkE,+BAE3E,EACN,SAAS,IAAI,CACZ,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,SAAS,EAClB,SAAS,EAAC,+MAA+M,gCAGlN,CACV,IACG,EAGN,eAAK,SAAS,EAAC,mIAAmI;gBAChJ,eAAM,SAAS,EAAC,mBAAmB,oBAAW,EAC9C,eAAM,SAAS,EAAC,oBAAoB,sBAAa,EACjD,eAAM,SAAS,EAAC,mBAAmB,oBAAW,EAC9C,eAAM,SAAS,EAAC,iBAAiB,uBAAc,EAC/C,eAAM,SAAS,EAAC,8BAA8B,qBAAY;gBACtD,EAGL,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAClB,eAEE,SAAS,EAAC,gJAAgJ;gBAE1J,gBAAM,SAAS,EAAC,yCAAyC,kBACrD,CAAC,CAAC,GAAG,IACF,EACP,eAAM,SAAS,EAAC,qCAAqC,YAAE,CAAC,CAAC,KAAK,GAAQ,EACtE,eAAM,SAAS,EAAC,8BAA8B,YAAE,CAAC,CAAC,OAAO,GAAQ,EACjE,eAAM,SAAS,EAAC,iBAAiB,YAC/B,eAAM,SAAS,EAAC,iKAAiK,YAC9K,CAAC,CAAC,MAAM,GACJ,GACF,EACP,eAAM,SAAS,EAAC,+CAA+C,YAC5D,CAAC,CAAC,IAAI,GACF;iBAfF,CAAC,CAAC,GAAG,CAgBN,CACP,CAAC,IACE,CACP,CACF,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { type ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
export type ConnectionFormProps = ComponentPropsWithoutRef<'div'> & {
|
|
3
|
+
isConnected?: boolean;
|
|
4
|
+
isConnecting?: boolean;
|
|
5
|
+
isTestingConnection?: boolean;
|
|
6
|
+
serverUrl: string;
|
|
7
|
+
onServerUrlChange?: (value: string) => void;
|
|
8
|
+
consoleToken: string;
|
|
9
|
+
onConsoleTokenChange?: (value: string) => void;
|
|
10
|
+
onSaveAndConnect?: () => void;
|
|
11
|
+
onDisconnect?: () => void;
|
|
12
|
+
onTestConnection?: () => void;
|
|
13
|
+
statusMessage?: string;
|
|
14
|
+
};
|
|
15
|
+
declare const ConnectionForm: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
16
|
+
isConnected?: boolean | undefined;
|
|
17
|
+
isConnecting?: boolean | undefined;
|
|
18
|
+
isTestingConnection?: boolean | undefined;
|
|
19
|
+
serverUrl: string;
|
|
20
|
+
onServerUrlChange?: ((value: string) => void) | undefined;
|
|
21
|
+
consoleToken: string;
|
|
22
|
+
onConsoleTokenChange?: ((value: string) => void) | undefined;
|
|
23
|
+
onSaveAndConnect?: (() => void) | undefined;
|
|
24
|
+
onDisconnect?: (() => void) | undefined;
|
|
25
|
+
onTestConnection?: (() => void) | undefined;
|
|
26
|
+
statusMessage?: string | undefined;
|
|
27
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
28
|
+
export { ConnectionForm };
|
|
29
|
+
//# sourceMappingURL=connection-form.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"connection-form.d.ts","sourceRoot":"","sources":["../../src/console/connection-form.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAMlE,MAAM,MAAM,mBAAmB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAClE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,cAAc;;;;;;;;;;;;kDA+HnB,CAAC;AAGF,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { cn } from '../lib/cn.js';
|
|
5
|
+
import { Badge } from '../primitives/badge.js';
|
|
6
|
+
import { Button } from '../primitives/button.js';
|
|
7
|
+
import { Input } from '../primitives/input.js';
|
|
8
|
+
const ConnectionForm = forwardRef(({ className, isConnected = false, isConnecting = false, isTestingConnection = false, serverUrl, onServerUrlChange, consoleToken, onConsoleTokenChange, onSaveAndConnect, onDisconnect, onTestConnection, statusMessage, ...props }, ref) => (_jsxs("div", { ref: ref, className: cn('bg-panel border border-border rounded-lg hover:border-border-bright transition', className), ...props, children: [
|
|
9
|
+
_jsxs("div", { className: "px-4 py-2.5 border-b border-border flex items-center justify-between", children: [
|
|
10
|
+
_jsxs("div", { className: "flex items-center gap-2", children: [
|
|
11
|
+
_jsx("span", { className: cn('w-1.5 h-1.5 rounded-full', isConnected ? 'bg-healthy' : 'bg-offline'), style: isConnected ? { boxShadow: '0 0 4px #22c55e' } : undefined }), _jsx("span", { className: "font-mono text-[10px] text-neutral-500 uppercase tracking-widest", children: "Connection" })
|
|
12
|
+
] }), _jsx(Badge, { variant: isConnected ? 'healthy' : 'offline', children: isConnected ? 'Connected' : 'Disconnected' })
|
|
13
|
+
] }), _jsxs("div", { className: "p-5 space-y-4", children: [
|
|
14
|
+
_jsx("p", { className: "font-mono text-[10px] text-neutral-500", children: "Configure the server endpoint and authentication token." }), _jsxs("div", { children: [
|
|
15
|
+
_jsx("label", { htmlFor: "console-server-url", className: "font-mono text-[9px] text-neutral-500 uppercase tracking-wider block mb-1.5", children: "Server URL" }), _jsx(Input, { id: "console-server-url", variant: "mono", value: serverUrl, onChange: (e) => onServerUrlChange?.(e.target.value) })
|
|
16
|
+
] }), _jsxs("div", { children: [
|
|
17
|
+
_jsx("label", { htmlFor: "console-token", className: "font-mono text-[9px] text-neutral-500 uppercase tracking-wider block mb-1.5", children: "Console Token" }), _jsx(Input, { id: "console-token", variant: "mono", type: "password", value: consoleToken, onChange: (e) => onConsoleTokenChange?.(e.target.value) })
|
|
18
|
+
] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
|
|
19
|
+
_jsx(Button, { variant: "primary", size: "md", onClick: onSaveAndConnect, disabled: isConnecting, children: isConnecting ? 'Connecting...' : 'Save + Connect' }), _jsx(Button, { variant: "default", size: "md", onClick: onTestConnection, disabled: isConnecting || isTestingConnection, children: isTestingConnection ? 'Testing...' : 'Test Connection' }), _jsx(Button, { variant: "destructive", size: "md", onClick: onDisconnect, disabled: !isConnected, children: "Disconnect" })
|
|
20
|
+
] }), statusMessage && (_jsx("div", { className: cn('font-mono text-[10px]', isConnected ? 'text-healthy' : 'text-offline'), children: statusMessage }))] })
|
|
21
|
+
] })));
|
|
22
|
+
ConnectionForm.displayName = 'ConnectionForm';
|
|
23
|
+
export { ConnectionForm };
|
|
24
|
+
//# sourceMappingURL=connection-form.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"connection-form.js","sourceRoot":"","sources":["../../src/console/connection-form.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export type ConnectionState = 'connecting' | 'connected' | 'disconnected' | 'not-configured';
|
|
2
|
+
export interface ConnectionStatusBadgeProps {
|
|
3
|
+
className?: string;
|
|
4
|
+
state: ConnectionState;
|
|
5
|
+
}
|
|
6
|
+
export declare function ConnectionStatusBadge({ className, state }: ConnectionStatusBadgeProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=connection-status-badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"connection-status-badge.d.ts","sourceRoot":"","sources":["../../src/console/connection-status-badge.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,eAAe,GACvB,YAAY,GACZ,WAAW,GACX,cAAc,GACd,gBAAgB,CAAC;AAErB,MAAM,WAAW,0BAA0B;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,eAAe,CAAC;CACxB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,KAAK,EACN,EAAE,0BAA0B,2CA4B5B"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { Badge } from '../primitives/badge.js';
|
|
4
|
+
import { Spinner } from '../primitives/spinner.js';
|
|
5
|
+
export function ConnectionStatusBadge({ className, state, }) {
|
|
6
|
+
switch (state) {
|
|
7
|
+
case 'connected':
|
|
8
|
+
return (_jsx(Badge, { variant: "healthy", className: className, children: "Connected" }));
|
|
9
|
+
case 'disconnected':
|
|
10
|
+
return (_jsx(Badge, { variant: "destructive", className: className, children: "Disconnected" }));
|
|
11
|
+
case 'connecting':
|
|
12
|
+
return (_jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs text-neutral-400", children: [
|
|
13
|
+
_jsx(Spinner, { size: "sm" }),
|
|
14
|
+
"Connecting"] }));
|
|
15
|
+
case 'not-configured':
|
|
16
|
+
return (_jsx(Badge, { variant: "ghost", className: className, children: "Not configured" }));
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=connection-status-badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"connection-status-badge.js","sourceRoot":"","sources":["../../src/console/connection-status-badge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAahD,MAAM,UAAU,qBAAqB,CAAC,EACpC,SAAS,EACT,KAAK,GACsB,EAAE;IAC7B,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,WAAW;YACd,OAAO,CACL,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAE,SAAS,0BAErC,CACT,CAAC;QACJ,KAAK,cAAc;YACjB,OAAO,CACL,KAAC,KAAK,IAAC,OAAO,EAAC,aAAa,EAAC,SAAS,EAAE,SAAS,6BAEzC,CACT,CAAC;QACJ,KAAK,YAAY;YACf,OAAO,CACL,gBAAM,SAAS,EAAC,2DAA2D;oBACzE,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,GAAG;oCAEhB,CACR,CAAC;QACJ,KAAK,gBAAgB;YACnB,OAAO,CACL,KAAC,KAAK,IAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAE,SAAS,+BAEnC,CACT,CAAC;IACN,CAAC;AAAA,CACF"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export interface DangerActionCardProps {
|
|
2
|
+
actionLabel?: string;
|
|
3
|
+
className?: string;
|
|
4
|
+
description?: string;
|
|
5
|
+
onAction?: () => void;
|
|
6
|
+
stats?: React.ReactNode;
|
|
7
|
+
title: string;
|
|
8
|
+
}
|
|
9
|
+
export declare function DangerActionCard({ actionLabel, className, description, onAction, stats, title }: DangerActionCardProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
//# sourceMappingURL=danger-action-card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"danger-action-card.d.ts","sourceRoot":"","sources":["../../src/console/danger-action-card.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,qBAAqB;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,WAAuB,EACvB,SAAS,EACT,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,EACN,EAAE,qBAAqB,2CAiBvB"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { cn } from '../lib/cn.js';
|
|
4
|
+
import { Button } from '../primitives/button.js';
|
|
5
|
+
import { Card, CardContent } from '../primitives/card.js';
|
|
6
|
+
export function DangerActionCard({ actionLabel = 'Confirm', className, description, onAction, stats, title, }) {
|
|
7
|
+
return (_jsx(Card, { className: cn('border-offline/20', className), children: _jsxs(CardContent, { className: "flex flex-col gap-3", children: [
|
|
8
|
+
_jsx("h3", { className: "text-lg font-semibold text-offline", children: title }), description ? (_jsx("p", { className: "text-sm text-neutral-500", children: description })) : null, stats ? _jsx("div", { children: stats }) : null, onAction ? (_jsx(Button, { variant: "destructive", onClick: onAction, children: actionLabel })) : null] }) }));
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=danger-action-card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"danger-action-card.js","sourceRoot":"","sources":["../../src/console/danger-action-card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAWvD,MAAM,UAAU,gBAAgB,CAAC,EAC/B,WAAW,GAAG,SAAS,EACvB,SAAS,EACT,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,GACiB,EAAE;IACxB,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,YACjD,MAAC,WAAW,IAAC,SAAS,EAAC,qBAAqB;gBAC1C,aAAI,SAAS,EAAC,oCAAoC,YAAE,KAAK,GAAM,EAC9D,WAAW,CAAC,CAAC,CAAC,CACb,YAAG,SAAS,EAAC,0BAA0B,YAAE,WAAW,GAAK,CAC1D,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,CAAC,CAAC,CAAC,wBAAM,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,EACjC,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,MAAM,IAAC,OAAO,EAAC,aAAa,EAAC,OAAO,EAAE,QAAQ,YAC5C,WAAW,GACL,CACV,CAAC,CAAC,CAAC,IAAI,IACI,GACT,CACR,CAAC;AAAA,CACH"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
export interface EmptyStateProps {
|
|
3
|
+
action?: ReactNode;
|
|
4
|
+
className?: string;
|
|
5
|
+
icon?: ReactNode;
|
|
6
|
+
message: string;
|
|
7
|
+
}
|
|
8
|
+
export declare function EmptyState({ action, className, icon, message }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
//# sourceMappingURL=empty-state.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../src/console/empty-state.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,SAAS,EACT,IAAI,EACJ,OAAO,EACR,EAAE,eAAe,2CAajB"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { cn } from '../lib/cn.js';
|
|
4
|
+
export function EmptyState({ action, className, icon, message, }) {
|
|
5
|
+
return (_jsxs("div", { className: cn('flex flex-col items-center justify-center gap-3 py-12', className), children: [icon ? _jsx("div", { className: "text-neutral-500", children: icon }) : null, _jsx("p", { className: "text-sm text-neutral-500", children: message }), action ? _jsx("div", { children: action }) : null] }));
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=empty-state.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"empty-state.js","sourceRoot":"","sources":["../../src/console/empty-state.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAS/B,MAAM,UAAU,UAAU,CAAC,EACzB,MAAM,EACN,SAAS,EACT,IAAI,EACJ,OAAO,GACS,EAAE;IAClB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,uDAAuD,EACvD,SAAS,CACV,aAEA,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,kBAAkB,YAAE,IAAI,GAAO,CAAC,CAAC,CAAC,IAAI,EAC7D,YAAG,SAAS,EAAC,0BAA0B,YAAE,OAAO,GAAK,EACpD,MAAM,CAAC,CAAC,CAAC,wBAAM,MAAM,GAAO,CAAC,CAAC,CAAC,IAAI,IAChC,CACP,CAAC;AAAA,CACH"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
|
|
2
|
+
import type { FilterGroup } from '../lib/types';
|
|
3
|
+
export type FilterBarProps = ComponentPropsWithoutRef<'div'> & {
|
|
4
|
+
groups: FilterGroup[];
|
|
5
|
+
searchValue?: string;
|
|
6
|
+
searchPlaceholder?: string;
|
|
7
|
+
onSearchChange?: (value: string) => void;
|
|
8
|
+
actions?: ReactNode;
|
|
9
|
+
};
|
|
10
|
+
declare const FilterBar: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
11
|
+
groups: FilterGroup[];
|
|
12
|
+
searchValue?: string | undefined;
|
|
13
|
+
searchPlaceholder?: string | undefined;
|
|
14
|
+
onSearchChange?: ((value: string) => void) | undefined;
|
|
15
|
+
actions?: ReactNode;
|
|
16
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
17
|
+
export { FilterBar };
|
|
18
|
+
//# sourceMappingURL=filter-bar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"filter-bar.d.ts","sourceRoot":"","sources":["../../src/console/filter-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,wBAAwB,EAE7B,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,MAAM,MAAM,cAAc,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAC7D,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;kDAuCd,CAAC;AAuCF,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef, } from 'react';
|
|
4
|
+
import { cn } from '../lib/cn.js';
|
|
5
|
+
const FilterBar = forwardRef(({ className, groups, searchValue, searchPlaceholder = 'Filter by client or actor...', onSearchChange, actions, ...props }, ref) => (_jsxs("div", { ref: ref, className: cn('px-5 py-3 border-b border-border flex items-center gap-4 flex-wrap', className), ...props, children: [groups.map((group, i) => (_jsx(FilterGroupSection, { group: group, showDivider: i > 0 }, i))), onSearchChange !== undefined && (_jsx("input", { className: "bg-surface border border-border rounded-md font-mono text-[10px] text-foreground outline-none transition focus:border-flow placeholder:text-neutral-600 max-w-[200px] px-2.5 py-1", placeholder: searchPlaceholder, value: searchValue, onChange: (e) => onSearchChange(e.target.value) })), actions && (_jsx("div", { className: "ml-auto flex items-center gap-2", children: actions }))] })));
|
|
6
|
+
FilterBar.displayName = 'FilterBar';
|
|
7
|
+
function FilterGroupSection({ group, showDivider, }) {
|
|
8
|
+
return (_jsxs(_Fragment, { children: [showDivider && _jsx("div", { className: "w-px h-4 bg-border" }), _jsxs("div", { className: "flex items-center gap-1", children: [group.label && (_jsx("span", { className: "font-mono text-[9px] text-neutral-500 mr-1", children: group.label })), group.options.map((opt) => (_jsx("button", { type: "button", onClick: () => group.onActiveChange(opt.id), className: cn('font-mono text-[10px] border rounded-sm px-2.5 py-0.5 cursor-pointer transition-all', opt.id === group.activeId
|
|
9
|
+
? 'text-white border-border-bright bg-white/[0.03]'
|
|
10
|
+
: 'text-neutral-500 border-transparent hover:text-neutral-300'), children: opt.label }, opt.id)))] })
|
|
11
|
+
] }));
|
|
12
|
+
}
|
|
13
|
+
export { FilterBar };
|
|
14
|
+
//# sourceMappingURL=filter-bar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"filter-bar.js","sourceRoot":"","sources":["../../src/console/filter-bar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAEL,UAAU,GAEX,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAW/B,MAAM,SAAS,GAAG,UAAU,CAC1B,CACE,EACE,SAAS,EACT,MAAM,EACN,WAAW,EACX,iBAAiB,GAAG,8BAA8B,EAClD,cAAc,EACd,OAAO,EACP,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE,CAAC,CACH,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,oEAAoE,EACpE,SAAS,CACV,KACG,KAAK,aAER,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACxB,KAAC,kBAAkB,IAAS,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,GAAG,CAAC,IAAnC,CAAC,CAAsC,CACjE,CAAC,EAED,cAAc,KAAK,SAAS,IAAI,CAC/B,gBACE,SAAS,EAAC,mLAAmL,EAC7L,WAAW,EAAE,iBAAiB,EAC9B,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAC/C,CACH,EAEA,OAAO,IAAI,CACV,cAAK,SAAS,EAAC,iCAAiC,YAAE,OAAO,GAAO,CACjE,IACG,CACP,CACF,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,SAAS,kBAAkB,CAAC,EAC1B,KAAK,EACL,WAAW,GAIZ,EAAE;IACD,OAAO,CACL,8BACG,WAAW,IAAI,cAAK,SAAS,EAAC,oBAAoB,GAAG,EACtD,eAAK,SAAS,EAAC,yBAAyB,aACrC,KAAK,CAAC,KAAK,IAAI,CACd,eAAM,SAAS,EAAC,4CAA4C,YACzD,KAAK,CAAC,KAAK,GACP,CACR,EACA,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAC1B,iBAEE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC,EAC3C,SAAS,EAAE,EAAE,CACX,qFAAqF,EACrF,GAAG,CAAC,EAAE,KAAK,KAAK,CAAC,QAAQ;4BACvB,CAAC,CAAC,iDAAiD;4BACnD,CAAC,CAAC,4DAA4D,CACjE,YAEA,GAAG,CAAC,KAAK,IAVL,GAAG,CAAC,EAAE,CAWJ,CACV,CAAC,IACE;YACL,CACJ,CAAC;AAAA,CACH;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import type { SyncClientNode } from '../lib/types';
|
|
3
|
+
export type FleetCardProps = ComponentPropsWithoutRef<'div'> & {
|
|
4
|
+
client: SyncClientNode;
|
|
5
|
+
headSeq: number;
|
|
6
|
+
onEvict?: () => void;
|
|
7
|
+
};
|
|
8
|
+
declare const FleetCard: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
9
|
+
client: SyncClientNode;
|
|
10
|
+
headSeq: number;
|
|
11
|
+
onEvict?: (() => void) | undefined;
|
|
12
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
13
|
+
export { FleetCard };
|
|
14
|
+
//# sourceMappingURL=fleet-card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fleet-card.d.ts","sourceRoot":"","sources":["../../src/console/fleet-card.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAGnD,MAAM,MAAM,cAAc,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAC7D,MAAM,EAAE,cAAc,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAoBF,QAAA,MAAM,SAAS;;;;kDA8Gd,CAAC;AAYF,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { cn } from '../lib/cn.js';
|
|
5
|
+
import { Badge } from '../primitives/badge.js';
|
|
6
|
+
function getLagColor(lag) {
|
|
7
|
+
if (lag === 0)
|
|
8
|
+
return '#22c55e';
|
|
9
|
+
if (lag < 10)
|
|
10
|
+
return '#f59e0b';
|
|
11
|
+
if (lag < 50)
|
|
12
|
+
return '#f97316';
|
|
13
|
+
return '#ef4444';
|
|
14
|
+
}
|
|
15
|
+
const statusBadgeVariant = {
|
|
16
|
+
online: 'healthy',
|
|
17
|
+
syncing: 'syncing',
|
|
18
|
+
offline: 'offline',
|
|
19
|
+
};
|
|
20
|
+
const modeBadgeVariant = {
|
|
21
|
+
realtime: 'flow',
|
|
22
|
+
polling: 'ghost',
|
|
23
|
+
};
|
|
24
|
+
const FleetCard = forwardRef(({ className, client, headSeq, onEvict, ...props }, ref) => {
|
|
25
|
+
const lag = Math.max(0, headSeq - client.cursor);
|
|
26
|
+
const pct = Math.min(100, (client.cursor / headSeq) * 100);
|
|
27
|
+
const lagColor = getLagColor(lag);
|
|
28
|
+
return (_jsxs("div", { ref: ref, className: cn('bg-panel border border-border rounded-lg hover:border-border-bright transition', className), style: { borderLeft: `3px solid ${lagColor}` }, ...props, children: [
|
|
29
|
+
_jsxs("div", { className: "px-3.5 py-2 border-b border-border flex items-center justify-between", children: [
|
|
30
|
+
_jsx("div", { className: "flex items-center gap-2 min-w-0", children: _jsx("span", { className: "font-mono text-[11px] text-white truncate", title: client.id, children: client.id.length > 14
|
|
31
|
+
? `${client.id.substring(0, 14)}\u2026`
|
|
32
|
+
: client.id }) }), _jsxs("div", { className: "flex items-center gap-1.5 flex-shrink-0", children: [
|
|
33
|
+
_jsx(Badge, { variant: statusBadgeVariant[client.status], children: client.status }), _jsx(Badge, { variant: modeBadgeVariant[client.mode], children: client.mode })
|
|
34
|
+
] })
|
|
35
|
+
] }), _jsxs("div", { className: "p-3 space-y-3", children: [
|
|
36
|
+
_jsxs("div", { children: [
|
|
37
|
+
_jsxs("div", { className: "flex items-center justify-between mb-1", children: [
|
|
38
|
+
_jsxs("span", { className: "font-mono text-[9px] text-neutral-600", children: ["#", client.cursor.toLocaleString()] }), _jsxs("span", { className: "font-mono text-[9px] text-neutral-600", children: ["#", headSeq.toLocaleString()] })
|
|
39
|
+
] }), _jsx("div", { className: "h-1 rounded-full bg-surface", children: _jsx("div", { className: "h-full rounded-full transition-all", style: { width: `${pct}%`, background: lagColor } }) }), _jsx("div", { className: "font-mono text-[9px] mt-1", style: { color: lagColor }, children: lag === 0 ? 'Caught up' : `${lag} behind` })
|
|
40
|
+
] }), _jsxs("div", { className: "space-y-1", children: [
|
|
41
|
+
_jsx(DetailRow, { label: "Actor", value: client.actor }), _jsx(DetailRow, { label: "Dialect", value: client.dialect }), _jsx(DetailRow, { label: "Last seen", value: client.lastSeen }), _jsxs("div", { className: "flex justify-between items-start", children: [
|
|
42
|
+
_jsx("span", { className: "font-mono text-[9px] text-neutral-600", children: "Scopes" }), _jsxs("div", { className: "flex gap-1 flex-wrap justify-end", children: [client.scopes.slice(0, 2).map((s) => (_jsx(Badge, { variant: "ghost", children: s }, s))), client.scopes.length > 2 && (_jsxs("span", { className: "font-mono text-[9px] text-neutral-600", children: ["+", client.scopes.length - 2] }))] })
|
|
43
|
+
] })
|
|
44
|
+
] }), onEvict && (_jsxs("button", { type: "button", onClick: onEvict, className: "w-full inline-flex items-center justify-center gap-1.5 rounded-md font-mono text-[9px] px-2 py-1 border border-offline/25 bg-offline/[0.04] text-offline hover:border-offline hover:bg-offline/[0.08] cursor-pointer transition-all", children: [
|
|
45
|
+
_jsxs("svg", { className: "w-3 h-3", fill: "none", stroke: "currentColor", strokeWidth: 2, viewBox: "0 0 24 24", children: [
|
|
46
|
+
_jsx("path", { d: "M18.36 6.64a9 9 0 11-12.73 0" }), _jsx("line", { x1: "12", y1: "2", x2: "12", y2: "12" })
|
|
47
|
+
] }),
|
|
48
|
+
"Evict"] }))] })
|
|
49
|
+
] }));
|
|
50
|
+
});
|
|
51
|
+
FleetCard.displayName = 'FleetCard';
|
|
52
|
+
function DetailRow({ label, value }) {
|
|
53
|
+
return (_jsxs("div", { className: "flex justify-between", children: [
|
|
54
|
+
_jsx("span", { className: "font-mono text-[9px] text-neutral-600", children: label }), _jsx("span", { className: "font-mono text-[10px] text-neutral-400", children: value })
|
|
55
|
+
] }));
|
|
56
|
+
}
|
|
57
|
+
export { FleetCard };
|
|
58
|
+
//# sourceMappingURL=fleet-card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fleet-card.js","sourceRoot":"","sources":["../../src/console/fleet-card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { type ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import type { HandlerEntry } from '../lib/types';
|
|
3
|
+
export type HandlersTableProps = ComponentPropsWithoutRef<'div'> & {
|
|
4
|
+
handlers: HandlerEntry[];
|
|
5
|
+
tableCount?: number;
|
|
6
|
+
};
|
|
7
|
+
declare const HandlersTable: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
8
|
+
handlers: HandlerEntry[];
|
|
9
|
+
tableCount?: number | undefined;
|
|
10
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
11
|
+
export { HandlersTable };
|
|
12
|
+
//# sourceMappingURL=handlers-table.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"handlers-table.d.ts","sourceRoot":"","sources":["../../src/console/handlers-table.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAGjD,MAAM,MAAM,kBAAkB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACjE,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,aAAa;;;kDA0DlB,CAAC;AAGF,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { cn } from '../lib/cn.js';
|
|
5
|
+
import { Badge } from '../primitives/badge.js';
|
|
6
|
+
const HandlersTable = forwardRef(({ className, handlers, tableCount, ...props }, ref) => {
|
|
7
|
+
const count = tableCount ?? handlers.length;
|
|
8
|
+
return (_jsxs("div", { ref: ref, className: cn('bg-panel border border-border rounded-lg hover:border-border-bright transition', className), ...props, children: [
|
|
9
|
+
_jsxs("div", { className: "px-4 py-2.5 border-b border-border flex items-center justify-between", children: [
|
|
10
|
+
_jsxs("div", { className: "flex items-center gap-2", children: [
|
|
11
|
+
_jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-flow" }), _jsx("span", { className: "font-mono text-[10px] text-neutral-500 uppercase tracking-widest", children: "Handlers" })
|
|
12
|
+
] }), _jsxs("span", { className: "font-mono text-[10px] text-neutral-600", children: [count, " tables"] })
|
|
13
|
+
] }), _jsxs("div", { className: "font-mono text-[9px] tracking-wider uppercase text-neutral-600 flex items-center gap-4 px-4 leading-6 border-b border-border", children: [
|
|
14
|
+
_jsx("span", { className: "flex-1", children: "Table" }), _jsx("span", { className: "w-[100px]", children: "Depends On" }), _jsx("span", { className: "w-[70px] text-right", children: "Chunk TTL" })
|
|
15
|
+
] }), handlers.map((h, i) => (_jsxs("div", { className: cn('font-mono text-[11px] leading-7 px-4 flex items-center gap-4 hover:bg-white/[0.015] transition-colors cursor-default', i < handlers.length - 1 && 'border-b border-[#141414]'), children: [
|
|
16
|
+
_jsx("span", { className: "flex-1 text-white truncate", children: h.table }), _jsx("span", { className: "w-[100px] truncate", children: h.dependsOn ? (_jsx(Badge, { variant: "ghost", children: h.dependsOn })) : (_jsx("span", { className: "text-neutral-600", children: "\u2014" })) }), _jsx("span", { className: "w-[70px] text-right text-neutral-500 truncate", children: h.chunkTtl })
|
|
17
|
+
] }, h.table)))] }));
|
|
18
|
+
});
|
|
19
|
+
HandlersTable.displayName = 'HandlersTable';
|
|
20
|
+
export { HandlersTable };
|
|
21
|
+
//# sourceMappingURL=handlers-table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"handlers-table.js","sourceRoot":"","sources":["../../src/console/handlers-table.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAO5C,MAAM,aAAa,GAAG,UAAU,CAC9B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC;IACtD,MAAM,KAAK,GAAG,UAAU,IAAI,QAAQ,CAAC,MAAM,CAAC;IAE5C,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,gFAAgF,EAChF,SAAS,CACV,KACG,KAAK;YAGT,eAAK,SAAS,EAAC,sEAAsE;oBACnF,eAAK,SAAS,EAAC,yBAAyB;4BACtC,eAAM,SAAS,EAAC,kCAAkC,GAAG,EACrD,eAAM,SAAS,EAAC,kEAAkE,yBAE3E;4BACH,EACN,gBAAM,SAAS,EAAC,wCAAwC,aACrD,KAAK,eACD;oBACH,EAGN,eAAK,SAAS,EAAC,8HAA8H;oBAC3I,eAAM,SAAS,EAAC,QAAQ,sBAAa,EACrC,eAAM,SAAS,EAAC,WAAW,2BAAkB,EAC7C,eAAM,SAAS,EAAC,qBAAqB,0BAAiB;oBAClD,EAGL,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,eAEE,SAAS,EAAE,EAAE,CACX,sHAAsH,EACtH,CAAC,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,2BAA2B,CACvD;oBAED,eAAM,SAAS,EAAC,4BAA4B,YAAE,CAAC,CAAC,KAAK,GAAQ,EAC7D,eAAM,SAAS,EAAC,oBAAoB,YACjC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CACb,KAAC,KAAK,IAAC,OAAO,EAAC,OAAO,YAAE,CAAC,CAAC,SAAS,GAAS,CAC7C,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,kBAAkB,uBAAe,CAClD,GACI,EACP,eAAM,SAAS,EAAC,+CAA+C,YAC5D,CAAC,CAAC,QAAQ,GACN;qBAhBF,CAAC,CAAC,KAAK,CAiBR,CACP,CAAC,IACE,CACP,CAAC;AAAA,CACH,CACF,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
export * from './activity-bars';
|
|
2
|
+
export * from './alerts-config';
|
|
3
|
+
export * from './api-keys-table';
|
|
4
|
+
export * from './bottom-bar';
|
|
5
|
+
export * from './commit-table';
|
|
6
|
+
export * from './connection-form';
|
|
7
|
+
export * from './connection-status-badge';
|
|
8
|
+
export * from './danger-action-card';
|
|
9
|
+
export * from './empty-state';
|
|
10
|
+
export * from './filter-bar';
|
|
11
|
+
export * from './fleet-card';
|
|
12
|
+
export * from './handlers-table';
|
|
13
|
+
export * from './kpi-card';
|
|
14
|
+
export * from './kpi-strip';
|
|
15
|
+
export * from './latency-percentiles';
|
|
16
|
+
export * from './live-activity-feed';
|
|
17
|
+
export * from './maintenance-card';
|
|
18
|
+
export * from './page-header';
|
|
19
|
+
export * from './panel-shell';
|
|
20
|
+
export * from './preferences-panel';
|
|
21
|
+
export * from './section-card';
|
|
22
|
+
export * from './stream-log';
|
|
23
|
+
export * from './sync-horizon';
|
|
24
|
+
export * from './sync-lag-bar';
|
|
25
|
+
export * from './sync-state-badge';
|
|
26
|
+
export * from './topology-card';
|
|
27
|
+
export * from './topology-hero';
|
|
28
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/console/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
export * from './activity-bars.js';
|
|
2
|
+
export * from './alerts-config.js';
|
|
3
|
+
export * from './api-keys-table.js';
|
|
4
|
+
export * from './bottom-bar.js';
|
|
5
|
+
export * from './commit-table.js';
|
|
6
|
+
export * from './connection-form.js';
|
|
7
|
+
export * from './connection-status-badge.js';
|
|
8
|
+
export * from './danger-action-card.js';
|
|
9
|
+
export * from './empty-state.js';
|
|
10
|
+
export * from './filter-bar.js';
|
|
11
|
+
export * from './fleet-card.js';
|
|
12
|
+
export * from './handlers-table.js';
|
|
13
|
+
export * from './kpi-card.js';
|
|
14
|
+
export * from './kpi-strip.js';
|
|
15
|
+
export * from './latency-percentiles.js';
|
|
16
|
+
export * from './live-activity-feed.js';
|
|
17
|
+
export * from './maintenance-card.js';
|
|
18
|
+
export * from './page-header.js';
|
|
19
|
+
export * from './panel-shell.js';
|
|
20
|
+
export * from './preferences-panel.js';
|
|
21
|
+
export * from './section-card.js';
|
|
22
|
+
export * from './stream-log.js';
|
|
23
|
+
export * from './sync-horizon.js';
|
|
24
|
+
export * from './sync-lag-bar.js';
|
|
25
|
+
export * from './sync-state-badge.js';
|
|
26
|
+
export * from './topology-card.js';
|
|
27
|
+
export * from './topology-hero.js';
|
|
28
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/console/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
export interface KpiCardProps {
|
|
3
|
+
className?: string;
|
|
4
|
+
label: ReactNode;
|
|
5
|
+
meta?: ReactNode;
|
|
6
|
+
tone?: 'accent' | 'destructive' | 'info' | 'muted' | 'success' | 'warning';
|
|
7
|
+
value: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export declare function KpiCard({ className, label, meta, tone, value }: KpiCardProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
//# sourceMappingURL=kpi-card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"kpi-card.d.ts","sourceRoot":"","sources":["../../src/console/kpi-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IAC3E,KAAK,EAAE,SAAS,CAAC;CAClB;AAWD,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,KAAK,EACL,IAAI,EACJ,IAAc,EACd,KAAK,EACN,EAAE,YAAY,2CAgBd"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { cn } from '../lib/cn.js';
|
|
4
|
+
import { Card, CardContent } from '../primitives/card.js';
|
|
5
|
+
const toneColorMap = {
|
|
6
|
+
success: 'text-healthy',
|
|
7
|
+
warning: 'text-syncing',
|
|
8
|
+
destructive: 'text-offline',
|
|
9
|
+
info: 'text-flow',
|
|
10
|
+
accent: 'text-relay',
|
|
11
|
+
muted: 'text-neutral-500',
|
|
12
|
+
};
|
|
13
|
+
export function KpiCard({ className, label, meta, tone = 'muted', value, }) {
|
|
14
|
+
return (_jsx(Card, { className: className, children: _jsxs(CardContent, { className: "flex flex-col gap-1", children: [
|
|
15
|
+
_jsx("span", { className: "text-xs font-mono uppercase tracking-wider text-neutral-500", children: label }), _jsx("span", { className: cn('text-2xl font-bold tabular-nums', toneColorMap[tone]), children: value }), meta ? _jsx("span", { className: "text-xs text-neutral-500", children: meta }) : null] }) }));
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=kpi-card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"kpi-card.js","sourceRoot":"","sources":["../../src/console/kpi-card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAUvD,MAAM,YAAY,GAAsD;IACtE,OAAO,EAAE,cAAc;IACvB,OAAO,EAAE,cAAc;IACvB,WAAW,EAAE,cAAc;IAC3B,IAAI,EAAE,WAAW;IACjB,MAAM,EAAE,YAAY;IACpB,KAAK,EAAE,kBAAkB;CAC1B,CAAC;AAEF,MAAM,UAAU,OAAO,CAAC,EACtB,SAAS,EACT,KAAK,EACL,IAAI,EACJ,IAAI,GAAG,OAAO,EACd,KAAK,GACQ,EAAE;IACf,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,YACxB,MAAC,WAAW,IAAC,SAAS,EAAC,qBAAqB;gBAC1C,eAAM,SAAS,EAAC,6DAA6D,YAC1E,KAAK,GACD,EACP,eACE,SAAS,EAAE,EAAE,CAAC,iCAAiC,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC,YAEnE,KAAK,GACD,EACN,IAAI,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,0BAA0B,YAAE,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC3D,GACT,CACR,CAAC;AAAA,CACH"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import type { MetricItem } from '../lib/types';
|
|
3
|
+
export type KpiStripProps = ComponentPropsWithoutRef<'div'> & {
|
|
4
|
+
items: MetricItem[];
|
|
5
|
+
};
|
|
6
|
+
declare const KpiStrip: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
7
|
+
items: MetricItem[];
|
|
8
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
9
|
+
export { KpiStrip };
|
|
10
|
+
//# sourceMappingURL=kpi-strip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"kpi-strip.d.ts","sourceRoot":"","sources":["../../src/console/kpi-strip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAC5D,KAAK,EAAE,UAAU,EAAE,CAAC;CACrB,CAAC;AAWF,QAAA,MAAM,QAAQ;;kDAgBb,CAAC;AAyCF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { cn } from '../lib/cn.js';
|
|
5
|
+
const dotColorMap = {
|
|
6
|
+
flow: 'bg-flow',
|
|
7
|
+
healthy: 'bg-healthy',
|
|
8
|
+
syncing: 'bg-syncing',
|
|
9
|
+
offline: 'bg-offline',
|
|
10
|
+
relay: 'bg-relay',
|
|
11
|
+
muted: 'bg-neutral-500',
|
|
12
|
+
};
|
|
13
|
+
const KpiStrip = forwardRef(({ className, items, ...props }, ref) => (_jsx("div", { ref: ref, className: cn('border-b border-border px-6 py-3 flex items-center justify-between flex-wrap gap-4', 'bg-[linear-gradient(to_bottom,rgba(17,17,17,0.8),#0c0c0c)]', className), ...props, children: items.map((item, i) => (_jsx(MetricInlineItem, { item: item, showDivider: i > 0 }, item.label))) })));
|
|
14
|
+
KpiStrip.displayName = 'KpiStrip';
|
|
15
|
+
function MetricInlineItem({ item, showDivider, }) {
|
|
16
|
+
const dotClass = dotColorMap[item.color ?? 'muted'] ?? 'bg-neutral-500';
|
|
17
|
+
return (_jsxs(_Fragment, { children: [showDivider && _jsx("div", { className: "w-px h-4 bg-border" }), _jsxs("div", { className: "flex items-center gap-2", children: [
|
|
18
|
+
_jsx("span", { className: cn('w-1.5 h-1.5 rounded-full', dotClass) }), _jsx("span", { className: "font-mono text-[10px] text-neutral-500 uppercase", children: item.label }), _jsxs("span", { className: "font-mono text-sm text-white font-semibold", children: [item.value, item.unit && (_jsx("span", { className: "text-xs text-neutral-600", children: item.unit }))] }), item.trend && (_jsx("span", { className: cn('font-mono text-[10px]', item.trend.startsWith('+') ? 'text-healthy' : 'text-offline'), children: item.trend }))] })
|
|
19
|
+
] }));
|
|
20
|
+
}
|
|
21
|
+
export { KpiStrip };
|
|
22
|
+
//# sourceMappingURL=kpi-strip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"kpi-strip.js","sourceRoot":"","sources":["../../src/console/kpi-strip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAO/B,MAAM,WAAW,GAA2B;IAC1C,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;IACrB,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,gBAAgB;CACxB,CAAC;AAEF,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACvC,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,oFAAoF,EACpF,4DAA4D,EAC5D,SAAS,CACV,KACG,KAAK,YAER,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,KAAC,gBAAgB,IAAkB,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,GAAG,CAAC,IAA1C,IAAI,CAAC,KAAK,CAAoC,CACtE,CAAC,GACE,CACP,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,SAAS,gBAAgB,CAAC,EACxB,IAAI,EACJ,WAAW,GAIZ,EAAE;IACD,MAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,gBAAgB,CAAC;IAExE,OAAO,CACL,8BACG,WAAW,IAAI,cAAK,SAAS,EAAC,oBAAoB,GAAG,EACtD,eAAK,SAAS,EAAC,yBAAyB;oBACtC,eAAM,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,QAAQ,CAAC,GAAI,EAC7D,eAAM,SAAS,EAAC,kDAAkD,YAC/D,IAAI,CAAC,KAAK,GACN,EACP,gBAAM,SAAS,EAAC,4CAA4C,aACzD,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,IAAI,IAAI,CACZ,eAAM,SAAS,EAAC,0BAA0B,YAAE,IAAI,CAAC,IAAI,GAAQ,CAC9D,IACI,EACN,IAAI,CAAC,KAAK,IAAI,CACb,eACE,SAAS,EAAE,EAAE,CACX,uBAAuB,EACvB,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAC7D,YAEA,IAAI,CAAC,KAAK,GACN,CACR,IACG;YACL,CACJ,CAAC;AAAA,CACH;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { type ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
export type LatencyBucket = {
|
|
3
|
+
label: string;
|
|
4
|
+
pushMs: number;
|
|
5
|
+
pullMs: number;
|
|
6
|
+
/** Bar height as a percent (0-100) for push */
|
|
7
|
+
pushBarPercent: number;
|
|
8
|
+
/** Bar height as a percent (0-100) for pull */
|
|
9
|
+
pullBarPercent: number;
|
|
10
|
+
};
|
|
11
|
+
export type LatencyPercentilesBarProps = ComponentPropsWithoutRef<'div'> & {
|
|
12
|
+
buckets: LatencyBucket[];
|
|
13
|
+
/** Success rate 0-100 */
|
|
14
|
+
successRate?: number;
|
|
15
|
+
successLabel?: string;
|
|
16
|
+
};
|
|
17
|
+
declare const LatencyPercentilesBar: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
18
|
+
buckets: LatencyBucket[];
|
|
19
|
+
/** Success rate 0-100 */
|
|
20
|
+
successRate?: number | undefined;
|
|
21
|
+
successLabel?: string | undefined;
|
|
22
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
23
|
+
export { LatencyPercentilesBar };
|
|
24
|
+
//# sourceMappingURL=latency-percentiles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"latency-percentiles.d.ts","sourceRoot":"","sources":["../../src/console/latency-percentiles.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAGlE,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,cAAc,EAAE,MAAM,CAAC;IACvB,+CAA+C;IAC/C,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACzE,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,yBAAyB;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,qBAAqB;;IALzB,yBAAyB;;;kDAwF1B,CAAC;AAGF,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
|