backlot/ui/board.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Backlot</title>
<link rel="stylesheet" href="/ui/board.css">
</head>
<body>
<div class="wrap" id="app"></div>
<div class="modal-bg" id="modal"></div>
<audio id="player"></audio>
<script type="module" src="/ui/board.js"></script>
</body>
</html>
backlot phase 2: board UI (library, live board, filmstrip, script modal, drawers) - vanilla ESM frontend on the mockup design system (no build step): library contact-sheet with mini rails + live badges; project board with slate header, cost meter, clickable stage rail, stage drawers (artifact view, review findings, gate-skipped chip, versions), screenplay card + full-script modal, decisions + activity rails, storyboard filmstrip (duration-width cards, shimmer/spec/missing/text-card states, takes, narration + waveform playback), render player with versions, degraded found-media view - /thumb endpoint: cached downscaled JPEGs (Pillow) + ffmpeg poster-frame extraction for videos — the library was loading 73 full-res PNGs - library summaries cached, invalidated by the watcher - asset path resolution tolerates project-relative, repo-relative and absolute manifest paths (real-world variance found in why-do-we-dream) - ?static=1 disables SSE (screenshots/static export) - verified in browser against signal-from-tomorrow, why-do-we-dream, done-beats-perfect and the 73-project library 2026-07-01 23:47:45 -07:00			`<!DOCTYPE html>`
			`<html lang="en">`
			`<head>`
			`<meta charset="UTF-8">`
			`<meta name="viewport" content="width=device-width, initial-scale=1">`
			`<title>Backlot</title>`
			`<link rel="stylesheet" href="/ui/board.css">`
			`</head>`
			`<body>`
			`<div class="wrap" id="app"></div>`
			`<div class="modal-bg" id="modal"></div>`
			`<audio id="player"></audio>`
			`<script type="module" src="/ui/board.js"></script>`
			`</body>`
			`</html>`