pre 게이트 카드가 행 높이만큼 늘어나면서 base flex의 align-items:center가 살아남아 3축 블록이 1fr 행 한가운데 떠 있었다. 1920x1080에서 카드의 66.5%가 빈 공간이고 축 위아래로 각 277px의 죽은 여백이 생겼다. 척도 라벨은 0.54rem에 nowrap+ellipsis라 901~1279px에서 최대 12개가 잘렸고, 620px 이하에서는 15개 전부 display:none으로 사라져 숫자만 남았다. 320x568에서는 접힌 mid 전용 40px 고정 행이 게이트에도 걸려 카드가 눌리고 헤더와 축이 겹쳤다. - 게이트 카드는 align-self:center + max-height:100% + 내부 스크롤로 중앙에 서고 높이는 내용이 정한다 - 3열 격자를 축별 세로 스택(질문 한 줄 + 전폭 5칸 척도)으로 바꿔 어느 폭에서도 라벨을 자르거나 숨기지 않는다. word-break:keep-all + overflow-wrap:normal로 어절 경계에서만 줄바꿈한다 - 정보가 없던 3 AXES 배지를 제출 버튼이 왜 잠겨 있는지 답하는 0/3 진행 표시로 교체한다 - 40px 고정 행 규칙을 :not(.sx-alliance-gated)로 접힌 mid 전용으로 되돌린다 - 선택 상태 글자색을 반투명 --surface에서 --text-on-accent로 고친다 시간 만료 상태에서 드러난 네 결함도 함께 닫는다. sx-timebar와 종료 모달 패널은 다크 stage 팔레트 시절 잔재로, 정의된 적 없는 --bg-panel의 하드코딩 다크 폴백 위에 테마 토큰 글자를 얹어 라이트에서 대비가 1.13:1까지 떨어졌다. 의미색 토큰과 불투명 표면으로 되돌렸다. sx-page--active > * 의 position:relative가 같은 특이도로 뒤에 있어 종료 모달의 fixed를 덮어써 오버레이가 1532x32px 띠로 눌렸고, 게이트 행 정의는 :has() 두 개짜리 규칙보다 특이도가 낮아 시간 만료 바가 뜨면 밀려나 빈 트랙이 남았다. 둘 다 선택자를 맞춰 정정했다. 계측: 빈 공간 0.665→0.127, 라벨 잘림 12→0, 숨김 15→0, 최소 탭 46x60, 가로 오버플로 0. 배너 대비 1.13→13.88, 모달 제목 2.68→15.79(다크 13.86/15.18). 검증: typecheck, session-layout+alliance-pulse+layout-visual-gate 31/31, 시간만료 종료 다이얼로그 2/2, pre/mid 잠금 2/2, full-sweep+self-directed 30 pass. 남은 음성 4건은 baseline에서도 동일 실패하는 기존 회귀다. |
||
|---|---|---|
| .codex-remote-attachments | ||
| .github/workflows | ||
| apps | ||
| data | ||
| docs | ||
| infra | ||
| scripts | ||
| .dockerignore | ||
| .env.example | ||
| .gitignore | ||
| AGENT.md | ||
| AGENTS.md | ||
| CLAUDE.md | ||
| README.md | ||
Vignette 저장소 README
Vignette — AI 심리상담 시뮬레이션 훈련 플랫폼. 한신대학교 산학협력(구훈정 교수) 프로젝트. 상담 수련생(학습자)이 AI 내담자 페르소나와 회기를 진행하고, 백그라운드 평가 엔진이 회기 리뷰 피드백을 제공한다. "임상 비네트(사례 삽화)"로 안전하게 연습한다는 의미에서 Vignette.
핵심 구성: 페르소나 엔진(persona_repository, SEED P1~P3) · 이론모드(humanistic 등) ·
오케스트레이터(services/orchestrator.py, prepare_turn/run_turn_generate, eval_hook/log_hook 주입형) ·
저항엔진(state_machine openness) · 마스킹 게이트(PII, Presidio + 정규식) ·
음성 캐스케이드(STT/TTS, voice.py) · 회기 리뷰(evaluator.py deep-loop + make_eval_hook fast-loop) ·
평가 KPI(SUS·자기효능감·κ/ICC·환각률) · 재귀학습(ds.* 스키마) · 데이터/SSO 거버넌스(saml.py, auth allowlist) ·
회기 리뷰 공유 URL(공개 토큰 + Open Graph/요약 카드) · SEO/GEO 정적 메타(robots.txt, sitemap.xml, llms.txt).
AI 턴 생성 엔진은 별도 서비스인 engine_gateway(포트 9099)가 담당하며
ENGINE_MODE로 백엔드를 고른다(claude_cli / claude_api / openai / solar).
저장소(SoR)는 PostgreSQL 16 + pgvector 단일 출처, 미가용 시 store.py 인메모리 degraded 폴백.
1. 모노레포 구조
| 경로 | 설명 |
|---|---|
apps/api/ |
FastAPI/Python 백엔드. 오케스트레이터·페르소나·저항엔진·마스킹·음성·평가·인증. 엔진 게이트웨이(apps/api/engine_gateway/) 포함 |
apps/web/ |
React 19 + Vite 프론트엔드(3역할: 관리자/교수자/학습자). Playwright E2E |
docs/ |
설계·운영 문서. docs/dev_dashboard.html이 SSOT(단일 진실 공급원) |
infra/ |
Docker Compose 스택(db=pgvector pg16, api, web, proxy=Caddy) 및 .env.example |
scripts/ |
운영 스크립트(PowerShell/Python): 공개 런타임 기동·감시, 엔진 게이트웨이 프로브, Postgres RLS 감사 등 |
2. 빠른 시작 (로컬 dev)
주 개발 환경은 Windows 11 + PowerShell. 아래는 PowerShell 기준 최소 명령이다. (엔진 게이트웨이가 없어도 UI·로그인·페르소나·세션 생성(in-memory)·네비게이션은 동작하며, 실제 AI 턴 생성만 실패한다. DB가 없어도 인메모리 degraded로 기동된다.)
2-1. API 백엔드
cd apps\api
# 로컬 dev 기본값 복사 (pydantic-settings가 apps/api/.env 를 자동 로드)
Copy-Item ..\..\.env.example .env
# (선택) seed 페르소나가 필요하면 기동 전에 환경변수 설정
$env:AUTO_SEED_PERSONAS = "true"; $env:ALLOW_SEED_PERSONA_FALLBACK = "true"
python -m uvicorn app.main:app --host 127.0.0.1 --port 8000 --reload
- 기동 로그에
Application startup complete가 뜨면 정상. DB 연결 실패 시store인메모리 degraded로 기동되고GET /health는{"status":"degraded","db":false,...}를 반환한다. - dev 로그인 활성 조건:
.env에ENVIRONMENT=dev,AUTH_DEV_LOGIN_ENABLED=true(루트.env.example기본값에 이미 포함).
2-2. Web 프론트엔드
cd apps\web
npm install
npm run dev # http://localhost:5173
- Vite dev 서버는
/api요청을http://127.0.0.1:8000으로 프록시하고/api프리픽스를 제거한다 (예:/api/auth/dev-login→ 백엔드/auth/dev-login).
2-3. dev-login 으로 진입
웹 UI의 로그인 화면에서 dev-login 경로로 들어가거나, 직접 호출한다.
# 웹 프록시 경유 (web dev 서버가 떠 있을 때)
curl -X POST http://localhost:5173/api/auth/dev-login `
-H "Content-Type: application/json" `
-d '{"email":"learner@hs.ac.kr","role":"learner","display_name":"테스트 학습자"}'
- 요청 바디:
email(필수),role(learner|teacher|admin, 기본learner),display_name(선택). - 성공 시
__Host-vignette_sid세션 쿠키가 발급된다. - 로그인 후 신규 사용자 또는 온보딩 미완료 사용자는
/onboarding에서 닉네임, 자기소개, 선택 아바타 이미지, 이름, 소속, 학과, 학년/직위, 전화번호, 주소/수령지와 약관·개인정보 동의를 완료해야 역할 홈과 학습 회기 시작이 열린다.
2-4. (선택) AI 턴 생성용 엔진 게이트웨이
ENGINE_MODE=claude_cli 인 경우 호스트에서 게이트웨이를 9099 포트로 띄운다(claude CLI 사용).
cd apps\api
uvicorn engine_gateway.gateway:app --host 0.0.0.0 --port 9099
게이트웨이가 없으면 GET /health 의 engine:false 이고 턴 생성만 실패한다.
2-5. 테스트 / 검증
# 백엔드
cd apps\api; python -m pytest app/ -q # 백엔드 기준선 400 pass
python -m pytest engine_gateway/ -q # 현재 29 pass
# 프론트엔드
cd apps\web; npm run typecheck # tsc -b
npm run build # tsc -b && vite build
npm run e2e # Playwright (web + api + DB 스택 필요)
2-6. (선택) Docker Compose 전체 스택
cd infra
Copy-Item .env.example .env # 실제 시크릿은 .env 에만
docker compose up -d # db(pgvector pg16) + api + web + proxy(Caddy)
Docker Desktop이 필요하다. RAG 모델 의존성까지 API 이미지에 넣을 때만 INSTALL_RAG=true를 infra/.env에 둔다.
다른 환경에 심기 전에는 저장소 루트에서 python scripts\check-deploy-preflight.py --env-file infra\.env를 먼저 실행해
고정 의존성, 라이브 코칭 data/kb source pack, 운영 env를 확인한다.
3. 주요 문서
| 문서 | 용도 |
|---|---|
docs/README.md |
문서 인덱스(먼저 여기서 시작) — docs 전체 통합 목차 |
docs/TODO.md |
할 일(안된 것들) 통합 — 흩어진 열린 작업을 주제별로 모은 인덱스 |
docs/dev_dashboard.html |
SSOT(단일 진실 공급원) — 상태·검증 증거·결정 필요·로드맵의 권위 기준 |
docs/ops/backlog-2026-06-26.md |
운영 백로그 — 열린 항목만 얇게 유지(B1~B4·Phase3 게이트). 대시보드와 일치 |
docs/archive/ |
냉동 보관소 — 완료 기록·실행된 계획·일회성 스냅샷. 평상시 읽지 않음(이력용) |
docs/guides/source-docs-and-gaps.md |
원천문서·갭 로드맵 요약(대시보드 상태와 동기화) |
docs/ops/source-docs-gap-analysis-2026-06-26.md |
원천문서 갭 분석 상세 근거 |
docs/guides/local-development.md |
로컬 개발 환경 구축·실행 상세 가이드 |
docs/guides/architecture.md |
시스템 아키텍처(엔진/오케스트레이터/저항/마스킹/음성/평가/데이터) 상세 |
docs/guides/testing.md |
테스트·검증(pytest, typecheck, Playwright E2E 게이트) 가이드 |
AGENTS.md |
작업·에이전트 운영 지침의 원본(OS 선파악, 증거 정직성, SSOT 동기화). CLAUDE.md / AGENT.md는 호환성 진입점 |
참고 설계 문서: docs/MASTERPLAN.md(마스터플랜) · docs/HANDOFF.md(인수인계) ·
docs/DEPLOYMENT.md(배포) · docs/DESIGN_CONCEPT.md(디자인 컨셉) ·
docs/MEMORY_KNOWLEDGE_PERSONA_DESIGN.md(메모리·지식·페르소나).
4. 핵심 운영 원칙
- OS를 먼저 파악하고 시작한다(최우선). 주 환경은 Windows 11 + PowerShell.
POSIX를 가정하지 말고 경로·인코딩·도구 가용성을 먼저 확정한다(한글·공백 경로 주의,
파일 출력은
-Encoding utf8). 자세한 내용은AGENTS.md규칙 0. - 가짜 증거로 DONE 표기 금지. 실증 불가/외부 의존/소유자 결정 항목은
docs/ops/backlog-*.md에 분류·추적하고, 변경 후 검증(typecheck / pytest / E2E 게이트)을 실제로 돌려 결과를 그대로 보고한다. docs/dev_dashboard.html이 SSOT. 새 발견·작업 결과·상태 변경은 별도 문서로만 남기지 말고 대시보드에 반영·동기화한다. 백로그가 대시보드와 어긋나면 대시보드를 기준으로 맞춘다.- 소유자(윤찬) 단독 결정 사안은 임의로 정하지 않는다(월권 금지).
- 모든 소통·주석·커밋 메시지는 한글. 커밋 메시지에 Co-Authored-By / Claude 관련 문구 금지.