대시보드 폴드아웃/드릴다운 정리 + 페르소나 역린·misconduct 반응 + 게이트웨이 격리·RAG 비차단 수정

SSOT 대시보드:
- 한신대 기술분석 PDF(19쪽) 정합성 분석 + 이번 세션 발견 섹션 추가
- 섹션 폴드아웃(접기)·상단 목차(드릴다운)·모두 펼치기/접기 — 내용 보존, 레이아웃만 정리

페르소나 반응 강화('저항·반응 조절' 핵심 차별):
- PersonaCard.triggers(역린) 필드 + CCD 핵심상처 파생 역린 블록
- L0에 무례·모욕·조롱 시 현실적 동맹 균열 반응 지침

버그·성능 수정(라이브/E2E로 포착):
- 게이트웨이 페르소나 격리: --append-system-prompt를 --system-prompt(교체)로 + --exclude-dynamic-system-prompt-sections (내담자 캐릭터 붕괴·개발맥락 누출 차단)
- RAG: 임베더 동기 로드(약 7-13초)를 _warm_rag_caches 백그라운드 warm으로(세션 생성 블로킹 회귀 수정)
- voice TTS RMS 데드힌트 제거, init_state OpennessParams 파라미터객체화
- 한국어 PII(날짜·금액·주소) 마스킹 보강
- 레이아웃 시각 게이트: 폼 컨트롤 값 스크롤 오탐 제외(7/7)

검증: 백엔드 84/84, E2E 42(데스크톱 27·모바일 11·아바타 4), 시각 게이트 7/7

apps/web/src/pages/AvatarPreview.tsx

@@ -0,0 +1,74 @@
+/* =====================================================================
+   AvatarPreview — 서연 래스터 아바타 시각 튜닝용 dev 페이지 (인증 없음).
+   /dev/avatar-preview. 실 서비스 라우트 아님 — 컴포지션·애니메이션 점검 용도.
+   ===================================================================== */
+
+import { ClientAvatar, type AvatarExpression, type AvatarPersona } from "../components/avatar/ClientAvatar";
+import { AVATAR_EXPRESSION_LIBRARY } from "../components/avatar/ClientAvatar";
+import "./avatar-preview.css";
+
+const SEOYEON: AvatarPersona = {
+  code: "P1",
+  label: "서연(가명) · 고2 · 우울/자살사고",
+  ageBand: "teen",
+  skinTone: "#F0DDC4",
+  hair: { style: "long-straight", color: "#5A4030" },
+  outfitColor: "#7C8A92",
+  eyeColor: "#7A5A3C",
+  accentColor: "#6B5E7D",
+  rasterArtSet: "seoyeon",
+  realism: 0.4,
+  expressionBias: "sad",
+};
+
+// 대표 표정만 노출(28개 전체는 AvatarExpressionLab 참조)
+const PREVIEW_EXPRS: AvatarExpression[] = [
+  "neutral",
+  "calm",
+  "warm",
+  "joy",
+  "sad",
+  "grief",
+  "anxious",
+  "tired",
+  "confused",
+  "startled",
+  "guarded",
+  "determined",
+];
+
+export default function AvatarPreview() {
+  return (
+    <div className="ap" data-avatar-preview="true">
+      <header className="ap__head">
+        <h1>서연 아바타 미리보기 (raster / Live2D식)</h1>
+        <p>imagegen gpt-image-2 + BiRefNet 컷아웃 레이어 합성. 호흡·깜빡임·시선 모션 확인.</p>
+      </header>
+
+      <section className="ap__hero">
+        <ClientAvatar persona={SEOYEON} state="speaking" affect="sad" size={220} />
+        <ClientAvatar persona={SEOYEON} state="idle" affect="sad" size={220} />
+        <ClientAvatar persona={SEOYEON} state="listening" affect="warm" size={220} />
+        <ClientAvatar persona={SEOYEON} state="thinking" affect="anxious" size={220} />
+      </section>
+
+      <section className="ap__grid">
+        {PREVIEW_EXPRS.map((expr) => (
+          <figure className="ap__cell" key={expr}>
+            <ClientAvatar
+              persona={SEOYEON}
+              state="idle"
+              affect={expr}
+              size={150}
+              animated={false}
+              showMeta={false}
+            />
+            <figcaption>{expr}</figcaption>
+          </figure>
+        ))}
+      </section>
+
+      <p className="ap__count">총 표정 수: {AVATAR_EXPRESSION_LIBRARY.length}</p>
+    </div>
+  );
+}