10X Accountability Coach

# 10X Accountability Coach

**Your Personal AI-Powered Accountability System by Team 10X**

A comprehensive accountability coaching platform with AI-powered chat, challenge tracking, and personalized coaching. Built with Next.js 14, TypeScript, and the OpenAnalyst API.

## Features

- **AI Chat** - Streaming responses powered by OpenAnalyst API with transparent status updates
- **Challenge Tracking** - Create and track 30-day challenges with daily tasks
- **Streak Tracking** - Visual progress with milestones and achievements
- **Daily Check-ins** - Mood tracking, wins/blockers, task completion
- **Skills System** - 20+ skills for structured coaching operations
- **Slash Commands** - Quick actions like `/streak`, `/streak-new`
- **MCP Integration** - Model Context Protocol support for extensibility
- **Sandbox Execution** - Safe code execution environment for AI responses
- **Agent System** - Multiple AI agents with configurable capabilities
- **Welcome Dialogs** - First-time user onboarding and daily summary for returning users
- **Parallel API Loading** - Optimized performance with concurrent data fetching

## Recent Updates

### Welcome Dialog System
- **First-Time Welcome Dialog** - Multi-step onboarding for new users with system guide, feature overview, and links to settings. Appears only once per user.
- **Daily Summary Dialog** - For returning users, shows streak cards, today's tasks, pending items, quick check-in button, and daily motivation. Appears on first visit each day.

### Performance Optimizations
- **Parallel Context Loading** - API calls for profile, challenges, todos, skills, and MCP tools now run concurrently instead of sequentially
- **MCP Data Fetcher with Streaming** - Agents can fetch MCP data in sandbox with streamed results
- **Optimized Image Loading** - Lazy loading with IntersectionObserver for better performance
- **File Tree Enhancements** - Search functionality, React memoization, and smooth animations

### Navigation Improvements
- **Browser History Sync** - Back/forward buttons now work correctly with pathname-based navigation
- **Shared Chat Capabilities** - Unified chat and individual agents share the same feature set

## Quick Start

### Option A: Using Claude Code (Easiest)

If you have [Claude Code](https://claude.ai/claude-code) installed:

1. Open this project folder in Claude Code
2. Say: **"start my app"**
3. Provide your API key when asked (get one at https://10x.events/api-key)
4. Claude Code will automatically install dependencies, configure everything, and start the app!

> Claude Code handles everything automatically - dependencies, environment setup, and starting the server.

### Option B: Manual Setup

#### 1. Clone & Install

```bash
git clone https://github.com/Anit-1to10x/10x-Accountabilty-Coach.git
cd 10x-Accountability-Coach
npm install
cd ui && npm install
```

### 2. Configure API Key (Required)

#### Step 1: Get Your API Key
1. Visit **https://10x.events/api-key**
2. Enter your email address
3. Check your inbox for the API key email

#### Step 2: Create Environment File
Create `ui/.env.local` file:
```env
# OpenAnalyst AI API (Required)
OPENANALYST_API_URL=https://api.openanalyst.com/api
OPENANALYST_API_KEY=sk-oa-v1-YOUR-ACTUAL-API-KEY-HERE
OPENANALYST_MODEL=openanalyst-beta
```

### 3. Start the App

```bash
npm start
```

Open **http://localhost:3000** - Your 10X Coach is ready!

- Landing page: http://localhost:3000/landing
- Main app: http://localhost:3000/app

## Architecture

### High-Level Flow

```
┌─────────────────────────────────────────────────────────────────────────┐
│                           10X Accountability Coach                       │
├─────────────────────────────────────────────────────────────────────────┤
│                                                                          │
│  ┌──────────┐    ┌──────────────┐    ┌───────────────┐    ┌──────────┐ │
│  │  User    │───▶│  Next.js UI  │───▶│  API Routes   │───▶│ OpenAI   │ │
│  │  (Chat)  │◀───│  (React)     │◀───│  (Streaming)  │◀───│ API      │ │
│  └──────────┘    └──────────────┘    └───────────────┘    └──────────┘ │
│                         │                    │                          │
│                         ▼                    ▼                          │
│                  ┌──────────────┐    ┌───────────────┐                  │
│                  │   Zustand    │    │   Sandbox     │                  │
│                  │   Store      │    │   Executor    │                  │
│                  └──────────────┘    └───────────────┘                  │
│                                              │                          │
│                                              ▼                          │
│                                      ┌───────────────┐                  │
│                                      │  MCP Manager  │                  │
│                                      │  (Tools)      │                  │
│                              

... (truncated)