Visual Style

// Project Autopilot - Visual Style Guidelines // Copyright (c) 2026 Jeremy McSpadden jeremy@fluxlabs.net

Visual Style Guide

Consistent colors and icons for Autopilot output.

Agent Colors

Each agent has an assigned color for visual distinction:

Status Icons

Task Status

Validation Status

Cost/Budget

Threshold Levels

System Events

Git Operations

Output Formats

Agent Spawn

🔵 planner → Creating phase plan
🔵 backend → Creating UserService

Task Progress

🔄 003.1 | Creating AuthService...
✅ 003.1 | AuthService | $0.04 | 2.1K tokens

Validation Results

🟢 validator → Phase 003 Gate
   ✓ Build passes
   ✓ Tests pass (47/47)
   ✓ Coverage 87%
   ✓ Lint clean
   ✓ Security clean
   ✅ APPROVED

Cost Updates

💰 Cost: $4.36 / $50.00 (9%)
   ├── Input:  245K tokens
   ├── Output: 89K tokens
   └── Calls:  34

📊 By Model:
   ├── Sonnet: $3.82 (88%)
   ├── Haiku:  $0.54 (12%)
   └── Opus:   $0.00 (0%)

Checkpoint

📌 Checkpoint saved (phase_complete)
   Phase: 003 of 008
   Task:  003.4
   Cost:  $4.36

Threshold Alerts

⚠️ Warning: Cost $10.23 exceeds warning threshold ($10.00)
   Continuing execution...

🟠 Alert: Cost $25.12 exceeds alert threshold ($25.00)
   Pause for confirmation. Continue? [y/N]

🛑 Stop: Cost $50.05 exceeds maximum ($50.00)
   Saving checkpoint and halting...

Phase Summary

🏁 Phase 003 Complete
   ├── Tasks:    4/4 ✅
   ├── Duration: 12m 34s
   ├── Cost:     $1.23 (est: $1.50, -18% 🟢)
   └── Commits:  3

Project Summary

🎉 Project Complete!

📊 Final Stats
   ├── Phases:   8/8 ✅
   ├── Tasks:    34/34 ✅
   ├── Duration: 2h 15m
   ├── Cost:     $8.45 (est: $10.00, -16% 🟢)
   └── Commits:  28

💾 Saved to history
   View: /autopilot:config --history

Color Reset

Always reset colors after output:

\033[0m  # Reset all formatting

Markdown Output (for .md files)

When writing to markdown files, use text-based indicators:

Quick Reference

Common Patterns

# Agent starting work
{color}{icon} {agent} → {action}

# Task status
{status_icon} {task_id} | {description} | ${cost}

# Validation line
   {check_icon} {check_name}

# Cost line
💰 {label}: ${amount} / ${limit} ({percent}%)

# Checkpoint
📌 Checkpoint saved ({reason})

Agent Color Quick Map

planner       = 🔵 Blue
validator     = 🟢 Green
token-tracker = 🟡 Yellow
backend       = 🔵 Cyan
frontend      = 🟠 Orange
database      = 🔴 Red
tester        = 🟢 Lime
security      = 🔴 Dark Red
debugger      = 🟡 Amber