# task-1004.1: 대시보드 토큰 탭 동적 업데이트 + 바 차트 정렬 (한정위임)

## 배경
- 대시보드 토큰 탭이 하드코딩된 데이터를 보여주고 있음
- 실시간/동적으로 최신 토큰 사용량이 반영되어야 함
- 바 차트에서 최신 작업이 위에 나타나야 함 (현재 순서 문제)

## 대시보드 경로
- **대시보드 서버**: `/home/jay/workspace/dashboard/server.py`
- **프론트엔드**: `/home/jay/workspace/dashboard/index.html`, `/home/jay/workspace/dashboard/components/App.js`
- **대시보드 URL**: `http://100.76.130.39:8000/dashboard/` 또는 `https://aidevserver.tail2cdab6.ts.net/dashboard/`

## 토큰 데이터 소스
- **토큰 트래커**: `/home/jay/workspace/scripts/token-tracker.py` (task-938.1에서 구현)
- **API 엔드포인트**: `/api/token-usage`, `/api/token-anomaly` (server.py에 이미 있을 수 있음)
- **JSONL 세션 로그**: 1,956개 세션 데이터

## 작업 범위

### Phase 1: 현재 상태 파악
1. 대시보드 토큰 탭 현재 구현 확인 (하드코딩 부분 특정)
2. token-tracker.py API 확인 (기존 엔드포인트)
3. server.py에 토큰 관련 API 존재 여부 확인

### Phase 2: 백엔드 API 동적화
1. server.py에 토큰 데이터 API 구현/수정
   - `/api/token-usage`: 팀별/기간별 토큰 사용량 반환
   - 데이터 소스: token-tracker.py 활용 또는 JSONL 직접 파싱
2. 캐싱: 매 요청마다 파싱하면 느리므로 적절한 캐시 (5~10분)

### Phase 3: 프론트엔드 동적화
1. 토큰 탭에서 하드코딩 데이터 제거
2. API 호출로 실시간 데이터 로드
3. **바 차트 정렬: 최신 작업이 위에** (날짜/시간 역순)
4. 자동 새로고침 (5분마다 또는 수동 리프레시 버튼)

### Phase 4: 테스트
1. 대시보드 접속하여 토큰 탭 데이터 정상 표시 확인
2. 바 차트 정렬 순서 확인 (최신 위)
3. 기존 다른 탭 영향 없음 확인

## 제약사항
- 대시보드 기존 기능(다른 탭) 깨뜨리지 않을 것
- 대시보드 스타일/디자인 변경 최소화
- token-tracker.py 수정 시 기존 기능 유지

## 산출물
1. 보고서: `memory/reports/task-1004.1.md`
2. 수정된 server.py, App.js (또는 관련 컴포넌트)
3. 스크린샷 (변경 전/후)