# Mission Control Dashboard — Build Spec

Build a single-file interactive HTML dashboard (`mission-control.html`) in `/Users/joemac/.openclaw/workspace/`. 
No external dependencies — use inline CSS/JS only. Modern dark theme, professional look.

## Layout
- Fixed left sidebar with navigation icons/labels for each screen
- Main content area that switches between screens
- Header bar showing "🦞 Rob Lobster — Mission Control" and current date/time
- Responsive but primarily designed for desktop (Mac Mini monitor)

## Screens (6 total)

### 1. Activity Feed
- Reverse-chronological feed showing every action Rob takes
- Each entry: timestamp, action type (icon), description, token cost estimate, status (success/running/failed)
- Action types: 📊 Analysis, 🔍 Research, 📝 Document, 💻 Build, 📧 Email Check, 📈 Market Check, 🔔 Alert, 💬 Conversation
- Filter bar at top: filter by action type, date range, business vertical
- Color-coded by business vertical (TLC=green, Surfbox=blue, Investing=purple, ReBolt=orange, Real Estate=teal, Personal=gray)
- Data source: reads from a JSON structure embedded in the file (we'll update it programmatically)
- Include sample data showing today's activities:
  - "Read and analyzed TLC financial statements (2024-2025)" — 📊 Analysis — TLC
  - "Parsed 1,275 customer sales records from Epicor" — 📊 Analysis — TLC  
  - "Read Surfbox 2025 P&L for LBI and OBX entities" — 📊 Analysis — Surfbox
  - "Analyzed Google Ads performance data (20 weeks)" — 📊 Analysis — Surfbox
  - "Created MISSION.md — Command Center mission statement" — 📝 Document — All
  - "Built initial data pipeline architecture plan" — 💻 Build — All

### 2. Calendar / Scheduled Tasks
- Monthly calendar view (like Google Calendar)
- Shows cron jobs, scheduled tasks, and reminders as colored blocks
- Sidebar showing "Upcoming" list (next 7 days)
- Each event shows: time, task name, type (cron/reminder/task), estimated token cost
- Toggle to show/hide completed tasks
- Include sample entries:
  - Daily: "Heartbeat check" (recurring)
  - "April 30 — Portfolio Restructure Execution Day" (one-time, highlighted)
  - "Weekly: Epicor data ingestion" (recurring, pending setup)
  - "Monthly: Dashboard refresh" (recurring)
- Color-coded by vertical same as activity feed

### 3. Global Search
- Large search bar at top, prominent
- Searches across: memories (memory/*.md files), MEMORY.md, task board, documents, activity feed
- Results show: source type (icon), title/excerpt, date, relevance score
- Clickable results that expand to show full content
- Filter pills: Memories, Tasks, Documents, Activity, All
- Include a pre-populated index of known documents:
  - All memory files
  - MISSION.md, MEMORY.md, USER.md, IDENTITY.md
  - All files from "initial Brain dump by Joe files" folder
  - Task board entries
- Search should work client-side with a simple text matching algorithm on the embedded index

### 4. Task Board (Kanban)
- Four columns: Backlog, In Progress, Review, Done
- Each card shows: task title, assigned to (Rob 🦞 or Joe 👤), business vertical tag, priority (high/medium/low), date created, brief description
- Cards are color-coded by vertical
- Drag visual (don't need actual drag-n-drop, just organized columns)
- Pre-populate with current tasks:
  
  **Backlog:**
  - "Build TLC Command Center Dashboard" — Rob 🦞 — TLC — High
  - "Build Surfbox Growth Tracker Dashboard" — Rob 🦞 — Surfbox — High
  - "Build Value Investor Dashboard" — Rob 🦞 — Investing — Medium
  - "Set up Gmail API read-only pipeline" — Joe 👤 — Infrastructure — High
  - "Set up M365 Calendar ICS publishing" — Joe 👤 — Infrastructure — Medium
  - "Tailscale setup for remote access" — Joe 👤 — Infrastructure — Medium
  - "ReBolt manufacturer research" — Rob 🦞 — ReBolt — Medium
  - "Keli social media content calendar" — Rob 🦞 — Real Estate — Medium
  - "Colorant industry market scan" — Rob 🦞 — Colorant — Low
  - "Surfbox social media program (April 30 go-live)" — Rob 🦞 — Surfbox — High
  
  **In Progress:**
  - "Mission Control Dashboard" — Rob 🦞 — Infrastructure — High
  - "Data ingestion architecture" — Rob 🦞 — Infrastructure — High
  - "Onboarding & context loading" — Rob 🦞 — All — High
  
  **Review:**
  - "MISSION.md — Command Center mission statement" — Rob 🦞 — All — Complete
  
  **Done:**
  - "Initial brain dump analysis (TLC + Surfbox)" — Rob 🦞 — All — Complete
  - "TLC financial deep-dive (2024-2025)" — Rob 🦞 — TLC — Complete
  - "Surfbox financial deep-dive (2025)" — Rob 🦞 — Surfbox — Complete

### 5. Memory Screen
- Clean document viewer listing all memories
- Two sections:
  - **Long-Term Memory (MEMORY.md)** — displayed as formatted document with collapsible sections
  - **Daily Logs** — list of memory/YYYY-MM-DD.md files, clickable to expand
- Search bar that filters across all memory content
- Each memory entry shows: date, title, word count, key topics (tags)
- Include a connection to Open Brain (show a section for "Open Brain Thoughts" with a search interface — placeholder for when mcporter integration is wired up)
- Pre-populate with actual content summaries from MEMORY.md sections:
  - "The Most Important Thing" — About Rob Lobster's origin
  - "About Joe" — Personal details and family
  - "Joe's Businesses — Tuckerton Group" — Full business ops
  - "Greenville Colorants" — Past business history  
  - "Joe's Investment Journey" — Portfolio and strategy
  - "Joe's Projects" — ReBolt, T1D, Firehouse, etc.
  - "Mac & AI Setup" — Technical environment
  - "Joe's Command Center — Key Verticals" — The 8 lanes
  - "Social Circle" — Key people
  - "Things I've Learned About Working With Joe" — Working style

### 6. Team Structure
- Organizational chart / card layout
- Top: Joe Lynch (👤 The Boss) — "Owner, Tuckerton Group / Managing Member"
- Second level: Rob Lobster (🦞 Chief of Staff / AI Assistant) — "Autonomous Intelligence System"
- Third level: Sub-agents organized by role:

  **Operations & Data:**
  - 📊 Data Analyst — "Processes Epicor exports, financial statements, builds dashboards"
  - 🔧 Code Builder — "Builds interactive dashboards, apps, and tools (Codex/Claude Code)"
  
  **Business Intelligence:**
  - 📈 Market Analyst — "Tracks 13F filings, stock movements, investment research"
  - 🔍 Research Agent — "Web research, competitive analysis, industry monitoring"
  
  **Communications:**
  - ✍️ Content Writer — "Shareholder letters, business documents, social media content"
  - 📧 Inbox Monitor — "Parses incoming Epicor reports, flags important data (pending setup)"
  
  **Monitoring:**
  - 🔔 Alert Agent — "Watches for margin erosion, customer churn, price alerts, calendar events"
  - ⏰ Scheduler — "Manages cron jobs, reminders, proactive checks"

- Each card shows: role name, emoji, description, status (active/pending setup), which business verticals they serve

## Design Requirements
- Dark theme (dark gray/near-black background, light text)
- Accent color: #FF6B35 (lobster orange) for highlights, active states
- Secondary colors for verticals: TLC=#4CAF50, Surfbox=#2196F3, Investing=#9C27B0, ReBolt=#FF9800, Real Estate=#00BCD4, Colorant=#E91E63, Personal=#607D8B, Infrastructure=#FFC107
- Card-based UI with subtle shadows and rounded corners
- Monospace font for data/numbers, sans-serif for text
- Smooth transitions between screens
- Current screen highlighted in sidebar
- Dashboard should feel like a Bloomberg terminal meets Notion — information-dense but clean

## Technical Notes
- Single HTML file, no external dependencies
- All data embedded as JavaScript objects at the top of the script section (easy to update)
- Search uses simple client-side text matching
- Calendar rendered with pure JS (no library needed)
- File should be under 200KB
- Make sure it works in Safari (Mac default browser)