together-code/demo.md

AI-powered coding assistant that plans, then builds

# Together Code Demo

## ✨ What's New

### 🎨 Minimalistic Intro
- Clean, compact intro screen that fits any terminal size
- Simple "⚡ TOGETHER CODE" branding
- Quick transition to coding interface

### ⏱️ Real-time Feedback
- **Time elapsed**: Live timer showing generation progress
- **Token count**: Displays actual tokens generated (when available from API)
- **Progress indicators**: Visual feedback during AI generation

### 💬 Continuous Chat
- **Chat history**: Shows recent conversation context
- **Continuous editing**: Keep chatting to make changes or create new files
- **Context awareness**: AI remembers previous requests for better responses

## 🚀 Example Usage

```bash
# Start interactive mode
npm run dev

# Or with direct prompt
npm run dev "Create a React todo component"
```

### Sample Conversation Flow:

1. **User**: "Create a simple React counter component"
   - ⏱️ Shows: "3s elapsed • 🔤 ~250 tokens"
   - ✅ Creates: `Counter.tsx`

2. **User**: "Add a reset button to the counter"
   - AI understands context from previous counter component
   - Updates the existing component with reset functionality

3. **User**: "Now create a CSS file to style it"
   - ✅ Creates: `Counter.css`
   - Maintains context of the counter component

## 🎯 Key Features

- **Smart file parsing**: Automatically detects and creates files from code blocks
- **Context retention**: Remembers conversation for better follow-up responses
- **Real-time feedback**: Time and token tracking during generation
- **Clean interface**: Minimalistic design that works in any terminal
- **Continuous workflow**: Keep chatting to iterate and improve code

## 🛠️ Technical Improvements

- Upgraded intro screen for better terminal compatibility
- Added real-time timer with interval updates
- Implemented chat history with context passing
- Enhanced error handling and user feedback
- Improved conversation flow and state management