@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,23 @@
|
|
|
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 LatencyPercentilesBar = forwardRef(({ className, buckets, successRate = 99.6, successLabel = 'success', ...props }, ref) => {
|
|
6
|
+
const dashLength = (successRate / 100) * 88;
|
|
7
|
+
const gapLength = 88 - dashLength;
|
|
8
|
+
return (_jsxs("div", { ref: ref, className: cn('px-5 py-3 border-b border-border flex items-center gap-8', className), ...props, children: [
|
|
9
|
+
_jsx("span", { className: "font-mono text-[10px] text-neutral-500 uppercase tracking-widest", children: "Latency" }), _jsx("div", { className: "flex items-center gap-6", children: buckets.map((b) => (_jsxs("div", { className: "flex items-center gap-2", children: [
|
|
10
|
+
_jsx("span", { className: "font-mono text-[9px] text-neutral-500", children: b.label }), _jsxs("div", { className: "flex gap-1 items-end h-5", children: [
|
|
11
|
+
_jsx("div", { className: "w-3 rounded-t bg-healthy/60", style: { height: `${b.pushBarPercent}%` } }), _jsx("div", { className: "w-3 rounded-t bg-flow/60", style: { height: `${b.pullBarPercent}%` } })
|
|
12
|
+
] }), _jsxs("span", { className: "font-mono text-[10px] text-neutral-400", children: [b.pushMs, " / ", b.pullMs, "ms"] })
|
|
13
|
+
] }, b.label))) }), _jsxs("div", { className: "flex items-center gap-2 ml-auto", children: [
|
|
14
|
+
_jsxs("svg", { viewBox: "0 0 36 36", className: "w-7 h-7", children: [
|
|
15
|
+
_jsx("circle", { cx: 18, cy: 18, r: 14, fill: "none", stroke: "#1e1e1e", strokeWidth: 4 }), _jsx("circle", { cx: 18, cy: 18, r: 14, fill: "none", stroke: "#22c55e", strokeWidth: 4, strokeDasharray: `${dashLength} ${gapLength}`, transform: "rotate(-90 18 18)", strokeLinecap: "round" })
|
|
16
|
+
] }), _jsxs("span", { className: "font-mono text-[10px] text-neutral-400", children: [successRate, "%", ' ', _jsx("span", { className: "text-neutral-600", children: successLabel })
|
|
17
|
+
] })
|
|
18
|
+
] })
|
|
19
|
+
] }));
|
|
20
|
+
});
|
|
21
|
+
LatencyPercentilesBar.displayName = 'LatencyPercentilesBar';
|
|
22
|
+
export { LatencyPercentilesBar };
|
|
23
|
+
//# sourceMappingURL=latency-percentiles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"latency-percentiles.js","sourceRoot":"","sources":["../../src/console/latency-percentiles.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAmB/B,MAAM,qBAAqB,GAAG,UAAU,CAItC,CACE,EACE,SAAS,EACT,OAAO,EACP,WAAW,GAAG,IAAI,EAClB,YAAY,GAAG,SAAS,EACxB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE,CAAC;IACH,MAAM,UAAU,GAAG,CAAC,WAAW,GAAG,GAAG,CAAC,GAAG,EAAE,CAAC;IAC5C,MAAM,SAAS,GAAG,EAAE,GAAG,UAAU,CAAC;IAElC,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,0DAA0D,EAC1D,SAAS,CACV,KACG,KAAK;YAET,eAAM,SAAS,EAAC,kEAAkE,wBAE3E,EACP,cAAK,SAAS,EAAC,yBAAyB,YACrC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAClB,eAAmB,SAAS,EAAC,yBAAyB;wBACpD,eAAM,SAAS,EAAC,uCAAuC,YACpD,CAAC,CAAC,KAAK,GACH,EACP,eAAK,SAAS,EAAC,0BAA0B;gCACvC,cACE,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,cAAc,GAAG,EAAE,GACzC,EACF,cACE,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,cAAc,GAAG,EAAE,GACzC;gCACE,EACN,gBAAM,SAAS,EAAC,wCAAwC,aACrD,CAAC,CAAC,MAAM,SAAK,CAAC,CAAC,MAAM,UACjB;yBAhBC,CAAC,CAAC,KAAK,CAiBX,CACP,CAAC,GACE,EAGN,eAAK,SAAS,EAAC,iCAAiC;oBAC9C,eAAK,OAAO,EAAC,WAAW,EAAC,SAAS,EAAC,SAAS;4BAC1C,iBACE,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,CAAC,EAAE,EAAE,EACL,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,SAAS,EAChB,WAAW,EAAE,CAAC,GACd,EACF,iBACE,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,CAAC,EAAE,EAAE,EACL,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,SAAS,EAChB,WAAW,EAAE,CAAC,EACd,eAAe,EAAE,GAAG,UAAU,IAAI,SAAS,EAAE,EAC7C,SAAS,EAAC,mBAAmB,EAC7B,aAAa,EAAC,OAAO,GACrB;4BACE,EACN,gBAAM,SAAS,EAAC,wCAAwC,aACrD,WAAW,OAAG,GAAG,EAClB,eAAM,SAAS,EAAC,kBAAkB,YAAE,YAAY,GAAQ;4BACnD;oBACH;YACF,CACP,CAAC;AAAA,CACH,CACF,CAAC;AACF,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAC;AAE5D,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { type ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
type FeedEventType = 'PUSH' | 'PULL' | 'ACK' | (string & {});
|
|
3
|
+
export type FeedEntry = {
|
|
4
|
+
type: FeedEventType;
|
|
5
|
+
actor: string;
|
|
6
|
+
table: string;
|
|
7
|
+
time: string;
|
|
8
|
+
};
|
|
9
|
+
export type LiveActivityFeedProps = ComponentPropsWithoutRef<'div'> & {
|
|
10
|
+
entries: FeedEntry[];
|
|
11
|
+
isConnected?: boolean;
|
|
12
|
+
maxVisible?: number;
|
|
13
|
+
/** Height for the scroll area */
|
|
14
|
+
maxHeight?: string;
|
|
15
|
+
};
|
|
16
|
+
declare const LiveActivityFeed: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
17
|
+
entries: FeedEntry[];
|
|
18
|
+
isConnected?: boolean | undefined;
|
|
19
|
+
maxVisible?: number | undefined;
|
|
20
|
+
/** Height for the scroll area */
|
|
21
|
+
maxHeight?: string | undefined;
|
|
22
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
23
|
+
export { LiveActivityFeed };
|
|
24
|
+
//# sourceMappingURL=live-activity-feed.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"live-activity-feed.d.ts","sourceRoot":"","sources":["../../src/console/live-activity-feed.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAIlE,KAAK,aAAa,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAE7D,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACpE,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAQF,QAAA,MAAM,gBAAgB;;;;IAVpB,iCAAiC;;kDAyFlC,CAAC;AAGF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
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 badgeVariantMap = {
|
|
7
|
+
PUSH: 'syncing',
|
|
8
|
+
PULL: 'healthy',
|
|
9
|
+
ACK: 'flow',
|
|
10
|
+
};
|
|
11
|
+
const LiveActivityFeed = forwardRef(({ className, entries, isConnected = true, maxVisible = 20, maxHeight, ...props }, ref) => {
|
|
12
|
+
const visibleEntries = entries.slice(0, maxVisible);
|
|
13
|
+
return (_jsxs("div", { ref: ref, className: cn('flex-shrink-0', className), style: { width: 360 }, ...props, children: [
|
|
14
|
+
_jsxs("div", { className: "px-4 py-2.5 border-b border-border flex items-center justify-between", children: [
|
|
15
|
+
_jsxs("div", { className: "flex items-center gap-2", children: [
|
|
16
|
+
_jsx("span", { className: "font-mono text-[10px] text-neutral-500 uppercase tracking-widest", children: "Live Feed" }), _jsx("span", { className: cn('w-1.5 h-1.5 rounded-full', isConnected
|
|
17
|
+
? 'bg-healthy animate-[dotPulse_1.5s_ease-in-out_infinite]'
|
|
18
|
+
: 'bg-neutral-600') })
|
|
19
|
+
] }), _jsx("span", { className: "font-mono text-[9px] text-neutral-600", children: isConnected ? 'WebSocket' : 'Disconnected' })
|
|
20
|
+
] }), _jsx("div", { className: "px-3 py-2 space-y-0.5 overflow-y-auto", style: maxHeight ? { maxHeight } : undefined, children: visibleEntries.length === 0 ? (_jsx("div", { className: "flex items-center justify-center h-[200px]", children: _jsx("p", { className: "text-neutral-500 text-sm font-mono", children: isConnected
|
|
21
|
+
? 'Waiting for activity...'
|
|
22
|
+
: 'Connect to see live activity' }) })) : (visibleEntries.map((entry, i) => (_jsxs("div", { className: "flex items-center gap-2 py-1 animate-[streamSlide_0.35s_ease-out]", children: [
|
|
23
|
+
_jsx(Badge, { variant: badgeVariantMap[entry.type] ?? 'ghost', className: "text-[8px] px-1.5 py-0", children: entry.type }), _jsxs("span", { className: "font-mono text-[10px] text-neutral-400 truncate flex-1", children: [entry.actor, " \u00B7 ", entry.table] }), _jsx("span", { className: "font-mono text-[9px] text-neutral-600", children: entry.time })
|
|
24
|
+
] }, `${entry.time}-${i}`)))) })
|
|
25
|
+
] }));
|
|
26
|
+
});
|
|
27
|
+
LiveActivityFeed.displayName = 'LiveActivityFeed';
|
|
28
|
+
export { LiveActivityFeed };
|
|
29
|
+
//# sourceMappingURL=live-activity-feed.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"live-activity-feed.js","sourceRoot":"","sources":["../../src/console/live-activity-feed.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAmB5C,MAAM,eAAe,GAAmD;IACtE,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,GAAG,EAAE,MAAM;CACZ,CAAC;AAEF,MAAM,gBAAgB,GAAG,UAAU,CACjC,CACE,EACE,SAAS,EACT,OAAO,EACP,WAAW,GAAG,IAAI,EAClB,UAAU,GAAG,EAAE,EACf,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE,CAAC;IACH,MAAM,cAAc,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;IAEpD,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,EACzC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,KACjB,KAAK;YAGT,eAAK,SAAS,EAAC,sEAAsE;oBACnF,eAAK,SAAS,EAAC,yBAAyB;4BACtC,eAAM,SAAS,EAAC,kEAAkE,0BAE3E,EACP,eACE,SAAS,EAAE,EAAE,CACX,0BAA0B,EAC1B,WAAW;oCACT,CAAC,CAAC,yDAAyD;oCAC3D,CAAC,CAAC,gBAAgB,CACrB,GACD;4BACE,EACN,eAAM,SAAS,EAAC,uCAAuC,YACpD,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc,GACtC;oBACH,EAGN,cACE,SAAS,EAAC,uCAAuC,EACjD,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS,YAE3C,cAAc,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC7B,cAAK,SAAS,EAAC,4CAA4C,YACzD,YAAG,SAAS,EAAC,oCAAoC,YAC9C,WAAW;4BACV,CAAC,CAAC,yBAAyB;4BAC3B,CAAC,CAAC,8BAA8B,GAChC,GACA,CACP,CAAC,CAAC,CAAC,CACF,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAC/B,eAEE,SAAS,EAAC,mEAAmE;wBAE7E,KAAC,KAAK,IACJ,OAAO,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,OAAO,EAC/C,SAAS,EAAC,wBAAwB,YAEjC,KAAK,CAAC,IAAI,GACL,EACR,gBAAM,SAAS,EAAC,wDAAwD,aACrE,KAAK,CAAC,KAAK,cAAY,KAAK,CAAC,KAAK,IAC9B,EACP,eAAM,SAAS,EAAC,uCAAuC,YACpD,KAAK,CAAC,IAAI,GACN;yBAdF,GAAG,KAAK,CAAC,IAAI,IAAI,CAAC,EAAE,CAerB,CACP,CAAC,CACH,GACG;YACF,CACP,CAAC;AAAA,CACH,CACF,CAAC;AACF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
|
|
2
|
+
export type MaintenanceStat = {
|
|
3
|
+
label: string;
|
|
4
|
+
value: ReactNode;
|
|
5
|
+
tone?: 'default' | 'syncing';
|
|
6
|
+
};
|
|
7
|
+
export type MaintenanceCardProps = ComponentPropsWithoutRef<'div'> & {
|
|
8
|
+
title: string;
|
|
9
|
+
description: string;
|
|
10
|
+
dotColor?: 'syncing' | 'flow' | 'healthy' | 'offline';
|
|
11
|
+
stats: MaintenanceStat[];
|
|
12
|
+
actionLabel: string;
|
|
13
|
+
actionVariant?: 'default' | 'primary' | 'destructive';
|
|
14
|
+
actionIcon?: ReactNode;
|
|
15
|
+
onAction?: () => void;
|
|
16
|
+
};
|
|
17
|
+
declare const MaintenanceCard: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
18
|
+
title: string;
|
|
19
|
+
description: string;
|
|
20
|
+
dotColor?: "flow" | "healthy" | "offline" | "syncing" | undefined;
|
|
21
|
+
stats: MaintenanceStat[];
|
|
22
|
+
actionLabel: string;
|
|
23
|
+
actionVariant?: "default" | "destructive" | "primary" | undefined;
|
|
24
|
+
actionIcon?: ReactNode;
|
|
25
|
+
onAction?: (() => void) | undefined;
|
|
26
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
27
|
+
export { MaintenanceCard };
|
|
28
|
+
//# sourceMappingURL=maintenance-card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"maintenance-card.d.ts","sourceRoot":"","sources":["../../src/console/maintenance-card.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,wBAAwB,EAE7B,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IACtD,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;IACtD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AASF,QAAA,MAAM,eAAe;;;;;;;;;kDA0EpB,CAAC;AAGF,OAAO,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
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 { Button } from '../primitives/button.js';
|
|
6
|
+
const dotColorMap = {
|
|
7
|
+
syncing: 'bg-syncing',
|
|
8
|
+
flow: 'bg-flow',
|
|
9
|
+
healthy: 'bg-healthy',
|
|
10
|
+
offline: 'bg-offline',
|
|
11
|
+
};
|
|
12
|
+
const MaintenanceCard = forwardRef(({ className, title, description, dotColor = 'syncing', stats, actionLabel, actionVariant = 'default', actionIcon, onAction, ...props }, ref) => (_jsxs("div", { ref: ref, className: cn('bg-panel border border-border rounded-lg hover:border-border-bright transition', className), ...props, children: [
|
|
13
|
+
_jsxs("div", { className: "px-4 py-2.5 border-b border-border flex items-center gap-2", children: [
|
|
14
|
+
_jsx("span", { className: cn('w-1.5 h-1.5 rounded-full', dotColorMap[dotColor]) }), _jsx("span", { className: "font-mono text-[10px] text-neutral-500 uppercase tracking-widest", children: title })
|
|
15
|
+
] }), _jsxs("div", { className: "p-4", children: [
|
|
16
|
+
_jsx("p", { className: "font-mono text-[10px] text-neutral-500 leading-relaxed mb-4", children: description }), _jsx("div", { className: cn('grid gap-3 mb-4', stats.length <= 2 ? 'grid-cols-2' : 'grid-cols-3'), children: stats.map((s) => (_jsxs("div", { children: [
|
|
17
|
+
_jsx("div", { className: "font-mono text-[9px] text-neutral-600 uppercase tracking-wider mb-1", children: s.label }), _jsx("div", { className: cn('font-mono font-semibold', s.tone === 'syncing'
|
|
18
|
+
? 'text-sm text-syncing'
|
|
19
|
+
: 'text-lg text-white'), children: s.value })
|
|
20
|
+
] }, s.label))) }), _jsxs(Button, { variant: actionVariant, size: "md", onClick: onAction, children: [actionIcon, actionLabel] })
|
|
21
|
+
] })
|
|
22
|
+
] })));
|
|
23
|
+
MaintenanceCard.displayName = 'MaintenanceCard';
|
|
24
|
+
export { MaintenanceCard };
|
|
25
|
+
//# sourceMappingURL=maintenance-card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"maintenance-card.js","sourceRoot":"","sources":["../../src/console/maintenance-card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAEL,UAAU,GAEX,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAmB9C,MAAM,WAAW,GAA2B;IAC1C,OAAO,EAAE,YAAY;IACrB,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;CACtB,CAAC;AAEF,MAAM,eAAe,GAAG,UAAU,CAChC,CACE,EACE,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,GAAG,SAAS,EACpB,KAAK,EACL,WAAW,EACX,aAAa,GAAG,SAAS,EACzB,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE,CAAC,CACH,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,gFAAgF,EAChF,SAAS,CACV,KACG,KAAK;QAGT,eAAK,SAAS,EAAC,4DAA4D;gBACzE,eACE,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,GAChE,EACF,eAAM,SAAS,EAAC,kEAAkE,YAC/E,KAAK,GACD;gBACH,EAGN,eAAK,SAAS,EAAC,KAAK;gBAClB,YAAG,SAAS,EAAC,6DAA6D,YACvE,WAAW,GACV,EAGJ,cACE,SAAS,EAAE,EAAE,CACX,iBAAiB,EACjB,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAClD,YAEA,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAChB;4BACE,cAAK,SAAS,EAAC,qEAAqE,YACjF,CAAC,CAAC,KAAK,GACJ,EACN,cACE,SAAS,EAAE,EAAE,CACX,yBAAyB,EACzB,CAAC,CAAC,IAAI,KAAK,SAAS;oCAClB,CAAC,CAAC,sBAAsB;oCACxB,CAAC,CAAC,oBAAoB,CACzB,YAEA,CAAC,CAAC,KAAK,GACJ;6BAbE,CAAC,CAAC,KAAK,CAcX,CACP,CAAC,GACE,EAGN,MAAC,MAAM,IAAC,OAAO,EAAE,aAAa,EAAE,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,QAAQ,aACxD,UAAU,EACV,WAAW,IACL;gBACL;QACF,CACP,CACF,CAAC;AACF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
export interface PageHeaderProps {
|
|
3
|
+
actions?: ReactNode;
|
|
4
|
+
className?: string;
|
|
5
|
+
description?: ReactNode;
|
|
6
|
+
title: ReactNode;
|
|
7
|
+
}
|
|
8
|
+
export declare function PageHeader({ actions, className, description, title }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
//# sourceMappingURL=page-header.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../src/console/page-header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,SAAS,EACT,WAAW,EACX,KAAK,EACN,EAAE,eAAe,2CAcjB"}
|
|
@@ -0,0 +1,9 @@
|
|
|
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 PageHeader({ actions, className, description, title, }) {
|
|
5
|
+
return (_jsxs("div", { className: cn('flex items-start justify-between', className), children: [
|
|
6
|
+
_jsxs("div", { children: [
|
|
7
|
+
_jsx("h1", { className: "text-3xl font-bold tracking-tight", children: title }), description ? (_jsx("p", { className: "mt-1 text-sm text-neutral-500", children: description })) : null] }), actions ? (_jsx("div", { className: "flex items-center gap-2", children: actions })) : null] }));
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=page-header.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"page-header.js","sourceRoot":"","sources":["../../src/console/page-header.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAS/B,MAAM,UAAU,UAAU,CAAC,EACzB,OAAO,EACP,SAAS,EACT,WAAW,EACX,KAAK,GACW,EAAE;IAClB,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC;YAC/D;oBACE,aAAI,SAAS,EAAC,mCAAmC,YAAE,KAAK,GAAM,EAC7D,WAAW,CAAC,CAAC,CAAC,CACb,YAAG,SAAS,EAAC,+BAA+B,YAAE,WAAW,GAAK,CAC/D,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,OAAO,CAAC,CAAC,CAAC,CACT,cAAK,SAAS,EAAC,yBAAyB,YAAE,OAAO,GAAO,CACzD,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AAAA,CACH"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
export interface PanelShellProps {
|
|
3
|
+
actions?: ReactNode;
|
|
4
|
+
children?: ReactNode;
|
|
5
|
+
className?: string;
|
|
6
|
+
contentClassName?: string;
|
|
7
|
+
description?: ReactNode;
|
|
8
|
+
title?: ReactNode;
|
|
9
|
+
}
|
|
10
|
+
export declare function PanelShell({ actions, children, className, contentClassName, description, title }: PanelShellProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
//# sourceMappingURL=panel-shell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"panel-shell.d.ts","sourceRoot":"","sources":["../../src/console/panel-shell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,WAAW,EACX,KAAK,EACN,EAAE,eAAe,2CAmBjB"}
|
|
@@ -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 { Card, CardContent } from '../primitives/card.js';
|
|
5
|
+
export function PanelShell({ actions, children, className, contentClassName, description, title, }) {
|
|
6
|
+
return (_jsxs(Card, { className: cn('border-border', className), children: [title || actions ? (_jsxs("div", { className: "flex items-start justify-between px-4 pt-4", children: [
|
|
7
|
+
_jsxs("div", { children: [title ? _jsx("h3", { className: "text-lg font-semibold", children: title }) : null, description ? (_jsx("p", { className: "mt-1 text-sm text-neutral-500", children: description })) : null] }), actions ? (_jsx("div", { className: "flex items-center gap-2", children: actions })) : null] })) : null, _jsx(CardContent, { className: contentClassName, children: children })
|
|
8
|
+
] }));
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=panel-shell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"panel-shell.js","sourceRoot":"","sources":["../../src/console/panel-shell.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;AAWvD,MAAM,UAAU,UAAU,CAAC,EACzB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,WAAW,EACX,KAAK,GACW,EAAE;IAClB,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,aAC5C,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,CAClB,eAAK,SAAS,EAAC,4CAA4C;oBACzD,0BACG,KAAK,CAAC,CAAC,CAAC,aAAI,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,EACjE,WAAW,CAAC,CAAC,CAAC,CACb,YAAG,SAAS,EAAC,+BAA+B,YAAE,WAAW,GAAK,CAC/D,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,OAAO,CAAC,CAAC,CAAC,CACT,cAAK,SAAS,EAAC,yBAAyB,YAAE,OAAO,GAAO,CACzD,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,WAAW,IAAC,SAAS,EAAE,gBAAgB,YAAG,QAAQ,GAAe;YAC7D,CACR,CAAC;AAAA,CACH"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { type ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
export type PreferenceOption = {
|
|
3
|
+
id: string;
|
|
4
|
+
label: string;
|
|
5
|
+
};
|
|
6
|
+
export type PreferenceFilterRow = {
|
|
7
|
+
type: 'filter';
|
|
8
|
+
label: string;
|
|
9
|
+
options: PreferenceOption[];
|
|
10
|
+
activeId: string;
|
|
11
|
+
onActiveChange: (id: string) => void;
|
|
12
|
+
};
|
|
13
|
+
export type PreferenceToggleRow = {
|
|
14
|
+
type: 'toggle';
|
|
15
|
+
label: string;
|
|
16
|
+
description?: string;
|
|
17
|
+
checked: boolean;
|
|
18
|
+
onCheckedChange: (checked: boolean) => void;
|
|
19
|
+
};
|
|
20
|
+
export type PreferenceRow = PreferenceFilterRow | PreferenceToggleRow;
|
|
21
|
+
export type PreferencesPanelProps = ComponentPropsWithoutRef<'div'> & {
|
|
22
|
+
rows: PreferenceRow[];
|
|
23
|
+
onResetDefaults?: () => void;
|
|
24
|
+
};
|
|
25
|
+
declare const PreferencesPanel: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
26
|
+
rows: PreferenceRow[];
|
|
27
|
+
onResetDefaults?: (() => void) | undefined;
|
|
28
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
29
|
+
export { PreferencesPanel };
|
|
30
|
+
//# sourceMappingURL=preferences-panel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"preferences-panel.d.ts","sourceRoot":"","sources":["../../src/console/preferences-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAKlE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,mBAAmB,CAAC;AAEtE,MAAM,MAAM,qBAAqB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACpE,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,gBAAgB;;;kDA8BrB,CAAC;AA4DF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
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
|
+
import { Button } from '../primitives/button.js';
|
|
6
|
+
import { Switch } from '../primitives/switch.js';
|
|
7
|
+
const PreferencesPanel = forwardRef(({ className, rows, onResetDefaults, ...props }, ref) => (_jsxs("div", { ref: ref, className: cn('bg-panel border border-border rounded-lg hover:border-border-bright transition', className), ...props, children: [
|
|
8
|
+
_jsxs("div", { className: "px-4 py-2.5 border-b border-border flex items-center justify-between", children: [
|
|
9
|
+
_jsx("span", { className: "font-mono text-[10px] text-neutral-500 uppercase tracking-widest", children: "Preferences" }), onResetDefaults && (_jsx(Button, { variant: "default", size: "sm", onClick: onResetDefaults, children: "Reset defaults" }))] }), _jsx("div", { className: "p-4 space-y-4", children: rows.map((row, i) => (_jsx(PreferenceRowItem, { row: row, showDivider: i > 0 }, row.label))) })
|
|
10
|
+
] })));
|
|
11
|
+
PreferencesPanel.displayName = 'PreferencesPanel';
|
|
12
|
+
function PreferenceRowItem({ row, showDivider, }) {
|
|
13
|
+
return (_jsxs(_Fragment, { children: [showDivider && _jsx("div", { className: "border-t border-border" }), _jsx("div", { className: "flex items-center justify-between", children: row.type === 'filter' ? (_jsxs(_Fragment, { children: [
|
|
14
|
+
_jsx("span", { className: "font-mono text-[11px] text-neutral-400", children: row.label }), _jsx("div", { className: "flex gap-0.5", children: row.options.map((opt) => (_jsx("button", { type: "button", onClick: () => row.onActiveChange(opt.id), className: cn('font-mono text-[10px] border rounded-sm px-2.5 py-0.5 cursor-pointer transition-all', opt.id === row.activeId
|
|
15
|
+
? 'text-white border-border-bright bg-white/[0.03]'
|
|
16
|
+
: 'text-neutral-500 border-transparent hover:text-neutral-300'), children: opt.label }, opt.id))) })
|
|
17
|
+
] })) : (_jsxs(_Fragment, { children: [
|
|
18
|
+
_jsxs("div", { children: [
|
|
19
|
+
_jsx("span", { className: "font-mono text-[11px] text-neutral-400", children: row.label }), row.description && (_jsx("p", { className: "font-mono text-[9px] text-neutral-600 mt-0.5", children: row.description }))] }), _jsx(Switch, { checked: row.checked, onCheckedChange: (val) => row.onCheckedChange(val) })
|
|
20
|
+
] })) })
|
|
21
|
+
] }));
|
|
22
|
+
}
|
|
23
|
+
export { PreferencesPanel };
|
|
24
|
+
//# sourceMappingURL=preferences-panel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"preferences-panel.js","sourceRoot":"","sources":["../../src/console/preferences-panel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAiC,UAAU,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AA8B9C,MAAM,gBAAgB,GAAG,UAAU,CACjC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACvD,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,gFAAgF,EAChF,SAAS,CACV,KACG,KAAK;QAGT,eAAK,SAAS,EAAC,sEAAsE;gBACnF,eAAM,SAAS,EAAC,kEAAkE,4BAE3E,EACN,eAAe,IAAI,CAClB,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,eAAe,+BAEnD,CACV,IACG,EAGN,cAAK,SAAS,EAAC,eAAe,YAC3B,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACpB,KAAC,iBAAiB,IAAiB,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC,GAAG,CAAC,IAAvC,GAAG,CAAC,KAAK,CAAkC,CACpE,CAAC,GACE;QACF,CACP,CACF,CAAC;AACF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,SAAS,iBAAiB,CAAC,EACzB,GAAG,EACH,WAAW,GAIZ,EAAE;IACD,OAAO,CACL,8BACG,WAAW,IAAI,cAAK,SAAS,EAAC,wBAAwB,GAAG,EAC1D,cAAK,SAAS,EAAC,mCAAmC,YAC/C,GAAG,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CACvB;wBACE,eAAM,SAAS,EAAC,wCAAwC,YACrD,GAAG,CAAC,KAAK,GACL,EACP,cAAK,SAAS,EAAC,cAAc,YAC1B,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACxB,iBAEE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC,EACzC,SAAS,EAAE,EAAE,CACX,qFAAqF,EACrF,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,QAAQ;oCACrB,CAAC,CAAC,iDAAiD;oCACnD,CAAC,CAAC,4DAA4D,CACjE,YAEA,GAAG,CAAC,KAAK,IAVL,GAAG,CAAC,EAAE,CAWJ,CACV,CAAC,GACE;wBACL,CACJ,CAAC,CAAC,CAAC,CACF;wBACE;gCACE,eAAM,SAAS,EAAC,wCAAwC,YACrD,GAAG,CAAC,KAAK,GACL,EACN,GAAG,CAAC,WAAW,IAAI,CAClB,YAAG,SAAS,EAAC,8CAA8C,YACxD,GAAG,CAAC,WAAW,GACd,CACL,IACG,EACN,KAAC,MAAM,IACL,OAAO,EAAE,GAAG,CAAC,OAAO,EACpB,eAAe,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,GAClD;wBACD,CACJ,GACG;YACL,CACJ,CAAC;AAAA,CACH;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
export interface SectionCardProps {
|
|
3
|
+
actions?: ReactNode;
|
|
4
|
+
children?: ReactNode;
|
|
5
|
+
className?: string;
|
|
6
|
+
contentClassName?: string;
|
|
7
|
+
description?: ReactNode;
|
|
8
|
+
title?: ReactNode;
|
|
9
|
+
}
|
|
10
|
+
export declare function SectionCard({ actions, children, className, contentClassName, description, title }: SectionCardProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
//# sourceMappingURL=section-card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"section-card.d.ts","sourceRoot":"","sources":["../../src/console/section-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,WAAW,EACX,KAAK,EACN,EAAE,gBAAgB,2CAmBlB"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { Card, CardContent } from '../primitives/card.js';
|
|
4
|
+
export function SectionCard({ actions, children, className, contentClassName, description, title, }) {
|
|
5
|
+
return (_jsxs(Card, { className: className, children: [title || actions ? (_jsxs("div", { className: "flex items-start justify-between px-4 pt-4", children: [
|
|
6
|
+
_jsxs("div", { children: [title ? _jsx("h3", { className: "text-lg font-semibold", children: title }) : null, description ? (_jsx("p", { className: "mt-1 text-sm text-neutral-500", children: description })) : null] }), actions ? (_jsx("div", { className: "flex items-center gap-2", children: actions })) : null] })) : null, _jsx(CardContent, { className: contentClassName, children: children })
|
|
7
|
+
] }));
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=section-card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"section-card.js","sourceRoot":"","sources":["../../src/console/section-card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAWvD,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,EACP,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,WAAW,EACX,KAAK,GACY,EAAE;IACnB,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,SAAS,aACvB,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,CAClB,eAAK,SAAS,EAAC,4CAA4C;oBACzD,0BACG,KAAK,CAAC,CAAC,CAAC,aAAI,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,EACjE,WAAW,CAAC,CAAC,CAAC,CACb,YAAG,SAAS,EAAC,+BAA+B,YAAE,WAAW,GAAK,CAC/D,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,OAAO,CAAC,CAAC,CAAC,CACT,cAAK,SAAS,EAAC,yBAAyB,YAAE,OAAO,GAAO,CACzD,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,WAAW,IAAC,SAAS,EAAE,gBAAgB,YAAG,QAAQ,GAAe;YAC7D,CACR,CAAC;AAAA,CACH"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
|
|
2
|
+
import type { StreamOperation } from '../lib/types';
|
|
3
|
+
export type StreamLogProps = ComponentPropsWithoutRef<'div'> & {
|
|
4
|
+
entries: StreamOperation[];
|
|
5
|
+
/** Filter bar rendered above the table */
|
|
6
|
+
filterBar?: ReactNode;
|
|
7
|
+
/** Pagination rendered below the table */
|
|
8
|
+
pagination?: ReactNode;
|
|
9
|
+
/** Optional click handler for selecting a row */
|
|
10
|
+
onEntryClick?: (entry: StreamOperation) => void;
|
|
11
|
+
/** Selected entry id for row highlighting */
|
|
12
|
+
selectedEntryId?: string | null;
|
|
13
|
+
};
|
|
14
|
+
declare const StreamLog: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
15
|
+
entries: StreamOperation[];
|
|
16
|
+
/** Filter bar rendered above the table */
|
|
17
|
+
filterBar?: ReactNode;
|
|
18
|
+
/** Pagination rendered below the table */
|
|
19
|
+
pagination?: ReactNode;
|
|
20
|
+
/** Optional click handler for selecting a row */
|
|
21
|
+
onEntryClick?: ((entry: StreamOperation) => void) | undefined;
|
|
22
|
+
/** Selected entry id for row highlighting */
|
|
23
|
+
selectedEntryId?: string | null | undefined;
|
|
24
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
25
|
+
export { StreamLog };
|
|
26
|
+
//# sourceMappingURL=stream-log.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stream-log.d.ts","sourceRoot":"","sources":["../../src/console/stream-log.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,wBAAwB,EAE7B,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,MAAM,cAAc,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAC7D,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,iDAAiD;IACjD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAChD,6CAA6C;IAC7C,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACjC,CAAC;AAcF,QAAA,MAAM,SAAS;;IAtBb,0CAA0C;;IAE1C,0CAA0C;;IAE1C,iDAAiD;;IAEjD,6CAA6C;;kDA2D9C,CAAC;AA4DF,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
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 typeColorMap = {
|
|
6
|
+
commit: 'text-flow',
|
|
7
|
+
push: 'text-syncing',
|
|
8
|
+
pull: 'text-healthy',
|
|
9
|
+
};
|
|
10
|
+
const outcomeColorMap = {
|
|
11
|
+
applied: 'text-healthy',
|
|
12
|
+
error: 'text-offline',
|
|
13
|
+
cached: 'text-syncing',
|
|
14
|
+
};
|
|
15
|
+
const StreamLog = forwardRef(({ className, entries, filterBar, pagination, onEntryClick, selectedEntryId, ...props }, ref) => (_jsxs("div", { ref: ref, className: cn('h-full flex flex-col', className), ...props, children: [filterBar, _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 bg-white/[0.01]", children: [
|
|
16
|
+
_jsx("span", { className: "w-[50px] truncate", children: "Time" }), _jsx("span", { className: "w-[65px] truncate", children: "Type" }), _jsx("span", { className: "w-[55px] truncate", children: "ID" }), _jsx("span", { className: "w-[65px] truncate", children: "Outcome" }), _jsx("span", { className: "w-[50px] truncate", children: "Dur" }), _jsx("span", { className: "w-[100px] truncate", children: "Actor" }), _jsx("span", { className: "w-[120px] truncate", children: "Client" }), _jsx("span", { className: "flex-1 truncate", children: "Detail" })
|
|
17
|
+
] }), _jsx("div", { className: "flex-1 overflow-y-auto", children: entries.map((entry, i) => (_jsx(StreamLogRow, { entry: entry, isSelected: selectedEntryId === entry.id, onClick: onEntryClick }, `${entry.id}-${i}`))) }), pagination] })));
|
|
18
|
+
StreamLog.displayName = 'StreamLog';
|
|
19
|
+
function StreamLogRow({ entry, isSelected, onClick, }) {
|
|
20
|
+
const typeColor = typeColorMap[entry.type] ?? 'text-neutral-500';
|
|
21
|
+
const outcomeColor = outcomeColorMap[entry.outcome] ?? 'text-neutral-600';
|
|
22
|
+
const rowClassName = cn('font-mono text-[11px] leading-7 px-4 flex items-center gap-4 border-b border-[#141414] hover:bg-white/[0.015] transition-colors', onClick ? 'cursor-pointer' : 'cursor-default', isSelected && 'bg-white/[0.05]');
|
|
23
|
+
const rowContent = (_jsxs(_Fragment, { children: [
|
|
24
|
+
_jsx("span", { className: "w-[50px] text-neutral-600 truncate", children: entry.time }), _jsx("span", { className: cn('w-[65px] font-medium truncate', typeColor), children: entry.type.toUpperCase() }), _jsx("span", { className: "w-[55px] text-flow truncate", children: entry.id }), _jsx("span", { className: cn('w-[65px] truncate', outcomeColor), children: entry.outcome }), _jsx("span", { className: "w-[50px] text-neutral-500 truncate", children: entry.duration }), _jsx("span", { className: "w-[100px] text-neutral-400 truncate", children: entry.actor }), _jsx("span", { className: "w-[120px] text-neutral-600 truncate", title: entry.client, children: entry.client.length > 14
|
|
25
|
+
? `${entry.client.substring(0, 14)}\u2026`
|
|
26
|
+
: entry.client }), _jsx("span", { className: "flex-1 text-neutral-500 truncate", children: entry.detail })
|
|
27
|
+
] }));
|
|
28
|
+
if (!onClick) {
|
|
29
|
+
return _jsx("div", { className: rowClassName, children: rowContent });
|
|
30
|
+
}
|
|
31
|
+
return (_jsx("button", { type: "button", className: cn(rowClassName, 'w-full bg-transparent text-left'), onClick: () => onClick(entry), children: rowContent }));
|
|
32
|
+
}
|
|
33
|
+
export { StreamLog };
|
|
34
|
+
//# sourceMappingURL=stream-log.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stream-log.js","sourceRoot":"","sources":["../../src/console/stream-log.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { type ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import type { SyncClientNode } from '../lib/types';
|
|
3
|
+
export type SyncHorizonProps = ComponentPropsWithoutRef<'div'> & {
|
|
4
|
+
clients: SyncClientNode[];
|
|
5
|
+
headSeq: number;
|
|
6
|
+
maxLag?: number;
|
|
7
|
+
/** Min seq shown on the scale. Defaults to headSeq minus range */
|
|
8
|
+
minSeq?: number;
|
|
9
|
+
};
|
|
10
|
+
declare const SyncHorizon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
11
|
+
clients: SyncClientNode[];
|
|
12
|
+
headSeq: number;
|
|
13
|
+
maxLag?: number | undefined;
|
|
14
|
+
/** Min seq shown on the scale. Defaults to headSeq minus range */
|
|
15
|
+
minSeq?: number | undefined;
|
|
16
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
17
|
+
export { SyncHorizon };
|
|
18
|
+
//# sourceMappingURL=sync-horizon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sync-horizon.d.ts","sourceRoot":"","sources":["../../src/console/sync-horizon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,MAAM,gBAAgB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAC/D,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAQF,QAAA,MAAM,WAAW;;;;IAVf,kEAAkE;;kDAuInE,CAAC;AAGF,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,61 @@
|
|
|
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
|
+
function getCursorColor(status) {
|
|
6
|
+
if (status === 'online')
|
|
7
|
+
return '#22c55e';
|
|
8
|
+
if (status === 'syncing')
|
|
9
|
+
return '#f59e0b';
|
|
10
|
+
return '#ef4444';
|
|
11
|
+
}
|
|
12
|
+
const SyncHorizon = forwardRef(({ className, clients, headSeq, maxLag, minSeq, ...props }, ref) => {
|
|
13
|
+
const cursors = clients.map((c) => c.cursor);
|
|
14
|
+
const computedMinSeq = minSeq ?? Math.min(...cursors, headSeq) - 10;
|
|
15
|
+
const computedMaxLag = maxLag ?? Math.max(...clients.map((c) => headSeq - c.cursor), 0);
|
|
16
|
+
const range = headSeq - computedMinSeq;
|
|
17
|
+
const scaleMarkers = [
|
|
18
|
+
computedMinSeq,
|
|
19
|
+
Math.round(computedMinSeq + range * 0.33),
|
|
20
|
+
Math.round(computedMinSeq + range * 0.66),
|
|
21
|
+
headSeq,
|
|
22
|
+
];
|
|
23
|
+
return (_jsxs("div", { ref: ref, className: cn('bg-panel border border-border rounded-lg hover:border-border-bright transition', className), ...props, children: [
|
|
24
|
+
_jsxs("div", { className: "px-4 py-2.5 border-b border-border flex items-center justify-between", children: [
|
|
25
|
+
_jsx("span", { className: "font-mono text-[10px] text-neutral-500 uppercase tracking-widest", children: "Sync Horizon" }), _jsxs("div", { className: "flex items-center gap-4", children: [
|
|
26
|
+
_jsxs("div", { className: "flex items-center gap-2", children: [
|
|
27
|
+
_jsx("span", { className: "font-mono text-[10px] text-neutral-500", children: "Head" }), _jsxs("span", { className: "font-mono text-xs text-white font-semibold", children: ["#", headSeq.toLocaleString()] })
|
|
28
|
+
] }), _jsx("div", { className: "w-px h-3 bg-border" }), _jsxs("div", { className: "flex items-center gap-2", children: [
|
|
29
|
+
_jsx("span", { className: "font-mono text-[10px] text-neutral-500", children: "Max lag" }), _jsx("span", { className: "font-mono text-xs text-syncing font-semibold", children: computedMaxLag })
|
|
30
|
+
] })
|
|
31
|
+
] })
|
|
32
|
+
] }), _jsxs("div", { className: "p-4", children: [
|
|
33
|
+
_jsxs("div", { className: "relative h-8 mb-3 rounded bg-surface", children: [
|
|
34
|
+
_jsx("div", { className: "absolute inset-0 flex items-center justify-between px-2", children: scaleMarkers.map((m) => (_jsxs("span", { className: "font-mono text-[8px] text-neutral-700", children: ["#", m.toLocaleString()] }, m))) }), _jsx("div", { className: "absolute top-0 bottom-0 w-px bg-flow/40", style: { right: '2%' } }), clients.map((c) => {
|
|
35
|
+
const pct = range > 0 ? ((c.cursor - computedMinSeq) / range) * 96 + 2 : 50;
|
|
36
|
+
const color = getCursorColor(c.status);
|
|
37
|
+
const op = c.status === 'offline' ? 0.4 : 1;
|
|
38
|
+
return (_jsx("div", { className: "absolute", style: {
|
|
39
|
+
left: `${pct}%`,
|
|
40
|
+
top: '50%',
|
|
41
|
+
transform: 'translate(-50%,-50%)',
|
|
42
|
+
opacity: op,
|
|
43
|
+
}, title: `${c.id} \u2192 #${c.cursor}`, children: _jsx("div", { className: "w-2.5 h-2.5 rounded-full", style: {
|
|
44
|
+
background: color,
|
|
45
|
+
boxShadow: `0 0 4px ${color}`,
|
|
46
|
+
} }) }, c.id));
|
|
47
|
+
})] }), _jsxs("div", { className: "flex items-center gap-4", children: [
|
|
48
|
+
_jsxs("div", { className: "flex items-center gap-1.5", children: [
|
|
49
|
+
_jsx("span", { className: "w-2 h-2 rounded-full bg-healthy" }), _jsx("span", { className: "font-mono text-[9px] text-neutral-500", children: "Caught up" })
|
|
50
|
+
] }), _jsxs("div", { className: "flex items-center gap-1.5", children: [
|
|
51
|
+
_jsx("span", { className: "w-2 h-2 rounded-full bg-syncing" }), _jsx("span", { className: "font-mono text-[9px] text-neutral-500", children: "Behind" })
|
|
52
|
+
] }), _jsxs("div", { className: "flex items-center gap-1.5", children: [
|
|
53
|
+
_jsx("span", { className: "w-2 h-2 rounded-full bg-offline opacity-50" }), _jsx("span", { className: "font-mono text-[9px] text-neutral-500", children: "Offline" })
|
|
54
|
+
] })
|
|
55
|
+
] })
|
|
56
|
+
] })
|
|
57
|
+
] }));
|
|
58
|
+
});
|
|
59
|
+
SyncHorizon.displayName = 'SyncHorizon';
|
|
60
|
+
export { SyncHorizon };
|
|
61
|
+
//# sourceMappingURL=sync-horizon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sync-horizon.js","sourceRoot":"","sources":["../../src/console/sync-horizon.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export interface SyncLagStats {
|
|
2
|
+
maxCommitSeq: number;
|
|
3
|
+
}
|
|
4
|
+
export interface SyncLagClient {
|
|
5
|
+
clientId: string;
|
|
6
|
+
cursor: number;
|
|
7
|
+
lagCommitCount?: number | null;
|
|
8
|
+
}
|
|
9
|
+
export interface SyncLagBarProps {
|
|
10
|
+
className?: string;
|
|
11
|
+
clients: SyncLagClient[];
|
|
12
|
+
stats: SyncLagStats;
|
|
13
|
+
}
|
|
14
|
+
interface ClientLagInfo {
|
|
15
|
+
lag: number;
|
|
16
|
+
status: 'ok' | 'behind' | 'far-behind' | 'bootstrapping';
|
|
17
|
+
colorClass: string;
|
|
18
|
+
bgClass: string;
|
|
19
|
+
}
|
|
20
|
+
export declare function getClientLagInfo(cursor: number, headSeq: number, lagOverride?: number | null): ClientLagInfo;
|
|
21
|
+
export declare function SyncLagBar({ className, clients, stats }: SyncLagBarProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export {};
|
|
23
|
+
//# sourceMappingURL=sync-lag-bar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sync-lag-bar.d.ts","sourceRoot":"","sources":["../../src/console/sync-lag-bar.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,YAAY;IAC3B,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,UAAU,aAAa;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,IAAI,GAAG,QAAQ,GAAG,YAAY,GAAG,eAAe,CAAC;IACzD,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,EACf,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,GAC1B,aAAa,CAoCf;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,eAAe,2CA0JxE"}
|