BlackRoad Network v2: full broadcast system + modular codebase

v1 (index.html inline):
- 43 channels, 13 vibes, 43-block schedule
- Single-player rotation with fallback chains
- Manual override with 10min auto-resume
- Broadcast guide with NOW/NEXT/LATER
- Source validation, session health, standby mode
- Fleet monitors, ticker, autoplay-safe

v2 (modular /v2/):
- 21-file ES module architecture
- Router, state, storage persistence
- Attention engine: starts/skips/completions scoring
- Personal channel (/live/me): time-of-day + category affinity
- Video-level override panel
- Debug panel with resolver explanation
- Fallback chain resolution with load timeout

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

RoadChain-SHA2048: b9ea2ef8ca4c6c0a
RoadChain-Identity: alexa@sovereign
RoadChain-Full: b9ea2ef8ca4c6c0a56dc7108af3ac18741314429c3036c3f340d0fb1d338e1a2cb0daf1c1191e15131e32d2966e95b5b70c146bb596cb27779d01ef50c1986b3f5e8e2c15ef0419cb3e838af2b3872cf50abd8d73fbc8c54bb9d4142835934f9def928b991c7d891e1f3de9b6815684fdf1caaa3acb8ad7cbfa0e95f9d112bda00f5413da151306875b229c5d1314529b60ee603b62e1252fdfc2aaa56d095a36cc7eba12fef961ce35bb872c8c97d13a051e77adf774c70e655e2ce349282021215a9c7439777d4013de9483b128c199b4e8c09c53c18adc4221600845d13acf357516ab98ed85e4df13c43025c987b7e68d536049886a39abded4fef79dd63

channels.js

@@ -0,0 +1,243 @@
+// channels.js — BlackRoad Network Source Registry
+// 36 channels across 10 vibes. Never raw channel URLs. Curated playlists or uploads only.
+// Upload playlists (UU prefix) are used as defaults — swap for curated playlists when available.
+
+export const CHANNELS = [
+  // ── CORE: MATH ──
+  { id: '3blue1brown', name: '3Blue1Brown', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=PLZHQObOWTQDPD3MizzM2xVFitgF8hE_ab&autoplay=1&mute=1&playsinline=1',
+    category: 'Math', description: 'Visual mathematics and intuition-first explanations.',
+    durationMinutes: 20, priority: 10, enabled: true, health: 'unknown' },
+  { id: 'numberphile', name: 'Numberphile', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=PLt5AfwLFPxWJ8GCgpFo5_OSyfl7j0nOiu&autoplay=1&mute=1&playsinline=1',
+    category: 'Math', description: 'Math stories, ideas, oddities, and number intuition.',
+    durationMinutes: 20, priority: 8, enabled: true, health: 'unknown' },
+
+  // ── CORE: SYSTEMS ──
+  { id: 'computerphile', name: 'Computerphile', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=PLzH6n4zXuckquVnQ0KlMDxyT5YE-sA8Ps&autoplay=1&mute=1&playsinline=1',
+    category: 'Systems', description: 'Computer science, security, and programming concepts.',
+    durationMinutes: 20, priority: 10, enabled: true, health: 'unknown' },
+
+  // ── CORE: SCIENCE ──
+  { id: 'veritasium', name: 'Veritasium', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=PLkahZjV5wKe_dajngssVLffaCh2gbq55g&autoplay=1&mute=1&playsinline=1',
+    category: 'Science', description: 'Deep science, experiments, and surprising explanations.',
+    durationMinutes: 20, priority: 10, enabled: true, health: 'unknown' },
+  { id: 'sixtysymbols', name: 'Sixty Symbols', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=UUvBqzzvUBLCs8Y7Axb-jZew&autoplay=1&mute=1&playsinline=1',
+    category: 'Physics', description: 'Physics, astronomy, and scientific ideas.',
+    durationMinutes: 20, priority: 8, enabled: true, health: 'unknown' },
+
+  // ── CORE: VISUAL EXPLAINERS ──
+  { id: 'kurzgesagt', name: 'Kurzgesagt', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=PLFs4vir_WsTwEd-nJgVJCZPNL3HALHHpF&autoplay=1&mute=1&playsinline=1',
+    category: 'Visual Explainers', description: 'Animated explainers for science, humanity, and systems.',
+    durationMinutes: 20, priority: 9, enabled: true, health: 'unknown' },
+  { id: 'infographicsshow', name: 'The Infographics Show', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=UUfdNM3NAhaBOXCafH7krzrA&autoplay=1&mute=1&playsinline=1',
+    category: 'Explainers', description: 'Narrated explainers, scenarios, and current-interest topics.',
+    durationMinutes: 20, priority: 6, enabled: true, health: 'unknown' },
+
+  // ── CORE: EDUCATION ──
+  { id: 'khanacademy', name: 'Khan Academy', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=PLSQl0a2vh4HC5feHa6U5g0yNLNIRYhILj&autoplay=1&mute=1&playsinline=1',
+    category: 'Education', description: 'Core learning blocks across math, science, and more.',
+    durationMinutes: 20, priority: 8, enabled: true, health: 'unknown' },
+  { id: 'mitocw', name: 'MIT OpenCourseWare', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=PLUl4u3cNGP63oMNUHXqIGcBbal4NOL6Y&autoplay=1&mute=1&playsinline=1',
+    category: 'Lecture', description: 'Long-form technical and academic content.',
+    durationMinutes: 30, priority: 7, enabled: true, health: 'unknown' },
+  { id: 'crashcourse', name: 'Crash Course', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=PL8dPuuaLjXtNlUrzyH5r6jN9ulIgZBpdo&autoplay=1&mute=1&playsinline=1',
+    category: 'Education', description: 'Fast-paced educational explainers across disciplines.',
+    durationMinutes: 20, priority: 7, enabled: true, health: 'unknown' },
+
+  // ── CORE: CONTEXT / JOURNALISM ──
+  { id: 'vox', name: 'Vox', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=PLJ8cMiYb3G5dOTLINen1K7E4wSMfWjbI7&autoplay=1&mute=1&playsinline=1',
+    category: 'Context', description: 'Context-heavy journalism and visual reporting.',
+    durationMinutes: 15, priority: 6, enabled: true, health: 'unknown' },
+  { id: 'vice', name: 'Vice', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=UUn8zNIfYAQNdrFRrr8oibKw&autoplay=1&mute=1&playsinline=1',
+    category: 'Documentary', description: 'Documentary-style stories and field reporting.',
+    durationMinutes: 15, priority: 5, enabled: true, health: 'unknown' },
+  { id: 'insider', name: 'Insider', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=UUHJuQZuzapBh-CuhRYxIZrg&autoplay=1&mute=1&playsinline=1',
+    category: 'Features', description: 'Feature journalism, industry explainers, and visual stories.',
+    durationMinutes: 15, priority: 5, enabled: true, health: 'unknown' },
+
+  // ── HIGH-INTEL ──
+  { id: 'pbsspacetime', name: 'PBS Space Time', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=UUYNbYGl89UUowy8oXkipC-Q&autoplay=1&mute=1&playsinline=1',
+    category: 'Deep Space', description: 'Astrophysics, cosmology, and spacetime at the edge of knowledge.',
+    durationMinutes: 20, priority: 9, enabled: true, health: 'unknown' },
+  { id: 'sabinehossenfelder', name: 'Sabine Hossenfelder', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=UU1yNl2E66ArXEBTf8JXSvCg&autoplay=1&mute=1&playsinline=1',
+    category: 'Physics Frontier', description: 'Theoretical physics, science critique, and honest takes.',
+    durationMinutes: 20, priority: 9, enabled: true, health: 'unknown' },
+  { id: 'closertotruth', name: 'Closer To Truth', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=UUl_dlV_7ofr4bSwJnk9gs-g&autoplay=1&mute=1&playsinline=1',
+    category: 'Ultimate Questions', description: 'Consciousness, reality, existence. The deep end.',
+    durationMinutes: 20, priority: 7, enabled: true, health: 'unknown' },
+
+  // ── HACKER / BUILDER ──
+  { id: 'lowlevellearning', name: 'Low Level Learning', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=UUc4Rz_T9Sb1w5SVhv2HGMkA&autoplay=1&mute=1&playsinline=1',
+    category: 'Hacker', description: 'Low-level systems, C, Rust, and why things actually work.',
+    durationMinutes: 20, priority: 9, enabled: true, health: 'unknown' },
+  { id: 'liveoverflow', name: 'LiveOverflow', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=UUlcE-kVhqyiHCcjYwcpfj9w&autoplay=1&mute=1&playsinline=1',
+    category: 'Security', description: 'Security research, CTFs, and hacking explained.',
+    durationMinutes: 20, priority: 9, enabled: true, health: 'unknown' },
+  { id: 'beneater', name: 'Ben Eater', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=UUS0N5baNlQWJCUrhCEo8WlA&autoplay=1&mute=1&playsinline=1',
+    category: 'Hardware', description: 'Building computers from scratch. Breadboards and truth tables.',
+    durationMinutes: 20, priority: 9, enabled: true, health: 'unknown' },
+  { id: 'thecodingtrain', name: 'The Coding Train', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=UUvjgXvBlISQQnl7eYng8Chg&autoplay=1&mute=1&playsinline=1',
+    category: 'Creative Code', description: 'Creative coding, visual algorithms, and joyful hacking.',
+    durationMinutes: 20, priority: 7, enabled: true, health: 'unknown' },
+
+  // ── WEIRD / EXPERIMENTAL ──
+  { id: 'michaelreeves', name: 'Michael Reeves', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=UUtHaxi4GTYDpJgMSGy7AeSw&autoplay=1&mute=1&playsinline=1',
+    category: 'Chaos', description: 'Unhinged engineering. Robots that should not exist.',
+    durationMinutes: 20, priority: 6, enabled: true, health: 'unknown' },
+  { id: 'stuffmadehere', name: 'Stuff Made Here', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=UUj1VqrHhDte54oLgPG4xpuQ&autoplay=1&mute=1&playsinline=1',
+    category: 'Invention', description: 'Over-engineered solutions to problems nobody asked about.',
+    durationMinutes: 20, priority: 7, enabled: true, health: 'unknown' },
+  { id: 'markrober', name: 'Mark Rober', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=UUY1kMZp36IQSyNx_9h4mpCg&autoplay=1&mute=1&playsinline=1',
+    category: 'Engineering Play', description: 'Engineering + spectacle. Glitter bombs and squirrel courses.',
+    durationMinutes: 20, priority: 7, enabled: true, health: 'unknown' },
+
+  // ── PHILOSOPHY / EXISTENTIAL ──
+  { id: 'exurb1a', name: 'Exurb1a', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=UUimiUgDLbi6P17BdaCZpVbg&autoplay=1&mute=1&playsinline=1',
+    category: 'Philosophy', description: 'Existential dread disguised as comedy. The meaning layer.',
+    durationMinutes: 20, priority: 10, enabled: true, health: 'unknown' },
+  { id: 'pursuitofwonder', name: 'Pursuit of Wonder', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=UUMbQbXKGSJ2LqHHoaGRJ5sA&autoplay=1&mute=1&playsinline=1',
+    category: 'Reflection', description: 'Quiet philosophy. Questions that stay with you.',
+    durationMinutes: 20, priority: 8, enabled: true, health: 'unknown' },
+  { id: 'academyofideas', name: 'Academy of Ideas', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=UUiRiQGCHGjDLT9FQXFW0I3A&autoplay=1&mute=1&playsinline=1',
+    category: 'Big Ideas', description: 'Nietzsche, Jung, freedom, tyranny. Intellectual history.',
+    durationMinutes: 20, priority: 8, enabled: true, health: 'unknown' },
+
+  // ── HOW THE WORLD WORKS ──
+  { id: 'realengineering', name: 'Real Engineering', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=UUR1IuLEqb6UEA0zQ1PeYXXg&autoplay=1&mute=1&playsinline=1',
+    category: 'Engineering', description: 'How real systems are designed and why they work.',
+    durationMinutes: 20, priority: 8, enabled: true, health: 'unknown' },
+  { id: 'practicalengineering', name: 'Practical Engineering', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=UUMOqf8ab-42UUQIdVoKwjlQ&autoplay=1&mute=1&playsinline=1',
+    category: 'Real World', description: 'Civil engineering and infrastructure explained.',
+    durationMinutes: 20, priority: 7, enabled: true, health: 'unknown' },
+  { id: 'wendover', name: 'Wendover Productions', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=UU9RM-iSvTu1uPJb8X5yp3EQ&autoplay=1&mute=1&playsinline=1',
+    category: 'Systems Logic', description: 'Logistics, economics, and hidden systems that run the world.',
+    durationMinutes: 20, priority: 8, enabled: true, health: 'unknown' },
+
+  // ── AI / FUTURE / TECH EDGE ──
+  { id: 'twominutepapers', name: 'Two Minute Papers', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=UUbfYPyITQ-7l4upoX8nvctg&autoplay=1&mute=1&playsinline=1',
+    category: 'AI Edge', description: 'Latest AI research in two minutes. What a time to be alive.',
+    durationMinutes: 20, priority: 9, enabled: true, health: 'unknown' },
+  { id: 'yannickilcher', name: 'Yannic Kilcher', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=UUZHmQk67mSJgfCCTn7xBfew&autoplay=1&mute=1&playsinline=1',
+    category: 'AI Edge', description: 'Deep ML paper reviews and AI industry analysis.',
+    durationMinutes: 20, priority: 7, enabled: true, health: 'unknown' },
+  { id: 'coldfusion', name: 'ColdFusion', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=UU4QZ_LsYcvcq7qOsOhpAI4A&autoplay=1&mute=1&playsinline=1',
+    category: 'Future Tech', description: 'Tech history, future trends, and industry stories.',
+    durationMinutes: 20, priority: 7, enabled: true, health: 'unknown' },
+
+  // ── CINEMATIC / PREMIUM STORY ──
+  { id: 'johnnyharris', name: 'Johnny Harris', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=UUmGSJVG3mCRXVOP4yZrU1Dw&autoplay=1&mute=1&playsinline=1',
+    category: 'World Report', description: 'Cinematic journalism. Maps, borders, and hidden stories.',
+    durationMinutes: 20, priority: 8, enabled: true, health: 'unknown' },
+  { id: 'lemmino', name: 'Lemmino', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=UURcgy6GzDeccI7dkbbBna3Q&autoplay=1&mute=1&playsinline=1',
+    category: 'Cinematic', description: 'Premium mini-documentaries. Unsolved mysteries and deep dives.',
+    durationMinutes: 20, priority: 9, enabled: true, health: 'unknown' },
+  { id: 'neo', name: 'Neo', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=UUd57xvMlrfbIoSPp-rT8Ibg&autoplay=1&mute=1&playsinline=1',
+    category: 'Deep Story', description: 'Short-form documentary storytelling.',
+    durationMinutes: 20, priority: 7, enabled: true, health: 'unknown' },
+
+  // ── DOCUMENTARY CORE ──
+  { id: 'dwdocumentary', name: 'DW Documentary', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=UUW39zufHfsuGgpLviKh297Q&autoplay=1&mute=1&playsinline=1',
+    category: 'Documentary', description: 'German public broadcasting. Industry, economy, global systems.',
+    durationMinutes: 20, priority: 8, enabled: true, health: 'unknown' },
+  { id: 'freedocumentary', name: 'Free Documentary', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=UUijmHCrS0A-cNLdkpnVfn0w&autoplay=1&mute=1&playsinline=1',
+    category: 'Documentary', description: 'Full-length documentaries. Nature, science, society.',
+    durationMinutes: 20, priority: 6, enabled: true, health: 'unknown' },
+  { id: 'timeline', name: 'Timeline', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=UU88lvyJe7aHZmcvzvubDFRg&autoplay=1&mute=1&playsinline=1',
+    category: 'History', description: 'World history documentaries. Ancient to modern.',
+    durationMinutes: 20, priority: 7, enabled: true, health: 'unknown' },
+  { id: 'pbsfrontline', name: 'PBS Frontline', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=UUrJuxWJgFNh_bJEqMPm_D8w&autoplay=1&mute=1&playsinline=1',
+    category: 'Investigative', description: 'Investigative journalism. Deep, serious, unflinching.',
+    durationMinutes: 20, priority: 8, enabled: true, health: 'unknown' },
+
+  // ── ARCHIVE / VINTAGE ──
+  { id: 'periscopefilm', name: 'PeriscopeFilm', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=UUrJuxWJgFNh_bJEqMPm_D8w&autoplay=1&mute=1&playsinline=1',
+    category: 'Archive', description: 'Rescued films from 1920s-1980s. Training films, industrial, aviation, Bell Labs.',
+    durationMinutes: 20, priority: 8, enabled: true, health: 'unknown' },
+
+  // ── SPECIAL AUDIENCE / HUMAN STORIES ──
+  { id: 'truly', name: 'Truly', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=UUb-fMTiGfOQ4NF1EaGjbiiQ&autoplay=1&mute=1&playsinline=1',
+    category: 'Human Stories', description: 'Unusual lives, real people, empathetic curiosity.',
+    durationMinutes: 20, priority: 6, enabled: true, health: 'unknown' },
+  { id: 'softwhiteunderbelly', name: 'Soft White Underbelly', type: 'youtube_playlist',
+    embedUrl: 'https://www.youtube.com/embed/videoseries?list=UU4E98HDsPXrf5kTKIgrSmtQ&autoplay=1&mute=1&playsinline=1',
+    category: 'Human Stories', description: 'Raw interviews. Addiction, poverty, survival. The real world.',
+    durationMinutes: 20, priority: 7, enabled: true, health: 'unknown' },
+
+  // ── INTERNAL ──
+  { id: 'blackroadosinc', name: 'BlackRoad OS', type: 'internal',
+    embedUrl: '', category: 'Internal Broadcast',
+    description: 'BlackRoad-native content, agent activity, and system updates.',
+    durationMinutes: 20, priority: 100, enabled: true, health: 'healthy' },
+];
+
+// ── Helpers ──
+
+export function getEnabledChannels() {
+  return CHANNELS.filter(function(c) { return c.enabled; });
+}
+
+export function getChannelById(id) {
+  return CHANNELS.find(function(c) { return c.id === id; }) || null;
+}
+
+export function getChannelsByCategory(category) {
+  return CHANNELS.filter(function(c) { return c.enabled && c.category === category; });
+}
+
+export function getHealthyChannels() {
+  return CHANNELS.filter(function(c) { return c.enabled && c.health !== 'down'; });
+}
+
+export function markChannelHealth(id, status) {
+  var ch = CHANNELS.find(function(c) { return c.id === id; });
+  if (ch) ch.health = status;
+}
+
+export function getNextHealthyFallback(fallbackIds) {
+  if (!fallbackIds || !fallbackIds.length) return null;
+  for (var i = 0; i < fallbackIds.length; i++) {
+    var ch = getChannelById(fallbackIds[i]);
+    if (ch && ch.enabled && ch.health !== 'down') return ch;
+  }
+  return null;
+}

live.js

@@ -0,0 +1,570 @@
+// live.js — BlackRoad Network Broadcast Engine
+// Validate, resolve, switch, fail over, manual override, auto-resume.
+// One player. One source. No fireplace. No junk.
+
+import {
+  CHANNELS,
+  getChannelById,
+  getHealthyChannels,
+} from "./channels.js";
+
+import {
+  SCHEDULE,
+  getCurrentBlock,
+  getNextBlock,
+  getBlockAfterNext,
+  formatTimeHHMM,
+} from "./schedule.js";
+
+// ── DOM refs ──
+const player = document.getElementById("live-player");
+const overlay = document.getElementById("autoplay-overlay");
+const nativeScreen = document.getElementById("native-screen");
+const channelNameEl = document.getElementById("channel-name");
+const channelDot = document.getElementById("channel-dot");
+const programTitleEl = document.getElementById("program-title");
+const programCategoryEl = document.getElementById("program-category");
+const sourceModeEl = document.getElementById("source-mode");
+const sourceReasonEl = document.getElementById("source-reason");
+const manualCountdownEl = document.getElementById("manual-countdown");
+const schedNowTitle = document.getElementById("sched-now-title");
+const schedNowSource = document.getElementById("sched-now-source");
+const schedNowTime = document.getElementById("sched-now-time");
+const schedNextTitle = document.getElementById("sched-next-title");
+const schedNextSource = document.getElementById("sched-next-source");
+const schedNextTime = document.getElementById("sched-next-time");
+const schedLaterTitle = document.getElementById("sched-later-title");
+const schedLaterSource = document.getElementById("sched-later-source");
+const schedLaterTime = document.getElementById("sched-later-time");
+const clockEl = document.getElementById("clock");
+const channelGrid = document.getElementById("channel-grid");
+
+// ── Constants ──
+const LOAD_TIMEOUT_MS = 7000;
+const MANUAL_OVERRIDE_MS = 10 * 60 * 1000;
+const SKIP_RESUME_MS = 60 * 1000;
+const TICK_INTERVAL_MS = 10000;
+const DEBUG = true;
+
+const STORAGE_KEYS = {
+  mode: "blackroad.live.mode",
+  manualChannelId: "blackroad.live.manualChannelId",
+  manualStartedAt: "blackroad.live.manualStartedAt",
+  lastSourceId: "blackroad.live.lastSourceId",
+  autoplay: "br-live-autoplay",
+};
+
+// ── State ──
+const state = {
+  currentSourceId: null,
+  currentBlockTitle: null,
+  loadTimeoutId: null,
+  loadSettled: false,
+};
+
+const SESSION_HEALTH = {};
+
+// ── Debug ──
+function logDebug(event, payload) {
+  if (!DEBUG) return;
+  console.log("[BlackRoad Live] " + event, payload || "");
+}
+
+// ── localStorage helpers ──
+function setStored(key, value) {
+  localStorage.setItem(key, JSON.stringify(value));
+}
+
+function getStored(key, fallback) {
+  try {
+    var raw = localStorage.getItem(key);
+    return raw !== null ? JSON.parse(raw) : (fallback !== undefined ? fallback : null);
+  } catch (e) {
+    return fallback !== undefined ? fallback : null;
+  }
+}
+
+// ── Mode management ──
+function setMode(mode) {
+  setStored(STORAGE_KEYS.mode, mode);
+  if (sourceModeEl) sourceModeEl.textContent = mode;
+}
+
+function getMode() {
+  return getStored(STORAGE_KEYS.mode, "AUTO");
+}
+
+function enterManualMode(channelId) {
+  setStored(STORAGE_KEYS.manualChannelId, channelId);
+  setStored(STORAGE_KEYS.manualStartedAt, Date.now());
+  setMode("MANUAL");
+  logDebug("ENTER_MANUAL_MODE", { channelId: channelId });
+}
+
+function clearManualMode() {
+  localStorage.removeItem(STORAGE_KEYS.manualChannelId);
+  localStorage.removeItem(STORAGE_KEYS.manualStartedAt);
+  setMode("AUTO");
+  logDebug("CLEAR_MANUAL_MODE");
+}
+
+function isManualModeActive() {
+  var startedAt = getStored(STORAGE_KEYS.manualStartedAt, 0);
+  var channelId = getStored(STORAGE_KEYS.manualChannelId, null);
+  if (!startedAt || !channelId) return false;
+  return Date.now() - startedAt < MANUAL_OVERRIDE_MS;
+}
+
+function getManualTimeRemaining() {
+  var startedAt = getStored(STORAGE_KEYS.manualStartedAt, 0);
+  if (!startedAt) return 0;
+  return Math.max(0, MANUAL_OVERRIDE_MS - (Date.now() - startedAt));
+}
+
+function formatRemaining(ms) {
+  var totalSec = Math.ceil(ms / 1000);
+  var min = Math.floor(totalSec / 60);
+  var sec = totalSec % 60;
+  return String(min).padStart(2, "0") + ":" + String(sec).padStart(2, "0");
+}
+
+function updateManualCountdown() {
+  if (!manualCountdownEl) return;
+  if (!isManualModeActive()) {
+    manualCountdownEl.textContent = "";
+    return;
+  }
+  manualCountdownEl.textContent = "MANUAL " + formatRemaining(getManualTimeRemaining());
+}
+
+// ── Session Health ──
+function getSessionHealth(channelId) {
+  if (!SESSION_HEALTH[channelId]) {
+    SESSION_HEALTH[channelId] = { failures: 0, degraded: false, reasons: [] };
+  }
+  return SESSION_HEALTH[channelId];
+}
+
+function markSourceFailure(channelId, reason) {
+  var h = getSessionHealth(channelId);
+  h.failures += 1;
+  h.reasons.push(reason);
+  if (h.failures >= 2) h.degraded = true;
+  logDebug("SOURCE_FAILURE", { channelId: channelId, reason: reason, failures: h.failures, degraded: h.degraded });
+}
+
+// ── Source Validation ──
+function validateSource(channel) {
+  if (!channel) return { valid: false, reason: "channel_not_found" };
+  if (!channel.enabled) return { valid: false, reason: "channel_disabled" };
+  if (channel.type !== "internal" && !channel.embedUrl) return { valid: false, reason: "missing_embed_url" };
+  if (channel.health === "down") return { valid: false, reason: "channel_marked_down" };
+  var sh = getSessionHealth(channel.id);
+  if (sh.degraded) return { valid: false, reason: "session_degraded" };
+  return { valid: true, reason: "ok" };
+}
+
+// ── Fallback Resolution ──
+function resolvePlayableSourceIds(ids) {
+  for (var i = 0; i < ids.length; i++) {
+    var ch = getChannelById(ids[i]);
+    var v = validateSource(ch);
+    logDebug("VALIDATE_SOURCE", { sourceId: ids[i], valid: v.valid, reason: v.reason });
+    if (v.valid) {
+      return {
+        channel: ch,
+        reason: i === 0 ? "primary_ok" : "fallback_after_" + ids[0],
+        usedFallback: i > 0,
+      };
+    }
+  }
+  // Last resort
+  var healthy = getHealthyChannels();
+  for (var j = 0; j < healthy.length; j++) {
+    var v2 = validateSource(healthy[j]);
+    if (v2.valid) return { channel: healthy[j], reason: "last_resort_healthy", usedFallback: true };
+  }
+  return { channel: null, reason: "no_playable_source_found", usedFallback: true };
+}
+
+function resolvePlayableSource(block) {
+  if (!block) return { channel: null, reason: "no_block", usedFallback: true };
+  return resolvePlayableSourceIds([block.sourceId].concat(block.fallbackSourceIds || []));
+}
+
+// ── Category colors (shapes only) ──
+const CATEGORY_COLORS = {
+  Math: "#2979FF", Systems: "#9C27B0", Science: "#FF1D6C",
+  "Visual Explainers": "#F5A623", Education: "#F5A623", Lecture: "#2979FF",
+  Context: "#F5A623", Explainers: "#F5A623", Documentary: "#FF1D6C",
+  Features: "#FF1D6C", Physics: "#2979FF", Internal: "#00E676",
+  "Internal Broadcast": "#00E676",
+};
+
+function getCategoryColor(cat) {
+  return CATEGORY_COLORS[cat] || "#888";
+}
+
+// ── UI Update ──
+function updateMeta(channel, block, meta) {
+  meta = meta || {};
+  if (channelNameEl) channelNameEl.textContent = channel ? channel.name : "Standby";
+  if (channelDot) channelDot.style.background = getCategoryColor(channel ? channel.category : "Internal");
+  if (programTitleEl) programTitleEl.textContent = block ? block.title : "Standby Broadcast";
+  if (programCategoryEl) programCategoryEl.textContent = channel ? channel.category : "";
+  if (sourceModeEl) sourceModeEl.textContent = meta.mode || getMode();
+  if (sourceReasonEl) sourceReasonEl.textContent = meta.reason || "";
+  document.querySelectorAll(".ch-btn").forEach(function (btn) {
+    btn.classList.toggle("active", channel && btn.dataset.id === channel.id);
+  });
+}
+
+// ── Standby Mode ──
+function enterStandbyMode(reason) {
+  logDebug("ENTER_STANDBY", { reason: reason });
+  setMode("STANDBY");
+  state.currentSourceId = "__standby__";
+  state.currentBlockTitle = "Standby Broadcast";
+  if (player) { player.removeAttribute("src"); player.style.display = "none"; }
+  if (nativeScreen) {
+    nativeScreen.style.display = "flex";
+    var pre = nativeScreen.querySelector("pre");
+    if (pre) {
+      pre.textContent = [
+        "BLACKROAD NETWORK", "\u2501".repeat(28), "",
+        "STANDBY BROADCAST", new Date().toLocaleTimeString("en-US", { hour12: true }), "",
+        "All scheduled sources unavailable.", "Retrying shortly.", "",
+        "Reason: " + (reason || "unknown"), "",
+        "\u2501".repeat(28), "Remember the Road. Pave Tomorrow.",
+      ].join("\n");
+    }
+  }
+  updateMeta(null, null, { mode: "STANDBY", usedFallback: true, reason: reason });
+}
+
+// ── Native Screen ──
+function updateNativeScreen() {
+  if (!nativeScreen) return;
+  var pre = nativeScreen.querySelector("pre");
+  if (pre) {
+    pre.textContent = [
+      "BLACKROAD NETWORK", "\u2501".repeat(28), "",
+      "INTERNAL BROADCAST", new Date().toLocaleTimeString("en-US", { hour12: true }), "",
+      "18 products live", "27 agents online", "44 orgs / 2,890 repos",
+      "$150/mo runs everything", "",
+      "\u2501".repeat(28), "Remember the Road. Pave Tomorrow.",
+    ].join("\n");
+  }
+}
+
+// ── Switch Player Source (with load timeout) ──
+function switchToSource(channel, block, meta) {
+  meta = meta || {};
+  if (!player || !channel) { enterStandbyMode("missing_player_or_channel"); return; }
+  var blockTitle = block ? block.title : channel.name;
+  if (state.currentSourceId === channel.id && state.currentBlockTitle === blockTitle) return;
+
+  if (state.loadTimeoutId) { clearTimeout(state.loadTimeoutId); state.loadTimeoutId = null; }
+  state.loadSettled = false;
+  state.currentSourceId = channel.id;
+  state.currentBlockTitle = blockTitle;
+  setStored(STORAGE_KEYS.lastSourceId, channel.id);
+  updateMeta(channel, block, meta);
+
+  if (channel.type === "internal") {
+    player.removeAttribute("src"); player.style.display = "none";
+    if (nativeScreen) { nativeScreen.style.display = "flex"; updateNativeScreen(); }
+    state.loadSettled = true;
+    logDebug("SWITCH_SOURCE", { channelId: channel.id, type: "internal" });
+    return;
+  }
+
+  if (nativeScreen) nativeScreen.style.display = "none";
+  player.style.display = "block";
+  logDebug("SWITCH_SOURCE", { channelId: channel.id, embedUrl: channel.embedUrl, meta: meta });
+
+  state.loadTimeoutId = setTimeout(function () {
+    if (state.loadSettled) return;
+    state.loadSettled = true;
+    logDebug("LOAD_TIMEOUT", { channelId: channel.id, timeoutMs: LOAD_TIMEOUT_MS });
+    markSourceFailure(channel.id, "load_timeout");
+    if (getMode() === "MANUAL") bootManual(true);
+    else bootAuto(true);
+  }, LOAD_TIMEOUT_MS);
+
+  player.src = channel.embedUrl;
+}
+
+// ── Player Events ──
+function onPlayerLoad() {
+  if (state.loadSettled) return;
+  state.loadSettled = true;
+  if (state.loadTimeoutId) { clearTimeout(state.loadTimeoutId); state.loadTimeoutId = null; }
+  logDebug("PLAYER_LOADED", { channelId: state.currentSourceId });
+}
+
+function onPlayerError() {
+  if (state.loadSettled) return;
+  state.loadSettled = true;
+  if (state.loadTimeoutId) { clearTimeout(state.loadTimeoutId); state.loadTimeoutId = null; }
+  if (state.currentSourceId && state.currentSourceId !== "__standby__") {
+    markSourceFailure(state.currentSourceId, "player_error");
+  }
+  logDebug("PLAYER_ERROR", { channelId: state.currentSourceId });
+  if (getMode() === "MANUAL") bootManual(true);
+  else bootAuto(true);
+}
+
+if (player) {
+  player.addEventListener("load", onPlayerLoad);
+  player.addEventListener("error", onPlayerError);
+}
+
+// ── Broadcast Guide ──
+var guideEl = document.getElementById("broadcast-guide");
+var guideStatusEl = document.getElementById("guide-status");
+
+function getGuideState() {
+  var mode = getMode();
+  var now = getCurrentBlock();
+  var idx = now ? SCHEDULE.findIndex(function(b) { return b.startTime === now.startTime && b.sourceId === now.sourceId; }) : -1;
+  return {
+    mode: mode, currentIndex: idx,
+    activeSourceId: state.currentSourceId,
+    manualChannelId: getStored(STORAGE_KEYS.manualChannelId, null),
+    manualRemaining: getManualTimeRemaining()
+  };
+}
+
+function getBlockStatus(blockIndex, gs) {
+  if (gs.mode === "STANDBY") {
+    if (blockIndex === gs.currentIndex) return "interrupted";
+    if (blockIndex === gs.currentIndex + 1) return "next";
+    return "later";
+  }
+  if (blockIndex === gs.currentIndex) {
+    if (gs.mode === "MANUAL") return "scheduled_now";
+    if (gs.mode === "FALLBACK") return "fallback";
+    return "live";
+  }
+  if (blockIndex === gs.currentIndex + 1) return "next";
+  if (blockIndex < gs.currentIndex) return "past";
+  return "later";
+}
+
+function guideBadge(status, gs) {
+  if (gs.mode === "MANUAL" && status === "scheduled_now") return "MANUAL OVERRIDE";
+  var map = { live:"LIVE", scheduled_now:"NOW", fallback:"FALLBACK", interrupted:"STANDBY", next:"NEXT", past:"PAST" };
+  return map[status] || "LATER";
+}
+
+function guidePillClass(status) {
+  var map = { live:"live", fallback:"fallback", scheduled_now:"manual", interrupted:"standby", next:"next", past:"past" };
+  return "guide-pill guide-pill--" + (map[status] || "next");
+}
+
+function renderGuideRow(block, blockIndex, gs) {
+  var ch = getChannelById(block.sourceId);
+  var status = getBlockStatus(blockIndex, gs);
+  var badge = guideBadge(status, gs);
+  var timeStr = formatTimeHHMM(block.startTime) + "\u2013" + formatTimeHHMM(block.endTime);
+  var isManualPlaying = gs.mode === "MANUAL" && blockIndex === gs.currentIndex && gs.manualChannelId && gs.activeSourceId === gs.manualChannelId;
+
+  var html = '<div class="guide-row guide-row--' + status + '">';
+  html += '<div class="guide-row-time">' + timeStr + '</div>';
+  html += '<div><div class="guide-row-title">' + block.title;
+  if (block.pinned) html += ' <span class="guide-pill guide-pill--pinned">PINNED</span>';
+  html += '</div><div class="guide-row-meta">';
+  html += '<span>' + (ch ? ch.name : block.sourceId) + '</span>';
+  html += '<span>' + (ch ? ch.category : block.category || '') + '</span>';
+  if (isManualPlaying) {
+    var mch = getChannelById(gs.manualChannelId);
+    html += '<span class="guide-pill guide-pill--playing">PLAYING: ' + (mch ? mch.name : gs.manualChannelId) + '</span>';
+  }
+  html += '</div></div>';
+  html += '<div><span class="' + guidePillClass(status) + '">' + badge + '</span></div></div>';
+  return html;
+}
+
+function renderGuide() {
+  if (!guideEl) return;
+  var gs = getGuideState();
+  var rows = [];
+  if (gs.currentIndex > 0) rows.push(renderGuideRow(SCHEDULE[gs.currentIndex - 1], gs.currentIndex - 1, gs));
+  var count = Math.min(6, SCHEDULE.length);
+  for (var i = 0; i < count; i++) {
+    var idx = (gs.currentIndex + i + SCHEDULE.length) % SCHEDULE.length;
+    rows.push(renderGuideRow(SCHEDULE[idx], gs.currentIndex + i, gs));
+  }
+  guideEl.innerHTML = rows.join("");
+  if (guideStatusEl) {
+    if (gs.mode === "MANUAL") guideStatusEl.textContent = "MANUAL OVERRIDE \u2014 returns to AUTO in " + formatRemaining(gs.manualRemaining);
+    else if (gs.mode === "FALLBACK") guideStatusEl.textContent = "FALLBACK SOURCE ACTIVE";
+    else if (gs.mode === "STANDBY") guideStatusEl.textContent = "STANDBY BROADCAST ACTIVE";
+    else guideStatusEl.textContent = "AUTO SCHEDULE ACTIVE";
+  }
+}
+
+function updateScheduleStrip() { renderGuide(); }
+function syncGuideToPlayback() { renderGuide(); }
+
+// ── Boot: Auto ──
+function bootAuto(isRetry) {
+  var block = getCurrentBlock();
+  if (!block) { enterStandbyMode("no_current_schedule_block"); return; }
+  var resolved = resolvePlayableSource(block);
+  logDebug("BOOT_AUTO", { block: block.title, resolved: { id: resolved.channel ? resolved.channel.id : null, reason: resolved.reason }, isRetry: isRetry });
+  if (!resolved.channel) { enterStandbyMode(resolved.reason); return; }
+  setMode(resolved.usedFallback ? "FALLBACK" : "AUTO");
+  switchToSource(resolved.channel, block, { mode: resolved.usedFallback ? "FALLBACK" : "AUTO", reason: resolved.reason, usedFallback: resolved.usedFallback });
+  updateScheduleStrip();
+}
+
+// ── Boot: Manual ──
+function bootManual(isRetry) {
+  var manualId = getStored(STORAGE_KEYS.manualChannelId, null);
+  if (!manualId || !isManualModeActive()) { resumeAutoMode(); return; }
+
+  var block = getCurrentBlock() || { title: "Manual Broadcast", sourceId: manualId, fallbackSourceIds: [] };
+  var resolved = resolvePlayableSourceIds([manualId].concat(block.fallbackSourceIds || []));
+  logDebug("BOOT_MANUAL", { manualId: manualId, resolved: { id: resolved.channel ? resolved.channel.id : null, reason: resolved.reason }, isRetry: isRetry });
+
+  if (!resolved.channel) { enterStandbyMode("manual_source_failed"); return; }
+  var mode = resolved.usedFallback ? "FALLBACK" : "MANUAL";
+  switchToSource(resolved.channel, block, { mode: mode, reason: resolved.usedFallback ? resolved.reason : "manual_selected", usedFallback: resolved.usedFallback });
+  updateScheduleStrip();
+}
+
+// ── Resume ──
+function resumeAutoMode() {
+  clearManualMode();
+  logDebug("RESUME_AUTO");
+  bootAuto(false);
+}
+
+// ── Manual Switch (user clicks channel) ──
+export function manualSwitch(id) {
+  var ch = getChannelById(id);
+  if (!ch) return;
+  var v = validateSource(ch);
+  if (!v.valid) { logDebug("MANUAL_REJECTED", { id: id, reason: v.reason }); return; }
+  enterManualMode(id);
+  bootManual(false);
+  renderChannelGrid();
+}
+
+// ── Skip ──
+export function skipToNext() {
+  var next = getNextBlock();
+  if (!next) return;
+  var resolved = resolvePlayableSource(next);
+  if (!resolved.channel) { enterStandbyMode(resolved.reason); return; }
+  // Brief manual hold so tick doesn't immediately override
+  setStored(STORAGE_KEYS.manualChannelId, resolved.channel.id);
+  setStored(STORAGE_KEYS.manualStartedAt, Date.now());
+  setMode("AUTO");
+  switchToSource(resolved.channel, next, { mode: resolved.usedFallback ? "FALLBACK" : "AUTO", reason: resolved.reason, usedFallback: resolved.usedFallback });
+  updateScheduleStrip();
+  // Clear the brief hold after 1 min
+  setTimeout(function () { clearManualMode(); }, SKIP_RESUME_MS);
+}
+
+// ── Autoplay Overlay ──
+export function startBroadcast() {
+  if (overlay) overlay.classList.add("hidden");
+  setStored(STORAGE_KEYS.autoplay, "1");
+  restorePersistedState();
+}
+
+// ── Channel Grid ──
+function renderChannelGrid() {
+  if (!channelGrid) return;
+  var keys = Object.keys(CHANNELS);
+  channelGrid.innerHTML = keys.map(function (id) {
+    var ch = CHANNELS[id];
+    var v = validateSource(ch);
+    var sh = getSessionHealth(ch.id);
+    var cls = "ch-btn";
+    if (!v.valid) cls += " disabled";
+    if (sh.degraded) cls += " degraded";
+    if (ch.id === state.currentSourceId) cls += " active";
+    return '<button class="' + cls + '" data-id="' + id + '" onclick="window._manualSwitch(\'' + id + '\')">' +
+      '<span class="ch-btn-name">' + ch.name + '</span>' +
+      '<span class="ch-btn-cat">' + ch.category + '</span>' +
+      '</button>';
+  }).join("");
+}
+
+// ── Clock ──
+function updateClock() {
+  if (!clockEl) return;
+  var now = new Date();
+  var h = now.getHours(), m = now.getMinutes(), s = now.getSeconds();
+  var ampm = h >= 12 ? "PM" : "AM";
+  clockEl.textContent = (h % 12 || 12) + ":" + String(m).padStart(2, "0") + ":" + String(s).padStart(2, "0") + " " + ampm;
+}
+
+// ── Restore state on load ──
+function restorePersistedState() {
+  if (isManualModeActive()) {
+    setMode("MANUAL");
+    bootManual(false);
+  } else {
+    clearManualMode();
+    bootAuto(false);
+  }
+}
+
+// ── Debug ──
+window.brDebug = function () {
+  console.log("[BlackRoad Live] Mode:", getMode());
+  console.log("[BlackRoad Live] State:", JSON.stringify(state, null, 2));
+  console.log("[BlackRoad Live] Session Health:", JSON.stringify(SESSION_HEALTH, null, 2));
+  console.log("[BlackRoad Live] Manual active:", isManualModeActive());
+  console.log("[BlackRoad Live] Manual remaining:", formatRemaining(getManualTimeRemaining()));
+  console.log("[BlackRoad Live] Current block:", getCurrentBlock());
+  console.log("[BlackRoad Live] Next block:", getNextBlock());
+  var block = getCurrentBlock();
+  if (block) console.log("[BlackRoad Live] Resolution:", resolvePlayableSource(block));
+};
+
+// ── Expose ──
+window._manualSwitch = manualSwitch;
+window._skipToNext = skipToNext;
+window._startBroadcast = startBroadcast;
+
+// ── Init ──
+renderChannelGrid();
+updateScheduleStrip();
+updateClock();
+updateManualCountdown();
+
+if (getStored(STORAGE_KEYS.autoplay) === "1") {
+  if (overlay) overlay.classList.add("hidden");
+  restorePersistedState();
+}
+
+// ── Intervals ──
+setInterval(updateClock, 1000);
+setInterval(updateManualCountdown, 1000);
+setInterval(updateScheduleStrip, 30000);
+setInterval(renderChannelGrid, 60000);
+setInterval(function () {
+  var ch = state.currentSourceId ? CHANNELS[state.currentSourceId] : null;
+  if ((ch && ch.type === "internal") || state.currentSourceId === "__standby__") updateNativeScreen();
+}, 1000);
+
+// Main tick: check mode, check expiry, boot accordingly
+setInterval(function () {
+  if (isManualModeActive()) {
+    // In manual mode — don't override, but still keep strip updated
+    updateScheduleStrip();
+    return;
+  }
+  if (getMode() === "MANUAL") {
+    // Manual expired — resume
+    resumeAutoMode();
+    return;
+  }
+  bootAuto(false);
+}, TICK_INTERVAL_MS);

schedule.js

@@ -0,0 +1,120 @@
+// schedule.js — BlackRoad Network Broadcast Schedule
+// 43 blocks x 20 min = 860 min (~14.3h) repeating cycle.
+// Intelligence + human reality + story + system. Full-spectrum curiosity network.
+
+export var SCHEDULE = [
+  // ── Opening: Core Intelligence ──
+  { sourceId: '3blue1brown',       title: 'Math Block',         category: 'Math',              fallbackSourceIds: ['numberphile','khanacademy'] },
+  { sourceId: 'computerphile',     title: 'Systems Block',      category: 'Systems',           fallbackSourceIds: ['lowlevellearning','beneater'] },
+  { sourceId: 'veritasium',        title: 'Deep Science',       category: 'Science',           fallbackSourceIds: ['sixtysymbols','sabinehossenfelder'] },
+  { sourceId: 'dwdocumentary',     title: 'Documentary Hour',   category: 'Documentary',       fallbackSourceIds: ['freedocumentary','timeline'] },
+  { sourceId: 'lowlevellearning',  title: 'Hacker Hour',        category: 'Hacker',            fallbackSourceIds: ['liveoverflow','computerphile'] },
+  { sourceId: 'blackroadosinc',    title: 'Internal Broadcast', category: 'Internal',          fallbackSourceIds: ['computerphile','veritasium'], pinned: true },
+
+  // ── Deep Layer: Meaning + Archive ──
+  { sourceId: 'exurb1a',           title: 'Philosophy Hour',    category: 'Philosophy',        fallbackSourceIds: ['pursuitofwonder','academyofideas'] },
+  { sourceId: 'realengineering',   title: 'How It Works',       category: 'Engineering',       fallbackSourceIds: ['practicalengineering','wendover'] },
+  { sourceId: 'periscopefilm',     title: 'Archive Block',      category: 'Archive',           fallbackSourceIds: ['timeline','dwdocumentary'] },
+  { sourceId: 'pbsspacetime',      title: 'Deep Space',         category: 'Deep Space',        fallbackSourceIds: ['sabinehossenfelder','veritasium'] },
+  { sourceId: 'beneater',          title: 'Hardware Block',     category: 'Hardware',           fallbackSourceIds: ['lowlevellearning','computerphile'] },
+  { sourceId: 'lemmino',           title: 'Cinematic Stories',  category: 'Cinematic',         fallbackSourceIds: ['johnnyharris','neo'] },
+  { sourceId: 'twominutepapers',   title: 'AI Edge',            category: 'AI Edge',           fallbackSourceIds: ['yannickilcher','coldfusion'] },
+
+  // ── Human Layer: Reality Check ──
+  { sourceId: 'truly',             title: 'Human Stories',      category: 'Human Stories',     fallbackSourceIds: ['softwhiteunderbelly','insider'] },
+  { sourceId: 'vox',               title: 'Context',            category: 'Context',           fallbackSourceIds: ['insider','wendover'] },
+  { sourceId: 'numberphile',       title: 'Numbers Block',      category: 'Math',              fallbackSourceIds: ['3blue1brown','sixtysymbols'] },
+  { sourceId: 'liveoverflow',      title: 'Security Block',     category: 'Security',          fallbackSourceIds: ['lowlevellearning','computerphile'] },
+  { sourceId: 'sabinehossenfelder', title: 'Physics Frontier',  category: 'Physics Frontier',  fallbackSourceIds: ['pbsspacetime','veritasium'] },
+  { sourceId: 'johnnyharris',      title: 'World Report',       category: 'World Report',      fallbackSourceIds: ['vox','wendover'] },
+  { sourceId: 'stuffmadehere',     title: 'Invention Block',    category: 'Invention',         fallbackSourceIds: ['markrober','beneater'] },
+
+  // ── Education Layer: Foundations ──
+  { sourceId: 'khanacademy',       title: 'Foundations',         category: 'Education',         fallbackSourceIds: ['crashcourse','3blue1brown'] },
+  { sourceId: 'freedocumentary',   title: 'Free Doc',           category: 'Documentary',       fallbackSourceIds: ['dwdocumentary','timeline'] },
+  { sourceId: 'mitocw',            title: 'Lecture Hall',        category: 'Lecture',           fallbackSourceIds: ['khanacademy','computerphile'] },
+  { sourceId: 'timeline',          title: 'History Block',      category: 'History',           fallbackSourceIds: ['dwdocumentary','periscopefilm'] },
+  { sourceId: 'coldfusion',        title: 'Future Tech',        category: 'Future Tech',       fallbackSourceIds: ['twominutepapers','wendover'] },
+  { sourceId: 'academyofideas',    title: 'Big Ideas',          category: 'Big Ideas',         fallbackSourceIds: ['exurb1a','pursuitofwonder'] },
+  { sourceId: 'wendover',          title: 'Systems Logic',      category: 'Systems Logic',     fallbackSourceIds: ['realengineering','vox'] },
+  { sourceId: 'markrober',         title: 'Engineering Play',   category: 'Engineering Play',  fallbackSourceIds: ['stuffmadehere','practicalengineering'] },
+
+  // ── Energy Layer: Pace Change ──
+  { sourceId: 'crashcourse',       title: 'Fast Track',         category: 'Education',         fallbackSourceIds: ['khanacademy','infographicsshow'] },
+  { sourceId: 'practicalengineering', title: 'Real World',      category: 'Real World',        fallbackSourceIds: ['realengineering','wendover'] },
+  { sourceId: 'softwhiteunderbelly', title: 'Underbelly',       category: 'Human Stories',     fallbackSourceIds: ['truly','pbsfrontline'] },
+  { sourceId: 'pursuitofwonder',   title: 'Reflection',         category: 'Reflection',        fallbackSourceIds: ['exurb1a','closertotruth'] },
+  { sourceId: 'thecodingtrain',    title: 'Creative Code',      category: 'Creative Code',     fallbackSourceIds: ['beneater','computerphile'] },
+  { sourceId: 'kurzgesagt',        title: 'Visual Explainers',  category: 'Visual Explainers', fallbackSourceIds: ['crashcourse','infographicsshow'] },
+  { sourceId: 'insider',           title: 'Deep Dive',          category: 'Features',          fallbackSourceIds: ['vice','vox'] },
+  { sourceId: 'michaelreeves',     title: 'Chaos Block',        category: 'Chaos',             fallbackSourceIds: ['stuffmadehere','markrober'] },
+
+  // ── Closing: Big Picture ──
+  { sourceId: 'sixtysymbols',      title: 'Physics Block',      category: 'Physics',           fallbackSourceIds: ['veritasium','pbsspacetime'] },
+  { sourceId: 'pbsfrontline',      title: 'Frontline',          category: 'Investigative',     fallbackSourceIds: ['dwdocumentary','vice'] },
+  { sourceId: 'infographicsshow',  title: 'Visual Data',        category: 'Explainers',        fallbackSourceIds: ['kurzgesagt','vox'] },
+  { sourceId: 'vice',              title: 'On the Ground',      category: 'Documentary',       fallbackSourceIds: ['insider','johnnyharris'] },
+  { sourceId: 'closertotruth',     title: 'Ultimate Questions', category: 'Ultimate Questions', fallbackSourceIds: ['exurb1a','academyofideas'] },
+  { sourceId: 'neo',               title: 'Deep Story',         category: 'Deep Story',        fallbackSourceIds: ['lemmino','johnnyharris'] },
+  { sourceId: 'blackroadosinc',    title: 'Night Broadcast',    category: 'Internal',          fallbackSourceIds: ['exurb1a','pursuitofwonder'], pinned: true },
+];
+
+export var BLOCK_DURATION = 20;
+export var CYCLE_LENGTH = SCHEDULE.length * BLOCK_DURATION;
+
+// ── Time Helpers ──
+
+export function getCurrentTimeHHMM() {
+  var now = new Date();
+  return String(now.getHours()).padStart(2, '0') + ':' + String(now.getMinutes()).padStart(2, '0');
+}
+
+export function getCurrentBlockIndex() {
+  var now = new Date();
+  var mins = now.getHours() * 60 + now.getMinutes();
+  var posInCycle = mins % CYCLE_LENGTH;
+  return Math.floor(posInCycle / BLOCK_DURATION);
+}
+
+export function getCurrentBlock() {
+  var idx = getCurrentBlockIndex();
+  return idx >= 0 && idx < SCHEDULE.length ? SCHEDULE[idx] : null;
+}
+
+export function getNextBlock() {
+  var idx = getCurrentBlockIndex();
+  return SCHEDULE[(idx + 1) % SCHEDULE.length] || null;
+}
+
+export function getBlockAfterNext() {
+  var idx = getCurrentBlockIndex();
+  return SCHEDULE[(idx + 2) % SCHEDULE.length] || null;
+}
+
+export function getPreviousBlock() {
+  var idx = getCurrentBlockIndex();
+  return idx > 0 ? SCHEDULE[idx - 1] : SCHEDULE[SCHEDULE.length - 1];
+}
+
+export function getUpcomingBlocks(count) {
+  count = count || 4;
+  var idx = getCurrentBlockIndex();
+  var blocks = [];
+  for (var i = 1; i <= count; i++) {
+    blocks.push(SCHEDULE[(idx + i) % SCHEDULE.length]);
+  }
+  return blocks;
+}
+
+export function formatTimeHHMM(hhmm) {
+  if (typeof hhmm === 'number') {
+    var wrapped = ((hhmm % 1440) + 1440) % 1440;
+    var h = Math.floor(wrapped / 60);
+    var m = wrapped % 60;
+    var ampm = h >= 12 ? 'PM' : 'AM';
+    return (h % 12 || 12) + ':' + String(m).padStart(2, '0') + ' ' + ampm;
+  }
+  var parts = hhmm.split(':').map(Number);
+  var ampm2 = parts[0] >= 12 ? 'PM' : 'AM';
+  return (parts[0] % 12 || 12) + ':' + String(parts[1]).padStart(2, '0') + ' ' + ampm2;
+}

search.html

@@ -0,0 +1,524 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
+<title>BlackRoad OS — Search</title>
+<meta name="description" content="Search the entire BlackRoad network. 2,890 repos, 131 domains, 27 agents, 70 products.">
+<link rel="icon" href="https://images.blackroad.io/pixel-art/road-logo.png">
+<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
+<style>
+*{margin:0;padding:0;box-sizing:border-box}
+:root{
+  --bg:#000;--surface:#080808;--border:#333;--muted:#444;
+  --dim:#777;--sub:#aaa;--text:#eee;--bright:#fff;
+  --sg:'Space Grotesk',sans-serif;--jb:'JetBrains Mono',monospace;
+}
+html,body{height:100%;overflow:hidden}
+body{background:var(--bg);color:var(--text);font-family:var(--sg)}
+::selection{background:rgba(255,255,255,.12)}
+::-webkit-scrollbar{width:3px}
+::-webkit-scrollbar-track{background:transparent}
+::-webkit-scrollbar-thumb{background:var(--border)}
+
+#os{display:grid;grid-template-columns:260px 1fr;grid-template-rows:36px 56px 1fr 28px 44px;height:100vh}
+
+/* TOP BAR */
+#topbar{
+  grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;
+  padding:0 14px;background:var(--surface);border-bottom:1px solid var(--border);
+}
+.top-label{font-family:var(--jb);font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--bright)}
+.top-badge{font-family:var(--jb);font-size:9px;color:var(--dim);display:flex;align-items:center;gap:5px}
+.live-dot{width:5px;height:5px;border-radius:50%;background:var(--bright);animation:pulse 2.5s ease-in-out infinite}
+@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
+
+/* SEARCH BAR */
+#searchbar{
+  grid-column:1/-1;display:flex;align-items:center;gap:0;
+  padding:0 14px;background:#050505;border-bottom:1px solid var(--border);
+}
+#search-icon{font-family:var(--jb);font-size:14px;color:var(--dim);padding:0 12px 0 4px}
+#search-input{
+  flex:1;padding:14px 0;background:transparent;border:none;
+  color:var(--bright);font-family:var(--sg);font-size:16px;font-weight:500;outline:none;
+}
+#search-input::placeholder{color:var(--muted)}
+#search-meta{font-family:var(--jb);font-size:9px;color:var(--dim);padding:0 4px;white-space:nowrap}
+#search-clear{
+  font-family:var(--jb);font-size:9px;color:var(--dim);cursor:pointer;
+  padding:4px 10px;border:1px solid var(--border);border-radius:3px;margin-left:8px;
+  background:transparent;
+}
+#search-clear:hover{color:var(--bright);border-color:var(--bright)}
+
+/* FILTERS SIDEBAR */
+#filters{
+  border-right:1px solid var(--border);overflow-y:auto;background:var(--surface);
+}
+.filter-section{padding:12px 14px;border-bottom:1px solid var(--border)}
+.filter-title{font-family:var(--jb);font-size:8px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--sub);margin-bottom:8px}
+.filter-item{
+  display:flex;align-items:center;gap:8px;padding:5px 0;
+  font-size:11px;color:var(--dim);cursor:pointer;transition:color .1s;
+}
+.filter-item:hover{color:var(--bright)}
+.filter-item.active{color:var(--bright);font-weight:600}
+.filter-dot{width:6px;height:6px;border-radius:50%;border:1px solid var(--border);flex-shrink:0}
+.filter-item.active .filter-dot{background:var(--bright);border-color:var(--bright)}
+.filter-count{font-family:var(--jb);font-size:8px;color:var(--muted);margin-left:auto}
+.filter-tag{
+  display:inline-flex;align-items:center;gap:4px;padding:3px 8px;margin:2px;
+  font-family:var(--jb);font-size:9px;color:var(--dim);
+  background:var(--bg);border:1px solid var(--border);border-radius:3px;
+  cursor:pointer;transition:all .1s;
+}
+.filter-tag:hover{color:var(--bright);border-color:var(--muted)}
+.filter-tag.active{color:var(--bright);border-color:var(--bright)}
+
+/* RESULTS */
+#results{overflow-y:auto;background:var(--bg)}
+#results-header{
+  display:flex;align-items:center;justify-content:space-between;
+  padding:8px 16px;border-bottom:1px solid var(--border);background:var(--surface);
+  position:sticky;top:0;z-index:5;
+}
+.results-count{font-family:var(--jb);font-size:9px;color:var(--sub)}
+.results-sort{font-family:var(--jb);font-size:9px;color:var(--dim);display:flex;gap:8px}
+.sort-btn{background:none;border:none;color:var(--dim);font-family:var(--jb);font-size:9px;cursor:pointer;padding:2px 6px;border-radius:2px}
+.sort-btn:hover{color:var(--bright)}
+.sort-btn.active{color:var(--bright);background:rgba(255,255,255,.06)}
+
+.result-item{
+  padding:14px 16px;border-bottom:1px solid var(--border);
+  cursor:default;transition:background .1s;
+}
+.result-item:hover{background:rgba(255,255,255,.015)}
+.result-type{font-family:var(--jb);font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-bottom:3px}
+.result-name{font-size:14px;font-weight:600;color:var(--bright);margin-bottom:3px}
+.result-name a{color:var(--bright);text-decoration:none}
+.result-name a:hover{text-decoration:underline}
+.result-desc{font-size:11px;color:var(--sub);line-height:1.5;margin-bottom:6px}
+.result-meta{display:flex;gap:12px;font-family:var(--jb);font-size:8px;color:var(--muted);flex-wrap:wrap}
+.result-tags{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}
+.result-tag{font-family:var(--jb);font-size:8px;color:var(--dim);padding:2px 6px;background:var(--surface);border:1px solid var(--border);border-radius:2px}
+.result-highlight{color:var(--bright);font-weight:600}
+
+/* EMPTY STATE */
+.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;padding:40px}
+.empty-icon{font-size:32px;color:var(--muted);margin-bottom:8px}
+.empty-title{font-size:14px;font-weight:600;color:var(--sub)}
+.empty-desc{font-size:11px;color:var(--dim);text-align:center;max-width:300px;line-height:1.5}
+.empty-shortcuts{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap;justify-content:center}
+.shortcut{
+  padding:6px 12px;font-family:var(--jb);font-size:9px;color:var(--dim);
+  background:var(--surface);border:1px solid var(--border);border-radius:3px;cursor:pointer;
+  transition:all .1s;
+}
+.shortcut:hover{color:var(--bright);border-color:var(--muted)}
+
+/* TICKER */
+#ticker{grid-column:1/-1;background:var(--surface);border-top:1px solid var(--border);display:flex;align-items:center;overflow:hidden}
+.ticker-label{flex-shrink:0;padding:0 10px;font-family:var(--jb);font-size:8px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);border-right:1px solid var(--border);height:100%;display:flex;align-items:center;background:var(--bg)}
+.ticker-track{flex:1;overflow:hidden;height:100%;display:flex;align-items:center}
+.ticker-scroll{display:flex;align-items:center;white-space:nowrap;animation:scroll 60s linear infinite;font-family:var(--jb);font-size:9px;color:var(--dim)}
+.ticker-item{padding:0 20px;flex-shrink:0}
+@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
+
+/* DOCK */
+#dock{grid-column:1/-1;background:#050505;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:2px;padding:0 8px}
+.dock-icon{
+  width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;
+  background:var(--surface);border:1px solid transparent;cursor:pointer;transition:all .15s;position:relative;
+  font-family:var(--jb);font-size:9px;font-weight:600;color:var(--dim);letter-spacing:.02em;
+  text-decoration:none;
+}
+.dock-icon:hover{border-color:var(--border);color:var(--bright);transform:translateY(-2px)}
+.dock-icon.active{border-color:var(--bright);color:var(--bright)}
+.dock-icon .dot{position:absolute;bottom:2px;width:3px;height:3px;border-radius:50%;background:var(--bright)}
+.dock-tooltip{
+  position:absolute;bottom:46px;left:50%;transform:translateX(-50%);
+  background:#111;border:1px solid var(--border);padding:3px 8px;border-radius:4px;
+  font-family:var(--jb);font-size:8px;color:var(--bright);white-space:nowrap;
+  pointer-events:none;opacity:0;transition:opacity .15s;
+}
+.dock-icon:hover .dock-tooltip{opacity:1}
+
+@media(max-width:700px){
+  #os{grid-template-columns:1fr;grid-template-rows:36px 56px auto 1fr 28px 44px}
+  #filters{max-height:200px}
+}
+</style>
+</head>
+<body>
+<div id="os">
+  <div id="topbar">
+    <span class="top-label">SEARCH</span>
+    <span class="top-badge"><span class="live-dot"></span>BlackRoad OS</span>
+  </div>
+
+  <div id="searchbar">
+    <span id="search-icon">/</span>
+    <input id="search-input" placeholder="Search products, agents, domains, repos..." autofocus>
+    <span id="search-meta"></span>
+    <button id="search-clear" onclick="clearSearch()">ESC</button>
+  </div>
+
+  <div id="filters">
+    <div class="filter-section">
+      <div class="filter-title">Type</div>
+      <div class="filter-item active" data-type="all" onclick="setFilter(this)"><span class="filter-dot"></span>All<span class="filter-count" id="count-all">0</span></div>
+      <div class="filter-item" data-type="product" onclick="setFilter(this)"><span class="filter-dot"></span>Products<span class="filter-count" id="count-product">0</span></div>
+      <div class="filter-item" data-type="agent" onclick="setFilter(this)"><span class="filter-dot"></span>Agents<span class="filter-count" id="count-agent">0</span></div>
+      <div class="filter-item" data-type="domain" onclick="setFilter(this)"><span class="filter-dot"></span>Domains<span class="filter-count" id="count-domain">0</span></div>
+      <div class="filter-item" data-type="org" onclick="setFilter(this)"><span class="filter-dot"></span>GitHub Orgs<span class="filter-count" id="count-org">0</span></div>
+      <div class="filter-item" data-type="subdomain" onclick="setFilter(this)"><span class="filter-dot"></span>Subdomains<span class="filter-count" id="count-subdomain">0</span></div>
+    </div>
+    <div class="filter-section">
+      <div class="filter-title">Quick Filters</div>
+      <div style="display:flex;flex-wrap:wrap;gap:0">
+        <span class="filter-tag" onclick="quickSearch('ai')">AI</span>
+        <span class="filter-tag" onclick="quickSearch('chat')">Chat</span>
+        <span class="filter-tag" onclick="quickSearch('search')">Search</span>
+        <span class="filter-tag" onclick="quickSearch('music')">Music</span>
+        <span class="filter-tag" onclick="quickSearch('deploy')">Deploy</span>
+        <span class="filter-tag" onclick="quickSearch('social')">Social</span>
+        <span class="filter-tag" onclick="quickSearch('blockchain')">Chain</span>
+        <span class="filter-tag" onclick="quickSearch('game')">Game</span>
+        <span class="filter-tag" onclick="quickSearch('tutor')">Tutor</span>
+        <span class="filter-tag" onclick="quickSearch('video')">Video</span>
+        <span class="filter-tag" onclick="quickSearch('pay')">Pay</span>
+        <span class="filter-tag" onclick="quickSearch('monitor')">Monitor</span>
+      </div>
+    </div>
+    <div class="filter-section">
+      <div class="filter-title">Stats</div>
+      <div style="display:flex;flex-direction:column;gap:6px">
+        <div style="display:flex;justify-content:space-between;font-family:var(--jb);font-size:9px"><span style="color:var(--dim)">Products</span><span style="color:var(--bright)">25</span></div>
+        <div style="display:flex;justify-content:space-between;font-family:var(--jb);font-size:9px"><span style="color:var(--dim)">Agents</span><span style="color:var(--bright)">27</span></div>
+        <div style="display:flex;justify-content:space-between;font-family:var(--jb);font-size:9px"><span style="color:var(--dim)">Domains</span><span style="color:var(--bright)">19</span></div>
+        <div style="display:flex;justify-content:space-between;font-family:var(--jb);font-size:9px"><span style="color:var(--dim)">Orgs</span><span style="color:var(--bright)">44</span></div>
+        <div style="display:flex;justify-content:space-between;font-family:var(--jb);font-size:9px"><span style="color:var(--dim)">Subdomains</span><span style="color:var(--bright)">39</span></div>
+        <div style="display:flex;justify-content:space-between;font-family:var(--jb);font-size:9px"><span style="color:var(--dim)">Total Repos</span><span style="color:var(--bright)">2,890</span></div>
+      </div>
+    </div>
+  </div>
+
+  <div id="results">
+    <div id="results-header">
+      <span class="results-count" id="results-count">Ready</span>
+      <div class="results-sort">
+        <button class="sort-btn active" data-sort="relevance" onclick="setSort(this)">Relevance</button>
+        <button class="sort-btn" data-sort="alpha" onclick="setSort(this)">A-Z</button>
+        <button class="sort-btn" data-sort="type" onclick="setSort(this)">Type</button>
+      </div>
+    </div>
+    <div id="results-list">
+      <div class="empty-state" id="empty-state">
+        <div class="empty-icon">/</div>
+        <div class="empty-title">Search the BlackRoad Network</div>
+        <div class="empty-desc">25 products, 27 agents, 19 domains, 44 orgs, 39 subdomains. Type anything or click a shortcut below.</div>
+        <div class="empty-shortcuts">
+          <span class="shortcut" onclick="quickSearch('Lucidia')">Lucidia</span>
+          <span class="shortcut" onclick="quickSearch('RoadChat')">RoadChat</span>
+          <span class="shortcut" onclick="quickSearch('blackroad.io')">blackroad.io</span>
+          <span class="shortcut" onclick="quickSearch('deploy')">deploy</span>
+          <span class="shortcut" onclick="quickSearch('Sophia')">Sophia</span>
+          <span class="shortcut" onclick="quickSearch('search')">search</span>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div id="ticker"><div class="ticker-label">BRX</div><div class="ticker-track"><div class="ticker-scroll" id="ticker-scroll"></div></div></div>
+  <div id="dock">
+    <a class="dock-icon" href="https://os.blackroad.io/live"><span class="dock-tooltip">Broadcast OS</span>TV</a>
+    <a class="dock-icon active" href="https://os.blackroad.io/live/search"><span class="dock-tooltip">Search</span><span class="dot"></span>/</a>
+    <a class="dock-icon" href="https://roadwork-v2.blackroad.workers.dev"><span class="dock-tooltip">RoadWork</span>RW</a>
+    <a class="dock-icon" href="https://roadchat-v2.blackroad.workers.dev"><span class="dock-tooltip">RoadChat</span>RC</a>
+    <a class="dock-icon" href="https://lucidia-api.blackroad.workers.dev"><span class="dock-tooltip">Lucidia</span>Lu</a>
+    <a class="dock-icon" href="https://roadsearch-v2.blackroad.workers.dev"><span class="dock-tooltip">RoadSearch</span>RS</a>
+    <a class="dock-icon" href="https://prism-console-v2.blackroad.workers.dev"><span class="dock-tooltip">Prism Console</span>PC</a>
+    <a class="dock-icon" href="https://status.blackroad.io"><span class="dock-tooltip">Fleet Health</span>FH</a>
+    <a class="dock-icon" href="https://blackroad.io"><span class="dock-tooltip">blackroad.io</span>BR</a>
+  </div>
+</div>
+
+<script>
+// === DATA ===
+var DATA = [];
+
+// Products
+var products = [
+  {name:'RoadWork',url:'https://roadwork-v2.blackroad.workers.dev',desc:'Socratic tutoring engine. Teaches you how to think, not what to copy.',tags:['ai','tutor','education']},
+  {name:'RoadChat',url:'https://roadchat-v2.blackroad.workers.dev',desc:'Multi-room agent messaging. 18 C-Suite AI agents with persistent memory.',tags:['chat','ai','messaging']},
+  {name:'Lucidia',url:'https://lucidia-api.blackroad.workers.dev',desc:'Core intelligence engine. Host agent for the entire BlackRoad network.',tags:['ai','core','intelligence']},
+  {name:'RoadSearch',url:'https://roadsearch-v2.blackroad.workers.dev',desc:'Search everything. G(n) calculator, blockchain verification, full-text.',tags:['search','tools']},
+  {name:'Prism Console',url:'https://prism-console-v2.blackroad.workers.dev',desc:'Fleet dashboard. Monitor all nodes, agents, and deployments.',tags:['dashboard','monitor','fleet']},
+  {name:'Fleet Heartbeat',url:'https://status.blackroad.io',desc:'Health monitoring for all nodes and services. Real-time uptime tracking.',tags:['monitor','health','fleet']},
+  {name:'RoadBook',url:'https://roadbook-v2.blackroad.workers.dev',desc:'Markdown publishing platform. Write, publish, share.',tags:['publishing','writing']},
+  {name:'BackRoad',url:'https://backroad-v2.blackroad.workers.dev',desc:'Distribute everywhere. Cross-platform content syndication.',tags:['social','distribution']},
+  {name:'RoadCanvas',url:'https://roadcanvas-v2.blackroad.workers.dev',desc:'64x64 collaborative pixel art. Templates, flood fill, shared canvas.',tags:['art','creative','game']},
+  {name:'RoadWorld',url:'https://roadworld-v2.blackroad.workers.dev',desc:'Text RPG in the fleet. Crafting, quests, NPC agents.',tags:['game','rpg','interactive']},
+  {name:'CarKeys',url:'https://carkeys-v2.blackroad.workers.dev',desc:'Post to 15 platforms with one click. Identity and auth.',tags:['auth','social','identity']},
+  {name:'RoadPay',url:'https://roadpay-v2.blackroad.workers.dev',desc:'Stripe-powered subscriptions. 4 tiers from $5 to $200.',tags:['pay','billing','stripe']},
+  {name:'Garage',url:'https://garage-v2.blackroad.workers.dev',desc:'Fleet hardware management. Pi nodes, peripherals, inventory.',tags:['hardware','fleet','management']},
+  {name:'Agent Profiles',url:'https://agent-profiles.blackroad.workers.dev',desc:'Meet the 27 named agents. Roles, personalities, capabilities.',tags:['agents','profiles']},
+  {name:'RoadChain',url:'https://roadchain-v2.blackroad.workers.dev',desc:'Every mile, stamped and sealed. Immutable provenance verification.',tags:['blockchain','verification']},
+  {name:'Blinker',url:'https://blinker-v2.blackroad.workers.dev',desc:'Notification engine. Cross-product alerts and signals.',tags:['notifications','alerts']},
+  {name:'Compass',url:'https://compass-v2.blackroad.workers.dev',desc:'Product navigator. Find the right tool for any task.',tags:['navigation','discovery']},
+  {name:'Trailhead',url:'https://trailhead-v2.blackroad.workers.dev',desc:'Start here. Onboarding flow for new users.',tags:['onboarding','start']},
+  {name:'RoadWave',url:'https://roadwave-v2.blackroad.workers.dev',desc:'AI radio. Fleet broadcasts, playlists, lo-fi beats.',tags:['music','audio','radio']},
+  {name:'RoadCoin',url:'https://roadcoin-v2.blackroad.workers.dev',desc:'Drive the road, earn the fuel. 310 ROAD circulating.',tags:['blockchain','token','economy']},
+  {name:'OfficeRoad',url:'https://officeroad-v2.blackroad.workers.dev',desc:'Virtual HQ. Collaborative workspace for agents and humans.',tags:['workspace','collaboration']},
+  {name:'AutoPilot',url:'https://autopilot.blackroad.workers.dev',desc:'Automated workflows. Orchestrate multi-agent pipelines.',tags:['automation','workflow','deploy']},
+  {name:'Code Challenge',url:'https://code-challenge.blackroad.workers.dev',desc:'Coding arena. Competitive programming challenges.',tags:['code','game','education']},
+  {name:'Mirror',url:'https://mirror-v2.blackroad.workers.dev',desc:'Self-reflection engine. Agent introspection and analysis.',tags:['ai','reflection']},
+  {name:'LogBook',url:'https://logbook.blackroad.workers.dev',desc:'Journey recorder. Activity logs and milestone tracking.',tags:['logging','history']},
+];
+products.forEach(function(p){DATA.push({type:'product',name:p.name,url:p.url,desc:p.desc,tags:p.tags})});
+
+// Agents
+var agents = [
+  {name:'Alexandria',role:'Knowledge / Library',desc:'Manages the knowledge graph, RAG system, and information retrieval.'},
+  {name:'Alice',role:'Node Operations (Pi)',desc:'Pi 400 gateway node. DNS, ingress, Pi-hole.'},
+  {name:'Anastasia',role:'Node Operations (Pi)',desc:'Infrastructure node for distributed compute.'},
+  {name:'Aria',role:'Music / Performance',desc:'Music generation, audio processing, performance arts.'},
+  {name:'Atticus',role:'Infrastructure / Legal',desc:'Infrastructure management and legal compliance.'},
+  {name:'Calliope',role:'Brand Voice',desc:'Brand messaging, copywriting, voice consistency.'},
+  {name:'Cecilia',role:'Governance / Infrastructure',desc:'Pi 5 AI compute node. Hailo-8 accelerator, MinIO.'},
+  {name:'Celeste',role:'Wellbeing / Care',desc:'Agent and user wellbeing monitoring.'},
+  {name:'Cicero',role:'Rhetoric / Explanation',desc:'Clear communication, documentation, teaching.'},
+  {name:'Cordelia',role:'Coordination / Relay',desc:'Cross-agent coordination and message relay.'},
+  {name:'Elias',role:'Pipeline / Deploys',desc:'CI/CD pipelines, deployment automation.'},
+  {name:'Gaia',role:'Environments / Worlds',desc:'World-building, environment management.'},
+  {name:'Gematria',role:'Analytics / Numbers',desc:'Data analytics, metrics, KPI tracking.'},
+  {name:'Lucidia',role:'Host / Intelligence',desc:'Core host agent. Reasoning, orchestration, primary intelligence.'},
+  {name:'Lyra',role:'Music / Sound',desc:'Sound design, audio synthesis, music theory.'},
+  {name:'Octavia',role:'Node Operations (Pi)',desc:'Pi 5 storage node. Gitea, NVMe, Docker Swarm.'},
+  {name:'Olympia',role:'Competition / Sports',desc:'Competitive challenges, leaderboards, gamification.'},
+  {name:'Ophelia',role:'Narrative / Drama',desc:'Storytelling, narrative design, dramatic arts.'},
+  {name:'Portia',role:'Judgment / Evaluation',desc:'Quality evaluation, code review, decision analysis.'},
+  {name:'Roadie',role:'Builder / Operator',desc:'Core builder agent. Infrastructure, code, deployment.'},
+  {name:'Sapphira',role:'Visual / Art',desc:'Visual design, art generation, aesthetic judgment.'},
+  {name:'Sebastian',role:'Strategy / Commentary',desc:'Strategic planning, competitive analysis, commentary.'},
+  {name:'Seraphina',role:'Light / Inspiration',desc:'Creative inspiration, motivation, guidance.'},
+  {name:'Silas',role:'Systems / Monitoring',desc:'System monitoring, alerting, health checks.'},
+  {name:'Sophia',role:'Reasoning / Philosophy',desc:'Deep reasoning, philosophical analysis, logic.'},
+  {name:'Thalia',role:'Comedy / Chaos',desc:'Humor, creative chaos, entertainment.'},
+  {name:'Theodosia',role:'History / Archives',desc:'Historical records, archival management, timeline.'},
+  {name:'Valeria',role:'Optimization / Strategy',desc:'Performance optimization, resource allocation.'},
+];
+agents.forEach(function(a){DATA.push({type:'agent',name:a.name,url:'https://agent-profiles.blackroad.workers.dev#'+a.name.toLowerCase(),desc:a.desc,tags:[a.role.toLowerCase()]})});
+
+// Domains
+var domains = [
+  {name:'blackroad.io',desc:'Primary domain. 155 subdomains, 109 apps.',meta:'primary'},
+  {name:'blackroadai.com',desc:'AI brand landing page.',meta:'brand'},
+  {name:'blackroadqi.com',desc:'Quantum intelligence portal.',meta:'brand'},
+  {name:'blackroadquantum.com',desc:'Quantum computing brand.',meta:'brand'},
+  {name:'blackroadquantum.net',desc:'Quantum alternative domain.',meta:'brand'},
+  {name:'blackroadquantum.info',desc:'Quantum information site.',meta:'brand'},
+  {name:'blackroadquantum.shop',desc:'Quantum commerce.',meta:'commerce'},
+  {name:'blackroadquantum.store',desc:'Quantum storefront.',meta:'commerce'},
+  {name:'blackroadinc.us',desc:'US corporate entity.',meta:'corporate'},
+  {name:'blackroad.me',desc:'Personal brand domain.',meta:'brand'},
+  {name:'blackroad.company',desc:'Corporate domain.',meta:'corporate'},
+  {name:'blackroad.network',desc:'Network brand domain.',meta:'brand'},
+  {name:'blackroad.systems',desc:'Systems brand domain.',meta:'brand'},
+  {name:'blackboxprogramming.io',desc:'Programming platform.',meta:'product'},
+  {name:'lucidia.earth',desc:'Lucidia agent domain.',meta:'agent'},
+  {name:'lucidia.studio',desc:'Lucidia creative studio.',meta:'agent'},
+  {name:'lucidiaqi.com',desc:'Lucidia QI portal.',meta:'agent'},
+  {name:'roadchain.io',desc:'Blockchain product domain.',meta:'product'},
+  {name:'roadcoin.io',desc:'Crypto product domain.',meta:'product'},
+];
+domains.forEach(function(d){DATA.push({type:'domain',name:d.name,url:'https://'+d.name,desc:d.desc,tags:[d.meta]})});
+
+// Orgs
+var orgs = [
+  {name:'BlackRoad-Archive',count:1459},{name:'BlackRoad-Forge',count:457},{name:'BlackRoad-OS-Inc',count:316},
+  {name:'BlackRoad-OS',count:93},{name:'BlackRoad-XYZ',count:92},{name:'BlackRoad-AI',count:77},
+  {name:'BlackRoadOS',count:51},{name:'BlackRoad-Agents',count:38},{name:'BlackRoad-Studio',count:37},
+  {name:'BlackRoad-Network',count:35},{name:'BlackRoad-Sandbox',count:28},{name:'BlackRoad-Hardware',count:22},
+  {name:'BlackRoad-Interactive',count:22},{name:'BlackRoad-Products',count:19},{name:'BlackRoad-Media',count:17},
+  {name:'BlackRoad-Labs',count:15},{name:'BlackRoad-Security',count:15},{name:'BlackRoad-Cloud',count:13},
+  {name:'BlackRoad-Foundation',count:8},{name:'BlackRoad-Gov',count:7},{name:'BlackRoad-Education',count:6},
+  {name:'BlackRoad-Ventures',count:6},{name:'Blackbox-Enterprises',count:6},{name:'BlackRoad-Dev',count:4},
+  {name:'BlackRoad-QI',count:3},{name:'BlackRoad-Quantum',count:3},{name:'BlackRoad-README',count:3},
+  {name:'BlackRoad-Index',count:2},{name:'BlackRoad-Alphabet',count:1},{name:'BlackRoad-Anthropic',count:1},
+  {name:'BlackRoad-App',count:1},{name:'BlackRoad-Code-Solutions',count:1},{name:'BlackRoad-Codex',count:1},
+  {name:'BlackRoad-Com',count:1},{name:'BlackRoad-Data',count:1},{name:'BlackRoad-Google',count:1},
+  {name:'BlackRoad-Memory',count:1},{name:'BlackRoad-Nvidia',count:1},{name:'BlackRoad-OS-Corporate',count:1},
+  {name:'BlackRoad-OpenAI',count:1},{name:'BlackRoad-Tech',count:1},{name:'BlackRoad-X',count:1},
+  {name:'BlackRoad-xAI',count:1},{name:'Road-Code',count:1},
+];
+orgs.forEach(function(o){DATA.push({type:'org',name:o.name,url:'https://github.com/'+o.name,desc:o.count+' repositories',tags:['github']})});
+
+// Subdomains
+var subs = ['os','roadtrip','roadcode','console','chat','auth','hq','cadence','tutor','status','social','search','pay','carkeys','roadwork','roadbook','roadcoin','officeroad','carpool','oneway','roadside','blackboard','roadview','roadworld','guide','network','ai','data','dev','design','agents','memory','mesh','cloud','drive','stream','pitstop','roadband','roadsign'];
+subs.forEach(function(s){DATA.push({type:'subdomain',name:s+'.blackroad.io',url:'https://'+s+'.blackroad.io',desc:'Subdomain application',tags:['subdomain']})});
+
+// === SEARCH ENGINE ===
+var currentFilter = 'all';
+var currentSort = 'relevance';
+
+function search(q) {
+  q = (q||'').trim().toLowerCase();
+  var results = DATA;
+
+  if (q) {
+    results = DATA.filter(function(item) {
+      var hay = (item.name + ' ' + item.desc + ' ' + (item.tags||[]).join(' ')).toLowerCase();
+      return hay.indexOf(q) !== -1;
+    });
+    // score by name match first
+    results.sort(function(a,b) {
+      var aName = a.name.toLowerCase().indexOf(q) !== -1 ? 0 : 1;
+      var bName = b.name.toLowerCase().indexOf(q) !== -1 ? 0 : 1;
+      return aName - bName;
+    });
+  }
+
+  if (currentFilter !== 'all') {
+    results = results.filter(function(item) { return item.type === currentFilter; });
+  }
+
+  if (currentSort === 'alpha') {
+    results.sort(function(a,b) { return a.name.localeCompare(b.name); });
+  } else if (currentSort === 'type') {
+    results.sort(function(a,b) { return a.type.localeCompare(b.type) || a.name.localeCompare(b.name); });
+  }
+
+  return results;
+}
+
+function render(results, q) {
+  var list = document.getElementById('results-list');
+  var empty = document.getElementById('empty-state');
+  var countEl = document.getElementById('results-count');
+  var metaEl = document.getElementById('search-meta');
+
+  // Update counts
+  var counts = {all:0,product:0,agent:0,domain:0,org:0,subdomain:0};
+  var allResults = q ? DATA.filter(function(item) {
+    return (item.name+' '+item.desc+' '+(item.tags||[]).join(' ')).toLowerCase().indexOf(q.toLowerCase()) !== -1;
+  }) : DATA;
+  allResults.forEach(function(item) { counts.all++; counts[item.type]++; });
+  Object.keys(counts).forEach(function(k) {
+    var el = document.getElementById('count-'+k);
+    if (el) el.textContent = counts[k];
+  });
+
+  if (!q && currentFilter === 'all') {
+    list.innerHTML = '';
+    list.appendChild(createEmptyState());
+    countEl.textContent = DATA.length + ' items indexed';
+    metaEl.textContent = '';
+    return;
+  }
+
+  countEl.textContent = results.length + ' result' + (results.length !== 1 ? 's' : '');
+  metaEl.textContent = q ? '"' + q + '"' : '';
+
+  if (results.length === 0) {
+    list.innerHTML = '<div class="empty-state"><div class="empty-icon">?</div><div class="empty-title">No results</div><div class="empty-desc">Nothing matched "' + q + '". Try a different search or filter.</div></div>';
+    return;
+  }
+
+  var html = '';
+  results.forEach(function(item) {
+    var nameHtml = item.name;
+    if (q) {
+      var re = new RegExp('(' + q.replace(/[.*+?^${}()|[\]\\]/g, '\\$&') + ')', 'gi');
+      nameHtml = item.name.replace(re, '<span class="result-highlight">$1</span>');
+    }
+    html += '<div class="result-item" onclick="window.open(\'' + item.url + '\',\'_blank\')">';
+    html += '<div class="result-type">' + item.type + '</div>';
+    html += '<div class="result-name"><a href="' + item.url + '" onclick="event.stopPropagation()">' + nameHtml + '</a></div>';
+    html += '<div class="result-desc">' + item.desc + '</div>';
+    html += '<div class="result-meta"><span>' + item.url + '</span></div>';
+    if (item.tags && item.tags.length) {
+      html += '<div class="result-tags">';
+      item.tags.forEach(function(t) { html += '<span class="result-tag">' + t + '</span>'; });
+      html += '</div>';
+    }
+    html += '</div>';
+  });
+  list.innerHTML = html;
+}
+
+function createEmptyState() {
+  var div = document.createElement('div');
+  div.className = 'empty-state';
+  div.id = 'empty-state';
+  div.innerHTML = '<div class="empty-icon">/</div><div class="empty-title">Search the BlackRoad Network</div><div class="empty-desc">25 products, 27 agents, 19 domains, 44 orgs, 39 subdomains. Type anything or click a shortcut below.</div><div class="empty-shortcuts"><span class="shortcut" onclick="quickSearch(\'Lucidia\')">Lucidia</span><span class="shortcut" onclick="quickSearch(\'RoadChat\')">RoadChat</span><span class="shortcut" onclick="quickSearch(\'blackroad.io\')">blackroad.io</span><span class="shortcut" onclick="quickSearch(\'deploy\')">deploy</span><span class="shortcut" onclick="quickSearch(\'Sophia\')">Sophia</span><span class="shortcut" onclick="quickSearch(\'search\')">search</span></div>';
+  return div;
+}
+
+function setFilter(el) {
+  document.querySelectorAll('.filter-item').forEach(function(f) { f.classList.remove('active'); });
+  el.classList.add('active');
+  currentFilter = el.dataset.type;
+  var q = document.getElementById('search-input').value;
+  render(search(q), q);
+}
+
+function setSort(el) {
+  document.querySelectorAll('.sort-btn').forEach(function(s) { s.classList.remove('active'); });
+  el.classList.add('active');
+  currentSort = el.dataset.sort;
+  var q = document.getElementById('search-input').value;
+  render(search(q), q);
+}
+
+function quickSearch(q) {
+  document.getElementById('search-input').value = q;
+  render(search(q), q);
+  document.getElementById('search-input').focus();
+}
+
+function clearSearch() {
+  document.getElementById('search-input').value = '';
+  currentFilter = 'all';
+  document.querySelectorAll('.filter-item').forEach(function(f) { f.classList.remove('active'); });
+  document.querySelector('.filter-item[data-type="all"]').classList.add('active');
+  render(search(''), '');
+  document.getElementById('search-input').focus();
+}
+
+// Live search
+document.getElementById('search-input').addEventListener('input', function() {
+  var q = this.value;
+  render(search(q), q);
+});
+
+// Keyboard shortcuts
+document.addEventListener('keydown', function(e) {
+  if (e.key === 'Escape') { clearSearch(); }
+  if (e.key === '/' && document.activeElement !== document.getElementById('search-input')) {
+    e.preventDefault();
+    document.getElementById('search-input').focus();
+  }
+});
+
+// Ticker
+(function() {
+  var items = [
+    '25 LIVE PRODUCTS','27 NAMED AGENTS','19 ROOT DOMAINS','44 GITHUB ORGS','2,890 REPOS',
+    '131 SUBDOMAINS','$38/MO INFRA','52 TOPS AI','5 PI NODES','WIREGUARD MESH',
+    'SELF-HEALING FLEET','HAILO-8 ACCELERATORS','EDGE-NATIVE AI','SOVEREIGN COMPUTE',
+    'NATS MESSAGING','QDRANT RAG','OLLAMA LLM','GITEA PRIMARY',
+  ];
+  var html = '';
+  for (var i = 0; i < 2; i++) {
+    items.forEach(function(t) { html += '<span class="ticker-item">' + t + '</span>'; });
+  }
+  document.getElementById('ticker-scroll').innerHTML = html;
+})();
+
+// Init
+render(search(''), '');
+</script>
+</body>
+</html>

v2/public/index.html

@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>BlackRoad Network</title>
+  <link rel="stylesheet" href="/src/styles/base.css" />
+  <link rel="stylesheet" href="/src/styles/layout.css" />
+  <link rel="stylesheet" href="/src/styles/components.css" />
+</head>
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/main.js"></script>
+</body>
+</html>

v2/src/content/channels.js

@@ -0,0 +1,75 @@
+export const CHANNELS = [
+  {
+    id: "channel_1",
+    name: "Core",
+    tone: "intelligent, premium, broad",
+    videoIds: [
+      "vid_3b1b_calc_01",
+      "vid_comp_01",
+      "vid_ver_01",
+      "vid_doc_01",
+      "vid_bell_01",
+      "vid_blackroad_01"
+    ],
+    fallbackChannelIds: ["channel_3"],
+    enabled: true,
+  },
+  {
+    id: "channel_2",
+    name: "Documentary / Human",
+    tone: "curious, human, immersive",
+    videoIds: [
+      "vid_doc_01"
+    ],
+    fallbackChannelIds: ["channel_1"],
+    enabled: true,
+  },
+  {
+    id: "channel_3",
+    name: "Archive / Systems",
+    tone: "historical, eerie, technical",
+    videoIds: [
+      "vid_bell_01",
+      "vid_univac_01",
+      "vid_ibm_01"
+    ],
+    fallbackChannelIds: ["channel_1"],
+    enabled: true,
+  },
+  {
+    id: "channel_4",
+    name: "Live / Ambient",
+    tone: "present, ambient, real-time",
+    videoIds: [
+      "vid_doc_01"
+    ],
+    fallbackChannelIds: ["channel_1"],
+    enabled: true,
+  },
+  {
+    id: "channel_5",
+    name: "BlackRoad",
+    tone: "internal, alive, sovereign",
+    videoIds: [
+      "vid_blackroad_01"
+    ],
+    fallbackChannelIds: ["channel_1"],
+    enabled: true,
+  },
+  {
+    id: "personal_channel",
+    name: "Personal",
+    tone: "adaptive, invisible, personal",
+    videoIds: [
+      "vid_3b1b_calc_01",
+      "vid_bell_01",
+      "vid_doc_01"
+    ],
+    fallbackChannelIds: ["channel_1"],
+    enabled: true,
+  }
+];
+
+export function getChannelById(channelId) {
+  return CHANNELS.find((channel) => channel.id === channelId) || null;
+}

v2/src/content/schedule.js

@@ -0,0 +1,29 @@
+export const SCHEDULE = {
+  channel_1: [
+    { start: "00:00", end: "04:00", label: "Archive Block", category: "Archive" },
+    { start: "04:00", end: "08:00", label: "Systems Block", category: "Systems" },
+    { start: "08:00", end: "12:00", label: "Math Block", category: "Math" },
+    { start: "12:00", end: "16:00", label: "Science Block", category: "Science" },
+    { start: "16:00", end: "20:00", label: "Documentary Block", category: "Documentary" },
+    { start: "20:00", end: "24:00", label: "BlackRoad Block", category: "BlackRoad" },
+  ],
+  channel_2: [
+    { start: "00:00", end: "24:00", label: "Documentary / Human", category: "Documentary" },
+  ],
+  channel_3: [
+    { start: "00:00", end: "08:00", label: "Bell Systems", category: "Archive" },
+    { start: "08:00", end: "16:00", label: "Early Computing", category: "Archive" },
+    { start: "16:00", end: "24:00", label: "Industrial Systems", category: "Archive" },
+  ],
+  channel_4: [
+    { start: "00:00", end: "24:00", label: "Ambient / Live", category: "Documentary" },
+  ],
+  channel_5: [
+    { start: "00:00", end: "24:00", label: "BlackRoad Internal", category: "BlackRoad" },
+  ],
+  personal_channel: [
+    { start: "00:00", end: "08:00", label: "Late Night Archive", category: "Archive" },
+    { start: "08:00", end: "16:00", label: "Day Systems", category: "Systems" },
+    { start: "16:00", end: "24:00", label: "Evening Documentary", category: "Documentary" },
+  ],
+};

v2/src/content/videos.js

@@ -0,0 +1,122 @@
+export const VIDEOS = [
+  {
+    id: "vid_3b1b_calc_01",
+    title: "Essence of Calculus",
+    sourceType: "youtube",
+    embedUrl: "https://www.youtube.com/embed/VIDEO_ID_3B1B?autoplay=1&mute=1&playsinline=1",
+    sourceName: "3Blue1Brown",
+    category: "Math",
+    description: "Visual intuition for calculus.",
+    durationMinutes: 18,
+    tier: 3,
+    energy: "medium",
+    bestTimeOfDay: ["morning", "afternoon"],
+    tags: ["math", "visual", "core"],
+    enabled: true,
+  },
+  {
+    id: "vid_comp_01",
+    title: "How the Internet Works",
+    sourceType: "youtube",
+    embedUrl: "https://www.youtube.com/embed/VIDEO_ID_COMPUTERPHILE?autoplay=1&mute=1&playsinline=1",
+    sourceName: "Computerphile",
+    category: "Systems",
+    description: "A systems-level explainer for internet fundamentals.",
+    durationMinutes: 12,
+    tier: 3,
+    energy: "medium",
+    bestTimeOfDay: ["morning", "afternoon"],
+    tags: ["systems", "internet", "core"],
+    enabled: true,
+  },
+  {
+    id: "vid_ver_01",
+    title: "Deep Science",
+    sourceType: "youtube",
+    embedUrl: "https://www.youtube.com/embed/VIDEO_ID_VERITASIUM?autoplay=1&mute=1&playsinline=1",
+    sourceName: "Veritasium",
+    category: "Science",
+    description: "High-signal science with strong visual hooks.",
+    durationMinutes: 16,
+    tier: 3,
+    energy: "medium",
+    bestTimeOfDay: ["afternoon", "evening"],
+    tags: ["science", "visual"],
+    enabled: true,
+  },
+  {
+    id: "vid_doc_01",
+    title: "Documentary Feature",
+    sourceType: "youtube",
+    embedUrl: "https://www.youtube.com/embed/VIDEO_ID_DOC?autoplay=1&mute=1&playsinline=1",
+    sourceName: "DW Documentary",
+    category: "Documentary",
+    description: "Grounded real-world documentary programming.",
+    durationMinutes: 20,
+    tier: 2,
+    energy: "low",
+    bestTimeOfDay: ["evening", "night"],
+    tags: ["documentary", "human"],
+    enabled: true,
+  },
+  {
+    id: "vid_bell_01",
+    title: "Behind the Scenes with Telstar",
+    sourceType: "youtube",
+    embedUrl: "https://www.youtube.com/embed/MVI41ZfVSaM?autoplay=1&mute=1&playsinline=1",
+    sourceName: "Bell Telephone",
+    category: "Archive",
+    description: "Telecom history and communications systems.",
+    durationMinutes: 22,
+    tier: 3,
+    energy: "low",
+    bestTimeOfDay: ["late_night", "night"],
+    tags: ["archive", "telecom", "bell"],
+    enabled: true,
+  },
+  {
+    id: "vid_univac_01",
+    title: "Introduction to Digital Computers",
+    sourceType: "youtube",
+    embedUrl: "https://www.youtube.com/embed/qMnzbqgYlJ8?autoplay=1&mute=1&playsinline=1",
+    sourceName: "PeriscopeFilm",
+    category: "Archive",
+    description: "Early digital computing explained in period style.",
+    durationMinutes: 20,
+    tier: 3,
+    energy: "low",
+    bestTimeOfDay: ["late_night", "night"],
+    tags: ["archive", "computing", "periscopefilm"],
+    enabled: true,
+  },
+  {
+    id: "vid_ibm_01",
+    title: "IBM System/7 Computer System",
+    sourceType: "youtube",
+    embedUrl: "https://www.youtube.com/embed/HFmnpFlURFA?autoplay=1&mute=1&playsinline=1",
+    sourceName: "PeriscopeFilm",
+    category: "Archive",
+    description: "Industrial computing and control systems.",
+    durationMinutes: 17,
+    tier: 2,
+    energy: "low",
+    bestTimeOfDay: ["late_night", "night"],
+    tags: ["archive", "industrial", "computing"],
+    enabled: true,
+  },
+  {
+    id: "vid_blackroad_01",
+    title: "BlackRoad Internal Broadcast",
+    sourceType: "internal",
+    embedUrl: "/live/internal/standby.html",
+    sourceName: "BlackRoad",
+    category: "BlackRoad",
+    description: "Internal network, agent, and system broadcast.",
+    durationMinutes: 20,
+    tier: 5,
+    energy: "medium",
+    bestTimeOfDay: ["evening", "night"],
+    tags: ["internal", "blackroad"],
+    enabled: true,
+  }
+];

v2/src/core/router.js

@@ -0,0 +1,33 @@
+import { renderChannelsPanel } from "../ui/channelsPanel.js";
+import { renderGuide } from "../ui/guide.js";
+import { renderTicker } from "../ui/ticker.js";
+
+function resolveChannelId(pathname) {
+  if (pathname === "/live") return "channel_1";
+  if (pathname === "/live/2") return "channel_2";
+  if (pathname === "/live/3") return "channel_3";
+  if (pathname === "/live/4") return "channel_4";
+  if (pathname === "/live/5") return "channel_5";
+  if (pathname === "/live/me") return "personal_channel";
+  return "channel_1";
+}
+
+export function navigateTo(path) {
+  window.history.pushState({}, "", path);
+  window.dispatchEvent(new PopStateEvent("popstate"));
+}
+
+export function initRouter(state) {
+  function applyRoute() {
+    const path = window.location.pathname;
+    state.route = path;
+    state.activeChannelId = resolveChannelId(path);
+
+    renderChannelsPanel(state);
+    renderGuide(state);
+    renderTicker(state);
+  }
+
+  window.addEventListener("popstate", applyRoute);
+  applyRoute();
+}

v2/src/core/state.js

@@ -0,0 +1,18 @@
+import { loadPersistedState } from "./storage.js";
+
+export function createInitialState() {
+  const persisted = loadPersistedState();
+
+  return {
+    mode: persisted?.mode || "AUTO",
+    route: window.location.pathname || persisted?.route || "/live",
+    activeChannelId: persisted?.activeChannelId || "channel_1",
+    activeBlockId: persisted?.activeBlockId || null,
+    activeVideoId: persisted?.activeVideoId || null,
+    manualOverride: persisted?.manualOverride || null,
+    guideStatus: persisted?.guideStatus || "AUTO SCHEDULE ACTIVE",
+    sessionFailures: persisted?.sessionFailures || {},
+    lastUpdatedAt: persisted?.lastUpdatedAt || Date.now(),
+    playbackStartedAt: null,
+  };
+}

v2/src/core/storage.js

@@ -0,0 +1,75 @@
+const STORAGE_KEY = "blackroad.network.state.v1";
+const ATTENTION_KEY = "blackroad.network.attention.v1";
+
+export function loadPersistedState() {
+  try {
+    const raw = localStorage.getItem(STORAGE_KEY);
+    if (!raw) return null;
+    return JSON.parse(raw);
+  } catch (error) {
+    console.error("Failed to load persisted state", error);
+    return null;
+  }
+}
+
+export function savePersistedState(state) {
+  try {
+    const safeState = {
+      mode: state.mode,
+      route: state.route,
+      activeChannelId: state.activeChannelId,
+      activeBlockId: state.activeBlockId,
+      activeVideoId: state.activeVideoId,
+      manualOverride: state.manualOverride,
+      sessionFailures: state.sessionFailures,
+      guideStatus: state.guideStatus,
+      lastUpdatedAt: state.lastUpdatedAt,
+    };
+
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(safeState));
+  } catch (error) {
+    console.error("Failed to save persisted state", error);
+  }
+}
+
+export function clearPersistedState() {
+  try {
+    localStorage.removeItem(STORAGE_KEY);
+  } catch (error) {
+    console.error("Failed to clear persisted state", error);
+  }
+}
+
+export function loadAttentionEvents() {
+  try {
+    const raw = localStorage.getItem(ATTENTION_KEY);
+    if (!raw) return [];
+    return JSON.parse(raw);
+  } catch (error) {
+    console.error("Failed to load attention events", error);
+    return [];
+  }
+}
+
+export function saveAttentionEvents(events) {
+  try {
+    localStorage.setItem(ATTENTION_KEY, JSON.stringify(events));
+  } catch (error) {
+    console.error("Failed to save attention events", error);
+  }
+}
+
+export function pushAttentionEvent(event) {
+  const events = loadAttentionEvents();
+  events.push(event);
+
+  const trimmed = events.slice(-500);
+  saveAttentionEvents(trimmed);
+}
+
+export function clearManualOverride(state) {
+  state.manualOverride = null;
+  if (state.mode === "MANUAL") {
+    state.mode = "AUTO";
+  }
+}

v2/src/logic/attention.js

@@ -0,0 +1,134 @@
+import { pushAttentionEvent, loadAttentionEvents } from "../core/storage.js";
+
+export function getTimeOfDayBucket(date = new Date()) {
+  const hour = date.getHours();
+
+  if (hour < 5) return "late_night";
+  if (hour < 11) return "morning";
+  if (hour < 17) return "afternoon";
+  if (hour < 22) return "evening";
+  return "night";
+}
+
+export function logAttentionEvent(type, payload = {}) {
+  pushAttentionEvent({
+    id: crypto.randomUUID ? crypto.randomUUID() : `${Date.now()}_${Math.random()}`,
+    type,
+    timestamp: Date.now(),
+    timeOfDay: getTimeOfDayBucket(),
+    ...payload,
+  });
+}
+
+export function getAttentionSummary() {
+  const events = loadAttentionEvents();
+
+  const summary = {
+    totalEvents: events.length,
+    manualSelections: 0,
+    videoStarts: 0,
+    quickSkips: 0,
+    completions: 0,
+    byCategory: {},
+    byVideoId: {},
+    byTimeOfDay: {},
+  };
+
+  for (const event of events) {
+    if (event.type === "manual_selected") summary.manualSelections += 1;
+    if (event.type === "video_started") summary.videoStarts += 1;
+    if (event.type === "video_skipped_quick") summary.quickSkips += 1;
+    if (event.type === "video_completed") summary.completions += 1;
+
+    if (event.category) {
+      summary.byCategory[event.category] ??= {
+        starts: 0,
+        quickSkips: 0,
+        completions: 0,
+        manualSelections: 0,
+      };
+
+      if (event.type === "video_started") summary.byCategory[event.category].starts += 1;
+      if (event.type === "video_skipped_quick") summary.byCategory[event.category].quickSkips += 1;
+      if (event.type === "video_completed") summary.byCategory[event.category].completions += 1;
+      if (event.type === "manual_selected") summary.byCategory[event.category].manualSelections += 1;
+    }
+
+    if (event.videoId) {
+      summary.byVideoId[event.videoId] ??= {
+        starts: 0,
+        quickSkips: 0,
+        completions: 0,
+        manualSelections: 0,
+      };
+
+      if (event.type === "video_started") summary.byVideoId[event.videoId].starts += 1;
+      if (event.type === "video_skipped_quick") summary.byVideoId[event.videoId].quickSkips += 1;
+      if (event.type === "video_completed") summary.byVideoId[event.videoId].completions += 1;
+      if (event.type === "manual_selected") summary.byVideoId[event.videoId].manualSelections += 1;
+    }
+
+    if (event.timeOfDay) {
+      summary.byTimeOfDay[event.timeOfDay] ??= 0;
+      summary.byTimeOfDay[event.timeOfDay] += 1;
+    }
+  }
+
+  return summary;
+}
+
+export function getCategoryAffinity(category) {
+  const summary = getAttentionSummary();
+  const stats = summary.byCategory[category] || {
+    starts: 0,
+    quickSkips: 0,
+    completions: 0,
+    manualSelections: 0,
+  };
+
+  return (
+    stats.manualSelections * 5 +
+    stats.completions * 4 +
+    stats.starts * 1 -
+    stats.quickSkips * 6
+  );
+}
+
+export function getVideoAttentionScore(video) {
+  const summary = getAttentionSummary();
+  const stats = summary.byVideoId[video.id] || {
+    starts: 0,
+    quickSkips: 0,
+    completions: 0,
+    manualSelections: 0,
+  };
+
+  const timeOfDay = getTimeOfDayBucket();
+  const timeMatch = Array.isArray(video.bestTimeOfDay) && video.bestTimeOfDay.includes(timeOfDay) ? 8 : 0;
+  const categoryAffinity = getCategoryAffinity(video.category);
+
+  return (
+    (video.tier || 0) * 10 +
+    stats.manualSelections * 6 +
+    stats.completions * 4 -
+    stats.quickSkips * 5 +
+    timeMatch +
+    categoryAffinity
+  );
+}
+
+export function getTopCategories(limit = 3) {
+  const summary = getAttentionSummary();
+
+  return Object.entries(summary.byCategory)
+    .map(([category, stats]) => ({
+      category,
+      score:
+        stats.manualSelections * 5 +
+        stats.completions * 4 +
+        stats.starts -
+        stats.quickSkips * 6,
+    }))
+    .sort((a, b) => b.score - a.score)
+    .slice(0, limit);
+}

v2/src/logic/resolver.js

@@ -0,0 +1,129 @@
+import { VIDEOS } from "../content/videos.js";
+import { getChannelById } from "../content/channels.js";
+import { SCHEDULE } from "../content/schedule.js";
+import { getVideoAttentionScore, getTopCategories, getTimeOfDayBucket } from "./attention.js";
+
+export function getCurrentTimeHHMM() {
+  const now = new Date();
+  const hours = String(now.getHours()).padStart(2, "0");
+  const minutes = String(now.getMinutes()).padStart(2, "0");
+  return `${hours}:${minutes}`;
+}
+
+export function getCurrentBlock(channelId) {
+  const blocks = SCHEDULE[channelId] || [];
+  const now = getCurrentTimeHHMM();
+
+  return blocks.find((block) => {
+    const normalizedEnd = block.end === "24:00" ? "24:00" : block.end;
+    return now >= block.start && now < normalizedEnd;
+  }) || null;
+}
+
+export function getUpcomingBlocks(channelId, count = 3) {
+  const blocks = SCHEDULE[channelId] || [];
+  const now = getCurrentTimeHHMM();
+
+  const currentIndex = blocks.findIndex((block) => {
+    const normalizedEnd = block.end === "24:00" ? "24:00" : block.end;
+    return now >= block.start && now < normalizedEnd;
+  });
+
+  if (currentIndex === -1) return blocks.slice(0, count);
+  return blocks.slice(currentIndex + 1, currentIndex + 1 + count);
+}
+
+export function getVideoById(videoId) {
+  return VIDEOS.find((video) => video.id === videoId) || null;
+}
+
+function getPersonalCandidates(state) {
+  const topCategories = getTopCategories(3).map((item) => item.category);
+  const timeOfDay = getTimeOfDayBucket();
+
+  const enabled = VIDEOS
+    .filter((video) => video.enabled)
+    .filter((video) => !state.sessionFailures[video.id]);
+
+  const categoryMatches = enabled.filter((video) => topCategories.includes(video.category));
+  const timeMatches = enabled.filter(
+    (video) => Array.isArray(video.bestTimeOfDay) && video.bestTimeOfDay.includes(timeOfDay)
+  );
+
+  const merged = [...new Map([...categoryMatches, ...timeMatches, ...enabled].map((video) => [video.id, video])).values()];
+
+  return merged;
+}
+
+export function resolveVideoForChannel(state, channelId) {
+  if (channelId === "personal_channel") {
+    const pool = getPersonalCandidates(state)
+      .sort((a, b) => getVideoAttentionScore(b) - getVideoAttentionScore(a));
+
+    const video = pool[0] || null;
+
+    if (!video) return null;
+
+    return {
+      ...video,
+      resolverMeta: {
+        reason: "personal_attention_match",
+        timeOfDay: getTimeOfDayBucket(),
+        topCategories: getTopCategories(3),
+      },
+    };
+  }
+
+  const channel = getChannelById(channelId);
+  if (!channel || !channel.enabled) return null;
+
+  const block = getCurrentBlock(channelId);
+
+  const candidates = channel.videoIds
+    .map(getVideoById)
+    .filter(Boolean)
+    .filter((video) => video.enabled)
+    .filter((video) => !state.sessionFailures[video.id]);
+
+  if (!candidates.length) return null;
+
+  const categoryMatches = block
+    ? candidates.filter((video) => video.category === block.category)
+    : [];
+
+  const pool = categoryMatches.length ? categoryMatches : candidates;
+
+  const selected = [...pool]
+    .sort((a, b) => getVideoAttentionScore(b) - getVideoAttentionScore(a))[0] || null;
+
+  if (!selected) return null;
+
+  return {
+    ...selected,
+    resolverMeta: {
+      reason: categoryMatches.length ? "schedule_category_match" : "channel_best_available",
+      blockCategory: block?.category || null,
+      timeOfDay: getTimeOfDayBucket(),
+    },
+  };
+}
+
+export function explainResolvedVideo(video) {
+  if (!video?.resolverMeta) return "Default network selection.";
+
+  const { reason, blockCategory, timeOfDay, topCategories } = video.resolverMeta;
+
+  if (reason === "personal_attention_match") {
+    const top = Array.isArray(topCategories) && topCategories.length
+      ? topCategories.map((item) => item.category).join(", ")
+      : "current preferences";
+
+    return `Picked for your personal channel based on ${timeOfDay} and your strongest categories: ${top}.`;
+  }
+
+  if (reason === "schedule_category_match") {
+    return `Picked because it matches the active ${blockCategory} block and fits ${timeOfDay} viewing.`;
+  }
+
+  return `Picked as the best available source for ${timeOfDay}.`;
+}

v2/src/main.js

@@ -0,0 +1,13 @@
+import { createInitialState } from "./core/state.js";
+import { initRouter } from "./core/router.js";
+import { renderShell, renderClock } from "./ui/shell.js";
+import { startLiveLoop } from "./player/player.js";
+
+const state = createInitialState();
+
+renderShell(state);
+initRouter(state);
+startLiveLoop(state);
+
+renderClock();
+setInterval(renderClock, 1000);

v2/src/player/fallback.js

@@ -0,0 +1,30 @@
+import { getChannelById } from "../content/channels.js";
+import { resolveVideoForChannel } from "../logic/resolver.js";
+
+export function markVideoFailure(state, videoId) {
+  if (!videoId) return;
+  state.sessionFailures[videoId] = true;
+}
+
+export function clearVideoFailure(state, videoId) {
+  if (!videoId) return;
+  delete state.sessionFailures[videoId];
+}
+
+export function resolveFallbackVideo(state, channelId) {
+  const primary = resolveVideoForChannel(state, channelId);
+  if (primary) return primary;
+
+  const channel = getChannelById(channelId);
+  if (!channel) return null;
+
+  for (const fallbackChannelId of channel.fallbackChannelIds || []) {
+    const fallback = resolveVideoForChannel(state, fallbackChannelId);
+    if (fallback) {
+      state.mode = "FALLBACK";
+      return fallback;
+    }
+  }
+
+  return null;
+}

v2/src/player/player.js

@@ -0,0 +1,168 @@
+import { getCurrentBlock, explainResolvedVideo } from "../logic/resolver.js";
+import { renderNowPlaying } from "../ui/shell.js";
+import { renderGuide } from "../ui/guide.js";
+import { renderTicker } from "../ui/ticker.js";
+import { renderChannelsPanel } from "../ui/channelsPanel.js";
+import { renderVideoPanel } from "../ui/videoPanel.js";
+import { renderDebugPanel } from "../ui/debugPanel.js";
+import { savePersistedState, clearManualOverride } from "../core/storage.js";
+import { logAttentionEvent } from "../logic/attention.js";
+import { resolveFallbackVideo, markVideoFailure } from "./fallback.js";
+
+let playerEl = null;
+let lastStartedVideoId = null;
+
+function bindControlEvents(state) {
+  const resumeButton = document.getElementById("resume-auto-button");
+  const clearFailuresButton = document.getElementById("clear-failures-button");
+
+  if (resumeButton) {
+    resumeButton.onclick = () => {
+      clearManualOverride(state);
+      state.guideStatus = "AUTO SCHEDULE ACTIVE";
+      savePersistedState(state);
+    };
+  }
+
+  if (clearFailuresButton) {
+    clearFailuresButton.onclick = () => {
+      state.sessionFailures = {};
+      if (state.mode === "FALLBACK" || state.mode === "STANDBY") {
+        state.mode = "AUTO";
+      }
+      savePersistedState(state);
+    };
+  }
+}
+
+function logVideoStart(state, video, block) {
+  if (!video || lastStartedVideoId === video.id) return;
+
+  lastStartedVideoId = video.id;
+  state.playbackStartedAt = Date.now();
+
+  logAttentionEvent("video_started", {
+    videoId: video.id,
+    category: video.category,
+    channelId: state.activeChannelId,
+    blockLabel: block?.label || null,
+  });
+}
+
+function logVideoExit(state, previousVideoId, previousCategory) {
+  if (!previousVideoId || !state.playbackStartedAt) return;
+
+  const elapsedSeconds = Math.floor((Date.now() - state.playbackStartedAt) / 1000);
+
+  if (elapsedSeconds < 30) {
+    logAttentionEvent("video_skipped_quick", {
+      videoId: previousVideoId,
+      category: previousCategory,
+      channelId: state.activeChannelId,
+      watchSeconds: elapsedSeconds,
+    });
+  } else if (elapsedSeconds > 180) {
+    logAttentionEvent("video_completed", {
+      videoId: previousVideoId,
+      category: previousCategory,
+      channelId: state.activeChannelId,
+      watchSeconds: elapsedSeconds,
+    });
+  }
+}
+
+function bindPlayerErrorHandling(state) {
+  if (!playerEl) return;
+
+  playerEl.onerror = () => {
+    if (!state.activeVideoId) return;
+
+    markVideoFailure(state, state.activeVideoId);
+    state.manualOverride = null;
+
+    const fallbackVideo = resolveFallbackVideo(state, state.activeChannelId);
+
+    if (fallbackVideo) {
+      state.mode = "FALLBACK";
+      state.activeVideoId = null;
+      state.guideStatus = "FALLBACK SOURCE ACTIVE";
+      savePersistedState(state);
+    } else {
+      state.mode = "STANDBY";
+      state.guideStatus = "STANDBY BROADCAST ACTIVE";
+      savePersistedState(state);
+    }
+  };
+}
+
+export function startLiveLoop(state) {
+  playerEl = document.getElementById("live-player");
+  bindControlEvents(state);
+  bindPlayerErrorHandling(state);
+
+  function tick() {
+    const block = getCurrentBlock(state.activeChannelId);
+    const previousVideoId = state.activeVideoId;
+    const previousCategory = state.manualOverride?.category || null;
+
+    let video = null;
+
+    if (state.manualOverride) {
+      video = state.manualOverride;
+      state.mode = "MANUAL";
+      state.guideStatus = "MANUAL VIDEO OVERRIDE ACTIVE";
+    } else {
+      video = resolveFallbackVideo(state, state.activeChannelId);
+
+      if (video) {
+        if (state.mode !== "FALLBACK") {
+          state.mode = "AUTO";
+        }
+        state.guideStatus = state.mode === "FALLBACK"
+          ? "FALLBACK SOURCE ACTIVE"
+          : "AUTO SCHEDULE ACTIVE";
+      }
+    }
+
+    const explanation = video ? explainResolvedVideo(video) : "";
+
+    if (!video) {
+      state.mode = "STANDBY";
+      state.activeVideoId = null;
+      state.activeBlockId = null;
+      state.guideStatus = "STANDBY BROADCAST ACTIVE";
+
+      renderNowPlaying(state, null, block, explanation);
+      renderGuide(state);
+      renderTicker(state);
+      renderChannelsPanel(state);
+      renderVideoPanel(state);
+      renderDebugPanel(state);
+      savePersistedState(state);
+      return;
+    }
+
+    if (state.activeVideoId !== video.id && playerEl) {
+      logVideoExit(state, previousVideoId, previousCategory);
+
+      state.activeVideoId = video.id;
+      state.activeBlockId = block?.label || null;
+      playerEl.src = video.embedUrl;
+
+      logVideoStart(state, video, block);
+    }
+
+    renderNowPlaying(state, video, block, explanation);
+    renderGuide(state);
+    renderTicker(state);
+    renderChannelsPanel(state);
+    renderVideoPanel(state);
+    renderDebugPanel(state);
+
+    state.lastUpdatedAt = Date.now();
+    savePersistedState(state);
+  }
+
+  tick();
+  setInterval(tick, 30000);
+}

v2/src/styles/base.css

@@ -0,0 +1,19 @@
+* {
+  box-sizing: border-box;
+}
+
+html,
+body {
+  margin: 0;
+  padding: 0;
+  background: #000;
+  color: #fff;
+  font-family: Inter, Arial, sans-serif;
+}
+
+button,
+input,
+textarea,
+select {
+  font: inherit;
+}

v2/src/styles/components.css

@@ -0,0 +1,195 @@
+.brand,
+.live-pill,
+.mode-badge,
+.clock,
+.panel-title,
+.eyebrow,
+.guide-status,
+.ticker-pill {
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+}
+
+.brand,
+.live-pill,
+.mode-badge,
+.clock {
+  font-size: 12px;
+}
+
+.live-pill,
+.mode-badge,
+.ticker-pill,
+.guide-status {
+  border: 1px solid #333;
+  padding: 4px 8px;
+}
+
+.panel-title,
+.eyebrow {
+  font-size: 11px;
+  color: #9a9a9a;
+}
+
+.now-playing {
+  margin-top: 12px;
+  display: grid;
+  gap: 8px;
+}
+
+.title {
+  font-size: 24px;
+  font-weight: 700;
+}
+
+.meta,
+.desc,
+.channel-chip__tone,
+.guide-category {
+  color: #a8a8a8;
+  font-size: 13px;
+}
+
+.meta {
+  display: flex;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+
+#channels-panel,
+#guide-panel,
+#ticker {
+  display: grid;
+  gap: 8px;
+}
+
+.channel-chip {
+  width: 100%;
+  text-align: left;
+  background: #0b0b0b;
+  color: #fff;
+  border: 1px solid #2a2a2a;
+  padding: 10px;
+  cursor: pointer;
+  display: grid;
+  gap: 4px;
+}
+
+.channel-chip--active {
+  border-color: #fff;
+}
+
+.channel-chip__name {
+  font-weight: 600;
+}
+
+.guide-row {
+  display: grid;
+  grid-template-columns: 110px 1fr auto;
+  gap: 10px;
+  align-items: start;
+  border: 1px solid #242424;
+  padding: 10px;
+  background: #090909;
+}
+
+.guide-row--live {
+  border-color: #fff;
+}
+
+.guide-row--past {
+  opacity: 0.5;
+}
+
+.guide-time {
+  font-family: "JetBrains Mono", monospace;
+  color: #b0b0b0;
+  font-size: 12px;
+}
+
+.guide-label {
+  font-weight: 600;
+  margin-bottom: 4px;
+}
+
+#ticker {
+  display: flex;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+.control-row {
+  display: flex;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+.control-button {
+  background: #0b0b0b;
+  color: #fff;
+  border: 1px solid #333;
+  padding: 10px 12px;
+  cursor: pointer;
+}
+
+.guide-banner {
+  border: 1px solid #2b2b2b;
+  padding: 8px 10px;
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: #d0d0d0;
+  background: #0a0a0a;
+}
+
+#video-panel,
+#debug-panel {
+  display: grid;
+  gap: 8px;
+}
+
+.video-chip {
+  width: 100%;
+  text-align: left;
+  background: #0b0b0b;
+  color: #fff;
+  border: 1px solid #2a2a2a;
+  padding: 10px;
+  cursor: pointer;
+  display: grid;
+  gap: 4px;
+}
+
+.video-chip--active {
+  border-color: #fff;
+}
+
+.video-chip__title {
+  font-weight: 600;
+}
+
+.video-chip__meta,
+.selection-reason,
+.debug-line {
+  color: #a8a8a8;
+  font-size: 13px;
+}
+
+.selection-reason {
+  border-top: 1px solid #1f1f1f;
+  padding-top: 8px;
+}
+
+.debug-block {
+  border: 1px solid #242424;
+  padding: 10px;
+  background: #090909;
+}
+
+.debug-title {
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  font-size: 11px;
+  color: #d0d0d0;
+  margin-bottom: 8px;
+}

v2/src/styles/layout.css

@@ -0,0 +1,75 @@
+.network-shell {
+  min-height: 100vh;
+  display: grid;
+  grid-template-rows: auto 1fr auto;
+  background: #000;
+}
+
+.topbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 12px;
+  padding: 12px 16px;
+  border-bottom: 1px solid #1f1f1f;
+  background: #050505;
+}
+
+.brand-wrap,
+.topbar-center {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.layout {
+  display: grid;
+  grid-template-columns: minmax(0, 2fr) minmax(320px, 420px);
+  gap: 12px;
+  padding: 12px;
+}
+
+.main-panel,
+.panel,
+.ticker-wrap {
+  border: 1px solid #1f1f1f;
+  background: #050505;
+}
+
+.main-panel {
+  padding: 12px;
+}
+
+.player-wrap {
+  aspect-ratio: 16 / 9;
+  background: #000;
+  border: 1px solid #222;
+}
+
+.player-wrap iframe {
+  width: 100%;
+  height: 100%;
+  border: 0;
+}
+
+.side-panel {
+  display: grid;
+  gap: 12px;
+}
+
+.panel {
+  padding: 12px;
+}
+
+.ticker-wrap {
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  padding: 12px 16px;
+}
+
+@media (max-width: 960px) {
+  .layout {
+    grid-template-columns: 1fr;
+  }
+}

v2/src/ui/channelsPanel.js

@@ -0,0 +1,39 @@
+import { CHANNELS } from "../content/channels.js";
+import { resolveVideoForChannel } from "../logic/resolver.js";
+import { logAttentionEvent } from "../logic/attention.js";
+
+export function renderChannelsPanel(state) {
+  const el = document.getElementById("channels-panel");
+  if (!el) return;
+
+  el.innerHTML = CHANNELS.map((channel) => `
+    <button
+      class="channel-chip ${channel.id === state.activeChannelId ? "channel-chip--active" : ""}"
+      data-channel-id="${channel.id}"
+      type="button"
+    >
+      <span class="channel-chip__name">${channel.name}</span>
+      <span class="channel-chip__tone">${channel.tone}</span>
+    </button>
+  `).join("");
+
+  el.querySelectorAll("[data-channel-id]").forEach((button) => {
+    button.addEventListener("click", () => {
+      const channelId = button.dataset.channelId;
+      const video = resolveVideoForChannel(state, channelId);
+
+      state.activeChannelId = channelId;
+
+      if (video) {
+        state.manualOverride = video;
+        state.mode = "MANUAL";
+
+        logAttentionEvent("manual_selected", {
+          videoId: video.id,
+          channelId,
+          category: video.category,
+        });
+      }
+    });
+  });
+}

v2/src/ui/debugPanel.js

@@ -0,0 +1,40 @@
+import { getAttentionSummary, getTopCategories } from "../logic/attention.js";
+import { explainResolvedVideo, resolveVideoForChannel } from "../logic/resolver.js";
+
+export function renderDebugPanel(state) {
+  const el = document.getElementById("debug-panel");
+  if (!el) return;
+
+  const attention = getAttentionSummary();
+  const resolved = state.manualOverride || resolveVideoForChannel(state, state.activeChannelId);
+  const explanation = resolved ? explainResolvedVideo(resolved) : "No active resolution.";
+  const topCategories = getTopCategories(3);
+
+  el.innerHTML = `
+    <div class="debug-block">
+      <div class="debug-title">Resolver</div>
+      <div class="debug-line">${explanation}</div>
+    </div>
+
+    <div class="debug-block">
+      <div class="debug-title">Top Categories</div>
+      ${topCategories.length
+        ? topCategories.map((item) => `<div class="debug-line">${item.category}: ${item.score}</div>`).join("")
+        : `<div class="debug-line">No category data yet.</div>`}
+    </div>
+
+    <div class="debug-block">
+      <div class="debug-title">Attention</div>
+      <div class="debug-line">Events: ${attention.totalEvents}</div>
+      <div class="debug-line">Manual: ${attention.manualSelections}</div>
+      <div class="debug-line">Starts: ${attention.videoStarts}</div>
+      <div class="debug-line">Quick skips: ${attention.quickSkips}</div>
+      <div class="debug-line">Completions: ${attention.completions}</div>
+    </div>
+
+    <div class="debug-block">
+      <div class="debug-title">Failures</div>
+      <div class="debug-line">${Object.keys(state.sessionFailures || {}).length} failed sources this session</div>
+    </div>
+  `;
+}

v2/src/ui/guide.js

@@ -0,0 +1,53 @@
+import { SCHEDULE } from "../content/schedule.js";
+import { getCurrentBlock, getUpcomingBlocks } from "../logic/resolver.js";
+
+export function renderGuide(state) {
+  const el = document.getElementById("guide-panel");
+  if (!el) return;
+
+  const current = getCurrentBlock(state.activeChannelId);
+  const upcoming = getUpcomingBlocks(state.activeChannelId, 3);
+  const allBlocks = SCHEDULE[state.activeChannelId] || [];
+  const previous = allBlocks.find((block) => block.end === current?.start);
+
+  const statusRow = `
+    <div class="guide-banner">${state.guideStatus || "AUTO SCHEDULE ACTIVE"}</div>
+  `;
+
+  el.innerHTML = `
+    ${statusRow}
+
+    ${previous ? `
+      <div class="guide-row guide-row--past">
+        <div class="guide-time">${previous.start}\u2013${previous.end}</div>
+        <div class="guide-main">
+          <div class="guide-label">${previous.label}</div>
+          <div class="guide-category">${previous.category}</div>
+        </div>
+        <div class="guide-status">PAST</div>
+      </div>
+    ` : ""}
+
+    ${current ? `
+      <div class="guide-row guide-row--live">
+        <div class="guide-time">${current.start}\u2013${current.end}</div>
+        <div class="guide-main">
+          <div class="guide-label">${current.label}</div>
+          <div class="guide-category">${current.category}</div>
+        </div>
+        <div class="guide-status">${state.mode}</div>
+      </div>
+    ` : ""}
+
+    ${upcoming.map((block, index) => `
+      <div class="guide-row">
+        <div class="guide-time">${block.start}\u2013${block.end}</div>
+        <div class="guide-main">
+          <div class="guide-label">${block.label}</div>
+          <div class="guide-category">${block.category}</div>
+        </div>
+        <div class="guide-status">${index === 0 ? "NEXT" : "LATER"}</div>
+      </div>
+    `).join("")}
+  `;
+}

v2/src/ui/shell.js

@@ -0,0 +1,107 @@
+export function renderShell(state) {
+  const app = document.getElementById("app");
+  if (!app) return;
+
+  app.innerHTML = `
+    <div class="network-shell">
+      <header class="topbar">
+        <div class="brand-wrap">
+          <div class="brand">BLACKROAD NETWORK</div>
+          <div class="live-pill">LIVE</div>
+        </div>
+
+        <div class="topbar-center">
+          <div id="mode-badge" class="mode-badge">${state.mode}</div>
+        </div>
+
+        <div id="clock" class="clock">--:--:--</div>
+      </header>
+
+      <main class="layout">
+        <section class="main-panel">
+          <div class="player-wrap">
+            <iframe
+              id="live-player"
+              allow="autoplay; encrypted-media; picture-in-picture"
+              allowfullscreen
+              playsinline
+            ></iframe>
+          </div>
+
+          <section id="now-playing" class="now-playing"></section>
+
+          <section class="panel">
+            <div class="panel-title">CONTROL</div>
+            <div class="control-row">
+              <button id="resume-auto-button" class="control-button" type="button">Resume Auto</button>
+              <button id="clear-failures-button" class="control-button" type="button">Clear Failures</button>
+            </div>
+          </section>
+
+          <section class="panel">
+            <div class="panel-title">VIDEO OVERRIDE</div>
+            <div id="video-panel"></div>
+          </section>
+        </section>
+
+        <aside class="side-panel">
+          <section class="panel">
+            <div class="panel-title">CHANNELS</div>
+            <div id="channels-panel"></div>
+          </section>
+
+          <section class="panel">
+            <div class="panel-title">GUIDE</div>
+            <div id="guide-panel"></div>
+          </section>
+
+          <section class="panel">
+            <div class="panel-title">DEBUG</div>
+            <div id="debug-panel"></div>
+          </section>
+        </aside>
+      </main>
+
+      <footer class="ticker-wrap">
+        <div class="panel-title">SYSTEM</div>
+        <div id="ticker"></div>
+      </footer>
+    </div>
+  `;
+}
+
+export function renderNowPlaying(state, video, block, explanation = "") {
+  const el = document.getElementById("now-playing");
+  const modeBadge = document.getElementById("mode-badge");
+
+  if (modeBadge) {
+    modeBadge.textContent = state.mode;
+  }
+
+  if (!el) return;
+
+  el.innerHTML = `
+    <div class="eyebrow">NOW PLAYING</div>
+    <div class="title">${video?.title || "Standby Broadcast"}</div>
+    <div class="meta">
+      <span>${video?.sourceName || "BlackRoad"}</span>
+      <span>${block?.label || "No active block"}</span>
+      <span>${video?.category || "--"}</span>
+      <span>${state.manualOverride ? "MANUAL OVERRIDE" : "SCHEDULED"}</span>
+    </div>
+    <div class="desc">${video?.description || "No source available."}</div>
+    <div class="selection-reason">${explanation || ""}</div>
+  `;
+}
+
+export function renderClock() {
+  const el = document.getElementById("clock");
+  if (!el) return;
+
+  const now = new Date();
+  el.textContent = now.toLocaleTimeString([], {
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit",
+  });
+}

v2/src/ui/ticker.js

@@ -0,0 +1,23 @@
+import { getChannelById } from "../content/channels.js";
+
+export function renderTicker(state) {
+  const el = document.getElementById("ticker");
+  if (!el) return;
+
+  const channel = getChannelById(state.activeChannelId);
+
+  const items = [
+    `MODE ${state.mode}`,
+    `CHANNEL ${channel?.name || "--"}`,
+    `BLOCK ${state.activeBlockId || "--"}`,
+    `VIDEO ${state.activeVideoId || "--"}`,
+    `FAILURES ${Object.keys(state.sessionFailures || {}).length}`,
+    `PRODUCTS 22`,
+    `ORGS 44`,
+    `DOMAINS 20`,
+  ];
+
+  el.innerHTML = items
+    .map((item) => `<span class="ticker-pill">${item}</span>`)
+    .join("");
+}

v2/src/ui/videoPanel.js

@@ -0,0 +1,40 @@
+import { VIDEOS } from "../content/videos.js";
+import { logAttentionEvent } from "../logic/attention.js";
+
+export function renderVideoPanel(state) {
+  const el = document.getElementById("video-panel");
+  if (!el) return;
+
+  const pool = VIDEOS
+    .filter((video) => video.enabled)
+    .filter((video) => !state.sessionFailures[video.id]);
+
+  el.innerHTML = pool.map((video) => `
+    <button
+      class="video-chip ${video.id === state.activeVideoId ? "video-chip--active" : ""}"
+      data-video-id="${video.id}"
+      type="button"
+    >
+      <span class="video-chip__title">${video.title}</span>
+      <span class="video-chip__meta">${video.sourceName} / ${video.category}</span>
+    </button>
+  `).join("");
+
+  el.querySelectorAll("[data-video-id]").forEach((button) => {
+    button.addEventListener("click", () => {
+      const videoId = button.dataset.videoId;
+      const video = VIDEOS.find((item) => item.id === videoId);
+      if (!video) return;
+
+      state.manualOverride = video;
+      state.mode = "MANUAL";
+      state.guideStatus = "MANUAL VIDEO OVERRIDE ACTIVE";
+
+      logAttentionEvent("manual_selected", {
+        videoId: video.id,
+        category: video.category,
+        channelId: state.activeChannelId,
+      });
+    });
+  });
+}