📋 Sprint 012 계획 추가

- 프로젝트 진행률 UI 재설계 - 자매 프로필 사진 활용 - 하네스/로그를 자매 상세로 통합 - 대시보드 실데이터 그래프 강화
Merge pull request 'HOTFIX-004: DISK bar + 카드 전체 클릭 + 운영 메타 교체' (#10 ) from hotfix/sisters-card-ui into main
2026-04-04 20:49:59 +09:00 · 2026-04-04 20:19:18 +09:00 · 2026-04-04 20:17:54 +09:00 · 2026-04-04 20:16:35 +09:00 · 2026-04-04 20:14:39 +09:00 · 2026-04-04 19:49:43 +09:00
45 changed files with 1208 additions and 557 deletions
--- a/.plans/sprints/HOTFIX-002.md
+++ b/.plans/sprints/HOTFIX-002.md
@@ -0,0 +1,31 @@
+# HOTFIX-002: Sprint 태스크 수/완료 수 파싱 보정
+
+## 목표
+프로젝트 상세 화면에서 Sprint 상태는 맞게 보이지만 `태스크 0개 / 완료 0개`로 표시되는 문제 수정
+
+## 태스크
+
+### TASK-044: Sprint task count 파싱 수정
+- `.plans/sprints/SPRINT-XXX.md`에서 실제 태스크 개수를 파싱
+- 지원 포맷:
+  - `TASK-001: 설명`
+  - `- TASK-001 설명`
+  - `- [ ] TASK-001 설명`
+  - `- [x] TASK-001 설명`
+- 중복 카운트 방지
+- heading/본문에 포함된 단순 문자열 오탐 방지
+
+### TASK-045: 완료 task count 계산 보정
+- 완료 태스크 수 계산 규칙 정의
+- 우선순위:
+  1. 체크박스 `[x]` / `[X]`
+  2. 명시 status (`done`, `completed`, `passed` 등 정해진 패턴)
+  3. Sprint 자체가 done이면, 태스크 status 정보가 없을 경우 전체 완료 처리 여부 검토
+- UI에 `총 태스크 수 / 완료 태스크 수` 정상 반영
+
+## 검증 기준
+- 프로젝트 상세 Sprint 섹션에서 `0개 / 0개` 고정 해소
+- 실제 Sprint 문서 기준으로 task total 표시
+- 완료 태스크 수가 포맷에 맞게 계산
+- 빌드/테스트 통과
+- 외부 URL QA 필수
--- a/.plans/sprints/HOTFIX-003.md
+++ b/.plans/sprints/HOTFIX-003.md
@@ -0,0 +1,34 @@
+# HOTFIX-003: 자매 상세 프로필 헤더/개요 레이아웃 개선 + Activity 로그 정리
+
+## 목표
+자매 상세 페이지에서 프로필 사진이 너무 작고 개요 정보 우선순위가 어색한 문제, Activity 로그에 raw stderr가 그대로 노출되는 문제를 개선
+
+## 태스크
+
+### TASK-046: 자매 상세 프로필 헤더 확대
+- `/sisters/[name]` 상단 프로필 영역 재디자인
+- 프로필 사진 크기 확대 (최소 96px~128px 권장)
+- 이름 / 역할 / 상태 배지 / 핵심 메타를 프로필 헤더에 재배치
+- “프로필 페이지” 느낌이 나도록 상단 hero 영역 구성
+
+### TASK-047: 개요 레이아웃 우선순위 조정
+- 현재 시스템 카드/활동 로그/개요의 시각적 비중 재조정
+- 프로필 헤더 → 핵심 상태 요약 → 활동 로그 순으로 위계 정리
+- 시스템 정보 카드(UPTIME, CPU, MEM, DISK)는 유지하되 보조 정보로 배치
+- 모바일에서도 헤더/요약/로그 순서가 자연스럽게 보이도록 조정
+
+### TASK-048: Activity 로그 사용자 친화화
+- raw stderr / 내부 명령문 / `bash: ... command not found` 같은 내부 오류 문자열 직접 노출 금지
+- ActivityLog 저장 시 또는 렌더 시 필터링/정규화:
+  - 내부 stderr는 숨기거나
+  - 사람이 읽을 수 있는 문장으로 변환
+- 사용자용 feed에는 의미 있는 이벤트만 노출
+- 필요하면 내부 디버그 로그와 사용자 표시 로그를 분리
+
+## 검증 기준
+- 자매 상세 페이지 프로필 사진이 현재보다 명확히 크게 표시
+- 개요 탭 시각적 우선순위가 자연스러움
+- 모바일에서도 레이아웃 깨짐 없음
+- activity feed에 raw stderr 직접 노출 0건
+- npm run build 성공 + 테스트 통과
+- 외부 URL QA 필수
--- a/.plans/sprints/HOTFIX-004.md
+++ b/.plans/sprints/HOTFIX-004.md
@@ -0,0 +1,34 @@
+# HOTFIX-004: 자매 상세 카드 UI 보정
+
+## 목표
+자매 상세 화면에서 DISK bar 미노출, 이름만 클릭되는 UX, 리소스 중복 표시 문제를 짧게 정리
+
+## 태스크
+
+### TASK-049: DISK progress bar 렌더 수정
+- DISK 사용률 계산/퍼센트 변환/width 스타일 점검
+- 0 또는 NaN으로 들어가는 경우 fallback 처리
+- CPU/MEM/DISK 3개 모두 bar 렌더 일관성 확인
+
+### TASK-050: 카드 전체 클릭 가능화
+- 현재 이름 텍스트만 링크인 부분을 카드 전체 링크/클릭 처리로 변경
+- hover/active 상태도 카드 단위로 적용
+- 접근성: button/link semantics 유지
+
+### TASK-051: 우측 중복 메타 정보 교체
+- CPU/MEM/DISK 텍스트 중복 제거
+- 우측 영역은 운영 메타 정보로 교체:
+  - STATUS
+  - ROLE
+  - LXC ID
+  - LAST CHECK
+  - CURRENT TASK
+- 가운데 그래프는 리소스 시각화 전용으로 유지
+
+## 검증 기준
+- DISK bar 정상 노출
+- 카드 전체 클릭 시 상세 페이지 이동
+- 리소스 정보 중복 제거
+- 우측 메타가 운영 정보로 자연스럽게 표시
+- 빌드/테스트 통과
+- 외부 URL QA 필수
--- a/.plans/sprints/SPRINT-009.md
+++ b/.plans/sprints/SPRINT-009.md
@@ -0,0 +1,63 @@
+# SPRINT-009: 관리자 단순화 + 프로젝트 진행률 정상화 + 프로필 사진 수정
+
+## 목표
+관리자 전용 서비스에 맞게 회원가입 제거, 프로젝트 진행률 계산 정상화, 자매 프로필 사진 표시 버그 수정
+
+## 태스크
+
+### TASK-032: 회원가입 제거
+- `/register` 페이지 제거
+- `POST /api/auth/register` 엔드포인트 제거 또는 비활성화
+- `INVITE_CODE` 환경변수 및 초대코드 기반 가입 로직 제거
+- 로그인 전용 플로우로 단순화
+- FE: 로그인 페이지에서 회원가입 링크 제거
+- UX: 비로그인 시 `/login`으로만 이동
+
+### TASK-033: 프로젝트 Sprint 동기화
+- 각 프로젝트 repo의 `.plans/sprints/` 디렉토리를 읽어 Sprint DB 레코드 생성/업데이트
+- Gitea API로 repo tree 조회 또는 raw 파일 fetch
+- 동기화 대상:
+  - `SPRINT-001.md` ~ `SPRINT-XXX.md`
+  - Sprint number, name, status(기본 pending) 추출
+- API:
+  - `POST /api/admin/projects/:id/sync-sprints`
+  - `POST /api/admin/projects/sync-all-sprints`
+- Gitea sync 시 Sprint 동기화도 함께 수행 가능하도록 확장
+
+### TASK-034: 프로젝트 진행률 계산 수정
+- 현재 “스프린트 없음” 문제 해결
+- 진행률 계산 방식:
+  - 기본: `완료 Sprint 수 / 전체 Sprint 수`
+  - 가능하면 `.qa/` 또는 상태 기반으로 `done/review/in_progress` 반영
+- 프로젝트 목록 페이지(`/projects`): 진행률 바/퍼센트 표시
+- 프로젝트 상세 페이지(`/projects/[id]`): Sprint 목록 + 상태 표시
+- “No sprint data” fallback 제거
+
+### TASK-035: 프로필 사진 버그 수정
+- 현재 아이콘 fallback만 보이는 문제 원인 파악
+- 점검 항목:
+  - avatar API 경로 연결 여부
+  - FE 이미지 src 설정
+  - 캐시(5분 TTL) fallback 지속 문제
+  - 실제 서버 파일 경로 (`~/.openclaw/avatar.png|jpg|webp`) 확인
+- 수정 목표:
+  - 실제 사진 있으면 항상 우선 표시
+  - 실패 시에만 SVG fallback
+- 반영 위치:
+  - 대시보드 자매 카드
+  - `/sisters`
+  - `/sisters/[name]`
+
+## 의존성
+- TASK-032는 독립적
+- TASK-033 → TASK-034 순서 필수
+- TASK-035는 독립적, 병렬 가능
+
+## 검증 기준
+- `/register` 접근 불가 또는 로그인으로 리다이렉트
+- 회원가입 API 제거/비활성화 확인
+- 프로젝트별 Sprint 동기화 후 진행률 표시 정상
+- 프로젝트 목록/상세에서 Sprint 데이터 렌더링
+- 자매 프로필 사진 실제 이미지 표시 확인
+- npm run build 성공 + 테스트 통과
+- 외부 URL QA 필수
--- a/.plans/sprints/SPRINT-010.md
+++ b/.plans/sprints/SPRINT-010.md
@@ -0,0 +1,56 @@
+# SPRINT-010: 관리자 코드 정리 + 인증 단일화
+
+## 목표
+JWT 로그인 기반으로 완전히 정리하고, 불필요한 API Key/초대코드/죽은 코드를 제거
+
+## 태스크
+
+### TASK-036: 관리 페이지 API Key UI 제거
+- 관리자 페이지에서 API Key 입력 필드/상태 제거
+- adminFetch가 JWT만 사용하도록 FE 정리
+- AuthContext 기반 인증 상태만 사용
+- 관련 안내 문구/placeholder 제거
+
+### TASK-037: JWT 전용 FE 정리
+- 로그인/토큰 관리 흐름 단순화
+- CompositeGuard 하위호환 때문에 남긴 FE 분기 제거
+- refresh/login/logout 로직 정리
+- 불필요한 fallback 코드 제거
+- 에러 처리 UX 정리 (401 → 로그인 페이지 이동)
+
+### TASK-038: API Key 하위호환 제거 또는 축소
+- 백엔드에서 API Key 지원 범위를 정리
+- 원칙:
+  - 일반 웹 UI는 JWT만 사용
+  - 필요한 내부 자동화가 없다면 API Key 완전 제거
+- 제거 대상 후보:
+  - ApiKeyStrategy
+  - CompositeGuard
+  - ADMIN_API_KEYS env
+- 만약 완전 제거가 부담되면 “운영/내부 스크립트 전용 엔드포인트”만 남기고 UI 경로는 JWT 전용으로 제한
+
+### TASK-039: 죽은 코드/불필요 코드 청소
+- invite/register 관련 unused code 제거
+- API Key 관련 사용 안 하는 util 제거
+- old fallback 코드 정리
+- 문서 업데이트:
+  - `.plans/design/` 변경 필요 시 반영
+  - README / 환경변수 설명 업데이트
+- grep 기반 점검:
+  - `INVITE_CODE`
+  - `register`
+  - `API_KEY`
+  - `CompositeGuard`
+  - 사용 안 되는 state/props/components
+
+## 의존성
+- Sprint 009 완료 후 진행 권장
+- TASK-036 → TASK-037 → TASK-038 → TASK-039 순서 권장
+
+## 검증 기준
+- 관리 페이지에서 API Key 입력 UI 0건
+- 로그인 후 JWT만으로 관리자 기능 정상 동작
+- `/register` 관련 코드/엔드포인트 정리 확인
+- API Key 제거 또는 제한 후 기존 UI 정상 동작
+- unused code 정리 후 build/test 통과
+- 외부 URL QA 필수
--- a/.plans/sprints/SPRINT-011.md
+++ b/.plans/sprints/SPRINT-011.md
@@ -0,0 +1,56 @@
+# SPRINT-011: 진행률/프로필 사진 실제 반영 핫픽스
+
+## 목표
+프로젝트 진행률이 0%로 보이는 문제와 자매 프로필 사진이 fallback으로만 보이는 문제를 실제 데이터 기준으로 수정
+
+## 태스크
+
+### TASK-040: Sprint status 동기화 수정
+- 현재 `Status: value` 단일 줄 파싱이 실제 `.plans/sprints/*.md` 포맷과 맞지 않는 문제 수정
+- 실제 Sprint 문서 포맷 조사 후 파싱 규칙 재정의
+- 우선순위:
+  1. 명시 메타 블록 / heading 기반 status 파싱
+  2. QA 결과 파일(`.qa/SPRINT-XXX-review-*.md`) 기반 완료 여부 보조 판정
+  3. 없으면 pending
+- 오탐 방지: 본문 전체 키워드 검색 금지
+
+### TASK-041: 프로젝트 진행률 계산 수정
+- Sprint status가 실제 반영되도록 프로젝트 진행률 계산 로직 수정
+- 표시 기준:
+  - `done` Sprint 수 / 전체 Sprint 수 → %
+  - 필요 시 `review`, `in_progress`는 별도 상태 태그 표시
+- `/projects` 목록: 퍼센트 + progress bar 정상 반영
+- `/projects/[id]` 상세: Sprint 상태 목록 정확 표시
+- “0%만 뜨는” 현상 해소
+
+### TASK-042: 프로필 사진 실제 노출 수정
+- avatar API 응답 200이어도 fallback만 보이는 원인 파악
+- 점검 항목:
+  - FE 이미지 src 연결 여부
+  - `onError`가 과도하게 fallback으로 전환되는지
+  - `next/image` / `img` 캐시 문제
+  - content-type/image 응답 정상 여부
+  - avatar cache miss 후 stale fallback 유지 여부
+- 실제 파일 경로 재확인:
+  - `~/.openclaw/avatar.png`
+  - `~/.openclaw/avatar.jpg`
+  - `~/.openclaw/avatar.webp`
+
+### TASK-043: 아바타 UI 일관화
+- 대시보드, `/sisters`, `/sisters/[name]`, `/admin` 전부 같은 Avatar 컴포넌트 사용
+- 실제 이미지 우선 렌더
+- 실패 시에만 fallback (이니셜 or SVG)
+- 관리자 페이지에 남은 이모지 fallback 제거
+
+## 의존성
+- TASK-040 → TASK-041 순서 필수
+- TASK-042, TASK-043은 병렬 가능하나 최종적으로 Avatar 공통 컴포넌트로 수렴
+
+## 검증 기준
+- 프로젝트 진행률이 0% 고정이 아닌 실제 값으로 표시
+- Sprint 상세 상태가 실제 문서/QA 결과와 일치
+- 자매 프로필 사진이 실제 이미지로 표시
+- 관리자/자매/대시보드 전부 동일한 사진 표시 정책 사용
+- fallback은 이미지 실패 시에만 동작
+- npm run build 성공 + 테스트 통과
+- 외부 URL QA 필수
--- a/.plans/sprints/SPRINT-012.md
+++ b/.plans/sprints/SPRINT-012.md
@@ -0,0 +1,59 @@
+# SPRINT-012: 정보 구조 재배치 + 대시보드 시각화 강화
+
+## 목표
+대시보드다운 정보 구조로 재정리. 프로젝트 목록 진행률 UI 개선, 자매 프로필 사진 활용, 하네스/로그를 자매 상세로 이동, 실데이터 기반 그래프 강화
+
+## 태스크
+
+### TASK-052: 프로젝트 목록 UI 재설계
+- 현재 진행률 UI(설명 옆 퍼센트/바) 제거
+- 프로젝트 행/카드를 3구역으로 재배치:
+  1. 왼쪽: 대표 자매 사진 + 프로젝트 이름 + 설명
+  2. 가운데: 진행률 바 + 퍼센트 + Sprint counts
+  3. 오른쪽: 상태 태그 + 최근 업데이트
+- 진행률 바 시각적 강화
+- 프로젝트 상세와 시각적으로 연결감 있게 정리
+
+### TASK-053: 프로젝트 대표 아바타 개선
+- 기본 아이콘 제거
+- 프로젝트 담당 자매 또는 최근 활동 자매의 실제 프로필 사진 사용
+- 프로젝트 카드/리스트에 아바타 적용
+- 이미지 없을 때만 fallback
+
+### TASK-054: 자매 상세에 하네스 편집/로그 뷰어 통합
+- `/sisters/[name]`에 새 탭 추가:
+  - 개요
+  - 세션
+  - 활동
+  - 하네스
+  - 로그
+- 기존 관리자 페이지의 자매별 하네스/로그 기능을 자매 상세로 이동
+- 전체 로그 페이지(`/activities`, `/admin/logs`)는 유지
+
+### TASK-055: 대시보드 그래프 추가
+- 실데이터 기반 그래프 2~3개 추가
+- 후보:
+  - 자매 활동량 막대그래프 (최근 24h)
+  - 프로젝트 진행률 차트
+  - 자매 리소스 스파크라인
+- 메인 대시보드에서 “관제/모니터링” 느낌 강화
+- 가짜 그래프 금지, 실제 API 데이터만 사용
+
+### TASK-056: 관리자 페이지 단순화
+- 자매 상세로 이동한 기능만큼 관리자 페이지 정리
+- 관리자 페이지는 시스템 전역 기능 위주로 축소
+- 중복 진입점 제거
+
+## 의존성
+- TASK-052 ↔ TASK-053 함께 진행 가능
+- TASK-054 후 TASK-056 정리
+- TASK-055는 병렬 가능
+
+## 검증 기준
+- 프로젝트 목록에서 진행률 UI가 더 자연스럽고 명확하게 보임
+- 프로젝트 목록에 실제 자매 프로필 사진 반영
+- 자매 상세에서 하네스 편집/로그 뷰어 접근 가능
+- 전체 로그 페이지는 유지
+- 대시보드에 실제 데이터 기반 그래프 추가
+- 빌드/테스트 통과
+- 외부 URL QA 필수
--- a/.qa/HOTFIX-002-review-1.md
+++ b/.qa/HOTFIX-002-review-1.md
@@ -0,0 +1,42 @@
+# HOTFIX-002 QA Review — Iteration 1
+
+- **검증일시:** 2026-04-04 18:35 KST
+- **검증자:** 다랑이 (Evaluator)
+- **결과:** ✅ PASSED
+
+## 검증 항목
+
+| 항목 | 결과 |
+|------|------|
+| npm install | ✅ |
+| prisma generate | ✅ |
+| npm test | ✅ 23/23 pass |
+| npm run build (BE) | ✅ |
+| npm run build (FE) | ✅ 16 routes |
+
+## Task 파싱 확인 (TASK-044)
+
+| 포맷 | 지원 |
+|------|------|
+| `### TASK-001: title` | ✅ |
+| `- [x] TASK-001: title` (done) | ✅ |
+| `- [ ] TASK-001: title` (pending) | ✅ |
+| `- TASK-001: title` | ✅ |
+| `TASK-001: title` | ✅ |
+| 중복 taskId 방지 (seen Set) | ✅ |
+
+## 완료 count 계산 (TASK-045)
+
+| 규칙 | 확인 |
+|------|------|
+| Sprint done → task (status 없으면) done fallback | ✅ |
+| `[x]` → done | ✅ |
+| `[ ]` → pending | ✅ |
+| 기존 done task 보호 | ✅ |
+| Task 테이블 upsert | ✅ |
+
+## Non-blocking
+
+| ID | 이슈 |
+|----|------|
+| NB1 | task assignee 하드코딩 'narang' — 문서 파싱으로 개선 권장 |
--- a/.qa/HOTFIX-003-review-1.md
+++ b/.qa/HOTFIX-003-review-1.md
@@ -0,0 +1,25 @@
+# HOTFIX-003 QA Review — Iteration 1
+
+- **검증일시:** 2026-04-04 19:48 KST
+- **검증자:** 다랑이 (Evaluator)
+- **결과:** ✅ PASSED
+
+## 검증 항목
+
+| 항목 | 결과 |
+|------|------|
+| npm test | ✅ 23/23 pass |
+| npm run build (BE) | ✅ |
+| npm run build (FE) | ✅ 16 routes |
+
+## 변경 확인
+
+### 프로필 hero (TASK-046/047)
+- ✅ SisterAvatar size=120 (기존 36px → 120px 확대)
+- ✅ 상단 프로필 hero 재디자인
+
+### Activity stderr 정리 (TASK-048)
+- ✅ `sanitizeActivityDetail()` 함수 추가
+- ✅ stderr/bash/command not found → 사용자 친화 메시지 변환
+- ✅ SSH 연결 실패 → "원격 노드 연결에 실패했어" 변환
+- ✅ log() + getFeed() + getProjectFeed() 전부 적용
--- a/.qa/HOTFIX-004-review-1.md
+++ b/.qa/HOTFIX-004-review-1.md
@@ -0,0 +1,21 @@
+# HOTFIX-004 QA Review — Iteration 1
+
+- **검증일시:** 2026-04-04 20:17 KST
+- **검증자:** 다랑이 (Evaluator)
+- **결과:** ✅ PASSED
+
+## 검증 항목
+
+| 항목 | 결과 |
+|------|------|
+| npm test | ✅ 23/23 pass |
+| npm run build (BE) | ✅ |
+| npm run build (FE) | ✅ 16 routes |
+
+## 변경 확인
+
+| Task | 내용 | 확인 |
+|------|------|------|
+| TASK-049 | DISK bar 퍼센트 계산 | ✅ diskPercent() — G/M/K/T 변환, NaN/0 fallback |
+| TASK-050 | 카드 전체 클릭 | ✅ NodeEntry = styled(Link) + href |
+| TASK-051 | 우측 운영 메타 | ✅ STATUS/ROLE/LXC ID/LAST CHECK/CURRENT TASK |
--- a/.qa/SPRINT-009-review-1.md
+++ b/.qa/SPRINT-009-review-1.md
@@ -0,0 +1,37 @@
+# SPRINT-009 QA Review — Iteration 1
+
+- **검증일시:** 2026-04-04 17:06 KST
+- **검증자:** 다랑이 (Evaluator)
+- **결과:** ❌ FAILED (blocking 2건)
+
+## 검증 항목
+
+| 항목 | 결과 |
+|------|------|
+| npm install | ✅ |
+| prisma generate | ✅ |
+| npm test | ✅ 23/23 pass |
+| npm run build (BE) | ✅ |
+| npm run build (FE) | ✅ 16 routes |
+
+## 🔴 Blocking
+
+### B1: repoUrl.split('/').pop() trailing slash 취약
+- **파일:** sprint-sync.service.ts:42, 51
+- **문제:** trailing slash URL → repoName 빈 문자열 → Gitea API 깨짐
+- **수정:** `.replace(/\/+$/, '').split('/').pop()`
+
+### B2: parseSprintMd status 전체 본문 키워드 검색 오탐
+- **파일:** sprint-sync.service.ts:22-24
+- **문제:** 본문에 "완료", "진행" 단어 포함 시 오탐 → DB status 부정확 → 진행률 계산 오류
+- **수정:** 명시적 섹션(## Status 등)만 파싱하도록 범위 제한
+
+## Non-blocking (8건)
+- NB1: syncAllProjectSprints 순차 처리
+- NB2: getRawFile ref='main' 하드코딩
+- NB3: getRepoTree 전체 tree fetch 비효율
+- NB4: /register redirect 방식은 적절 (OK)
+- NB5: login page dead import/styled component
+- NB6: auth spec mock 잔여
+- NB7: sprint update 조건 코멘트 부족
+- NB8: avatar onError display:none
--- a/.qa/SPRINT-009-review-2.md
+++ b/.qa/SPRINT-009-review-2.md
@@ -0,0 +1,20 @@
+# SPRINT-009 QA Review — Iteration 2
+
+- **검증일시:** 2026-04-04 17:12 KST
+- **검증자:** 다랑이 (Evaluator)
+- **결과:** ✅ PASSED
+
+## Blocking 수정 확인
+
+| ID | 이슈 | 수정 확인 |
+|----|------|----------|
+| B1 | repoUrl trailing slash | ✅ `.replace(/\/+$/, '').split('/').pop()` |
+| B2 | status 파싱 범위 | ✅ `Status: value` 명시 줄만 regex 파싱, 본문 전체 검색 제거 |
+
+## 검증 항목
+
+| 항목 | 결과 |
+|------|------|
+| git fetch + reset | ✅ |
+| prisma generate | ✅ |
+| npm test | ✅ 23/23 pass |
--- a/.qa/SPRINT-010-review-1.md
+++ b/.qa/SPRINT-010-review-1.md
@@ -0,0 +1,51 @@
+# SPRINT-010 QA Review — Iteration 1
+
+- **검증일시:** 2026-04-04 17:25 KST
+- **검증자:** 다랑이 (Evaluator)
+- **결과:** ✅ PASSED
+
+## 검증 항목
+
+| 항목 | 결과 |
+|------|------|
+| npm install | ✅ |
+| prisma generate | ✅ |
+| npm test | ✅ 23/23 pass |
+| npm run build (BE) | ✅ |
+| npm run build (FE) | ✅ 16 routes |
+
+## API Key 완전 제거 확인
+
+| 항목 | 결과 |
+|------|------|
+| api-key.strategy.ts 파일 삭제 | ✅ |
+| api-key.guard.ts 파일 삭제 | ✅ |
+| CompositeGuard 코드 0건 (grep) | ✅ |
+| ADMIN_API_KEYS 참조 0건 | ✅ |
+| hanarang_admin_key 참조 0건 | ✅ |
+| admin layout API Key UI 제거 | ✅ |
+| adminFetch JWT 전용 단순화 | ✅ |
+
+## JWT 전환 확인
+
+| Controller | Guard |
+|------------|-------|
+| AdminController | JwtGuard + RoleGuard ✅ |
+| CostsController | JwtGuard + RoleGuard ✅ |
+| GiteaSyncController | JwtGuard + RoleGuard ✅ |
+| SettingsController | JwtGuard + RoleGuard ✅ |
+
+## Dead Code 정리 확인
+
+| 항목 | 결과 |
+|------|------|
+| INVITE_CODE BE 코드 | ✅ 0건 |
+| register BE 엔드포인트 | ✅ 제거됨 |
+| PUBLIC_PATHS /register | ✅ 제거됨 |
+
+## 판정 근거
+- 코드 정리/제거 스프린트 — 새 기능 없이 기존 코드 축소
+- API Key 관련 파일/코드 완전 제거 확인 (grep 0건)
+- JWT 전환 일관 적용
+- 테스트/빌드 통과
+- blocking 0건
--- a/.qa/SPRINT-011-review-1.md
+++ b/.qa/SPRINT-011-review-1.md
@@ -0,0 +1,37 @@
+# SPRINT-011 QA Review — Iteration 1
+
+- **검증일시:** 2026-04-04 17:45 KST
+- **검증자:** 다랑이 (Evaluator)
+- **결과:** ✅ PASSED
+
+## 검증 항목
+
+| 항목 | 결과 |
+|------|------|
+| npm install | ✅ |
+| prisma generate | ✅ |
+| npm test | ✅ 23/23 pass |
+| npm run build (BE) | ✅ |
+| npm run build (FE) | ✅ 16 routes |
+
+## 핵심 변경 확인
+
+### Sprint status 파싱 (TASK-040)
+- ✅ `.qa/SPRINT-XXX-review-*.md`에서 PASSED 여부로 status 결정
+- ✅ 본문 전체 키워드 검색 완전 제거
+- ✅ `inferStatusFromQaContent()`로 PASSED regex 체크
+- ✅ passedMap으로 Sprint number → boolean 매핑
+
+### 진행률 계산 (TASK-041)
+- ✅ `doneSprints / totalSprints * 100` — Sprint done 기반 진행률
+
+### SisterAvatar 공통 컴포넌트 (TASK-042/043)
+- ✅ `components/common/SisterAvatar.tsx` 생성
+- ✅ API URL → 이미지 로드 → onError → 이니셜 fallback
+- ✅ 대시보드(/) + 자매(/sisters) + 상세(/sisters/[name]) 전부 적용
+- ✅ 이모지 fallback 대신 이니셜 텍스트 fallback
+
+## 판정 근거
+- 자기야가 직접 지적한 2가지 문제(진행률 0%, 프로필 사진 미노출) 핵심 원인 수정됨
+- 테스트/빌드 전부 통과
+- blocking 0건
--- a/backend/src/activity/activity.service.ts
+++ b/backend/src/activity/activity.service.ts
@@ -9,6 +9,23 @@ export interface LogActivityDto {
  detail?: string;
 }

+function sanitizeActivityDetail(detail?: string | null): string | undefined {
+  if (!detail) return detail ?? undefined;
+
+  const raw = detail.trim();
+
+  // 내부 stderr/명령문 직접 노출 금지
+  if (/stderr:/i.test(raw) || /command not found/i.test(raw) || /bash:\s*line/i.test(raw)) {
+    return '내부 작업 중 오류가 발생했어. 자세한 시스템 로그는 관리자 로그에서 확인할 수 있어.';
+  }
+
+  if (/^ssh failed/i.test(raw) || /ssh connection failed/i.test(raw)) {
+    return '원격 노드 연결에 실패했어.';
+  }
+
+  return raw;
+}
+
@Injectable()
 export class ActivityService {
  constructor(
@@ -18,14 +35,16 @@ export class ActivityService {

  async log(dto: LogActivityDto) {
    const record = await this.prisma.activityLog.create({
-      data: dto,
+      data: {
+        ...dto,
+        detail: sanitizeActivityDetail(dto.detail),
+      },
      include: {
        sister: { select: { name: true } },
        project: { select: { name: true } },
      },
    });

-    // 실시간 브로드캐스트 (gateway 사용 가능한 경우)
    if (this.events) {
      this.events.broadcastActivity(record);
    }
@@ -46,7 +65,12 @@ export class ActivityService {
      }),
      this.prisma.activityLog.count(),
    ]);
-    return { items, total, limit, offset };
+    return {
+      items: items.map((item) => ({ ...item, detail: sanitizeActivityDetail(item.detail) })),
+      total,
+      limit,
+      offset,
+    };
  }

  async getProjectFeed(projectId: number, limit = 30, offset = 0) {
@@ -62,6 +86,11 @@ export class ActivityService {
      }),
      this.prisma.activityLog.count({ where: { projectId } }),
    ]);
-    return { items, total, limit, offset };
+    return {
+      items: items.map((item) => ({ ...item, detail: sanitizeActivityDetail(item.detail) })),
+      total,
+      limit,
+      offset,
+    };
  }
 }
--- a/backend/src/admin/admin.controller.ts
+++ b/backend/src/admin/admin.controller.ts
@@ -9,7 +9,7 @@ import {
  UseGuards,
 } from '@nestjs/common';
 import { AdminService } from './admin.service';
-import { CompositeGuard } from '../auth/jwt.guard';
+import { JwtGuard } from '../auth/jwt.guard';
 import { RoleGuard, Roles } from '../auth/role.guard';
 import { SisterNamePipe } from '../common/sister-name.pipe';
 import type { SisterName } from '../common/sister-name.pipe';
@@ -24,7 +24,7 @@ class UpdateHarnessDto {
 }

@Controller('api/admin')
-@UseGuards(CompositeGuard, RoleGuard)
+@UseGuards(JwtGuard, RoleGuard)
@Roles('admin')
 export class AdminController {
  constructor(private readonly adminService: AdminService) {}
--- a/backend/src/auth/api-key.guard.ts
+++ b/backend/src/auth/api-key.guard.ts
@@ -1,5 +0,0 @@
-import { Injectable } from '@nestjs/common';
-import { AuthGuard } from '@nestjs/passport';
-
-@Injectable()
-export class ApiKeyGuard extends AuthGuard('api-key') {}
--- a/backend/src/auth/api-key.strategy.ts
+++ b/backend/src/auth/api-key.strategy.ts
@@ -1,30 +0,0 @@
-import { Injectable, UnauthorizedException } from '@nestjs/common';
-import { PassportStrategy } from '@nestjs/passport';
-import { Strategy } from 'passport-http-bearer';
-import { ConfigService } from '@nestjs/config';
-
-@Injectable()
-export class ApiKeyStrategy extends PassportStrategy(Strategy, 'api-key') {
-  private readonly validKeys: Set<string>;
-
-  constructor(config: ConfigService) {
-    super();
-    const raw = config.get<string>('ADMIN_API_KEYS') ?? '';
-    this.validKeys = new Set(
-      raw
-        .split(',')
-        .map((k) => k.trim())
-        .filter(Boolean),
-    );
-  }
-
-  validate(token: string): { role: string; username: string } {
-    if (!this.validKeys.size) {
-      throw new UnauthorizedException('ADMIN_API_KEYS not configured');
-    }
-    if (!this.validKeys.has(token)) {
-      throw new UnauthorizedException('Invalid API key');
-    }
-    return { role: "admin", username: "api-key" };
-  }
-}
--- a/backend/src/auth/auth.controller.ts
+++ b/backend/src/auth/auth.controller.ts
@@ -8,7 +8,7 @@ import {
  Request,
  BadRequestException,
 } from '@nestjs/common';
-import { AuthService, RegisterDto, LoginDto } from './auth.service';
+import { AuthService, LoginDto } from './auth.service';
 import { JwtGuard } from './jwt.guard';
 import { Throttle, ThrottlerGuard } from '@nestjs/throttler';

@@ -16,13 +16,6 @@ import { Throttle, ThrottlerGuard } from '@nestjs/throttler';
 export class AuthController {
  constructor(private readonly authService: AuthService) {}

-  @UseGuards(ThrottlerGuard)
-  @Throttle({ default: { limit: 3, ttl: 60000 } })
-  @Post('register')
-  register(@Body() dto: RegisterDto) {
-    return this.authService.register(dto);
-  }
-
  @UseGuards(ThrottlerGuard)
  @Throttle({ default: { limit: 5, ttl: 60000 } })
  @Post('login')
--- a/backend/src/auth/auth.module.ts
+++ b/backend/src/auth/auth.module.ts
@@ -1,32 +1,35 @@
 import { Module } from '@nestjs/common';
-import { PassportModule } from '@nestjs/passport';
 import { JwtModule } from '@nestjs/jwt';
+import { PassportModule } from '@nestjs/passport';
 import { ConfigModule, ConfigService } from '@nestjs/config';
 import { AuthController } from './auth.controller';
 import { AuthService } from './auth.service';
 import { JwtStrategy } from './jwt.strategy';
-import { ApiKeyStrategy } from './api-key.strategy';
-import { JwtGuard, CompositeGuard } from './jwt.guard';
-import { ApiKeyGuard } from './api-key.guard';
+import { JwtGuard } from './jwt.guard';
 import { RoleGuard } from './role.guard';
 import { PrismaModule } from '../prisma/prisma.module';
+import { ThrottlerModule } from '@nestjs/throttler';

@Module({
  imports: [
+    PrismaModule,
    PassportModule,
    ConfigModule,
-    PrismaModule,
+    ThrottlerModule,
    JwtModule.registerAsync({
      imports: [ConfigModule],
      inject: [ConfigService],
      useFactory: (config: ConfigService) => ({
-        secret: (() => { const s = config.get<string>('JWT_SECRET'); if (!s) throw new Error('JWT_SECRET is not configured'); return s; })(),
-        signOptions: { expiresIn: '15m' },
+        secret: (() => {
+          const s = config.get<string>('JWT_SECRET');
+          if (!s) throw new Error('JWT_SECRET is not configured');
+          return s;
+        })(),
      }),
    }),
  ],
  controllers: [AuthController],
-  providers: [AuthService, JwtStrategy, ApiKeyStrategy, JwtGuard, CompositeGuard, ApiKeyGuard, RoleGuard],
-  exports: [JwtGuard, CompositeGuard, ApiKeyGuard, RoleGuard, AuthService],
+  providers: [AuthService, JwtStrategy, JwtGuard, RoleGuard],
+  exports: [JwtGuard, RoleGuard, AuthService, JwtModule],
 })
 export class AuthModule {}
--- a/backend/src/auth/auth.service.spec.ts
+++ b/backend/src/auth/auth.service.spec.ts
@@ -3,7 +3,7 @@ import { AuthService } from './auth.service';
 import { JwtService } from '@nestjs/jwt';
 import { ConfigService } from '@nestjs/config';
 import { PrismaService } from '../prisma/prisma.service';
-import { BadRequestException, ConflictException, UnauthorizedException } from '@nestjs/common';
+import { UnauthorizedException } from '@nestjs/common';

 describe('AuthService', () => {
  let service: AuthService;
@@ -23,7 +23,6 @@ describe('AuthService', () => {
  const mockConfig = {
    get: jest.fn().mockImplementation((key: string) => {
      if (key === 'JWT_SECRET') return 'test-secret';
-      if (key === 'INVITE_CODE') return 'VALID_CODE';
      return undefined;
    }),
  };
@@ -42,34 +41,6 @@ describe('AuthService', () => {
    jest.clearAllMocks();
  });

-  it('register: 잘못된 초대 코드 → BadRequestException', async () => {
-    await expect(
-      service.register({ username: 'test', password: 'password123', inviteCode: 'WRONG' }),
-    ).rejects.toThrow(BadRequestException);
-  });
-
-  it('register: 중복 username → ConflictException', async () => {
-    mockPrisma.user.findUnique.mockResolvedValue({ id: 1, username: 'test' });
-    await expect(
-      service.register({ username: 'test', password: 'password123', inviteCode: 'VALID_CODE' }),
-    ).rejects.toThrow(ConflictException);
-  });
-
-  it('register: 성공 시 토큰 반환', async () => {
-    mockPrisma.user.findUnique.mockResolvedValue(null);
-    mockPrisma.user.create.mockResolvedValue({ id: 1, username: 'newuser', role: 'admin' });
-
-    const result = await service.register({
-      username: 'newuser',
-      password: 'password123',
-      inviteCode: 'VALID_CODE',
-    });
-
-    expect(result).toHaveProperty('accessToken');
-    expect(result).toHaveProperty('refreshToken');
-    expect(result.username).toBe('newuser');
-  });
-
  it('login: 존재하지 않는 사용자 → UnauthorizedException', async () => {
    mockPrisma.user.findUnique.mockResolvedValue(null);
    await expect(
--- a/backend/src/auth/auth.service.ts
+++ b/backend/src/auth/auth.service.ts
@@ -1,20 +1,9 @@
-import { Injectable, UnauthorizedException, BadRequestException, ConflictException } from '@nestjs/common';
+import { Injectable, UnauthorizedException } from '@nestjs/common';
 import { JwtService } from '@nestjs/jwt';
 import { ConfigService } from '@nestjs/config';
 import { PrismaService } from '../prisma/prisma.service';
 import * as bcrypt from 'bcrypt';
-import { IsString, IsNotEmpty, MinLength, MaxLength } from 'class-validator';
-
-export class RegisterDto {
-  @IsString() @IsNotEmpty() @MaxLength(32)
-  username!: string;
-
-  @IsString() @MinLength(8) @MaxLength(64)
-  password!: string;
-
-  @IsString() @IsNotEmpty()
-  inviteCode!: string;
-}
+import { IsString, IsNotEmpty } from 'class-validator';

 export class LoginDto {
  @IsString() @IsNotEmpty()
@@ -32,22 +21,6 @@ export class AuthService {
    private readonly config: ConfigService,
  ) {}

-  async register(dto: RegisterDto) {
-    const inviteCode = this.config.get<string>('INVITE_CODE');
-    if (!inviteCode) throw new BadRequestException('Invite code not configured');
-    if (dto.inviteCode !== inviteCode) throw new BadRequestException('Invalid invite code');
-
-    const existing = await this.prisma.user.findUnique({ where: { username: dto.username } });
-    if (existing) throw new ConflictException('Username already taken');
-
-    const hash = await bcrypt.hash(dto.password, 12);
-    const user = await this.prisma.user.create({
-      data: { username: dto.username, password: hash },
-    });
-
-    return this.signTokens(user.id, user.username, user.role);
-  }
-
  async login(dto: LoginDto) {
    const user = await this.prisma.user.findUnique({ where: { username: dto.username } });
    if (!user) throw new UnauthorizedException('Invalid credentials');
@@ -86,15 +59,8 @@ export class AuthService {
    if (!secret) throw new Error('JWT_SECRET is not configured');
    const payload = { sub: userId, username, role };

-    const accessToken = this.jwt.sign(payload, {
-      secret,
-      expiresIn: '15m',
-    });
-
-    const refreshToken = this.jwt.sign(payload, {
-      secret: secret + '_refresh',
-      expiresIn: '7d',
-    });
+    const accessToken = this.jwt.sign(payload, { secret, expiresIn: '15m' });
+    const refreshToken = this.jwt.sign(payload, { secret: secret + '_refresh', expiresIn: '7d' });

    return { accessToken, refreshToken, username, role };
  }
--- a/backend/src/auth/jwt.guard.ts
+++ b/backend/src/auth/jwt.guard.ts
@@ -1,22 +1,9 @@
-import { Injectable, ExecutionContext, UnauthorizedException } from '@nestjs/common';
+import { Injectable, ExecutionContext } from '@nestjs/common';
 import { AuthGuard } from '@nestjs/passport';

@Injectable()
 export class JwtGuard extends AuthGuard('jwt') {
-  handleRequest<T>(err: Error, user: T): T {
-    if (err || !user) throw new UnauthorizedException('JWT authentication required');
-    return user;
-  }
-}
-
-/**
- * JWT 먼저 시도 → 실패 시 API Key fallback
- * Sprint 008까지 하위호환 유지
- */
-@Injectable()
-export class CompositeGuard extends AuthGuard(['jwt', 'api-key']) {
-  handleRequest<T>(err: Error, user: T): T {
-    if (err || !user) throw new UnauthorizedException('Authentication required');
-    return user;
+  canActivate(context: ExecutionContext) {
+    return super.canActivate(context);
  }
 }
--- a/backend/src/costs/costs.controller.ts
+++ b/backend/src/costs/costs.controller.ts
@@ -1,12 +1,12 @@
 import { Controller, Get, Post, Query, Param, UseGuards } from '@nestjs/common';
 import { CostsService, CostPeriod } from './costs.service';
-import { CompositeGuard } from '../auth/jwt.guard';
+import { JwtGuard } from '../auth/jwt.guard';
 import { RoleGuard, Roles } from '../auth/role.guard';
 import { SisterNamePipe } from '../common/sister-name.pipe';
 import type { SisterName } from '../common/sister-name.pipe';

@Controller('api/admin/costs')
-@UseGuards(CompositeGuard, RoleGuard)
+@UseGuards(JwtGuard, RoleGuard)
@Roles('admin')
 export class CostsController {
  constructor(private readonly costsService: CostsService) {}
--- a/backend/src/events/events.gateway.ts
+++ b/backend/src/events/events.gateway.ts
@@ -86,6 +86,6 @@ export class EventsGateway

  /** 연결된 클라이언트 수 */
  getClientCount(): number {
-    return this.server.sockets.sockets.size;
+    return this.server?.sockets?.sockets?.size ?? 0;
  }
 }
--- a/backend/src/gitea-sync/gitea-sync.controller.ts
+++ b/backend/src/gitea-sync/gitea-sync.controller.ts
@@ -1,10 +1,10 @@
 import { Controller, Post, Get, UseGuards } from '@nestjs/common';
 import { GiteaSyncService } from './gitea-sync.service';
-import { CompositeGuard } from '../auth/jwt.guard';
+import { JwtGuard } from '../auth/jwt.guard';
 import { RoleGuard, Roles } from '../auth/role.guard';

@Controller('api/admin/gitea')
-@UseGuards(CompositeGuard, RoleGuard)
+@UseGuards(JwtGuard, RoleGuard)
@Roles('admin')
 export class GiteaSyncController {
  constructor(private readonly giteaSyncService: GiteaSyncService) {}
--- a/backend/src/gitea-sync/gitea-sync.module.ts
+++ b/backend/src/gitea-sync/gitea-sync.module.ts
@@ -5,9 +5,10 @@ import { PrismaModule } from '../prisma/prisma.module';
 import { GiteaModule } from '../gitea/gitea.module';
 import { ActivityModule } from '../activity/activity.module';
 import { AuthModule } from '../auth/auth.module';
+import { ProjectsModule } from '../projects/projects.module';

@Module({
-  imports: [PrismaModule, GiteaModule, ActivityModule, AuthModule],
+  imports: [PrismaModule, GiteaModule, ActivityModule, AuthModule, ProjectsModule],
  controllers: [GiteaSyncController],
  providers: [GiteaSyncService],
  exports: [GiteaSyncService],
--- a/backend/src/gitea-sync/gitea-sync.service.ts
+++ b/backend/src/gitea-sync/gitea-sync.service.ts
@@ -3,6 +3,7 @@ import { ConfigService } from '@nestjs/config';
 import { PrismaService } from '../prisma/prisma.service';
 import { GiteaService } from '../gitea/gitea.service';
 import { ActivityService } from '../activity/activity.service';
+import { SprintSyncService } from '../projects/sprint-sync.service';

@Injectable()
 export class GiteaSyncService {
@@ -13,6 +14,7 @@ export class GiteaSyncService {
    private readonly prisma: PrismaService,
    private readonly gitea: GiteaService,
    private readonly activity: ActivityService,
+    private readonly sprintSync: SprintSyncService,
  ) {}

  async syncRepos(): Promise<{ synced: number; created: number; updated: number }> {
@@ -70,6 +72,12 @@ export class GiteaSyncService {
    }

    this.logger.log(`Gitea sync: ${repos.length} repos, ${created} new, ${updated} updated`);
+
+    // Sprint 동기화도 함께 수행
+    await this.sprintSync.syncAllProjectSprints().catch((e) => {
+      this.logger.warn(`Sprint sync failed: ${e.message}`);
+    });
+
    return { synced: repos.length, created, updated };
  }

--- a/backend/src/gitea/gitea.service.ts
+++ b/backend/src/gitea/gitea.service.ts
@@ -145,4 +145,30 @@ export class GiteaService {
      return [];
    }
  }
+
+  async getRepoTree(repoName: string, treePath: string): Promise<string[]> {
+    if (!this.isAvailable()) return [];
+    try {
+      const { data } = await this.client.get<{ tree: { path: string; type: string }[] }>(
+        `/repos/${this.org}/${repoName}/git/trees/HEAD`,
+        { params: { recursive: true } },
+      );
+      return (data.tree ?? []).filter((e) => e.path.startsWith(treePath) && e.type === 'blob').map((e) => e.path);
+    } catch {
+      return [];
+    }
+  }
+
+  async getRawFile(repoName: string, filePath: string): Promise<string | null> {
+    if (!this.isAvailable()) return null;
+    try {
+      const { data } = await this.client.get<string>(
+        `/repos/${this.org}/${repoName}/raw/${filePath}`,
+        { params: { ref: 'main' }, responseType: 'text' },
+      );
+      return typeof data === 'string' ? data : null;
+    } catch {
+      return null;
+    }
+  }
 }
--- a/backend/src/projects/projects.controller.ts
+++ b/backend/src/projects/projects.controller.ts
@@ -1,11 +1,15 @@
 import { Controller, Get, Param, Query, ParseIntPipe, UseGuards, Post } from '@nestjs/common';
 import { ProjectsService } from './projects.service';
-import { CompositeGuard } from '../auth/jwt.guard';
+import { SprintSyncService } from './sprint-sync.service';
+import { JwtGuard } from '../auth/jwt.guard';
 import { RoleGuard, Roles } from '../auth/role.guard';

@Controller('api/projects')
 export class ProjectsController {
-  constructor(private readonly projectsService: ProjectsService) {}
+  constructor(
+    private readonly projectsService: ProjectsService,
+    private readonly sprintSyncService: SprintSyncService,
+  ) {}

  @Get()
  getProjects() {
@@ -39,4 +43,18 @@ export class ProjectsController {
  ) {
    return this.projectsService.getProjectPulls(id, state ?? 'open');
  }
+
+  @Post(':id/sync-sprints')
+  @UseGuards(JwtGuard, RoleGuard)
+  @Roles('admin')
+  syncSprints(@Param('id', ParseIntPipe) id: number) {
+    return this.sprintSyncService.syncProjectSprints(id);
+  }
+
+  @Post('sync-all-sprints')
+  @UseGuards(JwtGuard, RoleGuard)
+  @Roles('admin')
+  syncAllSprints() {
+    return this.sprintSyncService.syncAllProjectSprints();
+  }
 }
--- a/backend/src/projects/projects.module.ts
+++ b/backend/src/projects/projects.module.ts
@@ -1,13 +1,16 @@
 import { Module } from '@nestjs/common';
 import { ProjectsController } from './projects.controller';
 import { ProjectsService } from './projects.service';
+import { SprintSyncService } from './sprint-sync.service';
 import { PrismaModule } from '../prisma/prisma.module';
 import { GiteaModule } from '../gitea/gitea.module';
 import { ActivityModule } from '../activity/activity.module';
+import { AuthModule } from '../auth/auth.module';

@Module({
-  imports: [PrismaModule, GiteaModule, ActivityModule],
+  imports: [PrismaModule, GiteaModule, ActivityModule, AuthModule],
  controllers: [ProjectsController],
-  providers: [ProjectsService],
+  providers: [ProjectsService, SprintSyncService],
+  exports: [ProjectsService, SprintSyncService],
 })
 export class ProjectsModule {}
--- a/backend/src/projects/projects.service.ts
+++ b/backend/src/projects/projects.service.ts
@@ -34,8 +34,12 @@ export class ProjectsService {
    }

    return dbProjects.map((p) => {
-      const totalTasks = p.sprints.flatMap((s) => s.tasks).length;
-      const doneTasks = p.sprints.flatMap((s) => s.tasks).filter((t) => t.status === 'done').length;
+      // Sprint 기반 진행률 (백엔드 task 없어도 동작)
+      const totalSprints = p.sprints.length;
+      const doneSprints = p.sprints.filter((s) => s.status === 'done').length;
+      const inProgressSprint = p.sprints.find((s) => s.status === 'in_progress');
+
+      const progress = totalSprints > 0 ? Math.round((doneSprints / totalSprints) * 100) : 0;
      const gitea = giteaRepos[p.giteaId];

      return {
@@ -45,13 +49,13 @@ export class ProjectsService {
        repoUrl: p.repoUrl,
        description: p.description,
        status: p.status,
-        progress: totalTasks > 0 ? Math.round((doneTasks / totalTasks) * 100) : 0,
-        totalTasks,
-        doneTasks,
+        progress,
+        totalSprints,
+        doneSprints,
        openPRs: gitea?.openPRs ?? 0,
        updatedAt: gitea?.updatedAt ?? p.updatedAt.toISOString(),
-        sprintCount: p.sprints.length,
-        currentSprint: p.sprints.find((s) => s.status === 'in_progress')?.name ?? null,
+        sprintCount: totalSprints,
+        currentSprint: inProgressSprint?.name ?? (doneSprints === totalSprints && totalSprints > 0 ? 'COMPLETED' : null),
      };
    });
  }
--- a/backend/src/projects/sprint-sync.service.ts
+++ b/backend/src/projects/sprint-sync.service.ts
@@ -0,0 +1,212 @@
+import { Injectable, Logger } from '@nestjs/common';
+import { PrismaService } from '../prisma/prisma.service';
+import { GiteaService } from '../gitea/gitea.service';
+
+interface ParsedSprint {
+  number: number;
+  name: string;
+  status: 'pending' | 'in_progress' | 'done';
+}
+
+interface ParsedTask {
+  taskId: string;
+  title: string;
+  status: 'pending' | 'done';
+}
+
+function parseSprintName(content: string, filename: string, number: number): string {
+  // 첫 번째 heading에서 이름 추출: # Sprint XXX — 이름 / # SPRINT-XXX: 이름
+  const headingMatch = content.match(/^#\s+(?:SPRINT-\d+|Sprint\s+\d+)[:\s—\-]+(.+)/m);
+  if (headingMatch) return headingMatch[1].trim();
+  return `SPRINT-${String(number).padStart(3, '0')}`;
+}
+
+function inferStatusFromQaContent(qaContent: string): 'done' | null {
+  // QA 파일에 "결과: ✅ PASSED" 또는 "PASSED" 포함 시 done
+  if (/PASSED/i.test(qaContent)) return 'done';
+  return null;
+}
+
+function parseTasks(content: string, sprintStatus: 'pending' | 'in_progress' | 'done'): ParsedTask[] {
+  const lines = content.split(/\r?\n/);
+  const seen = new Set<string>();
+  const tasks: ParsedTask[] = [];
+
+  for (const rawLine of lines) {
+    const line = rawLine.trim();
+    let match: RegExpMatchArray | null = null;
+    let status: 'pending' | 'done' | null = null;
+
+    // ### TASK-001: title
+    match = line.match(/^#{2,6}\s+(TASK-\d+[A-Z]?)\s*:\s*(.+)$/i);
+    if (match) {
+      status = sprintStatus === 'done' ? 'done' : 'pending';
+    }
+
+    // - [x] TASK-001 title / - [ ] TASK-001 title
+    if (!match) {
+      match = line.match(/^-\s*\[([ xX])\]\s*(TASK-\d+[A-Z]?)\s*[:\-]?\s*(.+)$/i);
+      if (match) {
+        status = /x/i.test(match[1]) ? 'done' : 'pending';
+      }
+    }
+
+    // - TASK-001: title
+    if (!match) {
+      match = line.match(/^-\s*(TASK-\d+[A-Z]?)\s*:\s*(.+)$/i);
+      if (match) {
+        status = sprintStatus === 'done' ? 'done' : 'pending';
+      }
+    }
+
+    // TASK-001: title
+    if (!match) {
+      match = line.match(/^(TASK-\d+[A-Z]?)\s*:\s*(.+)$/i);
+      if (match) {
+        status = sprintStatus === 'done' ? 'done' : 'pending';
+      }
+    }
+
+    if (!match || !status) continue;
+
+    const taskId = (match[1] ?? match[2]).toUpperCase();
+    const title = (match[2] ?? match[3] ?? '').trim();
+    if (!taskId || seen.has(taskId)) continue;
+    seen.add(taskId);
+    tasks.push({ taskId, title: title || taskId, status });
+  }
+
+  return tasks;
+}
+
+@Injectable()
+export class SprintSyncService {
+  private readonly logger = new Logger(SprintSyncService.name);
+
+  constructor(
+    private readonly prisma: PrismaService,
+    private readonly gitea: GiteaService,
+  ) {}
+
+  async syncProjectSprints(projectId: number): Promise<{ synced: number; created: number; updated: number }> {
+    const project = await this.prisma.project.findUnique({ where: { id: projectId } });
+    if (!project) return { synced: 0, created: 0, updated: 0 };
+
+    const repoName = project.repoUrl.replace(/\/+$/, '').split('/').pop() ?? '';
+    return this.syncRepo(projectId, repoName);
+  }
+
+  async syncAllProjectSprints(): Promise<{ projects: number; synced: number }> {
+    const projects = await this.prisma.project.findMany({ select: { id: true, repoUrl: true } });
+    let totalSynced = 0;
+
+    for (const project of projects) {
+      const repoName = project.repoUrl.replace(/\/+$/, '').split('/').pop() ?? '';
+      const r = await this.syncRepo(project.id, repoName);
+      totalSynced += r.synced;
+    }
+
+    return { projects: projects.length, synced: totalSynced };
+  }
+
+  private async syncRepo(projectId: number, repoName: string): Promise<{ synced: number; created: number; updated: number }> {
+    const [sprintFilePaths, qaFilePaths] = await Promise.all([
+      this.gitea.getRepoTree(repoName, '.plans/sprints/'),
+      this.gitea.getRepoTree(repoName, '.qa/'),
+    ]);
+
+    const sprintFiles = sprintFilePaths.filter((f) => /SPRINT-\d+\.md$/i.test(f));
+    const qaFiles = qaFilePaths.filter((f) => /SPRINT-\d+-review-.*\.md$/i.test(f));
+
+    if (!sprintFiles.length) {
+      this.logger.warn(`No sprint files found in ${repoName}/.plans/sprints/`);
+      return { synced: 0, created: 0, updated: 0 };
+    }
+
+    // QA 파일에서 PASSED 여부 수집: number → boolean
+    const passedMap = new Map<number, boolean>();
+    for (const qaPath of qaFiles) {
+      const numMatch = qaPath.match(/SPRINT-(\d+)-review/i);
+      if (!numMatch) continue;
+      const num = parseInt(numMatch[1], 10);
+      if (passedMap.get(num)) continue; // 이미 통과 확인됨
+
+      const qaContent = await this.gitea.getRawFile(repoName, qaPath);
+      if (!qaContent) continue;
+      if (inferStatusFromQaContent(qaContent)) {
+        passedMap.set(num, true);
+      }
+    }
+
+    let created = 0;
+    let updated = 0;
+
+    for (const filePath of sprintFiles) {
+      const content = await this.gitea.getRawFile(repoName, filePath);
+      if (!content) continue;
+
+      const filename = filePath.split('/').pop() ?? '';
+      const numMatch = filename.match(/SPRINT-(\d+)/i);
+      if (!numMatch) continue;
+      const number = parseInt(numMatch[1], 10);
+      const name = parseSprintName(content, filename, number);
+
+      // QA 통과 여부로 status 결정 (본문 전체 키워드 검색 금지)
+      const status: 'pending' | 'done' = passedMap.get(number) ? 'done' : 'pending';
+      const parsedTasks = parseTasks(content, status);
+
+      const existing = await this.prisma.sprint.findFirst({
+        where: { projectId, number },
+      });
+
+      let sprintId: number;
+      if (!existing) {
+        const createdSprint = await this.prisma.sprint.create({
+          data: { projectId, number, name, status },
+        });
+        sprintId = createdSprint.id;
+        created++;
+      } else {
+        const updatedSprint = await this.prisma.sprint.update({
+          where: { id: existing.id },
+          data: {
+            name,
+            status: existing.status === 'done' ? 'done' : status,
+          },
+        });
+        sprintId = updatedSprint.id;
+        updated++;
+      }
+
+      // Sprint 문서 기준 Task upsert
+      for (const task of parsedTasks) {
+        const existingTask = await this.prisma.task.findFirst({
+          where: { sprintId, taskId: task.taskId },
+        });
+
+        if (!existingTask) {
+          await this.prisma.task.create({
+            data: {
+              sprintId,
+              taskId: task.taskId,
+              title: task.title,
+              assignee: 'narang',
+              status: task.status,
+            },
+          });
+        } else {
+          await this.prisma.task.update({
+            where: { id: existingTask.id },
+            data: {
+              title: task.title,
+              status: existingTask.status === 'done' ? 'done' : task.status,
+            },
+          });
+        }
+      }
+    }
+
+    this.logger.log(`${repoName}: ${sprintFiles.length} sprints, ${passedMap.size} QA passed → ${created} created, ${updated} updated`);
+    return { synced: sprintFiles.length, created, updated };
+  }
+}
--- a/backend/src/settings/settings.controller.ts
+++ b/backend/src/settings/settings.controller.ts
@@ -1,10 +1,10 @@
 import { Body, Controller, Get, Put, UseGuards } from '@nestjs/common';
 import { SettingsService } from './settings.service';
-import { CompositeGuard } from '../auth/jwt.guard';
+import { JwtGuard } from '../auth/jwt.guard';
 import { RoleGuard, Roles } from '../auth/role.guard';

@Controller('api/admin/settings')
-@UseGuards(CompositeGuard, RoleGuard)
+@UseGuards(JwtGuard, RoleGuard)
@Roles('admin')
 export class SettingsController {
  constructor(private readonly settingsService: SettingsService) {}
--- a/backend/src/sisters/avatar.service.ts
+++ b/backend/src/sisters/avatar.service.ts
@@ -57,6 +57,8 @@ export class AvatarService {
        }
      } catch {
        this.logger.warn(`Avatar fetch failed for ${sister.name}`);
+        // 실패 시 오래된 캐시 삭제 (다음 요청에서 재시도)
+        this.cache.delete(sister.name);
      }
    }

--- a/frontend/app/admin/layout.tsx
+++ b/frontend/app/admin/layout.tsx
@@ -1,10 +1,9 @@
 'use client';

-import React, { useState, useEffect } from 'react';
+import React from 'react';
 import styled from 'styled-components';
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
-import { LabelMeta, SectionTitle } from '@/components/ui/base';

 const ADMIN_TABS = [
  { href: '/admin', label: '자매 관리' },
@@ -39,46 +38,11 @@ const TabLink = styled(Link)<{ $active: boolean }>`
  padding: var(--space-sm) 0;
  border-bottom: 1px solid ${({ $active }) => $active ? 'var(--text-primary)' : 'transparent'};
  transition: color 0.15s, border-color 0.15s;
-
  &:hover { color: var(--text-primary); }
 `;

-const ApiKeyRow = styled.div`
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-  font-family: var(--font-mono);
-  font-size: 12px;
-  color: var(--text-secondary);
-`;
-
-const ApiKeyInput = styled.input`
-  background: transparent;
-  border: none;
-  border-bottom: 1px solid var(--border-color);
-  color: var(--text-primary);
-  font-family: var(--font-mono);
-  font-size: 12px;
-  outline: none;
-  flex: 1;
-  max-width: 300px;
-  padding: 2px 0;
-
-  &:focus { border-bottom-color: var(--text-primary); }
-`;
-
 export default function AdminLayout({ children }: { children: React.ReactNode }) {
  const pathname = usePathname();
-  const [apiKey, setApiKey] = useState('');
-
-  useEffect(() => {
-    setApiKey(localStorage.getItem('hanarang_admin_key') ?? '');
-  }, []);
-
-  const saveKey = (v: string) => {
-    setApiKey(v);
-    localStorage.setItem('hanarang_admin_key', v);
-  };

  return (
    <Wrapper>
@@ -94,18 +58,6 @@ export default function AdminLayout({ children }: { children: React.ReactNode })
          ))}
        </TabNav>
      </AdminHeader>
-
-      <ApiKeyRow>
-        <span>KEY [</span>
-        <ApiKeyInput
-          type="password"
-          placeholder="ADMIN_API_KEY"
-          value={apiKey}
-          onChange={(e) => saveKey(e.target.value)}
-        />
-        <span>]</span>
-      </ApiKeyRow>
-
      {children}
    </Wrapper>
  );
--- a/frontend/app/login/page.tsx
+++ b/frontend/app/login/page.tsx
@@ -2,7 +2,6 @@

 import React, { useState } from 'react';
 import styled from 'styled-components';
-import Link from 'next/link';
 import { useAuth } from '@/lib/AuthContext';
 import { useRouter } from 'next/navigation';

@@ -111,16 +110,6 @@ const ErrorMsg = styled.div`
  background: rgba(255,95,95,0.05);
 `;

-const FooterLink = styled.div`
-  margin-top: var(--space-lg);
-  font-size: 12px;
-  color: var(--text-secondary);
-  font-family: var(--font-mono);
-  text-align: center;
-
-  a { color: var(--text-primary); text-decoration: none;
-    &:hover { text-decoration: underline; } }
-`;

 export default function LoginPage() {
  const [username, setUsername] = useState('');
@@ -180,10 +169,7 @@ export default function LoginPage() {
          </SubmitBtn>
        </Form>

-        <FooterLink>
-          계정 없음? <Link href="/register">REGISTER</Link>
-        </FooterLink>
-      </Box>
+              </Box>
    </Page>
  );
 }
--- a/frontend/app/page.tsx
+++ b/frontend/app/page.tsx
@@ -10,6 +10,7 @@ import {
 } from '@/components/ui/base';
 import { API_URL, POLL_INTERVAL_MS } from '@/lib/config';
 import { useSocket } from '@/lib/useSocket';
+import SisterAvatar from '@/components/common/SisterAvatar';

 const pulse = keyframes`0%{opacity:.35}50%{opacity:.7}100%{opacity:.35}`;
 const StatusGrid = styled.section`display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);@media (min-width:768px) and (max-width:1199px){grid-template-columns:repeat(2,1fr)}@media (max-width:767px){grid-template-columns:repeat(2,1fr);gap:var(--space-md)}`;
@@ -74,7 +75,10 @@ export default function DashboardPage() {
      <StatusGrid>
        {loading ? Array.from({ length: 4 }).map((_, i) => <SkeletonCard key={i} />) : sisters.map((s) => (
          <Card key={s.id ?? s.name} as={Link} href={`/sisters/${s.name}`} style={{ textDecoration: 'none' }}>
-            <div style={{ display: 'flex', justifyContent: 'space-between' }}><LabelMeta><span>SYS:</span>{SISTER_SHORT[s.name] ?? s.name}</LabelMeta></div>
+            <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
+              <LabelMeta><span>SYS:</span>{SISTER_SHORT[s.name] ?? s.name}</LabelMeta>
+              <SisterAvatar name={s.name} size={24} />
+            </div>
            <div style={{ display: 'flex', flexDirection: 'column', gap: 'var(--space-xs)' }}><BracketValue $dimmed={s.status === 'offline'}>{sisterBracketValue(s)}</BracketValue><LabelMeta>{sisterSubLabel(s)}</LabelMeta></div>
            <TechBar><TechBarFill $width={sisterBarWidth(s)} /></TechBar>
          </Card>
--- a/frontend/app/projects/page.tsx
+++ b/frontend/app/projects/page.tsx
@@ -104,7 +104,7 @@ export default function ProjectsPage() {
    try {
      const res = await adminFetch('/api/admin/gitea/sync', { method: 'POST' });
      const d = await res.json();
-      setSyncResult(`sync: ${d.created ?? 0} created, ${d.updated ?? 0} updated`);
+      setSyncResult(`sync: ${d.created ?? 0} new, ${d.updated ?? 0} updated`);
      loadProjects();
    } catch (e) {
      setSyncResult('sync failed');
@@ -113,6 +113,21 @@ export default function ProjectsPage() {
    }
  };

+  const handleSprintSync = async () => {
+    setSyncing(true);
+    setSyncResult(null);
+    try {
+      const res = await adminFetch('/api/projects/sync-all-sprints', { method: 'POST' });
+      const d = await res.json();
+      setSyncResult(`sprint sync: ${d.synced ?? 0} synced across ${d.projects ?? 0} projects`);
+      loadProjects();
+    } catch (e) {
+      setSyncResult('sprint sync failed');
+    } finally {
+      setSyncing(false);
+    }
+  };
+
  useEffect(() => { loadProjects(); }, []);

  return (
@@ -129,6 +144,9 @@ export default function ProjectsPage() {
          <Btn onClick={handleSync} disabled={syncing}>
            {syncing ? 'SYNCING...' : '↻ GITEA SYNC'}
          </Btn>
+          <Btn onClick={handleSprintSync} disabled={syncing}>
+            {syncing ? '...' : '↻ SPRINT SYNC'}
+          </Btn>
        </div>
      </div>

--- a/frontend/app/register/page.tsx
+++ b/frontend/app/register/page.tsx
@@ -1,215 +1,9 @@
 'use client';
-
-import React, { useState } from 'react';
-import styled from 'styled-components';
-import Link from 'next/link';
+import { useEffect } from 'react';
 import { useRouter } from 'next/navigation';
-import { API_URL } from '@/lib/config';
-
-const Page = styled.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 100vh;
-  background: var(--bg-main);
-`;
-
-const Box = styled.div`
-  width: 100%;
-  max-width: 360px;
-  padding: var(--space-xl);
-`;
-
-const Logo = styled.div`
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  margin-bottom: var(--space-xxl);
-`;
-
-const CircleFull = styled.div`
-  width: 20px; height: 20px;
-  background: var(--text-primary);
-  border-radius: 50%;
-`;
-
-const CircleHalf = styled.div`
-  width: 10px; height: 20px;
-  background: var(--text-primary);
-  border-radius: 0 20px 20px 0;
-`;
-
-const Title = styled.h1`
-  font-size: 20px;
-  font-weight: 600;
-  color: var(--text-primary);
-  margin-bottom: var(--space-xs);
-  letter-spacing: -0.02em;
-`;
-
-const Subtitle = styled.p`
-  font-size: 12px;
-  color: var(--text-secondary);
-  font-family: var(--font-mono);
-  margin-bottom: var(--space-xl);
-`;
-
-const Form = styled.form`
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-md);
-`;
-
-const FieldLabel = styled.label`
-  font-size: 11px;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  color: var(--text-secondary);
-  margin-bottom: var(--space-xs);
-  display: block;
-`;
-
-const Input = styled.input`
-  width: 100%;
-  background: var(--bg-input);
-  border: 1px solid var(--border-color);
-  color: var(--text-primary);
-  padding: 10px 12px;
-  font-family: var(--font-mono);
-  font-size: 13px;
-  outline: none;
-  transition: border-color 0.15s;
-
-  &:focus { border-color: var(--border-hover); }
-  &::placeholder { color: var(--text-secondary); opacity: 0.5; }
-`;
-
-const SubmitBtn = styled.button`
-  background: var(--text-primary);
-  border: 1px solid var(--text-primary);
-  color: #000;
-  font-size: 12px;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  padding: 12px;
-  cursor: pointer;
-  transition: all 0.15s;
-  margin-top: var(--space-sm);
-
-  &:hover { background: transparent; color: var(--text-primary); }
-  &:disabled { opacity: 0.5; cursor: not-allowed; }
-`;
-
-const ErrorMsg = styled.div`
-  font-family: var(--font-mono);
-  font-size: 11px;
-  color: #ff5f5f;
-  padding: var(--space-sm);
-  border: 1px solid #ff5f5f44;
-  background: rgba(255,95,95,0.05);
-`;
-
-const SuccessMsg = styled.div`
-  font-family: var(--font-mono);
-  font-size: 11px;
-  color: #00FF00;
-  padding: var(--space-sm);
-  border: 1px solid rgba(0,255,0,0.3);
-  background: rgba(0,255,0,0.03);
-`;
-
-const FooterLink = styled.div`
-  margin-top: var(--space-lg);
-  font-size: 12px;
-  color: var(--text-secondary);
-  font-family: var(--font-mono);
-  text-align: center;
-
-  a { color: var(--text-primary); text-decoration: none;
-    &:hover { text-decoration: underline; } }
-`;
-
-const InviteNote = styled.div`
-  font-family: var(--font-mono);
-  font-size: 10px;
-  color: var(--text-secondary);
-  opacity: 0.6;
-  margin-top: 4px;
-`;

 export default function RegisterPage() {
-  const [form, setForm] = useState({ username: '', password: '', inviteCode: '' });
-  const [error, setError] = useState('');
-  const [success, setSuccess] = useState('');
-  const [loading, setLoading] = useState(false);
  const router = useRouter();
-
-  const handleSubmit = async (e: React.FormEvent) => {
-    e.preventDefault();
-    setError('');
-    setSuccess('');
-    setLoading(true);
-
-    try {
-      const res = await fetch(`${API_URL}/api/auth/register`, {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify(form),
-      });
-
-      const d = await res.json();
-      if (!res.ok) {
-        setError(Array.isArray(d.message) ? d.message[0] : (d.message ?? '등록 실패'));
-        return;
-      }
-
-      localStorage.setItem('hanarang_access_token', d.accessToken);
-      setSuccess('등록 완료. 대시보드로 이동...');
-      setTimeout(() => router.push('/'), 1000);
-    } catch (err) {
-      setError((err as Error).message);
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  const set = (key: string) => (e: React.ChangeEvent<HTMLInputElement>) =>
-    setForm((p) => ({ ...p, [key]: e.target.value }));
-
-  return (
-    <Page>
-      <Box>
-        <Logo><CircleFull /><CircleHalf /></Logo>
-        <Title>계정 등록</Title>
-        <Subtitle>SYSTEM_ACCESS // REGISTER_NEW_NODE</Subtitle>
-
-        <Form onSubmit={handleSubmit}>
-          <div>
-            <FieldLabel>USERNAME</FieldLabel>
-            <Input type="text" placeholder="username" value={form.username} onChange={set('username')} required />
-          </div>
-          <div>
-            <FieldLabel>PASSWORD</FieldLabel>
-            <Input type="password" placeholder="•••••••• (8자 이상)" value={form.password} onChange={set('password')} required minLength={8} />
-          </div>
-          <div>
-            <FieldLabel>INVITE CODE</FieldLabel>
-            <Input type="text" placeholder="초대 코드" value={form.inviteCode} onChange={set('inviteCode')} required />
-            <InviteNote>관리자에게 초대 코드를 요청하세요</InviteNote>
-          </div>
-          {error && <ErrorMsg>ERR: {error}</ErrorMsg>}
-          {success && <SuccessMsg>✓ {success}</SuccessMsg>}
-          <SubmitBtn type="submit" disabled={loading}>
-            {loading ? 'REGISTERING...' : 'REGISTER'}
-          </SubmitBtn>
-        </Form>
-
-        <FooterLink>
-          이미 계정 있음? <Link href="/login">LOGIN</Link>
-        </FooterLink>
-      </Box>
-    </Page>
-  );
+  useEffect(() => { router.replace('/login'); }, [router]);
+  return null;
 }
--- a/frontend/app/sisters/[name]/page.tsx
+++ b/frontend/app/sisters/[name]/page.tsx
@@ -4,8 +4,9 @@ import React, { useEffect, useState } from 'react';
 import { useParams } from 'next/navigation';
 import styled from 'styled-components';
 import Link from 'next/link';
-import { PageTitle, LabelMeta, SectionTitle, TechBar, TechBarFill, Timeline, TimelineItem, TimeStamp, TimelineContent } from '@/components/ui/base';
+import { LabelMeta, SectionTitle, TechBar, TechBarFill, Timeline, TimelineItem, TimeStamp, TimelineContent } from '@/components/ui/base';
 import { API_URL } from '@/lib/config';
+import SisterAvatar from '@/components/common/SisterAvatar';
 import { SISTER_ROLES } from '@/lib/sisters';

 const Breadcrumb = styled.div`
@@ -16,9 +17,87 @@ const Breadcrumb = styled.div`
  a { color: var(--text-secondary); text-decoration: none; &:hover { color: var(--text-primary); } }
 `;

+const Hero = styled.section`
+  display: grid;
+  grid-template-columns: 128px 1fr;
+  gap: var(--space-xl);
+  align-items: center;
+  padding: var(--space-xl);
+  border: 1px solid var(--border-color);
+  margin-bottom: var(--space-xl);
+
+  @media (max-width: 767px) {
+    grid-template-columns: 1fr;
+    justify-items: start;
+  }
+`;
+
+const HeroMeta = styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-sm);
+`;
+
+const HeroName = styled.div`
+  font-size: 36px;
+  font-weight: 700;
+  letter-spacing: -0.03em;
+  color: var(--text-primary);
+`;
+
+const HeroRole = styled.div`
+  font-size: 14px;
+  color: var(--text-secondary);
+  font-family: var(--font-mono);
+`;
+
+const HeroStatus = styled.div`
+  display: flex;
+  align-items: center;
+  gap: var(--space-sm);
+  margin-top: var(--space-sm);
+`;
+
+const StatusDot = styled.div<{ $on: boolean }>`
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background: ${({ $on }) => $on ? '#FFF' : '#555'};
+  ${({ $on }) => $on && `box-shadow: 0 0 8px rgba(255,255,255,0.3);`}
+`;
+
+const HeroStats = styled.div`
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: var(--space-md);
+  margin-top: var(--space-lg);
+
+  @media (max-width: 767px) {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+`;
+
+const StatCard = styled.div`
+  border: 1px solid var(--border-color);
+  padding: var(--space-md);
+`;
+
+const StatLabel = styled.div`
+  font-size: 10px;
+  color: var(--text-secondary);
+  font-family: var(--font-mono);
+  margin-bottom: 6px;
+`;
+
+const StatValue = styled.div`
+  font-size: 18px;
+  color: var(--text-primary);
+  font-family: var(--font-mono);
+`;
+
 const DetailGrid = styled.div`
  display: grid;
-  grid-template-columns: 280px 1fr;
+  grid-template-columns: 320px 1fr;
  gap: var(--space-xxl);
  align-items: start;

@@ -39,20 +118,6 @@ const MetaCard = styled.div`
  padding: var(--space-lg);
 `;

-const StatusRow = styled.div`
-  display: flex;
-  align-items: center;
-  gap: var(--space-sm);
-`;
-
-const StatusDot = styled.div<{ $on: boolean }>`
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  background: ${({ $on }) => $on ? '#FFF' : '#555'};
-  ${({ $on }) => $on && `box-shadow: 0 0 8px rgba(255,255,255,0.3);`}
-`;
-
 const ConfigPre = styled.pre`
  background: #0d0d0d;
  border: 1px solid var(--border-color);
@@ -84,7 +149,6 @@ const TabBtn = styled.button<{ $active: boolean }>`
  padding: var(--space-sm) 0;
  cursor: pointer;
  transition: color 0.15s, border-color 0.15s;
-
  &:hover { color: var(--text-primary); }
 `;

@@ -126,95 +190,98 @@ export default function SisterDetailPage() {
      <Breadcrumb>
        <Link href="/sisters">자매 노드 관리</Link> / {SISTER_DISPLAY[name] ?? name}
      </Breadcrumb>
-      <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 'var(--space-xl)' }}>
-        <PageTitle>
-          {SISTER_DISPLAY[name] ?? name}
-          <img src={`${API_URL}/api/sisters/${name}/avatar`} alt={name} style={{ width: 36, height: 36, borderRadius: '50%', objectFit: 'cover', border: '1px solid var(--border-color)', marginLeft: 'var(--space-md)', verticalAlign: 'middle' }} />
-          <span style={{ fontSize: '16px', color: 'var(--text-secondary)', fontWeight: 400, marginLeft: 'var(--space-sm)' }}>
-            / {SISTER_ROLES[name] ?? 'UNKNOWN'}
-          </span>
-        </PageTitle>
-        <LabelMeta><span>STATUS:</span>{sisterInfo?.status?.toUpperCase() ?? 'UNKNOWN'}</LabelMeta>
-      </div>

      {loading ? (
        <div style={{ color: 'var(--text-secondary)', fontSize: '13px', fontFamily: 'var(--font-mono)' }}>LOADING...</div>
      ) : (
-        <DetailGrid>
-          <MetaPanel>
-            <MetaCard>
-              <StatusRow>
+        <>
+          <Hero>
+            <SisterAvatar name={name} size={120} />
+            <HeroMeta>
+              <HeroName>{SISTER_DISPLAY[name] ?? name}</HeroName>
+              <HeroRole>{SISTER_ROLES[name] ?? 'UNKNOWN'}</HeroRole>
+              <HeroStatus>
                <StatusDot $on={isActive} />
                <LabelMeta>{isActive ? 'ACTIVE' : 'STANDBY'}</LabelMeta>
-              </StatusRow>
-              <div style={{ margin: 'var(--space-md) 0', fontFamily: 'var(--font-mono)', fontSize: '11px', color: 'var(--text-secondary)', lineHeight: 1.6 }}>
-                LXC: {sisterInfo?.lxcId ?? '--'}<br />
-                LAST_SEEN: {sisterInfo?.lastSeen ? new Date(sisterInfo.lastSeen).toLocaleString() : '--'}<br />
-                ROLE: {SISTER_ROLES[name] ?? '--'}<br />
-                {systemInfo && (<>
-                  UPTIME: {systemInfo.uptime}<br />
-                  CPU: {systemInfo.cpu?.toFixed?.(1)}%<br />
-                  MEM: {systemInfo.memory?.used}/{systemInfo.memory?.total}MB<br />
-                  DISK: {systemInfo.disk?.used}/{systemInfo.disk?.total}
-                </>)}
-              </div>
-              <TechBar>
-                <TechBarFill $width={isActive ? 100 : 0} />
-              </TechBar>
-            </MetaCard>
+                <LabelMeta><span>LXC:</span>{sisterInfo?.lxcId ?? '--'}</LabelMeta>
+              </HeroStatus>
+              <HeroStats>
+                <StatCard><StatLabel>UPTIME</StatLabel><StatValue>{systemInfo?.uptime ?? '--:--:--'}</StatValue></StatCard>
+                <StatCard><StatLabel>CPU</StatLabel><StatValue>{systemInfo?.cpu?.toFixed?.(1) ?? '0.0'}%</StatValue></StatCard>
+                <StatCard><StatLabel>MEM</StatLabel><StatValue>{systemInfo?.memory?.used ?? 0}/{systemInfo?.memory?.total ?? 0}MB</StatValue></StatCard>
+                <StatCard><StatLabel>DISK</StatLabel><StatValue>{systemInfo?.disk?.used ?? '0G'}/{systemInfo?.disk?.total ?? '0G'}</StatValue></StatCard>
+              </HeroStats>
+            </HeroMeta>
+          </Hero>

-            {configData?.description && (
+          <DetailGrid>
+            <MetaPanel>
              <MetaCard>
-                <LabelMeta style={{ marginBottom: 'var(--space-sm)', display: 'block' }}>DESC</LabelMeta>
-                <div style={{ fontSize: '12px', color: 'var(--text-secondary)', lineHeight: 1.6 }}>
-                  {configData.description}
+                <LabelMeta style={{ marginBottom: 'var(--space-sm)', display: 'block' }}>SYSTEM SUMMARY</LabelMeta>
+                <div style={{ margin: 'var(--space-md) 0', fontFamily: 'var(--font-mono)', fontSize: '11px', color: 'var(--text-secondary)', lineHeight: 1.8 }}>
+                  LAST_SEEN: {sisterInfo?.lastSeen ? new Date(sisterInfo.lastSeen).toLocaleString() : '--'}<br />
+                  ROLE: {SISTER_ROLES[name] ?? '--'}<br />
+                  STATUS: {String(sisterInfo?.status ?? 'unknown').toUpperCase()}<br />
+                  HOST_USER: {sisterInfo?.user ?? '--'}
                </div>
+                <TechBar>
+                  <TechBarFill $width={isActive ? 100 : 0} />
+                </TechBar>
              </MetaCard>
-            )}
-          </MetaPanel>

-          <div>
-            <TabBar>
-              {[
-                { id: 'overview', label: '개요' },
-                { id: 'config', label: '설정' },
-              ].map((t) => (
-                <TabBtn key={t.id} $active={tab === t.id} onClick={() => setTab(t.id)}>
-                  {t.label}
-                </TabBtn>
-              ))}
-            </TabBar>
+              {configData?.description && (
+                <MetaCard>
+                  <LabelMeta style={{ marginBottom: 'var(--space-sm)', display: 'block' }}>DESC</LabelMeta>
+                  <div style={{ fontSize: '12px', color: 'var(--text-secondary)', lineHeight: 1.6 }}>
+                    {configData.description}
+                  </div>
+                </MetaCard>
+              )}
+            </MetaPanel>

-            {tab === 'overview' && (
-              <>
-                <SectionTitle>
-                  <span>RECENT ACTIVITY</span>
-                  <LabelMeta>{activity.length} ENTRIES</LabelMeta>
-                </SectionTitle>
-                <Timeline>
-                  {activity.slice(0, 8).map((item) => (
-                    <TimelineItem key={item.id}>
-                      <TimeStamp>{new Date(item.createdAt).toLocaleString('ko-KR', { hour12: false })}</TimeStamp>
-                      <TimelineContent>{item.detail ?? item.action}</TimelineContent>
-                    </TimelineItem>
-                  ))}
-                  {activity.length === 0 && (
-                    <TimelineItem>
-                      <TimelineContent style={{ color: 'var(--text-secondary)' }}>활동 기록 없음</TimelineContent>
-                    </TimelineItem>
-                  )}
-                </Timeline>
-              </>
-            )}
+            <div>
+              <TabBar>
+                {[
+                  { id: 'overview', label: '개요' },
+                  { id: 'config', label: '설정' },
+                ].map((t) => (
+                  <TabBtn key={t.id} $active={tab === t.id} onClick={() => setTab(t.id)}>
+                    {t.label}
+                  </TabBtn>
+                ))}
+              </TabBar>

-            {tab === 'config' && (
-              <>
-                <SectionTitle>SOUL.md / AGENTS.md</SectionTitle>
-                <ConfigPre>{configData?.raw || '(설정 파일 없음)'}</ConfigPre>
-              </>
-            )}
-          </div>
-        </DetailGrid>
+              {tab === 'overview' && (
+                <>
+                  <SectionTitle>
+                    <span>RECENT ACTIVITY</span>
+                    <LabelMeta>{activity.length} ENTRIES</LabelMeta>
+                  </SectionTitle>
+                  <Timeline>
+                    {activity.slice(0, 8).map((item) => (
+                      <TimelineItem key={item.id}>
+                        <TimeStamp>{new Date(item.createdAt).toLocaleString('ko-KR', { hour12: false })}</TimeStamp>
+                        <TimelineContent>{item.detail ?? item.action}</TimelineContent>
+                      </TimelineItem>
+                    ))}
+                    {activity.length === 0 && (
+                      <TimelineItem>
+                        <TimelineContent style={{ color: 'var(--text-secondary)' }}>활동 기록 없음</TimelineContent>
+                      </TimelineItem>
+                    )}
+                  </Timeline>
+                </>
+              )}
+
+              {tab === 'config' && (
+                <>
+                  <SectionTitle>SOUL.md / AGENTS.md</SectionTitle>
+                  <ConfigPre>{configData?.raw || '(설정 파일 없음)'}</ConfigPre>
+                </>
+              )}
+            </div>
+          </DetailGrid>
+        </>
      )}
    </>
  );
--- a/frontend/app/sisters/page.tsx
+++ b/frontend/app/sisters/page.tsx
@@ -5,30 +5,45 @@ import styled, { keyframes } from 'styled-components';
 import Link from 'next/link';
 import { PageTitle, LabelMeta, BtnToggle } from '@/components/ui/base';
 import { API_URL } from '@/lib/config';
+import SisterAvatar from '@/components/common/SisterAvatar';

 const pulse = keyframes`0%{opacity:.35}50%{opacity:.7}100%{opacity:.35}`;
 const SISTER_ROLES: Record<string, string> = { harang: 'Primary', narang: 'Secondary', darang: 'Standby', erang: 'Sync' };
 const NodeGrid = styled.section`display:flex;flex-direction:column;gap:var(--space-lg);`;
-const NodeEntry = styled.div`display:grid;grid-template-columns:220px 1fr 160px;gap:0;border:1px solid var(--border-color);transition:border-color .2s;&:hover{border-color:var(--border-hover)}@media (max-width:1199px){grid-template-columns:200px 1fr}@media (max-width:767px){grid-template-columns:1fr}`;
+const NodeEntry = styled(Link)`display:grid;grid-template-columns:220px 1fr 180px;gap:0;border:1px solid var(--border-color);transition:border-color .2s, background .15s;text-decoration:none;&:hover{border-color:var(--border-hover);background:#111}@media (max-width:1199px){grid-template-columns:200px 1fr}@media (max-width:767px){grid-template-columns:1fr}`;
 const NodeInfo = styled.div`border-right:1px solid var(--border-color);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);@media (max-width:767px){border-right:none;border-bottom:1px solid var(--border-color)}`;
-const NodeName = styled(Link)`display:flex;align-items:center;gap:var(--space-sm);font-size:16px;font-weight:600;color:var(--text-primary);text-decoration:none;transition:color .15s;&:hover{color:var(--accent-hover)}`;
+const NodeName = styled.div`display:flex;align-items:center;gap:var(--space-sm);font-size:16px;font-weight:600;color:var(--text-primary);`;
 const StatusIndicator = styled.div<{ $active: boolean }>`width:8px;height:8px;border-radius:50%;background:${({$active})=>$active?'#FFF':'#555'};flex-shrink:0;${({$active})=>$active&&`box-shadow:0 0 8px rgba(255,255,255,.3);`}`;
-const AvatarImg = styled.img`width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid var(--border-color);background:#111;`;
 const MetaPair = styled.div`display:flex;flex-direction:column;gap:2px;`;
 const MetaVal = styled.div`font-size:13px;color:var(--text-primary);font-family:var(--font-mono);`;
 const NodeControls = styled.div`display:flex;gap:var(--space-sm);flex-wrap:wrap;`;
 const CapacitySection = styled.div`border-right:1px solid var(--border-color);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);@media (max-width:1199px){border-right:none}@media (max-width:767px){border-bottom:1px solid var(--border-color)}`;
 const BarWrap = styled.div`display:flex;flex-direction:column;gap:8px;`;
 const BarRow = styled.div`display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);`;
-const Bar = styled.div`flex:1;height:8px;background:#151515;border:1px solid #222;`;
-const Fill = styled.div<{ $width:number }>`height:100%;width:${({$width})=>$width}%;background:var(--text-primary);`;
-const SyncHistory = styled.div`padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);@media (max-width:1199px){display:none}`;
-const SyncRow = styled.div`display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);padding:2px 0;`;
+const Bar = styled.div`flex:1;height:8px;background:#151515;border:1px solid #222;overflow:hidden;`;
+const Fill = styled.div<{ $width:number }>`height:100%;width:${({$width})=>$width}%;background:var(--text-primary);min-width:${({$width})=>$width > 0 ? '2px' : '0'};`;
+const OpsMeta = styled.div`padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);@media (max-width:1199px){display:none}`;
+const MetaRow = styled.div`display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);padding:2px 0;gap:var(--space-md);`;
 const Skeleton = styled.div`height:120px;border:1px solid var(--border-color);background:#111;animation:${pulse} 1.4s ease-in-out infinite;`;
 const ErrorBox = styled.div`padding:var(--space-lg);border:1px solid #5a2a2a;color:#ff9b9b;`;

 function getNodeStatus(s: any): boolean { return s.status === 'online' || s.status === 'working'; }
 function getStatusBtns(s: any): [string, string] { if (s.status === 'offline') return ['STANDBY', 'ACTIVATE']; return ['ACTIVE', 'REBOOT']; }
+function diskPercent(disk: any): number {
+  if (!disk?.used || !disk?.total) return 0;
+  const parse = (v: string) => {
+    const m = String(v).match(/([0-9.]+)\s*([KMGTP]?)/i);
+    if (!m) return 0;
+    const n = parseFloat(m[1]);
+    const unit = (m[2] || 'G').toUpperCase();
+    const scale: Record<string, number> = { K: 1/1024/1024, M: 1/1024, G: 1, T: 1024, P: 1024*1024, '': 1 };
+    return n * (scale[unit] ?? 1);
+  };
+  const used = parse(disk.used);
+  const total = parse(disk.total);
+  if (!isFinite(used) || !isFinite(total) || total <= 0) return 0;
+  return Math.max(0, Math.min(100, (used / total) * 100));
+}

 export default function SistersPage() {
  const [sisters, setSisters] = useState<any[]>([]);
@@ -72,11 +87,11 @@ export default function SistersPage() {
          const isActive = getNodeStatus(s);
          const [btn1, btn2] = getStatusBtns(s);
          return (
-            <NodeEntry key={s.id ?? s.name}>
+            <NodeEntry key={s.id ?? s.name} href={`/sisters/${s.name}`}>
              <NodeInfo>
-                <NodeName href={`/sisters/${s.name}`}>
+                <NodeName>
                  <StatusIndicator $active={isActive} />
-                  <AvatarImg src={`${API_URL}/api/sisters/${s.name}/avatar`} alt={s.name} />
+                  <SisterAvatar name={s.name} size={28} />
                  {s.name === 'harang' ? '하랑' : s.name === 'narang' ? '나랑' : s.name === 'darang' ? '다랑' : '이랑'} ({SISTER_ROLES[s.name] ?? s.name})
                </NodeName>
                <MetaPair><LabelMeta>Uptime</LabelMeta><MetaVal>{s.uptime ?? '00:00:00'}</MetaVal></MetaPair>
@@ -86,16 +101,17 @@ export default function SistersPage() {
              <CapacitySection>
                <BarWrap>
                  <BarRow><span>CPU</span><span>{s.cpu?.toFixed?.(1) ?? '0.0'}%</span><Bar><Fill $width={Math.max(0, Math.min(100, Number(s.cpu ?? 0)))} /></Bar></BarRow>
-                  <BarRow><span>MEM</span><span>{s.memory?.used ?? 0}/{s.memory?.total ?? 0}MB</span><Bar><Fill $width={s.memory?.total ? (s.memory.used / s.memory.total) * 100 : 0} /></Bar></BarRow>
-                  <BarRow><span>DSK</span><span>{s.disk?.used ?? '0G'}/{s.disk?.total ?? '0G'}</span><Bar><Fill $width={0} /></Bar></BarRow>
+                  <BarRow><span>MEM</span><span>{s.memory?.used ?? 0}/{s.memory?.total ?? 0}MB</span><Bar><Fill $width={s.memory?.total ? Math.max(0, Math.min(100, (s.memory.used / s.memory.total) * 100)) : 0} /></Bar></BarRow>
+                  <BarRow><span>DSK</span><span>{s.disk?.used ?? '0G'}/{s.disk?.total ?? '0G'}</span><Bar><Fill $width={diskPercent(s.disk)} /></Bar></BarRow>
                </BarWrap>
              </CapacitySection>
-              <SyncHistory>
-                <SyncRow><span>STATUS</span><span>{String(s.status).toUpperCase()}</span></SyncRow>
-                <SyncRow><span>CPU</span><span>{s.cpu?.toFixed?.(1) ?? '0.0'}%</span></SyncRow>
-                <SyncRow><span>MEMORY</span><span>{s.memory?.used ?? 0}/{s.memory?.total ?? 0}MB</span></SyncRow>
-                <SyncRow><span>DISK</span><span>{s.disk?.used ?? '0G'} / {s.disk?.total ?? '0G'}</span></SyncRow>
-              </SyncHistory>
+              <OpsMeta>
+                <MetaRow><span>STATUS</span><span>{String(s.status).toUpperCase()}</span></MetaRow>
+                <MetaRow><span>ROLE</span><span>{String(SISTER_ROLES[s.name] ?? s.name).toUpperCase()}</span></MetaRow>
+                <MetaRow><span>LXC ID</span><span>{s.lxcId ?? '--'}</span></MetaRow>
+                <MetaRow><span>LAST CHECK</span><span>{s.lastSeen ? 'just synced' : '--'}</span></MetaRow>
+                <MetaRow><span>CURRENT TASK</span><span>{s.currentTask ?? '-'}</span></MetaRow>
+              </OpsMeta>
            </NodeEntry>
          );
        })}
--- a/frontend/components/common/AppShell.tsx
+++ b/frontend/components/common/AppShell.tsx
@@ -5,7 +5,7 @@ import { useRouter, usePathname } from 'next/navigation';
 import { AuthProvider, useAuth } from '@/lib/AuthContext';
 import LayoutShell from './LayoutShell';

-const PUBLIC_PATHS = ['/login', '/register'];
+const PUBLIC_PATHS = ['/login'];

 function AuthGate({ children }: { children: React.ReactNode }) {
  const { isAuthenticated, loading } = useAuth();
--- a/frontend/components/common/SisterAvatar.tsx
+++ b/frontend/components/common/SisterAvatar.tsx
@@ -0,0 +1,66 @@
+'use client';
+
+import React, { useState } from 'react';
+import styled from 'styled-components';
+import { API_URL } from '@/lib/config';
+
+const SISTER_INITIALS: Record<string, string> = {
+  harang: '하',
+  narang: '나',
+  darang: '다',
+  erang: '이',
+};
+
+const ImgEl = styled.img<{ $size: number }>`
+  width: ${({ $size }) => $size}px;
+  height: ${({ $size }) => $size}px;
+  border-radius: 50%;
+  object-fit: cover;
+  border: 1px solid var(--border-color);
+  background: #111;
+  display: block;
+  flex-shrink: 0;
+`;
+
+const Fallback = styled.div<{ $size: number }>`
+  width: ${({ $size }) => $size}px;
+  height: ${({ $size }) => $size}px;
+  border-radius: 50%;
+  background: #222;
+  border: 1px solid var(--border-color);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-family: var(--font-mono);
+  font-size: ${({ $size }) => Math.round($size * 0.4)}px;
+  color: var(--text-secondary);
+  flex-shrink: 0;
+  user-select: none;
+`;
+
+interface SisterAvatarProps {
+  name: string;
+  size?: number;
+  className?: string;
+  style?: React.CSSProperties;
+}
+
+export default function SisterAvatar({ name, size = 32, className, style }: SisterAvatarProps) {
+  const [failed, setFailed] = useState(false);
+  const initial = SISTER_INITIALS[name] ?? name.slice(0, 1).toUpperCase();
+
+  if (failed) {
+    return <Fallback $size={size} className={className} style={style}>{initial}</Fallback>;
+  }
+
+  return (
+    <ImgEl
+      $size={size}
+      src={`${API_URL}/api/sisters/${name}/avatar`}
+      alt={name}
+      className={className}
+      style={style}
+      onError={() => setFailed(true)}
+    />
+  );
+}
--- a/frontend/lib/adminFetch.ts
+++ b/frontend/lib/adminFetch.ts
@@ -1,21 +1,15 @@
 /**
- * 관리자 API 호출 유틸.
- * - CSR: 상대경로 /api/... → Next.js rewrites → BE
- * - JWT access token (우선) 또는 API Key fallback으로 Authorization 헤더 설정
+ * 관리자 API 호출 유틸 — JWT 전용.
+ * 로그인 후 localStorage의 access token을 Authorization 헤더에 설정한다.
 */
 export function getAdminToken(): string {
  if (typeof window === 'undefined') return '';
-  return (
-    localStorage.getItem('hanarang_access_token') ??
-    localStorage.getItem('hanarang_admin_key') ??
-    ''
-  );
+  return localStorage.getItem('hanarang_access_token') ?? '';
 }

 export function adminFetch(path: string, options?: RequestInit) {
  const token = getAdminToken();

-  // Authorization: options?.headers보다 우선 (덮어쓰기 방지)
  const headers: Record<string, string> = {
    'Content-Type': 'application/json',
    ...(options?.headers as Record<string, string> ?? {}),
Author	SHA1	Message	Date
하랑이	9f6bba9aeb	📋 Sprint 012 계획 추가 - 프로젝트 진행률 UI 재설계 - 자매 프로필 사진 활용 - 하네스/로그를 자매 상세로 통합 - 대시보드 실데이터 그래프 강화	2026-04-04 20:49:59 +09:00
이랑이	7a91589ded	Merge pull request 'HOTFIX-004: DISK bar + 카드 전체 클릭 + 운영 메타 교체' (#10 ) from hotfix/sisters-card-ui into main	2026-04-04 20:19:18 +09:00
다랑이	5c810b03c6	QA: HOTFIX-004 review iteration 1 — PASSED	2026-04-04 20:17:54 +09:00
나랑이	2cacdcf54e	fix(hotfix-004): DISK bar + 카드 전체 클릭 + 운영 메타 교체 TASK-049: DISK 사용률 퍼센트 계산 추가, NaN/0 fallback 처리 TASK-050: 자매 카드 전체를 Link로 전환 TASK-051: 우측 영역을 리소스 중복 텍스트에서 운영 메타(STATUS/ROLE/LXC/LAST CHECK/CURRENT TASK)로 교체 테스트 23/23 pass, FE 16 routes build 성공	2026-04-04 20:16:35 +09:00
하랑이	59bf0f38de	📋 HOTFIX-004 계획 추가 - DISK progress bar 렌더 수정 - 카드 전체 클릭 가능화 - 우측 메타 중복 제거	2026-04-04 20:14:39 +09:00
이랑이	b342d6be52	Merge pull request 'HOTFIX-003: 자매 상세 프로필 hero 확대 + activity stderr 정리' (#9 ) from hotfix/profile-header into main	2026-04-04 19:49:43 +09:00
다랑이	89a590839d	QA: HOTFIX-003 review iteration 1 — PASSED	2026-04-04 19:48:20 +09:00
나랑이	16660e5611	fix(hotfix-003): 자매 상세 hero 확대 + activity raw stderr 사용자 친화화 TASK-046: /sisters/[name] 상단 프로필 hero 재디자인, avatar 120px 확대 TASK-047: 개요 레이아웃 우선순위 재정렬 (hero → system summary → activity) TASK-048: ActivityService sanitize 추가 - stderr/bash command not found/raw 내부 오류 직접 노출 금지 - 원격 노드 연결 실패 메시지 사용자 친화화 테스트 23/23 pass, FE 16 routes build 성공	2026-04-04 19:46:58 +09:00
하랑이	fcdac04481	📋 HOTFIX-003 계획 추가 - 자매 상세 프로필 헤더 확대 - 개요 레이아웃 위계 조정 - activity raw stderr 노출 정리	2026-04-04 19:44:34 +09:00
이랑이	f7f0d050ec	Merge pull request 'HOTFIX-002: Sprint task count + 완료 count 계산 보정' (#8 ) from hotfix/task-count into main	2026-04-04 18:37:52 +09:00
다랑이	49bba64f1f	QA: HOTFIX-002 review iteration 1 — PASSED	2026-04-04 18:36:26 +09:00
나랑이	3ce7169c21	fix(hotfix-002): Sprint task count/완료 수 파싱 보정 TASK-044: sprint 문서에서 실제 task heading/list 파싱 - ### TASK-001: ... - - [ ] TASK-001 ... - - [x] TASK-001 ... - - TASK-001: ... - TASK-001: ... - 중복 taskId 방지 TASK-045: Sprint status done이면 task status 정보 없을 때 done fallback - parsed task를 DB Task 테이블 upsert - 프로젝트 상세의 태스크 수/완료 수 정상 반영 기반 마련 테스트 23/23 pass, FE 16 routes build 성공	2026-04-04 18:34:38 +09:00
하랑이	1a5ad12e54	📋 HOTFIX-002 계획 추가 - Sprint task count 파싱 수정 - 완료 task count 계산 보정	2026-04-04 18:32:26 +09:00
이랑이	b5d7746e36	Merge pull request 'SPRINT-011: 진행률 계산 수정 + SisterAvatar 공통 컴포넌트' (#7 ) from feature/sprint-011 into main	2026-04-04 17:47:10 +09:00
다랑이	ff3a057b28	QA: SPRINT-011 review iteration 1 — PASSED	2026-04-04 17:45:43 +09:00
나랑이	b85ca55482	fix(sprint-011): 진행률 실제 계산 + Sprint status QA 기반 파싱 + 아바타 공통 컴포넌트 TASK-040: SprintSyncService .qa/SPRINT-XXX-review-*.md PASSED 여부로 status 결정 TASK-041: ProjectsService 진행률을 Sprint done수/전체Sprint수 기반으로 수정 TASK-042/043: SisterAvatar 공통 컴포넌트 생성, 대시보드/자매/상세 페이지 적용 - onError 시 이니셜 fallback으로 전환 (숨기기 제거) - API_URL 기반 src 사용 테스트 23/23 pass, FE 16 routes build 성공	2026-04-04 17:43:51 +09:00
하랑이	8a59b63d9f	📋 Sprint 011 계획 추가 - 진행률 0% 문제 수정 - Sprint status 실제 반영 - 자매 프로필 사진 실제 노출 수정 - 아바타 UI 일관화	2026-04-04 17:39:35 +09:00
이랑이	7aab46bae9	Merge pull request 'SPRINT-010: API Key 제거 + JWT 단일화 + dead code 정리' (#6 ) from feature/sprint-010 into main	2026-04-04 17:27:48 +09:00
다랑이	b4855accee	QA: SPRINT-010 review iteration 1 — PASSED	2026-04-04 17:26:23 +09:00
나랑이	176cb51f8a	feat(sprint-010): API Key 완전 제거 + JWT 전용 정리 + 죽은 코드 청소 TASK-036: admin/layout.tsx API Key UI 완전 제거 TASK-037: adminFetch JWT 전용 단순화 (api key fallback 제거) TASK-038: ApiKeyStrategy, ApiKeyGuard, CompositeGuard 제거 - api-key.strategy.ts, api-key.guard.ts 파일 삭제 - 모든 컨트롤러 @UseGuards JwtGuard로 전환 - AuthModule에서 ApiKey 관련 providers 제거 TASK-039: PUBLIC_PATHS에서 /register 제거, login FooterLink dead code 제거 테스트 23/23 pass, FE 16 routes build 성공	2026-04-04 17:24:32 +09:00
이랑이	784000ebba	Merge pull request 'SPRINT-009: 회원가입 제거 + Sprint 동기화 + 진행률 계산 수정' (#5 ) from feature/sprint-009 into main	2026-04-04 17:18:43 +09:00
다랑이	489f7cd649	QA: SPRINT-009 review iteration 2 — PASSED	2026-04-04 17:12:15 +09:00
나랑이	39c1cdd6f1	fix(sprint-009): B1 repoUrl trailing slash 정규화 + B2 status 파싱 범위 제한 B1: repoUrl.replace(/\/+$/, '').split('/').pop() — trailing slash 안전 처리 B2: parseSprintMd status를 'Status: value' 명시 라인만 파싱 (전체 본문 검색 제거) 테스트 23/23 pass	2026-04-04 17:11:23 +09:00
다랑이	416c27518c	QA: SPRINT-009 review iteration 1 — FAILED (blocking 2)	2026-04-04 17:09:58 +09:00
나랑이	9135dc59f9	feat(sprint-009): 회원가입 제거 + Sprint 동기화 + 진행률 + 아바타 버그 수정 TASK-032: /register → /login redirect, register API/로직 제거 TASK-033: SprintSyncService(.plans/sprints/ 파싱), /api/projects/:id/sync-sprints, sync-all TASK-034: 프로젝트 목록 SPRINT SYNC 버튼 추가, Gitea sync 시 Sprint 자동 동기화 TASK-035: 아바타 onError 처리, 캐시 실패 시 삭제 로직 추가 테스트 23/23 pass, FE 16 routes build 성공	2026-04-04 17:01:19 +09:00
하랑이	988c6905ea	📋 Sprint 009~010 계획 추가 - SPRINT-009: 회원가입 제거 + Sprint 동기화 + 진행률 정상화 + 프로필 사진 수정 - SPRINT-010: 관리자 코드 정리 + JWT 단일화 + API Key 정리	2026-04-04 16:53:25 +09:00
이랑이	ce4f39ced7	Merge pull request 'SPRINT-008: 실시간 자매 시스템 정보 + 설정 + 스켈레톤 UI (최종 Sprint)' (#4 ) from feature/sprint-008 into main	2026-04-04 16:40:51 +09:00
이랑이	e74432c8b3	Merge pull request 'fix: CORS origin + EventsGateway getClientCount null safety' (#3 ) from hotfix/cors-and-ws-size into main	2026-04-04 15:50:29 +09:00
erang	ded66c5cb6	fix: CORS origin + EventsGateway getClientCount null safety	2026-04-04 06:50:17 +00:00