Mark Barnett — Personal Command Center

Dashboard Design Brief · April 27, 2026 · For Claude Design overnight build

Who This Is For

Mark Barnett (Breez), 57. Middle-school teacher by day, Digital Twin Architect by obsession. Not a coder. Brain-dumps verbally via a wearable microphone (OMI pendant) that transcribes everything he says. Has built a personal AI stack that would make most engineers jealous. Values truth, speed, and zero friction. Hates dashboards that look like PowerPoint. Wants something that feels like a real control room — dark, alive, data-moving.

What He Has Running Right Now

Dashboard Purpose

One screen that shows Mark's life is working. Not analytics. Not metrics for metrics' sake. A living pulse check he can glance at from his phone or laptop and know: TP3 is healthy, Bidet is listening, the pendant is transcribing, Legacy Soil is up, nothing is on fire.

Secondary purpose: a place he can do a quick brain dump right there in the dashboard without opening Bidet separately.

Required Live Elements

1. TP3 Health Strip (top of page, always visible)

• Row count (live, pulled every 5 min)
• Last ingest timestamp ("3 min ago" / "2 hours ago" — turns red if >4 hours)
• Today's row delta (+247 since midnight)
• Status dot: green / yellow / red

2. OMI Live Transcript Feed

• Scrolling real-time text of what the pendant is currently hearing
• Each 3-second chunk appears as it arrives, fades older lines
• Shows "🎤 Listening..." when connected, "⚫ Offline" when not
• This is live right now — pendant → Bidet GPU Whisper → 3s segments

3. Bidet Session Quick-Launch

• One big "Start Recording" button → opens bidetai.thebarnetts.info in new tab
• Last 3 session timestamps with status (processed / pending)
• Click any session → opens it

4. CPU / GPU Meters

• Simple animated bars showing Apex CPU % and GPU % utilization
• Updates every 10 seconds
• Mark wants to see the GPU light up when Whisper is loading — proof the machine is working
• Style: minimal green bars on dark background, old terminal aesthetic

5. Calendar

• Next 3 calendar events from Google Calendar integration (already wired)

6. Quick Links Bar

• Bidet AI · OMI App · Legacy Soil · Reports · GitHub

Design Aesthetic

Layout Wireframe

Live Data Architecture

Phase 1 — Tonight's Build

1. Static HTML/CSS/JS shell with layout above
2. Cloudflare Worker endpoint serving mock live data (real data drops in Phase 2)
3. OMI transcript feed with CSS animation simulating streaming text
4. CPU/GPU bars — animated even if static values for now
5. Quick links bar + Calendar strip
6. TP3 status strip with mock data

Deploy to: Cloudflare Pages at dashboard.thebarnetts.info

Phase 2 — Wire It Live

1. Apex PS1 collector script → TP3 row counts + GPU stats → Cloudflare KV every 30s
2. Bidet WebSocket segments → KV → live transcript feed
3. Real CPU/GPU from Apex Windows performance counters

Mark's Voice (for copy/labels)

• Calls the TP3 system his "Digital Twin"
• Calls Bidet "honest answers"
• The pendant captures everything — he talks to it constantly
• "Oracle" = the AI that listens and responds to him in real-time
• Responds to directness. "BOSS" = he's asking for your attention.
• Do NOT use: leverage, synergize, streamline, empower
• DO use: plain words, "it works," "live," "real," numbers over adjectives

Existing Sites to Reference

• Current reports: reports.thebarnetts.info
• Legacy Soil: legacy.thebarnetts.info
• Bidet AI: bidetai.thebarnetts.info (login required)

Build something Mark looks at every morning and every night and thinks: this is mine, it's alive, it's working.