크라우니AI 코칭 M7 UI — 중간점검 + 협업 노출

개요

crowny.org:9852 public/index.html에 M7 코칭 API(progress/diagnosis/collab)를 프론트엔드에 연결. 기존 코칭 UI(아침 능동카드·비전 패널·행동 체크리스트) 보존, additive 방식으로 추가.

무엇을 했는지

CSS 추가 (1617~1735줄 사이)

• .coach-checkpoint-card — 중간점검 카드 (blue 좌선 강조)
• .coach-diag-btn — 진단 서비스 링크 버튼
• .coach-diag-result-row / .coach-diag-code-input — 진단 코드 입력 행
• .coach-collab-* — 협업 섹션 카드·그리드·링크박스·버틀러 텍스트에어리어

HTML 추가 (코칭 패널 내부, coachPanel)

#coachCheckpointCard — 중간점검 카드 (progress API 조건부, 기본 display:none)

#coachDiagBtns — JS 렌더 진단 버튼 (tiomta/brain 등)

#coachDiagResultRow — 유형코드 입력 + 반영 버튼

.coach-collab-section — 협업 섹션

비전 공유 카드 (collab/share → 링크 표시)

비슷한 사람 카드 (collab/peers → 익명 매칭)

집사와 프로젝트 카드 (collab/butler POST+GET)

JS 추가 (~3368~3530줄)

• loadCoachProgress() — GET /api/coach/progress → checkpoint/suggestDiagnosis 체크
• renderDiagButtons(services) — GET /api/coach/diagnosis/link?service= 병렬 호출
• submitDiagResult() — POST /api/coach/diagnosis/result {service, typeCode}
• doCollabShare() — POST /api/collab/share {vision} → 링크 박스 표시
• copyCollabLink() — 클립보드 복사
• loadPeers() — GET /api/collab/peers → 익명 peer 렌더
• requestButler() — POST /api/collab/butler {projectDesc, butler}
• loadButlerQueue() — GET /api/collab/butler → 내 요청 큐 표시
• initCollabSection() — peers + butler queue 초기 로드
• init() 내 loadCoachProgress(), initCollabSection() 호출 추가

관련 파일

• /Users/ef/crowny-ai/public/index.html — 단일 수정 대상
• 서버: /Users/ef/crowny-ai/server.js (미수정)

API 연결

• GET /api/coach/progress (X-Crowny-Owner) ✅
• GET /api/coach/diagnosis/link?service= ✅
• POST /api/coach/diagnosis/result ✅
• POST /api/collab/share ✅
• GET /api/collab/peers ✅
• POST /api/collab/butler ✅
• GET /api/collab/butler ✅

검증 결과

• curl -s http://127.0.0.1:9852/ | grep -c "중간점검\|진단\|비슷한\|집사와" → 24
• HTML 파서 오류 없음
• 라이브 무중단 (서버 미재기동)

잔여 이슈

• progress checkpoint=true/suggestDiagnosis=true 가 실제 발동되면 UI 시각 검증 필요
• peers 매칭 로직은 서버 백엔드(collab 엔진) 의존 — 현재 항상 빈 배열