← Back to home

Case study

Mission Control

AI-native command center for deploying intelligent agents

Next.js 15React 19TypeScriptSQLiteLLM Orchestration
Mission Control — hero image

Overview

Mission Control is a fully local, AI-native command center for deploying and interacting with intelligent agents. Built from scratch using Next.js 15 (App Router), React 19, TypeScript, and SQLite via better-sqlite3. The core philosophy is complete operational privacy — zero cloud dependencies, zero third-party SaaS, zero data egress. Every model call, every memory write, every file stays on-device.

Process / What I Built

  • Full-stack application structured as a Next.js API-first monolith where server-side route handlers own all business logic — LLM orchestration, database reads/writes, streaming responses, and file I/O
  • Multi-agent orchestration using OpenClaw's sessions_spawn primitive, enabling the main agent to delegate long-running tasks to purpose-built sub-agents that execute asynchronously
  • Real-time observability dashboard with live activity monitoring across all agent sessions — tool calls, sub-agent invocations, model responses, and token events
  • Memory layering system providing full read/write access to agent persistent memory files — system rules, routing config, SOPs, behavioral constraints, and identity documents
  • Token cost optimization through structured output markers, lightweight pre-ranking with local keyword-overlap scoring, prompt chaining with context reuse, and input compression
  • Applied job intelligence module: multi-source sub-agent job searches with resume-matched scoring, AI resume improvement with Google Doc creation via OAuth2, cover letter generation, and pipeline tracking
  • SSE streaming with server-side delta reconstruction before structured events are forwarded to the client
  • Remote access via Tailscale for cross-device dashboard access on a private mesh network

Key Outcomes

  • Complete zero-cloud AI platform running on a single machine with no Docker, no API costs, no data leaving the device
  • Multi-agent orchestration fully decoupled from HTTP request lifecycle — surviving navigation, page refreshes, and reconnection from remote devices
  • Demonstrated full-stack engineering, systems thinking, and LLM integration at a level well beyond typical undergraduate work

Tools & Technologies

Next.js 15React 19TypeScriptSQLite (WAL mode)Tailwind CSS v4SSE StreamingOpenClaw GatewayTailscale