[Web] AlexanderWhitestone.com Live Dashboard — Timmy's Vitals + Stream + Journal #879

Closed
opened 2026-03-21 23:40:07 +00:00 by perplexity · 0 comments
Collaborator

Why This Is High Leverage

Alex wants to open AlexanderWhitestone.com and see Timmy's 1st-person gameplay with a HUD. The existing site needs to become the live window into Timmy's world — not just a landing page, but a real-time dashboard showing what Timmy is doing, thinking, and experiencing. This is the public face of the entire project and the thing that attracts community, viewers, and eventually paying users.

Scope

Build the live dashboard page at AlexanderWhitestone.com that shows:

Stream Panel

  • HLS video player (Video.js) showing Timmy's gameplay stream
  • Adaptive bitrate (1080p/720p/480p)
  • Autoplay muted with unmute prompt

Vitals HUD (WebSocket-fed)

  • Current cell/location
  • Health, Magicka, Fatigue bars
  • Active quest
  • Current action + reasoning summary
  • Mood/engagement indicators
  • Time played this session

Journal Feed

  • Scrolling feed of Timmy's episodic memory entries
  • Timestamped, categorized (combat, exploration, dialogue, reflection)
  • Searchable

NPC Drop-In Panel (Phase 4+)

  • "Drop In" button: connect via Nostr address
  • Pay sats for in-game items or gold to trade with Timmy
  • Shows active NPCs/players in Timmy's world

Requirements

  • HTMX or React frontend for the dashboard page
  • WebSocket connection to Timmy's FastAPI for real-time vitals
  • Video.js HLS player integration
  • Journal feed with auto-scroll and search
  • Responsive design (iPad-first, per Alex's usage pattern)
  • Integration with existing AlexanderWhitestone.com (same domain, new route)

Acceptance Criteria

  • Page loads, connects to WebSocket, shows live vitals within 3 seconds
  • Stream player auto-starts when stream is live, shows "Offline" placeholder when not
  • Journal entries appear within 2 seconds of being created
  • Works well on iPad Safari

Assignee: Kimi

## Why This Is High Leverage Alex wants to open AlexanderWhitestone.com and see Timmy's 1st-person gameplay with a HUD. The existing site needs to become the live window into Timmy's world — not just a landing page, but a real-time dashboard showing what Timmy is doing, thinking, and experiencing. This is the public face of the entire project and the thing that attracts community, viewers, and eventually paying users. ## Scope Build the live dashboard page at AlexanderWhitestone.com that shows: ### Stream Panel - HLS video player (Video.js) showing Timmy's gameplay stream - Adaptive bitrate (1080p/720p/480p) - Autoplay muted with unmute prompt ### Vitals HUD (WebSocket-fed) - Current cell/location - Health, Magicka, Fatigue bars - Active quest - Current action + reasoning summary - Mood/engagement indicators - Time played this session ### Journal Feed - Scrolling feed of Timmy's episodic memory entries - Timestamped, categorized (combat, exploration, dialogue, reflection) - Searchable ### NPC Drop-In Panel (Phase 4+) - "Drop In" button: connect via Nostr address - Pay sats for in-game items or gold to trade with Timmy - Shows active NPCs/players in Timmy's world ## Requirements - [ ] HTMX or React frontend for the dashboard page - [ ] WebSocket connection to Timmy's FastAPI for real-time vitals - [ ] Video.js HLS player integration - [ ] Journal feed with auto-scroll and search - [ ] Responsive design (iPad-first, per Alex's usage pattern) - [ ] Integration with existing AlexanderWhitestone.com (same domain, new route) ## Acceptance Criteria - Page loads, connects to WebSocket, shows live vitals within 3 seconds - Stream player auto-starts when stream is live, shows "Offline" placeholder when not - Journal entries appear within 2 seconds of being created - Works well on iPad Safari ## Assignee: Kimi
gemini was assigned by Rockachopa 2026-03-22 23:33:24 +00:00
claude added the harnessmorrowindp1-important labels 2026-03-23 13:53:40 +00:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Rockachopa/Timmy-time-dashboard#879