01 // MEDIA ASSET CATALOG (RAW ORIGIN MANIFESTS)
40_PRISTINE_ASSETS_LOADED
02 // SUBSYSTEM ARCHITECTURE & TELEMETRY BLUEPRINT ● SYSTEM ACTIVE

The Catalog subsystem pairs real-time asset delivery with client-side performance observability. By combining browser-native network probes, low-latency background sampling, and live stream telemetry overlays, this page evaluates edge responsiveness across all 40 catalog assets simultaneously.

01 / OBSERVABILITY BROWSER API

Resource Timing Engine

Uses standard browser PerformanceObserver APIs to capture exact Time-To-First-Byte (TTFB) and HTTP transfer durations as each thumbnail image loads.

02 / PROBING ACTIVE PROBE

Origin Latency Sampling

Opening the slide-out telemetry drawer triggers zero-payload HTTP HEAD probes every 1.5s, updating a color-coded sparkline graph mapped by latency.

03 / STREAM BUS NATS / WS

NATS Event Streaming

Subscribes to live NATS telemetry channels via WebSocket transport to deliver edge cache hit percentages, dynamic bitrate updates, and ingest throughput metrics.

04 / UX INTERACTION HUD DRAWER

Deep Asset Inspection

Selecting any catalog item slides out a high-density telemetry panel showing active stream protocol (HLS / NATS), video resolution, and synchronized preview playback.

LIVE STREAM MONITOR

Stream Metrics

11ms TTFB
Cache Hit Ratio
99.4%
Bandwidth
14.2 Mbps
Active Protocol
HLS / NATS
Resolution
1080p @ 60fps
Live NATS Stream Ingestion Rate