feat: v3.1 대시보드 추가 (React + FastAPI)

Media Engine Control Panel — 6탭 웹 대시보드

[백엔드] FastAPI (dashboard/backend/)
- server.py: 포트 8080, CORS, React SPA 서빙
- api_overview.py: KPI 카드 + 파이프라인 상태 + 활동 로그
- api_content.py: 칸반 보드 + 승인/거부 + 수동 트리거
- api_analytics.py: 방문자 추이 + 플랫폼/코너별 성과
- api_novels.py: 소설 목록/생성/에피소드 관리
- api_settings.py: engine.json CRUD
- api_connections.py: AI 서비스 연결 관리 + 키 저장
- api_tools.py: 기능별 AI 도구 선택
- api_cost.py: 구독 현황 + API 사용량 추적
- api_logs.py: 시스템 로그 필터/검색

[프론트엔드] React + Vite + Tailwind + Recharts (dashboard/frontend/)
- Overview: KPI 카드 + 파이프라인 + 코너별 바차트 + 활동 로그
- Content: 4열 칸반 보드 + 상세 모달 + 승인/거부
- Analytics: LineChart 방문자 추이 + 플랫폼별 성과
- Novel: 소설 목록 + 에피소드 테이블 + 새 소설 생성 폼
- Settings: 5개 서브탭 (AI연결/도구선택/배포채널/품질/비용관리)
- Logs: 필터/검색 시스템 로그 뷰어

[디자인] CNN 다크+골드 테마
- 배경 #0a0a0d + 액센트 #c8a84e
- 모바일 반응형 (Tailscale 외부 접속 대응)

[실행]
- dashboard/start.bat 더블클릭 → http://localhost:8080

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

dashboard/start.sh

@@ -0,0 +1,90 @@
+#!/bin/bash
+# The 4th Path — Control Panel 시작 스크립트
+# 백엔드(FastAPI) + 프론트엔드(Vite dev) 동시 실행
+
+set -e
+
+SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
+PROJECT_ROOT="$(dirname "$SCRIPT_DIR")"
+FRONTEND_DIR="$SCRIPT_DIR/frontend"
+BACKEND_DIR="$SCRIPT_DIR/backend"
+
+echo "================================================"
+echo "  The 4th Path · Control Panel"
+echo "  프로젝트 루트: $PROJECT_ROOT"
+echo "================================================"
+
+# Python 가상환경 확인
+if [ -d "$PROJECT_ROOT/venv" ]; then
+    echo "[*] 가상환경 활성화..."
+    source "$PROJECT_ROOT/venv/bin/activate" 2>/dev/null || source "$PROJECT_ROOT/venv/Scripts/activate" 2>/dev/null
+elif [ -d "$PROJECT_ROOT/.venv" ]; then
+    source "$PROJECT_ROOT/.venv/bin/activate" 2>/dev/null || source "$PROJECT_ROOT/.venv/Scripts/activate" 2>/dev/null
+fi
+
+# 백엔드 의존성 확인
+echo "[*] 백엔드 의존성 확인..."
+cd "$PROJECT_ROOT"
+pip install fastapi uvicorn python-dotenv 2>/dev/null || true
+
+# 프론트엔드 의존성 확인
+if [ ! -d "$FRONTEND_DIR/node_modules" ]; then
+    echo "[*] 프론트엔드 의존성 설치 (npm install)..."
+    cd "$FRONTEND_DIR"
+    npm install
+fi
+
+# 프론트 빌드 여부 확인
+if [ ! -d "$FRONTEND_DIR/dist" ]; then
+    echo "[*] 프론트엔드 빌드..."
+    cd "$FRONTEND_DIR"
+    npm run build
+fi
+
+# 함수: 백엔드 실행
+start_backend() {
+    echo "[*] 백엔드 시작 (http://localhost:8080)..."
+    cd "$PROJECT_ROOT"
+    python -m uvicorn dashboard.backend.server:app --host 0.0.0.0 --port 8080 --reload &
+    BACKEND_PID=$!
+    echo "    PID: $BACKEND_PID"
+}
+
+# 함수: 프론트엔드 개발 서버 실행
+start_frontend_dev() {
+    echo "[*] 프론트엔드 개발 서버 시작 (http://localhost:5173)..."
+    cd "$FRONTEND_DIR"
+    npm run dev &
+    FRONTEND_PID=$!
+    echo "    PID: $FRONTEND_PID"
+}
+
+# 실행 모드 선택
+MODE=${1:-"prod"}
+
+if [ "$MODE" = "dev" ]; then
+    start_backend
+    start_frontend_dev
+    echo ""
+    echo "개발 모드 실행 중:"
+    echo "  프론트엔드: http://localhost:5173"
+    echo "  백엔드 API: http://localhost:8080"
+    echo ""
+    echo "종료: Ctrl+C"
+    trap "kill $BACKEND_PID $FRONTEND_PID 2>/dev/null; exit" INT TERM
+    wait
+else
+    # 프로덕션 모드: 프론트 빌드 후 백엔드만 실행
+    echo "[*] 프론트엔드 빌드..."
+    cd "$FRONTEND_DIR"
+    npm run build
+
+    start_backend
+    echo ""
+    echo "프로덕션 모드 실행 중:"
+    echo "  대시보드: http://localhost:8080"
+    echo ""
+    echo "종료: Ctrl+C"
+    trap "kill $BACKEND_PID 2>/dev/null; exit" INT TERM
+    wait $BACKEND_PID
+fi