feat: P1 풀빌드 — React 프론트 7화면 + 백엔드 상담루프·평가·음성·RAG

web (Vite+React19+TS, Cloudflare Pages 배포):
- 디자인토큰(세이지틸/테라코타 SSOT), 앱셸, 공통 UI 프리미티브
- 7화면: 로그인/학습자홈/상담세션/회기리뷰/교수자/관리자/설정
- ClientAvatar: SVG 반구상 흉상 4상태 + RMS 립싱크 + 6파라미터 정서
- 회기리뷰는 외부 레퍼런스 디자인을 Vignette 토큰으로 리스킨

api (FastAPI):
- 게이트웨이 /v1/generate·/v1/stream 어댑터(상주풀/EngineSession 보존)
- services: 페르소나 L0~L6 빌더 / 결정론 상태머신 / 가드레일 /
  턴 오케스트레이터 / 회기간 메모리 / 평가AI / 음성 / RAG
- store: DB off 폴백(in-memory), sessions 실구현

검증:
- web: node22 tsc+vite build 통과(node23 segfault 회피), Pages 배포 200
- api: app.main import 통과
- 핫픽스: Topbar initials undefined-safe (undefined.trim 크래시)
- E2E: 서연(P1) 상담 1턴 — 좋은/나쁜 상담에 차등 반응 실증

apps/web/src/components/avatar/Brows.tsx

@@ -0,0 +1,43 @@
+/* =====================================================================
+   Brows — 눈썹 (정서별 각도 2~3px)
+   §4.5: 눈썹 수평(중립) / 안쪽 처짐(우울) / 긴장(불안) / 미세(저항).
+   과장 금지 — 각도 변화는 1~3px 수준.
+
+   ── Rive 2차 교체 지점 ── brow 본/각도 input 으로 대체.
+   ===================================================================== */
+
+interface BrowsProps {
+  /** 안쪽 끝 기울기 px (양수=안쪽 처짐/우울, 음수=안쪽 올라/긴장) */
+  browTilt: number;
+  /** 눈썹 색 (헤어 색) */
+  color: string;
+}
+
+export function Brows({ browTilt, color }: BrowsProps) {
+  // 안쪽 끝 y 를 browTilt 만큼 이동(좌우 대칭). 바깥 끝은 고정.
+  const innerY = 79 + browTilt;
+  return (
+    <>
+      {/* 왼 눈썹: 바깥(74) → 안쪽(90) */}
+      <line
+        x1="74"
+        y1="80"
+        x2="90"
+        y2={innerY}
+        stroke={color}
+        strokeWidth="2.4"
+        strokeLinecap="round"
+      />
+      {/* 오른 눈썹: 안쪽(110) → 바깥(126) */}
+      <line
+        x1="110"
+        y1={innerY}
+        x2="126"
+        y2="80"
+        stroke={color}
+        strokeWidth="2.4"
+        strokeLinecap="round"
+      />
+    </>
+  );
+}