Overview
Introduction
DreamLake Frontend (dreamlake-ai) is the web dashboard for browsing, visualizing, and analyzing experiment data recorded through the DreamLake ecosystem.
Features
- Space browser — navigate namespaces, spaces, and episodes
- Video playback — HLS streaming with synchronized timeline
- Track visualization — overlay label tracks, text tracks, and time-series data on video
- Semantic search — find similar frames, audio segments, or text across episodes
- File tree — browse the node hierarchy with folder navigation
Quick Start
cd dreamlake-ai && pnpm dev --port 5173
# → http://localhost:5173Tech Stack
| Component | Technology |
|---|---|
| Framework | React |
| Styling | Tailwind CSS |
| Video | HLS.js (via BSS streaming) |
| State | React Context |
| API | DreamLake Server + BSS |
Integration
The frontend connects to two backend services:
DreamLake Frontend
│
├── Metadata, search, browse ──→ DreamLake Server (:10334)
│
└── Video streaming, downloads ──→ BSS (:10234)All data flows through the server APIs — the frontend makes no direct S3 calls.