feat(ui): add InfiniteScrollArea component

Scrollable container with top/bottom IntersectionObserver sentinels. Fires onTopVisibilityChange when the top is fully in view and onEndReached when the bottom is within 100px. Used by infinite log and event streams.
2026-04-17 12:41:17 +02:00
parent a7f53c8993
commit c2ce508565
2 changed files with 96 additions and 0 deletions
--- a/ui/src/components/InfiniteScrollArea.module.css
+++ b/ui/src/components/InfiniteScrollArea.module.css
@@ -0,0 +1,22 @@
+.scrollArea {
+  overflow-y: auto;
+  position: relative;
+}
+
+.sentinel {
+  height: 1px;
+  width: 100%;
+  pointer-events: none;
+}
+
+.loadingMore,
+.endOfStream {
+  padding: 8px 12px;
+  font-size: 11px;
+  color: var(--text-muted);
+  text-align: center;
+}
+
+.endOfStream {
+  opacity: 0.5;
+}