대시보드 폴드아웃/드릴다운 정리 + 페르소나 역린·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/components/shell/shell.css

@@ -122,12 +122,21 @@
 
 /* ── 본문 그리드: 좌측 네비 + 메인 ── */
 .vg-shell__body {
+  /* 현재 네비 폭(브레이크포인트별). 그리드와 구분선이 같은 값을 공유한다. */
+  --nav-cur: var(--nav-w);
   display: grid;
-  grid-template-columns: var(--nav-w) 1fr;
+  grid-template-columns: var(--nav-cur) 1fr;
   align-items: start;
+  /* 전체 높이 사이드바 구분선: sticky 네비(뷰포트 높이)에 의존하지 않고
+     본문 그리드 전체 높이를 따라가는 컨테이너 배경 하어라인. */
+  background-image: linear-gradient(var(--hair), var(--hair));
+  background-repeat: no-repeat;
+  background-position: var(--nav-cur) 0;
+  background-size: 1px 100%;
 }
 .vg-shell__body--bare {
   grid-template-columns: 1fr;
+  background-image: none; /* 네비 없는 레이아웃엔 구분선 없음 */
 }
 
 /* ── 좌측 네비 ── */
@@ -137,7 +146,7 @@
   align-self: start;
   height: calc(100vh - var(--topbar-h));
   background: var(--bg-surface);
-  border-right: 1px solid var(--hair);
+  /* 구분선은 .vg-shell__body 컨테이너 배경(전체 높이)이 그린다. */
   padding: var(--sp-5) var(--sp-3);
   display: flex;
   flex-direction: column;
@@ -220,7 +229,8 @@
 /* ── 반응형 ── */
 @media (max-width: 1024px) {
   .vg-shell__body {
-    grid-template-columns: var(--nav-w-collapsed) 1fr;
+    /* 그리드·구분선이 함께 축소 폭을 따른다 */
+    --nav-cur: var(--nav-w-collapsed);
   }
   .vg-shell__body--bare {
     grid-template-columns: 1fr;
@@ -245,6 +255,7 @@
   }
   .vg-shell__body {
     display: block;
+    background-image: none; /* 네비가 상단 가로바로 전환 — 세로 구분선 제거 */
   }
   .vg-shell__body--bare {
     display: block;