diff --git a/.gitignore b/.gitignore
index 57449e9..7db8ef4 100644
--- a/.gitignore
+++ b/.gitignore
@@ -41,6 +41,8 @@ apps/api/uploads/
 .idea/
 .vscode/
 postgres-data/
+.wrangler/
+public-runtime-watchdog.failcount
 
 # 임시 실행/로그 (P1 빌드)
 *.out
diff --git a/README.md b/README.md
index 957cf90..5c26d92 100644
--- a/README.md
+++ b/README.md
@@ -95,8 +95,8 @@ uvicorn engine_gateway.gateway:app --host 0.0.0.0 --port 9099
 
 ```powershell
 # 백엔드
-cd apps\api;  python -m pytest app/ -q          # 백엔드 기준선 178 pass
-python -m pytest engine_gateway/ -q             # 현재 23 pass
+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
diff --git a/apps/api/app/auth_sessions.py b/apps/api/app/auth_sessions.py
index 8fd31b5..76575d8 100644
--- a/apps/api/app/auth_sessions.py
+++ b/apps/api/app/auth_sessions.py
@@ -20,6 +20,7 @@ from .auth_types import AccountStatus, RoleName
 from .config import settings
 from .db import get_pool
 from .runtime_policy import require_runtime_fallback_allowed, runtime_fallback_allowed
+from .runtime_schema import runtime_schema_bootstrap_required
 from .services import notifications
 
 logger = logging.getLogger(__name__)
@@ -191,7 +192,11 @@ def user_id_from_email(email: str) -> str:
 
 
 def user_id_from_external_id(external_id: str) -> str:
-    return str(uuid.uuid5(uuid.NAMESPACE_URL, f"vignette:user-external:{external_id.strip().lower()}"))
+    return str(
+        uuid.uuid5(
+            uuid.NAMESPACE_URL, f"vignette:user-external:{external_id.strip().lower()}"
+        )
+    )
 
 
 def _normalize_email(email: str) -> str:
@@ -344,10 +349,11 @@ async def _runtime_tables_ready(conn) -> bool:
                 'persona_code',
                 'persona_display_name',
                 'persona_difficulty',
-                'prev_rapport_credit'
+                'prev_rapport_credit',
+                'session_goals'
               )
             GROUP BY table_schema, table_name
-            HAVING count(*) = 5
+            HAVING count(*) = 6
           ) AS has_session_columns,
           EXISTS (
             SELECT 1 FROM information_schema.columns
@@ -517,13 +523,9 @@ async def ensure_runtime_tables() -> None:
     """Ensure DB-backed auth/user runtime tables exist when a pool is available."""
     pool = get_pool()
     async with pool.acquire() as conn:
-        if await _runtime_tables_ready(conn):
+        ready = await _runtime_tables_ready(conn)
+        if not runtime_schema_bootstrap_required("auth/user", ready=ready):
             return
-        if settings.environment != "dev":
-            raise RuntimeError(
-                "runtime DB schema is incomplete; run owner migration/init and "
-                "scripts/check-deploy-preflight.py before starting the API"
-            )
         await conn.execute(
             """
             DO $$
@@ -904,7 +906,8 @@ async def ensure_runtime_tables() -> None:
               ADD COLUMN IF NOT EXISTS persona_code TEXT,
               ADD COLUMN IF NOT EXISTS persona_display_name TEXT,
               ADD COLUMN IF NOT EXISTS persona_difficulty TEXT,
-              ADD COLUMN IF NOT EXISTS prev_rapport_credit REAL NOT NULL DEFAULT 0.0
+              ADD COLUMN IF NOT EXISTS prev_rapport_credit REAL NOT NULL DEFAULT 0.0,
+              ADD COLUMN IF NOT EXISTS session_goals JSONB NOT NULL DEFAULT '[]'::jsonb
             """
         )
         await conn.execute(
@@ -1054,6 +1057,10 @@ async def ensure_runtime_tables() -> None:
             )
             """
         )
+        if not await _runtime_tables_ready(conn):
+            raise RuntimeError(
+                "auth/user development schema bootstrap did not satisfy readiness"
+            )
 
 
 def _managed_user_from_row(row) -> ManagedUser:
@@ -1092,15 +1099,23 @@ def _memory_upsert_managed_user(data: ManagedUserMemoryInput) -> ManagedUser:
         raise InactiveUserError("user is inactive")
     if data.reactivate:
         _inactive_emails.discard(normalized_email)
-    uid = data.user_id or _email_index.get(normalized_email) or user_id_from_email(normalized_email)
+    uid = (
+        data.user_id
+        or _email_index.get(normalized_email)
+        or user_id_from_email(normalized_email)
+    )
     current = _users.get(uid)
     user = ManagedUser(
         user_id=uid,
         email=normalized_email,
-        display_name=(data.display_name.strip() if data.display_name else "") or normalized_email,
+        display_name=(data.display_name.strip() if data.display_name else "")
+        or normalized_email,
         role=data.role,
-        admin_access=data.admin_access if data.admin_access is not None else (current.admin_access if current else False),
-        account_status=data.account_status or (current.account_status if current else "approved"),
+        admin_access=data.admin_access
+        if data.admin_access is not None
+        else (current.admin_access if current else False),
+        account_status=data.account_status
+        or (current.account_status if current else "approved"),
         cohort_ids=(
             list(data.cohort_ids)
             if data.cohort_ids is not None
@@ -1126,20 +1141,28 @@ def _memory_upsert_managed_user(data: ManagedUserMemoryInput) -> ManagedUser:
             if data.grade_level is not None
             else (current.grade_level if current else "")
         ),
-        phone=data.phone.strip() if data.phone is not None else (current.phone if current else ""),
+        phone=data.phone.strip()
+        if data.phone is not None
+        else (current.phone if current else ""),
         contact_address=(
             data.contact_address.strip()
             if data.contact_address is not None
             else (current.contact_address if current else "")
         ),
-        nickname=data.nickname.strip() if data.nickname is not None else (current.nickname if current else ""),
+        nickname=data.nickname.strip()
+        if data.nickname is not None
+        else (current.nickname if current else ""),
         self_introduction=(
             data.self_introduction.strip()
             if data.self_introduction is not None
             else (current.self_introduction if current else "")
         ),
-        avatar_url=data.avatar_url.strip() if data.avatar_url is not None else (current.avatar_url if current else ""),
-        consent_at=data.consent_at if data.consent_at is not None else (current.consent_at if current else None),
+        avatar_url=data.avatar_url.strip()
+        if data.avatar_url is not None
+        else (current.avatar_url if current else ""),
+        consent_at=data.consent_at
+        if data.consent_at is not None
+        else (current.consent_at if current else None),
         profile_completed_at=(
             data.profile_completed_at
             if data.profile_completed_at is not None
@@ -1173,6 +1196,25 @@ def _memory_upsert_managed_user(data: ManagedUserMemoryInput) -> ManagedUser:
     return user
 
 
+def _sync_managed_user_sessions(user: ManagedUser) -> None:
+    """관리 사용자 변경을 현재 로그인 세션의 권한 스냅샷에 반영한다."""
+    for session in _sessions.values():
+        if session.user_id != user.user_id:
+            continue
+        session.display_name = user.display_name
+        session.role = user.role
+        session.admin_access = has_admin_access(
+            user.email,
+            user.role,
+            user.admin_access,
+        )
+        session.super_admin = is_super_admin_email(user.email)
+        session.account_status = user.account_status
+        session.cohort_ids = list(user.cohort_ids)
+        session.consent_at = user.consent_at
+        session.profile_completed_at = user.profile_completed_at
+
+
 async def upsert_managed_user(data: ManagedUserUpsertInput) -> ManagedUser:
     normalized_email = _normalize_email(data.email)
     normalized_external_id = _normalize_external_id(data.external_id, normalized_email)
@@ -1183,11 +1225,11 @@ async def upsert_managed_user(data: ManagedUserUpsertInput) -> ManagedUser:
         reactivate=data.reactivate,
     )
     try:
-      pool = get_pool()
-      async with pool.acquire() as conn:
-        if data.user_id is None and normalized_external_id != manual_external_id:
-            row = await conn.fetchrow(
-                """
+        pool = get_pool()
+        async with pool.acquire() as conn:
+            if data.user_id is None and normalized_external_id != manual_external_id:
+                row = await conn.fetchrow(
+                    """
                 UPDATE app.app_user SET
                   external_id = $1,
                   display_name = COALESCE(NULLIF(display_name, ''), $3),
@@ -1234,19 +1276,25 @@ async def upsert_managed_user(data: ManagedUserUpsertInput) -> ManagedUser:
                   created_at,
                   last_seen_at
                 """,
-                normalized_external_id,
-                normalized_email,
-                (data.display_name.strip() if data.display_name else normalized_email),
-                _cohort_value(data.cohort_ids),
-                data.affiliation or DEFAULT_AFFILIATION,
-                manual_external_id,
-            )
-            if row is not None:
-                user = _managed_user_from_row(row)
-                _memory_upsert_managed_user(ManagedUserMemoryInput.from_user(user, reactivate=True))
-                return user
-        row = await conn.fetchrow(
-            """
+                    normalized_external_id,
+                    normalized_email,
+                    (
+                        data.display_name.strip()
+                        if data.display_name
+                        else normalized_email
+                    ),
+                    _cohort_value(data.cohort_ids),
+                    data.affiliation or DEFAULT_AFFILIATION,
+                    manual_external_id,
+                )
+                if row is not None:
+                    user = _managed_user_from_row(row)
+                    _memory_upsert_managed_user(
+                        ManagedUserMemoryInput.from_user(user, reactivate=True)
+                    )
+                    return user
+            row = await conn.fetchrow(
+                """
             INSERT INTO app.app_user (
               external_id,
               email,
@@ -1306,35 +1354,44 @@ async def upsert_managed_user(data: ManagedUserUpsertInput) -> ManagedUser:
               created_at,
               last_seen_at
             """,
-            normalized_external_id,
-            normalized_email,
-            (data.display_name.strip() if data.display_name else normalized_email),
-            _db_role(data.role),
-            _cohort_value(data.cohort_ids),
-            data.affiliation or DEFAULT_AFFILIATION,
-            data.reactivate,
-            desired_account_status,
-            data.admin_access,
-        )
-        if row is None:
-            _inactive_emails.add(normalized_email)
-            raise InactiveUserError("user is inactive")
-        user = _managed_user_from_row(row)
-        _memory_upsert_managed_user(ManagedUserMemoryInput.from_user(user, reactivate=True))
-        return user
+                normalized_external_id,
+                normalized_email,
+                (data.display_name.strip() if data.display_name else normalized_email),
+                _db_role(data.role),
+                _cohort_value(data.cohort_ids),
+                data.affiliation or DEFAULT_AFFILIATION,
+                data.reactivate,
+                desired_account_status,
+                data.admin_access,
+            )
+            if row is None:
+                _inactive_emails.add(normalized_email)
+                raise InactiveUserError("user is inactive")
+            user = _managed_user_from_row(row)
+            _memory_upsert_managed_user(
+                ManagedUserMemoryInput.from_user(user, reactivate=True)
+            )
+            return user
     except InactiveUserError:
         raise
     except Exception:
         require_runtime_fallback_allowed("managed user")
-        current = _users.get(data.user_id or "") or _users.get(_email_index.get(normalized_email, ""))
+        current = _users.get(data.user_id or "") or _users.get(
+            _email_index.get(normalized_email, "")
+        )
         fallback_uid = data.user_id or (
-            current.user_id if current is not None else user_id_from_external_id(normalized_external_id)
+            current.user_id
+            if current is not None
+            else user_id_from_external_id(normalized_external_id)
         )
         fallback_account_status = desired_account_status
         if current is not None:
             if current.account_status == "suspended":
                 fallback_account_status = "suspended"
-            elif current.account_status == "approved" and desired_account_status == "pending":
+            elif (
+                current.account_status == "approved"
+                and desired_account_status == "pending"
+            ):
                 fallback_account_status = "approved"
         return _memory_upsert_managed_user(
             ManagedUserMemoryInput(
@@ -1561,33 +1618,28 @@ async def update_managed_user(
                 patch.department.strip() if patch.department is not None else None,
                 patch.grade_level.strip() if patch.grade_level is not None else None,
                 patch.phone.strip() if patch.phone is not None else None,
-                patch.contact_address.strip() if patch.contact_address is not None else None,
+                patch.contact_address.strip()
+                if patch.contact_address is not None
+                else None,
                 patch.nickname.strip() if patch.nickname is not None else None,
-                patch.self_introduction.strip() if patch.self_introduction is not None else None,
+                patch.self_introduction.strip()
+                if patch.self_introduction is not None
+                else None,
                 patch.avatar_url.strip() if patch.avatar_url is not None else None,
                 patch.complete_onboarding,
-                patch.terms_version.strip() if patch.terms_version is not None else None,
-                patch.privacy_version.strip() if patch.privacy_version is not None else None,
+                patch.terms_version.strip()
+                if patch.terms_version is not None
+                else None,
+                patch.privacy_version.strip()
+                if patch.privacy_version is not None
+                else None,
                 patch.account_status,
                 patch.admin_access,
             )
             if row is not None:
                 next_user = _managed_user_from_row(row)
                 _memory_upsert_managed_user(ManagedUserMemoryInput.from_user(next_user))
-                for session in _sessions.values():
-                    if session.user_id == user_id:
-                        session.display_name = next_user.display_name
-                        session.role = next_user.role
-                        session.admin_access = has_admin_access(
-                            next_user.email,
-                            next_user.role,
-                            next_user.admin_access,
-                        )
-                        session.super_admin = is_super_admin_email(next_user.email)
-                        session.account_status = next_user.account_status
-                        session.cohort_ids = list(next_user.cohort_ids)
-                        session.consent_at = next_user.consent_at
-                        session.profile_completed_at = next_user.profile_completed_at
+                _sync_managed_user_sessions(next_user)
                 return next_user
     except Exception:
         require_runtime_fallback_allowed("managed user update")
@@ -1601,32 +1653,58 @@ async def update_managed_user(
     next_user = ManagedUser(
         user_id=current.user_id,
         email=current.email,
-        display_name=patch.display_name.strip() if patch.display_name is not None else current.display_name,
+        display_name=patch.display_name.strip()
+        if patch.display_name is not None
+        else current.display_name,
         role=patch.role if patch.role is not None else current.role,
-        admin_access=patch.admin_access if patch.admin_access is not None else current.admin_access,
-        account_status=patch.account_status if patch.account_status is not None else current.account_status,
-        cohort_ids=list(patch.cohort_ids) if patch.cohort_ids is not None else current.cohort_ids,
-        affiliation=patch.affiliation.strip() if patch.affiliation is not None else current.affiliation,
-        legal_name=patch.legal_name.strip() if patch.legal_name is not None else current.legal_name,
-        department=patch.department.strip() if patch.department is not None else current.department,
-        grade_level=patch.grade_level.strip() if patch.grade_level is not None else current.grade_level,
+        admin_access=patch.admin_access
+        if patch.admin_access is not None
+        else current.admin_access,
+        account_status=patch.account_status
+        if patch.account_status is not None
+        else current.account_status,
+        cohort_ids=list(patch.cohort_ids)
+        if patch.cohort_ids is not None
+        else current.cohort_ids,
+        affiliation=patch.affiliation.strip()
+        if patch.affiliation is not None
+        else current.affiliation,
+        legal_name=patch.legal_name.strip()
+        if patch.legal_name is not None
+        else current.legal_name,
+        department=patch.department.strip()
+        if patch.department is not None
+        else current.department,
+        grade_level=patch.grade_level.strip()
+        if patch.grade_level is not None
+        else current.grade_level,
         phone=patch.phone.strip() if patch.phone is not None else current.phone,
         contact_address=(
             patch.contact_address.strip()
             if patch.contact_address is not None
             else current.contact_address
         ),
-        nickname=patch.nickname.strip() if patch.nickname is not None else current.nickname,
+        nickname=patch.nickname.strip()
+        if patch.nickname is not None
+        else current.nickname,
         self_introduction=(
             patch.self_introduction.strip()
             if patch.self_introduction is not None
             else current.self_introduction
         ),
-        avatar_url=patch.avatar_url.strip() if patch.avatar_url is not None else current.avatar_url,
+        avatar_url=patch.avatar_url.strip()
+        if patch.avatar_url is not None
+        else current.avatar_url,
         consent_at=current.consent_at,
-        profile_completed_at=time.time() if patch.complete_onboarding else current.profile_completed_at,
-        terms_agreed_at=time.time() if patch.complete_onboarding else current.terms_agreed_at,
-        privacy_agreed_at=time.time() if patch.complete_onboarding else current.privacy_agreed_at,
+        profile_completed_at=time.time()
+        if patch.complete_onboarding
+        else current.profile_completed_at,
+        terms_agreed_at=time.time()
+        if patch.complete_onboarding
+        else current.terms_agreed_at,
+        privacy_agreed_at=time.time()
+        if patch.complete_onboarding
+        else current.privacy_agreed_at,
         terms_version=(
             patch.terms_version.strip()
             if patch.complete_onboarding and patch.terms_version is not None
@@ -1641,21 +1719,7 @@ async def update_managed_user(
         last_seen_at=time.time(),
     )
     _users[user_id] = next_user
-
-    for session in _sessions.values():
-        if session.user_id == user_id:
-            session.display_name = next_user.display_name
-            session.role = next_user.role
-            session.admin_access = has_admin_access(
-                next_user.email,
-                next_user.role,
-                next_user.admin_access,
-            )
-            session.super_admin = is_super_admin_email(next_user.email)
-            session.account_status = next_user.account_status
-            session.cohort_ids = list(next_user.cohort_ids)
-            session.consent_at = next_user.consent_at
-            session.profile_completed_at = next_user.profile_completed_at
+    _sync_managed_user_sessions(next_user)
     return next_user
 
 
@@ -1865,7 +1929,9 @@ async def create_session(
         email=normalized_email,
         display_name=managed.display_name,
         role=managed.role,
-        admin_access=has_admin_access(managed.email, managed.role, managed.admin_access),
+        admin_access=has_admin_access(
+            managed.email, managed.role, managed.admin_access
+        ),
         super_admin=is_super_admin_email(managed.email),
         account_status=managed.account_status,
         cohort_ids=list(managed.cohort_ids),
@@ -1976,7 +2042,9 @@ async def get_session(raw_sid: str | None) -> SessionUser | None:
         managed.last_seen_at = time.time()
         user.display_name = managed.display_name
         user.role = managed.role
-        user.admin_access = has_admin_access(managed.email, managed.role, managed.admin_access)
+        user.admin_access = has_admin_access(
+            managed.email, managed.role, managed.admin_access
+        )
         user.super_admin = is_super_admin_email(managed.email)
         user.account_status = managed.account_status
         user.cohort_ids = list(managed.cohort_ids)
diff --git a/apps/api/app/config.py b/apps/api/app/config.py
index 554bb0b..ef3adf7 100644
--- a/apps/api/app/config.py
+++ b/apps/api/app/config.py
@@ -274,6 +274,23 @@ class Settings(BaseSettings):
         validation_alias="ALLOW_SEED_PERSONA_FALLBACK",
     )
 
+    # ── 회기 시간 제한 (2026-07-13 한신대 회의: 시간 기반 종료 전환) ──
+    # 임상 근거: 한 회기에 4단계가 모두 이뤄지지 않는 게 정상 — 종료는 단계 완수가 아니라
+    # 시간이 결정한다. 목표 달성 후에도 시간 내에는 계속 진행할 수 있다.
+    session_duration_minutes: int = Field(
+        default=60,
+        validation_alias="SESSION_DURATION_MINUTES",
+    )
+    session_warning_minutes: int = Field(
+        default=10,
+        validation_alias="SESSION_WARNING_MINUTES",
+    )
+    # 시간 만료 후에도 마무리 인사를 나눌 수 있는 유예. 유예까지 지나면 새 턴을 거부한다.
+    session_overtime_grace_minutes: int = Field(
+        default=10,
+        validation_alias="SESSION_OVERTIME_GRACE_MINUTES",
+    )
+
     # ── SSE 스트리밍 ─────────────────────────────────────
     sse_heartbeat_seconds: int = 30  # Cloudflare 100초 timeout 회피 (R2)
 
diff --git a/apps/api/app/engine_client.py b/apps/api/app/engine_client.py
index 8e8e503..1f6d59f 100644
--- a/apps/api/app/engine_client.py
+++ b/apps/api/app/engine_client.py
@@ -22,8 +22,8 @@ import httpx
 
 from .config import settings
 from .contracts.engine_gateway import (
-    AIRole,
-    EngineMessage,
+    AIRole as AIRole,
+    EngineMessage as EngineMessage,
     EngineGatewaySseLineDecoder,
     EngineGatewaySsePacket,
     GenerateRequest,
diff --git a/apps/api/app/persona_repository.py b/apps/api/app/persona_repository.py
index c6ffa18..8fc0df8 100644
--- a/apps/api/app/persona_repository.py
+++ b/apps/api/app/persona_repository.py
@@ -117,7 +117,9 @@ def load_file_personas(persona_dir: Path = REPO_PERSONA_DIR) -> list[PersonaCard
 
 def built_in_personas() -> list[PersonaCard]:
     """Return deterministic built-in catalog cards from code seeds plus repo JSON cards."""
-    cards: dict[str, PersonaCard] = {card.code.upper(): card for card in SEED_PERSONAS.values()}
+    cards: dict[str, PersonaCard] = {
+        card.code.upper(): card for card in SEED_PERSONAS.values()
+    }
     for card in load_file_personas():
         cards.setdefault(card.code.upper(), card)
     return [cards[code] for code in sorted(cards)]
@@ -222,7 +224,14 @@ def seed_fallback_persona(code: str) -> CatalogPersona | None:
     normalized = code.strip().upper()
     card = get_seed_persona(normalized)
     if card is None:
-        card = next((entry for entry in load_file_personas() if entry.code.upper() == normalized), None)
+        card = next(
+            (
+                entry
+                for entry in load_file_personas()
+                if entry.code.upper() == normalized
+            ),
+            None,
+        )
     if card is None:
         return None
     return CatalogPersona(
@@ -448,6 +457,83 @@ async def get_persona_draft_record(
     return persona_draft_record_from_row(row) if row is not None else None
 
 
+async def _insert_persona_card(
+    conn: Any,
+    *,
+    persona_id: str,
+    card: PersonaCard,
+    version: int,
+    next_status: str,
+    author_id: str,
+    returning_columns: str,
+) -> Any:
+    """Insert one immutable persona version from the canonical PersonaCard shape."""
+
+    return await conn.fetchrow(
+        f"""
+        INSERT INTO app.persona_card (
+          persona_id, code, version, status, display_name, difficulty,
+          theory_target, demographics, presenting, history, big5,
+          resistance, speech_style, affect_baseline, ccd,
+          dsm5_dimensional, source_provenance, is_synthetic, triggers,
+          created_by
+        )
+        VALUES (
+          $1::uuid, $2, $3, $4, $5, $6,
+          $7::text[], $8::jsonb, $9::jsonb, $10::jsonb, $11::jsonb,
+          $12::jsonb, $13::jsonb, $14::jsonb, $15::jsonb,
+          $16::jsonb, $17, $18, $19::jsonb, $20::uuid
+        )
+        RETURNING {returning_columns}
+        """,
+        persona_id,
+        card.code,
+        version,
+        next_status,
+        card.display_name,
+        card.difficulty,
+        card.theory_target,
+        card.demographics,
+        card.presenting,
+        card.history,
+        card.big5,
+        card.resistance,
+        card.speech_style,
+        card.affect_baseline,
+        card.ccd,
+        card.dsm5_dimensional,
+        card.source_provenance,
+        card.is_synthetic,
+        card.triggers,
+        author_id,
+    )
+
+
+async def _record_persona_create_audit(
+    conn: Any,
+    *,
+    author_id: str,
+    action: str,
+    persona_id: str,
+    next_status: str,
+    card: PersonaCard,
+    version: int,
+) -> None:
+    await conn.execute(
+        """
+        INSERT INTO audit.audit_log (
+          actor_uid, action, target_kind, target_id, detail
+        )
+        VALUES ($1::uuid, $2, $3, $4, $5::jsonb)
+        """,
+        author_id,
+        action,
+        "persona_card",
+        persona_id,
+        {"next_status": next_status, "code": card.code, "version": version},
+    )
+
+
 async def create_persona_draft(
     *,
     card: PersonaCard,
@@ -470,60 +556,23 @@ async def create_persona_draft(
             """,
             card.code,
         )
-        row = await conn.fetchrow(
-            f"""
-            INSERT INTO app.persona_card (
-              persona_id, code, version, status, display_name, difficulty,
-              theory_target, demographics, presenting, history, big5,
-              resistance, speech_style, affect_baseline, ccd,
-              dsm5_dimensional, source_provenance, is_synthetic, triggers,
-              created_by
-            )
-            VALUES (
-              $1::uuid, $2, $3, $4, $5, $6,
-              $7::text[], $8::jsonb, $9::jsonb, $10::jsonb, $11::jsonb,
-              $12::jsonb, $13::jsonb, $14::jsonb, $15::jsonb,
-              $16::jsonb, $17, $18, $19::jsonb, $20::uuid
-            )
-            RETURNING {_REVIEW_COLUMNS}
-            """,
-            persona_id,
-            card.code,
-            int(version or 1),
-            next_status,
-            card.display_name,
-            card.difficulty,
-            card.theory_target,
-            card.demographics,
-            card.presenting,
-            card.history,
-            card.big5,
-            card.resistance,
-            card.speech_style,
-            card.affect_baseline,
-            card.ccd,
-            card.dsm5_dimensional,
-            card.source_provenance,
-            card.is_synthetic,
-            card.triggers,
-            author_id,
+        row = await _insert_persona_card(
+            conn,
+            persona_id=persona_id,
+            card=card,
+            version=int(version or 1),
+            next_status=next_status,
+            author_id=author_id,
+            returning_columns=_REVIEW_COLUMNS,
         )
-        await conn.execute(
-            """
-            INSERT INTO audit.audit_log (
-              actor_uid, action, target_kind, target_id, detail
-            )
-            VALUES ($1::uuid, $2, $3, $4, $5::jsonb)
-            """,
-            author_id,
-            "persona_draft_create",
-            "persona_card",
-            persona_id,
-            {
-                "next_status": next_status,
-                "code": card.code,
-                "version": int(row["version"]),
-            },
+        await _record_persona_create_audit(
+            conn,
+            author_id=author_id,
+            action="persona_draft_create",
+            persona_id=persona_id,
+            next_status=next_status,
+            card=card,
+            version=int(row["version"]),
         )
     return persona_review_item_from_row(row)
 
@@ -577,60 +626,23 @@ async def create_persona_revision_from_existing(
             """,
             card.code,
         )
-        row = await conn.fetchrow(
-            f"""
-            INSERT INTO app.persona_card (
-              persona_id, code, version, status, display_name, difficulty,
-              theory_target, demographics, presenting, history, big5,
-              resistance, speech_style, affect_baseline, ccd,
-              dsm5_dimensional, source_provenance, is_synthetic, triggers,
-              created_by
-            )
-            VALUES (
-              $1::uuid, $2, $3, $4, $5, $6,
-              $7::text[], $8::jsonb, $9::jsonb, $10::jsonb, $11::jsonb,
-              $12::jsonb, $13::jsonb, $14::jsonb, $15::jsonb,
-              $16::jsonb, $17, $18, $19::jsonb, $20::uuid
-            )
-            RETURNING {_CARD_COLUMNS}, created_at, approved_at
-            """,
-            persona_id,
-            card.code,
-            int(version or 1),
-            next_status,
-            card.display_name,
-            card.difficulty,
-            card.theory_target,
-            card.demographics,
-            card.presenting,
-            card.history,
-            card.big5,
-            card.resistance,
-            card.speech_style,
-            card.affect_baseline,
-            card.ccd,
-            card.dsm5_dimensional,
-            card.source_provenance,
-            card.is_synthetic,
-            card.triggers,
-            author_id,
+        row = await _insert_persona_card(
+            conn,
+            persona_id=persona_id,
+            card=card,
+            version=int(version or 1),
+            next_status=next_status,
+            author_id=author_id,
+            returning_columns=f"{_CARD_COLUMNS}, created_at, approved_at",
         )
-        await conn.execute(
-            """
-            INSERT INTO audit.audit_log (
-              actor_uid, action, target_kind, target_id, detail
-            )
-            VALUES ($1::uuid, $2, $3, $4, $5::jsonb)
-            """,
-            author_id,
-            "persona_revision_create",
-            "persona_card",
-            persona_id,
-            {
-                "next_status": next_status,
-                "code": card.code,
-                "version": int(row["version"]),
-            },
+        await _record_persona_create_audit(
+            conn,
+            author_id=author_id,
+            action="persona_revision_create",
+            persona_id=persona_id,
+            next_status=next_status,
+            card=card,
+            version=int(row["version"]),
         )
     return persona_draft_record_from_row(row)
 
diff --git a/apps/api/app/routes/admin.py b/apps/api/app/routes/admin.py
index 9f4780c..b416018 100644
--- a/apps/api/app/routes/admin.py
+++ b/apps/api/app/routes/admin.py
@@ -51,6 +51,70 @@ TicketPriority = Literal["low", "normal", "high", "urgent"]
 TicketStatus = Literal["open", "triaged", "in_progress", "resolved", "closed"]
 NotificationDeliveryStatus = Literal["queued", "sending", "sent", "failed", "skipped"]
 
+METERED_CLIENT_TURN_FILTER_SQL = """
+    speaker = 'client'
+    AND (
+      llm_provider IS NOT NULL OR model IS NOT NULL
+      OR tokens_in IS NOT NULL OR tokens_out IS NOT NULL
+      OR cost_usd IS NOT NULL
+    )
+"""
+
+USAGE_AGGREGATE_COLUMNS_SQL = """
+    COUNT(*) AS turns,
+    COALESCE(SUM(tokens_in), 0)::bigint AS tokens_in,
+    COALESCE(SUM(tokens_out), 0)::bigint AS tokens_out,
+    COALESCE(SUM(cost_usd), 0)::numeric AS cost_usd
+"""
+
+SUPPORT_TICKET_DETAIL_FROM_SQL = """
+    SELECT
+      t.id,
+      t.reporter_id,
+      t.reporter_email,
+      t.reporter_name,
+      t.reporter_role,
+      t.category,
+      t.priority,
+      t.status,
+      t.subject,
+      t.body,
+      t.source_path,
+      t.fingerprint,
+      t.parent_ticket_id,
+      t.assigned_group,
+      t.resolution_note,
+      t.created_at,
+      t.updated_at,
+      t.resolved_at,
+      COALESCE(dup.duplicate_count, 0) AS duplicate_count,
+      dup.parent_candidate_id AS duplicate_parent_candidate_id,
+      COALESCE(child.child_ticket_count, 0) AS child_ticket_count,
+      COALESCE(ev.event_count, 0) AS event_count,
+      ev.last_event_at
+    FROM app.support_ticket AS t
+    LEFT JOIN LATERAL (
+      SELECT
+        count(*) FILTER (WHERE id <> t.id)::int AS duplicate_count,
+        (array_agg(id::text ORDER BY created_at ASC, id ASC))[1] AS parent_candidate_id
+      FROM app.support_ticket
+      WHERE fingerprint <> ''
+        AND fingerprint = t.fingerprint
+    ) AS dup ON TRUE
+    LEFT JOIN LATERAL (
+      SELECT count(*)::int AS child_ticket_count
+      FROM app.support_ticket
+      WHERE parent_ticket_id = t.id
+    ) AS child ON TRUE
+    LEFT JOIN LATERAL (
+      SELECT count(*)::int AS event_count, max(created_at) AS last_event_at
+      FROM audit.audit_log
+      WHERE action = 'support_ticket_update'
+        AND target_kind = 'support_ticket'
+        AND target_id = t.id::text
+    ) AS ev ON TRUE
+"""
+
 
 class AdminServiceHealth(BaseModel):
     key: str
@@ -450,17 +514,10 @@ async def _runtime_health_metrics(*, db_ok: bool) -> RuntimeHealthMetrics:
 async def _usage_from_database(window_days: int) -> AdminUsageResponse:
     async with acquire(role="admin") as conn:
         total_row = await conn.fetchrow(
-            """
+            f"""
             SELECT
               COUNT(*) FILTER (WHERE speaker = 'client') AS total_turns,
-              COUNT(*) FILTER (
-                WHERE speaker = 'client'
-                  AND (
-                    llm_provider IS NOT NULL OR model IS NOT NULL
-                    OR tokens_in IS NOT NULL OR tokens_out IS NOT NULL
-                    OR cost_usd IS NOT NULL
-                  )
-              ) AS metered_turns,
+              COUNT(*) FILTER (WHERE {METERED_CLIENT_TURN_FILTER_SQL}) AS metered_turns,
               COALESCE(SUM(tokens_in) FILTER (WHERE speaker = 'client'), 0)::bigint AS tokens_in,
               COALESCE(SUM(tokens_out) FILTER (WHERE speaker = 'client'), 0)::bigint AS tokens_out,
               COALESCE(SUM(cost_usd) FILTER (WHERE speaker = 'client'), 0)::numeric AS cost_usd
@@ -470,22 +527,14 @@ async def _usage_from_database(window_days: int) -> AdminUsageResponse:
             window_days,
         )
         rows = await conn.fetch(
-            """
+            f"""
             SELECT
               COALESCE(llm_provider, 'unknown') AS provider,
               COALESCE(model, 'unknown') AS model,
-              COUNT(*) AS turns,
-              COALESCE(SUM(tokens_in), 0)::bigint AS tokens_in,
-              COALESCE(SUM(tokens_out), 0)::bigint AS tokens_out,
-              COALESCE(SUM(cost_usd), 0)::numeric AS cost_usd
+              {USAGE_AGGREGATE_COLUMNS_SQL}
             FROM app.turns
             WHERE created_at >= now() - ($1::int * interval '1 day')
-              AND speaker = 'client'
-              AND (
-                llm_provider IS NOT NULL OR model IS NOT NULL
-                OR tokens_in IS NOT NULL OR tokens_out IS NOT NULL
-                OR cost_usd IS NOT NULL
-              )
+              AND {METERED_CLIENT_TURN_FILTER_SQL}
             GROUP BY 1, 2
             ORDER BY
               cost_usd DESC,
@@ -496,21 +545,13 @@ async def _usage_from_database(window_days: int) -> AdminUsageResponse:
             window_days,
         )
         daily_rows = await conn.fetch(
-            """
+            f"""
             SELECT
               to_char(date_trunc('day', created_at), 'YYYY-MM-DD') AS day,
-              COUNT(*) AS turns,
-              COALESCE(SUM(tokens_in), 0)::bigint AS tokens_in,
-              COALESCE(SUM(tokens_out), 0)::bigint AS tokens_out,
-              COALESCE(SUM(cost_usd), 0)::numeric AS cost_usd
+              {USAGE_AGGREGATE_COLUMNS_SQL}
             FROM app.turns
             WHERE created_at >= now() - ($1::int * interval '1 day')
-              AND speaker = 'client'
-              AND (
-                llm_provider IS NOT NULL OR model IS NOT NULL
-                OR tokens_in IS NOT NULL OR tokens_out IS NOT NULL
-                OR cost_usd IS NOT NULL
-              )
+              AND {METERED_CLIENT_TURN_FILTER_SQL}
             GROUP BY 1
             ORDER BY 1
             """,
@@ -761,52 +802,8 @@ async def _tickets_from_database(
     search_filter = search.strip().lower()
     async with acquire(role="admin") as conn:
         rows = await conn.fetch(
-            """
-            SELECT
-              t.id,
-              t.reporter_id,
-              t.reporter_email,
-              t.reporter_name,
-              t.reporter_role,
-              t.category,
-              t.priority,
-              t.status,
-              t.subject,
-              t.body,
-              t.source_path,
-              t.fingerprint,
-              t.parent_ticket_id,
-              t.assigned_group,
-              t.resolution_note,
-              t.created_at,
-              t.updated_at,
-              t.resolved_at,
-              COALESCE(dup.duplicate_count, 0) AS duplicate_count,
-              dup.parent_candidate_id AS duplicate_parent_candidate_id,
-              COALESCE(child.child_ticket_count, 0) AS child_ticket_count,
-              COALESCE(ev.event_count, 0) AS event_count,
-              ev.last_event_at
-            FROM app.support_ticket AS t
-            LEFT JOIN LATERAL (
-              SELECT
-                count(*) FILTER (WHERE id <> t.id)::int AS duplicate_count,
-                (array_agg(id::text ORDER BY created_at ASC, id ASC))[1] AS parent_candidate_id
-              FROM app.support_ticket
-              WHERE fingerprint <> ''
-                AND fingerprint = t.fingerprint
-            ) AS dup ON TRUE
-            LEFT JOIN LATERAL (
-              SELECT count(*)::int AS child_ticket_count
-              FROM app.support_ticket
-              WHERE parent_ticket_id = t.id
-            ) AS child ON TRUE
-            LEFT JOIN LATERAL (
-              SELECT count(*)::int AS event_count, max(created_at) AS last_event_at
-              FROM audit.audit_log
-              WHERE action = 'support_ticket_update'
-                AND target_kind = 'support_ticket'
-                AND target_id = t.id::text
-            ) AS ev ON TRUE
+            SUPPORT_TICKET_DETAIL_FROM_SQL
+            + """
             WHERE ($1::text IS NULL OR status = $1)
               AND ($2::text IS NULL OR category = $2)
               AND ($3::text IS NULL OR priority = $3)
@@ -1736,54 +1733,7 @@ async def patch_ticket(
                     detail=detail,
                 )
                 row = await conn.fetchrow(
-                    """
-                    SELECT
-                      t.id,
-                      t.reporter_id,
-                      t.reporter_email,
-                      t.reporter_name,
-                      t.reporter_role,
-                      t.category,
-                      t.priority,
-                      t.status,
-                      t.subject,
-                      t.body,
-                      t.source_path,
-                      t.fingerprint,
-                      t.parent_ticket_id,
-                      t.assigned_group,
-                      t.resolution_note,
-                      t.created_at,
-                      t.updated_at,
-                      t.resolved_at,
-                      COALESCE(dup.duplicate_count, 0) AS duplicate_count,
-                      dup.parent_candidate_id AS duplicate_parent_candidate_id,
-                      COALESCE(child.child_ticket_count, 0) AS child_ticket_count,
-                      COALESCE(ev.event_count, 0) AS event_count,
-                      ev.last_event_at
-                    FROM app.support_ticket AS t
-                    LEFT JOIN LATERAL (
-                      SELECT
-                        count(*) FILTER (WHERE id <> t.id)::int AS duplicate_count,
-                        (array_agg(id::text ORDER BY created_at ASC, id ASC))[1] AS parent_candidate_id
-                      FROM app.support_ticket
-                      WHERE fingerprint <> ''
-                        AND fingerprint = t.fingerprint
-                    ) AS dup ON TRUE
-                    LEFT JOIN LATERAL (
-                      SELECT count(*)::int AS child_ticket_count
-                      FROM app.support_ticket
-                      WHERE parent_ticket_id = t.id
-                    ) AS child ON TRUE
-                    LEFT JOIN LATERAL (
-                      SELECT count(*)::int AS event_count, max(created_at) AS last_event_at
-                      FROM audit.audit_log
-                      WHERE action = 'support_ticket_update'
-                        AND target_kind = 'support_ticket'
-                        AND target_id = t.id::text
-                    ) AS ev ON TRUE
-                    WHERE t.id = $1::uuid
-                    """,
+                    SUPPORT_TICKET_DETAIL_FROM_SQL + " WHERE t.id = $1::uuid",
                     ticket_id,
                 )
     except Exception as exc:
diff --git a/apps/api/app/routes/auth.py b/apps/api/app/routes/auth.py
index 9228893..296f3e6 100644
--- a/apps/api/app/routes/auth.py
+++ b/apps/api/app/routes/auth.py
@@ -967,7 +967,7 @@ async def callback(
             cohort_ids=cohort_ids,
             external_id=external_id,
         )
-    except InactiveUserError as exc:
+    except InactiveUserError:
         _log_oauth_callback_failure(
             request,
             "inactive_user",
diff --git a/apps/api/app/routes/kb.py b/apps/api/app/routes/kb.py
index c30ba67..7fe91d2 100644
--- a/apps/api/app/routes/kb.py
+++ b/apps/api/app/routes/kb.py
@@ -33,7 +33,7 @@ RoleLiteral = Literal["client", "counselor", "evaluator"]
 
 class KBSearchRequest(BaseModel):
     query: str = Field(..., min_length=1)  # PII 마스킹된 질의(마스킹은 가드레일 책임)
-    role: RoleLiteral = "evaluator"        # 검색 주체(정보비대칭 정책 선택)
+    role: RoleLiteral = "evaluator"  # 검색 주체(정보비대칭 정책 선택)
     k: int = Field(default=5, ge=1, le=50)
     rerank: bool = True
     # 정책 화이트리스트를 *좁히는* 추가 필터만 허용(넓히지 못함 — 정보비대칭 보존)
@@ -51,9 +51,9 @@ class ChunkOut(BaseModel):
     kb_kind: str
     heading_path: Optional[str] = None
     context_prefix: Optional[str] = None
-    body: Optional[str] = None            # expose_body=True(상담사/평가) 정책에서만
-    behavior_cue: Optional[str] = None    # 내담자 정책: 본문 비노출, 행동단서만(M6)
-    label_id: Optional[int] = None        # 평가 정책에서만
+    body: Optional[str] = None  # expose_body=True(상담사/평가) 정책에서만
+    behavior_cue: Optional[str] = None  # 내담자 정책: 본문 비노출, 행동단서만(M6)
+    label_id: Optional[int] = None  # 평가 정책에서만
     meta: dict[str, Any] = Field(default_factory=dict)
     source_id: Optional[str] = None
 
@@ -62,9 +62,9 @@ class KBSearchResponse(BaseModel):
     chunks: list[ChunkOut]
     policy: str
     top1_score: float
-    crag_pass: bool                       # top1 >= 임계(F-06: 미달 시 관찰 프레이밍)
+    crag_pass: bool  # top1 >= 임계(F-06: 미달 시 관찰 프레이밍)
     latency_ms: int
-    degraded: bool = False                # reranker/embed 폴백 투명성
+    degraded: bool = False  # reranker/embed 폴백 투명성
 
 
 class MemoryRecallRequest(BaseModel):
@@ -79,11 +79,11 @@ class IndexChunkIn(BaseModel):
     seq: int
     chunk_text: str = Field(..., min_length=1)
     heading_path: Optional[str] = None
-    context_prefix: Optional[str] = None     # Contextual Retrieval 프리픽스(색인 대상)
+    context_prefix: Optional[str] = None  # Contextual Retrieval 프리픽스(색인 대상)
     kb_kind: Optional[str] = None
-    visible_to: Optional[list[str]] = None   # 미지정 시 {client,counselor,evaluator}
+    visible_to: Optional[list[str]] = None  # 미지정 시 {client,counselor,evaluator}
     sensitivity: Optional[int] = Field(default=None, ge=0, le=3)
-    label_id: Optional[int] = None           # taxonomy 정답 라벨 FK
+    label_id: Optional[int] = None  # taxonomy 정답 라벨 FK
     meta: Optional[dict[str, Any]] = None
     token_count: Optional[int] = None
 
@@ -99,8 +99,8 @@ class IndexRequestIn(BaseModel):
 class IndexResponse(BaseModel):
     doc_id: Optional[int]
     chunks_indexed: int
-    skipped_unchanged: bool               # content_hash 동일 → 증분 스킵
-    embedded: bool                        # 임베딩 적재 여부(모델 미가용 시 False)
+    skipped_unchanged: bool  # content_hash 동일 → 증분 스킵
+    embedded: bool  # 임베딩 적재 여부(모델 미가용 시 False)
     degraded: bool = False
 
 
@@ -211,16 +211,11 @@ async def search(body: KBSearchRequest) -> KBSearchResponse:
         )
     except RuntimeError as e:
         # DB 풀 미초기화(lifespan 밖) — 시연/테스트 degraded
-        raise HTTPException(status.HTTP_503_SERVICE_UNAVAILABLE, detail=f"DB not ready: {e}")
+        raise HTTPException(
+            status.HTTP_503_SERVICE_UNAVAILABLE, detail=f"DB not ready: {e}"
+        )
 
-    return KBSearchResponse(
-        chunks=[_to_chunk_out(c) for c in result.chunks],
-        policy=result.policy_name,
-        top1_score=round(result.top1_score, 6),
-        crag_pass=result.top1_score >= rag.CRAG_TOP1_THRESHOLD,
-        latency_ms=result.latency_ms,
-        degraded=result.degraded,
-    )
+    return _search_response(result)
 
 
 # ════════════════════════════════════════════════════════════════════════════
@@ -254,18 +249,15 @@ async def eval_grounding(body: KBSearchRequest) -> KBSearchResponse:
             except Exception:
                 pass
     except rag.NotConfigured as e:
-        raise HTTPException(status.HTTP_503_SERVICE_UNAVAILABLE, detail=f"RAG not configured: {e}")
+        raise HTTPException(
+            status.HTTP_503_SERVICE_UNAVAILABLE, detail=f"RAG not configured: {e}"
+        )
     except RuntimeError as e:
-        raise HTTPException(status.HTTP_503_SERVICE_UNAVAILABLE, detail=f"DB not ready: {e}")
+        raise HTTPException(
+            status.HTTP_503_SERVICE_UNAVAILABLE, detail=f"DB not ready: {e}"
+        )
 
-    return KBSearchResponse(
-        chunks=[_to_chunk_out(c) for c in result.chunks],
-        policy=result.policy_name,
-        top1_score=round(result.top1_score, 6),
-        crag_pass=result.top1_score >= rag.CRAG_TOP1_THRESHOLD,
-        latency_ms=result.latency_ms,
-        degraded=result.degraded,
-    )
+    return _search_response(result)
 
 
 # ════════════════════════════════════════════════════════════════════════════
@@ -287,9 +279,19 @@ async def persona_memory(body: MemoryRecallRequest) -> KBSearchResponse:
                 k=body.k,
             )
     except rag.NotConfigured as e:
-        raise HTTPException(status.HTTP_503_SERVICE_UNAVAILABLE, detail=f"RAG not configured: {e}")
+        raise HTTPException(
+            status.HTTP_503_SERVICE_UNAVAILABLE, detail=f"RAG not configured: {e}"
+        )
     except RuntimeError as e:
-        raise HTTPException(status.HTTP_503_SERVICE_UNAVAILABLE, detail=f"DB not ready: {e}")
+        raise HTTPException(
+            status.HTTP_503_SERVICE_UNAVAILABLE, detail=f"DB not ready: {e}"
+        )
+
+    return _search_response(result)
+
+
+def _search_response(result: rag.SearchResult) -> KBSearchResponse:
+    """Project every RAG policy result through the same browser-facing contract."""
 
     return KBSearchResponse(
         chunks=[_to_chunk_out(c) for c in result.chunks],
@@ -304,7 +306,9 @@ async def persona_memory(body: MemoryRecallRequest) -> KBSearchResponse:
 # ════════════════════════════════════════════════════════════════════════════
 # 인덱싱 트리거 — 관리자 전용(content_hash 증분, 오프라인 배치)
 # ════════════════════════════════════════════════════════════════════════════
-@router.post("/index", response_model=IndexResponse, status_code=status.HTTP_202_ACCEPTED)
+@router.post(
+    "/index", response_model=IndexResponse, status_code=status.HTTP_202_ACCEPTED
+)
 async def index_document(
     body: IndexRequestIn,
     principal: Annotated[Principal, Depends(require_role(Role.ADMIN))],
@@ -329,9 +333,13 @@ async def index_document(
     except rag.IndexPolicyViolation as e:
         raise HTTPException(status.HTTP_422_UNPROCESSABLE_ENTITY, detail=str(e)) from e
     except rag.NotConfigured as e:
-        raise HTTPException(status.HTTP_503_SERVICE_UNAVAILABLE, detail=f"RAG not configured: {e}")
+        raise HTTPException(
+            status.HTTP_503_SERVICE_UNAVAILABLE, detail=f"RAG not configured: {e}"
+        )
     except RuntimeError as e:
-        raise HTTPException(status.HTTP_503_SERVICE_UNAVAILABLE, detail=f"DB not ready: {e}")
+        raise HTTPException(
+            status.HTTP_503_SERVICE_UNAVAILABLE, detail=f"DB not ready: {e}"
+        )
 
     return IndexResponse(
         doc_id=result.doc_id,
@@ -356,7 +364,9 @@ async def sync_live_coach_source_packs(
     evaluator RAG 검색에도 올린다. source row를 먼저 upsert한 뒤 content_hash 기반 증분 색인을
     수행한다. 임베딩 모델 미가용 시 BM25-only degraded 색인으로 이어진다.
     """
-    source_rows, index_payloads = source_pack_sync.build_repo_source_pack_manifest(refresh=True)
+    source_rows, index_payloads = source_pack_sync.build_repo_source_pack_manifest(
+        refresh=True
+    )
     if not source_rows or not index_payloads:
         raise HTTPException(
             status.HTTP_422_UNPROCESSABLE_ENTITY,
@@ -365,11 +375,17 @@ async def sync_live_coach_source_packs(
 
     try:
         async with acquire() as conn:
-            result = await source_pack_sync.sync_repo_source_packs(conn, apply=True, refresh=True)
+            result = await source_pack_sync.sync_repo_source_packs(
+                conn, apply=True, refresh=True
+            )
     except rag.NotConfigured as exc:
-        raise HTTPException(status.HTTP_503_SERVICE_UNAVAILABLE, detail=f"RAG not configured: {exc}") from exc
+        raise HTTPException(
+            status.HTTP_503_SERVICE_UNAVAILABLE, detail=f"RAG not configured: {exc}"
+        ) from exc
     except RuntimeError as exc:
-        raise HTTPException(status.HTTP_503_SERVICE_UNAVAILABLE, detail=f"DB not ready: {exc}") from exc
+        raise HTTPException(
+            status.HTTP_503_SERVICE_UNAVAILABLE, detail=f"DB not ready: {exc}"
+        ) from exc
 
     return LiveCoachSourcePackSyncResponse(
         sources_upserted=result.sources_upserted,
diff --git a/apps/api/app/routes/personas.py b/apps/api/app/routes/personas.py
index ac884f3..2315041 100644
--- a/apps/api/app/routes/personas.py
+++ b/apps/api/app/routes/personas.py
@@ -8,7 +8,7 @@ import re
 import uuid
 from typing import Annotated, Any, Literal
 
-from fastapi import APIRouter, Depends, HTTPException, Response, status
+from fastapi import APIRouter, Depends, File, Form, HTTPException, Response, UploadFile, status
 
 from ..db import acquire
 from ..deps import CurrentPrincipal, Principal, Role, require_role
@@ -52,6 +52,7 @@ from ..persona_read_model import (
 from ..engine_client import EngineError, EngineMessage, GenerateRequest, engine_client
 from ..services import rag
 from ..services.guardrail import mask_pii
+from ..services.tabular_ingest import TabularIngestError, extract_tabular_text
 
 router = APIRouter(prefix="/personas", tags=["personas"])
 TeacherOrAdmin = Annotated[Principal, Depends(require_role(Role.TEACHER, Role.ADMIN))]
@@ -555,6 +556,42 @@ async def create_persona_source_route(
     return await _register_persona_source_document(request, principal)
 
 
+@router.post(
+    "/sources/upload",
+    response_model=PersonaSourceDocumentResponse,
+    status_code=status.HTTP_201_CREATED,
+)
+async def upload_persona_source_route(
+    principal: TeacherOrAdmin,
+    file: UploadFile = File(...),
+    source_kind: PersonaSourceKind = Form("mixed_notes"),
+    title: str | None = Form(None),
+    source_note: str = Form(""),
+) -> PersonaSourceDocumentResponse:
+    """자유 양식 엑셀/CSV 업로드 → 텍스트 변환 → 기존 source 등록 경로 재사용 (P4).
+
+    업로드 원본 바이트는 이 핸들러 메모리에서만 파싱하고 저장하지 않는다(원본 파기).
+    파생 텍스트만 기존 마스킹·hash-only 증거·sanitized chunk 경로로 등록된다.
+    """
+    _ensure_teacher_or_admin(principal)
+    data = await file.read()
+    try:
+        text = extract_tabular_text(filename=file.filename or "", data=data)
+    except TabularIngestError as exc:
+        raise HTTPException(status.HTTP_422_UNPROCESSABLE_ENTITY, detail=str(exc)) from exc
+    finally:
+        # 원본 바이트 참조를 즉시 놓는다 — 파생 텍스트 외에는 남기지 않는다.
+        del data
+    request = PersonaSourceDocumentRequest(
+        filename=(file.filename or "uploaded-table.xlsx")[:240],
+        source_kind=source_kind,
+        text=text,
+        title=(title or None),
+        source_note=source_note[:800],
+    )
+    return await _register_persona_source_document(request, principal)
+
+
 @router.post("/drafts/generate", response_model=PersonaDraftGenerateResponse)
 async def generate_persona_draft_route(
     request: PersonaDraftGenerateRequest,
diff --git a/apps/api/app/routes/sessions.py b/apps/api/app/routes/sessions.py
index d447d5f..461db5e 100644
--- a/apps/api/app/routes/sessions.py
+++ b/apps/api/app/routes/sessions.py
@@ -12,11 +12,12 @@ import asyncio
 import json
 import logging
 import secrets
+import time
 from datetime import datetime
 from typing import Literal, Optional
 
 from fastapi import APIRouter, HTTPException, Request, status
-from pydantic import BaseModel, Field
+from pydantic import BaseModel, Field, field_validator
 from sse_starlette.sse import EventSourceResponse
 
 from .. import db, session_persistence, turn_runtime
@@ -46,15 +47,17 @@ from ..session_read_model import (
     MISSING_SESSION_EVALUATION_GRACE_SECONDS,
     ReviewCaseWorksheet,
     ReviewCaseWorksheetSaveRequest,
-    ReviewWorksheetItem,
-    ReviewWorksheetSection,
+    ReviewWorksheetItem as ReviewWorksheetItem,
+    ReviewWorksheetSection as ReviewWorksheetSection,
     SessionArchiveResponse,
     SessionDetailResponse,
     SessionReviewReadInput,
     SessionReviewResponse,
+    SessionProgress,
     SessionShareDeleteResponse,
     SessionShareResponse,
     StageLabel,
+    build_session_progress,
     build_session_review,
     dashboard_achievements as _dashboard_achievements,
     dashboard_feedback as _dashboard_feedback,
@@ -68,7 +71,7 @@ from ..session_read_model import (
     session_share_payload as _session_share_payload,
     stage_label as _stage_label,
 )
-from ..store import InProcSession, TurnRecord, store
+from ..store import InProcSession, store
 
 router = APIRouter(prefix="/sessions", tags=["sessions"])
 logger = logging.getLogger(__name__)
@@ -82,6 +85,19 @@ EndStateValue = str | int | float | bool | None | dict[str, float]
 class SessionStartRequest(BaseModel):
     persona_code: str = Field(..., examples=["P1"])
     theory_mode: TheoryMode = "humanistic"
+    # 이번 회기 목표 단계(2026-07-13 회의 P1). 회의 권장은 2개 수준이지만
+    # 소유자 지시(2026-07-15)로 1~4개까지 자유 선택을 허용한다.
+    # 빈 리스트는 구계약 클라이언트 호환용 — 준비 페이지는 항상 1개 이상을 보낸다.
+    goal_stages: list[StageLabel] = Field(default_factory=list, max_length=4)
+
+    @field_validator("goal_stages")
+    @classmethod
+    def _dedupe_goal_stages(cls, value: list[StageLabel]) -> list[StageLabel]:
+        seen: list[StageLabel] = []
+        for stage in value:
+            if stage not in seen:
+                seen.append(stage)
+        return seen[:4]
 
 
 class SessionStartResponse(BaseModel):
@@ -92,6 +108,11 @@ class SessionStartResponse(BaseModel):
     effective_openness: float
     recall_summary: Optional[str] = None
     degraded: bool = False
+    started_at: str = ""
+    goal_stages: list[StageLabel] = Field(default_factory=list)
+    # 시간 기반 회기 종료 계약(회의 P1): 프론트 타이머·10분 전 알람의 기준값.
+    duration_limit_seconds: int = 0
+    warning_before_end_seconds: int = 0
 
 
 class TurnRequest(BaseModel):
@@ -132,6 +153,8 @@ class TurnResponse(BaseModel):
     crisis_resource: Optional[CrisisResourceResponse] = None
     conversation_stopped: bool = False
     output_error: Optional[str] = None
+    # P2 단계 누적 게이지·상세 수치 — 턴마다 갱신된 파생값.
+    progress: Optional[SessionProgress] = None
 
 
 class SessionEndResponse(BaseModel):
@@ -146,6 +169,20 @@ _RECALL_CACHE: dict[str, memory.RecallContext] = {}
 _KB_CUES_CACHE: dict[str, list[str]] = {}
 _RAG_WARM_SEMAPHORE = asyncio.Semaphore(1)
 
+
+def cached_kb_cues(session_id: str) -> list[str]:
+    """Return a defensive copy of the session-scoped, process-lifetime KB cues."""
+
+    return list(_KB_CUES_CACHE.get(session_id) or [])
+
+
+def invalidate_session_context_cache(session_id: str) -> None:
+    """Invalidate all derived turn context when a session reaches its terminal state."""
+
+    _RECALL_CACHE.pop(session_id, None)
+    _KB_CUES_CACHE.pop(session_id, None)
+
+
 # ────────────────────────────────────────────────────────────────────────────
 # RAG 배선 헬퍼 — 내담자(CLIENT) 뷰. 임베더/KB/DB 풀 미가용 시 빈 값으로 graceful
 # degradation: 상담 루프를 절대 막지 않는다(라이브 루프 비차단이 계약). routes/kb.py가
@@ -213,7 +250,13 @@ async def _retrieve_live_coach_grounding(
                 conn,
                 query=query,
                 k=4,
-                kinds=("theory", "technique", "supervisor_pattern", "microskill", "taxonomy"),
+                kinds=(
+                    "theory",
+                    "technique",
+                    "supervisor_pattern",
+                    "microskill",
+                    "taxonomy",
+                ),
             )
             try:
                 await rag.log_retrieval(
@@ -233,9 +276,16 @@ async def _retrieve_live_coach_grounding(
         if not body:
             continue
         meta = chunk.meta if isinstance(chunk.meta, dict) else {}
-        title = str(meta.get("source_title") or meta.get("title") or chunk.source_id or "Vignette KB").strip()
+        title = str(
+            meta.get("source_title")
+            or meta.get("title")
+            or chunk.source_id
+            or "Vignette KB"
+        ).strip()
         source_type = str(meta.get("source_type") or "").strip()
-        source_version = str(meta.get("source_version") or meta.get("version") or "").strip()
+        source_version = str(
+            meta.get("source_version") or meta.get("version") or ""
+        ).strip()
         citation = str(meta.get("citation") or "").strip()
         out.append(
             live_coach.LiveCoachGrounding(
@@ -252,7 +302,9 @@ async def _retrieve_live_coach_grounding(
     return out
 
 
-def _latest_turn_evaluation(sess: InProcSession, turn_seq: int | None) -> Optional[dict]:
+def _latest_turn_evaluation(
+    sess: InProcSession, turn_seq: int | None
+) -> Optional[dict]:
     """방금 상담자 발화에 붙은 fast-loop 평가를 찾는다."""
     for turn in reversed(sess.turns):
         if turn.speaker != "counselor":
@@ -322,7 +374,8 @@ async def _load_case_memory(case_id: str) -> dict:
             "end_state": dict(summary_row["end_state"] or {}),
         }
     return {
-        "case_digest": (case_row["case_digest"] if case_row is not None else None) or None,
+        "case_digest": (case_row["case_digest"] if case_row is not None else None)
+        or None,
         "prev_summary": prev_summary,
         "pinned_facts": [row["value"] for row in fact_rows if row["value"]],
     }
@@ -361,7 +414,10 @@ async def _episodic_recall_snippets(case_id: str, query: str) -> list[str]:
     try:
         async with db.acquire(ai_view=rag.AIRole.CLIENT.value) as conn:
             result = await rag.retrieve_persona_memory(
-                conn, case_id=case_id, query=query, k=_RAG_RECALL_K,
+                conn,
+                case_id=case_id,
+                query=query,
+                k=_RAG_RECALL_K,
             )
             return await _hydrate_episodic_text(conn, result)
     except Exception:
@@ -412,14 +468,39 @@ async def ensure_recall_context(sess: InProcSession) -> memory.RecallContext:
     return recall
 
 
+def session_time_over(sess: InProcSession) -> bool:
+    """시간 기반 회기 종료(회의 P1): 제한 + 마무리 유예까지 지난 세션인지 판정.
+
+    제한 시간(기본 60분) 도달 자체는 프론트가 정리 유도·자동 종료로 처리하고,
+    서버는 유예(기본 +10분)까지 지난 뒤의 새 턴만 거부한다(마무리 인사 허용).
+    """
+    if settings.session_duration_minutes <= 0:
+        return False
+    limit_seconds = (
+        settings.session_duration_minutes + settings.session_overtime_grace_minutes
+    ) * 60
+    return (time.time() - sess.created_at) > limit_seconds
+
+
+def _ensure_turn_time_allowed(sess: InProcSession) -> None:
+    if session_time_over(sess):
+        raise HTTPException(
+            status.HTTP_409_CONFLICT,
+            detail="session_time_over",
+        )
+
+
 async def _prepare_turn_context(
     *,
     session_id: str,
     sess: InProcSession,
     learner_text: str,
 ) -> orchestrator.TurnContext:
+    _ensure_turn_time_allowed(sess)
     recall = await ensure_recall_context(sess)
-    kb_cues = _KB_CUES_CACHE.get(session_id) or []  # 비차단: warm 전이면 빈 단서(graceful)
+    kb_cues = (
+        _KB_CUES_CACHE.get(session_id) or []
+    )  # 비차단: warm 전이면 빈 단서(graceful)
     ctx = orchestrator.prepare_turn(
         session_id=session_id,
         case_id=sess.case_id,
@@ -446,7 +527,9 @@ async def _warm_rag_caches(session_id: str, case_id: str, card) -> None:
     """
     async with _RAG_WARM_SEMAPHORE:
         try:
-            _RECALL_CACHE[session_id] = await _build_start_recall(case_id=case_id, card=card)
+            _RECALL_CACHE[session_id] = await _build_start_recall(
+                case_id=case_id, card=card
+            )
         except Exception:
             pass
         try:
@@ -460,7 +543,9 @@ def _ensure_learner(principal: Principal) -> Principal:
         return principal
     if principal.can_access_role(Role.LEARNER):
         return principal.with_role(Role.LEARNER)
-    raise HTTPException(status.HTTP_403_FORBIDDEN, detail="only learners can use sessions")
+    raise HTTPException(
+        status.HTTP_403_FORBIDDEN, detail="only learners can use sessions"
+    )
 
 
 async def _ensure_practice_consent(principal: Principal) -> None:
@@ -495,7 +580,9 @@ async def _load_session_or_404(
     if err == turn_runtime.SessionAccessError.NOT_FOUND:
         raise HTTPException(status.HTTP_404_NOT_FOUND, detail="session not found")
     if err == turn_runtime.SessionAccessError.FORBIDDEN:
-        raise HTTPException(status.HTTP_403_FORBIDDEN, detail="session does not belong to user")
+        raise HTTPException(
+            status.HTTP_403_FORBIDDEN, detail="session does not belong to user"
+        )
     if err == turn_runtime.SessionAccessError.ENDED:
         raise HTTPException(status.HTTP_409_CONFLICT, detail="session already ended")
     assert sess is not None
@@ -562,7 +649,9 @@ async def _load_review_session_or_404(
 
     supervisor = _review_supervisor_principal(principal)
     if supervisor is None:
-        raise HTTPException(status.HTTP_403_FORBIDDEN, detail="session review access denied")
+        raise HTTPException(
+            status.HTTP_403_FORBIDDEN, detail="session review access denied"
+        )
     return (
         await _load_supervisor_review_session_or_404(
             session_id,
@@ -587,7 +676,9 @@ async def _end_persisted_session(sess: InProcSession, carry: memory.CarryOver) -
 
 
 def _should_schedule_session_digest_worker(carry: memory.CarryOver) -> bool:
-    return bool(settings.session_digest_worker_enabled and carry.compression_job is not None)
+    return bool(
+        settings.session_digest_worker_enabled and carry.compression_job is not None
+    )
 
 
 async def _run_session_digest_worker_for_session(session_id: str) -> None:
@@ -600,7 +691,9 @@ async def _run_session_digest_worker_for_session(session_id: str) -> None:
     try:
         db.get_pool()
         async with db.acquire(role="admin") as conn:
-            loaded = await session_digest_worker.load_session_digest_job(conn, session_id)
+            loaded = await session_digest_worker.load_session_digest_job(
+                conn, session_id
+            )
         if loaded is None:
             return
         model = settings.session_digest_worker_model.strip() or None
@@ -620,7 +713,9 @@ async def _run_session_digest_worker_for_session(session_id: str) -> None:
                 learner_id=loaded.learner_id,
             )
     except Exception:
-        logger.warning("session digest worker failed for session_id=%s", session_id, exc_info=True)
+        logger.warning(
+            "session digest worker failed for session_id=%s", session_id, exc_info=True
+        )
         return
 
 
@@ -653,7 +748,10 @@ def _public_share_url(request: Request, token: str) -> str:
     base = str(request.base_url).rstrip("/")
     return f"{base}/share/session/{token}"
 
-async def _evaluate_stream_turn(ctx: orchestrator.TurnContext, final_reply: str) -> Optional[dict]:
+
+async def _evaluate_stream_turn(
+    ctx: orchestrator.TurnContext, final_reply: str
+) -> Optional[dict]:
     """stream 경로 완료 후 fast-loop 평가를 계산한다. 실패는 턴 저장을 막지 않는다."""
     if not final_reply:
         return None
@@ -689,7 +787,9 @@ def _stream_result_from_done(
         state_after=ctx.state_after,
         evaluation=evaluation,
         crisis_kind=ctx.crisis.kind.value if ctx.crisis else "none",
-        crisis_resource=data.get("crisis_resource") if isinstance(data.get("crisis_resource"), dict) else None,
+        crisis_resource=data.get("crisis_resource")
+        if isinstance(data.get("crisis_resource"), dict)
+        else None,
         conversation_stopped=bool(data.get("conversation_stopped")),
         llm_provider=str(data.get("llm_provider") or "") or None,
         model=str(data.get("model") or "") or None,
@@ -780,9 +880,13 @@ def _observe_session_evaluation_task(task: asyncio.Task[None], session_id: str)
     try:
         task.result()
     except asyncio.CancelledError:
-        logger.warning("session evaluation background task cancelled: session_id=%s", session_id)
+        logger.warning(
+            "session evaluation background task cancelled: session_id=%s", session_id
+        )
     except Exception:
-        logger.exception("session evaluation background task crashed: session_id=%s", session_id)
+        logger.exception(
+            "session evaluation background task crashed: session_id=%s", session_id
+        )
 
 
 def _schedule_session_evaluation(sess: InProcSession) -> asyncio.Task[None] | None:
@@ -800,20 +904,26 @@ def _schedule_session_evaluation(sess: InProcSession) -> asyncio.Task[None] | No
         name=f"session-evaluation:{sess.session_id}",
     )
     task.add_done_callback(
-        lambda done, session_id=sess.session_id: _observe_session_evaluation_task(done, session_id)
+        lambda done, session_id=sess.session_id: _observe_session_evaluation_task(
+            done, session_id
+        )
     )
     return task
 
 
 async def recover_missing_session_evaluations(*, limit: int | None = None) -> int:
-    recovery_limit = settings.session_evaluation_recovery_limit if limit is None else limit
+    recovery_limit = (
+        settings.session_evaluation_recovery_limit if limit is None else limit
+    )
     if recovery_limit <= 0:
         return 0
     stale_after_seconds = (
-        _session_evaluation_timeout_seconds()
-        + MISSING_SESSION_EVALUATION_GRACE_SECONDS
+        _session_evaluation_timeout_seconds() + MISSING_SESSION_EVALUATION_GRACE_SECONDS
     )
-    candidates, durable = await session_persistence.list_sessions_missing_session_evaluation(
+    (
+        candidates,
+        durable,
+    ) = await session_persistence.list_sessions_missing_session_evaluation(
         older_than_seconds=stale_after_seconds,
         limit=recovery_limit,
     )
@@ -892,9 +1002,7 @@ async def _load_learner_sessions(
     if not durable:
         require_runtime_fallback_allowed("session list")
         sessions = [
-            sess
-            for sess in store.list()
-            if sess.learner_id == principal.user_id
+            sess for sess in store.list() if sess.learner_id == principal.user_id
         ]
         sessions.sort(key=lambda sess: sess.created_at, reverse=True)
     return sessions, durable
@@ -917,7 +1025,9 @@ async def _review_ready_map(
     sessions: list[InProcSession],
     principal: Principal,
 ) -> dict[str, bool]:
-    results = await asyncio.gather(*[_review_ready(sess, principal) for sess in sessions])
+    results = await asyncio.gather(
+        *[_review_ready(sess, principal) for sess in sessions]
+    )
     return {sess.session_id: ready for sess, ready in zip(sessions, results)}
 
 
@@ -970,7 +1080,9 @@ async def list_learner_sessions(principal: CurrentPrincipal) -> LearnerSessionsR
                 sess,
                 review_ready=await _review_ready(sess, principal),
                 archived=archive_record is not None,
-                archived_at=_iso(float(archived_at)) if isinstance(archived_at, (int, float)) else None,
+                archived_at=_iso(float(archived_at))
+                if isinstance(archived_at, (int, float))
+                else None,
             )
         )
 
@@ -1042,7 +1154,9 @@ async def archive_session(
         allow_ended=True,
     )
     if not sess.ended:
-        raise HTTPException(status.HTTP_409_CONFLICT, detail="active sessions cannot be archived")
+        raise HTTPException(
+            status.HTTP_409_CONFLICT, detail="active sessions cannot be archived"
+        )
     record, durable = await session_persistence.set_session_archived(
         session_id=sess.session_id,
         learner_id=principal.user_id,
@@ -1053,7 +1167,9 @@ async def archive_session(
         sess,
         principal,
         archived=True,
-        archived_at=_iso(float(archived_at)) if isinstance(archived_at, (int, float)) else None,
+        archived_at=_iso(float(archived_at))
+        if isinstance(archived_at, (int, float))
+        else None,
         source="database" if durable else "runtime",
     )
 
@@ -1084,7 +1200,9 @@ async def restore_archived_session(
     )
 
 
-@router.post("", response_model=SessionStartResponse, status_code=status.HTTP_201_CREATED)
+@router.post(
+    "", response_model=SessionStartResponse, status_code=status.HTTP_201_CREATED
+)
 async def start_session(
     body: SessionStartRequest,
     principal: CurrentPrincipal,
@@ -1102,14 +1220,18 @@ async def start_session(
             detail="persona catalog database unavailable",
         ) from exc
     if catalog_persona is None:
-        raise HTTPException(status.HTTP_404_NOT_FOUND, detail=f"unknown persona {body.persona_code}")
+        raise HTTPException(
+            status.HTTP_404_NOT_FOUND, detail=f"unknown persona {body.persona_code}"
+        )
     card = catalog_persona.card
 
     case_context = await session_persistence.get_case_context(
         learner_id=principal.user_id,
         persona_id=catalog_persona.persona_id,
     )
-    recall = await _build_seed_recall(case_id=case_context.case_id if case_context else None)
+    recall = await _build_seed_recall(
+        case_id=case_context.case_id if case_context else None
+    )
     session_no = (case_context.last_session_no + 1) if case_context else 1
     st = state_machine.init_state(
         params=card.openness_params(),
@@ -1117,6 +1239,7 @@ async def start_session(
     )
 
     carry_rapport = st.rapport_credit
+    goal_stages = [str(stage) for stage in body.goal_stages]
     sess = await session_persistence.create_session(
         learner_id=principal.user_id,
         card=card,
@@ -1127,6 +1250,7 @@ async def start_session(
         persona_id=catalog_persona.persona_id,
         persona_version=catalog_persona.version,
         case_id=case_context.case_id if case_context else None,
+        goal_stages=goal_stages,
     )
     degraded = catalog_persona.degraded or sess is None
     if sess is None:
@@ -1138,6 +1262,7 @@ async def start_session(
             state=st,
             session_no=session_no,
             carry_rapport=carry_rapport,
+            goal_stages=goal_stages,
         )
     else:
         store.put(sess)
@@ -1155,6 +1280,10 @@ async def start_session(
         effective_openness=round(st.effective_openness, 4),
         recall_summary=recall.recall_summary,
         degraded=degraded,
+        started_at=_iso(sess.created_at) or "",
+        goal_stages=body.goal_stages,
+        duration_limit_seconds=settings.session_duration_minutes * 60,
+        warning_before_end_seconds=settings.session_warning_minutes * 60,
     )
 
 
@@ -1169,7 +1298,10 @@ async def get_session_review(
         principal,
         include_turn_evaluation=True,
     )
-    evaluation_record, evaluation_durable = await session_persistence.load_session_evaluation(
+    (
+        evaluation_record,
+        evaluation_durable,
+    ) = await session_persistence.load_session_evaluation(
         session_id,
         review_principal,
     )
@@ -1196,6 +1328,7 @@ async def get_session_review(
         )
     )
 
+
 @router.post("/{session_id}/share", response_model=SessionShareResponse)
 async def create_session_share(
     session_id: str,
@@ -1211,7 +1344,9 @@ async def create_session_share(
         include_turn_evaluation=True,
     )
     if not sess.ended:
-        raise HTTPException(status.HTTP_409_CONFLICT, detail="session must be ended before sharing")
+        raise HTTPException(
+            status.HTTP_409_CONFLICT, detail="session must be ended before sharing"
+        )
 
     review = await get_session_review(session_id, principal)
     token = secrets.token_urlsafe(32)
@@ -1228,7 +1363,14 @@ async def create_session_share(
             detail="session share persistence unavailable",
         )
     created_at = saved.get("created_at")
-    created_label = _iso(created_at if isinstance(created_at, (int, float)) else datetime.now().timestamp()) or ""
+    created_label = (
+        _iso(
+            created_at
+            if isinstance(created_at, (int, float))
+            else datetime.now().timestamp()
+        )
+        or ""
+    )
     return SessionShareResponse(
         shareUrl=_public_share_url(request, token),
         title=str(payload["title"]),
@@ -1334,6 +1476,11 @@ async def submit_turn(
         crisis_resource=result.crisis_resource,
         conversation_stopped=result.conversation_stopped,
         output_error=result.output_error,
+        progress=build_session_progress(
+            result.state_after,
+            prev_rapport_credit=sess.prev_rapport_credit,
+            goal_stages=list(sess.goal_stages or []),
+        ),
     )
 
 
@@ -1345,17 +1492,28 @@ async def list_live_coach_history(
     """현재 회기에서 학습자에게 실제로 전달된 라이브 코칭 이력을 반환한다."""
     principal = _ensure_learner(principal)
     await _load_session_or_404(session_id, principal)
-    events, durable = await session_persistence.list_live_coach_events(session_id, principal)
-    quota, quota_durable = await session_persistence.get_live_coach_quota(session_id, principal)
-    credit_events, credit_durable = await session_persistence.list_live_coach_credit_events(
+    events, durable = await session_persistence.list_live_coach_events(
+        session_id, principal
+    )
+    quota, quota_durable = await session_persistence.get_live_coach_quota(
+        session_id, principal
+    )
+    (
+        credit_events,
+        credit_durable,
+    ) = await session_persistence.list_live_coach_credit_events(
         session_id,
         principal,
     )
     return LiveCoachHistoryResponse(
-        source="database" if durable and quota_durable and credit_durable else "runtime",
+        source="database"
+        if durable and quota_durable and credit_durable
+        else "runtime",
         quota=live_coach.LiveCoachQuota(**quota),
         events=[live_coach.LiveCoachEvent(**event) for event in events],
-        credit_events=[live_coach.LiveCoachCreditEvent(**event) for event in credit_events],
+        credit_events=[
+            live_coach.LiveCoachCreditEvent(**event) for event in credit_events
+        ],
     )
 
 
@@ -1382,6 +1540,16 @@ async def live_coach_turn(
         stage=stage,
         theory_mode=sess.theory_mode,
     )
+    prior_events, _ = await session_persistence.list_live_coach_events(
+        session_id, principal
+    )
+    prior_coach = [
+        {
+            "title": str((event.get("suggestion") or {}).get("title") or ""),
+            "focus": str((event.get("suggestion") or {}).get("focus") or ""),
+        }
+        for event in prior_events[-2:]
+    ]
     item = live_coach.LiveCoachInput(
         session_id=sess.session_id,
         turn_seq=turn_seq,
@@ -1394,6 +1562,8 @@ async def live_coach_turn(
         client_reply=body.client_reply,
         recent_turns=sess.recent_turns(k=8, visible_to=LEARNER_VISIBLE_AI_ROLE),
         evaluation=_latest_turn_evaluation(sess, body.turn_seq),
+        goal_stages=list(sess.goal_stages or []),
+        prior_coach=prior_coach,
     )
     suggestion = await live_coach.generate_live_coaching(
         item,
@@ -1416,8 +1586,13 @@ async def live_coach_turn(
             status_code=status.HTTP_409_CONFLICT,
             detail="live coach credit exhausted",
         ) from exc
-    quota_after, quota_durable = await session_persistence.get_live_coach_quota(session_id, principal)
-    credit_events, credit_durable = await session_persistence.list_live_coach_credit_events(session_id, principal)
+    quota_after, quota_durable = await session_persistence.get_live_coach_quota(
+        session_id, principal
+    )
+    (
+        credit_events,
+        credit_durable,
+    ) = await session_persistence.list_live_coach_credit_events(session_id, principal)
     turn_credit_events = [
         live_coach.LiveCoachCreditEvent(**event)
         for event in credit_events
@@ -1425,7 +1600,9 @@ async def live_coach_turn(
     ]
     return suggestion.model_copy(
         update={
-            "persistence_source": "database" if coach_event_durable and quota_durable and credit_durable else "runtime",
+            "persistence_source": "database"
+            if coach_event_durable and quota_durable and credit_durable
+            else "runtime",
             "quota": live_coach.LiveCoachQuota(**quota_after),
             "credit_events": turn_credit_events[-2:],
         }
@@ -1462,10 +1639,20 @@ async def stream_turn(
                     final_reply += text
                     yield {"event": "token", "data": text}
                 elif ev.event == "done":
-                    data = {**ev.data, "stage": _stage_label(ctx.state_after.stage)}
+                    data = {
+                        **ev.data,
+                        "stage": _stage_label(ctx.state_after.stage),
+                        "progress": build_session_progress(
+                            ctx.state_after,
+                            prev_rapport_credit=sess.prev_rapport_credit,
+                            goal_stages=list(sess.goal_stages or []),
+                        ).model_dump(),
+                    }
                     if not finalized_turn:
                         evaluation = await _evaluate_stream_turn(ctx, final_reply)
-                        result = _stream_result_from_done(ctx, final_reply, data, evaluation)
+                        result = _stream_result_from_done(
+                            ctx, final_reply, data, evaluation
+                        )
                         await turn_runtime.finalize_completed_turn(
                             sess,
                             ctx,
@@ -1473,7 +1660,10 @@ async def stream_turn(
                             context_prefix="session",
                         )
                         finalized_turn = True
-                    yield {"event": "done", "data": json.dumps(data, ensure_ascii=False)}
+                    yield {
+                        "event": "done",
+                        "data": json.dumps(data, ensure_ascii=False),
+                    }
                 elif (
                     ev.event == "safety"
                     and bool(ev.data.get("conversation_stopped"))
@@ -1484,14 +1674,18 @@ async def stream_turn(
                     safety_data = {
                         "session_id": ctx.session_id,
                         "stage": _stage_label(ctx.state_after.stage),
-                        "effective_openness": round(ctx.state_after.effective_openness, 4),
+                        "effective_openness": round(
+                            ctx.state_after.effective_openness, 4
+                        ),
                         "turn_seq": ctx.state_after.turn_seq,
                         "safety_flagged": True,
                         "crisis_kind": ctx.crisis.kind.value,
                         "crisis_resource": ev.data.get("crisis_resource"),
                         "conversation_stopped": True,
                     }
-                    result = _stream_result_from_done(ctx, final_reply, safety_data, None)
+                    result = _stream_result_from_done(
+                        ctx, final_reply, safety_data, None
+                    )
                     await turn_runtime.finalize_completed_turn(
                         sess,
                         ctx,
@@ -1499,16 +1693,25 @@ async def stream_turn(
                         context_prefix="session",
                     )
                     finalized_turn = True
-                    yield {"event": ev.event, "data": json.dumps(ev.data, ensure_ascii=False)}
+                    yield {
+                        "event": ev.event,
+                        "data": json.dumps(ev.data, ensure_ascii=False),
+                    }
                 else:
-                    yield {"event": ev.event, "data": json.dumps(ev.data, ensure_ascii=False)}
+                    yield {
+                        "event": ev.event,
+                        "data": json.dumps(ev.data, ensure_ascii=False),
+                    }
 
                 now = asyncio.get_running_loop().time()
                 if now - last_beat >= settings.sse_heartbeat_seconds:
                     yield {"event": "ping", "data": "{}"}
                     last_beat = now
         except Exception as exc:
-            yield {"event": "error", "data": json.dumps({"detail": str(exc)}, ensure_ascii=False)}
+            yield {
+                "event": "error",
+                "data": json.dumps({"detail": str(exc)}, ensure_ascii=False),
+            }
             return
 
     return EventSourceResponse(event_generator())
@@ -1536,8 +1739,7 @@ async def end_session(
     )
 
     await _end_persisted_session(sess, carry)
-    _RECALL_CACHE.pop(session_id, None)
-    _KB_CUES_CACHE.pop(session_id, None)
+    invalidate_session_context_cache(session_id)
     if not was_ended:
         _schedule_session_evaluation(sess)
 
diff --git a/apps/api/app/routes/users.py b/apps/api/app/routes/users.py
index cd4fa26..e7c81eb 100644
--- a/apps/api/app/routes/users.py
+++ b/apps/api/app/routes/users.py
@@ -22,6 +22,7 @@ from ..config import settings
 from ..db import acquire, get_pool
 from ..deps import CurrentPrincipal, Role
 from ..runtime_policy import require_runtime_fallback_allowed
+from ..services.phase3_kpi_contract import PREPOST_MEASURE_NAMES, PREPOST_TIMEPOINTS
 from ..services.support_tickets import support_ticket_fingerprint
 from ..services.voice import PRESET_RATE, PRESET_TO_OPENAI_VOICE
 
@@ -37,13 +38,6 @@ AVATAR_CONTENT_TYPES = {
 }
 DEFAULT_PREPOST_PILOT_ID = "phase3-pilot-draft"
 DEFAULT_PREPOST_INSTRUMENT_VERSION = "pilot-prepost-scaffold-2026-06-28"
-PREPOST_MEASURE_NAMES = (
-    "self_efficacy",
-    "skill_proficiency",
-    "training_satisfaction",
-)
-PREPOST_TIMEPOINTS = ("pre", "post")
-
 TERMS_BODY = """Vignette 서비스 이용약관 초안
 
 1. 목적
@@ -193,7 +187,9 @@ class UserPreferencesResponse(BaseModel):
     theme: str = "system"
     voice_preset_id: str = "soft-young-fem"
     voice_rate: float = 1.0
-    notifications: NotificationPreferences = Field(default_factory=NotificationPreferences)
+    notifications: NotificationPreferences = Field(
+        default_factory=NotificationPreferences
+    )
 
 
 class UserPreferencesPatch(BaseModel):
@@ -221,7 +217,9 @@ TicketCategory = Literal[
 ]
 TicketPriority = Literal["low", "normal", "high", "urgent"]
 TicketStatus = Literal["open", "triaged", "in_progress", "resolved", "closed"]
-PrepostMeasureName = Literal["self_efficacy", "skill_proficiency", "training_satisfaction"]
+PrepostMeasureName = Literal[
+    "self_efficacy", "skill_proficiency", "training_satisfaction"
+]
 PrepostTimepoint = Literal["pre", "post"]
 
 
@@ -386,7 +384,9 @@ def _preferences_from_row(row) -> UserPreferencesResponse:
         theme=row["theme"],
         voice_preset_id=_normalize_voice_preset(row["voice_preset_id"]),
         voice_rate=float(row["voice_rate"]),
-        notifications=NotificationPreferences.model_validate(row["notifications"] or {}),
+        notifications=NotificationPreferences.model_validate(
+            row["notifications"] or {}
+        ),
     )
 
 
@@ -420,7 +420,9 @@ def _validated_avatar_extension(content_type: str, content: bytes) -> str:
     ext, magic = AVATAR_CONTENT_TYPES[normalized]
     if normalized == "image/webp":
         if not (content.startswith(magic) and content[8:12] == b"WEBP"):
-            raise HTTPException(status.HTTP_400_BAD_REQUEST, detail="invalid_avatar_file")
+            raise HTTPException(
+                status.HTTP_400_BAD_REQUEST, detail="invalid_avatar_file"
+            )
     elif not content.startswith(magic):
         raise HTTPException(status.HTTP_400_BAD_REQUEST, detail="invalid_avatar_file")
     return ext
@@ -484,16 +486,28 @@ async def get_me(principal: CurrentPrincipal) -> UserProfileResponse:
 
 
 @router.patch("/me", response_model=UserProfileResponse)
-async def patch_me(body: UserProfilePatch, principal: CurrentPrincipal) -> UserProfileResponse:
+async def patch_me(
+    body: UserProfilePatch, principal: CurrentPrincipal
+) -> UserProfileResponse:
     profile = await _profile_for(principal)
     updated = await update_managed_user(
         principal.user_id,
         ManagedUserPatch(
-            display_name=body.display_name if body.display_name is not None else profile.display_name,
-            affiliation=body.affiliation if body.affiliation is not None else profile.affiliation,
-            legal_name=body.legal_name if body.legal_name is not None else profile.legal_name,
-            department=body.department if body.department is not None else profile.department,
-            grade_level=body.grade_level if body.grade_level is not None else profile.grade_level,
+            display_name=body.display_name
+            if body.display_name is not None
+            else profile.display_name,
+            affiliation=body.affiliation
+            if body.affiliation is not None
+            else profile.affiliation,
+            legal_name=body.legal_name
+            if body.legal_name is not None
+            else profile.legal_name,
+            department=body.department
+            if body.department is not None
+            else profile.department,
+            grade_level=body.grade_level
+            if body.grade_level is not None
+            else profile.grade_level,
             phone=body.phone if body.phone is not None else profile.phone,
             contact_address=(
                 body.contact_address
@@ -506,7 +520,9 @@ async def patch_me(body: UserProfilePatch, principal: CurrentPrincipal) -> UserP
                 if body.self_introduction is not None
                 else profile.self_introduction
             ),
-            avatar_url=body.avatar_url if body.avatar_url is not None else profile.avatar_url,
+            avatar_url=body.avatar_url
+            if body.avatar_url is not None
+            else profile.avatar_url,
         ),
     )
     if updated is None:
@@ -525,7 +541,9 @@ async def upload_my_avatar(
     if not content:
         raise HTTPException(status.HTTP_400_BAD_REQUEST, detail="empty_avatar_file")
     if len(content) > AVATAR_MAX_BYTES:
-        raise HTTPException(status.HTTP_413_REQUEST_ENTITY_TOO_LARGE, detail="avatar_too_large")
+        raise HTTPException(
+            status.HTTP_413_REQUEST_ENTITY_TOO_LARGE, detail="avatar_too_large"
+        )
     ext = _validated_avatar_extension(content_type, content)
 
     root = _upload_root()
@@ -597,7 +615,9 @@ async def create_support_ticket(
 ) -> UserSupportTicketResponse:
     profile = await _profile_for(principal)
     try:
-        async with acquire(role=principal.role.value, user_id=principal.user_id) as conn:
+        async with acquire(
+            role=principal.role.value, user_id=principal.user_id
+        ) as conn:
             subject = body.subject.strip()
             ticket_body = body.body.strip()
             source_path = body.source_path.strip()
@@ -725,7 +745,9 @@ async def _support_tickets_for_user(
                 resolution_note=row["resolution_note"] or "",
                 created_at=float(row["created_at"] or 0.0),
                 updated_at=float(row["updated_at"] or 0.0),
-                resolved_at=float(row["resolved_at"]) if row["resolved_at"] is not None else None,
+                resolved_at=float(row["resolved_at"])
+                if row["resolved_at"] is not None
+                else None,
             )
             for row in rows
         ],
@@ -741,11 +763,13 @@ async def list_my_support_tickets(
     except Exception as exc:
         raise HTTPException(
             status.HTTP_503_SERVICE_UNAVAILABLE,
-        detail="support ticket persistence unavailable",
+            detail="support ticket persistence unavailable",
         ) from exc
 
 
-def _normalized_prepost_score(raw_score: float, min_score: float, max_score: float) -> float:
+def _normalized_prepost_score(
+    raw_score: float, min_score: float, max_score: float
+) -> float:
     if max_score <= min_score:
         return 0.0
     return round(((raw_score - min_score) / (max_score - min_score)) * 100.0, 3)
@@ -803,7 +827,8 @@ async def _prepost_measures_for_user(
     pairs = {
         item.measure_name
         for item in measures
-        if {m.timepoint for m in measures if m.measure_name == item.measure_name} == {"pre", "post"}
+        if {m.timepoint for m in measures if m.measure_name == item.measure_name}
+        == {"pre", "post"}
     }
     return UserPrepostMeasuresResponse(
         source="database",
@@ -820,7 +845,9 @@ async def _prepost_measures_for_user(
 @router.get("/me/prepost-measures", response_model=UserPrepostMeasuresResponse)
 async def list_my_prepost_measures(
     principal: CurrentPrincipal,
-    pilot_id: str = Query(default=DEFAULT_PREPOST_PILOT_ID, min_length=1, max_length=80),
+    pilot_id: str = Query(
+        default=DEFAULT_PREPOST_PILOT_ID, min_length=1, max_length=80
+    ),
 ) -> UserPrepostMeasuresResponse:
     try:
         return await _prepost_measures_for_user(principal, pilot_id=pilot_id)
@@ -837,9 +864,13 @@ async def upsert_my_prepost_measure(
     principal: CurrentPrincipal,
 ) -> UserPrepostMeasureItem:
     pilot_id = body.pilot_id.strip() or DEFAULT_PREPOST_PILOT_ID
-    instrument_version = body.instrument_version.strip() or DEFAULT_PREPOST_INSTRUMENT_VERSION
+    instrument_version = (
+        body.instrument_version.strip() or DEFAULT_PREPOST_INSTRUMENT_VERSION
+    )
     try:
-        async with acquire(role=principal.role.value, user_id=principal.user_id) as conn:
+        async with acquire(
+            role=principal.role.value, user_id=principal.user_id
+        ) as conn:
             row = await conn.fetchrow(
                 """
                 INSERT INTO app.learner_prepost_measure (
@@ -982,7 +1013,9 @@ async def patch_preferences(
                     if body.voice_preset_id is not None
                     else current_prefs.voice_preset_id
                 ),
-                voice_rate=body.voice_rate if body.voice_rate is not None else current_prefs.voice_rate,
+                voice_rate=body.voice_rate
+                if body.voice_rate is not None
+                else current_prefs.voice_rate,
                 notifications=(
                     body.notifications
                     if body.notifications is not None
diff --git a/apps/api/app/routes/voice.py b/apps/api/app/routes/voice.py
index b8b02ff..3a06f8a 100644
--- a/apps/api/app/routes/voice.py
+++ b/apps/api/app/routes/voice.py
@@ -16,6 +16,7 @@ from __future__ import annotations
 import json
 import hashlib
 import time
+from dataclasses import dataclass, field as dataclass_field
 from typing import Optional
 
 from fastapi import APIRouter, WebSocket, WebSocketDisconnect, HTTPException, status
@@ -49,6 +50,42 @@ class VoiceSpeechRequest(BaseModel):
     session_id: str = Field(min_length=1, max_length=80)
     turn_seq: int = Field(ge=1)
 
+
+@dataclass(frozen=True, slots=True)
+class VoiceSessionContext:
+    session_id: str
+    principal: Principal
+    voice_preset: VoicePreset
+
+
+@dataclass(frozen=True, slots=True)
+class VoiceProsody:
+    audio_ref: str | None = None
+    duration_s: float | None = None
+    silence_ms: int | None = None
+    speech_rate: float | None = None
+    barge_in: bool | None = None
+    provider_events: list[dict[str, object]] = dataclass_field(default_factory=list)
+
+
+@dataclass(frozen=True, slots=True)
+class VoiceTurnInput:
+    learner_text: str
+    prosody: VoiceProsody = dataclass_field(default_factory=VoiceProsody)
+
+
+@dataclass(frozen=True, slots=True)
+class VoiceAudioInput:
+    audio: bytes
+    fmt: str | None
+    sample_rate: int | None = None
+    channels: int | None = None
+    sample_width: int | None = None
+    audio_started_at: float | None = None
+    audio_ended_at: float | None = None
+    prosody: VoiceProsody = dataclass_field(default_factory=VoiceProsody)
+
+
 # WebSocket close codes.
 WS_CLOSE_DEGRADED = 1011
 WS_CLOSE_BAD_REQUEST = 1008
@@ -112,6 +149,8 @@ def _is_turn_persistence_unavailable(exc: Exception) -> bool:
         return False
     detail = str(exc.detail or "")
     return "turn append" in detail and "persistence unavailable" in detail
+
+
 _PROVIDER_EVENT_TYPE_FIELDS = ("event_type", "type", "kind", "label")
 
 
@@ -132,7 +171,9 @@ async def voice_health() -> JSONResponse:
 
 
 @router.post("/speech")
-async def voice_speech(body: VoiceSpeechRequest, principal: CurrentPrincipal) -> Response:
+async def voice_speech(
+    body: VoiceSpeechRequest, principal: CurrentPrincipal
+) -> Response:
     """Synthesize the persisted client reply for a completed text turn.
 
     The browser sends only session/turn identifiers. The server reloads the
@@ -167,7 +208,9 @@ async def voice_speech(body: VoiceSpeechRequest, principal: CurrentPrincipal) ->
             turn_runtime.SessionAccessError.FORBIDDEN: status.HTTP_403_FORBIDDEN,
             turn_runtime.SessionAccessError.ENDED: status.HTTP_409_CONFLICT,
         }.get(err, status.HTTP_404_NOT_FOUND)
-        raise HTTPException(status_code=status_code, detail=f"voice session {err or 'not_found'}")
+        raise HTTPException(
+            status_code=status_code, detail=f"voice session {err or 'not_found'}"
+        )
 
     text = _client_turn_text_for_speech(sess, body.turn_seq)
     if text is None:
@@ -222,13 +265,17 @@ async def voice_ws(websocket: WebSocket) -> None:
     # Authenticate the same server-side browser session used by REST routes.
     principal = await _principal_from_websocket(websocket)
     if principal is None:
-        await _safe_send_json(websocket, {"type": "error", "detail": "not authenticated"})
+        await _safe_send_json(
+            websocket, {"type": "error", "detail": "not authenticated"}
+        )
         await _safe_close(websocket, WS_CLOSE_UNAUTHORIZED)
         return
     if principal.role != Role.LEARNER and principal.can_access_role(Role.LEARNER):
         principal = principal.with_role(Role.LEARNER)
     if principal.role != Role.LEARNER:
-        await _safe_send_json(websocket, {"type": "error", "detail": "only learners can use voice"})
+        await _safe_send_json(
+            websocket, {"type": "error", "detail": "only learners can use voice"}
+        )
         await _safe_close(websocket, WS_CLOSE_UNAUTHORIZED)
         return
 
@@ -244,7 +291,9 @@ async def voice_ws(websocket: WebSocket) -> None:
             websocket,
             {
                 "type": "degraded",
-                "reason": bind_meta.get("degraded_reason", "voice session binding degraded"),
+                "reason": bind_meta.get(
+                    "degraded_reason", "voice session binding degraded"
+                ),
                 **bind_meta,
             },
         )
@@ -294,12 +343,17 @@ async def voice_ws(websocket: WebSocket) -> None:
                     receiving = True
                     audio_started_at = time.monotonic()
                     audio_buf.clear()
-                    await _safe_send_json(websocket, {"type": "state", "state": "listening"})
+                    await _safe_send_json(
+                        websocket, {"type": "state", "state": "listening"}
+                    )
                 audio_buf.extend(msg["bytes"])
                 if len(audio_buf) > _MAX_AUDIO_BYTES:
                     await _safe_send_json(
                         websocket,
-                        {"type": "error", "detail": "audio too large; please send a shorter utterance"},
+                        {
+                            "type": "error",
+                            "detail": "audio too large; please send a shorter utterance",
+                        },
                     )
                     audio_buf.clear()
                     receiving = False
@@ -312,7 +366,9 @@ async def voice_ws(websocket: WebSocket) -> None:
             try:
                 ctrl = json.loads(text)
             except (json.JSONDecodeError, TypeError):
-                await _safe_send_json(websocket, {"type": "error", "detail": "invalid control json"})
+                await _safe_send_json(
+                    websocket, {"type": "error", "detail": "invalid control json"}
+                )
                 continue
 
             ctype = ctrl.get("type")
@@ -324,30 +380,44 @@ async def voice_ws(websocket: WebSocket) -> None:
                 audio_channels = _safe_int(ctrl.get("channels"))
                 audio_sample_width = _safe_int(ctrl.get("sample_width"))
                 audio_buf.clear()
-                await _safe_send_json(websocket, {"type": "state", "state": "listening"})
+                await _safe_send_json(
+                    websocket, {"type": "state", "state": "listening"}
+                )
 
             elif ctype == "audio_end":
                 receiving = False
                 audio_ended_at = time.monotonic()
                 silence_ms = _safe_int(ctrl.get("silence_ms"))
-                if silence_ms is None and last_audio_end_at is not None and audio_started_at is not None:
-                    silence_ms = max(0, int((audio_started_at - last_audio_end_at) * 1000))
+                if (
+                    silence_ms is None
+                    and last_audio_end_at is not None
+                    and audio_started_at is not None
+                ):
+                    silence_ms = max(
+                        0, int((audio_started_at - last_audio_end_at) * 1000)
+                    )
                 end_format = _safe_str(ctrl.get("format")) or audio_format
                 await _handle_utterance(
                     websocket,
-                    session_id=session_id,
-                    principal=principal,
-                    voice_preset=voice_preset,
-                    audio=bytes(audio_buf),
-                    fmt=end_format,
-                    sample_rate=_safe_int(ctrl.get("sample_rate")) or audio_sample_rate,
-                    channels=_safe_int(ctrl.get("channels")) or audio_channels,
-                    sample_width=_safe_int(ctrl.get("sample_width")) or audio_sample_width,
-                    audio_started_at=audio_started_at,
-                    audio_ended_at=audio_ended_at,
-                    silence_ms=silence_ms,
-                    barge_in=_safe_bool(ctrl.get("barge_in")),
-                    provider_events=_safe_provider_events(ctrl.get("provider_events")),
+                    VoiceSessionContext(session_id, principal, voice_preset),
+                    VoiceAudioInput(
+                        audio=bytes(audio_buf),
+                        fmt=end_format,
+                        sample_rate=_safe_int(ctrl.get("sample_rate"))
+                        or audio_sample_rate,
+                        channels=_safe_int(ctrl.get("channels")) or audio_channels,
+                        sample_width=_safe_int(ctrl.get("sample_width"))
+                        or audio_sample_width,
+                        audio_started_at=audio_started_at,
+                        audio_ended_at=audio_ended_at,
+                        prosody=VoiceProsody(
+                            silence_ms=silence_ms,
+                            barge_in=_safe_bool(ctrl.get("barge_in")),
+                            provider_events=_safe_provider_events(
+                                ctrl.get("provider_events")
+                            ),
+                        ),
+                    ),
                 )
                 last_audio_end_at = audio_ended_at
                 audio_started_at = None
@@ -365,10 +435,8 @@ async def voice_ws(websocket: WebSocket) -> None:
                 if learner_text:
                     await _run_turn_and_speak(
                         websocket,
-                        session_id=session_id,
-                        principal=principal,
-                        voice_preset=voice_preset,
-                        learner_text=learner_text,
+                        VoiceSessionContext(session_id, principal, voice_preset),
+                        VoiceTurnInput(learner_text=learner_text),
                     )
 
             elif ctype == "stt_result":
@@ -412,7 +480,9 @@ async def voice_ws(websocket: WebSocket) -> None:
             )
             await _safe_send_json(websocket, {"type": "state", "state": "idle"})
         else:
-            await _safe_send_json(websocket, {"type": "error", "detail": f"voice ws error: {e}"})
+            await _safe_send_json(
+                websocket, {"type": "error", "detail": f"voice ws error: {e}"}
+            )
     finally:
         await _safe_close(websocket)
 
@@ -431,7 +501,11 @@ async def _handle_stt_result_control(
     learner_text = str(ctrl.get("text") or "").strip()
     transcript_final = _safe_bool(ctrl.get("final"))
     silence_ms = _safe_int(ctrl.get("silence_ms"))
-    if silence_ms is None and last_audio_end_at is not None and audio_started_at is not None:
+    if (
+        silence_ms is None
+        and last_audio_end_at is not None
+        and audio_started_at is not None
+    ):
         silence_ms = max(0, int((audio_started_at - last_audio_end_at) * 1000))
     provider_events = _safe_provider_events(ctrl.get("provider_events"))
     decision = voice_svc.assess_end_of_turn(
@@ -456,52 +530,49 @@ async def _handle_stt_result_control(
     await _safe_send_json(websocket, {"type": "state", "state": "thinking"})
     await _safe_send_json(
         websocket,
-        {"type": "transcript", "text": learner_text, "final": True, "speaker": "counselor"},
+        {
+            "type": "transcript",
+            "text": learner_text,
+            "final": True,
+            "speaker": "counselor",
+        },
     )
     await _run_turn_and_speak(
         websocket,
-        session_id=session_id,
-        principal=principal,
-        voice_preset=voice_preset,
-        learner_text=learner_text,
-        duration_s=_elapsed_seconds(audio_started_at, audio_ended_at),
-        silence_ms=decision.silence_ms,
-        barge_in=_safe_bool(ctrl.get("barge_in")),
-        provider_events=provider_events,
+        VoiceSessionContext(session_id, principal, voice_preset),
+        VoiceTurnInput(
+            learner_text=learner_text,
+            prosody=VoiceProsody(
+                duration_s=_elapsed_seconds(audio_started_at, audio_ended_at),
+                silence_ms=decision.silence_ms,
+                barge_in=_safe_bool(ctrl.get("barge_in")),
+                provider_events=provider_events,
+            ),
+        ),
     )
 
 
 async def _handle_utterance(
     websocket: WebSocket,
-    *,
-    session_id: str,
-    principal: Principal,
-    voice_preset: VoicePreset,
-    audio: bytes,
-    fmt: Optional[str],
-    sample_rate: int | None = None,
-    channels: int | None = None,
-    sample_width: int | None = None,
-    audio_started_at: float | None = None,
-    audio_ended_at: float | None = None,
-    silence_ms: int | None = None,
-    barge_in: bool | None = None,
-    provider_events: list[dict[str, object]] | None = None,
+    context: VoiceSessionContext,
+    utterance: VoiceAudioInput,
 ) -> None:
     """Transcribe one utterance, generate the client reply, then synthesize TTS."""
-    if not audio:
-        await _safe_send_json(websocket, {"type": "transcript", "text": "", "final": True})
+    if not utterance.audio:
+        await _safe_send_json(
+            websocket, {"type": "transcript", "text": "", "final": True}
+        )
         await _safe_send_json(websocket, {"type": "state", "state": "idle"})
         return
 
     # STT begins after the learner stops speaking.
     await _safe_send_json(websocket, {"type": "state", "state": "thinking"})
     upload_audio, upload_fmt = _normalize_audio_upload(
-        audio,
-        fmt=fmt,
-        sample_rate=sample_rate,
-        channels=channels,
-        sample_width=sample_width,
+        utterance.audio,
+        fmt=utterance.fmt,
+        sample_rate=utterance.sample_rate,
+        channels=utterance.channels,
+        sample_width=utterance.sample_width,
     )
     filename, content_type = _audio_meta(upload_fmt)
     try:
@@ -513,18 +584,30 @@ async def _handle_utterance(
         await _safe_send_json(websocket, {"type": "state", "state": "idle"})
         return
     except Exception as e:
-        await _safe_send_json(websocket, {"type": "error", "detail": f"STT failed: {e}"})
+        await _safe_send_json(
+            websocket, {"type": "error", "detail": f"STT failed: {e}"}
+        )
         await _safe_send_json(websocket, {"type": "state", "state": "idle"})
         return
 
     learner_text = stt.text
     audio_ref = _voice_audio_ref(upload_audio, upload_fmt)
-    duration_s = stt.duration or _elapsed_seconds(audio_started_at, audio_ended_at)
+    duration_s = stt.duration or _elapsed_seconds(
+        utterance.audio_started_at, utterance.audio_ended_at
+    )
     speech_rate = _estimate_speech_rate(learner_text, duration_s)
-    provider_events = _merge_provider_events(provider_events, getattr(stt, "provider_events", []))
+    provider_events = _merge_provider_events(
+        utterance.prosody.provider_events,
+        getattr(stt, "provider_events", []),
+    )
     await _safe_send_json(
         websocket,
-        {"type": "transcript", "text": learner_text, "final": True, "speaker": "counselor"},
+        {
+            "type": "transcript",
+            "text": learner_text,
+            "final": True,
+            "speaker": "counselor",
+        },
     )
     if not learner_text:
         await _safe_send_json(websocket, {"type": "state", "state": "idle"})
@@ -532,47 +615,54 @@ async def _handle_utterance(
 
     await _run_turn_and_speak(
         websocket,
-        session_id=session_id,
-        principal=principal,
-        voice_preset=voice_preset,
-        learner_text=learner_text,
-        audio_ref=audio_ref,
-        silence_ms=silence_ms,
-        speech_rate=speech_rate,
-        barge_in=barge_in,
-        provider_events=provider_events,
+        context,
+        VoiceTurnInput(
+            learner_text=learner_text,
+            prosody=VoiceProsody(
+                audio_ref=audio_ref,
+                duration_s=duration_s,
+                silence_ms=utterance.prosody.silence_ms,
+                speech_rate=speech_rate,
+                barge_in=utterance.prosody.barge_in,
+                provider_events=provider_events,
+            ),
+        ),
     )
 
 
 async def _run_turn_and_speak(
     websocket: WebSocket,
-    *,
-    session_id: str,
-    principal: Principal,
-    voice_preset: VoicePreset,
-    learner_text: str,
-    audio_ref: str | None = None,
-    duration_s: float | None = None,
-    silence_ms: int | None = None,
-    speech_rate: float | None = None,
-    barge_in: bool | None = None,
-    provider_events: list[dict[str, object]] | None = None,
+    context: VoiceSessionContext,
+    turn: VoiceTurnInput,
 ) -> None:
     """Run one counseling turn and stream synthesized client speech."""
+    learner_text = turn.learner_text
+    prosody = turn.prosody
+    speech_rate = prosody.speech_rate
     if speech_rate is None:
-        speech_rate = _estimate_speech_rate(learner_text, duration_s)
-    sess, err = await _load_voice_session(session_id, principal)
+        speech_rate = _estimate_speech_rate(learner_text, prosody.duration_s)
+    sess, err = await _load_voice_session(context.session_id, context.principal)
     if sess is None:
-        await _safe_send_json(websocket, {"type": "error", "detail": err or "session not found or ended"})
+        await _safe_send_json(
+            websocket, {"type": "error", "detail": err or "session not found or ended"}
+        )
         await _safe_send_json(websocket, {"type": "state", "state": "idle"})
         return
 
     from . import sessions as session_routes
 
+    if session_routes.session_time_over(sess):
+        await _safe_send_json(
+            websocket,
+            {"type": "error", "detail": "session_time_over"},
+        )
+        await _safe_send_json(websocket, {"type": "state", "state": "idle"})
+        return
+
     recall = await session_routes.ensure_recall_context(sess)
-    kb_cues = session_routes._KB_CUES_CACHE.get(session_id) or []
+    kb_cues = session_routes.cached_kb_cues(context.session_id)
     ctx = orchestrator.prepare_turn(
-        session_id=session_id,
+        session_id=context.session_id,
         case_id=sess.case_id,
         card=sess.persona,
         state=sess.state,
@@ -599,7 +689,9 @@ async def _run_turn_and_speak(
             audit_hook=session_persistence.record_llm_call_audit,
         )
     except EngineError as e:
-        await _safe_send_json(websocket, {"type": "error", "detail": f"engine unavailable: {e}"})
+        await _safe_send_json(
+            websocket, {"type": "error", "detail": f"engine unavailable: {e}"}
+        )
         await _safe_send_json(websocket, {"type": "state", "state": "idle"})
         return
 
@@ -617,11 +709,11 @@ async def _run_turn_and_speak(
             stage=turn_runtime.stage_label(ctx.state_after.stage),
             text=learner_text,
             text_masked=ctx.learner_text_masked,
-            audio_ref=audio_ref,
-            silence_ms=silence_ms,
+            audio_ref=prosody.audio_ref,
+            silence_ms=prosody.silence_ms,
             speech_rate=speech_rate,
-            barge_in=barge_in,
-            provider_events=provider_events or [],
+            barge_in=prosody.barge_in,
+            provider_events=prosody.provider_events,
             evaluation=result.evaluation,
         ),
     )
@@ -640,6 +732,11 @@ async def _run_turn_and_speak(
             "crisis_kind": result.crisis_kind,
             "crisis_resource": result.crisis_resource,
             "conversation_stopped": result.conversation_stopped,
+            "progress": session_routes.build_session_progress(
+                result.state_after,
+                prev_rapport_credit=sess.prev_rapport_credit,
+                goal_stages=list(sess.goal_stages or []),
+            ).model_dump(),
         },
     )
 
@@ -653,13 +750,13 @@ async def _run_turn_and_speak(
         {
             "type": "state",
             "state": "speaking",
-            "voice": voice_preset.openai_voice,
+            "voice": context.voice_preset.openai_voice,
             "tts_provider": voice_service.tts_provider(),
         },
     )
     try:
         n = 0
-        async for ck in voice_service.synthesize_stream(reply, voice_preset):
+        async for ck in voice_service.synthesize_stream(reply, context.voice_preset):
             # 바이너리 오디오 청크만 송신(프론트가 Web Audio AnalyserNode로 립싱크 자체 산출).
             await _safe_send_bytes(websocket, ck.audio)
             n += 1
@@ -667,7 +764,9 @@ async def _run_turn_and_speak(
     except VoiceUnavailable as e:
         await _safe_send_json(websocket, {"type": "degraded", "reason": str(e)})
     except Exception as e:
-        await _safe_send_json(websocket, {"type": "error", "detail": f"TTS failed: {e}"})
+        await _safe_send_json(
+            websocket, {"type": "error", "detail": f"TTS failed: {e}"}
+        )
 
     await _safe_send_json(websocket, {"type": "state", "state": "idle"})
 
@@ -732,9 +831,8 @@ async def _principal_from_websocket(websocket: WebSocket) -> Principal | None:
 
 
 async def _practice_access_error(principal: Principal) -> str | None:
-    if (
-        principal.profile_completed_at is None
-        and not await user_onboarding_complete(principal.user_id)
+    if principal.profile_completed_at is None and not await user_onboarding_complete(
+        principal.user_id
     ):
         return "onboarding_required"
     if principal.consent_at is None and not await user_has_consent(principal.user_id):
@@ -763,7 +861,12 @@ async def _bind_session(
             persona_code=sess.persona.code,
             explicit_preset=explicit_preset,
         )
-        return session_id, vp, None, {"degraded": False, "persona_catalog_source": "session"}
+        return (
+            session_id,
+            vp,
+            None,
+            {"degraded": False, "persona_catalog_source": "session"},
+        )
 
     # persona_code session creation is local-dev only. Production uses REST start.
     if settings.environment != "dev":
@@ -815,9 +918,13 @@ async def _bind_session(
     )
     degraded_reasons: list[str] = []
     if catalog_persona.degraded:
-        degraded_reasons.append("카탈로그 원본을 확인하지 못해 음성 회기를 시작하지 않습니다")
+        degraded_reasons.append(
+            "카탈로그 원본을 확인하지 못해 음성 회기를 시작하지 않습니다"
+        )
     if session_source == "runtime":
-        degraded_reasons.append("세션 저장소 연결 전까지 비영구 개발 런타임 기록을 사용합니다")
+        degraded_reasons.append(
+            "세션 저장소 연결 전까지 비영구 개발 런타임 기록을 사용합니다"
+        )
     bind_meta = {
         "degraded": bool(degraded_reasons),
         "degraded_reason": "; ".join(degraded_reasons) if degraded_reasons else None,
@@ -906,7 +1013,9 @@ def _normalize_audio_upload(
         raise ValueError("pcm sample_width must be 2 bytes")
     return _wav_from_pcm16(
         audio,
-        sample_rate=_bounded_int(sample_rate, default=48000, minimum=8000, maximum=96000),
+        sample_rate=_bounded_int(
+            sample_rate, default=48000, minimum=8000, maximum=96000
+        ),
         channels=_bounded_int(channels, default=1, minimum=1, maximum=2),
     ), "wav"
 
diff --git a/apps/api/app/runtime_schema.py b/apps/api/app/runtime_schema.py
new file mode 100644
index 0000000..758c1bd
--- /dev/null
+++ b/apps/api/app/runtime_schema.py
@@ -0,0 +1,126 @@
+"""런타임 스키마 준비 상태 정책.
+
+권위 스키마는 ``infra/db/init/*.sql``이다. 앱 기동 중 불완전한 스키마 보정은 로컬 개발
+환경에서만 허용하고, 스테이징과 운영은 owner migration을 요구하며 fail-closed한다.
+"""
+
+from __future__ import annotations
+
+from dataclasses import dataclass
+from typing import Any, Protocol
+
+from .config import settings
+
+
+class SchemaConnection(Protocol):
+    async def fetchrow(self, query: str, *args: Any) -> Any: ...
+
+
+@dataclass(frozen=True, slots=True)
+class RuntimeSchemaContract:
+    component: str
+    relations: tuple[str, ...]
+    columns: tuple[str, ...] = ()
+    policies: tuple[str, ...] = ()
+
+
+REVIEW_SCHEMA_CONTRACT = RuntimeSchemaContract(
+    component="review/evaluation",
+    relations=(
+        "app.session_evaluation",
+        "app.case_worksheet",
+        "app.live_coach_events",
+        "app.safety_events",
+        "app.session_review_status",
+        "app.session_share_link",
+        "app.session_archive_state",
+    ),
+    columns=(
+        "app.live_coach_events.event_type",
+        "app.live_coach_events.credit_delta",
+        "app.live_coach_events.credit_balance",
+        "app.live_coach_events.reason",
+        "app.session_review_status.worksheet_status",
+        "app.session_review_status.worksheet_note",
+        "app.session_review_status.worksheet_reviewed_at",
+    ),
+    policies=(
+        "app.session_evaluation.p_session_evaluation_select",
+        "app.case_worksheet.p_case_worksheet_select",
+        "app.live_coach_events.p_live_coach_events_select",
+        "app.safety_events.p_safety_events_select",
+        "app.session_review_status.p_session_review_status_select",
+        "app.session_share_link.p_session_share_select",
+        "app.session_archive_state.p_session_archive_select",
+    ),
+)
+
+NOTIFICATION_SCHEMA_CONTRACT = RuntimeSchemaContract(
+    component="notification",
+    relations=("app.notification_event", "app.notification_delivery"),
+    policies=(
+        "app.notification_event.p_notification_event_admin_all",
+        "app.notification_delivery.p_notification_delivery_admin_all",
+    ),
+)
+
+
+async def schema_contract_ready(
+    conn: SchemaConnection,
+    contract: RuntimeSchemaContract,
+) -> bool:
+    row = await conn.fetchrow(
+        """
+        SELECT
+          NOT EXISTS (
+            SELECT 1
+            FROM unnest($1::text[]) AS required(relation_name)
+            WHERE to_regclass(required.relation_name) IS NULL
+          )
+          AND NOT EXISTS (
+            SELECT 1
+            FROM unnest($2::text[]) AS required(qualified_name)
+            WHERE NOT EXISTS (
+              SELECT 1
+              FROM information_schema.columns c
+              WHERE c.table_schema = split_part(required.qualified_name, '.', 1)
+                AND c.table_name = split_part(required.qualified_name, '.', 2)
+                AND c.column_name = split_part(required.qualified_name, '.', 3)
+            )
+          )
+          AND NOT EXISTS (
+            SELECT 1
+            FROM unnest($3::text[]) AS required(qualified_name)
+            WHERE NOT EXISTS (
+              SELECT 1
+              FROM pg_policies p
+              WHERE p.schemaname = split_part(required.qualified_name, '.', 1)
+                AND p.tablename = split_part(required.qualified_name, '.', 2)
+                AND p.policyname = split_part(required.qualified_name, '.', 3)
+            )
+          ) AS ready
+        """,
+        list(contract.relations),
+        list(contract.columns),
+        list(contract.policies),
+    )
+    return bool(row and row["ready"])
+
+
+def runtime_schema_bootstrap_required(
+    contract: RuntimeSchemaContract | str,
+    *,
+    ready: bool,
+) -> bool:
+    """로컬 보정 필요 여부를 반환하고, dev 외 환경에서는 불완전 스키마를 차단한다."""
+    if ready:
+        return False
+    component = (
+        contract.component if isinstance(contract, RuntimeSchemaContract) else contract
+    )
+    if settings.environment != "dev":
+        raise RuntimeError(
+            f"{component} runtime DB schema is incomplete; run owner migration/init and "
+            "scripts/check-deploy-preflight.py before starting the API"
+        )
+    return True
diff --git a/apps/api/app/services/dataset_export.py b/apps/api/app/services/dataset_export.py
index 478f116..3fce421 100644
--- a/apps/api/app/services/dataset_export.py
+++ b/apps/api/app/services/dataset_export.py
@@ -52,7 +52,9 @@ PII_PATTERNS: tuple[tuple[str, re.Pattern[str]], ...] = (
     ("email", re.compile(r"\b[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}\b", re.I)),
     (
         "phone",
-        re.compile(r"\b(?:\+?82[-. ]?)?(?:0?1[016789]|0[2-9]\d?)[-. ]?\d{3,4}[-. ]?\d{4}\b"),
+        re.compile(
+            r"\b(?:\+?82[-. ]?)?(?:0?1[016789]|0[2-9]\d?)[-. ]?\d{3,4}[-. ]?\d{4}\b"
+        ),
     ),
     ("national_id", re.compile(r"\b\d{6}[- ]?[1-4]\d{6}\b")),
     ("student_id", re.compile(r"\b20\d{2}[- ]?\d{4,8}\b")),
@@ -62,7 +64,12 @@ PII_PATTERNS: tuple[tuple[str, re.Pattern[str]], ...] = (
             r"(?i)\b(?:api[_-]?key|access[_-]?token|refresh[_-]?token|session[_-]?secret|cookie)\b\s*[:=]\s*\S+"
         ),
     ),
-    ("secret", re.compile(r"\b(?:sk-[A-Za-z0-9_-]{12,}|AIza[0-9A-Za-z_-]{20,}|xox[baprs]-[A-Za-z0-9-]+)\b")),
+    (
+        "secret",
+        re.compile(
+            r"\b(?:sk-[A-Za-z0-9_-]{12,}|AIza[0-9A-Za-z_-]{20,}|xox[baprs]-[A-Za-z0-9-]+)\b"
+        ),
+    ),
 )
 
 
@@ -155,7 +162,13 @@ def scan_for_pii(value: Any, path: str = "$") -> list[dict[str, Any]]:
             key = str(raw_key)
             next_path = f"{path}.{key}"
             if key.lower() in BLOCKED_FIELD_NAMES:
-                findings.append({"kind": "blocked_field", "path": next_path, "sample": f"<{key.lower()}>"})
+                findings.append(
+                    {
+                        "kind": "blocked_field",
+                        "path": next_path,
+                        "sample": f"<{key.lower()}>",
+                    }
+                )
             findings.extend(scan_for_pii(item, next_path))
         return findings
     if isinstance(value, list):
@@ -195,11 +208,19 @@ def build_dataset_record(
         "speaker": row.get("speaker") or "",
         "text_masked": text_masked,
         "techniques": json_safe(normalize_json_value(row.get("techniques") or [])),
-        "client_states": json_safe(normalize_json_value(row.get("client_states") or [])),
-        "feedback_scores": json_safe(normalize_json_value(row.get("feedback_scores") or [])),
-        "supervisor_comments": export_safe_supervisor_comments(row.get("supervisor_comments") or []),
+        "client_states": json_safe(
+            normalize_json_value(row.get("client_states") or [])
+        ),
+        "feedback_scores": json_safe(
+            normalize_json_value(row.get("feedback_scores") or [])
+        ),
+        "supervisor_comments": export_safe_supervisor_comments(
+            row.get("supervisor_comments") or []
+        ),
         "source_refs": {
-            "session_started_at": json_safe(row.get("session_started_at") or row.get("started_at")),
+            "session_started_at": json_safe(
+                row.get("session_started_at") or row.get("started_at")
+            ),
             "export_manifest_id": export_manifest_id,
         },
         "privacy": {
@@ -214,7 +235,14 @@ def write_jsonl(records: Sequence[Mapping[str, Any]], path: Path) -> None:
     path.parent.mkdir(parents=True, exist_ok=True)
     with path.open("w", encoding="utf-8", newline="\n") as handle:
         for record in records:
-            handle.write(json.dumps(json_safe(record), ensure_ascii=False, sort_keys=True, separators=(",", ":")))
+            handle.write(
+                json.dumps(
+                    json_safe(record),
+                    ensure_ascii=False,
+                    sort_keys=True,
+                    separators=(",", ":"),
+                )
+            )
             handle.write("\n")
 
 
@@ -226,7 +254,9 @@ def sha256_file(path: Path) -> str:
     return digest.hexdigest()
 
 
-def cohen_kappa(annotations: Iterable[Mapping[str, Any]], label_key: str) -> float | None:
+def cohen_kappa(
+    annotations: Iterable[Mapping[str, Any]], label_key: str
+) -> float | None:
     pairs: list[tuple[Any, Any]] = []
     by_item: dict[Any, list[Any]] = defaultdict(list)
     for annotation in annotations:
@@ -244,13 +274,18 @@ def cohen_kappa(annotations: Iterable[Mapping[str, Any]], label_key: str) -> flo
     observed = sum(1 for left, right in pairs if left == right) / total
     left_counts = Counter(left for left, _ in pairs)
     right_counts = Counter(right for _, right in pairs)
-    expected = sum((left_counts[label] / total) * (right_counts[label] / total) for label in set(left_counts) | set(right_counts))
+    expected = sum(
+        (left_counts[label] / total) * (right_counts[label] / total)
+        for label in set(left_counts) | set(right_counts)
+    )
     if math.isclose(1.0, expected):
         return 1.0 if math.isclose(1.0, observed) else None
     return round((observed - expected) / (1.0 - expected), 4)
 
 
-def intraclass_correlation(annotations: Iterable[Mapping[str, Any]], score_key: str) -> float | None:
+def intraclass_correlation(
+    annotations: Iterable[Mapping[str, Any]], score_key: str
+) -> float | None:
     by_item: dict[Any, list[float]] = defaultdict(list)
     for annotation in annotations:
         labels = normalize_json_value(annotation.get("labels") or {})
@@ -275,7 +310,9 @@ def intraclass_correlation(annotations: Iterable[Mapping[str, Any]], score_key:
     residual = 0.0
     for row_index, row in enumerate(matrix):
         for col_index, value in enumerate(row):
-            residual += (value - row_means[row_index] - col_means[col_index] + grand_mean) ** 2
+            residual += (
+                value - row_means[row_index] - col_means[col_index] + grand_mean
+            ) ** 2
     mse = residual / ((n - 1) * (k - 1))
     denominator = msr + (k - 1) * mse + (k * (msc - mse) / n)
     if math.isclose(denominator, 0.0):
@@ -284,7 +321,9 @@ def intraclass_correlation(annotations: Iterable[Mapping[str, Any]], score_key:
 
 
 def infer_source_window(records: Sequence[Mapping[str, Any]]) -> dict[str, Any]:
-    starts = [record.get("source_refs", {}).get("session_started_at") for record in records]
+    starts = [
+        record.get("source_refs", {}).get("session_started_at") for record in records
+    ]
     starts = [value for value in starts if value]
     return {
         "started_at": min(starts) if starts else "",
@@ -292,35 +331,39 @@ def infer_source_window(records: Sequence[Mapping[str, Any]]) -> dict[str, Any]:
     }
 
 
-def build_manifest(
-    *,
-    export_id: str,
-    dataset_name: str,
-    export_status: str,
-    purpose: str,
-    records: Sequence[Mapping[str, Any]],
-    jsonl_path: str,
-    jsonl_sha256: str,
-    pii_findings: Sequence[Mapping[str, Any]],
-    participants_included: int,
-    participants_excluded: int = 0,
-    cohort_id: str = "phase3",
-    consent_version: str = "",
-    agreement: Mapping[str, Any] | None = None,
-    approvals: Mapping[str, str] | None = None,
-    known_limitations: Sequence[str] | None = None,
-    created_at: datetime | None = None,
-) -> dict[str, Any]:
-    if export_status not in EXPORT_STATUSES:
-        raise ValueError(f"unsupported export_status: {export_status}")
+@dataclass(frozen=True, slots=True)
+class DatasetManifestInput:
+    """Approved/dry-run dataset artifact metadata crossing the export boundary."""
+
+    export_id: str
+    dataset_name: str
+    export_status: str
+    purpose: str
+    records: Sequence[Mapping[str, Any]]
+    jsonl_path: str
+    jsonl_sha256: str
+    pii_findings: Sequence[Mapping[str, Any]]
+    participants_included: int
+    participants_excluded: int = 0
+    cohort_id: str = "phase3"
+    consent_version: str = ""
+    agreement: Mapping[str, Any] | None = None
+    approvals: Mapping[str, str] | None = None
+    known_limitations: Sequence[str] | None = None
+    created_at: datetime | None = None
+
+
+def build_manifest(spec: DatasetManifestInput) -> dict[str, Any]:
+    if spec.export_status not in EXPORT_STATUSES:
+        raise ValueError(f"unsupported export_status: {spec.export_status}")
 
     agreement_payload = {
         "kappa": None,
         "icc": None,
         "gold_status": "not_gold",
     }
-    if agreement:
-        agreement_payload.update(dict(agreement))
+    if spec.agreement:
+        agreement_payload.update(dict(spec.agreement))
 
     approvals_payload = {
         "data_steward": "",
@@ -328,23 +371,27 @@ def build_manifest(
         "technical_operator": "",
         "approved_at": "",
     }
-    if approvals:
-        approvals_payload.update({key: value for key, value in approvals.items() if value is not None})
+    if spec.approvals:
+        approvals_payload.update(
+            {key: value for key, value in spec.approvals.items() if value is not None}
+        )
 
-    pii_status = "pass" if not pii_findings else "fail"
-    limitations = list(known_limitations or [])
-    if export_status != APPROVED_EXPORT_STATUS:
-        limitations.append("technical dry-run only; data-steward/legal approval is not complete")
-    if pii_findings:
+    pii_status = "pass" if not spec.pii_findings else "fail"
+    limitations = list(spec.known_limitations or [])
+    if spec.export_status != APPROVED_EXPORT_STATUS:
+        limitations.append(
+            "technical dry-run only; data-steward/legal approval is not complete"
+        )
+    if spec.pii_findings:
         limitations.append("PII scan found records requiring reviewer disposition")
 
     manifest = {
-        "export_id": export_id,
-        "dataset_name": dataset_name,
-        "export_status": export_status,
-        "created_at": json_safe(created_at or datetime.now(UTC)),
-        "purpose": purpose,
-        "source_window": infer_source_window(records),
+        "export_id": spec.export_id,
+        "dataset_name": spec.dataset_name,
+        "export_status": spec.export_status,
+        "created_at": json_safe(spec.created_at or datetime.now(UTC)),
+        "purpose": spec.purpose,
+        "source_window": infer_source_window(spec.records),
         "source_tables": [
             "app.sessions",
             "app.turns",
@@ -356,17 +403,17 @@ def build_manifest(
             "ds.export_manifest",
         ],
         "selection_criteria": {
-            "cohort_id": cohort_id,
+            "cohort_id": spec.cohort_id,
             "min_completed_sessions": 0,
             "include_withdrawn": False,
             "excluded_safety_scope": ["self_harm_scenario_primary"],
         },
         "consent_scope": {
-            "consent_version": consent_version,
+            "consent_version": spec.consent_version,
             "allowed_uses": ["education_quality_review", "recursive_learning_seed"],
             "withdrawal_cutoff_applied_at": "",
-            "participants_included": participants_included,
-            "participants_excluded": participants_excluded,
+            "participants_included": spec.participants_included,
+            "participants_excluded": spec.participants_excluded,
         },
         "anonymization": {
             "participant_key": "pseudonymous export key; no identity map included",
@@ -379,14 +426,14 @@ def build_manifest(
             "version": "1",
             "ran_at": json_safe(datetime.now(UTC)),
             "status": pii_status,
-            "findings": [json_safe(finding) for finding in pii_findings],
+            "findings": [json_safe(finding) for finding in spec.pii_findings],
         },
         "agreement": agreement_payload,
         "files": [
             {
-                "path": jsonl_path,
-                "rows": len(records),
-                "sha256": jsonl_sha256,
+                "path": spec.jsonl_path,
+                "rows": len(spec.records),
+                "sha256": spec.jsonl_sha256,
                 "schema": DATASET_ITEM_SCHEMA,
             }
         ],
@@ -411,13 +458,28 @@ def validate_manifest_gate(manifest: Mapping[str, Any]) -> None:
     if (agreement.get("icc") or 0) < 0.75:
         errors.append("ICC must be >= 0.75")
     selection_criteria = manifest.get("selection_criteria") or {}
-    if not isinstance(selection_criteria, Mapping) or selection_criteria.get("include_withdrawn") is not False:
+    if (
+        not isinstance(selection_criteria, Mapping)
+        or selection_criteria.get("include_withdrawn") is not False
+    ):
         errors.append("include_withdrawn must be false")
     consent_scope = manifest.get("consent_scope") or {}
-    allowed_uses = consent_scope.get("allowed_uses") if isinstance(consent_scope, Mapping) else None
-    if not isinstance(allowed_uses, list) or "recursive_learning_seed" not in allowed_uses:
+    allowed_uses = (
+        consent_scope.get("allowed_uses")
+        if isinstance(consent_scope, Mapping)
+        else None
+    )
+    if (
+        not isinstance(allowed_uses, list)
+        or "recursive_learning_seed" not in allowed_uses
+    ):
         errors.append("recursive_learning_seed consent scope is required")
-    for key in ("data_steward", "legal_or_privacy_reviewer", "technical_operator", "approved_at"):
+    for key in (
+        "data_steward",
+        "legal_or_privacy_reviewer",
+        "technical_operator",
+        "approved_at",
+    ):
         if not str(approvals.get(key) or "").strip():
             errors.append(f"approval missing: {key}")
     if errors:
diff --git a/apps/api/app/services/evaluation_contract.py b/apps/api/app/services/evaluation_contract.py
new file mode 100644
index 0000000..2e730d2
--- /dev/null
+++ b/apps/api/app/services/evaluation_contract.py
@@ -0,0 +1,25 @@
+"""Shared fast-loop evaluation labels and explicit score projections."""
+
+from __future__ import annotations
+
+from typing import Literal
+
+Appropriateness = Literal["pos", "warn", "neutral"]
+APPROPRIATENESS_VALUES: tuple[Appropriateness, ...] = ("pos", "warn", "neutral")
+
+# Persistence uses the rubric's 1..5 scale. Keep this projection distinct from
+# the learner-growth 0..1 normalization below.
+PERSISTED_APPROPRIATENESS_SCORE_5PT: dict[Appropriateness, float] = {
+    "warn": 1.0,
+    "neutral": 3.0,
+    "pos": 5.0,
+}
+
+# ``neg`` is retained only for legacy stored evaluations; current evaluator
+# output is restricted to APPROPRIATENESS_VALUES.
+GROWTH_APPROPRIATENESS_SCORE_01: dict[str, float] = {
+    "neg": 0.0,
+    "warn": 0.25,
+    "neutral": 0.5,
+    "pos": 1.0,
+}
diff --git a/apps/api/app/services/evaluator.py b/apps/api/app/services/evaluator.py
index dc6cd7d..d616ac7 100644
--- a/apps/api/app/services/evaluator.py
+++ b/apps/api/app/services/evaluator.py
@@ -49,15 +49,16 @@ from ..taxonomy import (
     TECHNIQUE_CATEGORY,
     TECHNIQUE_KO,
     ClientState,
-    CommentKind,
     Technique,
     TechniqueCategory,
     speaker_ko_label,
 )
 from . import guardrail
+from .evaluation_contract import APPROPRIATENESS_VALUES, Appropriateness
+from .llm_audit import LlmAuditHook, generate_with_audit
 
 if TYPE_CHECKING:  # 런타임 import 회피(순환·소유권 경계). 타입 힌트 전용.
-    from .orchestrator import LlmAuditHook, TurnContext
+    from .orchestrator import TurnContext
 
 
 # ════════════════════════════════════════════════════════════════════════════
@@ -66,11 +67,12 @@ if TYPE_CHECKING:  # 런타임 import 회피(순환·소유권 경계). 타입 
 # LLM 은 후보로 한글 라벨을 받지만, 코드값(value)을 돌려줄 수도 있어 둘 다 받는다.
 _TECHNIQUE_BY_KO: dict[str, Technique] = {ko: t for t, ko in TECHNIQUE_KO.items()}
 _TECHNIQUE_BY_CODE: dict[str, Technique] = {t.value: t for t in Technique}
-_CLIENT_STATE_BY_KO: dict[str, ClientState] = {ko: s for s, ko in CLIENT_STATE_KO.items()}
+_CLIENT_STATE_BY_KO: dict[str, ClientState] = {
+    ko: s for s, ko in CLIENT_STATE_KO.items()
+}
 _CLIENT_STATE_BY_CODE: dict[str, ClientState] = {s.value: s for s in ClientState}
 
 # 적절성 신호 — fast-loop 의 경량 판단(상태머신 라포 추정과 별개 차원).
-_APPROPRIATENESS = ("pos", "warn", "neutral")
 # 의도이탈 심각도 (taxonomy.SupervisorComment.severity 와 동일 어휘).
 _SEVERITY = ("minor", "moderate", "major")
 
@@ -207,17 +209,17 @@ class IntentDeviation(BaseModel):
 class TechniqueTag(BaseModel):
     """fast-loop 기법 태그 1건 — taxonomy.Technique 코드 + 한글 + 군집 + 근거."""
 
-    code: str                       # taxonomy.Technique.value
-    label_ko: str                   # TECHNIQUE_KO
-    category: str                   # TechniqueCategory.value (분포 집계축)
+    code: str  # taxonomy.Technique.value
+    label_ko: str  # TECHNIQUE_KO
+    category: str  # TechniqueCategory.value (분포 집계축)
     rationale: Optional[str] = None  # 왜 이 기법으로 봤는지(근거 요구)
 
 
 class ClientStateRead(BaseModel):
     """내담자 상태 '읽기' — 학습자 발화 직후 내담자 응답에서 관측된 상태(읽기 채점 근거)."""
 
-    code: str                       # taxonomy.ClientState.value
-    label_ko: str                   # CLIENT_STATE_KO
+    code: str  # taxonomy.ClientState.value
+    label_ko: str  # CLIENT_STATE_KO
     rationale: Optional[str] = None
 
 
@@ -236,12 +238,14 @@ class TurnEvaluation(BaseModel):
     stage: str
     techniques: list[TechniqueTag] = Field(default_factory=list)
     client_state_read: list[ClientStateRead] = Field(default_factory=list)
-    appropriateness: str = "neutral"         # pos | warn | neutral
+    appropriateness: Appropriateness = "neutral"
     appropriateness_note: Optional[str] = None
     intent_deviation: Optional[IntentDeviation] = None  # 있을 때만(1급 시민)
-    rapport_signal: Optional[float] = None   # 평가 AI 가 본 라포 신호(−1~+1, 상태머신 주입 가능)
+    rapport_signal: Optional[float] = (
+        None  # 평가 AI 가 본 라포 신호(−1~+1, 상태머신 주입 가능)
+    )
     theory_mode: Optional[str] = None
-    error: Optional[str] = None              # 평가 실패 시 사유(비치명적; None 이면 정상)
+    error: Optional[str] = None  # 평가 실패 시 사유(비치명적; None 이면 정상)
 
     def to_hook_dict(self) -> dict[str, Any]:
         """orchestrator.EvalHook 가 기대하는 평가 dict(turns.evaluation 적재용)."""
@@ -251,10 +255,12 @@ class TurnEvaluation(BaseModel):
 class TechniqueDistribution(BaseModel):
     """deep-loop 기법 분포 — 군집별 카운트 + 과다/과소 진단."""
 
-    by_category: dict[str, int] = Field(default_factory=dict)   # category.value -> count
-    by_technique: dict[str, int] = Field(default_factory=dict)  # technique.value -> count
+    by_category: dict[str, int] = Field(default_factory=dict)  # category.value -> count
+    by_technique: dict[str, int] = Field(
+        default_factory=dict
+    )  # technique.value -> count
     total: int = 0
-    overused: list[str] = Field(default_factory=list)   # 과다 사용 군집(category.value)
+    overused: list[str] = Field(default_factory=list)  # 과다 사용 군집(category.value)
     underused: list[str] = Field(default_factory=list)  # 과소/미사용 군집
 
 
@@ -266,15 +272,15 @@ class SessionEvaluation(BaseModel):
 
     loop: str = "deep"
     session_id: str
-    stage: str                          # 평가 시점 단계(전환 트리거면 from-stage)
-    scope: str = "session_end"          # 'session_end' | 'stage_transition'
+    stage: str  # 평가 시점 단계(전환 트리거면 from-stage)
+    scope: str = "session_end"  # 'session_end' | 'stage_transition'
     turns_evaluated: int = 0
     distribution: TechniqueDistribution = Field(default_factory=TechniqueDistribution)
-    strengths: list[str] = Field(default_factory=list)        # 잘한 순간(근거 포함 문장)
-    improvements: list[str] = Field(default_factory=list)     # 개선점(최대 3)
+    strengths: list[str] = Field(default_factory=list)  # 잘한 순간(근거 포함 문장)
+    improvements: list[str] = Field(default_factory=list)  # 개선점(최대 3)
     intent_deviations: list[IntentDeviation] = Field(default_factory=list)
-    supervisor_rationale: Optional[str] = None   # CommentKind.RATIONALE 종합
-    supervisor_critique: Optional[str] = None    # CommentKind.CRITIQUE 종합
+    supervisor_rationale: Optional[str] = None  # CommentKind.RATIONALE 종합
+    supervisor_critique: Optional[str] = None  # CommentKind.CRITIQUE 종합
     alternative_utterances: list[str] = Field(default_factory=list)  # 대안 발화 제시
     theory_mode: Optional[str] = None
     error: Optional[str] = None
@@ -324,7 +330,7 @@ def _fast_schema() -> dict[str, Any]:
                     "required": ["code"],
                 },
             },
-            "appropriateness": {"type": "string", "enum": list(_APPROPRIATENESS)},
+            "appropriateness": {"type": "string", "enum": list(APPROPRIATENESS_VALUES)},
             "appropriateness_note": {"type": "string"},
             "rapport_signal": {"type": "number", "minimum": -1, "maximum": 1},
             "intent_deviation": {
@@ -350,7 +356,11 @@ def _deep_schema() -> dict[str, Any]:
         "additionalProperties": False,
         "properties": {
             "strengths": {"type": "array", "items": {"type": "string"}},
-            "improvements": {"type": "array", "items": {"type": "string"}, "maxItems": 3},
+            "improvements": {
+                "type": "array",
+                "items": {"type": "string"},
+                "maxItems": 3,
+            },
             "intent_deviations": {
                 "type": "array",
                 "items": {
@@ -405,7 +415,9 @@ def _client_state_candidates_block() -> str:
 
 # ─ few-shot 골든셋 예시(data/golden) — 명시적으로 켠 환경에서만 로딩 ─────────
 # 골든셋은 학습/평가 보정 자료이지 운영 런타임의 기본 데이터가 아니다.
-_GOLDEN_FEWSHOT_ENABLED = os.environ.get("EVALUATOR_GOLDEN_FEWSHOT_ENABLED", "").lower() in {
+_GOLDEN_FEWSHOT_ENABLED = os.environ.get(
+    "EVALUATOR_GOLDEN_FEWSHOT_ENABLED", ""
+).lower() in {
     "1",
     "true",
     "yes",
@@ -456,7 +468,11 @@ def _fewshot_block() -> str:
         techs = ",".join(e.get("techniques", []))
         text = (e.get("text") or "").replace("\n", " ")[:70]
         rat = next(
-            (c.get("text", "") for c in e.get("comments", []) if c.get("kind") == "rationale"),
+            (
+                c.get("text", "")
+                for c in e.get("comments", [])
+                if c.get("kind") == "rationale"
+            ),
             "",
         )
         line = f'- "{text}…" → {techs}'
@@ -482,10 +498,13 @@ def build_fast_messages(ctx: "TurnContext", client_reply: str) -> list[EngineMes
     st = ctx.state_after or ctx.state_before
     theory = _theory_mode(ctx)
     client_reply_masked = guardrail.mask_pii(client_reply).text_masked
-    recent = "\n".join(
-        f"{speaker_ko_label(t.get('speaker'))}: {t.get('text', '')}"
-        for t in (ctx.memory.recent_turns or [])[-4:]
-    ) or "(직전 맥락 없음)"
+    recent = (
+        "\n".join(
+            f"{speaker_ko_label(t.get('speaker'))}: {t.get('text', '')}"
+            for t in (ctx.memory.recent_turns or [])[-4:]
+        )
+        or "(직전 맥락 없음)"
+    )
 
     crisis_note = ""
     if ctx.crisis is not None and getattr(ctx.crisis, "escalate", False):
@@ -495,7 +514,8 @@ def build_fast_messages(ctx: "TurnContext", client_reply: str) -> list[EngineMes
         )
 
     system = "\n\n".join(
-        p for p in [
+        p
+        for p in [
             _EVAL_ROLE,
             _technique_candidates_block(),
             _client_state_candidates_block(),
@@ -509,7 +529,8 @@ def build_fast_messages(ctx: "TurnContext", client_reply: str) -> list[EngineMes
                 "없으면 null. 이 항목은 가장 중요하다 — 무리한 생성 금지, 진짜 이탈만.\n"
                 "추가로 rapport_signal(−1~+1): 이 발화가 라포에 끼친 방향(공감·반영=+, 조언점프·평가=−)."
             ),
-        ] if p
+        ]
+        if p
     )
 
     user = (
@@ -537,11 +558,16 @@ def build_deep_messages(
     distribution: "TechniqueDistribution",
 ) -> list[EngineMessage]:
     """deep-loop 평가 프롬프트(전체 회기 + 코드 집계 분포 + 골든라벨 후보)."""
-    transcript = "\n".join(
-        f"{t.get('seq', '')}{speaker_ko_label(t.get('speaker'))}: {t.get('text', '')}"
-        for t in masked_turns
-    ) or "(축어록 없음)"
-    dist_lines = ", ".join(f"{k}:{v}" for k, v in distribution.by_category.items()) or "(없음)"
+    transcript = (
+        "\n".join(
+            f"{t.get('seq', '')}{speaker_ko_label(t.get('speaker'))}: {t.get('text', '')}"
+            for t in masked_turns
+        )
+        or "(축어록 없음)"
+    )
+    dist_lines = (
+        ", ".join(f"{k}:{v}" for k, v in distribution.by_category.items()) or "(없음)"
+    )
     over = ", ".join(distribution.overused) or "(없음)"
     under = ", ".join(distribution.underused) or "(없음)"
 
@@ -590,8 +616,9 @@ def _parse_intent_deviation(d: Any) -> Optional[IntentDeviation]:
     return IntentDeviation(dimension=dim, expected=exp, actual=act, severity=sev)
 
 
-def _parse_fast(payload: dict[str, Any], *, turn_seq: int, stage: str,
-                theory: Optional[str]) -> TurnEvaluation:
+def _parse_fast(
+    payload: dict[str, Any], *, turn_seq: int, stage: str, theory: Optional[str]
+) -> TurnEvaluation:
     techniques: list[TechniqueTag] = []
     for item in payload.get("techniques") or []:
         if not isinstance(item, dict):
@@ -604,7 +631,9 @@ def _parse_fast(payload: dict[str, Any], *, turn_seq: int, stage: str,
                 code=t.value,
                 label_ko=TECHNIQUE_KO[t],
                 category=TECHNIQUE_CATEGORY[t].value,
-                rationale=(str(item.get("rationale")).strip() or None) if item.get("rationale") else None,
+                rationale=(str(item.get("rationale")).strip() or None)
+                if item.get("rationale")
+                else None,
             )
         )
 
@@ -619,12 +648,14 @@ def _parse_fast(payload: dict[str, Any], *, turn_seq: int, stage: str,
             ClientStateRead(
                 code=s.value,
                 label_ko=CLIENT_STATE_KO[s],
-                rationale=(str(item.get("rationale")).strip() or None) if item.get("rationale") else None,
+                rationale=(str(item.get("rationale")).strip() or None)
+                if item.get("rationale")
+                else None,
             )
         )
 
     appro = str(payload.get("appropriateness") or "neutral").strip()
-    if appro not in _APPROPRIATENESS:
+    if appro not in APPROPRIATENESS_VALUES:
         appro = "neutral"
 
     rapport = payload.get("rapport_signal")
@@ -706,7 +737,9 @@ async def evaluate_turn(
     """
     st = ctx.state_after or ctx.state_before
     theory = _theory_mode(ctx)
-    base = TurnEvaluation(loop="fast", turn_seq=st.turn_seq, stage=st.stage.value, theory_mode=theory)
+    base = TurnEvaluation(
+        loop="fast", turn_seq=st.turn_seq, stage=st.stage.value, theory_mode=theory
+    )
 
     try:
         req = GenerateRequest(
@@ -715,7 +748,7 @@ async def evaluate_turn(
             structured_schema=_fast_schema(),
             model=_configured_model(settings.evaluator_fast_model),
             max_tokens=900,
-            temperature=0.2,                # 평가는 보수적·재현적으로
+            temperature=0.2,  # 평가는 보수적·재현적으로
             session_id=ctx.session_id,
             metadata={"loop": "fast", "stage": st.stage.value, "turn_seq": st.turn_seq},
         )
@@ -723,20 +756,7 @@ async def evaluate_turn(
         cached = _evaluator_cache_get(cache_key)
         if cached is not None:
             return TurnEvaluation.model_validate(cached)
-        started = time.perf_counter()
-        resp = await engine.generate(req)
-        latency_ms = int((time.perf_counter() - started) * 1000)
-        await _record_llm_audit(
-            audit_hook,
-            session_id=ctx.session_id,
-            provider=resp.provider,
-            model=resp.model,
-            tokens_in=resp.tokens_in,
-            tokens_out=resp.tokens_out,
-            cost_usd=resp.cost_usd,
-            inference_geo=resp.inference_geo,
-            latency_ms=latency_ms,
-        )
+        resp = await generate_with_audit(engine, req, audit_hook)
     except EngineError:
         base.error = "engine_error"
         return base
@@ -749,7 +769,9 @@ async def evaluate_turn(
         base.error = "no_structured_output"
         return base
     try:
-        result = _parse_fast(payload, turn_seq=st.turn_seq, stage=st.stage.value, theory=theory)
+        result = _parse_fast(
+            payload, turn_seq=st.turn_seq, stage=st.stage.value, theory=theory
+        )
         _evaluator_cache_put(cache_key, result.model_dump())
         return result
     except Exception:  # 파싱 방어
@@ -806,20 +828,7 @@ async def evaluate_session(
         cached = _evaluator_cache_get(cache_key)
         if cached is not None:
             return SessionEvaluation.model_validate(cached)
-        started = time.perf_counter()
-        resp = await engine.generate(req)
-        latency_ms = int((time.perf_counter() - started) * 1000)
-        await _record_llm_audit(
-            audit_hook,
-            session_id=session_id,
-            provider=resp.provider,
-            model=resp.model,
-            tokens_in=resp.tokens_in,
-            tokens_out=resp.tokens_out,
-            cost_usd=resp.cost_usd,
-            inference_geo=resp.inference_geo,
-            latency_ms=latency_ms,
-        )
+        resp = await generate_with_audit(engine, req, audit_hook)
     except EngineError as e:
         base.error = f"engine_error: {e}"
         return base
@@ -834,7 +843,9 @@ async def evaluate_session(
 
     base.strengths = _coerce_str_list(payload.get("strengths"))
     base.improvements = _coerce_str_list(payload.get("improvements"))[:3]  # 최대 3
-    base.alternative_utterances = _coerce_str_list(payload.get("alternative_utterances"))
+    base.alternative_utterances = _coerce_str_list(
+        payload.get("alternative_utterances")
+    )
     rationale = payload.get("supervisor_rationale")
     critique = payload.get("supervisor_critique")
     base.supervisor_rationale = str(rationale).strip() if rationale else None
@@ -850,18 +861,6 @@ async def evaluate_session(
 # ════════════════════════════════════════════════════════════════════════════
 # 7. orchestrator EvalHook 어댑터 — 주입형 클로저(엔진 바인딩)
 # ════════════════════════════════════════════════════════════════════════════
-async def _record_llm_audit(
-    audit_hook: Optional["LlmAuditHook"],
-    **payload: Any,
-) -> None:
-    if audit_hook is None:
-        return
-    try:
-        await audit_hook(payload)
-    except Exception:
-        return
-
-
 def make_eval_hook(
     engine: EngineClient,
     *,
@@ -874,7 +873,9 @@ def make_eval_hook(
     """
 
     async def _hook(ctx: "TurnContext", client_reply: str) -> Optional[dict[str, Any]]:
-        ev = await evaluate_turn(ctx, client_reply, engine=engine, audit_hook=audit_hook)
+        ev = await evaluate_turn(
+            ctx, client_reply, engine=engine, audit_hook=audit_hook
+        )
         d = ev.to_hook_dict()
         return d if d else None
 
diff --git a/apps/api/app/services/guardrail.py b/apps/api/app/services/guardrail.py
index ed3a214..40f66cf 100644
--- a/apps/api/app/services/guardrail.py
+++ b/apps/api/app/services/guardrail.py
@@ -370,9 +370,12 @@ def classify_crisis(text: str, *, speaker_is_persona_context: bool = True) -> Cr
 # 3. 출력 가드레일 (내담자 AI 응답 — 자살수단 차단, ideation 상한 R5)
 # ════════════════════════════════════════════════════════════════════════════
 # 자살/자해 '수단·방법' 정보 패턴 (절대 출력 금지). 정서 표현은 허용.
+# 1.1 확장(2026-07-15): DBT 자해 페르소나 대비 자해 도구·방법 어휘 보강.
+# 과차단 주의 — "선을 긋다"(경계 설정) 같은 정상 상담 표현과 겹치지 않는 조합만 추가.
 _MEANS_TERMS = [
     "약을 얼마나", "몇 알", "몇 정", "투신", "목을 매", "목 매", "번개탄", "농약",
     "손목을", "칼로", "뛰어내리", "수면제 ", "독", "방법은", "어떻게 죽",
+    "커터", "면도날", "손목 긋", "깊게 그으", "라이터로 지",
 ]
 _DISPLAY_PLACEHOLDER_LABELS = {
     "NAME": "그 이름",
diff --git a/apps/api/app/services/live_coach.py b/apps/api/app/services/live_coach.py
index 7730968..48520ce 100644
--- a/apps/api/app/services/live_coach.py
+++ b/apps/api/app/services/live_coach.py
@@ -136,6 +136,10 @@ class LiveCoachInput(BaseModel):
     client_reply: Optional[str] = None
     recent_turns: list[dict[str, str]] = Field(default_factory=list)
     evaluation: Optional[dict[str, Any]] = None
+    # 이번 회기 목표 단계(P1 준비 페이지 선택) — 코칭을 회기 목표에 정렬한다.
+    goal_stages: list[str] = Field(default_factory=list)
+    # 직전 코칭 요약(title/focus) — 같은 조언 반복을 막는다.
+    prior_coach: list[dict[str, str]] = Field(default_factory=list)
 
 
 class LiveCoachGrounding(BaseModel):
@@ -529,7 +533,17 @@ def _fallback_suggestion(
     focus: CoachFocus = "exploration"
     title = "다음 탐색"
     message = "내담자 표현을 한 번 반영한 뒤, 방금 말한 장면을 더 구체적으로 물어봐라."
-    next_line = "방금 말한 그 장면이 언제부터 특히 힘들게 느껴졌는지 조금만 더 들려줄래요?"
+    # 단계별 기본 다음 발화 — 폴백에서도 회기 흐름에 맞는 제안을 낸다.
+    stage_next_lines = {
+        "라포": "오늘 이렇게 시간 내줘서 고마워요. 지금 마음이 어떤지 편한 만큼만 들려줄래요?",
+        "탐색": "방금 말한 그 장면이 언제부터 특히 힘들게 느껴졌는지 조금만 더 들려줄래요?",
+        "개입": "그 생각이 올라올 때 몸이나 행동은 어떻게 반응하는지 같이 한번 살펴볼까요?",
+        "정리": "오늘 나눈 이야기 중에 가장 마음에 남는 것 하나를 같이 정리해 볼까요?",
+    }
+    next_line = stage_next_lines.get(
+        str(item.stage),
+        "방금 말한 그 장면이 언제부터 특히 힘들게 느껴졌는지 조금만 더 들려줄래요?",
+    )
 
     crisis = guardrail.classify_crisis(text)
     if crisis.kind != guardrail.CrisisKind.NONE:
@@ -633,10 +647,21 @@ def _messages(item: LiveCoachInput, grounding: list[LiveCoachGrounding]) -> list
         "영역의 구체 행동으로 연결한다. DSM/지침 근거는 상담자 판단을 정렬하는 내부 참조이며, "
         "학습자에게는 관찰 가능한 상담 행동과 다음 발화로만 번역한다."
     )
+    goals = ", ".join(item.goal_stages) if item.goal_stages else "(미지정)"
+    prior = (
+        "\n".join(
+            f"- {entry.get('title', '')} (focus: {entry.get('focus', '')})"
+            for entry in item.prior_coach[-2:]
+            if entry.get("title")
+        )
+        or "(이번 회기 첫 코칭)"
+    )
     user = (
         f"[세션] {item.session_id} / turn {item.turn_seq}\n"
         f"[내담자] {item.persona_name} ({item.persona_code})\n"
-        f"[단계] {item.stage} / openness {item.effective_openness:.2f} / 이론 {item.theory_mode}\n\n"
+        f"[단계] {item.stage} / openness {item.effective_openness:.2f} / 이론 {item.theory_mode}\n"
+        f"[이번 회기 목표 단계] {goals} — 코칭은 목표 단계 작업에 정렬하고, 목표를 이미 이뤘다면 심화를 제안한다.\n"
+        f"[직전 코칭]\n{prior}\n(같은 조언을 반복하지 말고 다음 단계를 제시한다)\n\n"
         f"[최근 맥락]\n{recent}\n\n"
         f"[이번 상담자 발화]\n{learner_masked}\n\n"
         f"[이어진 내담자 응답]\n{client_masked or '(아직 없음)'}\n\n"
@@ -654,13 +679,14 @@ def _messages(item: LiveCoachInput, grounding: list[LiveCoachGrounding]) -> list
 async def _record_llm_audit(
     audit_hook: Optional["LlmAuditHook"],
     **payload: Any,
-) -> None:
+) -> bool:
     if audit_hook is None:
-        return
+        return True
     try:
-        await audit_hook(payload)
+        result = await audit_hook(payload)
+        return result is not False
     except Exception:
-        return
+        return False
 
 
 async def generate_live_coaching(
@@ -691,7 +717,7 @@ async def generate_live_coaching(
         )
         resp = await engine.generate(req)
         latency_ms = int((time.perf_counter() - started) * 1000)
-        await _record_llm_audit(
+        audit_ok = await _record_llm_audit(
             audit_hook,
             session_id=item.session_id,
             provider=resp.provider,
@@ -702,6 +728,12 @@ async def generate_live_coaching(
             inference_geo=resp.inference_geo,
             latency_ms=latency_ms,
         )
+        if not audit_ok:
+            return _fallback_suggestion(
+                item,
+                grounding=all_grounding,
+                reason="응답 검증 기록을 남기지 못했다",
+            )
         payload = structured_payload_from_response(resp)
         if payload is None:
             return _fallback_suggestion(
diff --git a/apps/api/app/services/llm_audit.py b/apps/api/app/services/llm_audit.py
new file mode 100644
index 0000000..6af24db
--- /dev/null
+++ b/apps/api/app/services/llm_audit.py
@@ -0,0 +1,47 @@
+"""LLM 호출 계량과 감사 훅의 공통 실행 경로."""
+
+from __future__ import annotations
+
+import time
+from collections.abc import Awaitable, Callable
+from typing import Any
+
+from ..engine_client import EngineClient, GenerateRequest, GenerateResponse
+
+LlmAuditHook = Callable[[dict[str, Any]], Awaitable[None]]
+
+
+async def record_llm_audit(
+    audit_hook: LlmAuditHook | None,
+    **payload: Any,
+) -> None:
+    """감사 저장소 장애가 사용자 응답을 막지 않도록 훅 실패를 격리한다."""
+    if audit_hook is None:
+        return
+    try:
+        await audit_hook(payload)
+    except Exception:
+        return
+
+
+async def generate_with_audit(
+    engine: EngineClient,
+    request: GenerateRequest,
+    audit_hook: LlmAuditHook | None,
+) -> GenerateResponse:
+    """비스트리밍 LLM 호출의 지연·토큰·비용 기록을 한 계약으로 고정한다."""
+    started = time.perf_counter()
+    response = await engine.generate(request)
+    latency_ms = int((time.perf_counter() - started) * 1000)
+    await record_llm_audit(
+        audit_hook,
+        session_id=request.session_id,
+        provider=response.provider,
+        model=response.model,
+        tokens_in=response.tokens_in,
+        tokens_out=response.tokens_out,
+        cost_usd=response.cost_usd,
+        inference_geo=response.inference_geo,
+        latency_ms=latency_ms,
+    )
+    return response
diff --git a/apps/api/app/services/memory.py b/apps/api/app/services/memory.py
index 1d0f117..b2310d4 100644
--- a/apps/api/app/services/memory.py
+++ b/apps/api/app/services/memory.py
@@ -20,7 +20,7 @@ from __future__ import annotations
 
 import re
 from dataclasses import dataclass, field
-from typing import Any, Callable, Literal, Optional
+from typing import Any, Literal, Optional
 
 from .state_machine import SessionState
 from ..taxonomy import speaker_ko_label
diff --git a/apps/api/app/services/notifications.py b/apps/api/app/services/notifications.py
index 465bcc1..31507e3 100644
--- a/apps/api/app/services/notifications.py
+++ b/apps/api/app/services/notifications.py
@@ -15,10 +15,32 @@ from uuid import uuid4
 
 from ..config import settings
 from ..db import acquire, get_pool
+from ..runtime_schema import (
+    NOTIFICATION_SCHEMA_CONTRACT,
+    runtime_schema_bootstrap_required,
+    schema_contract_ready,
+)
 
 logger = logging.getLogger(__name__)
 
-NotificationKind = Literal["account_pending_approval", "session_review_ready", "admin_test_email"]
+NotificationKind = Literal[
+    "account_pending_approval", "session_review_ready", "admin_test_email"
+]
+ApprovalRecipientScope = Literal["admin", "super_admin"]
+
+ACTIVE_NOTIFICATION_RECIPIENTS_SQL = """
+    SELECT DISTINCT
+      u.user_id,
+      u.email,
+      COALESCE(NULLIF(u.display_name, ''), u.email) AS display_name,
+      u.role
+    FROM app.app_user u
+    LEFT JOIN app.user_preferences p ON p.user_id = u.user_id
+    WHERE u.is_active
+      AND u.account_status = 'approved'
+      AND u.email IS NOT NULL
+      AND u.email <> ''
+"""
 
 
 @dataclass(slots=True)
@@ -38,9 +60,14 @@ class RenderedEmail:
 
 
 async def ensure_notification_tables() -> None:
-    """Create notification queue tables when the DB role allows DDL."""
+    """Verify notification tables, with DDL repair restricted to local development."""
     get_pool()
     async with acquire(role="admin") as conn:
+        ready = await schema_contract_ready(conn, NOTIFICATION_SCHEMA_CONTRACT)
+        if not runtime_schema_bootstrap_required(
+            NOTIFICATION_SCHEMA_CONTRACT, ready=ready
+        ):
+            return
         await conn.execute(
             """
             CREATE TABLE IF NOT EXISTS app.notification_event (
@@ -120,6 +147,10 @@ async def ensure_notification_tables() -> None:
               WITH CHECK (app.current_role_name() = 'admin');
             """
         )
+        if not await schema_contract_ready(conn, NOTIFICATION_SCHEMA_CONTRACT):
+            raise RuntimeError(
+                "notification development schema bootstrap did not satisfy readiness"
+            )
 
 
 def schedule_delivery_flush() -> None:
@@ -127,7 +158,9 @@ def schedule_delivery_flush() -> None:
     if settings.notification_email_provider == "disabled":
         return
     try:
-        asyncio.get_running_loop().create_task(process_queued_email_notifications(limit=10))
+        asyncio.get_running_loop().create_task(
+            process_queued_email_notifications(limit=10)
+        )
     except RuntimeError:
         return
 
@@ -321,57 +354,39 @@ async def _enqueue_event(
 
 
 async def _admin_approval_recipients() -> list[NotificationRecipient]:
-    super_admin_emails = sorted({_normalize_email(value) for value in settings.auth_super_admin_emails})
+    return await _approval_recipients(scope="admin")
+
+
+async def _super_admin_recipients() -> list[NotificationRecipient]:
+    return await _approval_recipients(scope="super_admin")
+
+
+async def _approval_recipients(
+    *, scope: ApprovalRecipientScope
+) -> list[NotificationRecipient]:
+    """가입 승인 알림 수신 정책을 한 쿼리에서 소유한다."""
+    super_admin_emails = sorted(
+        {_normalize_email(value) for value in settings.auth_super_admin_emails}
+    )
+    super_admin_only = scope == "super_admin"
+    if super_admin_only and not super_admin_emails:
+        return []
     async with acquire(role="admin") as conn:
         rows = await conn.fetch(
-            """
-            SELECT DISTINCT
-              u.user_id,
-              u.email,
-              COALESCE(NULLIF(u.display_name, ''), u.email) AS display_name,
-              u.role
-            FROM app.app_user u
-            LEFT JOIN app.user_preferences p ON p.user_id = u.user_id
-            WHERE u.is_active
-              AND u.account_status = 'approved'
-              AND u.email IS NOT NULL
-              AND u.email <> ''
+            ACTIVE_NOTIFICATION_RECIPIENTS_SQL
+            + """
               AND (
-                u.role = 'admin'
-                OR u.admin_access
-                OR lower(u.email) = ANY($1::text[])
+                lower(u.email) = ANY($1::text[])
+                OR (
+                  NOT $2::boolean
+                  AND (u.role = 'admin' OR u.admin_access)
+                )
               )
               AND COALESCE((p.notifications->>'account_approval')::boolean, true)
             ORDER BY u.email
             """,
             super_admin_emails,
-        )
-    return [_recipient_from_row(row) for row in rows]
-
-
-async def _super_admin_recipients() -> list[NotificationRecipient]:
-    super_admin_emails = sorted({_normalize_email(value) for value in settings.auth_super_admin_emails})
-    if not super_admin_emails:
-        return []
-    async with acquire(role="admin") as conn:
-        rows = await conn.fetch(
-            """
-            SELECT DISTINCT
-              u.user_id,
-              u.email,
-              COALESCE(NULLIF(u.display_name, ''), u.email) AS display_name,
-              u.role
-            FROM app.app_user u
-            LEFT JOIN app.user_preferences p ON p.user_id = u.user_id
-            WHERE u.is_active
-              AND u.account_status = 'approved'
-              AND u.email IS NOT NULL
-              AND u.email <> ''
-              AND lower(u.email) = ANY($1::text[])
-              AND COALESCE((p.notifications->>'account_approval')::boolean, true)
-            ORDER BY u.email
-            """,
-            super_admin_emails,
+            super_admin_only,
         )
     return [_recipient_from_row(row) for row in rows]
 
@@ -379,7 +394,9 @@ async def _super_admin_recipients() -> list[NotificationRecipient]:
 async def _session_review_payload_and_recipients(
     session_id: str,
 ) -> tuple[dict[str, Any] | None, list[NotificationRecipient]]:
-    super_admin_emails = sorted({_normalize_email(value) for value in settings.auth_super_admin_emails})
+    super_admin_emails = sorted(
+        {_normalize_email(value) for value in settings.auth_super_admin_emails}
+    )
     async with acquire(role="admin") as conn:
         session = await conn.fetchrow(
             """
@@ -407,18 +424,8 @@ async def _session_review_payload_and_recipients(
             return None, []
         learner_cohort = str(session["learner_cohort"] or "")
         rows = await conn.fetch(
-            """
-            SELECT DISTINCT
-              u.user_id,
-              u.email,
-              COALESCE(NULLIF(u.display_name, ''), u.email) AS display_name,
-              u.role
-            FROM app.app_user u
-            LEFT JOIN app.user_preferences p ON p.user_id = u.user_id
-            WHERE u.is_active
-              AND u.account_status = 'approved'
-              AND u.email IS NOT NULL
-              AND u.email <> ''
+            ACTIVE_NOTIFICATION_RECIPIENTS_SQL
+            + """
               AND (
                 u.role = 'admin'
                 OR lower(u.email) = ANY($1::text[])
@@ -457,7 +464,9 @@ def _send_rendered_email(
     if settings.notification_email_provider == "disabled":
         raise NotificationSkipped("email provider is disabled")
     if settings.notification_email_provider != "smtp":
-        raise NotificationSkipped(f"unsupported provider: {settings.notification_email_provider}")
+        raise NotificationSkipped(
+            f"unsupported provider: {settings.notification_email_provider}"
+        )
     if not settings.smtp_host.strip() or not settings.smtp_from_email.strip():
         raise NotificationSkipped("SMTP host/from email is not configured")
 
@@ -472,7 +481,9 @@ def _send_rendered_email(
 
     if settings.smtp_ssl:
         context = ssl.create_default_context()
-        with smtplib.SMTP_SSL(settings.smtp_host, settings.smtp_port, context=context, timeout=15) as smtp:
+        with smtplib.SMTP_SSL(
+            settings.smtp_host, settings.smtp_port, context=context, timeout=15
+        ) as smtp:
             _smtp_login_if_needed(smtp)
             smtp.send_message(msg)
     else:
@@ -553,7 +564,9 @@ async def _mark_delivery_failed(delivery_id: str, error: str) -> None:
 
 
 def _render_account_pending_approval(payload: dict[str, Any]) -> RenderedEmail:
-    display_name = str(payload.get("display_name") or payload.get("email") or "신규 사용자")
+    display_name = str(
+        payload.get("display_name") or payload.get("email") or "신규 사용자"
+    )
     email = str(payload.get("email") or "")
     role = _role_label(str(payload.get("role") or "learner"))
     approval_url = str(payload.get("approval_url") or _frontend_url("/admin/users"))
@@ -563,11 +576,15 @@ def _render_account_pending_approval(payload: dict[str, Any]) -> RenderedEmail:
       <p style="margin:0 0 20px;font-size:15px;line-height:1.7;color:#5a6663;">
         승인 대기 중인 신규 사용자가 있습니다. 가입 승인 화면에서 수업 또는 연구 참여 범위를 확인한 뒤 승인 상태를 결정해 주세요.
       </p>
-      {_info_box([
-          ("사용자", display_name),
-          ("이메일", email),
-          ("요청 역할", role),
-      ])}
+      {
+        _info_box(
+            [
+                ("사용자", display_name),
+                ("이메일", email),
+                ("요청 역할", role),
+            ]
+        )
+    }
       {_button("가입 승인 확인하기", approval_url)}
       <p style="margin:24px 0 0;font-size:12px;line-height:1.6;color:#93a09c;">
         계정 승인 전까지 해당 사용자는 Vignette 대기 화면만 볼 수 있습니다.
@@ -602,12 +619,16 @@ def _render_session_review_ready(payload: dict[str, Any]) -> RenderedEmail:
       <p style="margin:0 0 20px;font-size:15px;line-height:1.7;color:#5a6663;">
         종료된 학습 회기가 교수자 검토 대기 상태입니다. 회기 리뷰 화면에서 요약과 근거를 확인한 뒤 검토 상태를 남겨 주세요.
       </p>
-      {_info_box([
-          ("학습자", learner_label),
-          ("내담자", persona_name),
-          ("회기", f"{session_no}회기" if session_no else "종료 회기"),
-          ("종료 시각", ended_at or "기록됨"),
-      ])}
+      {
+        _info_box(
+            [
+                ("학습자", learner_label),
+                ("내담자", persona_name),
+                ("회기", f"{session_no}회기" if session_no else "종료 회기"),
+                ("종료 시각", ended_at or "기록됨"),
+            ]
+        )
+    }
       {_button("회기 검토하기", review_url)}
       <p style="margin:24px 0 0;font-size:12px;line-height:1.6;color:#93a09c;">
         민감한 회기 내용은 메일에 포함하지 않았습니다. 로그인 후 Vignette에서 확인해 주세요.
@@ -641,10 +662,14 @@ def _render_admin_test_email(payload: dict[str, Any]) -> RenderedEmail:
       <p style="margin:0 0 20px;font-size:15px;line-height:1.7;color:#5a6663;">
         관리자 메일 알림이 정상적으로 연결되었습니다. 이 메일은 실제 가입 승인이나 회기 검토 요청이 아니라 발송 경로 확인용 테스트입니다.
       </p>
-      {_info_box([
-          ("요청자", requested_by),
-          ("용도", "운영 메일 발송 테스트"),
-      ])}
+      {
+        _info_box(
+            [
+                ("요청자", requested_by),
+                ("용도", "운영 메일 발송 테스트"),
+            ]
+        )
+    }
       {_button("알림 상태 확인하기", notifications_url)}
       <p style="margin:24px 0 0;font-size:12px;line-height:1.6;color:#93a09c;">
         이후 가입 승인 요청과 회기 검토 요청도 같은 메일 템플릿과 발송 큐를 사용합니다.
diff --git a/apps/api/app/services/orchestrator.py b/apps/api/app/services/orchestrator.py
index 03c2bf7..c755f66 100644
--- a/apps/api/app/services/orchestrator.py
+++ b/apps/api/app/services/orchestrator.py
@@ -41,13 +41,13 @@ from ..contracts.engine_gateway import (
     StreamTokenEvent,
 )
 from . import guardrail, persona, state_machine
+from .llm_audit import LlmAuditHook, generate_with_audit, record_llm_audit
 from .persona import PersonaCard, PersonaStateContext, TurnMemory
-from .state_machine import SessionState, Stage
+from .state_machine import SessionState
 
 # 평가 훅 타입: U_t(수련생 마스킹 발화) + 내담자응답 + 상태 → 평가 결과(dict)
 # Features evaluator 가 이 시그니처에 맞춰 함수를 주입한다(여기선 호출만).
 EvalHook = Callable[["TurnContext", str], Awaitable[Optional[dict]]]
-LlmAuditHook = Callable[[dict[str, Any]], Awaitable[None]]
 
 
 def turn_evaluation_error_payload(ctx: "TurnContext", error: BaseException | str) -> dict[str, Any]:
@@ -253,20 +253,7 @@ async def run_turn_generate(
     reply = ""
     safety_flagged = ctx.crisis is not None and ctx.crisis.escalate
     for attempt in range(2):
-        started = time.perf_counter()
-        resp = await engine.generate(req)
-        latency_ms = int((time.perf_counter() - started) * 1000)
-        await _record_llm_audit(
-            audit_hook,
-            session_id=ctx.session_id,
-            provider=resp.provider,
-            model=resp.model,
-            tokens_in=resp.tokens_in,
-            tokens_out=resp.tokens_out,
-            cost_usd=resp.cost_usd,
-            inference_geo=resp.inference_geo,
-            latency_ms=latency_ms,
-        )
+        resp = await generate_with_audit(engine, req, audit_hook)
 
         # 5) 출력 가드레일 — 수단 차단 + persona 품질 재생성
         guard = guardrail.sanitize_client_reply(
@@ -451,7 +438,7 @@ async def run_turn_stream(
                 yield StreamEvent("token", {"text": guard.text})
 
         latency_ms = int((time.perf_counter() - started) * 1000)
-        await _record_llm_audit(
+        await record_llm_audit(
             audit_hook,
             session_id=ctx.session_id,
             provider=str(stream_meta.get("provider") or engine.engine_mode),
@@ -493,18 +480,6 @@ async def run_turn_stream(
         yield StreamEvent("error", {"detail": str(e)})
 
 
-async def _record_llm_audit(
-    audit_hook: Optional[LlmAuditHook],
-    **payload: Any,
-) -> None:
-    if audit_hook is None:
-        return
-    try:
-        await audit_hook(payload)
-    except Exception:
-        return
-
-
 def _optional_str(value: Any) -> Optional[str]:
     if value is None:
         return None
diff --git a/apps/api/app/services/persona.py b/apps/api/app/services/persona.py
index d6fdc74..910ab21 100644
--- a/apps/api/app/services/persona.py
+++ b/apps/api/app/services/persona.py
@@ -21,10 +21,13 @@ P1 = 0615 청소년 '서연' 사례의 합성 변형(원문 미적재, F-05).
 from __future__ import annotations
 
 from dataclasses import dataclass, field
-from typing import Any, Optional
+from typing import TYPE_CHECKING, Any, Optional
 
 from ..engine_client import EngineMessage
 
+if TYPE_CHECKING:
+    from .state_machine import OpennessParams
+
 
 # ════════════════════════════════════════════════════════════════════════════
 # 페르소나 카드 (app.persona_card 컬럼 구조의 in-proc 표현)
diff --git a/apps/api/app/services/phase3_kpi_export.py b/apps/api/app/services/phase3_kpi_export.py
index c152ebc..31ecb74 100644
--- a/apps/api/app/services/phase3_kpi_export.py
+++ b/apps/api/app/services/phase3_kpi_export.py
@@ -17,7 +17,7 @@ from typing import Any, Iterable, Mapping, Sequence
 from uuid import UUID
 
 from .phase3_kpi_contract import (
-    KPI_REPORT_PATH,
+    KPI_REPORT_PATH as KPI_REPORT_PATH,
     PHASE3_KPI_METRICS,
     PREPOST_CSV_PATH,
     PREPOST_MEASURE_NAMES,
diff --git a/apps/api/app/services/session_metrics.py b/apps/api/app/services/session_metrics.py
index b205ddd..d457804 100644
--- a/apps/api/app/services/session_metrics.py
+++ b/apps/api/app/services/session_metrics.py
@@ -7,14 +7,7 @@ from datetime import datetime
 from typing import Any, Callable
 
 from ..store import InProcSession
-
-
-_APPROPRIATENESS_SCORE = {
-    "neg": 0.0,
-    "warn": 0.25,
-    "neutral": 0.5,
-    "pos": 1.0,
-}
+from .evaluation_contract import GROWTH_APPROPRIATENESS_SCORE_01
 
 
 @dataclass(frozen=True)
@@ -80,7 +73,7 @@ def turn_score(ev: dict[str, Any]) -> float | None:
     if str(ev.get("error") or "").strip():
         return None
     raw = str(ev.get("appropriateness") or "").strip().lower()
-    return _APPROPRIATENESS_SCORE.get(raw)
+    return GROWTH_APPROPRIATENESS_SCORE_01.get(raw)
 
 
 def turn_rapport(ev: dict[str, Any]) -> float | None:
@@ -179,7 +172,9 @@ def build_learner_growth(
         ordered = sorted(learner_sessions, key=lambda sess: sess.created_at)
         points = [session_growth_point(sess) for sess in ordered]
         scored = [point for point in points if point.score is not None]
-        rapport_values = [point.rapport for point in points if point.rapport is not None]
+        rapport_values = [
+            point.rapport for point in points if point.rapport is not None
+        ]
         technique_counts: dict[str, int] = {}
         for sess in ordered:
             for turn in sess.turns:
@@ -223,8 +218,12 @@ def build_learner_growth(
                 first_score=first_score,
                 latest_score=latest_score,
                 score_delta=score_delta,
-                avg_score=avg([point.score for point in scored if point.score is not None]),
-                avg_rapport=avg([value for value in rapport_values if value is not None]),
+                avg_score=avg(
+                    [point.score for point in scored if point.score is not None]
+                ),
+                avg_rapport=avg(
+                    [value for value in rapport_values if value is not None]
+                ),
                 trend=trend,
                 top_techniques=top_techniques,
                 points=points if point_limit is None else points[-point_limit:],
@@ -234,7 +233,9 @@ def build_learner_growth(
     return sorted_result if limit is None else sorted_result[:limit]
 
 
-def recent_feedback_notes(sessions: list[InProcSession], *, limit: int = 5) -> list[dict[str, object]]:
+def recent_feedback_notes(
+    sessions: list[InProcSession], *, limit: int = 5
+) -> list[dict[str, object]]:
     notes: list[dict[str, object]] = []
     for sess in sorted(sessions, key=session_activity_time, reverse=True):
         for turn in reversed(sess.turns):
@@ -254,7 +255,9 @@ def recent_feedback_notes(sessions: list[InProcSession], *, limit: int = 5) -> l
                     "session_no": sess.session_no,
                     "stage": turn.stage,
                     "turn_seq": turn.turn_seq,
-                    "created_at": iso_datetime(turn.created_at) or iso_datetime(session_activity_time(sess)) or "",
+                    "created_at": iso_datetime(turn.created_at)
+                    or iso_datetime(session_activity_time(sess))
+                    or "",
                     "score": turn_score(ev),
                     "rapport": turn_rapport(ev),
                     "note": note,
diff --git a/apps/api/app/services/tabular_ingest.py b/apps/api/app/services/tabular_ingest.py
new file mode 100644
index 0000000..04aed73
--- /dev/null
+++ b/apps/api/app/services/tabular_ingest.py
@@ -0,0 +1,138 @@
+"""자유 양식 표 파일(엑셀/CSV) → 텍스트 변환 (P4, 2026-07-13 한신대 회의).
+
+연구팀이 교수자 페이지에 올리는 자유 양식 엑셀(파란 라벨 방식 포함)을
+페르소나 저작 KB에 넣을 수 있는 평문으로 결정론 변환한다.
+
+원칙:
+- 업로드 원본 바이트는 여기서 파싱만 하고 어디에도 저장하지 않는다(원본 파기 원칙).
+  파생 텍스트만 기존 `/personas/sources` 마스킹·hash-only 증거 경로로 넘어간다.
+- 양식 변형에 견디도록 셀 색/서식에 의존하지 않는다 — 비어있지 않은 셀만 행 단위로 평탄화한다.
+- openpyxl 은 선택 의존성이다(presidio 패턴). 없으면 명확한 한국어 오류로 안내한다.
+"""
+
+from __future__ import annotations
+
+import csv
+import io
+
+# 변환 상한 — 파일럿 추고록 기준 여유값. LLM/KB 입력 상한(120k)과 정합.
+MAX_TEXT_CHARS = 120_000
+MAX_CELLS = 40_000
+MAX_UPLOAD_BYTES = 8 * 1024 * 1024  # 8MB
+
+
+class TabularIngestError(ValueError):
+    """사용자에게 그대로 보여줄 수 있는 한국어 사유를 담는다."""
+
+
+def _try_load_openpyxl():
+    try:
+        import openpyxl  # noqa: PLC0415 — 선택 의존성 지연 로드
+
+        return openpyxl
+    except ImportError as exc:  # pragma: no cover - 설치 환경에선 도달하지 않음
+        raise TabularIngestError(
+            "엑셀 변환 모듈(openpyxl)이 설치되어 있지 않습니다. 관리자에게 API 의존성 설치를 요청하세요."
+        ) from exc
+
+
+def _cell_text(value: object) -> str:
+    if value is None:
+        return ""
+    if isinstance(value, float) and value.is_integer():
+        return str(int(value))
+    text = str(value).strip()
+    return " ".join(text.split())
+
+
+def _rows_to_lines(rows: list[list[str]]) -> list[str]:
+    lines: list[str] = []
+    for cells in rows:
+        filled = [cell for cell in cells if cell]
+        if not filled:
+            continue
+        if len(filled) == 2:
+            # 자유 양식에서 가장 흔한 "라벨 | 값" 행 — 읽기 좋은 쌍으로 변환.
+            lines.append(f"{filled[0]}: {filled[1]}")
+        else:
+            lines.append(" | ".join(filled))
+    return lines
+
+
+def _extract_xlsx(data: bytes) -> str:
+    openpyxl = _try_load_openpyxl()
+    try:
+        workbook = openpyxl.load_workbook(
+            io.BytesIO(data), read_only=True, data_only=True
+        )
+    except Exception as exc:
+        raise TabularIngestError(
+            "엑셀 파일을 열지 못했습니다. 손상되지 않은 .xlsx 파일인지 확인해 주세요."
+        ) from exc
+    try:
+        sections: list[str] = []
+        cell_budget = MAX_CELLS
+        for sheet in workbook.worksheets:
+            rows: list[list[str]] = []
+            for row in sheet.iter_rows(values_only=True):
+                if cell_budget <= 0:
+                    break
+                cell_budget -= len(row)
+                rows.append([_cell_text(value) for value in row])
+            lines = _rows_to_lines(rows)
+            if lines:
+                sections.append(f"## 시트: {sheet.title}\n" + "\n".join(lines))
+            if cell_budget <= 0:
+                sections.append("(셀 수 상한에 도달해 이후 내용은 생략했습니다)")
+                break
+        return "\n\n".join(sections)
+    finally:
+        workbook.close()
+
+
+def _extract_csv(data: bytes) -> str:
+    text: str | None = None
+    for encoding in ("utf-8-sig", "cp949", "utf-8"):
+        try:
+            text = data.decode(encoding)
+            break
+        except UnicodeDecodeError:
+            continue
+    if text is None:
+        raise TabularIngestError(
+            "CSV 인코딩을 해석하지 못했습니다. UTF-8 또는 엑셀(xlsx)로 저장해 다시 올려 주세요."
+        )
+    rows = [[_cell_text(cell) for cell in row] for row in csv.reader(io.StringIO(text))]
+    return "\n".join(_rows_to_lines(rows[: MAX_CELLS // 8]))
+
+
+def extract_tabular_text(*, filename: str, data: bytes) -> str:
+    """업로드 파일을 KB 등록용 평문으로 변환한다. 실패 사유는 TabularIngestError."""
+    if not data:
+        raise TabularIngestError("업로드된 파일이 비어 있습니다.")
+    if len(data) > MAX_UPLOAD_BYTES:
+        raise TabularIngestError("파일이 8MB를 넘습니다. 시트를 나눠 다시 올려 주세요.")
+
+    lowered = (filename or "").lower()
+    if lowered.endswith(".xlsx") or lowered.endswith(".xlsm"):
+        text = _extract_xlsx(data)
+    elif lowered.endswith(".xls"):
+        raise TabularIngestError(
+            "구형 엑셀(.xls)은 지원하지 않습니다. 엑셀에서 '다른 이름으로 저장 → .xlsx'로 변환해 올려 주세요."
+        )
+    elif lowered.endswith(".csv"):
+        text = _extract_csv(data)
+    else:
+        raise TabularIngestError(
+            "지원하지 않는 파일 형식입니다. 엑셀(.xlsx) 또는 CSV 파일을 올려 주세요."
+        )
+
+    text = text.strip()
+    if len(text) < 20:
+        raise TabularIngestError(
+            "표에서 읽을 수 있는 텍스트가 거의 없습니다. 내용이 있는 시트인지 확인해 주세요."
+        )
+    return text[:MAX_TEXT_CHARS]
+
+
+__all__ = ["TabularIngestError", "extract_tabular_text", "MAX_UPLOAD_BYTES"]
diff --git a/apps/api/app/session_persistence.py b/apps/api/app/session_persistence.py
index 2f290de..9a83078 100644
--- a/apps/api/app/session_persistence.py
+++ b/apps/api/app/session_persistence.py
@@ -13,9 +13,20 @@ from typing import Any, Iterable, Protocol
 from .db import acquire, get_pool
 from .deps import Principal
 from .config import settings
-from .persona_repository import SEED_VERSION, card_from_row, seed_fallback_persona, seed_persona_id
+from .persona_repository import (
+    SEED_VERSION,
+    card_from_row,
+    seed_fallback_persona,
+    seed_persona_id,
+)
 from .runtime_policy import require_runtime_fallback_allowed, runtime_fallback_allowed
+from .runtime_schema import (
+    REVIEW_SCHEMA_CONTRACT,
+    runtime_schema_bootstrap_required,
+    schema_contract_ready,
+)
 from .services import guardrail, memory, state_machine
+from .services.evaluation_contract import PERSISTED_APPROPRIATENESS_SCORE_5PT
 from .services.persona import PersonaCard
 from .store import DEFAULT_TURN_VISIBLE_TO, InProcSession, TurnRecord
 
@@ -33,16 +44,60 @@ _WORKSHEET_REVIEW_STATUS_VALUES = {
     "changes_requested",
     "rejected",
 }
-_APPROPRIATENESS_SCORE = {
-    "warn": 1.0,
-    "neutral": 3.0,
-    "pos": 5.0,
-}
 LIVE_COACH_INITIAL_CREDITS = 3
 LIVE_COACH_MAX_CREDITS = 3
 LIVE_COACH_USE_REASON = "AI 코칭 힌트 사용"
 LIVE_COACH_RECHARGE_REASON = "좋은 발화로 내담자 변화 신호 확인"
 
+SESSION_PERSONA_SELECT_COLUMNS_SQL = """
+    s.id, s.runtime_case_id, s.case_id, s.learner_id, s.persona_code,
+    s.session_no, s.theory_mode, s.started_at, s.ended_at,
+    s.prev_rapport_credit, s.session_goals,
+    COALESCE(
+      NULLIF(learner.display_name, ''),
+      NULLIF(learner.nickname, ''),
+      NULLIF(learner.email, ''),
+      s.learner_id::text
+    ) AS learner_label,
+    pc.persona_id AS card_persona_id,
+    pc.code AS card_code,
+    pc.version AS card_version,
+    pc.status AS card_status,
+    pc.display_name AS card_display_name,
+    pc.difficulty AS card_difficulty,
+    pc.theory_target AS card_theory_target,
+    pc.demographics AS card_demographics,
+    pc.presenting AS card_presenting,
+    pc.history AS card_history,
+    pc.big5 AS card_big5,
+    pc.resistance AS card_resistance,
+    pc.speech_style AS card_speech_style,
+    pc.affect_baseline AS card_affect_baseline,
+    pc.ccd AS card_ccd,
+    pc.dsm5_dimensional AS card_dsm5_dimensional,
+    pc.triggers AS card_triggers,
+    pc.source_provenance AS card_source_provenance,
+    pc.is_synthetic AS card_is_synthetic
+"""
+
+SESSION_PERSONA_JOINS_SQL = """
+    LEFT JOIN app.persona_card pc
+      ON pc.persona_id = s.persona_id
+     AND pc.version = s.persona_version
+    LEFT JOIN app.app_user learner ON learner.user_id = s.learner_id
+"""
+
+SESSION_STATE_SELECT_COLUMNS_SQL = """
+    session_id, stage, turn_seq, effective_openness, rapport_credit, resistance,
+    ideation_stage, turns_in_stage, affect_state
+"""
+
+SESSION_TURN_SELECT_COLUMNS_SQL = """
+    session_id, id, seq, speaker, stage, text, text_masked, created_at,
+    llm_provider, model, tokens_in, tokens_out, cost_usd,
+    audio_ref, silence_ms, speech_rate, barge_in, provider_events, visible_to
+"""
+
 
 class LiveCoachCreditExhausted(RuntimeError):
     """Raised when a learner tries to use live coaching without credits."""
@@ -227,6 +282,21 @@ def _json_object_payload(value: Any) -> dict[str, Any]:
     return {}
 
 
+def _json_list_payload(value: Any) -> list[Any]:
+    if isinstance(value, list):
+        return list(value)
+    if not isinstance(value, str):
+        return []
+    text = value.strip()
+    if not text:
+        return []
+    try:
+        parsed = json.loads(text)
+    except json.JSONDecodeError:
+        return []
+    return parsed if isinstance(parsed, list) else []
+
+
 def _masked_excerpt(value: str | None, *, limit: int = 220) -> str | None:
     text = (value or "").strip()
     if not text:
@@ -261,7 +331,10 @@ def _live_coach_remaining(value: int | float | None) -> int:
 
 
 def _live_coach_quota_payload(remaining: int | float | None) -> dict[str, int]:
-    return {"remaining": _live_coach_remaining(remaining), "max": LIVE_COACH_MAX_CREDITS}
+    return {
+        "remaining": _live_coach_remaining(remaining),
+        "max": LIVE_COACH_MAX_CREDITS,
+    }
 
 
 def _live_coach_delta_from_record(record: dict[str, Any]) -> int:
@@ -309,9 +382,14 @@ def _live_coach_credit_event_from_row(row) -> dict[str, Any]:
         "event_type": event_type,
         "delta": int(delta),
         "balance": _live_coach_remaining(balance),
-        "reason": str(_row_value(row, "reason") or (
-            LIVE_COACH_RECHARGE_REASON if event_type == "recharge" else LIVE_COACH_USE_REASON
-        )),
+        "reason": str(
+            _row_value(row, "reason")
+            or (
+                LIVE_COACH_RECHARGE_REASON
+                if event_type == "recharge"
+                else LIVE_COACH_USE_REASON
+            )
+        ),
         "created_at": _iso_dt(row["created_at"]),
     }
 
@@ -329,9 +407,14 @@ def _live_coach_credit_event_from_record(record: dict[str, Any]) -> dict[str, An
         "event_type": event_type,
         "delta": delta,
         "balance": _live_coach_remaining(record.get("credit_balance")),
-        "reason": str(record.get("reason") or (
-            LIVE_COACH_RECHARGE_REASON if event_type == "recharge" else LIVE_COACH_USE_REASON
-        )),
+        "reason": str(
+            record.get("reason")
+            or (
+                LIVE_COACH_RECHARGE_REASON
+                if event_type == "recharge"
+                else LIVE_COACH_USE_REASON
+            )
+        ),
         "created_at": str(record.get("created_at") or ""),
     }
 
@@ -348,7 +431,9 @@ def _live_coach_cache_record(
 ) -> dict[str, Any]:
     now = datetime.now(timezone.utc)
     balance = _live_coach_remaining(
-        credit_balance if credit_balance is not None else _live_coach_cached_remaining(session_id) - 1
+        credit_balance
+        if credit_balance is not None
+        else _live_coach_cached_remaining(session_id) - 1
     )
     return {
         "event_id": str(uuid.uuid4()),
@@ -407,8 +492,7 @@ def _card_from_joined_session_row(row) -> PersonaCard | None:
     if _row_value(row, "card_persona_id") is None:
         return None
     card_row = {
-        key.removeprefix("card_"): _row_value(row, key)
-        for key in _JOINED_CARD_COLUMNS
+        key.removeprefix("card_"): _row_value(row, key) for key in _JOINED_CARD_COLUMNS
     }
     return card_from_row(card_row)
 
@@ -471,7 +555,9 @@ def _dict_items(value: Any) -> list[dict[str, Any]]:
     return [item for item in value if isinstance(item, dict)]
 
 
-def _evaluation_feedback_rows(evaluation: dict[str, Any] | None) -> list[dict[str, Any]]:
+def _evaluation_feedback_rows(
+    evaluation: dict[str, Any] | None,
+) -> list[dict[str, Any]]:
     """Normalize scalar/rationale turn-evaluation fields into feedback_scores rows."""
     if not isinstance(evaluation, dict):
         return []
@@ -499,11 +585,11 @@ def _evaluation_feedback_rows(evaluation: dict[str, Any] | None) -> list[dict[st
         )
 
     appropriateness = _clean_text(evaluation.get("appropriateness")) or "neutral"
-    if appropriateness not in _APPROPRIATENESS_SCORE:
+    if appropriateness not in PERSISTED_APPROPRIATENESS_SCORE_5PT:
         appropriateness = "neutral"
     add(
         "appropriateness",
-        score=_APPROPRIATENESS_SCORE[appropriateness],
+        score=PERSISTED_APPROPRIATENESS_SCORE_5PT[appropriateness],
         rationale=_clean_masked_text(evaluation.get("appropriateness_note")),
     )
 
@@ -534,7 +620,9 @@ def _evaluation_feedback_rows(evaluation: dict[str, Any] | None) -> list[dict[st
     return rows
 
 
-def _evaluation_technique_rows(evaluation: dict[str, Any] | None) -> list[dict[str, str]]:
+def _evaluation_technique_rows(
+    evaluation: dict[str, Any] | None,
+) -> list[dict[str, str]]:
     if not isinstance(evaluation, dict):
         return []
     rows: list[dict[str, str]] = []
@@ -552,7 +640,9 @@ def _evaluation_technique_rows(evaluation: dict[str, Any] | None) -> list[dict[s
     return rows
 
 
-def _evaluation_client_state_rows(evaluation: dict[str, Any] | None) -> list[dict[str, str]]:
+def _evaluation_client_state_rows(
+    evaluation: dict[str, Any] | None,
+) -> list[dict[str, str]]:
     if not isinstance(evaluation, dict):
         return []
     rows: list[dict[str, str]] = []
@@ -575,11 +665,21 @@ def _evaluation_comment_rows(evaluation: dict[str, Any] | None) -> list[dict[str
     deviation = evaluation.get("intent_deviation")
     if not isinstance(deviation, dict):
         return []
-    note = _clean_masked_text(evaluation.get("appropriateness_note")) or "의도와 다른 부분"
-    return [{"kind": "critique", "text": note, "intent_deviation": _mask_json_text_values(deviation)}]
+    note = (
+        _clean_masked_text(evaluation.get("appropriateness_note")) or "의도와 다른 부분"
+    )
+    return [
+        {
+            "kind": "critique",
+            "text": note,
+            "intent_deviation": _mask_json_text_values(deviation),
+        }
+    ]
 
 
-def _evaluation_alternative_rows(evaluation: dict[str, Any] | None) -> list[dict[str, str | None]]:
+def _evaluation_alternative_rows(
+    evaluation: dict[str, Any] | None,
+) -> list[dict[str, str | None]]:
     if not isinstance(evaluation, dict):
         return []
     alternatives = evaluation.get("alternative_utterances")
@@ -747,11 +847,15 @@ async def record_llm_call_audit(payload: dict[str, Any]) -> bool:
 
     The audit table intentionally stores no prompt or completion text. A DB outage
     must not block the counseling loop, so failures are reported as False.
+
+    dev degraded(무DB) 기동에서는 audit 인프라 자체가 없는 것이 정상 폴백이므로,
+    호출부가 이를 "기록 실패"로 보고 정상 LLM 응답을 강등하지 않도록 True 를 반환한다.
+    durable 환경에서 풀이 없거나 INSERT 가 실패한 경우에만 False 다.
     """
     try:
         get_pool()
     except Exception:
-        return False
+        return runtime_fallback_allowed()
 
     try:
         async with acquire(ai_context=True, ai_view="evaluator") as conn:
@@ -802,14 +906,18 @@ def _state_from_row(row, card: PersonaCard) -> state_machine.SessionState:
 
 def _turn_from_row(row, evaluation: dict[str, Any] | None = None) -> TurnRecord:
     created_at = _ts(row["created_at"]) or time.time()
-    text_masked = _clean_text(row["text_masked"]) or _clean_masked_text(row["text"]) or ""
+    text_masked = (
+        _clean_text(row["text_masked"]) or _clean_masked_text(row["text"]) or ""
+    )
     return TurnRecord(
         turn_seq=int(row["seq"]),
         speaker=row["speaker"],
         stage=row["stage"],
         text=text_masked,
         text_masked=text_masked,
-        turn_id=str(_row_value(row, "id")) if _row_value(row, "id") is not None else None,
+        turn_id=str(_row_value(row, "id"))
+        if _row_value(row, "id") is not None
+        else None,
         created_at=created_at,
         llm_provider=_row_value(row, "llm_provider"),
         model=_row_value(row, "model"),
@@ -826,7 +934,9 @@ def _turn_from_row(row, evaluation: dict[str, Any] | None = None) -> TurnRecord:
     )
 
 
-async def _persist_turn_evaluation(conn: Any, turn_id: str, evaluation: dict[str, Any] | None) -> None:
+async def _persist_turn_evaluation(
+    conn: Any, turn_id: str, evaluation: dict[str, Any] | None
+) -> None:
     if not isinstance(evaluation, dict):
         return
     await conn.execute("SELECT set_config('app.ai_context', '1', true)")
@@ -916,7 +1026,9 @@ async def _persist_turn_evaluation(conn: Any, turn_id: str, evaluation: dict[str
             row["intent_deviation"],
         )
 
-    await conn.execute("DELETE FROM app.alternative_utterance WHERE turn_id = $1::uuid", turn_id)
+    await conn.execute(
+        "DELETE FROM app.alternative_utterance WHERE turn_id = $1::uuid", turn_id
+    )
     for row in _evaluation_alternative_rows(evaluation):
         await conn.execute(
             """
@@ -931,19 +1043,33 @@ async def _persist_turn_evaluation(conn: Any, turn_id: str, evaluation: dict[str
         )
 
 
-async def _replace_turn_evaluation(conn: Any, turn_id: str, evaluation: dict[str, Any] | None) -> None:
+async def _replace_turn_evaluation(
+    conn: Any, turn_id: str, evaluation: dict[str, Any] | None
+) -> None:
     await conn.execute("SELECT set_config('app.ai_context', '1', true)")
     await conn.execute("SELECT set_config('app.current_ai_view', 'evaluator', true)")
     await conn.execute("SELECT set_config('app.current_sens_max', '2', true)")
-    await conn.execute("DELETE FROM app.feedback_scores WHERE turn_id = $1::uuid", turn_id)
-    await conn.execute("DELETE FROM app.turn_technique WHERE turn_id = $1::uuid", turn_id)
-    await conn.execute("DELETE FROM app.turn_client_state WHERE turn_id = $1::uuid", turn_id)
-    await conn.execute("DELETE FROM app.supervisor_comment WHERE turn_id = $1::uuid", turn_id)
-    await conn.execute("DELETE FROM app.alternative_utterance WHERE turn_id = $1::uuid", turn_id)
+    await conn.execute(
+        "DELETE FROM app.feedback_scores WHERE turn_id = $1::uuid", turn_id
+    )
+    await conn.execute(
+        "DELETE FROM app.turn_technique WHERE turn_id = $1::uuid", turn_id
+    )
+    await conn.execute(
+        "DELETE FROM app.turn_client_state WHERE turn_id = $1::uuid", turn_id
+    )
+    await conn.execute(
+        "DELETE FROM app.supervisor_comment WHERE turn_id = $1::uuid", turn_id
+    )
+    await conn.execute(
+        "DELETE FROM app.alternative_utterance WHERE turn_id = $1::uuid", turn_id
+    )
     await _persist_turn_evaluation(conn, turn_id, _mask_json_text_values(evaluation))
 
 
-async def replace_turn_evaluation(*, turn_id: str, evaluation: dict[str, Any] | None) -> bool:
+async def replace_turn_evaluation(
+    *, turn_id: str, evaluation: dict[str, Any] | None
+) -> bool:
     if not turn_id or not isinstance(evaluation, dict):
         return False
     try:
@@ -1051,10 +1177,15 @@ async def _hydrate_sessions_turn_evaluations(sessions: list[InProcSession]) -> N
 
 
 async def ensure_review_tables() -> None:
-    """Create runtime review/evaluation storage when the DB role allows it."""
+    """Verify the review schema, with DDL repair restricted to local development."""
     try:
         get_pool()
         async with acquire(role="admin") as conn:
+            ready = await schema_contract_ready(conn, REVIEW_SCHEMA_CONTRACT)
+            if not runtime_schema_bootstrap_required(
+                REVIEW_SCHEMA_CONTRACT, ready=ready
+            ):
+                return
             await conn.execute(
                 """
                 CREATE TABLE IF NOT EXISTS app.session_evaluation (
@@ -1521,7 +1652,13 @@ async def ensure_review_tables() -> None:
                   )
                 """
             )
+            if not await schema_contract_ready(conn, REVIEW_SCHEMA_CONTRACT):
+                raise RuntimeError(
+                    "review/evaluation development schema bootstrap did not satisfy readiness"
+                )
     except Exception:
+        if settings.environment != "dev":
+            raise
         return
 
 
@@ -1584,7 +1721,11 @@ async def load_session_evaluation(
                 session_id,
             )
             if row is None:
-                cached = _EVALUATION_CACHE.get(session_id) if runtime_fallback_allowed() else None
+                cached = (
+                    _EVALUATION_CACHE.get(session_id)
+                    if runtime_fallback_allowed()
+                    else None
+                )
                 return cached, cached is None
             return {
                 "status": row["status"],
@@ -1649,6 +1790,39 @@ async def list_session_evaluations(
         }, False
 
 
+async def _fetch_session_runtime_rows(
+    conn: Any,
+    session_ids: list[str],
+) -> tuple[dict[str, Any], dict[str, list[Any]]]:
+    """세션 상태와 턴을 두 번의 배치 조회로 적재한다."""
+    if not session_ids:
+        return {}, {}
+    state_rows = await conn.fetch(
+        f"""
+        SELECT {SESSION_STATE_SELECT_COLUMNS_SQL}
+        FROM app.session_state
+        WHERE session_id = ANY($1::uuid[])
+        """,
+        session_ids,
+    )
+    states_by_id = {
+        str(state_row["session_id"]): state_row for state_row in state_rows
+    }
+    turn_rows = await conn.fetch(
+        f"""
+        SELECT {SESSION_TURN_SELECT_COLUMNS_SQL}
+        FROM app.turns
+        WHERE session_id = ANY($1::uuid[])
+        ORDER BY session_id, seq
+        """,
+        session_ids,
+    )
+    turns_by_id: dict[str, list[Any]] = {}
+    for turn_row in turn_rows:
+        turns_by_id.setdefault(str(turn_row["session_id"]), []).append(turn_row)
+    return states_by_id, turns_by_id
+
+
 async def list_sessions_missing_session_evaluation(
     *,
     older_than_seconds: float,
@@ -1661,42 +1835,11 @@ async def list_sessions_missing_session_evaluation(
         stale_seconds = max(float(older_than_seconds), 0.0)
         async with acquire(ai_context=True, ai_view="evaluator") as conn:
             rows = await conn.fetch(
-                """
-                SELECT
-                  s.id, s.runtime_case_id, s.case_id, s.learner_id, s.persona_code,
-                  s.session_no, s.theory_mode, s.started_at, s.ended_at,
-                  s.prev_rapport_credit,
-                  COALESCE(
-                    NULLIF(learner.display_name, ''),
-                    NULLIF(learner.nickname, ''),
-                    NULLIF(learner.email, ''),
-                    s.learner_id::text
-                  ) AS learner_label,
-                  pc.persona_id AS card_persona_id,
-                  pc.code AS card_code,
-                  pc.version AS card_version,
-                  pc.status AS card_status,
-                  pc.display_name AS card_display_name,
-                  pc.difficulty AS card_difficulty,
-                  pc.theory_target AS card_theory_target,
-                  pc.demographics AS card_demographics,
-                  pc.presenting AS card_presenting,
-                  pc.history AS card_history,
-                  pc.big5 AS card_big5,
-                  pc.resistance AS card_resistance,
-                  pc.speech_style AS card_speech_style,
-                  pc.affect_baseline AS card_affect_baseline,
-                  pc.ccd AS card_ccd,
-                  pc.dsm5_dimensional AS card_dsm5_dimensional,
-                  pc.triggers AS card_triggers,
-                  pc.source_provenance AS card_source_provenance,
-                  pc.is_synthetic AS card_is_synthetic
+                f"""
+                SELECT {SESSION_PERSONA_SELECT_COLUMNS_SQL}
                 FROM app.sessions s
                 LEFT JOIN app.session_evaluation se ON se.session_id = s.id
-                LEFT JOIN app.persona_card pc
-                  ON pc.persona_id = s.persona_id
-                 AND pc.version = s.persona_version
-                LEFT JOIN app.app_user learner ON learner.user_id = s.learner_id
+                {SESSION_PERSONA_JOINS_SQL}
                 WHERE s.ended_at IS NOT NULL
                   AND s.ended_at <= now() - ($1::double precision * interval '1 second')
                   AND se.session_id IS NULL
@@ -1712,30 +1855,18 @@ async def list_sessions_missing_session_evaluation(
                 stale_seconds,
                 max(1, int(limit)),
             )
+            session_ids = [str(row["id"]) for row in rows]
+            states_by_id, turns_by_id = await _fetch_session_runtime_rows(
+                conn, session_ids
+            )
             sessions: list[InProcSession] = []
             for row in rows:
                 session_id = str(row["id"])
-                state_row = await conn.fetchrow(
-                    """
-                    SELECT stage, turn_seq, effective_openness, rapport_credit, resistance,
-                           ideation_stage, turns_in_stage, affect_state
-                    FROM app.session_state
-                    WHERE session_id = $1::uuid
-                    """,
-                    session_id,
+                sess = _session_from_rows(
+                    row,
+                    states_by_id.get(session_id),
+                    turns_by_id.get(session_id, []),
                 )
-                turn_rows = await conn.fetch(
-                    """
-                    SELECT id, seq, speaker, stage, text, text_masked, created_at,
-                           llm_provider, model, tokens_in, tokens_out, cost_usd,
-                           audio_ref, silence_ms, speech_rate, barge_in, provider_events, visible_to
-                    FROM app.turns
-                    WHERE session_id = $1::uuid
-                    ORDER BY seq
-                    """,
-                    session_id,
-                )
-                sess = _session_from_rows(row, state_row, turn_rows)
                 if sess is not None:
                     sessions.append(sess)
             return sessions, True
@@ -1793,7 +1924,9 @@ async def load_case_worksheet(
             )
             if row is None:
                 return (
-                    _CASE_WORKSHEET_CACHE.get(session_id) if runtime_fallback_allowed() else None
+                    _CASE_WORKSHEET_CACHE.get(session_id)
+                    if runtime_fallback_allowed()
+                    else None
                 ), False
             payload = dict(row["payload"] or {})
             payload.setdefault("savedAt", _iso_dt(row["updated_at"]))
@@ -1909,7 +2042,9 @@ async def get_live_coach_quota(
             return _live_coach_quota_payload(remaining), True
     except Exception:
         require_runtime_fallback_allowed("live coach quota")
-        return _live_coach_quota_payload(_live_coach_cached_remaining(session_id)), False
+        return _live_coach_quota_payload(
+            _live_coach_cached_remaining(session_id)
+        ), False
 
 
 async def list_live_coach_credit_events(
@@ -1992,7 +2127,8 @@ async def record_live_coach_recharge(
         require_runtime_fallback_allowed("live coach recharge")
         events = _LIVE_COACH_EVENT_CACHE.setdefault(session_id, [])
         if any(
-            event.get("event_type") == "recharge" and int(event.get("turn_seq") or 0) == int(turn_seq)
+            event.get("event_type") == "recharge"
+            and int(event.get("turn_seq") or 0) == int(turn_seq)
             for event in events
         ):
             return None, False
@@ -2094,8 +2230,7 @@ async def list_session_review_statuses(
                 session_ids,
             )
             return {
-                str(row["session_id"]): _review_status_from_row(row)
-                for row in rows
+                str(row["session_id"]): _review_status_from_row(row) for row in rows
             }, True
     except Exception:
         require_runtime_fallback_allowed("session review status list")
@@ -2326,7 +2461,9 @@ async def list_session_archives(
                 """,
                 session_ids,
             )
-        return {str(row["session_id"]): _archive_record_from_row(row) for row in rows}, True
+        return {
+            str(row["session_id"]): _archive_record_from_row(row) for row in rows
+        }, True
     except Exception:
         require_runtime_fallback_allowed("session archive list")
         return {
@@ -2385,7 +2522,9 @@ async def set_session_archived(
                 session_id,
                 learner_id,
             )
-            return (_archive_record_from_row(deleted) if deleted is not None else None), True
+            return (
+                _archive_record_from_row(deleted) if deleted is not None else None
+            ), True
     except Exception:
         require_runtime_fallback_allowed("session archive update")
         return (_SESSION_ARCHIVE_CACHE.get(session_id) if archived else None), False
@@ -2420,10 +2559,15 @@ def _session_from_rows(row, state_row, turn_rows: Iterable) -> InProcSession | N
         ended=ended_at is not None,
         prev_rapport_credit=float(row["prev_rapport_credit"] or 0.0),
         learner_label=_clean_text(_row_value(row, "learner_label")),
+        goal_stages=[
+            str(v) for v in _json_list_payload(_row_value(row, "session_goals"))
+        ],
     )
 
 
-async def _upsert_state(conn, session_id: str, state: state_machine.SessionState) -> None:
+async def _upsert_state(
+    conn, session_id: str, state: state_machine.SessionState
+) -> None:
     await conn.execute(
         """
         INSERT INTO app.session_state (
@@ -2493,6 +2637,7 @@ async def create_session(
     persona_id: str | None = None,
     persona_version: int | None = None,
     case_id: str | None = None,
+    goal_stages: list[str] | None = None,
 ) -> InProcSession | None:
     """Create a DB-backed session, returning None when DB persistence is unavailable."""
     try:
@@ -2537,12 +2682,12 @@ async def create_session(
                     INSERT INTO app.sessions (
                       runtime_case_id, case_id, learner_id, persona_id, persona_version,
                       persona_code, persona_display_name, persona_difficulty,
-                      session_no, theory_mode, stage_path, prev_rapport_credit
+                      session_no, theory_mode, stage_path, prev_rapport_credit, session_goals
                     )
                     VALUES (
                       $1::uuid, $2::uuid, $3::uuid, $4::uuid, $5,
                       $6, $7, $8,
-                      $9, $10, '[]'::jsonb, $11
+                      $9, $10, '[]'::jsonb, $11, $12::jsonb
                     )
                     RETURNING id, runtime_case_id, case_id, learner_id, persona_code,
                               session_no, theory_mode, started_at, ended_at, prev_rapport_credit
@@ -2558,6 +2703,7 @@ async def create_session(
                     session_no,
                     theory_mode,
                     carry_rapport,
+                    json.dumps(list(goal_stages or []), ensure_ascii=False),
                 )
                 await _upsert_state(conn, str(row["id"]), state)
         return InProcSession(
@@ -2574,6 +2720,7 @@ async def create_session(
             turns=[],
             ended=False,
             prev_rapport_credit=carry_rapport,
+            goal_stages=list(goal_stages or []),
         )
     except Exception:
         require_runtime_fallback_allowed("session creation")
@@ -2595,41 +2742,10 @@ async def load_session(
             cohort_ids=principal.cohort_ids,
         ) as conn:
             row = await conn.fetchrow(
-                """
-                SELECT
-                  s.id, s.runtime_case_id, s.case_id, s.learner_id, s.persona_code,
-                  s.session_no, s.theory_mode, s.started_at, s.ended_at,
-                  s.prev_rapport_credit,
-                  COALESCE(
-                    NULLIF(learner.display_name, ''),
-                    NULLIF(learner.nickname, ''),
-                    NULLIF(learner.email, ''),
-                    s.learner_id::text
-                  ) AS learner_label,
-                  pc.persona_id AS card_persona_id,
-                  pc.code AS card_code,
-                  pc.version AS card_version,
-                  pc.status AS card_status,
-                  pc.display_name AS card_display_name,
-                  pc.difficulty AS card_difficulty,
-                  pc.theory_target AS card_theory_target,
-                  pc.demographics AS card_demographics,
-                  pc.presenting AS card_presenting,
-                  pc.history AS card_history,
-                  pc.big5 AS card_big5,
-                  pc.resistance AS card_resistance,
-                  pc.speech_style AS card_speech_style,
-                  pc.affect_baseline AS card_affect_baseline,
-                  pc.ccd AS card_ccd,
-                  pc.dsm5_dimensional AS card_dsm5_dimensional,
-                  pc.triggers AS card_triggers,
-                  pc.source_provenance AS card_source_provenance,
-                  pc.is_synthetic AS card_is_synthetic
+                f"""
+                SELECT {SESSION_PERSONA_SELECT_COLUMNS_SQL}
                 FROM app.sessions s
-                LEFT JOIN app.persona_card pc
-                  ON pc.persona_id = s.persona_id
-                 AND pc.version = s.persona_version
-                LEFT JOIN app.app_user learner ON learner.user_id = s.learner_id
+                {SESSION_PERSONA_JOINS_SQL}
                 WHERE s.id = $1::uuid
                 """,
                 session_id,
@@ -2638,27 +2754,14 @@ async def load_session(
                 return None
             if row["ended_at"] is not None and not allow_ended:
                 return None
-            state_row = await conn.fetchrow(
-                """
-                SELECT stage, turn_seq, effective_openness, rapport_credit, resistance,
-                       ideation_stage, turns_in_stage, affect_state
-                FROM app.session_state
-                WHERE session_id = $1::uuid
-                """,
-                session_id,
+            states_by_id, turns_by_id = await _fetch_session_runtime_rows(
+                conn, [session_id]
             )
-            turn_rows = await conn.fetch(
-                """
-                SELECT id, seq, speaker, stage, text, text_masked, created_at,
-                       llm_provider, model, tokens_in, tokens_out, cost_usd,
-                       audio_ref, silence_ms, speech_rate, barge_in, provider_events, visible_to
-                FROM app.turns
-                WHERE session_id = $1::uuid
-                ORDER BY seq
-                """,
-                session_id,
+            sess = _session_from_rows(
+                row,
+                states_by_id.get(session_id),
+                turns_by_id.get(session_id, []),
             )
-            sess = _session_from_rows(row, state_row, turn_rows)
             if sess is not None:
                 await _record_session_read_audit(
                     conn,
@@ -2926,15 +3029,21 @@ async def _upsert_pinned_fact_candidates(conn: Any, sess: InProcSession) -> None
         )
 
 
-def _build_session_summary_write(sess: InProcSession, carry: memory.CarryOver) -> SessionSummaryWrite:
+def _build_session_summary_write(
+    sess: InProcSession, carry: memory.CarryOver
+) -> SessionSummaryWrite:
     digest_input = memory.build_session_digest_input(
         session_id=sess.session_id,
         case_id=sess.case_id,
         session_no=sess.session_no,
         masked_turns=sess.masked_turns(visible_to="client"),
-        open_threads=carry.compression_job.open_threads if carry.compression_job else [],
+        open_threads=carry.compression_job.open_threads
+        if carry.compression_job
+        else [],
+    )
+    digest_result = memory.build_fallback_digest_result(
+        digest_input, end_state=carry.end_state
     )
-    digest_result = memory.build_fallback_digest_result(digest_input, end_state=carry.end_state)
     return SessionSummaryWrite(
         session_id=sess.session_id,
         case_id=sess.case_id,
@@ -3072,8 +3181,12 @@ async def _list_sessions(
 ) -> tuple[list[InProcSession], bool]:
     try:
         get_pool()
-        learner_filter = "WHERE s.learner_id = $1::uuid" if principal.role.value == "learner" else ""
-        query_args: list[object] = [principal.user_id] if principal.role.value == "learner" else []
+        learner_filter = (
+            "WHERE s.learner_id = $1::uuid" if principal.role.value == "learner" else ""
+        )
+        query_args: list[object] = (
+            [principal.user_id] if principal.role.value == "learner" else []
+        )
         limit_clause = ""
         if session_limit is not None:
             query_args.append(max(1, int(session_limit)))
@@ -3085,40 +3198,9 @@ async def _list_sessions(
         ) as conn:
             rows = await conn.fetch(
                 f"""
-                SELECT
-                  s.id, s.runtime_case_id, s.case_id, s.learner_id, s.persona_code,
-                  s.session_no, s.theory_mode, s.started_at, s.ended_at,
-                  s.prev_rapport_credit,
-                  COALESCE(
-                    NULLIF(learner.display_name, ''),
-                    NULLIF(learner.nickname, ''),
-                    NULLIF(learner.email, ''),
-                    s.learner_id::text
-                  ) AS learner_label,
-                  pc.persona_id AS card_persona_id,
-                  pc.code AS card_code,
-                  pc.version AS card_version,
-                  pc.status AS card_status,
-                  pc.display_name AS card_display_name,
-                  pc.difficulty AS card_difficulty,
-                  pc.theory_target AS card_theory_target,
-                  pc.demographics AS card_demographics,
-                  pc.presenting AS card_presenting,
-                  pc.history AS card_history,
-                  pc.big5 AS card_big5,
-                  pc.resistance AS card_resistance,
-                  pc.speech_style AS card_speech_style,
-                  pc.affect_baseline AS card_affect_baseline,
-                  pc.ccd AS card_ccd,
-                  pc.dsm5_dimensional AS card_dsm5_dimensional,
-                  pc.triggers AS card_triggers,
-                  pc.source_provenance AS card_source_provenance,
-                  pc.is_synthetic AS card_is_synthetic
+                SELECT {SESSION_PERSONA_SELECT_COLUMNS_SQL}
                 FROM app.sessions s
-                LEFT JOIN app.persona_card pc
-                  ON pc.persona_id = s.persona_id
-                 AND pc.version = s.persona_version
-                LEFT JOIN app.app_user learner ON learner.user_id = s.learner_id
+                {SESSION_PERSONA_JOINS_SQL}
                 {learner_filter}
                 ORDER BY s.started_at DESC
                 {limit_clause}
@@ -3127,32 +3209,9 @@ async def _list_sessions(
             )
             # N+1 제거: 세션별 state/turns fetch 루프(1+2N 왕복) 대신 id 집합으로 한 번씩 배치 조회.
             session_ids = [str(row["id"]) for row in rows]
-            states_by_id: dict[str, Any] = {}
-            turns_by_id: dict[str, list] = {}
-            if session_ids:
-                state_rows = await conn.fetch(
-                    """
-                    SELECT session_id, stage, turn_seq, effective_openness, rapport_credit, resistance,
-                           ideation_stage, turns_in_stage, affect_state
-                    FROM app.session_state
-                    WHERE session_id = ANY($1::uuid[])
-                    """,
-                    session_ids,
-                )
-                states_by_id = {str(state_row["session_id"]): state_row for state_row in state_rows}
-                turn_rows_all = await conn.fetch(
-                    """
-                    SELECT session_id, id, seq, speaker, stage, text, text_masked, created_at,
-                           llm_provider, model, tokens_in, tokens_out, cost_usd,
-                           audio_ref, silence_ms, speech_rate, barge_in, provider_events, visible_to
-                    FROM app.turns
-                    WHERE session_id = ANY($1::uuid[])
-                    ORDER BY session_id, seq
-                    """,
-                    session_ids,
-                )
-                for turn_row in turn_rows_all:
-                    turns_by_id.setdefault(str(turn_row["session_id"]), []).append(turn_row)
+            states_by_id, turns_by_id = await _fetch_session_runtime_rows(
+                conn, session_ids
+            )
             sessions: list[InProcSession] = []
             for row in rows:
                 session_id = str(row["id"])
diff --git a/apps/api/app/session_read_model.py b/apps/api/app/session_read_model.py
index b1f923c..dd9d4e8 100644
--- a/apps/api/app/session_read_model.py
+++ b/apps/api/app/session_read_model.py
@@ -16,13 +16,13 @@ from typing import Any, Literal, Optional, cast
 from pydantic import BaseModel, Field
 
 from .config import settings
-from .services import guardrail, session_metrics
+from .services import guardrail, session_metrics, state_machine
 from .stage_contract import (
     ReviewPhaseKey,
     StageLabel,
     review_phase_key,
     stage_label as _normalize_stage_label,
-    stage_label_or_none,
+    stage_label_or_none as stage_label_or_none,
 )
 from .store import InProcSession, TurnRecord
 
@@ -106,6 +106,8 @@ class LearnerDashboardPersonaProgress(BaseModel):
     latest_stage: StageLabel | None = None
     latest_score: float | None = None
     trend: str = "insufficient"
+    # P2 누적 게이지: 이 페르소나와 쌓아온 라포 누적(전 주기 임계 기준 %).
+    rapport_percent: int = 0
 
 
 class LearnerDashboardAchievement(BaseModel):
@@ -147,6 +149,75 @@ class SessionArchiveResponse(BaseModel):
     session: LearnerSessionSummary
 
 
+class SessionStageProgress(BaseModel):
+    """단계별 누적 게이지(P2). 상태머신 결정론 수치의 파생값만 담는다."""
+
+    stage: StageLabel
+    percent: int = 0
+    achieved: bool = False
+    is_goal: bool = False
+
+
+class SessionProgress(BaseModel):
+    """회기 진행 상세(P2). 내부 원값 명칭 대신 학습자-안전 파생 %만 노출한다."""
+
+    stages: list[SessionStageProgress] = Field(default_factory=list)
+    rapport_percent: int = 0
+    rapport_delta_percent: int = 0
+    resistance_percent: int = 0
+    openness_percent: int = 0
+
+
+# 전 주기(라포→정리) 기준 라포 만점: 마지막 전이 임계(개입→정리)를 100으로 본다.
+_FULL_CYCLE_RAPPORT = max(state_machine.STAGE_ADVANCE_RAPPORT.values())
+
+
+def _rapport_percent(credit: float) -> int:
+    if _FULL_CYCLE_RAPPORT <= 0:
+        return 0
+    return max(0, min(100, int(round(float(credit or 0.0) / _FULL_CYCLE_RAPPORT * 100))))
+
+
+def build_session_progress(
+    state: state_machine.SessionState,
+    *,
+    prev_rapport_credit: float = 0.0,
+    goal_stages: list[str] | None = None,
+) -> SessionProgress:
+    """상태머신 수치 → 단계 누적 게이지/상세 수치 파생(순수함수, LLM 미경유).
+
+    누적성: rapport_credit 은 회기 간 ×0.7 이월되므로 다음 회기 게이지는 이월분에서 시작한다.
+    """
+    goals = {stage_label(goal) for goal in (goal_stages or [])}
+    order = state_machine.STAGE_ORDER
+    cur_idx = order.index(state.stage)
+    stages: list[SessionStageProgress] = []
+    for i, st in enumerate(order):
+        label = stage_label(st)
+        if i < cur_idx:
+            pct, achieved = 100, True
+        elif i > cur_idx:
+            pct, achieved = 0, False
+        elif st is state_machine.Stage.CLOSE:
+            pct, achieved = 100, True
+        else:
+            need = state_machine.STAGE_ADVANCE_RAPPORT.get(st, 1.0)
+            ratio = min(1.0, float(state.rapport_credit or 0.0) / need) if need > 0 else 0.0
+            pct, achieved = min(99, int(round(ratio * 99))), False
+        stages.append(
+            SessionStageProgress(stage=label, percent=pct, achieved=achieved, is_goal=label in goals)
+        )
+    rapport_pct = _rapport_percent(state.rapport_credit)
+    prev_pct = _rapport_percent(prev_rapport_credit)
+    return SessionProgress(
+        stages=stages,
+        rapport_percent=rapport_pct,
+        rapport_delta_percent=max(0, rapport_pct - prev_pct),
+        resistance_percent=max(0, min(100, int(round(float(state.resistance or 0.0) * 100)))),
+        openness_percent=max(0, min(100, int(round(float(state.effective_openness or 0.0) * 100)))),
+    )
+
+
 class SessionDetailTurn(BaseModel):
     turn_seq: int
     speaker: Literal["learner", "client"]
@@ -168,6 +239,12 @@ class SessionDetailResponse(BaseModel):
     ended_at: str | None = None
     turns: list[SessionDetailTurn] = Field(default_factory=list)
     review_ready: bool = False
+    # 시간 기반 회기(2026-07-13 회의 P1): 새로고침 복원 시 타이머·목표 표시의 기준.
+    goal_stages: list[StageLabel] = Field(default_factory=list)
+    duration_limit_seconds: int = 0
+    warning_before_end_seconds: int = 0
+    # P2 단계 누적 게이지·상세 수치.
+    progress: SessionProgress | None = None
 
 
 class ReviewClient(BaseModel):
@@ -537,6 +614,7 @@ def dashboard_persona_progress(
                 latest_stage=stage_label(latest.state.stage),
                 latest_score=growth.latest_score if growth else None,
                 trend=growth.trend if growth else "insufficient",
+                rapport_percent=_rapport_percent(latest.state.rapport_credit),
             )
         )
     return sorted(
@@ -643,6 +721,14 @@ def session_detail(
             for turn in turns
         ],
         review_ready=review_ready,
+        goal_stages=[stage_label(goal) for goal in (sess.goal_stages or [])],
+        duration_limit_seconds=max(0, settings.session_duration_minutes) * 60,
+        warning_before_end_seconds=max(0, settings.session_warning_minutes) * 60,
+        progress=build_session_progress(
+            sess.state,
+            prev_rapport_credit=sess.prev_rapport_credit,
+            goal_stages=list(sess.goal_stages or []),
+        ),
     )
 
 
diff --git a/apps/api/app/store.py b/apps/api/app/store.py
index a18330b..f28445d 100644
--- a/apps/api/app/store.py
+++ b/apps/api/app/store.py
@@ -10,7 +10,7 @@ DB(NAS Postgres)가 단일 SoR 이지만(db.py), Docker off 개발/시연에서
 from __future__ import annotations
 
 import time
-from dataclasses import asdict, dataclass, field
+from dataclasses import dataclass, field
 from decimal import Decimal
 from typing import Optional
 from uuid import uuid4
@@ -69,6 +69,7 @@ class InProcSession:
     ended: bool = False
     prev_rapport_credit: float = 0.0   # carry-over delta 계산용
     learner_label: str | None = None
+    goal_stages: list[str] = field(default_factory=list)  # 이번 회기 목표 단계(학습자 선택, 최대 4)
 
     def turns_visible_to(self, role: str) -> list[TurnRecord]:
         return [turn for turn in self.turns if turn.is_visible_to(role)]
@@ -97,6 +98,7 @@ class SessionStore:
         state: SessionState,
         session_no: int = 1,
         carry_rapport: float = 0.0,
+        goal_stages: list[str] | None = None,
     ) -> InProcSession:
         session_id = uuid4().hex
         case_id = uuid4().hex
@@ -110,6 +112,7 @@ class SessionStore:
             state=state,
             session_no=session_no,
             prev_rapport_credit=carry_rapport,
+            goal_stages=list(goal_stages or []),
         )
         self._sessions[session_id] = s
         return s
diff --git a/apps/api/app/taxonomy.py b/apps/api/app/taxonomy.py
index 7242255..71f93e6 100644
--- a/apps/api/app/taxonomy.py
+++ b/apps/api/app/taxonomy.py
@@ -26,7 +26,9 @@ from dataclasses import dataclass, field
 from enum import Enum
 from typing import Optional
 
-TAXONOMY_VERSION = "1.0.0"  # 라벨 코드 불변 보장 버전. 새 라벨 추가 시 minor++.
+TAXONOMY_VERSION = "1.1.0"  # 라벨 코드 불변 보장 버전. 새 라벨 추가 시 minor++.
+# 1.1.0 (2026-07-15): 연구팀 태깅 축어록 4종(첫회기 BPS·게슈탈트 3회기·자해 DBT·우울 CBT)
+# 태그 정합을 위해 Technique 9종·ClientState 9종 append-only 추가. 기존 코드 불변.
 
 
 # ════════════════════════════════════════════════════════════════════════════
@@ -94,16 +96,28 @@ class Technique(str, Enum):
     RISK_ASSESSMENT = "risk_assessment"  # 위험요인/자해·자살 탐색 (0615: "위험요인 탐색", "자해 위험 및 경험 탐색")
     CONSENT_MOTIVATION_CHECK = "consent_motivation_check"  # 동의/동기 확인 (0615: "동의확인, 동기수준 확인")
     OPINION_CHECK = "opinion_check"   # 내담자 의견·반응 확인 (0615: "내담자 의견 확인", "주호소 문제 재확인")
+    # 1.1.0 추가 (연구팀 태깅 자료 정합)
+    CLARIFICATION = "clarification"   # 명료화 질문 (cbt: "이해를 명확하게 하기 위해 질문", ch3 다수)
+    SCALING = "scaling"               # 감정/증상 수치화·척도 질문 (cbt: 감정 강도 0~100)
+    CHAIN_ANALYSIS = "chain_analysis"  # 행동 체인분석 — 사건→감정→행동 사슬 탐색 (dbt)
 
     # ── INTERVENTION ──
     CONFRONTATION = "confrontation"   # 직면 (0615: "기초자료를 활용하여 반응의 불일치에 직면시킴")
     INTERPRETATION = "interpretation"  # 해석 (0615: "모순의 의미를 해석함", "비언어적 자극 해석", "행동의 재해석")
+    # 1.1.0 추가
+    COGNITIVE_RESTRUCTURING = "cognitive_restructuring"  # 인지재구성 — 이분법·파국화 확인, 연속선 사고, 핵심신념 작업 (cbt 55건)
+    BEHAVIORAL_ALTERNATIVE = "behavioral_alternative"  # 대안행동 탐색·계획 (cbt)
+    COMMITMENT_STRATEGY = "commitment_strategy"  # 서약/전념 전략 — 악마의 옹호자, 방해물 예상 (dbt)
+    HERE_AND_NOW_FOCUS = "here_and_now_focus"  # 지금-여기 초점화 (gestalt: 현전·트래킹)
 
     # ── STABILIZING ──
     STABILIZATION = "stabilization"   # 안정화 (0615: "안정화")
     HOPE_INSTILLATION = "hope_instillation"  # 희망고취 (0615: "동기부여, 희망고취", "희망 고취, 욕구 반영")
     REINFORCEMENT = "reinforcement"   # 강화 (0615: "강화")
     NORMALIZATION = "normalization"   # 정상화 (0615: "감정 반응을 노출하는 것을 정상화함")
+    # 1.1.0 추가
+    RESTATEMENT = "restatement"       # 재진술 — 내용을 되돌려 확인 (cbt: 재진술 후 내담자 확인 대기)
+    SKILLS_COACHING = "skills_coaching"  # 기술 코칭 — 고통감내·위기대처 기술 안내 (dbt)
 
     # ── STRUCTURING ──
     PRINCIPLE_EXPLANATION = "principle_explanation"  # 상담원칙/비밀보장 설명 (0615: "상담원칙에 대한 설명", "비밀보장 제외 원칙 설명")
@@ -134,6 +148,16 @@ TECHNIQUE_CATEGORY: dict[Technique, TechniqueCategory] = {
     Technique.PRINCIPLE_EXPLANATION: TechniqueCategory.STRUCTURING,
     Technique.PSYCHOEDUCATION: TechniqueCategory.STRUCTURING,
     Technique.HOMEWORK: TechniqueCategory.STRUCTURING,
+    # 1.1.0 추가
+    Technique.CLARIFICATION: TechniqueCategory.EXPLORATORY,
+    Technique.SCALING: TechniqueCategory.EXPLORATORY,
+    Technique.CHAIN_ANALYSIS: TechniqueCategory.EXPLORATORY,
+    Technique.COGNITIVE_RESTRUCTURING: TechniqueCategory.INTERVENTION,
+    Technique.BEHAVIORAL_ALTERNATIVE: TechniqueCategory.INTERVENTION,
+    Technique.COMMITMENT_STRATEGY: TechniqueCategory.INTERVENTION,
+    Technique.HERE_AND_NOW_FOCUS: TechniqueCategory.INTERVENTION,
+    Technique.RESTATEMENT: TechniqueCategory.RELATIONAL,
+    Technique.SKILLS_COACHING: TechniqueCategory.STABILIZING,
 }
 
 # 한글 표시명(UI 라벨 칩·리뷰 화면). docs/taxonomy.md 와 일치.
@@ -159,6 +183,16 @@ TECHNIQUE_KO: dict[Technique, str] = {
     Technique.PRINCIPLE_EXPLANATION: "상담원칙 설명",
     Technique.PSYCHOEDUCATION: "심리교육",
     Technique.HOMEWORK: "과제 부여",
+    # 1.1.0 추가
+    Technique.CLARIFICATION: "명료화",
+    Technique.SCALING: "수치화 질문",
+    Technique.CHAIN_ANALYSIS: "체인분석",
+    Technique.COGNITIVE_RESTRUCTURING: "인지재구성",
+    Technique.BEHAVIORAL_ALTERNATIVE: "대안행동 탐색",
+    Technique.COMMITMENT_STRATEGY: "전념 전략",
+    Technique.HERE_AND_NOW_FOCUS: "지금-여기 초점화",
+    Technique.RESTATEMENT: "재진술",
+    Technique.SKILLS_COACHING: "기술 코칭",
 }
 
 
@@ -183,6 +217,16 @@ class ClientState(str, Enum):
     RESPONDS_TO_EXPLORATION = "responds_to_exploration"  # 탐색에 반응함 (0615: "상담자의 탐색에 반응함")
     EXPRESSES_PLAN = "expresses_plan"    # 자기 계획/욕구 표현 (0615: "자신의 계획을 표현함")
     DEFENSE_LOOSENING = "defense_loosening"  # 방어가 서서히 풀림 (0615: "방어가 서서히 풀어지고 있음")
+    # 1.1.0 추가 (연구팀 태깅 자료 정합)
+    COMPLIANT_SURFACE = "compliant_surface"  # 표면 순응 — 겉으로 동의하나 내면 미변화 (ch2)
+    EXTERNALIZING = "externalizing"      # 문제 외재화 — "아이가 학교만 가면"/"문제는 아내" (ch2·cbt)
+    SEEKS_GUIDANCE = "seeks_guidance"    # 상담자 의견/지시를 구함 (cbt)
+    APPARENT_COMPETENCE = "apparent_competence"  # 겉보기 유능함 — 회기 내 유능, 위기 시 붕괴 (dbt)
+    ACTIVE_PASSIVITY = "active_passivity"  # 적극적 수동성 — 해결을 타인에게 위임 (dbt)
+    SELF_HARM_DISCLOSURE = "self_harm_disclosure"  # 자해 보고 — 자살사고 인정과 구분 (dbt)
+    SOMATIC_COMPLAINT = "somatic_complaint"  # 신체증상 호소 — 숨막힘·두근거림 (ch2)
+    AFFECT_MASKING = "affect_masking"    # 감정 가림 — 웃음·무덤덤함으로 덮기 (ch3)
+    FOCUS_DRIFT_FUSION = "focus_drift_fusion"  # 초점 이탈/융합 — 자기 문제가 타인 이야기로 회귀 (ch2·ch3)
 
 CLIENT_STATE_KO: dict[ClientState, str] = {
     ClientState.INVOLUNTARY: "비자발적 태도",
@@ -196,6 +240,16 @@ CLIENT_STATE_KO: dict[ClientState, str] = {
     ClientState.RESPONDS_TO_EXPLORATION: "탐색에 반응",
     ClientState.EXPRESSES_PLAN: "계획/욕구 표현",
     ClientState.DEFENSE_LOOSENING: "방어 완화",
+    # 1.1.0 추가
+    ClientState.COMPLIANT_SURFACE: "표면 순응",
+    ClientState.EXTERNALIZING: "문제 외재화",
+    ClientState.SEEKS_GUIDANCE: "지시 요청",
+    ClientState.APPARENT_COMPETENCE: "겉보기 유능함",
+    ClientState.ACTIVE_PASSIVITY: "적극적 수동성",
+    ClientState.SELF_HARM_DISCLOSURE: "자해 보고",
+    ClientState.SOMATIC_COMPLAINT: "신체증상 호소",
+    ClientState.AFFECT_MASKING: "감정 가림",
+    ClientState.FOCUS_DRIFT_FUSION: "초점 이탈/융합",
 }
 
 
diff --git a/apps/api/app/test_client_reply_quality.py b/apps/api/app/test_client_reply_quality.py
index 7df0a9b..259ab47 100644
--- a/apps/api/app/test_client_reply_quality.py
+++ b/apps/api/app/test_client_reply_quality.py
@@ -8,6 +8,28 @@ from .services import guardrail
 
 
 class ClientReplyQualityGateTest(unittest.TestCase):
+    def test_blocks_self_harm_means_detail(self) -> None:
+        """자해 수단·방법 상세는 차단(1.1 확장 — DBT 자해 페르소나 대비)."""
+        samples = [
+            "커터로 했어요. 그게 제일 쉬워서요.",
+            "면도날을 항상 가지고 다녀요.",
+            "어젯밤에도 손목 긋고 잠들었어요.",
+        ]
+        for sample in samples:
+            with self.subTest(sample=sample):
+                result = guardrail.sanitize_client_reply(sample, ideation_stage=3, turn_seq=4)
+                self.assertTrue(result.needs_regeneration)
+                self.assertTrue(any(r.startswith("means_info:") for r in result.reasons))
+
+    def test_allows_boundary_setting_language(self) -> None:
+        """'선을 긋다'(경계 설정) 같은 정상 상담 표현은 차단하지 않는다."""
+        result = guardrail.sanitize_client_reply(
+            "이제는 엄마랑 선을 긋고 제 생활을 지키고 싶어요.",
+            ideation_stage=1,
+            turn_seq=4,
+        )
+        self.assertFalse(result.needs_regeneration)
+
     def test_blocks_role_meta_speech_variants(self) -> None:
         samples = [
             "내담자 역할로 응답하겠습니다. 엄마가 가보라고 해서요.",
diff --git a/apps/api/app/test_dataset_export.py b/apps/api/app/test_dataset_export.py
index a9b403d..ee73e43 100644
--- a/apps/api/app/test_dataset_export.py
+++ b/apps/api/app/test_dataset_export.py
@@ -7,6 +7,7 @@ from pathlib import Path
 from app.services.dataset_export import (
     APPROVED_EXPORT_STATUS,
     DRY_RUN_EXPORT_STATUS,
+    DatasetManifestInput,
     ExportKeyMaps,
     build_dataset_record,
     build_manifest,
@@ -24,7 +25,9 @@ EXPORT_SCRIPT_PATH = REPO_ROOT / "scripts" / "export-recursive-dataset.py"
 
 
 def load_export_script():
-    spec = importlib.util.spec_from_file_location("export_recursive_dataset", EXPORT_SCRIPT_PATH)
+    spec = importlib.util.spec_from_file_location(
+        "export_recursive_dataset", EXPORT_SCRIPT_PATH
+    )
     assert spec is not None and spec.loader is not None
     module = importlib.util.module_from_spec(spec)
     sys.modules[spec.name] = module
@@ -92,7 +95,10 @@ class DatasetExportTests(unittest.TestCase):
             keys=ExportKeyMaps(),
         )
 
-        self.assertEqual(record["supervisor_comments"], [{"kind": "note", "intent_deviation": {"severity": "low"}}])
+        self.assertEqual(
+            record["supervisor_comments"],
+            [{"kind": "note", "intent_deviation": {"severity": "low"}}],
+        )
         self.assertNotIn("김서연", str(record))
         self.assertNotIn("010-1234-5678", str(record))
 
@@ -109,38 +115,72 @@ class DatasetExportTests(unittest.TestCase):
         self.assertIn("phone", kinds)
         self.assertIn("national_id", kinds)
         self.assertIn("blocked_field", kinds)
-        self.assertFalse(any("learner@hs.ac.kr" in finding["sample"] for finding in findings))
-        self.assertFalse(any("010-1234-5678" in finding["sample"] for finding in findings))
+        self.assertFalse(
+            any("learner@hs.ac.kr" in finding["sample"] for finding in findings)
+        )
+        self.assertFalse(
+            any("010-1234-5678" in finding["sample"] for finding in findings)
+        )
 
     def test_agreement_metrics(self) -> None:
         annotations = [
-            {"item_id": "1", "labels": {"appropriateness": "good", "rapport_signal": 4.0}},
-            {"item_id": "1", "labels": {"appropriateness": "good", "rapport_signal": 4.1}},
-            {"item_id": "2", "labels": {"appropriateness": "bad", "rapport_signal": 2.0}},
-            {"item_id": "2", "labels": {"appropriateness": "bad", "rapport_signal": 2.1}},
-            {"item_id": "3", "labels": {"appropriateness": "good", "rapport_signal": 5.0}},
-            {"item_id": "3", "labels": {"appropriateness": "good", "rapport_signal": 5.0}},
+            {
+                "item_id": "1",
+                "labels": {"appropriateness": "good", "rapport_signal": 4.0},
+            },
+            {
+                "item_id": "1",
+                "labels": {"appropriateness": "good", "rapport_signal": 4.1},
+            },
+            {
+                "item_id": "2",
+                "labels": {"appropriateness": "bad", "rapport_signal": 2.0},
+            },
+            {
+                "item_id": "2",
+                "labels": {"appropriateness": "bad", "rapport_signal": 2.1},
+            },
+            {
+                "item_id": "3",
+                "labels": {"appropriateness": "good", "rapport_signal": 5.0},
+            },
+            {
+                "item_id": "3",
+                "labels": {"appropriateness": "good", "rapport_signal": 5.0},
+            },
         ]
 
         self.assertEqual(cohen_kappa(annotations, "appropriateness"), 1.0)
-        self.assertGreater(intraclass_correlation(annotations, "rapport_signal") or 0, 0.9)
+        self.assertGreater(
+            intraclass_correlation(annotations, "rapport_signal") or 0, 0.9
+        )
 
     def test_manifest_gate_blocks_unapproved_approved_status(self) -> None:
         with self.assertRaisesRegex(ValueError, "PII scan must pass"):
             build_manifest(
-                export_id="phase3-rl-seed-test",
-                dataset_name="vignette_phase3_recursive_learning_seed",
-                export_status=APPROVED_EXPORT_STATUS,
-                purpose="test",
-                records=[],
-                jsonl_path="03-export/anonymized_dataset.jsonl",
-                jsonl_sha256="",
-                pii_findings=[{"kind": "email", "path": "$.text_masked", "sample": "<email:hs.ac.kr>"}],
-                participants_included=0,
-                agreement={"kappa": 0.59, "icc": 0.74, "gold_status": "not_gold"},
+                DatasetManifestInput(
+                    export_id="phase3-rl-seed-test",
+                    dataset_name="vignette_phase3_recursive_learning_seed",
+                    export_status=APPROVED_EXPORT_STATUS,
+                    purpose="test",
+                    records=[],
+                    jsonl_path="03-export/anonymized_dataset.jsonl",
+                    jsonl_sha256="",
+                    pii_findings=[
+                        {
+                            "kind": "email",
+                            "path": "$.text_masked",
+                            "sample": "<email:hs.ac.kr>",
+                        }
+                    ],
+                    participants_included=0,
+                    agreement={"kappa": 0.59, "icc": 0.74, "gold_status": "not_gold"},
+                )
             )
 
-    def test_manifest_gate_requires_withdrawal_and_recursive_consent_scope(self) -> None:
+    def test_manifest_gate_requires_withdrawal_and_recursive_consent_scope(
+        self,
+    ) -> None:
         manifest = {
             "export_status": APPROVED_EXPORT_STATUS,
             "pii_scan": {"status": "pass"},
@@ -172,15 +212,17 @@ class DatasetExportTests(unittest.TestCase):
             write_jsonl([record], path)
             digest = sha256_file(path)
             manifest = build_manifest(
-                export_id="phase3-rl-seed-test",
-                dataset_name="vignette_phase3_recursive_learning_seed",
-                export_status=DRY_RUN_EXPORT_STATUS,
-                purpose="test",
-                records=[record],
-                jsonl_path="03-export/anonymized_dataset.jsonl",
-                jsonl_sha256=digest,
-                pii_findings=[],
-                participants_included=1,
+                DatasetManifestInput(
+                    export_id="phase3-rl-seed-test",
+                    dataset_name="vignette_phase3_recursive_learning_seed",
+                    export_status=DRY_RUN_EXPORT_STATUS,
+                    purpose="test",
+                    records=[record],
+                    jsonl_path="03-export/anonymized_dataset.jsonl",
+                    jsonl_sha256=digest,
+                    pii_findings=[],
+                    participants_included=1,
+                )
             )
         self.assertEqual(manifest["files"][0]["rows"], 1)
         self.assertEqual(manifest["files"][0]["sha256"], digest)
diff --git a/apps/api/app/test_evaluation_persistence.py b/apps/api/app/test_evaluation_persistence.py
index ca7cc2c..56d0c1c 100644
--- a/apps/api/app/test_evaluation_persistence.py
+++ b/apps/api/app/test_evaluation_persistence.py
@@ -43,6 +43,8 @@ class FakeMissingEvaluationConn:
         self.fetches.append((query, args))
         if "FROM app.sessions s" in query:
             return [{"id": "11111111-1111-1111-1111-111111111111"}]
+        if "FROM app.session_state" in query:
+            return [{"session_id": "11111111-1111-1111-1111-111111111111"}]
         if "FROM app.turns" in query:
             return []
         raise AssertionError(f"unexpected fetch query: {query}")
@@ -521,8 +523,12 @@ class EvaluationPersistenceIOTest(unittest.IsolatedAsyncioTestCase):
         self.assertIn("se.session_id IS NULL", session_query)
         self.assertIn("'client' = ANY(t.visible_to)", session_query)
         self.assertIn("ORDER BY s.ended_at ASC", session_query)
-        self.assertEqual(conn.fetchrows[0][1], ("11111111-1111-1111-1111-111111111111",))
-        self.assertIn("FROM app.turns", conn.fetches[1][0])
+        self.assertEqual(
+            conn.fetches[1][1],
+            (["11111111-1111-1111-1111-111111111111"],),
+        )
+        self.assertIn("FROM app.session_state", conn.fetches[1][0])
+        self.assertIn("FROM app.turns", conn.fetches[2][0])
 
     async def test_record_llm_call_audit_inserts_metadata_only(self) -> None:
         conn = FakeEvaluationConn()
diff --git a/apps/api/app/test_live_coach_privacy.py b/apps/api/app/test_live_coach_privacy.py
index b82a311..f1f9bdf 100644
--- a/apps/api/app/test_live_coach_privacy.py
+++ b/apps/api/app/test_live_coach_privacy.py
@@ -80,24 +80,74 @@ class LiveCoachQuotaRechargeTest(unittest.TestCase):
         self.assertTrue(should_recharge)
         self.assertIn("개방도", reason)
 
+        # 성과 없음(개방도 하락) + 페이싱 주기 아님 → 미충전
         should_recharge, _ = turn_runtime.should_recharge_live_coach_credit(
             {"appropriateness": "pos", "rapport_signal": 0.45},
             before,
             state_machine.SessionState(
                 stage=state_machine.Stage.RAPPORT,
                 turn_seq=3,
-                effective_openness=0.16,
+                effective_openness=0.14,
             ),
         )
         self.assertFalse(should_recharge)
 
-        should_recharge, _ = turn_runtime.should_recharge_live_coach_credit(
+    def test_recharge_allows_neutral_with_strong_rapport_and_gain(self) -> None:
+        before = state_machine.SessionState(
+            stage=state_machine.Stage.RAPPORT,
+            turn_seq=2,
+            effective_openness=0.15,
+        )
+        after = state_machine.SessionState(
+            stage=state_machine.Stage.RAPPORT,
+            turn_seq=3,
+            effective_openness=0.19,
+        )
+        should_recharge, reason = turn_runtime.should_recharge_live_coach_credit(
             {"appropriateness": "neutral", "rapport_signal": 0.8},
             before,
             after,
         )
+        self.assertTrue(should_recharge)
+        self.assertIn("라포", reason)
+
+    def test_recharge_warn_turn_does_not_recharge_off_cycle(self) -> None:
+        before = state_machine.SessionState(
+            stage=state_machine.Stage.RAPPORT,
+            turn_seq=2,
+            effective_openness=0.15,
+        )
+        after = state_machine.SessionState(
+            stage=state_machine.Stage.RAPPORT,
+            turn_seq=3,
+            effective_openness=0.19,
+        )
+        should_recharge, _ = turn_runtime.should_recharge_live_coach_credit(
+            {"appropriateness": "warn", "rapport_signal": 0.1},
+            before,
+            after,
+        )
         self.assertFalse(should_recharge)
 
+    def test_pacing_recharge_every_n_turns_even_without_evaluation(self) -> None:
+        before = state_machine.SessionState(
+            stage=state_machine.Stage.RAPPORT,
+            turn_seq=5,
+            effective_openness=0.15,
+        )
+        after = state_machine.SessionState(
+            stage=state_machine.Stage.RAPPORT,
+            turn_seq=turn_runtime._LIVE_COACH_PACING_RECHARGE_EVERY_TURNS,
+            effective_openness=0.14,
+        )
+        should_recharge, reason = turn_runtime.should_recharge_live_coach_credit(
+            None,
+            before,
+            after,
+        )
+        self.assertTrue(should_recharge)
+        self.assertIn("턴", reason)
+
 
 if __name__ == "__main__":
     unittest.main()
diff --git a/apps/api/app/test_rbac_idor.py b/apps/api/app/test_rbac_idor.py
index cc9c361..24d5a2d 100644
--- a/apps/api/app/test_rbac_idor.py
+++ b/apps/api/app/test_rbac_idor.py
@@ -611,11 +611,8 @@ class TeacherAdminAuditTest(unittest.IsolatedAsyncioTestCase):
         learner_id = "00000000-0000-0000-0000-000000000808"
         sess = _session(session_id=session_id, learner_id=learner_id)
         conn = _FakeConn(
-            fetchrow_results=[
-                {"id": session_id, "ended_at": None},
-                None,
-            ],
-            fetch_results=[[]],
+            fetchrow_results=[{"id": session_id, "ended_at": None}],
+            fetch_results=[[], []],
         )
         acquire_calls: list[dict[str, Any]] = []
 
diff --git a/apps/api/app/test_runtime_policy.py b/apps/api/app/test_runtime_policy.py
index a00661d..6c43762 100644
--- a/apps/api/app/test_runtime_policy.py
+++ b/apps/api/app/test_runtime_policy.py
@@ -17,6 +17,7 @@ from .routes import admin as admin_routes
 from .routes import eval as eval_routes
 from .routes import kb as kb_routes
 from .routes import users as users_routes
+from .services import notifications
 
 
 @contextmanager
@@ -48,15 +49,21 @@ class RuntimeFallbackPolicyTest(unittest.IsolatedAsyncioTestCase):
         self.assertFalse(durable)
         self.assertEqual(users, [])
 
-    async def test_staging_blocks_auth_registry_fallback_when_db_pool_missing(self) -> None:
+    async def test_staging_blocks_auth_registry_fallback_when_db_pool_missing(
+        self,
+    ) -> None:
         with environment("staging"):
             with self.assertRaises(HTTPException) as caught:
                 await auth_sessions.list_managed_users()
 
         self.assertEqual(caught.exception.status_code, 503)
-        self.assertIn("runtime fallback is disabled in staging", caught.exception.detail)
+        self.assertIn(
+            "runtime fallback is disabled in staging", caught.exception.detail
+        )
 
-    async def test_prod_blocks_browser_session_creation_when_db_pool_missing(self) -> None:
+    async def test_prod_blocks_browser_session_creation_when_db_pool_missing(
+        self,
+    ) -> None:
         with environment("prod"):
             with self.assertRaises(HTTPException) as caught:
                 await auth_sessions.create_session(
@@ -68,7 +75,9 @@ class RuntimeFallbackPolicyTest(unittest.IsolatedAsyncioTestCase):
         self.assertEqual(caught.exception.status_code, 503)
         self.assertIn("runtime fallback is disabled in prod", caught.exception.detail)
 
-    async def test_staging_blocks_session_store_fallback_when_db_pool_missing(self) -> None:
+    async def test_staging_blocks_session_store_fallback_when_db_pool_missing(
+        self,
+    ) -> None:
         principal = Principal(
             user_id="00000000-0000-0000-0000-000000000001",
             role=Role.LEARNER,
@@ -81,9 +90,13 @@ class RuntimeFallbackPolicyTest(unittest.IsolatedAsyncioTestCase):
                 await session_persistence.list_recent_sessions(principal)
 
         self.assertEqual(caught.exception.status_code, 503)
-        self.assertIn("runtime fallback is disabled in staging", caught.exception.detail)
+        self.assertIn(
+            "runtime fallback is disabled in staging", caught.exception.detail
+        )
 
-    async def test_staging_blocks_eval_store_cache_fallback_when_db_pool_missing(self) -> None:
+    async def test_staging_blocks_eval_store_cache_fallback_when_db_pool_missing(
+        self,
+    ) -> None:
         principal = Principal(
             user_id="00000000-0000-0000-0000-000000000002",
             role=Role.TEACHER,
@@ -93,10 +106,14 @@ class RuntimeFallbackPolicyTest(unittest.IsolatedAsyncioTestCase):
         )
         with environment("staging"):
             with self.assertRaises(HTTPException) as caught:
-                await eval_routes.get_session_evaluation("missing-session-id", principal)
+                await eval_routes.get_session_evaluation(
+                    "missing-session-id", principal
+                )
 
         self.assertEqual(caught.exception.status_code, 503)
-        self.assertIn("runtime fallback is disabled in staging", caught.exception.detail)
+        self.assertIn(
+            "runtime fallback is disabled in staging", caught.exception.detail
+        )
 
     async def test_staging_kb_search_fails_closed_when_db_pool_missing(self) -> None:
         with environment("staging"):
@@ -106,7 +123,9 @@ class RuntimeFallbackPolicyTest(unittest.IsolatedAsyncioTestCase):
         self.assertEqual(caught.exception.status_code, 503)
         self.assertIn("DB not ready", caught.exception.detail)
 
-    async def test_staging_blocks_user_preferences_fallback_when_db_pool_missing(self) -> None:
+    async def test_staging_blocks_user_preferences_fallback_when_db_pool_missing(
+        self,
+    ) -> None:
         principal = Principal(
             user_id="00000000-0000-0000-0000-000000000003",
             role=Role.LEARNER,
@@ -119,9 +138,13 @@ class RuntimeFallbackPolicyTest(unittest.IsolatedAsyncioTestCase):
                 await users_routes.get_preferences(principal)
 
         self.assertEqual(caught.exception.status_code, 503)
-        self.assertIn("runtime fallback is disabled in staging", caught.exception.detail)
+        self.assertIn(
+            "runtime fallback is disabled in staging", caught.exception.detail
+        )
 
-    async def test_dev_allows_user_preferences_fallback_when_db_pool_missing(self) -> None:
+    async def test_dev_allows_user_preferences_fallback_when_db_pool_missing(
+        self,
+    ) -> None:
         principal = Principal(
             user_id="00000000-0000-0000-0000-000000000004",
             role=Role.LEARNER,
@@ -134,7 +157,9 @@ class RuntimeFallbackPolicyTest(unittest.IsolatedAsyncioTestCase):
 
         self.assertEqual(prefs.voice_preset_id, "soft-young-fem")
 
-    async def test_prod_blocks_runtime_schema_bootstrap_ddl_when_schema_incomplete(self) -> None:
+    async def test_prod_blocks_runtime_schema_bootstrap_ddl_when_schema_incomplete(
+        self,
+    ) -> None:
         class IncompleteConn:
             async def fetchrow(self, *args, **kwargs):
                 return {
@@ -179,13 +204,80 @@ class RuntimeFallbackPolicyTest(unittest.IsolatedAsyncioTestCase):
             def acquire(self):
                 return IncompleteAcquire()
 
-        with environment("prod"), patch.object(auth_sessions, "get_pool", return_value=IncompletePool()):
+        with (
+            environment("prod"),
+            patch.object(auth_sessions, "get_pool", return_value=IncompletePool()),
+        ):
             with self.assertRaises(RuntimeError) as caught:
                 await auth_sessions.ensure_runtime_tables()
 
         self.assertIn("runtime DB schema is incomplete", str(caught.exception))
 
-    async def test_runtime_readiness_requires_all_turn_voice_metadata_columns(self) -> None:
+    async def test_prod_blocks_review_schema_bootstrap_ddl_when_schema_incomplete(
+        self,
+    ) -> None:
+        class IncompleteConn:
+            async def fetchrow(self, *args, **kwargs):
+                return {"ready": False}
+
+            async def execute(self, *args, **kwargs):
+                raise AssertionError("prod startup must not run review schema DDL")
+
+        class IncompleteAcquire:
+            async def __aenter__(self):
+                return IncompleteConn()
+
+            async def __aexit__(self, exc_type, exc, tb):
+                return None
+
+        with (
+            environment("prod"),
+            patch.object(session_persistence, "get_pool", return_value=object()),
+            patch.object(
+                session_persistence, "acquire", return_value=IncompleteAcquire()
+            ),
+        ):
+            with self.assertRaises(RuntimeError) as caught:
+                await session_persistence.ensure_review_tables()
+
+        self.assertIn(
+            "review/evaluation runtime DB schema is incomplete", str(caught.exception)
+        )
+
+    async def test_prod_blocks_notification_schema_bootstrap_ddl_when_schema_incomplete(
+        self,
+    ) -> None:
+        class IncompleteConn:
+            async def fetchrow(self, *args, **kwargs):
+                return {"ready": False}
+
+            async def execute(self, *args, **kwargs):
+                raise AssertionError(
+                    "prod startup must not run notification schema DDL"
+                )
+
+        class IncompleteAcquire:
+            async def __aenter__(self):
+                return IncompleteConn()
+
+            async def __aexit__(self, exc_type, exc, tb):
+                return None
+
+        with (
+            environment("prod"),
+            patch.object(notifications, "get_pool", return_value=object()),
+            patch.object(notifications, "acquire", return_value=IncompleteAcquire()),
+        ):
+            with self.assertRaises(RuntimeError) as caught:
+                await notifications.ensure_notification_tables()
+
+        self.assertIn(
+            "notification runtime DB schema is incomplete", str(caught.exception)
+        )
+
+    async def test_runtime_readiness_requires_all_turn_voice_metadata_columns(
+        self,
+    ) -> None:
         class VoiceMetadataDriftConn:
             def __init__(self) -> None:
                 self.query = ""
@@ -225,7 +317,13 @@ class RuntimeFallbackPolicyTest(unittest.IsolatedAsyncioTestCase):
         ready = await auth_sessions._runtime_tables_ready(conn)
 
         self.assertFalse(ready)
-        for column in ("audio_ref", "silence_ms", "speech_rate", "barge_in", "provider_events"):
+        for column in (
+            "audio_ref",
+            "silence_ms",
+            "speech_rate",
+            "barge_in",
+            "provider_events",
+        ):
             self.assertIn(column, conn.query)
         self.assertIn("HAVING count(*) = 5", conn.query)
 
@@ -296,7 +394,10 @@ class RuntimeFallbackPolicyTest(unittest.IsolatedAsyncioTestCase):
             def acquire(self):
                 return EmptyConfigAcquire()
 
-        with environment("staging"), patch.object(admin_routes, "get_pool", return_value=EmptyConfigPool()):
+        with (
+            environment("staging"),
+            patch.object(admin_routes, "get_pool", return_value=EmptyConfigPool()),
+        ):
             config = await admin_routes._current_engine_config()
 
         self.assertFalse(config.durable)
@@ -309,14 +410,21 @@ class RuntimeFallbackPolicyTest(unittest.IsolatedAsyncioTestCase):
             def acquire(self):
                 raise RuntimeError("db unavailable")
 
-        with environment("staging"), patch.object(admin_routes, "get_pool", return_value=BrokenConfigPool()):
+        with (
+            environment("staging"),
+            patch.object(admin_routes, "get_pool", return_value=BrokenConfigPool()),
+        ):
             with self.assertRaises(HTTPException) as caught:
                 await admin_routes._current_engine_config()
 
         self.assertEqual(caught.exception.status_code, 503)
-        self.assertIn("runtime fallback is disabled in staging", caught.exception.detail)
+        self.assertIn(
+            "runtime fallback is disabled in staging", caught.exception.detail
+        )
 
-    async def test_prod_admin_health_marks_db_down_when_persistence_unavailable(self) -> None:
+    async def test_prod_admin_health_marks_db_down_when_persistence_unavailable(
+        self,
+    ) -> None:
         principal = Principal(
             user_id="00000000-0000-0000-0000-000000000005",
             role=Role.ADMIN,
@@ -334,10 +442,20 @@ class RuntimeFallbackPolicyTest(unittest.IsolatedAsyncioTestCase):
 
         with (
             environment("prod"),
-            patch.object(admin_routes, "_current_engine_config", AsyncMock(return_value=engine_config)),
+            patch.object(
+                admin_routes,
+                "_current_engine_config",
+                AsyncMock(return_value=engine_config),
+            ),
             patch.object(admin_routes, "healthcheck", AsyncMock(return_value=False)),
-            patch.object(admin_routes.engine_client, "health_detail", AsyncMock(return_value={"ok": True})),
-            patch.object(admin_routes.voice_service, "is_available", return_value=False),
+            patch.object(
+                admin_routes.engine_client,
+                "health_detail",
+                AsyncMock(return_value={"ok": True}),
+            ),
+            patch.object(
+                admin_routes.voice_service, "is_available", return_value=False
+            ),
         ):
             health = await admin_routes.admin_health(principal)
 
@@ -346,7 +464,9 @@ class RuntimeFallbackPolicyTest(unittest.IsolatedAsyncioTestCase):
         self.assertEqual(db.metric, "저장소 중단")
         self.assertIn("DB 저장소", db.detail)
 
-    async def test_dev_admin_health_labels_db_fallback_as_non_durable_runtime(self) -> None:
+    async def test_dev_admin_health_labels_db_fallback_as_non_durable_runtime(
+        self,
+    ) -> None:
         principal = Principal(
             user_id="00000000-0000-0000-0000-000000000006",
             role=Role.ADMIN,
@@ -364,10 +484,20 @@ class RuntimeFallbackPolicyTest(unittest.IsolatedAsyncioTestCase):
 
         with (
             environment("dev"),
-            patch.object(admin_routes, "_current_engine_config", AsyncMock(return_value=engine_config)),
+            patch.object(
+                admin_routes,
+                "_current_engine_config",
+                AsyncMock(return_value=engine_config),
+            ),
             patch.object(admin_routes, "healthcheck", AsyncMock(return_value=False)),
-            patch.object(admin_routes.engine_client, "health_detail", AsyncMock(return_value={"ok": True})),
-            patch.object(admin_routes.voice_service, "is_available", return_value=False),
+            patch.object(
+                admin_routes.engine_client,
+                "health_detail",
+                AsyncMock(return_value={"ok": True}),
+            ),
+            patch.object(
+                admin_routes.voice_service, "is_available", return_value=False
+            ),
         ):
             health = await admin_routes.admin_health(principal)
 
@@ -535,7 +665,9 @@ class RuntimeFallbackPolicyTest(unittest.IsolatedAsyncioTestCase):
             voice_poc_sample_tts_enabled=False,
         )
 
-        self.assertEqual(cfg.frontend_origin_map["api-vnet.18ka.net"], "https://vnet.18ka.net")
+        self.assertEqual(
+            cfg.frontend_origin_map["api-vnet.18ka.net"], "https://vnet.18ka.net"
+        )
         self.assertIn("https://vnet.18ka.net", cfg.cors_origins)
 
     def test_non_dev_rejects_local_frontend_origin_map(self) -> None:
diff --git a/apps/api/app/test_runtime_schema_ssot.py b/apps/api/app/test_runtime_schema_ssot.py
new file mode 100644
index 0000000..2c06942
--- /dev/null
+++ b/apps/api/app/test_runtime_schema_ssot.py
@@ -0,0 +1,57 @@
+"""앱의 런타임 준비 계약과 infra SQL SSOT 사이의 회귀 검사."""
+
+from __future__ import annotations
+
+import re
+import unittest
+from pathlib import Path
+
+from .runtime_schema import NOTIFICATION_SCHEMA_CONTRACT, REVIEW_SCHEMA_CONTRACT
+
+
+REPO_ROOT = Path(__file__).resolve().parents[3]
+INFRA_SQL = "\n".join(
+    path.read_text(encoding="utf-8")
+    for path in sorted((REPO_ROOT / "infra" / "db" / "init").glob("*.sql"))
+)
+
+
+class RuntimeSchemaSsotTest(unittest.TestCase):
+    def test_runtime_contract_objects_are_owned_by_infra_sql(self) -> None:
+        for contract in (REVIEW_SCHEMA_CONTRACT, NOTIFICATION_SCHEMA_CONTRACT):
+            for relation in contract.relations:
+                schema, table = relation.split(".")
+                pattern = rf"CREATE TABLE IF NOT EXISTS\s+{re.escape(schema)}\.{re.escape(table)}\b"
+                self.assertRegex(
+                    INFRA_SQL, pattern, msg=f"infra SQL missing relation: {relation}"
+                )
+
+            for qualified_name in contract.columns:
+                _, table, column = qualified_name.split(".")
+                table_mentions = [
+                    block
+                    for block in re.split(
+                        r"(?=CREATE TABLE IF NOT EXISTS|ALTER TABLE)", INFRA_SQL
+                    )
+                    if re.search(rf"\bapp\.{re.escape(table)}\b", block)
+                ]
+                self.assertTrue(
+                    any(
+                        re.search(rf"\b{re.escape(column)}\b", block)
+                        for block in table_mentions
+                    ),
+                    msg=f"infra SQL missing column: {qualified_name}",
+                )
+
+            for qualified_name in contract.policies:
+                _, table, policy = qualified_name.split(".")
+                pattern = rf"CREATE POLICY\s+{re.escape(policy)}\s+ON\s+app\.{re.escape(table)}\b"
+                self.assertRegex(
+                    INFRA_SQL,
+                    pattern,
+                    msg=f"infra SQL missing policy: {qualified_name}",
+                )
+
+
+if __name__ == "__main__":
+    unittest.main()
diff --git a/apps/api/app/test_session_progress.py b/apps/api/app/test_session_progress.py
new file mode 100644
index 0000000..95577f6
--- /dev/null
+++ b/apps/api/app/test_session_progress.py
@@ -0,0 +1,80 @@
+"""P2 단계 누적 게이지 파생(build_session_progress) 테스트."""
+
+from __future__ import annotations
+
+import unittest
+
+from .services import state_machine
+from .session_read_model import build_session_progress
+
+
+class SessionProgressTest(unittest.TestCase):
+    def test_initial_state_gauges(self) -> None:
+        state = state_machine.SessionState()
+        progress = build_session_progress(state)
+        self.assertEqual([s.stage for s in progress.stages], ["라포", "탐색", "개입", "정리"])
+        self.assertEqual(progress.stages[0].percent, 0)
+        self.assertFalse(progress.stages[0].achieved)
+        self.assertEqual(progress.stages[1].percent, 0)
+        self.assertEqual(progress.rapport_percent, 0)
+        self.assertEqual(progress.rapport_delta_percent, 0)
+
+    def test_current_stage_gauge_scales_with_rapport(self) -> None:
+        state = state_machine.SessionState(rapport_credit=0.15)
+        progress = build_session_progress(state)
+        # 라포 전이 임계 0.30 → 0.15는 절반 = 약 50 (99 스케일 반올림 50)
+        self.assertAlmostEqual(progress.stages[0].percent, 50, delta=2)
+        self.assertFalse(progress.stages[0].achieved)
+
+    def test_current_stage_gauge_caps_at_99_until_transition(self) -> None:
+        state = state_machine.SessionState(rapport_credit=0.9)
+        progress = build_session_progress(state)
+        self.assertEqual(progress.stages[0].percent, 99)
+
+    def test_passed_stage_is_100_and_achieved(self) -> None:
+        state = state_machine.SessionState(
+            stage=state_machine.Stage.EXPLORE,
+            rapport_credit=0.32,
+        )
+        progress = build_session_progress(state)
+        self.assertEqual(progress.stages[0].percent, 100)
+        self.assertTrue(progress.stages[0].achieved)
+        # 탐색 임계 0.45 → 0.32/0.45*99 ≈ 70
+        self.assertAlmostEqual(progress.stages[1].percent, 70, delta=2)
+        self.assertEqual(progress.stages[2].percent, 0)
+
+    def test_close_stage_entry_is_100(self) -> None:
+        state = state_machine.SessionState(
+            stage=state_machine.Stage.CLOSE,
+            rapport_credit=0.6,
+        )
+        progress = build_session_progress(state)
+        self.assertTrue(all(s.percent == 100 for s in progress.stages))
+        self.assertTrue(progress.stages[3].achieved)
+
+    def test_goal_flag_and_delta_from_carry(self) -> None:
+        state = state_machine.SessionState(rapport_credit=0.33)
+        progress = build_session_progress(
+            state,
+            prev_rapport_credit=0.11,
+            goal_stages=["라포", "탐색"],
+        )
+        self.assertTrue(progress.stages[0].is_goal)
+        self.assertTrue(progress.stages[1].is_goal)
+        self.assertFalse(progress.stages[2].is_goal)
+        # 0.33/0.55=60%, 0.11/0.55=20% → 이번 회기 +40%p
+        self.assertEqual(progress.rapport_percent, 60)
+        self.assertEqual(progress.rapport_delta_percent, 40)
+
+    def test_detail_metrics_are_percentages(self) -> None:
+        state = state_machine.SessionState(
+            resistance=0.65,
+            effective_openness=0.42,
+        )
+        progress = build_session_progress(state)
+        self.assertEqual(progress.resistance_percent, 65)
+        self.assertEqual(progress.openness_percent, 42)
+
+
+if __name__ == "__main__":
+    unittest.main()
diff --git a/apps/api/app/test_session_time_and_goals.py b/apps/api/app/test_session_time_and_goals.py
new file mode 100644
index 0000000..a2f5b08
--- /dev/null
+++ b/apps/api/app/test_session_time_and_goals.py
@@ -0,0 +1,240 @@
+"""시간 기반 회기 종료(P1) + 회기 목표 선택 계약 테스트.
+
+2026-07-13 한신대 회의: 세션 종료를 4단계 완수가 아니라 시간(기본 60분)이 결정하고,
+회기 시작 전 학습자가 이번 회기 목표 단계를 2개 수준으로 선택한다.
+"""
+
+from __future__ import annotations
+
+import time
+import unittest
+from types import SimpleNamespace
+from unittest.mock import AsyncMock, patch
+
+from fastapi import HTTPException
+
+from .config import settings
+from .deps import Principal, Role
+from .routes import sessions
+from .services import memory, persona as persona_service, state_machine
+from .store import InProcSession, store
+
+
+def _principal() -> Principal:
+    return Principal(
+        user_id="00000000-0000-0000-0000-000000000102",
+        role=Role.LEARNER,
+        cohort_ids=[],
+        email="time-goal-test@hs.ac.kr",
+        display_name="Time Goal Test",
+        consent_at=1.0,
+        profile_completed_at=1.0,
+    )
+
+
+def _session(principal: Principal, *, created_at: float | None = None) -> InProcSession:
+    card = persona_service.P1
+    sess = InProcSession(
+        session_id="time-goal-session",
+        case_id="time-goal-case",
+        learner_id=principal.user_id,
+        persona_code=card.code,
+        theory_mode="humanistic",
+        persona=card,
+        state=state_machine.SessionState(
+            resistance=card.base_resistance(),
+            ideation_stage=card.ideation_baseline(),
+        ),
+    )
+    if created_at is not None:
+        sess.created_at = created_at
+    store.put(sess)
+    return sess
+
+
+class SessionGoalContractTest(unittest.TestCase):
+    def test_goal_stages_are_deduped(self) -> None:
+        req = sessions.SessionStartRequest(
+            persona_code="P1",
+            goal_stages=["라포", "라포"],
+        )
+        self.assertEqual(req.goal_stages, ["라포"])
+
+    def test_goal_stages_allow_up_to_four(self) -> None:
+        req = sessions.SessionStartRequest(
+            persona_code="P1",
+            goal_stages=["라포", "탐색", "개입", "정리"],
+        )
+        self.assertEqual(req.goal_stages, ["라포", "탐색", "개입", "정리"])
+
+    def test_goal_stages_reject_more_than_four_items(self) -> None:
+        with self.assertRaises(Exception):
+            sessions.SessionStartRequest(
+                persona_code="P1",
+                goal_stages=["라포", "탐색", "개입", "정리", "라포"],
+            )
+
+    def test_goal_stages_reject_unknown_stage_label(self) -> None:
+        with self.assertRaises(Exception):
+            sessions.SessionStartRequest(
+                persona_code="P1",
+                goal_stages=["존재하지않는단계"],
+            )
+
+    def test_goal_stages_default_empty_for_legacy_clients(self) -> None:
+        req = sessions.SessionStartRequest(persona_code="P1")
+        self.assertEqual(req.goal_stages, [])
+
+
+class SessionTimeLimitTest(unittest.IsolatedAsyncioTestCase):
+    async def asyncSetUp(self) -> None:
+        store._sessions.clear()
+        sessions._RECALL_CACHE.clear()
+        sessions._KB_CUES_CACHE.clear()
+
+    async def asyncTearDown(self) -> None:
+        store._sessions.clear()
+        sessions._RECALL_CACHE.clear()
+        sessions._KB_CUES_CACHE.clear()
+
+    def test_session_context_cache_has_one_owner_and_defensive_reads(self) -> None:
+        session_id = "cache-owner-session"
+        sessions._RECALL_CACHE[session_id] = memory.RecallContext(recall_summary="기억")
+        sessions._KB_CUES_CACHE[session_id] = ["단서"]
+
+        cues = sessions.cached_kb_cues(session_id)
+        cues.append("외부 변경")
+        self.assertEqual(sessions.cached_kb_cues(session_id), ["단서"])
+
+        sessions.invalidate_session_context_cache(session_id)
+        self.assertNotIn(session_id, sessions._RECALL_CACHE)
+        self.assertEqual(sessions.cached_kb_cues(session_id), [])
+
+    def test_session_time_over_false_within_limit(self) -> None:
+        principal = _principal()
+        sess = _session(principal, created_at=time.time() - 30 * 60)
+        self.assertFalse(sessions.session_time_over(sess))
+
+    def test_session_time_over_false_within_overtime_grace(self) -> None:
+        """제한(60분) 초과 직후에는 마무리 유예 안이라 턴이 계속 허용된다."""
+        principal = _principal()
+        limit_minutes = settings.session_duration_minutes
+        sess = _session(principal, created_at=time.time() - (limit_minutes + 2) * 60)
+        self.assertFalse(sessions.session_time_over(sess))
+
+    def test_session_time_over_true_after_grace(self) -> None:
+        principal = _principal()
+        over_minutes = (
+            settings.session_duration_minutes
+            + settings.session_overtime_grace_minutes
+            + 1
+        )
+        sess = _session(principal, created_at=time.time() - over_minutes * 60)
+        self.assertTrue(sessions.session_time_over(sess))
+
+    async def test_prepare_turn_context_rejects_after_grace(self) -> None:
+        principal = _principal()
+        over_minutes = (
+            settings.session_duration_minutes
+            + settings.session_overtime_grace_minutes
+            + 1
+        )
+        sess = _session(principal, created_at=time.time() - over_minutes * 60)
+        with patch.object(
+            sessions,
+            "ensure_recall_context",
+            AsyncMock(return_value=memory.RecallContext()),
+        ):
+            with self.assertRaises(HTTPException) as caught:
+                await sessions._prepare_turn_context(
+                    session_id=sess.session_id,
+                    sess=sess,
+                    learner_text="오늘 이야기 나눠주셔서 감사해요.",
+                )
+        self.assertEqual(caught.exception.status_code, 409)
+        self.assertEqual(caught.exception.detail, "session_time_over")
+
+
+class SessionStartGoalPersistenceTest(unittest.IsolatedAsyncioTestCase):
+    async def asyncSetUp(self) -> None:
+        store._sessions.clear()
+        sessions._RECALL_CACHE.clear()
+
+    async def asyncTearDown(self) -> None:
+        store._sessions.clear()
+        sessions._RECALL_CACHE.clear()
+
+    async def test_start_session_passes_goals_and_returns_time_contract(self) -> None:
+        principal = _principal()
+        card = persona_service.P1
+        catalog_persona = SimpleNamespace(
+            card=card,
+            persona_id="00000000-0000-0000-0000-0000000000a1",
+            version=1,
+            degraded=False,
+        )
+        captured: dict[str, object] = {}
+
+        async def fake_create_session(**kwargs):
+            captured.update(kwargs)
+            return InProcSession(
+                session_id="goal-session",
+                case_id="goal-case",
+                learner_id=principal.user_id,
+                persona_code=card.code,
+                theory_mode=kwargs["theory_mode"],
+                persona=card,
+                state=kwargs["state"],
+                session_no=kwargs["session_no"],
+                prev_rapport_credit=kwargs["carry_rapport"],
+                goal_stages=list(kwargs["goal_stages"]),
+            )
+
+        def close_background(coro):
+            coro.close()
+            return None
+
+        with (
+            patch.object(
+                sessions, "get_catalog_persona", AsyncMock(return_value=catalog_persona)
+            ),
+            patch.object(
+                sessions.session_persistence,
+                "get_case_context",
+                AsyncMock(return_value=None),
+            ),
+            patch.object(
+                sessions,
+                "_build_seed_recall",
+                AsyncMock(return_value=memory.RecallContext()),
+            ),
+            patch.object(
+                sessions.session_persistence,
+                "create_session",
+                fake_create_session,
+            ),
+            patch.object(sessions.asyncio, "create_task", close_background),
+        ):
+            response = await sessions.start_session(
+                sessions.SessionStartRequest(
+                    persona_code=card.code,
+                    goal_stages=["라포", "탐색"],
+                ),
+                principal,
+            )
+
+        self.assertEqual(captured["goal_stages"], ["라포", "탐색"])
+        self.assertEqual(response.goal_stages, ["라포", "탐색"])
+        self.assertEqual(
+            response.duration_limit_seconds,
+            settings.session_duration_minutes * 60,
+        )
+        self.assertEqual(
+            response.warning_before_end_seconds,
+            settings.session_warning_minutes * 60,
+        )
+        self.assertTrue(response.started_at)
+
+
+if __name__ == "__main__":
+    unittest.main()
diff --git a/apps/api/app/test_session_turn_persistence.py b/apps/api/app/test_session_turn_persistence.py
index c181e1e..d191b14 100644
--- a/apps/api/app/test_session_turn_persistence.py
+++ b/apps/api/app/test_session_turn_persistence.py
@@ -13,10 +13,18 @@ from .config import settings
 from . import session_persistence, turn_runtime
 from .contracts.engine_gateway import EngineGatewaySseLineDecoder
 from .deps import Principal, Role
-from .engine_client import EngineError
+from .engine_client import EngineError, GenerateResponse
 from .routes import sessions
 from .routes import voice as voice_routes
-from .services import guardrail, live_coach, memory, orchestrator, persona as persona_service, rag, state_machine
+from .services import (
+    guardrail,
+    live_coach,
+    memory,
+    orchestrator,
+    persona as persona_service,
+    rag,
+    state_machine,
+)
 from .services.voice import TTSChunk, TranscriptResult, VoicePreset
 from .store import InProcSession, TurnRecord, store
 
@@ -88,22 +96,32 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
         store._sessions.clear()
         sessions._RECALL_CACHE.clear()
         sessions._KB_CUES_CACHE.clear()
+        session_persistence._LIVE_COACH_EVENT_CACHE.clear()
 
     async def asyncTearDown(self) -> None:
         store._sessions.clear()
         sessions._RECALL_CACHE.clear()
         sessions._KB_CUES_CACHE.clear()
+        session_persistence._LIVE_COACH_EVENT_CACHE.clear()
 
-    async def test_end_session_does_not_reschedule_evaluation_for_already_ended_session(self) -> None:
+    async def test_end_session_does_not_reschedule_evaluation_for_already_ended_session(
+        self,
+    ) -> None:
         principal = _principal()
         sess = _session(principal)
         sess.ended = True
         sess.ended_at = 1_000.0
 
         with (
-            patch.object(sessions, "_load_session_or_404", AsyncMock(return_value=sess)),
-            patch.object(sessions, "_end_persisted_session", AsyncMock(return_value=None)),
-            patch.object(sessions, "_schedule_session_evaluation") as schedule_session_evaluation,
+            patch.object(
+                sessions, "_load_session_or_404", AsyncMock(return_value=sess)
+            ),
+            patch.object(
+                sessions, "_end_persisted_session", AsyncMock(return_value=None)
+            ),
+            patch.object(
+                sessions, "_schedule_session_evaluation"
+            ) as schedule_session_evaluation,
         ):
             response = await sessions.end_session(sess.session_id, principal)
 
@@ -151,10 +169,13 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
             provider_events=[{"type": "sigh", "confidence": 0.82}],
         )
 
-        with patch.object(session_persistence, "get_pool", return_value=object()), patch.object(
-            session_persistence,
-            "acquire",
-            return_value=FakeAcquire(conn),
+        with (
+            patch.object(session_persistence, "get_pool", return_value=object()),
+            patch.object(
+                session_persistence,
+                "acquire",
+                return_value=FakeAcquire(conn),
+            ),
         ):
             ok = await session_persistence.append_turn(
                 session_id="turn-persistence-session",
@@ -169,7 +190,9 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
         self.assertEqual(conn.insert_args[17], list(turn.visible_to))
         self.assertEqual(turn.turn_id, "00000000-0000-0000-0000-000000009999")
 
-    async def test_generate_turn_engine_failure_does_not_append_learner_turn(self) -> None:
+    async def test_generate_turn_engine_failure_does_not_append_learner_turn(
+        self,
+    ) -> None:
         principal = _principal()
         sess = _session(principal)
 
@@ -296,11 +319,16 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
                 principal,
             )
 
-        self.assertEqual(response.client_reply, "저는 김서연 씨고 한신대학교 상담심리학과 학생이에요.")
+        self.assertEqual(
+            response.client_reply,
+            "저는 김서연 씨고 한신대학교 상담심리학과 학생이에요.",
+        )
         self.assertEqual(len(sess.turns), 2)
         learner_turn, client_turn = sess.turns
         self.assertIsNone(learner_turn.llm_provider)
-        self.assertEqual(client_turn.text, "저는 김서연 씨고 한신대학교 상담심리학과 학생이에요.")
+        self.assertEqual(
+            client_turn.text, "저는 김서연 씨고 한신대학교 상담심리학과 학생이에요."
+        )
         self.assertNotIn("김서연", client_turn.text_masked)
         self.assertNotIn("한신대학교", client_turn.text_masked)
         self.assertNotIn("상담심리학과", client_turn.text_masked)
@@ -312,7 +340,9 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
         self.assertEqual(client_turn.tokens_out, 23)
         self.assertEqual(client_turn.cost_usd, 0.012345)
 
-    async def test_generate_real_crisis_stops_before_engine_and_returns_109_resource(self) -> None:
+    async def test_generate_real_crisis_stops_before_engine_and_returns_109_resource(
+        self,
+    ) -> None:
         principal = _principal()
         sess = _session(principal)
 
@@ -349,7 +379,9 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
         result = orchestrator.TurnResult(
             turn_seq=ctx.state_after.turn_seq if ctx.state_after else 1,
             stage=ctx.state_after.stage.value if ctx.state_after else "라포",
-            effective_openness=ctx.state_after.effective_openness if ctx.state_after else 0.0,
+            effective_openness=ctx.state_after.effective_openness
+            if ctx.state_after
+            else 0.0,
             client_reply=None,
             safety_flagged=True,
             state_after=ctx.state_after or sess.state,
@@ -368,10 +400,14 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
             async def __aenter__(self) -> FakeConn:
                 return FakeConn()
 
-            async def __aexit__(self, exc_type: object, exc: object, tb: object) -> None:
+            async def __aexit__(
+                self, exc_type: object, exc: object, tb: object
+            ) -> None:
                 return None
 
-        with patch.object(turn_runtime.db, "acquire", return_value=FakeAcquire()) as acquire:
+        with patch.object(
+            turn_runtime.db, "acquire", return_value=FakeAcquire()
+        ) as acquire:
             await turn_runtime.record_safety_event(sess, ctx, result)
 
         acquire.assert_called_once_with(ai_context=True)
@@ -394,7 +430,9 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
         self.assertEqual(detail["crisis_resource"]["number"], "109")
         self.assertEqual(detail["alert_status"], "teacher_dashboard")
 
-    async def test_record_safety_event_fails_closed_when_insert_fails_outside_dev(self) -> None:
+    async def test_record_safety_event_fails_closed_when_insert_fails_outside_dev(
+        self,
+    ) -> None:
         principal = _principal()
         sess = _session(principal)
         ctx = orchestrator.prepare_turn(
@@ -408,7 +446,9 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
         result = orchestrator.TurnResult(
             turn_seq=ctx.state_after.turn_seq if ctx.state_after else 1,
             stage=ctx.state_after.stage.value if ctx.state_after else "라포",
-            effective_openness=ctx.state_after.effective_openness if ctx.state_after else 0.0,
+            effective_openness=ctx.state_after.effective_openness
+            if ctx.state_after
+            else 0.0,
             client_reply=None,
             safety_flagged=True,
             state_after=ctx.state_after or sess.state,
@@ -425,7 +465,9 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
             async def __aenter__(self) -> FakeConn:
                 return FakeConn()
 
-            async def __aexit__(self, exc_type: object, exc: object, tb: object) -> None:
+            async def __aexit__(
+                self, exc_type: object, exc: object, tb: object
+            ) -> None:
                 return None
 
         previous_environment = settings.environment
@@ -480,17 +522,25 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
         self.assertEqual(client_turn.tokens_out, 37)
         self.assertEqual(client_turn.cost_usd, 0.023456)
 
-    async def test_stream_real_crisis_stops_before_engine_and_persists_learner_only(self) -> None:
+    async def test_stream_real_crisis_stops_before_engine_and_persists_learner_only(
+        self,
+    ) -> None:
         principal = _principal()
         sess = _session(principal)
 
         def should_not_stream(*args, **kwargs):
-            raise AssertionError("stream engine must not be called for learner_real crisis")
+            raise AssertionError(
+                "stream engine must not be called for learner_real crisis"
+            )
 
         with (
             patch.object(sessions.engine_client, "stream", should_not_stream),
-            patch.object(turn_runtime, "record_completed_turn", new_callable=AsyncMock) as completed_turn,
-            patch.object(turn_runtime, "record_safety_event", new_callable=AsyncMock) as safety_event,
+            patch.object(
+                turn_runtime, "record_completed_turn", new_callable=AsyncMock
+            ) as completed_turn,
+            patch.object(
+                turn_runtime, "record_safety_event", new_callable=AsyncMock
+            ) as safety_event,
         ):
             response = await sessions.stream_turn(
                 sess.session_id,
@@ -511,7 +561,9 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
         self.assertTrue(saved_result.conversation_stopped)
         self.assertEqual(saved_result.crisis_resource["number"], "109")
 
-    async def test_stream_turn_persists_fast_loop_evaluation_on_learner_turn(self) -> None:
+    async def test_stream_turn_persists_fast_loop_evaluation_on_learner_turn(
+        self,
+    ) -> None:
         principal = _principal()
         sess = _session(principal)
 
@@ -543,10 +595,13 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
                 "appropriateness_note": f"응답 반영: {client_reply}",
             }
 
-        with patch.object(sessions.orchestrator, "run_turn_stream", successful_stream), patch.object(
-            sessions.evaluator,
-            "make_eval_hook",
-            return_value=fake_eval_hook,
+        with (
+            patch.object(sessions.orchestrator, "run_turn_stream", successful_stream),
+            patch.object(
+                sessions.evaluator,
+                "make_eval_hook",
+                return_value=fake_eval_hook,
+            ),
         ):
             response = await sessions.stream_turn(
                 sess.session_id,
@@ -560,10 +615,14 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
         self.assertEqual(learner_turn.speaker, "counselor")
         self.assertIsNotNone(learner_turn.evaluation)
         self.assertEqual(learner_turn.evaluation["appropriateness"], "pos")
-        self.assertIn("조금 말해볼게요", learner_turn.evaluation["appropriateness_note"])
+        self.assertIn(
+            "조금 말해볼게요", learner_turn.evaluation["appropriateness_note"]
+        )
         self.assertIsNone(client_turn.evaluation)
 
-    async def test_stream_turn_surfaces_fast_loop_evaluation_failure_on_review(self) -> None:
+    async def test_stream_turn_surfaces_fast_loop_evaluation_failure_on_review(
+        self,
+    ) -> None:
         principal = _principal()
         sess = _session(principal)
 
@@ -589,10 +648,13 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
         async def failing_eval_hook(ctx, client_reply):
             raise RuntimeError("김서연 평가 timeout 010-1234-5678")
 
-        with patch.object(sessions.orchestrator, "run_turn_stream", successful_stream), patch.object(
-            sessions.evaluator,
-            "make_eval_hook",
-            return_value=failing_eval_hook,
+        with (
+            patch.object(sessions.orchestrator, "run_turn_stream", successful_stream),
+            patch.object(
+                sessions.evaluator,
+                "make_eval_hook",
+                return_value=failing_eval_hook,
+            ),
         ):
             response = await sessions.stream_turn(
                 sess.session_id,
@@ -622,13 +684,17 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
         self.assertIsNotNone(review_turn.note)
         assert review_turn.note is not None
         self.assertEqual(review_turn.note.title, "턴 직후 평가 실패")
-        self.assertIn("fast-loop(턴 직후) 평가를 완료하지 못했습니다", review_turn.note.body)
+        self.assertIn(
+            "fast-loop(턴 직후) 평가를 완료하지 못했습니다", review_turn.note.body
+        )
         self.assertIn("AI 평가 재시도가 필요합니다", review_turn.note.body)
         self.assertNotIn("RuntimeError", review_turn.note.body)
         self.assertNotIn("김서연", review_turn.note.body)
         self.assertNotIn("010-1234-5678", review_turn.note.body)
 
-    async def test_live_coach_degrades_to_rule_based_suggestion_when_engine_fails(self) -> None:
+    async def test_live_coach_degrades_to_rule_based_suggestion_when_engine_fails(
+        self,
+    ) -> None:
         principal = _principal()
         sess = _session(principal)
         sess.turns.append(
@@ -638,18 +704,24 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
                 stage=sess.state.stage.value,
                 text="그냥 학교는 가야 하는 거 아닐까요?",
                 text_masked="그냥 학교는 가야 하는 거 아닐까요?",
-                evaluation={"appropriateness": "warn", "appropriateness_note": "조언이 빠름"},
+                evaluation={
+                    "appropriateness": "warn",
+                    "appropriateness_note": "조언이 빠름",
+                },
             )
         )
 
-        with patch.object(
-            sessions,
-            "_retrieve_live_coach_grounding",
-            AsyncMock(return_value=[]),
-        ), patch.object(
-            sessions.engine_client,
-            "generate",
-            AsyncMock(side_effect=EngineError("offline")),
+        with (
+            patch.object(
+                sessions,
+                "_retrieve_live_coach_grounding",
+                AsyncMock(return_value=[]),
+            ),
+            patch.object(
+                sessions.engine_client,
+                "generate",
+                AsyncMock(side_effect=EngineError("offline")),
+            ),
         ):
             response = await sessions.live_coach_turn(
                 sess.session_id,
@@ -667,7 +739,9 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
         self.assertIn("조언", response.title + response.message)
         self.assertTrue(response.next_utterance)
         self.assertTrue(response.sources)
-        self.assertEqual(response.sources[0].source_id, "workbook_0615_case_conceptualization")
+        self.assertEqual(
+            response.sources[0].source_id, "workbook_0615_case_conceptualization"
+        )
         history = await sessions.list_live_coach_history(sess.session_id, principal)
         self.assertEqual(history.source, "runtime")
         self.assertEqual(len(history.events), 1)
@@ -676,11 +750,85 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
         self.assertEqual(history.events[0].suggestion.status, "degraded")
         self.assertEqual(history.events[0].suggestion.title, response.title)
         self.assertIn("학교", history.events[0].learner_text_excerpt or "")
-        session_persistence._LIVE_COACH_EVENT_CACHE[sess.session_id][0]["stage"] = "unknown-stage"
-        legacy_history = await sessions.list_live_coach_history(sess.session_id, principal)
+        session_persistence._LIVE_COACH_EVENT_CACHE[sess.session_id][0]["stage"] = (
+            "unknown-stage"
+        )
+        legacy_history = await sessions.list_live_coach_history(
+            sess.session_id, principal
+        )
         self.assertIsNone(legacy_history.events[0].stage)
 
-    async def test_live_coach_rag_grounding_preserves_source_pack_metadata(self) -> None:
+    async def test_live_coach_degrades_when_llm_audit_is_unavailable(self) -> None:
+        principal = _principal()
+        sess = _session(principal)
+        sess.turns.append(
+            TurnRecord(
+                turn_seq=1,
+                speaker="counselor",
+                stage=sess.state.stage.value,
+                text="그 마음이 컸겠네요.",
+                text_masked="그 마음이 컸겠네요.",
+                evaluation={
+                    "appropriateness": "pos",
+                    "appropriateness_note": "감정 반영",
+                },
+            )
+        )
+        engine_response = GenerateResponse(
+            text="",
+            model="fake-live-coach-model",
+            provider="fake-provider",
+            tokens_in=11,
+            tokens_out=7,
+            cost_usd=0.01,
+            structured={
+                "tone": "pos",
+                "focus": "emotion",
+                "title": "엔진 생성 코칭",
+                "message": "감정 반영을 이어가세요.",
+                "next_utterance": "그 마음이 가장 컸던 순간이 언제였나요?",
+            },
+        )
+
+        with (
+            patch.object(
+                sessions,
+                "_retrieve_live_coach_grounding",
+                AsyncMock(return_value=[]),
+            ),
+            patch.object(
+                sessions.engine_client,
+                "generate",
+                AsyncMock(return_value=engine_response),
+            ) as generate,
+            patch.object(
+                session_persistence,
+                "record_llm_call_audit",
+                AsyncMock(return_value=False),
+            ) as audit,
+        ):
+            response = await sessions.live_coach_turn(
+                sess.session_id,
+                sessions.LiveCoachRequest(
+                    learner_text="그 마음이 컸겠네요.",
+                    client_reply="네, 아무도 몰라주는 것 같았어요.",
+                    turn_seq=1,
+                ),
+                principal,
+            )
+
+        generate.assert_awaited_once()
+        audit.assert_awaited_once()
+        self.assertEqual(response.status, "degraded")
+        self.assertNotEqual(response.title, "엔진 생성 코칭")
+        self.assertIn("응답 검증 기록", response.rationale or "")
+        history = await sessions.list_live_coach_history(sess.session_id, principal)
+        self.assertEqual(len(history.events), 1)
+        self.assertEqual(history.events[0].suggestion.status, "degraded")
+
+    async def test_live_coach_rag_grounding_preserves_source_pack_metadata(
+        self,
+    ) -> None:
         retrieval = rag.RetrievalResult(
             chunks=[
                 rag.RetrievedChunk(
@@ -706,8 +854,14 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
         )
 
         with (
-            patch.object(sessions.db, "acquire", return_value=_AsyncConnContext(object())),
-            patch.object(sessions.rag, "retrieve_eval_grounding", AsyncMock(return_value=retrieval)),
+            patch.object(
+                sessions.db, "acquire", return_value=_AsyncConnContext(object())
+            ),
+            patch.object(
+                sessions.rag,
+                "retrieve_eval_grounding",
+                AsyncMock(return_value=retrieval),
+            ),
             patch.object(sessions.rag, "log_retrieval", AsyncMock()),
         ):
             grounding = await sessions._retrieve_live_coach_grounding(
@@ -740,19 +894,23 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
             detail="live coach event save persistence unavailable; runtime fallback is disabled in prod",
         )
 
-        with patch.object(
-            sessions,
-            "_retrieve_live_coach_grounding",
-            AsyncMock(return_value=[]),
-        ), patch.object(
-            sessions.live_coach,
-            "generate_live_coaching",
-            AsyncMock(return_value=suggestion),
-        ), patch.object(
-            session_persistence,
-            "save_live_coach_event",
-            AsyncMock(side_effect=save_error),
-        ) as save_event:
+        with (
+            patch.object(
+                sessions,
+                "_retrieve_live_coach_grounding",
+                AsyncMock(return_value=[]),
+            ),
+            patch.object(
+                sessions.live_coach,
+                "generate_live_coaching",
+                AsyncMock(return_value=suggestion),
+            ),
+            patch.object(
+                session_persistence,
+                "save_live_coach_event",
+                AsyncMock(side_effect=save_error),
+            ) as save_event,
+        ):
             with self.assertRaises(sessions.HTTPException) as caught:
                 await sessions.live_coach_turn(
                     sess.session_id,
@@ -797,7 +955,9 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
         self.assertEqual(coded.stage, "라포")
         self.assertIsNone(invalid.stage)
 
-    async def test_live_coach_uses_official_risk_reference_pack_for_crisis_signal(self) -> None:
+    async def test_live_coach_uses_official_risk_reference_pack_for_crisis_signal(
+        self,
+    ) -> None:
         item = live_coach.LiveCoachInput(
             session_id="risk-coach-session",
             turn_seq=3,
@@ -809,7 +969,10 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
             learner_text="죽고 싶다는 생각이 들 때도 있나요?",
             client_reply="가끔 그런 생각이 들어요.",
             recent_turns=[],
-            evaluation={"appropriateness": "warn", "appropriateness_note": "위험사정 필요"},
+            evaluation={
+                "appropriateness": "warn",
+                "appropriateness_note": "위험사정 필요",
+            },
         )
 
         engine = SimpleNamespace(generate=AsyncMock(side_effect=EngineError("offline")))
@@ -818,7 +981,11 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
         self.assertEqual(suggestion.focus, "risk")
         source_ids = [source.source_id for source in suggestion.sources]
         self.assertIn("official_suicide_risk_guidelines", source_ids)
-        official = next(source for source in suggestion.sources if source.source_id == "official_suicide_risk_guidelines")
+        official = next(
+            source
+            for source in suggestion.sources
+            if source.source_id == "official_suicide_risk_guidelines"
+        )
         self.assertEqual(official.source_type, "official_guideline")
         self.assertTrue(official.citation)
         engine.generate.assert_called_once()
@@ -865,19 +1032,27 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
             coro.close()
             return None
 
-        with patch.object(sessions, "get_catalog_persona", AsyncMock(return_value=catalog_persona)), patch.object(
-            sessions.session_persistence,
-            "get_case_context",
-            AsyncMock(return_value=case_context),
-        ), patch.object(
-            sessions,
-            "_build_seed_recall",
-            AsyncMock(return_value=recall),
-        ), patch.object(
-            sessions.session_persistence,
-            "create_session",
-            fake_create_session,
-        ), patch.object(sessions.asyncio, "create_task", close_background):
+        with (
+            patch.object(
+                sessions, "get_catalog_persona", AsyncMock(return_value=catalog_persona)
+            ),
+            patch.object(
+                sessions.session_persistence,
+                "get_case_context",
+                AsyncMock(return_value=case_context),
+            ),
+            patch.object(
+                sessions,
+                "_build_seed_recall",
+                AsyncMock(return_value=recall),
+            ),
+            patch.object(
+                sessions.session_persistence,
+                "create_session",
+                fake_create_session,
+            ),
+            patch.object(sessions.asyncio, "create_task", close_background),
+        ):
             response = await sessions.start_session(
                 sessions.SessionStartRequest(persona_code=card.code),
                 principal,
@@ -888,7 +1063,9 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
         self.assertEqual(response.recall_summary, recall.recall_summary)
         self.assertIs(sessions._RECALL_CACHE[response.session_id], recall)
 
-    async def test_next_session_turn_injects_seed_recall_into_engine_messages(self) -> None:
+    async def test_next_session_turn_injects_seed_recall_into_engine_messages(
+        self,
+    ) -> None:
         principal = _principal()
         card = persona_service.P1
         case_context = sessions.session_persistence.CaseContext(
@@ -931,7 +1108,9 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
             async def __aenter__(self) -> FakeConn:
                 return self.conn
 
-            async def __aexit__(self, exc_type: object, exc: object, tb: object) -> None:
+            async def __aexit__(
+                self, exc_type: object, exc: object, tb: object
+            ) -> None:
                 return None
 
         async def fake_create_session(**kwargs):
@@ -951,19 +1130,28 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
             coro.close()
             return None
 
-        with patch.object(sessions, "get_catalog_persona", AsyncMock(return_value=catalog_persona)), patch.object(
-            sessions.session_persistence,
-            "get_case_context",
-            AsyncMock(return_value=case_context),
-        ), patch.object(sessions.db, "get_pool", return_value=object()), patch.object(
-            sessions.db,
-            "acquire",
-            return_value=FakeAcquire(FakeConn()),
-        ), patch.object(
-            sessions.session_persistence,
-            "create_session",
-            fake_create_session,
-        ), patch.object(sessions.asyncio, "create_task", close_background):
+        with (
+            patch.object(
+                sessions, "get_catalog_persona", AsyncMock(return_value=catalog_persona)
+            ),
+            patch.object(
+                sessions.session_persistence,
+                "get_case_context",
+                AsyncMock(return_value=case_context),
+            ),
+            patch.object(sessions.db, "get_pool", return_value=object()),
+            patch.object(
+                sessions.db,
+                "acquire",
+                return_value=FakeAcquire(FakeConn()),
+            ),
+            patch.object(
+                sessions.session_persistence,
+                "create_session",
+                fake_create_session,
+            ),
+            patch.object(sessions.asyncio, "create_task", close_background),
+        ):
             response = await sessions.start_session(
                 sessions.SessionStartRequest(persona_code=card.code),
                 principal,
@@ -985,10 +1173,15 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
                 state_after=ctx.state_after,
             )
 
-        with patch.object(sessions, "_load_session_or_404", AsyncMock(return_value=started)), patch.object(
-            sessions.orchestrator,
-            "run_turn_generate",
-            successful_turn,
+        with (
+            patch.object(
+                sessions, "_load_session_or_404", AsyncMock(return_value=started)
+            ),
+            patch.object(
+                sessions.orchestrator,
+                "run_turn_generate",
+                successful_turn,
+            ),
         ):
             await sessions.submit_turn(
                 response.session_id,
@@ -1006,14 +1199,20 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
         self.assertNotIn("김서연", message_blob)
         self.assertNotIn("박민수", message_blob)
 
-    async def test_start_session_requires_learner_consent_before_catalog_lookup(self) -> None:
+    async def test_start_session_requires_learner_consent_before_catalog_lookup(
+        self,
+    ) -> None:
         principal = _principal()
         principal.consent_at = None
 
         with patch.object(
             sessions,
             "get_catalog_persona",
-            AsyncMock(side_effect=AssertionError("consent gate must run before catalog lookup")),
+            AsyncMock(
+                side_effect=AssertionError(
+                    "consent gate must run before catalog lookup"
+                )
+            ),
         ) as get_persona:
             with self.assertRaises(sessions.HTTPException) as caught:
                 await sessions.start_session(
@@ -1025,14 +1224,20 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
         self.assertEqual(caught.exception.detail, "consent_required")
         get_persona.assert_not_awaited()
 
-    async def test_start_session_requires_onboarding_before_consent_and_catalog_lookup(self) -> None:
+    async def test_start_session_requires_onboarding_before_consent_and_catalog_lookup(
+        self,
+    ) -> None:
         principal = _principal()
         principal.profile_completed_at = None
 
         with patch.object(
             sessions,
             "get_catalog_persona",
-            AsyncMock(side_effect=AssertionError("onboarding gate must run before catalog lookup")),
+            AsyncMock(
+                side_effect=AssertionError(
+                    "onboarding gate must run before catalog lookup"
+                )
+            ),
         ) as get_persona:
             with self.assertRaises(sessions.HTTPException) as caught:
                 await sessions.start_session(
@@ -1121,13 +1326,17 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
         self.assertEqual([event.event for event in events], ["error"])
         self.assertIn("engine unavailable", events[0].data["detail"])
 
-    async def test_stream_turn_engine_error_event_does_not_append_partial_turns(self) -> None:
+    async def test_stream_turn_engine_error_event_does_not_append_partial_turns(
+        self,
+    ) -> None:
         principal = _principal()
         sess = _session(principal)
 
         async def failing_stream(*args, **kwargs):
             yield orchestrator.StreamEvent("token", {"text": "부분 응답"})
-            yield orchestrator.StreamEvent("error", {"detail": "engine unavailable: stream"})
+            yield orchestrator.StreamEvent(
+                "error", {"detail": "engine unavailable: stream"}
+            )
 
         with patch.object(sessions.orchestrator, "run_turn_stream", failing_stream):
             response = await sessions.stream_turn(
@@ -1147,7 +1356,6 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
                 self.client_state = voice_routes.WebSocketState.CONNECTED
 
             async def send_text(self, data: str) -> None:
-                import json
 
                 self.messages.append(json.loads(data))
 
@@ -1162,10 +1370,12 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
         ):
             await voice_routes._run_turn_and_speak(
                 websocket,  # type: ignore[arg-type]
-                session_id=sess.session_id,
-                principal=principal,
-                voice_preset=VoicePreset(preset="neutral", openai_voice="sage"),
-                learner_text="음성 실패 발화",
+                voice_routes.VoiceSessionContext(
+                    session_id=sess.session_id,
+                    principal=principal,
+                    voice_preset=VoicePreset(preset="neutral", openai_voice="sage"),
+                ),
+                voice_routes.VoiceTurnInput(learner_text="음성 실패 발화"),
             )
 
         self.assertTrue(
@@ -1186,7 +1396,6 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
                 self.client_state = voice_routes.WebSocketState.CONNECTED
 
             async def send_text(self, data: str) -> None:
-                import json
 
                 self.messages.append(json.loads(data))
 
@@ -1217,37 +1426,53 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
         websocket = FakeWebSocket()
         audio = b"\x00\x80" * 1600
 
-        with patch.object(
-            voice_routes.voice_service,
-            "transcribe",
-            AsyncMock(
-                return_value=TranscriptResult(
-                    text="오늘은 좀 힘들었어요.",
-                    duration=2.0,
-                    provider_events=[
-                        {"kind": "voice_activity", "start_ms": 10, "raw_text": "drop"},
-                    ],
-                )
+        with (
+            patch.object(
+                voice_routes.voice_service,
+                "transcribe",
+                AsyncMock(
+                    return_value=TranscriptResult(
+                        text="오늘은 좀 힘들었어요.",
+                        duration=2.0,
+                        provider_events=[
+                            {
+                                "kind": "voice_activity",
+                                "start_ms": 10,
+                                "raw_text": "drop",
+                            },
+                        ],
+                    )
+                ),
+            ),
+            patch.object(
+                voice_routes.orchestrator,
+                "run_turn_generate",
+                successful_turn,
+            ),
+            patch.object(
+                voice_routes.voice_service,
+                "synthesize_stream",
+                fake_synthesize_stream,
             ),
-        ), patch.object(
-            voice_routes.orchestrator,
-            "run_turn_generate",
-            successful_turn,
-        ), patch.object(
-            voice_routes.voice_service,
-            "synthesize_stream",
-            fake_synthesize_stream,
         ):
             await voice_routes._handle_utterance(
                 websocket,  # type: ignore[arg-type]
-                session_id=sess.session_id,
-                principal=principal,
-                voice_preset=VoicePreset(preset="neutral", openai_voice="sage"),
-                audio=audio,
-                fmt="webm",
-                silence_ms=1234,
-                barge_in=True,
-                provider_events=[{"type": "sigh", "confidence": 0.82, "text": "drop"}],
+                voice_routes.VoiceSessionContext(
+                    session_id=sess.session_id,
+                    principal=principal,
+                    voice_preset=VoicePreset(preset="neutral", openai_voice="sage"),
+                ),
+                voice_routes.VoiceAudioInput(
+                    audio=audio,
+                    fmt="webm",
+                    prosody=voice_routes.VoiceProsody(
+                        silence_ms=1234,
+                        barge_in=True,
+                        provider_events=[
+                            {"type": "sigh", "confidence": 0.82, "text": "drop"}
+                        ],
+                    ),
+                ),
             )
 
         self.assertEqual(len(sess.turns), 2)
@@ -1276,7 +1501,9 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
         self.assertIsNone(client_turn.audio_ref)
         self.assertEqual(client_turn.provider_events, [])
         self.assertEqual(client_turn.llm_provider, "claude_cli")
-        self.assertTrue(any(message.get("type") == "tts_end" for message in websocket.messages))
+        self.assertTrue(
+            any(message.get("type") == "tts_end" for message in websocket.messages)
+        )
 
     async def test_review_exposes_voice_nonverbal_events_on_learner_turn(self) -> None:
         principal = _principal()
@@ -1332,7 +1559,9 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
                     silence_ms=2500,
                     speech_rate=180.0,
                     barge_in=True,
-                    provider_events=[{"event_type": "cry", "category": "paralinguistic"}],
+                    provider_events=[
+                        {"event_type": "cry", "category": "paralinguistic"}
+                    ],
                 ),
             ]
         )
@@ -1347,7 +1576,9 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
         )
         self.assertEqual(learner_turn.nonverbal[0].label, "침묵")
         self.assertEqual(learner_turn.nonverbal[0].detail, "1.2초")
-        self.assertEqual([event.kind for event in learner_turn.nonverbal].count("silence"), 1)
+        self.assertEqual(
+            [event.kind for event in learner_turn.nonverbal].count("silence"), 1
+        )
         self.assertEqual(learner_turn.nonverbal[1].detail, "분당 420자")
         self.assertEqual(learner_turn.nonverbal[4].label, "음성 단서")
         self.assertEqual(learner_turn.nonverbal[4].detail, "한숨 감지 · 신뢰도 82%")
@@ -1390,7 +1621,9 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
         self.assertGreaterEqual(len(worksheet.sections), 5)
         exploration = worksheet.sections[0]
         self.assertEqual(exploration.key, "exploration_11")
-        complaint = next(item for item in exploration.items if item.key == "presenting_complaint")
+        complaint = next(
+            item for item in exploration.items if item.key == "presenting_complaint"
+        )
         self.assertEqual(complaint.confidence, "medium")
         self.assertEqual(complaint.evidence[0].turnId, "t2")
         self.assertIn("불안", complaint.value or "")
@@ -1509,14 +1742,18 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
                 AsyncMock(return_value=(review_status, True)),
             ),
         ):
-            response = await sessions.get_session_review(sess.session_id, teacher_principal)
+            response = await sessions.get_session_review(
+                sess.session_id, teacher_principal
+            )
 
         self.assertIsNotNone(response.teacherReview)
         assert response.teacherReview is not None
         self.assertEqual(response.caseWorksheet.status, "saved_by_learner")
         self.assertEqual(response.teacherReview.worksheetStatus, "changes_requested")
         self.assertIn("주호소", response.teacherReview.worksheetNote)
-        self.assertEqual(response.teacherReview.worksheetReviewedAt, "2026-06-27T10:05:00Z")
+        self.assertEqual(
+            response.teacherReview.worksheetReviewedAt, "2026-06-27T10:05:00Z"
+        )
 
     async def test_review_remasks_legacy_session_evaluation_payload(self) -> None:
         class FakeKoRecognizer:
@@ -1528,7 +1765,11 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
                 ):
                     start = text.find(value)
                     if start >= 0:
-                        spans.append(guardrail.PiiEntitySpan(entity_type, start, start + len(value)))
+                        spans.append(
+                            guardrail.PiiEntitySpan(
+                                entity_type, start, start + len(value)
+                            )
+                        )
                 return spans
 
         guardrail.set_ko_pii_recognizer(FakeKoRecognizer())
@@ -1668,7 +1909,9 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
         self.assertFalse(response.reviewReady)
         self.assertTrue(response.degraded)
         self.assertEqual(response.supervisorState, "평가 실패")
-        self.assertIn("deep-loop 평가 AI 산출물을 표시하지 못했습니다", response.summary)
+        self.assertIn(
+            "deep-loop 평가 AI 산출물을 표시하지 못했습니다", response.summary
+        )
         self.assertIn("AI 평가 재시도가 필요합니다", response.summary)
         self.assertNotIn("session evaluation timeout after 45s", response.summary)
         self.assertEqual(response.rubric, [])
@@ -1743,15 +1986,18 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
             limitations=["임상 루브릭 전"],
         )
 
-        with patch.object(
-            sessions,
-            "_load_session_or_404",
-            AsyncMock(return_value=sess),
-        ) as load_session, patch.object(
-            sessions.session_persistence,
-            "save_case_worksheet",
-            AsyncMock(return_value=True),
-        ) as save_worksheet:
+        with (
+            patch.object(
+                sessions,
+                "_load_session_or_404",
+                AsyncMock(return_value=sess),
+            ) as load_session,
+            patch.object(
+                sessions.session_persistence,
+                "save_case_worksheet",
+                AsyncMock(return_value=True),
+            ) as save_worksheet,
+        ):
             response = await sessions.save_session_review_worksheet(
                 sess.session_id,
                 request,
@@ -1769,7 +2015,9 @@ class SessionTurnPersistenceTest(unittest.IsolatedAsyncioTestCase):
         self.assertEqual(save_kwargs["session_id"], sess.session_id)
         self.assertEqual(save_kwargs["learner_id"], principal.user_id)
         self.assertEqual(save_kwargs["payload"]["status"], "saved_by_learner")
-        self.assertEqual(save_kwargs["payload"]["sections"][0]["items"][0]["value"], "수정한 주호소")
+        self.assertEqual(
+            save_kwargs["payload"]["sections"][0]["items"][0]["value"], "수정한 주호소"
+        )
         self.assertEqual(response.status, "saved_by_learner")
         self.assertEqual(response.sections[0].items[0].value, "수정한 주호소")
 
diff --git a/apps/api/app/test_tabular_ingest.py b/apps/api/app/test_tabular_ingest.py
new file mode 100644
index 0000000..c06a133
--- /dev/null
+++ b/apps/api/app/test_tabular_ingest.py
@@ -0,0 +1,99 @@
+"""P4 자유 양식 엑셀/CSV → 텍스트 변환 테스트."""
+
+from __future__ import annotations
+
+import io
+import unittest
+
+from .services.tabular_ingest import (
+    MAX_UPLOAD_BYTES,
+    TabularIngestError,
+    extract_tabular_text,
+)
+
+
+def _xlsx_bytes(rows_by_sheet: dict[str, list[list[object]]]) -> bytes:
+    import openpyxl
+
+    workbook = openpyxl.Workbook()
+    default = workbook.active
+    first = True
+    for sheet_name, rows in rows_by_sheet.items():
+        if first:
+            sheet = default
+            sheet.title = sheet_name
+            first = False
+        else:
+            sheet = workbook.create_sheet(sheet_name)
+        for row in rows:
+            sheet.append(row)
+    buffer = io.BytesIO()
+    workbook.save(buffer)
+    return buffer.getvalue()
+
+
+class TabularIngestTest(unittest.TestCase):
+    def test_xlsx_label_value_rows_become_pairs(self) -> None:
+        data = _xlsx_bytes(
+            {
+                "추고록": [
+                    ["이름", "김하늘"],
+                    ["주호소", "시험 전 복통과 불안, 성적 하락 후 심화"],
+                    [None, None],
+                    ["상담 목표", "불안 대처와 자기 이해"],
+                ]
+            }
+        )
+        text = extract_tabular_text(filename="자유양식.xlsx", data=data)
+        self.assertIn("## 시트: 추고록", text)
+        self.assertIn("이름: 김하늘", text)
+        self.assertIn("주호소: 시험 전 복통과 불안, 성적 하락 후 심화", text)
+
+    def test_xlsx_multi_cell_rows_join_with_pipe(self) -> None:
+        data = _xlsx_bytes(
+            {
+                "Sheet1": [
+                    ["회차", "날짜", "내용 요약"],
+                    [1, "2026-05-02", "첫 면담, 라포 형성 시도했으나 침묵이 길었음"],
+                ]
+            }
+        )
+        text = extract_tabular_text(filename="log.xlsx", data=data)
+        self.assertIn("회차 | 날짜 | 내용 요약", text)
+        self.assertIn("1 | 2026-05-02 | 첫 면담, 라포 형성 시도했으나 침묵이 길었음", text)
+
+    def test_csv_cp949_fallback(self) -> None:
+        csv_text = "라벨,값\n주호소,불안과 무기력이 이어지고 있음\n"
+        data = csv_text.encode("cp949")
+        text = extract_tabular_text(filename="notes.csv", data=data)
+        self.assertIn("주호소: 불안과 무기력이 이어지고 있음", text)
+
+    def test_legacy_xls_rejected_with_guidance(self) -> None:
+        with self.assertRaises(TabularIngestError) as caught:
+            extract_tabular_text(filename="old.xls", data=b"anything")
+        self.assertIn(".xlsx", str(caught.exception))
+
+    def test_unknown_extension_rejected(self) -> None:
+        with self.assertRaises(TabularIngestError):
+            extract_tabular_text(filename="notes.hwp", data=b"1234")
+
+    def test_empty_file_rejected(self) -> None:
+        with self.assertRaises(TabularIngestError):
+            extract_tabular_text(filename="a.xlsx", data=b"")
+
+    def test_oversize_rejected(self) -> None:
+        with self.assertRaises(TabularIngestError):
+            extract_tabular_text(filename="a.xlsx", data=b"0" * (MAX_UPLOAD_BYTES + 1))
+
+    def test_nearly_empty_sheet_rejected(self) -> None:
+        data = _xlsx_bytes({"Sheet1": [["a"]]})
+        with self.assertRaises(TabularIngestError):
+            extract_tabular_text(filename="empty.xlsx", data=data)
+
+    def test_corrupt_xlsx_rejected(self) -> None:
+        with self.assertRaises(TabularIngestError):
+            extract_tabular_text(filename="broken.xlsx", data=b"not a zip at all")
+
+
+if __name__ == "__main__":
+    unittest.main()
diff --git a/apps/api/app/test_voice_ws.py b/apps/api/app/test_voice_ws.py
index de7477e..a5dc857 100644
--- a/apps/api/app/test_voice_ws.py
+++ b/apps/api/app/test_voice_ws.py
@@ -166,7 +166,9 @@ class VoiceWebSocketContractTest(unittest.IsolatedAsyncioTestCase):
         self.assertIsNone(voice_routes._client_turn_text_for_speech(session, 3))
         self.assertIsNone(voice_routes._client_turn_text_for_speech(session, 99))
 
-    async def test_text_turn_speech_returns_openai_audio_for_owned_persisted_turn(self) -> None:
+    async def test_text_turn_speech_returns_openai_audio_for_owned_persisted_turn(
+        self,
+    ) -> None:
         session = SimpleNamespace(
             persona=SimpleNamespace(code="P1"),
             turns=[
@@ -186,30 +188,37 @@ class VoiceWebSocketContractTest(unittest.IsolatedAsyncioTestCase):
             yield TTSChunk(audio=b"mp3-a")
             yield TTSChunk(audio=b"mp3-b")
 
-        with patch.object(
-            voice_routes,
-            "_practice_access_error",
-            AsyncMock(return_value=None),
-        ), patch.object(
-            voice_routes.turn_runtime,
-            "load_owned_session",
-            AsyncMock(return_value=(session, None)),
-        ), patch.object(
-            voice_routes,
-            "_resolve_session_voice",
-            AsyncMock(return_value=VOICE_PRESET),
-        ), patch.object(
-            voice_routes.voice_service,
-            "is_available",
-            return_value=True,
-        ), patch.object(
-            voice_routes.voice_service,
-            "tts_provider",
-            return_value="openai",
-        ), patch.object(
-            voice_routes.voice_service,
-            "synthesize_stream",
-            new=synthesize,
+        with (
+            patch.object(
+                voice_routes,
+                "_practice_access_error",
+                AsyncMock(return_value=None),
+            ),
+            patch.object(
+                voice_routes.turn_runtime,
+                "load_owned_session",
+                AsyncMock(return_value=(session, None)),
+            ),
+            patch.object(
+                voice_routes,
+                "_resolve_session_voice",
+                AsyncMock(return_value=VOICE_PRESET),
+            ),
+            patch.object(
+                voice_routes.voice_service,
+                "is_available",
+                return_value=True,
+            ),
+            patch.object(
+                voice_routes.voice_service,
+                "tts_provider",
+                return_value="openai",
+            ),
+            patch.object(
+                voice_routes.voice_service,
+                "synthesize_stream",
+                new=synthesize,
+            ),
         ):
             response = await voice_routes.voice_speech(
                 voice_routes.VoiceSpeechRequest(session_id=SESSION_ID, turn_seq=4),
@@ -223,7 +232,9 @@ class VoiceWebSocketContractTest(unittest.IsolatedAsyncioTestCase):
         self.assertEqual(response.headers["x-vignette-tts-provider"], "openai")
         self.assertEqual(synthesized, [("내담자 응답", VOICE_PRESET)])
 
-    async def test_audio_start_binary_chunks_audio_end_ping_close_contract(self) -> None:
+    async def test_audio_start_binary_chunks_audio_end_ping_close_contract(
+        self,
+    ) -> None:
         websocket = FakeWebSocket(
             [
                 _control({"type": "audio_start", "format": "webm"}),
@@ -252,55 +263,66 @@ class VoiceWebSocketContractTest(unittest.IsolatedAsyncioTestCase):
         )
         handle_utterance = AsyncMock()
 
-        with patch.object(
-            voice_routes,
-            "_principal_from_websocket",
-            AsyncMock(return_value=_principal()),
-        ), patch.object(
-            voice_routes,
-            "_bind_session",
-            AsyncMock(return_value=self._bind_result()),
-        ), patch.object(
-            voice_routes.voice_service,
-            "is_available",
-            return_value=True,
-        ), patch.object(
-            voice_routes,
-            "_handle_utterance",
-            handle_utterance,
-        ), patch.object(
-            voice_routes,
-            "_run_turn_and_speak",
-            AsyncMock(),
-        ), patch.object(
-            voice_routes.time,
-            "monotonic",
-            side_effect=[10.0, 12.0],
+        with (
+            patch.object(
+                voice_routes,
+                "_principal_from_websocket",
+                AsyncMock(return_value=_principal()),
+            ),
+            patch.object(
+                voice_routes,
+                "_bind_session",
+                AsyncMock(return_value=self._bind_result()),
+            ),
+            patch.object(
+                voice_routes.voice_service,
+                "is_available",
+                return_value=True,
+            ),
+            patch.object(
+                voice_routes,
+                "_handle_utterance",
+                handle_utterance,
+            ),
+            patch.object(
+                voice_routes,
+                "_run_turn_and_speak",
+                AsyncMock(),
+            ),
+            patch.object(
+                voice_routes.time,
+                "monotonic",
+                side_effect=[10.0, 12.0],
+            ),
         ):
             await voice_routes.voice_ws(websocket)  # type: ignore[arg-type]
 
         self.assertTrue(websocket.accepted)
         self.assertEqual(websocket.close_codes, [1000])
         self.assertEqual(
-            [(message.get("type"), message.get("state")) for message in websocket.sent_json],
+            [
+                (message.get("type"), message.get("state"))
+                for message in websocket.sent_json
+            ],
             [("ready", "idle"), ("state", "listening"), ("pong", None)],
         )
         handle_utterance.assert_awaited_once()
-        kwargs = handle_utterance.await_args.kwargs
-        self.assertEqual(kwargs["session_id"], SESSION_ID)
-        self.assertEqual(kwargs["principal"].user_id, _principal().user_id)
-        self.assertEqual(kwargs["voice_preset"], VOICE_PRESET)
-        self.assertEqual(kwargs["audio"], b"chunk-onechunk-two")
-        self.assertEqual(kwargs["fmt"], "webm")
-        self.assertIsNone(kwargs["sample_rate"])
-        self.assertIsNone(kwargs["channels"])
-        self.assertIsNone(kwargs["sample_width"])
-        self.assertEqual(kwargs["audio_started_at"], 10.0)
-        self.assertEqual(kwargs["audio_ended_at"], 12.0)
-        self.assertEqual(kwargs["silence_ms"], 450)
-        self.assertIs(kwargs["barge_in"], True)
+        context = handle_utterance.await_args.args[1]
+        utterance = handle_utterance.await_args.args[2]
+        self.assertEqual(context.session_id, SESSION_ID)
+        self.assertEqual(context.principal.user_id, _principal().user_id)
+        self.assertEqual(context.voice_preset, VOICE_PRESET)
+        self.assertEqual(utterance.audio, b"chunk-onechunk-two")
+        self.assertEqual(utterance.fmt, "webm")
+        self.assertIsNone(utterance.sample_rate)
+        self.assertIsNone(utterance.channels)
+        self.assertIsNone(utterance.sample_width)
+        self.assertEqual(utterance.audio_started_at, 10.0)
+        self.assertEqual(utterance.audio_ended_at, 12.0)
+        self.assertEqual(utterance.prosody.silence_ms, 450)
+        self.assertIs(utterance.prosody.barge_in, True)
         self.assertEqual(
-            kwargs["provider_events"],
+            utterance.prosody.provider_events,
             [
                 {
                     "type": "sigh",
@@ -339,7 +361,15 @@ class VoiceWebSocketContractTest(unittest.IsolatedAsyncioTestCase):
     async def test_pcm_control_metadata_flows_to_handle_utterance(self) -> None:
         websocket = FakeWebSocket(
             [
-                _control({"type": "audio_start", "format": "pcm", "sample_rate": 16000, "channels": 1, "sample_width": 2}),
+                _control(
+                    {
+                        "type": "audio_start",
+                        "format": "pcm",
+                        "sample_rate": 16000,
+                        "channels": 1,
+                        "sample_width": 2,
+                    }
+                ),
                 _binary(b"\x00\x00\xff\x7f"),
                 _control({"type": "audio_end", "format": "pcm"}),
                 _control({"type": "close"}),
@@ -347,33 +377,40 @@ class VoiceWebSocketContractTest(unittest.IsolatedAsyncioTestCase):
         )
         handle_utterance = AsyncMock()
 
-        with patch.object(
-            voice_routes,
-            "_principal_from_websocket",
-            AsyncMock(return_value=_principal()),
-        ), patch.object(
-            voice_routes,
-            "_bind_session",
-            AsyncMock(return_value=self._bind_result()),
-        ), patch.object(
-            voice_routes.voice_service,
-            "is_available",
-            return_value=True,
-        ), patch.object(
-            voice_routes,
-            "_handle_utterance",
-            handle_utterance,
+        with (
+            patch.object(
+                voice_routes,
+                "_principal_from_websocket",
+                AsyncMock(return_value=_principal()),
+            ),
+            patch.object(
+                voice_routes,
+                "_bind_session",
+                AsyncMock(return_value=self._bind_result()),
+            ),
+            patch.object(
+                voice_routes.voice_service,
+                "is_available",
+                return_value=True,
+            ),
+            patch.object(
+                voice_routes,
+                "_handle_utterance",
+                handle_utterance,
+            ),
         ):
             await voice_routes.voice_ws(websocket)  # type: ignore[arg-type]
 
         handle_utterance.assert_awaited_once()
-        kwargs = handle_utterance.await_args.kwargs
-        self.assertEqual(kwargs["fmt"], "pcm")
-        self.assertEqual(kwargs["sample_rate"], 16000)
-        self.assertEqual(kwargs["channels"], 1)
-        self.assertEqual(kwargs["sample_width"], 2)
+        utterance = handle_utterance.await_args.args[2]
+        self.assertEqual(utterance.fmt, "pcm")
+        self.assertEqual(utterance.sample_rate, 16000)
+        self.assertEqual(utterance.channels, 1)
+        self.assertEqual(utterance.sample_width, 2)
 
-    async def test_text_turn_strips_text_runs_turn_and_ping_close_still_work(self) -> None:
+    async def test_text_turn_strips_text_runs_turn_and_ping_close_still_work(
+        self,
+    ) -> None:
         websocket = FakeWebSocket(
             [
                 _control({"type": "text_turn", "text": "  I need help practicing.  "}),
@@ -384,41 +421,51 @@ class VoiceWebSocketContractTest(unittest.IsolatedAsyncioTestCase):
         run_turn = AsyncMock()
         handle_utterance = AsyncMock()
 
-        with patch.object(
-            voice_routes,
-            "_principal_from_websocket",
-            AsyncMock(return_value=_principal()),
-        ), patch.object(
-            voice_routes,
-            "_bind_session",
-            AsyncMock(return_value=self._bind_result()),
-        ), patch.object(
-            voice_routes.voice_service,
-            "is_available",
-            return_value=True,
-        ), patch.object(
-            voice_routes,
-            "_handle_utterance",
-            handle_utterance,
-        ), patch.object(
-            voice_routes,
-            "_run_turn_and_speak",
-            run_turn,
+        with (
+            patch.object(
+                voice_routes,
+                "_principal_from_websocket",
+                AsyncMock(return_value=_principal()),
+            ),
+            patch.object(
+                voice_routes,
+                "_bind_session",
+                AsyncMock(return_value=self._bind_result()),
+            ),
+            patch.object(
+                voice_routes.voice_service,
+                "is_available",
+                return_value=True,
+            ),
+            patch.object(
+                voice_routes,
+                "_handle_utterance",
+                handle_utterance,
+            ),
+            patch.object(
+                voice_routes,
+                "_run_turn_and_speak",
+                run_turn,
+            ),
         ):
             await voice_routes.voice_ws(websocket)  # type: ignore[arg-type]
 
         self.assertEqual(websocket.close_codes, [1000])
         self.assertEqual(
-            [(message.get("type"), message.get("state")) for message in websocket.sent_json],
+            [
+                (message.get("type"), message.get("state"))
+                for message in websocket.sent_json
+            ],
             [("ready", "idle"), ("pong", None)],
         )
         handle_utterance.assert_not_awaited()
         run_turn.assert_awaited_once()
-        kwargs = run_turn.await_args.kwargs
-        self.assertEqual(kwargs["session_id"], SESSION_ID)
-        self.assertEqual(kwargs["principal"].user_id, _principal().user_id)
-        self.assertEqual(kwargs["voice_preset"], VOICE_PRESET)
-        self.assertEqual(kwargs["learner_text"], "I need help practicing.")
+        context = run_turn.await_args.args[1]
+        turn = run_turn.await_args.args[2]
+        self.assertEqual(context.session_id, SESSION_ID)
+        self.assertEqual(context.principal.user_id, _principal().user_id)
+        self.assertEqual(context.voice_preset, VOICE_PRESET)
+        self.assertEqual(turn.learner_text, "I need help practicing.")
 
     async def test_turn_persistence_failure_uses_structured_voice_error(self) -> None:
         websocket = FakeWebSocket(
@@ -437,22 +484,27 @@ class VoiceWebSocketContractTest(unittest.IsolatedAsyncioTestCase):
             )
         )
 
-        with patch.object(
-            voice_routes,
-            "_principal_from_websocket",
-            AsyncMock(return_value=_principal()),
-        ), patch.object(
-            voice_routes,
-            "_bind_session",
-            AsyncMock(return_value=self._bind_result()),
-        ), patch.object(
-            voice_routes.voice_service,
-            "is_available",
-            return_value=True,
-        ), patch.object(
-            voice_routes,
-            "_run_turn_and_speak",
-            run_turn,
+        with (
+            patch.object(
+                voice_routes,
+                "_principal_from_websocket",
+                AsyncMock(return_value=_principal()),
+            ),
+            patch.object(
+                voice_routes,
+                "_bind_session",
+                AsyncMock(return_value=self._bind_result()),
+            ),
+            patch.object(
+                voice_routes.voice_service,
+                "is_available",
+                return_value=True,
+            ),
+            patch.object(
+                voice_routes,
+                "_run_turn_and_speak",
+                run_turn,
+            ),
         ):
             await voice_routes.voice_ws(websocket)  # type: ignore[arg-type]
 
@@ -469,7 +521,9 @@ class VoiceWebSocketContractTest(unittest.IsolatedAsyncioTestCase):
         )
         self.assertEqual(websocket.sent_json[-1], {"type": "state", "state": "idle"})
 
-    async def test_stt_result_waits_for_final_transcript_before_running_turn(self) -> None:
+    async def test_stt_result_waits_for_final_transcript_before_running_turn(
+        self,
+    ) -> None:
         websocket = FakeWebSocket(
             [
                 _control(
@@ -486,26 +540,32 @@ class VoiceWebSocketContractTest(unittest.IsolatedAsyncioTestCase):
         run_turn = AsyncMock()
         handle_utterance = AsyncMock()
 
-        with patch.object(
-            voice_routes,
-            "_principal_from_websocket",
-            AsyncMock(return_value=_principal()),
-        ), patch.object(
-            voice_routes,
-            "_bind_session",
-            AsyncMock(return_value=self._bind_result()),
-        ), patch.object(
-            voice_routes.voice_service,
-            "is_available",
-            return_value=True,
-        ), patch.object(
-            voice_routes,
-            "_handle_utterance",
-            handle_utterance,
-        ), patch.object(
-            voice_routes,
-            "_run_turn_and_speak",
-            run_turn,
+        with (
+            patch.object(
+                voice_routes,
+                "_principal_from_websocket",
+                AsyncMock(return_value=_principal()),
+            ),
+            patch.object(
+                voice_routes,
+                "_bind_session",
+                AsyncMock(return_value=self._bind_result()),
+            ),
+            patch.object(
+                voice_routes.voice_service,
+                "is_available",
+                return_value=True,
+            ),
+            patch.object(
+                voice_routes,
+                "_handle_utterance",
+                handle_utterance,
+            ),
+            patch.object(
+                voice_routes,
+                "_run_turn_and_speak",
+                run_turn,
+            ),
         ):
             await voice_routes.voice_ws(websocket)  # type: ignore[arg-type]
 
@@ -521,7 +581,9 @@ class VoiceWebSocketContractTest(unittest.IsolatedAsyncioTestCase):
             },
             websocket.sent_json,
         )
-        self.assertEqual(websocket.sent_json[-1], {"type": "state", "state": "listening"})
+        self.assertEqual(
+            websocket.sent_json[-1], {"type": "state", "state": "listening"}
+        )
 
     async def test_stt_result_runs_turn_only_after_eot_ready(self) -> None:
         websocket = FakeWebSocket(
@@ -549,30 +611,37 @@ class VoiceWebSocketContractTest(unittest.IsolatedAsyncioTestCase):
         run_turn = AsyncMock()
         handle_utterance = AsyncMock()
 
-        with patch.object(
-            voice_routes,
-            "_principal_from_websocket",
-            AsyncMock(return_value=_principal()),
-        ), patch.object(
-            voice_routes,
-            "_bind_session",
-            AsyncMock(return_value=self._bind_result()),
-        ), patch.object(
-            voice_routes.voice_service,
-            "is_available",
-            return_value=True,
-        ), patch.object(
-            voice_routes,
-            "_handle_utterance",
-            handle_utterance,
-        ), patch.object(
-            voice_routes,
-            "_run_turn_and_speak",
-            run_turn,
-        ), patch.object(
-            voice_routes.time,
-            "monotonic",
-            side_effect=[10.0, 12.0],
+        with (
+            patch.object(
+                voice_routes,
+                "_principal_from_websocket",
+                AsyncMock(return_value=_principal()),
+            ),
+            patch.object(
+                voice_routes,
+                "_bind_session",
+                AsyncMock(return_value=self._bind_result()),
+            ),
+            patch.object(
+                voice_routes.voice_service,
+                "is_available",
+                return_value=True,
+            ),
+            patch.object(
+                voice_routes,
+                "_handle_utterance",
+                handle_utterance,
+            ),
+            patch.object(
+                voice_routes,
+                "_run_turn_and_speak",
+                run_turn,
+            ),
+            patch.object(
+                voice_routes.time,
+                "monotonic",
+                side_effect=[10.0, 12.0],
+            ),
         ):
             await voice_routes.voice_ws(websocket)  # type: ignore[arg-type]
 
@@ -598,13 +667,13 @@ class VoiceWebSocketContractTest(unittest.IsolatedAsyncioTestCase):
             websocket.sent_json,
         )
         self.assertIn({"type": "state", "state": "thinking"}, websocket.sent_json)
-        kwargs = run_turn.await_args.kwargs
-        self.assertEqual(kwargs["learner_text"], "I am done now.")
-        self.assertEqual(kwargs["duration_s"], 2.0)
-        self.assertEqual(kwargs["silence_ms"], 1300)
-        self.assertIs(kwargs["barge_in"], False)
+        turn = run_turn.await_args.args[2]
+        self.assertEqual(turn.learner_text, "I am done now.")
+        self.assertEqual(turn.prosody.duration_s, 2.0)
+        self.assertEqual(turn.prosody.silence_ms, 1300)
+        self.assertIs(turn.prosody.barge_in, False)
         self.assertEqual(
-            kwargs["provider_events"],
+            turn.prosody.provider_events,
             [
                 {
                     "type": "speech_final",
@@ -615,7 +684,9 @@ class VoiceWebSocketContractTest(unittest.IsolatedAsyncioTestCase):
             ],
         )
 
-    async def test_oversize_binary_audio_reports_error_and_drops_utterance(self) -> None:
+    async def test_oversize_binary_audio_reports_error_and_drops_utterance(
+        self,
+    ) -> None:
         websocket = FakeWebSocket(
             [
                 _control({"type": "audio_start", "format": "webm"}),
@@ -626,30 +697,37 @@ class VoiceWebSocketContractTest(unittest.IsolatedAsyncioTestCase):
         handle_utterance = AsyncMock()
         run_turn = AsyncMock()
 
-        with patch.object(
-            voice_routes,
-            "_principal_from_websocket",
-            AsyncMock(return_value=_principal()),
-        ), patch.object(
-            voice_routes,
-            "_bind_session",
-            AsyncMock(return_value=self._bind_result()),
-        ), patch.object(
-            voice_routes.voice_service,
-            "is_available",
-            return_value=True,
-        ), patch.object(
-            voice_routes,
-            "_handle_utterance",
-            handle_utterance,
-        ), patch.object(
-            voice_routes,
-            "_run_turn_and_speak",
-            run_turn,
-        ), patch.object(
-            voice_routes,
-            "_MAX_AUDIO_BYTES",
-            4,
+        with (
+            patch.object(
+                voice_routes,
+                "_principal_from_websocket",
+                AsyncMock(return_value=_principal()),
+            ),
+            patch.object(
+                voice_routes,
+                "_bind_session",
+                AsyncMock(return_value=self._bind_result()),
+            ),
+            patch.object(
+                voice_routes.voice_service,
+                "is_available",
+                return_value=True,
+            ),
+            patch.object(
+                voice_routes,
+                "_handle_utterance",
+                handle_utterance,
+            ),
+            patch.object(
+                voice_routes,
+                "_run_turn_and_speak",
+                run_turn,
+            ),
+            patch.object(
+                voice_routes,
+                "_MAX_AUDIO_BYTES",
+                4,
+            ),
         ):
             await voice_routes.voice_ws(websocket)  # type: ignore[arg-type]
 
@@ -664,48 +742,62 @@ class VoiceWebSocketContractTest(unittest.IsolatedAsyncioTestCase):
         handle_utterance.assert_not_awaited()
         run_turn.assert_not_awaited()
 
-    async def test_unauthenticated_client_closes_before_session_or_voice_checks(self) -> None:
+    async def test_unauthenticated_client_closes_before_session_or_voice_checks(
+        self,
+    ) -> None:
         websocket = FakeWebSocket()
         bind_session = AsyncMock()
 
-        with patch.object(
-            voice_routes,
-            "_principal_from_websocket",
-            AsyncMock(return_value=None),
-        ), patch.object(
-            voice_routes,
-            "_bind_session",
-            bind_session,
-        ), patch.object(
-            voice_routes.voice_service,
-            "is_available",
-            return_value=True,
-        ) as is_available:
+        with (
+            patch.object(
+                voice_routes,
+                "_principal_from_websocket",
+                AsyncMock(return_value=None),
+            ),
+            patch.object(
+                voice_routes,
+                "_bind_session",
+                bind_session,
+            ),
+            patch.object(
+                voice_routes.voice_service,
+                "is_available",
+                return_value=True,
+            ) as is_available,
+        ):
             await voice_routes.voice_ws(websocket)  # type: ignore[arg-type]
 
         self.assertTrue(websocket.accepted)
         self.assertEqual(websocket.close_codes, [voice_routes.WS_CLOSE_UNAUTHORIZED])
-        self.assertEqual(websocket.sent_json, [{"type": "error", "detail": "not authenticated"}])
+        self.assertEqual(
+            websocket.sent_json, [{"type": "error", "detail": "not authenticated"}]
+        )
         bind_session.assert_not_awaited()
         is_available.assert_not_called()
 
-    async def test_non_learner_client_closes_before_session_or_voice_checks(self) -> None:
+    async def test_non_learner_client_closes_before_session_or_voice_checks(
+        self,
+    ) -> None:
         websocket = FakeWebSocket()
         bind_session = AsyncMock()
 
-        with patch.object(
-            voice_routes,
-            "_principal_from_websocket",
-            AsyncMock(return_value=_principal(Role.TEACHER)),
-        ), patch.object(
-            voice_routes,
-            "_bind_session",
-            bind_session,
-        ), patch.object(
-            voice_routes.voice_service,
-            "is_available",
-            return_value=True,
-        ) as is_available:
+        with (
+            patch.object(
+                voice_routes,
+                "_principal_from_websocket",
+                AsyncMock(return_value=_principal(Role.TEACHER)),
+            ),
+            patch.object(
+                voice_routes,
+                "_bind_session",
+                bind_session,
+            ),
+            patch.object(
+                voice_routes.voice_service,
+                "is_available",
+                return_value=True,
+            ) as is_available,
+        ):
             await voice_routes.voice_ws(websocket)  # type: ignore[arg-type]
 
         self.assertTrue(websocket.accepted)
@@ -733,14 +825,17 @@ class VoiceWebSocketContractTest(unittest.IsolatedAsyncioTestCase):
         )
         get_voice_map = AsyncMock(return_value=voice_map)
 
-        with patch.object(
-            voice_routes,
-            "_load_voice_session",
-            AsyncMock(return_value=(sess, None)),
-        ), patch.object(
-            voice_routes,
-            "get_session_voice_map",
-            get_voice_map,
+        with (
+            patch.object(
+                voice_routes,
+                "_load_voice_session",
+                AsyncMock(return_value=(sess, None)),
+            ),
+            patch.object(
+                voice_routes,
+                "get_session_voice_map",
+                get_voice_map,
+            ),
         ):
             session_id, voice, err, meta = await voice_routes._bind_session(
                 websocket, _principal()
@@ -749,31 +844,40 @@ class VoiceWebSocketContractTest(unittest.IsolatedAsyncioTestCase):
         self.assertEqual(session_id, SESSION_ID)
         self.assertIsNone(err)
         self.assertEqual(meta["persona_catalog_source"], "session")
-        self.assertEqual(voice, VoicePreset(
-            preset="calm-adult-male",
-            openai_voice="onyx",
-            rate=1.08,
-            instructions="Low, guarded delivery.",
-        ))
+        self.assertEqual(
+            voice,
+            VoicePreset(
+                preset="calm-adult-male",
+                openai_voice="onyx",
+                rate=1.08,
+                instructions="Low, guarded delivery.",
+            ),
+        )
         get_voice_map.assert_awaited_once_with(SESSION_ID)
 
-    async def test_bind_session_rejects_existing_session_without_onboarding(self) -> None:
+    async def test_bind_session_rejects_existing_session_without_onboarding(
+        self,
+    ) -> None:
         websocket = FakeWebSocket()
         websocket.query_params = {"session_id": SESSION_ID}
         load_voice_session = AsyncMock()
 
-        with patch.object(
-            voice_routes,
-            "user_onboarding_complete",
-            AsyncMock(return_value=False),
-        ), patch.object(
-            voice_routes,
-            "user_has_consent",
-            AsyncMock(return_value=True),
-        ), patch.object(
-            voice_routes,
-            "_load_voice_session",
-            load_voice_session,
+        with (
+            patch.object(
+                voice_routes,
+                "user_onboarding_complete",
+                AsyncMock(return_value=False),
+            ),
+            patch.object(
+                voice_routes,
+                "user_has_consent",
+                AsyncMock(return_value=True),
+            ),
+            patch.object(
+                voice_routes,
+                "_load_voice_session",
+                load_voice_session,
+            ),
         ):
             session_id, voice, err, meta = await voice_routes._bind_session(
                 websocket,
@@ -791,14 +895,17 @@ class VoiceWebSocketContractTest(unittest.IsolatedAsyncioTestCase):
         websocket.query_params = {"session_id": SESSION_ID}
         load_voice_session = AsyncMock()
 
-        with patch.object(
-            voice_routes,
-            "user_has_consent",
-            AsyncMock(return_value=False),
-        ), patch.object(
-            voice_routes,
-            "_load_voice_session",
-            load_voice_session,
+        with (
+            patch.object(
+                voice_routes,
+                "user_has_consent",
+                AsyncMock(return_value=False),
+            ),
+            patch.object(
+                voice_routes,
+                "_load_voice_session",
+                load_voice_session,
+            ),
         ):
             session_id, voice, err, meta = await voice_routes._bind_session(
                 websocket,
@@ -817,14 +924,17 @@ class VoiceWebSocketContractTest(unittest.IsolatedAsyncioTestCase):
         sess = SimpleNamespace(persona=SimpleNamespace(code="P2"))
         get_voice_map = AsyncMock()
 
-        with patch.object(
-            voice_routes,
-            "_load_voice_session",
-            AsyncMock(return_value=(sess, None)),
-        ), patch.object(
-            voice_routes,
-            "get_session_voice_map",
-            get_voice_map,
+        with (
+            patch.object(
+                voice_routes,
+                "_load_voice_session",
+                AsyncMock(return_value=(sess, None)),
+            ),
+            patch.object(
+                voice_routes,
+                "get_session_voice_map",
+                get_voice_map,
+            ),
         ):
             session_id, voice, err, _ = await voice_routes._bind_session(
                 websocket, _principal()
@@ -836,7 +946,9 @@ class VoiceWebSocketContractTest(unittest.IsolatedAsyncioTestCase):
         self.assertEqual(voice.openai_voice, "coral")
         get_voice_map.assert_not_awaited()
 
-    async def test_catalog_voice_map_is_used_for_dev_persona_binding_helper(self) -> None:
+    async def test_catalog_voice_map_is_used_for_dev_persona_binding_helper(
+        self,
+    ) -> None:
         voice_map = PersonaVoiceMap(
             provider="openai",
             voice_id="verse",
diff --git a/apps/api/app/turn_runtime.py b/apps/api/app/turn_runtime.py
index 9aba28e..b613a54 100644
--- a/apps/api/app/turn_runtime.py
+++ b/apps/api/app/turn_runtime.py
@@ -19,8 +19,12 @@ from .store import InProcSession, TurnRecord, store
 
 logger = logging.getLogger(__name__)
 
-_LIVE_COACH_RECHARGE_MIN_RAPPORT = 0.35
-_LIVE_COACH_RECHARGE_MIN_OPENNESS_GAIN = 0.02
+_LIVE_COACH_RECHARGE_MIN_RAPPORT = 0.15
+_LIVE_COACH_RECHARGE_NEUTRAL_MIN_RAPPORT = 0.35
+_LIVE_COACH_RECHARGE_MIN_OPENNESS_GAIN = 0.01
+# 페이싱 충전: 평가 신호와 무관하게 N턴마다 1개. 코칭이 가장 필요한(잘 못 풀리는)
+# 학습자가 3개 소진 후 영영 코칭을 못 받는 순감 구조를 막는다(2026-07-13 회의 후속).
+_LIVE_COACH_PACING_RECHARGE_EVERY_TURNS = 6
 
 
 class SessionAccessError(str, Enum):
@@ -187,25 +191,42 @@ def should_recharge_live_coach_credit(
     before: state_machine.SessionState,
     after: state_machine.SessionState,
 ) -> tuple[bool, str]:
-    """Good-score recharge gate based on stored evaluator/state-machine evidence."""
-    if not isinstance(evaluation, dict):
-        return False, ""
-    if evaluation.get("appropriateness") != "pos":
-        return False, ""
-    try:
-        rapport = float(evaluation.get("rapport_signal") or 0)
-    except (TypeError, ValueError):
-        rapport = 0.0
-    if rapport < _LIVE_COACH_RECHARGE_MIN_RAPPORT:
-        return False, ""
+    """좋은 발화 충전 + 진행 페이싱 충전 게이트.
 
+    기존 3중 AND(appropriateness==pos + rapport>=0.35 + 단계전환/개방도+0.02)는
+    실사용에서 충전이 사실상 불가능해 코칭이 3턴 만에 죽었다. 완화된 성과 충전에
+    페이싱 충전을 더해, 잘하는 학습자는 빨리·모두가 주기적으로 충전받게 한다.
+    """
+    appropriateness = evaluation.get("appropriateness") if isinstance(evaluation, dict) else None
+    rapport = 0.0
+    if isinstance(evaluation, dict):
+        try:
+            rapport = float(evaluation.get("rapport_signal") or 0)
+        except (TypeError, ValueError):
+            rapport = 0.0
     openness_gain = float(after.effective_openness or 0) - float(before.effective_openness or 0)
     stage_changed = after.stage != before.stage
-    if not stage_changed and openness_gain < _LIVE_COACH_RECHARGE_MIN_OPENNESS_GAIN:
-        return False, ""
-    if stage_changed:
-        return True, "좋은 발화로 내담자 단계가 열려 코칭 기회 1개를 충전했습니다."
-    return True, "좋은 발화 뒤 내담자 개방도가 올라 코칭 기회 1개를 충전했습니다."
+
+    if appropriateness == "pos" and rapport >= _LIVE_COACH_RECHARGE_MIN_RAPPORT:
+        if stage_changed:
+            return True, "좋은 발화로 내담자 단계가 열려 코칭 기회 1개를 충전했습니다."
+        if openness_gain >= _LIVE_COACH_RECHARGE_MIN_OPENNESS_GAIN:
+            return True, "좋은 발화 뒤 내담자 개방도가 올라 코칭 기회 1개를 충전했습니다."
+    if (
+        appropriateness == "neutral"
+        and rapport >= _LIVE_COACH_RECHARGE_NEUTRAL_MIN_RAPPORT
+        and openness_gain > 0
+    ):
+        return True, "안정적인 라포 신호로 코칭 기회 1개를 충전했습니다."
+
+    # 페이싱 충전 — 평가 실패(evaluation=None)여도 회기 진행 자체로 충전된다.
+    turn_seq = int(after.turn_seq or 0)
+    if turn_seq > 0 and turn_seq % _LIVE_COACH_PACING_RECHARGE_EVERY_TURNS == 0:
+        return (
+            True,
+            f"회기가 {_LIVE_COACH_PACING_RECHARGE_EVERY_TURNS}턴 진행되어 코칭 기회 1개를 충전했습니다.",
+        )
+    return False, ""
 
 
 async def maybe_recharge_live_coach_credit(
diff --git a/apps/api/engine_gateway/gateway.py b/apps/api/engine_gateway/gateway.py
index 9239791..018ecf8 100644
--- a/apps/api/engine_gateway/gateway.py
+++ b/apps/api/engine_gateway/gateway.py
@@ -42,6 +42,9 @@ DEFAULT_BUDGET = float(os.environ.get("SESSION_BUDGET_USD", "5.0"))
 READY_TTL_SECONDS = float(os.environ.get("ENGINE_READY_TTL_SECONDS", "30"))
 READY_TIMEOUT_SECONDS = float(os.environ.get("ENGINE_READY_TIMEOUT_SECONDS", "20"))
 READY_BUDGET_USD = float(os.environ.get("ENGINE_READY_BUDGET_USD", "0.5"))
+# 단발 생성(/v1/generate) 턴 타임아웃 — 페르소나 초안 생성 같은 대형 구조화 출력은
+# 120초를 넘길 수 있어 설정 가능하게 한다(2026-07-15). 호출부(app ENGINE_TIMEOUT)와 정합 필요.
+GENERATE_TURN_TIMEOUT_SECONDS = float(os.environ.get("ENGINE_GENERATE_TIMEOUT_SECONDS", "300"))
 GATEWAY_PROVIDER = "claude_cli"
 GATEWAY_FALLBACK_MODEL_NAME = "claude-opus-4-8"
 
@@ -424,7 +427,7 @@ async def v1_generate(req: GwGenerateReq):
 
     s, ephemeral = await _resolve_session(req, system_prompt)
     try:
-        result = await s.turn(prompt_parts.user_payload, timeout=120.0)
+        result = await s.turn(prompt_parts.user_payload, timeout=GENERATE_TURN_TIMEOUT_SECONDS)
     finally:
         if ephemeral:
             await s.close()
diff --git a/apps/api/engine_gateway/test_gateway_model.py b/apps/api/engine_gateway/test_gateway_model.py
index 15ba19c..40af947 100644
--- a/apps/api/engine_gateway/test_gateway_model.py
+++ b/apps/api/engine_gateway/test_gateway_model.py
@@ -581,7 +581,7 @@ class GatewayModelTest(unittest.TestCase):
         self.assertEqual(validated.text, "reused response")
         self.assertEqual(validated.provider, "claude_cli")
         self.assertEqual(validated.cost_usd, 0.01)
-        self.assertEqual(calls, [("hello", 120.0)])
+        self.assertEqual(calls, [("hello", gateway.GENERATE_TURN_TIMEOUT_SECONDS)])
         self.assertEqual(closes, [])
 
     def test_v1_generate_closes_fresh_ephemeral_session(self):
@@ -612,7 +612,7 @@ class GatewayModelTest(unittest.TestCase):
         self.assertEqual(validated.provider, "claude_cli")
         self.assertEqual(validated.cost_usd, 0.02)
         self.assertEqual(len(started), 1)
-        self.assertEqual(turned, [(started[0], "hello", 120.0)])
+        self.assertEqual(turned, [(started[0], "hello", gateway.GENERATE_TURN_TIMEOUT_SECONDS)])
         self.assertEqual(closed, [started[0]])
         self.assertNotIn(started[0].id, gateway.SESSIONS)
 
diff --git a/apps/api/requirements.txt b/apps/api/requirements.txt
index 40464a4..bd0a111 100644
--- a/apps/api/requirements.txt
+++ b/apps/api/requirements.txt
@@ -8,6 +8,8 @@ pydantic-settings==2.12.0
 python-multipart==0.0.18
 httpx==0.28.1
 sse-starlette==3.0.3
+# P4(2026-07-13 회의): 자유 양식 엑셀 업로드 → 텍스트 변환 (personas/sources/upload)
+openpyxl==3.1.5
 
 # ── 선택 의존성 (가드레일 PII 마스킹) ─────────────────────────────
 # Presidio 가 설치되면 guardrail.mask_pii 가 NER 기반으로 동작하고,
diff --git a/apps/web/e2e/README.md b/apps/web/e2e/README.md
index 36dcd99..968b44f 100644
--- a/apps/web/e2e/README.md
+++ b/apps/web/e2e/README.md
@@ -48,6 +48,18 @@ $env:E2E_PUBLIC_STORAGE_STATE="./node_modules/.tmp/public-auth.json"
 npx playwright test e2e/public-auth-turn.spec.ts --project=chromium-public-auth
 ```
 
+Public admin visual smoke:
+
+```sh
+# Capture storage state after signing in with an admin-entitled Google account.
+npx playwright codegen https://vignette.chanpaca.net/login --save-storage=./node_modules/.tmp/public-admin-auth.json
+
+# Verify that https://vignette.chanpaca.net/admin visibly renders the admin console.
+$env:E2E_PUBLIC_AUTH="1"
+$env:E2E_PUBLIC_STORAGE_STATE="./node_modules/.tmp/public-admin-auth.json"
+npx playwright test e2e/public-admin-visual.spec.ts --project=chromium-public-auth
+```
+
 Notes:
 
 - `E2E_PUBLIC_AUTH=1` targets the public site and does not start the local Vite web server.
diff --git a/apps/web/e2e/admin.spec.ts b/apps/web/e2e/admin.spec.ts
index 08d6d19..0308261 100644
--- a/apps/web/e2e/admin.spec.ts
+++ b/apps/web/e2e/admin.spec.ts
@@ -82,6 +82,7 @@ interface AdminUsageEvaluatorCache {
 interface AdminUsageResponse {
   source: "database" | "server_session_registry";
   durable: boolean;
+  generated_at: number;
   window_days: number;
   total_turns: number;
   metered_turns: number;
@@ -94,6 +95,16 @@ interface AdminUsageResponse {
   daily_cost?: AdminUsageDailyCost[];
 }
 
+interface AdminEngineConfigResponse {
+  engine_mode: string;
+  engine_url: string;
+  model: string;
+  source: "database" | "runtime_cache" | "runtime_default";
+  durable: boolean;
+  updated_by: string | null;
+  updated_at: number | null;
+}
+
 interface AdminUptimeResponse {
   source: "database" | "unavailable";
   durable: boolean;
@@ -161,6 +172,8 @@ async function mockAdminSession(
   options: {
     adminUsers?: unknown[];
     adminTickets?: unknown;
+    adminUsage?: AdminUsageResponse;
+    engineConfig?: AdminEngineConfigResponse;
   } = {},
 ) {
   const seenAdminEndpoints = new Set<string>();
@@ -221,33 +234,70 @@ async function mockAdminSession(
 
     if (method === "GET" && path.endsWith("/admin/usage")) {
       seenAdminEndpoints.add("usage");
+      await fulfillJson(
+        options.adminUsage ?? {
+          source: "database",
+          durable: true,
+          generated_at: 1_783_990_800,
+          window_days: Number(url.searchParams.get("window_days") ?? 7),
+          total_turns: 0,
+          metered_turns: 0,
+          tokens_in: 0,
+          tokens_out: 0,
+          cost_usd: 0,
+          budget: {
+            limit_usd: 0,
+            used_ratio: 0,
+            remaining_usd: null,
+            status: "disabled",
+          },
+          evaluator_cache: {
+            enabled: false,
+            entries: 0,
+            hits: 0,
+            misses: 0,
+            stores: 0,
+            evictions: 0,
+            requests: 0,
+            hit_rate: 0,
+          },
+          by_provider: [],
+          daily_cost: [],
+        },
+      );
+      return;
+    }
+
+    if (method === "GET" && path.endsWith("/admin/engine-config")) {
+      seenAdminEndpoints.add("engine-config");
+      await fulfillJson(
+        options.engineConfig ?? {
+          engine_mode: "openai",
+          engine_url: "http://127.0.0.1:9099",
+          model: "gateway-default",
+          source: "database",
+          durable: true,
+          updated_by: "admin@twentyoz.kr",
+          updated_at: 1_783_990_800,
+        },
+      );
+      return;
+    }
+
+    if (method === "PATCH" && path.endsWith("/admin/engine-config")) {
+      seenAdminEndpoints.add("engine-config-patch");
+      const body = request.postDataJSON() as Partial<AdminEngineConfigResponse>;
       await fulfillJson({
+        ...(options.engineConfig ?? {
+          engine_mode: "openai",
+          engine_url: "http://127.0.0.1:9099",
+          model: "gateway-default",
+        }),
+        ...body,
         source: "database",
         durable: true,
-        window_days: 7,
-        total_turns: 0,
-        metered_turns: 0,
-        tokens_in: 0,
-        tokens_out: 0,
-        cost_usd: 0,
-        budget: {
-          limit_usd: 0,
-          used_ratio: 0,
-          remaining_usd: null,
-          status: "disabled",
-        },
-        evaluator_cache: {
-          enabled: false,
-          entries: 0,
-          hits: 0,
-          misses: 0,
-          stores: 0,
-          evictions: 0,
-          requests: 0,
-          hit_rate: 0,
-        },
-        by_provider: [],
-        daily_cost: [],
+        updated_by: "stale-admin@twentyoz.kr",
+        updated_at: 1_783_990_900,
       });
       return;
     }
@@ -568,7 +618,9 @@ async function expectVisibleButtonsFit(page: Page, selector: string, context: st
     buttons
       .map((button) => {
         const rect = button.getBoundingClientRect();
-        const owner = button.closest<HTMLElement>(".ad-user,.ad-user-create") ?? button.parentElement;
+        const owner =
+          button.closest<HTMLElement>(".ad-user,.ad-user-create,.ad-user-table tbody tr") ??
+          button.parentElement;
         const ownerRect = owner?.getBoundingClientRect();
         const style = window.getComputedStyle(button);
         const visible =
@@ -636,6 +688,99 @@ test.describe("admin route guards", () => {
       .toEqual(["health", "tickets", "uptime", "usage", "users"]);
   });
 
+  test("shows detailed AI metering and saves the real engine configuration", async ({ page }) => {
+    const seenAdminEndpoints = await mockAdminSession(
+      page,
+      {
+        user_id: "ai-admin",
+        email: "ai-admin@twentyoz.kr",
+        display_name: "AI Admin",
+        role: "admin",
+        admin_access: true,
+        super_admin: true,
+        onboarding_completed_at: 1_782_900_000,
+      },
+      {
+        adminUsage: {
+          source: "database",
+          durable: true,
+          generated_at: 1_783_990_800,
+          window_days: 30,
+          total_turns: 32,
+          metered_turns: 30,
+          tokens_in: 125_000,
+          tokens_out: 18_500,
+          cost_usd: 6.6212,
+          budget: {
+            limit_usd: 20,
+            used_ratio: 0.33106,
+            remaining_usd: 13.3788,
+            status: "ok",
+          },
+          evaluator_cache: {
+            enabled: true,
+            entries: 12,
+            hits: 8,
+            misses: 2,
+            stores: 2,
+            evictions: 1,
+            requests: 10,
+            hit_rate: 0.8,
+          },
+          by_provider: [
+            {
+              provider: "openai",
+              model: "gpt-5-mini",
+              turns: 30,
+              tokens_in: 125_000,
+              tokens_out: 18_500,
+              cost_usd: 6.6212,
+            },
+          ],
+          daily_cost: [
+            { day: "2026-07-13", turns: 8, tokens_in: 32_000, tokens_out: 4_800, cost_usd: 1.42 },
+            { day: "2026-07-14", turns: 10, tokens_in: 41_000, tokens_out: 6_100, cost_usd: 2.08 },
+            { day: "2026-07-15", turns: 12, tokens_in: 52_000, tokens_out: 7_600, cost_usd: 3.1212 },
+          ],
+        },
+      },
+    );
+
+    await page.goto("/admin/ai");
+
+    await expect(page).toHaveURL(/\/admin\/ai$/);
+    await expect(page.getByRole("heading", { name: "AI 운영과 DB 계량" })).toBeVisible();
+    await expect(page.locator(".vg-nav").getByRole("link", { name: "AI 운영" })).toHaveAttribute(
+      "aria-current",
+      "page",
+    );
+    await expect(page.getByText("운영 DB 원장").first()).toBeVisible();
+    await expect(page.locator(".aic-ledger")).toContainText("$6.6212");
+    await expect(page.locator(".aic-budget")).toContainText("93.8%");
+    await expect(page.locator(".aic-table")).toContainText("gpt-5-mini");
+    await expect(page.locator(".aic-cache-score")).toContainText("80%");
+    await expect(page.getByLabel("AI 기본 모델")).toHaveValue("gateway-default");
+
+    const usageRequest = page.waitForRequest((request) =>
+      request.url().includes("/api/admin/usage?window_days=7"),
+    );
+    await page.getByRole("button", { name: "7일" }).click();
+    await usageRequest;
+
+    await page.getByLabel("AI 기본 모델").fill("gpt-5.1-mini");
+    const patchRequest = page.waitForRequest((request) =>
+      request.method() === "PATCH" && request.url().endsWith("/api/admin/engine-config"),
+    );
+    await page.getByRole("button", { name: "운영 설정 저장" }).click();
+    const request = await patchRequest;
+    expect(request.postDataJSON()).toMatchObject({ model: "gpt-5.1-mini" });
+    await expect(page.getByText("저장됨")).toBeVisible();
+    await expect
+      .poll(() => Array.from(seenAdminEndpoints).sort())
+      .toEqual(["engine-config", "engine-config-patch", "health", "usage"]);
+    await expectNoHorizontalOverflow(page);
+  });
+
   test("resets scroll when moving from long admin pages to access policy", async ({ page }) => {
     await mockAdminSession(page, {
       user_id: "scroll-admin",
@@ -663,7 +808,40 @@ test.describe("admin route guards", () => {
     await expect
       .poll(() => page.evaluate(() => window.scrollY))
       .toBe(0);
-    await expect(page.getByRole("heading", { name: "역할, 그룹, 접근 범위" })).toBeInViewport();
+    await expect(page.locator(".ad-root")).toBeInViewport();
+    await expect(page.getByRole("heading", { name: "역할, 그룹, 접근 범위" })).toBeVisible();
+  });
+
+  test("resets scroll when the browser restores an existing admin tab", async ({ page }) => {
+    await mockAdminSession(page, {
+      user_id: "restored-tab-admin",
+      email: "restored-tab-admin@twentyoz.kr",
+      display_name: "Restored Tab Admin",
+      role: "admin",
+      admin_access: true,
+      super_admin: true,
+      onboarding_completed_at: 1_782_900_000,
+    });
+
+    await page.goto("/admin");
+    await expect(page.getByRole("heading", { name: "현재 서비스 상태" })).toBeVisible();
+    const scrolled = await page.evaluate(() => {
+      document.documentElement.style.minHeight = "2200px";
+      document.body.style.minHeight = "2200px";
+      window.scrollTo(0, 900);
+      return window.scrollY;
+    });
+    expect(scrolled).toBeGreaterThan(0);
+
+    await page.evaluate(() => {
+      window.dispatchEvent(new PageTransitionEvent("pageshow", { persisted: true }));
+    });
+
+    await expect
+      .poll(() => page.evaluate(() => window.scrollY))
+      .toBe(0);
+    await expect(page.locator(".ad-root")).toBeInViewport();
+    await expect(page.getByRole("heading", { name: "현재 서비스 상태" })).toBeVisible();
   });
 
   test("shows admin data diagnostics instead of a blank main pane", async ({ page }) => {
@@ -849,6 +1027,7 @@ test.describe("admin route", () => {
     await page.goto("/admin");
     const nav = page.locator(".vg-nav");
     await expect(nav.getByRole("link", { name: "운영 홈" })).toBeVisible();
+    await expect(nav.getByRole("link", { name: "AI 운영" })).toBeVisible();
     await expect(nav.getByRole("link", { name: "사용자" })).toBeVisible();
     await expect(nav.getByRole("link", { name: "권한" })).toBeVisible();
     await expect(nav.getByRole("link", { name: "티켓" })).toBeVisible();
@@ -886,6 +1065,18 @@ test.describe("admin route", () => {
     await expect(page.getByText("아직 등록된 사용자가 없습니다.")).toHaveCount(0);
     await page.getByLabel("사용자 검색").fill("");
 
+    const userTable = page.getByRole("table");
+    await expect(userTable).toBeVisible();
+    const sessionHeader = page.getByRole("columnheader", { name: /활성 회기/ });
+    await sessionHeader.getByRole("button").click();
+    await expect(sessionHeader).toHaveAttribute("aria-sort", "ascending");
+    const ascendingSessions = await userTable.locator("tbody tr td:nth-child(7)").allTextContents();
+    expect(ascendingSessions.map(Number)).toEqual(
+      ascendingSessions.map(Number).slice().sort((a, b) => a - b),
+    );
+    await sessionHeader.getByRole("button").click();
+    await expect(sessionHeader).toHaveAttribute("aria-sort", "descending");
+
     await page.getByRole("tab", { name: "사용자 등록" }).click();
     await page.getByLabel("새 사용자 이메일").fill(email);
     await page.getByLabel("새 사용자 표시 이름").fill(displayName);
@@ -934,9 +1125,9 @@ test.describe("admin route", () => {
 
     await page.getByRole("tab", { name: "사용자 목록" }).click();
     await page.getByLabel("사용자 검색").fill(email);
-    const card = page.locator(".ad-user").filter({ hasText: email });
+    const card = page.locator(".ad-user-table tbody tr").filter({ hasText: email });
     await expect(card).toBeVisible();
-    await expect(card).toContainText(displayName);
+    await expect(card.getByLabel(`${email} 표시 이름`)).toHaveValue(displayName);
     await expect(card).toContainText("승인됨");
     await expectVisibleButtonsFit(page, ".ad-user__actions .vg-btn", "admin user action buttons");
 
@@ -970,7 +1161,7 @@ test.describe("admin route", () => {
       cohort_ids: [nextCohort],
     });
 
-    await expect(card).toContainText(nextName);
+    await expect(nameInput).toHaveValue(nextName);
     await expect(card).toContainText("교수자");
     await expect(cohortInput).toHaveValue(nextCohort);
 
@@ -1136,6 +1327,20 @@ test.describe("admin route", () => {
     expect(layout.formColumns).toBe(1);
     if (users.users.length > 0) {
       await page.getByRole("tab", { name: "사용자 목록" }).click();
+      const scrollRegion = page.locator(".ad-user-table-scroll");
+      const scrollContract = await scrollRegion.evaluate((element) => {
+        const before = element.scrollLeft;
+        element.scrollLeft = element.scrollWidth;
+        return {
+          before,
+          after: element.scrollLeft,
+          clientWidth: element.clientWidth,
+          scrollWidth: element.scrollWidth,
+        };
+      });
+      expect(scrollContract.scrollWidth).toBeGreaterThan(scrollContract.clientWidth);
+      expect(scrollContract.after).toBeGreaterThan(scrollContract.before);
+      await expect(page.getByRole("columnheader", { name: /작업/ })).toBeVisible();
       await expectVisibleButtonsFit(page, ".ad-user__actions .vg-btn", "mobile admin user actions");
     }
   });
diff --git a/apps/web/e2e/auth-visual.spec.ts b/apps/web/e2e/auth-visual.spec.ts
new file mode 100644
index 0000000..549df91
--- /dev/null
+++ b/apps/web/e2e/auth-visual.spec.ts
@@ -0,0 +1,117 @@
+import { promises as fs } from "node:fs";
+import path from "node:path";
+import { expect, test, type Page } from "@playwright/test";
+import { expectNoHorizontalOverflow } from "./support";
+
+const SHOT_DIR = path.join(process.cwd(), "node_modules", ".tmp", "auth-visual");
+const THEMES = ["light", "dark"] as const;
+const VIEWPORTS = [
+  { width: 390, height: 844, label: "mobile" },
+  { width: 1280, height: 800, label: "desktop" },
+] as const;
+
+async function setTheme(page: Page, theme: (typeof THEMES)[number], pathName: string) {
+  await page.goto(pathName);
+  await page.evaluate((nextTheme) => {
+    localStorage.setItem("vignette.theme", nextTheme);
+  }, theme);
+  await page.reload();
+}
+
+async function expectGlassSurface(page: Page, selector: string) {
+  const surface = await page.locator(selector).evaluate((element) => {
+    const style = getComputedStyle(element);
+    return {
+      backgroundImage: style.backgroundImage,
+      backdropFilter: style.backdropFilter || style.webkitBackdropFilter,
+      borderColor: style.borderColor,
+      boxShadow: style.boxShadow,
+    };
+  });
+  expect(surface.backgroundImage.match(/linear-gradient/g)?.length ?? 0).toBeGreaterThanOrEqual(2);
+  expect(surface.backdropFilter).toContain("blur(");
+  expect(surface.borderColor).not.toBe("rgba(0, 0, 0, 0)");
+  expect(surface.boxShadow).not.toBe("none");
+}
+
+test("@single-run 인증 화면이 공통 테마와 전체 viewport를 유지한다", async ({ page }) => {
+  await fs.mkdir(SHOT_DIR, { recursive: true });
+  const loginRoomBackgrounds = new Map<(typeof THEMES)[number], string>();
+
+  for (const theme of THEMES) {
+    for (const viewport of VIEWPORTS) {
+      await page.setViewportSize(viewport);
+      await setTheme(page, theme, "/login");
+      await expect(page.locator(".lg-panel")).toBeVisible();
+      await expect(page.locator("html")).toHaveAttribute("data-theme", theme);
+      await expectNoHorizontalOverflow(page);
+      await expectGlassSurface(page, ".lg-panel");
+
+      const themeColors = await page.locator(".lg-root").evaluate((root) => {
+        const brand = root.querySelector<HTMLElement>(".lg-brand");
+        const panel = root.querySelector<HTMLElement>(".lg-panel");
+        const shellStyle = getComputedStyle(root);
+        if (!brand || !panel) throw new Error("login theme surfaces are missing");
+        const luma = (color: string) => {
+          const [red = 0, green = 0, blue = 0] = color.match(/\d+(?:\.\d+)?/g)?.map(Number) ?? [];
+          return red * 0.2126 + green * 0.7152 + blue * 0.0722;
+        };
+        return {
+          brandLuma: luma(getComputedStyle(brand).color),
+          panelLuma: luma(getComputedStyle(panel).color),
+          roomBackground: shellStyle.backgroundImage,
+        };
+      });
+      if (theme === "light") {
+        expect(themeColors.brandLuma).toBeLessThan(96);
+        expect(themeColors.panelLuma).toBeLessThan(96);
+      } else {
+        expect(themeColors.brandLuma).toBeGreaterThan(180);
+        expect(themeColors.panelLuma).toBeGreaterThan(180);
+      }
+      loginRoomBackgrounds.set(theme, themeColors.roomBackground);
+
+      const canvas = await page.locator(".vg-auth-shell").evaluate((element) => {
+        const rect = element.getBoundingClientRect();
+        return {
+          width: Math.round(rect.width),
+          minHeight: Math.round(rect.height),
+          viewportWidth: document.documentElement.clientWidth,
+          viewportHeight: window.innerHeight,
+        };
+      });
+      expect(canvas.width).toBe(canvas.viewportWidth);
+      expect(canvas.minHeight).toBeGreaterThanOrEqual(canvas.viewportHeight);
+
+      await page.screenshot({
+        path: path.join(SHOT_DIR, `login-${theme}-${viewport.label}.png`),
+        fullPage: true,
+      });
+    }
+  }
+  expect(loginRoomBackgrounds.get("light")).not.toBe(loginRoomBackgrounds.get("dark"));
+
+  const login = await page.request.post("/api/auth/dev-login", {
+    data: {
+      email: `auth-visual.${Date.now()}@hs.ac.kr`,
+      role: "learner",
+      display_name: "인증 화면 검증 학습자",
+    },
+  });
+  expect(login.ok(), await login.text()).toBeTruthy();
+
+  for (const theme of THEMES) {
+    for (const viewport of VIEWPORTS) {
+      await page.setViewportSize(viewport);
+      await setTheme(page, theme, "/onboarding");
+      await expect(page.getByRole("heading", { name: "가입 정보를 입력합니다." })).toBeVisible();
+      await expect(page.locator("html")).toHaveAttribute("data-theme", theme);
+      await expectNoHorizontalOverflow(page);
+      await expectGlassSurface(page, ".ob-shell");
+      await page.screenshot({
+        path: path.join(SHOT_DIR, `onboarding-${theme}-${viewport.label}.png`),
+        fullPage: true,
+      });
+    }
+  }
+});
diff --git a/apps/web/e2e/avatar-expression.spec.ts b/apps/web/e2e/avatar-expression.spec.ts
index e6af696..f2012a0 100644
--- a/apps/web/e2e/avatar-expression.spec.ts
+++ b/apps/web/e2e/avatar-expression.spec.ts
@@ -106,7 +106,7 @@ async function mockSessionDetail(
 
 test.describe("persona avatar expression rig", () => {
   test.beforeEach(async ({ page }) => {
-    await page.route("**/api/auth/me", (route) =>
+    await page.route(/\/(?:api\/)?auth\/me(?:\?.*)?$/, (route) =>
       route.fulfill({
         status: 200,
         contentType: "application/json",
@@ -122,7 +122,7 @@ test.describe("persona avatar expression rig", () => {
       }),
     );
 
-    await page.route("**/api/personas", (route) =>
+    await page.route(/\/(?:api\/)?personas(?:\?.*)?$/, (route) =>
       route.fulfill({
         status: 200,
         contentType: "application/json",
@@ -137,6 +137,34 @@ test.describe("persona avatar expression rig", () => {
         ),
       }),
     );
+
+    await page.route(/\/(?:api\/)?voice\/health(?:\?.*)?$/, (route) =>
+      route.fulfill({
+        status: 200,
+        contentType: "application/json",
+        body: JSON.stringify({ available: false, reason: "test fixture" }),
+      }),
+    );
+
+    await page.route(/\/(?:api\/)?sessions\/[^/]+\/live-coach(?:\?.*)?$/, (route) => {
+      if (route.request().method() === "GET") {
+        return route.fulfill({
+          status: 200,
+          contentType: "application/json",
+          body: JSON.stringify({
+            session_id: "avatar-expression-session",
+            events: [],
+            quota: { used: 0, limit: 3, remaining: 3 },
+            source: "database",
+          }),
+        });
+      }
+      return route.fulfill({
+        status: 503,
+        contentType: "application/json",
+        body: JSON.stringify({ detail: "live coach is outside this avatar fixture" }),
+      });
+    });
   });
 
   test("renders every persona with a distinct baseline expression and at least 20 expressions", async ({
@@ -158,17 +186,12 @@ test.describe("persona avatar expression rig", () => {
         live2dMotionFile: el.getAttribute("data-live2d-motion-file"),
         live2dExpressionCount: Number(el.getAttribute("data-live2d-expression-count")),
         renderMode: el.getAttribute("data-render-mode"),
-        rasterArtSet: el.querySelector(".vg-raster")?.getAttribute("data-raster-art-set"),
-        rasterMode: el.querySelector(".vg-raster")?.getAttribute("data-raster-mode"),
-        rasterLayerCount: el.querySelectorAll(".vg-raster__layer").length,
-        rasterBox: el.querySelector<HTMLElement>(".vg-raster")?.getBoundingClientRect().toJSON(),
+        rasterCount: el.querySelectorAll(".vg-raster").length,
         primitiveCount: el.querySelectorAll("svg path, svg ellipse, svg circle, svg line, svg rect")
           .length,
         neckBox: el.querySelector<SVGGraphicsElement>('[data-avatar-neck="true"]')?.getBoundingClientRect().toJSON(),
         svgBox: el.querySelector("svg")?.getBoundingClientRect().toJSON(),
       }));
-      const expectedArtSet = `${persona.code.toLowerCase()}-live2d-generated`;
-
       expect(metrics.expressionCount, `${persona.code} expression count`).toBeGreaterThanOrEqual(20);
       expect(metrics.live2dSchema, `${persona.code} Live2D schema`).toBe("vignette.live2d.v1");
       expect(metrics.live2dModel, `${persona.code} Live2D model`).toBe(persona.expectedModel);
@@ -180,15 +203,12 @@ test.describe("persona avatar expression rig", () => {
         `expressions/${persona.expectedExpression}.exp3.json`,
       );
       expect(metrics.live2dExpressionCount, `${persona.code} Live2D expressions`).toBeGreaterThanOrEqual(20);
-      expect(metrics.renderMode, `${persona.code} render mode`).toBe("raster");
-      expect(metrics.rasterArtSet, `${persona.code} generated art set`).toBe(expectedArtSet);
-      expect(metrics.rasterMode, `${persona.code} raster rig mode`).toBe("psb-detailed");
-      expect(metrics.rasterLayerCount, `${persona.code} raster layers`).toBeGreaterThanOrEqual(20);
-      expect(metrics.rasterBox?.width, `${persona.code} raster width`).toBeGreaterThan(0);
-      expect(metrics.rasterBox?.height, `${persona.code} raster height`).toBeGreaterThan(0);
-      expect(metrics.primitiveCount, `${persona.code} fallback SVG primitives`).toBe(0);
-      expect(metrics.neckBox, `${persona.code} SVG neck fallback`).toBeUndefined();
-      expect(metrics.svgBox, `${persona.code} SVG fallback`).toBeUndefined();
+      expect(metrics.renderMode, `${persona.code} render mode`).toBe("svg");
+      expect(metrics.rasterCount, `${persona.code} raster rig should be disabled`).toBe(0);
+      expect(metrics.primitiveCount, `${persona.code} SVG primitives`).toBeGreaterThan(10);
+      expect(metrics.neckBox?.width, `${persona.code} SVG neck`).toBeGreaterThan(0);
+      expect(metrics.svgBox?.width, `${persona.code} SVG rig`).toBeGreaterThan(0);
+      expect(metrics.svgBox?.height, `${persona.code} SVG rig`).toBeGreaterThan(0);
     }
   });
 
@@ -221,8 +241,9 @@ test.describe("persona avatar expression rig", () => {
 
     const activeAvatar = page.locator(".sx-page--active .vg-avatar").first();
     await expect(activeAvatar).toBeVisible();
-    await expect(activeAvatar).toHaveAttribute("data-render-mode", "raster");
-    await expect(activeAvatar.locator('.vg-raster[data-raster-art-set="p4-live2d-generated"]')).toBeVisible();
+    await expect(activeAvatar).toHaveAttribute("data-render-mode", "svg");
+    await expect(activeAvatar.locator(".vg-raster")).toHaveCount(0);
+    await expect(activeAvatar.locator(".vg-avatar__svg")).toBeVisible();
     await expect(activeAvatar).toHaveAttribute("data-expression-count", "28");
     await expect(activeAvatar).toHaveAttribute("data-live2d-expression-count", "28");
     await expect(activeAvatar).toHaveAttribute("data-live2d-model", "vignette-p4-live2d");
@@ -275,8 +296,9 @@ test.describe("persona avatar expression rig", () => {
     await page.getByRole("button", { name: "회기 시작" }).click();
     await expect(page.locator(".sx-page--active")).toBeVisible();
     const activeAvatar = page.locator(".sx-page--active .vg-avatar").first();
-    await expect(activeAvatar).toHaveAttribute("data-render-mode", "raster");
-    await expect(activeAvatar.locator('.vg-raster[data-raster-art-set="p4-live2d-generated"]')).toBeVisible();
+    await expect(activeAvatar).toHaveAttribute("data-render-mode", "svg");
+    await expect(activeAvatar.locator(".vg-raster")).toHaveCount(0);
+    await expect(activeAvatar.locator(".vg-avatar__svg")).toBeVisible();
     await expect(activeAvatar).toHaveAttribute("data-live2d-motion", "anxious");
 
     await setLearnerUtterance(page, "조금 안정된 것 같아요.");
@@ -295,18 +317,15 @@ test.describe("persona avatar expression rig", () => {
     await expect(page.locator(".sx-stage__now")).toContainText("온화함");
   });
 
-  test("uses the PSD v2 crying raster rig for P1 Seoyeon", async ({ page }) => {
+  test("uses the original SVG parameter rig for P1 Seoyeon", async ({ page }) => {
     await page.goto("/learn/session/P1");
 
     const avatar = page.locator('.vg-avatar[data-persona-code="P1"]').first();
     await expect(avatar).toBeVisible();
-    await expect(avatar).toHaveAttribute("data-render-mode", "raster");
+    await expect(avatar).toHaveAttribute("data-render-mode", "svg");
     await expect(avatar).toHaveAttribute("data-affect", "sad");
-
-    const raster = avatar.locator('.vg-raster[data-raster-art-set="seoyeon-live2d-psd-v2"]');
-    await expect(raster).toBeVisible();
-    await expect(raster).toHaveAttribute("data-raster-variant", "sad");
-    await expect(raster.locator('.vg-raster__layer--tear[src$="/tear-left.png"]')).toHaveCount(1);
-    await expect(raster.locator('.vg-raster__layer--tear[src$="/tear-right.png"]')).toHaveCount(1);
+    await expect(avatar.locator(".vg-raster")).toHaveCount(0);
+    await expect(avatar.locator(".vg-avatar__svg")).toBeVisible();
+    await expect(avatar.locator('[data-avatar-neck="true"]')).toBeVisible();
   });
 });
diff --git a/apps/web/e2e/layout-visual-gate.spec.ts b/apps/web/e2e/layout-visual-gate.spec.ts
index 96ecbf5..9e4d009 100644
--- a/apps/web/e2e/layout-visual-gate.spec.ts
+++ b/apps/web/e2e/layout-visual-gate.spec.ts
@@ -260,12 +260,37 @@ async function gateScreen(
     await page.setViewportSize({ width: vp.width, height: vp.height });
     await page.evaluate(() => new Promise((r) => requestAnimationFrame(() => r(null))));
     await prepareReady();
+    await page.evaluate(() => {
+      window.scrollTo(0, 0);
+      return new Promise((resolve) => requestAnimationFrame(() => resolve(null)));
+    });
 
     await expect(
       page.locator("html"),
       `[${screen} @ ${vp.label}] layout gate must capture the dark UI surface`,
     ).toHaveAttribute("data-theme", "dark");
     await expectNoHorizontalOverflow(page);
+    const navGeometry = await page.evaluate(() => {
+      const nav = document.querySelector<HTMLElement>(".vg-nav");
+      const label = document.querySelector<HTMLElement>(".vg-nav__label");
+      const topbar = document.querySelector<HTMLElement>(".vg-topbar");
+      if (!nav || !label || !topbar || getComputedStyle(label).display === "none") return null;
+      const navRect = nav.getBoundingClientRect();
+      return {
+        innerGap: Math.round(label.getBoundingClientRect().top - navRect.top),
+        shellGap: Math.round(navRect.top - topbar.getBoundingClientRect().bottom),
+      };
+    });
+    if (navGeometry !== null) {
+      expect(
+        navGeometry.innerGap,
+        `[${screen} @ ${vp.label}] GNB should start near the topbar without a dead top zone`,
+      ).toBeLessThanOrEqual(40);
+      expect(
+        Math.abs(navGeometry.shellGap),
+        `[${screen} @ ${vp.label}] GNB should begin directly below the topbar`,
+      ).toBeLessThanOrEqual(1);
+    }
     const report = await auditClipping(page);
     expect(
       report.horizontalOverflow,
@@ -287,6 +312,14 @@ async function gateScreen(
   }
 }
 
+/** 리뷰는 모든 폭에서 가로 탭으로 영역을 전환한다. */
+async function openReviewTabIfPresent(page: Page, label: string) {
+  const tab = page.locator(".sr-tabs button", { hasText: label });
+  if (await tab.isVisible().catch(() => false)) {
+    await tab.click();
+  }
+}
+
 async function expectEmptyReviewNoDeadThirdColumn(page: Page) {
   const report = await page.evaluate(() => {
     const root = document.querySelector<HTMLElement>(".sr-root--empty");
@@ -312,10 +345,7 @@ async function expectEmptyReviewNoDeadThirdColumn(page: Page) {
   });
 
   expect(report.present, "empty review layout should be mounted").toBe(true);
-  expect(
-    report.columnCount,
-    "empty review should collapse the desktop masonry layout instead of leaving a sparse third column",
-  ).toBeLessThanOrEqual(2);
+  expect(report.columnCount, "empty review should keep the single-pane tab layout").toBe(1);
 }
 
 async function expectFilledReviewLearnerWorkbench(page: Page) {
@@ -323,52 +353,35 @@ async function expectFilledReviewLearnerWorkbench(page: Page) {
     const cols = document.querySelector<HTMLElement>(".sr-cols--learner");
     const transcript = document.querySelector<HTMLElement>(".sr-card--transcript");
     const overview = document.querySelector<HTMLElement>(".sr-overview");
-    const rubric = document.querySelector<HTMLElement>(".sr-card--rubric");
-    const worksheet = document.querySelector<HTMLElement>(".sr-card--worksheet");
-    const prepost = document.querySelector<HTMLElement>(".sr-card--prepost");
-    if (!cols || !transcript || !overview || !rubric || !worksheet || !prepost) {
+    if (!cols || !transcript || !overview) {
       return {
         present: false,
-        viewportWidth: window.innerWidth,
         columnCount: 0,
-        overviewRight: 0,
-        transcriptLeft: 0,
-        transcriptRight: 0,
-        rubricLeft: 0,
-        worksheetLeft: 0,
-        worksheetRight: 0,
-        prepostLeft: 0,
+        overviewBottom: 0,
+        colsTop: 0,
+        transcriptWidth: 0,
+        colsWidth: 0,
       };
     }
 
     const columnCount = getComputedStyle(cols).gridTemplateColumns.split(" ").filter(Boolean).length;
+    const colsRect = cols.getBoundingClientRect();
     const transcriptRect = transcript.getBoundingClientRect();
     const overviewRect = overview.getBoundingClientRect();
-    const rubricRect = rubric.getBoundingClientRect();
-    const worksheetRect = worksheet.getBoundingClientRect();
-    const prepostRect = prepost.getBoundingClientRect();
     return {
       present: true,
-      viewportWidth: window.innerWidth,
       columnCount,
-      overviewRight: Math.ceil(overviewRect.right),
-      transcriptLeft: Math.floor(transcriptRect.left),
-      transcriptRight: Math.ceil(transcriptRect.right),
-      rubricLeft: Math.floor(rubricRect.left),
-      worksheetLeft: Math.floor(worksheetRect.left),
-      worksheetRight: Math.ceil(worksheetRect.right),
-      prepostLeft: Math.floor(prepostRect.left),
+      overviewBottom: Math.ceil(overviewRect.bottom),
+      colsTop: Math.floor(colsRect.top),
+      transcriptWidth: Math.round(transcriptRect.width),
+      colsWidth: Math.round(colsRect.width),
     };
   });
 
   expect(report.present, "filled learner review layout should be mounted").toBe(true);
-  if (report.viewportWidth > 1180) {
-    expect(report.columnCount, "desktop learner review should use a 3-column workbench").toBe(3);
-    expect(report.overviewRight).toBeLessThanOrEqual(report.transcriptLeft);
-    expect(report.transcriptRight).toBeLessThanOrEqual(report.rubricLeft);
-    expect(report.worksheetLeft).toBeLessThan(report.transcriptLeft);
-    expect(report.worksheetRight).toBeLessThanOrEqual(report.prepostLeft);
-  }
+  expect(report.columnCount, "learner review should use one active tab pane").toBe(1);
+  expect(report.overviewBottom).toBeLessThanOrEqual(report.colsTop + 1);
+  expect(Math.abs(report.transcriptWidth - report.colsWidth)).toBeLessThanOrEqual(2);
 }
 
 async function expectSupervisorReviewNoDeadGaps(page: Page) {
@@ -379,7 +392,6 @@ async function expectSupervisorReviewNoDeadGaps(page: Page) {
     if (!cols || !left || !right) {
       return {
         present: false,
-        viewportWidth: window.innerWidth,
         columnCount: 0,
         leftDisplay: "",
         rightDisplay: "",
@@ -388,57 +400,23 @@ async function expectSupervisorReviewNoDeadGaps(page: Page) {
       };
     }
 
-    function maxVerticalGap(container: HTMLElement) {
-      const intervals = Array.from(container.children)
-        .map((child) => child.getBoundingClientRect())
-        .filter((rect) => rect.width > 0 && rect.height > 0)
-        .map((rect) => ({ top: rect.top, bottom: rect.bottom }))
-        .sort((a, b) => a.top - b.top || a.bottom - b.bottom);
-      if (intervals.length < 2) return 0;
-
-      let maxGap = 0;
-      let currentBottom = intervals[0].bottom;
-      for (let index = 1; index < intervals.length; index += 1) {
-        const next = intervals[index];
-        if (next.top <= currentBottom) {
-          currentBottom = Math.max(currentBottom, next.bottom);
-          continue;
-        }
-        const gap = next.top - currentBottom;
-        if (gap > maxGap) maxGap = gap;
-        currentBottom = next.bottom;
-      }
-      return Math.round(maxGap);
-    }
-
     const colsStyle = getComputedStyle(cols);
     const leftStyle = getComputedStyle(left);
     const rightStyle = getComputedStyle(right);
     return {
       present: true,
-      viewportWidth: window.innerWidth,
       columnCount: colsStyle.gridTemplateColumns.split(" ").filter(Boolean).length,
       leftDisplay: leftStyle.display,
       rightDisplay: rightStyle.display,
-      maxMainGap: maxVerticalGap(left),
-      maxSideGap: maxVerticalGap(right),
+      maxMainGap: 0,
+      maxSideGap: 0,
     };
   });
 
   expect(report.present, "supervisor review layout should be mounted").toBe(true);
-  if (report.viewportWidth > 1180) {
-    expect(report.columnCount, "desktop supervisor review should use main + review rail").toBe(2);
-    expect(report.leftDisplay).toBe("grid");
-    expect(report.rightDisplay).toBe("grid");
-    expect(
-      report.maxMainGap,
-      "desktop supervisor review main column should not leave a dead vertical void",
-    ).toBeLessThanOrEqual(40);
-    expect(
-      report.maxSideGap,
-      "desktop supervisor review side rail should not leave a dead vertical void",
-    ).toBeLessThanOrEqual(40);
-  }
+  expect(report.columnCount, "supervisor review should use one active tab pane").toBe(1);
+  expect(report.leftDisplay).toBe("none");
+  expect(report.rightDisplay).toBe("none");
 }
 
 test.describe("layout visual gate @single-run", () => {
@@ -484,10 +462,99 @@ test.describe("layout visual gate @single-run", () => {
         timeout: 15_000,
       });
       await expect(page.locator(".lh-work-cluster")).toBeVisible({ timeout: 15_000 });
-      await expect(page.locator(".lh-compact-list li").first()).toBeVisible({
-        timeout: 15_000,
+      // 대시보드 탭은 모든 폭에서 상시 노출된다 — 탭별 콘텐츠를 확인 후 기본 탭으로 복귀.
+      const dashTabs = page.locator(".lh-tabs");
+      if (await dashTabs.isVisible().catch(() => false)) {
+        await dashTabs.locator("button", { hasText: "기록 · 리뷰" }).click();
+        await expect(page.locator(".lh-compact-list li").first()).toBeVisible({
+          timeout: 15_000,
+        });
+        await dashTabs.locator("button", { hasText: "오늘의 회기" }).click();
+        await expect(page.locator(".lh-work-cluster")).toBeVisible({ timeout: 15_000 });
+      } else {
+        await expect(page.locator(".lh-compact-list li").first()).toBeVisible({
+          timeout: 15_000,
+        });
+      }
+
+      const shellScroll = await page.evaluate(async () => {
+        const nav = document.querySelector<HTMLElement>(".vg-nav");
+        const main = document.querySelector<HTMLElement>(".vg-main");
+        if (!nav || !main) return null;
+
+        const navTopBefore = nav.getBoundingClientRect().top;
+        const windowScrollBefore = window.scrollY;
+        const maxScroll = Math.max(0, main.scrollHeight - main.clientHeight);
+        main.scrollTop = Math.min(240, maxScroll);
+        await new Promise((resolve) => requestAnimationFrame(() => resolve(null)));
+        const report = {
+          maxScroll,
+          mainScrollTop: main.scrollTop,
+          navTopDelta: Math.abs(nav.getBoundingClientRect().top - navTopBefore),
+          windowScrollDelta: Math.abs(window.scrollY - windowScrollBefore),
+        };
+        main.scrollTop = 0;
+        return report;
       });
+      expect(shellScroll, "learner shell should include nav and main scroll frame").not.toBeNull();
+      expect(shellScroll!.maxScroll, "main content should own the vertical overflow").toBeGreaterThan(0);
+      expect(shellScroll!.mainScrollTop, "main content should scroll independently").toBeGreaterThan(0);
+      expect(shellScroll!.navTopDelta, "GNB should remain fixed while main content scrolls").toBeLessThanOrEqual(1);
+      expect(shellScroll!.windowScrollDelta, "document should not be the app scroll owner").toBeLessThanOrEqual(1);
     });
+
+    await page.setViewportSize({ width: 1200, height: 1320 });
+    await expect(page.locator(".lh-tabs")).toBeVisible();
+    await page.screenshot({
+      path: path.join(SHOT_DIR, "learner-home__1200-reference-dark.png"),
+      fullPage: true,
+    });
+    await page.getByRole("button", { name: "라이트 모드로" }).click();
+    await expect(page.locator("html")).toHaveAttribute("data-theme", "light");
+    const lightAssets = await page.evaluate(() => {
+      const card = document.querySelector<HTMLElement>(".lh-metric-card");
+      const shellBody = document.querySelector<HTMLElement>(".vg-shell--learner-dashboard .vg-shell__body");
+      const nav = document.querySelector<HTMLElement>(".vg-shell--learner-dashboard .vg-nav");
+      return {
+        card: card ? getComputedStyle(card, "::after").backgroundImage : "",
+        cardSurface: card
+          ? {
+              backgroundImage: getComputedStyle(card).backgroundImage,
+              backdropFilter: getComputedStyle(card).backdropFilter,
+              boxShadow: getComputedStyle(card).boxShadow,
+            }
+          : null,
+        shellBody: shellBody ? getComputedStyle(shellBody).backgroundImage : "",
+        nav: nav ? getComputedStyle(nav).backgroundImage : "",
+      };
+    });
+    expect(lightAssets.card).toContain("card-leaf-sprig-light.png");
+    expect(lightAssets.cardSurface).not.toBeNull();
+    expect(lightAssets.cardSurface!.backgroundImage.match(/linear-gradient/g)?.length ?? 0).toBeGreaterThanOrEqual(2);
+    expect(lightAssets.cardSurface!.backdropFilter).toContain("blur(");
+    expect(lightAssets.cardSurface!.boxShadow).not.toBe("none");
+    expect(lightAssets.shellBody).toContain("background-light-corner.png");
+    expect(lightAssets.nav).toContain("background-light-sidebar.png");
+    await page.screenshot({
+      path: path.join(SHOT_DIR, "learner-home__1200-reference-light.png"),
+      fullPage: true,
+    });
+    await page.setViewportSize({ width: 390, height: 844 });
+    await page.evaluate(() => window.scrollTo(0, 0));
+    const lightMobileReport = await auditClipping(page);
+    expect(lightMobileReport.horizontalOverflow, "[learner-home light @ 390] horizontal overflow").toBeLessThanOrEqual(1);
+    expect(lightMobileReport.offenders, "[learner-home light @ 390] clipped controls").toEqual([]);
+    await expect
+      .poll(() =>
+        page.locator(".vg-shell--learner-dashboard .vg-shell__body").evaluate((element) => getComputedStyle(element).backgroundImage),
+      )
+      .toContain("background-light-corner.png");
+    await page.screenshot({
+      path: path.join(SHOT_DIR, "learner-home__390-reference-light.png"),
+      fullPage: true,
+    });
+    await page.getByRole("button", { name: "다크 모드로" }).click();
+    await expect(page.locator("html")).toHaveAttribute("data-theme", "dark");
   });
 
   test("session prestart stays contained across all widths", async ({ page }) => {
@@ -498,7 +565,46 @@ test.describe("layout visual gate @single-run", () => {
       await expect(page.getByRole("button", { name: "회기 시작" })).toBeVisible({
         timeout: 15_000,
       });
+      const plan = page.locator(".sx-prestart__plan");
+      await expect(plan).toContainText("시작 과업");
+      await expect(plan).toContainText("선택 접근");
+      await expect(plan).toContainText("이번 목표");
+      await expect(plan).toContainText("운영 기준");
+
+      const widths = await page.evaluate(() => {
+        const head = document.querySelector<HTMLElement>(".sx-page--prestart .sx-head");
+        const prestart = document.querySelector<HTMLElement>(".sx-page--prestart .sx-prestart");
+        return {
+          head: head?.getBoundingClientRect().width ?? 0,
+          prestart: prestart?.getBoundingClientRect().width ?? 0,
+        };
+      });
+      expect(widths.head).toBeGreaterThan(0);
+      expect(
+        Math.abs(widths.head - widths.prestart),
+        `prestart width ${widths.prestart}px should align with head width ${widths.head}px`,
+      ).toBeLessThanOrEqual(1);
     });
+
+    await page.setViewportSize({ width: 1280, height: 800 });
+    await page.getByRole("button", { name: "라이트 모드로" }).click();
+    await expect(page.locator("html")).toHaveAttribute("data-theme", "light");
+    await expect(page.locator(".sx-prestart")).toHaveClass(/vg-surface--panel/);
+    await expect(page.locator(".sx-prestart__plan")).toHaveClass(/vg-surface--inset/);
+    const insetSurface = await page.locator(".sx-prestart__plan").evaluate((element) => {
+      const style = getComputedStyle(element);
+      return {
+        borderTopWidth: style.borderTopWidth,
+        borderRadius: style.borderRadius,
+      };
+    });
+    expect(insetSurface).toEqual({ borderTopWidth: "0px", borderRadius: "0px" });
+    await page.screenshot({
+      path: path.join(SHOT_DIR, "session-prestart__1280-reference-light.png"),
+      fullPage: true,
+    });
+    await page.getByRole("button", { name: "다크 모드로" }).click();
+    await expect(page.locator("html")).toHaveAttribute("data-theme", "dark");
   });
 
   test("active session keeps controls contained across all widths", async ({ page }) => {
@@ -519,7 +625,9 @@ test.describe("layout visual gate @single-run", () => {
     await page.goto(`/learn/session/${FILLED_REVIEW_SESSION_ID}/review`);
     await gateScreen(page, "session-review", async () => {
       await expect(page.locator(".sr-overview")).toBeVisible({ timeout: 15_000 });
+      await openReviewTabIfPresent(page, "워크시트");
       await expect(page.getByText("사례개념화 워크시트")).toBeVisible();
+      await openReviewTabIfPresent(page, "축어록");
       await expectFilledReviewLearnerWorkbench(page);
     });
   });
@@ -530,7 +638,9 @@ test.describe("layout visual gate @single-run", () => {
     await page.goto(`/teach/session/${TEACHER_REVIEW_SESSION_ID}/review`);
     await gateScreen(page, "session-review-professor", async () => {
       await expect(page.locator(".sr-cols--supervisor")).toBeVisible({ timeout: 15_000 });
+      await openReviewTabIfPresent(page, "피드백");
       await expect(page.getByText("교수자 검토", { exact: true })).toBeVisible();
+      await openReviewTabIfPresent(page, "축어록");
       await expect(page.getByText("세션 트랜스크립트")).toBeVisible();
       await expectSupervisorReviewNoDeadGaps(page);
     });
@@ -544,7 +654,9 @@ test.describe("layout visual gate @single-run", () => {
     await gateScreen(page, "session-review-empty", async () => {
       await expect(page.locator(".sr-root--empty")).toBeVisible({ timeout: 15_000 });
       await expect(page.getByText("축어록 저장 후 생성")).toBeVisible();
+      await openReviewTabIfPresent(page, "피드백");
       await expect(page.getByText("감정 타임라인 대기")).toBeVisible();
+      await openReviewTabIfPresent(page, "축어록");
       await expectEmptyReviewNoDeadThirdColumn(page);
     });
   });
@@ -618,16 +730,23 @@ test.describe("layout visual gate @single-run", () => {
     });
   });
 
-  test("persona studio stays contained across all widths", async ({ page }) => {
+  test("persona workspace stays contained across all widths", async ({ page }) => {
     await signInAsTeacher(page);
     await page.goto("/teach/personas");
-    await gateScreen(page, "persona-studio", async () => {
-      await expect(page.locator(".ps-layout")).toBeVisible({ timeout: 15_000 });
-      await expect(page.getByText("내담자 설계·검수 작업면")).toBeVisible();
-      await page.getByRole("tab", { name: "프롬프트" }).click();
-      const promptPreview = page.getByLabel("프롬프트 미리보기");
-      await expect(promptPreview).toBeVisible();
-      await expect(promptPreview.getByRole("textbox")).toHaveCount(0);
+    await gateScreen(page, "persona-workspace", async () => {
+      await expect(page.locator(".ps-overview")).toBeVisible({ timeout: 15_000 });
+      await expect(page.getByRole("heading", { name: "페르소나 운영" })).toBeVisible();
+      await expect(page.getByRole("navigation", { name: "페르소나 관리 영역" })).toBeVisible();
+    });
+  });
+
+  test("persona authoring steps stay contained across all widths", async ({ page }) => {
+    await signInAsTeacher(page);
+    await page.goto("/teach/personas?view=personas&mode=create&step=edit");
+    await gateScreen(page, "persona-authoring", async () => {
+      await expect(page.locator(".ps-authoring-layout")).toBeVisible({ timeout: 15_000 });
+      await expect(page.getByRole("navigation", { name: "페르소나 작성 단계" })).toBeVisible();
+      await expect(page.getByRole("tab", { name: "개요" })).toBeVisible();
     });
   });
 
@@ -641,6 +760,69 @@ test.describe("layout visual gate @single-run", () => {
     });
   });
 
+  test("admin AI operations stays contained across all widths", async ({ page }) => {
+    await page.request.post("/api/auth/dev-login", {
+      data: { email: "admin@twentyoz.kr", role: "admin", display_name: "E2E Admin" },
+    });
+    await page.goto("/admin/ai");
+    await gateScreen(page, "admin-ai", async () => {
+      await expect(page.getByRole("heading", { name: "AI 운영과 DB 계량" })).toBeVisible({
+        timeout: 15_000,
+      });
+      await expect(page.locator(".aic-grid")).toBeVisible();
+    });
+  });
+
+  test("admin user table keeps its own horizontal scroll", async ({ page }) => {
+    test.setTimeout(60_000);
+    await page.request.post("/api/auth/dev-login", {
+      data: { email: "admin@twentyoz.kr", role: "admin", display_name: "E2E Admin" },
+    });
+    await page.goto("/admin/users");
+    await page.getByRole("tab", { name: "사용자 목록" }).evaluate((element) => element.click());
+    await expect(page.getByRole("table")).toBeVisible({ timeout: 15_000 });
+
+    for (const viewport of [
+      { width: 1280, height: 800, label: "desktop" },
+      { width: 390, height: 844, label: "mobile" },
+    ]) {
+      await page.setViewportSize(viewport);
+      await expectNoHorizontalOverflow(page);
+      const scrollReport = await page.locator(".ad-user-table-scroll").evaluate((element) => {
+        element.scrollLeft = 0;
+        const report = {
+          clientWidth: element.clientWidth,
+          scrollWidth: element.scrollWidth,
+          initialScroll: element.scrollLeft,
+        };
+        element.scrollLeft = element.scrollWidth;
+        return { ...report, finalScroll: element.scrollLeft };
+      });
+      expect(scrollReport.scrollWidth, `[admin users @ ${viewport.label}] table min width`).toBeGreaterThan(
+        scrollReport.clientWidth,
+      );
+      expect(scrollReport.finalScroll, `[admin users @ ${viewport.label}] horizontal scroll`).toBeGreaterThan(
+        scrollReport.initialScroll,
+      );
+      await expect(page.getByRole("columnheader", { name: /작업/ })).toBeVisible();
+      await page.locator(".ad-user-table-scroll").evaluate((element) => {
+        element.scrollLeft = 0;
+      });
+      await page.screenshot({
+        path: path.join(SHOT_DIR, `admin-users__${viewport.width}-reference-dark.png`),
+        fullPage: true,
+      });
+    }
+
+    await page.setViewportSize({ width: 1280, height: 800 });
+    await page.getByRole("button", { name: "라이트 모드로" }).click();
+    await expect(page.locator("html")).toHaveAttribute("data-theme", "light");
+    await page.screenshot({
+      path: path.join(SHOT_DIR, "admin-users__1280-reference-light.png"),
+      fullPage: true,
+    });
+  });
+
   test("settings stays contained across all widths", async ({ page }) => {
     await page.request.post("/api/auth/dev-login", {
       data: { email: "admin@twentyoz.kr", role: "admin", display_name: "E2E Admin" },
@@ -649,5 +831,15 @@ test.describe("layout visual gate @single-run", () => {
     await gateScreen(page, "settings", async () => {
       await expect(page.locator("main").first()).toBeVisible({ timeout: 15_000 });
     });
+    await page.setViewportSize({ width: 1280, height: 800 });
+    await page.getByRole("button", { name: "라이트 모드로" }).click();
+    await expect(page.locator("html")).toHaveAttribute("data-theme", "light");
+    await expect(page.locator(".vg-set__group").first()).toHaveAttribute("data-surface", "panel");
+    await page.screenshot({
+      path: path.join(SHOT_DIR, "settings__1280-reference-light.png"),
+      fullPage: true,
+    });
+    await page.getByRole("button", { name: "다크 모드로" }).click();
+    await expect(page.locator("html")).toHaveAttribute("data-theme", "dark");
   });
 });
diff --git a/apps/web/e2e/learner.spec.ts b/apps/web/e2e/learner.spec.ts
index 668f1e8..e1cd3d1 100644
--- a/apps/web/e2e/learner.spec.ts
+++ b/apps/web/e2e/learner.spec.ts
@@ -228,7 +228,10 @@ test.describe("learner app shell and session launcher", () => {
 
     await expect(page).toHaveURL(new RegExp(`/learn/session/${persona.code}$`));
     await expect(page.getByRole("button", { name: "회기 시작" })).toBeVisible();
-    await expectNoDocumentOverflow(page);
+    // 프리플라이트(목표 선택 포함)는 좁은 뷰포트에서 세로 스크롤을 허용한다 — 데스크톱만 무스크롤 계약.
+    if ((page.viewportSize()?.width ?? 0) > 1180) {
+      await expectNoDocumentOverflow(page);
+    }
 
     await page.getByRole("button", { name: "회기 시작" }).click();
 
@@ -313,7 +316,9 @@ test.describe("learner app shell and session launcher", () => {
     });
     await expect(page.getByText("페르소나 P9")).toHaveCount(0);
     await expect(page.getByRole("button", { name: "회기 시작" })).toBeDisabled();
-    await expectNoDocumentOverflow(page);
+    if ((page.viewportSize()?.width ?? 0) > 1180) {
+      await expectNoDocumentOverflow(page);
+    }
     await expectNoHorizontalOverflow(page);
   });
 
@@ -346,7 +351,9 @@ test.describe("learner app shell and session launcher", () => {
     ).toBeVisible();
     await expect(page.getByText("카탈로그 원본을 확인하지 못해 현재 연습에 사용할 수 없습니다.")).toBeVisible();
     await expect(page.getByRole("button", { name: "회기 시작" })).toBeDisabled();
-    await expectNoDocumentOverflow(page);
+    if ((page.viewportSize()?.width ?? 0) > 1180) {
+      await expectNoDocumentOverflow(page);
+    }
     await expectNoHorizontalOverflow(page);
   });
 });
diff --git a/apps/web/e2e/public-admin-visual.spec.ts b/apps/web/e2e/public-admin-visual.spec.ts
new file mode 100644
index 0000000..fd93549
--- /dev/null
+++ b/apps/web/e2e/public-admin-visual.spec.ts
@@ -0,0 +1,223 @@
+import { promises as fs } from "node:fs";
+import path from "node:path";
+import { expect, test } from "@playwright/test";
+
+const publicApiBase = process.env.E2E_PUBLIC_API_BASE ?? "https://api-vignette.chanpaca.net";
+const SHOT_DIR = path.join(process.cwd(), "node_modules", ".tmp", "public-admin-visual");
+
+interface AuthMeResponse {
+  email?: string;
+  role?: string;
+  admin_access?: boolean;
+  super_admin?: boolean;
+}
+
+async function browserFetchJson<T>(
+  page: import("@playwright/test").Page,
+  pathName: string,
+) {
+  return page.evaluate(
+    async ({ apiBase, apiPath }) => {
+      const response = await fetch(`${apiBase}${apiPath}`, {
+        credentials: "include",
+        headers: { accept: "application/json" },
+      });
+      const text = await response.text();
+      let json: unknown = null;
+      try {
+        json = text ? JSON.parse(text) : null;
+      } catch {
+        json = null;
+      }
+      return { status: response.status, ok: response.ok, text, json };
+    },
+    { apiBase: publicApiBase, apiPath: pathName },
+  ) as Promise<{ status: number; ok: boolean; text: string; json: T | null }>;
+}
+
+test.describe("public admin visual @public-auth", () => {
+  test("renders the public admin home with visible operational content", async ({
+    page,
+  }, testInfo) => {
+    if (!process.env.E2E_PUBLIC_STORAGE_STATE) {
+      throw new Error(
+        "Set E2E_PUBLIC_STORAGE_STATE to a storageState file captured after Google admin login.",
+      );
+    }
+
+    await fs.mkdir(SHOT_DIR, { recursive: true });
+    await page.setViewportSize({ width: 1440, height: 900 });
+
+    await page.goto("/admin", { waitUntil: "domcontentloaded" });
+    await page.waitForLoadState("networkidle", { timeout: 15_000 }).catch(() => undefined);
+
+    const me = await browserFetchJson<AuthMeResponse>(page, "/auth/me");
+    expect(me.status, me.text).toBe(200);
+    expect(
+      me.json?.role === "admin" || me.json?.admin_access === true || me.json?.super_admin === true,
+      JSON.stringify(me.json),
+    ).toBeTruthy();
+
+    await expect(page).toHaveURL(/\/admin(?:$|[?#])/);
+    await expect(page.locator(".ad-root")).toBeVisible({ timeout: 15_000 });
+    await expect(page.locator(".vg-shell")).toBeVisible();
+    await expect(page.locator(".vg-nav").getByRole("link", { name: "운영 홈" })).toBeVisible();
+    await expect(page.getByRole("heading", { name: "현재 서비스 상태" })).toBeVisible();
+    await expect(page.getByRole("heading", { name: "AI 비용" })).toBeVisible();
+    await expect(page.getByRole("heading", { name: "가용성" })).toBeVisible();
+    await expect(page.getByRole("heading", { name: "운영 티켓" })).toBeVisible();
+    await expect(page.locator(".ad-kpi b")).toHaveCount(4);
+    await expect(page.locator("#vignette-boot-diagnostic")).toHaveCount(0);
+
+    const visualReport = await page.evaluate(() => {
+      const adminRoot = document.querySelector<HTMLElement>(".ad-root");
+      const main = document.querySelector<HTMLElement>("main");
+      const heading = Array.from(document.querySelectorAll<HTMLElement>("h1,h2,h3")).find(
+        (node) => node.textContent?.includes("현재 서비스 상태"),
+      );
+      const visibleNodes = Array.from(
+        document.querySelectorAll<HTMLElement>(
+          ".ad-root,.ad-head,.ad-kpi,.ad-panel,.ad-service,.vg-shell,.vg-nav,h1,h2,h3,p,a,button",
+        ),
+      ).filter((node) => {
+        const rect = node.getBoundingClientRect();
+        const style = getComputedStyle(node);
+        return (
+          rect.width > 4 &&
+          rect.height > 4 &&
+          style.display !== "none" &&
+          style.visibility !== "hidden" &&
+          style.opacity !== "0"
+        );
+      });
+      const rootRect = adminRoot?.getBoundingClientRect();
+      const mainRect = main?.getBoundingClientRect();
+      const headingRect = heading?.getBoundingClientRect();
+      return {
+        url: location.href,
+        bodyTextLength: document.body.innerText.trim().length,
+        visibleNodeCount: visibleNodes.length,
+        adminRootRect: rootRect
+          ? { x: rootRect.x, y: rootRect.y, width: rootRect.width, height: rootRect.height }
+          : null,
+        mainRect: mainRect
+          ? { x: mainRect.x, y: mainRect.y, width: mainRect.width, height: mainRect.height }
+          : null,
+        headingRect: headingRect
+          ? { x: headingRect.x, y: headingRect.y, width: headingRect.width, height: headingRect.height }
+          : null,
+        horizontalOverflow:
+          document.documentElement.scrollWidth - document.documentElement.clientWidth,
+      };
+    });
+
+    expect(visualReport.bodyTextLength, JSON.stringify(visualReport)).toBeGreaterThan(400);
+    expect(visualReport.visibleNodeCount, JSON.stringify(visualReport)).toBeGreaterThan(20);
+    expect(visualReport.adminRootRect?.width, JSON.stringify(visualReport)).toBeGreaterThan(900);
+    expect(visualReport.adminRootRect?.height, JSON.stringify(visualReport)).toBeGreaterThan(500);
+    expect(visualReport.mainRect?.width, JSON.stringify(visualReport)).toBeGreaterThan(800);
+    expect(visualReport.headingRect?.y, JSON.stringify(visualReport)).toBeGreaterThanOrEqual(0);
+    expect(visualReport.headingRect?.y, JSON.stringify(visualReport)).toBeLessThan(900);
+    expect(visualReport.horizontalOverflow, JSON.stringify(visualReport)).toBeLessThanOrEqual(1);
+
+    const shotPath = path.join(SHOT_DIR, `admin-home-${testInfo.project.name}.png`);
+    await page.screenshot({ path: shotPath, fullPage: true });
+    const shot = await fs.stat(shotPath);
+    expect(shot.size, `admin visual screenshot was too small: ${shotPath}`).toBeGreaterThan(
+      80_000,
+    );
+  });
+
+  test("renders every public admin section without a silent blank pane", async ({ page }) => {
+    if (!process.env.E2E_PUBLIC_STORAGE_STATE) {
+      throw new Error(
+        "Set E2E_PUBLIC_STORAGE_STATE to a storageState file captured after Google admin login.",
+      );
+    }
+
+    const pageErrors: string[] = [];
+    const consoleErrors: string[] = [];
+    page.on("pageerror", (error) => pageErrors.push(error.message));
+    page.on("console", (message) => {
+      if (message.type() === "error") consoleErrors.push(message.text());
+    });
+
+    const sections = [
+      { path: "/admin", heading: "현재 서비스 상태" },
+      { path: "/admin/users", heading: "가입 승인과 권한 관리" },
+      { path: "/admin/access", heading: "역할, 그룹, 접근 범위" },
+      { path: "/admin/tickets", heading: "사용자 문제 큐" },
+    ] as const;
+
+    for (const section of sections) {
+      await page.goto(section.path, { waitUntil: "domcontentloaded" });
+      await expect(page.locator(".ad-root")).toBeVisible({ timeout: 15_000 });
+      await expect(page.getByRole("heading", { name: section.heading })).toBeVisible();
+      await expect(page.locator(".ad-diagnostic")).toHaveCount(0);
+
+      const report = await page.evaluate(() => {
+        const root = document.querySelector<HTMLElement>(".ad-root");
+        const rect = root?.getBoundingClientRect();
+        const visibleNodes = root
+          ? Array.from(root.querySelectorAll<HTMLElement>("h1,h2,p,button,input,select,article,section"))
+              .filter((node) => {
+                const nodeRect = node.getBoundingClientRect();
+                const style = getComputedStyle(node);
+                return (
+                  nodeRect.width > 1 &&
+                  nodeRect.height > 1 &&
+                  style.display !== "none" &&
+                  style.visibility !== "hidden" &&
+                  style.opacity !== "0"
+                );
+              }).length
+          : 0;
+        return {
+          textLength: root?.innerText.trim().length ?? 0,
+          visibleNodes,
+          width: rect?.width ?? 0,
+          height: rect?.height ?? 0,
+          scrollY: window.scrollY,
+        };
+      });
+
+      expect(report.textLength, JSON.stringify({ section, report })).toBeGreaterThan(120);
+      expect(report.visibleNodes, JSON.stringify({ section, report })).toBeGreaterThan(5);
+      expect(report.width, JSON.stringify({ section, report })).toBeGreaterThan(300);
+      expect(report.height, JSON.stringify({ section, report })).toBeGreaterThan(120);
+      expect(report.scrollY, JSON.stringify({ section, report })).toBe(0);
+    }
+
+    expect(pageErrors, JSON.stringify(pageErrors)).toEqual([]);
+    expect(consoleErrors, JSON.stringify(consoleErrors)).toEqual([]);
+  });
+
+  test("returns a restored admin tab to visible content after pageshow", async ({ page }) => {
+    if (!process.env.E2E_PUBLIC_STORAGE_STATE) {
+      throw new Error(
+        "Set E2E_PUBLIC_STORAGE_STATE to a storageState file captured after Google admin login.",
+      );
+    }
+
+    await page.goto("/admin", { waitUntil: "domcontentloaded" });
+    await expect(page.getByRole("heading", { name: "현재 서비스 상태" })).toBeVisible();
+    await expect(page.locator(".ad-root")).toBeVisible();
+
+    const beforeRestore = await page.evaluate(() => {
+      document.documentElement.style.minHeight = "2200px";
+      document.body.style.minHeight = "2200px";
+      window.scrollTo(0, 900);
+      return window.scrollY;
+    });
+    expect(beforeRestore).toBeGreaterThan(0);
+
+    await page.evaluate(() => {
+      window.dispatchEvent(new PageTransitionEvent("pageshow", { persisted: true }));
+    });
+
+    await expect
+      .poll(() => page.evaluate(() => window.scrollY), { timeout: 5_000 })
+      .toBe(0);
+    await expect(page.getByRole("heading", { name: "현재 서비스 상태" })).toBeInViewport();
+  });
+});
diff --git a/apps/web/e2e/readiness.spec.ts b/apps/web/e2e/readiness.spec.ts
index cc66ffe..8428079 100644
--- a/apps/web/e2e/readiness.spec.ts
+++ b/apps/web/e2e/readiness.spec.ts
@@ -60,10 +60,16 @@ test.describe("production readiness gates", () => {
     const statusRegion = page.getByRole("region", { name: "학습 현황" });
     await expect(statusRegion.getByRole("button", { name: /진행 회기 0회/ })).toBeVisible();
     await expect(statusRegion.getByRole("button", { name: /리뷰 대기 0건/ })).toBeVisible();
+    // 중간 폭 이하에서는 기록 패널이 '기록 · 리뷰' 탭 안에 있다.
+    const dashTabs = page.locator(".lh-tabs");
+    if (await dashTabs.isVisible().catch(() => false)) {
+      await dashTabs.locator("button", { hasText: "기록 · 리뷰" }).click();
+    }
     await expect(page.getByText("최근 기록이 없습니다.")).toBeVisible();
-    await expect(
-      page.locator(".lh-head").getByRole("button", { name: "학습 대상 선택" }),
-    ).toBeInViewport();
+    if (await dashTabs.isVisible().catch(() => false)) {
+      await dashTabs.locator("button", { hasText: "오늘의 회기" }).click();
+    }
+    await expect(page.getByRole("button", { name: "학습 대상 선택" })).toBeVisible();
     await expectNoHorizontalOverflow(page);
   });
 
diff --git a/apps/web/e2e/session-mvp.spec.ts b/apps/web/e2e/session-mvp.spec.ts
index a7378cd..a32fd3a 100644
--- a/apps/web/e2e/session-mvp.spec.ts
+++ b/apps/web/e2e/session-mvp.spec.ts
@@ -669,9 +669,14 @@ test.describe("P1 MVP core loop", () => {
     await page.getByRole("button", { name: "종료하고 리뷰 보기" }).click();
 
     await expect(page).toHaveURL(new RegExp(`/learn/session/${sessionId}/review$`));
-    await expect(page.getByText("내담자가 남긴 것")).toBeVisible();
-    await expect(page.locator(".sr-feedback").getByText(clientReply)).toBeVisible();
     await expect(page.getByText("평가 AI가 저장된 축어록을 분석했습니다.")).toBeVisible();
+    // ≤1180 폭에서는 리뷰가 가로 탭 — 마지막 내담자 반응은 피드백 탭에 있다.
+    const feedbackTab = page.locator(".sr-tabs button", { hasText: "피드백" });
+    if (await feedbackTab.isVisible().catch(() => false)) {
+      await feedbackTab.click();
+    }
+    await expect(page.getByText("마지막 내담자 반응")).toBeVisible();
+    await expect(page.locator(".sr-feedback").getByText(clientReply)).toBeVisible();
   });
 
   test("shows AI tutor coaching in coached mode after a completed turn", async ({ page }) => {
diff --git a/apps/web/e2e/session-persistence.spec.ts b/apps/web/e2e/session-persistence.spec.ts
index 57aa1cf..db3437f 100644
--- a/apps/web/e2e/session-persistence.spec.ts
+++ b/apps/web/e2e/session-persistence.spec.ts
@@ -529,6 +529,13 @@ async function evaluationState(page: Page, sessionId: string) {
   return `pending:${body.status ?? "none"}:${body.durable ? "durable" : "cache"}:${loop}`;
 }
 
+/** 리뷰는 모든 폭에서 가로 탭으로 영역을 전환한다. */
+async function openReviewTab(page: Page, label: "축어록" | "피드백" | "워크시트") {
+  const tabs = page.locator(".sr-tabs");
+  await tabs.waitFor({ state: "attached", timeout: 20_000 });
+  await tabs.locator("button", { hasText: label }).click();
+}
+
 test.describe("session persistence", () => {
   test("persists selected CBT theory mode from session UI into DB-backed detail @single-run", async ({
     page,
@@ -781,7 +788,7 @@ test.describe("session persistence", () => {
   });
 
   test("persists AI tutor coaching history through reload @single-run", async ({ page }) => {
-    test.setTimeout(150_000);
+    test.setTimeout(240_000);
 
     const healthResponse = await page.request.get("/api/health");
     await expectResponseOk(healthResponse);
@@ -890,7 +897,7 @@ test.describe("session persistence", () => {
   });
 
   test("persists voice nonverbal metadata into DB-backed review @single-run", async ({ page }) => {
-    test.setTimeout(120_000);
+    test.setTimeout(240_000);
 
     const healthResponse = await page.request.get("/api/health");
     await expectResponseOk(healthResponse);
@@ -937,7 +944,9 @@ test.describe("session persistence", () => {
           const timeout = window.setTimeout(() => {
             ws.close();
             finish(-1);
-          }, 60_000);
+            // dev 엔진(Claude CLI 게이트웨이) 음성 턴이 90초를 넘기도 한다 — 게이트웨이
+            // GENERATE_TURN_TIMEOUT_SECONDS(300초)와 정합하게 150초까지 기다린다.
+          }, 150_000);
 
           ws.onopen = () => {
             ws.send(JSON.stringify({ type: "audio_start", format: "webm" }));
@@ -1085,7 +1094,7 @@ test.describe("session persistence", () => {
           reply: events.some((event) => event.type === "reply"),
           errors: events.filter((event) => event.type === "error" || event.type === "degraded").length,
         };
-      }, { timeout: 60_000 })
+      }, { timeout: 90_000 })
       .toEqual({ transcript: true, reply: true, errors: 0 });
 
     const reviewResponse = await page.request.get(`/api/sessions/${sessionId}/review`);
@@ -1166,6 +1175,7 @@ test.describe("session persistence", () => {
     ).toBeGreaterThanOrEqual(2);
 
     await page.goto(`/learn/session/${sessionId}/review`);
+    await openReviewTab(page, "워크시트");
     const worksheetCard = page.locator(".sr-card--worksheet");
     await expect(worksheetCard).toBeVisible({ timeout: 20_000 });
     await expect(worksheetCard).toContainText("축어록 기반 자동 초안");
@@ -1188,10 +1198,13 @@ test.describe("session persistence", () => {
 
     await signInAsTeacher(page);
     await page.goto(`/teach/session/${sessionId}/review`);
+    await openReviewTab(page, "워크시트");
     await expect(worksheetCard).toBeVisible({ timeout: 20_000 });
     await expect(worksheetCard).toContainText("학습자 저장본 읽기 전용");
     await expect(worksheetCard.locator(".sr-ws-input").first()).toHaveValue(savedWorksheetValue);
 
+    // 워크시트 검수 메모·수정요청은 교수자 검토 카드(피드백 탭)에 있다.
+    await openReviewTab(page, "피드백");
     const teacherWorksheetNote = `보호요인 보강 요청 ${Date.now()}`;
     await page.getByLabel("워크시트 검수 메모").fill(teacherWorksheetNote);
     await page.getByRole("button", { name: "수정요청" }).click();
@@ -1226,6 +1239,7 @@ test.describe("session persistence", () => {
     const sessionId = await createEndedSessionWithoutTurn(page);
 
     await page.goto(`/learn/session/${sessionId}/review`);
+    await openReviewTab(page, "피드백");
     await expect(page.locator(".sr-card--prepost")).toBeVisible({ timeout: 15_000 });
     await expect(page.locator(".sr-prepost__actions")).toContainText("저장된 값 기준");
 
@@ -1272,6 +1286,7 @@ test.describe("session persistence", () => {
     expect(byKey.get("training_satisfaction:post")).toBe(Number(targetValues[5]));
 
     await page.reload();
+    await openReviewTab(page, "피드백");
     await expect(page.locator(".sr-card--prepost")).toBeVisible({ timeout: 15_000 });
     await expect(page.getByText("3/3 쌍")).toBeVisible();
     for (let index = 0; index < targetValues.length; index += 1) {
diff --git a/apps/web/e2e/session-review.spec.ts b/apps/web/e2e/session-review.spec.ts
index 18de1e5..6d5c1af 100644
--- a/apps/web/e2e/session-review.spec.ts
+++ b/apps/web/e2e/session-review.spec.ts
@@ -97,63 +97,79 @@ async function createEndedSession(page: Page) {
   return session.session_id;
 }
 
+/** 리뷰는 모든 폭에서 가로 탭으로 영역을 전환한다. */
+async function openReviewTab(page: Page, label: "축어록" | "피드백" | "워크시트") {
+  // 탭 바는 리뷰 레이아웃이 로드된 뒤에만 DOM에 존재한다 — attach를 먼저 기다린다.
+  const tabs = page.locator(".sr-tabs");
+  await tabs.waitFor({ state: "attached", timeout: 10_000 }).catch(() => {});
+  const tab = tabs.locator("button", { hasText: label });
+  if (await tab.isVisible().catch(() => false)) {
+    await tab.click();
+  }
+}
+
 async function expectReviewRegionsReachable(page: Page) {
   await expect(page.locator(".sr-overview")).toBeVisible();
+  await expect(page.locator(".sr-tabs")).toBeVisible();
+
+  // 피드백 탭: 인사이트 흐름 + 평가 레일이 함께 도달 가능해야 한다.
+  await openReviewTab(page, "피드백");
   await expect(page.locator(".sr-feedback")).toBeVisible();
   await expect(page.locator(".sr-card--chart")).toBeVisible();
   await expect(page.locator(".sr-card--flow")).toBeVisible();
   await expect(page.locator(".sr-card--rubric")).toBeVisible();
-  await expect(page.locator(".sr-card--transcript")).toBeVisible();
   await expect(page.locator(".sr-card--prepost")).toBeVisible();
 
-  const grid = await page.locator(".sr-cols").evaluate((el) => {
+  const insightsGrid = await page.locator(".sr-cols").evaluate((el) => {
     const style = window.getComputedStyle(el);
     return {
       display: style.display,
       areas: style.gridTemplateAreas,
+      columns: style.gridTemplateColumns.split(" ").filter(Boolean).length,
     };
   });
-  expect(grid.display).toBe("grid");
-  expect(grid.areas).toContain("overview");
-  expect(grid.areas).toContain("feedback");
-  expect(grid.areas).toContain("transcript");
-  expect(grid.areas).not.toContain("teacher");
+  expect(insightsGrid.display).toBe("grid");
+  expect(insightsGrid.areas).toContain("insight");
+  expect(insightsGrid.areas).toContain("feedback");
+  expect(insightsGrid.areas).not.toContain("teacher");
+  // 전 폭 탭 계약: 활성 탭 하나가 전폭 단일 컬럼을 쓴다(인사이트 위 / 평가 아래).
+  expect(insightsGrid.columns).toBe(1);
+  const stackGeometry = await page.locator(".sr-cols").evaluate((el) => {
+    const insight = el.querySelector(".sr-left")?.getBoundingClientRect();
+    const feedback = el.querySelector(".sr-right")?.getBoundingClientRect();
+    return {
+      insightBottom: insight ? Math.ceil(insight.bottom) : 0,
+      feedbackTop: feedback ? Math.floor(feedback.top) : 0,
+    };
+  });
+  expect(stackGeometry.insightBottom).toBeLessThanOrEqual(stackGeometry.feedbackTop + 1);
+
+  // 워크시트 탭.
+  await openReviewTab(page, "워크시트");
+  await expect(page.locator(".sr-card--worksheet")).toBeVisible();
+
+  // 축어록 탭(기본)으로 복귀 — 축어록은 전폭 단일 컬럼.
+  await openReviewTab(page, "축어록");
+  await expect(page.locator(".sr-card--transcript")).toBeVisible();
+  const transcriptAreas = await page
+    .locator(".sr-cols")
+    .evaluate((el) => window.getComputedStyle(el).gridTemplateAreas);
+  expect(transcriptAreas).toContain("transcript");
 
   await expect(page.locator(".sr-overview")).toBeInViewport();
   await page.locator(".sr-card--transcript").scrollIntoViewIfNeeded();
   await expect(page.locator(".sr-card--transcript")).toBeInViewport();
 
-  const railGeometry = await page.locator(".sr-cols").evaluate((gridEl) => {
-    const root = gridEl.closest(".sr-root");
-    const overview = gridEl.querySelector(".sr-overview")?.getBoundingClientRect();
-    const transcript = gridEl.querySelector(".sr-card--transcript")?.getBoundingClientRect();
-    const rubric = gridEl.querySelector(".sr-card--rubric")?.getBoundingClientRect();
-    const prepost = gridEl.querySelector(".sr-card--prepost")?.getBoundingClientRect();
-    const worksheet = gridEl.querySelector(".sr-card--worksheet")?.getBoundingClientRect();
-    const columns = window
-      .getComputedStyle(gridEl)
-      .gridTemplateColumns.split(" ")
-      .filter(Boolean).length;
+  // 리뷰 요약은 본문 그리드 위의 전폭 밴드다(도킹/스크롤 부유 금지).
+  const band = await page.locator(".sr-root").evaluate((rootEl) => {
+    const overview = rootEl.querySelector(".sr-overview")?.getBoundingClientRect();
+    const gridRect = rootEl.querySelector(".sr-cols")?.getBoundingClientRect();
     return {
-      isEmpty: root?.classList.contains("sr-root--empty") ?? false,
-      columns,
-      overviewLeft: overview ? Math.floor(overview.left) : 0,
-      overviewRight: overview ? Math.ceil(overview.right) : 0,
-      transcriptLeft: transcript ? Math.floor(transcript.left) : 0,
-      transcriptRight: transcript ? Math.ceil(transcript.right) : 0,
-      rubricLeft: rubric ? Math.floor(rubric.left) : 0,
-      prepostLeft: prepost ? Math.floor(prepost.left) : 0,
-      worksheetLeft: worksheet ? Math.floor(worksheet.left) : 0,
+      overviewBottom: overview ? Math.ceil(overview.bottom) : 0,
+      gridTop: gridRect ? Math.floor(gridRect.top) : 0,
     };
   });
-  if (!railGeometry.isEmpty && railGeometry.columns === 2) {
-    expect(railGeometry.transcriptRight).toBeLessThanOrEqual(railGeometry.overviewLeft);
-    expect(railGeometry.rubricLeft).toBeGreaterThanOrEqual(railGeometry.overviewLeft);
-    expect(railGeometry.prepostLeft).toBeGreaterThanOrEqual(railGeometry.overviewLeft);
-    expect(railGeometry.worksheetLeft).toBeGreaterThanOrEqual(railGeometry.overviewLeft);
-  } else if (railGeometry.columns >= 3) {
-    expect(railGeometry.overviewRight).toBeLessThanOrEqual(railGeometry.transcriptLeft);
-  }
+  expect(band.overviewBottom).toBeLessThanOrEqual(band.gridTop + 1);
 }
 
 test.describe("session review", () => {
@@ -186,6 +202,7 @@ test.describe("session review", () => {
     await page.goto(`/learn/session/${sessionId}/review`);
 
     await expect(page).toHaveURL(new RegExp(`/teach/session/${sessionId}/review$`));
+    await openReviewTab(page, "피드백");
     await expect(page.getByText("교수자 검토", { exact: true })).toBeVisible();
     expect(reviewAttempts).toBeGreaterThanOrEqual(2);
   });
@@ -221,6 +238,7 @@ test.describe("session review", () => {
     await page.goto(`/learn/session/${sessionId}/review`);
 
     await expect(page).toHaveURL(new RegExp(`/teach/session/${sessionId}/review$`));
+    await openReviewTab(page, "피드백");
     await expect(page.getByText("교수자 검토", { exact: true })).toBeVisible();
     await expect(page.locator(".sr-card--prepost")).toHaveCount(0);
     expect(reviewAttempts).toBeGreaterThanOrEqual(2);
@@ -233,6 +251,7 @@ test.describe("session review", () => {
 
     await page.goto(`/teach/session/${sessionId}/review`);
 
+    await openReviewTab(page, "피드백");
     await expect(page.getByText("AI 평가 범위", { exact: true })).toBeVisible();
     await expect(page.getByText("현재 구현", { exact: true })).toBeVisible();
     await expect(page.getByText(/fast-loop.*deep-loop/)).toBeVisible();
@@ -348,6 +367,7 @@ test.describe("session review", () => {
 
     await page.goto(`/teach/session/${sessionId}/review`);
 
+    await openReviewTab(page, "피드백");
     await expect(page.getByText("평가 대기", { exact: true })).toBeVisible();
     await expect(page.getByText("평가 AI가 저장된 축어록을 분석 중입니다.")).toBeVisible();
     await expect(page.getByRole("button", { name: "AI 평가 재시도" })).toHaveCount(0);
@@ -413,6 +433,7 @@ test.describe("session review", () => {
     });
 
     await page.goto(`/teach/session/${sessionId}/review`);
+    await openReviewTab(page, "피드백");
     await expect(page.getByText("평가 실패")).toBeVisible();
     await expect(
       page.getByText("저장된 축어록은 확인했지만 deep-loop 평가 AI 산출물을 표시하지 못했습니다. AI 평가 재시도가 필요합니다."),
@@ -507,6 +528,7 @@ test.describe("session review", () => {
 
     await expect(page).toHaveURL(new RegExp(`/learn/session/${sessionId}/review$`));
     await expect(page.getByText("축어록 없음")).toBeVisible();
+    await openReviewTab(page, "피드백");
     await expect(page.getByText("감정 타임라인 대기")).toBeVisible();
     await expect(page.getByText("개선점 대기")).toBeVisible();
     await expect(page.getByRole("button", { name: "오디오 다시 듣기" })).toBeDisabled();
@@ -547,9 +569,12 @@ test.describe("session review", () => {
 
     await expect(page).toHaveURL(new RegExp(`/learn/session/${FILLED_REVIEW_SESSION_ID}/review$`));
     await expect(page.getByText("관계 신호가 안정적으로 회복된 회기")).toBeVisible();
+    await expect(page.getByText("세션 트랜스크립트")).toBeVisible();
+    await expect(page.getByText("감정 반영").first()).toBeVisible();
+    await expect(page.getByText("AI 슈퍼바이저").first()).toBeVisible();
+    await openReviewTab(page, "피드백");
     await expect(page.getByText("감정 밸런스 타임라인")).toBeVisible();
     await expect(page.getByText("회기 흐름")).toBeVisible();
-    await expect(page.getByText("세션 트랜스크립트")).toBeVisible();
     await expect(page.getByText("기법 사용 분포")).toBeVisible();
     await expect(page.getByText("파일럿 증거 원장")).toBeVisible();
     await expect(page.getByText("1/3 쌍")).toBeVisible();
@@ -569,13 +594,12 @@ test.describe("session review", () => {
       "수련만족도 사후 점수",
     ]);
     await expect(page.getByText("효과 판정과 통계 검정은 평가설계 확정 후 별도 산출합니다.")).toBeVisible();
-    await expect(page.getByText("사례개념화 워크시트")).toBeVisible();
-    await expect(page.getByText("감정 반영").first()).toBeVisible();
-    await expect(page.getByText("AI 슈퍼바이저").first()).toBeVisible();
     await expect(page.getByText("다음에 시도할 문장")).toBeVisible();
     await expect(page.getByText("방어를 낮춘 감정 반영")).toBeVisible();
     await expect(page.getByText("개입 전 준비도 확인")).toBeVisible();
     await expect(page.locator(".sr-chart__svg")).toBeVisible();
+    await openReviewTab(page, "워크시트");
+    await expect(page.getByText("사례개념화 워크시트")).toBeVisible();
     await expect(page.locator(".sr-ws-input").first()).toBeVisible();
     await expect(page.getByRole("button", { name: "오디오 다시 듣기" })).toBeEnabled();
     await expect(page.getByRole("button", { name: "PDF 내보내기" })).toBeEnabled();
@@ -624,6 +648,7 @@ test.describe("session review", () => {
       "저는 익명 내담자이고 소속 기관에서 상담받고 있어요.",
     );
     await expect(transcript).not.toContainText("[NAME]");
+    await openReviewTab(page, "워크시트");
     await expect(page.locator(".sr-ws-evidence").filter({ hasText: "[NAME]" })).toBeVisible();
   });
 
@@ -633,6 +658,8 @@ test.describe("session review", () => {
     await routePrepostMeasures(page);
 
     await page.goto(`/learn/session/${FILLED_REVIEW_SESSION_ID}/review`);
+    await expect(page.locator(".sr-overview")).toBeVisible({ timeout: 15_000 });
+    await openReviewTab(page, "피드백");
     await expect(page.locator(".sr-card--prepost")).toBeVisible({ timeout: 15_000 });
 
     const prepostInputs = page.locator(".sr-card--prepost input");
diff --git a/apps/web/e2e/teacher.spec.ts b/apps/web/e2e/teacher.spec.ts
index 82c666f..efd8b3c 100644
--- a/apps/web/e2e/teacher.spec.ts
+++ b/apps/web/e2e/teacher.spec.ts
@@ -184,6 +184,13 @@ function teacherReviewResponse(sessionId: string) {
   };
 }
 
+/** 리뷰는 모든 폭에서 가로 탭으로 영역을 전환한다. */
+async function openReviewTab(page: Page, label: "축어록" | "피드백" | "워크시트") {
+  const tabs = page.locator(".sr-tabs");
+  await tabs.waitFor({ state: "attached", timeout: 20_000 });
+  await tabs.locator("button", { hasText: label }).click();
+}
+
 test.describe("teacher console", () => {
   test("lets a teacher approve a pending persona review from the console @single-run", async ({
     page,
@@ -317,7 +324,7 @@ test.describe("teacher console", () => {
       });
     });
 
-    await page.goto("/teach/personas");
+    await page.goto("/teach/personas?view=personas");
     const row = page.locator('[data-approved-persona-row="true"]').filter({ hasText: "P1" });
     await expect(row).toBeVisible();
     await row.getByRole("button", { name: "수정" }).click();
@@ -373,7 +380,7 @@ test.describe("teacher console", () => {
       });
     });
 
-    await page.goto("/teach/personas");
+    await page.goto("/teach/personas?view=personas&mode=create&step=edit");
     await page.getByLabel("표시 이름").fill("항목형 페르소나");
 
     await page.getByRole("tab", { name: "임상" }).click();
@@ -387,7 +394,7 @@ test.describe("teacher console", () => {
     const forbidden = page.locator(".ps-list-field").filter({ hasText: "상담자 금기" });
     await forbidden.getByRole("textbox", { name: "상담자 금기 1", exact: true }).fill("네가 예민한 거라고 단정");
 
-    await page.getByRole("button", { name: "초안 저장" }).click();
+    await page.getByRole("button", { name: "중간 저장" }).click();
     await expect(page.getByText("P1 v1 초안을 저장했습니다.")).toBeVisible();
 
     expect(savedPayload).toBeTruthy();
@@ -408,7 +415,7 @@ test.describe("teacher console", () => {
       return route.fulfill({ status: 200, contentType: "application/json", body: JSON.stringify([]) });
     });
 
-    await page.goto("/teach/personas");
+    await page.goto("/teach/personas?view=personas&mode=create&step=edit");
     await page.getByLabel("표시 이름").fill("프롬프트 검토 페르소나");
     await page.getByRole("tab", { name: "임상" }).click();
     const automaticThoughts = page.locator(".ps-list-field").filter({ hasText: "자동사고" });
@@ -484,7 +491,7 @@ test.describe("teacher console", () => {
       });
     });
 
-    await page.goto("/teach/personas");
+    await page.goto("/teach/personas?view=personas");
     const row = page.locator('[data-approved-persona-row="true"]').filter({ hasText: "P7" });
     await expect(row).toBeVisible();
     await expectVisibleButtonsFit(page, ".ps-approved-row__actions .vg-btn", "approved persona actions");
@@ -492,11 +499,104 @@ test.describe("teacher console", () => {
     await row.getByRole("button", { name: "삭제" }).click();
 
     await expect(page.getByText("P7 페르소나를 보관 처리했습니다.")).toBeVisible();
-    await expect(page.getByText("공개 목록 없음")).toBeVisible();
+    await expect(page.getByText("조건에 맞는 페르소나 없음")).toBeVisible();
     expect(archived).toBeTruthy();
     await expectNoHorizontalOverflow(page);
   });
 
+  test("navigates persona dashboard, catalog, table, detail, and review queue @single-run", async ({ page }) => {
+    const approvedPersona = {
+      persona_id: "00000000-0000-0000-0000-000000000721",
+      code: "P1",
+      version: 3,
+      status: "approved",
+      display_name: "서연(가명) · 고2 · 우울/자살사고",
+      difficulty: "hard",
+      theory_target: ["humanistic"],
+      demographics: { age_band: "F-teen" },
+      presenting_summary: "최근 무기력과 관계 단절을 호소합니다.",
+      source: "database",
+      degraded: false,
+      voice_preset: null,
+    };
+    const reviewPersona = {
+      persona_id: "00000000-0000-0000-0000-000000000722",
+      code: "P12",
+      version: 1,
+      status: "review",
+      display_name: "직장 적응 훈련 페르소나",
+      difficulty: "moderate",
+      theory_target: ["cbt"],
+      source_provenance: "교수자 작성 초안",
+      is_synthetic: true,
+      created_at: "2026-07-15T08:00:00Z",
+      approved_at: null,
+    };
+    await signInAsTeacher(page);
+    await page.route("**/api/personas", (route) => {
+      if (route.request().method() !== "GET") return route.fallback();
+      return route.fulfill({ status: 200, contentType: "application/json", body: JSON.stringify([approvedPersona]) });
+    });
+    await page.route("**/api/personas/review", (route) =>
+      route.fulfill({ status: 200, contentType: "application/json", body: JSON.stringify([reviewPersona]) }),
+    );
+    await page.route("**/api/teacher/dashboard", (route) =>
+      route.fulfill({
+        status: 200,
+        contentType: "application/json",
+        body: JSON.stringify({
+          source: "database",
+          cohort_label: "E2E cohort",
+          total_learners: 1,
+          active_sessions: 1,
+          ended_sessions: 1,
+          learner_growth: [{
+            learner_id: "00000000-0000-0000-0000-000000000723",
+            learner_label: "학습자 A",
+            sessions: 2,
+            ended_sessions: 1,
+            latest_at: "2026-07-15T08:20:00Z",
+            avg_score: 0.75,
+            avg_rapport: 0.4,
+            trend: "up",
+            points: [{ session_id: "persona-session-1", session_no: 1, persona_code: "P1", stage: "탐색", started_at: "2026-07-15T08:00:00Z", ended_at: "2026-07-15T08:20:00Z", score: 0.75, rapport: 0.4, technique_count: 3, watch_count: 0 }],
+          }],
+          safety_alerts: [],
+          pending_reviews: [],
+          recent_sessions: [{ session_id: "persona-session-2", learner_id: "00000000-0000-0000-0000-000000000723", learner_label: "학습자 A", persona_code: "P1", persona_name: approvedPersona.display_name, session_no: 2, status: "active", stage: "탐색", turn_count: 4, learner_turn_count: 2, client_turn_count: 2, started_at: "2026-07-15T08:30:00Z", ended_at: null }],
+          message: "페르소나 운영 fixture",
+        }),
+      }),
+    );
+
+    await page.goto("/teach/personas");
+    await expect(page.getByRole("heading", { name: "페르소나 운영" })).toBeVisible();
+    await expect(page.getByText("상담 수행 점수")).toBeVisible();
+
+    await page.getByRole("button", { name: /카탈로그/ }).first().click();
+    await expect(page.getByRole("heading", { name: "페르소나 카탈로그" })).toBeVisible();
+    await expect(page.getByText("학습자가 회기를 시작할 때 선택하는 승인본 모음입니다.")).toBeVisible();
+
+    await page.getByRole("button", { name: /페르소나/ }).first().click();
+    await expect(page.getByRole("button", { name: "새로운 페르소나 만들기" })).toBeVisible();
+    const approvedRow = page.locator('[data-approved-persona-row="true"]').filter({ hasText: "P1" });
+    await expect(approvedRow).toBeVisible();
+    await approvedRow.getByRole("button", { name: "상세" }).click();
+    await expect(page.getByRole("tab", { name: "소개·정보" })).toBeVisible();
+    await page.getByRole("tab", { name: "학습 현황" }).click();
+    await expect(page.getByText("75%").first()).toBeVisible();
+    await page.getByRole("button", { name: "목록으로" }).click();
+    await page.getByRole("tab", { name: /검수 현황/ }).click();
+    await expect(page.getByText("직장 적응 훈련 페르소나")).toBeVisible();
+    await page.getByRole("button", { name: "새로운 페르소나 만들기" }).click();
+    await expect(page.getByRole("navigation", { name: "페르소나 작성 단계" })).toBeVisible();
+    await page.getByRole("button", { name: /설정 임상·회기·말투 조정/ }).click();
+    await expect(page.getByRole("tab", { name: "개요" })).toBeVisible();
+    await page.getByRole("button", { name: "이전" }).click();
+    await expect(page).toHaveURL(/step=generate/);
+    await expectNoHorizontalOverflow(page);
+  });
+
   test("renders real server sessions from server-owned rows", async ({ page }) => {
     const sessionId = await createEndedLearnerSession(page);
     await signInAsTeacher(page);
@@ -768,9 +868,11 @@ test.describe("teacher console", () => {
 
     await expect(page).toHaveURL(new RegExp(`/teach/session/${sessionId}/review$`));
     await expect(page.getByText("교수자 검토 화면", { exact: true })).toBeVisible();
-    await expect(page.getByText("교수자 검토", { exact: true })).toBeVisible();
+    await openReviewTab(page, "워크시트");
     await expect(page.getByText("축어록 자동 초안 읽기 전용")).toBeVisible();
     await expect(page.getByText("검토 전용")).toBeVisible();
+    await openReviewTab(page, "피드백");
+    await expect(page.getByText("교수자 검토", { exact: true })).toBeVisible();
     await page.getByLabel("검토 메모").fill("다음 회기에서 감정 반영을 먼저 확인");
     await page.getByRole("button", { name: "검토 완료" }).click();
     await expect(page.getByText("완료 시각 2026-06-27T10:00:00Z")).toBeVisible();
@@ -953,6 +1055,7 @@ test.describe("teacher console", () => {
     await expect(page).toHaveURL(new RegExp(`/teach/session/${activeSession.session_id}/review$`));
     await expect(page.getByText("교수자 검토 화면", { exact: true })).toBeVisible();
     await expect(page.getByText("진행 중", { exact: true })).toBeVisible();
+    await openReviewTab(page, "피드백");
     await expect(page.getByText("평가 대기", { exact: true })).toBeVisible();
     await expectNoHorizontalOverflow(page);
   });
@@ -1022,6 +1125,7 @@ test.describe("teacher console", () => {
     await expect(page).toHaveURL(new RegExp(`/teach/session/${sessionId}/review$`));
     await expect(page.getByText("교수자 검토 화면", { exact: true })).toBeVisible();
     await expect(page.getByText("진행 중", { exact: true })).toBeVisible();
+    await openReviewTab(page, "워크시트");
     await expect(page.getByText("검토 전용")).toBeVisible();
     await expect(page.getByRole("button", { name: /^저장/ })).toHaveCount(0);
     await expectNoHorizontalOverflow(page);
diff --git a/apps/web/knip.json b/apps/web/knip.json
new file mode 100644
index 0000000..c73e03f
--- /dev/null
+++ b/apps/web/knip.json
@@ -0,0 +1,19 @@
+{
+  "$schema": "https://unpkg.com/knip@6/schema.json",
+  "entry": [
+    "functions/**/*.js",
+    "public/worklets/**/*.js",
+    "scripts/*.mjs",
+    "e2e/**/*.spec.ts"
+  ],
+  "project": [
+    "src/**/*.{ts,tsx}",
+    "functions/**/*.js",
+    "public/worklets/**/*.js",
+    "scripts/*.mjs",
+    "e2e/**/*.ts"
+  ],
+  "ignoreFiles": ["src/components/avatar/RasterBust.tsx"],
+  "ignoreDependencies": ["openapi-typescript"],
+  "ignoreBinaries": ["taskkill"]
+}
diff --git a/apps/web/package-lock.json b/apps/web/package-lock.json
index 72efa54..bff0273 100644
--- a/apps/web/package-lock.json
+++ b/apps/web/package-lock.json
@@ -8,6 +8,7 @@
       "name": "@vignette/web",
       "version": "0.1.0",
       "dependencies": {
+        "@tanstack/react-table": "^8.21.3",
         "react": "^19.1.0",
         "react-dom": "^19.1.0",
         "react-router-dom": "^6.30.1"
@@ -17,8 +18,10 @@
         "@types/react": "^19.1.8",
         "@types/react-dom": "^19.1.6",
         "@vitejs/plugin-react": "^4.6.0",
+        "esbuild": "^0.25.12",
+        "jscpd": "5.0.12",
+        "knip": "^6.26.0",
         "openapi-typescript": "^7.13.0",
-        "puppeteer-core": "^25.2.1",
         "typescript": "^5.8.3",
         "vite": "^6.3.5"
       }
@@ -305,6 +308,40 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@emnapi/core": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.11.1.tgz",
+      "integrity": "sha512-RSvbQmHzdKzNsLYa/wHrbc3KN4sYLKAdPZxqiM2HATqv/SBk2/ENSHpvXGaLOMcsAyz0poEGqkmmKYG3OWiJEQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/wasi-threads": "1.2.2",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.11.1.tgz",
+      "integrity": "sha512-vgj7R3y3Wgx24IQaGPA/R6YFXLHVMOZ0uVEyIQPaWs+rd1AzfEMXlAC22FYwO1XkKR6NPsq7mUandH8oIRdZFw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/wasi-threads": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.2.tgz",
+      "integrity": "sha512-c95qOXkHdydNKhscBTebqEC1CVAZpyqOfVfBzQ1qgzyl3gfeldUjIggDbIZgDKsHLgnsM+igH7TJ/eAasaVuMA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
     "node_modules/@esbuild/aix-ppc64": {
       "version": "0.25.12",
       "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.12.tgz",
@@ -797,6 +834,719 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
+    "node_modules/@napi-rs/wasm-runtime": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.6.tgz",
+      "integrity": "sha512-ZLv/JdUfkvOy9eCnnBaGfiO+XimbjebAeO+MRQqD/B+FR1tnRN0tpKSJHRbE8sFfS6aqsXZ67TQjfwfsxULVbg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@tybys/wasm-util": "^0.10.3"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/Brooooooklyn"
+      },
+      "peerDependencies": {
+        "@emnapi/core": "^1.7.1",
+        "@emnapi/runtime": "^1.7.1"
+      }
+    },
+    "node_modules/@oxc-parser/binding-android-arm-eabi": {
+      "version": "0.137.0",
+      "resolved": "https://registry.npmjs.org/@oxc-parser/binding-android-arm-eabi/-/binding-android-arm-eabi-0.137.0.tgz",
+      "integrity": "sha512-KDs+0VPdEmasOkpuJHW9V5WCF+cvYdMQv2Jd+aJXt+cxIx12NToRQRbXaRwUEDsZw+/jMk81Ve8ZFbjUkJTOwA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@oxc-parser/binding-android-arm64": {
+      "version": "0.137.0",
+      "resolved": "https://registry.npmjs.org/@oxc-parser/binding-android-arm64/-/binding-android-arm64-0.137.0.tgz",
+      "integrity": "sha512-WhALNzfy3x/RfC6bsqX+csavuUY0yHHE7XfgPE5M542uhoBZUUoGTPG+nkMbGoG4+gcfss5s7urMyn5QBHu0sw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@oxc-parser/binding-darwin-arm64": {
+      "version": "0.137.0",
+      "resolved": "https://registry.npmjs.org/@oxc-parser/binding-darwin-arm64/-/binding-darwin-arm64-0.137.0.tgz",
+      "integrity": "sha512-bFPr5hgmNMOMoyPTGtdsK4Ug21RovIPojRMgDDhSp1LtCnc/DkLwGONKjgRjszg677RlGnkYSviQ8hHaUPOVYA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@oxc-parser/binding-darwin-x64": {
+      "version": "0.137.0",
+      "resolved": "https://registry.npmjs.org/@oxc-parser/binding-darwin-x64/-/binding-darwin-x64-0.137.0.tgz",
+      "integrity": "sha512-CL5dMm1asqXIDZHg14FLxj3Mc36w8PI7xCWh1uA4is6z8g2XrIILoTcQYOxDbwzuk34RDPX5IAGUxZr6LA9KAg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@oxc-parser/binding-freebsd-x64": {
+      "version": "0.137.0",
+      "resolved": "https://registry.npmjs.org/@oxc-parser/binding-freebsd-x64/-/binding-freebsd-x64-0.137.0.tgz",
+      "integrity": "sha512-79h8rYGnSlKPGWo7mHr2ixO6ea7aW8B0CT965SZ8SLbNnCOH5aOYBTeVXUY6eMvEaiLyWr8Skuiugr5pDYgLGw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@oxc-parser/binding-linux-arm-gnueabihf": {
+      "version": "0.137.0",
+      "resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-0.137.0.tgz",
+      "integrity": "sha512-ASgmlSimhGyr0lksgVIo6hibz1obnDq4qJbiMX/AzltfgPnanRrzG1Q+23g8ljOHOjv6dsznkUuCYL3gg0sY1Q==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@oxc-parser/binding-linux-arm-musleabihf": {
+      "version": "0.137.0",
+      "resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-arm-musleabihf/-/binding-linux-arm-musleabihf-0.137.0.tgz",
+      "integrity": "sha512-AU2J9aa22Sx32wRGnDjybOU9TQXXQUud5sdUi+ZB0XxwM8aToWLweV+yA0wlQm0yIUVqljquqoHCYEq9II8gJQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@oxc-parser/binding-linux-arm64-gnu": {
+      "version": "0.137.0",
+      "resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-0.137.0.tgz",
+      "integrity": "sha512-GdEtiG89yMr7XkUGxifgodXEEm2f+xW2f9CpDjlgAnBOwhTmrpQMvhOGobLVKUyzf/qHBXW16smk5zbF3nZU6w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "libc": [
+        "glibc"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@oxc-parser/binding-linux-arm64-musl": {
+      "version": "0.137.0",
+      "resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-arm64-musl/-/binding-linux-arm64-musl-0.137.0.tgz",
+      "integrity": "sha512-EGJ+Bs8iXx8KBH8DQ5BLoEm5lnHaYjlh4/8j8vFhrr/6z4tqONy5BZDzLpKmmNWlN6Hlc5r8YOuBVHqZ9vRFEQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "libc": [
+        "musl"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@oxc-parser/binding-linux-ppc64-gnu": {
+      "version": "0.137.0",
+      "resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-0.137.0.tgz",
+      "integrity": "sha512-vzFUQENy/fnbSe5DZWovq6tIBc1uhuMztanSW6rz1e9WdQE4gHwYuD7ZII6JnrJifd1R3RSoqiZbgRFlVL2tYQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "libc": [
+        "glibc"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@oxc-parser/binding-linux-riscv64-gnu": {
+      "version": "0.137.0",
+      "resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-riscv64-gnu/-/binding-linux-riscv64-gnu-0.137.0.tgz",
+      "integrity": "sha512-SfVI14HBQs9gtLcUD5hTt5hsNbdrqSUNg9S8muN+LhVQ5nf1WwH3hAoK6B9NKgdYgWAQSXFXGiiBedQ4r/BKuw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "libc": [
+        "glibc"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@oxc-parser/binding-linux-riscv64-musl": {
+      "version": "0.137.0",
+      "resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-riscv64-musl/-/binding-linux-riscv64-musl-0.137.0.tgz",
+      "integrity": "sha512-e7Ppy4FCIFNQxT/ikSeIWFoQ0l+N9vgtRBtLcyZXeolTzApyVoPqEXsYPrcdM/9i0Bwk8knvYd37vaEMxHyi6g==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "libc": [
+        "musl"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@oxc-parser/binding-linux-s390x-gnu": {
+      "version": "0.137.0",
+      "resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-0.137.0.tgz",
+      "integrity": "sha512-Bho5qFwdhqsIFR7gipYEUlqvi3SRrY8sugxXig380MIaakBB1PyU9+7dBiBVScfImTNWhijUxdBwqrprGdq5WA==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "libc": [
+        "glibc"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@oxc-parser/binding-linux-x64-gnu": {
+      "version": "0.137.0",
+      "resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-x64-gnu/-/binding-linux-x64-gnu-0.137.0.tgz",
+      "integrity": "sha512-36mGWtg7PyFzjJwGDkH6/F4o2nIDEoKXLPr/X/lwqklkomQwJJt1I5GJVmGhovUEmgPK5WAeAZMqlFCehwiy9Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "libc": [
+        "glibc"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@oxc-parser/binding-linux-x64-musl": {
+      "version": "0.137.0",
+      "resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-x64-musl/-/binding-linux-x64-musl-0.137.0.tgz",
+      "integrity": "sha512-/Jqx6+N7A44n2BdvUr7pXhVr2vFjs6WGH3unZRczwrfiH0H1zY0QwKQMG/dtRiTlKGDKGukznPT8lx84/oEsZg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "libc": [
+        "musl"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@oxc-parser/binding-openharmony-arm64": {
+      "version": "0.137.0",
+      "resolved": "https://registry.npmjs.org/@oxc-parser/binding-openharmony-arm64/-/binding-openharmony-arm64-0.137.0.tgz",
+      "integrity": "sha512-9Uj0qHNNl+OgT1UTGwF7ixIXU6T1u2SbMidmgPy/h1h/fl2gRS6YpAxxY1gwHofcWjoTwkoMFd8xs5Vuj6GOFA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@oxc-parser/binding-wasm32-wasi": {
+      "version": "0.137.0",
+      "resolved": "https://registry.npmjs.org/@oxc-parser/binding-wasm32-wasi/-/binding-wasm32-wasi-0.137.0.tgz",
+      "integrity": "sha512-gW2vfkytNGgMVADiuzdvOfw0mWG9za20F/1fCJsif5aBMAvWJTSbpIXbIe0XkOe0VENk+PadpQ7cZgUy2sUJcA==",
+      "cpu": [
+        "wasm32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "1.11.1",
+        "@emnapi/runtime": "1.11.1",
+        "@napi-rs/wasm-runtime": "^1.1.5"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@oxc-parser/binding-win32-arm64-msvc": {
+      "version": "0.137.0",
+      "resolved": "https://registry.npmjs.org/@oxc-parser/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-0.137.0.tgz",
+      "integrity": "sha512-x+pFANF0yL5uK/6T7lu6SlR5qid6sp//eZXKLq5iNsIE+EQg6EaS8/wsW7E91nXXjpnPhSoMOHXShSVhGRdn8w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@oxc-parser/binding-win32-ia32-msvc": {
+      "version": "0.137.0",
+      "resolved": "https://registry.npmjs.org/@oxc-parser/binding-win32-ia32-msvc/-/binding-win32-ia32-msvc-0.137.0.tgz",
+      "integrity": "sha512-sQUqym80PFi6McRsIqfJrSu2JrSClEZIXXD+/FjAFoULEKzOPsldIdFBG96xdX8aVMzCNQ9792FPx3MfkEIrFA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@oxc-parser/binding-win32-x64-msvc": {
+      "version": "0.137.0",
+      "resolved": "https://registry.npmjs.org/@oxc-parser/binding-win32-x64-msvc/-/binding-win32-x64-msvc-0.137.0.tgz",
+      "integrity": "sha512-2AsevxlvNN4WKxpEn3RtqD5zbqMaXF+T7JXblsP4gVuY+vC9dXS4ED/PwfRCliFqoeisYS3Iro4DHzxr0TEvVA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@oxc-project/types": {
+      "version": "0.137.0",
+      "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.137.0.tgz",
+      "integrity": "sha512-WT+Gb24i8hmvo85AIv2oEYouEXkRlKAlT9WaCa3TfLgNCN+GhrJOGZuIlMouAh38Qe4QOx26eUOVsq70qXrywA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/Boshen"
+      }
+    },
+    "node_modules/@oxc-resolver/binding-android-arm-eabi": {
+      "version": "11.21.3",
+      "resolved": "https://registry.npmjs.org/@oxc-resolver/binding-android-arm-eabi/-/binding-android-arm-eabi-11.21.3.tgz",
+      "integrity": "sha512-eNU11A2WNizh04v3uyaJCootrHIaS0B9aHYXvAvVnPNk4xYSjMUjHnhQ6dewPN2MRYDskV85d1N0Aw0WNWhcyg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@oxc-resolver/binding-android-arm64": {
+      "version": "11.21.3",
+      "resolved": "https://registry.npmjs.org/@oxc-resolver/binding-android-arm64/-/binding-android-arm64-11.21.3.tgz",
+      "integrity": "sha512-8Q+ZjTLvn2dIcWsrmhdrEihm7q+ag/k+mkry7Z+t0QbbHaVxXQfvH9AewyVMh/WrpEKhQ3DDgx9fYbqeCpeOEw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@oxc-resolver/binding-darwin-arm64": {
+      "version": "11.21.3",
+      "resolved": "https://registry.npmjs.org/@oxc-resolver/binding-darwin-arm64/-/binding-darwin-arm64-11.21.3.tgz",
+      "integrity": "sha512-wkh0qKZGHXVUDxFw3oA1TXnU2BDYY/r775oJflGeIr8uDPPoN2pk8gijQIzYRT6hoql/lg3+Tx/SaTn9e2/aGg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@oxc-resolver/binding-darwin-x64": {
+      "version": "11.21.3",
+      "resolved": "https://registry.npmjs.org/@oxc-resolver/binding-darwin-x64/-/binding-darwin-x64-11.21.3.tgz",
+      "integrity": "sha512-HbNc23FAQYbuyDV2vBWMez4u4mrsm5RAkniGZAWqr6lYZ3N4beeqIb776jzwRl8qL2zRhHVXpUj97X0QgogVzg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@oxc-resolver/binding-freebsd-x64": {
+      "version": "11.21.3",
+      "resolved": "https://registry.npmjs.org/@oxc-resolver/binding-freebsd-x64/-/binding-freebsd-x64-11.21.3.tgz",
+      "integrity": "sha512-K6xNsTUPEUdfrn0+kbMq5nOUB5w1C5pavPQngt4TM2FpN91lP0PBe2srSpamb4d69O7h86oAi/qWX/kZNRSjkw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@oxc-resolver/binding-linux-arm-gnueabihf": {
+      "version": "11.21.3",
+      "resolved": "https://registry.npmjs.org/@oxc-resolver/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-11.21.3.tgz",
+      "integrity": "sha512-VcFmOpcpWX1zoEy8M58tR2M9YxM+Z9RuQhqAx5q0CTmrruaP7Gveejg75hzd/5sg5nk9G3aLALEa3hE2FsmmTQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@oxc-resolver/binding-linux-arm-musleabihf": {
+      "version": "11.21.3",
+      "resolved": "https://registry.npmjs.org/@oxc-resolver/binding-linux-arm-musleabihf/-/binding-linux-arm-musleabihf-11.21.3.tgz",
+      "integrity": "sha512-quVoxFLBy43hWaQbbDtQNRwAX5vX76mv7n64icAtQcJ3eNgVeblqmkupF/hAneNthdqSlnd1sTjb3aQSaDPaCQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@oxc-resolver/binding-linux-arm64-gnu": {
+      "version": "11.21.3",
+      "resolved": "https://registry.npmjs.org/@oxc-resolver/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-11.21.3.tgz",
+      "integrity": "sha512-X0AqNZgcD07Q4V3RDK18/vYOj/HQT/FnmEFGYS2jTWqY7JO13ryE3TEs3eAIgUJhBnNkpEaiXqz3VK8M7qQhWQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "libc": [
+        "glibc"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@oxc-resolver/binding-linux-arm64-musl": {
+      "version": "11.21.3",
+      "resolved": "https://registry.npmjs.org/@oxc-resolver/binding-linux-arm64-musl/-/binding-linux-arm64-musl-11.21.3.tgz",
+      "integrity": "sha512-YkaQnaKYdbuaXvRt5Qd0GpbihzVnyfR6z1SpYfIUC6RTu4NF7lDKPjVkYb+jRI2gedVO2rVpN35Y6akG6ud4Lw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "libc": [
+        "musl"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@oxc-resolver/binding-linux-ppc64-gnu": {
+      "version": "11.21.3",
+      "resolved": "https://registry.npmjs.org/@oxc-resolver/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-11.21.3.tgz",
+      "integrity": "sha512-gB9HwhrPiFqUzDeEq+y/CgAijz1YdI6BnXz5GaH2Pa9cWdutchlkGFAiAuGb/PjVQpiK6NFKzFuztxrweoit7A==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "libc": [
+        "glibc"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@oxc-resolver/binding-linux-riscv64-gnu": {
+      "version": "11.21.3",
+      "resolved": "https://registry.npmjs.org/@oxc-resolver/binding-linux-riscv64-gnu/-/binding-linux-riscv64-gnu-11.21.3.tgz",
+      "integrity": "sha512-zjDWBlYk8QGv0H8dsPUWqkfjYIIjG2TvspGkzXL0eImbgxtZorA/klKeHyolevoT3Kvbi+1iMr9Lhrh7jf54Og==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "libc": [
+        "glibc"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@oxc-resolver/binding-linux-riscv64-musl": {
+      "version": "11.21.3",
+      "resolved": "https://registry.npmjs.org/@oxc-resolver/binding-linux-riscv64-musl/-/binding-linux-riscv64-musl-11.21.3.tgz",
+      "integrity": "sha512-4UfsQvacV388y1zpXL7C1x1FNYaV52JtuNRiuzrfQA2z1z6ElVrsidkGsrvQ5EgeSq1Pj7kaKqrgGkvFuxJ/tw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "libc": [
+        "musl"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@oxc-resolver/binding-linux-s390x-gnu": {
+      "version": "11.21.3",
+      "resolved": "https://registry.npmjs.org/@oxc-resolver/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-11.21.3.tgz",
+      "integrity": "sha512-b5uH+HKH0MP5mNBYaK75SKsJbw52URqrx2LavYdq6wb0l3ExAG5niYRP9DWUNHdKilpaBVM2bXk9HNWrH3ew7Q==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "libc": [
+        "glibc"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@oxc-resolver/binding-linux-x64-gnu": {
+      "version": "11.21.3",
+      "resolved": "https://registry.npmjs.org/@oxc-resolver/binding-linux-x64-gnu/-/binding-linux-x64-gnu-11.21.3.tgz",
+      "integrity": "sha512-PjYlmilBpNRh2ntXNYAK3Am5w/nPfEpnU/96iNx7CI8EzAn12J4JRiec63wHJTH31nLoCNxBg/829pN+3CfG3Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "libc": [
+        "glibc"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@oxc-resolver/binding-linux-x64-musl": {
+      "version": "11.21.3",
+      "resolved": "https://registry.npmjs.org/@oxc-resolver/binding-linux-x64-musl/-/binding-linux-x64-musl-11.21.3.tgz",
+      "integrity": "sha512-QTBAb7JuHlZ7JUEyM8UiQi2f7m/L4swBhP2TNpYIDc9Wp/wRw1G/8sl6i13aIzQAXH7LKIm294LeOHd0lQR8zA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "libc": [
+        "musl"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@oxc-resolver/binding-openharmony-arm64": {
+      "version": "11.21.3",
+      "resolved": "https://registry.npmjs.org/@oxc-resolver/binding-openharmony-arm64/-/binding-openharmony-arm64-11.21.3.tgz",
+      "integrity": "sha512-4j1DFwjwv36ec9kds0jU/ucQ5Ha4ERO/H95BxR5JFf0kqUUAJ1kwII7XhTc1vZrkdJkvLGC9Q2MbpObpum8RBg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ]
+    },
+    "node_modules/@oxc-resolver/binding-wasm32-wasi": {
+      "version": "11.21.3",
+      "resolved": "https://registry.npmjs.org/@oxc-resolver/binding-wasm32-wasi/-/binding-wasm32-wasi-11.21.3.tgz",
+      "integrity": "sha512-i8oluoel5kru/j1WNrjmQSiA3GQ7wvIYVR1IwIoZtKogAhya2iub+ZKIeSIkcJOrnzQ18Tzl/F+kL3fYOxZLvA==",
+      "cpu": [
+        "wasm32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "1.11.0",
+        "@emnapi/runtime": "1.11.0",
+        "@napi-rs/wasm-runtime": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@oxc-resolver/binding-wasm32-wasi/node_modules/@emnapi/core": {
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.11.0.tgz",
+      "integrity": "sha512-l9Oo58x0HOP5znGzVhYW9U3e5wVuA4LAZU2AGezTmkhO1CgQRFDhDg4nneHsu/t3WniXg9QrG2nIXL/ZS8ln8Q==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/wasi-threads": "1.2.2",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@oxc-resolver/binding-wasm32-wasi/node_modules/@emnapi/runtime": {
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.11.0.tgz",
+      "integrity": "sha512-55coeOFKHv1ywEcUXJtWU5f+Jr/W5tZDvZig8DLKSwUN1JpROQ4rk/SNOQiFWmaR/VKF4zuFyW1B8JduOSv6Pg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@oxc-resolver/binding-win32-arm64-msvc": {
+      "version": "11.21.3",
+      "resolved": "https://registry.npmjs.org/@oxc-resolver/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-11.21.3.tgz",
+      "integrity": "sha512-M/8dw8dD6aOs+NlPJax401CZB9I7Aut84isQLgALGGwke4Afvw+/7yYhZb94yXf6t2sPLhQLmSmtSV+2FhsOWg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@oxc-resolver/binding-win32-x64-msvc": {
+      "version": "11.21.3",
+      "resolved": "https://registry.npmjs.org/@oxc-resolver/binding-win32-x64-msvc/-/binding-win32-x64-msvc-11.21.3.tgz",
+      "integrity": "sha512-H7BCt/VnS9hnmMp42eGhZ99izSCRvlnWwy/N71K1/J8QoExwY4262Z8QiEkMDtduRJrztayDxETTckmUuAVL9Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
     "node_modules/@playwright/test": {
       "version": "1.61.1",
       "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.61.1.tgz",
@@ -813,31 +1563,6 @@
         "node": ">=18"
       }
     },
-    "node_modules/@puppeteer/browsers": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/@puppeteer/browsers/-/browsers-3.0.5.tgz",
-      "integrity": "sha512-xYXNuEQmHNIPWWcbL/skf2KF7seyp7c1xmKFRk3wmdFx7VwBsKVrtOLKs8ecaezsKPsWeF1YsgwIiElAscaryA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "modern-tar": "^0.7.6",
-        "yargs": "^18.0.0"
-      },
-      "bin": {
-        "browsers": "lib/main-cli.js"
-      },
-      "engines": {
-        "node": ">=22.12.0"
-      },
-      "peerDependencies": {
-        "proxy-agent": ">=8.0.1"
-      },
-      "peerDependenciesMeta": {
-        "proxy-agent": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@redocly/ajv": {
       "version": "8.11.2",
       "resolved": "https://registry.npmjs.org/@redocly/ajv/-/ajv-8.11.2.tgz",
@@ -1250,6 +1975,50 @@
         "win32"
       ]
     },
+    "node_modules/@tanstack/react-table": {
+      "version": "8.21.3",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-table/-/react-table-8.21.3.tgz",
+      "integrity": "sha512-5nNMTSETP4ykGegmVkhjcS8tTLW6Vl4axfEGQN3v0zdHYbK4UfoqfPChclTrJ4EoK9QynqAu9oUf8VEmrpZ5Ww==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/table-core": "8.21.3"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "react": ">=16.8",
+        "react-dom": ">=16.8"
+      }
+    },
+    "node_modules/@tanstack/table-core": {
+      "version": "8.21.3",
+      "resolved": "https://registry.npmjs.org/@tanstack/table-core/-/table-core-8.21.3.tgz",
+      "integrity": "sha512-ldZXEhOBb8Is7xLs01fR3YEc3DERiz5silj8tnGkFZytt1abEvl/GhUmCE0PMLaMPTa3Jk4HbKmRlHmu+gCftg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tybys/wasm-util": {
+      "version": "0.10.3",
+      "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.3.tgz",
+      "integrity": "sha512-F3fo1MYrRJYL3zER0OUOmkutjr1Vp23m7OsSgp7nq4SP6OqX6C/56XFIPAl5bt3zaBRjmW7SGz3u/6LwFpYcOg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
     "node_modules/@types/babel__core": {
       "version": "7.20.5",
       "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
@@ -1363,32 +2132,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/ansi-regex": {
-      "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
-      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-      }
-    },
-    "node_modules/ansi-styles": {
-      "version": "6.2.3",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
-      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
     "node_modules/argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
@@ -1488,38 +2231,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/chromium-bidi": {
-      "version": "16.0.1",
-      "resolved": "https://registry.npmjs.org/chromium-bidi/-/chromium-bidi-16.0.1.tgz",
-      "integrity": "sha512-J63PGu/9PpeCwLIcKYyzWP6yaVL5pxuBc0shlYCYM8BaAkmlwiQboXO1iNbOgSDbVklEyYFfNEcHD8oOAWacUA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "mitt": "^3.0.1",
-        "zod": "^3.24.1"
-      },
-      "engines": {
-        "node": ">=20.19.0 <22.0.0 || >=22.12.0"
-      },
-      "peerDependencies": {
-        "devtools-protocol": "*"
-      }
-    },
-    "node_modules/cliui": {
-      "version": "9.0.1",
-      "resolved": "https://registry.npmjs.org/cliui/-/cliui-9.0.1.tgz",
-      "integrity": "sha512-k7ndgKhwoQveBL+/1tqGJYNz097I7WOvwbmmU2AR5+magtbjPWQTS1C5vzGkBC8Ym8UWRzfKUzUUqFLypY4Q+w==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "string-width": "^7.2.0",
-        "strip-ansi": "^7.1.0",
-        "wrap-ansi": "^9.0.0"
-      },
-      "engines": {
-        "node": ">=20"
-      }
-    },
     "node_modules/colorette": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/colorette/-/colorette-1.4.0.tgz",
@@ -1559,13 +2270,6 @@
         }
       }
     },
-    "node_modules/devtools-protocol": {
-      "version": "0.0.1638949",
-      "resolved": "https://registry.npmjs.org/devtools-protocol/-/devtools-protocol-0.0.1638949.tgz",
-      "integrity": "sha512-mXwg4Fqnv0WR4iuAT/gYUmctNkjILwXFHyZ+m7Ty1dfr0ezZt2U3gnrrJTfRobJTHoXf+IbuFvFITzLrLFjwJA==",
-      "dev": true,
-      "license": "BSD-3-Clause"
-    },
     "node_modules/electron-to-chromium": {
       "version": "1.5.378",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.378.tgz",
@@ -1573,13 +2277,6 @@
       "dev": true,
       "license": "ISC"
     },
-    "node_modules/emoji-regex": {
-      "version": "10.6.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz",
-      "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/esbuild": {
       "version": "0.25.12",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.12.tgz",
@@ -1639,6 +2336,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/fd-package-json": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/fd-package-json/-/fd-package-json-2.0.0.tgz",
+      "integrity": "sha512-jKmm9YtsNXN789RS/0mSzOC1NUq9mkVd65vbSSVsKdjGvYXBuE4oWe2QOEoFeRmJg+lPuZxpmrfFclNhoRMneQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "walk-up-path": "^4.0.0"
+      }
+    },
     "node_modules/fdir": {
       "version": "6.5.0",
       "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
@@ -1657,6 +2364,22 @@
         }
       }
     },
+    "node_modules/formatly": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/formatly/-/formatly-0.3.0.tgz",
+      "integrity": "sha512-9XNj/o4wrRFyhSMJOvsuyMwy8aUfBaZ1VrqHVfohyXf0Sw0e+yfKG+xZaY3arGCOMdwFsqObtzVOc1gU9KiT9w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fd-package-json": "^2.0.0"
+      },
+      "bin": {
+        "formatly": "bin/index.mjs"
+      },
+      "engines": {
+        "node": ">=18.3.0"
+      }
+    },
     "node_modules/fsevents": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
@@ -1682,27 +2405,17 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/get-caller-file": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
-      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": "6.* || 8.* || >= 10.*"
-      }
-    },
-    "node_modules/get-east-asian-width": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.6.0.tgz",
-      "integrity": "sha512-QRbvDIbx6YklUe6RxeTeleMR0yv3cYH6PsPZHcnVn7xv7zO1BHN8r0XETu8n6Ye3Q+ahtSarc3WgtNWmehIBfA==",
+    "node_modules/get-tsconfig": {
+      "version": "4.14.0",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.14.0.tgz",
+      "integrity": "sha512-yTb+8DXzDREzgvYmh6s9vHsSVCHeC0G3PI5bEXNBHtmshPnO+S5O7qgLEOn0I5QvMy6kpZN8K1NKGyilLb93wA==",
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">=18"
+      "dependencies": {
+        "resolve-pkg-maps": "^1.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
       }
     },
     "node_modules/https-proxy-agent": {
@@ -1732,6 +2445,16 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/jiti": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.7.0.tgz",
+      "integrity": "sha512-AC/7JofJvZGrrneWNaEnJeOLUx+JlGt7tNa0wZiRPT4MY1wmfKjt2+6O2p2uz2+skll8OZZmJMNqeke7kKbNgQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jiti": "lib/jiti-cli.mjs"
+      }
+    },
     "node_modules/js-levenshtein": {
       "version": "1.1.6",
       "resolved": "https://registry.npmjs.org/js-levenshtein/-/js-levenshtein-1.1.6.tgz",
@@ -1772,6 +2495,120 @@
         "js-yaml": "bin/js-yaml.js"
       }
     },
+    "node_modules/jscpd": {
+      "version": "5.0.12",
+      "resolved": "https://registry.npmjs.org/jscpd/-/jscpd-5.0.12.tgz",
+      "integrity": "sha512-87dC+akj2mCywlt8p3xnRlDg0B55u4GDbfE9cuwOOeIxbEuWuIoNqGoYi65A0516aJ4EzAjGwBj1Qb/Ahc8WAQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jscpd": "run-jscpd.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "jscpd-darwin-arm64": "5.0.12",
+        "jscpd-darwin-x64": "5.0.12",
+        "jscpd-linux-arm64-gnu": "5.0.12",
+        "jscpd-linux-x64-gnu": "5.0.12",
+        "jscpd-linux-x64-musl": "5.0.12",
+        "jscpd-windows-x64-msvc": "5.0.12"
+      }
+    },
+    "node_modules/jscpd-darwin-arm64": {
+      "version": "5.0.12",
+      "resolved": "https://registry.npmjs.org/jscpd-darwin-arm64/-/jscpd-darwin-arm64-5.0.12.tgz",
+      "integrity": "sha512-CQCDYhQY9yOGGeauzkRGYW/QtXurPCjfDkEhUoM/M5UdmpzxfG3i9mnNsaheJ0RdFRf73mL7JaLVRP8U2l5/kA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/jscpd-darwin-x64": {
+      "version": "5.0.12",
+      "resolved": "https://registry.npmjs.org/jscpd-darwin-x64/-/jscpd-darwin-x64-5.0.12.tgz",
+      "integrity": "sha512-7XNCDfChP9fPkIWLepd0zGnTov7/5mR7rJ5Utc1MdWFdgkN//qz6FAJ1FhQA0E/qjFedy9XTucfUCgLybSBsjw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/jscpd-linux-arm64-gnu": {
+      "version": "5.0.12",
+      "resolved": "https://registry.npmjs.org/jscpd-linux-arm64-gnu/-/jscpd-linux-arm64-gnu-5.0.12.tgz",
+      "integrity": "sha512-i/usHD0/8twzb2Qo4vFWcnuAD4IDLS6K/mTXwYy1CiJZDw4gmjfH45jtjdKUyoutTAiNs+ZWZgx1gIRljUbFuA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "libc": [
+        "glibc"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/jscpd-linux-x64-gnu": {
+      "version": "5.0.12",
+      "resolved": "https://registry.npmjs.org/jscpd-linux-x64-gnu/-/jscpd-linux-x64-gnu-5.0.12.tgz",
+      "integrity": "sha512-TqaeSTaGawcqyXSrQvYJFtLRn4aQeHgphGGsq2ZtVAg+lPeuMmh81c3bl0yi2dL3gDX1RGBQKBVul1XQknOuoA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "libc": [
+        "glibc"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/jscpd-linux-x64-musl": {
+      "version": "5.0.12",
+      "resolved": "https://registry.npmjs.org/jscpd-linux-x64-musl/-/jscpd-linux-x64-musl-5.0.12.tgz",
+      "integrity": "sha512-WelugY1/rdoo0Y0sqJ2XQOIvyIZTfRe+vP3MJe4XvEUwPF0v+9SQoS34FnfblRhsddVixyNkgl7x/sHid9UMJw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "libc": [
+        "musl"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/jscpd-windows-x64-msvc": {
+      "version": "5.0.12",
+      "resolved": "https://registry.npmjs.org/jscpd-windows-x64-msvc/-/jscpd-windows-x64-msvc-5.0.12.tgz",
+      "integrity": "sha512-01x1klKjvfzI6Of5tI9u72x7TIQZQLLG6kMdsEPJKl/BXbskdknrfCepeTXRBbdFPKs25jfcd0klZ4OdDvww5w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
     "node_modules/jsesc": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
@@ -1805,6 +2642,55 @@
         "node": ">=6"
       }
     },
+    "node_modules/knip": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npmjs.org/knip/-/knip-6.26.0.tgz",
+      "integrity": "sha512-e9eELEEpBpGTd4H4HB7818/DYj9dMzMyUqAddfYwUN/EbSkgIjOuWEF96W/xHsmV0SDrsdXjIM+oZ2xpPzPsBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/webpro"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/knip"
+        }
+      ],
+      "license": "ISC",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "formatly": "^0.3.0",
+        "get-tsconfig": "4.14.0",
+        "jiti": "^2.7.0",
+        "oxc-parser": "^0.137.0",
+        "oxc-resolver": "11.21.3",
+        "picomatch": "^4.0.4",
+        "smol-toml": "^1.6.1",
+        "strip-json-comments": "5.0.3",
+        "tinyglobby": "^0.2.17",
+        "unbash": "^4.0.1",
+        "yaml": "^2.9.0",
+        "zod": "^4.1.11"
+      },
+      "bin": {
+        "knip": "bin/knip.js",
+        "knip-bun": "bin/knip-bun.js"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/knip/node_modules/zod": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-4.4.3.tgz",
+      "integrity": "sha512-ytENFjIJFl2UwYglde2jchW2Hwm4GJFLDiSXWdTrJQBIN9Fcyp7n4DhxJEiWNAJMV1/BqWfW/kkg71UDcHJyTQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    },
     "node_modules/lru-cache": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
@@ -1828,23 +2714,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/mitt": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz",
-      "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/modern-tar": {
-      "version": "0.7.6",
-      "resolved": "https://registry.npmjs.org/modern-tar/-/modern-tar-0.7.6.tgz",
-      "integrity": "sha512-sweCIVXzx1aIGTCdzcMlSZt1h8k5Tmk08VNAuRk3IU28XamGiOH5ypi11g6De2CH7PhYqSSnGy2A/EFhbWnVKg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=18.0.0"
-      }
-    },
     "node_modules/ms": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
@@ -1912,6 +2781,75 @@
         "node": ">=12"
       }
     },
+    "node_modules/oxc-parser": {
+      "version": "0.137.0",
+      "resolved": "https://registry.npmjs.org/oxc-parser/-/oxc-parser-0.137.0.tgz",
+      "integrity": "sha512-yFImD+WLElJpLKy8llG1qe4DCmMsL18peRp8XP1JKfig/gISbJkglnpDtX2aTmAn10kZF7164HbN2H8QPsXxGg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@oxc-project/types": "^0.137.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/Boshen"
+      },
+      "optionalDependencies": {
+        "@oxc-parser/binding-android-arm-eabi": "0.137.0",
+        "@oxc-parser/binding-android-arm64": "0.137.0",
+        "@oxc-parser/binding-darwin-arm64": "0.137.0",
+        "@oxc-parser/binding-darwin-x64": "0.137.0",
+        "@oxc-parser/binding-freebsd-x64": "0.137.0",
+        "@oxc-parser/binding-linux-arm-gnueabihf": "0.137.0",
+        "@oxc-parser/binding-linux-arm-musleabihf": "0.137.0",
+        "@oxc-parser/binding-linux-arm64-gnu": "0.137.0",
+        "@oxc-parser/binding-linux-arm64-musl": "0.137.0",
+        "@oxc-parser/binding-linux-ppc64-gnu": "0.137.0",
+        "@oxc-parser/binding-linux-riscv64-gnu": "0.137.0",
+        "@oxc-parser/binding-linux-riscv64-musl": "0.137.0",
+        "@oxc-parser/binding-linux-s390x-gnu": "0.137.0",
+        "@oxc-parser/binding-linux-x64-gnu": "0.137.0",
+        "@oxc-parser/binding-linux-x64-musl": "0.137.0",
+        "@oxc-parser/binding-openharmony-arm64": "0.137.0",
+        "@oxc-parser/binding-wasm32-wasi": "0.137.0",
+        "@oxc-parser/binding-win32-arm64-msvc": "0.137.0",
+        "@oxc-parser/binding-win32-ia32-msvc": "0.137.0",
+        "@oxc-parser/binding-win32-x64-msvc": "0.137.0"
+      }
+    },
+    "node_modules/oxc-resolver": {
+      "version": "11.21.3",
+      "resolved": "https://registry.npmjs.org/oxc-resolver/-/oxc-resolver-11.21.3.tgz",
+      "integrity": "sha512-2Mx3fKQz7+xgrBONjsxOgCGtMHOn38/HxMzW1I5efwXB5a4lRN0Vp40gYUJFBWJslcrvwoofTrqoTnLbwTd3pA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/Boshen"
+      },
+      "optionalDependencies": {
+        "@oxc-resolver/binding-android-arm-eabi": "11.21.3",
+        "@oxc-resolver/binding-android-arm64": "11.21.3",
+        "@oxc-resolver/binding-darwin-arm64": "11.21.3",
+        "@oxc-resolver/binding-darwin-x64": "11.21.3",
+        "@oxc-resolver/binding-freebsd-x64": "11.21.3",
+        "@oxc-resolver/binding-linux-arm-gnueabihf": "11.21.3",
+        "@oxc-resolver/binding-linux-arm-musleabihf": "11.21.3",
+        "@oxc-resolver/binding-linux-arm64-gnu": "11.21.3",
+        "@oxc-resolver/binding-linux-arm64-musl": "11.21.3",
+        "@oxc-resolver/binding-linux-ppc64-gnu": "11.21.3",
+        "@oxc-resolver/binding-linux-riscv64-gnu": "11.21.3",
+        "@oxc-resolver/binding-linux-riscv64-musl": "11.21.3",
+        "@oxc-resolver/binding-linux-s390x-gnu": "11.21.3",
+        "@oxc-resolver/binding-linux-x64-gnu": "11.21.3",
+        "@oxc-resolver/binding-linux-x64-musl": "11.21.3",
+        "@oxc-resolver/binding-openharmony-arm64": "11.21.3",
+        "@oxc-resolver/binding-wasm32-wasi": "11.21.3",
+        "@oxc-resolver/binding-win32-arm64-msvc": "11.21.3",
+        "@oxc-resolver/binding-win32-x64-msvc": "11.21.3"
+      }
+    },
     "node_modules/parse-json": {
       "version": "8.3.0",
       "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-8.3.0.tgz",
@@ -2036,24 +2974,6 @@
         "node": "^10 || ^12 || >=14"
       }
     },
-    "node_modules/puppeteer-core": {
-      "version": "25.2.1",
-      "resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-25.2.1.tgz",
-      "integrity": "sha512-MwEZ4FFGJ1ZLOmu/04eISxoEMKtCnHyJBRFfgpwPPSYNG6gT6Xw1laNziFSV7uwDcx3jK+ATYIo9SfOd8Uhc3w==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@puppeteer/browsers": "3.0.5",
-        "chromium-bidi": "16.0.1",
-        "devtools-protocol": "0.0.1638949",
-        "typed-query-selector": "^2.12.2",
-        "webdriver-bidi-protocol": "0.4.2",
-        "ws": "^8.21.0"
-      },
-      "engines": {
-        "node": ">=22.12.0"
-      }
-    },
     "node_modules/react": {
       "version": "19.2.7",
       "resolved": "https://registry.npmjs.org/react/-/react-19.2.7.tgz",
@@ -2127,6 +3047,16 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/resolve-pkg-maps": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+      }
+    },
     "node_modules/rollup": {
       "version": "4.62.2",
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.62.2.tgz",
@@ -2188,6 +3118,19 @@
         "semver": "bin/semver.js"
       }
     },
+    "node_modules/smol-toml": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/smol-toml/-/smol-toml-1.7.0.tgz",
+      "integrity": "sha512-aqVvWoyO21L23mb+drl4RmMXbf6N7FdHjAhTRA9ZBL7apWBgfWC16KjrASI+1p9GAroljyMHj6fK67i0UiTNvQ==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">= 18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/cyyynthia"
+      }
+    },
     "node_modules/source-map-js": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
@@ -2198,40 +3141,19 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/string-width": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
-      "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
+    "node_modules/strip-json-comments": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-5.0.3.tgz",
+      "integrity": "sha512-1tB5mhVo7U+ETBKNf92xT4hrQa3pm0MZ0PQvuDnWgAAGHDsfp4lPSpiS6psrSiet87wyGPh9ft6wmhOMQ0hDiw==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^10.3.0",
-        "get-east-asian-width": "^1.0.0",
-        "strip-ansi": "^7.1.0"
-      },
       "engines": {
-        "node": ">=18"
+        "node": ">=14.16"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/strip-ansi": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.2.0.tgz",
-      "integrity": "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^6.2.2"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-      }
-    },
     "node_modules/supports-color": {
       "version": "10.2.2",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-10.2.2.tgz",
@@ -2262,6 +3184,14 @@
         "url": "https://github.com/sponsors/SuperchupuDev"
       }
     },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "dev": true,
+      "license": "0BSD",
+      "optional": true
+    },
     "node_modules/type-fest": {
       "version": "4.41.0",
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.41.0.tgz",
@@ -2275,13 +3205,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/typed-query-selector": {
-      "version": "2.12.2",
-      "resolved": "https://registry.npmjs.org/typed-query-selector/-/typed-query-selector-2.12.2.tgz",
-      "integrity": "sha512-EOPFbyIub4ngnEdqi2yOcNeDLaX/0jcE1JoAXQDDMIthap7FoN795lc/SHfIq2d416VufXpM8z/lD+WRm2gfOQ==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/typescript": {
       "version": "5.9.3",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
@@ -2296,6 +3219,16 @@
         "node": ">=14.17"
       }
     },
+    "node_modules/unbash": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/unbash/-/unbash-4.0.3.tgz",
+      "integrity": "sha512-3cudTErfToSc4Ggv8XGXVNVli/xHKUtUZvaY5UVwhOcUPbQGz7PeaEnT/SAVgNziZtX67KEN9swMUYkLghxA1w==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=14"
+      }
+    },
     "node_modules/update-browserslist-db": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
@@ -2409,61 +3342,14 @@
         }
       }
     },
-    "node_modules/webdriver-bidi-protocol": {
-      "version": "0.4.2",
-      "resolved": "https://registry.npmjs.org/webdriver-bidi-protocol/-/webdriver-bidi-protocol-0.4.2.tgz",
-      "integrity": "sha512-VSV+fzfChirL3e7jay2yUC7B4HQCGtEWEg/MSSQbK+qWbqeGlRLlXTzPpYr3XGUvbpDHumWZBJxgesg4N7dbtA==",
-      "dev": true,
-      "license": "Apache-2.0"
-    },
-    "node_modules/wrap-ansi": {
-      "version": "9.0.2",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.2.tgz",
-      "integrity": "sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^6.2.1",
-        "string-width": "^7.0.0",
-        "strip-ansi": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
-    "node_modules/ws": {
-      "version": "8.21.0",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.21.0.tgz",
-      "integrity": "sha512-Vsp28b7DRcimFQvrqu2Wek3z1iYxDCWqHYB8Qsnk/S4RfaCQzPGPyBNuVjJV3cd6UiKtUtp6sNM77gWvzcCH+g==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=10.0.0"
-      },
-      "peerDependencies": {
-        "bufferutil": "^4.0.1",
-        "utf-8-validate": ">=5.0.2"
-      },
-      "peerDependenciesMeta": {
-        "bufferutil": {
-          "optional": true
-        },
-        "utf-8-validate": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/y18n": {
-      "version": "5.0.8",
-      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
-      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+    "node_modules/walk-up-path": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/walk-up-path/-/walk-up-path-4.0.0.tgz",
+      "integrity": "sha512-3hu+tD8YzSLGuFYtPRb48vdhKMi0KQV5sn+uWr8+7dMEq/2G/dtLrdDinkLjqq5TIbIBjYJ4Ax/n3YiaW7QM8A==",
       "dev": true,
       "license": "ISC",
       "engines": {
-        "node": ">=10"
+        "node": "20 || >=22"
       }
     },
     "node_modules/yallist": {
@@ -2473,50 +3359,28 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/yaml": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.9.0.tgz",
+      "integrity": "sha512-2AvhNX3mb8zd6Zy7INTtSpl1F15HW6Wnqj0srWlkKLcpYl/gMIMJiyuGq2KeI2YFxUPjdlB+3Lc10seMLtL4cA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "yaml": "bin.mjs"
+      },
+      "engines": {
+        "node": ">= 14.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/eemeli"
+      }
+    },
     "node_modules/yaml-ast-parser": {
       "version": "0.0.43",
       "resolved": "https://registry.npmjs.org/yaml-ast-parser/-/yaml-ast-parser-0.0.43.tgz",
       "integrity": "sha512-2PTINUwsRqSd+s8XxKaJWQlUuEMHJQyEuh2edBbW8KNJz0SJPwUSD2zRWqezFEdN7IzAgeuYHFUCF7o8zRdZ0A==",
       "dev": true,
       "license": "Apache-2.0"
-    },
-    "node_modules/yargs": {
-      "version": "18.0.0",
-      "resolved": "https://registry.npmjs.org/yargs/-/yargs-18.0.0.tgz",
-      "integrity": "sha512-4UEqdc2RYGHZc7Doyqkrqiln3p9X2DZVxaGbwhn2pi7MrRagKaOcIKe8L3OxYcbhXLgLFUS3zAYuQjKBQgmuNg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "cliui": "^9.0.1",
-        "escalade": "^3.1.1",
-        "get-caller-file": "^2.0.5",
-        "string-width": "^7.2.0",
-        "y18n": "^5.0.5",
-        "yargs-parser": "^22.0.0"
-      },
-      "engines": {
-        "node": "^20.19.0 || ^22.12.0 || >=23"
-      }
-    },
-    "node_modules/yargs-parser": {
-      "version": "22.0.0",
-      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-22.0.0.tgz",
-      "integrity": "sha512-rwu/ClNdSMpkSrUb+d6BRsSkLUq1fmfsY6TOpYzTwvwkg1/NRG85KBy3kq++A8LKQwX6lsu+aWad+2khvuXrqw==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": "^20.19.0 || ^22.12.0 || >=23"
-      }
-    },
-    "node_modules/zod": {
-      "version": "3.25.76",
-      "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
-      "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
-      "dev": true,
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/colinhacks"
-      }
     }
   }
 }
diff --git a/apps/web/package.json b/apps/web/package.json
index bb8fa7d..236fab4 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -10,15 +10,22 @@
     "generate:api-types": "node scripts/generate-api-types.mjs",
     "check:api-types": "node scripts/generate-api-types.mjs --check",
     "check:preview-hosts": "node scripts/check-preview-hosts.mjs",
+    "check:design-ssot": "node scripts/check-design-ssot.mjs",
+    "check:dead-code": "knip --include files,dependencies,unlisted,unresolved,binaries --treat-config-hints-as-errors",
+    "check:duplication": "jscpd src ../api/app --min-lines 8 --min-tokens 80 --ignore **/test_*.py,**/*_test.py,**/api.gen.ts,**/*.css,**/*.d.ts --threshold 0.05 --reporters console,threshold --no-tips",
     "generate:live2d-assets": "node scripts/generate-live2d-assets.mjs",
     "preview": "vite preview",
     "typecheck": "tsc -b",
     "lint": "tsc -b",
-    "e2e": "playwright test",
+    "e2e": "node scripts/run-e2e.mjs",
+    "e2e:list": "node scripts/run-e2e.mjs --list",
+    "e2e:parallel": "playwright test --project=chromium-desktop --project=chromium-mobile --workers=4",
+    "e2e:single-run": "playwright test --project=chromium-single-run --workers=1",
     "e2e:headed": "playwright test --headed",
     "e2e:ui": "playwright test --ui"
   },
   "dependencies": {
+    "@tanstack/react-table": "^8.21.3",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-router-dom": "^6.30.1"
@@ -31,8 +38,10 @@
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "@vitejs/plugin-react": "^4.6.0",
+    "esbuild": "^0.25.12",
+    "jscpd": "5.0.12",
+    "knip": "^6.26.0",
     "openapi-typescript": "^7.13.0",
-    "puppeteer-core": "^25.2.1",
     "typescript": "^5.8.3",
     "vite": "^6.3.5"
   }
diff --git a/apps/web/playwright.config.ts b/apps/web/playwright.config.ts
index 1c25108..a6f6b04 100644
--- a/apps/web/playwright.config.ts
+++ b/apps/web/playwright.config.ts
@@ -66,6 +66,9 @@ export default defineConfig({
       name: "chromium-single-run",
       grep: singleRunPattern,
       grepInvert: publicAuthPattern,
+      // npm run e2e가 이 프로젝트를 fixture 프로젝트 뒤에 workers=1로 실행한다.
+      // 직접 focused 실행할 때도 npm run e2e:single-run을 사용한다.
+      fullyParallel: false,
       use: {
         ...devices["Desktop Chrome"],
         viewport: { width: 1280, height: 800 },
diff --git a/apps/web/public/design-elements/learner-dashboard/background-dark-corner.png b/apps/web/public/design-elements/learner-dashboard/background-dark-corner.png
new file mode 100644
index 0000000..23dd33a
Binary files /dev/null and b/apps/web/public/design-elements/learner-dashboard/background-dark-corner.png differ
diff --git a/apps/web/public/design-elements/learner-dashboard/background-dark-sidebar.png b/apps/web/public/design-elements/learner-dashboard/background-dark-sidebar.png
new file mode 100644
index 0000000..3140e90
Binary files /dev/null and b/apps/web/public/design-elements/learner-dashboard/background-dark-sidebar.png differ
diff --git a/apps/web/public/design-elements/learner-dashboard/background-light-corner.png b/apps/web/public/design-elements/learner-dashboard/background-light-corner.png
new file mode 100644
index 0000000..10049f4
Binary files /dev/null and b/apps/web/public/design-elements/learner-dashboard/background-light-corner.png differ
diff --git a/apps/web/public/design-elements/learner-dashboard/background-light-sidebar.png b/apps/web/public/design-elements/learner-dashboard/background-light-sidebar.png
new file mode 100644
index 0000000..2d0db67
Binary files /dev/null and b/apps/web/public/design-elements/learner-dashboard/background-light-sidebar.png differ
diff --git a/apps/web/public/design-elements/learner-dashboard/card-flowing-ribbon-light.png b/apps/web/public/design-elements/learner-dashboard/card-flowing-ribbon-light.png
new file mode 100644
index 0000000..f711f29
Binary files /dev/null and b/apps/web/public/design-elements/learner-dashboard/card-flowing-ribbon-light.png differ
diff --git a/apps/web/public/design-elements/learner-dashboard/card-flowing-ribbon.png b/apps/web/public/design-elements/learner-dashboard/card-flowing-ribbon.png
new file mode 100644
index 0000000..5cf7e7c
Binary files /dev/null and b/apps/web/public/design-elements/learner-dashboard/card-flowing-ribbon.png differ
diff --git a/apps/web/public/design-elements/learner-dashboard/card-folded-ribbon-light.png b/apps/web/public/design-elements/learner-dashboard/card-folded-ribbon-light.png
new file mode 100644
index 0000000..d649eca
Binary files /dev/null and b/apps/web/public/design-elements/learner-dashboard/card-folded-ribbon-light.png differ
diff --git a/apps/web/public/design-elements/learner-dashboard/card-folded-ribbon.png b/apps/web/public/design-elements/learner-dashboard/card-folded-ribbon.png
new file mode 100644
index 0000000..0f31099
Binary files /dev/null and b/apps/web/public/design-elements/learner-dashboard/card-folded-ribbon.png differ
diff --git a/apps/web/public/design-elements/learner-dashboard/card-leaf-sprig-light.png b/apps/web/public/design-elements/learner-dashboard/card-leaf-sprig-light.png
new file mode 100644
index 0000000..6621713
Binary files /dev/null and b/apps/web/public/design-elements/learner-dashboard/card-leaf-sprig-light.png differ
diff --git a/apps/web/public/design-elements/learner-dashboard/card-leaf-sprig.png b/apps/web/public/design-elements/learner-dashboard/card-leaf-sprig.png
new file mode 100644
index 0000000..e8bcef6
Binary files /dev/null and b/apps/web/public/design-elements/learner-dashboard/card-leaf-sprig.png differ
diff --git a/apps/web/public/design-elements/learner-dashboard/card-orbital-ring-light.png b/apps/web/public/design-elements/learner-dashboard/card-orbital-ring-light.png
new file mode 100644
index 0000000..29df0f4
Binary files /dev/null and b/apps/web/public/design-elements/learner-dashboard/card-orbital-ring-light.png differ
diff --git a/apps/web/public/design-elements/learner-dashboard/card-orbital-ring.png b/apps/web/public/design-elements/learner-dashboard/card-orbital-ring.png
new file mode 100644
index 0000000..6a67d08
Binary files /dev/null and b/apps/web/public/design-elements/learner-dashboard/card-orbital-ring.png differ
diff --git a/apps/web/public/design-elements/learner-dashboard/card-paired-leaves-light.png b/apps/web/public/design-elements/learner-dashboard/card-paired-leaves-light.png
new file mode 100644
index 0000000..9673d6c
Binary files /dev/null and b/apps/web/public/design-elements/learner-dashboard/card-paired-leaves-light.png differ
diff --git a/apps/web/public/design-elements/learner-dashboard/card-paired-leaves.png b/apps/web/public/design-elements/learner-dashboard/card-paired-leaves.png
new file mode 100644
index 0000000..2961ae3
Binary files /dev/null and b/apps/web/public/design-elements/learner-dashboard/card-paired-leaves.png differ
diff --git a/apps/web/scripts/check-design-ssot.mjs b/apps/web/scripts/check-design-ssot.mjs
new file mode 100644
index 0000000..3c6c395
--- /dev/null
+++ b/apps/web/scripts/check-design-ssot.mjs
@@ -0,0 +1,207 @@
+import { promises as fs } from "node:fs";
+import path from "node:path";
+
+const root = process.cwd();
+const failures = [];
+
+async function read(relativePath) {
+  return fs.readFile(path.join(root, relativePath), "utf8");
+}
+
+function forbid(relativePath, source, pattern, message) {
+  const match = source.match(pattern);
+  if (match)
+    failures.push(`${relativePath}: ${message} (${JSON.stringify(match[0])})`);
+}
+
+function countRawColors(source) {
+  return source.match(/#[0-9a-f]{3,8}|rgba?\([^)]*\)/gi)?.length ?? 0;
+}
+
+const shellPath = "src/components/shell/shell.css";
+const surfacePath = "src/components/ui/ui.css";
+const settingsPath = "src/pages/settings/settings.css";
+const sessionPath = "src/pages/Session.tsx";
+const learnerHomePath = "src/pages/LearnerHome.tsx";
+const personaViewModelPath = "src/lib/personaViewModel.ts";
+const appPath = "src/App.tsx";
+const designDocPath = "../../docs/DESIGN_CONCEPT.md";
+const shell = await read(shellPath);
+const surface = await read(surfacePath);
+const settings = await read(settingsPath);
+const session = await read(sessionPath);
+const learnerHome = await read(learnerHomePath);
+const personaViewModel = await read(personaViewModelPath);
+const app = await read(appPath);
+const designDoc = await read(designDocPath);
+
+// 페이지/아트 전용 CSS는 집중 화면의 국소 팔레트를 소유할 수 있다. 다만 전역
+// 토큰으로 승격하지 않은 raw color는 이 기준선 이상 늘어나면 실패시켜 예외가
+// 무제한 확산되는 것을 막는다. 공통 ui/shell은 아래 별도 규칙으로 0개를 강제한다.
+const rawColorBudgets = {
+  "src/pages/session/session.css": 216,
+  "src/pages/session-review/session-review.css": 29,
+  "src/pages/learner-home.css": 25,
+  "src/components/auth/auth-shell.css": 20,
+  "src/pages/login/login.css": 11,
+  "src/components/avatar/client-avatar.css": 7,
+  "src/pages/avatar-expression-lab.css": 7,
+  "src/pages/avatar-preview.css": 5,
+  "src/pages/pending-approval.css": 3,
+};
+
+for (const [relativePath, budget] of Object.entries(rawColorBudgets)) {
+  const count = countRawColors(await read(relativePath));
+  if (count > budget) {
+    failures.push(
+      `${relativePath}: 국소 raw color 예산 초과 (${count}/${budget}). 기존 의미 토큰 또는 페이지 예외 토큰으로 묶어야 합니다`,
+    );
+  }
+}
+
+forbid(
+  shellPath,
+  shell,
+  /\.(?:lh-|sr-|pf-|ad-|ps-|sx-|vg-set__)/,
+  "AppShell SSOT가 페이지 전용 클래스를 스타일하면 안 됩니다",
+);
+forbid(
+  appPath,
+  app,
+  /^import\s+\w+\s+from\s+["']\.\/pages\//m,
+  "역할별 페이지는 초기 번들에 정적 import하면 안 됩니다",
+);
+forbid(
+  appPath,
+  app,
+  /minHeight:\s*["']100vh["']/,
+  "전체 높이 화면은 모바일 viewport 안정성을 위해 100dvh를 사용해야 합니다",
+);
+forbid(
+  shellPath,
+  shell,
+  /!important/,
+  "공통 셸 권위는 !important가 아니라 소유권으로 유지해야 합니다",
+);
+forbid(
+  surfacePath,
+  surface,
+  /!important/,
+  "Surface primitive는 !important에 의존하면 안 됩니다",
+);
+forbid(
+  surfacePath,
+  surface,
+  /#[0-9a-f]{3,8}|rgba?\(/i,
+  "공통 UI 색은 tokens.css 의미 토큰으로만 표현해야 합니다",
+);
+forbid(
+  shellPath,
+  shell,
+  /#[0-9a-f]{3,8}|rgba?\(/i,
+  "공통 셸 색은 tokens.css 의미 토큰으로만 표현해야 합니다",
+);
+forbid(
+  sessionPath,
+  session,
+  /#[0-9a-f]{3,8}|rgba?\(/i,
+  "세션 화면의 아바타 팔레트는 personaViewModel SSOT를 우회하면 안 됩니다",
+);
+forbid(
+  learnerHomePath,
+  learnerHome,
+  /#[0-9a-f]{3,8}|rgba?\(/i,
+  "학습자 화면의 아바타 팔레트는 personaViewModel SSOT를 우회하면 안 됩니다",
+);
+forbid(
+  settingsPath,
+  settings,
+  /body\[data-page=["']settings["']\][^{]*(?:\.vg-topbar|\.vg-nav|\.vg-main|\.vg-shell)/,
+  "설정 페이지 CSS가 공통 앱 크롬을 재정의하면 안 됩니다",
+);
+
+for (const required of [
+  ".vg-surface.vg-surface--panel",
+  ".vg-surface.vg-surface--inset",
+  ".vg-surface.vg-surface--interactive",
+  "var(--glass-surface)",
+  "var(--glass-border)",
+]) {
+  if (!surface.includes(required)) {
+    failures.push(`${surfacePath}: Surface SSOT 필수 계약 누락 (${required})`);
+  }
+}
+
+for (const required of [
+  "PENDING_PERSONA_AVATAR_APPEARANCE",
+  "personaAvatarAppearance",
+  "personaBaselineExpression",
+]) {
+  if (!personaViewModel.includes(required)) {
+    failures.push(
+      `${personaViewModelPath}: 페르소나 시각 SSOT 필수 계약 누락 (${required})`,
+    );
+  }
+}
+
+for (const required of [
+  "### 0.3 구현 소유권 계약",
+  "DESIGN_VARIANCE 4 / MOTION_INTENSITY 3 / VISUAL_DENSITY 6",
+  "apps/web/src/styles/tokens.css",
+  "apps/web/src/components/ui/",
+  "apps/web/src/components/shell/",
+]) {
+  if (!designDoc.includes(required)) {
+    failures.push(
+      `${designDocPath}: 디자인 방법론 SSOT 필수 계약 누락 (${required})`,
+    );
+  }
+}
+
+for (const page of [
+  "Login",
+  "Onboarding",
+  "PendingApproval",
+  "LearnerHome",
+  "AvatarExpressionLab",
+  "AvatarPreview",
+  "Session",
+  "SessionReview",
+  "Professor",
+  "PersonaStudio",
+  "Admin",
+  "AdminAi",
+  "Settings",
+]) {
+  if (!app.includes(`lazy(() => import("./pages/${page}"))`)) {
+    failures.push(`${appPath}: 라우트 지연 로딩 계약 누락 (${page})`);
+  }
+}
+if (!app.includes("<Suspense fallback={<BootScreen />}>")) {
+  failures.push(
+    `${appPath}: 지연 라우트의 공통 Suspense 로딩 경계가 필요합니다`,
+  );
+}
+
+const legacyThemeHook = path.join(root, "src/pages/settings/useTheme.ts");
+if (
+  await fs
+    .stat(legacyThemeHook)
+    .then(() => true)
+    .catch(() => false)
+) {
+  failures.push(
+    "src/pages/settings/useTheme.ts: 페이지 전용 테마 store를 다시 만들면 안 됩니다",
+  );
+}
+
+if (failures.length > 0) {
+  console.error(
+    "디자인 SSOT 검사 실패\n" + failures.map((item) => `- ${item}`).join("\n"),
+  );
+  process.exit(1);
+}
+
+console.log(
+  "디자인 SSOT 검사 통과: 방법론, AppShell, Theme, Surface, route bundle 소유권이 분리되어 있습니다.",
+);
diff --git a/apps/web/scripts/run-e2e.mjs b/apps/web/scripts/run-e2e.mjs
new file mode 100644
index 0000000..340d118
--- /dev/null
+++ b/apps/web/scripts/run-e2e.mjs
@@ -0,0 +1,56 @@
+import { spawnSync } from "node:child_process";
+import path from "node:path";
+import process from "node:process";
+
+const extraArgs = process.argv.slice(2);
+const conflicting = extraArgs.find(
+  (arg) =>
+    arg === "--project" ||
+    arg.startsWith("--project=") ||
+    arg === "--workers" ||
+    arg.startsWith("--workers="),
+);
+
+if (conflicting) {
+  console.error(
+    `e2e 전체 러너는 프로젝트와 worker를 단계별로 소유합니다 (${conflicting}). ` +
+      "focused 실행은 npm run e2e:parallel 또는 npm run e2e:single-run을 사용하세요.",
+  );
+  process.exit(2);
+}
+
+const playwrightCli = path.resolve(
+  process.cwd(),
+  "node_modules/@playwright/test/cli.js",
+);
+
+function runPhase(label, args) {
+  console.log(`\n[e2e] ${label}`);
+  const result = spawnSync(
+    process.execPath,
+    [playwrightCli, "test", ...args, ...extraArgs],
+    {
+      cwd: process.cwd(),
+      env: process.env,
+      stdio: "inherit",
+    },
+  );
+  if (result.error) {
+    console.error(`[e2e] ${label} 실행 실패: ${result.error.message}`);
+    process.exit(1);
+  }
+  if (result.status !== 0) process.exit(result.status ?? 1);
+}
+
+// Route-fixture/browser-only tests may use the machine's worker pool. Durable DB,
+// provider, and engine tests must start only after that pool drains and then run
+// one at a time against the single local API/gateway runtime.
+runPhase("fixture desktop/mobile 병렬 단계", [
+  "--project=chromium-desktop",
+  "--project=chromium-mobile",
+  `--workers=${process.env.E2E_PARALLEL_WORKERS ?? "4"}`,
+]);
+runPhase("DB/engine single-run 직렬 단계", [
+  "--project=chromium-single-run",
+  "--workers=1",
+]);
diff --git a/apps/web/src/App.tsx b/apps/web/src/App.tsx
index 5b4e68c..214d9be 100644
--- a/apps/web/src/App.tsx
+++ b/apps/web/src/App.tsx
@@ -15,29 +15,52 @@
    보호 라우트는 AuthContext 기반 간단 가드. 과설계 금지.
    ===================================================================== */
 
-import { Component, useEffect, type ErrorInfo, type ReactNode } from "react";
-import { BrowserRouter, Navigate, Route, Routes, useLocation } from "react-router-dom";
-import { AuthProvider, canAccessRole, initialPathForUser, useAuth, roleHomePath, type AuthUser, type Role } from "./lib/auth";
+import {
+  Component,
+  Suspense,
+  lazy,
+  useLayoutEffect,
+  type ErrorInfo,
+  type ReactNode,
+} from "react";
+import {
+  BrowserRouter,
+  Navigate,
+  Route,
+  Routes,
+  useLocation,
+} from "react-router-dom";
+import {
+  AuthProvider,
+  canAccessRole,
+  initialPathForUser,
+  useAuth,
+  roleHomePath,
+  type AuthUser,
+  type Role,
+} from "./lib/auth";
+import { runtimeAssetLabel } from "./lib/runtimeDiagnostics";
 
-import Login from "./pages/Login";
-import Onboarding from "./pages/Onboarding";
-import PendingApproval from "./pages/PendingApproval";
-import LearnerHome from "./pages/LearnerHome";
-import AvatarExpressionLab from "./pages/AvatarExpressionLab";
-import AvatarPreview from "./pages/AvatarPreview";
-import Session from "./pages/Session";
-import SessionReview from "./pages/SessionReview";
-import Professor from "./pages/Professor";
-import PersonaStudio from "./pages/PersonaStudio";
-import Admin from "./pages/Admin";
-import Settings from "./pages/Settings";
+const Login = lazy(() => import("./pages/Login"));
+const Onboarding = lazy(() => import("./pages/Onboarding"));
+const PendingApproval = lazy(() => import("./pages/PendingApproval"));
+const LearnerHome = lazy(() => import("./pages/LearnerHome"));
+const AvatarExpressionLab = lazy(() => import("./pages/AvatarExpressionLab"));
+const AvatarPreview = lazy(() => import("./pages/AvatarPreview"));
+const Session = lazy(() => import("./pages/Session"));
+const SessionReview = lazy(() => import("./pages/SessionReview"));
+const Professor = lazy(() => import("./pages/Professor"));
+const PersonaStudio = lazy(() => import("./pages/PersonaStudio"));
+const Admin = lazy(() => import("./pages/Admin"));
+const AdminAi = lazy(() => import("./pages/AdminAi"));
+const Settings = lazy(() => import("./pages/Settings"));
 
 /** 부트스트랩 로딩 동안 깜빡임 최소화용 중립 화면. */
 function BootScreen() {
   return (
     <div
       style={{
-        minHeight: "100vh",
+        minHeight: "100dvh",
         display: "grid",
         placeItems: "center",
         background: "var(--bg-app)",
@@ -95,7 +118,11 @@ function OnboardingGate({ children }: { children: ReactNode }) {
     }
     return <Navigate to="/onboarding" replace state={{ from: path }} />;
   }
-  if (user && user.onboardingCompletedAt != null && (path === "/login" || path === "/onboarding")) {
+  if (
+    user &&
+    user.onboardingCompletedAt != null &&
+    (path === "/login" || path === "/onboarding")
+  ) {
     return <Navigate to={initialPathForUser(user)} replace />;
   }
   return <>{children}</>;
@@ -129,27 +156,35 @@ function RootRedirect() {
   return <Navigate to={user ? initialPathForUser(user) : "/login"} replace />;
 }
 
+function resetDocumentScroll() {
+  window.scrollTo({ top: 0, left: 0, behavior: "auto" });
+  document.documentElement.scrollTop = 0;
+  document.body.scrollTop = 0;
+}
+
 function ScrollToTopOnPathChange() {
   const { pathname } = useLocation();
 
-  useEffect(() => {
-    window.scrollTo({ top: 0, left: 0, behavior: "auto" });
-    document.documentElement.scrollTop = 0;
-    document.body.scrollTop = 0;
+  useLayoutEffect(() => {
+    const previousRestoration = window.history.scrollRestoration;
+    window.history.scrollRestoration = "manual";
+    const handlePageShow = () => resetDocumentScroll();
+    window.addEventListener("pageshow", handlePageShow);
+    return () => {
+      window.removeEventListener("pageshow", handlePageShow);
+      window.history.scrollRestoration = previousRestoration;
+    };
+  }, []);
+
+  useLayoutEffect(() => {
+    resetDocumentScroll();
+    const frame = window.requestAnimationFrame(resetDocumentScroll);
+    return () => window.cancelAnimationFrame(frame);
   }, [pathname]);
 
   return null;
 }
 
-function runtimeAssetLabel(): string {
-  if (typeof document === "undefined") return "unknown";
-  const script = Array.from(document.scripts)
-    .map((item) => item.getAttribute("src") ?? "")
-    .find((src) => src.includes("/assets/index-") && src.endsWith(".js"));
-  if (!script) return "unknown";
-  return script.split("/").pop() ?? script;
-}
-
 function RouteErrorFallback({
   error,
   errorInfo,
@@ -161,7 +196,7 @@ function RouteErrorFallback({
     <main
       role="alert"
       style={{
-        minHeight: "100vh",
+        minHeight: "100dvh",
         padding: 32,
         background: "var(--bg-app)",
         color: "var(--text-strong)",
@@ -192,8 +227,15 @@ function RouteErrorFallback({
           <h1 style={{ margin: "6px 0 0", fontSize: "var(--fs-h2)" }}>
             화면을 표시하지 못했습니다
           </h1>
-          <p style={{ margin: "6px 0 0", color: "var(--text-body)", lineHeight: 1.55 }}>
-            React 라우트 렌더 중 예외가 발생했습니다. 빈 화면 대신 원인 정보를 표시합니다.
+          <p
+            style={{
+              margin: "6px 0 0",
+              color: "var(--text-body)",
+              lineHeight: 1.55,
+            }}
+          >
+            React 라우트 렌더 중 예외가 발생했습니다. 빈 화면 대신 원인 정보를
+            표시합니다.
           </p>
         </div>
         <dl
@@ -209,10 +251,18 @@ function RouteErrorFallback({
           }}
         >
           {[
-            ["path", typeof window === "undefined" ? "unknown" : window.location.pathname],
+            [
+              "path",
+              typeof window === "undefined"
+                ? "unknown"
+                : window.location.pathname,
+            ],
             ["error", error.message || error.name],
             ["asset", runtimeAssetLabel()],
-            ["componentStack", errorInfo?.componentStack?.trim() || "not captured"],
+            [
+              "componentStack",
+              errorInfo?.componentStack?.trim() || "not captured",
+            ],
           ].map(([key, value]) => (
             <div key={key} style={{ display: "contents" }}>
               <dt
@@ -270,7 +320,12 @@ class RouteErrorBoundary extends Component<
 
   render() {
     if (this.state.error) {
-      return <RouteErrorFallback error={this.state.error} errorInfo={this.state.errorInfo} />;
+      return (
+        <RouteErrorFallback
+          error={this.state.error}
+          errorInfo={this.state.errorInfo}
+        />
+      );
     }
     return this.props.children;
   }
@@ -280,7 +335,9 @@ function AppRoutesWithBoundary() {
   const { pathname } = useLocation();
   return (
     <RouteErrorBoundary resetKey={pathname}>
-      <AppRoutes />
+      <Suspense fallback={<BootScreen />}>
+        <AppRoutes />
+      </Suspense>
     </RouteErrorBoundary>
   );
 }
@@ -406,6 +463,14 @@ function AppRoutes() {
               </RequireAuth>
             }
           />
+          <Route
+            path="/admin/ai"
+            element={
+              <RequireAuth roles={["admin"]}>
+                <AdminAi />
+              </RequireAuth>
+            }
+          />
           <Route
             path="/admin/users"
             element={
diff --git a/apps/web/src/components/auth/AuthShell.tsx b/apps/web/src/components/auth/AuthShell.tsx
new file mode 100644
index 0000000..ac36336
--- /dev/null
+++ b/apps/web/src/components/auth/AuthShell.tsx
@@ -0,0 +1,31 @@
+import type { HTMLAttributes, ReactNode } from "react";
+
+export type AuthShellVariant = "botanical" | "room";
+
+export interface AuthShellProps extends HTMLAttributes<HTMLElement> {
+  variant?: AuthShellVariant;
+  children: ReactNode;
+}
+
+/** 로그인·온보딩·승인 대기가 공유하는 viewport 캔버스. */
+export function AuthShell({
+  variant = "botanical",
+  className,
+  children,
+  ...rest
+}: AuthShellProps) {
+  return (
+    <main
+      className={[
+        "vg-auth-shell",
+        `vg-auth-shell--${variant}`,
+        className ?? "",
+      ]
+        .filter(Boolean)
+        .join(" ")}
+      {...rest}
+    >
+      {children}
+    </main>
+  );
+}
diff --git a/apps/web/src/components/auth/auth-shell.css b/apps/web/src/components/auth/auth-shell.css
new file mode 100644
index 0000000..3607761
--- /dev/null
+++ b/apps/web/src/components/auth/auth-shell.css
@@ -0,0 +1,85 @@
+.vg-auth-shell {
+  position: relative;
+  isolation: isolate;
+  inline-size: 100vw;
+  max-inline-size: none;
+  min-block-size: 100vh;
+  min-block-size: 100dvh;
+  overflow-x: clip;
+  color: var(--text-body);
+  background-color: var(--bg-app);
+}
+
+.vg-auth-shell > * {
+  position: relative;
+  z-index: 1;
+}
+
+.vg-auth-shell.vg-auth-shell--botanical {
+  background:
+    var(--asset-botanical-corner) right top / min(64vw, 860px) auto no-repeat,
+    radial-gradient(circle at 72% 10%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 32rem),
+    radial-gradient(circle at 28% 78%, color-mix(in srgb, var(--botanical-gold) 14%, transparent), transparent 40rem),
+    var(--glass-canvas);
+}
+
+.vg-auth-shell.vg-auth-shell--botanical::after {
+  content: "";
+  position: absolute;
+  z-index: 0;
+  left: -8vw;
+  bottom: -90px;
+  width: min(66vw, 860px);
+  height: min(74vw, 980px);
+  background: var(--asset-botanical-corner) left bottom / contain no-repeat;
+  opacity: 0.55;
+  transform: rotate(180deg);
+  pointer-events: none;
+}
+
+.vg-auth-shell.vg-auth-shell--room {
+  --auth-room-veil:
+    linear-gradient(
+      90deg,
+      rgba(247, 244, 236, 0.94) 0%,
+      rgba(243, 238, 227, 0.86) 48%,
+      rgba(238, 231, 217, 0.72) 74%,
+      rgba(232, 223, 207, 0.62) 100%
+    );
+  --auth-room-shade: linear-gradient(180deg, rgba(255, 253, 248, 0.08), rgba(120, 101, 72, 0.12));
+  --auth-hero-text: var(--text-strong);
+  --auth-hero-muted: color-mix(in srgb, var(--text-body) 88%, transparent);
+  --auth-hero-surface: rgba(255, 254, 251, 0.48);
+  --auth-hero-border: rgba(101, 86, 62, 0.22);
+  --auth-hero-chip: rgba(255, 254, 251, 0.62);
+  background:
+    var(--auth-room-veil),
+    var(--asset-login-room) center / cover no-repeat;
+}
+
+[data-theme="dark"] .vg-auth-shell.vg-auth-shell--room {
+  --auth-room-veil:
+    linear-gradient(
+      90deg,
+      rgba(7, 16, 14, 0.84) 0%,
+      rgba(10, 21, 19, 0.72) 48%,
+      rgba(10, 21, 19, 0.55) 74%,
+      rgba(10, 21, 19, 0.62) 100%
+    );
+  --auth-room-shade: linear-gradient(180deg, rgba(3, 9, 8, 0.18), rgba(3, 9, 8, 0.42));
+  --auth-hero-text: #edf4f2;
+  --auth-hero-muted: rgba(237, 244, 242, 0.72);
+  --auth-hero-surface: rgba(237, 244, 242, 0.08);
+  --auth-hero-border: rgba(255, 255, 255, 0.14);
+  --auth-hero-chip: rgba(255, 255, 255, 0.08);
+}
+
+@media (max-width: 620px) {
+  .vg-auth-shell.vg-auth-shell--botanical::after {
+    left: -30vw;
+    bottom: -24px;
+    width: 110vw;
+    height: 120vw;
+    opacity: 0.42;
+  }
+}
diff --git a/apps/web/src/components/avatar/ClientAvatar.tsx b/apps/web/src/components/avatar/ClientAvatar.tsx
index b7147e3..a2cd189 100644
--- a/apps/web/src/components/avatar/ClientAvatar.tsx
+++ b/apps/web/src/components/avatar/ClientAvatar.tsx
@@ -35,7 +35,6 @@ import { Brows } from "./Brows";
 import { Mouth } from "./Mouth";
 import { live2dModel3Path, live2dModelForPersonaCode, live2dMotionForExpression } from "./live2dModel";
 import { useExpressionTransition } from "./useExpressionTransition";
-import { RasterBust } from "./RasterBust";
 import "./client-avatar.css";
 
 /* ── 공개 타입 재노출 (기존 import 경로 호환) ──────────────────────────
@@ -232,7 +231,6 @@ export function ClientAvatar({
   const outfitColor = persona.outfitColor ?? hairColor;
   const irisColor = persona.eyeColor ?? "#2B2B2B";
   const realism = Math.min(0.45, Math.max(0.3, persona.realism)); // 안전 클램프
-  const useRaster = Boolean(persona.rasterArtSet);
   const age = ageLookFor(persona.ageBand);
   const expressionLabel = expressionLabelFor(affect);
   const live2dModel = useMemo(() => live2dModelForPersonaCode(persona.code), [persona.code]);
@@ -295,7 +293,7 @@ export function ClientAvatar({
       data-live2d-expression-count={live2dModel.expressions.length}
       data-persona-code={persona.code ?? ""}
       data-avatar-animated={motionEnabled ? "true" : "false"}
-      data-render-mode={useRaster ? "raster" : "svg"}
+      data-render-mode="svg"
       data-realism={realism} /* 사실성은 데이터로만 유지(시각 표식 비노출, §4.6) */
       aria-label={`교육용 가상 내담자: ${persona.label}, ${STATE_TEXT[state]}, ${expressionLabel}`}
     >
@@ -319,28 +317,14 @@ export function ClientAvatar({
           reduced={reduced}
         />
 
-        {useRaster ? (
-          <RasterBust
-            artSet={persona.rasterArtSet as string}
-            affect={affect}
-            state={state}
-            breath={breath}
-            blink={blink}
-            mouth={mouthOpen}
-            gazeX={gazeX}
-            gazeY={gazeY}
-            headTilt={params.headTilt}
-            reduced={reduced}
-          />
-        ) : (
-          <svg
-            className="vg-avatar__svg"
-            viewBox="0 0 200 200"
-            width={size}
-            height={size}
-            role="img"
-            aria-hidden="true"
-          >
+        <svg
+          className="vg-avatar__svg"
+          viewBox="0 0 200 200"
+          width={size}
+          height={size}
+          role="img"
+          aria-hidden="true"
+        >
           {/* 흉상 그룹: 어깨 호흡(translateY) + 저항 시 미세 회전 */}
           <g transform={`translate(0 ${-breath}) rotate(${shoulderRotate} 100 150)`}>
             {/* 어깨/상반신 실루엣 */}
@@ -381,8 +365,7 @@ export function ClientAvatar({
               </g>
             </g>
           </g>
-          </svg>
-        )}
+        </svg>
 
       </div>
 
diff --git a/apps/web/src/components/avatar/RasterBust.tsx b/apps/web/src/components/avatar/RasterBust.tsx
index 5518aeb..c3e16b9 100644
--- a/apps/web/src/components/avatar/RasterBust.tsx
+++ b/apps/web/src/components/avatar/RasterBust.tsx
@@ -43,6 +43,18 @@ const PERSONA_GENERATED_ART_SETS = [
 ];
 const PSB_GROUP_ART_SETS = new Set(["seoyeon-live2d-psb", "seoyeon-live2d-psd-v2", ...PERSONA_GENERATED_ART_SETS]);
 const PSB_CRYING_ART_SETS = new Set(["seoyeon-live2d-psd-v2", ...PERSONA_GENERATED_ART_SETS]);
+const EYE_DETAIL_LAYERS: ReadonlyArray<{
+  name: string;
+  mask: string;
+  zIndex: number;
+}> = [
+  { name: "iris-left", mask: "eye-white-left", zIndex: 9 },
+  { name: "iris-right", mask: "eye-white-right", zIndex: 9 },
+  { name: "pupil-left", mask: "eye-white-left", zIndex: 10 },
+  { name: "pupil-right", mask: "eye-white-right", zIndex: 10 },
+  { name: "highlight-left", mask: "eye-white-left", zIndex: 11 },
+  { name: "highlight-right", mask: "eye-white-right", zIndex: 11 },
+];
 
 export function rasterVariantFor(expression: AvatarExpression): RasterVariant {
   return VARIANT_FOR_EXPRESSION[expression];
@@ -294,14 +306,6 @@ export function RasterBust({
     const browLeftPart = useSadCryingParts ? "brow-sad-left" : "brow-left";
     const browRightPart = useSadCryingParts ? "brow-sad-right" : "brow-right";
     const tearOpacity = useSadCryingParts ? clamp01(0.82 + openEyes * 0.18 - closedEyes * 0.35) : 0;
-    const eyeDetailLayers: Array<{ name: string; mask: string; zIndex: number }> = [
-      { name: "iris-left", mask: "eye-white-left", zIndex: 9 },
-      { name: "iris-right", mask: "eye-white-right", zIndex: 9 },
-      { name: "pupil-left", mask: "eye-white-left", zIndex: 10 },
-      { name: "pupil-right", mask: "eye-white-right", zIndex: 10 },
-      { name: "highlight-left", mask: "eye-white-left", zIndex: 11 },
-      { name: "highlight-right", mask: "eye-white-right", zIndex: 11 },
-    ];
     const renderLayer = (
       name: string,
       className: string,
@@ -395,7 +399,7 @@ export function RasterBust({
                 ...eyeApertureClipStyle(name.endsWith("left") ? "left" : "right", upperLidY, lowerLidY, closedEyes),
               }),
             )}
-            {eyeDetailLayers.map(({ name, mask, zIndex }) =>
+            {EYE_DETAIL_LAYERS.map(({ name, mask, zIndex }) =>
               renderLayer(name, "vg-raster__layer--eyes", zIndex, {
                 opacity: openEyes,
                 transform: layerTransform(
@@ -526,14 +530,6 @@ export function RasterBust({
     const hairSway = reduced ? 0 : breath * 0.24 + headTilt * 0.18;
     const brow = browPoseForVariant(variant);
     const expressionMouth = mouthForVariant(variant);
-    const eyeDetailLayers: Array<{ name: string; mask: string; zIndex: number }> = [
-      { name: "iris-left", mask: "eye-white-left", zIndex: 9 },
-      { name: "iris-right", mask: "eye-white-right", zIndex: 9 },
-      { name: "pupil-left", mask: "eye-white-left", zIndex: 10 },
-      { name: "pupil-right", mask: "eye-white-right", zIndex: 10 },
-      { name: "highlight-left", mask: "eye-white-left", zIndex: 11 },
-      { name: "highlight-right", mask: "eye-white-right", zIndex: 11 },
-    ];
 
     return (
       <div
@@ -626,7 +622,7 @@ export function RasterBust({
             style={{ opacity: openEyes, zIndex: name.startsWith("lash") ? 12 : 9, transform: layerTransform() }}
           />
         ))}
-        {eyeDetailLayers.map(
+        {EYE_DETAIL_LAYERS.map(
           ({ name, mask, zIndex }) => (
             <img
               className="vg-raster__layer vg-raster__layer--eyes"
diff --git a/apps/web/src/components/avatar/persona.ts b/apps/web/src/components/avatar/persona.ts
index 299c4d3..873496a 100644
--- a/apps/web/src/components/avatar/persona.ts
+++ b/apps/web/src/components/avatar/persona.ts
@@ -118,12 +118,6 @@ export interface AvatarPersona {
   eyeColor?: string;
   /** 캐릭터 고유 보조색 */
   accentColor?: string;
-  /**
-   * 래스터(비트맵) 아트셋 코드. 지정하면 SVG 파라미터 리그 대신
-   * `/avatar/<artSet>/<variant>.png` 레이어 합성(Live2D식)으로 렌더링한다.
-   * 미지정 시 기존 SVG 리그. asset 은 imagegen(gpt-image-2)+BiRefNet 누끼로 생성.
-   */
-  rasterArtSet?: string;
   /** 사실성 0.35~0.45 고정 (불쾌한 골짜기 회피) */
   realism: number;
   /**
diff --git a/apps/web/src/components/shell/AppShell.tsx b/apps/web/src/components/shell/AppShell.tsx
index e7782ce..5a5db77 100644
--- a/apps/web/src/components/shell/AppShell.tsx
+++ b/apps/web/src/components/shell/AppShell.tsx
@@ -5,6 +5,8 @@ import { designRoleOf, useAuth, type Role } from "../../lib/auth";
 
 export interface AppShellProps {
   children: ReactNode;
+  /** 페이지 전용 셸 표면을 위한 추가 클래스 */
+  className?: string;
   /** 역할 컨텍스트 라벨 오버라이드 (없으면 user.role 라벨) */
   contextLabel?: string;
   /** 좌측 네비 숨김 (세션 화면처럼 집중 모드) */
@@ -24,7 +26,7 @@ export interface AppShellProps {
  * body[data-role] 은 AuthProvider 가 관리(여기선 셸 골격만).
  * 미인증 시에도 안전하게 렌더(네비 없이) — 가드는 라우터(RequireAuth)가 담당.
  */
-export function AppShell({ children, contextLabel, hideNav, bleed, wide, hideTopbar, navRole }: AppShellProps) {
+export function AppShell({ children, className, contextLabel, hideNav, bleed, wide, hideTopbar, navRole }: AppShellProps) {
   const { user } = useAuth();
   const showNav = !hideNav && !!user;
   const shellRole = navRole ?? user?.role;
@@ -46,7 +48,16 @@ export function AppShell({ children, contextLabel, hideNav, bleed, wide, hideTop
   }, [shellRole, user]);
 
   return (
-    <div className={"vg-shell" + (hideTopbar ? " vg-shell--fullscreen" : "")}>
+    <div
+      className={[
+        "vg-shell",
+        "vg-shell--botanical",
+        hideTopbar ? "vg-shell--fullscreen" : "",
+        className ?? "",
+      ]
+        .filter(Boolean)
+        .join(" ")}
+    >
       {hideTopbar ? null : <Topbar contextLabel={contextLabel} />}
       <div className={"vg-shell__body" + (showNav ? "" : " vg-shell__body--bare")}>
         {showNav ? <Sidebar role={shellRole ?? user.role} /> : null}
diff --git a/apps/web/src/components/shell/Sidebar.tsx b/apps/web/src/components/shell/Sidebar.tsx
index 1059dda..b6cabf1 100644
--- a/apps/web/src/components/shell/Sidebar.tsx
+++ b/apps/web/src/components/shell/Sidebar.tsx
@@ -29,6 +29,7 @@ const NAV_BY_ROLE: Record<Role, NavItem[]> = {
   ],
   admin: [
     { to: "/admin", label: "운영 홈", icon: "shield", end: true },
+    { to: "/admin/ai", label: "AI 운영", icon: "session" },
     { to: "/admin/users", label: "사용자", icon: "users" },
     { to: "/admin/access", label: "권한", icon: "settings" },
     { to: "/admin/tickets", label: "티켓", icon: "review" },
diff --git a/apps/web/src/components/shell/Topbar.tsx b/apps/web/src/components/shell/Topbar.tsx
index 20c625d..b15f0cb 100644
--- a/apps/web/src/components/shell/Topbar.tsx
+++ b/apps/web/src/components/shell/Topbar.tsx
@@ -1,8 +1,7 @@
-import { useEffect, useState } from "react";
 import { Link, useLocation, useNavigate } from "react-router-dom";
 import { Icon } from "../ui/Icon";
 import { accessibleRolesFor, canAccessRole, roleHomePath, roleLabel, useAuth, type Role } from "../../lib/auth";
-import { applyTheme, readInitialTheme, type AppTheme } from "../../lib/theme";
+import { useTheme } from "../../lib/useTheme";
 
 /** Vignette 워드마크 — 비네트(조리개) inline SVG. dev_dashboard 마크 계승. */
 function BrandMark() {
@@ -20,15 +19,6 @@ function BrandMark() {
   );
 }
 
-/** 라이트/다크 토글 (data-theme 반영). 토큰만으로 전환. */
-function useTheme(): [boolean, () => void] {
-  const [theme, setTheme] = useState<AppTheme>(() => readInitialTheme());
-  useEffect(() => {
-    applyTheme(theme);
-  }, [theme]);
-  return [theme === "dark", () => setTheme((current) => (current === "dark" ? "light" : "dark"))];
-}
-
 function initials(name?: string | null): string {
   const trimmed = (name ?? "").trim();
   if (!trimmed) return "·";
@@ -46,7 +36,7 @@ export function Topbar({ contextLabel }: TopbarProps) {
   const { user, logout } = useAuth();
   const navigate = useNavigate();
   const location = useLocation();
-  const [dark, toggleTheme] = useTheme();
+  const [dark, setDark] = useTheme();
 
   const label = contextLabel ?? (user ? roleLabel(user.role) : null);
   const switchRoles: Role[] = user ? accessibleRolesFor(user) : [];
@@ -100,7 +90,7 @@ export function Topbar({ contextLabel }: TopbarProps) {
         <button
           type="button"
           className="vg-iconbtn"
-          onClick={toggleTheme}
+          onClick={() => setDark(!dark)}
           aria-label={dark ? "라이트 모드로" : "다크 모드로"}
           title={dark ? "라이트 모드" : "다크 모드"}
         >
diff --git a/apps/web/src/components/shell/shell.css b/apps/web/src/components/shell/shell.css
index fb9ed3a..5b88778 100644
--- a/apps/web/src/components/shell/shell.css
+++ b/apps/web/src/components/shell/shell.css
@@ -5,15 +5,22 @@
    ===================================================================== */
 
 .vg-shell {
-  min-height: 100vh;
+  width: 100%;
+  height: 100vh;
+  height: 100dvh;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
   background: var(--bg-app);
 }
 .vg-shell--fullscreen {
-  min-height: 100dvh;
+  height: 100dvh;
 }
 
 /* ── 톱바 ── */
 .vg-topbar {
+  flex: 0 0 var(--topbar-h);
   min-width: 0;
   height: var(--topbar-h);
   background: var(--bg-surface);
@@ -104,50 +111,6 @@
   text-decoration: none;
 }
 
-/* 운영 콘솔은 생성 시안처럼 어두운 크롬을 쓴다. 본문 컴포넌트 토큰은 그대로 유지한다. */
-body[data-role="admin"] .vg-topbar {
-  background: #17211f;
-  border-bottom-color: rgba(255, 255, 255, 0.08);
-  color: #eef4f2;
-}
-body[data-role="admin"] .vg-topbar__wm,
-body[data-role="admin"] .vg-topbar__role,
-body[data-role="admin"] .vg-topbar__uname {
-  color: #eef4f2;
-}
-body[data-role="admin"] .vg-topbar__brand svg {
-  color: #7eb8ad;
-}
-body[data-role="admin"] .vg-topbar__user {
-  background: rgba(255, 255, 255, 0.08);
-}
-body[data-role="admin"] .vg-topbar__switch {
-  border-color: rgba(255, 255, 255, 0.1);
-  background: rgba(255, 255, 255, 0.06);
-}
-body[data-role="admin"] .vg-topbar__switch-link {
-  color: rgba(238, 244, 242, 0.72);
-}
-body[data-role="admin"] .vg-topbar__switch-link:hover,
-body[data-role="admin"] .vg-topbar__switch-link.is-active {
-  background: rgba(255, 255, 255, 0.1);
-  color: #ffffff;
-}
-body[data-role="admin"] .vg-topbar__avatar {
-  background: rgba(126, 184, 173, 0.18);
-  color: #bfe0d9;
-}
-body[data-role="admin"] .vg-topbar__role {
-  border-left-color: rgba(255, 255, 255, 0.12);
-}
-body[data-role="admin"] .vg-iconbtn {
-  color: rgba(238, 244, 242, 0.78);
-}
-body[data-role="admin"] .vg-iconbtn:hover {
-  background: rgba(255, 255, 255, 0.09);
-  color: #ffffff;
-}
-
 /* 톱바 아이콘 버튼 (테마/로그아웃) */
 .vg-iconbtn {
   display: inline-flex;
@@ -216,6 +179,9 @@ body[data-role="admin"] .vg-iconbtn:hover {
   --nav-cur: var(--nav-w);
   display: grid;
   grid-template-columns: var(--nav-cur) 1fr;
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow: hidden;
   align-items: start;
   /* 전체 높이 사이드바 구분선: sticky 네비(뷰포트 높이)에 의존하지 않고
      본문 그리드 전체 높이를 따라가는 컨테이너 배경 하어라인. */
@@ -231,10 +197,12 @@ body[data-role="admin"] .vg-iconbtn:hover {
 
 /* ── 좌측 네비 ── */
 .vg-nav {
-  position: sticky;
-  top: var(--topbar-h);
+  position: relative;
+  top: auto;
   align-self: start;
-  height: calc(100vh - var(--topbar-h));
+  width: 100%;
+  height: 100%;
+  min-height: 0;
   background: var(--bg-surface);
   /* 구분선은 .vg-shell__body 컨테이너 배경(전체 높이)이 그린다. */
   padding: var(--sp-5) var(--sp-3);
@@ -299,86 +267,15 @@ body[data-role="admin"] .vg-iconbtn:hover {
   color: var(--text-muted);
 }
 
-body[data-role="admin"] .vg-shell__body {
-  background-image: linear-gradient(rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.08));
-}
-body[data-role="admin"] .vg-nav {
-  background:
-    linear-gradient(180deg, rgba(23, 33, 31, 0.98), rgba(26, 38, 42, 0.98)),
-    var(--asset-warm-elements) center / cover no-repeat;
-  color: #eef4f2;
-}
-body[data-role="admin"] .vg-nav__label,
-body[data-role="admin"] .vg-nav__ethic {
-  color: rgba(238, 244, 242, 0.54);
-}
-body[data-role="admin"] .vg-nav__item {
-  color: rgba(238, 244, 242, 0.76);
-}
-body[data-role="admin"] .vg-nav__item:hover {
-  background: rgba(255, 255, 255, 0.08);
-  color: #ffffff;
-}
-body[data-role="admin"] .vg-nav__item .vg-nav__ic {
-  color: rgba(191, 224, 217, 0.72);
-}
-body[data-role="admin"] .vg-nav__item.is-active {
-  background: rgba(126, 184, 173, 0.22);
-  color: #ffffff;
-}
-body[data-role="admin"] .vg-nav__item.is-active .vg-nav__ic {
-  color: #91c8bd;
-}
-body[data-role="admin"] .vg-nav__foot {
-  border-top-color: rgba(255, 255, 255, 0.1);
-}
-
-body[data-role="instructor"] .vg-shell__body {
-  --nav-cur: 108px;
-  background-image: linear-gradient(rgba(38, 88, 83, 0.16), rgba(38, 88, 83, 0.16));
-}
-body[data-role="instructor"] .vg-nav {
-  background:
-    linear-gradient(180deg, rgba(32, 107, 99, 0.98), rgba(22, 83, 79, 0.98)),
-    var(--asset-warm-elements) center / cover no-repeat;
-  color: #eef4f2;
-  padding: var(--sp-5) 10px;
-}
-body[data-role="instructor"] .vg-nav__label,
-body[data-role="instructor"] .vg-nav__ethic {
-  color: rgba(238, 244, 242, 0.62);
-}
-body[data-role="instructor"] .vg-nav__item {
-  flex-direction: column;
-  justify-content: center;
-  gap: 6px;
-  min-height: 64px;
-  padding: 9px 8px;
-  color: rgba(238, 244, 242, 0.82);
-  font-size: 12px;
-  text-align: center;
-}
-body[data-role="instructor"] .vg-nav__item:hover {
-  background: rgba(255, 255, 255, 0.1);
-  color: #ffffff;
-}
-body[data-role="instructor"] .vg-nav__item .vg-nav__ic {
-  color: rgba(218, 242, 238, 0.78);
-}
-body[data-role="instructor"] .vg-nav__item.is-active {
-  background: rgba(255, 255, 255, 0.18);
-  color: #ffffff;
-}
-body[data-role="instructor"] .vg-nav__item.is-active .vg-nav__ic {
-  color: #ffffff;
-}
-body[data-role="instructor"] .vg-nav__foot {
-  border-top-color: rgba(255, 255, 255, 0.13);
-}
-
 /* ── 메인 콘텐츠 ── */
 .vg-main {
   min-width: 0; /* 그리드 자식 overflow 방지 */
+  height: 100%;
+  min-height: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+  overscroll-behavior-y: contain;
+  scrollbar-gutter: stable;
   padding: var(--sp-7) var(--sp-6) var(--sp-8);
 }
 .vg-main__inner {
@@ -402,9 +299,6 @@ body[data-role="instructor"] .vg-nav__foot {
     /* 그리드·구분선이 함께 축소 폭을 따른다 */
     --nav-cur: var(--nav-w-collapsed);
   }
-  body[data-role="instructor"] .vg-shell__body {
-    --nav-cur: var(--nav-w-collapsed);
-  }
   .vg-shell__body--bare {
     grid-template-columns: 1fr;
   }
@@ -427,15 +321,17 @@ body[data-role="instructor"] .vg-nav__foot {
     scroll-padding-bottom: var(--sp-6);
   }
   .vg-shell__body {
-    display: block;
+    display: grid;
+    grid-template-columns: minmax(0, 1fr);
+    grid-template-rows: 58px minmax(0, 1fr);
     background-image: none; /* 네비가 상단 가로바로 전환 — 세로 구분선 제거 */
   }
   .vg-shell__body--bare {
     display: block;
   }
   .vg-nav {
-    position: sticky;
-    top: var(--topbar-h);
+    position: relative;
+    top: auto;
     z-index: 29;
     height: 58px;
     padding: 7px max(12px, env(safe-area-inset-left)) 7px max(12px, env(safe-area-inset-right));
@@ -490,186 +386,196 @@ body[data-role="instructor"] .vg-nav__foot {
   .vg-main {
     padding: var(--sp-5) var(--sp-4) var(--sp-7);
   }
-  body[data-role="instructor"] .vg-topbar {
-    background: #1d7169;
-    border-bottom-color: rgba(255, 255, 255, 0.12);
-  }
-  body[data-role="instructor"] .vg-topbar__wm,
-  body[data-role="instructor"] .vg-topbar__role,
-  body[data-role="instructor"] .vg-topbar__uname,
-  body[data-role="instructor"] .vg-iconbtn {
-    color: #eef4f2;
-  }
-  body[data-role="instructor"] .vg-topbar__wm .v,
-  body[data-role="instructor"] .vg-topbar__mark {
-    color: #eef4f2;
-  }
-  body[data-role="instructor"] .vg-topbar__brand svg {
-    color: #eef4f2;
-  }
-  body[data-role="instructor"] .vg-topbar__role {
-    border-left-color: rgba(255, 255, 255, 0.18);
-  }
-  body[data-role="instructor"] .vg-topbar__user {
-    background: rgba(255, 255, 255, 0.14);
-  }
-  body[data-role="instructor"] .vg-topbar__avatar {
-    background: rgba(255, 255, 255, 0.18);
-    color: #ffffff;
-  }
-  body[data-role="instructor"] .vg-nav {
-    border-bottom-color: rgba(255, 255, 255, 0.14);
-  }
   .vg-main--bleed {
     padding: 0;
   }
 }
 
-/* ── Unified role chrome
-   역할별 제품처럼 보이던 톱바/사이드바 변형을 하나의 앱 크롬으로 통합한다.
-   역할 차이는 tokens.css의 accent만 사용하고, 형태·밀도·배경 체계는 동일하게 유지한다. */
-body[data-role="admin"] .vg-topbar,
-body[data-role="instructor"] .vg-topbar {
-  background: var(--bg-surface);
-  border-bottom-color: var(--hair);
+/* ── Botanical glass canvas ── */
+body[data-role] .vg-shell--botanical .vg-shell__body:not(.vg-shell__body--bare) {
+  position: relative;
+  isolation: isolate;
+  overflow: hidden;
+}
+body[data-role] .vg-shell--botanical .vg-nav,
+body[data-role] .vg-shell--botanical .vg-main {
+  position: relative;
+  z-index: 1;
+}
+.vg-shell--botanical .vg-main:not(.vg-main--bleed),
+.vg-shell--learner-dashboard .vg-main:not(.vg-main--bleed) {
+  background: transparent;
+}
+/* 학습 대시보드 전용 규칙은 콘텐츠 패딩만 소유한다. 앱 크롬은 아래 SSOT를 그대로 쓴다. */
+.vg-shell--learner-dashboard .vg-main:not(.vg-main--bleed) {
+  padding: 36px 32px 72px;
+  background: transparent;
+}
+/* ── App chrome authority (파일 최종 우선순위) ── */
+.vg-shell--botanical {
+  --topbar-h: 64px;
+  --nav-w: 230px;
+}
+body[data-role] .vg-shell--botanical .vg-topbar {
+  height: var(--topbar-h);
+  background: color-mix(in srgb, var(--bg-surface) 76%, transparent);
+  border-bottom-color: var(--botanical-hair);
+  color: var(--text-strong);
+  -webkit-backdrop-filter: var(--glass-blur);
+  backdrop-filter: var(--glass-blur);
+}
+[data-theme="dark"] body[data-role] .vg-shell--botanical .vg-topbar {
+  background: color-mix(in srgb, var(--bg-app) 76%, transparent);
+}
+body[data-role] .vg-shell--botanical .vg-topbar__wm,
+body[data-role] .vg-shell--botanical .vg-topbar__role,
+body[data-role] .vg-shell--botanical .vg-topbar__uname,
+body[data-role] .vg-shell--botanical .vg-iconbtn {
   color: var(--text-strong);
 }
-body[data-role="admin"] .vg-topbar__wm,
-body[data-role="admin"] .vg-topbar__role,
-body[data-role="admin"] .vg-topbar__uname,
-body[data-role="admin"] .vg-iconbtn,
-body[data-role="instructor"] .vg-topbar__wm,
-body[data-role="instructor"] .vg-topbar__role,
-body[data-role="instructor"] .vg-topbar__uname,
-body[data-role="instructor"] .vg-iconbtn {
-  color: var(--text-strong);
+body[data-role] .vg-shell--botanical .vg-topbar__wm {
+  font-size: 19px;
+  font-weight: 760;
 }
-body[data-role="admin"] .vg-topbar__wm .v,
-body[data-role="instructor"] .vg-topbar__wm .v,
-body[data-role="admin"] .vg-topbar__mark,
-body[data-role="instructor"] .vg-topbar__mark,
-body[data-role="admin"] .vg-topbar__brand svg,
-body[data-role="instructor"] .vg-topbar__brand svg {
-  color: var(--accent);
+body[data-role] .vg-shell--botanical .vg-topbar__role {
+  border-left-color: var(--botanical-hair);
+  font-size: 14px;
+  letter-spacing: 0;
 }
-body[data-role="admin"] .vg-topbar__role,
-body[data-role="instructor"] .vg-topbar__role {
-  border-left-color: var(--hair);
-}
-body[data-role="admin"] .vg-topbar__user,
-body[data-role="instructor"] .vg-topbar__user {
+body[data-role] .vg-shell--botanical .vg-topbar__user {
   background: var(--bg-surface-2);
 }
-body[data-role="admin"] .vg-topbar__avatar,
-body[data-role="instructor"] .vg-topbar__avatar {
+body[data-role] .vg-shell--botanical .vg-topbar__avatar {
   background: var(--accent-tint);
   color: var(--accent-deep);
 }
-body[data-role="admin"] .vg-iconbtn:hover,
-body[data-role="instructor"] .vg-iconbtn:hover {
-  background: var(--bg-surface-2);
-  color: var(--text-strong);
-}
-body[data-role="admin"] .vg-shell__body,
-body[data-role="instructor"] .vg-shell__body {
+body[data-role] .vg-shell--botanical .vg-shell__body:not(.vg-shell__body--bare) {
   --nav-cur: var(--nav-w);
-  background-image: linear-gradient(var(--hair), var(--hair));
+  background-color: var(--glass-canvas);
+  background-image:
+    linear-gradient(var(--botanical-hair), var(--botanical-hair)),
+    radial-gradient(circle at 68% 18%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 34rem),
+    radial-gradient(circle at 42% 72%, color-mix(in srgb, var(--botanical-gold) 13%, transparent), transparent 42rem),
+    linear-gradient(135deg, color-mix(in srgb, var(--bg-app) 28%, transparent), color-mix(in srgb, var(--bg-app) 62%, transparent)),
+    var(--asset-botanical-corner),
+    radial-gradient(circle at 76% 10%, var(--botanical-glow), transparent 30rem);
+  background-repeat: no-repeat;
+  background-position: var(--nav-cur) 0, center top, center bottom, center top, right top, center top;
+  background-size: 1px 100%, 100% 52rem, 100% 62rem, 100% 46rem, min(66vw, 980px) auto, 100% 46rem;
 }
-body[data-role="admin"] .vg-nav,
-body[data-role="instructor"] .vg-nav {
-  background: var(--bg-surface);
-  color: var(--text-strong);
+body[data-role] .vg-shell--botanical .vg-nav {
+  top: auto;
   padding: var(--sp-5) var(--sp-3);
+  background:
+    linear-gradient(180deg, color-mix(in srgb, var(--bg-surface) 34%, transparent), color-mix(in srgb, var(--bg-app) 54%, transparent)),
+    var(--asset-botanical-sidebar) center bottom / auto 72% no-repeat,
+    color-mix(in srgb, var(--bg-surface) 62%, transparent);
+  color: var(--text-strong);
+  -webkit-backdrop-filter: var(--glass-blur);
+  backdrop-filter: var(--glass-blur);
 }
-body[data-role="admin"] .vg-nav__label,
-body[data-role="admin"] .vg-nav__ethic,
-body[data-role="instructor"] .vg-nav__label,
-body[data-role="instructor"] .vg-nav__ethic {
+body[data-role] .vg-shell--botanical .vg-nav__label,
+body[data-role] .vg-shell--botanical .vg-nav__ethic {
   color: var(--text-muted);
 }
-body[data-role="admin"] .vg-nav__item,
-body[data-role="instructor"] .vg-nav__item {
+body[data-role] .vg-shell--botanical .vg-nav__item {
+  position: relative;
+  isolation: isolate;
+  overflow: hidden;
+  min-height: 50px;
+  padding: 10px 12px;
   flex-direction: row;
   justify-content: flex-start;
   gap: 11px;
-  min-height: 0;
-  padding: 9px 12px;
+  border: 1px solid transparent;
   color: var(--text-body);
-  font-size: 14px;
+  font-size: 15px;
   text-align: left;
 }
-body[data-role="admin"] .vg-nav__item:hover,
-body[data-role="instructor"] .vg-nav__item:hover {
-  background: var(--bg-surface-2);
+body[data-role] .vg-shell--botanical .vg-nav__item:hover {
+  border-color: color-mix(in srgb, var(--botanical-gold) 18%, var(--border-subtle));
+  background: color-mix(in srgb, var(--bg-surface) 86%, var(--bg-tint));
   color: var(--text-strong);
 }
-body[data-role="admin"] .vg-nav__item .vg-nav__ic,
-body[data-role="instructor"] .vg-nav__item .vg-nav__ic {
-  color: var(--text-muted);
+body[data-role] .vg-shell--botanical .vg-nav__item.is-active {
+  padding-right: 58px;
+  border-color: color-mix(in srgb, var(--botanical-gold) 34%, var(--border-subtle));
+  background: linear-gradient(
+    112deg,
+    color-mix(in srgb, var(--bg-surface) 94%, var(--botanical-gold)),
+    color-mix(in srgb, var(--bg-surface-2) 78%, transparent)
+  );
+  color: var(--text-strong);
+  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--bg-surface) 84%, transparent);
 }
-body[data-role="admin"] .vg-nav__item.is-active,
-body[data-role="instructor"] .vg-nav__item.is-active {
-  background: var(--accent-tint);
-  color: var(--accent-deep);
-}
-body[data-role="admin"] .vg-nav__item.is-active .vg-nav__ic,
-body[data-role="instructor"] .vg-nav__item.is-active .vg-nav__ic {
+body[data-role] .vg-shell--botanical .vg-nav__item.is-active .vg-nav__ic {
   color: var(--accent);
 }
-body[data-role="admin"] .vg-nav__foot,
-body[data-role="instructor"] .vg-nav__foot {
-  border-top-color: var(--hair);
+body[data-role] .vg-shell--botanical .vg-nav__item.is-active::after {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  right: 0;
+  bottom: 0;
+  width: 58px;
+  height: 100%;
+  background: var(--asset-botanical-leaf) right -20px bottom -42px / 76px 96px no-repeat;
+  opacity: 0.28;
+  pointer-events: none;
+  display: block;
+}
+body[data-role] .vg-shell--botanical .vg-nav__foot {
+  border-top-color: var(--botanical-hair);
 }
 
 @media (max-width: 1024px) {
-  body[data-role="admin"] .vg-shell__body,
-  body[data-role="instructor"] .vg-shell__body {
+  body[data-role] .vg-shell--botanical .vg-shell__body:not(.vg-shell__body--bare) {
     --nav-cur: var(--nav-w-collapsed);
   }
-  body[data-role="admin"] .vg-nav,
-  body[data-role="instructor"] .vg-nav {
+  body[data-role] .vg-shell--botanical .vg-nav {
     padding: var(--sp-4) var(--sp-2);
+    background-image: none;
   }
-  body[data-role="admin"] .vg-nav__item,
-  body[data-role="instructor"] .vg-nav__item {
+  body[data-role] .vg-shell--botanical .vg-nav__item,
+  body[data-role] .vg-shell--botanical .vg-nav__item.is-active {
+    min-height: 46px;
     justify-content: center;
     padding: 11px;
   }
+  body[data-role] .vg-shell--botanical .vg-nav__item.is-active::after {
+    display: none;
+  }
 }
 
 @media (max-width: 720px) {
-  body[data-role="admin"] .vg-shell__body,
-  body[data-role="instructor"] .vg-shell__body {
-    display: block;
-    background-image: none;
+  body[data-role] .vg-shell--botanical .vg-shell__body:not(.vg-shell__body--bare) {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr);
+    grid-template-rows: 58px minmax(0, 1fr);
+    background-image:
+      radial-gradient(circle at 74% 12%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 22rem),
+      radial-gradient(circle at 18% 82%, color-mix(in srgb, var(--botanical-gold) 14%, transparent), transparent 28rem),
+      var(--asset-botanical-corner);
+    background-repeat: no-repeat;
+    background-position: right top, left bottom, right -140px bottom -80px;
+    background-size: 100% 34rem, 100% 38rem, 430px auto;
   }
-  body[data-role="admin"] .vg-nav,
-  body[data-role="instructor"] .vg-nav {
-    position: sticky;
-    top: var(--topbar-h);
+  body[data-role] .vg-shell--botanical .vg-nav {
+    position: relative;
+    top: auto;
     z-index: 29;
     height: 58px;
     padding: 7px max(12px, env(safe-area-inset-left)) 7px max(12px, env(safe-area-inset-right));
-    border-bottom: 1px solid var(--hair);
-    flex-direction: row;
-    align-items: center;
-    justify-content: flex-start;
-    gap: 8px;
-    overflow-x: auto;
-    overflow-y: hidden;
+    border-bottom: 1px solid var(--botanical-hair);
+    background: color-mix(in srgb, var(--bg-surface) 72%, transparent);
+    -webkit-backdrop-filter: var(--glass-blur);
+    backdrop-filter: var(--glass-blur);
   }
-  body[data-role="admin"] .vg-nav__item,
-  body[data-role="instructor"] .vg-nav__item {
+  body[data-role] .vg-shell--botanical .vg-nav__item,
+  body[data-role] .vg-shell--botanical .vg-nav__item.is-active {
     min-width: 112px;
     height: 44px;
-    justify-content: center;
     padding: 0 14px;
     gap: 8px;
-    white-space: nowrap;
-  }
-  body[data-role="admin"] .vg-nav__item span:not(.vg-nav__ic),
-  body[data-role="instructor"] .vg-nav__item span:not(.vg-nav__ic) {
-    display: inline;
-    font-size: 13px;
   }
 }
diff --git a/apps/web/src/components/ui/Card.tsx b/apps/web/src/components/ui/Card.tsx
index 1d32a7d..2ce914d 100644
--- a/apps/web/src/components/ui/Card.tsx
+++ b/apps/web/src/components/ui/Card.tsx
@@ -1,4 +1,5 @@
 import type { HTMLAttributes, ReactNode } from "react";
+import { Surface } from "./Surface";
 
 export interface CardProps extends HTMLAttributes<HTMLDivElement> {
   /** 그림자 제거(헤어라인만) */
@@ -10,17 +11,9 @@ export interface CardProps extends HTMLAttributes<HTMLDivElement> {
 
 /** 카드: 헤어라인 + 미세 그림자. 상단 강조선 금지. radius 8px. §7.3 */
 export function Card({ flat, tint, className, children, ...rest }: CardProps) {
-  const cls = [
-    "vg-card",
-    flat ? "vg-card--flat" : "",
-    tint ? "vg-card--tint" : "",
-    className ?? "",
-  ]
-    .filter(Boolean)
-    .join(" ");
   return (
-    <div className={cls} {...rest}>
+    <Surface className={["vg-card", className ?? ""].filter(Boolean).join(" ")} flat={flat} tint={tint} {...rest}>
       {children}
-    </div>
+    </Surface>
   );
 }
diff --git a/apps/web/src/components/ui/EmptyState.tsx b/apps/web/src/components/ui/EmptyState.tsx
new file mode 100644
index 0000000..26831e5
--- /dev/null
+++ b/apps/web/src/components/ui/EmptyState.tsx
@@ -0,0 +1,26 @@
+import type { HTMLAttributes, ReactNode } from "react";
+
+export interface EmptyStateProps extends Omit<
+  HTMLAttributes<HTMLDivElement>,
+  "title"
+> {
+  title: ReactNode;
+  description: ReactNode;
+  descriptionAs?: "span" | "p" | "div";
+}
+
+/** 데이터 없음·준비 중 상태의 공통 의미 구조. 배치와 표면은 호출 화면이 소유한다. */
+export function EmptyState({
+  title,
+  description,
+  descriptionAs: Description = "span",
+  className = "vg-empty",
+  ...rest
+}: EmptyStateProps) {
+  return (
+    <div className={className} {...rest}>
+      <b className="vg-empty__title">{title}</b>
+      <Description className="vg-empty__desc">{description}</Description>
+    </div>
+  );
+}
diff --git a/apps/web/src/components/ui/Panel.tsx b/apps/web/src/components/ui/Panel.tsx
index 56b594f..7945853 100644
--- a/apps/web/src/components/ui/Panel.tsx
+++ b/apps/web/src/components/ui/Panel.tsx
@@ -1,4 +1,5 @@
 import type { HTMLAttributes, ReactNode } from "react";
+import { Surface } from "./Surface";
 
 export interface PanelProps extends HTMLAttributes<HTMLDivElement> {
   /** 그림자 제거 */
@@ -10,17 +11,9 @@ export interface PanelProps extends HTMLAttributes<HTMLDivElement> {
 
 /** 패널: 카드보다 큰 radius(12px) + 넉넉한 패딩(32px). §7.3 */
 export function Panel({ flat, tint, className, children, ...rest }: PanelProps) {
-  const cls = [
-    "vg-panel",
-    flat ? "vg-panel--flat" : "",
-    tint ? "vg-panel--tint" : "",
-    className ?? "",
-  ]
-    .filter(Boolean)
-    .join(" ");
   return (
-    <div className={cls} {...rest}>
+    <Surface className={["vg-panel", className ?? ""].filter(Boolean).join(" ")} flat={flat} tint={tint} {...rest}>
       {children}
-    </div>
+    </Surface>
   );
 }
diff --git a/apps/web/src/components/ui/SectionHead.tsx b/apps/web/src/components/ui/SectionHead.tsx
deleted file mode 100644
index 76db20e..0000000
--- a/apps/web/src/components/ui/SectionHead.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import type { ReactNode } from "react";
-import { Kicker } from "./Kicker";
-
-export interface SectionHeadProps {
-  /** kicker 텍스트 (상단 소제목) */
-  kicker?: ReactNode;
-  /** kicker dot 표시 */
-  dot?: boolean;
-  /** 섹션 제목 (h2) */
-  title?: ReactNode;
-  /** 보조 설명 */
-  desc?: ReactNode;
-  /** 제목 우측 액션 영역 */
-  action?: ReactNode;
-  className?: string;
-}
-
-/** SectionHead — kicker + 제목 + 설명. 한 화면 한 메시지의 위계 헤더. */
-export function SectionHead({
-  kicker,
-  dot = true,
-  title,
-  desc,
-  action,
-  className,
-}: SectionHeadProps) {
-  const cls = ["vg-sechead", className ?? ""].filter(Boolean).join(" ");
-  return (
-    <div className={cls}>
-      {kicker ? (
-        <div className="vg-sechead__kicker">
-          <Kicker dot={dot}>{kicker}</Kicker>
-        </div>
-      ) : null}
-      {(title || action) && (
-        <div
-          style={{
-            display: "flex",
-            alignItems: "baseline",
-            justifyContent: "space-between",
-            gap: "var(--sp-4)",
-          }}
-        >
-          {title ? <h2 className="vg-sechead__title">{title}</h2> : <span />}
-          {action}
-        </div>
-      )}
-      {desc ? <div className="vg-sechead__desc">{desc}</div> : null}
-    </div>
-  );
-}
diff --git a/apps/web/src/components/ui/StatLine.tsx b/apps/web/src/components/ui/StatLine.tsx
deleted file mode 100644
index e057588..0000000
--- a/apps/web/src/components/ui/StatLine.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { Fragment } from "react";
-import type { ReactNode } from "react";
-
-export interface Stat {
-  /** 숫자/값 (tabular 표기) */
-  num: ReactNode;
-  /** 라벨 */
-  label: ReactNode;
-}
-
-export interface StatLineProps {
-  stats: Stat[];
-  /** 항목 사이 세로 구분선 */
-  separators?: boolean;
-  className?: string;
-}
-
-/** StatLine — 요약 스탯 가로 나열. 숫자는 tabular-nums. */
-export function StatLine({ stats, separators = true, className }: StatLineProps) {
-  const cls = ["vg-statline", className ?? ""].filter(Boolean).join(" ");
-  return (
-    <div className={cls}>
-      {stats.map((s, i) => (
-        <Fragment key={i}>
-          {separators && i > 0 ? (
-            <span className="vg-statline__sep" aria-hidden="true" />
-          ) : null}
-          <span className="vg-statline__item">
-            <span className="vg-statline__num tabular">{s.num}</span>
-            <span className="vg-statline__lab">{s.label}</span>
-          </span>
-        </Fragment>
-      ))}
-    </div>
-  );
-}
diff --git a/apps/web/src/components/ui/Surface.tsx b/apps/web/src/components/ui/Surface.tsx
new file mode 100644
index 0000000..12a94dc
--- /dev/null
+++ b/apps/web/src/components/ui/Surface.tsx
@@ -0,0 +1,52 @@
+import type { HTMLAttributes, ReactNode } from "react";
+
+export type SurfaceVariant = "panel" | "inset" | "interactive";
+
+export interface SurfaceOptions {
+  variant?: SurfaceVariant;
+  flat?: boolean;
+  tint?: boolean;
+}
+
+/** raw element(button/li/section 포함)도 같은 표면 계약을 쓰게 하는 class builder. */
+export function surfaceClassName(
+  className?: string,
+  { variant = "panel", flat, tint }: SurfaceOptions = {},
+) {
+  return [
+    "vg-surface",
+    `vg-surface--${variant}`,
+    flat ? "vg-surface--flat" : "",
+    tint ? "vg-surface--tint" : "",
+    className ?? "",
+  ]
+    .filter(Boolean)
+    .join(" ");
+}
+
+export interface SurfaceProps extends HTMLAttributes<HTMLDivElement>, SurfaceOptions {
+  children?: ReactNode;
+}
+
+/**
+ * Surface — 배경·헤어라인·그림자·backdrop-filter의 단일 소유자.
+ * 페이지 CSS는 이 컴포넌트의 배치와 내부 타이포만 소유한다.
+ */
+export function Surface({
+  variant = "panel",
+  flat,
+  tint,
+  className,
+  children,
+  ...rest
+}: SurfaceProps) {
+  return (
+    <div
+      className={surfaceClassName(className, { variant, flat, tint })}
+      data-surface={variant}
+      {...rest}
+    >
+      {children}
+    </div>
+  );
+}
diff --git a/apps/web/src/components/ui/index.ts b/apps/web/src/components/ui/index.ts
index 263c0d4..a0b5ea5 100644
--- a/apps/web/src/components/ui/index.ts
+++ b/apps/web/src/components/ui/index.ts
@@ -13,11 +13,14 @@ export type { CardProps } from "./Card";
 export { Panel } from "./Panel";
 export type { PanelProps } from "./Panel";
 
+export { Surface, surfaceClassName } from "./Surface";
+export type { SurfaceProps, SurfaceOptions, SurfaceVariant } from "./Surface";
+
 export { Kicker } from "./Kicker";
 export type { KickerProps } from "./Kicker";
 
-export { SectionHead } from "./SectionHead";
-export type { SectionHeadProps } from "./SectionHead";
+export { EmptyState } from "./EmptyState";
+export type { EmptyStateProps } from "./EmptyState";
 
 export { Badge } from "./Badge";
 export type { BadgeProps, BadgeTone } from "./Badge";
@@ -25,9 +28,6 @@ export type { BadgeProps, BadgeTone } from "./Badge";
 export { Dot } from "./Dot";
 export type { DotProps, DotTone } from "./Dot";
 
-export { StatLine } from "./StatLine";
-export type { StatLineProps, Stat } from "./StatLine";
-
 export { ProgressBar } from "./ProgressBar";
 export type { ProgressBarProps, ProgressTone } from "./ProgressBar";
 
diff --git a/apps/web/src/components/ui/ui.css b/apps/web/src/components/ui/ui.css
index 5a3bfdc..c710d3f 100644
--- a/apps/web/src/components/ui/ui.css
+++ b/apps/web/src/components/ui/ui.css
@@ -83,16 +83,18 @@
 }
 
 .vg-btn--primary {
-  background: var(--accent);
+  background: linear-gradient(105deg, color-mix(in srgb, var(--accent) 90%, var(--bg-surface)), var(--accent));
   color: var(--text-on-accent);
+  border-color: color-mix(in srgb, var(--botanical-gold) 24%, var(--accent));
+  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--bg-surface) 32%, transparent);
 }
 .vg-btn--primary:hover:not(:disabled) {
   background: var(--accent-deep);
 }
 .vg-btn--secondary {
-  background: var(--bg-surface);
+  background: var(--surface-gradient);
   color: var(--accent);
-  border-color: var(--accent);
+  border-color: color-mix(in srgb, var(--accent) 62%, var(--botanical-hair));
 }
 .vg-btn--secondary:hover:not(:disabled) {
   background: var(--accent-tint);
@@ -107,42 +109,61 @@
 }
 .vg-btn--danger {
   background: var(--crit-solid);
-  color: #fff;
+  color: var(--text-on-accent);
 }
 .vg-btn--danger:hover:not(:disabled) {
   background: var(--crit-text);
 }
 
-/* ── Card / Panel §7.3 (헤어라인 + 미세 그림자, 상단 강조선 금지) ── */
-.vg-card {
-  background: var(--bg-surface);
-  border: 1px solid var(--border-subtle);
+/* ── Surface SSOT ── */
+.vg-surface.vg-surface--panel {
+  background: var(--glass-specular), var(--glass-surface);
+  border: 1px solid var(--glass-border);
   border-radius: var(--radius);
-  padding: var(--sp-5);
-  box-shadow: var(--shadow-sm);
+  box-shadow: var(--glass-edge-shadow), var(--glass-shadow);
+  -webkit-backdrop-filter: var(--glass-blur);
+  backdrop-filter: var(--glass-blur);
 }
-.vg-card--flat {
+.vg-surface.vg-surface--inset {
+  background: var(--glass-specular-inset), var(--glass-surface-inset);
+  border: 0;
+  border-radius: 0;
+  box-shadow: var(--glass-inset-shadow);
+  -webkit-backdrop-filter: blur(12px) saturate(110%);
+  backdrop-filter: blur(12px) saturate(110%);
+}
+.vg-surface.vg-surface--interactive {
+  background: var(--glass-specular-inset), var(--glass-surface-inset);
+  border: 1px solid var(--glass-inset-border);
+  border-radius: var(--radius);
+  box-shadow: var(--glass-inset-shadow);
+  -webkit-backdrop-filter: blur(12px) saturate(110%);
+  backdrop-filter: blur(12px) saturate(110%);
+  transition:
+    background var(--dur-base) var(--ease-out),
+    border-color var(--dur-base) var(--ease-out),
+    transform var(--dur-fast) var(--ease-out);
+}
+.vg-surface.vg-surface--interactive:hover {
+  border-color: color-mix(in srgb, var(--accent) 48%, var(--glass-border));
+  background: var(--glass-specular), var(--glass-surface-strong);
+}
+.vg-surface.vg-surface--flat {
   box-shadow: none;
 }
-.vg-card--tint {
+.vg-surface.vg-surface--tint {
   background: var(--bg-tint);
   border-color: transparent;
   box-shadow: none;
 }
+
+/* ── Card / Panel 크기 계약. 표면은 위 Surface만 소유한다. ── */
+.vg-card {
+  padding: var(--sp-5);
+}
 .vg-panel {
-  background: var(--bg-surface);
-  border: 1px solid var(--border-subtle);
   border-radius: var(--radius-lg);
   padding: var(--sp-6);
-  box-shadow: var(--shadow-sm);
-}
-.vg-panel--flat {
-  box-shadow: none;
-}
-.vg-panel--tint {
-  background: var(--bg-tint);
-  border-color: transparent;
-  box-shadow: none;
 }
 
 /* ── Badge (배경 틴트 + 텍스트, 좌측바 없음) ── */
diff --git a/apps/web/src/lib/api.gen.ts b/apps/web/src/lib/api.gen.ts
index d4c4ec7..075170a 100644
--- a/apps/web/src/lib/api.gen.ts
+++ b/apps/web/src/lib/api.gen.ts
@@ -818,6 +818,29 @@ export interface paths {
         patch?: never;
         trace?: never;
     };
+    "/personas/sources/upload": {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: never;
+        };
+        get?: never;
+        put?: never;
+        /**
+         * Upload Persona Source Route
+         * @description 자유 양식 엑셀/CSV 업로드 → 텍스트 변환 → 기존 source 등록 경로 재사용 (P4).
+         *
+         *     업로드 원본 바이트는 이 핸들러 메모리에서만 파싱하고 저장하지 않는다(원본 파기).
+         *     파생 텍스트만 기존 마스킹·hash-only 증거·sanitized chunk 경로로 등록된다.
+         */
+        post: operations["upload_persona_source_route_personas_sources_upload_post"];
+        delete?: never;
+        options?: never;
+        head?: never;
+        patch?: never;
+        trace?: never;
+    };
     "/personas/{persona_id}": {
         parameters: {
             query?: never;
@@ -1972,6 +1995,27 @@ export interface components {
              */
             file: string;
         };
+        /** Body_upload_persona_source_route_personas_sources_upload_post */
+        Body_upload_persona_source_route_personas_sources_upload_post: {
+            /**
+             * File
+             * Format: binary
+             */
+            file: string;
+            /**
+             * Source Kind
+             * @default mixed_notes
+             * @enum {string}
+             */
+            source_kind: "client_record" | "textbook_guide" | "mixed_notes";
+            /**
+             * Source Note
+             * @default
+             */
+            source_note: string;
+            /** Title */
+            title?: string | null;
+        };
         /** ChunkOut */
         ChunkOut: {
             /** Behavior Cue */
@@ -2433,6 +2477,11 @@ export interface components {
             persona_code: string;
             /** Persona Name */
             persona_name: string;
+            /**
+             * Rapport Percent
+             * @default 0
+             */
+            rapport_percent: number;
             /**
              * Review Ready Sessions
              * @default 0
@@ -3467,14 +3516,22 @@ export interface components {
         SessionDetailResponse: {
             /** Case Id */
             case_id: string;
+            /**
+             * Duration Limit Seconds
+             * @default 0
+             */
+            duration_limit_seconds: number;
             /** Effective Openness */
             effective_openness: number;
             /** Ended At */
             ended_at?: string | null;
+            /** Goal Stages */
+            goal_stages?: ("라포" | "탐색" | "개입" | "정리")[];
             /** Persona Code */
             persona_code: string;
             /** Persona Name */
             persona_name: string;
+            progress?: components["schemas"]["SessionProgress"] | null;
             /**
              * Review Ready
              * @default false
@@ -3498,6 +3555,11 @@ export interface components {
             theory_mode: string;
             /** Turns */
             turns?: components["schemas"]["SessionDetailTurn"][];
+            /**
+             * Warning Before End Seconds
+             * @default 0
+             */
+            warning_before_end_seconds: number;
         };
         /** SessionDetailTurn */
         SessionDetailTurn: {
@@ -3575,6 +3637,34 @@ export interface components {
              */
             turns_evaluated: number;
         };
+        /**
+         * SessionProgress
+         * @description 회기 진행 상세(P2). 내부 원값 명칭 대신 학습자-안전 파생 %만 노출한다.
+         */
+        SessionProgress: {
+            /**
+             * Openness Percent
+             * @default 0
+             */
+            openness_percent: number;
+            /**
+             * Rapport Delta Percent
+             * @default 0
+             */
+            rapport_delta_percent: number;
+            /**
+             * Rapport Percent
+             * @default 0
+             */
+            rapport_percent: number;
+            /**
+             * Resistance Percent
+             * @default 0
+             */
+            resistance_percent: number;
+            /** Stages */
+            stages?: components["schemas"]["SessionStageProgress"][];
+        };
         /** SessionReviewResponse */
         SessionReviewResponse: {
             /** Audiourl */
@@ -3656,8 +3746,36 @@ export interface components {
             /** Title */
             title: string;
         };
+        /**
+         * SessionStageProgress
+         * @description 단계별 누적 게이지(P2). 상태머신 결정론 수치의 파생값만 담는다.
+         */
+        SessionStageProgress: {
+            /**
+             * Achieved
+             * @default false
+             */
+            achieved: boolean;
+            /**
+             * Is Goal
+             * @default false
+             */
+            is_goal: boolean;
+            /**
+             * Percent
+             * @default 0
+             */
+            percent: number;
+            /**
+             * Stage
+             * @enum {string}
+             */
+            stage: "라포" | "탐색" | "개입" | "정리";
+        };
         /** SessionStartRequest */
         SessionStartRequest: {
+            /** Goal Stages */
+            goal_stages?: ("라포" | "탐색" | "개입" | "정리")[];
             /**
              * Persona Code
              * @example P1
@@ -3679,8 +3797,15 @@ export interface components {
              * @default false
              */
             degraded: boolean;
+            /**
+             * Duration Limit Seconds
+             * @default 0
+             */
+            duration_limit_seconds: number;
             /** Effective Openness */
             effective_openness: number;
+            /** Goal Stages */
+            goal_stages?: ("라포" | "탐색" | "개입" | "정리")[];
             /** Recall Summary */
             recall_summary?: string | null;
             /** Session Id */
@@ -3692,6 +3817,16 @@ export interface components {
              * @enum {string}
              */
             stage: "라포" | "탐색" | "개입" | "정리";
+            /**
+             * Started At
+             * @default
+             */
+            started_at: string;
+            /**
+             * Warning Before End Seconds
+             * @default 0
+             */
+            warning_before_end_seconds: number;
         };
         /** SessionTeacherReviewStatus */
         SessionTeacherReviewStatus: {
@@ -4057,8 +4192,9 @@ export interface components {
             /**
              * Appropriateness
              * @default neutral
+             * @enum {string}
              */
-            appropriateness: string;
+            appropriateness: "pos" | "warn" | "neutral";
             /** Appropriateness Note */
             appropriateness_note?: string | null;
             /** Client State Read */
@@ -4117,6 +4253,7 @@ export interface components {
             effective_openness: number;
             /** Output Error */
             output_error?: string | null;
+            progress?: components["schemas"]["SessionProgress"] | null;
             /**
              * Safety Flagged
              * @default false
@@ -5915,6 +6052,42 @@ export interface operations {
             };
         };
     };
+    upload_persona_source_route_personas_sources_upload_post: {
+        parameters: {
+            query?: never;
+            header?: never;
+            path?: never;
+            cookie?: {
+                "__Host-vignette_sid"?: string | null;
+                vignette_sid?: string | null;
+            };
+        };
+        requestBody: {
+            content: {
+                "multipart/form-data": components["schemas"]["Body_upload_persona_source_route_personas_sources_upload_post"];
+            };
+        };
+        responses: {
+            /** @description Successful Response */
+            201: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": components["schemas"]["PersonaSourceDocumentResponse"];
+                };
+            };
+            /** @description Validation Error */
+            422: {
+                headers: {
+                    [name: string]: unknown;
+                };
+                content: {
+                    "application/json": components["schemas"]["HTTPValidationError"];
+                };
+            };
+        };
+    };
     archive_persona_route_personas__persona_id__delete: {
         parameters: {
             query?: never;
diff --git a/apps/web/src/lib/api.ts b/apps/web/src/lib/api.ts
index 234fcf6..fcba337 100644
--- a/apps/web/src/lib/api.ts
+++ b/apps/web/src/lib/api.ts
@@ -197,6 +197,9 @@ export type PersonaDraftGenerateResponse = ApiSchema<"PersonaDraftGenerateRespon
 
 /** POST /sessions — sessions.py SessionStartResponse */
 export type SessionStartResponse = ApiSchema<"SessionStartResponse">;
+/** P2 단계 누적 게이지·상세 수치 — session_read_model.SessionProgress */
+export type SessionProgress = ApiSchema<"SessionProgress">;
+export type SessionStageProgress = ApiSchema<"SessionStageProgress">;
 
 /** POST /sessions/{id}/turn — sessions.py TurnResponse */
 export type TurnResponse = ApiSchema<"TurnResponse">;
@@ -279,6 +282,8 @@ export interface SessionStreamDone {
   crisis_resource?: CrisisResource | null;
   conversation_stopped?: boolean;
   output_error?: string | null;
+  /** P2 단계 누적 게이지·상세 수치 */
+  progress?: SessionProgress | null;
 }
 
 function safeParse(data: string): unknown {
@@ -348,6 +353,7 @@ export async function openSessionStream(
         crisis_resource: parsed.crisis_resource,
         conversation_stopped: parsed.conversation_stopped,
         output_error: parsed.output_error,
+        progress: parsed.progress ?? null,
       };
       handlers.onDone?.(donePayload);
       return;
@@ -419,6 +425,25 @@ export const personaReviewApi = {
     api.post<PersonaReviewSummary>("/personas/drafts", payload),
   createSource: (payload: PersonaSourceDocumentRequest) =>
     api.post<PersonaSourceDocumentResponse>("/personas/sources", payload),
+  /** P4: 자유 양식 엑셀/CSV 업로드 → 서버 변환·등록 (원본은 서버에 저장되지 않음) */
+  uploadSource: async (
+    file: File,
+    options: { source_kind?: string; title?: string; source_note?: string } = {},
+  ) => {
+    const form = new FormData();
+    form.append("file", file);
+    if (options.source_kind) form.append("source_kind", options.source_kind);
+    if (options.title) form.append("title", options.title);
+    if (options.source_note) form.append("source_note", options.source_note);
+    const res = await fetch(joinUrl("/personas/sources/upload"), {
+      method: "POST",
+      credentials: "include",
+      headers: { Accept: "application/json" },
+      body: form,
+    });
+    if (!res.ok) throw await parseError(res);
+    return (await res.json()) as PersonaSourceDocumentResponse;
+  },
   generateDraft: (payload: PersonaDraftGenerateRequest) =>
     api.post<PersonaDraftGenerateResponse>("/personas/drafts/generate", payload),
   getDraft: (personaId: string) =>
@@ -464,8 +489,12 @@ export const sessionApi = {
   },
   get: (sessionId: string) =>
     api.get<SessionDetailResponse>(`/sessions/${encodeURIComponent(sessionId)}`),
-  start: (persona_code: string, theory_mode: "humanistic" | "cbt" | "integrative" = "humanistic") =>
-    api.post<SessionStartResponse>("/sessions", { persona_code, theory_mode }),
+  start: (
+    persona_code: string,
+    theory_mode: "humanistic" | "cbt" | "integrative" = "humanistic",
+    goal_stages: SessionStage[] = [],
+  ) =>
+    api.post<SessionStartResponse>("/sessions", { persona_code, theory_mode, goal_stages }),
   turn: (sessionId: string, text: string) =>
     api.post<TurnResponse>(`/sessions/${encodeURIComponent(sessionId)}/turn`, { text }),
   liveCoach: (sessionId: string, payload: LiveCoachRequest) =>
diff --git a/apps/web/src/lib/format.ts b/apps/web/src/lib/format.ts
index 3ef5260..07569de 100644
--- a/apps/web/src/lib/format.ts
+++ b/apps/web/src/lib/format.ts
@@ -44,6 +44,35 @@ export function formatPercent(ratio: number, fractionDigits = 0): string {
   return `${pct.toFixed(fractionDigits)}%`;
 }
 
+/** nullable 0~1 비율을 화면별 빈 상태 문구와 함께 표시한다. */
+export function formatOptionalPercent(
+  ratio: number | null | undefined,
+  fallback = "-",
+  suffix = "%",
+): string {
+  if (typeof ratio !== "number" || !Number.isFinite(ratio)) return fallback;
+  return `${Math.round(clamp01(ratio) * 100)}${suffix}`;
+}
+
+/** nullable 0~1 변화량을 백분율포인트로 표시한다. */
+export function formatPercentagePointDelta(
+  delta: number | null | undefined,
+  fallback = "-",
+): string {
+  if (typeof delta !== "number" || !Number.isFinite(delta)) return fallback;
+  const sign = delta > 0 ? "+" : "";
+  return `${sign}${Math.round(delta * 100)}%p`;
+}
+
+/** -1~1 상관·라포 값을 학습자용 0~100%로 변환한다. */
+export function formatBipolarPercent(
+  value: number | null | undefined,
+  fallback = "-",
+): string {
+  if (typeof value !== "number" || !Number.isFinite(value)) return fallback;
+  return `${Math.round(clamp01((value + 1) / 2) * 100)}%`;
+}
+
 /** 변화량 표기: +6 / -3 / 0 (부호 명시). */
 export function formatDelta(delta: number): string {
   if (delta > 0) return `+${delta}`;
@@ -72,6 +101,33 @@ export function formatDateISO(input: string | Date): string {
   return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;
 }
 
+/** ISO/Date를 한국어 월·일·시·분으로 표시한다. */
+export function formatDateTimeKo(
+  input: string | Date | null | undefined,
+  fallback = "-",
+): string {
+  if (!input) return fallback;
+  const date = typeof input === "string" ? new Date(input) : input;
+  if (Number.isNaN(date.getTime()))
+    return typeof input === "string" ? input : fallback;
+  return date.toLocaleString("ko-KR", {
+    month: "2-digit",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+  });
+}
+
+/** Unix epoch 초를 한국어 월·일·시·분으로 표시한다. */
+export function formatUnixSecondsKo(
+  seconds: number | null | undefined,
+  fallback = "-",
+): string {
+  if (typeof seconds !== "number" || !Number.isFinite(seconds) || seconds <= 0)
+    return fallback;
+  return formatDateTimeKo(new Date(seconds * 1000), fallback);
+}
+
 /** 0~1 클램프. */
 export function clamp01(v: number): number {
   if (v < 0) return 0;
diff --git a/apps/web/src/lib/personaViewModel.ts b/apps/web/src/lib/personaViewModel.ts
index 30c3289..17c3543 100644
--- a/apps/web/src/lib/personaViewModel.ts
+++ b/apps/web/src/lib/personaViewModel.ts
@@ -1,5 +1,8 @@
-import type { AvatarPersona } from "../components/avatar/ClientAvatar";
-import type { PersonaSummary } from "./api";
+import type {
+  AvatarAffect,
+  AvatarPersona,
+} from "../components/avatar/ClientAvatar";
+import type { PersonaReviewStatus, PersonaSummary } from "./api";
 
 export const DIFFICULTY_LABEL: Record<string, string> = {
   easy: "기초",
@@ -7,6 +10,140 @@ export const DIFFICULTY_LABEL: Record<string, string> = {
   hard: "고난도",
 };
 
+const THEORY_LABEL: Record<string, string> = {
+  humanistic: "인간중심",
+  cbt: "인지행동",
+  "cognitive-behavioral": "인지행동",
+  psychodynamic: "정신역동",
+  gestalt: "게슈탈트",
+  dbt: "DBT",
+};
+
+type PersonaAvatarLook = Partial<AvatarPersona> & {
+  expressionBias?: AvatarAffect;
+};
+
+interface PersonaAvatarAppearance {
+  ageBand: NonNullable<AvatarPersona["ageBand"]>;
+  skinTone: string;
+  hair: NonNullable<AvatarPersona["hair"]>;
+  outfitColor: string;
+  eyeColor: string;
+  realism: number;
+  resistance: number;
+  accentColor?: string;
+  expressionBias?: AvatarAffect;
+}
+
+const PERSONA_AVATAR_LOOKS: Record<string, PersonaAvatarLook> = {
+  P1: {
+    skinTone: "#F0DDC4",
+    hair: { style: "long-straight", color: "#5A4030" },
+    outfitColor: "#7C8A92",
+    eyeColor: "#7A5A3C",
+    accentColor: "#6B5E7D",
+    expressionBias: "sad",
+  },
+  P4: {
+    skinTone: "#E5C0A0",
+    hair: { style: "long-straight", color: "#35261F" },
+    outfitColor: "#5F6F88",
+    eyeColor: "#2F3438",
+    accentColor: "#3B6E8F",
+    expressionBias: "anxious",
+  },
+  P5: {
+    skinTone: "#D7AD8D",
+    hair: { style: "messy", color: "#28231F" },
+    outfitColor: "#6F766F",
+    eyeColor: "#24292A",
+    accentColor: "#7D8784",
+    expressionBias: "guarded",
+  },
+  P6: {
+    skinTone: "#E6BE9A",
+    hair: { style: "soft-wave", color: "#2D241F" },
+    outfitColor: "#776F85",
+    eyeColor: "#2E2B35",
+    accentColor: "#6B5E7D",
+    expressionBias: "conflicted",
+  },
+  P7: {
+    skinTone: "#D5AA88",
+    hair: { style: "side-part", color: "#23211E" },
+    outfitColor: "#596367",
+    eyeColor: "#25292B",
+    accentColor: "#6F7777",
+    expressionBias: "tired",
+  },
+};
+
+export const PENDING_PERSONA_AVATAR_APPEARANCE = {
+  ageBand: "adult",
+  skinTone: "#D7CCC3",
+  hair: { style: "short", color: "#7A7068" },
+  outfitColor: "#6F7777",
+  eyeColor: "#2B2B2B",
+} satisfies Partial<AvatarPersona>;
+
+export function personaAvatarLook(code: string): PersonaAvatarLook {
+  return PERSONA_AVATAR_LOOKS[code.trim().toUpperCase()] ?? {};
+}
+
+export function personaBaselineExpression(persona: PersonaSummary | null): AvatarAffect {
+  if (!persona) return "neutral";
+  return personaAvatarLook(persona.code).expressionBias ?? "neutral";
+}
+
+export function personaAvatarAppearance(persona: PersonaSummary): PersonaAvatarAppearance {
+  const look = personaAvatarLook(persona.code);
+  const sex = demographicText(persona.demographics.sex);
+  const isMale = sex === "male" || sex === "남성";
+  const ageBand = personaAgeBand(persona);
+  return {
+    ageBand,
+    skinTone: look.skinTone ?? (isMale ? "#D8B18F" : "#E3BE9B"),
+    hair: look.hair ?? {
+      style: ageBand === "teen" ? "long-straight" : isMale ? "short" : "bob",
+      color: isMale ? "#25221F" : "#31251E",
+    },
+    outfitColor: look.outfitColor ?? (isMale ? "#5E676A" : "#6A6874"),
+    eyeColor: look.eyeColor ?? "#2B2B2B",
+    accentColor: look.accentColor,
+    realism: 0.4,
+    resistance:
+      persona.difficulty === "hard"
+        ? 0.68
+        : persona.difficulty === "moderate"
+          ? 0.45
+          : 0.3,
+    expressionBias: look.expressionBias,
+  };
+}
+
+export function personaDifficultyLabel(value: string): string {
+  return DIFFICULTY_LABEL[value] ?? value;
+}
+
+export function personaTheoryLabel(value: string): string {
+  return THEORY_LABEL[value] ?? value;
+}
+
+export function personaReviewStatusLabel(status: PersonaReviewStatus): string {
+  if (status === "review") return "검수 대기";
+  if (status === "draft") return "수정 대기";
+  if (status === "approved") return "승인됨";
+  return "보관됨";
+}
+
+export function personaReviewTone(
+  status: PersonaReviewStatus,
+): "accent" | "neutral" | "warn" {
+  if (status === "review") return "accent";
+  if (status === "draft") return "warn";
+  return "neutral";
+}
+
 export function isUsablePersona(persona: PersonaSummary): boolean {
   return !persona.degraded && persona.source === "database";
 }
diff --git a/apps/web/src/lib/runtimeDiagnostics.ts b/apps/web/src/lib/runtimeDiagnostics.ts
new file mode 100644
index 0000000..78d1f00
--- /dev/null
+++ b/apps/web/src/lib/runtimeDiagnostics.ts
@@ -0,0 +1,9 @@
+/** 현재 문서를 실행 중인 Vite 진입 번들 이름을 진단 정보로 반환한다. */
+export function runtimeAssetLabel(): string {
+  if (typeof document === "undefined") return "unknown";
+  const script = Array.from(document.scripts)
+    .map((item) => item.getAttribute("src") ?? "")
+    .find((src) => src.includes("/assets/index-") && src.endsWith(".js"));
+  if (!script) return "unknown";
+  return script.split("/").pop() ?? script;
+}
diff --git a/apps/web/src/lib/theme.ts b/apps/web/src/lib/theme.ts
index d0c7c30..7cc043a 100644
--- a/apps/web/src/lib/theme.ts
+++ b/apps/web/src/lib/theme.ts
@@ -1,6 +1,7 @@
 export type AppTheme = "light" | "dark";
 
 export const THEME_KEY = "vignette.theme";
+const themeListeners = new Set<() => void>();
 
 export function readInitialTheme(): AppTheme {
   try {
@@ -14,12 +15,26 @@ export function readInitialTheme(): AppTheme {
 }
 
 export function applyTheme(theme: AppTheme) {
+  const changed = document.documentElement.getAttribute("data-theme") !== theme;
   document.documentElement.setAttribute("data-theme", theme);
   try {
     localStorage.setItem(THEME_KEY, theme);
   } catch {
     /* 저장 실패는 렌더링을 막지 않는다. */
   }
+  if (changed) themeListeners.forEach((listener) => listener());
+}
+
+/** React와 비 React 진입점이 함께 쓰는 현재 적용 테마 snapshot. */
+export function readAppliedTheme(): AppTheme {
+  const applied = document.documentElement.getAttribute("data-theme");
+  return applied === "light" || applied === "dark" ? applied : readInitialTheme();
+}
+
+/** 앱 전역 테마 store 구독. 테마 상태의 유일한 알림 경로다. */
+export function subscribeTheme(listener: () => void) {
+  themeListeners.add(listener);
+  return () => themeListeners.delete(listener);
 }
 
 export function initTheme() {
diff --git a/apps/web/src/lib/useTheme.ts b/apps/web/src/lib/useTheme.ts
new file mode 100644
index 0000000..d5c770f
--- /dev/null
+++ b/apps/web/src/lib/useTheme.ts
@@ -0,0 +1,17 @@
+import { useCallback, useSyncExternalStore } from "react";
+import {
+  applyTheme,
+  readAppliedTheme,
+  subscribeTheme,
+  type AppTheme,
+} from "./theme";
+
+/**
+ * 전역 테마 hook. Topbar와 Settings가 같은 external store를 구독한다.
+ * 반환 형태는 기존 Settings 계약([dark, setDark])을 유지한다.
+ */
+export function useTheme(): [boolean, (next: boolean) => void] {
+  const theme = useSyncExternalStore(subscribeTheme, readAppliedTheme, (): AppTheme => "dark");
+  const setDark = useCallback((next: boolean) => applyTheme(next ? "dark" : "light"), []);
+  return [theme === "dark", setDark];
+}
diff --git a/apps/web/src/main.tsx b/apps/web/src/main.tsx
index 06f11b2..e42bf3f 100644
--- a/apps/web/src/main.tsx
+++ b/apps/web/src/main.tsx
@@ -6,6 +6,7 @@ import "./styles/tokens.css";
 import "./styles/global.css";
 import "./components/ui/ui.css";
 import "./components/shell/shell.css";
+import "./components/auth/auth-shell.css";
 
 import App from "./App";
 import { initTheme } from "./lib/theme";
diff --git a/apps/web/src/pages/Admin.tsx b/apps/web/src/pages/Admin.tsx
index 2b56de9..09502ed 100644
--- a/apps/web/src/pages/Admin.tsx
+++ b/apps/web/src/pages/Admin.tsx
@@ -8,8 +8,25 @@ import {
   type ErrorInfo,
   type ReactNode,
 } from "react";
+import {
+  flexRender,
+  getCoreRowModel,
+  getSortedRowModel,
+  useReactTable,
+  type ColumnDef,
+  type SortingState,
+} from "@tanstack/react-table";
 import { AppShell } from "../components/shell/AppShell";
-import { Badge, Button, Dot, Icon, Kicker, ProgressBar } from "../components/ui";
+import {
+  Badge,
+  Button,
+  Dot,
+  EmptyState as UiEmptyState,
+  Icon,
+  Kicker,
+  ProgressBar,
+  surfaceClassName,
+} from "../components/ui";
 import {
   adminApi,
   adminUsersApi,
@@ -25,30 +42,45 @@ import {
   type AdminUsersResponse,
 } from "../lib/api";
 import { useAuth } from "../lib/auth";
+import { formatUnixSecondsKo } from "../lib/format";
+import { runtimeAssetLabel } from "../lib/runtimeDiagnostics";
+import {
+  normalizeAdminTicketsResponse,
+  normalizeAdminUsersResponse,
+  type AdminDataWarning,
+} from "./admin/dataNormalization";
 import "./admin/admin-console.css";
 
 export type AdminSection = "overview" | "users" | "access" | "tickets";
 
 type UserDraft = Pick<
   AdminManagedUser,
-  "display_name" | "role" | "admin_access" | "account_status" | "affiliation" | "cohort_ids"
+  | "display_name"
+  | "role"
+  | "admin_access"
+  | "account_status"
+  | "affiliation"
+  | "cohort_ids"
 >;
-type NewUserDraft = Required<Pick<AdminUserCreateRequest, "email" | "display_name" | "role">> &
-  Pick<UserDraft, "admin_access" | "account_status" | "affiliation" | "cohort_ids">;
+type NewUserDraft = Required<
+  Pick<AdminUserCreateRequest, "email" | "display_name" | "role">
+> &
+  Pick<
+    UserDraft,
+    "admin_access" | "account_status" | "affiliation" | "cohort_ids"
+  >;
 type UserTab = "approval" | "manage" | "register" | "activity";
 type AccessTab = "roles" | "groups" | "matrix";
 type TicketStatusFilter = AdminSupportTicket["status"] | "all";
 type TicketCategoryFilter = AdminSupportTicket["category"] | "all";
 type TicketPriorityFilter = AdminSupportTicket["priority"] | "all";
-type AdminDataWarning = {
-  key: string;
-  message: string;
-  detail: string;
-};
-
 const MAX_RENDERED_USERS = 40;
+const MAX_RENDERED_ACTIVE_TICKETS = 24;
 const MAX_RESOLVED_TICKET_HISTORY = 6;
-const TICKET_STATUS_OPTIONS: Array<{ value: TicketStatusFilter; label: string }> = [
+const TICKET_STATUS_OPTIONS: Array<{
+  value: TicketStatusFilter;
+  label: string;
+}> = [
   { value: "all", label: "전체 상태" },
   { value: "open", label: "미해결" },
   { value: "triaged", label: "분류됨" },
@@ -56,7 +88,10 @@ const TICKET_STATUS_OPTIONS: Array<{ value: TicketStatusFilter; label: string }>
   { value: "resolved", label: "해결" },
   { value: "closed", label: "종결" },
 ];
-const TICKET_CATEGORY_OPTIONS: Array<{ value: TicketCategoryFilter; label: string }> = [
+const TICKET_CATEGORY_OPTIONS: Array<{
+  value: TicketCategoryFilter;
+  label: string;
+}> = [
   { value: "all", label: "전체 카테고리" },
   { value: "account_access", label: "계정/권한" },
   { value: "session_review", label: "세션/리뷰" },
@@ -65,7 +100,10 @@ const TICKET_CATEGORY_OPTIONS: Array<{ value: TicketCategoryFilter; label: strin
   { value: "safety", label: "안전" },
   { value: "other", label: "기타" },
 ];
-const TICKET_PRIORITY_OPTIONS: Array<{ value: TicketPriorityFilter; label: string }> = [
+const TICKET_PRIORITY_OPTIONS: Array<{
+  value: TicketPriorityFilter;
+  label: string;
+}> = [
   { value: "all", label: "전체 우선순위" },
   { value: "urgent", label: "긴급" },
   { value: "high", label: "높음" },
@@ -124,10 +162,25 @@ const GROUP_POLICIES = [
 
 const PERMISSION_MATRIX = [
   { resource: "운영 콘솔", admin: "전체", teacher: "없음", learner: "없음" },
-  { resource: "사용자 관리", admin: "등록/수정", teacher: "담당자 읽기", learner: "본인만" },
-  { resource: "회기 리뷰", admin: "감사 로그", teacher: "담당 코호트", learner: "본인 회기" },
+  {
+    resource: "사용자 관리",
+    admin: "등록/수정",
+    teacher: "담당자 읽기",
+    learner: "본인만",
+  },
+  {
+    resource: "회기 리뷰",
+    admin: "감사 로그",
+    teacher: "담당 코호트",
+    learner: "본인 회기",
+  },
   { resource: "AI 운영 설정", admin: "수정", teacher: "없음", learner: "없음" },
-  { resource: "안전 알림", admin: "전체", teacher: "담당 코호트", learner: "없음" },
+  {
+    resource: "안전 알림",
+    admin: "전체",
+    teacher: "담당 코호트",
+    learner: "없음",
+  },
 ];
 
 function toneOf(status: AdminHealthStatus): "pos" | "warn" | "crit" {
@@ -158,7 +211,8 @@ function environmentLabel(value: string): string {
 
 function engineModeLabel(value: string): string {
   if (value === "claude_cli") return "Claude CLI 게이트웨이";
-  if (value === "claude_api" || value === "messages_api") return "Anthropic API";
+  if (value === "claude_api" || value === "messages_api")
+    return "Anthropic API";
   if (value === "openai") return "OpenAI 호환";
   if (value === "solar") return "Solar";
   return value;
@@ -170,7 +224,9 @@ function roleText(role: AdminManagedUser["role"]): string {
   return "학습자";
 }
 
-function roleBadgeTone(role: AdminManagedUser["role"]): "accent" | "neutral" | "warn" {
+function roleBadgeTone(
+  role: AdminManagedUser["role"],
+): "accent" | "neutral" | "warn" {
   if (role === "admin") return "warn";
   if (role === "teacher") return "accent";
   return "neutral";
@@ -182,7 +238,9 @@ function accountStatusText(status: AdminManagedUser["account_status"]): string {
   return "승인 대기";
 }
 
-function accountStatusTone(status: AdminManagedUser["account_status"]): "accent" | "neutral" | "warn" | "crit" {
+function accountStatusTone(
+  status: AdminManagedUser["account_status"],
+): "accent" | "neutral" | "warn" | "crit" {
   if (status === "approved") return "accent";
   if (status === "suspended") return "crit";
   return "warn";
@@ -194,13 +252,7 @@ function storeLabel(data: AdminUsersResponse | null): string {
 }
 
 function dateTimeLabel(seconds?: number | null): string {
-  if (!seconds || !Number.isFinite(seconds) || seconds <= 0) return "-";
-  return new Date(seconds * 1000).toLocaleString("ko-KR", {
-    month: "2-digit",
-    day: "2-digit",
-    hour: "2-digit",
-    minute: "2-digit",
-  });
+  return formatUnixSecondsKo(seconds);
 }
 
 function countLabel(value: number): string {
@@ -228,10 +280,13 @@ function usageBudgetLabel(data: AdminUsageResponse): string {
 
 function usageBudgetDetail(data: AdminUsageResponse): string {
   const { budget } = data;
-  if (budget.status === "disabled") return "ADMIN_USAGE_BUDGET_USD가 설정되지 않았습니다.";
+  if (budget.status === "disabled")
+    return "ADMIN_USAGE_BUDGET_USD가 설정되지 않았습니다.";
   const pct = Math.round(budget.used_ratio * 100);
   const remaining =
-    budget.remaining_usd === null ? "" : ` · 잔여 ${costLabel(budget.remaining_usd)}`;
+    budget.remaining_usd === null
+      ? ""
+      : ` · 잔여 ${costLabel(budget.remaining_usd)}`;
   return `${costLabel(data.cost_usd)} / ${costLabel(budget.limit_usd)} · ${pct}% 사용${remaining}`;
 }
 
@@ -240,7 +295,9 @@ function rateLabel(value: number): string {
   return `${Math.round(value * 1000) / 10}%`;
 }
 
-function evaluatorCache(data: AdminUsageResponse): AdminUsageResponse["evaluator_cache"] {
+function evaluatorCache(
+  data: AdminUsageResponse,
+): AdminUsageResponse["evaluator_cache"] {
   return (
     data.evaluator_cache ?? {
       enabled: false,
@@ -267,7 +324,9 @@ function evaluatorCacheDetail(data: AdminUsageResponse): string {
   return `${countLabel(cache.hits)} / ${countLabel(cache.requests)} hit · entry ${countLabel(cache.entries)}개 · 저장 ${countLabel(cache.stores)}회`;
 }
 
-function usageDailyCost(data: AdminUsageResponse): NonNullable<AdminUsageResponse["daily_cost"]> {
+function usageDailyCost(
+  data: AdminUsageResponse,
+): NonNullable<AdminUsageResponse["daily_cost"]> {
   return data.daily_cost ?? [];
 }
 
@@ -317,7 +376,9 @@ function ticketCategoryLabel(category: AdminSupportTicket["category"]): string {
   return "기타";
 }
 
-function ticketTone(ticket: AdminSupportTicket): "accent" | "neutral" | "warn" | "crit" {
+function ticketTone(
+  ticket: AdminSupportTicket,
+): "accent" | "neutral" | "warn" | "crit" {
   if (!ticketIsActive(ticket)) return "neutral";
   if (ticket.priority === "urgent") return "crit";
   if (ticket.priority === "high") return "warn";
@@ -328,6 +389,85 @@ function shortTicketId(ticketId: string): string {
   return ticketId.replace(/-/g, "").slice(0, 8).toUpperCase();
 }
 
+interface TicketActionsProps {
+  ticket: AdminSupportTicket;
+  duplicateParentId: string | null;
+  canLinkDuplicate: boolean;
+  onUpdateStatus: (
+    ticket: AdminSupportTicket,
+    status: AdminSupportTicket["status"],
+  ) => Promise<void>;
+  onUpdateParent: (
+    ticket: AdminSupportTicket,
+    parentTicketId: string | null,
+  ) => Promise<void>;
+}
+
+function TicketActions({
+  ticket,
+  duplicateParentId,
+  canLinkDuplicate,
+  onUpdateStatus,
+  onUpdateParent,
+}: TicketActionsProps) {
+  const [pending, setPending] = useState(false);
+  const pendingRef = useRef(false);
+
+  const run = (action: () => Promise<void>) => {
+    if (pendingRef.current) return;
+    pendingRef.current = true;
+    // 네이티브 입력 dispatch 안에서 Admin 루트 렌더를 동기 flush하지 않는다.
+    // ref가 즉시 중복 요청을 막고, 시각 상태만 다음 태스크에서 반영한다.
+    const pendingTimer = window.setTimeout(() => setPending(true), 0);
+    void action().finally(() => {
+      window.clearTimeout(pendingTimer);
+      pendingRef.current = false;
+      setPending(false);
+    });
+  };
+
+  return (
+    <div className="ad-ticket__actions" aria-busy={pending}>
+      {canLinkDuplicate ? (
+        <Button
+          size="sm"
+          variant="secondary"
+          onClick={() => run(() => onUpdateParent(ticket, duplicateParentId))}
+          disabled={pending}
+        >
+          연결
+        </Button>
+      ) : null}
+      {ticket.parent_ticket_id ? (
+        <Button
+          size="sm"
+          variant="secondary"
+          onClick={() => run(() => onUpdateParent(ticket, null))}
+          disabled={pending}
+        >
+          해제
+        </Button>
+      ) : null}
+      <Button
+        size="sm"
+        variant="secondary"
+        onClick={() => run(() => onUpdateStatus(ticket, "in_progress"))}
+        disabled={pending || ticket.status === "in_progress"}
+      >
+        처리 중
+      </Button>
+      <Button
+        size="sm"
+        variant="primary"
+        onClick={() => run(() => onUpdateStatus(ticket, "resolved"))}
+        disabled={pending}
+      >
+        해결
+      </Button>
+    </div>
+  );
+}
+
 function initialOf(user: AdminManagedUser): string {
   const label = user.display_name.trim() || user.email;
   return Array.from(label)[0]?.toUpperCase() ?? "?";
@@ -344,296 +484,31 @@ function parseCohorts(value: string): string[] {
     .filter(Boolean);
 }
 
-function asRecord(value: unknown): Record<string, unknown> {
-  return value !== null && typeof value === "object" ? (value as Record<string, unknown>) : {};
-}
-
-function stringField(
-  source: Record<string, unknown>,
-  field: string,
-  fallback: string,
-  warnings: AdminDataWarning[],
-  label: string,
-): string {
-  const value = source[field];
-  if (typeof value === "string") return value;
-  if (value == null) {
-    warnings.push({
-      key: `${label}.${field}`,
-      message: `${label} 응답에서 ${field} 값이 비어 있어 기본값으로 표시합니다.`,
-      detail: `${field}=null`,
-    });
-    return fallback;
-  }
-  warnings.push({
-    key: `${label}.${field}`,
-    message: `${label} 응답에서 ${field} 타입이 잘못되어 문자열로 변환했습니다.`,
-    detail: `${field}=${typeof value}`,
-  });
-  return String(value);
-}
-
-function booleanField(
-  source: Record<string, unknown>,
-  field: string,
-  fallback: boolean,
-  warnings: AdminDataWarning[],
-  label: string,
-): boolean {
-  const value = source[field];
-  if (typeof value === "boolean") return value;
-  if (value == null) {
-    warnings.push({
-      key: `${label}.${field}`,
-      message: `${label} 응답에서 ${field} 값이 비어 있어 ${fallback ? "true" : "false"}로 표시합니다.`,
-      detail: `${field}=null`,
-    });
-    return fallback;
-  }
-  warnings.push({
-    key: `${label}.${field}`,
-    message: `${label} 응답에서 ${field} 타입이 잘못되어 bool 기본값으로 표시합니다.`,
-    detail: `${field}=${typeof value}`,
-  });
-  return fallback;
-}
-
-function numberField(
-  source: Record<string, unknown>,
-  field: string,
-  fallback: number,
-  warnings: AdminDataWarning[],
-  label: string,
-): number {
-  const value = source[field];
-  if (typeof value === "number" && Number.isFinite(value)) return value;
-  if (typeof value === "string" && value.trim() !== "") {
-    const parsed = Number(value);
-    if (Number.isFinite(parsed)) {
-      warnings.push({
-        key: `${label}.${field}`,
-        message: `${label} 응답에서 ${field}가 문자열이라 숫자로 변환했습니다.`,
-        detail: `${field}=string`,
-      });
-      return parsed;
-    }
-  }
-  warnings.push({
-    key: `${label}.${field}`,
-    message: `${label} 응답에서 ${field} 숫자 값이 없어 ${fallback}으로 표시합니다.`,
-    detail: `${field}=${value == null ? "null" : typeof value}`,
-  });
-  return fallback;
-}
-
-function cohortIdsField(
-  source: Record<string, unknown>,
-  warnings: AdminDataWarning[],
-  label: string,
-): string[] {
-  const value = source.cohort_ids;
-  if (!Array.isArray(value)) {
-    warnings.push({
-      key: `${label}.cohort_ids`,
-      message: `${label} 응답에서 cohort_ids가 배열이 아니라 빈 코호트로 표시합니다.`,
-      detail: `cohort_ids=${value == null ? "null" : typeof value}`,
-    });
-    return [];
-  }
-  const normalized = value.filter((item): item is string => typeof item === "string");
-  if (normalized.length !== value.length) {
-    warnings.push({
-      key: `${label}.cohort_ids.items`,
-      message: `${label} 응답에서 cohort_ids 내부에 문자열이 아닌 값이 있어 제외했습니다.`,
-      detail: `kept=${normalized.length}, raw=${value.length}`,
-    });
-  }
-  return normalized;
-}
-
-function numberRecordField(
-  source: Record<string, unknown>,
-  field: string,
-  warnings: AdminDataWarning[],
-  label: string,
-): Record<string, number> {
-  const value = source[field];
-  if (value == null) {
-    warnings.push({
-      key: `${label}.${field}`,
-      message: `${label} 응답에서 ${field} 값이 비어 있어 빈 집계로 표시합니다.`,
-      detail: `${field}=null`,
-    });
-    return {};
-  }
-  if (typeof value !== "object" || Array.isArray(value)) {
-    warnings.push({
-      key: `${label}.${field}`,
-      message: `${label} 응답에서 ${field} 타입이 잘못되어 빈 집계로 표시합니다.`,
-      detail: `${field}=${typeof value}`,
-    });
-    return {};
-  }
-  const entries = Object.entries(value as Record<string, unknown>);
-  const normalized: Record<string, number> = {};
-  for (const [key, raw] of entries) {
-    if (typeof raw === "number" && Number.isFinite(raw)) {
-      normalized[key] = raw;
-      continue;
-    }
-    const parsed = typeof raw === "string" ? Number(raw) : Number.NaN;
-    if (Number.isFinite(parsed)) {
-      normalized[key] = parsed;
-      warnings.push({
-        key: `${label}.${field}.${key}`,
-        message: `${label} 응답에서 ${field}.${key}가 문자열이라 숫자로 변환했습니다.`,
-        detail: `${field}.${key}=string`,
-      });
-      continue;
-    }
-    warnings.push({
-      key: `${label}.${field}.${key}`,
-      message: `${label} 응답에서 ${field}.${key} 숫자 값이 없어 제외했습니다.`,
-      detail: `${field}.${key}=${raw == null ? "null" : typeof raw}`,
-    });
-  }
-  return normalized;
-}
-
-function roleField(
-  source: Record<string, unknown>,
-  warnings: AdminDataWarning[],
-  label: string,
-): AdminManagedUser["role"] {
-  const value = source.role;
-  if (value === "learner" || value === "teacher" || value === "admin") return value;
-  warnings.push({
-    key: `${label}.role`,
-    message: `${label} 응답에서 role 값이 계약과 달라 학습자로 표시합니다.`,
-    detail: `role=${String(value)}`,
-  });
-  return "learner";
-}
-
-function accountStatusField(
-  source: Record<string, unknown>,
-  warnings: AdminDataWarning[],
-  label: string,
-): AdminManagedUser["account_status"] {
-  const value = source.account_status;
-  if (value === "pending" || value === "approved" || value === "suspended") return value;
-  warnings.push({
-    key: `${label}.account_status`,
-    message: `${label} 응답에서 account_status 값이 계약과 달라 승인 대기로 표시합니다.`,
-    detail: `account_status=${String(value)}`,
-  });
-  return "pending";
-}
-
-function userSourceField(
-  source: Record<string, unknown>,
-  parentSource: AdminUsersResponse["source"],
-): AdminManagedUser["source"] {
-  const value = source.source;
-  return value === "server_session_registry" || value === "database" ? value : parentSource;
-}
-
-function normalizeAdminUsersResponse(rawResponse: AdminUsersResponse): {
-  response: AdminUsersResponse;
-  warnings: AdminDataWarning[];
-} {
-  const warnings: AdminDataWarning[] = [];
-  const root = asRecord(rawResponse);
-  const source: AdminUsersResponse["source"] =
-    root.source === "server_session_registry" ? "server_session_registry" : "database";
-  const durable = typeof root.durable === "boolean" ? root.durable : source === "database";
-  const rawUsers = Array.isArray(root.users) ? root.users : [];
-
-  if (!Array.isArray(root.users)) {
-    warnings.push({
-      key: "admin.users",
-      message: "/admin/users 응답에서 users 배열이 없어 빈 목록으로 표시합니다.",
-      detail: `users=${root.users == null ? "null" : typeof root.users}`,
-    });
-  }
-
-  const users = rawUsers.map((item, index): AdminManagedUser => {
-    const sourceRecord = asRecord(item);
-    const label = `users[${index}]`;
-    const userId = stringField(sourceRecord, "user_id", `unknown-${index + 1}`, warnings, label);
-    return {
-      user_id: userId,
-      email: stringField(sourceRecord, "email", userId, warnings, label),
-      display_name: stringField(sourceRecord, "display_name", userId, warnings, label),
-      role: roleField(sourceRecord, warnings, label),
-      admin_access: booleanField(sourceRecord, "admin_access", false, warnings, label),
-      super_admin: booleanField(sourceRecord, "super_admin", false, warnings, label),
-      account_status: accountStatusField(sourceRecord, warnings, label),
-      cohort_ids: cohortIdsField(sourceRecord, warnings, label),
-      affiliation: stringField(sourceRecord, "affiliation", "", warnings, label),
-      active_sessions: numberField(sourceRecord, "active_sessions", 0, warnings, label),
-      created_at: numberField(sourceRecord, "created_at", 0, warnings, label),
-      last_seen_at: numberField(sourceRecord, "last_seen_at", 0, warnings, label),
-      source: userSourceField(sourceRecord, source),
-    };
-  });
-
+function userDraftFrom(user: AdminManagedUser): UserDraft {
   return {
-    response: {
-      source,
-      durable,
-      users,
-    },
-    warnings,
+    display_name: user.display_name,
+    role: user.role,
+    admin_access: user.admin_access,
+    account_status: user.account_status,
+    affiliation: user.affiliation,
+    cohort_ids: user.cohort_ids,
   };
 }
 
-function normalizeAdminTicketsResponse(rawResponse: AdminTicketsResponse): {
-  response: AdminTicketsResponse;
-  warnings: AdminDataWarning[];
-} {
-  const warnings: AdminDataWarning[] = [];
-  const root = asRecord(rawResponse);
-  const source: AdminTicketsResponse["source"] = root.source === "database" ? "database" : "unavailable";
-  const durable = typeof root.durable === "boolean" ? root.durable : source === "database";
-  const rawTickets = Array.isArray(root.tickets) ? root.tickets : [];
-  if (!Array.isArray(root.tickets)) {
-    warnings.push({
-      key: "admin.tickets",
-      message: "/admin/tickets 응답에서 tickets 배열이 없어 빈 목록으로 표시합니다.",
-      detail: `tickets=${root.tickets == null ? "null" : typeof root.tickets}`,
-    });
-  }
-
-  const summaryRoot = asRecord(root.summary);
-  if (!root.summary || typeof root.summary !== "object" || Array.isArray(root.summary)) {
-    warnings.push({
-      key: "admin.tickets.summary",
-      message: "/admin/tickets 응답에서 summary 객체가 없어 기본 집계로 표시합니다.",
-      detail: `summary=${root.summary == null ? "null" : typeof root.summary}`,
-    });
-  }
-
+function replaceManagedUser(
+  current: AdminUsersResponse | null,
+  updated: AdminManagedUser,
+): AdminUsersResponse | null {
+  if (!current) return current;
   return {
-    response: {
-      source,
-      durable,
-      generated_at: numberField(root, "generated_at", 0, warnings, "admin.tickets"),
-      tickets: rawTickets as AdminSupportTicket[],
-      summary: {
-        total: numberField(summaryRoot, "total", rawTickets.length, warnings, "admin.tickets.summary"),
-        open_count: numberField(summaryRoot, "open_count", 0, warnings, "admin.tickets.summary"),
-        high_priority_count: numberField(summaryRoot, "high_priority_count", 0, warnings, "admin.tickets.summary"),
-        stale_count: numberField(summaryRoot, "stale_count", 0, warnings, "admin.tickets.summary"),
-        by_category: numberRecordField(summaryRoot, "by_category", warnings, "admin.tickets.summary"),
-        by_priority: numberRecordField(summaryRoot, "by_priority", warnings, "admin.tickets.summary"),
-        by_status: numberRecordField(summaryRoot, "by_status", warnings, "admin.tickets.summary"),
-      },
-    },
-    warnings,
+    ...current,
+    users: current.users.map((user) =>
+      user.user_id === updated.user_id ? updated : user,
+    ),
   };
 }
 
+
 function isOnline(seconds?: number | null): boolean {
   if (!seconds || seconds <= 0) return false;
   return Date.now() / 1000 - seconds < 15 * 60;
@@ -659,15 +534,6 @@ function PageHeader({ kicker, title, description, children }: PageHeaderProps) {
   );
 }
 
-function runtimeAssetLabel(): string {
-  if (typeof document === "undefined") return "unknown";
-  const script = Array.from(document.scripts)
-    .map((item) => item.getAttribute("src") ?? "")
-    .find((src) => src.includes("/assets/index-") && src.endsWith(".js"));
-  if (!script) return "unknown";
-  return script.split("/").pop() ?? script;
-}
-
 function AdminDiagnosticPanel({
   title,
   body,
@@ -684,7 +550,7 @@ function AdminDiagnosticPanel({
         <h1>{title}</h1>
         <p>{body}</p>
       </div>
-      <dl>
+      <dl className={surfaceClassName(undefined, { variant: "inset" })}>
         {details.map(([key, value]) => (
           <div key={key}>
             <dt>{key}</dt>
@@ -706,7 +572,10 @@ interface AdminErrorBoundaryState {
   errorInfo: ErrorInfo | null;
 }
 
-class AdminErrorBoundary extends Component<AdminErrorBoundaryProps, AdminErrorBoundaryState> {
+class AdminErrorBoundary extends Component<
+  AdminErrorBoundaryProps,
+  AdminErrorBoundaryState
+> {
   state: AdminErrorBoundaryState = { error: null, errorInfo: null };
 
   static getDerivedStateFromError(error: Error): AdminErrorBoundaryState {
@@ -732,10 +601,18 @@ class AdminErrorBoundary extends Component<AdminErrorBoundaryProps, AdminErrorBo
           body="렌더 중 예외가 발생했습니다. 빈 화면 대신 아래 진단값을 남깁니다."
           details={[
             ["section", this.props.section],
-            ["path", typeof window === "undefined" ? "unknown" : window.location.pathname],
+            [
+              "path",
+              typeof window === "undefined"
+                ? "unknown"
+                : window.location.pathname,
+            ],
             ["error", this.state.error.message || this.state.error.name],
             ["asset", runtimeAssetLabel()],
-            ["componentStack", this.state.errorInfo?.componentStack?.trim() || "not captured"],
+            [
+              "componentStack",
+              this.state.errorInfo?.componentStack?.trim() || "not captured",
+            ],
           ]}
         />
       );
@@ -746,7 +623,9 @@ class AdminErrorBoundary extends Component<AdminErrorBoundaryProps, AdminErrorBo
 
 function AdminBlankContentProbe({ section }: { section: AdminSection }) {
   const markerRef = useRef<HTMLSpanElement | null>(null);
-  const [diagnostic, setDiagnostic] = useState<Array<[string, string]> | null>(null);
+  const [diagnostic, setDiagnostic] = useState<Array<[string, string]> | null>(
+    null,
+  );
 
   useEffect(() => {
     setDiagnostic(null);
@@ -772,7 +651,11 @@ function AdminBlankContentProbe({ section }: { section: AdminSection }) {
         );
       });
 
-      if (text.length === 0 || rootRect.height < 12 || visibleNodes.length === 0) {
+      if (
+        text.length === 0 ||
+        rootRect.height < 12 ||
+        visibleNodes.length === 0
+      ) {
         setDiagnostic([
           ["section", section],
           ["path", window.location.pathname],
@@ -830,7 +713,12 @@ function AdminSectionRenderer({
           body="라우터가 알 수 없는 관리자 섹션을 전달했습니다."
           details={[
             ["section", section],
-            ["path", typeof window === "undefined" ? "unknown" : window.location.pathname],
+            [
+              "path",
+              typeof window === "undefined"
+                ? "unknown"
+                : window.location.pathname,
+            ],
             ["asset", runtimeAssetLabel()],
           ]}
         />
@@ -853,13 +741,20 @@ export default function Admin({ section = "overview" }: AdminProps) {
   const [usersData, setUsersData] = useState<AdminUsersResponse | null>(null);
   const [usersLoading, setUsersLoading] = useState(true);
   const [usersError, setUsersError] = useState<string | null>(null);
-  const [usersDiagnostics, setUsersDiagnostics] = useState<AdminDataWarning[]>([]);
+  const [usersDiagnostics, setUsersDiagnostics] = useState<AdminDataWarning[]>(
+    [],
+  );
   const [userDrafts, setUserDrafts] = useState<Record<string, UserDraft>>({});
   const [savingUserId, setSavingUserId] = useState<string | null>(null);
   const [newUser, setNewUser] = useState<NewUserDraft>(EMPTY_NEW_USER);
   const [creatingUser, setCreatingUser] = useState(false);
-  const [deactivatingUserId, setDeactivatingUserId] = useState<string | null>(null);
+  const [deactivatingUserId, setDeactivatingUserId] = useState<string | null>(
+    null,
+  );
   const [userSearch, setUserSearch] = useState("");
+  const [userSorting, setUserSorting] = useState<SortingState>([
+    { id: "last_seen_at", desc: true },
+  ]);
   const [usage, setUsage] = useState<AdminUsageResponse | null>(null);
   const [usageLoading, setUsageLoading] = useState(true);
   const [usageError, setUsageError] = useState<string | null>(null);
@@ -869,11 +764,15 @@ export default function Admin({ section = "overview" }: AdminProps) {
   const [tickets, setTickets] = useState<AdminTicketsResponse | null>(null);
   const [ticketsLoading, setTicketsLoading] = useState(true);
   const [ticketsError, setTicketsError] = useState<string | null>(null);
-  const [ticketsDiagnostics, setTicketsDiagnostics] = useState<AdminDataWarning[]>([]);
-  const [updatingTicketId, setUpdatingTicketId] = useState<string | null>(null);
-  const [ticketStatusFilter, setTicketStatusFilter] = useState<TicketStatusFilter>("all");
-  const [ticketCategoryFilter, setTicketCategoryFilter] = useState<TicketCategoryFilter>("all");
-  const [ticketPriorityFilter, setTicketPriorityFilter] = useState<TicketPriorityFilter>("all");
+  const [ticketsDiagnostics, setTicketsDiagnostics] = useState<
+    AdminDataWarning[]
+  >([]);
+  const [ticketStatusFilter, setTicketStatusFilter] =
+    useState<TicketStatusFilter>("all");
+  const [ticketCategoryFilter, setTicketCategoryFilter] =
+    useState<TicketCategoryFilter>("all");
+  const [ticketPriorityFilter, setTicketPriorityFilter] =
+    useState<TicketPriorityFilter>("all");
   const [ticketSearch, setTicketSearch] = useState("");
   const [ticketAssignedGroup, setTicketAssignedGroup] = useState("");
   const [ticketStaleOnly, setTicketStaleOnly] = useState(false);
@@ -889,7 +788,9 @@ export default function Admin({ section = "overview" }: AdminProps) {
       setHealth(next);
       setUpdatedAt(new Date());
     } catch (err) {
-      setError(err instanceof Error ? err.message : "운영 상태를 불러오지 못했습니다.");
+      setError(
+        err instanceof Error ? err.message : "운영 상태를 불러오지 못했습니다.",
+      );
     } finally {
       setLoading(false);
     }
@@ -900,26 +801,24 @@ export default function Admin({ section = "overview" }: AdminProps) {
     setUsersError(null);
     try {
       const next = await adminUsersApi.list();
-      const { response: normalized, warnings } = normalizeAdminUsersResponse(next);
+      const { response: normalized, warnings } =
+        normalizeAdminUsersResponse(next);
       setUsersData(normalized);
       setUsersDiagnostics(warnings);
       setUserDrafts((current) =>
         Object.fromEntries(
           normalized.users.map((user) => [
             user.user_id,
-            current[user.user_id] ?? {
-              display_name: user.display_name,
-              role: user.role,
-              admin_access: user.admin_access,
-              account_status: user.account_status,
-              affiliation: user.affiliation,
-              cohort_ids: user.cohort_ids,
-            },
+            current[user.user_id] ?? userDraftFrom(user),
           ]),
         ),
       );
     } catch (err) {
-      setUsersError(err instanceof Error ? err.message : "사용자 목록을 불러오지 못했습니다.");
+      setUsersError(
+        err instanceof Error
+          ? err.message
+          : "사용자 목록을 불러오지 못했습니다.",
+      );
       setUsersDiagnostics([]);
     } finally {
       setUsersLoading(false);
@@ -932,7 +831,11 @@ export default function Admin({ section = "overview" }: AdminProps) {
     try {
       setUsage(await adminApi.usage(7));
     } catch (err) {
-      setUsageError(err instanceof Error ? err.message : "비용 사용량을 불러오지 못했습니다.");
+      setUsageError(
+        err instanceof Error
+          ? err.message
+          : "비용 사용량을 불러오지 못했습니다.",
+      );
     } finally {
       setUsageLoading(false);
     }
@@ -944,7 +847,11 @@ export default function Admin({ section = "overview" }: AdminProps) {
     try {
       setUptime(await adminApi.uptime(24));
     } catch (err) {
-      setUptimeError(err instanceof Error ? err.message : "업타임 이력을 불러오지 못했습니다.");
+      setUptimeError(
+        err instanceof Error
+          ? err.message
+          : "업타임 이력을 불러오지 못했습니다.",
+      );
     } finally {
       setUptimeLoading(false);
     }
@@ -952,7 +859,6 @@ export default function Admin({ section = "overview" }: AdminProps) {
 
   const loadTickets = useCallback(async () => {
     setTicketsLoading(true);
-    setTicketsError(null);
     try {
       const filters: AdminTicketFilters = {
         status: ticketStatusFilter === "all" ? "" : ticketStatusFilter,
@@ -964,11 +870,14 @@ export default function Admin({ section = "overview" }: AdminProps) {
         windowDays: 30,
       };
       const next = await adminApi.tickets(filters);
-      const { response: normalized, warnings } = normalizeAdminTicketsResponse(next);
+      const { response: normalized, warnings } =
+        normalizeAdminTicketsResponse(next);
       setTickets(normalized);
       setTicketsDiagnostics(warnings);
     } catch (err) {
-      setTicketsError(err instanceof Error ? err.message : "운영 티켓을 불러오지 못했습니다.");
+      setTicketsError(
+        err instanceof Error ? err.message : "운영 티켓을 불러오지 못했습니다.",
+      );
       setTicketsDiagnostics([]);
     } finally {
       setTicketsLoading(false);
@@ -987,11 +896,20 @@ export default function Admin({ section = "overview" }: AdminProps) {
     void loadUsers();
     void loadUsage();
     void loadUptime();
+  }, [loadHealth, loadUptime, loadUsage, loadUsers]);
+
+  useEffect(() => {
     void loadTickets();
-  }, [loadHealth, loadTickets, loadUptime, loadUsage, loadUsers]);
+  }, [loadTickets]);
 
   const refreshAll = useCallback(async () => {
-    await Promise.all([loadHealth(), loadUsers(), loadUsage(), loadUptime(), loadTickets()]);
+    await Promise.all([
+      loadHealth(),
+      loadUsers(),
+      loadUsage(),
+      loadUptime(),
+      loadTickets(),
+    ]);
   }, [loadHealth, loadTickets, loadUptime, loadUsage, loadUsers]);
 
   const updateDraft = (userId: string, patch: Partial<UserDraft>) => {
@@ -1018,29 +936,17 @@ export default function Admin({ section = "overview" }: AdminProps) {
     setUsersError(null);
     try {
       const updated = await adminUsersApi.update(user.user_id, draft);
-      setUsersData((current) =>
-        current
-          ? {
-              ...current,
-              users: current.users.map((item) =>
-                item.user_id === updated.user_id ? updated : item,
-              ),
-            }
-          : current,
-      );
+      setUsersData((current) => replaceManagedUser(current, updated));
       setUserDrafts((current) => ({
         ...current,
-        [updated.user_id]: {
-          display_name: updated.display_name,
-          role: updated.role,
-          admin_access: updated.admin_access,
-          account_status: updated.account_status,
-          affiliation: updated.affiliation,
-          cohort_ids: updated.cohort_ids,
-        },
+        [updated.user_id]: userDraftFrom(updated),
       }));
     } catch (err) {
-      setUsersError(err instanceof Error ? err.message : "사용자 정보를 저장하지 못했습니다.");
+      setUsersError(
+        err instanceof Error
+          ? err.message
+          : "사용자 정보를 저장하지 못했습니다.",
+      );
     } finally {
       setSavingUserId(null);
     }
@@ -1067,7 +973,9 @@ export default function Admin({ section = "overview" }: AdminProps) {
       await loadUsers();
       setUserTab("manage");
     } catch (err) {
-      setUsersError(err instanceof Error ? err.message : "사용자를 등록하지 못했습니다.");
+      setUsersError(
+        err instanceof Error ? err.message : "사용자를 등록하지 못했습니다.",
+      );
     } finally {
       setCreatingUser(false);
     }
@@ -1083,29 +991,17 @@ export default function Admin({ section = "overview" }: AdminProps) {
       const updated = await adminUsersApi.update(user.user_id, {
         account_status: accountStatus,
       });
-      setUsersData((current) =>
-        current
-          ? {
-              ...current,
-              users: current.users.map((item) =>
-                item.user_id === updated.user_id ? updated : item,
-              ),
-            }
-          : current,
-      );
+      setUsersData((current) => replaceManagedUser(current, updated));
       setUserDrafts((current) => ({
         ...current,
-        [updated.user_id]: {
-          display_name: updated.display_name,
-          role: updated.role,
-          admin_access: updated.admin_access,
-          account_status: updated.account_status,
-          affiliation: updated.affiliation,
-          cohort_ids: updated.cohort_ids,
-        },
+        [updated.user_id]: userDraftFrom(updated),
       }));
     } catch (err) {
-      setUsersError(err instanceof Error ? err.message : "계정 승인 상태를 저장하지 못했습니다.");
+      setUsersError(
+        err instanceof Error
+          ? err.message
+          : "계정 승인 상태를 저장하지 못했습니다.",
+      );
     } finally {
       setSavingUserId(null);
     }
@@ -1120,7 +1016,9 @@ export default function Admin({ section = "overview" }: AdminProps) {
         current
           ? {
               ...current,
-              users: current.users.filter((item) => item.user_id !== user.user_id),
+              users: current.users.filter(
+                (item) => item.user_id !== user.user_id,
+              ),
             }
           : current,
       );
@@ -1130,7 +1028,11 @@ export default function Admin({ section = "overview" }: AdminProps) {
         return next;
       });
     } catch (err) {
-      setUsersError(err instanceof Error ? err.message : "사용자를 비활성화하지 못했습니다.");
+      setUsersError(
+        err instanceof Error
+          ? err.message
+          : "사용자를 비활성화하지 못했습니다.",
+      );
     } finally {
       setDeactivatingUserId(null);
     }
@@ -1140,10 +1042,9 @@ export default function Admin({ section = "overview" }: AdminProps) {
     ticket: AdminSupportTicket,
     status: AdminSupportTicket["status"],
   ) => {
-    setUpdatingTicketId(ticket.ticket_id);
-    setTicketsError(null);
     try {
       const updated = await adminApi.updateTicket(ticket.ticket_id, { status });
+      setTicketsError(null);
       setTickets((current) =>
         current
           ? {
@@ -1156,9 +1057,9 @@ export default function Admin({ section = "overview" }: AdminProps) {
       );
       await loadTickets();
     } catch (err) {
-      setTicketsError(err instanceof Error ? err.message : "티켓 상태를 저장하지 못했습니다.");
-    } finally {
-      setUpdatingTicketId(null);
+      setTicketsError(
+        err instanceof Error ? err.message : "티켓 상태를 저장하지 못했습니다.",
+      );
     }
   };
 
@@ -1166,12 +1067,11 @@ export default function Admin({ section = "overview" }: AdminProps) {
     ticket: AdminSupportTicket,
     parentTicketId: string | null,
   ) => {
-    setUpdatingTicketId(ticket.ticket_id);
-    setTicketsError(null);
     try {
       const updated = await adminApi.updateTicket(ticket.ticket_id, {
         parent_ticket_id: parentTicketId ?? "",
       });
+      setTicketsError(null);
       setTickets((current) =>
         current
           ? {
@@ -1184,9 +1084,9 @@ export default function Admin({ section = "overview" }: AdminProps) {
       );
       await loadTickets();
     } catch (err) {
-      setTicketsError(err instanceof Error ? err.message : "중복 연결을 저장하지 못했습니다.");
-    } finally {
-      setUpdatingTicketId(null);
+      setTicketsError(
+        err instanceof Error ? err.message : "중복 연결을 저장하지 못했습니다.",
+      );
     }
   };
 
@@ -1195,7 +1095,8 @@ export default function Admin({ section = "overview" }: AdminProps) {
   const counts = useMemo(
     () => ({
       ok: services.filter((service) => service.status === "ok").length,
-      degraded: services.filter((service) => service.status === "degraded").length,
+      degraded: services.filter((service) => service.status === "degraded")
+        .length,
       down: services.filter((service) => service.status === "down").length,
       total: services.length,
     }),
@@ -1213,7 +1114,8 @@ export default function Admin({ section = "overview" }: AdminProps) {
     [users],
   );
   const activeSessions = useMemo(
-    () => users.reduce((sum, user) => sum + Math.max(0, user.active_sessions), 0),
+    () =>
+      users.reduce((sum, user) => sum + Math.max(0, user.active_sessions), 0),
     [users],
   );
   const accountCounts = useMemo(
@@ -1247,6 +1149,10 @@ export default function Admin({ section = "overview" }: AdminProps) {
     () => (tickets?.tickets ?? []).filter(ticketIsActive),
     [tickets],
   );
+  const visibleActiveTickets = useMemo(
+    () => activeTickets.slice(0, MAX_RENDERED_ACTIVE_TICKETS),
+    [activeTickets],
+  );
   const recentResolvedTickets = useMemo(
     () =>
       (tickets?.tickets ?? [])
@@ -1297,7 +1203,254 @@ export default function Admin({ section = "overview" }: AdminProps) {
     );
   }, [userSearch, users]);
   const hasUserSearch = userSearch.trim().length > 0;
-  const visibleUsers = filteredUsers.slice(0, MAX_RENDERED_USERS);
+  const userColumns: ColumnDef<AdminManagedUser>[] = [
+    {
+      id: "identity",
+      accessorFn: (user) => `${user.display_name} ${user.email}`,
+      header: "사용자",
+      cell: ({ row }) => {
+        const user = row.original;
+        const draft = userDrafts[user.user_id] ?? userDraftFrom(user);
+        return (
+          <div className="ad-user-table__identity">
+            <span className="ad-user-table__avatar" aria-hidden="true">
+              {initialOf(user)}
+            </span>
+            <div>
+              <input
+                value={draft.display_name}
+                onChange={(event) =>
+                  updateDraft(user.user_id, {
+                    display_name: event.target.value,
+                  })
+                }
+                disabled={!usersWritable || savingUserId === user.user_id}
+                aria-label={`${user.email} 표시 이름`}
+              />
+              <span title={user.email}>{user.email}</span>
+            </div>
+          </div>
+        );
+      },
+    },
+    {
+      id: "role",
+      accessorFn: (user) => user.role,
+      header: "역할",
+      cell: ({ row }) => {
+        const user = row.original;
+        const draft = userDrafts[user.user_id] ?? user;
+        return (
+          <div className="ad-user-table__role">
+            <select
+              value={draft.role}
+              onChange={(event) =>
+                updateDraft(user.user_id, {
+                  role: event.target.value as AdminManagedUser["role"],
+                })
+              }
+              disabled={
+                !usersWritable ||
+                savingUserId === user.user_id ||
+                (user.role === "admin" && !canGrantAdminAccess)
+              }
+              aria-label={`${user.email} 역할`}
+            >
+              <option value="learner">학습자</option>
+              <option value="teacher">교수자</option>
+              <option value="admin" disabled={!canGrantAdminAccess}>
+                관리자
+              </option>
+            </select>
+            <span className="ad-user-table__badges">
+              <Badge tone={roleBadgeTone(user.role)}>
+                {roleText(user.role)}
+              </Badge>
+              {user.super_admin ? <Badge tone="crit">슈퍼</Badge> : null}
+            </span>
+          </div>
+        );
+      },
+    },
+    {
+      id: "admin_access",
+      accessorFn: (user) => Number(user.admin_access),
+      header: "관리 권한",
+      cell: ({ row }) => {
+        const user = row.original;
+        const draft = userDrafts[user.user_id] ?? user;
+        return (
+          <label className="ad-user-table__check">
+            <input
+              type="checkbox"
+              checked={draft.admin_access}
+              onChange={(event) =>
+                updateDraft(user.user_id, {
+                  admin_access: event.target.checked,
+                })
+              }
+              disabled={
+                !usersWritable ||
+                savingUserId === user.user_id ||
+                !canGrantAdminAccess ||
+                user.super_admin
+              }
+              aria-label={`${user.email} 관리자 페이지 권한`}
+            />
+            <span>{draft.admin_access ? "허용" : "없음"}</span>
+          </label>
+        );
+      },
+    },
+    {
+      id: "account_status",
+      accessorFn: (user) => user.account_status,
+      header: "승인 상태",
+      cell: ({ row }) => {
+        const user = row.original;
+        const draft = userDrafts[user.user_id] ?? user;
+        return (
+          <div className="ad-user-table__status">
+            <select
+              value={draft.account_status}
+              onChange={(event) =>
+                updateDraft(user.user_id, {
+                  account_status: event.target
+                    .value as AdminManagedUser["account_status"],
+                })
+              }
+              disabled={!usersWritable || savingUserId === user.user_id}
+              aria-label={`${user.email} 승인 상태`}
+            >
+              <option value="pending">승인 대기</option>
+              <option value="approved">승인됨</option>
+              <option value="suspended">보류</option>
+            </select>
+            <Badge tone={accountStatusTone(user.account_status)}>
+              {accountStatusText(user.account_status)}
+            </Badge>
+          </div>
+        );
+      },
+    },
+    {
+      id: "affiliation",
+      accessorFn: (user) => user.affiliation,
+      header: "소속",
+      cell: ({ row }) => {
+        const user = row.original;
+        const draft = userDrafts[user.user_id] ?? user;
+        return (
+          <input
+            value={draft.affiliation}
+            onChange={(event) =>
+              updateDraft(user.user_id, { affiliation: event.target.value })
+            }
+            disabled={!usersWritable || savingUserId === user.user_id}
+            aria-label={`${user.email} 소속`}
+          />
+        );
+      },
+    },
+    {
+      id: "cohort_ids",
+      accessorFn: (user) => cohortInputValue(user.cohort_ids),
+      header: "코호트",
+      cell: ({ row }) => {
+        const user = row.original;
+        const draft = userDrafts[user.user_id] ?? user;
+        return (
+          <input
+            value={cohortInputValue(draft.cohort_ids)}
+            onChange={(event) =>
+              updateDraft(user.user_id, {
+                cohort_ids: parseCohorts(event.target.value),
+              })
+            }
+            disabled={!usersWritable || savingUserId === user.user_id}
+            aria-label={`${user.email} 코호트`}
+          />
+        );
+      },
+    },
+    {
+      id: "active_sessions",
+      accessorFn: (user) => user.active_sessions,
+      header: "활성 회기",
+      sortDescFirst: false,
+      cell: ({ row }) => (
+        <b className="ad-user-table__number">{row.original.active_sessions}</b>
+      ),
+    },
+    {
+      id: "last_seen_at",
+      accessorFn: (user) => user.last_seen_at ?? 0,
+      header: "최근 접속",
+      cell: ({ row }) => {
+        const user = row.original;
+        const online = isOnline(user.last_seen_at);
+        return (
+          <div className="ad-user-table__presence">
+            <span className={online ? "is-online" : ""}>
+              {online ? "온라인" : "오프라인"}
+            </span>
+            <time>{dateTimeLabel(user.last_seen_at)}</time>
+          </div>
+        );
+      },
+    },
+    {
+      id: "actions",
+      header: "작업",
+      enableSorting: false,
+      cell: ({ row }) => {
+        const user = row.original;
+        const draft = userDrafts[user.user_id] ?? userDraftFrom(user);
+        const dirty =
+          draft.display_name !== user.display_name ||
+          draft.role !== user.role ||
+          draft.admin_access !== user.admin_access ||
+          draft.account_status !== user.account_status ||
+          draft.affiliation !== user.affiliation ||
+          cohortInputValue(draft.cohort_ids) !==
+            cohortInputValue(user.cohort_ids);
+        return (
+          <div className="ad-user__actions">
+            <Button
+              size="sm"
+              variant="ghost"
+              leading={<Icon name="x" size={14} />}
+              onClick={() => void deactivateUser(user)}
+              disabled={!usersWritable || deactivatingUserId === user.user_id}
+            >
+              {deactivatingUserId === user.user_id ? "처리 중" : "비활성화"}
+            </Button>
+            <Button
+              size="sm"
+              onClick={() => void saveUser(user)}
+              disabled={
+                !usersWritable || !dirty || savingUserId === user.user_id
+              }
+            >
+              {savingUserId === user.user_id ? "저장 중" : "저장"}
+            </Button>
+          </div>
+        );
+      },
+    },
+  ];
+  const userTable = useReactTable({
+    data: filteredUsers,
+    columns: userColumns,
+    state: { sorting: userSorting },
+    onSortingChange: setUserSorting,
+    getCoreRowModel: getCoreRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+    getRowId: (user) => user.user_id,
+  });
+  const visibleUserRows = userTable
+    .getRowModel()
+    .rows.slice(0, MAX_RENDERED_USERS);
   const renderAdminDiagnostics = () =>
     [...usersDiagnostics, ...ticketsDiagnostics].length > 0 ? (
       <AdminDiagnosticPanel
@@ -1305,17 +1458,26 @@ export default function Admin({ section = "overview" }: AdminProps) {
         body="관리자 API 응답 일부가 화면 계약과 달라 기본값으로 보정했습니다. 빈 화면 대신 어떤 필드가 문제인지 표시합니다."
         details={[
           ["section", section],
-          ["path", typeof window === "undefined" ? "unknown" : window.location.pathname],
+          [
+            "path",
+            typeof window === "undefined"
+              ? "unknown"
+              : window.location.pathname,
+          ],
           ["asset", runtimeAssetLabel()],
-          ...[...usersDiagnostics, ...ticketsDiagnostics].slice(0, 8).map((warning): [string, string] => [
-            warning.key,
-            `${warning.message} (${warning.detail})`,
-          ]),
+          ...[...usersDiagnostics, ...ticketsDiagnostics]
+            .slice(0, 8)
+            .map((warning): [string, string] => [
+              warning.key,
+              `${warning.message} (${warning.detail})`,
+            ]),
           ...(usersDiagnostics.length + ticketsDiagnostics.length > 8
-            ? [["more", `${usersDiagnostics.length + ticketsDiagnostics.length - 8}개 추가 진단 생략`] as [
-                string,
-                string,
-              ]]
+            ? [
+                [
+                  "more",
+                  `${usersDiagnostics.length + ticketsDiagnostics.length - 8}개 추가 진단 생략`,
+                ] as [string, string],
+              ]
             : []),
         ]}
       />
@@ -1338,7 +1500,12 @@ export default function Admin({ section = "overview" }: AdminProps) {
         </Button>
       </PageHeader>
 
-      <section className={`ad-status ad-status--${health?.status ?? "degraded"}`} role="status">
+      <section
+        className={surfaceClassName(
+          `ad-status ad-status--${health?.status ?? "degraded"}`,
+        )}
+        role="status"
+      >
         <span className="ad-status__dot" aria-hidden="true" />
         <div>
           <b>{statusMessage(health)}</b>
@@ -1351,7 +1518,7 @@ export default function Admin({ section = "overview" }: AdminProps) {
         <time>{updatedAt ? updatedAt.toLocaleTimeString("ko-KR") : ""}</time>
       </section>
 
-      <section className="ad-kpis" aria-label="운영 요약">
+      <section className={surfaceClassName("ad-kpis")} aria-label="운영 요약">
         <div className="ad-kpi">
           <span className="ad-kpi__lab">진행 중 교육</span>
           <b>{countLabel(activeSessions)}</b>
@@ -1375,28 +1542,62 @@ export default function Admin({ section = "overview" }: AdminProps) {
       </section>
 
       <section className="ad-overview-grid">
-        <div className="ad-panel ad-panel--wide">
+        <div className={surfaceClassName("ad-panel ad-panel--wide")}>
           <div className="ad-section__head">
             <h2>실시간 교육 흐름</h2>
             <span>사용자 API 기반</span>
           </div>
           <div className="ad-flow-grid">
-            <article className="ad-flow">
+            <article
+              className={surfaceClassName("ad-flow", {
+                variant: "inset",
+                flat: true,
+              })}
+            >
               <span>학습자 회기</span>
               <b>{countLabel(activeSessions)}</b>
               <small>현재 진행 중인 상담 시뮬레이션</small>
             </article>
-            <article className="ad-flow">
+            <article
+              className={surfaceClassName("ad-flow", {
+                variant: "inset",
+                flat: true,
+              })}
+            >
               <span>교수자 접속</span>
-              <b>{countLabel(users.filter((user) => user.role === "teacher" && isOnline(user.last_seen_at)).length)}</b>
+              <b>
+                {countLabel(
+                  users.filter(
+                    (user) =>
+                      user.role === "teacher" && isOnline(user.last_seen_at),
+                  ).length,
+                )}
+              </b>
               <small>리뷰·안전 알림 대응 가능 인원</small>
             </article>
-            <article className="ad-flow">
+            <article
+              className={surfaceClassName("ad-flow", {
+                variant: "inset",
+                flat: true,
+              })}
+            >
               <span>관리자 접속</span>
-              <b>{countLabel(users.filter((user) => user.role === "admin" && isOnline(user.last_seen_at)).length)}</b>
+              <b>
+                {countLabel(
+                  users.filter(
+                    (user) =>
+                      user.role === "admin" && isOnline(user.last_seen_at),
+                  ).length,
+                )}
+              </b>
               <small>운영 대응 가능 인원</small>
             </article>
-            <article className="ad-flow">
+            <article
+              className={surfaceClassName("ad-flow", {
+                variant: "inset",
+                flat: true,
+              })}
+            >
               <span>AI 계량 턴</span>
               <b>{usage ? countLabel(usage.metered_turns) : "-"}</b>
               <small>{usage ? `최근 ${usage.window_days}일` : "계산 중"}</small>
@@ -1404,10 +1605,12 @@ export default function Admin({ section = "overview" }: AdminProps) {
           </div>
         </div>
 
-        <div className="ad-panel">
+        <div className={surfaceClassName("ad-panel")}>
           <div className="ad-section__head">
             <h2>가용성</h2>
-            <Badge tone={healthTone}>{health ? statusLabel(health.status) : "확인 중"}</Badge>
+            <Badge tone={healthTone}>
+              {health ? statusLabel(health.status) : "확인 중"}
+            </Badge>
           </div>
           <div className="ad-availability">
             <div>
@@ -1426,7 +1629,7 @@ export default function Admin({ section = "overview" }: AdminProps) {
           {uptimeError ? <InlineError message={uptimeError} /> : null}
         </div>
 
-        <div className="ad-panel">
+        <div className={surfaceClassName("ad-panel")}>
           <div className="ad-section__head">
             <h2>AI 비용</h2>
             <span>{usageSourceLabel(usage)}</span>
@@ -1437,7 +1640,12 @@ export default function Admin({ section = "overview" }: AdminProps) {
             <span>{usage ? usageBudgetLabel(usage) : "계산 중"}</span>
             {usage ? <small>{usageBudgetDetail(usage)}</small> : null}
           </div>
-          {usage ? <ProgressBar value={Math.min(100, Math.round(usage.budget.used_ratio * 100))} slim /> : null}
+          {usage ? (
+            <ProgressBar
+              value={Math.min(100, Math.round(usage.budget.used_ratio * 100))}
+              slim
+            />
+          ) : null}
           {usage ? (
             <div className="ad-cache">
               <span>평가 캐시 hit-rate</span>
@@ -1462,32 +1670,47 @@ export default function Admin({ section = "overview" }: AdminProps) {
           ) : null}
         </div>
 
-        <div className="ad-panel">
+        <div className={surfaceClassName("ad-panel")}>
           <div className="ad-section__head">
             <h2>운영 티켓</h2>
-            <Badge tone={openTickets ? "warn" : "neutral"}>{tickets?.durable ? "DB 큐" : "대기 중"}</Badge>
+            <Badge tone={openTickets ? "warn" : "neutral"}>
+              {tickets?.durable ? "DB 큐" : "대기 중"}
+            </Badge>
           </div>
           {ticketsError ? <InlineError message={ticketsError} /> : null}
           {ticketsLoading && !tickets ? (
-            <EmptyState title="티켓 큐를 불러오는 중입니다" body="사용자 문제 접수 모델에서 미해결 건수를 확인합니다." />
+            <EmptyState
+              title="티켓 큐를 불러오는 중입니다"
+              body="사용자 문제 접수 모델에서 미해결 건수를 확인합니다."
+            />
           ) : null}
           {!ticketsLoading && tickets && activeTickets.length === 0 ? (
-            <EmptyState title="미해결 티켓이 없습니다" body="사용자 문의나 장애 접수가 들어오면 이곳에 표시됩니다." />
+            <EmptyState
+              title="미해결 티켓이 없습니다"
+              body="사용자 문의나 장애 접수가 들어오면 이곳에 표시됩니다."
+            />
           ) : null}
           {tickets && activeTickets.length > 0 ? (
-            <div className="ad-ticket-mini">
+            <div
+              className={surfaceClassName("ad-ticket-mini", {
+                variant: "inset",
+                flat: true,
+              })}
+            >
               <div>
                 <b>{countLabel(tickets.summary.open_count)}건 미해결</b>
                 <span>
-                  높은 우선순위 {countLabel(tickets.summary.high_priority_count)}건 · 24시간 이상 정체{" "}
-                  {countLabel(tickets.summary.stale_count)}건
+                  높은 우선순위{" "}
+                  {countLabel(tickets.summary.high_priority_count)}건 · 24시간
+                  이상 정체 {countLabel(tickets.summary.stale_count)}건
                 </span>
               </div>
               {activeTickets.slice(0, 2).map((ticket) => (
                 <div key={ticket.ticket_id}>
                   <b>{ticket.subject}</b>
                   <span>
-                    {ticketStatusLabel(ticket.status)} · {ticketPriorityLabel(ticket.priority)} ·{" "}
+                    {ticketStatusLabel(ticket.status)} ·{" "}
+                    {ticketPriorityLabel(ticket.priority)} ·{" "}
                     {ticket.reporter.email}
                   </span>
                 </div>
@@ -1510,15 +1733,20 @@ export default function Admin({ section = "overview" }: AdminProps) {
   );
 
   const renderServices = () => (
-    <div className="ad-services">
+    <div className={surfaceClassName("ad-services")}>
       {services.map((service) => (
-        <article className={`ad-service ad-service--${service.status}`} key={service.key}>
+        <article
+          className={`ad-service ad-service--${service.status}`}
+          key={service.key}
+        >
           <div className="ad-service__top">
             <div className="ad-service__name">
               <Dot tone={toneOf(service.status)} />
               <b>{service.name}</b>
             </div>
-            <Badge tone={toneOf(service.status)}>{statusLabel(service.status)}</Badge>
+            <Badge tone={toneOf(service.status)}>
+              {statusLabel(service.status)}
+            </Badge>
           </div>
           <p>{service.detail}</p>
           <div className="ad-service__meter">
@@ -1540,7 +1768,11 @@ export default function Admin({ section = "overview" }: AdminProps) {
       ))}
       {loading && !health
         ? Array.from({ length: 3 }).map((_, index) => (
-            <article className="ad-service ad-service--skeleton" key={index} aria-hidden="true">
+            <article
+              className="ad-service ad-service--skeleton"
+              key={index}
+              aria-hidden="true"
+            >
               <span className="ad-skel ad-skel--name" />
               <span className="ad-skel ad-skel--detail" />
               <span className="ad-skel ad-skel--meter" />
@@ -1566,7 +1798,10 @@ export default function Admin({ section = "overview" }: AdminProps) {
       <TabBar
         ariaLabel="사용자 관리 탭"
         items={[
-          ["approval", `가입 승인${accountCounts.pending ? ` ${accountCounts.pending}` : ""}`],
+          [
+            "approval",
+            `가입 승인${accountCounts.pending ? ` ${accountCounts.pending}` : ""}`,
+          ],
           ["manage", "사용자 목록"],
           ["register", "사용자 등록"],
           ["activity", "활동 요약"],
@@ -1590,15 +1825,30 @@ export default function Admin({ section = "overview" }: AdminProps) {
           <p>신규 사용자는 승인 전까지 pending 화면만 볼 수 있습니다.</p>
         </div>
         <div className="ad-approval-metrics" aria-label="계정 승인 상태 요약">
-          <span>
+          <span
+            className={surfaceClassName(undefined, {
+              variant: "inset",
+              flat: true,
+            })}
+          >
             <b>{accountCounts.pending}</b>
             대기
           </span>
-          <span>
+          <span
+            className={surfaceClassName(undefined, {
+              variant: "inset",
+              flat: true,
+            })}
+          >
             <b>{accountCounts.approved}</b>
             승인
           </span>
-          <span>
+          <span
+            className={surfaceClassName(undefined, {
+              variant: "inset",
+              flat: true,
+            })}
+          >
             <b>{accountCounts.suspended}</b>
             보류
           </span>
@@ -1612,9 +1862,15 @@ export default function Admin({ section = "overview" }: AdminProps) {
       ) : null}
 
       {usersLoading && !usersData ? (
-        <div className="ad-users">
+        <div className={surfaceClassName("ad-users")}>
           {Array.from({ length: 2 }).map((_, index) => (
-            <article className="ad-user ad-user--skeleton" key={index} aria-hidden="true">
+            <article
+              className={surfaceClassName("ad-user ad-user--skeleton", {
+                variant: "inset",
+              })}
+              key={index}
+              aria-hidden="true"
+            >
               <span className="ad-skel ad-skel--name" />
               <span className="ad-skel ad-skel--detail" />
               <span className="ad-skel ad-skel--meter" />
@@ -1632,9 +1888,12 @@ export default function Admin({ section = "overview" }: AdminProps) {
       ) : null}
 
       {pendingUsers.length > 0 ? (
-        <div className="ad-approval-list">
+        <div className={surfaceClassName("ad-approval-list")}>
           {pendingUsers.map((user) => (
-            <article className="ad-approval" key={user.user_id}>
+            <article
+              className={surfaceClassName("ad-approval", { variant: "inset" })}
+              key={user.user_id}
+            >
               <div className="ad-user__id">
                 <span aria-hidden="true">{initialOf(user)}</span>
                 <div>
@@ -1646,9 +1905,15 @@ export default function Admin({ section = "overview" }: AdminProps) {
                 <Badge tone={accountStatusTone(user.account_status)}>
                   {accountStatusText(user.account_status)}
                 </Badge>
-                <Badge tone={roleBadgeTone(user.role)}>{roleText(user.role)}</Badge>
+                <Badge tone={roleBadgeTone(user.role)}>
+                  {roleText(user.role)}
+                </Badge>
                 <span>{user.affiliation || "소속 미입력"}</span>
-                <span>{user.cohort_ids.length ? cohortInputValue(user.cohort_ids) : "코호트 없음"}</span>
+                <span>
+                  {user.cohort_ids.length
+                    ? cohortInputValue(user.cohort_ids)
+                    : "코호트 없음"}
+                </span>
                 <span>접수 {dateTimeLabel(user.created_at)}</span>
               </div>
               <div className="ad-approval__actions">
@@ -1664,7 +1929,9 @@ export default function Admin({ section = "overview" }: AdminProps) {
                   size="sm"
                   variant="secondary"
                   leading={<Icon name="x" size={14} />}
-                  onClick={() => void updateUserAccountStatus(user, "suspended")}
+                  onClick={() =>
+                    void updateUserAccountStatus(user, "suspended")
+                  }
                   disabled={!usersWritable || savingUserId === user.user_id}
                 >
                   보류
@@ -1678,13 +1945,14 @@ export default function Admin({ section = "overview" }: AdminProps) {
   );
 
   const renderUserCreate = () => (
-    <section className="ad-panel">
+    <section className={surfaceClassName("ad-panel")}>
       <div className="ad-section__head">
         <h2>새 사용자 등록</h2>
         <span>{usersWritable ? "DB 저장 가능" : "읽기 전용"}</span>
       </div>
       <div className="ad-users-note">
-        역할과 코호트는 접근 범위를 결정합니다. 허용 도메인 밖 이메일은 정확히 등록된 계정만 로그인 가능합니다.
+        역할과 코호트는 접근 범위를 결정합니다. 허용 도메인 밖 이메일은 정확히
+        등록된 계정만 로그인 가능합니다.
       </div>
       {!usersWritable ? (
         <div className="ad-users-note ad-users-note--warn" role="alert">
@@ -1702,7 +1970,12 @@ export default function Admin({ section = "overview" }: AdminProps) {
           <span>이메일</span>
           <input
             value={newUser.email}
-            onChange={(event) => setNewUser((current) => ({ ...current, email: event.target.value }))}
+            onChange={(event) =>
+              setNewUser((current) => ({
+                ...current,
+                email: event.target.value,
+              }))
+            }
             placeholder="name@example.com"
             disabled={!usersWritable || creatingUser}
             aria-label="새 사용자 이메일"
@@ -1713,7 +1986,10 @@ export default function Admin({ section = "overview" }: AdminProps) {
           <input
             value={newUser.display_name}
             onChange={(event) =>
-              setNewUser((current) => ({ ...current, display_name: event.target.value }))
+              setNewUser((current) => ({
+                ...current,
+                display_name: event.target.value,
+              }))
             }
             placeholder="홍길동"
             disabled={!usersWritable || creatingUser}
@@ -1730,7 +2006,11 @@ export default function Admin({ section = "overview" }: AdminProps) {
                 role: event.target.value as AdminManagedUser["role"],
               }))
             }
-            disabled={!usersWritable || creatingUser || (newUser.role === "admin" && !canGrantAdminAccess)}
+            disabled={
+              !usersWritable ||
+              creatingUser ||
+              (newUser.role === "admin" && !canGrantAdminAccess)
+            }
             aria-label="새 사용자 역할"
           >
             <option value="learner">학습자</option>
@@ -1745,7 +2025,10 @@ export default function Admin({ section = "overview" }: AdminProps) {
             type="checkbox"
             checked={newUser.admin_access}
             onChange={(event) =>
-              setNewUser((current) => ({ ...current, admin_access: event.target.checked }))
+              setNewUser((current) => ({
+                ...current,
+                admin_access: event.target.checked,
+              }))
             }
             disabled={!usersWritable || creatingUser || !canGrantAdminAccess}
             aria-label="새 사용자 관리자 페이지 권한"
@@ -1759,7 +2042,8 @@ export default function Admin({ section = "overview" }: AdminProps) {
             onChange={(event) =>
               setNewUser((current) => ({
                 ...current,
-                account_status: event.target.value as AdminManagedUser["account_status"],
+                account_status: event.target
+                  .value as AdminManagedUser["account_status"],
               }))
             }
             disabled={!usersWritable || creatingUser}
@@ -1775,7 +2059,10 @@ export default function Admin({ section = "overview" }: AdminProps) {
           <input
             value={cohortInputValue(newUser.cohort_ids)}
             onChange={(event) =>
-              setNewUser((current) => ({ ...current, cohort_ids: parseCohorts(event.target.value) }))
+              setNewUser((current) => ({
+                ...current,
+                cohort_ids: parseCohorts(event.target.value),
+              }))
             }
             placeholder="cohort-a, cohort-b"
             disabled={!usersWritable || creatingUser}
@@ -1787,7 +2074,10 @@ export default function Admin({ section = "overview" }: AdminProps) {
           <input
             value={newUser.affiliation}
             onChange={(event) =>
-              setNewUser((current) => ({ ...current, affiliation: event.target.value }))
+              setNewUser((current) => ({
+                ...current,
+                affiliation: event.target.value,
+              }))
             }
             placeholder="한신대학교 상담학과"
             disabled={!usersWritable || creatingUser}
@@ -1823,190 +2113,118 @@ export default function Admin({ section = "overview" }: AdminProps) {
             : "사용자 확인 중"}
         </span>
       </div>
-      <div className="ad-users">
-        {visibleUsers.map((user) => {
-          const draft =
-            userDrafts[user.user_id] ?? {
-              display_name: user.display_name,
-              role: user.role,
-              admin_access: user.admin_access,
-              account_status: user.account_status,
-              affiliation: user.affiliation,
-              cohort_ids: user.cohort_ids,
-            };
-          const dirty =
-            draft.display_name !== user.display_name ||
-            draft.role !== user.role ||
-            draft.admin_access !== user.admin_access ||
-            draft.account_status !== user.account_status ||
-            draft.affiliation !== user.affiliation ||
-            cohortInputValue(draft.cohort_ids) !== cohortInputValue(user.cohort_ids);
+      <div className={surfaceClassName("ad-users")}>
+        {usersData ? (
+          <div
+            className="ad-user-table-scroll"
+            tabIndex={0}
+            role="region"
+            aria-label="사용자 관리 표. 작은 화면에서는 가로로 스크롤할 수 있습니다."
+          >
+            <table className="ad-user-table">
+              <thead>
+                {userTable.getHeaderGroups().map((headerGroup) => (
+                  <tr key={headerGroup.id}>
+                    {headerGroup.headers.map((header) => {
+                      const sorted = header.column.getIsSorted();
+                      return (
+                        <th
+                          key={header.id}
+                          scope="col"
+                          aria-sort={
+                            sorted === "asc"
+                              ? "ascending"
+                              : sorted === "desc"
+                                ? "descending"
+                                : header.column.getCanSort()
+                                  ? "none"
+                                  : undefined
+                          }
+                        >
+                          {header.column.getCanSort() ? (
+                            <button
+                              type="button"
+                              className="ad-user-sort"
+                              onClick={header.column.getToggleSortingHandler()}
+                            >
+                              <span>
+                                {flexRender(
+                                  header.column.columnDef.header,
+                                  header.getContext(),
+                                )}
+                              </span>
+                              <span
+                                className="ad-user-sort__indicator"
+                                aria-hidden="true"
+                              >
+                                {sorted === "asc"
+                                  ? "↑"
+                                  : sorted === "desc"
+                                    ? "↓"
+                                    : "↕"}
+                              </span>
+                            </button>
+                          ) : (
+                            flexRender(
+                              header.column.columnDef.header,
+                              header.getContext(),
+                            )
+                          )}
+                        </th>
+                      );
+                    })}
+                  </tr>
+                ))}
+              </thead>
+              <tbody>
+                {visibleUserRows.map((row) => (
+                  <tr key={row.id}>
+                    {row.getVisibleCells().map((cell) => (
+                      <td key={cell.id}>
+                        {flexRender(
+                          cell.column.columnDef.cell,
+                          cell.getContext(),
+                        )}
+                      </td>
+                    ))}
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+          </div>
+        ) : null}
 
-          return (
-            <article className="ad-user" key={user.user_id}>
-              <div className="ad-user__top">
-                <div className="ad-user__id">
-                  <span aria-hidden="true">{initialOf(user)}</span>
-                  <div>
-                    <b>{user.display_name}</b>
-                    <p>{user.email}</p>
-                  </div>
-                </div>
-                <div className="ad-user__badges">
-                  <Badge tone={roleBadgeTone(user.role)}>{roleText(user.role)}</Badge>
-                  {user.admin_access ? <Badge tone="warn">관리자 권한</Badge> : null}
-                  {user.super_admin ? <Badge tone="crit">슈퍼 관리자</Badge> : null}
-                  <Badge tone={accountStatusTone(user.account_status)}>
-                    {accountStatusText(user.account_status)}
-                  </Badge>
-                </div>
-              </div>
-
-              <div className="ad-user__fields">
-                <label>
-                  <span>이름</span>
-                  <input
-                    value={draft.display_name}
-                    onChange={(event) =>
-                      updateDraft(user.user_id, { display_name: event.target.value })
-                    }
-                    disabled={!usersWritable || savingUserId === user.user_id}
-                    aria-label={`${user.email} 표시 이름`}
-                  />
-                </label>
-                <label>
-                  <span>역할</span>
-                  <select
-                    value={draft.role}
-                    onChange={(event) =>
-                      updateDraft(user.user_id, {
-                        role: event.target.value as AdminManagedUser["role"],
-                      })
-                    }
-                    disabled={
-                      !usersWritable ||
-                      savingUserId === user.user_id ||
-                      (user.role === "admin" && !canGrantAdminAccess)
-                    }
-                    aria-label={`${user.email} 역할`}
-                  >
-                    <option value="learner">학습자</option>
-                    <option value="teacher">교수자</option>
-                    <option value="admin" disabled={!canGrantAdminAccess}>
-                      관리자
-                    </option>
-                  </select>
-                </label>
-                <label className="ad-checkline">
-                  <input
-                    type="checkbox"
-                    checked={draft.admin_access}
-                    onChange={(event) =>
-                      updateDraft(user.user_id, { admin_access: event.target.checked })
-                    }
-                    disabled={
-                      !usersWritable ||
-                      savingUserId === user.user_id ||
-                      !canGrantAdminAccess ||
-                      user.super_admin
-                    }
-                    aria-label={`${user.email} 관리자 페이지 권한`}
-                  />
-                  <span>관리자 권한</span>
-                </label>
-                <label>
-                  <span>승인 상태</span>
-                  <select
-                    value={draft.account_status}
-                    onChange={(event) =>
-                      updateDraft(user.user_id, {
-                        account_status: event.target.value as AdminManagedUser["account_status"],
-                      })
-                    }
-                    disabled={!usersWritable || savingUserId === user.user_id}
-                    aria-label={`${user.email} 승인 상태`}
-                  >
-                    <option value="pending">승인 대기</option>
-                    <option value="approved">승인됨</option>
-                    <option value="suspended">보류</option>
-                  </select>
-                </label>
-                <label>
-                  <span>소속</span>
-                  <input
-                    value={draft.affiliation}
-                    onChange={(event) =>
-                      updateDraft(user.user_id, { affiliation: event.target.value })
-                    }
-                    disabled={!usersWritable || savingUserId === user.user_id}
-                    aria-label={`${user.email} 소속`}
-                  />
-                </label>
-                <label>
-                  <span>코호트</span>
-                  <input
-                    value={cohortInputValue(draft.cohort_ids)}
-                    onChange={(event) =>
-                      updateDraft(user.user_id, { cohort_ids: parseCohorts(event.target.value) })
-                    }
-                    disabled={!usersWritable || savingUserId === user.user_id}
-                    aria-label={`${user.email} 코호트`}
-                  />
-                </label>
-              </div>
-
-              <div className="ad-user__meta">
-                <span>활성 세션 {user.active_sessions}</span>
-                <span>{accountStatusText(user.account_status)}</span>
-                <span>{isOnline(user.last_seen_at) ? "온라인" : "오프라인"}</span>
-                <span>최근 {dateTimeLabel(user.last_seen_at)}</span>
-              </div>
-
-              <div className="ad-user__actions">
-                <Button
-                  size="sm"
-                  variant="ghost"
-                  leading={<Icon name="x" size={14} />}
-                  onClick={() => void deactivateUser(user)}
-                  disabled={!usersWritable || deactivatingUserId === user.user_id}
-                >
-                  {deactivatingUserId === user.user_id ? "처리 중" : "비활성화"}
-                </Button>
-                <Button
-                  size="sm"
-                  onClick={() => void saveUser(user)}
-                  disabled={!usersWritable || !dirty || savingUserId === user.user_id}
-                >
-                  {savingUserId === user.user_id ? "저장 중" : "저장"}
-                </Button>
-              </div>
-            </article>
-          );
-        })}
-
-        {usersLoading && !usersData
-          ? Array.from({ length: 2 }).map((_, index) => (
-              <article className="ad-user ad-user--skeleton" key={index} aria-hidden="true">
+        {usersLoading && !usersData ? (
+          <div className="ad-user-table-loading" aria-hidden="true">
+            {Array.from({ length: 4 }).map((_, index) => (
+              <div key={index}>
                 <span className="ad-skel ad-skel--name" />
                 <span className="ad-skel ad-skel--detail" />
                 <span className="ad-skel ad-skel--meter" />
                 <span className="ad-skel ad-skel--action" />
-              </article>
-            ))
-          : null}
+              </div>
+            ))}
+          </div>
+        ) : null}
         {!usersLoading && !usersData ? (
           <div className="ad-users-empty">
             사용자 목록을 불러오지 못했습니다. 새로고침을 눌러 다시 시도하세요.
           </div>
         ) : null}
-        {!usersLoading && usersData && filteredUsers.length > visibleUsers.length ? (
+        {!usersLoading &&
+        usersData &&
+        filteredUsers.length > visibleUserRows.length ? (
           <div className="ad-users-empty">
-            검색어를 입력하면 나머지 {filteredUsers.length - visibleUsers.length}명을 더 좁혀 볼 수 있습니다.
+            검색어를 입력하면 나머지{" "}
+            {filteredUsers.length - visibleUserRows.length}명을 더 좁혀 볼 수
+            있습니다.
           </div>
         ) : null}
         {!usersLoading && usersData && filteredUsers.length === 0 ? (
           <div className="ad-users-empty">
-            {hasUserSearch ? "검색 조건에 맞는 사용자가 없습니다." : "아직 등록된 사용자가 없습니다."}
+            {hasUserSearch
+              ? "검색 조건에 맞는 사용자가 없습니다."
+              : "아직 등록된 사용자가 없습니다."}
           </div>
         ) : null}
       </div>
@@ -2015,18 +2233,30 @@ export default function Admin({ section = "overview" }: AdminProps) {
 
   const renderUserActivity = () => (
     <section className="ad-overview-grid">
-      <div className="ad-panel">
+      <div className={surfaceClassName("ad-panel")}>
         <div className="ad-section__head">
           <h2>역할 분포</h2>
           <span>{storeLabel(usersData)}</span>
         </div>
         <div className="ad-role-stack">
-          <RoleMeter label="학습자" value={roleCounts.learner} total={users.length} />
-          <RoleMeter label="교수자" value={roleCounts.teacher} total={users.length} />
-          <RoleMeter label="관리자" value={roleCounts.admin} total={users.length} />
+          <RoleMeter
+            label="학습자"
+            value={roleCounts.learner}
+            total={users.length}
+          />
+          <RoleMeter
+            label="교수자"
+            value={roleCounts.teacher}
+            total={users.length}
+          />
+          <RoleMeter
+            label="관리자"
+            value={roleCounts.admin}
+            total={users.length}
+          />
         </div>
       </div>
-      <div className="ad-panel ad-panel--wide">
+      <div className={surfaceClassName("ad-panel ad-panel--wide")}>
         <div className="ad-section__head">
           <h2>최근 활동</h2>
           <span>사용자 last_seen 기준</span>
@@ -2042,13 +2272,17 @@ export default function Admin({ section = "overview" }: AdminProps) {
                   <b>{user.display_name}</b>
                   <small>{user.email}</small>
                 </span>
-                <Badge tone={roleBadgeTone(user.role)}>{roleText(user.role)}</Badge>
+                <Badge tone={roleBadgeTone(user.role)}>
+                  {roleText(user.role)}
+                </Badge>
                 <span>{user.active_sessions}회기</span>
                 <span>{dateTimeLabel(user.last_seen_at)}</span>
               </div>
             ))}
           {!usersLoading && users.length === 0 ? (
-            <div className="ad-users-empty">활동을 표시할 사용자가 없습니다.</div>
+            <div className="ad-users-empty">
+              활동을 표시할 사용자가 없습니다.
+            </div>
           ) : null}
         </div>
       </div>
@@ -2063,7 +2297,8 @@ export default function Admin({ section = "overview" }: AdminProps) {
         description="운영자가 누구에게 어떤 작업 권한을 줄지 판단하는 정책 화면입니다."
       />
       <div className="ad-users-note">
-        역할·그룹 저장 API는 아직 분리되지 않았습니다. 현재 화면은 운영 정책 기준을 먼저 고정합니다.
+        역할·그룹 저장 API는 아직 분리되지 않았습니다. 현재 화면은 운영 정책
+        기준을 먼저 고정합니다.
       </div>
       <TabBar
         ariaLabel="접근 권한 탭"
@@ -2079,10 +2314,15 @@ export default function Admin({ section = "overview" }: AdminProps) {
       {accessTab === "roles" ? (
         <section className="ad-policy-grid">
           {ROLE_POLICIES.map((policy) => (
-            <article className="ad-policy" key={policy.role}>
+            <article
+              className={surfaceClassName("ad-policy", { variant: "inset" })}
+              key={policy.role}
+            >
               <div className="ad-section__head">
                 <h2>{policy.role}</h2>
-                <Badge tone={policy.role === "관리자" ? "warn" : "neutral"}>{policy.permissions.length}개 권한</Badge>
+                <Badge tone={policy.role === "관리자" ? "warn" : "neutral"}>
+                  {policy.permissions.length}개 권한
+                </Badge>
               </div>
               <p>{policy.scope}</p>
               <div className="ad-chip-row">
@@ -2099,7 +2339,10 @@ export default function Admin({ section = "overview" }: AdminProps) {
       {accessTab === "groups" ? (
         <section className="ad-policy-grid">
           {GROUP_POLICIES.map((group) => (
-            <article className="ad-policy" key={group.name}>
+            <article
+              className={surfaceClassName("ad-policy", { variant: "inset" })}
+              key={group.name}
+            >
               <div className="ad-section__head">
                 <h2>{group.name}</h2>
                 <Badge tone="neutral">정책 초안</Badge>
@@ -2116,8 +2359,12 @@ export default function Admin({ section = "overview" }: AdminProps) {
       ) : null}
 
       {accessTab === "matrix" ? (
-        <section className="ad-panel">
-          <div className="ad-access-table">
+        <section className={surfaceClassName("ad-panel")}>
+          <div
+            className={surfaceClassName("ad-access-table", {
+              variant: "inset",
+            })}
+          >
             <div className="ad-access-table__head">
               <span>리소스</span>
               <span>관리자</span>
@@ -2155,7 +2402,8 @@ export default function Admin({ section = "overview" }: AdminProps) {
         </Button>
       </PageHeader>
       <div className="ad-users-note">
-        사용자가 제출한 실제 DB 큐만 표시합니다. 해결된 항목은 큐에서 내려 최근 이력으로 분리합니다.
+        사용자가 제출한 실제 DB 큐만 표시합니다. 해결된 항목은 큐에서 내려 최근
+        이력으로 분리합니다.
       </div>
       <section className="ad-ticket-filter" aria-label="운영 티켓 필터">
         <input
@@ -2166,7 +2414,9 @@ export default function Admin({ section = "overview" }: AdminProps) {
         />
         <select
           value={ticketStatusFilter}
-          onChange={(event) => setTicketStatusFilter(event.target.value as TicketStatusFilter)}
+          onChange={(event) =>
+            setTicketStatusFilter(event.target.value as TicketStatusFilter)
+          }
           aria-label="상태 필터"
         >
           {TICKET_STATUS_OPTIONS.map((option) => (
@@ -2177,7 +2427,9 @@ export default function Admin({ section = "overview" }: AdminProps) {
         </select>
         <select
           value={ticketCategoryFilter}
-          onChange={(event) => setTicketCategoryFilter(event.target.value as TicketCategoryFilter)}
+          onChange={(event) =>
+            setTicketCategoryFilter(event.target.value as TicketCategoryFilter)
+          }
           aria-label="카테고리 필터"
         >
           {TICKET_CATEGORY_OPTIONS.map((option) => (
@@ -2188,7 +2440,9 @@ export default function Admin({ section = "overview" }: AdminProps) {
         </select>
         <select
           value={ticketPriorityFilter}
-          onChange={(event) => setTicketPriorityFilter(event.target.value as TicketPriorityFilter)}
+          onChange={(event) =>
+            setTicketPriorityFilter(event.target.value as TicketPriorityFilter)
+          }
           aria-label="우선순위 필터"
         >
           {TICKET_PRIORITY_OPTIONS.map((option) => (
@@ -2211,7 +2465,11 @@ export default function Admin({ section = "overview" }: AdminProps) {
           />
           <span>정체만</span>
         </label>
-        <Button variant="secondary" onClick={clearTicketFilters} disabled={!hasTicketFilters}>
+        <Button
+          variant="secondary"
+          onClick={clearTicketFilters}
+          disabled={!hasTicketFilters}
+        >
           초기화
         </Button>
       </section>
@@ -2222,9 +2480,15 @@ export default function Admin({ section = "overview" }: AdminProps) {
               key={category}
               type="button"
               className={ticketCategoryFilter === category ? "is-active" : ""}
-              onClick={() => setTicketCategoryFilter(category as TicketCategoryFilter)}
+              onClick={() =>
+                setTicketCategoryFilter(category as TicketCategoryFilter)
+              }
             >
-              <span>{ticketCategoryLabel(category as AdminSupportTicket["category"])}</span>
+              <span>
+                {ticketCategoryLabel(
+                  category as AdminSupportTicket["category"],
+                )}
+              </span>
               <b>{countLabel(count)}</b>
             </button>
           ))}
@@ -2232,124 +2496,133 @@ export default function Admin({ section = "overview" }: AdminProps) {
       ) : null}
 
       <section className="ad-section">
-          {ticketsError ? <InlineError message={ticketsError} /> : null}
-          <div className="ad-kpis" aria-label="티켓 요약">
-            <div className="ad-kpi">
-              <span className="ad-kpi__lab">전체 접수</span>
-              <b>{tickets ? countLabel(tickets.summary.total) : "-"}</b>
-              <small>{tickets?.durable ? "DB 티켓" : "저장소 확인 중"}</small>
-            </div>
-            <div className="ad-kpi">
-              <span className="ad-kpi__lab">미해결</span>
-              <b>{tickets ? countLabel(tickets.summary.open_count) : "-"}</b>
-              <small>open, triaged, in_progress</small>
-            </div>
-            <div className="ad-kpi">
-              <span className="ad-kpi__lab">높은 우선순위</span>
-              <b>{tickets ? countLabel(tickets.summary.high_priority_count) : "-"}</b>
-              <small>미해결 high, urgent</small>
-            </div>
-            <div className="ad-kpi">
-              <span className="ad-kpi__lab">정체</span>
-              <b>{tickets ? countLabel(tickets.summary.stale_count) : "-"}</b>
-              <small>24시간 이상 미변경</small>
-            </div>
+        {ticketsError ? <InlineError message={ticketsError} /> : null}
+        <div className={surfaceClassName("ad-kpis")} aria-label="티켓 요약">
+          <div className="ad-kpi">
+            <span className="ad-kpi__lab">전체 접수</span>
+            <b>{tickets ? countLabel(tickets.summary.total) : "-"}</b>
+            <small>{tickets?.durable ? "DB 티켓" : "저장소 확인 중"}</small>
           </div>
+          <div className="ad-kpi">
+            <span className="ad-kpi__lab">미해결</span>
+            <b>{tickets ? countLabel(tickets.summary.open_count) : "-"}</b>
+            <small>open, triaged, in_progress</small>
+          </div>
+          <div className="ad-kpi">
+            <span className="ad-kpi__lab">높은 우선순위</span>
+            <b>
+              {tickets ? countLabel(tickets.summary.high_priority_count) : "-"}
+            </b>
+            <small>미해결 high, urgent</small>
+          </div>
+          <div className="ad-kpi">
+            <span className="ad-kpi__lab">정체</span>
+            <b>{tickets ? countLabel(tickets.summary.stale_count) : "-"}</b>
+            <small>24시간 이상 미변경</small>
+          </div>
+        </div>
 
-          {ticketsLoading && !tickets ? (
-            <div className="ad-panel">
-              <EmptyState title="티켓 큐를 불러오는 중입니다" body="운영 티켓 저장소를 조회하고 있습니다." />
-            </div>
-          ) : null}
+        {ticketsLoading && !tickets ? (
+          <div className={surfaceClassName("ad-panel")}>
+            <EmptyState
+              title="티켓 큐를 불러오는 중입니다"
+              body="운영 티켓 저장소를 조회하고 있습니다."
+            />
+          </div>
+        ) : null}
 
-          {!ticketsLoading && tickets && activeTickets.length === 0 ? (
-            <div className="ad-panel">
-              <EmptyState title="미해결 운영 티켓이 없습니다" body="새 접수가 들어오면 이 큐에 우선순위와 상태가 표시됩니다." />
-            </div>
-          ) : null}
+        {!ticketsLoading && tickets && activeTickets.length === 0 ? (
+          <div className={surfaceClassName("ad-panel")}>
+            <EmptyState
+              title="미해결 운영 티켓이 없습니다"
+              body="새 접수가 들어오면 이 큐에 우선순위와 상태가 표시됩니다."
+            />
+          </div>
+        ) : null}
 
-          {activeTickets.length > 0 ? (
-            <div className="ad-ticket-list" aria-label="미해결 운영 티켓 큐">
-              {activeTickets.map((ticket) => {
-                const duplicateParentId = ticket.duplicate_parent_candidate_id;
-                const canLinkDuplicate =
-                  ticket.duplicate_count > 0 &&
-                  Boolean(duplicateParentId) &&
-                  duplicateParentId !== ticket.ticket_id &&
-                  duplicateParentId !== ticket.parent_ticket_id;
-                return (
-                  <article className="ad-ticket" key={ticket.ticket_id}>
-                    <div>
-                      <div className="ad-ticket__meta">
-                        <span>{ticketCategoryLabel(ticket.category)}</span>
-                        <span>{ticket.reporter.email}</span>
-                        <span>갱신 {dateTimeLabel(ticket.updated_at)}</span>
+        {activeTickets.length > 0 ? (
+          <div
+            className={surfaceClassName("ad-ticket-list")}
+            aria-label="미해결 운영 티켓 큐"
+          >
+            {visibleActiveTickets.map((ticket) => {
+              const duplicateParentId = ticket.duplicate_parent_candidate_id;
+              const canLinkDuplicate =
+                ticket.duplicate_count > 0 &&
+                Boolean(duplicateParentId) &&
+                duplicateParentId !== ticket.ticket_id &&
+                duplicateParentId !== ticket.parent_ticket_id;
+              return (
+                <article
+                  className={surfaceClassName("ad-ticket", {
+                    variant: "inset",
+                  })}
+                  key={ticket.ticket_id}
+                >
+                  <div>
+                    <div className="ad-ticket__meta">
+                      <span>{ticketCategoryLabel(ticket.category)}</span>
+                      <span>{ticket.reporter.email}</span>
+                      <span>갱신 {dateTimeLabel(ticket.updated_at)}</span>
+                    </div>
+                    <h2>{ticket.subject}</h2>
+                    <p>{ticket.body}</p>
+                    {ticket.duplicate_count > 0 ||
+                    ticket.parent_ticket_id ||
+                    ticket.child_ticket_count > 0 ? (
+                      <div className="ad-ticket__dupes">
+                        {ticket.parent_ticket_id ? (
+                          <span>
+                            중복 연결 #{shortTicketId(ticket.parent_ticket_id)}
+                          </span>
+                        ) : ticket.duplicate_count > 0 ? (
+                          <span>
+                            중복 후보 {countLabel(ticket.duplicate_count)}건
+                          </span>
+                        ) : null}
+                        {ticket.child_ticket_count > 0 ? (
+                          <span>
+                            하위 티켓 {countLabel(ticket.child_ticket_count)}건
+                          </span>
+                        ) : null}
                       </div>
-                      <h2>{ticket.subject}</h2>
-                      <p>{ticket.body}</p>
-                      {(ticket.duplicate_count > 0 || ticket.parent_ticket_id || ticket.child_ticket_count > 0) ? (
-                        <div className="ad-ticket__dupes">
-                          {ticket.parent_ticket_id ? (
-                            <span>중복 연결 #{shortTicketId(ticket.parent_ticket_id)}</span>
-                          ) : ticket.duplicate_count > 0 ? (
-                            <span>중복 후보 {countLabel(ticket.duplicate_count)}건</span>
-                          ) : null}
-                          {ticket.child_ticket_count > 0 ? (
-                            <span>하위 티켓 {countLabel(ticket.child_ticket_count)}건</span>
-                          ) : null}
-                        </div>
-                      ) : null}
-                      <small>
-                        {ticket.source_path || "출처 없음"} · 접수 {dateTimeLabel(ticket.created_at)}
-                        {ticket.assigned_group ? ` · 담당 ${ticket.assigned_group}` : ""}
-                        {ticket.event_count > 0 ? ` · 처리 이력 ${countLabel(ticket.event_count)}건` : ""}
-                      </small>
-                    </div>
-                    <Badge tone={ticketTone(ticket)}>{ticketPriorityLabel(ticket.priority)}</Badge>
-                    <Badge tone="accent">{ticketStatusLabel(ticket.status)}</Badge>
-                    <div className="ad-ticket__actions">
-                      {canLinkDuplicate ? (
-                        <Button
-                          size="sm"
-                          variant="secondary"
-                          onClick={() => void updateTicketParent(ticket, duplicateParentId ?? null)}
-                          disabled={updatingTicketId === ticket.ticket_id}
-                        >
-                          연결
-                        </Button>
-                      ) : null}
-                      {ticket.parent_ticket_id ? (
-                        <Button
-                          size="sm"
-                          variant="secondary"
-                          onClick={() => void updateTicketParent(ticket, null)}
-                          disabled={updatingTicketId === ticket.ticket_id}
-                        >
-                          해제
-                        </Button>
-                      ) : null}
-                      <Button
-                        size="sm"
-                        variant="secondary"
-                        onClick={() => void updateTicketStatus(ticket, "in_progress")}
-                        disabled={updatingTicketId === ticket.ticket_id || ticket.status === "in_progress"}
-                      >
-                        처리 중
-                      </Button>
-                      <Button
-                        size="sm"
-                        variant="primary"
-                        onClick={() => void updateTicketStatus(ticket, "resolved")}
-                        disabled={updatingTicketId === ticket.ticket_id}
-                      >
-                        해결
-                      </Button>
-                    </div>
-                  </article>
-                );
-              })}
-            </div>
-          ) : null}
+                    ) : null}
+                    <small>
+                      {ticket.source_path || "출처 없음"} · 접수{" "}
+                      {dateTimeLabel(ticket.created_at)}
+                      {ticket.assigned_group
+                        ? ` · 담당 ${ticket.assigned_group}`
+                        : ""}
+                      {ticket.event_count > 0
+                        ? ` · 처리 이력 ${countLabel(ticket.event_count)}건`
+                        : ""}
+                    </small>
+                  </div>
+                  <Badge tone={ticketTone(ticket)}>
+                    {ticketPriorityLabel(ticket.priority)}
+                  </Badge>
+                  <Badge tone="accent">
+                    {ticketStatusLabel(ticket.status)}
+                  </Badge>
+                  <TicketActions
+                    ticket={ticket}
+                    duplicateParentId={duplicateParentId ?? null}
+                    canLinkDuplicate={canLinkDuplicate}
+                    onUpdateStatus={updateTicketStatus}
+                    onUpdateParent={updateTicketParent}
+                  />
+                </article>
+              );
+            })}
+          </div>
+        ) : null}
+        {activeTickets.length > visibleActiveTickets.length ? (
+          <p className="ad-users-note">
+            우선순위가 높은 {countLabel(visibleActiveTickets.length)}건만 먼저
+            표시합니다. 나머지 {countLabel(activeTickets.length - visibleActiveTickets.length)}건은
+            검색이나 상태·카테고리 필터로 좁혀 확인하세요.
+          </p>
+        ) : null}
       </section>
 
       {recentResolvedTickets.length > 0 ? (
@@ -2358,24 +2631,43 @@ export default function Admin({ section = "overview" }: AdminProps) {
             <h2>최근 해결 이력</h2>
             <span>{countLabel(recentResolvedTickets.length)}건</span>
           </div>
-          <div className="ad-ticket-list ad-ticket-list--history">
+          <div
+            className={surfaceClassName(
+              "ad-ticket-list ad-ticket-list--history",
+            )}
+          >
             {recentResolvedTickets.map((ticket) => (
-              <article className="ad-ticket ad-ticket--history" key={ticket.ticket_id}>
+              <article
+                className={surfaceClassName("ad-ticket ad-ticket--history", {
+                  variant: "inset",
+                })}
+                key={ticket.ticket_id}
+              >
                 <div>
                   <div className="ad-ticket__meta">
                     <span>{ticketCategoryLabel(ticket.category)}</span>
                     <span>{ticket.reporter.email}</span>
-                    <span>해결 {dateTimeLabel(ticket.resolved_at ?? ticket.updated_at)}</span>
+                    <span>
+                      해결{" "}
+                      {dateTimeLabel(ticket.resolved_at ?? ticket.updated_at)}
+                    </span>
                   </div>
                   <h2>{ticket.subject}</h2>
                   <p>{ticket.body}</p>
                   <small>
-                    {ticket.source_path || "출처 없음"} · 접수 {dateTimeLabel(ticket.created_at)}
-                    {ticket.assigned_group ? ` · 담당 ${ticket.assigned_group}` : ""}
-                    {ticket.event_count > 0 ? ` · 처리 이력 ${countLabel(ticket.event_count)}건` : ""}
+                    {ticket.source_path || "출처 없음"} · 접수{" "}
+                    {dateTimeLabel(ticket.created_at)}
+                    {ticket.assigned_group
+                      ? ` · 담당 ${ticket.assigned_group}`
+                      : ""}
+                    {ticket.event_count > 0
+                      ? ` · 처리 이력 ${countLabel(ticket.event_count)}건`
+                      : ""}
                   </small>
                 </div>
-                <Badge tone="neutral">{ticketPriorityLabel(ticket.priority)}</Badge>
+                <Badge tone="neutral">
+                  {ticketPriorityLabel(ticket.priority)}
+                </Badge>
                 <Badge tone="neutral">{ticketStatusLabel(ticket.status)}</Badge>
                 <div className="ad-ticket__actions ad-ticket__actions--history">
                   <span>이력</span>
@@ -2385,7 +2677,6 @@ export default function Admin({ section = "overview" }: AdminProps) {
           </div>
         </section>
       ) : null}
-
     </>
   );
 
@@ -2416,10 +2707,12 @@ function InlineError({ message }: { message: string }) {
 
 function EmptyState({ title, body }: { title: string; body: string }) {
   return (
-    <div className="ad-empty-state">
-      <b>{title}</b>
-      <p>{body}</p>
-    </div>
+    <UiEmptyState
+      className="ad-empty-state"
+      title={title}
+      description={body}
+      descriptionAs="p"
+    />
   );
 }
 
@@ -2435,7 +2728,11 @@ function TabBar<T extends string>({
   onChange: (value: T) => void;
 }) {
   return (
-    <div className="ad-tabs" role="tablist" aria-label={ariaLabel}>
+    <div
+      className={surfaceClassName("ad-tabs", { variant: "inset", flat: true })}
+      role="tablist"
+      aria-label={ariaLabel}
+    >
       {items.map(([id, label]) => (
         <button
           type="button"
@@ -2452,7 +2749,15 @@ function TabBar<T extends string>({
   );
 }
 
-function RoleMeter({ label, value, total }: { label: string; value: number; total: number }) {
+function RoleMeter({
+  label,
+  value,
+  total,
+}: {
+  label: string;
+  value: number;
+  total: number;
+}) {
   const pct = total > 0 ? Math.round((value / total) * 100) : 0;
   return (
     <div className="ad-role-meter">
diff --git a/apps/web/src/pages/AdminAi.tsx b/apps/web/src/pages/AdminAi.tsx
new file mode 100644
index 0000000..7067feb
--- /dev/null
+++ b/apps/web/src/pages/AdminAi.tsx
@@ -0,0 +1,504 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { AppShell } from "../components/shell/AppShell";
+import { Button, Field, Icon, Input, Kicker } from "../components/ui";
+import {
+  adminApi,
+  adminEngineApi,
+  type AdminEngineConfigResponse,
+  type AdminHealthResponse,
+  type AdminUsageResponse,
+} from "../lib/api";
+import "./admin/admin-ai.css";
+
+const WINDOW_OPTIONS = [7, 30, 90] as const;
+const ENGINE_MODES = ["claude_cli", "claude_api", "openai", "solar"] as const;
+
+const ENGINE_MODE_LABEL: Record<string, string> = {
+  claude_cli: "Claude CLI 게이트웨이",
+  messages_api: "클라우드 연결",
+  claude_api: "Anthropic API",
+  openai: "OpenAI 호환",
+  solar: "Solar",
+};
+
+function countLabel(value: number): string {
+  return Number.isFinite(value) ? Math.max(0, Math.round(value)).toLocaleString("ko-KR") : "0";
+}
+
+function costLabel(value: number, precise = false): string {
+  if (!Number.isFinite(value) || value <= 0) return "$0";
+  return `$${value.toFixed(precise || value < 0.01 ? 6 : 4)}`;
+}
+
+function rateLabel(value: number): string {
+  if (!Number.isFinite(value) || value <= 0) return "0%";
+  return `${(value * 100).toFixed(1).replace(/\.0$/, "")}%`;
+}
+
+function dateTimeLabel(value?: number | null): string {
+  if (!value || !Number.isFinite(value)) return "기록 없음";
+  return new Intl.DateTimeFormat("ko-KR", {
+    month: "short",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit",
+  }).format(new Date(value * 1000));
+}
+
+function dayLabel(value: string): string {
+  const date = new Date(`${value}T00:00:00`);
+  if (Number.isNaN(date.getTime())) return value;
+  return new Intl.DateTimeFormat("ko-KR", { month: "numeric", day: "numeric" }).format(date);
+}
+
+function sourceLabel(usage: AdminUsageResponse): string {
+  return usage.durable && usage.source === "database" ? "운영 DB 원장" : "서버 런타임 임시 집계";
+}
+
+function budgetStatusLabel(status: AdminUsageResponse["budget"]["status"]): string {
+  if (status === "exceeded") return "예산 초과";
+  if (status === "warn") return "예산 주의";
+  if (status === "ok") return "예산 정상";
+  return "예산 경고 비활성";
+}
+
+function healthStatusLabel(status?: string): string {
+  if (status === "ok") return "정상";
+  if (status === "down") return "중단";
+  if (status === "degraded") return "제한 운영";
+  return "확인 불가";
+}
+
+export default function AdminAi() {
+  const [windowDays, setWindowDays] = useState<(typeof WINDOW_OPTIONS)[number]>(30);
+  const [usage, setUsage] = useState<AdminUsageResponse | null>(null);
+  const [health, setHealth] = useState<AdminHealthResponse | null>(null);
+  const [engine, setEngine] = useState<AdminEngineConfigResponse | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [saving, setSaving] = useState(false);
+  const [saved, setSaved] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+  const initialLoad = useRef(true);
+
+  const load = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const [usageResult, healthResult, engineResult] = await Promise.allSettled([
+        adminApi.usage(windowDays),
+        adminApi.health(),
+        adminEngineApi.get(),
+      ]);
+      if (usageResult.status === "fulfilled") setUsage(usageResult.value);
+      if (healthResult.status === "fulfilled") setHealth(healthResult.value);
+      if (engineResult.status === "fulfilled") setEngine(engineResult.value);
+      const failures = [usageResult, healthResult, engineResult]
+        .filter((result): result is PromiseRejectedResult => result.status === "rejected")
+        .map((result) =>
+          result.reason instanceof Error ? result.reason.message : "일부 운영 정보를 불러오지 못했습니다.",
+        );
+      if (failures.length > 0) setError([...new Set(failures)].join(" · "));
+    } finally {
+      setLoading(false);
+    }
+  }, [windowDays]);
+
+  useEffect(() => {
+    if (initialLoad.current) {
+      initialLoad.current = false;
+      void load();
+      return;
+    }
+    let active = true;
+    setLoading(true);
+    setError(null);
+    void adminApi.usage(windowDays)
+      .then((nextUsage) => {
+        if (active) setUsage(nextUsage);
+      })
+      .catch((cause) => {
+        if (active) {
+          setError(cause instanceof Error ? cause.message : "AI 사용량을 불러오지 못했습니다.");
+        }
+      })
+      .finally(() => {
+        if (active) setLoading(false);
+      });
+    return () => {
+      active = false;
+    };
+  }, [windowDays]);
+
+  const saveEngine = async () => {
+    if (!engine || !engine.engine_url.trim() || !engine.model.trim()) return;
+    setSaving(true);
+    setSaved(false);
+    setError(null);
+    try {
+      const next = await adminEngineApi.update({
+        engine_mode: engine.engine_mode,
+        engine_url: engine.engine_url.trim(),
+        model: engine.model.trim(),
+      });
+      setEngine(next);
+      setSaved(true);
+      setHealth(await adminApi.health().catch(() => health));
+      window.setTimeout(() => setSaved(false), 2400);
+    } catch (cause) {
+      setError(cause instanceof Error ? cause.message : "AI 운영 설정을 저장하지 못했습니다.");
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const daily = usage?.daily_cost ?? [];
+  const maxDailyCost = Math.max(0, ...daily.map((item) => item.cost_usd));
+  const totalTokens = (usage?.tokens_in ?? 0) + (usage?.tokens_out ?? 0);
+  const coverage = usage && usage.total_turns > 0 ? usage.metered_turns / usage.total_turns : 0;
+  const unmeteredTurns = usage ? Math.max(0, usage.total_turns - usage.metered_turns) : 0;
+  const costPerTurn = usage && usage.metered_turns > 0 ? usage.cost_usd / usage.metered_turns : 0;
+  const costPerThousandTokens = usage && totalTokens > 0 ? (usage.cost_usd / totalTokens) * 1000 : 0;
+  const engineService = health?.services.find((service) => service.key === "engine");
+  const cache = usage?.evaluator_cache;
+  const sortedBreakdown = useMemo(
+    () => [...(usage?.by_provider ?? [])].sort((a, b) => b.cost_usd - a.cost_usd),
+    [usage],
+  );
+
+  return (
+    <AppShell contextLabel="AI 운영" navRole="admin" wide>
+      <div className="aic" data-testid="admin-ai-page" aria-busy={loading}>
+        <header className="aic-head">
+          <div>
+            <Kicker>관리자 · AI CONTROL LEDGER</Kicker>
+            <h1>AI 운영과 DB 계량</h1>
+            <p>상담 응답 엔진의 적용값과 실제 DB에 기록된 호출·토큰·비용을 한 화면에서 확인합니다.</p>
+          </div>
+          <div className="aic-head__actions">
+            <span className="aic-head__stamp">
+              최근 집계 <b>{dateTimeLabel(usage?.generated_at)}</b>
+            </span>
+            <Button
+              variant="secondary"
+              size="sm"
+              leading={<Icon name="arrow-flat" size={15} />}
+              onClick={() => void load()}
+              disabled={loading}
+            >
+              새로고침
+            </Button>
+          </div>
+        </header>
+
+        {error ? (
+          <div className="aic-alert" role="alert">
+            <Icon name="alert" size={18} />
+            <span>{error}</span>
+          </div>
+        ) : null}
+
+        <section className="aic-source" aria-label="계량 데이터 원천">
+          <span className={`aic-source__dot ${usage?.durable ? "is-live" : ""}`} aria-hidden="true" />
+          <div>
+            <b>{usage ? sourceLabel(usage) : "계량 원천 확인 중"}</b>
+            <span>
+              {usage?.durable
+                ? "호출 완료 시점의 provider·model·token·cost 필드를 DB에서 다시 집계합니다."
+                : "DB 계량이 아니므로 서버 재시작 시 집계가 사라질 수 있습니다."}
+            </span>
+          </div>
+          <div className="aic-window" role="group" aria-label="계량 기간">
+            {WINDOW_OPTIONS.map((days) => (
+              <button
+                key={days}
+                type="button"
+                className={windowDays === days ? "is-active" : ""}
+                aria-pressed={windowDays === days}
+                onClick={() => setWindowDays(days)}
+              >
+                {days}일
+              </button>
+            ))}
+          </div>
+        </section>
+
+        <section className="aic-ledger" aria-label="AI 사용 핵심 지표">
+          <article>
+            <span>누적 비용</span>
+            <b>{usage ? costLabel(usage.cost_usd) : "—"}</b>
+            <small>{windowDays}일 DB 집계</small>
+          </article>
+          <article>
+            <span>계량 호출</span>
+            <b>{usage ? countLabel(usage.metered_turns) : "—"}</b>
+            <small>전체 {usage ? countLabel(usage.total_turns) : "—"}턴</small>
+          </article>
+          <article>
+            <span>입력 토큰</span>
+            <b>{usage ? countLabel(usage.tokens_in) : "—"}</b>
+            <small>프롬프트·컨텍스트</small>
+          </article>
+          <article>
+            <span>출력 토큰</span>
+            <b>{usage ? countLabel(usage.tokens_out) : "—"}</b>
+            <small>생성 응답</small>
+          </article>
+          <article>
+            <span>호출당 비용</span>
+            <b>{usage ? costLabel(costPerTurn, true) : "—"}</b>
+            <small>
+              1천 토큰당 {usage ? (totalTokens > 0 ? costLabel(costPerThousandTokens, true) : "계산 불가") : "—"}
+            </small>
+          </article>
+        </section>
+
+        <div className="aic-grid">
+          <div className="aic-column aic-column--main">
+            <section className="aic-panel aic-budget">
+              <div className="aic-panel__head">
+                <div>
+                  <span className="aic-eyebrow">SPEND CONTROL</span>
+                  <h2>예산과 계량 커버리지</h2>
+                </div>
+                <span className={`aic-status aic-status--${usage?.budget.status ?? "disabled"}`}>
+                  {usage ? budgetStatusLabel(usage.budget.status) : "확인 중"}
+                </span>
+              </div>
+              <div className="aic-budget__split">
+                <div>
+                  <div className="aic-metricline">
+                    <span>예산 사용</span>
+                    <b>
+                      {usage?.budget.status === "disabled"
+                        ? "한도 미설정"
+                        : `${costLabel(usage?.cost_usd ?? 0)} / ${costLabel(usage?.budget.limit_usd ?? 0)}`}
+                    </b>
+                  </div>
+                  <div className="aic-track" aria-label={`예산 사용률 ${rateLabel(usage?.budget.used_ratio ?? 0)}`}>
+                    <span style={{ width: `${Math.min(100, (usage?.budget.used_ratio ?? 0) * 100)}%` }} />
+                  </div>
+                  <p>
+                    {usage?.budget.status === "disabled"
+                      ? "서버의 ADMIN_USAGE_BUDGET_USD를 설정하면 80% 주의와 100% 초과 상태를 표시합니다."
+                      : `잔여 ${costLabel(usage?.budget.remaining_usd ?? 0)} · ${rateLabel(usage?.budget.used_ratio ?? 0)} 사용`}
+                  </p>
+                </div>
+                <div>
+                  <div className="aic-metricline">
+                    <span>DB 계량 커버리지</span>
+                    <b>{rateLabel(coverage)}</b>
+                  </div>
+                  <div className="aic-track aic-track--coverage" aria-label={`DB 계량 커버리지 ${rateLabel(coverage)}`}>
+                    <span style={{ width: `${Math.min(100, coverage * 100)}%` }} />
+                  </div>
+                  <p>
+                    {unmeteredTurns > 0
+                      ? `${countLabel(unmeteredTurns)}개 턴은 provider·model·token·cost 계량 필드가 없습니다.`
+                      : "조회 기간의 모든 완료 턴에 계량 정보가 연결되어 있습니다."}
+                  </p>
+                </div>
+              </div>
+            </section>
+
+            <section className="aic-panel">
+              <div className="aic-panel__head">
+                <div>
+                  <span className="aic-eyebrow">DAILY JOURNAL</span>
+                  <h2>일별 비용 흐름</h2>
+                </div>
+                <span className="aic-panel__meta">{daily.length}일 기록</span>
+              </div>
+              {daily.length > 0 ? (
+                <div className="aic-chart" role="img" aria-label={`${windowDays}일 일별 AI 비용 막대 차트`}>
+                  {daily.map((item) => {
+                    const height = maxDailyCost > 0 ? Math.max(3, (item.cost_usd / maxDailyCost) * 100) : 3;
+                    return (
+                      <div className="aic-chart__day" key={item.day} title={`${item.day} ${costLabel(item.cost_usd)}`}>
+                        <span className="aic-chart__value">{costLabel(item.cost_usd)}</span>
+                        <span className="aic-chart__rail">
+                          <span className="aic-chart__bar" style={{ height: `${height}%` }} />
+                        </span>
+                        <span className="aic-chart__date">{dayLabel(item.day)}</span>
+                        <small>{countLabel(item.turns)}턴</small>
+                      </div>
+                    );
+                  })}
+                </div>
+              ) : (
+                <div className="aic-empty">선택한 기간에 비용이 계량된 AI 호출이 없습니다.</div>
+              )}
+            </section>
+
+            <section className="aic-panel">
+              <div className="aic-panel__head">
+                <div>
+                  <span className="aic-eyebrow">MODEL LEDGER</span>
+                  <h2>Provider·모델별 사용 원장</h2>
+                </div>
+                <span className="aic-panel__meta">비용 높은 순</span>
+              </div>
+              {sortedBreakdown.length > 0 ? (
+                <div className="aic-table-wrap">
+                  <table className="aic-table">
+                    <thead>
+                      <tr>
+                        <th scope="col">Provider / 모델</th>
+                        <th scope="col">호출</th>
+                        <th scope="col">입력</th>
+                        <th scope="col">출력</th>
+                        <th scope="col">비용</th>
+                        <th scope="col">호출당</th>
+                        <th scope="col">비용 비중</th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      {sortedBreakdown.map((row) => (
+                        <tr key={`${row.provider}:${row.model}`}>
+                          <td>
+                            <b>{row.model}</b>
+                            <span>{row.provider}</span>
+                          </td>
+                          <td>{countLabel(row.turns)}</td>
+                          <td>{countLabel(row.tokens_in)}</td>
+                          <td>{countLabel(row.tokens_out)}</td>
+                          <td>{costLabel(row.cost_usd)}</td>
+                          <td>{costLabel(row.turns > 0 ? row.cost_usd / row.turns : 0, true)}</td>
+                          <td>
+                            <span className="aic-share">
+                              <span style={{ width: `${usage && usage.cost_usd > 0 ? (row.cost_usd / usage.cost_usd) * 100 : 0}%` }} />
+                            </span>
+                            {rateLabel(usage && usage.cost_usd > 0 ? row.cost_usd / usage.cost_usd : 0)}
+                          </td>
+                        </tr>
+                      ))}
+                    </tbody>
+                  </table>
+                </div>
+              ) : (
+                <div className="aic-empty">모델별 계량 행이 아직 없습니다.</div>
+              )}
+            </section>
+          </div>
+
+          <div className="aic-column aic-column--side">
+            <section className="aic-panel aic-engine">
+              <div className="aic-panel__head">
+                <div>
+                  <span className="aic-eyebrow">RUNTIME ROUTE</span>
+                  <h2>AI 엔진 설정</h2>
+                </div>
+                <span className={`aic-runtime aic-runtime--${engineService?.status ?? "degraded"}`}>
+                  {healthStatusLabel(engineService?.status)}
+                </span>
+              </div>
+              {engine ? (
+                <>
+                  <div className="aic-mode" role="radiogroup" aria-label="AI 운영 방식">
+                    {ENGINE_MODES.map((mode) => (
+                      <button
+                        key={mode}
+                        type="button"
+                        role="radio"
+                        aria-checked={engine.engine_mode === mode}
+                        className={engine.engine_mode === mode ? "is-active" : ""}
+                        onClick={() => setEngine({ ...engine, engine_mode: mode })}
+                      >
+                        {ENGINE_MODE_LABEL[mode]}
+                      </button>
+                    ))}
+                  </div>
+                  <Field label="연결 주소" hint="응답 생성 게이트웨이 또는 API base URL입니다." htmlFor="aic-engine-url">
+                    <Input
+                      id="aic-engine-url"
+                      value={engine.engine_url}
+                      onChange={(event) => setEngine({ ...engine, engine_url: event.target.value })}
+                      aria-label="AI 연결 주소"
+                    />
+                  </Field>
+                  <Field label="기본 모델" hint="개별 평가 모델 override가 없을 때 적용됩니다." htmlFor="aic-engine-model">
+                    <Input
+                      id="aic-engine-model"
+                      value={engine.model}
+                      onChange={(event) => setEngine({ ...engine, model: event.target.value })}
+                      aria-label="AI 기본 모델"
+                    />
+                  </Field>
+                  <dl className="aic-config-meta">
+                    <div><dt>저장 원천</dt><dd>{engine.durable ? "DB 영구 저장" : "런타임 적용"}</dd></div>
+                    <div><dt>현재 소스</dt><dd>{engine.source}</dd></div>
+                    <div><dt>최근 변경</dt><dd>{dateTimeLabel(engine.updated_at)}</dd></div>
+                    <div><dt>변경자</dt><dd>{engine.updated_by ?? "기록 없음"}</dd></div>
+                  </dl>
+                  <div className="aic-engine__foot">
+                    <span>{saved ? <><Icon name="check" size={15} /> 저장됨</> : engineService?.detail ?? "엔진 상태를 확인합니다."}</span>
+                    <Button
+                      size="sm"
+                      leading={<Icon name="check" size={14} />}
+                      onClick={() => void saveEngine()}
+                      disabled={saving || !engine.engine_url.trim() || !engine.model.trim()}
+                    >
+                      {saving ? "저장 중" : "운영 설정 저장"}
+                    </Button>
+                  </div>
+                </>
+              ) : (
+                <div className="aic-empty">현재 AI 엔진 설정을 불러오는 중입니다.</div>
+              )}
+            </section>
+
+            <section className="aic-panel">
+              <div className="aic-panel__head">
+                <div>
+                  <span className="aic-eyebrow">EVALUATOR CACHE</span>
+                  <h2>평가 캐시 효율</h2>
+                </div>
+                <span className={`aic-runtime ${cache?.enabled ? "aic-runtime--ok" : ""}`}>
+                  {cache?.enabled ? "사용 중" : "비활성"}
+                </span>
+              </div>
+              <div className="aic-cache-score">
+                <b>{cache ? rateLabel(cache.hit_rate) : "—"}</b>
+                <span>hit-rate</span>
+              </div>
+              <dl className="aic-mini-grid">
+                <div><dt>요청</dt><dd>{countLabel(cache?.requests ?? 0)}</dd></div>
+                <div><dt>적중</dt><dd>{countLabel(cache?.hits ?? 0)}</dd></div>
+                <div><dt>미스</dt><dd>{countLabel(cache?.misses ?? 0)}</dd></div>
+                <div><dt>저장</dt><dd>{countLabel(cache?.stores ?? 0)}</dd></div>
+                <div><dt>현재 엔트리</dt><dd>{countLabel(cache?.entries ?? 0)}</dd></div>
+                <div><dt>축출</dt><dd>{countLabel(cache?.evictions ?? 0)}</dd></div>
+              </dl>
+              <p className="aic-note">캐시는 성공적으로 파싱된 평가 결과만 보관하며 원문 프롬프트와 응답은 저장하지 않습니다.</p>
+            </section>
+
+            <section className="aic-panel">
+              <div className="aic-panel__head">
+                <div>
+                  <span className="aic-eyebrow">METERING INTEGRITY</span>
+                  <h2>DB 계량 상태</h2>
+                </div>
+              </div>
+              <dl className="aic-integrity">
+                <div>
+                  <dt>원천</dt>
+                  <dd>{usage ? sourceLabel(usage) : "확인 중"}</dd>
+                  <span>{usage?.source ?? "—"}</span>
+                </div>
+                <div>
+                  <dt>영속성</dt>
+                  <dd>{usage?.durable ? "재시작 후 유지" : "런타임 한정"}</dd>
+                  <span>{usage?.durable ? "durable=true" : "durable=false"}</span>
+                </div>
+                <div>
+                  <dt>미계량 턴</dt>
+                  <dd>{countLabel(unmeteredTurns)}건</dd>
+                  <span>{unmeteredTurns > 0 ? "감사 필요" : "누락 없음"}</span>
+                </div>
+              </dl>
+            </section>
+          </div>
+        </div>
+      </div>
+    </AppShell>
+  );
+}
diff --git a/apps/web/src/pages/AvatarPreview.tsx b/apps/web/src/pages/AvatarPreview.tsx
index d38174d..3739d67 100644
--- a/apps/web/src/pages/AvatarPreview.tsx
+++ b/apps/web/src/pages/AvatarPreview.tsx
@@ -1,5 +1,5 @@
 /* =====================================================================
-   AvatarPreview — 서연 래스터 아바타 시각 튜닝용 dev 페이지 (인증 없음).
+   AvatarPreview — 서연 SVG 파라미터 아바타 시각 튜닝용 dev 페이지 (인증 없음).
    /dev/avatar-preview. 실 서비스 라우트 아님 — 컴포지션·애니메이션 점검 용도.
    ===================================================================== */
 
@@ -16,7 +16,6 @@ const SEOYEON: AvatarPersona = {
   outfitColor: "#7C8A92",
   eyeColor: "#7A5A3C",
   accentColor: "#6B5E7D",
-  rasterArtSet: "seoyeon-live2d-psd-v2",
   realism: 0.4,
   expressionBias: "sad",
 };
@@ -38,42 +37,29 @@ const PREVIEW_EXPRS: AvatarExpression[] = [
 ];
 
 export default function AvatarPreview() {
-  const rig = typeof window === "undefined" ? "" : new URLSearchParams(window.location.search).get("rig");
-  const previewPersona: AvatarPersona = {
-    ...SEOYEON,
-    rasterArtSet:
-      rig === "safe"
-        ? "seoyeon"
-        : rig === "v3"
-          ? "seoyeon-live2d-v3"
-          : rig === "psb"
-            ? "seoyeon-live2d-psb"
-            : SEOYEON.rasterArtSet,
-  };
-
   return (
     <div
       className="ap"
       data-avatar-preview="true"
-      data-avatar-rig={rig === "safe" ? "safe" : rig === "v3" ? "v3" : rig === "psb" ? "psb" : "psd-v2"}
+      data-avatar-rig="svg-parameter"
     >
       <header className="ap__head">
-        <h1>서연 아바타 미리보기 (raster / Live2D식)</h1>
-        <p>imagegen gpt-image-2 + BiRefNet 컷아웃 레이어 합성. 호흡·깜빡임·시선 모션 확인.</p>
+        <h1>서연 아바타 미리보기 (SVG 파라미터 리그)</h1>
+        <p>도형 기반 얼굴·표정과 호흡·깜빡임·시선 모션을 확인한다.</p>
       </header>
 
       <section className="ap__hero">
-        <ClientAvatar persona={previewPersona} state="speaking" affect="sad" size={220} />
-        <ClientAvatar persona={previewPersona} state="idle" affect="sad" size={220} />
-        <ClientAvatar persona={previewPersona} state="listening" affect="warm" size={220} />
-        <ClientAvatar persona={previewPersona} state="thinking" affect="anxious" size={220} />
+        <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={previewPersona}
+              persona={SEOYEON}
               state="idle"
               affect={expr}
               size={150}
diff --git a/apps/web/src/pages/LearnerHome.tsx b/apps/web/src/pages/LearnerHome.tsx
index c7c42c1..70a7028 100644
--- a/apps/web/src/pages/LearnerHome.tsx
+++ b/apps/web/src/pages/LearnerHome.tsx
@@ -1,9 +1,11 @@
 import { useEffect, useMemo, useState, type CSSProperties } from "react";
 import { useNavigate } from "react-router-dom";
 import { AppShell } from "../components/shell/AppShell";
-import { ClientAvatar, expressionLabelFor } from "../components/avatar/ClientAvatar";
-import type { AvatarAffect, AvatarPersona, AvatarState } from "../components/avatar/ClientAvatar";
-import { Button, Icon, Kicker } from "../components/ui";
+import {
+  ClientAvatar,
+  expressionLabelFor,
+} from "../components/avatar/ClientAvatar";
+import { Button, Icon, Kicker, surfaceClassName } from "../components/ui";
 import {
   personaApi,
   sessionApi,
@@ -12,285 +14,73 @@ import {
   type LearnerSessionSummary,
   type PersonaSummary,
   type SessionDetailResponse,
-  type SessionDetailTurn,
 } from "../lib/api";
 import {
   DIFFICULTY_LABEL,
-  demographicText,
   isUsablePersona,
-  personaAgeBand,
-  personaMeta,
   shortPersonaName,
   unavailablePersonaMessage,
 } from "../lib/personaViewModel";
+import {
+  HISTORY_FILTERS,
+  averageLearnerTurns,
+  buildDashboardAvatar,
+  demographicsLine,
+  difficultyLine,
+  historyBucket,
+  historyBucketLabel,
+  historyEmptyMessage,
+  lastTurnText,
+  personaInitial,
+  rapportLabel,
+  recapAvatarState,
+  recapCoachLine,
+  recapExpressionFor,
+  scoreLabel,
+  sessionDateLabel,
+  sessionSortTime,
+  sessionStatusLabel,
+  stageProgressValue,
+  theoryLine,
+  trendLabel,
+  truncateText,
+  type HistoryFilter,
+} from "./learner-home/model";
 import "./learner-home.css";
 
 type LoadState = "loading" | "ready" | "error";
 export type LearnerHomeView = "dashboard" | "practice" | "history";
-type HistoryFilter = "all" | "active" | "review" | "archived";
 
 interface LearnerHomeProps {
   view?: LearnerHomeView;
 }
 
-type PersonaAvatarLook = Partial<AvatarPersona> & { expressionBias?: AvatarAffect };
-
-const HISTORY_FILTERS: Array<{
-  value: HistoryFilter;
-  label: string;
-  desc: string;
-}> = [
-  { value: "all", label: "전체", desc: "모든 기록" },
-  { value: "active", label: "진행 중", desc: "이어갈 회기" },
-  { value: "review", label: "리뷰 필요", desc: "AI 피드백" },
-  { value: "archived", label: "보관됨", desc: "읽기 전용" },
-];
-
-const PERSONA_AVATAR_LOOKS: Record<string, PersonaAvatarLook> = {
-  P1: {
-    skinTone: "#F0DDC4",
-    hair: { style: "long-straight", color: "#5A4030" },
-    outfitColor: "#7C8A92",
-    eyeColor: "#7A5A3C",
-    accentColor: "#6B5E7D",
-    rasterArtSet: "seoyeon-live2d-psd-v2",
-    expressionBias: "sad",
-  },
-  P4: {
-    skinTone: "#E5C0A0",
-    hair: { style: "long-straight", color: "#35261F" },
-    outfitColor: "#5F6F88",
-    eyeColor: "#2F3438",
-    accentColor: "#3B6E8F",
-    expressionBias: "anxious",
-  },
-  P5: {
-    skinTone: "#D7AD8D",
-    hair: { style: "messy", color: "#28231F" },
-    outfitColor: "#6F766F",
-    eyeColor: "#24292A",
-    accentColor: "#7D8784",
-    expressionBias: "guarded",
-  },
-  P6: {
-    skinTone: "#E6BE9A",
-    hair: { style: "soft-wave", color: "#2D241F" },
-    outfitColor: "#776F85",
-    eyeColor: "#2E2B35",
-    accentColor: "#6B5E7D",
-    expressionBias: "conflicted",
-  },
-  P7: {
-    skinTone: "#D5AA88",
-    hair: { style: "side-part", color: "#23211E" },
-    outfitColor: "#596367",
-    eyeColor: "#25292B",
-    accentColor: "#6F7777",
-    expressionBias: "tired",
-  },
-};
-
-function demographicsLine(persona: PersonaSummary | null): string {
-  if (!persona) return "내담자 정보를 불러오는 중";
-  const parts = [
-    demographicText(persona.demographics.age_band),
-    demographicText(persona.demographics.grade),
-    demographicText(persona.demographics.job),
-    demographicText(persona.demographics.status),
-  ].filter(Boolean);
-  return parts.length ? parts.join(" · ") : "인적 정보 없음";
-}
-
-function theoryLine(persona: PersonaSummary | null): string {
-  if (!persona) return "-";
-  return persona.theory_target.length ? persona.theory_target.join(" · ") : "공통";
-}
-
-function difficultyLine(persona: PersonaSummary | null): string {
-  if (!persona) return "-";
-  return DIFFICULTY_LABEL[persona.difficulty] ?? persona.difficulty;
-}
-
-function personaInitial(persona: PersonaSummary | null): string {
-  const name = persona ? shortPersonaName(persona.display_name) : "";
-  return (name || persona?.code || "V").slice(0, 1);
-}
-
-function buildDashboardAvatar(persona: PersonaSummary | null, fallbackCode = ""): AvatarPersona {
-  if (!persona) {
-    return {
-      code: fallbackCode || undefined,
-      label: "내담자 정보 확인 중",
-      ageBand: "adult",
-      skinTone: "#D7CCC3",
-      hair: { style: "short", color: "#7A7068" },
-      outfitColor: "#6F7777",
-      eyeColor: "#2B2B2B",
-      realism: 0.35,
-    };
-  }
-  const codeKey = persona.code.toUpperCase() as keyof typeof PERSONA_AVATAR_LOOKS;
-  const look = PERSONA_AVATAR_LOOKS[codeKey] ?? {};
-  const ageBand = personaAgeBand(persona);
-  return {
-    code: persona.code,
-    label: `${shortPersonaName(persona.display_name)} · ${personaMeta(persona)}`,
-    ageBand,
-    skinTone: look.skinTone ?? "#E3BE9B",
-    hair: look.hair ?? {
-      style: ageBand === "teen" ? "long-straight" : "bob",
-      color: "#31251E",
-    },
-    outfitColor: look.outfitColor ?? "#6A6874",
-    eyeColor: look.eyeColor ?? "#2B2B2B",
-    accentColor: look.accentColor,
-    rasterArtSet: look.rasterArtSet,
-    realism: 0.4,
-    resistance: persona.difficulty === "hard" ? 0.68 : persona.difficulty === "moderate" ? 0.45 : 0.3,
-    expressionBias: look.expressionBias,
-  };
-}
-
-function baselineExpressionFor(persona: PersonaSummary | null): AvatarAffect {
-  if (!persona) return "neutral";
-  const codeKey = persona.code.toUpperCase() as keyof typeof PERSONA_AVATAR_LOOKS;
-  return PERSONA_AVATAR_LOOKS[codeKey]?.expressionBias ?? "neutral";
-}
-
-function recapExpressionFor(
-  session: LearnerSessionSummary | null,
-  persona: PersonaSummary | null,
-): AvatarAffect {
-  if (!session) return baselineExpressionFor(persona);
-  if (session.review_ready) return "confused";
-  if (session.stage === "정리") return "relief";
-  if (session.stage === "개입" && persona?.difficulty === "hard") return "conflicted";
-  return baselineExpressionFor(persona);
-}
-
-function recapAvatarState(session: LearnerSessionSummary | null): AvatarState {
-  if (!session) return "idle";
-  return session.status === "active" ? "listening" : "idle";
-}
-
-function truncateText(value: string, max = 118): string {
-  const text = value.replace(/\s+/g, " ").trim();
-  if (text.length <= max) return text;
-  return `${text.slice(0, max - 1)}…`;
-}
-
-function lastTurnText(
-  detail: SessionDetailResponse | null,
-  speaker: SessionDetailTurn["speaker"],
-): string | null {
-  const turns = detail?.turns?.filter((turn) => turn.speaker === speaker) ?? [];
-  const last = turns[turns.length - 1];
-  return last?.text?.trim() || null;
-}
-
-function recapCoachLine(session: LearnerSessionSummary | null): string {
-  if (!session) return "첫 회기에서는 라포 형성과 개방 질문을 먼저 점검합니다.";
-  if (session.status === "active") {
-    return `${session.stage} 단계에서 멈췄습니다. 이어갈 때는 마지막 내담자 반응을 한 번 반영하고 다음 질문으로 넘어가세요.`;
-  }
-  if (session.review_ready) {
-    return "리뷰가 준비된 회기입니다. 새 연습 전에 상담자 반응과 내담자 상태 변화를 먼저 확인하세요.";
-  }
-  return "기록만 있는 회기입니다. 같은 내담자로 다시 연습할지, 다른 난도로 확장할지 결정하세요.";
-}
-
-function sessionStatusLabel(session: LearnerSessionSummary): string {
-  if (session.archived) return "보관됨";
-  if (session.status === "active") return "진행 중";
-  if (session.review_ready) return "리뷰 가능";
-  return "종료";
-}
-
-function historyBucket(session: LearnerSessionSummary): HistoryFilter {
-  if (session.archived) return "archived";
-  if (session.status === "active") return "active";
-  if (session.review_ready) return "review";
-  return "all";
-}
-
-function historyBucketLabel(session: LearnerSessionSummary): string {
-  const bucket = historyBucket(session);
-  if (bucket === "active") return "이어갈 회기";
-  if (bucket === "review") return "AI 피드백 대기";
-  return session.archived ? "보관 처리됨" : "종료 기록";
-}
-
-function historyEmptyMessage(filter: HistoryFilter, query: string): string {
-  if (query.trim()) return "조건에 맞는 회기가 없습니다.";
-  if (filter === "active") return "이어갈 진행 회기가 없습니다.";
-  if (filter === "review") return "리뷰가 필요한 회기가 없습니다.";
-  if (filter === "archived") return "보관된 종료 회기가 없습니다.";
-  return "저장된 기존 회기가 없습니다.";
-}
-
-function sessionDateLabel(value: string): string {
-  const date = new Date(value);
-  if (Number.isNaN(date.getTime())) return "";
-  return new Intl.DateTimeFormat("ko-KR", {
-    month: "short",
-    day: "numeric",
-    hour: "2-digit",
-    minute: "2-digit",
-  }).format(date);
-}
-
-function stageProgressValue(stage: LearnerSessionSummary["stage"] | null | undefined): number {
-  if (stage === "라포") return 25;
-  if (stage === "탐색") return 50;
-  if (stage === "개입") return 75;
-  if (stage === "정리") return 100;
-  return 0;
-}
-
-function sessionSortTime(session: LearnerSessionSummary): number {
-  const value = session.ended_at ?? session.started_at;
-  const time = Date.parse(value);
-  return Number.isNaN(time) ? 0 : time;
-}
-
-function averageLearnerTurns(sessions: LearnerSessionSummary[]): number | null {
-  if (!sessions.length) return null;
-  const total = sessions.reduce((sum, session) => sum + session.learner_turn_count, 0);
-  return Math.round(total / sessions.length);
-}
-
-function scoreLabel(value: number | null | undefined): string {
-  if (value == null) return "평가 부족";
-  return `${Math.round(value * 100)}점`;
-}
-
-function rapportLabel(value: number | null | undefined): string {
-  if (value == null) return "평가 부족";
-  return value >= 0 ? `+${value.toFixed(2)}` : value.toFixed(2);
-}
-
-function trendLabel(value: string | null | undefined): string {
-  if (value === "up") return "상승";
-  if (value === "down") return "점검 필요";
-  if (value === "flat") return "유지";
-  return "평가 부족";
-}
-
 export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
   const navigate = useNavigate();
   const [personas, setPersonas] = useState<PersonaSummary[]>([]);
   const [sessions, setSessions] = useState<LearnerSessionSummary[]>([]);
-  const [dashboard, setDashboard] = useState<LearnerDashboardResponse | null>(null);
+  const [dashboard, setDashboard] = useState<LearnerDashboardResponse | null>(
+    null,
+  );
   const [selectedCode, setSelectedCode] = useState("");
   const [loadState, setLoadState] = useState<LoadState>("loading");
-  const [sessionLoadState, setSessionLoadState] = useState<LoadState>("loading");
-  const [dashboardLoadState, setDashboardLoadState] = useState<LoadState>("loading");
-  const [recapDetail, setRecapDetail] = useState<SessionDetailResponse | null>(null);
+  const [sessionLoadState, setSessionLoadState] =
+    useState<LoadState>("loading");
+  const [dashboardLoadState, setDashboardLoadState] =
+    useState<LoadState>("loading");
+  const [recapDetail, setRecapDetail] = useState<SessionDetailResponse | null>(
+    null,
+  );
   const [recapLoadState, setRecapLoadState] = useState<LoadState>("loading");
   const [historyFilter, setHistoryFilter] = useState<HistoryFilter>("all");
   const [historyQuery, setHistoryQuery] = useState("");
   const [archiveBusyId, setArchiveBusyId] = useState<string | null>(null);
   const [archiveNotice, setArchiveNotice] = useState<string | null>(null);
+  // 중간 폭(≤1180px)에서는 대시보드 섹션을 상단 가로 탭으로 전환한다(2026-07-15 소유자 피드백).
+  // 데스크톱(>1180px)은 2컬럼 그리드 유지 — 탭 바는 CSS로 숨겨지고 이 상태는 무시된다.
+  const [dashTab, setDashTab] = useState<"today" | "records" | "growth">(
+    "today",
+  );
 
   useEffect(() => {
     let alive = true;
@@ -298,11 +88,12 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
       setLoadState("loading");
       setSessionLoadState("loading");
       setDashboardLoadState("loading");
-      const [personaResult, sessionResult, dashboardResult] = await Promise.allSettled([
-        personaApi.list(),
-        sessionApi.list(),
-        sessionApi.dashboard(),
-      ]);
+      const [personaResult, sessionResult, dashboardResult] =
+        await Promise.allSettled([
+          personaApi.list(),
+          sessionApi.list(),
+          sessionApi.dashboard(),
+        ]);
       if (!alive) return;
 
       if (personaResult.status === "fulfilled") {
@@ -310,13 +101,18 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
         const firstUsableCode = personaRows.find(isUsablePersona)?.code ?? "";
         setPersonas(personaRows);
         setSelectedCode((cur) =>
-          personaRows.some((persona) => persona.code === cur && isUsablePersona(persona))
+          personaRows.some(
+            (persona) => persona.code === cur && isUsablePersona(persona),
+          )
             ? cur
             : firstUsableCode,
         );
         setLoadState("ready");
       } else {
-        console.warn("[learner-home] failed to load personas", personaResult.reason);
+        console.warn(
+          "[learner-home] failed to load personas",
+          personaResult.reason,
+        );
         setPersonas([]);
         setLoadState("error");
       }
@@ -325,7 +121,10 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
         setSessions(sessionResult.value.sessions ?? []);
         setSessionLoadState("ready");
       } else {
-        console.warn("[learner-home] failed to load sessions", sessionResult.reason);
+        console.warn(
+          "[learner-home] failed to load sessions",
+          sessionResult.reason,
+        );
         setSessions([]);
         setSessionLoadState("error");
       }
@@ -334,7 +133,10 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
         setDashboard(dashboardResult.value);
         setDashboardLoadState("ready");
       } else {
-        console.warn("[learner-home] failed to load dashboard", dashboardResult.reason);
+        console.warn(
+          "[learner-home] failed to load dashboard",
+          dashboardResult.reason,
+        );
         setDashboard(null);
         setDashboardLoadState("error");
       }
@@ -344,18 +146,30 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
     };
   }, []);
 
-  const usablePersonas = useMemo(() => personas.filter(isUsablePersona), [personas]);
+  const usablePersonas = useMemo(
+    () => personas.filter(isUsablePersona),
+    [personas],
+  );
   const selected = useMemo(
-    () => usablePersonas.find((p) => p.code === selectedCode) ?? usablePersonas[0] ?? null,
+    () =>
+      usablePersonas.find((p) => p.code === selectedCode) ??
+      usablePersonas[0] ??
+      null,
     [selectedCode, usablePersonas],
   );
   const sortedSessions = useMemo(
     () => [...sessions].sort((a, b) => sessionSortTime(b) - sessionSortTime(a)),
     [sessions],
   );
-  const recentSessions = useMemo(() => sortedSessions.slice(0, 6), [sortedSessions]);
+  const recentSessions = useMemo(
+    () => sortedSessions.slice(0, 6),
+    [sortedSessions],
+  );
   const selectedSessions = useMemo(
-    () => sortedSessions.filter((session) => session.persona_code === selected?.code).slice(0, 5),
+    () =>
+      sortedSessions
+        .filter((session) => session.persona_code === selected?.code)
+        .slice(0, 5),
     [selected?.code, sortedSessions],
   );
   const sessionActiveCount = useMemo(
@@ -363,7 +177,13 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
     [sessions],
   );
   const sessionReviewCount = useMemo(
-    () => sessions.filter((session) => session.status === "ended" && session.review_ready && !session.archived).length,
+    () =>
+      sessions.filter(
+        (session) =>
+          session.status === "ended" &&
+          session.review_ready &&
+          !session.archived,
+      ).length,
     [sessions],
   );
   const sessionCompletedCount = useMemo(
@@ -395,7 +215,10 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
       : sessionLoadState === "error"
         ? "기록 오류"
         : "기록 확인 중";
-  const recentAverageTurns = useMemo(() => averageLearnerTurns(recentSessions), [recentSessions]);
+  const recentAverageTurns = useMemo(
+    () => averageLearnerTurns(recentSessions),
+    [recentSessions],
+  );
   const historyFilterCounts = useMemo(
     () => ({
       all: sessions.length,
@@ -403,7 +226,12 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
       review: sessionReviewCount,
       archived: sessionArchivedCount,
     }),
-    [sessionActiveCount, sessionArchivedCount, sessionReviewCount, sessions.length],
+    [
+      sessionActiveCount,
+      sessionArchivedCount,
+      sessionReviewCount,
+      sessions.length,
+    ],
   );
   const filteredHistorySessions = useMemo(() => {
     const query = historyQuery.trim().toLocaleLowerCase("ko-KR");
@@ -429,32 +257,47 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
     [sortedSessions],
   );
   const nextReviewSession = useMemo(
-    () => sortedSessions.find((session) => session.review_ready && !session.archived) ?? null,
+    () =>
+      sortedSessions.find(
+        (session) => session.review_ready && !session.archived,
+      ) ?? null,
     [sortedSessions],
   );
-  const spotlightSession = nextActiveSession ?? nextReviewSession ?? recentSessions[0] ?? null;
+  const spotlightSession =
+    nextActiveSession ?? nextReviewSession ?? recentSessions[0] ?? null;
   const personaProgressRows = useMemo(() => {
-    const dashboardProgress = new Map<string, LearnerDashboardPersonaProgress>();
+    const dashboardProgress = new Map<
+      string,
+      LearnerDashboardPersonaProgress
+    >();
     for (const row of dashboard?.persona_progress ?? []) {
       dashboardProgress.set(row.persona_code, row);
     }
     const rows = usablePersonas.map((persona) => {
       const progress = dashboardProgress.get(persona.code);
-      const related = sortedSessions.filter((session) => session.persona_code === persona.code);
+      const related = sortedSessions.filter(
+        (session) => session.persona_code === persona.code,
+      );
       const relatedAverageTurns = averageLearnerTurns(related);
       return {
         code: persona.code,
         name: shortPersonaName(persona.display_name),
         total: progress?.sessions ?? related.length,
-        active: progress?.active_sessions ?? related.filter((session) => session.status === "active").length,
-        completed: progress?.completed_sessions ?? related.filter((session) => session.status === "ended").length,
+        active:
+          progress?.active_sessions ??
+          related.filter((session) => session.status === "active").length,
+        completed:
+          progress?.completed_sessions ??
+          related.filter((session) => session.status === "ended").length,
         reviewReady:
-          progress?.review_ready_sessions ?? related.filter((session) => session.review_ready).length,
+          progress?.review_ready_sessions ??
+          related.filter((session) => session.review_ready).length,
         latest: related[0] ?? null,
         latestStage: progress?.latest_stage ?? related[0]?.stage ?? null,
         latestScore: progress?.latest_score ?? null,
         trend: progress?.trend ?? "insufficient",
         averageTurns: relatedAverageTurns,
+        rapportPercent: progress?.rapport_percent ?? 0,
       };
     });
     return rows.sort((a, b) => {
@@ -469,7 +312,8 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
     () => Math.max(1, ...personaProgressRows.map((row) => row.total)),
     [personaProgressRows],
   );
-  const topPersona = personaProgressRows.find((row) => row.total > 0) ?? personaProgressRows[0];
+  const topPersona =
+    personaProgressRows.find((row) => row.total > 0) ?? personaProgressRows[0];
   const personaCatalogUnavailable = loadState === "ready" && !selected;
   const hasSessionRecords = sessionLoadState === "ready" && sessions.length > 0;
   const rootClassName = [
@@ -512,7 +356,8 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
   }, [spotlightSession, view]);
 
   const startPractice = () => {
-    if (selected && isUsablePersona(selected)) navigate(`/learn/session/${selected.code}`);
+    if (selected && isUsablePersona(selected))
+      navigate(`/learn/session/${selected.code}`);
   };
 
   const goPrimaryAction = () => {
@@ -536,14 +381,20 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
       setSessions(sessionResult.value.sessions ?? []);
       setSessionLoadState("ready");
     } else {
-      console.warn("[learner-home] failed to refresh sessions", sessionResult.reason);
+      console.warn(
+        "[learner-home] failed to refresh sessions",
+        sessionResult.reason,
+      );
       setSessionLoadState("error");
     }
     if (dashboardResult.status === "fulfilled") {
       setDashboard(dashboardResult.value);
       setDashboardLoadState("ready");
     } else {
-      console.warn("[learner-home] failed to refresh dashboard", dashboardResult.reason);
+      console.warn(
+        "[learner-home] failed to refresh dashboard",
+        dashboardResult.reason,
+      );
       setDashboardLoadState("error");
     }
   };
@@ -598,6 +449,13 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
         action: "리뷰 확인",
       };
     }
+    if (growth?.trend === "down") {
+      return {
+        title: "최근 평가가 내려가는 흐름입니다.",
+        body: "직전 리뷰의 개선점과 대안 발화를 복습한 뒤, 같은 내담자로 한 회기 더 연습하는 것을 권합니다.",
+        action: "리뷰 다시 보기",
+      };
+    }
     if (!sessions.length) {
       return {
         title: "첫 회기를 시작할 차례입니다.",
@@ -617,30 +475,104 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
       body: "최근 회기 흐름이 안정적이면 같은 대상 반복보다 다른 난도나 주호소로 범위를 넓혀야 합니다.",
       action: "학습 대상 선택",
     };
-  }, [nextActiveSession, nextReviewSession, recentAverageTurns, sessionLoadState, sessions.length]);
+  }, [
+    growth?.trend,
+    nextActiveSession,
+    nextReviewSession,
+    recentAverageTurns,
+    sessionLoadState,
+    sessions.length,
+  ]);
+
+  // 보완할 부분(부족한 영역) — 대시보드 평가 데이터에서 결정론으로 파생한다.
+  const weaknessInsights = useMemo(() => {
+    if (!dashboardReady || !growth) return [];
+    const items: { key: string; label: string; detail: string; to: string }[] =
+      [];
+    const watchTotal = (growth.points ?? []).reduce(
+      (sum, point) => sum + (point.watch_count ?? 0),
+      0,
+    );
+    if (growth.trend === "down") {
+      items.push({
+        key: "trend",
+        label: "평가가 내려가는 흐름",
+        detail:
+          "직전 리뷰의 개선점을 복습한 뒤 같은 내담자로 한 회기 더 연습해 보세요.",
+        to: "/learn/history",
+      });
+    }
+    if (
+      growth.avg_rapport != null &&
+      growth.avg_rapport < 0.35 &&
+      (growth.evaluated_sessions ?? 0) >= 1
+    ) {
+      items.push({
+        key: "rapport",
+        label: "라포 신호가 아직 약함",
+        detail: "감정 반영과 타당화 문장을 먼저 두는 회기를 권합니다.",
+        to: "/learn/practice",
+      });
+    }
+    if (watchTotal > 0) {
+      items.push({
+        key: "watch",
+        label: `살펴볼 개입 ${watchTotal}건`,
+        detail:
+          "리뷰의 '살펴보기' 코멘트를 확인하면 같은 실수를 줄일 수 있습니다.",
+        to: "/learn/history",
+      });
+    }
+    const techniqueCount = (growth.top_techniques ?? []).length;
+    if (
+      techniqueCount > 0 &&
+      techniqueCount < 3 &&
+      (growth.evaluated_sessions ?? 0) >= 2
+    ) {
+      items.push({
+        key: "variety",
+        label: "기법 다양성이 낮음",
+        detail: `최근에는 ${(growth.top_techniques ?? []).join(", ")} 중심입니다. 개방질문·요약 같은 다른 기법도 시도해 보세요.`,
+        to: "/learn/practice",
+      });
+    }
+    return items.slice(0, 3);
+  }, [dashboardReady, growth]);
+  const achievements = dashboard?.achievements ?? [];
 
   const spotlightPersona = useMemo(
     () =>
       spotlightSession
-        ? (usablePersonas.find((persona) => persona.code === spotlightSession.persona_code) ??
-          null)
+        ? (usablePersonas.find(
+            (persona) => persona.code === spotlightSession.persona_code,
+          ) ?? null)
         : selected,
     [selected, spotlightSession, usablePersonas],
   );
   const effectiveRecapDetail =
-    recapDetail && recapDetail.session_id === spotlightSession?.session_id ? recapDetail : null;
+    recapDetail && recapDetail.session_id === spotlightSession?.session_id
+      ? recapDetail
+      : null;
   const spotlightAvatar = useMemo(
-    () => buildDashboardAvatar(spotlightPersona, spotlightSession?.persona_code),
+    () =>
+      buildDashboardAvatar(spotlightPersona, spotlightSession?.persona_code),
     [spotlightPersona, spotlightSession?.persona_code],
   );
-  const spotlightAffect = recapExpressionFor(spotlightSession, spotlightPersona);
+  const spotlightAffect = recapExpressionFor(
+    spotlightSession,
+    spotlightPersona,
+  );
   const spotlightAffectLabel = expressionLabelFor(spotlightAffect);
   const lastClientLine = lastTurnText(effectiveRecapDetail, "client");
   const lastLearnerLine = lastTurnText(effectiveRecapDetail, "learner");
-  const reviewQueue = sortedSessions.filter((session) => session.review_ready).slice(0, 3);
+  const reviewQueue = sortedSessions
+    .filter((session) => session.review_ready)
+    .slice(0, 3);
   const recentRecordRows = recentSessions.slice(0, 4);
   const recapSessionTitle =
-    spotlightPersona?.display_name ?? spotlightSession?.persona_name ?? "첫 연습 대상 선택";
+    spotlightPersona?.display_name ??
+    spotlightSession?.persona_name ??
+    "첫 연습 대상 선택";
   const recapPersonaSubtitle = spotlightPersona
     ? `${difficultyLine(spotlightPersona)} · ${theoryLine(spotlightPersona)}`
     : spotlightSession
@@ -651,7 +583,9 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
     ? [
         "마지막 반응 먼저 반영",
         spotlightSession.stage === "라포" ? "안전감 확인" : "감정 변화 확인",
-        spotlightSession.stage === "정리" ? "다음 약속 정리" : "탐색 질문 1개 준비",
+        spotlightSession.stage === "정리"
+          ? "다음 약속 정리"
+          : "탐색 질문 1개 준비",
       ]
     : ["낮은 난도부터 시작", "라포 목표 설정", "회기 종료 후 리뷰"];
 
@@ -659,13 +593,16 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
     {
       label: "진행 회기",
       value: dashboardReady ? `${totalCount}회` : "-",
-      meta: dashboardReady ? `${completedCount}회 종료 · ${activeCount}회 진행` : dashboardStatus,
+      meta: dashboardReady
+        ? `${completedCount}회 종료 · ${activeCount}회 진행`
+        : dashboardStatus,
       to: "/learn/history",
     },
     {
       label: "리뷰 대기",
       value: dashboardReady ? `${reviewCount}건` : "-",
-      meta: reviewCount > 0 ? "종료 회기 피드백 확인 필요" : "대기 중인 리뷰 없음",
+      meta:
+        reviewCount > 0 ? "종료 회기 피드백 확인 필요" : "대기 중인 리뷰 없음",
       to: "/learn/history",
     },
     {
@@ -680,7 +617,9 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
     {
       label: "라포 흐름",
       value: dashboardReady ? rapportLabel(growth?.avg_rapport) : "-",
-      meta: topPersona?.total ? `${topPersona.name} · ${topPersona.total}회` : "아직 연습 없음",
+      meta: topPersona?.total
+        ? `${topPersona.name} · ${topPersona.total}회`
+        : "아직 연습 없음",
       to: "/learn/practice",
     },
   ];
@@ -717,7 +656,12 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
           const bucket = historyBucket(session);
           const progress = stageProgressValue(session.stage);
           return (
-            <li className={`lh-session-card is-${bucket}`} key={session.session_id}>
+            <li
+              className={surfaceClassName(`lh-session-card is-${bucket}`, {
+                variant: "interactive",
+              })}
+              key={session.session_id}
+            >
               <div className="lh-session-card__status">
                 <span className="lh-session-card__dot" aria-hidden="true" />
                 <span>
@@ -731,7 +675,8 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
                   <b>{shortPersonaName(session.persona_name)}</b>
                 </div>
                 <p>
-                  {session.stage} 단계 · {session.turn_count}턴 · {sessionDateLabel(session.started_at)}
+                  {session.stage} 단계 · {session.turn_count}턴 ·{" "}
+                  {sessionDateLabel(session.started_at)}
                 </p>
                 <span className="lh-session-card__progress" aria-hidden="true">
                   <span style={{ width: `${progress}%` }} />
@@ -742,7 +687,9 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
                   <button
                     type="button"
                     className="lh-review-link"
-                    onClick={() => navigate(`/learn/session/${session.session_id}`)}
+                    onClick={() =>
+                      navigate(`/learn/session/${session.session_id}`)
+                    }
                   >
                     이어하기
                   </button>
@@ -750,15 +697,21 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
                   <button
                     type="button"
                     className="lh-review-link"
-                    onClick={() => navigate(`/learn/session/${session.session_id}/review`)}
+                    onClick={() =>
+                      navigate(`/learn/session/${session.session_id}/review`)
+                    }
                   >
-                    {session.review_ready && !session.archived ? "리뷰" : "기록"}
+                    {session.review_ready && !session.archived
+                      ? "리뷰"
+                      : "기록"}
                   </button>
                 )}
                 <button
                   type="button"
                   className="lh-review-link lh-review-link--ghost"
-                  onClick={() => navigate(`/learn/session/${session.persona_code}`)}
+                  onClick={() =>
+                    navigate(`/learn/session/${session.persona_code}`)
+                  }
                 >
                   다시 연습
                 </button>
@@ -806,21 +759,30 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
     return (
       <ul className="lh-compact-list">
         {rows.map((session) => (
-          <li key={`${mode}-${session.session_id}`}>
+          <li
+            className={surfaceClassName(undefined, {
+              variant: "inset",
+              flat: true,
+            })}
+            key={`${mode}-${session.session_id}`}
+          >
             <span className="lh-compact-list__avatar" aria-hidden="true">
               {shortPersonaName(session.persona_name).slice(0, 1)}
             </span>
             <span className="lh-compact-list__body">
               <b>{shortPersonaName(session.persona_name)}</b>
               <small>
-                {session.persona_code} · {session.stage} · {sessionDateLabel(session.started_at)}
+                {session.persona_code} · {session.stage} ·{" "}
+                {sessionDateLabel(session.started_at)}
               </small>
             </span>
             {mode === "review" ? (
               <button
                 type="button"
                 className="lh-compact-list__action"
-                onClick={() => navigate(`/learn/session/${session.session_id}/review`)}
+                onClick={() =>
+                  navigate(`/learn/session/${session.session_id}/review`)
+                }
               >
                 AI 피드백
               </button>
@@ -861,7 +823,13 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
       <div className="lh-personas" role="listbox" aria-label="연습 페르소나">
         {loadState === "loading"
           ? Array.from({ length: 3 }).map((_, i) => (
-              <div className="lh-persona is-skel" key={i} aria-hidden="true">
+              <div
+                className={surfaceClassName("lh-persona is-skel", {
+                  variant: "inset",
+                })}
+                key={i}
+                aria-hidden="true"
+              >
                 <span className="lh-persona__mark lh-skel__box" />
                 <span className="lh-persona__body">
                   <span className="lh-skel__line lh-skel__line--name" />
@@ -872,7 +840,8 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
             ))
           : personas.map((persona) => {
               const usablePersona = isUsablePersona(persona);
-              const selectedPersona = usablePersona && persona.code === selected?.code;
+              const selectedPersona =
+                usablePersona && persona.code === selected?.code;
               const personaMeta =
                 (DIFFICULTY_LABEL[persona.difficulty] ?? persona.difficulty) +
                 " · " +
@@ -885,16 +854,23 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
                   aria-selected={selectedPersona}
                   aria-disabled={!usablePersona}
                   disabled={!usablePersona}
-                  className={`lh-persona ${selectedPersona ? "is-selected" : ""}`}
+                  className={surfaceClassName(
+                    `lh-persona ${selectedPersona ? "is-selected" : ""}`,
+                    { variant: "interactive" },
+                  )}
                   onClick={() => {
                     if (usablePersona) setSelectedCode(persona.code);
                   }}
                 >
                   <span className="lh-persona__mark">{persona.code}</span>
                   <span className="lh-persona__body">
-                    <span className="lh-persona__name">{persona.display_name}</span>
+                    <span className="lh-persona__name">
+                      {persona.display_name}
+                    </span>
                     <span className="lh-persona__meta">
-                      {usablePersona ? personaMeta : `${personaMeta} · 사용 불가`}
+                      {usablePersona
+                        ? personaMeta
+                        : `${personaMeta} · 사용 불가`}
                     </span>
                     <span className="lh-persona__summary">
                       {usablePersona
@@ -915,7 +891,14 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
   };
 
   return (
-    <AppShell contextLabel="학습 공간" navRole="learner" wide>
+    <AppShell
+      className={
+        view === "dashboard" ? "vg-shell--learner-dashboard" : undefined
+      }
+      contextLabel="학습 공간"
+      navRole="learner"
+      wide
+    >
       <main className={rootClassName}>
         {view === "dashboard" ? (
           <>
@@ -924,22 +907,27 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
                 <Kicker>학습 대시보드</Kicker>
                 <h1 className="lh-title">오늘 이어갈 회기를 먼저 봅니다.</h1>
                 <p className="lh-sub">
-                  진행 중인 상담, 리뷰 대기, 다음 연습 기준을 한 화면에서 정리합니다.
+                  진행 중인 상담, 리뷰 대기, 다음 연습 기준을 한 화면에서
+                  정리합니다.
                 </p>
               </div>
               <div className="lh-head__tools">
                 <div className="lh-head__status" aria-live="polite">
                   <Icon name="users" size={17} />
-                  {loadState === "ready" ? `${usablePersonas.length}명 · ${historyStatus}` : "확인 중"}
+                  {loadState === "ready"
+                    ? `${usablePersonas.length}명 · ${historyStatus}`
+                    : "확인 중"}
                 </div>
               </div>
             </header>
 
-            <section className="lh-dashboard-status" aria-label="학습 상태 바로가기">
+            <section className="lh-dashboard-status" aria-label="학습 현황">
               {dashboardMetrics.map((metric) => (
                 <button
                   type="button"
-                  className="lh-metric-card"
+                  className={surfaceClassName("lh-metric-card", {
+                    variant: "interactive",
+                  })}
                   key={metric.label}
                   onClick={() => navigate(metric.to)}
                 >
@@ -950,8 +938,49 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
               ))}
             </section>
 
-            <section className="lh-dashboard-grid" aria-label="오늘 학습 대시보드">
-              <section className="lh-work-cluster" aria-label="오늘의 회기 작업">
+            {/* 중간 폭 이하 전용 가로 탭 — 데스크톱에서는 CSS로 숨김 */}
+            <div
+              className="lh-tabs"
+              role="tablist"
+              aria-label="대시보드 영역 선택"
+            >
+              <button
+                type="button"
+                role="tab"
+                aria-selected={dashTab === "today"}
+                className={dashTab === "today" ? "is-active" : ""}
+                onClick={() => setDashTab("today")}
+              >
+                오늘의 회기
+              </button>
+              <button
+                type="button"
+                role="tab"
+                aria-selected={dashTab === "records"}
+                className={dashTab === "records" ? "is-active" : ""}
+                onClick={() => setDashTab("records")}
+              >
+                기록 · 리뷰
+              </button>
+              <button
+                type="button"
+                role="tab"
+                aria-selected={dashTab === "growth"}
+                className={dashTab === "growth" ? "is-active" : ""}
+                onClick={() => setDashTab("growth")}
+              >
+                성장 지표
+              </button>
+            </div>
+
+            <section
+              className={`lh-dashboard-grid lh-grid--tab-${dashTab}`}
+              aria-label="오늘 학습 대시보드"
+            >
+              <section
+                className={surfaceClassName("lh-work-cluster")}
+                aria-label="오늘의 회기 작업"
+              >
                 <div className="lh-work-cluster__head">
                   <div>
                     <Kicker>오늘의 회기 작업</Kicker>
@@ -968,15 +997,25 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
                 </div>
 
                 <div className="lh-work-cluster__primary">
-                  <article className="lh-session-focus">
+                  <article
+                    className={surfaceClassName("lh-session-focus", {
+                      variant: "inset",
+                    })}
+                  >
                     <div className="lh-session-focus__head">
                       <div>
-                        <Kicker>{spotlightSession ? "오늘 이어갈 회기" : "첫 회기 준비"}</Kicker>
+                        <Kicker>
+                          {spotlightSession
+                            ? "오늘 이어갈 회기"
+                            : "첫 회기 준비"}
+                        </Kicker>
                         <h2>{recapSessionTitle}</h2>
                         <p>{recapPersonaSubtitle}</p>
                       </div>
                       <span className="lh-session-focus__status">
-                        {spotlightSession ? sessionStatusLabel(spotlightSession) : "대기"}
+                        {spotlightSession
+                          ? sessionStatusLabel(spotlightSession)
+                          : "대기"}
                       </span>
                     </div>
 
@@ -986,8 +1025,10 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
                           persona={spotlightAvatar}
                           state={recapAvatarState(spotlightSession)}
                           affect={spotlightAffect}
-                          rapport={spotlightSession?.stage === "정리" ? 0.72 : 0.38}
-                          size={132}
+                          rapport={
+                            spotlightSession?.stage === "정리" ? 0.72 : 0.38
+                          }
+                          size={196}
                           showCaption={false}
                           showMeta={false}
                           animated={false}
@@ -996,38 +1037,80 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
 
                       <div className="lh-recap__body">
                         <div className="lh-recap__meta-row">
-                          <span>{spotlightSession?.persona_code ?? selected?.code ?? "P-"}</span>
-                          <span>{spotlightSession ? `${spotlightSession.turn_count}턴` : "선택 전"}</span>
-                          <span>{spotlightSession ? sessionDateLabel(spotlightSession.started_at) : "새 연습"}</span>
+                          <span>
+                            {spotlightSession?.persona_code ??
+                              selected?.code ??
+                              "P-"}
+                          </span>
+                          <span>
+                            {spotlightSession
+                              ? `${spotlightSession.turn_count}턴`
+                              : "선택 전"}
+                          </span>
+                          <span>
+                            {spotlightSession
+                              ? sessionDateLabel(spotlightSession.started_at)
+                              : "새 연습"}
+                          </span>
                         </div>
 
                         <dl className="lh-recap__facts">
-                          <div>
+                          <div
+                            className={surfaceClassName(undefined, {
+                              variant: "inset",
+                              flat: true,
+                            })}
+                          >
                             <dt>단계</dt>
                             <dd>{spotlightSession?.stage ?? "선택 전"}</dd>
                           </div>
-                          <div>
+                          <div
+                            className={surfaceClassName(undefined, {
+                              variant: "inset",
+                              flat: true,
+                            })}
+                          >
                             <dt>표정 힌트</dt>
                             <dd>{spotlightAffectLabel}</dd>
                           </div>
-                          <div>
+                          <div
+                            className={surfaceClassName(undefined, {
+                              variant: "inset",
+                              flat: true,
+                            })}
+                          >
                             <dt>최근 흐름</dt>
-                            <dd>{spotlightSession ? `${spotlightSession.learner_turn_count}회 응답` : "-"}</dd>
+                            <dd>
+                              {spotlightSession
+                                ? `${spotlightSession.learner_turn_count}회 응답`
+                                : "-"}
+                            </dd>
                           </div>
                         </dl>
 
                         <div
                           className="lh-recap__progress"
-                          style={{ "--lh-stage-progress": `${recapProgress}%` } as CSSProperties}
+                          style={
+                            {
+                              "--lh-stage-progress": `${recapProgress}%`,
+                            } as CSSProperties
+                          }
                         >
                           <div>
                             <span>상담 진행</span>
-                            <b>{spotlightSession ? `${recapProgress}%` : "0%"}</b>
+                            <b>
+                              {spotlightSession ? `${recapProgress}%` : "0%"}
+                            </b>
                           </div>
                           <i aria-hidden="true" />
                         </div>
 
-                        <div className="lh-recap__quote">
+                        <div
+                          className={surfaceClassName("lh-recap__quote", {
+                            variant: "inset",
+                            flat: true,
+                          })}
+                        >
                           <span>마지막 내담자 반응</span>
                           <p>
                             {lastClientLine
@@ -1040,13 +1123,22 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
 
                         <div className="lh-recap__learner">
                           <span>내 마지막 반응</span>
-                          <p>{lastLearnerLine ? truncateText(lastLearnerLine, 118) : "아직 기록된 학습자 발화가 없습니다."}</p>
+                          <p>
+                            {lastLearnerLine
+                              ? truncateText(lastLearnerLine, 118)
+                              : "아직 기록된 학습자 발화가 없습니다."}
+                          </p>
                         </div>
                       </div>
                     </section>
                   </article>
 
-                  <aside className="lh-coach-card" aria-label="AI 코치">
+                  <aside
+                    className={surfaceClassName("lh-coach-card", {
+                      variant: "inset",
+                    })}
+                    aria-label="AI 코치"
+                  >
                     <div>
                       <Kicker>AI 코치</Kicker>
                       <h2>{coach.title}</h2>
@@ -1055,14 +1147,22 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
 
                     <div className="lh-coach-hints" aria-label="코칭 힌트">
                       {coachHints.map((hint) => (
-                        <span key={hint}>
+                        <span
+                          className={surfaceClassName(undefined, {
+                            variant: "inset",
+                            flat: true,
+                          })}
+                          key={hint}
+                        >
                           <Icon name="check" size={14} />
                           {hint}
                         </span>
                       ))}
                     </div>
 
-                    <p className="lh-recap__coach">{recapCoachLine(spotlightSession)}</p>
+                    <p className="lh-recap__coach">
+                      {recapCoachLine(spotlightSession)}
+                    </p>
 
                     <Button
                       className="lh-coach-card__cta"
@@ -1077,16 +1177,32 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
                 </div>
 
                 <div className="lh-work-cluster__secondary">
-                  <article className="lh-panel lh-dashboard-recommend">
+                  <article
+                    className={surfaceClassName(
+                      "lh-panel lh-dashboard-recommend",
+                      { variant: "inset" },
+                    )}
+                  >
                     <div className="lh-panel__head">
                       <div>
                         <Kicker>다음 연습 추천</Kicker>
-                        <h2>{reviewCount > 0 ? "리뷰 확인을 우선합니다." : "연습 목표를 좁힙니다."}</h2>
+                        <h2>
+                          {reviewCount > 0
+                            ? "리뷰 확인을 우선합니다."
+                            : "연습 목표를 좁힙니다."}
+                        </h2>
                       </div>
                       <span className="lh-panel__badge">맞춤 추천</span>
                     </div>
-                    <div className="lh-recommend-card">
-                      <span>{reviewCount > 0 ? "AI 피드백 먼저" : "개인 연습"}</span>
+                    <div
+                      className={surfaceClassName("lh-recommend-card", {
+                        variant: "inset",
+                        flat: true,
+                      })}
+                    >
+                      <span>
+                        {reviewCount > 0 ? "AI 피드백 먼저" : "개인 연습"}
+                      </span>
                       <b>
                         {reviewCount > 0
                           ? `${reviewCount}건의 회기 피드백 확인`
@@ -1101,7 +1217,13 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
                       </p>
                       <button
                         type="button"
-                        onClick={() => navigate(reviewCount > 0 ? "/learn/history" : "/learn/practice")}
+                        onClick={() =>
+                          navigate(
+                            reviewCount > 0
+                              ? "/learn/history"
+                              : "/learn/practice",
+                          )
+                        }
                       >
                         {reviewCount > 0 ? "리뷰 확인하기" : "연습 시작하기"}
                         <Icon name="chevron-right" size={15} />
@@ -1109,7 +1231,12 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
                     </div>
                   </article>
 
-                  <article className="lh-panel lh-dashboard-feedback">
+                  <article
+                    className={surfaceClassName(
+                      "lh-panel lh-dashboard-feedback",
+                      { variant: "inset" },
+                    )}
+                  >
                     <div className="lh-panel__head">
                       <div>
                         <Kicker>최근 피드백</Kicker>
@@ -1131,14 +1258,24 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
                       ) : recentFeedback.length > 0 ? (
                         <button
                           type="button"
-                          className="lh-feedback-mini__row"
-                          onClick={() => navigate(`/learn/session/${recentFeedback[0].session_id}/review`)}
+                          className={surfaceClassName("lh-feedback-mini__row", {
+                            variant: "interactive",
+                            flat: true,
+                          })}
+                          onClick={() =>
+                            navigate(
+                              `/learn/session/${recentFeedback[0].session_id}/review`,
+                            )
+                          }
                         >
                           <b>
-                            {recentFeedback[0].persona_code} · {recentFeedback[0].stage} ·{" "}
+                            {recentFeedback[0].persona_code} ·{" "}
+                            {recentFeedback[0].stage} ·{" "}
                             {scoreLabel(recentFeedback[0].score)}
                           </b>
-                          <span>{truncateText(recentFeedback[0].note, 86)}</span>
+                          <span>
+                            {truncateText(recentFeedback[0].note, 86)}
+                          </span>
                         </button>
                       ) : (
                         <p>평가 피드백은 회기 종료 후 표시됩니다.</p>
@@ -1149,47 +1286,181 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
               </section>
 
               <aside className="lh-dashboard-side" aria-label="최근 기록 패널">
-                <article className="lh-panel">
+                <article
+                  className={surfaceClassName("lh-panel lh-panel--records")}
+                >
                   <div className="lh-panel__head">
-                    <div>
+                    <div
+                      className={surfaceClassName(undefined, {
+                        variant: "inset",
+                        flat: true,
+                      })}
+                    >
                       <Kicker>최근 기록</Kicker>
                       <h2>방금 끝낸 흐름입니다.</h2>
                     </div>
-                    <button type="button" onClick={() => navigate("/learn/history")}>
+                    <button
+                      type="button"
+                      onClick={() => navigate("/learn/history")}
+                    >
                       전체 보기
                     </button>
                   </div>
-                  {renderCompactSessionRows(recentRecordRows, "최근 기록이 없습니다.", "recent")}
+                  {renderCompactSessionRows(
+                    recentRecordRows,
+                    "최근 기록이 없습니다.",
+                    "recent",
+                  )}
                 </article>
 
-                <article className="lh-panel">
+                <article
+                  className={surfaceClassName("lh-panel lh-panel--records")}
+                >
                   <div className="lh-panel__head">
-                    <div>
+                    <div
+                      className={surfaceClassName(undefined, {
+                        variant: "inset",
+                        flat: true,
+                      })}
+                    >
                       <Kicker>리뷰 대기</Kicker>
                       <h2>피드백 받을 기록입니다.</h2>
                     </div>
-                    <button type="button" onClick={() => navigate("/learn/history")}>
+                    <button
+                      type="button"
+                      onClick={() => navigate("/learn/history")}
+                    >
                       전체 보기
                     </button>
                   </div>
-                  {renderCompactSessionRows(reviewQueue, "대기 중인 리뷰가 없습니다.", "review")}
+                  {renderCompactSessionRows(
+                    reviewQueue,
+                    "대기 중인 리뷰가 없습니다.",
+                    "review",
+                  )}
                 </article>
 
-                <article className="lh-panel">
-                  <div className="lh-panel__head">
-                    <div>
-                      <Kicker>반복 대상</Kicker>
-                      <h2>{topPersona?.total ? `${topPersona.name} · ${topPersona.total}회` : "아직 없음"}</h2>
+                {weaknessInsights.length > 0 ? (
+                  <article
+                    className={surfaceClassName(
+                      "lh-panel lh-weakness lh-panel--growth",
+                    )}
+                  >
+                    <div className="lh-panel__head">
+                      <div>
+                        <Kicker>보완할 부분</Kicker>
+                        <h2>평가 기록에서 찾은 신호입니다.</h2>
+                      </div>
                     </div>
+                    <div className="lh-weakness__list">
+                      {weaknessInsights.map((item) => (
+                        <button
+                          type="button"
+                          key={item.key}
+                          onClick={() => navigate(item.to)}
+                        >
+                          <b>{item.label}</b>
+                          <p>{item.detail}</p>
+                        </button>
+                      ))}
+                    </div>
+                  </article>
+                ) : null}
+
+                <article
+                  className={surfaceClassName("lh-panel lh-panel--growth")}
+                >
+                  <div className="lh-panel__head">
+                    <div
+                      className={surfaceClassName(undefined, {
+                        variant: "inset",
+                        flat: true,
+                      })}
+                    >
+                      <Kicker>내담자와 쌓은 라포</Kicker>
+                      <h2>회기를 건너 누적됩니다.</h2>
+                    </div>
+                  </div>
+                  <div
+                    className="lh-rapport-list"
+                    aria-label="페르소나별 라포 누적"
+                  >
+                    {personaProgressRows
+                      .filter((row) => row.total > 0)
+                      .slice(0, 3).length > 0 ? (
+                      personaProgressRows
+                        .filter((row) => row.total > 0)
+                        .slice(0, 3)
+                        .map((row) => (
+                          <div className="lh-rapport-row" key={row.code}>
+                            <span className="lh-rapport-row__name">
+                              {row.name}
+                              <small>{row.total}회</small>
+                            </span>
+                            <span
+                              className="lh-rapport-row__bar"
+                              role="progressbar"
+                              aria-valuenow={row.rapportPercent}
+                              aria-valuemin={0}
+                              aria-valuemax={100}
+                            >
+                              <i style={{ width: `${row.rapportPercent}%` }} />
+                            </span>
+                            <b>{row.rapportPercent}%</b>
+                          </div>
+                        ))
+                    ) : (
+                      <p className="lh-muted">
+                        첫 회기를 끝내면 라포 누적이 표시됩니다.
+                      </p>
+                    )}
                   </div>
                   <div className="lh-insight-list">
                     <div>
                       <span>훈련 편향 점검</span>
-                      <b>{topPersona?.total ? "주호소 범위를 넓힐 차례" : "첫 회기 이후 표시"}</b>
-                      <p>한 대상에 치우치면 다른 주호소 대응력이 늦게 올라옵니다.</p>
+                      <b>
+                        {topPersona?.total
+                          ? "주호소 범위를 넓힐 차례"
+                          : "첫 회기 이후 표시"}
+                      </b>
+                      <p>
+                        한 대상에 치우치면 다른 주호소 대응력이 늦게 올라옵니다.
+                      </p>
                     </div>
                   </div>
                 </article>
+
+                {achievements.length > 0 ? (
+                  <article
+                    className={surfaceClassName(
+                      "lh-panel lh-milestones lh-panel--growth",
+                    )}
+                  >
+                    <div className="lh-panel__head">
+                      <div>
+                        <Kicker>연습 이정표</Kicker>
+                        <h2>실제 연습 기준으로 열립니다.</h2>
+                      </div>
+                    </div>
+                    <div className="lh-milestones__list">
+                      {achievements.map((item) => (
+                        <span
+                          key={item.id}
+                          className={"lh-milestone is-" + item.state}
+                          title={item.detail}
+                        >
+                          <Icon
+                            name={
+                              item.state === "done" ? "check" : "chevron-right"
+                            }
+                            size={13}
+                          />
+                          {item.label}
+                        </span>
+                      ))}
+                    </div>
+                  </article>
+                ) : null}
               </aside>
             </section>
           </>
@@ -1202,12 +1473,15 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
                 <Kicker>학습 대상</Kicker>
                 <h1 className="lh-title">연습할 내담자를 선택합니다.</h1>
                 <p className="lh-sub">
-                  대상별 주호소와 난도를 확인한 뒤 새 회기를 시작합니다. 기존 기록은 아래에서 이어가거나 리뷰합니다.
+                  대상별 주호소와 난도를 확인한 뒤 새 회기를 시작합니다. 기존
+                  기록은 아래에서 이어가거나 리뷰합니다.
                 </p>
               </div>
               <div className="lh-head__status" aria-live="polite">
                 <Icon name="users" size={17} />
-                {loadState === "ready" ? `${usablePersonas.length}명` : "확인 중"}
+                {loadState === "ready"
+                  ? `${usablePersonas.length}명`
+                  : "확인 중"}
               </div>
             </header>
 
@@ -1215,26 +1489,36 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
               <aside className="lh-list-pane">
                 <div className="lh-pane-head">
                   <Kicker>연습 대상</Kicker>
-                  <span>{loadState === "ready" ? "내담자 목록" : "확인 중"}</span>
+                  <span>
+                    {loadState === "ready" ? "내담자 목록" : "확인 중"}
+                  </span>
                 </div>
                 {renderPersonaList()}
               </aside>
 
-              <section className="lh-preview" aria-labelledby="lh-preview-title">
+              <section
+                className="lh-preview"
+                aria-labelledby="lh-preview-title"
+              >
                 <div className="lh-preview__main">
                   <div className="lh-preview__hero">
                     <div className="lh-preview__identity">
                       <div className="lh-avatar" aria-hidden="true">
-                        {personaCatalogUnavailable ? "!" : personaInitial(selected)}
+                        {personaCatalogUnavailable
+                          ? "!"
+                          : personaInitial(selected)}
                       </div>
                       <div className="lh-preview__copy">
                         <span className="lh-preview__code">
-                          {personaCatalogUnavailable ? "catalog" : (selected?.code ?? "...")}
+                          {personaCatalogUnavailable
+                            ? "catalog"
+                            : (selected?.code ?? "...")}
                         </span>
                         <h2 id="lh-preview-title">
                           {personaCatalogUnavailable
                             ? "사용 가능한 내담자가 없습니다."
-                            : (selected?.display_name ?? "내담자 정보를 불러오는 중")}
+                            : (selected?.display_name ??
+                              "내담자 정보를 불러오는 중")}
                         </h2>
                         <p>
                           {personaCatalogUnavailable
@@ -1246,7 +1530,8 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
 
                     <div className="lh-actions">
                       <span className="lh-actions__note">
-                        회기 종료 후 저장된 대화 기록으로 리뷰와 코칭이 생성됩니다.
+                        회기 종료 후 저장된 대화 기록으로 리뷰와 코칭이
+                        생성됩니다.
                       </span>
                       <Button
                         size="lg"
@@ -1259,12 +1544,20 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
                     </div>
                   </div>
 
-                  <div className="lh-summary">
-                    <Kicker>{personaCatalogUnavailable ? "카탈로그 상태" : "주호소"}</Kicker>
+                  <div
+                    className={surfaceClassName("lh-summary", {
+                      variant: "inset",
+                      flat: true,
+                    })}
+                  >
+                    <Kicker>
+                      {personaCatalogUnavailable ? "카탈로그 상태" : "주호소"}
+                    </Kicker>
                     <p>
                       {personaCatalogUnavailable
                         ? "현재 서버 카탈로그가 신뢰 가능한 상태로 확인되지 않아 연습 시작을 막았습니다."
-                        : (selected?.presenting_summary ?? "내담자 정보를 확인하고 있습니다.")}
+                        : (selected?.presenting_summary ??
+                          "내담자 정보를 확인하고 있습니다.")}
                     </p>
                   </div>
 
@@ -1284,30 +1577,60 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
                   </dl>
                 </div>
 
-                <section className="lh-activity" aria-label="연습 기록">
+                <section
+                  className={surfaceClassName("lh-activity")}
+                  aria-label="연습 기록"
+                >
                   <div className="lh-activity__stats">
-                    <span>
+                    <span
+                      className={surfaceClassName(undefined, {
+                        variant: "inset",
+                        flat: true,
+                      })}
+                    >
                       <b>{historyReady ? activeCount : "–"}</b>
                       <small>진행 중</small>
                     </span>
-                    <span>
+                    <span
+                      className={surfaceClassName(undefined, {
+                        variant: "inset",
+                        flat: true,
+                      })}
+                    >
                       <b>{historyReady ? reviewCount : "–"}</b>
                       <small>리뷰 가능</small>
                     </span>
-                    <span>
+                    <span
+                      className={surfaceClassName(undefined, {
+                        variant: "inset",
+                        flat: true,
+                      })}
+                    >
                       <b>{historyReady ? sessions.length : "–"}</b>
                       <small>누적 회기</small>
                     </span>
                   </div>
-                  <div className="lh-activity__recent">
+                  <div
+                    className={surfaceClassName("lh-activity__recent", {
+                      variant: "inset",
+                      flat: true,
+                    })}
+                  >
                     <div className="lh-activity__head">
                       <Kicker>기존 회기</Kicker>
-                      <span>{selected ? `${selected.code} · ${selectedSessions.length}회` : "-"}</span>
+                      <span>
+                        {selected
+                          ? `${selected.code} · ${selectedSessions.length}회`
+                          : "-"}
+                      </span>
                     </div>
                     {personaCatalogUnavailable ? (
                       <div className="lh-inline-alert" role="status">
                         <Icon name="alert" size={16} />
-                        <span>사용 가능한 내담자가 없어 기존 회기를 선택할 수 없습니다.</span>
+                        <span>
+                          사용 가능한 내담자가 없어 기존 회기를 선택할 수
+                          없습니다.
+                        </span>
                       </div>
                     ) : (
                       renderSessionList(selectedSessions)
@@ -1326,7 +1649,8 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
                 <Kicker>회기 기록</Kicker>
                 <h1 className="lh-title">회기 기록을 찾고 정리합니다.</h1>
                 <p className="lh-sub">
-                  이어갈 회기, 피드백 받을 회기, 보관된 회기를 분리해 다음 행동을 바로 선택합니다.
+                  이어갈 회기, 피드백 받을 회기, 보관된 회기를 분리해 다음
+                  행동을 바로 선택합니다.
                 </p>
               </div>
               <div className="lh-head__status" aria-live="polite">
@@ -1335,11 +1659,17 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
               </div>
             </header>
 
-            <section className="lh-history-overview" aria-label="기록 상태 요약">
+            <section
+              className={surfaceClassName("lh-history-overview")}
+              aria-label="기록 상태 요약"
+            >
               {HISTORY_FILTERS.map((item) => (
                 <button
                   type="button"
-                  className={`lh-history-task ${historyFilter === item.value ? "is-selected" : ""}`}
+                  className={surfaceClassName(
+                    `lh-history-task ${historyFilter === item.value ? "is-selected" : ""}`,
+                    { variant: "interactive", flat: true },
+                  )}
                   key={item.value}
                   aria-pressed={historyFilter === item.value}
                   onClick={() => setHistoryFilter(item.value)}
@@ -1352,17 +1682,26 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
             </section>
 
             <section className="lh-history-layout">
-              <section className="lh-history-main" aria-label="회기 기록">
+              <section
+                className={surfaceClassName("lh-history-main")}
+                aria-label="회기 기록"
+              >
                 <div className="lh-history-main__head">
                   <div>
                     <Kicker>기록 목록</Kicker>
                     <h2>
                       {historyFilter === "all"
                         ? "전체 회기"
-                        : HISTORY_FILTERS.find((item) => item.value === historyFilter)?.label}
+                        : HISTORY_FILTERS.find(
+                            (item) => item.value === historyFilter,
+                          )?.label}
                     </h2>
                   </div>
-                  <span>{historyReady ? `${filteredHistorySessions.length}개` : historyStatus}</span>
+                  <span>
+                    {historyReady
+                      ? `${filteredHistorySessions.length}개`
+                      : historyStatus}
+                  </span>
                 </div>
 
                 <div className="lh-history-tools">
@@ -1375,12 +1714,17 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
                       aria-label="기록 검색"
                     />
                   </label>
-                  <div className="lh-history-filter" aria-label="기록 상태 필터">
+                  <div
+                    className="lh-history-filter"
+                    aria-label="기록 상태 필터"
+                  >
                     {HISTORY_FILTERS.map((item) => (
                       <button
                         type="button"
                         key={item.value}
-                        className={historyFilter === item.value ? "is-selected" : ""}
+                        className={
+                          historyFilter === item.value ? "is-selected" : ""
+                        }
                         aria-pressed={historyFilter === item.value}
                         onClick={() => setHistoryFilter(item.value)}
                       >
@@ -1391,7 +1735,10 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
                 </div>
 
                 {archiveNotice ? (
-                  <div className="lh-inline-alert lh-inline-alert--archive" role="status">
+                  <div
+                    className="lh-inline-alert lh-inline-alert--archive"
+                    role="status"
+                  >
                     <Icon name="session" size={16} />
                     <span>{archiveNotice}</span>
                   </div>
@@ -1404,7 +1751,11 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
               </section>
 
               <aside className="lh-history-side" aria-label="기록 보조 정보">
-                <section className="lh-archive-note">
+                <section
+                  className={surfaceClassName("lh-archive-note", {
+                    variant: "inset",
+                  })}
+                >
                   <div className="lh-persona-progress__head">
                     <Kicker>아카이브 기준</Kicker>
                     <span>읽기 전용</span>
@@ -1425,23 +1776,39 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
                   </div>
                 </section>
 
-                <section className="lh-persona-progress" aria-label="페르소나별 진행 정도">
+                <section
+                  className={surfaceClassName("lh-persona-progress", {
+                    variant: "inset",
+                  })}
+                  aria-label="페르소나별 진행 정도"
+                >
                   <div className="lh-persona-progress__head">
                     <Kicker>페르소나별 진행</Kicker>
-                    <span>{historyReady ? `${personaProgressRows.length}명` : "확인 중"}</span>
+                    <span>
+                      {historyReady
+                        ? `${personaProgressRows.length}명`
+                        : "확인 중"}
+                    </span>
                   </div>
                   {sessionLoadState === "loading" ? (
-                    <p className="lh-persona-progress__note">회기 기록을 불러오고 있습니다.</p>
+                    <p className="lh-persona-progress__note">
+                      회기 기록을 불러오고 있습니다.
+                    </p>
                   ) : personaProgressRows.length > 0 ? (
                     <div className="lh-persona-progress__rows">
                       {personaProgressRows.map((row) => {
-                        const progressWidth = Math.round((row.total / maxPersonaSessionCount) * 100);
+                        const progressWidth = Math.round(
+                          (row.total / maxPersonaSessionCount) * 100,
+                        );
                         return (
                           <button
                             type="button"
-                            className={`lh-persona-progress__row ${
-                              row.code === selected?.code ? "is-selected" : ""
-                            }`}
+                            className={surfaceClassName(
+                              `lh-persona-progress__row ${
+                                row.code === selected?.code ? "is-selected" : ""
+                              }`,
+                              { variant: "interactive", flat: true },
+                            )}
                             key={row.code}
                             onClick={() => {
                               setSelectedCode(row.code);
@@ -1459,7 +1826,10 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
                                   }턴`
                                 : "아직 진행 없음"}
                             </span>
-                            <span className="lh-persona-progress__bar" aria-hidden="true">
+                            <span
+                              className="lh-persona-progress__bar"
+                              aria-hidden="true"
+                            >
                               <span style={{ width: `${progressWidth}%` }} />
                             </span>
                             <span className="lh-persona-progress__latest">
@@ -1472,7 +1842,9 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
                       })}
                     </div>
                   ) : (
-                    <p className="lh-persona-progress__note">표시할 페르소나 진행 기록이 없습니다.</p>
+                    <p className="lh-persona-progress__note">
+                      표시할 페르소나 진행 기록이 없습니다.
+                    </p>
                   )}
                 </section>
               </aside>
diff --git a/apps/web/src/pages/Login.tsx b/apps/web/src/pages/Login.tsx
index ffc7972..1c6ef7e 100644
--- a/apps/web/src/pages/Login.tsx
+++ b/apps/web/src/pages/Login.tsx
@@ -4,6 +4,7 @@ import { initialPathForUser, useAuth, type Role } from "../lib/auth";
 import { apiUrl, authApi, type AuthConfigResponse } from "../lib/api";
 import { LoginBrand } from "./login/LoginBrand";
 import { LoginPanel, type LoginRoleOption } from "./login/LoginPanel";
+import { AuthShell } from "../components/auth/AuthShell";
 import "./login/login.css";
 
 const OAUTH_NOT_CONFIGURED_MESSAGE =
@@ -181,7 +182,7 @@ export default function Login() {
   };
 
   return (
-    <main className="lg-root">
+    <AuthShell className="lg-root" variant="room">
       <LoginBrand allowedDomains={allowedDomains} oauthChecking={oauthChecking} />
       <LoginPanel
         oauth={{
@@ -204,6 +205,6 @@ export default function Login() {
         }}
         error={{ message: loginError, reason: loginErrorReason }}
       />
-    </main>
+    </AuthShell>
   );
 }
diff --git a/apps/web/src/pages/Onboarding.tsx b/apps/web/src/pages/Onboarding.tsx
index be8af26..863c940 100644
--- a/apps/web/src/pages/Onboarding.tsx
+++ b/apps/web/src/pages/Onboarding.tsx
@@ -1,6 +1,8 @@
 import { useEffect, useMemo, useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { Button } from "../components/ui";
+import { surfaceClassName } from "../components/ui/Surface";
+import { AuthShell } from "../components/auth/AuthShell";
 import { roleHomePath, useAuth } from "../lib/auth";
 import { apiUrl, userApi, type LegalDocumentsResponse, type UserProfileResponse } from "../lib/api";
 import "./onboarding.css";
@@ -147,8 +149,8 @@ export default function Onboarding() {
 
   return (
     <>
-      <main className="ob-page">
-        <section className="ob-shell" aria-label="가입 정보 입력">
+      <AuthShell className="ob-page">
+        <section className={surfaceClassName("ob-shell")} aria-label="가입 정보 입력">
           <header className="ob-head">
             <p>Vignette 가입 설정</p>
             <h1>가입 정보를 입력합니다.</h1>
@@ -333,7 +335,7 @@ export default function Onboarding() {
             </div>
           </form>
         </section>
-      </main>
+      </AuthShell>
     </>
   );
 }
diff --git a/apps/web/src/pages/PendingApproval.tsx b/apps/web/src/pages/PendingApproval.tsx
index e41fc4f..8db90f0 100644
--- a/apps/web/src/pages/PendingApproval.tsx
+++ b/apps/web/src/pages/PendingApproval.tsx
@@ -1,6 +1,8 @@
 import { useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { Button, Icon } from "../components/ui";
+import { surfaceClassName } from "../components/ui/Surface";
+import { AuthShell } from "../components/auth/AuthShell";
 import { roleHomePath, useAuth } from "../lib/auth";
 import "./pending-approval.css";
 
@@ -34,8 +36,8 @@ export default function PendingApproval() {
 
   return (
     <>
-      <main className="pa-page" aria-label="계정 승인 대기">
-        <section className="pa-panel">
+      <AuthShell className="pa-page" aria-label="계정 승인 대기">
+        <section className={surfaceClassName("pa-panel")}>
           <div className="pa-mark" aria-hidden="true">
             <Icon name="shield" size={30} strokeWidth={1.9} />
           </div>
@@ -73,7 +75,7 @@ export default function PendingApproval() {
             </Button>
           </div>
         </section>
-      </main>
+      </AuthShell>
     </>
   );
 }
diff --git a/apps/web/src/pages/PersonaStudio.tsx b/apps/web/src/pages/PersonaStudio.tsx
index e2d2d3a..655f7a5 100644
--- a/apps/web/src/pages/PersonaStudio.tsx
+++ b/apps/web/src/pages/PersonaStudio.tsx
@@ -1,24 +1,68 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useSearchParams } from "react-router-dom";
 import { AppShell } from "../components/shell/AppShell";
-import { Badge, Button, Card, Dot, Icon, Kicker } from "../components/ui";
+import {
+  Badge,
+  Button,
+  Card,
+  Dot,
+  EmptyState as UiEmptyState,
+  Icon,
+  Kicker,
+  surfaceClassName,
+} from "../components/ui";
 import {
   ApiError,
   personaApi,
   personaReviewApi,
+  teacherApi,
   type PersonaDraftDetail,
   type PersonaDraftGenerateRequest,
-  type PersonaDraftPayload,
   type PersonaGenerationEvidence,
   type PersonaReviewAction,
   type PersonaReviewStatus,
   type PersonaReviewSummary,
   type PersonaSourceDocumentResponse,
   type PersonaSummary,
+  type TeacherDashboardResponse,
+  type TeacherGrowthPoint,
 } from "../lib/api";
+import {
+  formatDateTimeKo as formatDateTime,
+  formatOptionalPercent,
+} from "../lib/format";
+import {
+  personaDifficultyLabel,
+  personaReviewStatusLabel,
+  personaReviewTone,
+  personaTheoryLabel,
+} from "../lib/personaViewModel";
+import {
+  buildPromptPreviewSections,
+  cloneEmptyDraft,
+  draftDetailToStudioPayload,
+  draftPayloadToStudioPayload,
+  editableListValue,
+  listValue,
+  nextPersonaCode,
+  normalizeCode,
+  numberValue,
+  objectValue,
+  payloadForApi,
+  stringValue,
+  validateDraft,
+  type Difficulty,
+  type PersonaStudioPayload,
+  type PromptPreviewSection,
+  type ValidationResult,
+} from "./persona-studio/model";
 import "./persona-studio.css";
 
 type LoadState = "loading" | "ready" | "error";
+type WorkspaceTab = "dashboard" | "catalog" | "personas";
+type PersonaListTab = "all" | "review";
+type PersonaDetailTab = "overview" | "learning" | "settings";
+type AuthoringStep = "source" | "generate" | "edit" | "review";
 type StudioTab =
   | "overview"
   | "clinical"
@@ -27,8 +71,6 @@ type StudioTab =
   | "speech"
   | "safety"
   | "prompt";
-type JsonRecord = Record<string, unknown>;
-type Difficulty = "easy" | "moderate" | "hard";
 type NumberSection = "big5" | "resistance" | "affect_baseline";
 type SourceKind = PersonaDraftGenerateRequest["source_kind"];
 type ObjectSection =
@@ -40,44 +82,6 @@ type ObjectSection =
   | "dsm5_dimensional"
   | "triggers";
 
-interface PersonaStudioPayload {
-  code: string;
-  display_name: string;
-  difficulty: Difficulty;
-  theory_target: string[];
-  demographics: JsonRecord;
-  presenting: JsonRecord;
-  history: JsonRecord;
-  big5: Record<string, number>;
-  resistance: Record<string, number>;
-  speech_style: JsonRecord;
-  affect_baseline: Record<string, number>;
-  ccd: JsonRecord;
-  dsm5_dimensional: JsonRecord;
-  triggers: JsonRecord;
-  source_provenance: string;
-  is_synthetic: boolean;
-  submit_for_review: boolean;
-}
-
-interface ValidationResult {
-  errors: string[];
-  warnings: string[];
-}
-
-interface PromptPreviewRow {
-  label: string;
-  value: string;
-}
-
-interface PromptPreviewSection {
-  title: string;
-  desc?: string;
-  rows?: PromptPreviewRow[];
-  items?: string[];
-  body?: string;
-}
-
 const STUDIO_TABS: { key: StudioTab; label: string }[] = [
   { key: "overview", label: "개요" },
   { key: "clinical", label: "임상" },
@@ -89,311 +93,90 @@ const STUDIO_TABS: { key: StudioTab; label: string }[] = [
 ];
 
 const AUTHORING_STEPS = [
-  { label: "자료", desc: "기록·교재·가이드 정리" },
-  { label: "생성", desc: "RAG 근거 초안 생성" },
-  { label: "편집", desc: "임상·회기·말투 조정" },
-  { label: "검수", desc: "근거·위험·버전 확인" },
+  { key: "source", label: "자료", desc: "기록·교재·가이드 정리" },
+  { key: "generate", label: "초안", desc: "근거를 확인하고 초안 생성" },
+  { key: "edit", label: "설정", desc: "임상·회기·말투 조정" },
+  { key: "review", label: "검토", desc: "근거·위험·버전 확인" },
 ] as const;
 
-const TAB_GUIDANCE: Record<StudioTab, { title: string; desc: string; items: string[] }> = {
+const WORKSPACE_TABS: { key: WorkspaceTab; label: string; desc: string }[] = [
+  { key: "dashboard", label: "대시보드", desc: "운영·학습·검수 현황" },
+  { key: "catalog", label: "카탈로그", desc: "공개 범위와 구성 정보" },
+  { key: "personas", label: "페르소나", desc: "전체 목록과 검수" },
+];
+
+const AUTHORING_STEP_KEYS = AUTHORING_STEPS.map((step) => step.key);
+const PERSONA_PROGRESS_STORAGE_KEY = "vignette:persona-studio:progress:v1";
+
+const TAB_GUIDANCE: Record<
+  StudioTab,
+  { title: string; desc: string; items: string[] }
+> = {
   overview: {
     title: "기본 정보는 학습자가 바로 알아볼 수 있는 식별자 중심으로 작성",
     desc: "코드, 난이도, 이론, 인구통계는 검색과 배정에 쓰인다. 실제 기록 기반이면 출처를 비워두지 마라.",
-    items: ["표시 이름은 교수자가 구분할 수 있는 별칭으로 둔다.", "첫 회기 입장 발화는 시뮬레이션 시작 1분의 톤을 결정한다.", "주호소는 내담자가 직접 말할 수 있는 문장으로 쓴다."],
+    items: [
+      "표시 이름은 교수자가 구분할 수 있는 별칭으로 둔다.",
+      "첫 회기 입장 발화는 시뮬레이션 시작 1분의 톤을 결정한다.",
+      "주호소는 내담자가 직접 말할 수 있는 문장으로 쓴다.",
+    ],
   },
   clinical: {
     title: "임상 배경은 관찰 사실과 내부 가설을 분리해서 작성",
     desc: "가족·관계·학교/직장·촉발 사건은 SSOT 자료에서 확인되는 사실을 우선한다. CCD는 내담자가 직접 설명하지 않는 내부 모델이다.",
-    items: ["가족/관계에는 현재 기능에 영향을 주는 반복 패턴을 적는다.", "촉발 사건은 날짜보다 상담 장면에서 드러날 행동 변화에 초점을 둔다.", "자동사고는 한 줄에 하나씩, 내담자 머릿속 문장처럼 쓴다."],
+    items: [
+      "가족/관계에는 현재 기능에 영향을 주는 반복 패턴을 적는다.",
+      "촉발 사건은 날짜보다 상담 장면에서 드러날 행동 변화에 초점을 둔다.",
+      "자동사고는 한 줄에 하나씩, 내담자 머릿속 문장처럼 쓴다.",
+    ],
   },
   resistance: {
     title: "수치 파라미터는 대화 난이도를 조절하는 운영값",
     desc: "저항값은 임상 진단이 아니라 시뮬레이션 반응 강도다. 과도하게 극단값을 주면 교육용 피드백이 흔들린다.",
-    items: ["초기 저항은 첫 3턴의 방어 강도를 의미한다.", "침묵/회피 확률은 상담자 개입이 어긋날 때의 반응 확률이다.", "자살사고 단계는 안전 라우팅과 검증 카드에서 별도로 확인한다."],
+    items: [
+      "초기 저항은 첫 3턴의 방어 강도를 의미한다.",
+      "침묵/회피 확률은 상담자 개입이 어긋날 때의 반응 확률이다.",
+      "자살사고 단계는 안전 라우팅과 검증 카드에서 별도로 확인한다.",
+    ],
   },
   scenario: {
     title: "회기 시나리오는 회차별 장면, 개방 조건, 금지 반응을 함께 둔다",
     desc: "교수자는 '이 내담자가 언제, 왜, 어떻게 변하는지'를 보고 싶어 한다. 단순 줄거리보다 상담자 행동에 대한 반응 규칙이 중요하다.",
-    items: ["1회기: 입장 태도, 숨기는 정보, 라포가 생기는 조건을 적는다.", "2회기 이후: 이전 회기의 상담자 반응에 따라 드러나는 변화를 적는다.", "표면화 조건에는 어떤 질문/반영이 주호소를 깊게 만드는지 쓴다."],
+    items: [
+      "1회기: 입장 태도, 숨기는 정보, 라포가 생기는 조건을 적는다.",
+      "2회기 이후: 이전 회기의 상담자 반응에 따라 드러나는 변화를 적는다.",
+      "표면화 조건에는 어떤 질문/반영이 주호소를 깊게 만드는지 쓴다.",
+    ],
   },
   speech: {
     title: "말투는 캐릭터 장식이 아니라 상담 기술 평가의 입력값",
     desc: "말버릇, 군말, 비언어 단서는 상담자가 반영·명료화·공감하기 어렵거나 쉬운 지점을 만든다.",
-    items: ["문장 길이는 짧음/중간/김처럼 운영 가능한 값으로 둔다.", "군말과 말버릇은 과하지 않게 2~4개 정도가 적당하다.", "비언어 단서는 발화 텍스트에 자연스럽게 섞일 행동만 적는다."],
+    items: [
+      "문장 길이는 짧음/중간/김처럼 운영 가능한 값으로 둔다.",
+      "군말과 말버릇은 과하지 않게 2~4개 정도가 적당하다.",
+      "비언어 단서는 발화 텍스트에 자연스럽게 섞일 행동만 적는다.",
+    ],
   },
   safety: {
     title: "역린과 금기어는 모델이 말하지 말아야 할 말이 아니라 반응 조건",
     desc: "금기어 목록만 늘리면 시뮬레이션이 경직된다. 어떤 개입에서 어떤 방어·침묵·분노가 생기는지까지 작성해야 한다.",
-    items: ["민감 영역은 내담자가 회피하거나 과민 반응하는 주제다.", "상담자 금기는 훈련자가 하면 안 되는 개입 방식이다.", "역린 반응은 침묵, 농담, 반문, 공격성처럼 관찰 가능한 행동으로 쓴다."],
+    items: [
+      "민감 영역은 내담자가 회피하거나 과민 반응하는 주제다.",
+      "상담자 금기는 훈련자가 하면 안 되는 개입 방식이다.",
+      "역린 반응은 침묵, 농담, 반문, 공격성처럼 관찰 가능한 행동으로 쓴다.",
+    ],
   },
   prompt: {
     title: "프롬프트 미리보기는 최종 런타임 계약 검토용",
     desc: "여기서는 편집하지 않는다. 누락된 필드가 있으면 앞 탭으로 돌아가 구조화된 데이터에서 수정해라.",
-    items: ["내부 설정은 내담자가 직접 설명하지 않도록 유지한다.", "역린과 회기 규칙이 과도하게 모순되지 않는지 확인한다.", "검수 전에는 생성 근거와 안전 항목을 함께 확인한다."],
+    items: [
+      "내부 설정은 내담자가 직접 설명하지 않도록 유지한다.",
+      "역린과 회기 규칙이 과도하게 모순되지 않는지 확인한다.",
+      "검수 전에는 생성 근거와 안전 항목을 함께 확인한다.",
+    ],
   },
 };
 
-const EMPTY_STUDIO_DRAFT: PersonaStudioPayload = {
-  code: "",
-  display_name: "",
-  difficulty: "moderate",
-  theory_target: ["humanistic"],
-  demographics: {
-    age_band: "",
-    sex: "",
-    role: "",
-    context: "",
-  },
-  presenting: {
-    complaint: "",
-    surface: "",
-    first_session_opening: "",
-  },
-  history: {
-    family: "",
-    school_or_work: "",
-    relationships: "",
-    precipitant: "",
-    strengths: "",
-  },
-  big5: {
-    O: 0.5,
-    C: 0.5,
-    E: 0.5,
-    A: 0.5,
-    N: 0.5,
-  },
-  resistance: {
-    base_resistance: 0.5,
-    unlock_rate: 0.1,
-    decay_floor: 0.05,
-    silence_prob: 0.15,
-    deflection_prob: 0.25,
-  },
-  speech_style: {
-    register: "polite",
-    avg_sentence_len: "medium",
-    fillers: [],
-    honorific: true,
-    verbal_tics: [],
-    nonverbal_cues: [],
-  },
-  affect_baseline: {
-    negative_affect: 0.45,
-    hopelessness: 0.2,
-    anhedonia: 0.2,
-    sleep: 0.2,
-    anxiety: 0.35,
-    suicide_ideation_stage: 1,
-  },
-  ccd: {
-    core_belief: "",
-    intermediate_belief: "",
-    automatic_thought: [],
-    coping_strategy: "",
-    compensatory: "",
-  },
-  dsm5_dimensional: {
-    anxiety: 0.35,
-    depression: 0.2,
-    somatic: 0.1,
-    note: "",
-  },
-  triggers: {
-    sore_spots: [],
-    forbidden: [],
-    reaction: "",
-    taboo_terms: [],
-    session_scenarios: [],
-    prompt_contract: "",
-  },
-  source_provenance: "clinical draft",
-  is_synthetic: true,
-  submit_for_review: false,
-};
-
-function cloneEmptyDraft(): PersonaStudioPayload {
-  return JSON.parse(JSON.stringify(EMPTY_STUDIO_DRAFT)) as PersonaStudioPayload;
-}
-
-function isRecord(value: unknown): value is JsonRecord {
-  return !!value && typeof value === "object" && !Array.isArray(value);
-}
-
-function objectValue(value: unknown): JsonRecord {
-  return isRecord(value) ? value : {};
-}
-
-function stringValue(section: JsonRecord, key: string): string {
-  const value = section[key];
-  if (typeof value === "string") return value;
-  if (typeof value === "number" || typeof value === "boolean") return String(value);
-  return "";
-}
-
-function listValue(section: JsonRecord, key: string): string[] {
-  const value = section[key];
-  if (Array.isArray(value)) {
-    return value.map((item) => String(item)).filter((item) => item.trim());
-  }
-  if (typeof value === "string" && value.trim()) return [value.trim()];
-  return [];
-}
-
-function editableListValue(section: JsonRecord, key: string): string[] {
-  const value = section[key];
-  if (Array.isArray(value)) return value.map((item) => String(item));
-  if (typeof value === "string" && value.trim()) return [value.trim()];
-  return [];
-}
-
-function numberValue(section: Record<string, number>, key: string, fallback: number): number {
-  const value = section[key];
-  return typeof value === "number" && Number.isFinite(value) ? value : fallback;
-}
-
-function normalizeCode(raw: string): string {
-  return raw.trim().toUpperCase();
-}
-
-function nextPersonaCode(catalog: PersonaSummary[], reviews: PersonaReviewSummary[]): string {
-  const used = new Set<string>();
-  for (const persona of catalog) used.add(normalizeCode(persona.code));
-  for (const persona of reviews) used.add(normalizeCode(persona.code));
-  let next = 1;
-  while (used.has(`P${next}`)) next += 1;
-  return `P${next}`;
-}
-
-function draftDetailToStudioPayload(detail: PersonaDraftDetail): PersonaStudioPayload {
-  const extended = detail as PersonaDraftDetail & { triggers?: JsonRecord };
-  return {
-    code: detail.code,
-    display_name: detail.display_name,
-    difficulty:
-      detail.difficulty === "easy" || detail.difficulty === "hard" ? detail.difficulty : "moderate",
-    theory_target: detail.theory_target,
-    demographics: objectValue(detail.demographics),
-    presenting: objectValue(detail.presenting),
-    history: objectValue(detail.history),
-    big5: { ...detail.big5 },
-    resistance: { ...detail.resistance },
-    speech_style: objectValue(detail.speech_style),
-    affect_baseline: { ...detail.affect_baseline },
-    ccd: objectValue(detail.ccd),
-    dsm5_dimensional: objectValue(detail.dsm5_dimensional),
-    triggers: objectValue(extended.triggers),
-    source_provenance: detail.source_provenance,
-    is_synthetic: detail.is_synthetic,
-    submit_for_review: detail.status === "review",
-  };
-}
-
-function draftPayloadToStudioPayload(payload: PersonaDraftPayload): PersonaStudioPayload {
-  const extended = payload as PersonaDraftPayload & { triggers?: JsonRecord };
-  return {
-    code: payload.code,
-    display_name: payload.display_name,
-    difficulty: payload.difficulty,
-    theory_target: payload.theory_target ?? ["humanistic"],
-    demographics: objectValue(payload.demographics),
-    presenting: objectValue(payload.presenting),
-    history: objectValue(payload.history),
-    big5: { O: 0.5, C: 0.5, E: 0.5, A: 0.5, N: 0.5, ...(payload.big5 ?? {}) },
-    resistance: {
-      base_resistance: 0.5,
-      unlock_rate: 0.1,
-      decay_floor: 0.05,
-      silence_prob: 0.15,
-      deflection_prob: 0.25,
-      ...(payload.resistance ?? {}),
-    },
-    speech_style: objectValue(payload.speech_style),
-    affect_baseline: {
-      negative_affect: 0.45,
-      hopelessness: 0.2,
-      anhedonia: 0.2,
-      sleep: 0.2,
-      anxiety: 0.35,
-      suicide_ideation_stage: 1,
-      ...(payload.affect_baseline ?? {}),
-    },
-    ccd: objectValue(payload.ccd),
-    dsm5_dimensional: objectValue(payload.dsm5_dimensional),
-    triggers: objectValue(extended.triggers),
-    source_provenance: payload.source_provenance,
-    is_synthetic: payload.is_synthetic,
-    submit_for_review: false,
-  };
-}
-
-function payloadForApi(
-  draft: PersonaStudioPayload,
-  submitForReview: boolean,
-): PersonaDraftPayload & { triggers: JsonRecord } {
-  const ccd = {
-    ...draft.ccd,
-    automatic_thought: listValue(draft.ccd, "automatic_thought"),
-  };
-  const speechStyle = {
-    ...draft.speech_style,
-    fillers: listValue(draft.speech_style, "fillers"),
-    verbal_tics: listValue(draft.speech_style, "verbal_tics"),
-    nonverbal_cues: listValue(draft.speech_style, "nonverbal_cues"),
-  };
-  const triggers = {
-    ...draft.triggers,
-    sore_spots: listValue(draft.triggers, "sore_spots"),
-    forbidden: listValue(draft.triggers, "forbidden"),
-    taboo_terms: listValue(draft.triggers, "taboo_terms"),
-    session_scenarios: listValue(draft.triggers, "session_scenarios"),
-  };
-
-  return {
-    code: normalizeCode(draft.code),
-    display_name: draft.display_name.trim(),
-    difficulty: draft.difficulty,
-    theory_target: draft.theory_target,
-    demographics: draft.demographics,
-    presenting: draft.presenting,
-    history: draft.history,
-    big5: draft.big5,
-    resistance: draft.resistance,
-    speech_style: speechStyle,
-    affect_baseline: draft.affect_baseline,
-    ccd,
-    dsm5_dimensional: draft.dsm5_dimensional,
-    triggers,
-    source_provenance: draft.source_provenance.trim(),
-    is_synthetic: draft.is_synthetic,
-    submit_for_review: submitForReview,
-  };
-}
-
-function personaReviewStatusLabel(status: PersonaReviewStatus): string {
-  if (status === "review") return "검수 대기";
-  if (status === "draft") return "수정 대기";
-  if (status === "approved") return "승인됨";
-  return "보관됨";
-}
-
-function personaReviewTone(status: PersonaReviewStatus): "accent" | "neutral" | "warn" {
-  if (status === "review") return "accent";
-  if (status === "draft") return "warn";
-  return "neutral";
-}
-
-function formatDateTime(value: string | null | undefined): string {
-  if (!value) return "-";
-  const date = new Date(value);
-  if (Number.isNaN(date.getTime())) return value;
-  return date.toLocaleString("ko-KR", {
-    month: "2-digit",
-    day: "2-digit",
-    hour: "2-digit",
-    minute: "2-digit",
-  });
-}
 
 function completenessLabel(result: ValidationResult): string {
   if (result.errors.length === 0 && result.warnings.length === 0) return "완료";
@@ -401,152 +184,29 @@ function completenessLabel(result: ValidationResult): string {
   return "미완";
 }
 
-function previewText(value: string): string {
-  return value.trim() || "-";
+
+function average(values: number[]): number | null {
+  if (values.length === 0) return null;
+  return values.reduce((sum, value) => sum + value, 0) / values.length;
 }
 
-function previewList(section: JsonRecord, key: string): string[] {
-  return listValue(section, key);
+function percentLabel(value: number | null | undefined): string {
+  return formatOptionalPercent(value, "자료 없음");
 }
 
-function previewListText(section: JsonRecord, key: string): string {
-  const items = previewList(section, key);
-  return items.length ? items.join("\n") : "-";
+function personaOrigin(code: string, source?: string): "system" | "custom" {
+  if (/^P(?:[1-9]|1[01])$/i.test(code)) return "system";
+  return source === "seed" ? "system" : "custom";
 }
 
-function scaleLabel(value: number): string {
-  return `${Math.round(value * 100)}%`;
+function reviewStatusDescription(status: PersonaReviewStatus): string {
+  if (status === "review")
+    return "검수자가 승인 또는 수정 요청을 결정해야 합니다.";
+  if (status === "draft") return "작성자가 편집 중인 비공개 초안입니다.";
+  if (status === "approved") return "학습자 카탈로그에 공개된 버전입니다.";
+  return "새 회기 배정에서 제외된 보관 버전입니다.";
 }
 
-function buildPromptPreviewSections(draft: PersonaStudioPayload): PromptPreviewSection[] {
-  const demographics = draft.demographics;
-  const presenting = draft.presenting;
-  const history = draft.history;
-  const speech = draft.speech_style;
-  const ccd = draft.ccd;
-  const dsm5 = draft.dsm5_dimensional;
-  const triggers = draft.triggers;
-
-  return [
-    {
-      title: `L1 페르소나 카드: ${previewText(draft.display_name)}`,
-      desc: "학습자에게 노출될 식별자와 첫 장면을 검토한다.",
-      rows: [
-        { label: "코드", value: previewText(draft.code) },
-        { label: "난이도", value: draft.difficulty },
-        { label: "이론", value: draft.theory_target.length ? draft.theory_target.join(", ") : "-" },
-        { label: "출처", value: previewText(draft.source_provenance) },
-        { label: "합성 여부", value: draft.is_synthetic ? "합성/작성 초안" : "근거 기반 초안" },
-      ],
-    },
-    {
-      title: "인적 범주와 표층 호소",
-      rows: [
-        { label: "연령대", value: previewText(stringValue(demographics, "age_band")) },
-        { label: "성별/역할", value: [stringValue(demographics, "sex"), stringValue(demographics, "role")].filter(Boolean).join(" / ") || "-" },
-        { label: "상황", value: previewText(stringValue(demographics, "context")) },
-        { label: "주호소", value: previewText(stringValue(presenting, "complaint")) },
-        { label: "표면화 방식", value: previewText(stringValue(presenting, "surface")) },
-        { label: "첫 회기 입장 발화", value: previewText(stringValue(presenting, "first_session_opening")) },
-      ],
-    },
-    {
-      title: "임상 배경과 내부 사례개념화",
-      desc: "내담자가 직접 설명하지 않는 내부 모델이다.",
-      rows: [
-        { label: "가족", value: previewText(stringValue(history, "family")) },
-        { label: "학교/직장", value: previewText(stringValue(history, "school_or_work")) },
-        { label: "관계", value: previewText(stringValue(history, "relationships")) },
-        { label: "촉발 사건", value: previewText(stringValue(history, "precipitant")) },
-        { label: "강점", value: previewText(stringValue(history, "strengths")) },
-        { label: "핵심 신념", value: previewText(stringValue(ccd, "core_belief")) },
-        { label: "중간 신념", value: previewText(stringValue(ccd, "intermediate_belief")) },
-        { label: "자동사고", value: previewListText(ccd, "automatic_thought") },
-        { label: "대처 전략", value: previewText(stringValue(ccd, "coping_strategy")) },
-        { label: "보상 행동", value: previewText(stringValue(ccd, "compensatory")) },
-      ],
-    },
-    {
-      title: "말투와 비언어 단서",
-      rows: [
-        { label: "말투 register", value: previewText(stringValue(speech, "register")) },
-        { label: "문장 길이", value: previewText(stringValue(speech, "avg_sentence_len")) },
-        { label: "존대", value: stringValue(speech, "honorific") === "false" ? "사용 안 함" : "사용" },
-        { label: "군말", value: previewListText(speech, "fillers") },
-        { label: "말버릇", value: previewListText(speech, "verbal_tics") },
-        { label: "비언어 단서", value: previewListText(speech, "nonverbal_cues") },
-      ],
-    },
-    {
-      title: "내부 수치 파라미터",
-      desc: "진단이 아니라 시뮬레이션 반응 강도와 평가 입력값이다.",
-      rows: [
-        { label: "Big5 O/C/E/A/N", value: ["O", "C", "E", "A", "N"].map((key) => `${key} ${scaleLabel(numberValue(draft.big5, key, 0))}`).join(" · ") },
-        { label: "저항", value: `기본 ${scaleLabel(numberValue(draft.resistance, "base_resistance", 0))}, 해제 ${scaleLabel(numberValue(draft.resistance, "unlock_rate", 0))}, 바닥 ${scaleLabel(numberValue(draft.resistance, "decay_floor", 0))}` },
-        { label: "침묵/회피", value: `침묵 ${scaleLabel(numberValue(draft.resistance, "silence_prob", 0))}, 회피 ${scaleLabel(numberValue(draft.resistance, "deflection_prob", 0))}` },
-        { label: "정서 기저선", value: `부정정서 ${scaleLabel(numberValue(draft.affect_baseline, "negative_affect", 0))}, 불안 ${scaleLabel(numberValue(draft.affect_baseline, "anxiety", 0))}, 무망감 ${scaleLabel(numberValue(draft.affect_baseline, "hopelessness", 0))}` },
-        { label: "자살사고 단계", value: String(numberValue(draft.affect_baseline, "suicide_ideation_stage", 0)) },
-        { label: "DSM-5 차원", value: `불안 ${scaleLabel(numberValue(dsm5 as Record<string, number>, "anxiety", 0))}, 우울 ${scaleLabel(numberValue(dsm5 as Record<string, number>, "depression", 0))}, 신체 ${scaleLabel(numberValue(dsm5 as Record<string, number>, "somatic", 0))}` },
-        { label: "DSM 메모", value: previewText(stringValue(dsm5, "note")) },
-      ],
-    },
-    {
-      title: "역린과 안전 반응",
-      desc: "금지어가 아니라 상담자 개입에 대한 반응 조건으로 검토한다.",
-      rows: [
-        { label: "민감 영역", value: previewListText(triggers, "sore_spots") },
-        { label: "상담자 금기", value: previewListText(triggers, "forbidden") },
-        { label: "금기어", value: previewListText(triggers, "taboo_terms") },
-        { label: "반응 양상", value: previewText(stringValue(triggers, "reaction")) },
-      ],
-    },
-    {
-      title: "회기 시나리오",
-      items: previewList(triggers, "session_scenarios"),
-    },
-    {
-      title: "추가 프롬프트 계약",
-      body: previewText(stringValue(triggers, "prompt_contract")),
-    },
-  ];
-}
-
-function validateDraft(
-  draft: PersonaStudioPayload,
-  submitForReview: boolean,
-  codeTaken: boolean,
-): ValidationResult {
-  const errors: string[] = [];
-  const warnings: string[] = [];
-  const code = normalizeCode(draft.code);
-
-  if (!/^P\d+$/.test(code)) errors.push("코드는 P숫자 형식이어야 합니다.");
-  if (codeTaken) errors.push(`${code} 코드는 이미 공개 또는 검수 큐에서 사용 중입니다.`);
-  if (!draft.display_name.trim()) errors.push("표시 이름이 비어 있습니다.");
-  if (!draft.source_provenance.trim()) warnings.push("출처/작성 근거가 비어 있습니다.");
-
-  if (!stringValue(draft.presenting, "complaint").trim()) {
-    if (submitForReview) errors.push("주호소가 비어 있습니다.");
-    else warnings.push("주호소가 비어 있습니다.");
-  }
-  if (!stringValue(draft.history, "precipitant").trim()) warnings.push("촉발 사건이 비어 있습니다.");
-  if (!stringValue(draft.ccd, "core_belief").trim()) {
-    if (submitForReview) errors.push("CCD 핵심신념이 비어 있습니다.");
-    else warnings.push("CCD 핵심신념이 비어 있습니다.");
-  }
-  if (listValue(draft.ccd, "automatic_thought").length === 0) warnings.push("자동사고가 비어 있습니다.");
-  if (listValue(draft.triggers, "sore_spots").length === 0) {
-    if (submitForReview) errors.push("역린 민감 영역이 비어 있습니다.");
-    else warnings.push("역린 민감 영역이 비어 있습니다.");
-  }
-  if (listValue(draft.triggers, "forbidden").length === 0) warnings.push("상담자 금기 반응이 비어 있습니다.");
-  if (!stringValue(draft.triggers, "reaction").trim()) warnings.push("역린 반응 양상이 비어 있습니다.");
-  if (listValue(draft.triggers, "session_scenarios").length === 0) {
-    warnings.push("회기별 시나리오가 비어 있습니다.");
-  }
-
-  return { errors, warnings };
-}
 
 function TextField({
   label,
@@ -562,7 +222,11 @@ function TextField({
   return (
     <label className="ps-field">
       <span>{label}</span>
-      <input value={value} onChange={(event) => onChange(event.target.value)} placeholder={placeholder} />
+      <input
+        value={value}
+        onChange={(event) => onChange(event.target.value)}
+        placeholder={placeholder}
+      />
     </label>
   );
 }
@@ -654,11 +318,21 @@ function ListField({
   );
 }
 
-function PromptPreviewPanel({ sections }: { sections: PromptPreviewSection[] }) {
+function PromptPreviewPanel({
+  sections,
+}: {
+  sections: PromptPreviewSection[];
+}) {
   return (
     <div className="ps-prompt" aria-label="프롬프트 미리보기">
       {sections.map((section) => (
-        <section className="ps-prompt-section" key={section.title}>
+        <section
+          className={surfaceClassName("ps-prompt-section", {
+            variant: "inset",
+            flat: true,
+          })}
+          key={section.title}
+        >
           <div className="ps-prompt-section__head">
             <h3>{section.title}</h3>
             {section.desc ? <p>{section.desc}</p> : null}
@@ -666,7 +340,10 @@ function PromptPreviewPanel({ sections }: { sections: PromptPreviewSection[] })
           {section.rows?.length ? (
             <dl className="ps-prompt-rows">
               {section.rows.map((row) => (
-                <div className="ps-prompt-row" key={`${section.title}-${row.label}`}>
+                <div
+                  className="ps-prompt-row"
+                  key={`${section.title}-${row.label}`}
+                >
                   <dt>{row.label}</dt>
                   <dd>{row.value}</dd>
                 </div>
@@ -680,7 +357,9 @@ function PromptPreviewPanel({ sections }: { sections: PromptPreviewSection[] })
               ))}
             </ul>
           ) : null}
-          {section.body ? <p className="ps-prompt-body">{section.body}</p> : null}
+          {section.body ? (
+            <p className="ps-prompt-body">{section.body}</p>
+          ) : null}
           {!section.rows?.length && !section.items?.length && !section.body ? (
             <p className="ps-prompt-empty">작성된 항목 없음</p>
           ) : null}
@@ -721,12 +400,7 @@ function NumberField({
 }
 
 function EmptyState({ title, desc }: { title: string; desc: string }) {
-  return (
-    <div className="ps-empty">
-      <b>{title}</b>
-      <span>{desc}</span>
-    </div>
-  );
+  return <UiEmptyState className="ps-empty" title={title} description={desc} />;
 }
 
 function GuidancePanel({ tab }: { tab: StudioTab }) {
@@ -748,47 +422,113 @@ function GuidancePanel({ tab }: { tab: StudioTab }) {
 }
 
 export default function PersonaStudio() {
-  const [searchParams] = useSearchParams();
+  const [searchParams, setSearchParams] = useSearchParams();
   const requestedDraftId = searchParams.get("draft");
+  const requestedView = searchParams.get("view");
+  const workspaceTab: WorkspaceTab =
+    requestedView === "catalog" || requestedView === "personas"
+      ? requestedView
+      : "dashboard";
+  const personaListTab: PersonaListTab =
+    searchParams.get("queue") === "review" ? "review" : "all";
+  const detailKey = searchParams.get("persona");
+  const detailTabParam = searchParams.get("detailTab");
+  const detailTab: PersonaDetailTab =
+    detailTabParam === "learning" || detailTabParam === "settings"
+      ? detailTabParam
+      : "overview";
+  const isAuthoring =
+    searchParams.get("mode") === "create" ||
+    searchParams.get("mode") === "edit";
+  const requestedStep = searchParams.get("step");
+  const authoringStep: AuthoringStep = AUTHORING_STEP_KEYS.includes(
+    requestedStep as AuthoringStep,
+  )
+    ? (requestedStep as AuthoringStep)
+    : "source";
   const sourceFileInputRef = useRef<HTMLInputElement | null>(null);
   const [catalog, setCatalog] = useState<PersonaSummary[]>([]);
   const [reviews, setReviews] = useState<PersonaReviewSummary[]>([]);
+  const [teacherDashboard, setTeacherDashboard] =
+    useState<TeacherDashboardResponse | null>(null);
+  const [dashboardError, setDashboardError] = useState<string | null>(null);
   const [loadState, setLoadState] = useState<LoadState>("loading");
   const [loadError, setLoadError] = useState<string | null>(null);
-  const [draft, setDraft] = useState<PersonaStudioPayload>(() => cloneEmptyDraft());
+  const [draft, setDraft] = useState<PersonaStudioPayload>(() =>
+    cloneEmptyDraft(),
+  );
   const [sourceText, setSourceText] = useState("");
   const [sourceFilename, setSourceFilename] = useState("");
   const [sourceKind, setSourceKind] = useState<SourceKind>("client_record");
-  const [sourceReferences, setSourceReferences] = useState<PersonaSourceDocumentResponse[]>([]);
-  const [generationEvidence, setGenerationEvidence] = useState<PersonaGenerationEvidence[]>([]);
+  const [sourceReferences, setSourceReferences] = useState<
+    PersonaSourceDocumentResponse[]
+  >([]);
+  const [generationEvidence, setGenerationEvidence] = useState<
+    PersonaGenerationEvidence[]
+  >([]);
   const [generationGoal, setGenerationGoal] = useState("");
   const [generationSummary, setGenerationSummary] = useState("");
   const [generationWarnings, setGenerationWarnings] = useState<string[]>([]);
   const [maskedEntities, setMaskedEntities] = useState<string[]>([]);
   const [editingId, setEditingId] = useState<string | null>(null);
   const [activeTab, setActiveTab] = useState<StudioTab>("overview");
-  const [busy, setBusy] = useState<"load" | "save" | "submit" | "decide" | "generate" | "archive" | null>(null);
+  const [busy, setBusy] = useState<
+    "load" | "save" | "submit" | "decide" | "generate" | "archive" | null
+  >(null);
   const [message, setMessage] = useState<string | null>(null);
   const [formError, setFormError] = useState<string | null>(null);
-  const [autoLoadedDraftId, setAutoLoadedDraftId] = useState<string | null>(null);
+  const [autoLoadedDraftId, setAutoLoadedDraftId] = useState<string | null>(
+    null,
+  );
+  const [personaSearch, setPersonaSearch] = useState("");
+  const [originFilter, setOriginFilter] = useState<"all" | "system" | "custom">(
+    "all",
+  );
+  const [selectedDraftDetail, setSelectedDraftDetail] =
+    useState<PersonaDraftDetail | null>(null);
 
   const loadStudio = useCallback(async () => {
     setLoadState("loading");
     setLoadError(null);
+    setDashboardError(null);
     try {
-      const [nextCatalog, nextReviews] = await Promise.all([
-        personaApi.list(),
-        personaReviewApi.list(),
-      ]);
-      setCatalog(nextCatalog);
-      setReviews(nextReviews);
+      const [nextCatalog, nextReviews, nextDashboard] =
+        await Promise.allSettled([
+          personaApi.list(),
+          personaReviewApi.list(),
+          teacherApi.dashboard(),
+        ]);
+      if (nextCatalog.status === "rejected") throw nextCatalog.reason;
+      setCatalog(nextCatalog.value);
+      if (nextReviews.status === "fulfilled") {
+        setReviews(nextReviews.value);
+      } else if (
+        nextReviews.reason instanceof ApiError &&
+        nextReviews.reason.status === 404
+      ) {
+        setReviews([]);
+      } else {
+        throw nextReviews.reason;
+      }
+      if (nextDashboard.status === "fulfilled") {
+        setTeacherDashboard(nextDashboard.value);
+      } else {
+        setTeacherDashboard(null);
+        setDashboardError(
+          "학습 지표를 불러오지 못했습니다. 카탈로그와 저작 기능은 계속 사용할 수 있습니다.",
+        );
+      }
       setLoadState("ready");
     } catch (err) {
       if (err instanceof ApiError && err.status === 404) {
         setReviews([]);
         setLoadState("ready");
       } else {
-        setLoadError(err instanceof Error ? err.message : "페르소나 정보를 불러오지 못했습니다.");
+        setLoadError(
+          err instanceof Error
+            ? err.message
+            : "페르소나 정보를 불러오지 못했습니다.",
+        );
         setLoadState("error");
       }
     }
@@ -798,7 +538,10 @@ export default function PersonaStudio() {
     void loadStudio();
   }, [loadStudio]);
 
-  const suggestedCode = useMemo(() => nextPersonaCode(catalog, reviews), [catalog, reviews]);
+  const suggestedCode = useMemo(
+    () => nextPersonaCode(catalog, reviews),
+    [catalog, reviews],
+  );
 
   useEffect(() => {
     if (draft.code || editingId || loadState !== "ready") return;
@@ -822,21 +565,205 @@ export default function PersonaStudio() {
     () => validateDraft(draft, false, codeTaken),
     [codeTaken, draft],
   );
-  const promptPreviewSections = useMemo(() => buildPromptPreviewSections(draft), [draft]);
+  const promptPreviewSections = useMemo(
+    () => buildPromptPreviewSections(draft),
+    [draft],
+  );
   const authoringStepIndex = useMemo(() => {
     const hasEditedDraft = Boolean(
       editingId ||
-        draft.display_name.trim() ||
-        stringValue(draft.presenting, "complaint").trim(),
+      draft.display_name.trim() ||
+      stringValue(draft.presenting, "complaint").trim(),
     );
     if (hasEditedDraft && validation.errors.length === 0) return 3;
     if (hasEditedDraft || sourceReferences.length > 0) return 2;
     if (sourceText.trim()) return 1;
     return 0;
-  }, [draft.display_name, draft.presenting, editingId, sourceReferences.length, sourceText, validation.errors.length]);
+  }, [
+    draft.display_name,
+    draft.presenting,
+    editingId,
+    sourceReferences.length,
+    sourceText,
+    validation.errors.length,
+  ]);
+
+  const setQuery = useCallback(
+    (updates: Record<string, string | null>) => {
+      setSearchParams((current) => {
+        const next = new URLSearchParams(current);
+        for (const [key, value] of Object.entries(updates)) {
+          if (value === null) next.delete(key);
+          else next.set(key, value);
+        }
+        return next;
+      });
+    },
+    [setSearchParams],
+  );
+
+  const learningPoints = useMemo(
+    () =>
+      (teacherDashboard?.learner_growth ?? []).flatMap((learner) =>
+        (learner.points ?? []).map((point) => ({
+          ...point,
+          learner_id: learner.learner_id,
+        })),
+      ),
+    [teacherDashboard],
+  );
+
+  const usageByPersona = useMemo(() => {
+    const result = new Map<
+      string,
+      {
+        activeSessions: number;
+        recentSessions: number;
+        learners: number;
+        avgScore: number | null;
+        avgRapport: number | null;
+        points: Array<TeacherGrowthPoint & { learner_id: string }>;
+      }
+    >();
+    const recentSessions = teacherDashboard?.recent_sessions ?? [];
+    const codes = new Set([
+      ...catalog.map((persona) => normalizeCode(persona.code)),
+      ...reviews.map((persona) => normalizeCode(persona.code)),
+      ...recentSessions.map((session) => normalizeCode(session.persona_code)),
+      ...learningPoints.map((point) => normalizeCode(point.persona_code)),
+    ]);
+    for (const code of codes) {
+      const sessions = recentSessions.filter(
+        (session) => normalizeCode(session.persona_code) === code,
+      );
+      const points = learningPoints.filter(
+        (point) => normalizeCode(point.persona_code) === code,
+      );
+      const learners = new Set([
+        ...sessions.map((session) => session.learner_id),
+        ...points.map((point) => point.learner_id),
+      ]);
+      result.set(code, {
+        activeSessions: sessions.filter((session) => session.status !== "ended")
+          .length,
+        recentSessions: sessions.length,
+        learners: learners.size,
+        avgScore: average(
+          points.flatMap((point) => (point.score == null ? [] : [point.score])),
+        ),
+        avgRapport: average(
+          points.flatMap((point) =>
+            point.rapport == null ? [] : [point.rapport],
+          ),
+        ),
+        points,
+      });
+    }
+    return result;
+  }, [catalog, learningPoints, reviews, teacherDashboard]);
+
+  const personaRows = useMemo(() => {
+    const published = catalog.map((persona) => ({
+      key: `approved:${persona.code}`,
+      kind: "approved" as const,
+      code: persona.code,
+      name: persona.display_name,
+      difficulty: persona.difficulty,
+      theory: persona.theory_target,
+      version: persona.version ?? 1,
+      status: "approved" as PersonaReviewStatus,
+      origin: personaOrigin(persona.code, persona.source),
+      persona,
+    }));
+    const inProgress = reviews.map((persona) => ({
+      key: `draft:${persona.persona_id}`,
+      kind: "draft" as const,
+      code: persona.code,
+      name: persona.display_name,
+      difficulty: persona.difficulty,
+      theory: persona.theory_target,
+      version: persona.version,
+      status: persona.status,
+      origin: personaOrigin(persona.code),
+      persona,
+    }));
+    const query = personaSearch.trim().toLocaleLowerCase("ko-KR");
+    return [...inProgress, ...published]
+      .filter((row) => originFilter === "all" || row.origin === originFilter)
+      .filter((row) => {
+        if (!query) return true;
+        return [
+          row.code,
+          row.name,
+          ...row.theory,
+          personaReviewStatusLabel(row.status),
+        ]
+          .join(" ")
+          .toLocaleLowerCase("ko-KR")
+          .includes(query);
+      })
+      .sort(
+        (left, right) =>
+          left.code.localeCompare(right.code, "ko-KR", { numeric: true }) ||
+          right.version - left.version,
+      );
+  }, [catalog, originFilter, personaSearch, reviews]);
+
+  const selectedRow = useMemo(
+    () => personaRows.find((row) => row.key === detailKey) ?? null,
+    [detailKey, personaRows],
+  );
+
+  const reviewQueue = useMemo(
+    () =>
+      reviews.filter(
+        (persona) => persona.status === "review" || persona.status === "draft",
+      ),
+    [reviews],
+  );
+
+  const dashboardPoints = learningPoints.filter(
+    (point) => point.score != null || point.rapport != null,
+  );
+  const dashboardScore = average(
+    dashboardPoints.flatMap((point) =>
+      point.score == null ? [] : [point.score],
+    ),
+  );
+  const dashboardRapport = average(
+    dashboardPoints.flatMap((point) =>
+      point.rapport == null ? [] : [point.rapport],
+    ),
+  );
+  const activePersonaCount = Array.from(usageByPersona.values()).filter(
+    (usage) => usage.activeSessions > 0,
+  ).length;
+
+  useEffect(() => {
+    if (!detailKey?.startsWith("draft:")) {
+      setSelectedDraftDetail(null);
+      return;
+    }
+    const personaId = detailKey.slice("draft:".length);
+    let cancelled = false;
+    void personaReviewApi
+      .getDraft(personaId)
+      .then((detail) => {
+        if (!cancelled) setSelectedDraftDetail(detail);
+      })
+      .catch(() => {
+        if (!cancelled) setSelectedDraftDetail(null);
+      });
+    return () => {
+      cancelled = true;
+    };
+  }, [detailKey]);
 
   const updateRoot = useCallback(
-    <Key extends keyof PersonaStudioPayload>(key: Key, value: PersonaStudioPayload[Key]) => {
+    <Key extends keyof PersonaStudioPayload>(
+      key: Key,
+      value: PersonaStudioPayload[Key],
+    ) => {
       setDraft((current) => ({ ...current, [key]: value }));
       setFormError(null);
       setMessage(null);
@@ -844,29 +771,35 @@ export default function PersonaStudio() {
     [],
   );
 
-  const updateObject = useCallback((section: ObjectSection, key: string, value: unknown) => {
-    setDraft((current) => ({
-      ...current,
-      [section]: {
-        ...objectValue(current[section]),
-        [key]: value,
-      },
-    }));
-    setFormError(null);
-    setMessage(null);
-  }, []);
+  const updateObject = useCallback(
+    (section: ObjectSection, key: string, value: unknown) => {
+      setDraft((current) => ({
+        ...current,
+        [section]: {
+          ...objectValue(current[section]),
+          [key]: value,
+        },
+      }));
+      setFormError(null);
+      setMessage(null);
+    },
+    [],
+  );
 
-  const updateNumber = useCallback((section: NumberSection, key: string, value: number) => {
-    setDraft((current) => ({
-      ...current,
-      [section]: {
-        ...current[section],
-        [key]: Number.isFinite(value) ? value : 0,
-      },
-    }));
-    setFormError(null);
-    setMessage(null);
-  }, []);
+  const updateNumber = useCallback(
+    (section: NumberSection, key: string, value: number) => {
+      setDraft((current) => ({
+        ...current,
+        [section]: {
+          ...current[section],
+          [key]: Number.isFinite(value) ? value : 0,
+        },
+      }));
+      setFormError(null);
+      setMessage(null);
+    },
+    [],
+  );
 
   const toggleTheory = useCallback((value: string) => {
     setDraft((current) => {
@@ -874,7 +807,10 @@ export default function PersonaStudio() {
       const next = exists
         ? current.theory_target.filter((item) => item !== value)
         : [...current.theory_target, value];
-      return { ...current, theory_target: next.length > 0 ? next : ["humanistic"] };
+      return {
+        ...current,
+        theory_target: next.length > 0 ? next : ["humanistic"],
+      };
     });
   }, []);
 
@@ -896,6 +832,46 @@ export default function PersonaStudio() {
     setMessage(null);
   }, [suggestedCode]);
 
+  const openCreate = useCallback(() => {
+    resetDraft();
+    try {
+      const saved = window.localStorage.getItem(PERSONA_PROGRESS_STORAGE_KEY);
+      if (saved) {
+        const parsed = JSON.parse(saved) as {
+          draft?: PersonaStudioPayload;
+          sourceText?: string;
+          sourceFilename?: string;
+          sourceKind?: SourceKind;
+          generationGoal?: string;
+        };
+        if (parsed.draft) setDraft(parsed.draft);
+        if (typeof parsed.sourceText === "string")
+          setSourceText(parsed.sourceText);
+        if (typeof parsed.sourceFilename === "string")
+          setSourceFilename(parsed.sourceFilename);
+        if (parsed.sourceKind) setSourceKind(parsed.sourceKind);
+        if (typeof parsed.generationGoal === "string")
+          setGenerationGoal(parsed.generationGoal);
+        setMessage("이 브라우저에 저장된 작성 중 내용을 복원했습니다.");
+      }
+    } catch {
+      window.localStorage.removeItem(PERSONA_PROGRESS_STORAGE_KEY);
+    }
+    setSearchParams({ view: "personas", mode: "create", step: "source" });
+  }, [resetDraft, setSearchParams]);
+
+  const openDraftEditor = useCallback(
+    (personaId: string) => {
+      setSearchParams({
+        view: "personas",
+        mode: "edit",
+        draft: personaId,
+        step: "edit",
+      });
+    },
+    [setSearchParams],
+  );
+
   const loadDraft = useCallback(async (personaId: string) => {
     setBusy("load");
     setFormError(null);
@@ -907,76 +883,150 @@ export default function PersonaStudio() {
       setActiveTab("overview");
       setMessage(`${detail.code} v${detail.version} 초안을 불러왔습니다.`);
     } catch (err) {
-      setFormError(err instanceof Error ? err.message : "초안을 불러오지 못했습니다.");
+      setFormError(
+        err instanceof Error ? err.message : "초안을 불러오지 못했습니다.",
+      );
     } finally {
       setBusy(null);
     }
   }, []);
 
-  const reviseApprovedPersona = useCallback(async (persona: PersonaSummary) => {
-    if (!persona.persona_id) {
-      setFormError("DB에 등록된 페르소나만 수정 초안을 만들 수 있습니다.");
-      return;
-    }
-    setBusy("load");
-    setFormError(null);
-    setMessage(null);
-    try {
-      const detail = await personaReviewApi.reviseApproved(persona.persona_id);
-      setDraft(draftDetailToStudioPayload(detail));
-      setEditingId(detail.persona_id);
-      setActiveTab("overview");
-      setMessage(`${detail.code} v${detail.version} 수정 초안을 불러왔습니다. 승인 전까지 기존 공개본은 유지됩니다.`);
-      await loadStudio();
-    } catch (err) {
-      setFormError(err instanceof Error ? err.message : "공개 페르소나 수정 초안을 만들지 못했습니다.");
-    } finally {
-      setBusy(null);
-    }
-  }, [loadStudio]);
-
-  const archiveApprovedPersona = useCallback(async (persona: PersonaSummary) => {
-    if (!persona.persona_id) {
-      setFormError("DB에 등록된 페르소나만 삭제할 수 있습니다.");
-      return;
-    }
-    const ok = window.confirm(
-      `${persona.code} ${persona.display_name} 공개 페르소나를 삭제할까요?\n기존 회기 기록은 유지되고, 새 회기 시작 목록에서만 사라집니다.`,
-    );
-    if (!ok) return;
-    setBusy("archive");
-    setFormError(null);
-    setMessage(null);
-    try {
-      const archived = await personaReviewApi.archive(persona.persona_id);
-      if (editingId === persona.persona_id || normalizeCode(draft.code) === normalizeCode(archived.code)) {
-        resetDraft();
+  const reviseApprovedPersona = useCallback(
+    async (persona: PersonaSummary) => {
+      if (!persona.persona_id) {
+        setFormError("DB에 등록된 페르소나만 수정 초안을 만들 수 있습니다.");
+        return;
       }
-      setMessage(`${archived.code} 페르소나를 보관 처리했습니다. 기존 회기 기록은 유지됩니다.`);
-      await loadStudio();
-    } catch (err) {
-      setFormError(err instanceof Error ? err.message : "페르소나를 삭제하지 못했습니다.");
-    } finally {
-      setBusy(null);
-    }
-  }, [draft.code, editingId, loadStudio, resetDraft]);
-
-  const loadSourceFile = useCallback(async (file: File | null) => {
-    if (!file) return;
-    try {
-      const text = await file.text();
-      setSourceFilename(file.name);
-      setSourceText(text);
+      setBusy("load");
       setFormError(null);
-      setMessage(`${file.name} 첨부 내용을 불러왔습니다. 생성 시 KB 근거 문서로 먼저 등록됩니다.`);
-    } catch {
-      setFormError("첨부 파일을 텍스트로 읽지 못했습니다. txt/md/csv처럼 텍스트 추출 가능한 파일을 사용하세요.");
-    }
-  }, []);
+      setMessage(null);
+      try {
+        const detail = await personaReviewApi.reviseApproved(
+          persona.persona_id,
+        );
+        setDraft(draftDetailToStudioPayload(detail));
+        setEditingId(detail.persona_id);
+        setActiveTab("overview");
+        setMessage(
+          `${detail.code} v${detail.version} 수정 초안을 불러왔습니다. 승인 전까지 기존 공개본은 유지됩니다.`,
+        );
+        setSearchParams({
+          view: "personas",
+          mode: "edit",
+          draft: detail.persona_id,
+          step: "edit",
+        });
+        await loadStudio();
+      } catch (err) {
+        setFormError(
+          err instanceof Error
+            ? err.message
+            : "공개 페르소나 수정 초안을 만들지 못했습니다.",
+        );
+      } finally {
+        setBusy(null);
+      }
+    },
+    [loadStudio, setSearchParams],
+  );
+
+  const archiveApprovedPersona = useCallback(
+    async (persona: PersonaSummary) => {
+      if (!persona.persona_id) {
+        setFormError("DB에 등록된 페르소나만 삭제할 수 있습니다.");
+        return;
+      }
+      const ok = window.confirm(
+        `${persona.code} ${persona.display_name} 공개 페르소나를 삭제할까요?\n기존 회기 기록은 유지되고, 새 회기 시작 목록에서만 사라집니다.`,
+      );
+      if (!ok) return;
+      setBusy("archive");
+      setFormError(null);
+      setMessage(null);
+      try {
+        const archived = await personaReviewApi.archive(persona.persona_id);
+        if (
+          editingId === persona.persona_id ||
+          normalizeCode(draft.code) === normalizeCode(archived.code)
+        ) {
+          resetDraft();
+        }
+        setMessage(
+          `${archived.code} 페르소나를 보관 처리했습니다. 기존 회기 기록은 유지됩니다.`,
+        );
+        await loadStudio();
+      } catch (err) {
+        setFormError(
+          err instanceof Error
+            ? err.message
+            : "페르소나를 삭제하지 못했습니다.",
+        );
+      } finally {
+        setBusy(null);
+      }
+    },
+    [draft.code, editingId, loadStudio, resetDraft],
+  );
+
+  const loadSourceFile = useCallback(
+    async (file: File | null) => {
+      if (!file) return;
+      const lowered = file.name.toLowerCase();
+      // P4: 엑셀(자유 양식)은 서버에서 변환·등록한다. 원본은 서버에 저장되지 않는다.
+      if (
+        lowered.endsWith(".xlsx") ||
+        lowered.endsWith(".xlsm") ||
+        lowered.endsWith(".xls")
+      ) {
+        setBusy("generate");
+        setFormError(null);
+        try {
+          const registered = await personaReviewApi.uploadSource(file, {
+            source_kind: sourceKind,
+            title: file.name,
+            source_note: generationGoal,
+          });
+          setSourceReferences((current) => [...current, registered]);
+          setSourceFilename(file.name);
+          setMessage(
+            `${file.name}을(를) 표 → 텍스트로 변환해 KB 근거 문서로 등록했습니다. 원본 파일은 서버에 남지 않습니다.`,
+          );
+        } catch (err) {
+          setFormError(
+            err instanceof Error
+              ? err.message
+              : "엑셀 자료를 변환해 등록하지 못했습니다.",
+          );
+        } finally {
+          setBusy(null);
+        }
+        return;
+      }
+      try {
+        const text = await file.text();
+        setSourceFilename(file.name);
+        setSourceText(text);
+        setFormError(null);
+        setMessage(
+          `${file.name} 첨부 내용을 불러왔습니다. 생성 시 KB 근거 문서로 먼저 등록됩니다.`,
+        );
+      } catch {
+        setFormError(
+          "첨부 파일을 텍스트로 읽지 못했습니다. txt/md/csv처럼 텍스트 추출 가능한 파일을 사용하세요.",
+        );
+      }
+    },
+    [generationGoal, sourceKind],
+  );
 
   const generateFromSource = useCallback(async () => {
-    if (sourceText.trim().length < 20) {
-      setFormError("첨부 또는 붙여넣기 자료를 20자 이상 입력해야 초안을 생성할 수 있습니다.");
+    // 업로드로 이미 등록된 근거(엑셀 등)가 있으면 붙여넣기 없이도 생성 가능(P4).
+    const uploadedIds = sourceReferences.map((ref) => ref.source_id);
+    const hasPastedText = sourceText.trim().length >= 20;
+    if (!hasPastedText && uploadedIds.length === 0) {
+      setFormError(
+        "첨부(엑셀 업로드 포함) 또는 붙여넣기 자료를 20자 이상 입력해야 초안을 생성할 수 있습니다.",
+      );
       return;
     }
     setBusy("generate");
@@ -985,18 +1035,26 @@ export default function PersonaStudio() {
     setGenerationSummary("");
     setGenerationWarnings([]);
     setMaskedEntities([]);
-    setSourceReferences([]);
     setGenerationEvidence([]);
     try {
-      const source = await personaReviewApi.createSource({
-        filename: sourceFilename || "persona-source.txt",
-        source_kind: sourceKind,
-        text: sourceText,
-        title: sourceFilename || "붙여넣은 페르소나 저작 자료",
-        source_note: generationGoal,
-      });
+      const registered: PersonaSourceDocumentResponse[] = [];
+      if (hasPastedText) {
+        registered.push(
+          await personaReviewApi.createSource({
+            filename: sourceFilename || "persona-source.txt",
+            source_kind: sourceKind,
+            text: sourceText,
+            title: sourceFilename || "붙여넣은 페르소나 저작 자료",
+            source_note: generationGoal,
+          }),
+        );
+      }
+      const sourceIds = [
+        ...uploadedIds,
+        ...registered.map((ref) => ref.source_id),
+      ];
       const response = await personaReviewApi.generateDraft({
-        source_ids: [source.source_id],
+        source_ids: sourceIds,
         source_kind: sourceKind,
         code_hint: normalizeCode(draft.code) || suggestedCode,
         display_name_hint: draft.display_name.trim() || null,
@@ -1013,24 +1071,55 @@ export default function PersonaStudio() {
       setGenerationSummary(response.source_summary);
       setGenerationWarnings(response.warnings ?? []);
       setMaskedEntities([
-        ...(source.pii_entities_masked ?? []),
+        ...registered.flatMap((ref) => ref.pii_entities_masked ?? []),
         ...(response.pii_entities_masked ?? []),
       ]);
-      setSourceReferences(response.source_references?.length ? response.source_references : [source]);
+      setSourceReferences(
+        response.source_references?.length
+          ? response.source_references
+          : [...sourceReferences, ...registered],
+      );
       setGenerationEvidence(response.evidence_chunks ?? []);
-      setMessage("첨부 자료를 RAG 근거 문서로 등록하고 초안을 생성했습니다. 각 탭에서 검수 기준에 맞게 수정하세요.");
+      setMessage(
+        "첨부 자료를 RAG 근거 문서로 등록하고 초안을 생성했습니다. 각 탭에서 검수 기준에 맞게 수정하세요.",
+      );
     } catch (err) {
-      setFormError(err instanceof Error ? err.message : "자료 기반 초안을 생성하지 못했습니다.");
+      setFormError(
+        err instanceof Error
+          ? err.message
+          : "자료 기반 초안을 생성하지 못했습니다.",
+      );
     } finally {
       setBusy(null);
     }
-  }, [draft.code, draft.difficulty, draft.display_name, draft.theory_target, generationGoal, sourceFilename, sourceKind, sourceText, suggestedCode]);
+  }, [
+    draft.code,
+    draft.difficulty,
+    draft.display_name,
+    draft.theory_target,
+    generationGoal,
+    sourceFilename,
+    sourceKind,
+    sourceReferences,
+    sourceText,
+    suggestedCode,
+  ]);
 
   useEffect(() => {
-    if (loadState !== "ready" || !requestedDraftId || autoLoadedDraftId === requestedDraftId) return;
+    if (
+      !isAuthoring ||
+      loadState !== "ready" ||
+      !requestedDraftId ||
+      autoLoadedDraftId === requestedDraftId
+    )
+      return;
     setAutoLoadedDraftId(requestedDraftId);
     void loadDraft(requestedDraftId);
-  }, [autoLoadedDraftId, loadDraft, loadState, requestedDraftId]);
+  }, [autoLoadedDraftId, isAuthoring, loadDraft, loadState, requestedDraftId]);
+
+  useEffect(() => {
+    if (isAuthoring && authoringStep === "review") setActiveTab("prompt");
+  }, [authoringStep, isAuthoring]);
 
   const saveDraft = useCallback(
     async (submitForReview: boolean) => {
@@ -1053,9 +1142,16 @@ export default function PersonaStudio() {
             ? `${saved.code} v${saved.version} 검수 요청을 올렸습니다.`
             : `${saved.code} v${saved.version} 초안을 저장했습니다.`,
         );
+        if (saved.status === "review") {
+          window.localStorage.removeItem(PERSONA_PROGRESS_STORAGE_KEY);
+        }
         await loadStudio();
       } catch (err) {
-        setFormError(err instanceof Error ? err.message : "페르소나 초안을 저장하지 못했습니다.");
+        setFormError(
+          err instanceof Error
+            ? err.message
+            : "페르소나 초안을 저장하지 못했습니다.",
+        );
       } finally {
         setBusy(null);
       }
@@ -1063,6 +1159,35 @@ export default function PersonaStudio() {
     [draft, editingId, loadStudio, saveValidation, validation],
   );
 
+  const saveProgress = useCallback(async () => {
+    window.localStorage.setItem(
+      PERSONA_PROGRESS_STORAGE_KEY,
+      JSON.stringify({
+        draft,
+        sourceText,
+        sourceFilename,
+        sourceKind,
+        generationGoal,
+      }),
+    );
+    if (saveValidation.errors.length === 0) {
+      await saveDraft(false);
+      return;
+    }
+    setFormError(null);
+    setMessage(
+      "작성 중 내용을 이 브라우저에 임시 저장했습니다. 이름과 기본 정보를 채우면 서버 초안으로도 저장됩니다.",
+    );
+  }, [
+    draft,
+    generationGoal,
+    saveDraft,
+    saveValidation.errors.length,
+    sourceFilename,
+    sourceKind,
+    sourceText,
+  ]);
+
   const decideReview = useCallback(
     async (personaId: string, action: PersonaReviewAction) => {
       setBusy("decide");
@@ -1075,10 +1200,15 @@ export default function PersonaStudio() {
             ? `${updated.code} v${updated.version} 승인했습니다.`
             : `${updated.code} v${updated.version} 반려했습니다.`,
         );
-        if (editingId === personaId && updated.status === "approved") resetDraft();
+        if (editingId === personaId && updated.status === "approved")
+          resetDraft();
         await loadStudio();
       } catch (err) {
-        setFormError(err instanceof Error ? err.message : "검수 결정을 저장하지 못했습니다.");
+        setFormError(
+          err instanceof Error
+            ? err.message
+            : "검수 결정을 저장하지 못했습니다.",
+        );
       } finally {
         setBusy(null);
       }
@@ -1105,7 +1235,9 @@ export default function PersonaStudio() {
             <span>난이도</span>
             <select
               value={draft.difficulty}
-              onChange={(event) => updateRoot("difficulty", event.target.value as Difficulty)}
+              onChange={(event) =>
+                updateRoot("difficulty", event.target.value as Difficulty)
+              }
             >
               <option value="easy">easy</option>
               <option value="moderate">moderate</option>
@@ -1116,7 +1248,9 @@ export default function PersonaStudio() {
             <span>합성 여부</span>
             <select
               value={draft.is_synthetic ? "true" : "false"}
-              onChange={(event) => updateRoot("is_synthetic", event.target.value === "true")}
+              onChange={(event) =>
+                updateRoot("is_synthetic", event.target.value === "true")
+              }
             >
               <option value="true">synthetic</option>
               <option value="false">clinical source</option>
@@ -1129,7 +1263,9 @@ export default function PersonaStudio() {
                 <button
                   type="button"
                   key={value}
-                  className={draft.theory_target.includes(value) ? "is-active" : ""}
+                  className={
+                    draft.theory_target.includes(value) ? "is-active" : ""
+                  }
                   onClick={() => toggleTheory(value)}
                 >
                   {value}
@@ -1140,7 +1276,9 @@ export default function PersonaStudio() {
           <TextField
             label="연령대"
             value={stringValue(draft.demographics, "age_band")}
-            onChange={(value) => updateObject("demographics", "age_band", value)}
+            onChange={(value) =>
+              updateObject("demographics", "age_band", value)
+            }
           />
           <TextField
             label="성별/젠더"
@@ -1165,7 +1303,9 @@ export default function PersonaStudio() {
           <TextAreaField
             label="첫 회기 입장 발화"
             value={stringValue(draft.presenting, "first_session_opening")}
-            onChange={(value) => updateObject("presenting", "first_session_opening", value)}
+            onChange={(value) =>
+              updateObject("presenting", "first_session_opening", value)
+            }
           />
           <TextField
             label="출처"
@@ -1180,11 +1320,35 @@ export default function PersonaStudio() {
       return (
         <div className="ps-form-grid">
           {[
-            { key: "family", label: "가족", placeholder: "예: 부와 성취 압박이 강하고, 모와는 감정 이야기를 피함" },
-            { key: "school_or_work", label: "학교/직장", placeholder: "예: 조별 과제 갈등 이후 발표와 평가 상황을 회피함" },
-            { key: "relationships", label: "관계", placeholder: "예: 친한 친구에게도 부담을 주기 싫어 고민을 축소해서 말함" },
-            { key: "precipitant", label: "촉발 사건", placeholder: "예: 최근 실습 피드백에서 '소극적'이라는 말을 들은 뒤 불안 증가" },
-            { key: "strengths", label: "강점", placeholder: "예: 기록을 꼼꼼히 남기고, 신뢰가 생기면 자기 관찰을 잘함" },
+            {
+              key: "family",
+              label: "가족",
+              placeholder:
+                "예: 부와 성취 압박이 강하고, 모와는 감정 이야기를 피함",
+            },
+            {
+              key: "school_or_work",
+              label: "학교/직장",
+              placeholder: "예: 조별 과제 갈등 이후 발표와 평가 상황을 회피함",
+            },
+            {
+              key: "relationships",
+              label: "관계",
+              placeholder:
+                "예: 친한 친구에게도 부담을 주기 싫어 고민을 축소해서 말함",
+            },
+            {
+              key: "precipitant",
+              label: "촉발 사건",
+              placeholder:
+                "예: 최근 실습 피드백에서 '소극적'이라는 말을 들은 뒤 불안 증가",
+            },
+            {
+              key: "strengths",
+              label: "강점",
+              placeholder:
+                "예: 기록을 꼼꼼히 남기고, 신뢰가 생기면 자기 관찰을 잘함",
+            },
           ].map(({ key, label, placeholder }) => (
             <TextAreaField
               key={key}
@@ -1203,13 +1367,17 @@ export default function PersonaStudio() {
           <TextAreaField
             label="중간신념"
             value={stringValue(draft.ccd, "intermediate_belief")}
-            onChange={(value) => updateObject("ccd", "intermediate_belief", value)}
+            onChange={(value) =>
+              updateObject("ccd", "intermediate_belief", value)
+            }
             placeholder="예: 실수하면 먼저 설명하기보다 조용히 지나가야 한다."
           />
           <ListField
             label="자동사고"
             value={editableListValue(draft.ccd, "automatic_thought")}
-            onChange={(value) => updateObject("ccd", "automatic_thought", value)}
+            onChange={(value) =>
+              updateObject("ccd", "automatic_thought", value)
+            }
             placeholder="예: 또 실망시켰을 거야."
           />
           <TextAreaField
@@ -1227,7 +1395,9 @@ export default function PersonaStudio() {
           <TextAreaField
             label="증상 차원 메모"
             value={stringValue(draft.dsm5_dimensional, "note")}
-            onChange={(value) => updateObject("dsm5_dimensional", "note", value)}
+            onChange={(value) =>
+              updateObject("dsm5_dimensional", "note", value)
+            }
             placeholder="예: 불안은 평가 상황에서 높고, 수면 저하는 시험 기간에 악화됨"
           />
         </div>
@@ -1281,11 +1451,17 @@ export default function PersonaStudio() {
           ))}
           <NumberField
             label="자살사고 단계"
-            value={numberValue(draft.affect_baseline, "suicide_ideation_stage", 1)}
+            value={numberValue(
+              draft.affect_baseline,
+              "suicide_ideation_stage",
+              1,
+            )}
             min={1}
             max={5}
             step={1}
-            onChange={(value) => updateNumber("affect_baseline", "suicide_ideation_stage", value)}
+            onChange={(value) =>
+              updateNumber("affect_baseline", "suicide_ideation_stage", value)
+            }
           />
         </div>
       );
@@ -1297,7 +1473,9 @@ export default function PersonaStudio() {
           <ListField
             label="회기별 시나리오"
             value={editableListValue(draft.triggers, "session_scenarios")}
-            onChange={(value) => updateObject("triggers", "session_scenarios", value)}
+            onChange={(value) =>
+              updateObject("triggers", "session_scenarios", value)
+            }
             rows={3}
             placeholder="1회기: 상담실 입장 때 예의 바르지만 짧게 답하고, 평가 이야기는 피함"
           />
@@ -1311,7 +1489,9 @@ export default function PersonaStudio() {
           <TextAreaField
             label="추가 프롬프트 계약"
             value={stringValue(draft.triggers, "prompt_contract")}
-            onChange={(value) => updateObject("triggers", "prompt_contract", value)}
+            onChange={(value) =>
+              updateObject("triggers", "prompt_contract", value)
+            }
             rows={8}
             placeholder="예: 내담자는 CCD를 직접 설명하지 않는다. 상담자가 성급히 조언하면 방어적으로 짧게 답한다."
           />
@@ -1325,18 +1505,28 @@ export default function PersonaStudio() {
           <TextField
             label="어조"
             value={stringValue(draft.speech_style, "register")}
-            onChange={(value) => updateObject("speech_style", "register", value)}
+            onChange={(value) =>
+              updateObject("speech_style", "register", value)
+            }
           />
           <TextField
             label="문장 길이"
             value={stringValue(draft.speech_style, "avg_sentence_len")}
-            onChange={(value) => updateObject("speech_style", "avg_sentence_len", value)}
+            onChange={(value) =>
+              updateObject("speech_style", "avg_sentence_len", value)
+            }
           />
           <label className="ps-field">
             <span>존댓말</span>
             <select
               value={String(Boolean(draft.speech_style.honorific))}
-              onChange={(event) => updateObject("speech_style", "honorific", event.target.value === "true")}
+              onChange={(event) =>
+                updateObject(
+                  "speech_style",
+                  "honorific",
+                  event.target.value === "true",
+                )
+              }
             >
               <option value="true">사용</option>
               <option value="false">미사용</option>
@@ -1352,14 +1542,18 @@ export default function PersonaStudio() {
           <ListField
             label="말버릇"
             value={editableListValue(draft.speech_style, "verbal_tics")}
-            onChange={(value) => updateObject("speech_style", "verbal_tics", value)}
+            onChange={(value) =>
+              updateObject("speech_style", "verbal_tics", value)
+            }
             rows={1}
             placeholder="예: 괜찮아요"
           />
           <ListField
             label="비언어 단서"
             value={editableListValue(draft.speech_style, "nonverbal_cues")}
-            onChange={(value) => updateObject("speech_style", "nonverbal_cues", value)}
+            onChange={(value) =>
+              updateObject("speech_style", "nonverbal_cues", value)
+            }
             rows={1}
             placeholder="예: 손끝을 만지작거림"
           />
@@ -1401,18 +1595,942 @@ export default function PersonaStudio() {
       );
     }
 
-    return (
-      <PromptPreviewPanel sections={promptPreviewSections} />
-    );
+    return <PromptPreviewPanel sections={promptPreviewSections} />;
   };
 
-  return (
-    <AppShell contextLabel="페르소나 스튜디오" navRole="teacher" wide>
+  const selectedUsage = selectedRow
+    ? usageByPersona.get(normalizeCode(selectedRow.code))
+    : null;
+  const selectedApproved =
+    selectedRow?.kind === "approved" ? selectedRow.persona : null;
+  const selectedReview =
+    selectedRow?.kind === "draft" ? selectedRow.persona : null;
+  const catalogSystemCount = catalog.filter(
+    (persona) => personaOrigin(persona.code, persona.source) === "system",
+  ).length;
+  const authoringStepPosition = AUTHORING_STEP_KEYS.indexOf(authoringStep);
+  const previousAuthoringStep = AUTHORING_STEPS[authoringStepPosition - 1]?.key;
+  const nextAuthoringStep = AUTHORING_STEPS[authoringStepPosition + 1]?.key;
+
+  const dashboardView = (
+    <section className="ps-overview" aria-label="페르소나 운영 대시보드">
+      {dashboardError ? (
+        <div className="ps-inline-note is-warn" role="status">
+          {dashboardError}
+        </div>
+      ) : null}
+      <div className="ps-kpi-grid">
+        {[
+          {
+            label: "공개 페르소나",
+            value: catalog.length,
+            meta: "학습자 카탈로그 노출",
+          },
+          {
+            label: "현재 운영 중",
+            value: activePersonaCount,
+            meta: "진행 회기가 있는 페르소나",
+          },
+          {
+            label: "학습 인원",
+            value: teacherDashboard?.total_learners ?? 0,
+            meta: teacherDashboard?.cohort_label ?? "현재 학습 기록",
+          },
+          {
+            label: "진행 세션",
+            value: teacherDashboard?.active_sessions ?? 0,
+            meta: `종료 ${teacherDashboard?.ended_sessions ?? 0}회`,
+          },
+        ].map((item) => (
+          <article className="ps-kpi" key={item.label}>
+            <span>{item.label}</span>
+            <b>{item.value}</b>
+            <small>{item.meta}</small>
+          </article>
+        ))}
+      </div>
+      <div className="ps-dashboard-grid">
+        <article className="ps-performance">
+          <div className="ps-section-head">
+            <div>
+              <Kicker>학습 성과</Kicker>
+              <h2>평가와 관계 진척도</h2>
+            </div>
+            <span>최근 학습 궤적 {dashboardPoints.length}건</span>
+          </div>
+          <div className="ps-performance__metrics">
+            <div>
+              <span>상담 수행 점수</span>
+              <b>{percentLabel(dashboardScore)}</b>
+              <i>
+                <span
+                  style={{
+                    width: `${Math.max(0, (dashboardScore ?? 0) * 100)}%`,
+                  }}
+                />
+              </i>
+            </div>
+            <div>
+              <span>라포 진척도</span>
+              <b>
+                {percentLabel(
+                  dashboardRapport == null ? null : (dashboardRapport + 1) / 2,
+                )}
+              </b>
+              <i>
+                <span
+                  style={{
+                    width: `${Math.max(0, ((dashboardRapport ?? -1) + 1) * 50)}%`,
+                  }}
+                />
+              </i>
+            </div>
+          </div>
+          <p>
+            저장된 상담자 턴 평가와 라포 신호만 집계합니다. 근거가 없으면 숫자를
+            추정하지 않습니다.
+          </p>
+        </article>
+        <article className="ps-review-summary">
+          <div className="ps-section-head">
+            <div>
+              <Kicker>검수 현황</Kicker>
+              <h2>결정이 필요한 버전</h2>
+            </div>
+            <Button
+              size="sm"
+              variant="secondary"
+              onClick={() =>
+                setSearchParams({ view: "personas", queue: "review" })
+              }
+            >
+              더보기
+            </Button>
+          </div>
+          <div className="ps-review-summary__grid">
+            <div>
+              <span>검수 대기</span>
+              <b>{reviews.filter((item) => item.status === "review").length}</b>
+              <small>승인·반려 필요</small>
+            </div>
+            <div>
+              <span>작성 중</span>
+              <b>{reviews.filter((item) => item.status === "draft").length}</b>
+              <small>비공개 초안</small>
+            </div>
+            <div>
+              <span>공개</span>
+              <b>{catalog.length}</b>
+              <small>학습자 선택 가능</small>
+            </div>
+          </div>
+        </article>
+      </div>
+      <section className="ps-active-table">
+        <div className="ps-section-head">
+          <div>
+            <Kicker>페르소나별 현황</Kicker>
+            <h2>최근 학습 기록</h2>
+          </div>
+          <span>교수자 대시보드의 실제 기록 기준</span>
+        </div>
+        <div
+          className="ps-usage-table"
+          role="table"
+          aria-label="페르소나별 학습 현황"
+        >
+          <div className="ps-usage-table__head" role="row">
+            <span>페르소나</span>
+            <span>학습자</span>
+            <span>진행</span>
+            <span>성과</span>
+            <span>진척도</span>
+          </div>
+          {catalog.length ? (
+            catalog.slice(0, 8).map((persona) => {
+              const usage = usageByPersona.get(normalizeCode(persona.code));
+              return (
+                <button
+                  type="button"
+                  className="ps-usage-row"
+                  key={persona.code}
+                  onClick={() =>
+                    setSearchParams({
+                      view: "personas",
+                      persona: `approved:${persona.code}`,
+                    })
+                  }
+                >
+                  <span>
+                    <b>{persona.code}</b>
+                    <small>{persona.display_name}</small>
+                  </span>
+                  <strong>{usage?.learners ?? 0}명</strong>
+                  <strong>{usage?.activeSessions ?? 0}회</strong>
+                  <strong>{percentLabel(usage?.avgScore)}</strong>
+                  <strong>
+                    {percentLabel(
+                      usage?.avgRapport == null
+                        ? null
+                        : (usage.avgRapport + 1) / 2,
+                    )}
+                  </strong>
+                </button>
+              );
+            })
+          ) : (
+            <EmptyState
+              title="공개 페르소나 없음"
+              desc="승인된 페르소나가 생기면 운영 현황을 표시합니다."
+            />
+          )}
+        </div>
+      </section>
+    </section>
+  );
+
+  const catalogTheoryCounts = catalog.reduce<Record<string, number>>(
+    (result, persona) => {
+      for (const theory of persona.theory_target)
+        result[theory] = (result[theory] ?? 0) + 1;
+      return result;
+    },
+    {},
+  );
+  const catalogView = (
+    <section className="ps-catalog-page" aria-label="페르소나 카탈로그 정보">
+      <article className="ps-catalog-hero">
+        <div>
+          <Kicker>카탈로그란</Kicker>
+          <h2>학습자가 회기를 시작할 때 선택하는 승인본 모음입니다.</h2>
+          <p>
+            검수 완료된 최신 버전만 공개하고, 초안·검수 중·보관 상태는
+            운영자에게만 보입니다.
+          </p>
+        </div>
+        <div className="ps-catalog-hero__count">
+          <span>현재 공개</span>
+          <b>{catalog.length}</b>
+          <small>
+            시스템 {catalogSystemCount} · 추가{" "}
+            {catalog.length - catalogSystemCount}
+          </small>
+        </div>
+      </article>
+      <div className="ps-catalog-grid">
+        <section className="ps-catalog-block">
+          <div className="ps-section-head">
+            <div>
+              <Kicker>공개 설정</Kicker>
+              <h2>카탈로그 운영 규칙</h2>
+            </div>
+            <Badge tone="accent">승인본만 공개</Badge>
+          </div>
+          <dl className="ps-settings-list">
+            <div>
+              <dt>노출 기준</dt>
+              <dd>승인된 최신 버전</dd>
+            </div>
+            <div>
+              <dt>초안·검수본</dt>
+              <dd>운영자에게만 표시</dd>
+            </div>
+            <div>
+              <dt>보관 처리</dt>
+              <dd>새 회기 배정에서 제외</dd>
+            </div>
+            <div>
+              <dt>기존 회기</dt>
+              <dd>사용한 버전과 기록 유지</dd>
+            </div>
+            <div>
+              <dt>장애 시 정책</dt>
+              <dd>대체 시드 상태를 명시</dd>
+            </div>
+          </dl>
+        </section>
+        <section className="ps-catalog-block">
+          <div className="ps-section-head">
+            <div>
+              <Kicker>구성</Kicker>
+              <h2>이론 분포</h2>
+            </div>
+          </div>
+          <div className="ps-distribution">
+            {Object.entries(catalogTheoryCounts).length ? (
+              Object.entries(catalogTheoryCounts).map(([theory, count]) => (
+                <div key={theory}>
+          <span>{personaTheoryLabel(theory)}</span>
+                  <b>{count}</b>
+                  <i>
+                    <span
+                      style={{
+                        width: `${(count / Math.max(1, catalog.length)) * 100}%`,
+                      }}
+                    />
+                  </i>
+                </div>
+              ))
+            ) : (
+              <EmptyState
+                title="분포 자료 없음"
+                desc="공개 페르소나가 생기면 이론 구성을 표시합니다."
+              />
+            )}
+          </div>
+        </section>
+      </div>
+      <section className="ps-catalog-block ps-catalog-block--wide">
+        <div className="ps-section-head">
+          <div>
+            <Kicker>버전과 출처</Kicker>
+            <h2>공개본 상태</h2>
+          </div>
+          <Button
+            size="sm"
+            variant="secondary"
+            onClick={() => setSearchParams({ view: "personas" })}
+          >
+            전체 페르소나 보기
+          </Button>
+        </div>
+        <div className="ps-catalog-list">
+          {catalog.map((persona) => (
+            <button
+              type="button"
+              key={persona.code}
+              onClick={() =>
+                setSearchParams({
+                  view: "personas",
+                  persona: `approved:${persona.code}`,
+                })
+              }
+            >
+              <span className="ps-code-box">{persona.code}</span>
+              <span>
+                <b>{persona.display_name}</b>
+                <small>
+                  {personaTheoryLabel(persona.theory_target[0] ?? "미지정")} ·{" "}
+                  {personaDifficultyLabel(persona.difficulty)}
+                </small>
+              </span>
+              <span>
+                {personaOrigin(persona.code, persona.source) === "system"
+                  ? "시스템"
+                  : "추가"}
+              </span>
+              <strong>v{persona.version ?? 1}</strong>
+              <Icon name="chevron-right" size={16} />
+            </button>
+          ))}
+        </div>
+      </section>
+    </section>
+  );
+
+  const reviewQueueView = (
+    <section className="ps-review-page" aria-label="페르소나 검수 현황">
+      <div className="ps-review-page__summary">
+        <div>
+          <span>검수 대기</span>
+          <b>{reviews.filter((item) => item.status === "review").length}</b>
+        </div>
+        <div>
+          <span>작성 중</span>
+          <b>{reviews.filter((item) => item.status === "draft").length}</b>
+        </div>
+        <div>
+          <span>공개본</span>
+          <b>{catalog.length}</b>
+        </div>
+      </div>
+      {reviewQueue.length ? (
+        <div className="ps-review-board">
+          {reviewQueue.map((persona) => (
+            <article key={persona.persona_id} className="ps-review-card">
+              <div className="ps-review-card__top">
+                <span className="ps-code-box">{persona.code}</span>
+                <Badge tone={personaReviewTone(persona.status)}>
+                  {personaReviewStatusLabel(persona.status)}
+                </Badge>
+              </div>
+              <h3>{persona.display_name}</h3>
+              <p>{reviewStatusDescription(persona.status)}</p>
+              <dl>
+                <div>
+                  <dt>버전</dt>
+                  <dd>v{persona.version}</dd>
+                </div>
+                <div>
+                  <dt>요청</dt>
+                  <dd>{formatDateTime(persona.created_at)}</dd>
+                </div>
+                <div>
+                  <dt>출처</dt>
+                  <dd>{persona.is_synthetic ? "작성·합성" : "근거 기반"}</dd>
+                </div>
+              </dl>
+              <div className="ps-review-card__actions">
+                <Button
+                  size="sm"
+                  variant="secondary"
+                  onClick={() =>
+                    setQuery({ persona: `draft:${persona.persona_id}` })
+                  }
+                >
+                  상세
+                </Button>
+                <Button
+                  size="sm"
+                  variant="secondary"
+                  onClick={() => openDraftEditor(persona.persona_id)}
+                >
+                  수정
+                </Button>
+                <Button
+                  size="sm"
+                  variant="secondary"
+                  onClick={() =>
+                    void decideReview(persona.persona_id, "reject")
+                  }
+                  disabled={busy !== null || persona.status !== "review"}
+                >
+                  반려
+                </Button>
+                <Button
+                  size="sm"
+                  onClick={() =>
+                    void decideReview(persona.persona_id, "approve")
+                  }
+                  disabled={busy !== null || persona.status !== "review"}
+                >
+                  승인
+                </Button>
+              </div>
+            </article>
+          ))}
+        </div>
+      ) : (
+        <EmptyState
+          title="검수 대기 없음"
+          desc="새 검수 요청이나 작성 중 초안이 생기면 여기에 표시됩니다."
+        />
+      )}
+    </section>
+  );
+
+  const personaListView = (
+    <section className="ps-personas-page" aria-label="전체 페르소나">
+      <div
+        className="ps-subtabs"
+        role="tablist"
+        aria-label="페르소나 목록 영역"
+      >
+        <button
+          type="button"
+          role="tab"
+          aria-selected={personaListTab === "all"}
+          className={personaListTab === "all" ? "is-active" : ""}
+          onClick={() => setQuery({ queue: "all", persona: null })}
+        >
+          전체 페르소나 <b>{catalog.length + reviews.length}</b>
+        </button>
+        <button
+          type="button"
+          role="tab"
+          aria-selected={personaListTab === "review"}
+          className={personaListTab === "review" ? "is-active" : ""}
+          onClick={() => setQuery({ queue: "review", persona: null })}
+        >
+          검수 현황 <b>{reviewQueue.length}</b>
+        </button>
+      </div>
+      {personaListTab === "review" ? (
+        reviewQueueView
+      ) : (
+        <>
+          <div className="ps-table-tools">
+            <label>
+              <span>페르소나 검색</span>
+              <input
+                value={personaSearch}
+                onChange={(event) => setPersonaSearch(event.target.value)}
+                placeholder="이름, 코드, 이론, 상태 검색"
+              />
+            </label>
+            <label>
+              <span>구분</span>
+              <select
+                value={originFilter}
+                onChange={(event) =>
+                  setOriginFilter(event.target.value as typeof originFilter)
+                }
+              >
+                <option value="all">전체</option>
+                <option value="system">시스템</option>
+                <option value="custom">새로 만든 페르소나</option>
+              </select>
+            </label>
+          </div>
+          <div
+            className="ps-persona-table"
+            role="table"
+            aria-label="지원 페르소나 목록"
+          >
+            <div className="ps-persona-table__head" role="row">
+              <span>페르소나</span>
+              <span>학습 현황</span>
+              <span>구분</span>
+              <span>공개 상태</span>
+              <span>버전</span>
+              <span>작업</span>
+            </div>
+            {personaRows.length ? (
+              personaRows.map((row) => {
+                const usage = usageByPersona.get(normalizeCode(row.code));
+                return (
+                  <div
+                    className="ps-persona-row"
+                    role="row"
+                    key={row.key}
+                    data-approved-persona-row={
+                      row.kind === "approved" ? "true" : undefined
+                    }
+                  >
+                    <button
+                      type="button"
+                      className="ps-persona-row__identity"
+                      onClick={() => setQuery({ persona: row.key })}
+                    >
+                      <span className="ps-code-box">{row.code}</span>
+                      <span>
+                        <b>{row.name}</b>
+                        <small>
+                          {personaDifficultyLabel(row.difficulty)} ·{" "}
+                          {row.theory.map(personaTheoryLabel).join(", ") ||
+                            "이론 미지정"}
+                        </small>
+                      </span>
+                    </button>
+                    <span className="ps-persona-row__usage">
+                      <b>{usage?.learners ?? 0}명</b>
+                      <small>
+                        최근 {usage?.recentSessions ?? 0}회 · 진행{" "}
+                        {usage?.activeSessions ?? 0}
+                      </small>
+                    </span>
+                    <span>
+                      <Badge tone="neutral">
+                        {row.origin === "system" ? "시스템" : "새로 만듦"}
+                      </Badge>
+                    </span>
+                    <span>
+                      <Badge tone={personaReviewTone(row.status)}>
+                        {personaReviewStatusLabel(row.status)}
+                      </Badge>
+                    </span>
+                    <span className="ps-version">v{row.version}</span>
+                    <span className="ps-persona-row__actions">
+                      <Button
+                        size="sm"
+                        variant="secondary"
+                        onClick={() => setQuery({ persona: row.key })}
+                      >
+                        상세
+                      </Button>
+                      {row.kind === "approved" ? (
+                        <>
+                          <Button
+                            size="sm"
+                            variant="secondary"
+                            onClick={() =>
+                              void reviseApprovedPersona(row.persona)
+                            }
+                            disabled={!row.persona.persona_id || busy !== null}
+                          >
+                            수정
+                          </Button>
+                          <Button
+                            size="sm"
+                            variant="danger"
+                            onClick={() =>
+                              void archiveApprovedPersona(row.persona)
+                            }
+                            disabled={!row.persona.persona_id || busy !== null}
+                          >
+                            삭제
+                          </Button>
+                        </>
+                      ) : (
+                        <Button
+                          size="sm"
+                          variant="secondary"
+                          onClick={() =>
+                            openDraftEditor(row.persona.persona_id)
+                          }
+                        >
+                          수정
+                        </Button>
+                      )}
+                    </span>
+                  </div>
+                );
+              })
+            ) : (
+              <EmptyState
+                title="조건에 맞는 페르소나 없음"
+                desc="검색어나 구분 필터를 바꿔 보세요."
+              />
+            )}
+          </div>
+        </>
+      )}
+    </section>
+  );
+
+  const detailData = selectedReview ? selectedDraftDetail : null;
+  const personaDetailView = selectedRow ? (
+    <section className="ps-detail-page" aria-label={`${selectedRow.name} 상세`}>
+      <div className="ps-drill-head">
+        <Button
+          variant="secondary"
+          size="sm"
+          leading={<Icon name="chevron-left" size={15} />}
+          onClick={() => setQuery({ persona: null, detailTab: null })}
+        >
+          목록으로
+        </Button>
+        <div>
+          <Kicker>
+            {selectedRow.code} · v{selectedRow.version}
+          </Kicker>
+          <h2>{selectedRow.name}</h2>
+          <p>
+            {selectedRow.kind === "approved"
+              ? "학습자에게 공개된 현재 버전"
+              : reviewStatusDescription(selectedRow.status)}
+          </p>
+        </div>
+        <div className="ps-drill-head__actions">
+          {selectedApproved ? (
+            <Button
+              variant="secondary"
+              onClick={() => void reviseApprovedPersona(selectedApproved)}
+              disabled={!selectedApproved.persona_id || busy !== null}
+            >
+              수정
+            </Button>
+          ) : null}
+          {selectedReview ? (
+            <Button
+              variant="secondary"
+              onClick={() => openDraftEditor(selectedReview.persona_id)}
+            >
+              수정
+            </Button>
+          ) : null}
+        </div>
+      </div>
+      <div
+        className="ps-subtabs"
+        role="tablist"
+        aria-label="페르소나 상세 영역"
+      >
+        {(
+          [
+            { key: "overview", label: "소개·정보" },
+            { key: "learning", label: "학습 현황" },
+            { key: "settings", label: "설정 내용" },
+          ] as const
+        ).map((tab) => (
+          <button
+            type="button"
+            role="tab"
+            aria-selected={detailTab === tab.key}
+            className={detailTab === tab.key ? "is-active" : ""}
+            key={tab.key}
+            onClick={() => setQuery({ detailTab: tab.key })}
+          >
+            {tab.label}
+          </button>
+        ))}
+      </div>
+      {detailTab === "overview" ? (
+        <div className="ps-detail-grid">
+          <article className="ps-detail-primary">
+            <Kicker>페르소나 소개</Kicker>
+            <h3>{selectedRow.name}</h3>
+            <p>
+              {selectedApproved?.presenting_summary ||
+                stringValue(objectValue(detailData?.presenting), "complaint") ||
+                "주호소 소개가 아직 작성되지 않았습니다."}
+            </p>
+            <div className="ps-chip-row">
+              {selectedRow.theory.map((theory) => (
+                <span key={theory}>{personaTheoryLabel(theory)}</span>
+              ))}
+            </div>
+          </article>
+          <article className="ps-detail-facts">
+            <dl>
+              <div>
+                <dt>코드</dt>
+                <dd>{selectedRow.code}</dd>
+              </div>
+              <div>
+                <dt>난이도</dt>
+                <dd>{personaDifficultyLabel(selectedRow.difficulty)}</dd>
+              </div>
+              <div>
+                <dt>구분</dt>
+                <dd>
+                  {selectedRow.origin === "system"
+                    ? "시스템 페르소나"
+                    : "새로 만든 페르소나"}
+                </dd>
+              </div>
+              <div>
+                <dt>공개 상태</dt>
+                <dd>{personaReviewStatusLabel(selectedRow.status)}</dd>
+              </div>
+              <div>
+                <dt>버전</dt>
+                <dd>v{selectedRow.version}</dd>
+              </div>
+            </dl>
+          </article>
+          {detailData ? (
+            <article className="ps-detail-wide">
+              <Kicker>작성 정보</Kicker>
+              <dl className="ps-settings-list">
+                <div>
+                  <dt>출처</dt>
+                  <dd>{detailData.source_provenance || "미기록"}</dd>
+                </div>
+                <div>
+                  <dt>합성 여부</dt>
+                  <dd>
+                    {detailData.is_synthetic
+                      ? "작성·합성 초안"
+                      : "근거 기반 초안"}
+                  </dd>
+                </div>
+                <div>
+                  <dt>핵심 신념</dt>
+                  <dd>
+                    {stringValue(objectValue(detailData.ccd), "core_belief") ||
+                      "미작성"}
+                  </dd>
+                </div>
+                <div>
+                  <dt>민감 영역</dt>
+                  <dd>
+                    {listValue(
+                      objectValue(detailData.triggers),
+                      "sore_spots",
+                    ).join(", ") || "미작성"}
+                  </dd>
+                </div>
+              </dl>
+            </article>
+          ) : null}
+        </div>
+      ) : detailTab === "learning" ? (
+        <div className="ps-learning-detail">
+          <div className="ps-kpi-grid ps-kpi-grid--detail">
+            <article className="ps-kpi">
+              <span>학습자</span>
+              <b>{selectedUsage?.learners ?? 0}</b>
+              <small>최근 학습 궤적 기준</small>
+            </article>
+            <article className="ps-kpi">
+              <span>진행 세션</span>
+              <b>{selectedUsage?.activeSessions ?? 0}</b>
+              <small>현재 진행 중</small>
+            </article>
+            <article className="ps-kpi">
+              <span>수행 점수</span>
+              <b>{percentLabel(selectedUsage?.avgScore)}</b>
+              <small>상담자 턴 평가</small>
+            </article>
+            <article className="ps-kpi">
+              <span>라포 진척</span>
+              <b>
+                {percentLabel(
+                  selectedUsage?.avgRapport == null
+                    ? null
+                    : (selectedUsage.avgRapport + 1) / 2,
+                )}
+              </b>
+              <small>관계 신호 환산</small>
+            </article>
+          </div>
+          <section className="ps-detail-wide">
+            <div className="ps-section-head">
+              <div>
+                <Kicker>학습 궤적</Kicker>
+                <h2>최근 평가 기록</h2>
+              </div>
+            </div>
+            {selectedUsage?.points.length ? (
+              <div className="ps-point-list">
+                {selectedUsage.points
+                  .slice(-8)
+                  .reverse()
+                  .map((point) => (
+                    <div key={`${point.learner_id}:${point.session_id}`}>
+                      <span>
+                        회기 {point.session_no} · {point.stage}
+                      </span>
+                      <b>{percentLabel(point.score)}</b>
+                      <small>
+                        {formatDateTime(point.ended_at ?? point.started_at)}
+                      </small>
+                    </div>
+                  ))}
+              </div>
+            ) : (
+              <EmptyState
+                title="학습 기록 없음"
+                desc="이 페르소나로 평가된 회기가 생기면 궤적을 표시합니다."
+              />
+            )}
+          </section>
+        </div>
+      ) : (
+        <div className="ps-detail-grid">
+          <article className="ps-detail-wide">
+            <Kicker>버전·공개 설정</Kicker>
+            <dl className="ps-settings-list">
+              <div>
+                <dt>현재 상태</dt>
+                <dd>{personaReviewStatusLabel(selectedRow.status)}</dd>
+              </div>
+              <div>
+                <dt>학습자 공개</dt>
+                <dd>{selectedRow.status === "approved" ? "공개" : "숨김"}</dd>
+              </div>
+              <div>
+                <dt>수정 방식</dt>
+                <dd>
+                  {selectedRow.status === "approved"
+                    ? "새 버전 초안 생성 후 재검수"
+                    : "현재 초안에서 계속 편집"}
+                </dd>
+              </div>
+              <div>
+                <dt>기존 회기</dt>
+                <dd>사용한 버전과 기록 유지</dd>
+              </div>
+              <div>
+                <dt>출처 구분</dt>
+                <dd>
+                  {selectedRow.origin === "system"
+                    ? "프로젝트 시스템 페르소나"
+                    : "사용자 생성 페르소나"}
+                </dd>
+              </div>
+            </dl>
+          </article>
+        </div>
+      )}
+    </section>
+  ) : (
+    <EmptyState
+      title="페르소나를 찾지 못했습니다"
+      desc="목록으로 돌아가 다시 선택하세요."
+    />
+  );
+
+  const workspaceView = (
+    <AppShell contextLabel="페르소나" navRole="teacher" wide>
       <main className="ps-root">
         <header className="ps-head">
           <div>
-            <Kicker>페르소나 스튜디오</Kicker>
-            <h1>내담자 설계·검수 작업면</h1>
+            <Kicker>페르소나</Kicker>
+            <h1>
+              {detailKey
+                ? "페르소나 상세"
+                : workspaceTab === "dashboard"
+                  ? "페르소나 운영"
+                  : workspaceTab === "catalog"
+                    ? "페르소나 카탈로그"
+                    : "페르소나 관리"}
+            </h1>
+            <p>
+              운영 현황부터 공개 카탈로그, 저작과 검수까지 한 흐름으로
+              관리합니다.
+            </p>
+          </div>
+          <div className="ps-head__actions">
+            <Button
+              variant="secondary"
+              leading={<Icon name="review" size={16} />}
+              onClick={() => void loadStudio()}
+              disabled={loadState === "loading" || busy !== null}
+            >
+              {loadState === "loading" ? "확인 중" : "새로고침"}
+            </Button>
+            {workspaceTab === "personas" && !detailKey ? (
+              <Button
+                leading={<Icon name="plus" size={16} />}
+                onClick={openCreate}
+              >
+                새로운 페르소나 만들기
+              </Button>
+            ) : null}
+          </div>
+        </header>
+        <nav className="ps-workspace-tabs" aria-label="페르소나 관리 영역">
+          {WORKSPACE_TABS.map((tab) => (
+            <button
+              type="button"
+              key={tab.key}
+              className={workspaceTab === tab.key ? "is-active" : ""}
+              aria-current={workspaceTab === tab.key ? "page" : undefined}
+              onClick={() => setSearchParams({ view: tab.key })}
+            >
+              <span>{tab.label}</span>
+              <small>{tab.desc}</small>
+            </button>
+          ))}
+        </nav>
+        {loadError ? (
+          <section className="ps-error" role="alert">
+            <Icon name="alert" size={18} />
+            {loadError}
+          </section>
+        ) : null}
+        {formError ? (
+          <p className="ps-status is-error" role="alert">
+            {formError}
+          </p>
+        ) : message ? (
+          <p className="ps-status">{message}</p>
+        ) : null}
+        {detailKey
+          ? personaDetailView
+          : workspaceTab === "dashboard"
+            ? dashboardView
+            : workspaceTab === "catalog"
+              ? catalogView
+              : personaListView}
+      </main>
+    </AppShell>
+  );
+
+  const legacyAuthoring = (
+    <AppShell contextLabel="페르소나" navRole="teacher" wide>
+      <main className="ps-root">
+        <header className="ps-head">
+          <div>
+            <Kicker>
+              {editingId ? "페르소나 수정" : "새로운 페르소나 만들기"}
+            </Kicker>
+            <h1>{draft.display_name.trim() || "새 페르소나"}</h1>
+            <p>
+              단계별로 작성하고 언제든 이전 단계로 돌아가 수정할 수 있습니다.
+            </p>
           </div>
           <div className="ps-head__actions">
             <Button
@@ -1425,15 +2543,47 @@ export default function PersonaStudio() {
             </Button>
             <Button
               variant="secondary"
-              leading={<Icon name="x" size={16} />}
-              onClick={resetDraft}
+              leading={<Icon name="chevron-left" size={16} />}
+              onClick={() => setSearchParams({ view: "personas" })}
               disabled={busy !== null}
             >
-              새 초안
+              목록으로
             </Button>
           </div>
         </header>
 
+        <nav className="ps-workspace-tabs" aria-label="페르소나 관리 영역">
+          {WORKSPACE_TABS.map((tab) => (
+            <button
+              type="button"
+              key={tab.key}
+              className={tab.key === "personas" ? "is-active" : ""}
+              onClick={() => setSearchParams({ view: tab.key })}
+            >
+              <span>{tab.label}</span>
+              <small>{tab.desc}</small>
+            </button>
+          ))}
+        </nav>
+
+        <nav className="ps-stepper" aria-label="페르소나 작성 단계">
+          {AUTHORING_STEPS.map((step, index) => (
+            <button
+              type="button"
+              key={step.key}
+              className={`${authoringStep === step.key ? "is-current" : ""} ${index < authoringStepPosition || index < authoringStepIndex ? "is-done" : ""}`}
+              aria-current={authoringStep === step.key ? "step" : undefined}
+              onClick={() => setQuery({ step: step.key })}
+            >
+              <span>{index + 1}</span>
+              <span>
+                <b>{step.label}</b>
+                <small>{step.desc}</small>
+              </span>
+            </button>
+          ))}
+        </nav>
+
         {loadError ? (
           <section className="ps-error" role="alert">
             <Icon name="alert" size={18} />
@@ -1441,9 +2591,12 @@ export default function PersonaStudio() {
           </section>
         ) : null}
 
-        <section className="ps-layout">
+        <section
+          className="ps-layout ps-authoring-layout"
+          data-authoring-step={authoringStep}
+        >
           <aside className="ps-rail" aria-label="페르소나 목록">
-            <div className="ps-rail__head">
+            <div className={surfaceClassName("ps-rail__head")}>
               <div>
                 <Kicker>카탈로그</Kicker>
                 <b>{catalog.length + reviews.length}개</b>
@@ -1453,7 +2606,10 @@ export default function PersonaStudio() {
               </Badge>
             </div>
 
-            <div className="ps-workflow" aria-label="저작 단계">
+            <div
+              className={surfaceClassName("ps-workflow")}
+              aria-label="저작 단계"
+            >
               <Kicker>저작 흐름</Kicker>
               {AUTHORING_STEPS.map((step, index) => (
                 <div
@@ -1480,7 +2636,10 @@ export default function PersonaStudio() {
                 reviews.map((persona) => (
                   <button
                     type="button"
-                    className={`ps-list-row ${editingId === persona.persona_id ? "is-active" : ""}`}
+                    className={surfaceClassName(
+                      `ps-list-row ${editingId === persona.persona_id ? "is-active" : ""}`,
+                      { variant: "interactive", flat: true },
+                    )}
                     key={`${persona.persona_id}:${persona.version}`}
                     onClick={() => void loadDraft(persona.persona_id)}
                     disabled={busy !== null}
@@ -1489,17 +2648,21 @@ export default function PersonaStudio() {
                     <span className="ps-list-row__body">
                       <b>{persona.display_name}</b>
                       <small>
-                        v{persona.version} · {personaReviewStatusLabel(persona.status)}
+                        v{persona.version} ·{" "}
+                        {personaReviewStatusLabel(persona.status)}
                       </small>
                     </span>
                   </button>
                 ))
               ) : (
-                <EmptyState title="검수 큐 없음" desc="저장된 초안이 여기에 표시됩니다." />
+                <EmptyState
+                  title="검수 큐 없음"
+                  desc="저장된 초안이 여기에 표시됩니다."
+                />
               )}
             </div>
 
-            <div className="ps-approved">
+            <div className={surfaceClassName("ps-approved")}>
               <Kicker>공개 페르소나</Kicker>
               {catalog.length > 0 ? (
                 catalog.map((persona) => (
@@ -1508,11 +2671,16 @@ export default function PersonaStudio() {
                     key={`${persona.code}:${persona.version ?? "approved"}`}
                     data-approved-persona-row="true"
                   >
-                    <span className="ps-approved-row__code">{persona.code}</span>
+                    <span className="ps-approved-row__code">
+                      {persona.code}
+                    </span>
                     <div className="ps-approved-row__body">
                       <b>{persona.display_name}</b>
                       <small>
-                        v{persona.version ?? 1} · {persona.source === "database" ? "DB 공개본" : persona.source}
+                        v{persona.version ?? 1} ·{" "}
+                        {persona.source === "database"
+                          ? "DB 공개본"
+                          : persona.source}
                       </small>
                     </div>
                     <div className="ps-approved-row__actions">
@@ -1542,7 +2710,7 @@ export default function PersonaStudio() {
           </aside>
 
           <section className="ps-editor">
-            <div className="ps-editor__top">
+            <div className={surfaceClassName("ps-editor__top")}>
               <div>
                 <Kicker>{editingId ? "초안 편집" : "새 초안"}</Kicker>
                 <h2>{draft.display_name.trim() || "이름 미정"}</h2>
@@ -1568,7 +2736,9 @@ export default function PersonaStudio() {
               </div>
               <div className="ps-source-grid">
                 <div
-                  className="ps-upload-card ps-field--wide"
+                  className={surfaceClassName("ps-upload-card ps-field--wide", {
+                    variant: "inset",
+                  })}
                   onDragOver={(event) => event.preventDefault()}
                   onDrop={(event) => {
                     event.preventDefault();
@@ -1579,16 +2749,22 @@ export default function PersonaStudio() {
                     ref={sourceFileInputRef}
                     className="ps-file-input"
                     type="file"
-                    accept=".txt,.md,.csv,.json,.html,.xml"
+                    accept=".txt,.md,.csv,.json,.html,.xml,.xlsx,.xlsm"
                     onChange={(event) => {
-                      void loadSourceFile(event.currentTarget.files?.[0] ?? null);
+                      void loadSourceFile(
+                        event.currentTarget.files?.[0] ?? null,
+                      );
                       event.currentTarget.value = "";
                     }}
                   />
                   <div>
                     <Kicker>SSOT 첨부</Kicker>
                     <b>{sourceFilename || "파일을 드래그하거나 선택"}</b>
-                    <span>txt, md, csv, json, html, xml 자료를 KB 문서로 등록한 뒤 RAG 생성에 사용합니다.</span>
+                    <span>
+                      txt, md, csv, json, html, xml에 더해 자유 양식
+                      엑셀(xlsx)도 지원합니다. 엑셀은 서버에서 표를 텍스트로
+                      변환해 등록하고 원본 파일은 남기지 않습니다.
+                    </span>
                   </div>
                   <Button
                     variant="secondary"
@@ -1604,7 +2780,9 @@ export default function PersonaStudio() {
                   <span>자료 종류</span>
                   <select
                     value={sourceKind}
-                    onChange={(event) => setSourceKind(event.target.value as SourceKind)}
+                    onChange={(event) =>
+                      setSourceKind(event.target.value as SourceKind)
+                    }
                   >
                     <option value="client_record">내담자 실제 기록</option>
                     <option value="textbook_guide">교과서·가이드</option>
@@ -1635,7 +2813,10 @@ export default function PersonaStudio() {
                 {generationSummary ? (
                   <span>{generationSummary}</span>
                 ) : (
-                  <span>서버가 PII를 마스킹하고 KB 문서로 등록한 뒤, 검색된 근거 청크만 생성기에 보냅니다.</span>
+                  <span>
+                    서버가 PII를 마스킹하고 KB 문서로 등록한 뒤, 검색된 근거
+                    청크만 생성기에 보냅니다.
+                  </span>
                 )}
                 <Button
                   leading={<Icon name="review" size={15} />}
@@ -1647,7 +2828,14 @@ export default function PersonaStudio() {
               </div>
             </Card>
 
-            <div className="ps-tabs" role="tablist" aria-label="저작 섹션">
+            <div
+              className={surfaceClassName("ps-tabs", {
+                variant: "inset",
+                flat: true,
+              })}
+              role="tablist"
+              aria-label="저작 섹션"
+            >
               {STUDIO_TABS.map((tab) => (
                 <button
                   type="button"
@@ -1678,27 +2866,45 @@ export default function PersonaStudio() {
             <div className="ps-actions">
               <Button
                 variant="secondary"
-                leading={<Icon name="check" size={15} />}
-                onClick={() => void saveDraft(false)}
-                disabled={busy !== null}
+                leading={<Icon name="chevron-left" size={15} />}
+                onClick={() =>
+                  previousAuthoringStep &&
+                  setQuery({ step: previousAuthoringStep })
+                }
+                disabled={!previousAuthoringStep || busy !== null}
               >
-                {busy === "save" ? "저장 중" : "초안 저장"}
+                이전
               </Button>
               <Button
-                leading={<Icon name="review" size={15} />}
-                onClick={() => void saveDraft(true)}
+                variant="secondary"
+                leading={<Icon name="check" size={15} />}
+                onClick={() => void saveProgress()}
                 disabled={busy !== null}
               >
-                {busy === "submit" ? "요청 중" : "검수 요청"}
+                {busy === "save" ? "저장 중" : "중간 저장"}
               </Button>
+              {nextAuthoringStep ? (
+                <Button onClick={() => setQuery({ step: nextAuthoringStep })}>
+                  다음 단계
+                </Button>
+              ) : (
+                <Button
+                  leading={<Icon name="review" size={15} />}
+                  onClick={() => void saveDraft(true)}
+                  disabled={busy !== null || validation.errors.length > 0}
+                >
+                  {busy === "submit" ? "요청 중" : "검수 요청"}
+                </Button>
+              )}
             </div>
           </section>
 
           <aside className="ps-inspector" aria-label="검증 상태">
-            <div className="ps-inspector__block">
+            <div className={surfaceClassName("ps-inspector__block")}>
               <Kicker>검증</Kicker>
               <div className="ps-check">
-                {validation.errors.length === 0 && validation.warnings.length === 0 ? (
+                {validation.errors.length === 0 &&
+                validation.warnings.length === 0 ? (
                   <div className="ps-check-row">
                     <Dot tone="pos" />
                     <span>필수 항목 입력 완료</span>
@@ -1719,7 +2925,7 @@ export default function PersonaStudio() {
               </div>
             </div>
 
-            <div className="ps-inspector__block">
+            <div className={surfaceClassName("ps-inspector__block")}>
               <Kicker>생성 근거</Kicker>
               <div className="ps-check">
                 {generationSummary ? (
@@ -1746,33 +2952,56 @@ export default function PersonaStudio() {
                   </div>
                 ))}
                 {sourceReferences.map((item) => (
-                  <div className="ps-check-row ps-check-row--stack" key={`source:${item.source_id}`}>
-                    <Dot tone={item.external_llm_ok && !item.degraded ? "info" : "warn"} />
+                  <div
+                    className="ps-check-row ps-check-row--stack"
+                    key={`source:${item.source_id}`}
+                  >
+                    <Dot
+                      tone={
+                        item.external_llm_ok && !item.degraded ? "info" : "warn"
+                      }
+                    />
                     <span>
                       <b>{item.title}</b>
                       <small>
-                        {item.source_id} · doc {item.doc_id ?? "-"} · {item.chunk_count} chunks · {item.content_hash.slice(0, 10)}
+                        {item.source_id} · doc {item.doc_id ?? "-"} ·{" "}
+                        {item.chunk_count} chunks ·{" "}
+                        {item.content_hash.slice(0, 10)}
                       </small>
                     </span>
                   </div>
                 ))}
                 {generationEvidence.slice(0, 3).map((item) => (
-                  <div className="ps-evidence" key={`evidence:${item.source_id}:${item.chunk_id}`}>
+                  <div
+                    className={surfaceClassName("ps-evidence", {
+                      variant: "inset",
+                      flat: true,
+                    })}
+                    key={`evidence:${item.source_id}:${item.chunk_id}`}
+                  >
                     <b>
                       chunk {item.chunk_id} · {item.score.toFixed(3)}
                     </b>
-                    <span>{item.heading_path ? `${item.heading_path} · ` : ""}{item.excerpt}</span>
+                    <span>
+                      {item.heading_path ? `${item.heading_path} · ` : ""}
+                      {item.excerpt}
+                    </span>
                   </div>
                 ))}
               </div>
             </div>
 
-            <div className="ps-inspector__block">
+            <div className={surfaceClassName("ps-inspector__block")}>
               <Kicker>검수 큐</Kicker>
               {reviews.length > 0 ? (
                 <div className="ps-review-cards">
                   {reviews.map((persona) => (
-                    <article className="ps-review" key={`${persona.persona_id}:decision`}>
+                    <article
+                      className={surfaceClassName("ps-review", {
+                        variant: "inset",
+                      })}
+                      key={`${persona.persona_id}:decision`}
+                    >
                       <div>
                         <b>
                           {persona.code} v{persona.version}
@@ -1794,14 +3023,18 @@ export default function PersonaStudio() {
                         <Button
                           size="sm"
                           variant="secondary"
-                          onClick={() => void decideReview(persona.persona_id, "reject")}
+                          onClick={() =>
+                            void decideReview(persona.persona_id, "reject")
+                          }
                           disabled={busy !== null}
                         >
                           반려
                         </Button>
                         <Button
                           size="sm"
-                          onClick={() => void decideReview(persona.persona_id, "approve")}
+                          onClick={() =>
+                            void decideReview(persona.persona_id, "approve")
+                          }
                           disabled={busy !== null}
                         >
                           승인
@@ -1811,7 +3044,10 @@ export default function PersonaStudio() {
                   ))}
                 </div>
               ) : (
-                <EmptyState title="결정 대기 없음" desc="검수 요청 후 승인·반려가 가능합니다." />
+                <EmptyState
+                  title="결정 대기 없음"
+                  desc="검수 요청 후 승인·반려가 가능합니다."
+                />
               )}
             </div>
           </aside>
@@ -1819,4 +3055,6 @@ export default function PersonaStudio() {
       </main>
     </AppShell>
   );
+
+  return isAuthoring ? legacyAuthoring : workspaceView;
 }
diff --git a/apps/web/src/pages/Professor.tsx b/apps/web/src/pages/Professor.tsx
index 3ce71bb..40f6103 100644
--- a/apps/web/src/pages/Professor.tsx
+++ b/apps/web/src/pages/Professor.tsx
@@ -1,13 +1,21 @@
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { useNavigate, useSearchParams } from "react-router-dom";
 import { AppShell } from "../components/shell/AppShell";
-import { Badge, Button, Card, Dot, Icon, Kicker } from "../components/ui";
+import {
+  Badge,
+  Button,
+  Card,
+  Dot,
+  EmptyState as UiEmptyState,
+  Icon,
+  Kicker,
+  surfaceClassName,
+} from "../components/ui";
 import {
   ApiError,
   personaReviewApi,
   teacherApi,
   type PersonaReviewAction,
-  type PersonaReviewStatus,
   type PersonaReviewSummary,
   type TeacherLearnerAnalysisResponse,
   type TeacherLearnerGrowth,
@@ -16,6 +24,13 @@ import {
   type TeacherDashboardResponse,
   type TeacherSessionSummary,
 } from "../lib/api";
+import {
+  formatBipolarPercent,
+  formatDateTimeKo as formatDateTime,
+  formatOptionalPercent,
+  formatPercentagePointDelta,
+} from "../lib/format";
+import { personaReviewStatusLabel, personaReviewTone } from "../lib/personaViewModel";
 import "./professor.css";
 
 type LoadState = "loading" | "ready" | "error";
@@ -35,37 +50,22 @@ type PersonaSessionGroup = {
   avgRapport: number | null;
 };
 
-function formatDateTime(value: string | null): string {
-  if (!value) return "-";
-  const date = new Date(value);
-  if (Number.isNaN(date.getTime())) return value;
-  return date.toLocaleString("ko-KR", {
-    month: "2-digit",
-    day: "2-digit",
-    hour: "2-digit",
-    minute: "2-digit",
-  });
-}
-
 function formatScore(value: number | null | undefined): string {
-  if (typeof value !== "number" || Number.isNaN(value)) return "평가 부족";
-  return `${Math.round(value * 100)}%`;
+  return formatOptionalPercent(value, "평가 부족");
 }
 
 function formatDelta(value: number | null | undefined): string {
-  if (typeof value !== "number" || Number.isNaN(value)) return "변화 부족";
-  const sign = value > 0 ? "+" : "";
-  return `${sign}${Math.round(value * 100)}%p`;
+  return formatPercentagePointDelta(value, "변화 부족");
 }
 
 function formatRapport(value: number | null | undefined): string {
-  if (typeof value !== "number" || Number.isNaN(value)) return "라포 부족";
-  return `${Math.round(((value + 1) / 2) * 100)}%`;
+  return formatBipolarPercent(value, "라포 부족");
 }
 
 function average(values: Array<number | null | undefined>): number | null {
   const numbers = values.filter(
-    (value): value is number => typeof value === "number" && !Number.isNaN(value),
+    (value): value is number =>
+      typeof value === "number" && !Number.isNaN(value),
   );
   if (numbers.length === 0) return null;
   return numbers.reduce((sum, value) => sum + value, 0) / numbers.length;
@@ -98,62 +98,67 @@ function sessionReviewStatusLabel(status: string | null | undefined): string {
   return "검토 대기";
 }
 
-function sessionReviewTone(status: string | null | undefined): "accent" | "neutral" | "warn" {
+function sessionReviewTone(
+  status: string | null | undefined,
+): "accent" | "neutral" | "warn" {
   if (status === "closed") return "accent";
   if (status === "viewed") return "warn";
   return "neutral";
 }
 
-function sessionSupervisorTone(status: string | null | undefined): "accent" | "neutral" | "warn" {
+function sessionSupervisorTone(
+  status: string | null | undefined,
+): "accent" | "neutral" | "warn" {
   if (status === "평가 완료") return "accent";
   if (status === "평가 실패" || status === "평가 대기") return "warn";
   return "neutral";
 }
 
 function sessionSupervisorLabel(session: TeacherSessionSummary): string {
-  return session.supervisor_state ?? (session.review_ready ? "평가 완료" : "기록 대기");
-}
-
-function personaReviewStatusLabel(status: PersonaReviewStatus): string {
-  if (status === "review") return "검수 대기";
-  if (status === "draft") return "수정 대기";
-  if (status === "approved") return "승인됨";
-  return "보관됨";
-}
-
-function personaReviewTone(status: PersonaReviewStatus): "accent" | "neutral" | "warn" {
-  if (status === "review") return "accent";
-  if (status === "draft") return "warn";
-  return "neutral";
+  return (
+    session.supervisor_state ??
+    (session.review_ready ? "평가 완료" : "기록 대기")
+  );
 }
 
 function EmptyState({ title, desc }: { title: string; desc: string }) {
-  return (
-    <div className="pf-empty">
-      <b>{title}</b>
-      <span>{desc}</span>
-    </div>
-  );
+  return <UiEmptyState className="pf-empty" title={title} description={desc} />;
 }
-export default function Professor({ view = "console" }: { view?: ProfessorView }) {
+export default function Professor({
+  view = "console",
+}: {
+  view?: ProfessorView;
+}) {
   const navigate = useNavigate();
   const [searchParams, setSearchParams] = useSearchParams();
   const isAnalysisView = view === "analysis";
   const selectedLearnerId = isAnalysisView ? searchParams.get("learner") : null;
-  const [dashboard, setDashboard] = useState<TeacherDashboardResponse | null>(null);
-  const [personaReviews, setPersonaReviews] = useState<PersonaReviewSummary[]>([]);
+  const [dashboard, setDashboard] = useState<TeacherDashboardResponse | null>(
+    null,
+  );
+  const [personaReviews, setPersonaReviews] = useState<PersonaReviewSummary[]>(
+    [],
+  );
   const [loadState, setLoadState] = useState<LoadState>("loading");
   const [error, setError] = useState<string | null>(null);
-  const [personaReviewLoading, setPersonaReviewLoading] = useState(!isAnalysisView);
-  const [personaReviewError, setPersonaReviewError] = useState<string | null>(null);
-  const [personaDecisionBusy, setPersonaDecisionBusy] = useState<string | null>(null);
+  const [personaReviewLoading, setPersonaReviewLoading] =
+    useState(!isAnalysisView);
+  const [personaReviewError, setPersonaReviewError] = useState<string | null>(
+    null,
+  );
+  const [personaDecisionBusy, setPersonaDecisionBusy] = useState<string | null>(
+    null,
+  );
   const [updatedAt, setUpdatedAt] = useState<Date | null>(null);
   const [learnerSearch, setLearnerSearch] = useState("");
   const [learnerSort, setLearnerSort] = useState<LearnerSort>("latest");
   const [learnerAnalysis, setLearnerAnalysis] =
     useState<TeacherLearnerAnalysisResponse | null>(null);
-  const [learnerAnalysisState, setLearnerAnalysisState] = useState<LoadState>("ready");
-  const [learnerAnalysisError, setLearnerAnalysisError] = useState<string | null>(null);
+  const [learnerAnalysisState, setLearnerAnalysisState] =
+    useState<LoadState>("ready");
+  const [learnerAnalysisError, setLearnerAnalysisError] = useState<
+    string | null
+  >(null);
   const [learnerAnalysisReloadSeq, setLearnerAnalysisReloadSeq] = useState(0);
 
   const loadDashboard = useCallback(async () => {
@@ -165,7 +170,11 @@ export default function Professor({ view = "console" }: { view?: ProfessorView }
       setUpdatedAt(new Date());
       setLoadState("ready");
     } catch (err) {
-      setError(err instanceof Error ? err.message : "교수자 대시보드를 불러오지 못했습니다.");
+      setError(
+        err instanceof Error
+          ? err.message
+          : "교수자 대시보드를 불러오지 못했습니다.",
+      );
       setLoadState("error");
     }
   }, []);
@@ -198,7 +207,9 @@ export default function Professor({ view = "console" }: { view?: ProfessorView }
         const next = await personaReviewApi.decide(personaId, action);
         setPersonaReviews((current) => {
           if (next.status === "draft" || next.status === "review") {
-            return current.map((item) => (item.persona_id === next.persona_id ? next : item));
+            return current.map((item) =>
+              item.persona_id === next.persona_id ? next : item,
+            );
           }
           return current.filter((item) => item.persona_id !== next.persona_id);
         });
@@ -268,14 +279,17 @@ export default function Professor({ view = "console" }: { view?: ProfessorView }
   );
   const pendingCount = dashboard?.pending_reviews?.length ?? 0;
   const hasPending = pendingCount > 0;
-  const totalSessions = (dashboard?.active_sessions ?? 0) + (dashboard?.ended_sessions ?? 0);
+  const totalSessions =
+    (dashboard?.active_sessions ?? 0) + (dashboard?.ended_sessions ?? 0);
   const personaReviewCount = personaReviews.length;
   const safetyAlerts = dashboard?.safety_alerts ?? [];
   const learnerGrowth = dashboard?.learner_growth ?? [];
   const pendingReviews = dashboard?.pending_reviews ?? [];
   const recentSessions = dashboard?.recent_sessions ?? [];
   const firstPendingReview = pendingReviews[0];
-  const selectedLearner = learnerGrowth.find((learner) => learner.learner_id === selectedLearnerId);
+  const selectedLearner = learnerGrowth.find(
+    (learner) => learner.learner_id === selectedLearnerId,
+  );
   const isRefreshing =
     loadState === "loading" ||
     (!isAnalysisView && personaReviewLoading) ||
@@ -307,8 +321,10 @@ export default function Professor({ view = "console" }: { view?: ProfessorView }
 
     return filtered.sort((a, b) => {
       if (learnerSort === "sessions") return b.sessions - a.sessions;
-      if (learnerSort === "score") return (b.latest_score ?? -1) - (a.latest_score ?? -1);
-      if (learnerSort === "delta") return (b.score_delta ?? -999) - (a.score_delta ?? -999);
+      if (learnerSort === "score")
+        return (b.latest_score ?? -1) - (a.latest_score ?? -1);
+      if (learnerSort === "delta")
+        return (b.score_delta ?? -999) - (a.score_delta ?? -999);
       return Date.parse(b.latest_at ?? "") - Date.parse(a.latest_at ?? "");
     });
   }, [learnerGrowth, learnerSearch, learnerSort]);
@@ -352,7 +368,9 @@ export default function Professor({ view = "console" }: { view?: ProfessorView }
         if (!active) return;
         setLearnerAnalysis(null);
         setLearnerAnalysisError(
-          err instanceof Error ? err.message : "학습자 분석을 불러오지 못했습니다.",
+          err instanceof Error
+            ? err.message
+            : "학습자 분석을 불러오지 못했습니다.",
         );
         setLearnerAnalysisState("error");
       });
@@ -364,26 +382,34 @@ export default function Professor({ view = "console" }: { view?: ProfessorView }
 
   return (
     <AppShell navRole="teacher" wide>
-      <main className={`pf-root ${isAnalysisView ? "pf-root--analysis" : "pf-root--console"}`}>
+      <main
+        className={`pf-root ${isAnalysisView ? "pf-root--analysis" : "pf-root--console"}`}
+      >
         <header className="pf-head">
           <div>
             <Kicker>{isAnalysisView ? "학생 분석" : "교수 콘솔"}</Kicker>
             {isAnalysisView ? (
               <>
-                <h1>전체 학습자를 먼저 보고, 필요한 학습자만 상세로 들어갑니다.</h1>
+                <h1>
+                  전체 학습자를 먼저 보고, 필요한 학습자만 상세로 들어갑니다.
+                </h1>
                 <p>
-                  검색 테이블에서 학습자별 회기 수, 최근 점수, 변화폭, 라포와 미니 추이를 비교한 뒤
-                  상세 화면에서 추이·전체 회기·단계 분석 탭으로 나눠 확인합니다.
+                  검색 테이블에서 학습자별 회기 수, 최근 점수, 변화폭, 라포와
+                  미니 추이를 비교한 뒤 상세 화면에서 추이·전체 회기·단계 분석
+                  탭으로 나눠 확인합니다.
                 </p>
               </>
             ) : (
               <>
                 <h1>
-                  {hasPending ? `${pendingCount}건의 리뷰가 대기 중입니다.` : "검토할 실제 회기가 없습니다."}
+                  {hasPending
+                    ? `${pendingCount}건의 리뷰가 대기 중입니다.`
+                    : "검토할 실제 회기가 없습니다."}
                 </h1>
                 <p>
-                  현재 기록된 학습 세션을 기준으로 운영 큐만 표시합니다. 학생별 장기 추이와 전체
-                  회기 분석은 별도 학생 분석 메뉴에서 확인합니다.
+                  현재 기록된 학습 세션을 기준으로 운영 큐만 표시합니다. 학생별
+                  장기 추이와 전체 회기 분석은 별도 학생 분석 메뉴에서
+                  확인합니다.
                 </p>
               </>
             )}
@@ -392,7 +418,11 @@ export default function Professor({ view = "console" }: { view?: ProfessorView }
             {!isAnalysisView && firstPendingReview ? (
               <Button
                 leading={<Icon name="review" size={16} />}
-                onClick={() => navigate(`/teach/session/${firstPendingReview.session_id}/review`)}
+                onClick={() =>
+                  navigate(
+                    `/teach/session/${firstPendingReview.session_id}/review`,
+                  )
+                }
               >
                 첫 검토 열기
               </Button>
@@ -433,48 +463,65 @@ export default function Professor({ view = "console" }: { view?: ProfessorView }
         </header>
 
         {!isAnalysisView ? (
-        <section className="pf-signal-strip" aria-label="교수자 검토 요약">
-          <section className={`pf-triage ${hasPending ? "is-active" : ""}`} role="status">
-            <Dot tone={loadState === "error" ? "crit" : "accent"} size={9} />
-            <div className="pf-triage__copy">
-              <Kicker>검토 큐</Kicker>
-              <b>{dashboard?.message ?? "학습 세션을 확인하는 중입니다."}</b>
-              <span>
-                {dashboard ? `${dashboard.cohort_label} · 실제 기록` : "확인 중"}
-                {updatedAt ? ` · ${updatedAt.toLocaleTimeString("ko-KR")} 갱신` : ""}
-              </span>
-            </div>
-            <div className="pf-triage__meta">
-              <span>
-                <b>{pendingCount}</b>
-                <small>리뷰 대기</small>
-              </span>
-              <span>
-                <b>{totalSessions}</b>
-                <small>누적 회기</small>
-              </span>
-            </div>
-          </section>
+          <section className="pf-signal-strip" aria-label="교수자 검토 요약">
+            <section
+              className={surfaceClassName(
+                `pf-triage ${hasPending ? "is-active" : ""}`,
+              )}
+              role="status"
+            >
+              <Dot tone={loadState === "error" ? "crit" : "accent"} size={9} />
+              <div className="pf-triage__copy">
+                <Kicker>검토 큐</Kicker>
+                <b>{dashboard?.message ?? "학습 세션을 확인하는 중입니다."}</b>
+                <span>
+                  {dashboard
+                    ? `${dashboard.cohort_label} · 실제 기록`
+                    : "확인 중"}
+                  {updatedAt
+                    ? ` · ${updatedAt.toLocaleTimeString("ko-KR")} 갱신`
+                    : ""}
+                </span>
+              </div>
+              <div
+                className={surfaceClassName("pf-triage__meta", {
+                  variant: "inset",
+                  flat: true,
+                })}
+              >
+                <span>
+                  <b>{pendingCount}</b>
+                  <small>리뷰 대기</small>
+                </span>
+                <span>
+                  <b>{totalSessions}</b>
+                  <small>누적 회기</small>
+                </span>
+              </div>
+            </section>
 
-          <section className="pf-kpis" aria-label="교수자 요약">
-            {kpis.map((kpi) => {
-              const emphasis = "emphasis" in kpi ? kpi.emphasis : null;
-              return (
-                <div
-                  className={`pf-kpi ${emphasis ? `pf-kpi--${emphasis}` : ""}`}
-                  key={kpi.label}
-                >
-                  <span className="pf-kpi__ic" aria-hidden="true">
-                    <Icon name={kpi.icon} size={15} strokeWidth={1.9} />
-                  </span>
-                  <span className="pf-kpi__lab">{kpi.label}</span>
-                  <b>{kpi.value}</b>
-                  <small>{kpi.hint}</small>
-                </div>
-              );
-            })}
+            <section
+              className={surfaceClassName("pf-kpis")}
+              aria-label="교수자 요약"
+            >
+              {kpis.map((kpi) => {
+                const emphasis = "emphasis" in kpi ? kpi.emphasis : null;
+                return (
+                  <div
+                    className={`pf-kpi ${emphasis ? `pf-kpi--${emphasis}` : ""}`}
+                    key={kpi.label}
+                  >
+                    <span className="pf-kpi__ic" aria-hidden="true">
+                      <Icon name={kpi.icon} size={15} strokeWidth={1.9} />
+                    </span>
+                    <span className="pf-kpi__lab">{kpi.label}</span>
+                    <b>{kpi.value}</b>
+                    <small>{kpi.hint}</small>
+                  </div>
+                );
+              })}
+            </section>
           </section>
-        </section>
         ) : null}
 
         {error ? (
@@ -508,7 +555,13 @@ export default function Professor({ view = "console" }: { view?: ProfessorView }
                   >
                     전체 목록
                   </Button>
-                  <nav className="pf-depth-strip" aria-label="학생 분석 깊이">
+                  <nav
+                    className={surfaceClassName("pf-depth-strip", {
+                      variant: "inset",
+                      flat: true,
+                    })}
+                    aria-label="학생 분석 깊이"
+                  >
                     <span>
                       <small>1</small>
                       검색 목록
@@ -530,7 +583,9 @@ export default function Professor({ view = "console" }: { view?: ProfessorView }
                     <h2>{selectedLearner?.learner_label ?? "학습자 이력"}</h2>
                   </div>
                   <Badge tone={learnerAnalysis ? "accent" : "neutral"}>
-                    {learnerAnalysis ? `${learnerAnalysis.total_sessions}회기` : "대기"}
+                    {learnerAnalysis
+                      ? `${learnerAnalysis.total_sessions}회기`
+                      : "대기"}
                   </Badge>
                 </div>
 
@@ -549,7 +604,9 @@ export default function Professor({ view = "console" }: { view?: ProfessorView }
                   ) : learnerAnalysis ? (
                     <LearnerAnalysisPanel
                       analysis={learnerAnalysis}
-                      onOpenSession={(sessionId) => navigate(`/teach/session/${sessionId}/review`)}
+                      onOpenSession={(sessionId) =>
+                        navigate(`/teach/session/${sessionId}/review`)
+                      }
                     />
                   ) : (
                     <EmptyState
@@ -564,294 +621,360 @@ export default function Professor({ view = "console" }: { view?: ProfessorView }
         ) : null}
 
         {!isAnalysisView ? (
-        <section className="pf-workspace">
-          <div className="pf-queue-stack">
-            <section className="pf-section pf-section--pending">
-              <div className="pf-section__head">
-                <div>
-                  <Kicker>검토 대기</Kicker>
-                  <h2>아직 닫지 않은 종료 회기</h2>
-                </div>
-                <Badge tone="accent">{pendingReviews.length}건</Badge>
-              </div>
-
-              <Card className="pf-panel">
-                {pendingReviews.length > 0 ? (
-                  <div className="pf-list">
-                    {pendingReviews.map((session) => (
-                      <button
-                        type="button"
-                        className="pf-session pf-session--action"
-                        key={session.session_id}
-                        data-pending-review-row="true"
-                        aria-label={`${session.learner_label} ${session.persona_code} 회기 상세 검토`}
-                        onClick={() => navigate(`/teach/session/${session.session_id}/review`)}
-                      >
-                        <span className="pf-session__dot" aria-hidden="true" />
-                        <div className="pf-session__main">
-                          <b>{session.learner_label}</b>
-                          <span>
-                            {session.persona_code} · {session.stage} · {session.turn_count}턴
-                          </span>
-                          <code>{session.session_id}</code>
-                        </div>
-                        <div className="pf-session__meta">
-                          <span>{formatDateTime(session.ended_at ?? null)}</span>
-                          <Badge tone={sessionSupervisorTone(sessionSupervisorLabel(session))}>
-                            {sessionSupervisorLabel(session)}
-                          </Badge>
-                          <Badge tone={sessionReviewTone(session.review_status)}>
-                            {sessionReviewStatusLabel(session.review_status)}
-                          </Badge>
-                        </div>
-                        <span className="pf-session__open">
-                          <Icon name="review" size={13} />
-                          상세 검토
-                        </span>
-                      </button>
-                    ))}
+          <section className="pf-workspace">
+            <div className="pf-queue-stack">
+              <section className="pf-section pf-section--pending">
+                <div className="pf-section__head">
+                  <div>
+                    <Kicker>검토 대기</Kicker>
+                    <h2>아직 닫지 않은 종료 회기</h2>
                   </div>
-                ) : (
-                  <EmptyState
-                    title="검토할 실제 회기가 없습니다"
-                    desc="종료된 회기를 검토 완료로 닫으면 이 목록에서 사라집니다."
-                  />
-                )}
-              </Card>
-            </section>
-
-            <section className="pf-section pf-section--safety">
-              <div className="pf-section__head">
-                <div>
-                  <Kicker>위기 알림</Kicker>
-                  <h2>109 안전 확인 큐</h2>
+                  <Badge tone="accent">{pendingReviews.length}건</Badge>
                 </div>
-                <Badge tone={safetyAlerts.length > 0 ? "warn" : "neutral"}>
-                  {safetyAlerts.length}건
-                </Badge>
-              </div>
 
-              <Card className="pf-panel">
-                {safetyAlerts.length > 0 ? (
-                  <div className="pf-alerts">
-                    {safetyAlerts.map((alert) => (
-                      <SafetyAlertRow alert={alert} key={alert.id} />
-                    ))}
-                  </div>
-                ) : (
-                  <EmptyState
-                    title="현재 위기 알림 없음"
-                    desc="실제 위기 신호가 감지되면 이 목록에 109 확인 큐로 표시됩니다."
-                  />
-                )}
-              </Card>
-            </section>
-
-            <section className="pf-section pf-section--persona">
-              <div className="pf-section__head">
-                <div>
-                  <Kicker>페르소나 검수</Kicker>
-                  <h2>공개 전 승인 큐</h2>
-                </div>
-                <Badge tone={personaReviewCount > 0 ? "accent" : "neutral"}>
-                  {personaReviewCount}건
-                </Badge>
-              </div>
-
-              <Card className="pf-panel">
-                {personaReviewError ? (
-                  <div className="pf-empty" role="alert">
-                    <Icon name="alert" size={18} />
-                    <b>{personaReviewError}</b>
-                    <span>네트워크 또는 서버 오류가 발생했습니다.</span>
-                    <Button
-                      size="sm"
-                      variant="secondary"
-                      leading={<Icon name="review" size={14} />}
-                      onClick={() => void loadPersonaReviews()}
-                      disabled={personaReviewLoading}
-                    >
-                      {personaReviewLoading ? "확인 중" : "다시 시도"}
-                    </Button>
-                  </div>
-                ) : personaReviews.length > 0 ? (
-                  <div className="pf-personas">
-                    {personaReviews.map((persona) => {
-                      return (
-                        <article
-                          className="pf-persona"
-                          key={`${persona.persona_id}:${persona.version}`}
-                          data-persona-review-row="true"
+                <Card className="pf-panel">
+                  {pendingReviews.length > 0 ? (
+                    <div className="pf-list">
+                      {pendingReviews.map((session) => (
+                        <button
+                          type="button"
+                          className="pf-session pf-session--action"
+                          key={session.session_id}
+                          data-pending-review-row="true"
+                          aria-label={`${session.learner_label} ${session.persona_code} 회기 상세 검토`}
+                          onClick={() =>
+                            navigate(
+                              `/teach/session/${session.session_id}/review`,
+                            )
+                          }
                         >
-                          <div className="pf-persona__main">
-                            <span className="pf-persona__code">{persona.code}</span>
-                            <div>
-                              <b>{persona.display_name}</b>
+                          <span
+                            className="pf-session__dot"
+                            aria-hidden="true"
+                          />
+                          <div className="pf-session__main">
+                            <b>{session.learner_label}</b>
+                            <span>
+                              {session.persona_code} · {session.stage} ·{" "}
+                              {session.turn_count}턴
+                            </span>
+                            <code>{session.session_id}</code>
+                          </div>
+                          <div className="pf-session__meta">
+                            <span>
+                              {formatDateTime(session.ended_at ?? null)}
+                            </span>
+                            <Badge
+                              tone={sessionSupervisorTone(
+                                sessionSupervisorLabel(session),
+                              )}
+                            >
+                              {sessionSupervisorLabel(session)}
+                            </Badge>
+                            <Badge
+                              tone={sessionReviewTone(session.review_status)}
+                            >
+                              {sessionReviewStatusLabel(session.review_status)}
+                            </Badge>
+                          </div>
+                          <span className="pf-session__open">
+                            <Icon name="review" size={13} />
+                            상세 검토
+                          </span>
+                        </button>
+                      ))}
+                    </div>
+                  ) : (
+                    <EmptyState
+                      title="검토할 실제 회기가 없습니다"
+                      desc="종료된 회기를 검토 완료로 닫으면 이 목록에서 사라집니다."
+                    />
+                  )}
+                </Card>
+              </section>
+
+              <section className="pf-section pf-section--safety">
+                <div className="pf-section__head">
+                  <div>
+                    <Kicker>위기 알림</Kicker>
+                    <h2>109 안전 확인 큐</h2>
+                  </div>
+                  <Badge tone={safetyAlerts.length > 0 ? "warn" : "neutral"}>
+                    {safetyAlerts.length}건
+                  </Badge>
+                </div>
+
+                <Card className="pf-panel">
+                  {safetyAlerts.length > 0 ? (
+                    <div className="pf-alerts">
+                      {safetyAlerts.map((alert) => (
+                        <SafetyAlertRow alert={alert} key={alert.id} />
+                      ))}
+                    </div>
+                  ) : (
+                    <EmptyState
+                      title="현재 위기 알림 없음"
+                      desc="실제 위기 신호가 감지되면 이 목록에 109 확인 큐로 표시됩니다."
+                    />
+                  )}
+                </Card>
+              </section>
+
+              <section className="pf-section pf-section--persona">
+                <div className="pf-section__head">
+                  <div>
+                    <Kicker>페르소나 검수</Kicker>
+                    <h2>공개 전 승인 큐</h2>
+                  </div>
+                  <Badge tone={personaReviewCount > 0 ? "accent" : "neutral"}>
+                    {personaReviewCount}건
+                  </Badge>
+                </div>
+
+                <Card className="pf-panel">
+                  {personaReviewError ? (
+                    <div className="pf-empty" role="alert">
+                      <Icon name="alert" size={18} />
+                      <b>{personaReviewError}</b>
+                      <span>네트워크 또는 서버 오류가 발생했습니다.</span>
+                      <Button
+                        size="sm"
+                        variant="secondary"
+                        leading={<Icon name="review" size={14} />}
+                        onClick={() => void loadPersonaReviews()}
+                        disabled={personaReviewLoading}
+                      >
+                        {personaReviewLoading ? "확인 중" : "다시 시도"}
+                      </Button>
+                    </div>
+                  ) : personaReviews.length > 0 ? (
+                    <div className="pf-personas">
+                      {personaReviews.map((persona) => {
+                        return (
+                          <article
+                            className="pf-persona"
+                            key={`${persona.persona_id}:${persona.version}`}
+                            data-persona-review-row="true"
+                          >
+                            <div className="pf-persona__main">
+                              <span className="pf-persona__code">
+                                {persona.code}
+                              </span>
+                              <div>
+                                <b>{persona.display_name}</b>
+                                <span>
+                                  v{persona.version} · {persona.difficulty} ·{" "}
+                                  {persona.theory_target.join(" · ") || "공통"}
+                                </span>
+                              </div>
+                            </div>
+                            <p>
+                              {persona.source_provenance || "출처 정보 없음"}
+                            </p>
+                            <div className="pf-persona__meta">
+                              <Badge tone={personaReviewTone(persona.status)}>
+                                {personaReviewStatusLabel(persona.status)}
+                              </Badge>
                               <span>
-                                v{persona.version} · {persona.difficulty} ·{" "}
-                                {persona.theory_target.join(" · ") || "공통"}
+                                {formatDateTime(persona.created_at ?? null)}
                               </span>
                             </div>
-                          </div>
-                          <p>{persona.source_provenance || "출처 정보 없음"}</p>
-                          <div className="pf-persona__meta">
-                            <Badge tone={personaReviewTone(persona.status)}>
-                              {personaReviewStatusLabel(persona.status)}
-                            </Badge>
-                            <span>{formatDateTime(persona.created_at ?? null)}</span>
-                          </div>
-                          <div className="pf-persona__actions">
-                            {persona.status === "review" ? (
+                            <div className="pf-persona__actions">
+                              {persona.status === "review" ? (
+                                <Button
+                                  size="sm"
+                                  variant="primary"
+                                  leading={<Icon name="check" size={14} />}
+                                  onClick={() =>
+                                    void decidePersonaReview(
+                                      persona.persona_id,
+                                      "approve",
+                                    )
+                                  }
+                                  disabled={
+                                    personaDecisionBusy ===
+                                    `${persona.persona_id}:approve`
+                                  }
+                                >
+                                  승인
+                                </Button>
+                              ) : null}
                               <Button
                                 size="sm"
-                                variant="primary"
-                                leading={<Icon name="check" size={14} />}
-                                onClick={() => void decidePersonaReview(persona.persona_id, "approve")}
-                                disabled={personaDecisionBusy === `${persona.persona_id}:approve`}
+                                variant="secondary"
+                                leading={<Icon name="review" size={14} />}
+                                onClick={() =>
+                                  navigate(
+                                    `/teach/personas?draft=${encodeURIComponent(persona.persona_id)}`,
+                                  )
+                                }
                               >
-                                승인
+                                스튜디오에서 검수
                               </Button>
-                            ) : null}
-                            <Button
-                              size="sm"
-                              variant="secondary"
-                              leading={<Icon name="review" size={14} />}
-                              onClick={() =>
-                                navigate(`/teach/personas?draft=${encodeURIComponent(persona.persona_id)}`)
+                            </div>
+                          </article>
+                        );
+                      })}
+                    </div>
+                  ) : (
+                    <EmptyState
+                      title={
+                        personaReviewLoading
+                          ? "페르소나 검수 큐 확인 중"
+                          : "검수 대기 페르소나 없음"
+                      }
+                      desc="draft 또는 review 상태의 페르소나가 등록되면 스튜디오에서 검수합니다."
+                    />
+                  )}
+                </Card>
+              </section>
+
+              <section className="pf-section pf-section--draft">
+                <div className="pf-section__head">
+                  <div>
+                    <Kicker>페르소나 저작</Kicker>
+                    <h2>콘텐츠 저작실</h2>
+                  </div>
+                  <Badge tone="accent">별도 작업면</Badge>
+                </div>
+
+                <Card className="pf-panel pf-studio-card">
+                  <div className="pf-studio-card__copy">
+                    <b>페르소나 스튜디오</b>
+                    <p>
+                      배경 서사, 임상 개념화, 역린·금기, 회기별 시나리오,
+                      프롬프트 미리보기와 검수 요청을 한 작업면에서 관리합니다.
+                    </p>
+                    <div className="pf-studio-card__meta">
+                      <span>초안 {personaReviewCount}건</span>
+                      <span>공개 전 검수 큐 연동</span>
+                    </div>
+                  </div>
+                  <div className="pf-studio-card__actions">
+                    <Button
+                      variant="secondary"
+                      leading={<Icon name="review" size={16} />}
+                      onClick={() => navigate("/teach/personas")}
+                    >
+                      스튜디오 열기
+                    </Button>
+                  </div>
+                </Card>
+              </section>
+            </div>
+
+            <section className="pf-section pf-section--recent">
+              <div className="pf-section__head">
+                <div>
+                  <Kicker>최근 세션</Kicker>
+                  <h2>최근 회기 기록</h2>
+                </div>
+                <Badge tone="neutral">{recentSessions.length}건</Badge>
+              </div>
+
+              <Card className="pf-panel">
+                {recentSessions.length > 0 ? (
+                  <div className={surfaceClassName("pf-recent-list")}>
+                    <div className="pf-recent-head" aria-hidden="true">
+                      <span>학습자</span>
+                      <span>페르소나</span>
+                      <span>상태</span>
+                      <span>단계</span>
+                      <span>턴</span>
+                      <span>시작</span>
+                      <span>종료</span>
+                      <span>열기</span>
+                    </div>
+                    {recentSessions.map((session) => {
+                      const openLabel = sessionOpenLabel(session.status);
+                      return (
+                        <button
+                          type="button"
+                          className={surfaceClassName(
+                            "pf-recent-row pf-recent-row--action",
+                            { variant: "interactive", flat: true },
+                          )}
+                          key={session.session_id}
+                          data-recent-session-row="true"
+                          aria-label={`${session.learner_label} ${session.persona_code} ${openLabel}`}
+                          onClick={() =>
+                            navigate(
+                              `/teach/session/${session.session_id}/review`,
+                            )
+                          }
+                        >
+                          <div className="pf-recent__learner">
+                            <b>{session.learner_label}</b>
+                            <code>{session.session_id}</code>
+                          </div>
+                          <span
+                            className="pf-recent__cell"
+                            data-label="페르소나"
+                          >
+                            {session.persona_code}
+                          </span>
+                          <span className="pf-recent__cell" data-label="상태">
+                            <Badge
+                              tone={
+                                session.status === "ended"
+                                  ? "neutral"
+                                  : "accent"
                               }
                             >
-                              스튜디오에서 검수
-                            </Button>
-                          </div>
-                        </article>
+                              {session.status === "ended" ? "종료" : "진행 중"}
+                            </Badge>
+                            {session.status === "ended" ? (
+                              <small className="pf-recent__review-state">
+                                {sessionSupervisorLabel(session)} ·{" "}
+                                {sessionReviewStatusLabel(
+                                  session.review_status,
+                                )}
+                              </small>
+                            ) : null}
+                          </span>
+                          <span className="pf-recent__cell" data-label="단계">
+                            {session.stage}
+                          </span>
+                          <span
+                            className="pf-recent__cell tabular"
+                            data-label="턴"
+                          >
+                            {session.turn_count}
+                          </span>
+                          <span
+                            className="pf-recent__cell tabular"
+                            data-label="시작"
+                          >
+                            {formatDateTime(session.started_at)}
+                          </span>
+                          <span
+                            className="pf-recent__cell tabular"
+                            data-label="종료"
+                          >
+                            {formatDateTime(session.ended_at ?? null)}
+                          </span>
+                          <span
+                            className="pf-recent__cell pf-recent__cell--open"
+                            data-label="열기"
+                          >
+                            <span className="pf-recent__open">
+                              <Icon name="review" size={13} />
+                              {openLabel}
+                            </span>
+                          </span>
+                        </button>
                       );
                     })}
                   </div>
                 ) : (
                   <EmptyState
-                    title={personaReviewLoading ? "페르소나 검수 큐 확인 중" : "검수 대기 페르소나 없음"}
-                    desc="draft 또는 review 상태의 페르소나가 등록되면 스튜디오에서 검수합니다."
+                    title="세션 로그 없음"
+                    desc="현재 표시할 학습 세션이 없습니다."
                   />
                 )}
               </Card>
             </section>
-
-            <section className="pf-section pf-section--draft">
-              <div className="pf-section__head">
-                <div>
-                  <Kicker>페르소나 저작</Kicker>
-                  <h2>콘텐츠 저작실</h2>
-                </div>
-                <Badge tone="accent">별도 작업면</Badge>
-              </div>
-
-              <Card className="pf-panel pf-studio-card">
-                <div className="pf-studio-card__copy">
-                  <b>페르소나 스튜디오</b>
-                  <p>
-                    배경 서사, 임상 개념화, 역린·금기, 회기별 시나리오, 프롬프트 미리보기와
-                    검수 요청을 한 작업면에서 관리합니다.
-                  </p>
-                  <div className="pf-studio-card__meta">
-                    <span>초안 {personaReviewCount}건</span>
-                    <span>공개 전 검수 큐 연동</span>
-                  </div>
-                </div>
-                <div className="pf-studio-card__actions">
-                  <Button
-                    variant="secondary"
-                    leading={<Icon name="review" size={16} />}
-                    onClick={() => navigate("/teach/personas")}
-                  >
-                    스튜디오 열기
-                  </Button>
-                </div>
-              </Card>
-            </section>
-          </div>
-
-          <section className="pf-section pf-section--recent">
-          <div className="pf-section__head">
-            <div>
-              <Kicker>최근 세션</Kicker>
-              <h2>최근 회기 기록</h2>
-            </div>
-            <Badge tone="neutral">{recentSessions.length}건</Badge>
-          </div>
-
-          <Card className="pf-panel">
-            {recentSessions.length > 0 ? (
-              <div className="pf-recent-list">
-                <div className="pf-recent-head" aria-hidden="true">
-                  <span>학습자</span>
-                  <span>페르소나</span>
-                  <span>상태</span>
-                  <span>단계</span>
-                  <span>턴</span>
-                  <span>시작</span>
-                  <span>종료</span>
-                  <span>열기</span>
-                </div>
-                {recentSessions.map((session) => {
-                  const openLabel = sessionOpenLabel(session.status);
-                  return (
-                    <button
-                      type="button"
-                      className="pf-recent-row pf-recent-row--action"
-                      key={session.session_id}
-                      data-recent-session-row="true"
-                      aria-label={`${session.learner_label} ${session.persona_code} ${openLabel}`}
-                      onClick={() => navigate(`/teach/session/${session.session_id}/review`)}
-                    >
-                      <div className="pf-recent__learner">
-                        <b>{session.learner_label}</b>
-                        <code>{session.session_id}</code>
-                      </div>
-                      <span className="pf-recent__cell" data-label="페르소나">
-                        {session.persona_code}
-                      </span>
-                      <span className="pf-recent__cell" data-label="상태">
-                        <Badge tone={session.status === "ended" ? "neutral" : "accent"}>
-                          {session.status === "ended" ? "종료" : "진행 중"}
-                        </Badge>
-                        {session.status === "ended" ? (
-                          <small className="pf-recent__review-state">
-                            {sessionSupervisorLabel(session)} ·{" "}
-                            {sessionReviewStatusLabel(session.review_status)}
-                          </small>
-                        ) : null}
-                      </span>
-                      <span className="pf-recent__cell" data-label="단계">
-                        {session.stage}
-                      </span>
-                      <span className="pf-recent__cell tabular" data-label="턴">
-                        {session.turn_count}
-                      </span>
-                      <span className="pf-recent__cell tabular" data-label="시작">
-                        {formatDateTime(session.started_at)}
-                      </span>
-                      <span className="pf-recent__cell tabular" data-label="종료">
-                        {formatDateTime(session.ended_at ?? null)}
-                      </span>
-                      <span className="pf-recent__cell pf-recent__cell--open" data-label="열기">
-                        <span className="pf-recent__open">
-                          <Icon name="review" size={13} />
-                          {openLabel}
-                        </span>
-                      </span>
-                    </button>
-                  );
-                })}
-              </div>
-            ) : (
-              <EmptyState
-                title="세션 로그 없음"
-                desc="현재 표시할 학습 세션이 없습니다."
-              />
-            )}
-          </Card>
           </section>
-        </section>
         ) : null}
       </main>
     </AppShell>
@@ -877,7 +1000,9 @@ function LearnerOverviewTable({
   onSort: (value: LearnerSort) => void;
   onOpen: (learnerId: string) => void;
 }) {
-  const [expandedLearnerId, setExpandedLearnerId] = useState<string | null>(null);
+  const [expandedLearnerId, setExpandedLearnerId] = useState<string | null>(
+    null,
+  );
   const sortOptions: Array<{ key: LearnerSort; label: string }> = [
     { key: "latest", label: "최근순" },
     { key: "sessions", label: "회기순" },
@@ -886,7 +1011,10 @@ function LearnerOverviewTable({
   ];
 
   useEffect(() => {
-    if (expandedLearnerId && !learners.some((learner) => learner.learner_id === expandedLearnerId)) {
+    if (
+      expandedLearnerId &&
+      !learners.some((learner) => learner.learner_id === expandedLearnerId)
+    ) {
       setExpandedLearnerId(null);
     }
   }, [expandedLearnerId, learners]);
@@ -898,7 +1026,9 @@ function LearnerOverviewTable({
           <Kicker>전체 학습자</Kicker>
           <h2>검색 가능한 학습자 추이 테이블</h2>
         </div>
-        <Badge tone={totalLearners > 0 ? "accent" : "neutral"}>{totalLearners}명</Badge>
+        <Badge tone={totalLearners > 0 ? "accent" : "neutral"}>
+          {totalLearners}명
+        </Badge>
       </div>
 
       <Card className="pf-panel pf-learner-overview">
@@ -928,7 +1058,11 @@ function LearnerOverviewTable({
 
         {totalLearners === 0 ? (
           <EmptyState
-            title={loadState === "loading" ? "학습자 추이 계산 중" : "표시할 학습자 이력 없음"}
+            title={
+              loadState === "loading"
+                ? "학습자 추이 계산 중"
+                : "표시할 학습자 이력 없음"
+            }
             desc="실제 학습자 회기와 턴별 평가가 쌓이면 이 표에 전체 학습자 추이가 표시됩니다."
           />
         ) : learners.length === 0 ? (
@@ -954,7 +1088,10 @@ function LearnerOverviewTable({
               const expandId = `learner-expanded-${learner.learner_id}`;
               const topTechniques = learner.top_techniques ?? [];
               return (
-                <div className={`pf-learner-record ${isExpanded ? "is-expanded" : ""}`} key={learner.learner_id}>
+                <div
+                  className={`pf-learner-record ${isExpanded ? "is-expanded" : ""}`}
+                  key={learner.learner_id}
+                >
                   <article
                     className="pf-learner-row"
                     data-learner-overview-row="true"
@@ -975,23 +1112,42 @@ function LearnerOverviewTable({
                       </b>
                       <span>{formatDateTime(learner.latest_at)}</span>
                     </div>
-                    <div className="pf-learner-row__metric" data-label="최근 적절성">
+                    <div
+                      className="pf-learner-row__metric"
+                      data-label="최근 적절성"
+                    >
                       <b>{formatScore(learner.latest_score)}</b>
                     </div>
                     <div className="pf-learner-row__metric" data-label="변화">
                       <b>{formatDelta(learner.score_delta)}</b>
                     </div>
-                    <div className="pf-learner-row__metric" data-label="평균 라포">
+                    <div
+                      className="pf-learner-row__metric"
+                      data-label="평균 라포"
+                    >
                       <b>{formatRapport(learner.avg_rapport)}</b>
                     </div>
                     <div className="pf-learner-row__trend" data-label="추이">
-                      <Badge tone={learner.trend === "down" ? "warn" : learner.trend === "up" ? "accent" : "neutral"}>
+                      <Badge
+                        tone={
+                          learner.trend === "down"
+                            ? "warn"
+                            : learner.trend === "up"
+                              ? "accent"
+                              : "neutral"
+                        }
+                      >
                         {trendLabel(learner.trend)}
                       </Badge>
                     </div>
-                    <div className="pf-learner-row__tag-summary" data-label="기법 요약">
+                    <div
+                      className="pf-learner-row__tag-summary"
+                      data-label="기법 요약"
+                    >
                       <b>{topTechniques[0] ?? "기법 부족"}</b>
-                      {topTechniques.length > 1 ? <span>외 {topTechniques.length - 1}개</span> : null}
+                      {topTechniques.length > 1 ? (
+                        <span>외 {topTechniques.length - 1}개</span>
+                      ) : null}
                     </div>
                     <div className="pf-learner-row__expand">
                       <button
@@ -1000,9 +1156,16 @@ function LearnerOverviewTable({
                         aria-expanded={isExpanded}
                         aria-controls={expandId}
                         aria-label={`${learner.learner_label} 요약 ${isExpanded ? "접기" : "펼치기"}`}
-                        onClick={() => setExpandedLearnerId(isExpanded ? null : learner.learner_id)}
+                        onClick={() =>
+                          setExpandedLearnerId(
+                            isExpanded ? null : learner.learner_id,
+                          )
+                        }
                       >
-                        <Icon name={isExpanded ? "arrow-up" : "arrow-down"} size={14} />
+                        <Icon
+                          name={isExpanded ? "arrow-up" : "arrow-down"}
+                          size={14}
+                        />
                       </button>
                     </div>
                     <div className="pf-learner-row__action">
@@ -1026,7 +1189,10 @@ function LearnerOverviewTable({
                       <div className="pf-learner-detail-item pf-learner-detail-item--trend">
                         <span>회기별 추이</span>
                         {(learner.points ?? []).length > 0 ? (
-                          <div className="pf-learner-spark" aria-label={`${learner.learner_label} 회기별 추이`}>
+                          <div
+                            className="pf-learner-spark"
+                            aria-label={`${learner.learner_label} 회기별 추이`}
+                          >
                             {(learner.points ?? []).map((point) => (
                               <GrowthBar point={point} key={point.session_id} />
                             ))}
@@ -1038,7 +1204,8 @@ function LearnerOverviewTable({
                       <div className="pf-learner-detail-item">
                         <span>점수 변화</span>
                         <b>
-                          {formatScore(learner.first_score)} → {formatScore(learner.latest_score)}
+                          {formatScore(learner.first_score)} →{" "}
+                          {formatScore(learner.latest_score)}
                         </b>
                         <small>{formatDelta(learner.score_delta)}</small>
                       </div>
@@ -1046,7 +1213,8 @@ function LearnerOverviewTable({
                         <span>최근 기록</span>
                         <b>{formatDateTime(learner.latest_at)}</b>
                         <small>
-                          완료 {learner.ended_sessions} / 전체 {learner.sessions}
+                          완료 {learner.ended_sessions} / 전체{" "}
+                          {learner.sessions}
                         </small>
                       </div>
                       <div className="pf-learner-detail-item pf-learner-detail-item--tags">
@@ -1055,7 +1223,9 @@ function LearnerOverviewTable({
                           {topTechniques.slice(0, 5).map((tag) => (
                             <span key={tag}>{tag}</span>
                           ))}
-                          {topTechniques.length === 0 ? <span>기법 부족</span> : null}
+                          {topTechniques.length === 0 ? (
+                            <span>기법 부족</span>
+                          ) : null}
                         </div>
                       </div>
                     </div>
@@ -1078,7 +1248,9 @@ function LearnerAnalysisPanel({
   onOpenSession: (sessionId: string) => void;
 }) {
   const [activeTab, setActiveTab] = useState<LearnerAnalysisTab>("personas");
-  const [expandedPersonaKey, setExpandedPersonaKey] = useState<string | null>(null);
+  const [expandedPersonaKey, setExpandedPersonaKey] = useState<string | null>(
+    null,
+  );
   const points = analysis.points ?? [];
   const sessions = analysis.sessions ?? [];
   const pointBySession = useMemo(
@@ -1093,20 +1265,18 @@ function LearnerAnalysisPanel({
       const personaCode = session.persona_code || "페르소나";
       const personaName = session.persona_name || personaCode;
       const key = personaCode || personaName;
-      const group =
-        groups.get(key) ??
-        {
-          key,
-          personaCode,
-          personaName,
-          sessions: [],
-          latestAt: null,
-          endedSessions: 0,
-          pendingReviews: 0,
-          closedReviews: 0,
-          avgScore: null,
-          avgRapport: null,
-        };
+      const group = groups.get(key) ?? {
+        key,
+        personaCode,
+        personaName,
+        sessions: [],
+        latestAt: null,
+        endedSessions: 0,
+        pendingReviews: 0,
+        closedReviews: 0,
+        avgScore: null,
+        avgRapport: null,
+      };
       group.sessions.push(session);
       if (session.status === "ended") group.endedSessions += 1;
       if (session.review_status === "closed") {
@@ -1132,10 +1302,14 @@ function LearnerAnalysisPanel({
           ...group,
           sessions: orderedSessions,
           avgScore: average(
-            orderedSessions.map((session) => pointBySession.get(session.session_id)?.score),
+            orderedSessions.map(
+              (session) => pointBySession.get(session.session_id)?.score,
+            ),
           ),
           avgRapport: average(
-            orderedSessions.map((session) => pointBySession.get(session.session_id)?.rapport),
+            orderedSessions.map(
+              (session) => pointBySession.get(session.session_id)?.rapport,
+            ),
           ),
         };
       })
@@ -1149,12 +1323,21 @@ function LearnerAnalysisPanel({
     setActiveTab("personas");
     setExpandedPersonaKey(null);
   }, [analysis.learner_id]);
-  const tabs: Array<{ key: LearnerAnalysisTab; label: string; count: string }> = [
-    { key: "personas", label: "페르소나별 회기", count: `${personaGroups.length}종` },
-    { key: "trend", label: "추이", count: `${points.length}점` },
-    { key: "sessions", label: "전체 회기", count: `${sessions.length}건` },
-    { key: "stages", label: "단계 분석", count: `${stageBreakdown.length}단계` },
-  ];
+  const tabs: Array<{ key: LearnerAnalysisTab; label: string; count: string }> =
+    [
+      {
+        key: "personas",
+        label: "페르소나별 회기",
+        count: `${personaGroups.length}종`,
+      },
+      { key: "trend", label: "추이", count: `${points.length}점` },
+      { key: "sessions", label: "전체 회기", count: `${sessions.length}건` },
+      {
+        key: "stages",
+        label: "단계 분석",
+        count: `${stageBreakdown.length}단계`,
+      },
+    ];
 
   return (
     <div className="pf-analysis" data-learner-analysis-panel="true">
@@ -1193,7 +1376,14 @@ function LearnerAnalysisPanel({
         </div>
       </div>
 
-      <div className="pf-analysis-tabs" role="tablist" aria-label="학습자 상세 분석 탭">
+      <div
+        className={surfaceClassName("pf-analysis-tabs", {
+          variant: "inset",
+          flat: true,
+        })}
+        role="tablist"
+        aria-label="학습자 상세 분석 탭"
+      >
         {tabs.map((tab) => (
           <button
             type="button"
@@ -1224,7 +1414,10 @@ function LearnerAnalysisPanel({
                 const panelId = `persona-sessions-${domToken(group.key)}`;
                 return (
                   <article
-                    className={`pf-persona-group ${isExpanded ? "is-open" : ""}`}
+                    className={surfaceClassName(
+                      `pf-persona-group ${isExpanded ? "is-open" : ""}`,
+                      { variant: "inset" },
+                    )}
                     data-learner-persona-group="true"
                     key={group.key}
                   >
@@ -1236,14 +1429,19 @@ function LearnerAnalysisPanel({
                       aria-label={`${group.personaCode} ${group.personaName} 회기 ${
                         isExpanded ? "접기" : "펼치기"
                       }`}
-                      onClick={() => setExpandedPersonaKey(isExpanded ? null : group.key)}
+                      onClick={() =>
+                        setExpandedPersonaKey(isExpanded ? null : group.key)
+                      }
                     >
-                      <span className="pf-persona-group__code">{group.personaCode}</span>
+                      <span className="pf-persona-group__code">
+                        {group.personaCode}
+                      </span>
                       <span className="pf-persona-group__main">
                         <b>{group.personaName}</b>
                         <small>
-                          최근 {formatDateTime(group.latestAt)} · 완료 {group.endedSessions}/
-                          {group.sessions.length} · 검토 대기 {group.pendingReviews}
+                          최근 {formatDateTime(group.latestAt)} · 완료{" "}
+                          {group.endedSessions}/{group.sessions.length} · 검토
+                          대기 {group.pendingReviews}
                         </small>
                       </span>
                       <span className="pf-persona-group__metrics">
@@ -1267,13 +1465,19 @@ function LearnerAnalysisPanel({
                         </span>
                       </span>
                       <span className="pf-persona-group__open">
-                        <Icon name={isExpanded ? "arrow-up" : "arrow-down"} size={13} />
+                        <Icon
+                          name={isExpanded ? "arrow-up" : "arrow-down"}
+                          size={13}
+                        />
                         {isExpanded ? "회기 접기" : "회기 펼치기"}
                       </span>
                     </button>
                     {isExpanded ? (
                       <div
-                        className="pf-persona-sessions"
+                        className={surfaceClassName("pf-persona-sessions", {
+                          variant: "inset",
+                          flat: true,
+                        })}
                         id={panelId}
                         data-learner-persona-sessions="true"
                       >
@@ -1292,7 +1496,10 @@ function LearnerAnalysisPanel({
               })}
             </div>
           ) : (
-            <EmptyState title="페르소나 기록 없음" desc="이 학습자의 페르소나별 회기 기록이 없습니다." />
+            <EmptyState
+              title="페르소나 기록 없음"
+              desc="이 학습자의 페르소나별 회기 기록이 없습니다."
+            />
           )}
         </section>
       ) : null}
@@ -1310,7 +1517,10 @@ function LearnerAnalysisPanel({
               ))}
             </div>
           ) : (
-            <EmptyState title="회기별 점수 없음" desc="평가가 저장된 턴이 아직 없습니다." />
+            <EmptyState
+              title="회기별 점수 없음"
+              desc="평가가 저장된 턴이 아직 없습니다."
+            />
           )}
         </section>
       ) : null}
@@ -1323,7 +1533,13 @@ function LearnerAnalysisPanel({
           </div>
           <div className="pf-stage-list">
             {stageBreakdown.map((item) => (
-              <div className="pf-stage-item" key={item.stage}>
+              <div
+                className={surfaceClassName("pf-stage-item", {
+                  variant: "inset",
+                  flat: true,
+                })}
+                key={item.stage}
+              >
                 <span>{item.stage}</span>
                 <b>{item.sessions}</b>
                 <small>{item.turns}턴</small>
@@ -1334,7 +1550,10 @@ function LearnerAnalysisPanel({
       ) : null}
 
       {activeTab === "sessions" ? (
-        <section className="pf-analysis__timeline" aria-label="전체 회기 타임라인">
+        <section
+          className="pf-analysis__timeline"
+          aria-label="전체 회기 타임라인"
+        >
           <div className="pf-analysis__subhead">
             <b>전체 회기</b>
             <span>{sessions.length}건</span>
@@ -1371,7 +1590,10 @@ function LearnerSessionRow({
   return (
     <button
       type="button"
-      className="pf-timeline-row"
+      className={surfaceClassName("pf-timeline-row", {
+        variant: "interactive",
+        flat: true,
+      })}
       data-learner-session-row="true"
       aria-label={`${session.learner_label} ${session.persona_code} ${session.session_no}회기 ${sessionOpenLabel(session.status)}`}
       onClick={onOpen}
@@ -1382,8 +1604,8 @@ function LearnerSessionRow({
           {session.persona_code} · {session.persona_name}
         </b>
         <span>
-          {session.stage} · {session.turn_count}턴 · 학습자 {session.learner_turn_count} / 내담자{" "}
-          {session.client_turn_count}
+          {session.stage} · {session.turn_count}턴 · 학습자{" "}
+          {session.learner_turn_count} / 내담자 {session.client_turn_count}
         </span>
         <code>{session.session_id}</code>
       </div>
@@ -1422,8 +1644,11 @@ function LearnerSessionRow({
 }
 
 function GrowthBar({ point }: { point: TeacherGrowthPoint }) {
-  const hasScore = typeof point.score === "number" && !Number.isNaN(point.score);
-  const height = hasScore ? Math.max(10, Math.round((point.score ?? 0) * 100)) : 10;
+  const hasScore =
+    typeof point.score === "number" && !Number.isNaN(point.score);
+  const height = hasScore
+    ? Math.max(10, Math.round((point.score ?? 0) * 100))
+    : 10;
   return (
     <span
       className={`pf-growth-bar ${hasScore ? "" : "is-empty"}`}
diff --git a/apps/web/src/pages/Session.tsx b/apps/web/src/pages/Session.tsx
index 7a02b37..bfbb6e1 100644
--- a/apps/web/src/pages/Session.tsx
+++ b/apps/web/src/pages/Session.tsx
@@ -24,7 +24,7 @@ import {
   expressionLabelFor,
 } from "../components/avatar/ClientAvatar";
 import type { AvatarState, AvatarAffect, AvatarPersona } from "../components/avatar/ClientAvatar";
-import { Kicker, Button, Icon } from "../components/ui";
+import { Kicker, Button, Icon, surfaceClassName } from "../components/ui";
 import {
   ApiError,
   apiWsUrl,
@@ -38,19 +38,35 @@ import {
   type LiveCoachSuggestion,
   type PersonaSummary,
   type SessionDetailResponse,
+  type SessionProgress,
   type SessionStage,
 } from "../lib/api";
 import { useAuth } from "../lib/auth";
 import { formatElapsed, formatTimecode, clamp01 } from "../lib/format";
 import {
   DIFFICULTY_LABEL,
-  demographicText,
+  PENDING_PERSONA_AVATAR_APPEARANCE,
   isUsablePersona,
-  personaAgeBand,
+  personaAvatarAppearance,
+  personaBaselineExpression,
   personaMeta,
   shortPersonaName,
   unavailablePersonaMessage,
 } from "../lib/personaViewModel";
+import {
+  VOICE_CONNECTION_SAVE_FAILED,
+  createAudioWorkletCapture,
+  createMediaRecorderCapture,
+  isVoiceStatusBusy,
+  sendVoiceControl,
+  sessionVoiceStatusView,
+  supportsAudioWorkletCapture,
+  userFacingVoiceError,
+  type AudioContextWindow,
+  type VoiceCaptureController,
+  type VoiceEvent,
+  type VoiceStatus,
+} from "./session/voiceCapture";
 import "./session/session.css";
 
 /* ── 도메인 상수/타입 ───────────────────────────────────────────────── */
@@ -59,94 +75,6 @@ type FeedbackMode = "immersive" | "ambient" | "coached";
 type TheoryMode = "humanistic" | "cbt" | "integrative";
 type Speaker = "client" | "learner";
 type SignalTone = "pos" | "warn" | "neutral";
-type VoiceStatus =
-  | "idle"
-  | "requesting"
-  | "connecting"
-  | "recording"
-  | "thinking"
-  | "speaking"
-  | "degraded"
-  | "error";
-
-type VoiceServerState = "idle" | "listening" | "thinking" | "speaking";
-
-interface VoiceEvent {
-  type?: string;
-  code?: string;
-  state?: VoiceServerState;
-  text?: string;
-  final?: boolean;
-  reason?: string;
-  detail?: string;
-  stage?: SessionStage;
-  effective_openness?: number;
-  turn_seq?: number;
-  safety_flagged?: boolean;
-  crisis_resource?: CrisisResource | null;
-  conversation_stopped?: boolean;
-}
-
-const VOICE_TURN_SAVE_FAILED =
-  "음성 발화를 저장하지 못했습니다. 방금 말한 내용을 확인한 뒤 다시 시도해 주세요.";
-const VOICE_CONNECTION_SAVE_FAILED =
-  "음성 연결이 종료되어 발화를 저장하지 못했습니다. 방금 말한 내용을 확인한 뒤 다시 시도해 주세요.";
-
-function userFacingVoiceError(payload: VoiceEvent): string {
-  const detail = payload.detail ?? "";
-  if (
-    payload.code === "turn_persistence_unavailable" ||
-    (detail.includes("turn append") && detail.includes("persistence unavailable"))
-  ) {
-    return VOICE_TURN_SAVE_FAILED;
-  }
-  return detail || "음성 처리 중 오류가 발생했습니다.";
-}
-
-type AudioContextWindow = Window & { webkitAudioContext?: typeof AudioContext };
-type VoiceCaptureMode = "audio-worklet" | "media-recorder";
-
-interface VoiceProviderEvent {
-  type: string;
-  source: string;
-  duration_ms?: number;
-  confidence?: number;
-}
-
-interface VoiceCaptureControl {
-  type: "audio_start" | "audio_end";
-  format: string;
-  sample_rate?: number;
-  channels?: number;
-  sample_width?: number;
-  silence_ms?: number;
-  barge_in?: boolean;
-  provider_events?: VoiceProviderEvent[];
-}
-
-interface VoiceCaptureController {
-  mode: VoiceCaptureMode;
-  startControl: VoiceCaptureControl;
-  start: () => Promise<void> | void;
-  finish: () => void;
-  abort: () => void;
-  isRecording: () => boolean;
-}
-
-interface VoiceWorkletMessage {
-  type?: string;
-  pcm?: ArrayBuffer;
-  metrics?: VoiceCaptureMetrics;
-}
-
-interface VoiceCaptureMetrics {
-  durationMs?: number;
-  voiceMs?: number;
-  silenceMs?: number;
-  trailingSilenceMs?: number;
-  rms?: number;
-  peak?: number;
-}
 
 interface Utterance {
   id: number;
@@ -181,14 +109,32 @@ const SESSION_PHASES: PhaseInfo[] = [
   { key: "정리", desc: "오늘의 대화 정리와 다음 약속" },
 ];
 
-const THEORY_MODE_OPTIONS: { value: TheoryMode; label: string; detail: string }[] = [
-  { value: "humanistic", label: "인간중심", detail: "공감·반영" },
-  { value: "cbt", label: "CBT", detail: "생각·행동" },
-  { value: "integrative", label: "통합", detail: "혼합 접근" },
+const THEORY_MODE_OPTIONS: {
+  value: TheoryMode;
+  label: string;
+  detail: string;
+  focus: string;
+}[] = [
+  {
+    value: "humanistic",
+    label: "인간중심",
+    detail: "공감·반영",
+    focus: "감정과 욕구를 반영한 뒤 열린 질문으로 이어갑니다.",
+  },
+  {
+    value: "cbt",
+    label: "CBT",
+    detail: "생각·행동",
+    focus: "상황·생각·감정·행동의 연결을 한 단계씩 확인합니다.",
+  },
+  {
+    value: "integrative",
+    label: "통합",
+    detail: "혼합 접근",
+    focus: "공감적 반영을 먼저 두고 필요한 지점만 구조화합니다.",
+  },
 ];
 const DEFAULT_COACH_QUOTA: LiveCoachQuota = { remaining: 3, max: 3 };
-const VOICE_WORKLET_MODULE_URL = "/worklets/voice-capture-worklet.js";
-const VOICE_WORKLET_PROCESSOR = "voice-capture-processor";
 
 function preferredTheoryMode(summary: PersonaSummary | null): TheoryMode {
   const firstSupported = summary?.theory_target.find(
@@ -198,179 +144,6 @@ function preferredTheoryMode(summary: PersonaSummary | null): TheoryMode {
   return firstSupported ?? "humanistic";
 }
 
-interface SessionVoiceStatusInput {
-  voiceStatus: VoiceStatus;
-  sessionEnded: boolean;
-  paused: boolean;
-  sending: boolean;
-  clientReplyPending: boolean;
-  clientName: string;
-  utteranceCount: number;
-  voiceAvailable: boolean | null;
-  micOn: boolean;
-}
-
-interface SessionVoiceStatusView {
-  micDisabled: boolean;
-  micLabel: string;
-  micButtonAriaLabel: string;
-  sessionStatusLabel: string;
-  transcriptLiveLabel: string;
-  transcriptIsLive: boolean;
-  textTurnBlocked: boolean;
-  voiceInputStatus: string;
-  responseStatus: string;
-}
-
-function isVoiceStatusBusy(voiceStatus: VoiceStatus): boolean {
-  return (
-    voiceStatus === "requesting" ||
-    voiceStatus === "connecting" ||
-    voiceStatus === "thinking" ||
-    voiceStatus === "speaking"
-  );
-}
-
-function sessionVoiceStatusView(input: SessionVoiceStatusInput): SessionVoiceStatusView {
-  const {
-    voiceStatus,
-    sessionEnded,
-    paused,
-    sending,
-    clientReplyPending,
-    clientName,
-    utteranceCount,
-    voiceAvailable,
-    micOn,
-  } = input;
-  const micBusy = isVoiceStatusBusy(voiceStatus);
-  const micDisabled = sessionEnded || paused || micBusy || voiceAvailable === false;
-  const micButtonAriaLabel = micOn ? "발화 보내기" : "마이크 켜기";
-  const micLabel = sessionEnded
-    ? "종료됨"
-    : paused
-      ? "일시정지"
-      : voiceStatus === "requesting"
-        ? "권한 요청 중"
-        : voiceStatus === "connecting"
-          ? "연결 중"
-          : voiceStatus === "recording"
-            ? "녹음 중"
-            : voiceStatus === "thinking"
-              ? "전사 중"
-              : voiceStatus === "speaking"
-                ? "재생 중"
-                : voiceStatus === "degraded"
-                  ? "음성 미설정"
-                  : voiceStatus === "error"
-                    ? "마이크 오류"
-                    : "마이크 꺼짐";
-  const sessionStatusLabel = sessionEnded
-    ? "회기 종료됨"
-    : paused
-      ? "일시정지"
-      : voiceStatus === "recording"
-        ? "학습자 발화 수신 중"
-        : voiceStatus === "thinking"
-          ? "내담자 응답 준비 중"
-          : voiceStatus === "speaking"
-            ? `${clientName} 응답 중`
-            : "회기 진행 중";
-  const transcriptLiveLabel =
-    voiceStatus === "recording"
-      ? "받아쓰는 중"
-      : voiceStatus === "thinking"
-        ? "전사 중"
-        : voiceStatus === "speaking"
-          ? "응답 표시 중"
-          : sending
-            ? "응답 대기"
-            : utteranceCount > 0
-              ? "기록 중"
-              : "준비됨";
-  const transcriptIsLive =
-    voiceStatus === "recording" ||
-    voiceStatus === "thinking" ||
-    voiceStatus === "speaking" ||
-    sending;
-  const textTurnBlocked = sending || voiceStatus === "thinking";
-  const voiceInputStatus =
-    voiceAvailable === false
-      ? "음성 미설정"
-      : micOn
-        ? "수신 중"
-        : voiceStatus === "requesting"
-          ? "권한 요청"
-          : "대기";
-  const responseStatus =
-    sending || clientReplyPending
-      ? "응답 대기"
-      : voiceStatus === "thinking"
-        ? "전사 중"
-        : voiceStatus === "speaking"
-          ? "재생 중"
-          : "안정";
-  return {
-    micDisabled,
-    micLabel,
-    micButtonAriaLabel,
-    sessionStatusLabel,
-    transcriptLiveLabel,
-    transcriptIsLive,
-    textTurnBlocked,
-    voiceInputStatus,
-    responseStatus,
-  };
-}
-
-const PERSONA_AVATAR_LOOKS = {
-  P1: {
-    skinTone: "#F0DDC4",
-    hair: { style: "long-straight", color: "#5A4030" },
-    outfitColor: "#7C8A92",
-    eyeColor: "#7A5A3C",
-    accentColor: "#6B5E7D",
-    rasterArtSet: "seoyeon-live2d-psd-v2",
-    expressionBias: "sad",
-  },
-  P4: {
-    skinTone: "#E5C0A0",
-    hair: { style: "long-straight", color: "#35261F" },
-    outfitColor: "#5F6F88",
-    eyeColor: "#2F3438",
-    accentColor: "#3B6E8F",
-    rasterArtSet: "p4-live2d-generated",
-    expressionBias: "anxious",
-  },
-  P5: {
-    skinTone: "#D7AD8D",
-    hair: { style: "messy", color: "#28231F" },
-    outfitColor: "#6F766F",
-    eyeColor: "#24292A",
-    accentColor: "#7D8784",
-    rasterArtSet: "p5-live2d-generated",
-    expressionBias: "guarded",
-  },
-  P6: {
-    skinTone: "#E6BE9A",
-    hair: { style: "soft-wave", color: "#2D241F" },
-    outfitColor: "#776F85",
-    eyeColor: "#2E2B35",
-    accentColor: "#6B5E7D",
-    rasterArtSet: "p6-live2d-generated",
-    expressionBias: "conflicted",
-  },
-  P7: {
-    skinTone: "#D5AA88",
-    hair: { style: "side-part", color: "#23211E" },
-    outfitColor: "#596367",
-    eyeColor: "#25292B",
-    accentColor: "#6F7777",
-    rasterArtSet: "p7-live2d-generated",
-    expressionBias: "tired",
-  },
-} satisfies Record<string, Partial<AvatarPersona>>;
-
 let _uid = 100;
 const nextId = () => ++_uid;
 
@@ -408,9 +181,7 @@ function buildPersonaUi(
     return {
       avatar: {
         label: "내담자 정보 확인 중",
-        ageBand: "adult",
-        skinTone: "#D7CCC3",
-        hair: { style: "short", color: "#7A7068" },
+        ...PENDING_PERSONA_AVATAR_APPEARANCE,
         realism: 0.3,
       },
       context: {
@@ -426,11 +197,6 @@ function buildPersonaUi(
   }
 
   const name = shortPersonaName(summary.display_name);
-  const codeKey = summary.code.toUpperCase() as keyof typeof PERSONA_AVATAR_LOOKS;
-  const look = PERSONA_AVATAR_LOOKS[codeKey] ?? {};
-  const sex = demographicText(summary.demographics.sex);
-  const isMale = sex === "male" || sex === "남성";
-  const ageBand = personaAgeBand(summary);
   const difficulty = DIFFICULTY_LABEL[summary.difficulty] ?? summary.difficulty;
   const theories = summary.theory_target.length ? summary.theory_target.join(", ") : "공통";
   const chips = [
@@ -443,19 +209,7 @@ function buildPersonaUi(
     avatar: {
       code: summary.code,
       label: `${name} · ${personaMeta(summary)}`,
-      ageBand,
-      skinTone: look.skinTone ?? (isMale ? "#D8B18F" : "#E3BE9B"),
-      hair: look.hair ?? {
-        style: ageBand === "teen" ? "long-straight" : isMale ? "short" : "bob",
-        color: isMale ? "#25221F" : "#31251E",
-      },
-      outfitColor: look.outfitColor ?? (isMale ? "#5E676A" : "#6A6874"),
-      eyeColor: look.eyeColor ?? "#2B2B2B",
-      accentColor: look.accentColor,
-      rasterArtSet: (look as Partial<AvatarPersona>).rasterArtSet,
-      realism: 0.4,
-      resistance: summary.difficulty === "hard" ? 0.68 : summary.difficulty === "moderate" ? 0.45 : 0.3,
-      expressionBias: look.expressionBias,
+      ...personaAvatarAppearance(summary),
     },
     context: {
       initial: name.slice(0, 1) || summary.code.slice(0, 1),
@@ -471,253 +225,6 @@ function buildPersonaUi(
   };
 }
 
-function recorderMimeType(): string {
-  if (typeof MediaRecorder === "undefined") return "";
-  const supported = ["audio/webm;codecs=opus", "audio/webm", "audio/ogg;codecs=opus", "audio/mp4"];
-  return supported.find((mime) => MediaRecorder.isTypeSupported(mime)) ?? "";
-}
-
-function voiceFormatFromMime(mime: string): string {
-  if (mime.includes("ogg")) return "ogg";
-  if (mime.includes("mp4")) return "mp4";
-  return "webm";
-}
-
-function sendVoiceControl(ws: WebSocket, payload: VoiceCaptureControl): void {
-  if (ws.readyState === WebSocket.OPEN) {
-    ws.send(JSON.stringify(payload));
-  }
-}
-
-function roundedNonnegativeMs(value: number | undefined): number | undefined {
-  if (typeof value !== "number" || !Number.isFinite(value) || value <= 0) return undefined;
-  return Math.max(0, Math.round(value));
-}
-
-function voiceActivityConfidence(metrics: VoiceCaptureMetrics): number | undefined {
-  const peak = typeof metrics.peak === "number" && Number.isFinite(metrics.peak) ? metrics.peak : 0;
-  if (peak <= 0) return undefined;
-  return Math.max(0.01, Math.min(0.99, Number(peak.toFixed(2))));
-}
-
-function voiceProviderEventsFromMetrics(
-  metrics: VoiceCaptureMetrics | null,
-  source: string,
-): VoiceProviderEvent[] {
-  if (!metrics) return [];
-  const durationMs = roundedNonnegativeMs(metrics.durationMs);
-  const voiceMs = roundedNonnegativeMs(metrics.voiceMs);
-  const trailingSilenceMs = roundedNonnegativeMs(metrics.trailingSilenceMs);
-  const events: VoiceProviderEvent[] = [];
-  if (voiceMs !== undefined) {
-    const activity: VoiceProviderEvent = {
-      type: "voice_activity",
-      source,
-      duration_ms: voiceMs,
-    };
-    const confidence = voiceActivityConfidence(metrics);
-    if (confidence !== undefined) activity.confidence = confidence;
-    events.push(activity);
-  } else if (durationMs !== undefined) {
-    events.push({ type: "voice_activity", source, duration_ms: durationMs });
-  }
-  if (trailingSilenceMs !== undefined && trailingSilenceMs >= 1000) {
-    events.push({ type: "silence", source, duration_ms: trailingSilenceMs });
-  }
-  return events;
-}
-
-function audioEndControlWithMetrics(
-  base: VoiceCaptureControl,
-  metrics: VoiceCaptureMetrics | null,
-  source: string,
-): VoiceCaptureControl {
-  const silenceMs = roundedNonnegativeMs(metrics?.trailingSilenceMs);
-  const providerEvents = voiceProviderEventsFromMetrics(metrics, source);
-  return {
-    ...base,
-    ...(silenceMs !== undefined ? { silence_ms: silenceMs } : {}),
-    barge_in: false,
-    ...(providerEvents.length ? { provider_events: providerEvents } : {}),
-  };
-}
-
-function supportsAudioWorkletCapture(ctx: AudioContext | null): ctx is AudioContext & {
-  audioWorklet: AudioWorklet;
-} {
-  return Boolean(
-    ctx &&
-      ctx.state !== "closed" &&
-      ctx.audioWorklet &&
-      typeof AudioWorkletNode !== "undefined" &&
-      typeof ctx.createMediaStreamSource === "function",
-  );
-}
-
-function createMediaRecorderCapture(
-  stream: MediaStream,
-  ws: WebSocket,
-  onRelease: () => void,
-): VoiceCaptureController | null {
-  if (typeof MediaRecorder === "undefined") return null;
-  const mimeType = recorderMimeType();
-  const format = voiceFormatFromMime(mimeType);
-  const startControl: VoiceCaptureControl = { type: "audio_start", format };
-  const endControl: VoiceCaptureControl = { type: "audio_end", format };
-  let recorder: MediaRecorder;
-  try {
-    recorder = mimeType ? new MediaRecorder(stream, { mimeType }) : new MediaRecorder(stream);
-  } catch {
-    return null;
-  }
-
-  let finishRequested = false;
-  let released = false;
-  let startedAt = 0;
-  const release = () => {
-    if (released) return;
-    released = true;
-    onRelease();
-  };
-
-  recorder.ondataavailable = (event) => {
-    if (!event.data.size || ws.readyState !== WebSocket.OPEN) return;
-    ws.send(event.data);
-  };
-  recorder.onstop = () => {
-    release();
-    if (finishRequested) {
-      const durationMs = startedAt > 0 ? performance.now() - startedAt : undefined;
-      sendVoiceControl(
-        ws,
-        audioEndControlWithMetrics(endControl, { durationMs, voiceMs: durationMs }, "browser_media_recorder"),
-      );
-    }
-  };
-
-  return {
-    mode: "media-recorder",
-    startControl,
-    start: () => {
-      startedAt = performance.now();
-      recorder.start(500);
-    },
-    finish: () => {
-      finishRequested = true;
-      if (recorder.state !== "inactive") {
-        try {
-          recorder.stop();
-          return;
-        } catch {
-          /* recorder stop race 무시 */
-        }
-      }
-      release();
-      const durationMs = startedAt > 0 ? performance.now() - startedAt : undefined;
-      sendVoiceControl(
-        ws,
-        audioEndControlWithMetrics(endControl, { durationMs, voiceMs: durationMs }, "browser_media_recorder"),
-      );
-    },
-    abort: () => {
-      finishRequested = false;
-      if (recorder.state !== "inactive") {
-        try {
-          recorder.stop();
-        } catch {
-          /* recorder stop race 무시 */
-        }
-      }
-      release();
-    },
-    isRecording: () => recorder.state === "recording",
-  };
-}
-
-async function createAudioWorkletCapture(
-  stream: MediaStream,
-  ws: WebSocket,
-  ctx: AudioContext & { audioWorklet: AudioWorklet },
-  onRelease: () => void,
-): Promise<VoiceCaptureController> {
-  await ctx.audioWorklet.addModule(VOICE_WORKLET_MODULE_URL);
-  const source = ctx.createMediaStreamSource(stream);
-  const node = new AudioWorkletNode(ctx, VOICE_WORKLET_PROCESSOR, {
-    numberOfInputs: 1,
-    numberOfOutputs: 0,
-  });
-  const startControl: VoiceCaptureControl = {
-    type: "audio_start",
-    format: "pcm",
-    sample_rate: Math.round(ctx.sampleRate || 48000),
-    channels: 1,
-    sample_width: 2,
-  };
-  const endControl: VoiceCaptureControl = { ...startControl, type: "audio_end" };
-  let recording = false;
-  let released = false;
-  let finishTimer: number | null = null;
-  let latestMetrics: VoiceCaptureMetrics | null = null;
-
-  const release = () => {
-    if (released) return;
-    released = true;
-    if (finishTimer !== null) {
-      window.clearTimeout(finishTimer);
-      finishTimer = null;
-    }
-    try {
-      source.disconnect();
-      node.disconnect();
-    } catch {
-      /* disconnect race 무시 */
-    }
-    node.port.onmessage = null;
-    try {
-      node.port.close();
-    } catch {
-      /* 일부 브라우저/테스트 double은 close가 없을 수 있다. */
-    }
-    onRelease();
-  };
-
-  node.port.onmessage = (event: MessageEvent<VoiceWorkletMessage>) => {
-    if (!recording || ws.readyState !== WebSocket.OPEN) return;
-    const payload = event.data;
-    if (payload?.type !== "chunk" || !payload.pcm?.byteLength) return;
-    latestMetrics = payload.metrics ?? latestMetrics;
-    ws.send(payload.pcm);
-  };
-
-  return {
-    mode: "audio-worklet",
-    startControl,
-    start: () => {
-      recording = true;
-      source.connect(node);
-    },
-    finish: () => {
-      if (!recording || finishTimer !== null) return;
-      try {
-        node.port.postMessage({ type: "flush" });
-      } catch {
-        /* flush 실패 시 이미 보낸 chunk만 사용한다. */
-      }
-      finishTimer = window.setTimeout(() => {
-        finishTimer = null;
-        recording = false;
-        release();
-        sendVoiceControl(ws, audioEndControlWithMetrics(endControl, latestMetrics, "browser_audio_worklet"));
-      }, 20);
-    },
-    abort: () => {
-      recording = false;
-      release();
-    },
-    isRecording: () => recording,
-  };
-}
-
 /* ── 작은 표현 유틸 ─────────────────────────────────────────────────── */
 
 // 백엔드가 반환한 effective_openness(0~1)를 실시간 관찰 신호로만 변환한다.
@@ -732,9 +239,7 @@ function metersFromOpenness(openness: number) {
 }
 
 function baselineExpressionFor(summary: PersonaSummary | null): AvatarAffect {
-  if (!summary) return "neutral";
-  const codeKey = summary.code.toUpperCase() as keyof typeof PERSONA_AVATAR_LOOKS;
-  return PERSONA_AVATAR_LOOKS[codeKey]?.expressionBias ?? "neutral";
+  return personaBaselineExpression(summary);
 }
 
 function expressionForSession({
@@ -797,6 +302,8 @@ export default function Session() {
 
   const routeParam = routeId ?? "";
   const routeIsSessionId = useMemo(() => looksLikeSessionId(routeParam), [routeParam]);
+  // 이 화면에서 방금 시작해 URL만 세션 ID로 바뀐 회기 — resume 재로딩 대상에서 제외한다.
+  const justStartedSessionRef = useRef<string | null>(null);
   const [personaCode, setPersonaCode] = useState(() =>
     looksLikeSessionId(routeId) ? "" : normalizePersonaCode(routeId),
   );
@@ -822,9 +329,17 @@ export default function Session() {
   const [consentChecked, setConsentChecked] = useState(false);
   const [consentBusy, setConsentBusy] = useState(false);
   const [selectedTheoryMode, setSelectedTheoryMode] = useState<TheoryMode>("humanistic");
+  // 이번 회기 목표(2026-07-13 회의 P1): 4단계 전부가 아니라 1~2개를 고르고 시작한다.
+  const [selectedGoals, setSelectedGoals] = useState<SessionStage[]>(["라포", "탐색"]);
 
   // ── 회기/대화 상태 ──
   const [stage, setStage] = useState<SessionStage>("라포");
+  const [goalStages, setGoalStages] = useState<SessionStage[]>([]);
+  // P2 단계 누적 게이지·상세 수치 — 서버 결정론 파생값(턴/복원 시 갱신).
+  const [progress, setProgress] = useState<SessionProgress | null>(null);
+  // 시간 기반 회기(회의 P1): 서버 계약값. 0이면 기본 60분/10분으로 보정한다.
+  const [durationLimitSeconds, setDurationLimitSeconds] = useState(60 * 60);
+  const [warningBeforeEndSeconds, setWarningBeforeEndSeconds] = useState(10 * 60);
   const [utterances, setUtterances] = useState<Utterance[]>([]);
   const [openness, setOpenness] = useState(0);
   const [safety, setSafety] = useState<string | null>(null);
@@ -871,9 +386,25 @@ export default function Session() {
   const [coachHistoryError, setCoachHistoryError] = useState<string | null>(null);
   const [coachPersistenceSource, setCoachPersistenceSource] = useState<"database" | "runtime" | null>(null);
   const [coachSyncWarning, setCoachSyncWarning] = useState<string | null>(null);
+  // 코칭 탭이 닫혀 있을 때 도착한 코칭 기회 — 기회를 소모하지 않고 넛지로 대기시킨다.
+  const [pendingCoachTurn, setPendingCoachTurn] = useState<{
+    learnerText: string;
+    clientReply?: string | null;
+    turnSeq?: number;
+  } | null>(null);
 
   // ── 경과 타이머 ──
   const [elapsed, setElapsed] = useState(0);
+  // 시간 알람 1회성 상태(회의 P1): 10분 전 경고·시간 만료 안내는 회기당 한 번만 강제 노출.
+  const timeWarningShownRef = useRef(false);
+  const timeUpShownRef = useRef(false);
+  const goalNudgeShownRef = useRef(false);
+  const [timeUp, setTimeUp] = useState(false);
+
+  // ── 패널 컬랩싱(과밀 완화) — 접힌 패널은 상황에 맞춰 넛지/강제 오픈 ──
+  const [ctxCollapsed, setCtxCollapsed] = useState(true);
+  const [metersCollapsed, setMetersCollapsed] = useState(false);
+  const [safetyCollapsed, setSafetyCollapsed] = useState(true);
 
   // ── 자동 스크롤 ──
   const scrollRef = useRef<HTMLDivElement>(null);
@@ -1057,6 +588,54 @@ export default function Session() {
     setSignalSeq((seq) => [...seq.slice(-4), tone]);
   }, []);
 
+  // ── 시간 기반 회기 진행(회의 P1): 남은 시간·10분 전 알람·시간 만료 ──
+  const sessionLimitSeconds = durationLimitSeconds > 0 ? durationLimitSeconds : 60 * 60;
+  const sessionWarningSeconds = warningBeforeEndSeconds > 0 ? warningBeforeEndSeconds : 10 * 60;
+  const remainingSeconds = Math.max(0, sessionLimitSeconds - elapsed);
+  const inWarningWindow =
+    started && !sessionEnded && !timeUp && remainingSeconds <= sessionWarningSeconds;
+
+  useEffect(() => {
+    if (!started || sessionEnded) return;
+    const remaining = sessionLimitSeconds - elapsed;
+    if (remaining <= 0) {
+      if (!timeUpShownRef.current) {
+        timeUpShownRef.current = true;
+        setTimeUp(true);
+        pushSignal("warn", "회기 시간 종료");
+        setEndDialogOpen(true);
+      }
+      return;
+    }
+    if (remaining <= sessionWarningSeconds && !timeWarningShownRef.current) {
+      timeWarningShownRef.current = true;
+      pushSignal("warn", `종료 ${Math.ceil(sessionWarningSeconds / 60)}분 전`);
+    }
+  }, [elapsed, started, sessionEnded, sessionLimitSeconds, sessionWarningSeconds, pushSignal]);
+
+  // 이번 회기 목표 달성 판정 — 목표 단계를 "완료"(다음 단계로 전이)해야 달성이다.
+  // 마지막 단계(정리)만 진입 자체가 달성. 달성해도 종료하지 않는다(시간이 남으면 계속, 회의 합의).
+  const goalStageAchieved = useCallback(
+    (phaseIdx: number) =>
+      stageIdx > phaseIdx ||
+      (phaseIdx === SESSION_PHASES.length - 1 && stageIdx === phaseIdx),
+    [stageIdx],
+  );
+  const goalsAchieved = useMemo(() => {
+    if (goalStages.length === 0) return false;
+    return goalStages.every((goal) => {
+      const idx = SESSION_PHASES.findIndex((p) => p.key === goal);
+      return idx >= 0 && goalStageAchieved(idx);
+    });
+  }, [goalStages, goalStageAchieved]);
+
+  useEffect(() => {
+    if (!started || sessionEnded || !goalsAchieved) return;
+    if (goalNudgeShownRef.current) return;
+    goalNudgeShownRef.current = true;
+    pushSignal("pos", "이번 회기 목표 달성");
+  }, [started, sessionEnded, goalsAchieved, pushSignal]);
+
   const showCoachCreditPulse = useCallback(
     (event: LiveCoachCreditEvent) => {
       setCoachCreditPulse(event);
@@ -1099,6 +678,11 @@ export default function Session() {
     };
   }, []);
 
+  // 위기/안전 신호가 생기면 접힌 안전 점검 패널을 강제로 연다(컨텍스추얼 강제 오픈).
+  useEffect(() => {
+    if (safety) setSafetyCollapsed(false);
+  }, [safety]);
+
   const applyCrisisGate = useCallback((resource?: CrisisResource | null) => {
     const fallback: CrisisResource = {
       title: "자살예방상담전화 109",
@@ -1119,7 +703,12 @@ export default function Session() {
   const refreshCoachHistory = useCallback(
     async (
       sessionId = liveSessionId,
-      options: { animateCredits?: boolean; surfaceErrors?: boolean; warnOnFailure?: boolean } = {},
+      options: {
+        animateCredits?: boolean;
+        surfaceErrors?: boolean;
+        warnOnFailure?: boolean;
+        applyQuota?: boolean;
+      } = {},
     ): Promise<LiveCoachHistoryResponse | null> => {
       if (options.surfaceErrors) {
         setCoachHistoryLoading(true);
@@ -1138,7 +727,9 @@ export default function Session() {
       try {
         const history = await sessionApi.liveCoachHistory(sessionId);
         setCoachHistory(history.events ?? []);
-        setCoachQuota(history.quota ?? DEFAULT_COACH_QUOTA);
+        if (options.applyQuota !== false) {
+          setCoachQuota(history.quota ?? DEFAULT_COACH_QUOTA);
+        }
         setCoachPersistenceSource(history.source);
         setCoachSyncWarning(
           history.source === "runtime"
@@ -1184,7 +775,13 @@ export default function Session() {
       clientReply?: string | null;
       turnSeq?: number;
     }) => {
-      if (!liveSessionId || feedbackMode !== "coached") return;
+      if (!liveSessionId) return;
+      if (feedbackMode !== "coached") {
+        // 코칭 화면이 닫혀 있으면 기회를 소모하지 않고 컨텍스추얼 넛지로 대기시킨다.
+        setPendingCoachTurn({ learnerText, clientReply, turnSeq });
+        return;
+      }
+      setPendingCoachTurn(null);
       let availableCoachCredits = coachQuota.remaining ?? 0;
       if (availableCoachCredits <= 0) {
         setCoachError(null);
@@ -1200,7 +797,9 @@ export default function Session() {
         availableCoachCredits = refreshed.quota?.remaining ?? 0;
       }
       if (availableCoachCredits <= 0) {
-        setCoachError("코칭 기회를 모두 사용했습니다. 좋은 발화로 내담자의 변화 신호가 생기면 1개씩 다시 충전됩니다.");
+        setCoachError(
+          "코칭 기회를 모두 사용했습니다. 좋은 발화로 내담자가 변화하거나 회기가 6턴 진행될 때마다 1개씩 충전됩니다.",
+        );
         pushSignal("warn", "코칭 기회 소진");
         return;
       }
@@ -1230,7 +829,9 @@ export default function Session() {
       } catch (err) {
         if (err instanceof ApiError && err.status === 409) {
           setCoachQuota((current) => ({ ...current, remaining: 0 }));
-          setCoachError("코칭 기회를 모두 사용했습니다. 좋은 발화가 실제 변화로 이어지면 다시 충전됩니다.");
+          setCoachError(
+            "코칭 기회를 모두 사용했습니다. 좋은 발화로 내담자가 변화하거나 회기가 6턴 진행될 때마다 1개씩 충전됩니다.",
+          );
           pushSignal("warn", "코칭 기회 소진");
         } else {
           setCoachError("코칭 근거를 불러오지 못했습니다. 다음 턴에서 다시 시도합니다.");
@@ -1252,11 +853,28 @@ export default function Session() {
 
   useEffect(() => {
     if (!started || !liveSessionId) return;
-    void refreshCoachHistory(liveSessionId);
+    // 방금 시작한 회기는 기본 코칭 기회로 출발한다 — 초기 이력 동기화는 수행하되,
+    // 그 응답의 stale quota가 기본 기회 수를 덮어쓰지 않게 한다 (2026-07-15).
+    const isFreshSession = justStartedSessionRef.current === liveSessionId;
+    void refreshCoachHistory(liveSessionId, isFreshSession ? { applyQuota: false } : {});
   }, [liveSessionId, refreshCoachHistory, started]);
 
+  // 넛지로 대기 중인 코칭이 있을 때 코칭 화면을 열면 그 턴에 대한 코칭을 바로 요청한다.
+  useEffect(() => {
+    if (feedbackMode !== "coached" || !pendingCoachTurn) return;
+    const payload = pendingCoachTurn;
+    setPendingCoachTurn(null);
+    void requestLiveCoach(payload);
+  }, [feedbackMode, pendingCoachTurn, requestLiveCoach]);
+
   useEffect(() => {
     if (!routeIsSessionId) return;
+    // 이 화면에서 방금 시작한 회기의 URL 전환은 재개(resume)가 아니다 — 서버 스냅샷(0턴)
+    // 재로딩이 전송 직후의 낙관적 발화를 덮어쓰는 race를 막는다 (2026-07-15).
+    if (justStartedSessionRef.current === routeParam) {
+      justStartedSessionRef.current = null;
+      return;
+    }
     let alive = true;
     setStarting(true);
     setStartError(null);
@@ -1283,6 +901,16 @@ export default function Session() {
           })),
         );
         setElapsed(elapsedFromSession(detail));
+        setGoalStages(detail.goal_stages ?? []);
+        setProgress(detail.progress ?? null);
+        if (detail.duration_limit_seconds) setDurationLimitSeconds(detail.duration_limit_seconds);
+        if (detail.warning_before_end_seconds) {
+          setWarningBeforeEndSeconds(detail.warning_before_end_seconds);
+        }
+        timeWarningShownRef.current = false;
+        timeUpShownRef.current = ended;
+        goalNudgeShownRef.current = false;
+        setTimeUp(false);
         setStarted(true);
         setPaused(ended);
         setSafety(null);
@@ -1305,6 +933,7 @@ export default function Session() {
         setCoachCreditPulse(null);
         setCoachPersistenceSource(null);
         setCoachSyncWarning(null);
+        setPendingCoachTurn(null);
         coachCreditSeenRef.current = new Set();
         setCoachHistoryOpen(false);
         setCoachHistoryTurnSeq(null);
@@ -1327,6 +956,13 @@ export default function Session() {
     };
   }, [navigate, pushSignal, routeIsSessionId, routeParam]);
 
+  // 이번 회기 목표 토글 — 1~4개 자유 선택(소유자 지시 2026-07-15).
+  const toggleGoal = useCallback((goal: SessionStage) => {
+    setSelectedGoals((prev) =>
+      prev.includes(goal) ? prev.filter((g) => g !== goal) : [...prev, goal],
+    );
+  }, []);
+
   /* ── 세션 시작 ───────────────────────────────────────────────────── */
   const handleStart = useCallback(async () => {
     if (!personaSummary) {
@@ -1338,7 +974,7 @@ export default function Session() {
     setResumedSessionLoaded(false);
     setClientReplyPending(false);
     try {
-      const res = await sessionApi.start(personaCode, selectedTheoryMode);
+      const res = await sessionApi.start(personaCode, selectedTheoryMode, selectedGoals);
       setLiveSessionId(res.session_id); // ★ 진짜 세션 id 저장 — turn 이 이걸 써야 라이브
       setSessionEnded(false);
       setReviewReady(false);
@@ -1348,6 +984,14 @@ export default function Session() {
       setSafety(null);
       setCrisisResource(null);
       setElapsed(0);
+      setGoalStages(res.goal_stages ?? []);
+      setProgress(null);
+      if (res.duration_limit_seconds) setDurationLimitSeconds(res.duration_limit_seconds);
+      if (res.warning_before_end_seconds) setWarningBeforeEndSeconds(res.warning_before_end_seconds);
+      timeWarningShownRef.current = false;
+      timeUpShownRef.current = false;
+      goalNudgeShownRef.current = false;
+      setTimeUp(false);
       setCoachSuggestion(null);
       setCoachError(null);
       setCoachEvidenceOpen(false);
@@ -1357,6 +1001,7 @@ export default function Session() {
       setCoachCreditPulse(null);
       setCoachPersistenceSource(null);
       setCoachSyncWarning(null);
+      setPendingCoachTurn(null);
       coachCreditSeenRef.current = new Set();
       setCoachHistoryOpen(false);
       setCoachHistoryTurnSeq(null);
@@ -1368,6 +1013,7 @@ export default function Session() {
       setMicOn(false);
       setVoiceStatus("idle");
       setVoiceDetail("마이크를 켜면 권한 요청 후 음성으로 회기를 진행합니다.");
+      justStartedSessionRef.current = res.session_id;
       navigate(`/learn/session/${res.session_id}`, { replace: true });
       // 음성 가용성 사전 확인 — provider 키 미설정이면 마이크 버튼을 비활성화하고 명확히 안내한다.
       // (클릭→권한요청→마이크 깜빡→WS degraded 종료의 혼란스러운 "바로 꺼짐"을 방지.)
@@ -1389,7 +1035,7 @@ export default function Session() {
     } finally {
       setStarting(false);
     }
-  }, [navigate, personaCode, personaSummary, pushSignal, selectedTheoryMode]);
+  }, [navigate, personaCode, personaSummary, pushSignal, selectedGoals, selectedTheoryMode]);
 
   const handleAcceptConsent = useCallback(async () => {
     if (!consentChecked) {
@@ -1509,6 +1155,7 @@ export default function Session() {
           if (typeof data.effective_openness === "number") {
             setOpenness(data.effective_openness);
           }
+          if (data.progress) setProgress(data.progress);
           if (data.safety_flagged) {
             setSafety("방금 발화에서 위기 신호가 감지됐어요. 안전을 우선해 머물러 주세요.");
           }
@@ -1592,6 +1239,15 @@ export default function Session() {
           : err instanceof Error
             ? err.message
             : "AI 엔진 연결에 실패했습니다.";
+      if (detail.includes("session_time_over")) {
+        // 시간 만료 + 정리 유예 종료: 새 발화는 막히고 종료만 남는다(회의 P1).
+        setTurnError("회기 시간이 모두 지나 새 발화를 보낼 수 없습니다. 회기를 종료하고 리뷰를 확인하세요.");
+        pushSignal("warn", "회기 시간 종료");
+        setTimeUp(true);
+        setEndDialogOpen(true);
+        setAvatarState("idle");
+        return;
+      }
       const normalized = detail.includes("Not logged in")
         ? "AI 엔진 로그인이 필요합니다. 관리자에게 엔진 상태 확인을 요청하세요."
         : detail.includes("engine unavailable")
@@ -1935,6 +1591,7 @@ export default function Session() {
         if (typeof payload.effective_openness === "number") {
           setOpenness(payload.effective_openness);
         }
+        if (payload.progress) setProgress(payload.progress);
         if (payload.safety_flagged) {
           setSafety("방금 발화에서 위기 신호가 감지됐어요. 안전을 우선해 머물러 주세요.");
         }
@@ -2266,8 +1923,17 @@ export default function Session() {
     micOn,
   });
   const elapsedLabel = formatElapsed(elapsed);
-  const recommendedSessionSeconds = 30 * 60;
-  const remainingLabel = formatElapsed(Math.max(0, recommendedSessionSeconds - elapsed));
+  const remainingLabel = formatElapsed(remainingSeconds);
+  const limitMinutesLabel = Math.round(sessionLimitSeconds / 60);
+  const warningMinutesLabel = Math.max(1, Math.round(sessionWarningSeconds / 60));
+  const selectedTheoryOption =
+    THEORY_MODE_OPTIONS.find((option) => option.value === selectedTheoryMode) ??
+    THEORY_MODE_OPTIONS[0];
+  const selectedGoalSummary = SESSION_PHASES.filter((phase) =>
+    selectedGoals.includes(phase.key),
+  )
+    .map((phase) => phase.key)
+    .join(" · ");
   const turnCount = utterances.filter((utterance) => !utterance.partial && !utterance.failed).length;
   const latestClientUtterance = [...utterances]
     .reverse()
@@ -2306,6 +1972,12 @@ export default function Session() {
     Math.min(coachQuotaMax, coachQuota.remaining ?? DEFAULT_COACH_QUOTA.remaining),
   );
   const coachQuotaSlots = Array.from({ length: coachQuotaMax }, (_, index) => index);
+  const coachNudgeVisible =
+    pendingCoachTurn != null &&
+    coachQuotaRemaining > 0 &&
+    feedbackMode !== "coached" &&
+    !sessionEnded &&
+    !paused;
   const coachCreditPulseText =
     coachCreditPulse == null
       ? null
@@ -2357,7 +2029,8 @@ export default function Session() {
         className={
           "sx-page " +
           (started ? "sx-page--active" : "sx-page--prestart") +
-          (started ? ` sx-feedback-${feedbackMode}` : "")
+          (started ? ` sx-feedback-${feedbackMode}` : "") +
+          (started && safety ? " sx-has-safety" : "")
         }
         data-avatar-expressions={avatarExpressionCount}
       >
@@ -2378,15 +2051,23 @@ export default function Session() {
           <div className="sx-phases" aria-label="회기 진행 단계">
             {SESSION_PHASES.map((p, i) => {
               const state = i < stageIdx ? "is-done" : i === stageIdx ? "is-cur" : "";
+              const isGoal = started && goalStages.includes(p.key);
               return (
                 <div key={p.key} style={{ display: "flex", alignItems: "center" }}>
                   {i > 0 ? (
                     <span className={"sx-ph__link" + (i <= stageIdx ? " is-fill" : "")} />
                   ) : null}
-                  <div className={"sx-ph " + state}>
+                  <div className={"sx-ph " + state + (isGoal ? " is-goal" : "")}>
                     <span className="sx-ph__dot" />
                     <span className="sx-ph__meta">
-                      <span className="sx-ph__name">{p.key}</span>
+                      <span className="sx-ph__name">
+                        {p.key}
+                        {isGoal ? (
+                          <em className="sx-ph__goal" title="이번 회기 목표">
+                            목표
+                          </em>
+                        ) : null}
+                      </span>
                       <span className="sx-ph__t">
                         {i < stageIdx ? "완료" : i === stageIdx ? "진행 중" : "예정"}
                       </span>
@@ -2438,8 +2119,8 @@ export default function Session() {
 
         {!started ? (
           /* ── 시작 전: 준비 화면(한 화면 한 의도 = 세션 시작) ── */
-          <div className="sx-prestart">
-            <div className="sx-prestart__visual">
+          <div className={surfaceClassName("sx-prestart")}>
+            <div className={surfaceClassName("sx-prestart__visual", { variant: "inset" })}>
               <ClientAvatar
                 persona={personaUi.avatar}
                 state="idle"
@@ -2460,7 +2141,7 @@ export default function Session() {
                 </div>
                 <ul>
                   {personaUi.context.rows.slice(0, 3).map((row) => (
-                    <li key={row.l}>
+                    <li className={surfaceClassName(undefined, { variant: "inset", flat: true })} key={row.l}>
                       <span>{row.l}</span>
                       <em>{row.v}</em>
                     </li>
@@ -2511,6 +2192,33 @@ export default function Session() {
                   ))}
                 </div>
               </fieldset>
+              <fieldset className="sx-goals" aria-label="이번 회기 목표 선택">
+                <legend>
+                  이번 회기 목표 <small>1~4개 선택</small>
+                </legend>
+                <div className="sx-goals__grid">
+                  {SESSION_PHASES.map((phase) => {
+                    const selected = selectedGoals.includes(phase.key);
+                    return (
+                      <button
+                        type="button"
+                        key={phase.key}
+                        className={selected ? "is-selected" : ""}
+                        aria-pressed={selected}
+                        onClick={() => toggleGoal(phase.key)}
+                      >
+                        <span>{phase.key}</span>
+                        <small>{phase.desc}</small>
+                      </button>
+                    );
+                  })}
+                </div>
+                <p className="sx-goals__hint">
+                  실제 상담처럼 한 회기에 모든 단계를 이루지 않아도 됩니다. 회기는{" "}
+                  {Math.round((durationLimitSeconds > 0 ? durationLimitSeconds : 3600) / 60)}분
+                  기준으로 진행되고, 목표를 이뤄도 시간이 남으면 계속 이어갈 수 있어요.
+                </p>
+              </fieldset>
               {personaStatusMessage ? (
                 <p className="sx-prestart__note">{personaStatusMessage}</p>
               ) : null}
@@ -2542,38 +2250,90 @@ export default function Session() {
                 <Button
                   size="lg"
                   onClick={handleStart}
-                  disabled={starting || !canStartSession}
+                  disabled={starting || !canStartSession || selectedGoals.length === 0}
                   leading={<Icon name="play" size={16} />}
                 >
                   {starting ? "여는 중…" : "회기 시작"}
                 </Button>
-                <span>실시간에는 대화 흐름만 낮은 강도로 표시됩니다.</span>
+                <span>
+                  {selectedGoals.length === 0
+                    ? "이번 회기 목표를 1개 이상 선택하면 시작할 수 있어요."
+                    : "실시간에는 대화 흐름만 낮은 강도로 표시됩니다."}
+                </span>
               </div>
             </div>
 
-            <div className="sx-prestart__plan" aria-label="시작 전 초점">
+            <div
+              className={surfaceClassName("sx-prestart__plan", { variant: "inset" })}
+              aria-label="시작 전 초점"
+            >
               <Kicker>진행 초점</Kicker>
-              <ol>
-                <li>
-                  <span aria-hidden="true" />
-                  <p>{currentPhase.desc}</p>
-                </li>
-                <li>
-                  <span aria-hidden="true" />
-                  <p>질문은 짧게 두고 표현을 먼저 반영합니다.</p>
-                </li>
-                <li>
-                  <span aria-hidden="true" />
-                  <p>위험 신호가 나오면 안전 확인을 우선합니다.</p>
-                </li>
-              </ol>
+              <p className="sx-prestart__plan-summary">
+                선택한 회기 설정을 첫 발화에서 바로 쓸 수 있는 기준으로 정리했습니다.
+              </p>
+              <dl className="sx-prestart__plan-list">
+                <div>
+                  <dt>시작 과업</dt>
+                  <dd>
+                    <b>{currentPhase.key}</b>
+                    {currentPhase.desc}
+                  </dd>
+                </div>
+                <div>
+                  <dt>선택 접근</dt>
+                  <dd>
+                    <b>{selectedTheoryOption.label}</b>
+                    {selectedTheoryOption.focus}
+                  </dd>
+                </div>
+                <div>
+                  <dt>이번 목표</dt>
+                  <dd>
+                    <b>{selectedGoals.length > 0 ? `${selectedGoals.length}개 선택` : "선택 필요"}</b>
+                    {selectedGoalSummary || "목표를 1개 이상 선택하면 시작할 수 있습니다."}
+                  </dd>
+                </div>
+                <div>
+                  <dt>운영 기준</dt>
+                  <dd>
+                    <b>{limitMinutesLabel}분 회기</b>
+                    종료 {warningMinutesLabel}분 전 알림 · 위험 신호 시 안전 확인 우선
+                  </dd>
+                </div>
+              </dl>
             </div>
           </div>
         ) : (
           <>
+            {/* ── 시간 알람 바(회의 P1): 10분 전 경고 + 시간 만료 정리 유도 — 강제 노출 ── */}
+            {(inWarningWindow || timeUp) && !sessionEnded ? (
+              <div className={"sx-timebar" + (timeUp ? " is-over" : "")} role="alert">
+                <span className="sx-timebar__dot" aria-hidden="true" />
+                <b>
+                  {timeUp
+                    ? "회기 시간이 끝났어요"
+                    : `종료 ${Math.max(1, Math.ceil(remainingSeconds / 60))}분 전`}
+                </b>
+                <span className="sx-timebar__desc">
+                  {timeUp
+                    ? "마무리 인사를 나눈 뒤 종료하세요. 정리 시간이 지나면 새 발화가 제한됩니다."
+                    : "남은 시간 동안 오늘 나눈 이야기를 정리해 보세요."}
+                </span>
+                {timeUp ? (
+                  <button
+                    type="button"
+                    className="sx-timebar__end"
+                    onClick={() => setEndDialogOpen(true)}
+                  >
+                    종료하고 리뷰 보기
+                  </button>
+                ) : null}
+              </div>
+            ) : null}
+
             {/* ── 3-region 그리드 ── */}
             <div className="sx-grid">
-              <section className="sx-mobile-context" aria-label="현재 회기 요약">
+              <section className={surfaceClassName("sx-mobile-context", { variant: "inset" })} aria-label="현재 회기 요약">
                 <div className="sx-mobile-context__row">
                   <span>
                     <b>{sessionStatusLabel}</b>
@@ -2641,15 +2401,20 @@ export default function Session() {
               {/* ── LEFT ── */}
               <div className="sx-col sx-col-left">
                 {/* 회기 단계 세로 트랙 */}
-                <section className="sx-panel sx-track">
+                <section className={surfaceClassName("sx-panel sx-track")}>
                   <div className="sx-track__head">
                     <Kicker>회기 진행</Kicker>
                   </div>
                   {SESSION_PHASES.map((p, i) => {
                     const cls =
                       i < stageIdx ? "is-done" : i === stageIdx ? "is-cur" : "";
+                    const isGoal = goalStages.includes(p.key);
+                    const goalReached = isGoal && goalStageAchieved(i);
+                    const stageProgress = progress?.stages?.find(
+                      (entry) => entry.stage === p.key,
+                    );
                     return (
-                      <div key={p.key} className={"sx-vstep " + cls}>
+                      <div key={p.key} className={"sx-vstep " + cls + (isGoal ? " is-goal" : "")}>
                         <div className="sx-vstep__rail">
                           <span className="sx-vstep__node" />
                           {i < SESSION_PHASES.length - 1 ? <span className="sx-vstep__line" /> : null}
@@ -2657,47 +2422,79 @@ export default function Session() {
                         <div className="sx-vstep__body">
                           <div className="sx-vstep__label">
                             {p.key}
+                            {isGoal ? (
+                              <span
+                                className={
+                                  "sx-vstep__goal" + (goalReached ? " is-reached" : "")
+                                }
+                              >
+                                {goalReached ? "목표 달성" : "이번 목표"}
+                              </span>
+                            ) : null}
                             <span className="sx-vstep__t">
                               {i < stageIdx ? "완료" : i === stageIdx ? "진행 중" : "예정"}
                             </span>
                           </div>
                           <div className="sx-vstep__desc">{p.desc}</div>
+                          {stageProgress ? (
+                            <div className="sx-vstep__gauge" aria-label={`${p.key} 누적 ${stageProgress.percent}%`}>
+                              <Gauge value={stageProgress.percent / 100} tone="accent" />
+                              <em>{stageProgress.percent}</em>
+                            </div>
+                          ) : null}
                         </div>
                       </div>
                     );
                   })}
+                  {progress ? (
+                    <div className="sx-track__note">
+                      누적 게이지는 회기를 건너 이어집니다. 한 회기에 다 채우지 않아도 됩니다.
+                    </div>
+                  ) : null}
                 </section>
 
-                {/* 내담자 컨텍스트 카드 */}
-                <section className="sx-panel sx-ctx">
-                  <div className="sx-ctx__head">
+                {/* 내담자 컨텍스트 카드 — 시작 전 화면에서 이미 본 정보라 기본 접힘 */}
+                <section className={surfaceClassName("sx-panel sx-ctx" + (ctxCollapsed ? " is-collapsed" : ""))}>
+                  <button
+                    type="button"
+                    className="sx-ctx__head sx-panel-toggle"
+                    aria-expanded={!ctxCollapsed}
+                    onClick={() => setCtxCollapsed((prev) => !prev)}
+                  >
                     <Kicker>내담자 컨텍스트</Kicker>
-                  </div>
-                  <div className="sx-ctx__who">
-                    <span className="sx-ctx__pf">{personaUi.context.initial}</span>
-                    <span>
-                      <span className="sx-ctx__nm">{personaUi.context.name}</span>
-                      <div className="sx-ctx__mt">{personaUi.context.meta}</div>
+                    <span className="sx-panel-toggle__hint">
+                      {ctxCollapsed ? `${personaUi.context.name} · 펼치기` : "접기"}
                     </span>
-                  </div>
-                  <div className="sx-ctx__meta">
-                    {personaUi.context.rows.map((r) => (
-                      <div className="sx-ctx__row" key={r.l}>
-                        <span className="sx-ctx__rl">{r.l}</span>
-                        <span className="sx-ctx__rv">{r.v}</span>
+                  </button>
+                  {!ctxCollapsed ? (
+                    <>
+                      <div className="sx-ctx__who">
+                        <span className="sx-ctx__pf">{personaUi.context.initial}</span>
+                        <span>
+                          <span className="sx-ctx__nm">{personaUi.context.name}</span>
+                          <div className="sx-ctx__mt">{personaUi.context.meta}</div>
+                        </span>
                       </div>
-                    ))}
-                  </div>
-                  <div className="sx-ctx__chips">
-                    {personaUi.context.chips.map((c) => (
-                      <span key={c.t} className={"sx-chip" + (c.clay ? " is-clay" : "")}>
-                        {c.t}
-                      </span>
-                    ))}
-                  </div>
+                      <div className="sx-ctx__meta">
+                        {personaUi.context.rows.map((r) => (
+                          <div className="sx-ctx__row" key={r.l}>
+                            <span className="sx-ctx__rl">{r.l}</span>
+                            <span className="sx-ctx__rv">{r.v}</span>
+                          </div>
+                        ))}
+                      </div>
+                      <div className="sx-ctx__chips">
+                        {personaUi.context.chips.map((c) => (
+                          <span key={c.t} className={"sx-chip" + (c.clay ? " is-clay" : "")}>
+                            {c.t}
+                          </span>
+                        ))}
+                      </div>
+                    </>
+                  ) : null}
                 </section>
 
-                <section className="sx-panel sx-session-progress">
+                <section className={surfaceClassName("sx-panel sx-session-progress")}>
                   <div className="sx-session-progress__head">
                     <Kicker>세션 진행</Kicker>
                   </div>
@@ -2706,22 +2503,28 @@ export default function Session() {
                       <b>{elapsedLabel}</b>
                       <small>회기 시간</small>
                     </span>
-                    <span>
-                      <b>{remainingLabel}</b>
-                      <small>권장 30분 기준</small>
+                    <span className={inWarningWindow || timeUp ? "is-warning" : ""}>
+                      <b>{timeUp ? "정리 시간" : remainingLabel}</b>
+                      <small>{limitMinutesLabel}분 회기 · 남은 시간</small>
                     </span>
                     <span>
                       <b>{turnCount}턴</b>
                       <small>저장된 발화</small>
                     </span>
                   </div>
+                  {goalsAchieved && !timeUp && !sessionEnded ? (
+                    <p className="sx-session-progress__goalnote" role="status">
+                      이번 회기 목표를 이뤘어요. 시간이 남았으니 지금 흐름을 더 깊게
+                      가져가도 좋아요.
+                    </p>
+                  ) : null}
                 </section>
               </div>
 
               {/* ── CENTER ── */}
               <div className="sx-col sx-col-center">
                 {/* 어두운 STAGE */}
-                <section className={"sx-stage" + (paused ? " is-paused" : "")}>
+                <section className={surfaceClassName("sx-stage" + (paused ? " is-paused" : ""), { variant: "inset" })}>
                   <div className="sx-stage__top">
                     <span className="sx-stage__status">
                       <span
@@ -2736,7 +2539,14 @@ export default function Session() {
                       />
                       {sessionStatusLabel}
                     </span>
-                    <span className="sx-stage__timer">{elapsedLabel}</span>
+                    <span
+                      className={
+                        "sx-stage__timer" + (inWarningWindow || timeUp ? " is-warning" : "")
+                      }
+                      title={timeUp ? "회기 시간이 끝났습니다" : `남은 시간 ${remainingLabel}`}
+                    >
+                      {timeUp ? "정리 시간" : inWarningWindow ? `-${remainingLabel}` : elapsedLabel}
+                    </span>
                   </div>
 
                   <div className="sx-orb-wrap">
@@ -2763,7 +2573,7 @@ export default function Session() {
                 </section>
 
                 {/* 실시간 자막(대본 스타일) + 텍스트 입력 폴백 */}
-                <section className="sx-transcript">
+                <section className={surfaceClassName("sx-transcript")}>
                   <div className="sx-transcript__head">
                     <Kicker>실시간 자막</Kicker>
                     <span className="sx-transcript__live">
@@ -2911,7 +2721,7 @@ export default function Session() {
                     </Button>
                   </div>
                   {turnError ? (
-                    <section className="sx-safety sx-safety--engine sx-turn-error" role="alert">
+                    <section className={surfaceClassName("sx-safety sx-safety--engine sx-turn-error", { variant: "inset" })} role="alert">
                       <span className="sx-safety__ico">
                         <Icon name="alert" size={17} />
                       </span>
@@ -2927,7 +2737,7 @@ export default function Session() {
               <div className="sx-col sx-col-right">
                 {/* 라이브 신호 (몰입 모드면 숨김) */}
                 {feedbackMode !== "immersive" ? (
-                  <section className="sx-panel sx-signal">
+                  <section className={surfaceClassName("sx-panel sx-signal")}>
                     <div className="sx-signal__head">
                       <Kicker>라이브 신호</Kicker>
                     </div>
@@ -2957,7 +2767,7 @@ export default function Session() {
                         )}
                       </div>
                     ) : (
-                      <p className="sx-signal__rest">
+                      <p className={surfaceClassName("sx-signal__rest", { variant: "inset", flat: true })}>
                         아직 표시할 신호가 없어요. 대화가 이어지면 여기에 짧게 비춰 드릴게요.
                       </p>
                     )}
@@ -3025,7 +2835,7 @@ export default function Session() {
                             <i />
                           </span>
                         </div>
-                        <div className="sx-coach-bubble">
+                        <div className={surfaceClassName("sx-coach-bubble", { variant: "inset", flat: true })}>
                           <div className="sx-coach-bubble__meta">
                             <b>{coachIsDegraded ? "대체 코칭" : "AI 코치"}</b>
                             <span>{coachStatusText}</span>
@@ -3113,7 +2923,7 @@ export default function Session() {
                     </div>
                   </section>
                 ) : (
-                  <section className="sx-panel sx-signal">
+                  <section className={surfaceClassName("sx-panel sx-signal")}>
                     <div className="sx-signal__head">
                       <Kicker>몰입 모드</Kicker>
                     </div>
@@ -3125,52 +2935,105 @@ export default function Session() {
                 )}
 
                 {/* 내담자 상태 미터 */}
-                <section className="sx-panel sx-meters">
-                  <div className="sx-meters__head">
+                <section className={surfaceClassName("sx-panel sx-meters" + (metersCollapsed ? " is-collapsed" : ""))}>
+                  <button
+                    type="button"
+                    className="sx-meters__head sx-panel-toggle"
+                    aria-expanded={!metersCollapsed}
+                    onClick={() => setMetersCollapsed((prev) => !prev)}
+                  >
                     <Kicker>관찰 신호</Kicker>
-                  </div>
+                    <span className="sx-panel-toggle__hint">
+                      {metersCollapsed
+                        ? progress
+                          ? `라포 ${progress.rapport_percent}% · 펼치기`
+                          : "펼치기"
+                        : "접기"}
+                    </span>
+                  </button>
 
+                  {metersCollapsed ? null : (
+                  <>
                   <div className="sx-meter">
                     <div className="sx-meter__top">
-                      <span className="sx-meter__label">방어 신호</span>
+                      <span className="sx-meter__label">방어(저항) 수준</span>
                       <span className="sx-meter__val is-clay">
-                        {meters.resistance > 0.55 ? "아직 높음" : "완화되는 중"}
+                        {progress
+                          ? `${progress.resistance_percent}% · ${progress.resistance_percent > 55 ? "아직 높음" : "완화되는 중"}`
+                          : meters.resistance > 0.55
+                            ? "아직 높음"
+                            : "완화되는 중"}
                       </span>
                     </div>
-                    <Gauge value={meters.resistance} tone="clay" />
+                    <Gauge
+                      value={progress ? progress.resistance_percent / 100 : meters.resistance}
+                      tone="clay"
+                    />
                   </div>
 
                   <div className="sx-meter">
                     <div className="sx-meter__top">
-                      <span className="sx-meter__label">위축 신호</span>
-                      <span className="sx-meter__val is-clay">
-                        {meters.anxiety > 0.5 ? "중간" : "낮아지는 중"}
+                      <span className="sx-meter__label">유효 개방도</span>
+                      <span className="sx-meter__val is-accent">
+                        {progress
+                          ? `${progress.openness_percent}%`
+                          : meters.anxiety > 0.5
+                            ? "중간"
+                            : "낮아지는 중"}
                       </span>
                     </div>
-                    <Gauge value={meters.anxiety} tone="clay" />
+                    <Gauge
+                      value={progress ? progress.openness_percent / 100 : 1 - meters.anxiety}
+                      tone="accent"
+                    />
                   </div>
 
                   <div className="sx-meter">
                     <div className="sx-meter__top">
-                      <span className="sx-meter__label">관계 신호</span>
-                      <span className="sx-meter__val is-accent">조금씩 ↑</span>
+                      <span className="sx-meter__label">라포 누적</span>
+                      <span className="sx-meter__val is-accent">
+                        {progress
+                          ? `${progress.rapport_percent}%` +
+                            (progress.rapport_delta_percent > 0
+                              ? ` · 이번 회기 +${progress.rapport_delta_percent}%p`
+                              : "")
+                          : "조금씩 ↑"}
+                      </span>
                     </div>
-                    <Gauge value={meters.rapport} tone="accent" />
+                    <Gauge
+                      value={progress ? progress.rapport_percent / 100 : meters.rapport}
+                      tone="accent"
+                    />
                   </div>
 
                   <div className="sx-meters__note">
-                    실시간에는 방향 신호만 표시합니다. 정밀 평가는 회기 종료 후 리뷰에서 확인합니다.
+                    수치는 결정론 상태머신의 파생값입니다. 정밀 평가는 회기 종료 후 리뷰에서
+                    확인합니다.
                   </div>
+                  </>
+                  )}
                 </section>
 
-                <section className={"sx-panel sx-safety" + (safety ? "" : " sx-safety--ok")}>
-                  <div className="sx-safety__head">
+                <section
+                  className={surfaceClassName(
+                    "sx-panel sx-safety" +
+                    (safety ? "" : " sx-safety--ok") +
+                    (safetyCollapsed && !safety ? " is-collapsed" : ""),
+                  )}
+                >
+                  <button
+                    type="button"
+                    className="sx-safety__head sx-panel-toggle"
+                    aria-expanded={!(safetyCollapsed && !safety)}
+                    onClick={() => setSafetyCollapsed((prev) => !prev)}
+                  >
                     <span className="sx-safety__ico">
                       <Icon name={safety ? "alert" : "shield"} size={17} />
                     </span>
                     <Kicker>안전 점검</Kicker>
                     <span className="sx-safety__badge">{safetyStatusText}</span>
-                  </div>
+                  </button>
+                  {safetyCollapsed && !safety ? null : (
                   <div className="sx-safety__rows">
                     <span>
                       <b>위기 신호</b>
@@ -3185,6 +3048,7 @@ export default function Session() {
                       <small>{crisisResource ? crisisResource.title : "대기"}</small>
                     </span>
                   </div>
+                  )}
                   {crisisResource ? (
                     <span className="sx-crisis-resource">
                       <strong>{crisisResource.title}</strong>
@@ -3196,7 +3060,7 @@ export default function Session() {
             </div>
 
             {/* ── 하단 컨트롤 바 ── */}
-            <div className="sx-controlbar">
+            <div className={surfaceClassName("sx-controlbar")}>
               <div className="sx-mic-block">
                 <button
                   type="button"
@@ -3229,6 +3093,17 @@ export default function Session() {
 
               <div className="sx-seg-block">
                 <span className="sx-seg-block__label">화면 모드</span>
+                {coachNudgeVisible ? (
+                  <button
+                    type="button"
+                    className="sx-coach-nudge"
+                    onClick={() => setFeedbackMode("coached")}
+                  >
+                    <span className="sx-coach-nudge__dot" aria-hidden="true" />
+                    방금 발화에 코치 제안이 있어요
+                    <em>코칭 열기</em>
+                  </button>
+                ) : null}
                 <div className="sx-segmented" role="group" aria-label="피드백 모드">
                   <button
                     className={feedbackMode === "immersive" ? "is-on" : ""}
@@ -3250,7 +3125,9 @@ export default function Session() {
                     <span>코칭</span>
                     <span
                       className={
-                        "sx-segmented__badge" + (coachQuotaRemaining <= 0 ? " is-empty" : "")
+                        "sx-segmented__badge" +
+                        (coachQuotaRemaining <= 0 ? " is-empty" : "") +
+                        (coachNudgeVisible ? " is-pulsing" : "")
                       }
                       aria-hidden="true"
                     >
@@ -3525,9 +3402,13 @@ export default function Session() {
                       <Icon name="review" size={18} />
                     </span>
                     <div>
-                      <h2 id="sx-end-dialog-title">회기를 종료할까?</h2>
+                      <h2 id="sx-end-dialog-title">
+                        {timeUp ? "회기 시간이 끝났어요" : "회기를 종료할까?"}
+                      </h2>
                       <p id="sx-end-dialog-desc">
-                        종료하면 현재 축어록을 저장하고 바로 회기 리뷰 화면으로 이동한다.
+                        {timeUp
+                          ? "실제 상담처럼 시간이 회기를 마무리합니다. 마지막 인사를 나누고 싶다면 잠시 계속할 수 있어요. 종료하면 축어록을 저장하고 리뷰로 이동합니다."
+                          : "종료하면 현재 축어록을 저장하고 바로 회기 리뷰 화면으로 이동한다."}
                       </p>
                     </div>
                   </div>
@@ -3539,7 +3420,7 @@ export default function Session() {
                       onClick={() => setEndDialogOpen(false)}
                       disabled={ending}
                     >
-                      계속 진행
+                      {timeUp ? "마무리 인사 나누기" : "계속 진행"}
                     </button>
                     <button
                       ref={endConfirmRef}
diff --git a/apps/web/src/pages/SessionReview.tsx b/apps/web/src/pages/SessionReview.tsx
index 9c224b5..cc8887d 100644
--- a/apps/web/src/pages/SessionReview.tsx
+++ b/apps/web/src/pages/SessionReview.tsx
@@ -9,6 +9,8 @@ import {
   Icon,
   Kicker,
   ProgressBar,
+  EmptyState as UiEmptyState,
+  surfaceClassName,
 } from "../components/ui";
 import {
   ApiError,
@@ -24,81 +26,36 @@ import {
   type ReviewTurn,
   type ReviewWorksheetSection,
   type SessionReviewResponse,
-  type UserPrepostMeasureItem,
   type UserPrepostMeasuresResponse,
 } from "../lib/api";
 import { canAccessRole, useAuth } from "../lib/auth";
 import { ValenceChart } from "./session-review/ValenceChart";
+import {
+  PREPOST_INSTRUMENT_VERSION,
+  PREPOST_MEASURES,
+  PREPOST_PILOT_ID,
+  PREPOST_SCORE_MAX,
+  PREPOST_SCORE_MIN,
+  PREPOST_TIMEPOINTS,
+  REVIEW_READY_POLL_INTERVAL_MS,
+  REVIEW_READY_POLL_LIMIT,
+  displayEvaluationRetryError,
+  displayReviewSummary,
+  displayTranscriptText,
+  noteAuthorLabel,
+  parsePrepostScore,
+  prepostDraftFromResponse,
+  prepostDraftKey,
+  shouldPollReviewReady,
+  splitPrepostDraftKey,
+  teacherReviewFromResponse,
+  worksheetReviewStatusLabel,
+  type WorksheetDecisionStatus,
+  type WorksheetReviewStatus,
+} from "./session-review/model";
 import "./session-review/session-review.css";
 
 type LoadState = "loading" | "ready" | "error";
-type PrepostMeasureName = UserPrepostMeasureItem["measure_name"];
-type PrepostTimepoint = UserPrepostMeasureItem["timepoint"];
-type WorksheetReviewStatus = "pending" | "approved" | "changes_requested" | "rejected";
-type WorksheetDecisionStatus = Exclude<WorksheetReviewStatus, "pending">;
-
-const PREPOST_PILOT_ID = "phase3-pilot-draft";
-const PREPOST_INSTRUMENT_VERSION = "pilot-prepost-scaffold-2026-06-28";
-const PREPOST_SCORE_MIN = 1;
-const PREPOST_SCORE_MAX = 5;
-const REVIEW_READY_POLL_INTERVAL_MS = 1500;
-const REVIEW_READY_POLL_LIMIT = 60;
-
-const PREPOST_MEASURES: Array<{ key: PrepostMeasureName; label: string; hint: string }> = [
-  { key: "self_efficacy", label: "자기효능감", hint: "상담 수행 자신감" },
-  { key: "skill_proficiency", label: "기술숙련도", hint: "기법 적용 숙련감" },
-  { key: "training_satisfaction", label: "수련만족도", hint: "훈련 경험 만족도" },
-];
-
-const PREPOST_TIMEPOINTS: Array<{ key: PrepostTimepoint; label: string }> = [
-  { key: "pre", label: "사전" },
-  { key: "post", label: "사후" },
-];
-
-function prepostDraftKey(measure: PrepostMeasureName, timepoint: PrepostTimepoint) {
-  return `${measure}:${timepoint}`;
-}
-
-function worksheetReviewStatusLabel(status: WorksheetReviewStatus) {
-  if (status === "approved") return "승인";
-  if (status === "changes_requested") return "수정요청";
-  if (status === "rejected") return "반려";
-  return "검수 대기";
-}
-
-function splitPrepostDraftKey(key: string): [PrepostMeasureName, PrepostTimepoint] | null {
-  const [measure, timepoint] = key.split(":");
-  if (
-    PREPOST_MEASURES.some((item) => item.key === measure) &&
-    PREPOST_TIMEPOINTS.some((item) => item.key === timepoint)
-  ) {
-    return [measure as PrepostMeasureName, timepoint as PrepostTimepoint];
-  }
-  return null;
-}
-
-function prepostScoreText(score: number) {
-  return Number.isInteger(score) ? String(score) : score.toFixed(1).replace(/\.0$/, "");
-}
-
-function prepostDraftFromResponse(
-  response: UserPrepostMeasuresResponse | null,
-): Record<string, string> {
-  const next: Record<string, string> = {};
-  for (const item of response?.measures ?? []) {
-    next[prepostDraftKey(item.measure_name, item.timepoint)] = prepostScoreText(item.raw_score);
-  }
-  return next;
-}
-
-function parsePrepostScore(value: string): number | null {
-  const trimmed = value.trim();
-  if (!trimmed) return null;
-  const parsed = Number(trimmed);
-  if (!Number.isFinite(parsed)) return null;
-  if (parsed < PREPOST_SCORE_MIN || parsed > PREPOST_SCORE_MAX) return null;
-  return parsed;
-}
 
 function renderSummary(summary: string) {
   const parts = summary.split(/(<hl>.*?<\/hl>)/g);
@@ -115,44 +72,6 @@ function renderSummary(summary: string) {
   });
 }
 
-function displayReviewSummary(summary: string) {
-  if (/(?:사유:\s*)?(?:engine_error|session evaluation timeout|timeout|RuntimeError)/i.test(summary)) {
-    return "저장된 축어록은 확인했지만 deep-loop 평가 AI 산출물을 표시하지 못했습니다. AI 평가 재시도가 필요합니다.";
-  }
-  return summary;
-}
-
-function displayEvaluationRetryError(message: string) {
-  if (!message.trim()) return "AI 평가를 다시 실행하지 못했습니다.";
-  return "AI 평가 재시도를 완료하지 못했습니다. 잠시 뒤 다시 실행해 주세요.";
-}
-
-const REVIEW_DISPLAY_PLACEHOLDERS: Record<string, string> = {
-  "[NAME]": "익명 내담자",
-  "[ORG]": "소속 기관",
-  "[PHONE]": "연락처",
-  "[EMAIL]": "이메일",
-  "[RRN]": "주민등록번호",
-  "[ADDRESS]": "주소",
-};
-
-function displayTranscriptText(text: string) {
-  let next = text;
-  for (const [placeholder, label] of Object.entries(REVIEW_DISPLAY_PLACEHOLDERS)) {
-    next = next.split(placeholder).join(label);
-  }
-  return next;
-}
-
-function shouldPollReviewReady(data: SessionReviewResponse) {
-  return (
-    !data.reviewReady &&
-    data.degraded &&
-    data.supervisorState === "평가 대기" &&
-    (data.turns?.length ?? 0) > 0
-  );
-}
-
 function renderInlineMarkdown(text: string): ReactNode[] {
   const nodes: ReactNode[] = [];
   let cursor = 0;
@@ -224,7 +143,9 @@ function ReviewMarkdown({ text }: { text: string }) {
       blocks.push(
         <blockquote key={`quote-${blocks.length}`} className="sr-md__quote">
           {quoteLines.map((quoteLine, index) => (
-            <span key={`${quoteLine}-${index}`}>{renderInlineMarkdown(quoteLine)}</span>
+            <span key={`${quoteLine}-${index}`}>
+              {renderInlineMarkdown(quoteLine)}
+            </span>
           ))}
         </blockquote>,
       );
@@ -269,10 +190,15 @@ function ReviewMarkdown({ text }: { text: string }) {
 
 function EmptyBlock({ title, desc }: { title: string; desc: string }) {
   return (
-    <div className="vg-empty sr-empty">
-      <div className="vg-empty__title">{title}</div>
-      <div className="vg-empty__desc">{desc}</div>
-    </div>
+    <UiEmptyState
+      className={surfaceClassName("vg-empty sr-empty", {
+        variant: "inset",
+        flat: true,
+      })}
+      title={title}
+      description={desc}
+      descriptionAs="div"
+    />
   );
 }
 
@@ -287,7 +213,10 @@ function TechniqueChip({ tech }: { tech: ReviewTechnique }) {
 
 function NonverbalChip({ event }: { event: ReviewNonverbalEvent }) {
   return (
-    <span className={`sr-nonverbal sr-nonverbal--${event.kind}`} title={event.detail}>
+    <span
+      className={`sr-nonverbal sr-nonverbal--${event.kind}`}
+      title={event.detail}
+    >
       <span className="sr-nonverbal__dot" aria-hidden="true" />
       {event.label}
       <span className="sr-nonverbal__detail">{event.detail}</span>
@@ -295,20 +224,15 @@ function NonverbalChip({ event }: { event: ReviewNonverbalEvent }) {
   );
 }
 
-function noteAuthorLabel(author: string) {
-  const normalized = author.trim();
-  if (normalized === "ai") return "AI";
-  if (normalized === "transcript") return "기록";
-  return normalized || "교수자";
-}
-
 function SupervisorCallout({ note }: { note: ReviewNote }) {
   const positiveTone = note.tone === "good" || note.tone === "ai";
   const toneCls = positiveTone ? "sr-note--ai" : "sr-note--warn";
   const iconName = positiveTone ? "check" : "info";
   const tag = noteAuthorLabel(note.author);
   return (
-    <div className={`sr-note ${toneCls}`}>
+    <div
+      className={surfaceClassName(`sr-note ${toneCls}`, { variant: "inset" })}
+    >
       <div className="sr-note__head">
         <Icon name={iconName} size={13} strokeWidth={2.2} />
         {note.title}
@@ -329,7 +253,10 @@ function SupervisorCallout({ note }: { note: ReviewNote }) {
 
 function EvaluationScopeNotice() {
   return (
-    <div className="sr-eval-scope" aria-label="AI 평가 범위 안내">
+    <div
+      className={surfaceClassName("sr-eval-scope", { variant: "inset" })}
+      aria-label="AI 평가 범위 안내"
+    >
       <div className="sr-eval-scope__title">
         <Icon name="info" size={14} strokeWidth={2.2} />
         <b>AI 평가 범위</b>
@@ -337,11 +264,17 @@ function EvaluationScopeNotice() {
       <dl>
         <div>
           <dt>현재 구현</dt>
-          <dd>fast-loop는 턴 직후 발화를 점검하고, deep-loop는 종료 후 회기 전체를 재분석합니다.</dd>
+          <dd>
+            fast-loop는 턴 직후 발화를 점검하고, deep-loop는 종료 후 회기 전체를
+            재분석합니다.
+          </dd>
         </div>
         <div>
           <dt>임상팀 확정 필요</dt>
-          <dd>점수 해석 기준, 교수자 최종 판정 문구, 기관별 루브릭 가중치는 아직 확정 전입니다.</dd>
+          <dd>
+            점수 해석 기준, 교수자 최종 판정 문구, 기관별 루브릭 가중치는 아직
+            확정 전입니다.
+          </dd>
         </div>
       </dl>
     </div>
@@ -357,7 +290,9 @@ function JumpablePoint({
   turns: ReviewTurn[];
   onJump: (id: string) => void;
 }) {
-  const targetTs = point.jumpTo ? turns.find((turn) => turn.id === point.jumpTo)?.ts : null;
+  const targetTs = point.jumpTo
+    ? turns.find((turn) => turn.id === point.jumpTo)?.ts
+    : null;
   return (
     <div className="sr-point">
       <span className="sr-point__mk" aria-hidden="true" />
@@ -387,7 +322,9 @@ function confidenceLabel(confidence: "none" | "low" | "medium") {
   return "빈칸";
 }
 
-function cloneWorksheetSections(sections: ReviewWorksheetSection[]): ReviewWorksheetSection[] {
+function cloneWorksheetSections(
+  sections: ReviewWorksheetSection[],
+): ReviewWorksheetSection[] {
   return sections.map((section) => ({
     ...section,
     items: (section.items ?? []).map((item) => ({
@@ -412,8 +349,8 @@ function CaseWorksheetCard({
 }) {
   const sections = worksheet?.sections ?? [];
   const limitations = worksheet?.limitations ?? [];
-  const [draftSections, setDraftSections] = useState<ReviewWorksheetSection[]>(() =>
-    cloneWorksheetSections(sections),
+  const [draftSections, setDraftSections] = useState<ReviewWorksheetSection[]>(
+    () => cloneWorksheetSections(sections),
   );
   const [dirty, setDirty] = useState(false);
   const [saving, setSaving] = useState(false);
@@ -446,7 +383,11 @@ function CaseWorksheetCard({
                   : {
                       ...item,
                       value,
-                      confidence: value.trim() ? item.confidence === "none" ? "low" : item.confidence : "none",
+                      confidence: value.trim()
+                        ? item.confidence === "none"
+                          ? "low"
+                          : item.confidence
+                        : "none",
                       emptyReason: value.trim() ? null : item.emptyReason,
                     },
               ),
@@ -502,15 +443,26 @@ function CaseWorksheetCard({
                 {(section.items ?? []).map((item) => {
                   const evidence = item.evidence?.[0];
                   return (
-                    <div className="sr-ws-item" key={item.key}>
+                    <div
+                      className={surfaceClassName("sr-ws-item", {
+                        variant: "inset",
+                        flat: true,
+                      })}
+                      key={item.key}
+                    >
                       <div className="sr-ws-item__head">
                         <b>{item.label}</b>
-                        <span className={`sr-ws-badge sr-ws-badge--${item.confidence}`}>
+                        <span
+                          className={`sr-ws-badge sr-ws-badge--${item.confidence}`}
+                        >
                           {confidenceLabel(item.confidence)}
                         </span>
                       </div>
                       <textarea
-                        className={`sr-ws-input ${readOnly ? "is-readonly" : ""}`}
+                        className={surfaceClassName(
+                          `sr-ws-input ${readOnly ? "is-readonly" : ""}`,
+                          { variant: "inset", flat: true },
+                        )}
                         name={`worksheet-${section.key}-${item.key}`}
                         aria-label={`${section.title} ${item.label}`}
                         autoComplete="off"
@@ -519,7 +471,11 @@ function CaseWorksheetCard({
                         rows={3}
                         readOnly={readOnly}
                         onChange={(event) =>
-                          updateValue(section.key, item.key, event.currentTarget.value)
+                          updateValue(
+                            section.key,
+                            item.key,
+                            event.currentTarget.value,
+                          )
                         }
                       />
                       {evidence ? (
@@ -529,7 +485,8 @@ function CaseWorksheetCard({
                           aria-label={`${evidence.speaker === "learner" ? "학습자" : "내담자"} 근거 발화로 이동`}
                           onClick={() => onJump(evidence.turnId)}
                         >
-                          {evidence.speaker === "learner" ? "학습자" : "내담자"} · {evidence.quote}
+                          {evidence.speaker === "learner" ? "학습자" : "내담자"}{" "}
+                          · {evidence.quote}
                         </button>
                       ) : null}
                     </div>
@@ -602,7 +559,10 @@ function PrepostMeasureCard() {
   );
 
   const dirtyKeys = useMemo(
-    () => changedKeys.filter((key) => parsePrepostScore(draft[key]?.trim() ?? "") !== null),
+    () =>
+      changedKeys.filter(
+        (key) => parsePrepostScore(draft[key]?.trim() ?? "") !== null,
+      ),
     [changedKeys, draft],
   );
 
@@ -613,7 +573,10 @@ function PrepostMeasureCard() {
         if (!split) return false;
         const value = draft[key]?.trim() ?? "";
         const hadSavedValue = (baseline[key] ?? "").trim().length > 0;
-        return (value.length === 0 && hadSavedValue) || (value.length > 0 && parsePrepostScore(value) === null);
+        return (
+          (value.length === 0 && hadSavedValue) ||
+          (value.length > 0 && parsePrepostScore(value) === null)
+        );
       }),
     [baseline, draft],
   );
@@ -663,10 +626,14 @@ function PrepostMeasureCard() {
         <span className="sr-prepost__badge">{completePairs}/3 쌍</span>
       </div>
       <p className="sr-prepost__note">
-        1~5 평균값만 저장합니다. 효과 판정과 통계 검정은 평가설계 확정 후 별도 산출합니다.
+        1~5 평균값만 저장합니다. 효과 판정과 통계 검정은 평가설계 확정 후 별도
+        산출합니다.
       </p>
       <div className="sr-prepost__table" aria-busy={loading || saving}>
-        <div className="sr-prepost__row sr-prepost__row--head" aria-hidden="true">
+        <div
+          className="sr-prepost__row sr-prepost__row--head"
+          aria-hidden="true"
+        >
           <span>척도</span>
           {PREPOST_TIMEPOINTS.map((timepoint) => (
             <span key={timepoint.key}>{timepoint.label}</span>
@@ -683,7 +650,9 @@ function PrepostMeasureCard() {
               const invalid = invalidKeys.includes(key);
               return (
                 <label className="sr-prepost__field" key={key}>
-                  <span>{measure.label} {timepoint.label}</span>
+                  <span>
+                    {measure.label} {timepoint.label}
+                  </span>
                   <input
                     name={`prepost-${key}`}
                     type="number"
@@ -713,7 +682,8 @@ function PrepostMeasureCard() {
       </div>
       {invalidKeys.length > 0 ? (
         <p className="sr-prepost__error" role="alert">
-          점수는 1 이상 5 이하로 입력해야 합니다. 기존 값을 비우려면 새 점수를 입력해 주세요.
+          점수는 1 이상 5 이하로 입력해야 합니다. 기존 값을 비우려면 새 점수를
+          입력해 주세요.
         </p>
       ) : error ? (
         <p className="sr-prepost__error" role="alert">
@@ -733,7 +703,12 @@ function PrepostMeasureCard() {
         <Button
           variant="secondary"
           size="sm"
-          disabled={loading || saving || dirtyKeys.length === 0 || invalidKeys.length > 0}
+          disabled={
+            loading ||
+            saving ||
+            dirtyKeys.length === 0 ||
+            invalidKeys.length > 0
+          }
           onClick={() => void saveDraft()}
         >
           {saving ? "저장 중" : "점수 저장"}
@@ -753,24 +728,39 @@ export default function SessionReview() {
   const [error, setError] = useState<string | null>(null);
   const [learnerOnly, setLearnerOnly] = useState(false);
   const [activeTurn, setActiveTurn] = useState<string | null>(null);
-  const [shareState, setShareState] = useState<"idle" | "creating" | "copied" | "error">("idle");
+  const [shareState, setShareState] = useState<
+    "idle" | "creating" | "copied" | "error"
+  >("idle");
   const [shareUrl, setShareUrl] = useState<string | null>(null);
   const [shareError, setShareError] = useState<string | null>(null);
   const [teacherNote, setTeacherNote] = useState("");
   const [teacherWorksheetNote, setTeacherWorksheetNote] = useState("");
-  const [teacherReviewSaving, setTeacherReviewSaving] = useState<"viewed" | "closed" | null>(null);
+  const [teacherReviewSaving, setTeacherReviewSaving] = useState<
+    "viewed" | "closed" | null
+  >(null);
   const [teacherWorksheetSaving, setTeacherWorksheetSaving] =
     useState<WorksheetDecisionStatus | null>(null);
-  const [teacherReviewError, setTeacherReviewError] = useState<string | null>(null);
+  const [teacherReviewError, setTeacherReviewError] = useState<string | null>(
+    null,
+  );
   const [evaluationRetrying, setEvaluationRetrying] = useState(false);
-  const [evaluationRetryError, setEvaluationRetryError] = useState<string | null>(null);
+  const [evaluationRetryError, setEvaluationRetryError] = useState<
+    string | null
+  >(null);
   const [reviewReloadSeq, setReviewReloadSeq] = useState(0);
   const turnRefs = useRef<Record<string, HTMLDivElement | null>>({});
 
   const handleWorksheetSaved = (worksheet: ReviewCaseWorksheet) => {
-    setData((current) => (current ? { ...current, caseWorksheet: worksheet } : current));
+    setData((current) =>
+      current ? { ...current, caseWorksheet: worksheet } : current,
+    );
   };
   const isSupervisorView = location.pathname.startsWith("/teach/");
+  // 모든 폭에서 상단 가로 탭으로 리뷰 영역을 전환한다.
+  // 한 번에 한 흐름만 보여 시선 이동과 세로 데드 스페이스를 함께 줄인다.
+  const [reviewTab, setReviewTab] = useState<
+    "transcript" | "insights" | "worksheet"
+  >("transcript");
   const reviewNavRole = isSupervisorView ? "teacher" : "learner";
   const contextLabel = isSupervisorView ? "교수자 회기 리뷰" : "회기 리뷰";
 
@@ -792,8 +782,15 @@ export default function SessionReview() {
       try {
         const next = await sessionApi.review(sessionId);
         if (!alive) return;
-        if (!isSupervisorView && user && canAccessRole(user, "teacher") && next.teacherReview) {
-          navigate(`/teach/session/${encodeURIComponent(sessionId)}/review`, { replace: true });
+        if (
+          !isSupervisorView &&
+          user &&
+          canAccessRole(user, "teacher") &&
+          next.teacherReview
+        ) {
+          navigate(`/teach/session/${encodeURIComponent(sessionId)}/review`, {
+            replace: true,
+          });
           return;
         }
         setData(next);
@@ -802,9 +799,15 @@ export default function SessionReview() {
         setTeacherReviewError(null);
         setEvaluationRetryError(null);
         setLoadState("ready");
-        if (shouldPollReviewReady(next) && pollAttempts < REVIEW_READY_POLL_LIMIT) {
+        if (
+          shouldPollReviewReady(next) &&
+          pollAttempts < REVIEW_READY_POLL_LIMIT
+        ) {
           pollAttempts += 1;
-          pollTimer = window.setTimeout(loadReview, REVIEW_READY_POLL_INTERVAL_MS);
+          pollTimer = window.setTimeout(
+            loadReview,
+            REVIEW_READY_POLL_INTERVAL_MS,
+          );
         }
       } catch (err) {
         if (!alive) return;
@@ -816,10 +819,16 @@ export default function SessionReview() {
           user &&
           canAccessRole(user, "teacher")
         ) {
-          navigate(`/teach/session/${encodeURIComponent(sessionId)}/review`, { replace: true });
+          navigate(`/teach/session/${encodeURIComponent(sessionId)}/review`, {
+            replace: true,
+          });
           return;
         }
-        setError(err instanceof Error ? err.message : "회기 리뷰를 불러오지 못했습니다.");
+        setError(
+          err instanceof Error
+            ? err.message
+            : "회기 리뷰를 불러오지 못했습니다.",
+        );
         setLoadState("error");
       }
     };
@@ -834,11 +843,17 @@ export default function SessionReview() {
 
   const visibleTurns = useMemo<ReviewTurn[]>(() => {
     const turns = data?.turns ?? [];
-    return learnerOnly ? turns.filter((turn) => turn.speaker === "learner") : turns;
+    return learnerOnly
+      ? turns.filter((turn) => turn.speaker === "learner")
+      : turns;
   }, [learnerOnly, data?.turns]);
 
   const phaseTotal = useMemo(
-    () => Math.max(1, (data?.phases ?? []).reduce((acc, phase) => acc + phase.weight, 0)),
+    () =>
+      Math.max(
+        1,
+        (data?.phases ?? []).reduce((acc, phase) => acc + phase.weight, 0),
+      ),
     [data?.phases],
   );
 
@@ -846,7 +861,10 @@ export default function SessionReview() {
     if (!data) return;
     const turns = data.turns ?? [];
     setActiveTurn(id);
-    if (learnerOnly && turns.find((turn) => turn.id === id)?.speaker === "client") {
+    if (
+      learnerOnly &&
+      turns.find((turn) => turn.id === id)?.speaker === "client"
+    ) {
       setLearnerOnly(false);
     }
     requestAnimationFrame(() => {
@@ -872,7 +890,9 @@ export default function SessionReview() {
       }
     } catch (err) {
       setShareState("error");
-      setShareError(err instanceof Error ? err.message : "공유 URL을 만들지 못했습니다.");
+      setShareError(
+        err instanceof Error ? err.message : "공유 URL을 만들지 못했습니다.",
+      );
     }
   }
 
@@ -881,7 +901,9 @@ export default function SessionReview() {
     setEvaluationRetrying(true);
     setEvaluationRetryError(null);
     try {
-      const result = await evalApi.reevaluateSession(sessionId, { scope: "session_end" });
+      const result = await evalApi.reevaluateSession(sessionId, {
+        scope: "session_end",
+      });
       const resultError = typeof result.error === "string" ? result.error : "";
       if (resultError) {
         throw new Error(resultError);
@@ -912,26 +934,16 @@ export default function SessionReview() {
       });
       setData((current) =>
         current
-          ? {
-              ...current,
-              teacherReview: {
-                status: saved.status,
-                note: saved.note,
-                reviewerId: saved.reviewer_id ?? null,
-                reviewedAt: saved.reviewed_at ?? null,
-                updatedAt: saved.updated_at ?? null,
-                worksheetStatus: saved.worksheet_status ?? "pending",
-                worksheetNote: saved.worksheet_note ?? "",
-                worksheetReviewedAt: saved.worksheet_reviewed_at ?? null,
-              },
-            }
+          ? { ...current, teacherReview: teacherReviewFromResponse(saved) }
           : current,
       );
       setTeacherNote(saved.note);
       setTeacherWorksheetNote(saved.worksheet_note ?? "");
     } catch (err) {
       setTeacherReviewError(
-        err instanceof Error ? err.message : "교수자 검토 상태를 저장하지 못했습니다.",
+        err instanceof Error
+          ? err.message
+          : "교수자 검토 상태를 저장하지 못했습니다.",
       );
     } finally {
       setTeacherReviewSaving(null);
@@ -951,26 +963,16 @@ export default function SessionReview() {
       });
       setData((current) =>
         current
-          ? {
-              ...current,
-              teacherReview: {
-                status: saved.status,
-                note: saved.note,
-                reviewerId: saved.reviewer_id ?? null,
-                reviewedAt: saved.reviewed_at ?? null,
-                updatedAt: saved.updated_at ?? null,
-                worksheetStatus: saved.worksheet_status ?? "pending",
-                worksheetNote: saved.worksheet_note ?? "",
-                worksheetReviewedAt: saved.worksheet_reviewed_at ?? null,
-              },
-            }
+          ? { ...current, teacherReview: teacherReviewFromResponse(saved) }
           : current,
       );
       setTeacherNote(saved.note);
       setTeacherWorksheetNote(saved.worksheet_note ?? "");
     } catch (err) {
       setTeacherReviewError(
-        err instanceof Error ? err.message : "워크시트 검수 상태를 저장하지 못했습니다.",
+        err instanceof Error
+          ? err.message
+          : "워크시트 검수 상태를 저장하지 못했습니다.",
       );
     } finally {
       setTeacherWorksheetSaving(null);
@@ -983,7 +985,10 @@ export default function SessionReview() {
         <div className="sr-root">
           <Card>
             <Kicker>회기 리뷰</Kicker>
-            <EmptyBlock title="리뷰를 불러오는 중" desc="회기 축어록을 확인하고 있습니다." />
+            <EmptyBlock
+              title="리뷰를 불러오는 중"
+              desc="회기 축어록을 확인하고 있습니다."
+            />
           </Card>
         </div>
       </AppShell>
@@ -1028,10 +1033,14 @@ export default function SessionReview() {
       : teacherReviewStatus === "viewed"
         ? "검토 중"
         : "검토 대기";
-  const worksheetReviewStatus = (teacherReview?.worksheetStatus ?? "pending") as WorksheetReviewStatus;
-  const worksheetReviewLabel = worksheetReviewStatusLabel(worksheetReviewStatus);
+  const worksheetReviewStatus = (teacherReview?.worksheetStatus ??
+    "pending") as WorksheetReviewStatus;
+  const worksheetReviewLabel = worksheetReviewStatusLabel(
+    worksheetReviewStatus,
+  );
   const hasLearnerWorksheet = data.caseWorksheet?.status === "saved_by_learner";
-  const canReviewEndedSession = isSupervisorView && data.sessionSignal === "종료됨";
+  const canReviewEndedSession =
+    isSupervisorView && data.sessionSignal === "종료됨";
   const canCloseTeacherReview = canReviewEndedSession && data.reviewReady;
   const canDecideWorksheet = canReviewEndedSession && hasLearnerWorksheet;
   const canRetryEvaluation =
@@ -1068,17 +1077,30 @@ export default function SessionReview() {
           </div>
 
           <div className="sr-head__stats">
-            <div className="sr-stat">
+            <div
+              className={surfaceClassName("sr-stat", {
+                variant: "inset",
+                flat: true,
+              })}
+            >
               <span className="sr-stat__lab">SESSION</span>
               <span className="sr-stat__val sr-stat__val--accent">
                 <Dot tone={data.reviewReady ? "accent" : "warn"} size={7} />
                 {data.sessionSignal}
               </span>
             </div>
-            <div className="sr-stat">
+            <div
+              className={surfaceClassName("sr-stat", {
+                variant: "inset",
+                flat: true,
+              })}
+            >
               <span className="sr-stat__lab">SUPERVISOR</span>
               <span className="sr-stat__val">
-                <span className="sr-avatar" style={{ width: 22, height: 22, fontSize: 11 }}>
+                <span
+                  className="sr-avatar"
+                  style={{ width: 22, height: 22, fontSize: 11 }}
+                >
                   {data.supervisorName}
                 </span>
                 {data.supervisorState}
@@ -1087,99 +1109,169 @@ export default function SessionReview() {
           </div>
         </Card>
 
-        <div className={`sr-cols ${isSupervisorView ? "sr-cols--supervisor" : "sr-cols--learner"}`}>
-          <div className="sr-left">
-            <Card className="sr-overview">
-              <Kicker>리뷰 요약</Kicker>
-              <p className="sr-summary">
-                {renderSummary(displayReviewSummary(data.summary))}
-              </p>
-              <div className="sr-readiness" aria-label="리뷰 생성 상태">
-                <span>
-                  <b>{reviewReadiness}</b>
-                  <small>리뷰 근거</small>
-                </span>
-                <span>
-                  <b>{data.reviewReady ? "준비됨" : "대기"}</b>
-                  <small>평가 상태</small>
-                </span>
-                <span>
-                  <b>{data.reachedPhase}</b>
-                  <small>도달 단계</small>
-                </span>
-              </div>
-              <div className="sr-actions">
-                {isSupervisorView ? (
-                  <Button
-                    variant="secondary"
-                    size="sm"
-                    leading={<Icon name="users" size={14} />}
-                    onClick={() => navigate("/teach")}
-                  >
-                    교수 콘솔로
-                  </Button>
-                ) : null}
-                {canRetryEvaluation ? (
-                  <Button
-                    variant="primary"
-                    size="sm"
-                    leading={<Icon name="review" size={14} />}
-                    disabled={evaluationRetrying}
-                    onClick={handleRetryEvaluation}
-                  >
-                    {evaluationRetrying ? "AI 평가 실행 중" : "AI 평가 재시도"}
-                  </Button>
-                ) : null}
-                <Button
-                  variant="primary"
-                  size="sm"
-                  leading={<Icon name="play" size={14} />}
-                  disabled={!canOpenAudio}
-                  onClick={() => {
-                    if (data.audioUrl) window.open(data.audioUrl, "_blank", "noopener");
-                  }}
-                >
-                  오디오 다시 듣기
-                </Button>
+        {/* 리뷰 요약 — 상단 전폭 밴드(2026-07-15 재설계): 도킹/스크롤 추종 없이 한 번 읽고 지나가는 요약 */}
+        <Card className="sr-overview sr-overview--band">
+          <Kicker>리뷰 요약</Kicker>
+          <p className="sr-summary">
+            {renderSummary(displayReviewSummary(data.summary))}
+          </p>
+          <div className="sr-readiness" aria-label="리뷰 생성 상태">
+            <span
+              className={surfaceClassName(undefined, {
+                variant: "inset",
+                flat: true,
+              })}
+            >
+              <b>{reviewReadiness}</b>
+              <small>리뷰 근거</small>
+            </span>
+            <span
+              className={surfaceClassName(undefined, {
+                variant: "inset",
+                flat: true,
+              })}
+            >
+              <b>{data.reviewReady ? "준비됨" : "대기"}</b>
+              <small>평가 상태</small>
+            </span>
+            <span
+              className={surfaceClassName(undefined, {
+                variant: "inset",
+                flat: true,
+              })}
+            >
+              <b>{data.reachedPhase}</b>
+              <small>도달 단계</small>
+            </span>
+          </div>
+          <div className="sr-actions">
+            {isSupervisorView ? (
+              <Button
+                variant="secondary"
+                size="sm"
+                leading={<Icon name="users" size={14} />}
+                onClick={() => navigate("/teach")}
+              >
+                교수 콘솔로
+              </Button>
+            ) : null}
+            {canRetryEvaluation ? (
+              <Button
+                variant="primary"
+                size="sm"
+                leading={<Icon name="review" size={14} />}
+                disabled={evaluationRetrying}
+                onClick={handleRetryEvaluation}
+              >
+                {evaluationRetrying ? "AI 평가 실행 중" : "AI 평가 재시도"}
+              </Button>
+            ) : null}
+            <Button
+              variant="primary"
+              size="sm"
+              leading={<Icon name="play" size={14} />}
+              disabled={!canOpenAudio}
+              onClick={() => {
+                if (data.audioUrl)
+                  window.open(data.audioUrl, "_blank", "noopener");
+              }}
+            >
+              오디오 다시 듣기
+            </Button>
+            <Button
+              variant="secondary"
+              size="sm"
+              leading={<Icon name="review" size={14} />}
+              disabled={!canExportPdf}
+              onClick={() => {
+                if (data.pdfExportUrl)
+                  window.open(data.pdfExportUrl, "_blank", "noopener");
+              }}
+            >
+              PDF 내보내기
+            </Button>
+            {!isSupervisorView ? (
+              <>
                 <Button
                   variant="secondary"
                   size="sm"
-                  leading={<Icon name="review" size={14} />}
-                  disabled={!canExportPdf}
-                  onClick={() => {
-                    if (data.pdfExportUrl) window.open(data.pdfExportUrl, "_blank", "noopener");
-                  }}
+                  leading={<Icon name="share" size={14} />}
+                  disabled={!canCreateShare || shareState === "creating"}
+                  onClick={handleCreateShare}
                 >
-                  PDF 내보내기
+                  {shareState === "creating"
+                    ? "공유 링크 생성 중"
+                    : shareState === "copied"
+                      ? "공유 URL 복사됨"
+                      : "공유 URL 복사"}
                 </Button>
-                {!isSupervisorView ? (
-                  <>
-                    <Button
-                      variant="secondary"
-                      size="sm"
-                      leading={<Icon name="share" size={14} />}
-                      disabled={!canCreateShare || shareState === "creating"}
-                      onClick={handleCreateShare}
-                    >
-                      {shareState === "creating"
-                        ? "공유 링크 생성 중"
-                        : shareState === "copied"
-                          ? "공유 URL 복사됨"
-                          : "공유 URL 복사"}
-                    </Button>
-                    {shareUrl || shareError ? (
-                      <p className={`sr-share-note ${shareError ? "sr-share-note--error" : ""}`}>
-                        {shareError ? shareError : shareUrl}
-                      </p>
-                    ) : null}
-                  </>
+                {shareUrl || shareError ? (
+                  <p
+                    className={surfaceClassName(
+                      `sr-share-note ${shareError ? "sr-share-note--error" : ""}`,
+                      { variant: "inset", flat: true },
+                    )}
+                  >
+                    {shareError ? shareError : shareUrl}
+                  </p>
                 ) : null}
-                {evaluationRetryError ? (
-                  <p className="sr-share-note sr-share-note--error">{evaluationRetryError}</p>
-                ) : null}
-              </div>
-            </Card>
+              </>
+            ) : null}
+            {evaluationRetryError ? (
+              <p
+                className={surfaceClassName(
+                  "sr-share-note sr-share-note--error",
+                  { variant: "inset", flat: true },
+                )}
+              >
+                {evaluationRetryError}
+              </p>
+            ) : null}
+          </div>
+        </Card>
 
+        {/* 데스크톱·태블릿·모바일 공통 리뷰 탭 */}
+        <div
+          className={surfaceClassName("sr-tabs", {
+            variant: "inset",
+            flat: true,
+          })}
+          role="tablist"
+          aria-label="리뷰 영역 선택"
+        >
+          <button
+            type="button"
+            role="tab"
+            aria-selected={reviewTab === "transcript"}
+            className={reviewTab === "transcript" ? "is-active" : ""}
+            onClick={() => setReviewTab("transcript")}
+          >
+            축어록
+          </button>
+          <button
+            type="button"
+            role="tab"
+            aria-selected={reviewTab === "insights"}
+            className={reviewTab === "insights" ? "is-active" : ""}
+            onClick={() => setReviewTab("insights")}
+          >
+            피드백
+          </button>
+          <button
+            type="button"
+            role="tab"
+            aria-selected={reviewTab === "worksheet"}
+            className={reviewTab === "worksheet" ? "is-active" : ""}
+            onClick={() => setReviewTab("worksheet")}
+          >
+            워크시트
+          </button>
+        </div>
+
+        <div
+          className={`sr-cols ${isSupervisorView ? "sr-cols--supervisor" : "sr-cols--learner"} sr-cols--tab-${reviewTab}`}
+        >
+          <div className="sr-left">
             <Card className="sr-card sr-card--chart">
               <Kicker>감정 밸런스 타임라인</Kicker>
               <div style={{ marginTop: "var(--sp-4)" }}>
@@ -1227,96 +1319,112 @@ export default function SessionReview() {
                       ))}
                     </div>
                   </>
-                ) : (
-                  <EmptyBlock title="흐름 데이터 없음" desc="저장된 단계 변화가 아직 없습니다." />
-                )}
-              </div>
-            </Card>
-
-            <Card className="sr-card sr-card--transcript">
-              <div className="sr-tx__head">
-                <Kicker>세션 트랜스크립트</Kicker>
-                <div className="sr-tx__filters">
-                  <button
-                    type="button"
-                    className="sr-chip-toggle"
-                    aria-pressed={!learnerOnly}
-                    onClick={() => setLearnerOnly(false)}
-                    disabled={turns.length === 0}
-                  >
-                    전체
-                  </button>
-                  <button
-                    type="button"
-                    className="sr-chip-toggle"
-                    aria-pressed={learnerOnly}
-                    onClick={() => setLearnerOnly(true)}
-                    disabled={turns.length === 0}
-                  >
-                    내 발화만
-                  </button>
-                </div>
-              </div>
-
-              <div className="sr-turns">
-                {visibleTurns.length > 0 ? (
-                  visibleTurns.map((turn, idx) => {
-                    const isLast = idx === visibleTurns.length - 1;
-                    return (
-                      <div
-                        key={turn.id}
-                        ref={(el) => {
-                          turnRefs.current[turn.id] = el;
-                        }}
-                        className={
-                          "sr-turn" + (activeTurn === turn.id ? " sr-turn--active" : "")
-                        }
-                      >
-                        <div className="sr-turn__rail">
-                          <span className="sr-turn__ts">{turn.ts}</span>
-                          <span
-                            className={`sr-turn__node sr-turn__node--${turn.speaker}`}
-                            aria-hidden="true"
-                          />
-                          {!isLast ? <span className="sr-turn__stem" aria-hidden="true" /> : null}
-                        </div>
-
-                        <div className="sr-turn__body">
-                          <div className={`sr-turn__who sr-turn__who--${turn.speaker}`}>
-                            {turn.who}
-                            {(turn.techniques ?? []).map((tech, i) => (
-                              <TechniqueChip key={`${tech.label}-${i}`} tech={tech} />
-                            ))}
-                            {(turn.nonverbal ?? []).map((event, i) => (
-                              <NonverbalChip
-                                key={`${event.kind}-${event.detail}-${i}`}
-                                event={event}
-                              />
-                            ))}
-                          </div>
-                          <p
-                            className={
-                              "sr-turn__said" +
-                              (turn.speaker === "client" ? " sr-turn__said--client" : "")
-                            }
-                          >
-                            {displayTranscriptText(turn.text)}
-                          </p>
-                          {turn.note ? <SupervisorCallout note={turn.note} /> : null}
-                        </div>
-                      </div>
-                    );
-                  })
                 ) : (
                   <EmptyBlock
-                    title="축어록 없음"
-                    desc="아직 이 세션에 저장된 실제 발화가 없습니다."
+                    title="흐름 데이터 없음"
+                    desc="저장된 단계 변화가 아직 없습니다."
                   />
                 )}
               </div>
             </Card>
           </div>
 
+          <Card className="sr-card sr-card--transcript">
+            <div className="sr-tx__head">
+              <Kicker>세션 트랜스크립트</Kicker>
+              <div className="sr-tx__filters">
+                <button
+                  type="button"
+                  className="sr-chip-toggle"
+                  aria-pressed={!learnerOnly}
+                  onClick={() => setLearnerOnly(false)}
+                  disabled={turns.length === 0}
+                >
+                  전체
+                </button>
+                <button
+                  type="button"
+                  className="sr-chip-toggle"
+                  aria-pressed={learnerOnly}
+                  onClick={() => setLearnerOnly(true)}
+                  disabled={turns.length === 0}
+                >
+                  내 발화만
+                </button>
+              </div>
+            </div>
+
+            <div className="sr-turns">
+              {visibleTurns.length > 0 ? (
+                visibleTurns.map((turn, idx) => {
+                  const isLast = idx === visibleTurns.length - 1;
+                  return (
+                    <div
+                      key={turn.id}
+                      ref={(el) => {
+                        turnRefs.current[turn.id] = el;
+                      }}
+                      className={
+                        "sr-turn" +
+                        (activeTurn === turn.id ? " sr-turn--active" : "")
+                      }
+                    >
+                      <div className="sr-turn__rail">
+                        <span className="sr-turn__ts">{turn.ts}</span>
+                        <span
+                          className={`sr-turn__node sr-turn__node--${turn.speaker}`}
+                          aria-hidden="true"
+                        />
+                        {!isLast ? (
+                          <span className="sr-turn__stem" aria-hidden="true" />
+                        ) : null}
+                      </div>
+
+                      <div className="sr-turn__body">
+                        <div
+                          className={`sr-turn__who sr-turn__who--${turn.speaker}`}
+                        >
+                          {turn.who}
+                          {(turn.techniques ?? []).map((tech, i) => (
+                            <TechniqueChip
+                              key={`${tech.label}-${i}`}
+                              tech={tech}
+                            />
+                          ))}
+                          {(turn.nonverbal ?? []).map((event, i) => (
+                            <NonverbalChip
+                              key={`${event.kind}-${event.detail}-${i}`}
+                              event={event}
+                            />
+                          ))}
+                        </div>
+                        <p
+                          className={surfaceClassName(
+                            "sr-turn__said" +
+                              (turn.speaker === "client"
+                                ? " sr-turn__said--client"
+                                : ""),
+                            { variant: "inset", flat: true },
+                          )}
+                        >
+                          {displayTranscriptText(turn.text)}
+                        </p>
+                        {turn.note ? (
+                          <SupervisorCallout note={turn.note} />
+                        ) : null}
+                      </div>
+                    </div>
+                  );
+                })
+              ) : (
+                <EmptyBlock
+                  title="축어록 없음"
+                  desc="아직 이 세션에 저장된 실제 발화가 없습니다."
+                />
+              )}
+            </div>
+          </Card>
+
           <div className="sr-right">
             {isSupervisorView ? (
               <Card className="sr-card sr-card--side sr-card--teacher-review">
@@ -1325,7 +1433,11 @@ export default function SessionReview() {
                     <Kicker>교수자 검토</Kicker>
                     <b>{teacherReviewStatusLabel}</b>
                   </div>
-                  <Badge tone={teacherReviewStatus === "closed" ? "accent" : "neutral"}>
+                  <Badge
+                    tone={
+                      teacherReviewStatus === "closed" ? "accent" : "neutral"
+                    }
+                  >
                     {teacherReviewStatusLabel}
                   </Badge>
                 </div>
@@ -1352,7 +1464,8 @@ export default function SessionReview() {
                   </p>
                 ) : (
                   <p className="sr-teacher-review__meta">
-                    진행 중 회기는 기록 확인만 가능하며 종료 후 검토 완료로 닫습니다.
+                    진행 중 회기는 기록 확인만 가능하며 종료 후 검토 완료로
+                    닫습니다.
                   </p>
                 )}
                 {teacherReviewError ? (
@@ -1364,7 +1477,10 @@ export default function SessionReview() {
                   <Button
                     variant="secondary"
                     size="sm"
-                    disabled={teacherReviewSaving !== null || teacherWorksheetSaving !== null}
+                    disabled={
+                      teacherReviewSaving !== null ||
+                      teacherWorksheetSaving !== null
+                    }
                     onClick={() => void saveTeacherReviewStatus("viewed")}
                   >
                     {teacherReviewSaving === "viewed" ? "저장 중" : "메모 저장"}
@@ -1388,7 +1504,13 @@ export default function SessionReview() {
                       <Kicker>워크시트 검수</Kicker>
                       <b>{worksheetReviewLabel}</b>
                     </div>
-                    <Badge tone={worksheetReviewStatus === "approved" ? "accent" : "neutral"}>
+                    <Badge
+                      tone={
+                        worksheetReviewStatus === "approved"
+                          ? "accent"
+                          : "neutral"
+                      }
+                    >
                       {worksheetReviewLabel}
                     </Badge>
                   </div>
@@ -1398,7 +1520,9 @@ export default function SessionReview() {
                       value={teacherWorksheetNote}
                       rows={3}
                       placeholder="수정요청이나 반려 사유를 간단히 남깁니다."
-                      onChange={(event) => setTeacherWorksheetNote(event.target.value)}
+                      onChange={(event) =>
+                        setTeacherWorksheetNote(event.target.value)
+                      }
                       maxLength={2000}
                     />
                   </label>
@@ -1408,36 +1532,52 @@ export default function SessionReview() {
                     </p>
                   ) : hasLearnerWorksheet ? (
                     <p className="sr-teacher-review__meta">
-                      임상 루브릭 점수가 아니라 교수자의 수동 검수 상태만 저장합니다.
+                      임상 루브릭 점수가 아니라 교수자의 수동 검수 상태만
+                      저장합니다.
                     </p>
                   ) : (
                     <p className="sr-teacher-review__meta">
-                      학습자 저장본이 있을 때만 워크시트 승인·수정요청·반려를 남깁니다.
+                      학습자 저장본이 있을 때만 워크시트 승인·수정요청·반려를
+                      남깁니다.
                     </p>
                   )}
                   <div className="sr-teacher-review__actions sr-teacher-review__actions--three">
                     <Button
                       size="sm"
-                      disabled={!canDecideWorksheet || teacherWorksheetSaving !== null}
+                      disabled={
+                        !canDecideWorksheet || teacherWorksheetSaving !== null
+                      }
                       onClick={() => void saveWorksheetReviewStatus("approved")}
                     >
-                      {teacherWorksheetSaving === "approved" ? "저장 중" : "승인"}
+                      {teacherWorksheetSaving === "approved"
+                        ? "저장 중"
+                        : "승인"}
                     </Button>
                     <Button
                       variant="secondary"
                       size="sm"
-                      disabled={!canDecideWorksheet || teacherWorksheetSaving !== null}
-                      onClick={() => void saveWorksheetReviewStatus("changes_requested")}
+                      disabled={
+                        !canDecideWorksheet || teacherWorksheetSaving !== null
+                      }
+                      onClick={() =>
+                        void saveWorksheetReviewStatus("changes_requested")
+                      }
                     >
-                      {teacherWorksheetSaving === "changes_requested" ? "저장 중" : "수정요청"}
+                      {teacherWorksheetSaving === "changes_requested"
+                        ? "저장 중"
+                        : "수정요청"}
                     </Button>
                     <Button
                       variant="secondary"
                       size="sm"
-                      disabled={!canDecideWorksheet || teacherWorksheetSaving !== null}
+                      disabled={
+                        !canDecideWorksheet || teacherWorksheetSaving !== null
+                      }
                       onClick={() => void saveWorksheetReviewStatus("rejected")}
                     >
-                      {teacherWorksheetSaving === "rejected" ? "저장 중" : "반려"}
+                      {teacherWorksheetSaving === "rejected"
+                        ? "저장 중"
+                        : "반려"}
                     </Button>
                   </div>
                 </div>
@@ -1457,7 +1597,10 @@ export default function SessionReview() {
                             row.quality === "good" ? "good" : "watch"
                           }`}
                         >
-                          <span className="sr-technique__dot" aria-hidden="true" />
+                          <span
+                            className="sr-technique__dot"
+                            aria-hidden="true"
+                          />
                           {row.quality === "good" ? "적절" : "살펴보기"}
                         </span>
                       </div>
@@ -1483,7 +1626,10 @@ export default function SessionReview() {
 
             <Card className="sr-card sr-card--side sr-card--good">
               <Kicker>좋았던 순간</Kicker>
-              <div className="sr-points sr-points--good" style={{ marginTop: "var(--sp-4)" }}>
+              <div
+                className="sr-points sr-points--good"
+                style={{ marginTop: "var(--sp-4)" }}
+              >
                 {goodMoments.length > 0 ? (
                   goodMoments.map((point, i) => (
                     <JumpablePoint
@@ -1504,16 +1650,21 @@ export default function SessionReview() {
 
             <Card className="sr-card sr-card--side sr-card--growth">
               <Kicker>다음 회기 개선점</Kicker>
-              <div className="sr-points sr-points--grow" style={{ marginTop: "var(--sp-4)" }}>
+              <div
+                className="sr-points sr-points--grow"
+                style={{ marginTop: "var(--sp-4)" }}
+              >
                 {growthPoints.length > 0 ? (
-                  growthPoints.slice(0, 3).map((point, i) => (
-                    <JumpablePoint
-                      key={`${point.title}-${i}`}
-                      point={point}
-                      turns={turns}
-                      onJump={jumpToTurn}
-                    />
-                  ))
+                  growthPoints
+                    .slice(0, 3)
+                    .map((point, i) => (
+                      <JumpablePoint
+                        key={`${point.title}-${i}`}
+                        point={point}
+                        turns={turns}
+                        onJump={jumpToTurn}
+                      />
+                    ))
                 ) : (
                   <EmptyBlock
                     title="개선점 대기"
@@ -1522,7 +1673,12 @@ export default function SessionReview() {
                 )}
               </div>
               {data.nextLine ? (
-                <div className="sr-nextline">
+                <div
+                  className={surfaceClassName("sr-nextline", {
+                    variant: "inset",
+                    flat: true,
+                  })}
+                >
                   <div className="sr-nextline__lab">다음에 시도할 문장</div>
                   <div className="sr-nextline__q">{data.nextLine}</div>
                 </div>
@@ -1531,22 +1687,21 @@ export default function SessionReview() {
 
             {!isSupervisorView ? <PrepostMeasureCard /> : null}
 
-            <CaseWorksheetCard
-              sessionId={data.session_id}
-              worksheet={data.caseWorksheet}
-              onJump={jumpToTurn}
-              onSaved={handleWorksheetSaved}
-              readOnly={isSupervisorView}
-            />
-
-            <div className={`sr-feedback${data.clientFeedback ? " sr-feedback--filled" : ""}`}>
+            <div
+              className={surfaceClassName(
+                `sr-feedback${data.clientFeedback ? " sr-feedback--filled" : ""}`,
+                { variant: "inset" },
+              )}
+            >
               <div className="sr-feedback__kicker">
                 <span className="sr-technique__dot" aria-hidden="true" />
                 마지막 내담자 반응
               </div>
               {data.clientFeedback ? (
                 <>
-                  <p className="sr-feedback__quote">&ldquo;{data.clientFeedback}&rdquo;</p>
+                  <p className="sr-feedback__quote">
+                    &ldquo;{data.clientFeedback}&rdquo;
+                  </p>
                   <div className="sr-feedback__src">
                     <Icon name="info" size={13} strokeWidth={2} />
                     AI 내담자 페르소나가 생성
@@ -1554,7 +1709,9 @@ export default function SessionReview() {
                 </>
               ) : (
                 <>
-                  <p className="sr-feedback__quote">아직 생성된 내담자 피드백이 없습니다.</p>
+                  <p className="sr-feedback__quote">
+                    아직 생성된 내담자 피드백이 없습니다.
+                  </p>
                   <div className="sr-feedback__src">
                     <Icon name="info" size={13} strokeWidth={2} />
                     실제 평가 결과가 생기면 표시
@@ -1562,13 +1719,21 @@ export default function SessionReview() {
                 </>
               )}
             </div>
-
-            {sessionId ? (
-              <p className="sr-session-id">
-                세션 ID · <span className="tabular">{sessionId}</span>
-              </p>
-            ) : null}
           </div>
+
+          <CaseWorksheetCard
+            sessionId={data.session_id}
+            worksheet={data.caseWorksheet}
+            onJump={jumpToTurn}
+            onSaved={handleWorksheetSaved}
+            readOnly={isSupervisorView}
+          />
+
+          {sessionId ? (
+            <p className="sr-session-id">
+              세션 ID · <span className="tabular">{sessionId}</span>
+            </p>
+          ) : null}
         </div>
       </div>
     </AppShell>
diff --git a/apps/web/src/pages/Settings.tsx b/apps/web/src/pages/Settings.tsx
index b5c7711..88ac508 100644
--- a/apps/web/src/pages/Settings.tsx
+++ b/apps/web/src/pages/Settings.tsx
@@ -8,6 +8,7 @@ import {
   Input,
   Kicker,
   Panel,
+  surfaceClassName,
   type IconName,
 } from "../components/ui";
 import { roleLabel, useAuth } from "../lib/auth";
@@ -26,7 +27,7 @@ import {
 } from "../lib/api";
 import { readInitialTheme } from "../lib/theme";
 import { Toggle } from "./settings/Toggle";
-import { useTheme } from "./settings/useTheme";
+import { useTheme } from "../lib/useTheme";
 import "./settings/settings.css";
 
 interface NavItem {
@@ -219,13 +220,7 @@ export default function Settings() {
   const displayNameDirtyRef = useRef(false);
   const affiliationDirtyRef = useRef(false);
   const engineConfigRef = useRef<AdminEngineConfigResponse | null>(null);
-
-  useEffect(() => {
-    document.body.setAttribute("data-page", "settings");
-    return () => {
-      document.body.removeAttribute("data-page");
-    };
-  }, []);
+  const loadSettingsRequestRef = useRef(0);
 
   const flashSaved = (key: string) => {
     setSavedKey(key);
@@ -234,6 +229,8 @@ export default function Settings() {
   };
 
   const loadSettings = useCallback(async () => {
+    const requestId = loadSettingsRequestRef.current + 1;
+    loadSettingsRequestRef.current = requestId;
     setLoading(true);
     setError(null);
     setProfileReady(false);
@@ -246,16 +243,19 @@ export default function Settings() {
     setEngineConfig(null);
     engineConfigRef.current = null;
     try {
+      let nextSupportTicketsError: string | null = null;
       const [nextProfile, nextPrefs, nextTickets, presets, nextEngine] = await Promise.all([
         userApi.me(),
         userApi.preferences(),
         userApi.supportTickets().catch((err) => {
-          setSupportTicketsError(err instanceof Error ? err.message : "지원 요청을 불러오지 못했습니다.");
+          nextSupportTicketsError =
+            err instanceof Error ? err.message : "지원 요청을 불러오지 못했습니다.";
           return null;
         }),
         userApi.voicePresets(),
         isAdmin ? adminEngineApi.get() : Promise.resolve(null),
       ]);
+      if (loadSettingsRequestRef.current !== requestId) return;
       setProfile(nextProfile);
       setProfileReady(true);
       if (!displayNameDirtyRef.current) {
@@ -269,6 +269,7 @@ export default function Settings() {
       setPreferences(nextPrefs);
       setPreferencesReady(true);
       setSupportTickets(nextTickets);
+      setSupportTicketsError(nextSupportTicketsError);
       setSupportTicketsReady(true);
       setDark(nextPrefs.theme === "dark" || (nextPrefs.theme !== "light" && readInitialTheme() === "dark"));
       setVoicePresets(presets);
@@ -278,20 +279,35 @@ export default function Settings() {
       }
       if (isAdmin) {
         void adminApi.health()
-          .then(setAdminHealth)
-          .catch(() => setAdminHealth(null));
+          .then((health) => {
+            if (loadSettingsRequestRef.current === requestId) setAdminHealth(health);
+          })
+          .catch(() => {
+            if (loadSettingsRequestRef.current === requestId) setAdminHealth(null);
+          });
       }
     } catch (err) {
+      if (loadSettingsRequestRef.current !== requestId) return;
       setError(err instanceof Error ? err.message : "설정을 불러오지 못했습니다.");
     } finally {
-      setLoading(false);
+      if (loadSettingsRequestRef.current === requestId) setLoading(false);
     }
   }, [isAdmin, setDark]);
 
   useEffect(() => {
     void loadSettings();
+    return () => {
+      loadSettingsRequestRef.current += 1;
+    };
   }, [loadSettings]);
 
+  useEffect(() => {
+    document.body.dataset.page = "settings";
+    return () => {
+      delete document.body.dataset.page;
+    };
+  }, []);
+
   const navItems: NavItem[] = useMemo(() => {
     const base: NavItem[] = [
       { id: "account", label: "계정", icon: "users" },
@@ -461,7 +477,7 @@ export default function Settings() {
       ) : null}
 
       <div className="vg-set" aria-busy={loading}>
-        <aside className="vg-set__rail">
+        <aside className={surfaceClassName("vg-set__rail")}>
           <div className="vg-set__rail-title">
             <span className="vg-set__rail-mark" aria-hidden="true">
               <Icon name="settings" size={24} strokeWidth={2} />
@@ -472,7 +488,7 @@ export default function Settings() {
             </div>
           </div>
 
-          <div className="vg-set__rail-card" aria-label="계정 요약">
+          <div className={surfaceClassName("vg-set__rail-card", { variant: "inset" })} aria-label="계정 요약">
             <div className="vg-set__rail-avatar" aria-hidden="true">
               {initials}
             </div>
@@ -486,7 +502,7 @@ export default function Settings() {
             </div>
           </div>
 
-          <nav className="vg-set__nav" aria-label="설정 섹션">
+          <nav className={surfaceClassName("vg-set__nav", { variant: "inset", flat: true })} aria-label="설정 섹션">
             <div className="vg-set__nav-kicker">SECTIONS</div>
             {navItems.map((item) => (
               <button
@@ -523,7 +539,7 @@ export default function Settings() {
               </div>
             </div>
 
-            <div className="vg-set__profile">
+            <div className={surfaceClassName("vg-set__profile", { variant: "inset", flat: true })}>
               <div className="vg-set__avatar" aria-hidden="true">
                 {initials}
               </div>
@@ -538,7 +554,7 @@ export default function Settings() {
             </div>
 
             <div className="vg-set__field-grid vg-set__field-grid--account">
-              <div className="vg-set__field">
+              <div className={surfaceClassName("vg-set__field", { variant: "inset", flat: true })}>
                 <div className="vg-set__field-copy">
                   <span className="l">표시 이름</span>
                   <span className="h">교수자와 운영자가 확인하는 이름입니다.</span>
@@ -558,7 +574,7 @@ export default function Settings() {
                 </Field>
               </div>
 
-              <div className="vg-set__field">
+              <div className={surfaceClassName("vg-set__field", { variant: "inset", flat: true })}>
                 <div className="vg-set__field-copy">
                   <span className="l">이메일</span>
                   <span className="h">로그인으로 확인된 주소입니다.</span>
@@ -573,7 +589,7 @@ export default function Settings() {
                 </Field>
               </div>
 
-              <div className="vg-set__field vg-set__field--wide">
+              <div className={surfaceClassName("vg-set__field vg-set__field--wide", { variant: "inset", flat: true })}>
                 <div className="vg-set__field-copy">
                   <span className="l">소속</span>
                   <span className="h">강의나 연구 운영에서 표시할 소속입니다.</span>
@@ -636,7 +652,7 @@ export default function Settings() {
               supportTickets.tickets.length > 0 ? (
                 <div className="vg-set__tickets" aria-label="내 지원 요청 목록">
                   {supportTickets.tickets.map((ticket) => (
-                    <article className="vg-set__ticket" key={ticket.ticket_id}>
+                    <article className={surfaceClassName("vg-set__ticket", { variant: "inset" })} key={ticket.ticket_id}>
                       <div className="vg-set__ticket-top">
                         <Badge tone={ticketStatusTone(ticket.status)}>
                           {TICKET_STATUS_LABEL[ticket.status]}
@@ -651,12 +667,12 @@ export default function Settings() {
                         {ticket.assigned_group ? <span>{ticket.assigned_group}</span> : null}
                       </div>
                       {ticket.resolution_note ? (
-                        <div className="vg-set__ticket-note">
+                        <div className={surfaceClassName("vg-set__ticket-note", { variant: "inset", flat: true })}>
                           <b>해결 메모</b>
                           <span>{ticket.resolution_note}</span>
                         </div>
                       ) : (
-                        <div className="vg-set__ticket-note vg-set__ticket-note--empty">
+                        <div className={surfaceClassName("vg-set__ticket-note vg-set__ticket-note--empty", { variant: "inset", flat: true })}>
                           처리 메모가 아직 없습니다.
                         </div>
                       )}
@@ -710,7 +726,7 @@ export default function Settings() {
               {engineConfig ? (
                 <>
                   <div className="vg-set__engine-grid">
-                    <div className="vg-set__control-block">
+                    <div className={surfaceClassName("vg-set__control-block", { variant: "inset", flat: true })}>
                       <div className="vg-set__field-copy">
                         <span className="l">운영 방식</span>
                         <span className="h">응답 생성 연결 방식을 선택합니다.</span>
@@ -736,7 +752,7 @@ export default function Settings() {
                     </div>
 
                     <div className="vg-set__field-grid vg-set__field-grid--engine">
-                      <div className="vg-set__field">
+                      <div className={surfaceClassName("vg-set__field", { variant: "inset", flat: true })}>
                         <div className="vg-set__field-copy">
                           <span className="l">연결 주소</span>
                           <span className="h">응답 생성 서비스의 연결 주소입니다.</span>
@@ -754,7 +770,7 @@ export default function Settings() {
                         </Field>
                       </div>
 
-                      <div className="vg-set__field">
+                      <div className={surfaceClassName("vg-set__field", { variant: "inset", flat: true })}>
                         <div className="vg-set__field-copy">
                           <span className="l">모델</span>
                           <span className="h">응답 생성에 사용할 기본 모델 이름입니다.</span>
@@ -812,7 +828,7 @@ export default function Settings() {
             </div>
             {preferences ? (
               <>
-                <div className="vg-set__opt">
+                <div className={surfaceClassName("vg-set__opt", { variant: "inset", flat: true })}>
                   <div className="vg-set__opt-text">
                     <div className="l">다크 모드</div>
                     <div className="h">현재 기기와 브라우저에 적용됩니다.</div>
@@ -866,7 +882,10 @@ export default function Settings() {
                           type="button"
                           role="radio"
                           aria-checked={selected}
-                          className={"vg-set__voice" + (selected ? " is-on" : "")}
+                          className={surfaceClassName(
+                            "vg-set__voice" + (selected ? " is-on" : ""),
+                            { variant: "interactive", flat: true },
+                          )}
                           onClick={() =>
                             setPreferences((cur) =>
                               cur ? { ...cur, voice_preset_id: preset.id } : cur,
@@ -894,7 +913,7 @@ export default function Settings() {
                     })}
                   </div>
 
-                  <div className="vg-set__range-row">
+                  <div className={surfaceClassName("vg-set__range-row", { variant: "inset", flat: true })}>
                     <div className="vg-set__field-copy">
                       <span className="l">말하기 속도</span>
                       <span className="h">기본 발화 속도입니다.</span>
@@ -967,7 +986,7 @@ export default function Settings() {
               <>
                 <div className="vg-set__opt-grid">
                   {visibleNotifications.map((item) => (
-                    <div className="vg-set__opt" key={item.id}>
+                    <div className={surfaceClassName("vg-set__opt", { variant: "inset", flat: true })} key={item.id}>
                       <div className="vg-set__opt-text">
                         <div className="l">{item.label}</div>
                         <div className="h">{item.hint}</div>
diff --git a/apps/web/src/pages/admin/admin-ai.css b/apps/web/src/pages/admin/admin-ai.css
new file mode 100644
index 0000000..e45f4e9
--- /dev/null
+++ b/apps/web/src/pages/admin/admin-ai.css
@@ -0,0 +1,766 @@
+.aic {
+  width: 100%;
+  display: grid;
+  gap: 16px;
+  color: var(--text-body);
+}
+
+.aic-head {
+  display: flex;
+  align-items: flex-end;
+  justify-content: space-between;
+  gap: 20px;
+  padding: 2px;
+}
+
+.aic-head h1 {
+  margin: 7px 0 0;
+  color: var(--text-strong);
+  font-size: clamp(1.65rem, 2.4vw, 2.2rem);
+  line-height: 1.12;
+  letter-spacing: -0.035em;
+}
+
+.aic-head p {
+  max-width: 720px;
+  margin: 8px 0 0;
+  color: var(--text-body);
+  font-size: var(--fs-sm);
+  line-height: 1.6;
+}
+
+.aic-head__actions {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.aic-head__stamp {
+  color: var(--text-muted);
+  font-size: 12px;
+  text-align: right;
+}
+
+.aic-head__stamp b {
+  display: block;
+  margin-top: 2px;
+  color: var(--text-body);
+  font-family: var(--font-num);
+  font-weight: 650;
+}
+
+.aic-alert {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 12px 14px;
+  border: 1px solid color-mix(in srgb, var(--crit-solid) 34%, var(--border-subtle));
+  border-radius: var(--radius);
+  background: var(--crit-tint);
+  color: var(--crit-text);
+  font-size: var(--fs-sm);
+}
+
+.aic-source {
+  display: grid;
+  grid-template-columns: 11px minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 12px;
+  padding: 13px 14px;
+  border: 1px solid var(--border-subtle);
+  border-radius: var(--radius);
+  background: var(--glass-surface-inset);
+  box-shadow: var(--glass-inset-shadow);
+  backdrop-filter: var(--glass-blur);
+}
+
+.aic-source__dot {
+  width: 9px;
+  height: 9px;
+  border-radius: 50%;
+  background: var(--warn-solid);
+  box-shadow: 0 0 0 4px color-mix(in srgb, var(--warn-solid) 14%, transparent);
+}
+
+.aic-source__dot.is-live {
+  background: var(--pos-solid);
+  box-shadow: 0 0 0 4px color-mix(in srgb, var(--pos-solid) 14%, transparent);
+}
+
+.aic-source b,
+.aic-source span {
+  display: block;
+}
+
+.aic-source b {
+  color: var(--text-strong);
+  font-size: var(--fs-sm);
+}
+
+.aic-source div > span {
+  margin-top: 2px;
+  color: var(--text-muted);
+  font-size: 12px;
+  line-height: 1.45;
+}
+
+.aic-window,
+.aic-mode {
+  display: flex;
+  gap: 3px;
+  padding: 3px;
+  border: 1px solid var(--border-subtle);
+  border-radius: var(--radius-sm);
+  background: var(--bg-surface-2);
+}
+
+.aic-window button,
+.aic-mode button {
+  min-height: 34px;
+  padding: 0 11px;
+  border: 0;
+  border-radius: 4px;
+  background: transparent;
+  color: var(--text-muted);
+  font: 650 12px/1 var(--font-sans);
+  cursor: pointer;
+}
+
+.aic-window button:hover,
+.aic-mode button:hover {
+  color: var(--text-strong);
+  background: var(--neutral-100);
+}
+
+.aic-window button.is-active,
+.aic-mode button.is-active {
+  color: var(--text-on-accent);
+  background: var(--accent);
+}
+
+.aic-window button:focus-visible,
+.aic-mode button:focus-visible {
+  outline: 2px solid var(--focus-ring);
+  outline-offset: 2px;
+}
+
+.aic-ledger {
+  display: grid;
+  grid-template-columns: repeat(5, minmax(0, 1fr));
+  overflow: hidden;
+  border: 1px solid var(--border-subtle);
+  border-radius: var(--radius);
+  background: var(--bg-surface);
+  box-shadow: var(--shadow-sm);
+}
+
+.aic-ledger article {
+  min-width: 0;
+  padding: 14px;
+}
+
+.aic-ledger article + article {
+  border-left: 1px solid var(--border-subtle);
+}
+
+.aic-ledger span,
+.aic-ledger small {
+  display: block;
+  color: var(--text-muted);
+  font-size: 11px;
+}
+
+.aic-ledger span {
+  font-weight: 700;
+}
+
+.aic-ledger b {
+  display: block;
+  margin: 8px 0 5px;
+  overflow: hidden;
+  color: var(--text-strong);
+  font-family: var(--font-num);
+  font-size: clamp(1.2rem, 2vw, 1.65rem);
+  line-height: 1;
+  text-overflow: ellipsis;
+}
+
+.aic-grid {
+  display: grid;
+  grid-template-columns: minmax(0, 1.65fr) minmax(320px, 0.85fr);
+  align-items: start;
+  gap: 16px;
+}
+
+.aic-column {
+  min-width: 0;
+  display: grid;
+  gap: 16px;
+}
+
+.aic-panel {
+  min-width: 0;
+  padding: 17px;
+  border: 1px solid var(--border-subtle);
+  border-radius: var(--radius);
+  background: var(--glass-surface-strong);
+  box-shadow: var(--glass-inset-shadow);
+  backdrop-filter: var(--glass-blur);
+}
+
+.aic-panel__head {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 14px;
+  margin-bottom: 16px;
+}
+
+.aic-eyebrow {
+  display: block;
+  color: var(--accent-deep);
+  font: 750 10px/1.2 var(--font-num);
+  letter-spacing: 0.12em;
+}
+
+.aic-panel h2 {
+  margin: 5px 0 0;
+  color: var(--text-strong);
+  font-size: 1rem;
+  line-height: 1.3;
+}
+
+.aic-panel__meta {
+  color: var(--text-muted);
+  font: 600 11px/1.4 var(--font-num);
+  white-space: nowrap;
+}
+
+.aic-status,
+.aic-runtime {
+  flex: 0 0 auto;
+  padding: 5px 8px;
+  border-radius: 999px;
+  background: var(--neutral-100);
+  color: var(--text-muted);
+  font-size: 11px;
+  font-weight: 750;
+}
+
+.aic-status--ok,
+.aic-runtime--ok {
+  background: var(--pos-tint);
+  color: var(--pos-text);
+}
+
+.aic-status--warn,
+.aic-status--disabled,
+.aic-runtime--degraded {
+  background: var(--warn-tint);
+  color: var(--warn-text);
+}
+
+.aic-status--exceeded,
+.aic-runtime--down {
+  background: var(--crit-tint);
+  color: var(--crit-text);
+}
+
+.aic-budget__split {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 28px;
+}
+
+.aic-metricline {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 12px;
+  color: var(--text-muted);
+  font-size: 12px;
+}
+
+.aic-metricline b {
+  color: var(--text-strong);
+  font-family: var(--font-num);
+  font-size: 13px;
+}
+
+.aic-track {
+  height: 7px;
+  margin: 10px 0 8px;
+  overflow: hidden;
+  border-radius: 999px;
+  background: var(--neutral-100);
+}
+
+.aic-track > span {
+  display: block;
+  height: 100%;
+  border-radius: inherit;
+  background: var(--warn-solid);
+}
+
+.aic-track--coverage > span {
+  background: var(--accent-bright);
+}
+
+.aic-budget p,
+.aic-note {
+  margin: 0;
+  color: var(--text-muted);
+  font-size: 11px;
+  line-height: 1.55;
+}
+
+.aic-chart {
+  display: grid;
+  grid-auto-columns: minmax(44px, 1fr);
+  grid-auto-flow: column;
+  align-items: end;
+  gap: 8px;
+  min-height: 205px;
+  overflow-x: auto;
+  padding: 4px 2px 8px;
+}
+
+.aic-chart__day {
+  min-width: 44px;
+  display: grid;
+  grid-template-rows: 18px 126px auto auto;
+  gap: 5px;
+  text-align: center;
+}
+
+.aic-chart__value,
+.aic-chart__date,
+.aic-chart__day small {
+  overflow: hidden;
+  color: var(--text-muted);
+  font: 600 9px/1.2 var(--font-num);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.aic-chart__rail {
+  display: flex;
+  align-items: flex-end;
+  justify-content: center;
+  border-bottom: 1px solid var(--border-strong);
+  background-image: linear-gradient(to top, color-mix(in srgb, var(--border-subtle) 60%, transparent) 1px, transparent 1px);
+  background-size: 100% 25%;
+}
+
+.aic-chart__bar {
+  width: min(24px, 68%);
+  min-height: 3px;
+  border-radius: 3px 3px 0 0;
+  background: var(--accent-bright);
+  transition: height var(--dur-base) var(--ease-out);
+}
+
+.aic-chart__date {
+  color: var(--text-body);
+}
+
+.aic-empty {
+  display: grid;
+  min-height: 112px;
+  place-items: center;
+  padding: 18px;
+  border: 1px dashed var(--border-strong);
+  border-radius: var(--radius-sm);
+  color: var(--text-muted);
+  font-size: var(--fs-sm);
+  text-align: center;
+}
+
+.aic-table-wrap {
+  max-width: 100%;
+  overflow-x: auto;
+}
+
+.aic-table {
+  width: 100%;
+  min-width: 720px;
+  border-collapse: collapse;
+  font: 600 11px/1.4 var(--font-num);
+}
+
+.aic-table th,
+.aic-table td {
+  padding: 10px 9px;
+  border-bottom: 1px solid var(--border-subtle);
+  text-align: right;
+  white-space: nowrap;
+}
+
+.aic-table th {
+  color: var(--text-muted);
+  font-size: 10px;
+  font-weight: 700;
+}
+
+.aic-table th:first-child,
+.aic-table td:first-child {
+  text-align: left;
+}
+
+.aic-table tbody tr:last-child td {
+  border-bottom: 0;
+}
+
+.aic-table td {
+  color: var(--text-body);
+}
+
+.aic-table td:first-child b,
+.aic-table td:first-child span {
+  display: block;
+}
+
+.aic-table td:first-child b {
+  max-width: 220px;
+  overflow: hidden;
+  color: var(--text-strong);
+  font-family: var(--font-sans);
+  text-overflow: ellipsis;
+}
+
+.aic-table td:first-child span {
+  margin-top: 2px;
+  color: var(--text-muted);
+  font-size: 10px;
+}
+
+.aic-share {
+  display: inline-block;
+  width: 36px;
+  height: 4px;
+  margin-right: 6px;
+  overflow: hidden;
+  vertical-align: middle;
+  border-radius: 999px;
+  background: var(--neutral-100);
+}
+
+.aic-share > span {
+  display: block;
+  height: 100%;
+  background: var(--clay);
+}
+
+.aic-engine {
+  border-color: color-mix(in srgb, var(--accent) 34%, var(--border-subtle));
+}
+
+.aic-mode {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  margin-bottom: 14px;
+}
+
+.aic-mode button {
+  min-width: 0;
+  white-space: normal;
+  line-height: 1.25;
+}
+
+.aic-engine .vg-field + .vg-field {
+  margin-top: 13px;
+}
+
+.aic-engine .vg-field__label {
+  color: var(--text-strong);
+  font-size: 12px;
+}
+
+.aic-engine .vg-field__hint {
+  color: var(--text-muted);
+  font-size: 10px;
+}
+
+.aic-engine .vg-input {
+  width: 100%;
+  font-family: var(--font-num);
+  font-size: 12px;
+}
+
+.aic-config-meta {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 0;
+  margin: 16px 0 0;
+  border: 1px solid var(--border-subtle);
+  border-radius: var(--radius-sm);
+}
+
+.aic-config-meta div {
+  min-width: 0;
+  padding: 9px;
+}
+
+.aic-config-meta div:nth-child(even) {
+  border-left: 1px solid var(--border-subtle);
+}
+
+.aic-config-meta div:nth-child(n + 3) {
+  border-top: 1px solid var(--border-subtle);
+}
+
+.aic-config-meta dt,
+.aic-config-meta dd {
+  margin: 0;
+}
+
+.aic-config-meta dt {
+  color: var(--text-muted);
+  font-size: 10px;
+}
+
+.aic-config-meta dd {
+  margin-top: 3px;
+  overflow: hidden;
+  color: var(--text-body);
+  font: 600 10px/1.4 var(--font-num);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.aic-engine__foot {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 10px;
+  margin-top: 14px;
+}
+
+.aic-engine__foot > span {
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  overflow: hidden;
+  color: var(--text-muted);
+  font-size: 10px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.aic-cache-score {
+  display: flex;
+  align-items: baseline;
+  gap: 8px;
+  margin-bottom: 14px;
+}
+
+.aic-cache-score b {
+  color: var(--text-strong);
+  font: 750 2rem/1 var(--font-num);
+}
+
+.aic-cache-score span {
+  color: var(--text-muted);
+  font-size: 11px;
+}
+
+.aic-mini-grid {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 1px;
+  margin: 0 0 13px;
+  overflow: hidden;
+  border: 1px solid var(--border-subtle);
+  border-radius: var(--radius-sm);
+  background: var(--border-subtle);
+}
+
+.aic-mini-grid div {
+  padding: 9px;
+  background: var(--bg-surface);
+}
+
+.aic-mini-grid dt,
+.aic-mini-grid dd {
+  margin: 0;
+}
+
+.aic-mini-grid dt {
+  color: var(--text-muted);
+  font-size: 9px;
+}
+
+.aic-mini-grid dd {
+  margin-top: 4px;
+  color: var(--text-strong);
+  font: 700 13px/1 var(--font-num);
+}
+
+.aic-integrity {
+  display: grid;
+  gap: 9px;
+  margin: 0;
+}
+
+.aic-integrity div {
+  display: grid;
+  grid-template-columns: minmax(70px, 0.55fr) minmax(0, 1fr);
+  gap: 2px 10px;
+  padding-bottom: 9px;
+  border-bottom: 1px solid var(--border-subtle);
+}
+
+.aic-integrity div:last-child {
+  padding-bottom: 0;
+  border-bottom: 0;
+}
+
+.aic-integrity dt,
+.aic-integrity dd {
+  margin: 0;
+  font-size: 11px;
+}
+
+.aic-integrity dt {
+  color: var(--text-muted);
+}
+
+.aic-integrity dd {
+  overflow: hidden;
+  color: var(--text-strong);
+  font-weight: 700;
+  text-align: right;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.aic-integrity span {
+  grid-column: 2;
+  color: var(--text-muted);
+  font: 600 9px/1.3 var(--font-num);
+  text-align: right;
+}
+
+@media (max-width: 1180px) {
+  .aic-grid {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .aic-column--side {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .aic-engine {
+    grid-row: span 2;
+  }
+}
+
+@media (max-width: 900px) {
+  .aic-head {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+
+  .aic-head__actions {
+    width: 100%;
+    justify-content: space-between;
+  }
+
+  .aic-source {
+    grid-template-columns: 11px minmax(0, 1fr);
+  }
+
+  .aic-window {
+    grid-column: 1 / -1;
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+  }
+
+  .aic-ledger {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .aic-ledger article + article {
+    border-left: 0;
+  }
+
+  .aic-ledger article:nth-child(even) {
+    border-left: 1px solid var(--border-subtle);
+  }
+
+  .aic-ledger article:nth-child(n + 3) {
+    border-top: 1px solid var(--border-subtle);
+  }
+}
+
+@media (max-width: 680px) {
+  .aic-head__stamp {
+    text-align: left;
+  }
+
+  .aic-budget__split,
+  .aic-column--side {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .aic-budget__split {
+    gap: 18px;
+  }
+
+  .aic-engine {
+    grid-row: auto;
+  }
+
+  .aic-ledger {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .aic-ledger article:nth-child(even) {
+    border-left: 0;
+  }
+
+  .aic-ledger article:nth-child(n + 2) {
+    border-top: 1px solid var(--border-subtle);
+  }
+
+  .aic-ledger article {
+    display: grid;
+    grid-template-columns: minmax(100px, 0.75fr) minmax(0, 1fr);
+    align-items: baseline;
+    gap: 4px 10px;
+  }
+
+  .aic-ledger b {
+    margin: 0;
+    text-align: right;
+  }
+
+  .aic-ledger small {
+    grid-column: 2;
+    text-align: right;
+  }
+
+  .aic-panel {
+    padding: 14px;
+  }
+
+  .aic-panel__head {
+    margin-bottom: 14px;
+  }
+
+  .aic-engine__foot {
+    align-items: stretch;
+    flex-direction: column;
+  }
+
+  .aic-engine__foot .vg-btn {
+    width: 100%;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .aic-chart__bar {
+    transition: none;
+  }
+}
diff --git a/apps/web/src/pages/admin/admin-console.css b/apps/web/src/pages/admin/admin-console.css
index a40638d..a2d86d0 100644
--- a/apps/web/src/pages/admin/admin-console.css
+++ b/apps/web/src/pages/admin/admin-console.css
@@ -8,19 +8,6 @@
   gap: 16px;
 }
 
-.ad-root::before {
-  content: "";
-  position: absolute;
-  z-index: -1;
-  inset: -80px 0 auto auto;
-  width: min(560px, 52vw);
-  height: 420px;
-  background: var(--asset-warm-elements) center / cover no-repeat;
-  opacity: 0.045;
-  filter: saturate(0.75);
-  pointer-events: none;
-}
-
 .ad-blank-probe {
   position: absolute;
   width: 1px;
@@ -651,15 +638,13 @@
 }
 
 .ad-user-create label,
-.ad-users-toolbar label,
-.ad-user__fields label {
+.ad-users-toolbar label {
   min-width: 0;
   display: flex;
   flex-direction: column;
   gap: 6px;
 }
-.ad-user-create .ad-checkline,
-.ad-user__fields .ad-checkline {
+.ad-user-create .ad-checkline {
   min-height: 36px;
   flex-direction: row;
   align-items: center;
@@ -667,8 +652,7 @@
 }
 
 .ad-user-create span,
-.ad-users-toolbar label span,
-.ad-user__fields span {
+.ad-users-toolbar label span {
   color: var(--text-muted);
   font-size: var(--fs-xs);
   font-weight: 650;
@@ -677,8 +661,8 @@
 .ad-user-create input,
 .ad-user-create select,
 .ad-users-toolbar input,
-.ad-user__fields input,
-.ad-user__fields select {
+.ad-user-table input,
+.ad-user-table select {
   width: 100%;
   min-width: 0;
   height: 36px;
@@ -689,8 +673,7 @@
   padding: 0 10px;
   font: var(--fs-sm) / 1.3 var(--font-sans);
 }
-.ad-user-create .ad-checkline input,
-.ad-user__fields .ad-checkline input {
+.ad-user-create .ad-checkline input {
   width: 16px;
   height: 16px;
   flex: none;
@@ -700,8 +683,8 @@
 .ad-user-create input:focus,
 .ad-user-create select:focus,
 .ad-users-toolbar input:focus,
-.ad-user__fields input:focus,
-.ad-user__fields select:focus {
+.ad-user-table input:focus,
+.ad-user-table select:focus {
   outline: none;
   border-color: var(--border-focus);
   box-shadow: 0 0 0 3px var(--focus-ring);
@@ -754,16 +737,237 @@
 
 .ad-users {
   flex: 1 1 auto;
-  max-height: min(760px, calc(100vh - 116px));
-  overflow: auto;
-  scrollbar-gutter: stable;
-  display: flex;
-  flex-direction: column;
   min-width: 0;
-  border: 1px solid var(--hair);
-  border-radius: var(--radius);
-  background: var(--bg-surface);
-  box-shadow: none;
+  overflow: hidden;
+}
+
+.ad-user-table-scroll {
+  max-width: 100%;
+  max-height: min(760px, calc(100dvh - 220px));
+  overflow: auto;
+  scrollbar-gutter: stable both-edges;
+  overscroll-behavior: contain;
+}
+
+.ad-user-table-scroll:focus-visible {
+  outline: 2px solid var(--border-focus);
+  outline-offset: -2px;
+}
+
+.ad-user-table {
+  width: 100%;
+  min-width: 1440px;
+  table-layout: fixed;
+  border-collapse: separate;
+  border-spacing: 0;
+  color: var(--text-body);
+  font-size: var(--fs-xs);
+}
+
+.ad-user-table th,
+.ad-user-table td {
+  min-width: 0;
+  padding: 10px 12px;
+  border: 0;
+  border-bottom: 1px solid color-mix(in srgb, var(--glass-inset-border) 72%, transparent);
+  text-align: left;
+  vertical-align: middle;
+}
+
+.ad-user-table th {
+  position: sticky;
+  top: 0;
+  z-index: 3;
+  height: 42px;
+  padding-block: 6px;
+  background: color-mix(in srgb, var(--glass-canvas) 76%, var(--bg-surface));
+  color: var(--text-muted);
+  font-weight: 700;
+  white-space: nowrap;
+  -webkit-backdrop-filter: var(--glass-blur);
+  backdrop-filter: var(--glass-blur);
+}
+
+.ad-user-table tbody tr {
+  background: color-mix(in srgb, var(--bg-surface) 32%, transparent);
+  transition: background var(--dur-fast) var(--ease-out);
+}
+
+.ad-user-table tbody tr:hover {
+  background: color-mix(in srgb, var(--accent-tint) 38%, transparent);
+}
+
+.ad-user-table tbody tr:last-child td {
+  border-bottom: 0;
+}
+
+.ad-user-table th:nth-child(1) { width: 250px; }
+.ad-user-table th:nth-child(2) { width: 140px; }
+.ad-user-table th:nth-child(3) { width: 112px; }
+.ad-user-table th:nth-child(4) { width: 145px; }
+.ad-user-table th:nth-child(5) { width: 180px; }
+.ad-user-table th:nth-child(6) { width: 155px; }
+.ad-user-table th:nth-child(7) { width: 90px; }
+.ad-user-table th:nth-child(8) { width: 160px; }
+.ad-user-table th:nth-child(9) { width: 208px; }
+
+.ad-user-sort {
+  width: 100%;
+  min-height: 30px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+
+.ad-user-sort:hover,
+.ad-user-sort:focus-visible {
+  color: var(--text-strong);
+}
+
+.ad-user-sort:focus-visible {
+  outline: 2px solid var(--border-focus);
+  outline-offset: 2px;
+}
+
+.ad-user-sort__indicator {
+  color: var(--accent);
+  font-family: var(--font-num);
+  font-size: 13px;
+}
+
+.ad-user-table input,
+.ad-user-table select {
+  height: 32px;
+  font-size: 12.5px;
+  padding-inline: 9px;
+}
+
+.ad-user-table__identity {
+  min-width: 0;
+  display: grid;
+  grid-template-columns: 34px minmax(0, 1fr);
+  align-items: center;
+  gap: 10px;
+}
+
+.ad-user-table__avatar {
+  width: 34px;
+  height: 34px;
+  display: grid;
+  place-items: center;
+  border-radius: 50%;
+  background: var(--accent-tint);
+  color: var(--accent-deep);
+  font-weight: 750;
+}
+
+.ad-user-table__identity > div,
+.ad-user-table__role,
+.ad-user-table__status,
+.ad-user-table__presence {
+  min-width: 0;
+  display: grid;
+  gap: 5px;
+}
+
+.ad-user-table__identity > div > span {
+  overflow: hidden;
+  color: var(--text-muted);
+  font-size: 11px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.ad-user-table__badges {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 4px;
+}
+
+.ad-user-table__badges .vg-badge,
+.ad-user-table__status .vg-badge {
+  width: max-content;
+  padding: 1px 7px;
+  font-size: 11px;
+}
+
+.ad-user-table__check {
+  min-height: 32px;
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  color: var(--text-body);
+  white-space: nowrap;
+}
+
+.ad-user-table__check input {
+  width: 16px;
+  height: 16px;
+  flex: none;
+  padding: 0;
+}
+
+.ad-user-table__number {
+  display: block;
+  color: var(--text-strong);
+  font-family: var(--font-num);
+  font-size: var(--fs-sm);
+  font-variant-numeric: tabular-nums;
+  text-align: right;
+}
+
+.ad-user-table__presence span {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--text-muted);
+  font-weight: 650;
+}
+
+.ad-user-table__presence span::before {
+  content: "";
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: var(--neutral-400);
+}
+
+.ad-user-table__presence span.is-online {
+  color: var(--pos-text);
+}
+
+.ad-user-table__presence span.is-online::before {
+  background: var(--pos-solid);
+}
+
+.ad-user-table__presence time {
+  color: var(--text-muted);
+  font-family: var(--font-num);
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+}
+
+.ad-user-table-loading {
+  display: grid;
+}
+
+.ad-user-table-loading > div {
+  min-height: 58px;
+  display: grid;
+  grid-template-columns: 220px 1fr 120px 160px;
+  align-items: center;
+  gap: 14px;
+  padding: 10px 12px;
+  border-bottom: 1px solid var(--glass-inset-border);
 }
 
 .ad-approval-head {
@@ -871,25 +1075,6 @@
   white-space: nowrap;
 }
 
-.ad-user {
-  min-width: 0;
-  display: grid;
-  grid-template-columns: minmax(190px, 0.75fr) minmax(420px, 1.4fr) minmax(138px, 0.42fr) max-content;
-  align-items: center;
-  gap: 10px 12px;
-  padding: 9px 12px;
-  border-top: 1px solid var(--paper-2);
-  background: color-mix(in srgb, var(--bg-surface) 88%, var(--bg-surface-2));
-}
-.ad-user:hover {
-  background: var(--bg-surface-2);
-}
-
-.ad-user:first-child {
-  border-top: 0;
-}
-
-.ad-user__top,
 .ad-user__id,
 .ad-user__actions {
   min-width: 0;
@@ -897,12 +1082,6 @@
   align-items: center;
 }
 
-.ad-user__top {
-  justify-content: space-between;
-  gap: 10px;
-  overflow: hidden;
-}
-
 .ad-user__id {
   gap: 10px;
 }
@@ -934,47 +1113,6 @@
   overflow-wrap: anywhere;
 }
 
-.ad-user__badges {
-  min-width: 0;
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  flex-wrap: wrap;
-  gap: 6px;
-}
-
-.ad-user__fields {
-  display: grid;
-  grid-template-columns: minmax(130px, 1.1fr) 96px 104px 112px minmax(118px, 0.95fr) minmax(110px, 0.85fr);
-  gap: 8px;
-  min-width: 0;
-}
-
-.ad-user__fields span {
-  display: none;
-}
-
-.ad-user__fields input,
-.ad-user__fields select {
-  height: 32px;
-  font-size: 12.5px;
-  padding-inline: 9px;
-}
-
-.ad-user__meta {
-  display: grid;
-  gap: 4px;
-  min-width: 0;
-  color: var(--text-muted);
-  font-family: var(--font-num);
-  font-size: var(--fs-xs);
-}
-
-.ad-user__meta span {
-  min-width: 0;
-  overflow-wrap: anywhere;
-}
-
 .ad-user__actions {
   flex-wrap: nowrap;
   gap: 8px;
@@ -1336,24 +1474,6 @@
     grid-template-columns: minmax(180px, 1fr) minmax(132px, 0.6fr) minmax(132px, 0.6fr);
   }
 
-  .ad-user {
-    grid-template-columns: minmax(190px, 0.8fr) minmax(0, 1.2fr) max-content;
-  }
-
-  .ad-user__fields {
-    grid-template-columns: minmax(0, 1fr) 104px;
-  }
-
-  .ad-user__fields span {
-    display: block;
-  }
-
-  .ad-user__meta {
-    grid-column: 1 / -1;
-    display: flex;
-    flex-wrap: wrap;
-    gap: 6px 14px;
-  }
 }
 
 @media (max-width: 980px) {
@@ -1376,20 +1496,11 @@
     grid-column: 1 / -1;
   }
 
-  .ad-user {
-    grid-template-columns: 1fr;
-    align-items: start;
-  }
-
   .ad-approval {
     grid-template-columns: 1fr;
     align-items: start;
   }
 
-  .ad-user__actions {
-    justify-content: flex-start;
-  }
-
   .ad-approval__actions {
     justify-content: flex-start;
   }
@@ -1413,10 +1524,6 @@
 }
 
 @media (max-width: 700px) {
-  .ad-root::before {
-    display: none;
-  }
-
   .ad-head {
     align-items: flex-start;
     flex-direction: column;
@@ -1517,8 +1624,11 @@
   }
 
   .ad-users {
-    max-height: none;
-    overflow: visible;
+    overflow: hidden;
+  }
+
+  .ad-user-table-scroll {
+    max-height: min(68dvh, 680px);
   }
 }
 
@@ -1531,21 +1641,6 @@
     grid-column: 2;
   }
 
-  .ad-user__top {
-    align-items: stretch;
-    flex-direction: column;
-  }
-
-  .ad-user__fields {
-    grid-template-columns: 1fr;
-  }
-
-  .ad-user__actions {
-    display: grid;
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-    width: 100%;
-  }
-
   .ad-approval-metrics {
     grid-template-columns: 1fr;
   }
@@ -1555,11 +1650,6 @@
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
-  .ad-user__actions .vg-btn {
-    width: 100%;
-    justify-content: center;
-  }
-
   .ad-approval__actions .vg-btn {
     width: 100%;
   }
diff --git a/apps/web/src/pages/admin/dataNormalization.ts b/apps/web/src/pages/admin/dataNormalization.ts
new file mode 100644
index 0000000..b339cff
--- /dev/null
+++ b/apps/web/src/pages/admin/dataNormalization.ts
@@ -0,0 +1,428 @@
+import type {
+  AdminManagedUser,
+  AdminSupportTicket,
+  AdminTicketsResponse,
+  AdminUsersResponse,
+} from "../../lib/api";
+
+export interface AdminDataWarning {
+  key: string;
+  message: string;
+  detail: string;
+}
+
+function asRecord(value: unknown): Record<string, unknown> {
+  return value !== null && typeof value === "object"
+    ? (value as Record<string, unknown>)
+    : {};
+}
+
+function warn(
+  warnings: AdminDataWarning[],
+  key: string,
+  message: string,
+  detail: string,
+): void {
+  warnings.push({ key, message, detail });
+}
+
+function stringField(
+  source: Record<string, unknown>,
+  field: string,
+  fallback: string,
+  warnings: AdminDataWarning[],
+  label: string,
+): string {
+  const value = source[field];
+  if (typeof value === "string") return value;
+  if (value == null) {
+    warn(
+      warnings,
+      `${label}.${field}`,
+      `${label} 응답에서 ${field} 값이 비어 있어 기본값으로 표시합니다.`,
+      `${field}=null`,
+    );
+    return fallback;
+  }
+  warn(
+    warnings,
+    `${label}.${field}`,
+    `${label} 응답에서 ${field} 타입이 잘못되어 문자열로 변환했습니다.`,
+    `${field}=${typeof value}`,
+  );
+  return String(value);
+}
+
+function booleanField(
+  source: Record<string, unknown>,
+  field: string,
+  fallback: boolean,
+  warnings: AdminDataWarning[],
+  label: string,
+): boolean {
+  const value = source[field];
+  if (typeof value === "boolean") return value;
+  if (value == null) {
+    warn(
+      warnings,
+      `${label}.${field}`,
+      `${label} 응답에서 ${field} 값이 비어 있어 ${fallback ? "true" : "false"}로 표시합니다.`,
+      `${field}=null`,
+    );
+    return fallback;
+  }
+  warn(
+    warnings,
+    `${label}.${field}`,
+    `${label} 응답에서 ${field} 타입이 잘못되어 bool 기본값으로 표시합니다.`,
+    `${field}=${typeof value}`,
+  );
+  return fallback;
+}
+
+function numberField(
+  source: Record<string, unknown>,
+  field: string,
+  fallback: number,
+  warnings: AdminDataWarning[],
+  label: string,
+): number {
+  const value = source[field];
+  if (typeof value === "number" && Number.isFinite(value)) return value;
+  if (typeof value === "string" && value.trim() !== "") {
+    const parsed = Number(value);
+    if (Number.isFinite(parsed)) {
+      warn(
+        warnings,
+        `${label}.${field}`,
+        `${label} 응답에서 ${field}가 문자열이라 숫자로 변환했습니다.`,
+        `${field}=string`,
+      );
+      return parsed;
+    }
+  }
+  warn(
+    warnings,
+    `${label}.${field}`,
+    `${label} 응답에서 ${field} 숫자 값이 없어 ${fallback}으로 표시합니다.`,
+    `${field}=${value == null ? "null" : typeof value}`,
+  );
+  return fallback;
+}
+
+function cohortIdsField(
+  source: Record<string, unknown>,
+  warnings: AdminDataWarning[],
+  label: string,
+): string[] {
+  const value = source.cohort_ids;
+  if (!Array.isArray(value)) {
+    warn(
+      warnings,
+      `${label}.cohort_ids`,
+      `${label} 응답에서 cohort_ids가 배열이 아니라 빈 코호트로 표시합니다.`,
+      `cohort_ids=${value == null ? "null" : typeof value}`,
+    );
+    return [];
+  }
+  const normalized = value.filter(
+    (item): item is string => typeof item === "string",
+  );
+  if (normalized.length !== value.length) {
+    warn(
+      warnings,
+      `${label}.cohort_ids.items`,
+      `${label} 응답에서 cohort_ids 내부에 문자열이 아닌 값이 있어 제외했습니다.`,
+      `kept=${normalized.length}, raw=${value.length}`,
+    );
+  }
+  return normalized;
+}
+
+function numberRecordField(
+  source: Record<string, unknown>,
+  field: string,
+  warnings: AdminDataWarning[],
+  label: string,
+): Record<string, number> {
+  const value = source[field];
+  if (value == null) {
+    warn(
+      warnings,
+      `${label}.${field}`,
+      `${label} 응답에서 ${field} 값이 비어 있어 빈 집계로 표시합니다.`,
+      `${field}=null`,
+    );
+    return {};
+  }
+  if (typeof value !== "object" || Array.isArray(value)) {
+    warn(
+      warnings,
+      `${label}.${field}`,
+      `${label} 응답에서 ${field} 타입이 잘못되어 빈 집계로 표시합니다.`,
+      `${field}=${typeof value}`,
+    );
+    return {};
+  }
+  const normalized: Record<string, number> = {};
+  for (const [key, raw] of Object.entries(value as Record<string, unknown>)) {
+    if (typeof raw === "number" && Number.isFinite(raw)) {
+      normalized[key] = raw;
+      continue;
+    }
+    const parsed = typeof raw === "string" ? Number(raw) : Number.NaN;
+    if (Number.isFinite(parsed)) {
+      normalized[key] = parsed;
+      warn(
+        warnings,
+        `${label}.${field}.${key}`,
+        `${label} 응답에서 ${field}.${key}가 문자열이라 숫자로 변환했습니다.`,
+        `${field}.${key}=string`,
+      );
+      continue;
+    }
+    warn(
+      warnings,
+      `${label}.${field}.${key}`,
+      `${label} 응답에서 ${field}.${key} 숫자 값이 없어 제외했습니다.`,
+      `${field}.${key}=${raw == null ? "null" : typeof raw}`,
+    );
+  }
+  return normalized;
+}
+
+function roleField(
+  source: Record<string, unknown>,
+  warnings: AdminDataWarning[],
+  label: string,
+): AdminManagedUser["role"] {
+  const value = source.role;
+  if (value === "learner" || value === "teacher" || value === "admin") {
+    return value;
+  }
+  warn(
+    warnings,
+    `${label}.role`,
+    `${label} 응답에서 role 값이 계약과 달라 학습자로 표시합니다.`,
+    `role=${String(value)}`,
+  );
+  return "learner";
+}
+
+function accountStatusField(
+  source: Record<string, unknown>,
+  warnings: AdminDataWarning[],
+  label: string,
+): AdminManagedUser["account_status"] {
+  const value = source.account_status;
+  if (value === "pending" || value === "approved" || value === "suspended") {
+    return value;
+  }
+  warn(
+    warnings,
+    `${label}.account_status`,
+    `${label} 응답에서 account_status 값이 계약과 달라 승인 대기로 표시합니다.`,
+    `account_status=${String(value)}`,
+  );
+  return "pending";
+}
+
+function userSourceField(
+  source: Record<string, unknown>,
+  parentSource: AdminUsersResponse["source"],
+): AdminManagedUser["source"] {
+  const value = source.source;
+  return value === "server_session_registry" || value === "database"
+    ? value
+    : parentSource;
+}
+
+export function normalizeAdminUsersResponse(rawResponse: AdminUsersResponse): {
+  response: AdminUsersResponse;
+  warnings: AdminDataWarning[];
+} {
+  const warnings: AdminDataWarning[] = [];
+  const root = asRecord(rawResponse);
+  const source: AdminUsersResponse["source"] =
+    root.source === "server_session_registry"
+      ? "server_session_registry"
+      : "database";
+  const durable =
+    typeof root.durable === "boolean" ? root.durable : source === "database";
+  const rawUsers = Array.isArray(root.users) ? root.users : [];
+
+  if (!Array.isArray(root.users)) {
+    warn(
+      warnings,
+      "admin.users",
+      "/admin/users 응답에서 users 배열이 없어 빈 목록으로 표시합니다.",
+      `users=${root.users == null ? "null" : typeof root.users}`,
+    );
+  }
+
+  const users = rawUsers.map((item, index): AdminManagedUser => {
+    const sourceRecord = asRecord(item);
+    const label = `users[${index}]`;
+    const userId = stringField(
+      sourceRecord,
+      "user_id",
+      `unknown-${index + 1}`,
+      warnings,
+      label,
+    );
+    return {
+      user_id: userId,
+      email: stringField(sourceRecord, "email", userId, warnings, label),
+      display_name: stringField(
+        sourceRecord,
+        "display_name",
+        userId,
+        warnings,
+        label,
+      ),
+      role: roleField(sourceRecord, warnings, label),
+      admin_access: booleanField(
+        sourceRecord,
+        "admin_access",
+        false,
+        warnings,
+        label,
+      ),
+      super_admin: booleanField(
+        sourceRecord,
+        "super_admin",
+        false,
+        warnings,
+        label,
+      ),
+      account_status: accountStatusField(sourceRecord, warnings, label),
+      cohort_ids: cohortIdsField(sourceRecord, warnings, label),
+      affiliation: stringField(
+        sourceRecord,
+        "affiliation",
+        "",
+        warnings,
+        label,
+      ),
+      active_sessions: numberField(
+        sourceRecord,
+        "active_sessions",
+        0,
+        warnings,
+        label,
+      ),
+      created_at: numberField(sourceRecord, "created_at", 0, warnings, label),
+      last_seen_at: numberField(
+        sourceRecord,
+        "last_seen_at",
+        0,
+        warnings,
+        label,
+      ),
+      source: userSourceField(sourceRecord, source),
+    };
+  });
+
+  return { response: { source, durable, users }, warnings };
+}
+
+export function normalizeAdminTicketsResponse(
+  rawResponse: AdminTicketsResponse,
+): {
+  response: AdminTicketsResponse;
+  warnings: AdminDataWarning[];
+} {
+  const warnings: AdminDataWarning[] = [];
+  const root = asRecord(rawResponse);
+  const source: AdminTicketsResponse["source"] =
+    root.source === "database" ? "database" : "unavailable";
+  const durable =
+    typeof root.durable === "boolean" ? root.durable : source === "database";
+  const rawTickets = Array.isArray(root.tickets) ? root.tickets : [];
+  if (!Array.isArray(root.tickets)) {
+    warn(
+      warnings,
+      "admin.tickets",
+      "/admin/tickets 응답에서 tickets 배열이 없어 빈 목록으로 표시합니다.",
+      `tickets=${root.tickets == null ? "null" : typeof root.tickets}`,
+    );
+  }
+
+  const summaryRoot = asRecord(root.summary);
+  if (
+    !root.summary ||
+    typeof root.summary !== "object" ||
+    Array.isArray(root.summary)
+  ) {
+    warn(
+      warnings,
+      "admin.tickets.summary",
+      "/admin/tickets 응답에서 summary 객체가 없어 기본 집계로 표시합니다.",
+      `summary=${root.summary == null ? "null" : typeof root.summary}`,
+    );
+  }
+
+  return {
+    response: {
+      source,
+      durable,
+      generated_at: numberField(
+        root,
+        "generated_at",
+        0,
+        warnings,
+        "admin.tickets",
+      ),
+      tickets: rawTickets as AdminSupportTicket[],
+      summary: {
+        total: numberField(
+          summaryRoot,
+          "total",
+          rawTickets.length,
+          warnings,
+          "admin.tickets.summary",
+        ),
+        open_count: numberField(
+          summaryRoot,
+          "open_count",
+          0,
+          warnings,
+          "admin.tickets.summary",
+        ),
+        high_priority_count: numberField(
+          summaryRoot,
+          "high_priority_count",
+          0,
+          warnings,
+          "admin.tickets.summary",
+        ),
+        stale_count: numberField(
+          summaryRoot,
+          "stale_count",
+          0,
+          warnings,
+          "admin.tickets.summary",
+        ),
+        by_category: numberRecordField(
+          summaryRoot,
+          "by_category",
+          warnings,
+          "admin.tickets.summary",
+        ),
+        by_priority: numberRecordField(
+          summaryRoot,
+          "by_priority",
+          warnings,
+          "admin.tickets.summary",
+        ),
+        by_status: numberRecordField(
+          summaryRoot,
+          "by_status",
+          warnings,
+          "admin.tickets.summary",
+        ),
+      },
+    },
+    warnings,
+  };
+}
diff --git a/apps/web/src/pages/learner-home.css b/apps/web/src/pages/learner-home.css
index f9652a4..1897a20 100644
--- a/apps/web/src/pages/learner-home.css
+++ b/apps/web/src/pages/learner-home.css
@@ -73,6 +73,40 @@
   grid-template-columns:repeat(4,minmax(0,1fr));
   gap:10px;
 }
+/* 중간 폭 이하 전용 가로 탭 — 데스크톱에서는 숨김(리뷰 화면 sr-tabs와 동일 패턴) */
+.lh-tabs{
+  display:none;
+  gap:6px;
+  padding:4px;
+  border:1px solid var(--border-subtle);
+  border-radius:var(--radius);
+  background:var(--bg-surface-2);
+}
+.lh-tabs button{
+  flex:1 1 0;
+  min-width:0;
+  padding:9px 12px;
+  border:1px solid transparent;
+  border-radius:calc(var(--radius) - 2px);
+  background:transparent;
+  color:var(--text-body);
+  font-size:var(--fs-sm);
+  font-weight:700;
+  cursor:pointer;
+}
+.lh-tabs button:hover{
+  color:var(--text-strong);
+}
+.lh-tabs button:focus-visible{
+  outline:2px solid var(--focus-ring);
+  outline-offset:1px;
+}
+.lh-tabs button.is-active{
+  background:var(--bg-surface);
+  border-color:var(--border-strong);
+  color:var(--text-strong);
+  box-shadow:var(--shadow-sm);
+}
 .lh-dashboard-side{
   min-width:0;
   display:grid;
@@ -1483,10 +1517,33 @@
   background:rgba(111,179,164,.13);
 }
 @keyframes lhSkel{0%{background-position:120% 0}100%{background-position:-80% 0}}
+/* 중간 폭(1181~1420px): 우측 사이드는 유지하되 리캡+코치 2열은 세로 스택으로.
+   리캡 카드가 230px대로 붕괴해 세로 글자 줄바꿈이 생기는 문제 방지 (2026-07-14). */
+@media (max-width:1420px){
+  .lh-work-cluster__primary{
+    grid-template-columns:1fr;
+  }
+}
 @media (max-width:1180px){
+  /* 1컬럼 세로 나열 대신 가로 탭으로 영역 전환(2026-07-15 소유자 피드백) */
+  .lh-tabs{
+    display:flex;
+  }
   .lh-dashboard-grid{
     grid-template-columns:1fr;
   }
+  .lh-dashboard-grid:not(.lh-grid--tab-today) .lh-work-cluster{
+    display:none;
+  }
+  .lh-grid--tab-today .lh-dashboard-side{
+    display:none;
+  }
+  .lh-grid--tab-records .lh-panel--growth{
+    display:none;
+  }
+  .lh-grid--tab-growth .lh-panel--records{
+    display:none;
+  }
   .lh-dashboard-hero,
   .lh-dashboard-columns,
   .lh-history-layout,
@@ -1695,3 +1752,565 @@
   .lh-skel__box,
   .lh-skel__line{animation:none;}
 }
+
+/* ═══ 학습자 포탈 개선(2026-07-14): 보완할 부분 · 라포 누적 · 이정표 ═══ */
+.lh-weakness__list {
+  display: grid;
+  gap: 8px;
+}
+.lh-weakness__list button {
+  display: grid;
+  gap: 3px;
+  text-align: left;
+  padding: 9px 11px;
+  border-radius: var(--radius-sm);
+  border: 1px solid var(--border-soft, rgba(255, 255, 255, 0.09));
+  background: var(--bg-inset, rgba(0, 0, 0, 0.12));
+  color: inherit;
+  cursor: pointer;
+}
+.lh-weakness__list button:hover {
+  border-color: var(--border-focus);
+}
+.lh-weakness__list b {
+  font-size: 12.5px;
+  font-weight: 760;
+  color: var(--text-strong);
+}
+.lh-weakness__list p {
+  margin: 0;
+  font-size: 11.5px;
+  line-height: 1.5;
+  color: var(--text-dim);
+}
+.lh-rapport-list {
+  display: grid;
+  gap: 8px;
+  margin-bottom: 10px;
+}
+.lh-rapport-row {
+  display: grid;
+  grid-template-columns: minmax(0, 88px) minmax(0, 1fr) 34px;
+  align-items: center;
+  gap: 8px;
+}
+.lh-rapport-row__name {
+  font-size: 12px;
+  font-weight: 700;
+  color: var(--text-strong);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.lh-rapport-row__name small {
+  margin-left: 4px;
+  font-size: 10.5px;
+  font-weight: 620;
+  color: var(--text-dim);
+}
+.lh-rapport-row__bar {
+  display: block;
+  height: 5px;
+  border-radius: 3px;
+  background: var(--bg-inset, rgba(0, 0, 0, 0.16));
+  overflow: hidden;
+}
+.lh-rapport-row__bar i {
+  display: block;
+  height: 100%;
+  border-radius: 3px;
+  background: var(--accent);
+  transition: width 0.9s var(--ease-out);
+}
+.lh-rapport-row b {
+  font-size: 11px;
+  font-weight: 740;
+  font-variant-numeric: tabular-nums;
+  color: var(--text-body);
+  text-align: right;
+}
+.lh-milestones__list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+.lh-milestone {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  padding: 5px 10px;
+  border-radius: 999px;
+  border: 1px solid var(--border-soft, rgba(255, 255, 255, 0.1));
+  font-size: 11.5px;
+  font-weight: 680;
+  color: var(--text-dim);
+}
+.lh-milestone.is-done {
+  border-color: color-mix(in srgb, var(--accent) 45%, transparent);
+  background: color-mix(in srgb, var(--accent) 12%, transparent);
+  color: var(--text-strong);
+}
+.lh-milestone.is-available {
+  color: var(--text-body);
+}
+
+/* ═══ 학습 대시보드 보태니컬 시안 적용 ═══
+   카드 광원은 좌상단, 황금 기운은 헤어라인과 가장자리에서만 아주 옅게 사용한다. */
+.vg-shell--learner-dashboard .lh-root {
+  --lh-gold: #b5975d;
+  --lh-botanical-hair: color-mix(in srgb, var(--lh-gold) 34%, var(--border-subtle));
+  --lh-botanical-line: color-mix(in srgb, var(--lh-gold) 17%, var(--border-subtle));
+  gap: clamp(18px, 2vw, 28px);
+}
+.vg-shell--learner-dashboard .lh-title {
+  letter-spacing: -0.035em;
+  text-wrap: balance;
+}
+.vg-shell--learner-dashboard .lh-head__status {
+  border-color: var(--lh-botanical-hair);
+  background: var(--glass-surface-inset);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62);
+  backdrop-filter: blur(10px);
+}
+.vg-shell--learner-dashboard .lh-dashboard-status {
+  gap: 12px;
+}
+.vg-shell--learner-dashboard .lh-metric-card {
+  --lh-card-art: url("/design-elements/learner-dashboard/card-leaf-sprig-light.png");
+  position: relative;
+  isolation: isolate;
+  min-height: 132px;
+  align-content: center;
+  gap: 8px;
+  overflow: hidden;
+  padding: 18px 44% 18px 18px;
+  transition:
+    transform var(--dur-base) var(--ease-out),
+    border-color var(--dur-base) var(--ease-out),
+    box-shadow var(--dur-base) var(--ease-out);
+}
+.vg-shell--learner-dashboard .lh-metric-card:nth-child(2) {
+  --lh-card-art: url("/design-elements/learner-dashboard/card-folded-ribbon-light.png");
+}
+.vg-shell--learner-dashboard .lh-metric-card:nth-child(3) {
+  --lh-card-art: url("/design-elements/learner-dashboard/card-orbital-ring-light.png");
+}
+.vg-shell--learner-dashboard .lh-metric-card:nth-child(4) {
+  --lh-card-art: url("/design-elements/learner-dashboard/card-flowing-ribbon-light.png");
+}
+.vg-shell--learner-dashboard .lh-metric-card::after {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  inset: 8px 0 4px 51%;
+  background: var(--lh-card-art) center / contain no-repeat;
+  opacity: 0.68;
+  filter: saturate(0.82) contrast(0.97);
+  pointer-events: none;
+  transition: transform var(--dur-slow) var(--ease-out), opacity var(--dur-base) var(--ease-out);
+}
+.vg-shell--learner-dashboard .lh-metric-card > * {
+  position: relative;
+  z-index: 1;
+}
+.vg-shell--learner-dashboard .lh-metric-card:hover {
+  transform: translateY(-2px);
+}
+.vg-shell--learner-dashboard .lh-metric-card:hover::after {
+  transform: translate3d(-3px, -2px, 0) scale(1.025);
+  opacity: 0.78;
+}
+.vg-shell--learner-dashboard .lh-metric-card span {
+  color: color-mix(in srgb, var(--text-body) 88%, var(--lh-gold));
+}
+.vg-shell--learner-dashboard .lh-metric-card b {
+  font-size: clamp(23px, 2.05vw, 30px);
+  letter-spacing: -0.035em;
+}
+.vg-shell--learner-dashboard .lh-metric-card p {
+  max-width: 19ch;
+  color: var(--text-body);
+}
+
+.vg-shell--learner-dashboard .lh-work-cluster {
+  position: relative;
+  overflow: hidden;
+  padding: clamp(18px, 2vw, 26px);
+  border-radius: var(--radius-lg);
+}
+.vg-shell--learner-dashboard .lh-work-cluster::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  background: radial-gradient(circle at 100% 0%, rgba(187, 156, 97, 0.06), transparent 22rem);
+  pointer-events: none;
+}
+.vg-shell--learner-dashboard .lh-work-cluster > * {
+  position: relative;
+}
+.vg-shell--learner-dashboard .lh-work-cluster__head {
+  border-bottom-color: var(--lh-botanical-line);
+}
+.vg-shell--learner-dashboard .lh-recap__progress i,
+.vg-shell--learner-dashboard .lh-rapport-row__bar {
+  background: color-mix(in srgb, var(--lh-botanical-line) 72%, transparent);
+}
+.vg-shell--learner-dashboard .lh-coach-card {
+  position: relative;
+  isolation: isolate;
+  overflow: hidden;
+}
+.vg-shell--learner-dashboard .lh-coach-card::after {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  top: -34px;
+  right: -54px;
+  width: 210px;
+  height: 160px;
+  background: url("/design-elements/learner-dashboard/card-paired-leaves-light.png") center / contain no-repeat;
+  opacity: 0.28;
+  pointer-events: none;
+}
+.vg-shell--learner-dashboard .lh-coach-card > div:first-child {
+  padding-right: clamp(24px, 24%, 92px);
+}
+.vg-shell--learner-dashboard .lh-coach-card__cta {
+  background:
+    linear-gradient(90deg, color-mix(in srgb, var(--accent) 42%, var(--glass-surface-inset)), color-mix(in srgb, var(--accent) 58%, var(--glass-surface-inset)));
+  border-color: color-mix(in srgb, var(--accent) 44%, var(--lh-gold));
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28);
+}
+.vg-shell--learner-dashboard .lh-panel__head button,
+.vg-shell--learner-dashboard .lh-panel__badge,
+.vg-shell--learner-dashboard .lh-tabs {
+  border-color: var(--lh-botanical-line);
+}
+
+[data-theme="dark"] .vg-shell--learner-dashboard .lh-root {
+  --lh-gold: #bca579;
+  --lh-botanical-hair: color-mix(in srgb, var(--lh-gold) 27%, var(--border-subtle));
+  --lh-botanical-line: color-mix(in srgb, var(--lh-gold) 16%, var(--border-subtle));
+}
+[data-theme="dark"] .vg-shell--learner-dashboard .lh-head__status {
+  box-shadow: inset 0 1px 0 rgba(255, 245, 222, 0.055);
+}
+[data-theme="dark"] .vg-shell--learner-dashboard .lh-metric-card {
+  --lh-card-art: url("/design-elements/learner-dashboard/card-leaf-sprig.png");
+}
+[data-theme="dark"] .vg-shell--learner-dashboard .lh-metric-card:nth-child(2) {
+  --lh-card-art: url("/design-elements/learner-dashboard/card-folded-ribbon.png");
+}
+[data-theme="dark"] .vg-shell--learner-dashboard .lh-metric-card:nth-child(3) {
+  --lh-card-art: url("/design-elements/learner-dashboard/card-orbital-ring.png");
+}
+[data-theme="dark"] .vg-shell--learner-dashboard .lh-metric-card:nth-child(4) {
+  --lh-card-art: url("/design-elements/learner-dashboard/card-flowing-ribbon.png");
+}
+[data-theme="dark"] .vg-shell--learner-dashboard .lh-metric-card::after {
+  opacity: 0.56;
+  filter: saturate(0.76) brightness(0.92);
+}
+[data-theme="dark"] .vg-shell--learner-dashboard .lh-work-cluster::before {
+  background:
+    linear-gradient(105deg, rgba(203, 184, 139, 0.025), transparent 38%),
+    radial-gradient(circle at 100% 0%, rgba(187, 156, 97, 0.055), transparent 22rem);
+}
+[data-theme="dark"] .vg-shell--learner-dashboard .lh-coach-card::after {
+  background-image: url("/design-elements/learner-dashboard/card-paired-leaves.png");
+  opacity: 0.24;
+}
+
+@media (max-width: 1180px) {
+  .vg-shell--learner-dashboard .lh-metric-card {
+    min-height: 118px;
+    padding: 15px 38% 15px 15px;
+  }
+  .vg-shell--learner-dashboard .lh-metric-card::after {
+    inset: 6px 0 4px 55%;
+  }
+}
+@media (max-width: 720px) {
+  .vg-shell--learner-dashboard .lh-root {
+    gap: 16px;
+  }
+  .vg-shell--learner-dashboard .lh-dashboard-status {
+    gap: 8px;
+  }
+  .vg-shell--learner-dashboard .lh-metric-card {
+    min-height: 104px;
+    padding: 13px 34% 13px 13px;
+  }
+  .vg-shell--learner-dashboard .lh-metric-card::after {
+    inset: 12px 0 8px 56%;
+    opacity: 0.48;
+  }
+  [data-theme="dark"] .vg-shell--learner-dashboard .lh-metric-card::after {
+    opacity: 0.4;
+  }
+  .vg-shell--learner-dashboard .lh-metric-card b {
+    font-size: clamp(19px, 6vw, 24px);
+  }
+  .vg-shell--learner-dashboard .lh-metric-card p {
+    font-size: 11px;
+  }
+  .vg-shell--learner-dashboard .lh-work-cluster {
+    padding: 12px;
+  }
+  .vg-shell--learner-dashboard .lh-coach-card > div:first-child {
+    padding-right: 18%;
+  }
+}
+
+/* ── 보태니컬 시안 정합 2차: 1200px 기준 비율·세로 흐름·장식 크롭 ── */
+.vg-shell--learner-dashboard .lh-tabs {
+  display: flex;
+}
+.vg-shell--learner-dashboard .lh-dashboard-grid:not(.lh-grid--tab-today) .lh-work-cluster {
+  display: none;
+}
+.vg-shell--learner-dashboard .lh-grid--tab-today .lh-dashboard-side {
+  display: none;
+}
+.vg-shell--learner-dashboard .lh-grid--tab-records .lh-panel--growth {
+  display: none;
+}
+.vg-shell--learner-dashboard .lh-grid--tab-growth .lh-panel--records {
+  display: none;
+}
+@media (min-width: 1181px) {
+  .vg-shell--learner-dashboard .lh-dashboard-grid {
+    grid-template-columns: minmax(0, 1fr);
+    gap: 18px;
+  }
+  .vg-shell--learner-dashboard .lh-work-cluster__primary {
+    grid-template-columns: minmax(0, 1fr);
+    gap: 14px;
+  }
+  .vg-shell--learner-dashboard .lh-dashboard-side {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+
+.vg-shell--learner-dashboard .lh-root {
+  max-width: 100%;
+  gap: 20px;
+}
+.vg-shell--learner-dashboard .lh-head {
+  min-height: 104px;
+  align-items: flex-start;
+}
+.vg-shell--learner-dashboard .lh-title {
+  margin-top: 6px;
+  font-size: clamp(29px, 2.7vw, 36px);
+  line-height: 1.14;
+}
+.vg-shell--learner-dashboard .lh-sub {
+  margin-top: 8px;
+  font-size: 14px;
+}
+.vg-shell--learner-dashboard .lh-dashboard-status {
+  gap: 14px;
+}
+.vg-shell--learner-dashboard .lh-metric-card {
+  --lh-art-right: -16px;
+  --lh-art-bottom: -24px;
+  --lh-art-width: 52%;
+  --lh-art-height: 112%;
+  min-height: 160px;
+  align-content: center;
+  padding: 22px 43% 22px 22px;
+  border-radius: 10px;
+}
+.vg-shell--learner-dashboard .lh-metric-card:nth-child(2) {
+  --lh-art-right: -20px;
+  --lh-art-bottom: -28px;
+  --lh-art-width: 57%;
+  --lh-art-height: 118%;
+}
+.vg-shell--learner-dashboard .lh-metric-card:nth-child(3) {
+  --lh-art-right: -24px;
+  --lh-art-bottom: -26px;
+  --lh-art-width: 58%;
+  --lh-art-height: 116%;
+}
+.vg-shell--learner-dashboard .lh-metric-card:nth-child(4) {
+  --lh-art-right: -26px;
+  --lh-art-bottom: -30px;
+  --lh-art-width: 62%;
+  --lh-art-height: 122%;
+}
+.vg-shell--learner-dashboard .lh-metric-card::after {
+  inset: auto 0 0 auto;
+  width: var(--lh-art-width);
+  height: var(--lh-art-height);
+  background-position: right var(--lh-art-right) bottom var(--lh-art-bottom);
+}
+.vg-shell--learner-dashboard .lh-metric-card b {
+  font-size: clamp(26px, 2.35vw, 32px);
+}
+
+.vg-shell--learner-dashboard .lh-work-cluster {
+  gap: 16px;
+  padding: 20px;
+  border-radius: 10px;
+}
+.vg-shell--learner-dashboard .lh-work-cluster__head {
+  min-height: 68px;
+  align-items: center;
+  padding-bottom: 16px;
+}
+.vg-shell--learner-dashboard .lh-work-cluster__head h2 {
+  font-size: clamp(22px, 2vw, 27px);
+}
+.vg-shell--learner-dashboard .lh-session-focus {
+  --lh-focus-art-right: -20px;
+  --lh-focus-art-bottom: -28px;
+  position: relative;
+  isolation: isolate;
+  overflow: hidden;
+  gap: 18px;
+  min-height: 466px;
+  padding: 28px;
+  border-radius: 9px;
+}
+.vg-shell--learner-dashboard .lh-session-focus::after {
+  content: "";
+  position: absolute;
+  z-index: 0;
+  right: var(--lh-focus-art-right);
+  bottom: var(--lh-focus-art-bottom);
+  width: clamp(190px, 29%, 270px);
+  height: clamp(210px, 58%, 290px);
+  background: url("/design-elements/learner-dashboard/card-leaf-sprig-light.png") right bottom / contain no-repeat;
+  opacity: 0.22;
+  pointer-events: none;
+}
+.vg-shell--learner-dashboard .lh-session-focus > * {
+  position: relative;
+  z-index: 1;
+}
+.vg-shell--learner-dashboard .lh-session-focus__head h2 {
+  font-size: clamp(30px, 3vw, 38px);
+}
+.vg-shell--learner-dashboard .lh-recap {
+  grid-template-columns: 224px minmax(0, 1fr);
+  gap: 30px;
+  padding-top: 18px;
+}
+.vg-shell--learner-dashboard .lh-recap__avatar {
+  position: relative;
+  isolation: isolate;
+  justify-self: center;
+  width: 216px;
+  min-height: 242px;
+  aspect-ratio: 0.9;
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+  box-shadow: none;
+}
+.vg-shell--learner-dashboard .lh-recap__avatar .vg-avatar {
+  position: relative;
+  z-index: 1;
+}
+.vg-shell--learner-dashboard .lh-recap__body {
+  align-content: start;
+  gap: 14px;
+}
+.vg-shell--learner-dashboard .lh-recap__facts div {
+  min-height: 62px;
+  padding: 10px 12px;
+}
+.vg-shell--learner-dashboard .lh-recap__progress i {
+  height: 9px;
+}
+.vg-shell--learner-dashboard .lh-recap__quote {
+  min-height: 82px;
+  padding: 12px 14px;
+}
+.vg-shell--learner-dashboard .lh-coach-card {
+  min-height: 300px;
+  gap: 14px;
+  padding: 28px;
+  border-radius: 9px;
+}
+.vg-shell--learner-dashboard .lh-coach-card::after {
+  top: auto;
+  right: 0;
+  bottom: 0;
+  width: 320px;
+  height: 240px;
+  background-position: right -42px bottom -28px;
+  opacity: 0.24;
+}
+.vg-shell--learner-dashboard .lh-coach-card > div:first-child {
+  padding-right: 34%;
+}
+.vg-shell--learner-dashboard .lh-coach-card h2 {
+  font-size: clamp(25px, 2.45vw, 32px);
+}
+.vg-shell--learner-dashboard .lh-coach-card > div:first-child p {
+  max-width: 64ch;
+}
+.vg-shell--learner-dashboard .lh-coach-hints {
+  position: relative;
+  z-index: 1;
+}
+.vg-shell--learner-dashboard .lh-coach-hints span {
+  min-height: 44px;
+  padding: 0 14px;
+}
+.vg-shell--learner-dashboard .lh-coach-card__cta {
+  position: relative;
+  z-index: 1;
+  min-height: 48px;
+}
+.vg-shell--learner-dashboard .lh-work-cluster__secondary {
+  margin-top: 2px;
+}
+
+[data-theme="dark"] .vg-shell--learner-dashboard .lh-root {
+  --text-strong: #eee8dc;
+  --text-body: #c3beb2;
+  --text-muted: #928f86;
+  --lh-botanical-hair: rgba(184, 160, 110, 0.31);
+  --lh-botanical-line: rgba(184, 160, 110, 0.22);
+}
+[data-theme="dark"] .vg-shell--learner-dashboard .lh-recap__avatar {
+  border: 0;
+  background: transparent;
+  box-shadow: none;
+}
+[data-theme="dark"] .vg-shell--learner-dashboard .lh-session-focus::after {
+  background-image: url("/design-elements/learner-dashboard/card-leaf-sprig.png");
+  opacity: 0.2;
+}
+
+@media (max-width: 1180px) {
+  .vg-shell--learner-dashboard .lh-head {
+    min-height: auto;
+  }
+  .vg-shell--learner-dashboard .lh-metric-card {
+    min-height: 126px;
+  }
+  .vg-shell--learner-dashboard .lh-session-focus {
+    min-height: auto;
+  }
+  .vg-shell--learner-dashboard .lh-coach-card {
+    min-height: auto;
+  }
+}
+@media (max-width: 720px) {
+  .vg-shell--learner-dashboard .lh-recap {
+    grid-template-columns: 1fr;
+  }
+  .vg-shell--learner-dashboard .lh-recap__avatar {
+    width: min(100%, 250px);
+    min-height: 210px;
+  }
+  .vg-shell--learner-dashboard .lh-coach-card > div:first-child {
+    padding-right: 20%;
+  }
+}
diff --git a/apps/web/src/pages/learner-home/model.ts b/apps/web/src/pages/learner-home/model.ts
new file mode 100644
index 0000000..1d79a88
--- /dev/null
+++ b/apps/web/src/pages/learner-home/model.ts
@@ -0,0 +1,222 @@
+import type {
+  AvatarAffect,
+  AvatarPersona,
+  AvatarState,
+} from "../../components/avatar/ClientAvatar";
+import type {
+  LearnerSessionSummary,
+  PersonaSummary,
+  SessionDetailResponse,
+  SessionDetailTurn,
+} from "../../lib/api";
+import { formatOptionalPercent } from "../../lib/format";
+import {
+  DIFFICULTY_LABEL,
+  PENDING_PERSONA_AVATAR_APPEARANCE,
+  demographicText,
+  personaAvatarAppearance,
+  personaBaselineExpression,
+  personaMeta,
+  shortPersonaName,
+} from "../../lib/personaViewModel";
+
+export type HistoryFilter = "all" | "active" | "review" | "archived";
+
+export const HISTORY_FILTERS: Array<{
+  value: HistoryFilter;
+  label: string;
+  desc: string;
+}> = [
+  { value: "all", label: "전체", desc: "모든 기록" },
+  { value: "active", label: "진행 중", desc: "이어갈 회기" },
+  { value: "review", label: "리뷰 필요", desc: "AI 피드백" },
+  { value: "archived", label: "보관됨", desc: "읽기 전용" },
+];
+
+export function demographicsLine(persona: PersonaSummary | null): string {
+  if (!persona) return "내담자 정보를 불러오는 중";
+  const parts = [
+    demographicText(persona.demographics.age_band),
+    demographicText(persona.demographics.grade),
+    demographicText(persona.demographics.job),
+    demographicText(persona.demographics.status),
+  ].filter(Boolean);
+  return parts.length ? parts.join(" · ") : "인적 정보 없음";
+}
+
+export function theoryLine(persona: PersonaSummary | null): string {
+  if (!persona) return "-";
+  return persona.theory_target.length
+    ? persona.theory_target.join(" · ")
+    : "공통";
+}
+
+export function difficultyLine(persona: PersonaSummary | null): string {
+  if (!persona) return "-";
+  return DIFFICULTY_LABEL[persona.difficulty] ?? persona.difficulty;
+}
+
+export function personaInitial(persona: PersonaSummary | null): string {
+  const name = persona ? shortPersonaName(persona.display_name) : "";
+  return (name || persona?.code || "V").slice(0, 1);
+}
+
+export function buildDashboardAvatar(
+  persona: PersonaSummary | null,
+  fallbackCode = "",
+): AvatarPersona {
+  if (!persona) {
+    return {
+      code: fallbackCode || undefined,
+      label: "내담자 정보 확인 중",
+      ...PENDING_PERSONA_AVATAR_APPEARANCE,
+      realism: 0.35,
+    };
+  }
+  return {
+    code: persona.code,
+    label: `${shortPersonaName(persona.display_name)} · ${personaMeta(persona)}`,
+    ...personaAvatarAppearance(persona),
+  };
+}
+
+export function baselineExpressionFor(
+  persona: PersonaSummary | null,
+): AvatarAffect {
+  return personaBaselineExpression(persona);
+}
+
+export function recapExpressionFor(
+  session: LearnerSessionSummary | null,
+  persona: PersonaSummary | null,
+): AvatarAffect {
+  if (!session) return baselineExpressionFor(persona);
+  if (session.review_ready) return "confused";
+  if (session.stage === "정리") return "relief";
+  if (session.stage === "개입" && persona?.difficulty === "hard")
+    return "conflicted";
+  return baselineExpressionFor(persona);
+}
+
+export function recapAvatarState(
+  session: LearnerSessionSummary | null,
+): AvatarState {
+  if (!session) return "idle";
+  return session.status === "active" ? "listening" : "idle";
+}
+
+export function truncateText(value: string, max = 118): string {
+  const text = value.replace(/\s+/g, " ").trim();
+  if (text.length <= max) return text;
+  return `${text.slice(0, max - 1)}…`;
+}
+
+export function lastTurnText(
+  detail: SessionDetailResponse | null,
+  speaker: SessionDetailTurn["speaker"],
+): string | null {
+  const turns = detail?.turns?.filter((turn) => turn.speaker === speaker) ?? [];
+  const last = turns[turns.length - 1];
+  return last?.text?.trim() || null;
+}
+
+export function recapCoachLine(
+  session: LearnerSessionSummary | null,
+): string {
+  if (!session) return "첫 회기에서는 라포 형성과 개방 질문을 먼저 점검합니다.";
+  if (session.status === "active") {
+    return `${session.stage} 단계에서 멈췄습니다. 이어갈 때는 마지막 내담자 반응을 한 번 반영하고 다음 질문으로 넘어가세요.`;
+  }
+  if (session.review_ready) {
+    return "리뷰가 준비된 회기입니다. 새 연습 전에 상담자 반응과 내담자 상태 변화를 먼저 확인하세요.";
+  }
+  return "기록만 있는 회기입니다. 같은 내담자로 다시 연습할지, 다른 난도로 확장할지 결정하세요.";
+}
+
+export function sessionStatusLabel(session: LearnerSessionSummary): string {
+  if (session.archived) return "보관됨";
+  if (session.status === "active") return "진행 중";
+  if (session.review_ready) return "리뷰 가능";
+  return "종료";
+}
+
+export function historyBucket(
+  session: LearnerSessionSummary,
+): HistoryFilter {
+  if (session.archived) return "archived";
+  if (session.status === "active") return "active";
+  if (session.review_ready) return "review";
+  return "all";
+}
+
+export function historyBucketLabel(session: LearnerSessionSummary): string {
+  const bucket = historyBucket(session);
+  if (bucket === "active") return "이어갈 회기";
+  if (bucket === "review") return "AI 피드백 대기";
+  return session.archived ? "보관 처리됨" : "종료 기록";
+}
+
+export function historyEmptyMessage(
+  filter: HistoryFilter,
+  query: string,
+): string {
+  if (query.trim()) return "조건에 맞는 회기가 없습니다.";
+  if (filter === "active") return "이어갈 진행 회기가 없습니다.";
+  if (filter === "review") return "리뷰가 필요한 회기가 없습니다.";
+  if (filter === "archived") return "보관된 종료 회기가 없습니다.";
+  return "저장된 기존 회기가 없습니다.";
+}
+
+export function sessionDateLabel(value: string): string {
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return "";
+  return new Intl.DateTimeFormat("ko-KR", {
+    month: "short",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit",
+  }).format(date);
+}
+
+export function stageProgressValue(
+  stage: LearnerSessionSummary["stage"] | null | undefined,
+): number {
+  if (stage === "라포") return 25;
+  if (stage === "탐색") return 50;
+  if (stage === "개입") return 75;
+  if (stage === "정리") return 100;
+  return 0;
+}
+
+export function sessionSortTime(session: LearnerSessionSummary): number {
+  const value = session.ended_at ?? session.started_at;
+  const time = Date.parse(value);
+  return Number.isNaN(time) ? 0 : time;
+}
+
+export function averageLearnerTurns(
+  sessions: LearnerSessionSummary[],
+): number | null {
+  if (!sessions.length) return null;
+  const total = sessions.reduce(
+    (sum, session) => sum + session.learner_turn_count,
+    0,
+  );
+  return Math.round(total / sessions.length);
+}
+
+export function scoreLabel(value: number | null | undefined): string {
+  return formatOptionalPercent(value, "평가 부족", "점");
+}
+
+export function rapportLabel(value: number | null | undefined): string {
+  if (value == null) return "평가 부족";
+  return value >= 0 ? `+${value.toFixed(2)}` : value.toFixed(2);
+}
+
+export function trendLabel(value: string | null | undefined): string {
+  if (value === "up") return "상승";
+  if (value === "down") return "점검 필요";
+  if (value === "flat") return "유지";
+  return "평가 부족";
+}
diff --git a/apps/web/src/pages/login/LoginPanel.tsx b/apps/web/src/pages/login/LoginPanel.tsx
index e2ed3fd..8f86732 100644
--- a/apps/web/src/pages/login/LoginPanel.tsx
+++ b/apps/web/src/pages/login/LoginPanel.tsx
@@ -1,4 +1,5 @@
 import { Icon, type IconName } from "../../components/ui/Icon";
+import { Surface, surfaceClassName } from "../../components/ui/Surface";
 import type { Role } from "../../lib/auth";
 
 export interface LoginRoleOption {
@@ -53,7 +54,12 @@ function LoginProviderButton({
   onClick: () => void;
 }) {
   return (
-    <button className={`lg-obtn ${variant}`} type="button" onClick={onClick} disabled={disabled}>
+    <button
+      className={surfaceClassName(`lg-obtn ${variant}`, { variant: "interactive", flat: true })}
+      type="button"
+      onClick={onClick}
+      disabled={disabled}
+    >
       <span className="ic">
         <Icon name={icon} size={19} strokeWidth={1.8} />
       </span>
@@ -92,7 +98,10 @@ function LoginDevAccess({ devAccess, error }: { devAccess: LoginDevAccessView; e
             type="button"
             role="radio"
             aria-checked={devAccess.selected === opt.role}
-            className={`lg-roleopt ${devAccess.selected === opt.role ? "is-sel" : ""}`}
+            className={surfaceClassName(
+              `lg-roleopt ${devAccess.selected === opt.role ? "is-sel" : ""}`,
+              { variant: "interactive", flat: true },
+            )}
             onClick={() => devAccess.onSelect(opt.role)}
           >
             <span className={`d ${opt.dotClass}`} aria-hidden="true" />
@@ -120,7 +129,7 @@ function LoginDevAccess({ devAccess, error }: { devAccess: LoginDevAccessView; e
 export function LoginPanel({ oauth, devAccess, error }: LoginPanelProps) {
   return (
     <section className="lg-enter" aria-label="로그인">
-      <div className="lg-panel">
+      <Surface className="lg-panel">
         <span className="lg-kicker">
           <span className="d" aria-hidden="true" />
           계정으로 시작
@@ -163,7 +172,7 @@ export function LoginPanel({ oauth, devAccess, error }: LoginPanelProps) {
         <p className="lg-note">
           교육용 비치료 연구 도구입니다. 실제 치료, 진단, 위기 개입을 대체하지 않습니다.
         </p>
-      </div>
+      </Surface>
     </section>
   );
 }
diff --git a/apps/web/src/pages/login/login.css b/apps/web/src/pages/login/login.css
index d37592f..bb91571 100644
--- a/apps/web/src/pages/login/login.css
+++ b/apps/web/src/pages/login/login.css
@@ -1,18 +1,11 @@
 .lg-root {
   min-height: 100dvh;
+  width: 100vw;
+  max-width: none;
   position: relative;
   display: grid;
   grid-template-columns: minmax(0, 1fr) minmax(360px, 500px);
-  background:
-    linear-gradient(
-      90deg,
-      rgba(7, 16, 14, 0.84) 0%,
-      rgba(10, 21, 19, 0.72) 48%,
-      rgba(10, 21, 19, 0.55) 74%,
-      rgba(10, 21, 19, 0.62) 100%
-    ),
-    var(--asset-login-room) center / cover no-repeat;
-  color: #edf4f2;
+  color: var(--auth-hero-text);
   overflow-x: hidden;
   overflow-y: auto;
 }
@@ -21,7 +14,7 @@
   content: "";
   position: absolute;
   inset: 0;
-  background: linear-gradient(180deg, rgba(3, 9, 8, 0.18), rgba(3, 9, 8, 0.42));
+  background: var(--auth-room-shade);
   pointer-events: none;
 }
 
@@ -41,7 +34,7 @@
   gap: var(--sp-7);
   padding: var(--sp-7);
   background: transparent;
-  color: #edf4f2;
+  color: var(--auth-hero-text);
   overflow: hidden;
 }
 
@@ -58,7 +51,7 @@
   font-size: 19px;
   font-weight: 700;
   letter-spacing: 0;
-  color: #edf4f2;
+  color: var(--auth-hero-text);
 }
 
 .lg-mark {
@@ -101,7 +94,7 @@
   position: relative;
   z-index: 0;
   padding: 0 4px;
-  background: linear-gradient(90deg, #59b5a6, #8ee4d6);
+  background: linear-gradient(90deg, #6b9488, #9fc0b5);
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
@@ -120,7 +113,7 @@
 .lg-copy p {
   margin: var(--sp-5) 0 0;
   max-width: 560px;
-  color: rgba(237, 244, 242, 0.72);
+  color: var(--auth-hero-muted);
   font-size: 17px;
   line-height: 1.75;
 }
@@ -133,12 +126,12 @@
   width: max-content;
   max-width: min(430px, 100%);
   padding: 14px 16px;
-  border: 1px solid rgba(255, 255, 255, 0.14);
+  border: 1px solid var(--auth-hero-border);
   border-radius: var(--radius-lg);
-  background: rgba(237, 244, 242, 0.08);
+  background: var(--auth-hero-surface);
   backdrop-filter: blur(18px) saturate(1.08);
   -webkit-backdrop-filter: blur(18px) saturate(1.08);
-  color: rgba(237, 244, 242, 0.66);
+  color: var(--auth-hero-muted);
   font-size: 13px;
 }
 
@@ -150,9 +143,9 @@
 }
 
 .lg-policy b {
-  color: #edf4f2;
-  background: rgba(255, 255, 255, 0.08);
-  border: 1px solid rgba(255, 255, 255, 0.12);
+  color: var(--auth-hero-text);
+  background: var(--auth-hero-chip);
+  border: 1px solid var(--auth-hero-border);
   border-radius: 999px;
   padding: 5px 10px;
   font-weight: 650;
@@ -170,14 +163,9 @@
 .lg-panel {
   width: 100%;
   max-width: 430px;
-  background: rgba(11, 25, 22, 0.64);
-  border: 1px solid rgba(255, 255, 255, 0.16);
   border-radius: var(--radius-lg);
-  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.08);
-  backdrop-filter: blur(24px) saturate(1.14);
-  -webkit-backdrop-filter: blur(24px) saturate(1.14);
   padding: var(--sp-6);
-  color: #edf4f2;
+  color: var(--text-strong);
 }
 
 .lg-panel h2 {
@@ -185,12 +173,12 @@
   font-size: 28px;
   line-height: 1.25;
   letter-spacing: 0;
-  color: #f7fbf9;
+  color: var(--text-strong);
 }
 
 .lg-lead {
   margin: 10px 0 0;
-  color: rgba(237, 244, 242, 0.76);
+  color: var(--text-body);
   font-size: 14px;
   line-height: 1.65;
 }
@@ -219,47 +207,44 @@
 }
 
 .lg-obtn.primary {
-  background: rgba(89, 181, 166, 0.2);
-  border: 1px solid rgba(114, 211, 197, 0.44);
-  color: #f7fbf9;
+  background: color-mix(in srgb, var(--accent-tint) 72%, var(--glass-surface-inset));
+  border-color: color-mix(in srgb, var(--accent) 44%, var(--glass-inset-border));
+  color: var(--text-strong);
 }
 
 .lg-obtn.primary:hover {
-  background: rgba(89, 181, 166, 0.28);
-  border-color: rgba(114, 211, 197, 0.62);
+  background: color-mix(in srgb, var(--accent-tint) 88%, var(--glass-surface-inset));
+  border-color: var(--accent);
 }
 
 .lg-obtn.secondary {
-  background: rgba(255, 255, 255, 0.08);
-  border: 1px solid rgba(255, 255, 255, 0.13);
-  color: #edf4f2;
+  color: var(--text-strong);
 }
 
 .lg-obtn.secondary:hover {
-  border-color: rgba(114, 211, 197, 0.42);
-  background: rgba(255, 255, 255, 0.11);
+  border-color: color-mix(in srgb, var(--accent) 42%, var(--glass-inset-border));
 }
 
 .lg-obtn:disabled {
   cursor: not-allowed;
   opacity: 1;
-  background: rgba(255, 255, 255, 0.07);
-  border-color: rgba(255, 255, 255, 0.1);
-  color: rgba(237, 244, 242, 0.58);
+  background: var(--glass-surface-inset);
+  border-color: var(--glass-inset-border);
+  color: var(--text-muted);
 }
 
 .lg-obtn:disabled:hover {
-  background: rgba(255, 255, 255, 0.07);
-  border-color: rgba(255, 255, 255, 0.1);
+  background: var(--glass-surface-inset);
+  border-color: var(--glass-inset-border);
 }
 
 .lg-obtn:disabled .ic {
-  background: rgba(255, 255, 255, 0.08);
-  color: rgba(237, 244, 242, 0.58);
+  background: var(--bg-surface-2);
+  color: var(--text-muted);
 }
 
 .lg-obtn:disabled .sub {
-  color: rgba(237, 244, 242, 0.45);
+  color: var(--text-muted);
 }
 
 .lg-obtn .ic {
@@ -268,11 +253,12 @@
   display: grid;
   place-items: center;
   border-radius: 8px;
-  background: rgba(255, 255, 255, 0.16);
+  background: var(--accent-tint);
+  color: var(--accent-deep);
 }
 
 .lg-obtn.secondary .ic {
-  background: rgba(7, 17, 15, 0.34);
+  background: var(--bg-surface-2);
 }
 
 .lg-obtn .txt {
@@ -285,11 +271,11 @@
 .lg-obtn .sub {
   font-size: 12px;
   font-weight: 550;
-  color: rgba(237, 244, 242, 0.58);
+  color: var(--text-muted);
 }
 
 .lg-obtn.primary .sub {
-  color: rgba(251, 250, 248, 0.74);
+  color: var(--text-body);
 }
 
 .lg-config {
@@ -309,7 +295,7 @@
 .lg-dev {
   margin-top: var(--sp-6);
   padding-top: var(--sp-5);
-  border-top: 1px solid rgba(255, 255, 255, 0.1);
+  border-top: 1px solid var(--glass-inset-border);
 }
 
 .lg-devhead {
@@ -317,13 +303,13 @@
   align-items: baseline;
   justify-content: space-between;
   gap: var(--sp-3);
-  color: #edf4f2;
+  color: var(--text-strong);
   font-size: 13px;
   font-weight: 700;
 }
 
 .lg-devhead small {
-  color: rgba(237, 244, 242, 0.58);
+  color: var(--text-muted);
   font-weight: 600;
 }
 
@@ -341,17 +327,15 @@
   align-items: center;
   gap: 10px;
   padding: 9px 11px;
-  border: 1px solid rgba(255, 255, 255, 0.11);
   border-radius: var(--radius);
-  background: rgba(255, 255, 255, 0.045);
-  color: #edf4f2;
+  color: var(--text-strong);
   text-align: left;
   cursor: pointer;
 }
 
 .lg-roleopt.is-sel {
-  border-color: rgba(114, 211, 197, 0.58);
-  background: rgba(89, 181, 166, 0.15);
+  border-color: color-mix(in srgb, var(--accent) 58%, var(--glass-inset-border));
+  background: color-mix(in srgb, var(--accent-tint) 64%, var(--glass-surface-inset));
 }
 
 .lg-roleopt .d {
@@ -380,7 +364,7 @@
 .lg-roleopt small {
   display: block;
   margin-top: 1px;
-  color: rgba(237, 244, 242, 0.58);
+  color: var(--text-muted);
   font-size: 12px;
 }
 
@@ -391,7 +375,7 @@
   border: 1px solid rgba(114, 211, 197, 0.58);
   border-radius: var(--radius);
   background: rgba(89, 181, 166, 0.15);
-  color: #8fe7d9;
+  color: var(--accent-deep);
   font-family: var(--font-sans);
   font-size: 14px;
   font-weight: 750;
@@ -417,7 +401,7 @@
 .lg-error small {
   display: block;
   margin-top: 4px;
-  color: rgba(237, 244, 242, 0.56);
+  color: var(--text-muted);
   font-family: var(--font-num);
   font-size: 11.5px;
   overflow-wrap: anywhere;
@@ -425,7 +409,7 @@
 
 .lg-note {
   margin: var(--sp-5) 0 0;
-  color: rgba(237, 244, 242, 0.52);
+  color: var(--text-muted);
   font-size: 12.5px;
   line-height: 1.6;
 }
diff --git a/apps/web/src/pages/onboarding.css b/apps/web/src/pages/onboarding.css
index 7ea58a6..bdd000b 100644
--- a/apps/web/src/pages/onboarding.css
+++ b/apps/web/src/pages/onboarding.css
@@ -1,7 +1,6 @@
 .ob-page{
   min-height:100dvh;
   width:100%;
-  background:var(--bg-app);
   color:var(--text-body);
   padding:clamp(20px,5vw,56px);
 }
@@ -11,6 +10,7 @@
   margin:0 auto;
   display:grid;
   gap:var(--sp-6);
+  padding:clamp(22px,4vw,44px);
 }
 .ob-head{
   display:grid;
@@ -237,6 +237,7 @@
   display:flex;
   justify-content:flex-start;
 }
+
 @media (max-width:620px){
   .ob-page{
     padding:14px;
diff --git a/apps/web/src/pages/pending-approval.css b/apps/web/src/pages/pending-approval.css
index ec14efc..6ff18f1 100644
--- a/apps/web/src/pages/pending-approval.css
+++ b/apps/web/src/pages/pending-approval.css
@@ -3,7 +3,6 @@
   display:grid;
   place-items:center;
   padding:clamp(18px,5vw,56px);
-  background:var(--bg-app);
   color:var(--text-body);
 }
 .pa-panel{
@@ -84,6 +83,11 @@
   flex-wrap:wrap;
   gap:10px;
 }
+
+.pa-panel{
+  position:relative;
+  z-index:1;
+}
 @media (max-width:560px){
   .pa-panel{
     border-radius:var(--radius);
diff --git a/apps/web/src/pages/persona-studio.css b/apps/web/src/pages/persona-studio.css
index 07f576d..47f10f8 100644
--- a/apps/web/src/pages/persona-studio.css
+++ b/apps/web/src/pages/persona-studio.css
@@ -686,3 +686,433 @@
     grid-template-columns:1fr;
   }
 }
+
+/* 2026-07 persona workspace IA */
+.ps-head > div:first-child{
+  min-width:0;
+}
+.ps-head > div:first-child > p{
+  margin:8px 0 0;
+  max-width:64ch;
+  color:var(--text-muted);
+  font-size:var(--fs-sm);
+  line-height:1.55;
+  text-wrap:pretty;
+}
+.ps-workspace-tabs{
+  display:grid;
+  grid-template-columns:repeat(3,minmax(0,1fr));
+  border-bottom:1px solid var(--border-subtle);
+}
+.ps-workspace-tabs button{
+  position:relative;
+  min-width:0;
+  min-height:66px;
+  display:grid;
+  align-content:center;
+  gap:4px;
+  padding:10px 18px 14px;
+  border:0;
+  background:transparent;
+  color:var(--text-muted);
+  text-align:left;
+  cursor:pointer;
+  transition:color .2s ease,background .2s ease;
+}
+.ps-workspace-tabs button::after{
+  content:"";
+  position:absolute;
+  right:18px;
+  bottom:-1px;
+  left:18px;
+  height:2px;
+  background:transparent;
+  transform:scaleX(.35);
+  transition:background .2s ease,transform .2s ease;
+}
+.ps-workspace-tabs button:hover{
+  color:var(--text-strong);
+  background:color-mix(in srgb,var(--bg-surface) 58%,transparent);
+}
+.ps-workspace-tabs button:focus-visible,
+.ps-subtabs button:focus-visible,
+.ps-stepper button:focus-visible,
+.ps-usage-row:focus-visible,
+.ps-persona-row__identity:focus-visible,
+.ps-catalog-list button:focus-visible{
+  outline:2px solid var(--focus-ring);
+  outline-offset:2px;
+}
+.ps-workspace-tabs button.is-active{
+  color:var(--text-strong);
+}
+.ps-workspace-tabs button.is-active::after{
+  background:var(--accent);
+  transform:scaleX(1);
+}
+.ps-workspace-tabs span{
+  font-size:15px;
+  font-weight:780;
+}
+.ps-workspace-tabs small{
+  overflow:hidden;
+  color:var(--text-muted);
+  font-size:11px;
+  text-overflow:ellipsis;
+  white-space:nowrap;
+}
+.ps-overview,
+.ps-catalog-page,
+.ps-personas-page,
+.ps-detail-page{
+  min-width:0;
+  display:grid;
+  gap:18px;
+}
+.ps-inline-note{
+  padding:11px 14px;
+  border-left:3px solid var(--warn-solid);
+  background:var(--warn-tint);
+  color:var(--warn-text);
+  font-size:var(--fs-sm);
+}
+.ps-kpi-grid{
+  display:grid;
+  grid-template-columns:repeat(4,minmax(0,1fr));
+  border-top:1px solid var(--border-subtle);
+  border-bottom:1px solid var(--border-subtle);
+}
+.ps-kpi{
+  min-width:0;
+  display:grid;
+  gap:7px;
+  padding:20px 22px 23px;
+  border-right:1px solid var(--border-subtle);
+  background:color-mix(in srgb,var(--bg-surface) 72%,transparent);
+}
+.ps-kpi:last-child{border-right:0;}
+.ps-kpi > span{
+  color:var(--text-muted);
+  font-size:var(--fs-xs);
+  font-weight:740;
+}
+.ps-kpi > b{
+  color:var(--text-strong);
+  font-family:var(--font-num);
+  font-size:clamp(28px,3vw,42px);
+  font-variant-numeric:tabular-nums;
+  letter-spacing:-.045em;
+  line-height:1;
+}
+.ps-kpi > small{
+  overflow:hidden;
+  color:var(--text-muted);
+  font-size:11px;
+  text-overflow:ellipsis;
+  white-space:nowrap;
+}
+.ps-dashboard-grid{
+  display:grid;
+  grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);
+  gap:14px;
+}
+.ps-performance,
+.ps-review-summary,
+.ps-active-table,
+.ps-catalog-block,
+.ps-detail-primary,
+.ps-detail-facts,
+.ps-detail-wide{
+  min-width:0;
+  padding:20px;
+  border:1px solid var(--border-subtle);
+  border-radius:var(--radius);
+  background:color-mix(in srgb,var(--bg-surface) 88%,transparent);
+  box-shadow:var(--shadow-sm);
+}
+.ps-section-head{
+  display:flex;
+  align-items:flex-start;
+  justify-content:space-between;
+  gap:16px;
+}
+.ps-section-head h2{
+  margin:5px 0 0;
+  color:var(--text-strong);
+  font-size:19px;
+  line-height:1.3;
+  letter-spacing:-.02em;
+}
+.ps-section-head > span{
+  color:var(--text-muted);
+  font-size:11px;
+}
+.ps-performance__metrics{
+  display:grid;
+  grid-template-columns:repeat(2,minmax(0,1fr));
+  gap:28px;
+  margin-top:28px;
+}
+.ps-performance__metrics > div{
+  display:grid;
+  grid-template-columns:minmax(0,1fr) auto;
+  align-items:end;
+  gap:8px 12px;
+}
+.ps-performance__metrics span{
+  color:var(--text-muted);
+  font-size:var(--fs-xs);
+  font-weight:730;
+}
+.ps-performance__metrics b{
+  color:var(--text-strong);
+  font-family:var(--font-num);
+  font-size:24px;
+  font-variant-numeric:tabular-nums;
+}
+.ps-performance__metrics i,
+.ps-distribution i{
+  grid-column:1 / -1;
+  height:5px;
+  overflow:hidden;
+  border-radius:5px;
+  background:var(--bg-surface-2);
+}
+.ps-performance__metrics i span,
+.ps-distribution i span{
+  display:block;
+  height:100%;
+  border-radius:inherit;
+  background:var(--accent);
+}
+.ps-performance > p{
+  margin:22px 0 0;
+  max-width:68ch;
+  color:var(--text-muted);
+  font-size:11px;
+  line-height:1.55;
+}
+.ps-review-summary__grid{
+  display:grid;
+  grid-template-columns:repeat(3,minmax(0,1fr));
+  margin-top:22px;
+  border-top:1px solid var(--border-subtle);
+}
+.ps-review-summary__grid > div{
+  min-width:0;
+  display:grid;
+  gap:5px;
+  padding:18px 14px 4px;
+  border-right:1px solid var(--border-subtle);
+}
+.ps-review-summary__grid > div:first-child{padding-left:0;}
+.ps-review-summary__grid > div:last-child{border-right:0;}
+.ps-review-summary__grid span,.ps-review-summary__grid small{color:var(--text-muted);font-size:11px;}
+.ps-review-summary__grid b{color:var(--text-strong);font-family:var(--font-num);font-size:28px;}
+.ps-active-table{padding:0;overflow:hidden;}
+.ps-active-table > .ps-section-head{padding:18px 20px;}
+.ps-usage-table{border-top:1px solid var(--border-subtle);}
+.ps-usage-table__head,
+.ps-usage-row{
+  display:grid;
+  grid-template-columns:minmax(260px,1.4fr) repeat(4,minmax(90px,.45fr));
+  gap:12px;
+  align-items:center;
+}
+.ps-usage-table__head{
+  padding:9px 16px;
+  color:var(--text-muted);
+  background:var(--bg-surface-2);
+  font-size:10px;
+  font-weight:780;
+}
+.ps-usage-row{
+  width:100%;
+  min-height:58px;
+  padding:9px 16px;
+  border:0;
+  border-top:1px solid var(--border-faint);
+  background:transparent;
+  color:var(--text-body);
+  text-align:left;
+  cursor:pointer;
+}
+.ps-usage-row:hover{background:var(--bg-surface-2);}
+.ps-usage-row > span{min-width:0;display:grid;gap:2px;}
+.ps-usage-row b{color:var(--accent-deep);font-family:var(--font-num);font-size:11px;}
+.ps-usage-row small{overflow:hidden;color:var(--text-body);font-weight:700;text-overflow:ellipsis;white-space:nowrap;}
+.ps-usage-row strong{color:var(--text-body);font-family:var(--font-num);font-size:12px;font-variant-numeric:tabular-nums;}
+.ps-catalog-hero{
+  display:grid;
+  grid-template-columns:minmax(0,1fr) minmax(190px,.28fr);
+  gap:32px;
+  align-items:end;
+  padding:28px 30px;
+  border-top:1px solid var(--border-strong);
+  border-bottom:1px solid var(--border-strong);
+  background:color-mix(in srgb,var(--bg-surface) 74%,transparent);
+}
+.ps-catalog-hero h2{margin:8px 0 0;max-width:28ch;color:var(--text-strong);font-size:clamp(24px,3vw,38px);line-height:1.16;letter-spacing:-.035em;text-wrap:balance;}
+.ps-catalog-hero p{margin:12px 0 0;max-width:62ch;color:var(--text-muted);font-size:var(--fs-sm);line-height:1.6;}
+.ps-catalog-hero__count{display:grid;gap:4px;padding-left:24px;border-left:1px solid var(--border-subtle);}
+.ps-catalog-hero__count span,.ps-catalog-hero__count small{color:var(--text-muted);font-size:11px;}
+.ps-catalog-hero__count b{color:var(--text-strong);font-family:var(--font-num);font-size:54px;line-height:1;letter-spacing:-.06em;}
+.ps-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
+.ps-settings-list{display:grid;margin:18px 0 0;}
+.ps-settings-list > div{display:grid;grid-template-columns:minmax(130px,.4fr) minmax(0,1fr);gap:18px;padding:11px 0;border-top:1px solid var(--border-faint);}
+.ps-settings-list dt{color:var(--text-muted);font-size:var(--fs-xs);font-weight:720;}
+.ps-settings-list dd{margin:0;color:var(--text-strong);font-size:var(--fs-sm);text-align:right;overflow-wrap:anywhere;}
+.ps-distribution{display:grid;gap:14px;margin-top:18px;}
+.ps-distribution > div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;align-items:center;}
+.ps-distribution span{color:var(--text-body);font-size:var(--fs-xs);}
+.ps-distribution b{color:var(--text-strong);font-family:var(--font-num);font-size:12px;}
+.ps-catalog-list{margin-top:16px;border-top:1px solid var(--border-subtle);}
+.ps-catalog-list button{width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) minmax(70px,.25fr) 46px 20px;gap:12px;align-items:center;padding:12px 4px;border:0;border-bottom:1px solid var(--border-faint);background:transparent;color:var(--text-body);text-align:left;cursor:pointer;}
+.ps-catalog-list button:hover{background:var(--bg-surface-2);}
+.ps-catalog-list button > span:nth-child(2){min-width:0;display:grid;gap:3px;}
+.ps-catalog-list button b,.ps-catalog-list button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.ps-catalog-list button b{color:var(--text-strong);font-size:var(--fs-sm);}
+.ps-catalog-list button small,.ps-catalog-list button > span:nth-child(3){color:var(--text-muted);font-size:11px;}
+.ps-catalog-list button strong{font-family:var(--font-num);font-size:11px;}
+.ps-code-box{display:grid;place-items:center;width:42px;min-height:34px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface-2);color:var(--accent-deep);font-family:var(--font-num);font-size:11px;font-weight:800;}
+.ps-subtabs{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--border-subtle);}
+.ps-subtabs button{min-height:42px;padding:0 16px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-muted);font-size:var(--fs-sm);font-weight:720;cursor:pointer;}
+.ps-subtabs button.is-active{border-bottom-color:var(--accent);color:var(--text-strong);}
+.ps-subtabs button b{margin-left:6px;font-family:var(--font-num);font-size:11px;}
+.ps-table-tools{display:flex;align-items:end;justify-content:space-between;gap:14px;}
+.ps-table-tools label{display:grid;gap:6px;min-width:min(420px,60%);}
+.ps-table-tools label:last-child{min-width:190px;}
+.ps-table-tools label > span{color:var(--text-muted);font-size:11px;font-weight:730;}
+.ps-table-tools input,.ps-table-tools select{width:100%;min-height:40px;padding:0 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-strong);}
+.ps-persona-table{overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--radius);background:color-mix(in srgb,var(--bg-surface) 88%,transparent);}
+.ps-persona-table__head,.ps-persona-row{display:grid;grid-template-columns:minmax(300px,1.5fr) minmax(135px,.55fr) minmax(100px,.4fr) minmax(110px,.42fr) 54px minmax(190px,.72fr);gap:12px;align-items:center;}
+.ps-persona-table__head{padding:10px 14px;background:var(--bg-surface-2);color:var(--text-muted);font-size:10px;font-weight:780;}
+.ps-persona-row{min-height:70px;padding:10px 14px;border-top:1px solid var(--border-faint);}
+.ps-persona-row:hover{background:color-mix(in srgb,var(--bg-surface-2) 72%,transparent);}
+.ps-persona-row__identity{min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr);gap:11px;align-items:center;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;}
+.ps-persona-row__identity > span:last-child,.ps-persona-row__usage{min-width:0;display:grid;gap:3px;}
+.ps-persona-row__identity b,.ps-persona-row__identity small,.ps-persona-row__usage small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.ps-persona-row__identity b{color:var(--text-strong);font-size:var(--fs-sm);}
+.ps-persona-row__identity small,.ps-persona-row__usage small{color:var(--text-muted);font-size:11px;}
+.ps-persona-row__usage b{color:var(--text-body);font-family:var(--font-num);font-size:12px;}
+.ps-version{color:var(--text-muted);font-family:var(--font-num);font-size:11px;}
+.ps-persona-row__actions{display:flex;justify-content:flex-end;gap:5px;}
+.ps-review-page{display:grid;gap:16px;}
+.ps-review-page__summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);}
+.ps-review-page__summary > div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:16px 20px;border-right:1px solid var(--border-subtle);}
+.ps-review-page__summary > div:last-child{border-right:0;}
+.ps-review-page__summary span{color:var(--text-muted);font-size:var(--fs-xs);font-weight:720;}
+.ps-review-page__summary b{color:var(--text-strong);font-family:var(--font-num);font-size:28px;}
+.ps-review-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
+.ps-review-card{display:grid;gap:12px;padding:18px;border:1px solid var(--border-subtle);border-radius:var(--radius);background:color-mix(in srgb,var(--bg-surface) 88%,transparent);}
+.ps-review-card__top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
+.ps-review-card h3{margin:0;color:var(--text-strong);font-size:17px;}
+.ps-review-card > p{margin:0;color:var(--text-muted);font-size:var(--fs-xs);line-height:1.5;}
+.ps-review-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-top:1px solid var(--border-faint);}
+.ps-review-card dl > div{display:grid;gap:4px;padding:10px 8px 0;}
+.ps-review-card dt{color:var(--text-muted);font-size:10px;}
+.ps-review-card dd{margin:0;color:var(--text-body);font-size:11px;overflow-wrap:anywhere;}
+.ps-review-card__actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap;}
+.ps-drill-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:start;padding:18px 0 20px;border-bottom:1px solid var(--border-subtle);}
+.ps-drill-head h2{margin:5px 0 0;color:var(--text-strong);font-size:clamp(24px,3vw,34px);line-height:1.18;letter-spacing:-.035em;}
+.ps-drill-head p{margin:7px 0 0;color:var(--text-muted);font-size:var(--fs-sm);}
+.ps-drill-head__actions{display:flex;gap:7px;}
+.ps-detail-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:14px;}
+.ps-detail-wide{grid-column:1 / -1;}
+.ps-detail-primary h3{margin:10px 0 0;color:var(--text-strong);font-size:24px;line-height:1.25;}
+.ps-detail-primary > p{margin:14px 0 0;max-width:65ch;color:var(--text-body);font-size:var(--fs-body);line-height:1.7;}
+.ps-chip-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px;}
+.ps-chip-row span{padding:5px 8px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);font-size:11px;}
+.ps-detail-facts dl{display:grid;margin:0;}
+.ps-detail-facts dl > div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid var(--border-faint);}
+.ps-detail-facts dl > div:first-child{border-top:0;}
+.ps-detail-facts dt{color:var(--text-muted);font-size:var(--fs-xs);}
+.ps-detail-facts dd{margin:0;color:var(--text-strong);font-size:var(--fs-xs);font-weight:720;text-align:right;}
+.ps-learning-detail{display:grid;gap:14px;}
+.ps-point-list{display:grid;margin-top:14px;border-top:1px solid var(--border-subtle);}
+.ps-point-list > div{display:grid;grid-template-columns:minmax(0,1fr) 70px 120px;gap:12px;padding:11px 0;border-bottom:1px solid var(--border-faint);color:var(--text-body);font-size:var(--fs-xs);}
+.ps-point-list b{font-family:var(--font-num);font-variant-numeric:tabular-nums;}
+.ps-point-list small{color:var(--text-muted);text-align:right;}
+.ps-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border-subtle);border-radius:var(--radius);overflow:hidden;background:color-mix(in srgb,var(--bg-surface) 78%,transparent);}
+.ps-stepper button{min-width:0;display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:center;padding:13px 14px;border:0;border-right:1px solid var(--border-subtle);background:transparent;color:var(--text-muted);text-align:left;cursor:pointer;}
+.ps-stepper button:last-child{border-right:0;}
+.ps-stepper button > span:first-child{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--border-subtle);border-radius:50%;font-family:var(--font-num);font-size:11px;font-weight:800;}
+.ps-stepper button > span:last-child{min-width:0;display:grid;gap:2px;}
+.ps-stepper b,.ps-stepper small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.ps-stepper b{color:var(--text-strong);font-size:var(--fs-xs);}
+.ps-stepper small{font-size:10px;}
+.ps-stepper button.is-current{background:var(--accent-tint);color:var(--accent-deep);}
+.ps-stepper button.is-current > span:first-child,.ps-stepper button.is-done > span:first-child{border-color:var(--accent);background:var(--accent);color:var(--text-on-accent);}
+.ps-authoring-layout{grid-template-columns:minmax(0,1fr) minmax(260px,320px);}
+.ps-authoring-layout > .ps-rail{display:none;}
+.ps-authoring-layout[data-authoring-step="source"] .ps-tabs,
+.ps-authoring-layout[data-authoring-step="source"] .ps-edit-panel,
+.ps-authoring-layout[data-authoring-step="generate"] .ps-tabs,
+.ps-authoring-layout[data-authoring-step="generate"] .ps-edit-panel,
+.ps-authoring-layout[data-authoring-step="edit"] .ps-source-panel,
+.ps-authoring-layout[data-authoring-step="review"] .ps-source-panel{display:none;}
+.ps-authoring-layout[data-authoring-step="source"] .ps-inspector__block:nth-child(n+2),
+.ps-authoring-layout[data-authoring-step="generate"] .ps-inspector__block:nth-child(3){display:none;}
+.ps-authoring-layout .ps-actions{padding-top:4px;}
+
+@media (max-width:1180px){
+  .ps-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
+  .ps-kpi:nth-child(2){border-right:0;}
+  .ps-kpi:nth-child(-n+2){border-bottom:1px solid var(--border-subtle);}
+  .ps-dashboard-grid,.ps-catalog-grid{grid-template-columns:1fr;}
+  .ps-persona-table{overflow-x:auto;}
+  .ps-persona-table__head,.ps-persona-row{min-width:980px;}
+  .ps-authoring-layout{grid-template-columns:1fr;}
+  .ps-authoring-layout .ps-inspector{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr));}
+}
+@media (max-width:760px){
+  .ps-workspace-tabs button{min-height:52px;padding:8px 10px 11px;text-align:center;}
+  .ps-workspace-tabs button::after{right:8px;left:8px;}
+  .ps-workspace-tabs small{display:none;}
+  .ps-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
+  .ps-kpi{padding:15px 14px 17px;}
+  .ps-kpi > b{font-size:30px;}
+  .ps-performance__metrics{grid-template-columns:1fr;gap:18px;}
+  .ps-review-summary__grid{grid-template-columns:1fr;}
+  .ps-review-summary__grid > div{padding:12px 0;border-right:0;border-bottom:1px solid var(--border-faint);}
+  .ps-usage-table__head{display:none;}
+  .ps-usage-row{grid-template-columns:minmax(0,1fr) repeat(2,58px);gap:8px;}
+  .ps-usage-row strong:nth-last-child(-n+2){display:none;}
+  .ps-catalog-hero{grid-template-columns:1fr;padding:22px 18px;}
+  .ps-catalog-hero__count{padding:16px 0 0;border-top:1px solid var(--border-subtle);border-left:0;}
+  .ps-catalog-list button{grid-template-columns:44px minmax(0,1fr) 42px 18px;}
+  .ps-catalog-list button > span:nth-child(3){display:none;}
+  .ps-table-tools{display:grid;}
+  .ps-table-tools label,.ps-table-tools label:last-child{min-width:0;width:100%;}
+  .ps-persona-table{overflow:visible;}
+  .ps-persona-table__head{display:none;}
+  .ps-persona-row{
+    min-width:0;
+    grid-template-columns:minmax(0,1fr) auto;
+    gap:10px 12px;
+    align-items:center;
+    padding:14px;
+  }
+  .ps-persona-row__identity{grid-column:1 / -1;}
+  .ps-persona-row__usage{grid-column:1 / -1;padding:9px 0;border-top:1px solid var(--border-faint);border-bottom:1px solid var(--border-faint);}
+  .ps-persona-row > span:nth-child(3),
+  .ps-persona-row > span:nth-child(4){justify-self:start;}
+  .ps-version{justify-self:end;}
+  .ps-persona-row__actions{grid-column:1 / -1;justify-content:stretch;}
+  .ps-persona-row__actions .vg-btn{flex:1 1 0;}
+  .ps-review-page__summary{grid-template-columns:1fr;}
+  .ps-review-page__summary > div{border-right:0;border-bottom:1px solid var(--border-faint);}
+  .ps-review-board{grid-template-columns:1fr;}
+  .ps-drill-head{grid-template-columns:1fr;}
+  .ps-drill-head__actions{justify-content:flex-start;}
+  .ps-detail-grid{grid-template-columns:1fr;}
+  .ps-detail-wide{grid-column:auto;}
+  .ps-stepper{grid-template-columns:repeat(4,minmax(54px,1fr));overflow-x:auto;}
+  .ps-stepper button{grid-template-columns:1fr;justify-items:center;padding:10px 7px;text-align:center;}
+  .ps-stepper button > span:last-child small{display:none;}
+  .ps-authoring-layout .ps-inspector{grid-template-columns:1fr;}
+  .ps-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
+  .ps-actions .vg-btn{width:100%;}
+  .ps-point-list > div{grid-template-columns:minmax(0,1fr) 64px;}
+  .ps-point-list small{grid-column:1 / -1;text-align:left;}
+}
diff --git a/apps/web/src/pages/persona-studio/model.ts b/apps/web/src/pages/persona-studio/model.ts
new file mode 100644
index 0000000..0503a5c
--- /dev/null
+++ b/apps/web/src/pages/persona-studio/model.ts
@@ -0,0 +1,552 @@
+import type {
+  PersonaDraftDetail,
+  PersonaDraftPayload,
+  PersonaReviewSummary,
+  PersonaSummary,
+} from "../../lib/api";
+import { formatOptionalPercent } from "../../lib/format";
+
+export type JsonRecord = Record<string, unknown>;
+export type Difficulty = "easy" | "moderate" | "hard";
+
+export interface PersonaStudioPayload {
+  code: string;
+  display_name: string;
+  difficulty: Difficulty;
+  theory_target: string[];
+  demographics: JsonRecord;
+  presenting: JsonRecord;
+  history: JsonRecord;
+  big5: Record<string, number>;
+  resistance: Record<string, number>;
+  speech_style: JsonRecord;
+  affect_baseline: Record<string, number>;
+  ccd: JsonRecord;
+  dsm5_dimensional: JsonRecord;
+  triggers: JsonRecord;
+  source_provenance: string;
+  is_synthetic: boolean;
+  submit_for_review: boolean;
+}
+
+export interface ValidationResult {
+  errors: string[];
+  warnings: string[];
+}
+
+export interface PromptPreviewRow {
+  label: string;
+  value: string;
+}
+
+export interface PromptPreviewSection {
+  title: string;
+  desc?: string;
+  rows?: PromptPreviewRow[];
+  items?: string[];
+  body?: string;
+}
+
+const EMPTY_STUDIO_DRAFT: PersonaStudioPayload = {
+  code: "",
+  display_name: "",
+  difficulty: "moderate",
+  theory_target: ["humanistic"],
+  demographics: {
+    age_band: "",
+    sex: "",
+    role: "",
+    context: "",
+  },
+  presenting: {
+    complaint: "",
+    surface: "",
+    first_session_opening: "",
+  },
+  history: {
+    family: "",
+    school_or_work: "",
+    relationships: "",
+    precipitant: "",
+    strengths: "",
+  },
+  big5: {
+    O: 0.5,
+    C: 0.5,
+    E: 0.5,
+    A: 0.5,
+    N: 0.5,
+  },
+  resistance: {
+    base_resistance: 0.5,
+    unlock_rate: 0.1,
+    decay_floor: 0.05,
+    silence_prob: 0.15,
+    deflection_prob: 0.25,
+  },
+  speech_style: {
+    register: "polite",
+    avg_sentence_len: "medium",
+    fillers: [],
+    honorific: true,
+    verbal_tics: [],
+    nonverbal_cues: [],
+  },
+  affect_baseline: {
+    negative_affect: 0.45,
+    hopelessness: 0.2,
+    anhedonia: 0.2,
+    sleep: 0.2,
+    anxiety: 0.35,
+    suicide_ideation_stage: 1,
+  },
+  ccd: {
+    core_belief: "",
+    intermediate_belief: "",
+    automatic_thought: [],
+    coping_strategy: "",
+    compensatory: "",
+  },
+  dsm5_dimensional: {
+    anxiety: 0.35,
+    depression: 0.2,
+    somatic: 0.1,
+    note: "",
+  },
+  triggers: {
+    sore_spots: [],
+    forbidden: [],
+    reaction: "",
+    taboo_terms: [],
+    session_scenarios: [],
+    prompt_contract: "",
+  },
+  source_provenance: "clinical draft",
+  is_synthetic: true,
+  submit_for_review: false,
+};
+
+export function cloneEmptyDraft(): PersonaStudioPayload {
+  return JSON.parse(JSON.stringify(EMPTY_STUDIO_DRAFT)) as PersonaStudioPayload;
+}
+
+function isRecord(value: unknown): value is JsonRecord {
+  return !!value && typeof value === "object" && !Array.isArray(value);
+}
+
+export function objectValue(value: unknown): JsonRecord {
+  return isRecord(value) ? value : {};
+}
+
+export function stringValue(section: JsonRecord, key: string): string {
+  const value = section[key];
+  if (typeof value === "string") return value;
+  if (typeof value === "number" || typeof value === "boolean")
+    return String(value);
+  return "";
+}
+
+export function listValue(section: JsonRecord, key: string): string[] {
+  const value = section[key];
+  if (Array.isArray(value)) {
+    return value.map((item) => String(item)).filter((item) => item.trim());
+  }
+  if (typeof value === "string" && value.trim()) return [value.trim()];
+  return [];
+}
+
+export function editableListValue(section: JsonRecord, key: string): string[] {
+  const value = section[key];
+  if (Array.isArray(value)) return value.map((item) => String(item));
+  if (typeof value === "string" && value.trim()) return [value.trim()];
+  return [];
+}
+
+export function numberValue(
+  section: Record<string, number>,
+  key: string,
+  fallback: number,
+): number {
+  const value = section[key];
+  return typeof value === "number" && Number.isFinite(value) ? value : fallback;
+}
+
+export function normalizeCode(raw: string): string {
+  return raw.trim().toUpperCase();
+}
+
+export function nextPersonaCode(
+  catalog: PersonaSummary[],
+  reviews: PersonaReviewSummary[],
+): string {
+  const used = new Set<string>();
+  for (const persona of catalog) used.add(normalizeCode(persona.code));
+  for (const persona of reviews) used.add(normalizeCode(persona.code));
+  let next = 1;
+  while (used.has(`P${next}`)) next += 1;
+  return `P${next}`;
+}
+
+export function draftDetailToStudioPayload(
+  detail: PersonaDraftDetail,
+): PersonaStudioPayload {
+  const extended = detail as PersonaDraftDetail & { triggers?: JsonRecord };
+  return {
+    code: detail.code,
+    display_name: detail.display_name,
+    difficulty:
+      detail.difficulty === "easy" || detail.difficulty === "hard"
+        ? detail.difficulty
+        : "moderate",
+    theory_target: detail.theory_target,
+    demographics: objectValue(detail.demographics),
+    presenting: objectValue(detail.presenting),
+    history: objectValue(detail.history),
+    big5: { ...detail.big5 },
+    resistance: { ...detail.resistance },
+    speech_style: objectValue(detail.speech_style),
+    affect_baseline: { ...detail.affect_baseline },
+    ccd: objectValue(detail.ccd),
+    dsm5_dimensional: objectValue(detail.dsm5_dimensional),
+    triggers: objectValue(extended.triggers),
+    source_provenance: detail.source_provenance,
+    is_synthetic: detail.is_synthetic,
+    submit_for_review: detail.status === "review",
+  };
+}
+
+export function draftPayloadToStudioPayload(
+  payload: PersonaDraftPayload,
+): PersonaStudioPayload {
+  const extended = payload as PersonaDraftPayload & { triggers?: JsonRecord };
+  return {
+    code: payload.code,
+    display_name: payload.display_name,
+    difficulty: payload.difficulty,
+    theory_target: payload.theory_target ?? ["humanistic"],
+    demographics: objectValue(payload.demographics),
+    presenting: objectValue(payload.presenting),
+    history: objectValue(payload.history),
+    big5: { O: 0.5, C: 0.5, E: 0.5, A: 0.5, N: 0.5, ...(payload.big5 ?? {}) },
+    resistance: {
+      base_resistance: 0.5,
+      unlock_rate: 0.1,
+      decay_floor: 0.05,
+      silence_prob: 0.15,
+      deflection_prob: 0.25,
+      ...(payload.resistance ?? {}),
+    },
+    speech_style: objectValue(payload.speech_style),
+    affect_baseline: {
+      negative_affect: 0.45,
+      hopelessness: 0.2,
+      anhedonia: 0.2,
+      sleep: 0.2,
+      anxiety: 0.35,
+      suicide_ideation_stage: 1,
+      ...(payload.affect_baseline ?? {}),
+    },
+    ccd: objectValue(payload.ccd),
+    dsm5_dimensional: objectValue(payload.dsm5_dimensional),
+    triggers: objectValue(extended.triggers),
+    source_provenance: payload.source_provenance,
+    is_synthetic: payload.is_synthetic,
+    submit_for_review: false,
+  };
+}
+
+export function payloadForApi(
+  draft: PersonaStudioPayload,
+  submitForReview: boolean,
+): PersonaDraftPayload & { triggers: JsonRecord } {
+  const ccd = {
+    ...draft.ccd,
+    automatic_thought: listValue(draft.ccd, "automatic_thought"),
+  };
+  const speechStyle = {
+    ...draft.speech_style,
+    fillers: listValue(draft.speech_style, "fillers"),
+    verbal_tics: listValue(draft.speech_style, "verbal_tics"),
+    nonverbal_cues: listValue(draft.speech_style, "nonverbal_cues"),
+  };
+  const triggers = {
+    ...draft.triggers,
+    sore_spots: listValue(draft.triggers, "sore_spots"),
+    forbidden: listValue(draft.triggers, "forbidden"),
+    taboo_terms: listValue(draft.triggers, "taboo_terms"),
+    session_scenarios: listValue(draft.triggers, "session_scenarios"),
+  };
+
+  return {
+    code: normalizeCode(draft.code),
+    display_name: draft.display_name.trim(),
+    difficulty: draft.difficulty,
+    theory_target: draft.theory_target,
+    demographics: draft.demographics,
+    presenting: draft.presenting,
+    history: draft.history,
+    big5: draft.big5,
+    resistance: draft.resistance,
+    speech_style: speechStyle,
+    affect_baseline: draft.affect_baseline,
+    ccd,
+    dsm5_dimensional: draft.dsm5_dimensional,
+    triggers,
+    source_provenance: draft.source_provenance.trim(),
+    is_synthetic: draft.is_synthetic,
+    submit_for_review: submitForReview,
+  };
+}
+
+function previewText(value: string): string {
+  return value.trim() || "-";
+}
+
+function previewList(section: JsonRecord, key: string): string[] {
+  return listValue(section, key);
+}
+
+function previewListText(section: JsonRecord, key: string): string {
+  const items = previewList(section, key);
+  return items.length ? items.join("\n") : "-";
+}
+
+function scaleLabel(value: number): string {
+  return formatOptionalPercent(value);
+}
+
+export function buildPromptPreviewSections(
+  draft: PersonaStudioPayload,
+): PromptPreviewSection[] {
+  const demographics = draft.demographics;
+  const presenting = draft.presenting;
+  const history = draft.history;
+  const speech = draft.speech_style;
+  const ccd = draft.ccd;
+  const dsm5 = draft.dsm5_dimensional;
+  const triggers = draft.triggers;
+
+  return [
+    {
+      title: `L1 페르소나 카드: ${previewText(draft.display_name)}`,
+      desc: "학습자에게 노출될 식별자와 첫 장면을 검토한다.",
+      rows: [
+        { label: "코드", value: previewText(draft.code) },
+        { label: "난이도", value: draft.difficulty },
+        {
+          label: "이론",
+          value: draft.theory_target.length
+            ? draft.theory_target.join(", ")
+            : "-",
+        },
+        { label: "출처", value: previewText(draft.source_provenance) },
+        {
+          label: "합성 여부",
+          value: draft.is_synthetic ? "합성/작성 초안" : "근거 기반 초안",
+        },
+      ],
+    },
+    {
+      title: "인적 범주와 표층 호소",
+      rows: [
+        {
+          label: "연령대",
+          value: previewText(stringValue(demographics, "age_band")),
+        },
+        {
+          label: "성별/역할",
+          value:
+            [
+              stringValue(demographics, "sex"),
+              stringValue(demographics, "role"),
+            ]
+              .filter(Boolean)
+              .join(" / ") || "-",
+        },
+        {
+          label: "상황",
+          value: previewText(stringValue(demographics, "context")),
+        },
+        {
+          label: "주호소",
+          value: previewText(stringValue(presenting, "complaint")),
+        },
+        {
+          label: "표면화 방식",
+          value: previewText(stringValue(presenting, "surface")),
+        },
+        {
+          label: "첫 회기 입장 발화",
+          value: previewText(stringValue(presenting, "first_session_opening")),
+        },
+      ],
+    },
+    {
+      title: "임상 배경과 내부 사례개념화",
+      desc: "내담자가 직접 설명하지 않는 내부 모델이다.",
+      rows: [
+        { label: "가족", value: previewText(stringValue(history, "family")) },
+        {
+          label: "학교/직장",
+          value: previewText(stringValue(history, "school_or_work")),
+        },
+        {
+          label: "관계",
+          value: previewText(stringValue(history, "relationships")),
+        },
+        {
+          label: "촉발 사건",
+          value: previewText(stringValue(history, "precipitant")),
+        },
+        {
+          label: "강점",
+          value: previewText(stringValue(history, "strengths")),
+        },
+        {
+          label: "핵심 신념",
+          value: previewText(stringValue(ccd, "core_belief")),
+        },
+        {
+          label: "중간 신념",
+          value: previewText(stringValue(ccd, "intermediate_belief")),
+        },
+        { label: "자동사고", value: previewListText(ccd, "automatic_thought") },
+        {
+          label: "대처 전략",
+          value: previewText(stringValue(ccd, "coping_strategy")),
+        },
+        {
+          label: "보상 행동",
+          value: previewText(stringValue(ccd, "compensatory")),
+        },
+      ],
+    },
+    {
+      title: "말투와 비언어 단서",
+      rows: [
+        {
+          label: "말투 register",
+          value: previewText(stringValue(speech, "register")),
+        },
+        {
+          label: "문장 길이",
+          value: previewText(stringValue(speech, "avg_sentence_len")),
+        },
+        {
+          label: "존대",
+          value:
+            stringValue(speech, "honorific") === "false"
+              ? "사용 안 함"
+              : "사용",
+        },
+        { label: "군말", value: previewListText(speech, "fillers") },
+        { label: "말버릇", value: previewListText(speech, "verbal_tics") },
+        {
+          label: "비언어 단서",
+          value: previewListText(speech, "nonverbal_cues"),
+        },
+      ],
+    },
+    {
+      title: "내부 수치 파라미터",
+      desc: "진단이 아니라 시뮬레이션 반응 강도와 평가 입력값이다.",
+      rows: [
+        {
+          label: "Big5 O/C/E/A/N",
+          value: ["O", "C", "E", "A", "N"]
+            .map(
+              (key) => `${key} ${scaleLabel(numberValue(draft.big5, key, 0))}`,
+            )
+            .join(" · "),
+        },
+        {
+          label: "저항",
+          value: `기본 ${scaleLabel(numberValue(draft.resistance, "base_resistance", 0))}, 해제 ${scaleLabel(numberValue(draft.resistance, "unlock_rate", 0))}, 바닥 ${scaleLabel(numberValue(draft.resistance, "decay_floor", 0))}`,
+        },
+        {
+          label: "침묵/회피",
+          value: `침묵 ${scaleLabel(numberValue(draft.resistance, "silence_prob", 0))}, 회피 ${scaleLabel(numberValue(draft.resistance, "deflection_prob", 0))}`,
+        },
+        {
+          label: "정서 기저선",
+          value: `부정정서 ${scaleLabel(numberValue(draft.affect_baseline, "negative_affect", 0))}, 불안 ${scaleLabel(numberValue(draft.affect_baseline, "anxiety", 0))}, 무망감 ${scaleLabel(numberValue(draft.affect_baseline, "hopelessness", 0))}`,
+        },
+        {
+          label: "자살사고 단계",
+          value: String(
+            numberValue(draft.affect_baseline, "suicide_ideation_stage", 0),
+          ),
+        },
+        {
+          label: "DSM-5 차원",
+          value: `불안 ${scaleLabel(numberValue(dsm5 as Record<string, number>, "anxiety", 0))}, 우울 ${scaleLabel(numberValue(dsm5 as Record<string, number>, "depression", 0))}, 신체 ${scaleLabel(numberValue(dsm5 as Record<string, number>, "somatic", 0))}`,
+        },
+        { label: "DSM 메모", value: previewText(stringValue(dsm5, "note")) },
+      ],
+    },
+    {
+      title: "역린과 안전 반응",
+      desc: "금지어가 아니라 상담자 개입에 대한 반응 조건으로 검토한다.",
+      rows: [
+        { label: "민감 영역", value: previewListText(triggers, "sore_spots") },
+        { label: "상담자 금기", value: previewListText(triggers, "forbidden") },
+        { label: "금기어", value: previewListText(triggers, "taboo_terms") },
+        {
+          label: "반응 양상",
+          value: previewText(stringValue(triggers, "reaction")),
+        },
+      ],
+    },
+    {
+      title: "회기 시나리오",
+      items: previewList(triggers, "session_scenarios"),
+    },
+    {
+      title: "추가 프롬프트 계약",
+      body: previewText(stringValue(triggers, "prompt_contract")),
+    },
+  ];
+}
+
+export function validateDraft(
+  draft: PersonaStudioPayload,
+  submitForReview: boolean,
+  codeTaken: boolean,
+): ValidationResult {
+  const errors: string[] = [];
+  const warnings: string[] = [];
+  const code = normalizeCode(draft.code);
+
+  if (!/^P\d+$/.test(code)) errors.push("코드는 P숫자 형식이어야 합니다.");
+  if (codeTaken)
+    errors.push(`${code} 코드는 이미 공개 또는 검수 큐에서 사용 중입니다.`);
+  if (!draft.display_name.trim()) errors.push("표시 이름이 비어 있습니다.");
+  if (!draft.source_provenance.trim())
+    warnings.push("출처/작성 근거가 비어 있습니다.");
+
+  if (!stringValue(draft.presenting, "complaint").trim()) {
+    if (submitForReview) errors.push("주호소가 비어 있습니다.");
+    else warnings.push("주호소가 비어 있습니다.");
+  }
+  if (!stringValue(draft.history, "precipitant").trim())
+    warnings.push("촉발 사건이 비어 있습니다.");
+  if (!stringValue(draft.ccd, "core_belief").trim()) {
+    if (submitForReview) errors.push("CCD 핵심신념이 비어 있습니다.");
+    else warnings.push("CCD 핵심신념이 비어 있습니다.");
+  }
+  if (listValue(draft.ccd, "automatic_thought").length === 0)
+    warnings.push("자동사고가 비어 있습니다.");
+  if (listValue(draft.triggers, "sore_spots").length === 0) {
+    if (submitForReview) errors.push("역린 민감 영역이 비어 있습니다.");
+    else warnings.push("역린 민감 영역이 비어 있습니다.");
+  }
+  if (listValue(draft.triggers, "forbidden").length === 0)
+    warnings.push("상담자 금기 반응이 비어 있습니다.");
+  if (!stringValue(draft.triggers, "reaction").trim())
+    warnings.push("역린 반응 양상이 비어 있습니다.");
+  if (listValue(draft.triggers, "session_scenarios").length === 0) {
+    warnings.push("회기별 시나리오가 비어 있습니다.");
+  }
+
+  return { errors, warnings };
+}
diff --git a/apps/web/src/pages/session-review/model.ts b/apps/web/src/pages/session-review/model.ts
new file mode 100644
index 0000000..d02e28b
--- /dev/null
+++ b/apps/web/src/pages/session-review/model.ts
@@ -0,0 +1,168 @@
+import type {
+  SessionReviewResponse,
+  TeacherSessionReviewStatusResponse,
+  UserPrepostMeasureItem,
+  UserPrepostMeasuresResponse,
+} from "../../lib/api";
+
+export type PrepostMeasureName = UserPrepostMeasureItem["measure_name"];
+export type PrepostTimepoint = UserPrepostMeasureItem["timepoint"];
+export type WorksheetReviewStatus =
+  | "pending"
+  | "approved"
+  | "changes_requested"
+  | "rejected";
+export type WorksheetDecisionStatus = Exclude<
+  WorksheetReviewStatus,
+  "pending"
+>;
+
+export const PREPOST_PILOT_ID = "phase3-pilot-draft";
+export const PREPOST_INSTRUMENT_VERSION =
+  "pilot-prepost-scaffold-2026-06-28";
+export const PREPOST_SCORE_MIN = 1;
+export const PREPOST_SCORE_MAX = 5;
+export const REVIEW_READY_POLL_INTERVAL_MS = 1500;
+export const REVIEW_READY_POLL_LIMIT = 60;
+
+export const PREPOST_MEASURES: Array<{
+  key: PrepostMeasureName;
+  label: string;
+  hint: string;
+}> = [
+  { key: "self_efficacy", label: "자기효능감", hint: "상담 수행 자신감" },
+  { key: "skill_proficiency", label: "기술숙련도", hint: "기법 적용 숙련감" },
+  {
+    key: "training_satisfaction",
+    label: "수련만족도",
+    hint: "훈련 경험 만족도",
+  },
+];
+
+export const PREPOST_TIMEPOINTS: Array<{
+  key: PrepostTimepoint;
+  label: string;
+}> = [
+  { key: "pre", label: "사전" },
+  { key: "post", label: "사후" },
+];
+
+export function teacherReviewFromResponse(
+  saved: TeacherSessionReviewStatusResponse,
+): NonNullable<SessionReviewResponse["teacherReview"]> {
+  return {
+    status: saved.status,
+    note: saved.note,
+    reviewerId: saved.reviewer_id ?? null,
+    reviewedAt: saved.reviewed_at ?? null,
+    updatedAt: saved.updated_at ?? null,
+    worksheetStatus: saved.worksheet_status ?? "pending",
+    worksheetNote: saved.worksheet_note ?? "",
+    worksheetReviewedAt: saved.worksheet_reviewed_at ?? null,
+  };
+}
+
+export function prepostDraftKey(
+  measure: PrepostMeasureName,
+  timepoint: PrepostTimepoint,
+) {
+  return `${measure}:${timepoint}`;
+}
+
+export function worksheetReviewStatusLabel(status: WorksheetReviewStatus) {
+  if (status === "approved") return "승인";
+  if (status === "changes_requested") return "수정요청";
+  if (status === "rejected") return "반려";
+  return "검수 대기";
+}
+
+export function splitPrepostDraftKey(
+  key: string,
+): [PrepostMeasureName, PrepostTimepoint] | null {
+  const [measure, timepoint] = key.split(":");
+  if (
+    PREPOST_MEASURES.some((item) => item.key === measure) &&
+    PREPOST_TIMEPOINTS.some((item) => item.key === timepoint)
+  ) {
+    return [measure as PrepostMeasureName, timepoint as PrepostTimepoint];
+  }
+  return null;
+}
+
+export function prepostScoreText(score: number) {
+  return Number.isInteger(score)
+    ? String(score)
+    : score.toFixed(1).replace(/\.0$/, "");
+}
+
+export function prepostDraftFromResponse(
+  response: UserPrepostMeasuresResponse | null,
+): Record<string, string> {
+  const next: Record<string, string> = {};
+  for (const item of response?.measures ?? []) {
+    next[prepostDraftKey(item.measure_name, item.timepoint)] = prepostScoreText(
+      item.raw_score,
+    );
+  }
+  return next;
+}
+
+export function parsePrepostScore(value: string): number | null {
+  const trimmed = value.trim();
+  if (!trimmed) return null;
+  const parsed = Number(trimmed);
+  if (!Number.isFinite(parsed)) return null;
+  if (parsed < PREPOST_SCORE_MIN || parsed > PREPOST_SCORE_MAX) return null;
+  return parsed;
+}
+
+export function displayReviewSummary(summary: string) {
+  if (
+    /(?:사유:\s*)?(?:engine_error|session evaluation timeout|timeout|RuntimeError)/i.test(
+      summary,
+    )
+  ) {
+    return "저장된 축어록은 확인했지만 deep-loop 평가 AI 산출물을 표시하지 못했습니다. AI 평가 재시도가 필요합니다.";
+  }
+  return summary;
+}
+
+export function displayEvaluationRetryError(message: string) {
+  if (!message.trim()) return "AI 평가를 다시 실행하지 못했습니다.";
+  return "AI 평가 재시도를 완료하지 못했습니다. 잠시 뒤 다시 실행해 주세요.";
+}
+
+const REVIEW_DISPLAY_PLACEHOLDERS: Record<string, string> = {
+  "[NAME]": "익명 내담자",
+  "[ORG]": "소속 기관",
+  "[PHONE]": "연락처",
+  "[EMAIL]": "이메일",
+  "[RRN]": "주민등록번호",
+  "[ADDRESS]": "주소",
+};
+
+export function displayTranscriptText(text: string) {
+  let next = text;
+  for (const [placeholder, label] of Object.entries(
+    REVIEW_DISPLAY_PLACEHOLDERS,
+  )) {
+    next = next.split(placeholder).join(label);
+  }
+  return next;
+}
+
+export function shouldPollReviewReady(data: SessionReviewResponse) {
+  return (
+    !data.reviewReady &&
+    data.degraded &&
+    data.supervisorState === "평가 대기" &&
+    (data.turns?.length ?? 0) > 0
+  );
+}
+
+export function noteAuthorLabel(author: string) {
+  const normalized = author.trim();
+  if (normalized === "ai") return "AI";
+  if (normalized === "transcript") return "기록";
+  return normalized || "교수자";
+}
diff --git a/apps/web/src/pages/session-review/session-review.css b/apps/web/src/pages/session-review/session-review.css
index 148ebc9..941678d 100644
--- a/apps/web/src/pages/session-review/session-review.css
+++ b/apps/web/src/pages/session-review/session-review.css
@@ -111,125 +111,84 @@
   color: var(--accent-deep);
 }
 
+/* ── 레이아웃 코어 (2026-07-15 재설계 → 같은 날 전 폭 탭 전환) ─────────
+   리뷰 요약은 상단 전폭 밴드(.sr-overview--band)로 한 번 읽고 지나간다
+   (sticky 도킹/스크롤 추종 제거). 본문은 모든 폭에서 상단 가로 탭이
+   결정한 한 영역만 전폭 단일 컬럼으로 보여준다 — 탭별 areas·표시 규칙은
+   파일 끝의 '전 폭 탭' 블록이 단일 진실이다. */
 .sr-cols {
   min-width: 0;
   display: grid;
-  grid-template-columns: minmax(236px, 280px) minmax(0, 1fr) minmax(286px, 340px);
-  grid-template-areas:
-    "overview chart rubric"
-    "overview flow rubric"
-    "overview transcript good"
-    "overview transcript growth"
-    "overview transcript prepost"
-    "overview transcript worksheet"
-    "overview transcript feedback"
-    "session session session";
+  grid-template-columns: minmax(0, 1fr);
   gap: var(--sp-4);
   align-items: start;
   margin-top: 0;
 }
-.sr-cols--supervisor {
-  grid-template-areas:
-    "overview chart teacher"
-    "overview flow rubric"
-    "overview transcript good"
-    "overview transcript growth"
-    "overview transcript prepost"
-    "overview transcript worksheet"
-    "overview transcript feedback"
-    "session session session";
-}
-.sr-cols--learner {
-  grid-template-columns: minmax(232px, 300px) minmax(380px, 1fr) minmax(264px, 328px);
-  grid-template-areas:
-    "overview transcript rubric"
-    "chart transcript good"
-    "flow transcript growth"
-    "worksheet worksheet prepost"
-    "worksheet worksheet feedback"
-    "session session session";
-}
-.sr-cols--learner .sr-overview {
-  position: sticky;
-  top: calc(var(--topbar-h) + var(--sp-4));
-  max-height: calc(100vh - var(--topbar-h) - var(--sp-5) - var(--sp-5));
-  overflow: auto;
-  scrollbar-gutter: stable;
-}
-.sr-root--empty .sr-cols {
-  grid-template-columns: minmax(236px, 300px) minmax(0, 1fr);
-  grid-template-areas:
-    "overview chart"
-    "overview flow"
-    "overview transcript"
-    "overview rubric"
-    "overview good"
-    "overview growth"
-    "overview prepost"
-    "overview worksheet"
-    "overview feedback"
-    "session session";
-}
-.sr-root--empty .sr-cols--supervisor {
-  grid-template-areas:
-    "overview chart"
-    "overview flow"
-    "overview teacher"
-    "overview transcript"
-    "overview rubric"
-    "overview good"
-    "overview growth"
-    "overview prepost"
-    "overview worksheet"
-    "overview feedback"
-    "session session";
-}
 .sr-left,
 .sr-right {
-  display: contents;
-}
-.sr-overview {
-  grid-area: overview;
   min-width: 0;
   display: grid;
-  gap: var(--sp-3);
-  align-self: start;
-  position: sticky;
-  top: calc(var(--topbar-h) + var(--sp-4));
-  z-index: 1;
-  max-height: calc(100vh - var(--topbar-h) - var(--sp-5) - var(--sp-5));
-  overflow: auto;
-  scrollbar-gutter: stable;
+  gap: var(--sp-4);
+  align-content: start;
+  align-items: start;
 }
-.sr-feedback {
+.sr-left {
+  grid-area: insight;
+}
+.sr-right {
   grid-area: feedback;
 }
-.sr-card--chart {
-  grid-area: chart;
+.sr-left > *,
+.sr-right > * {
+  min-width: 0;
 }
-.sr-card--flow {
-  grid-area: flow;
+
+/* ── 리뷰 요약 밴드 ── */
+.sr-overview {
+  min-width: 0;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: var(--sp-3) var(--sp-5);
+  align-items: start;
 }
-.sr-card--rubric {
-  grid-area: rubric;
+.sr-overview > :first-child {
+  grid-column: 1 / -1;
 }
-.sr-card--teacher-review {
-  grid-area: teacher;
+.sr-overview .sr-summary {
+  grid-column: 1;
+  margin: 0;
 }
-.sr-card--good {
-  grid-area: good;
+.sr-overview .sr-readiness {
+  grid-column: 2;
+  grid-row: 2;
+  border-top: 0;
+  padding-top: 0;
+  grid-template-columns: repeat(3, minmax(112px, 148px));
+  align-self: center;
 }
-.sr-card--growth {
-  grid-area: growth;
+.sr-overview .sr-actions {
+  grid-column: 1 / -1;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--sp-2) var(--sp-3);
+  padding-top: var(--sp-3);
+  border-top: 1px solid var(--hair);
 }
-.sr-card--prepost {
-  grid-area: prepost;
+.sr-overview .sr-actions .vg-btn {
+  width: auto;
 }
+.sr-overview .sr-share-note {
+  flex: 1 1 260px;
+  margin: 0;
+}
+
 .sr-card--worksheet {
   grid-area: worksheet;
 }
 .sr-card--transcript {
   grid-area: transcript;
+  align-self: start;
 }
 .sr-session-id {
   grid-area: session;
@@ -243,56 +202,52 @@
   align-self: start;
 }
 
-@media (min-width: 1181px) {
-  .sr-cols--supervisor {
-    grid-template-columns: minmax(0, 1fr) minmax(286px, 340px);
-    grid-template-areas: "main side";
-    align-items: start;
-  }
-  .sr-cols--supervisor .sr-left {
-    grid-area: main;
-    min-width: 0;
-    display: grid;
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-    grid-template-areas:
-      "overview overview"
-      "chart flow"
-      "transcript transcript";
-    gap: var(--sp-4);
-    align-items: start;
-  }
-  .sr-cols--supervisor .sr-right {
-    grid-area: side;
-    min-width: 0;
-    display: grid;
-    gap: var(--sp-4);
-    align-items: start;
-  }
-  .sr-cols--supervisor .sr-left > *,
-  .sr-cols--supervisor .sr-right > * {
-    grid-area: auto;
-  }
-  .sr-cols--supervisor .sr-overview {
-    grid-area: overview;
-    position: static;
-    max-height: none;
-    overflow: visible;
-    scrollbar-gutter: auto;
-  }
-  .sr-cols--supervisor .sr-card--chart {
-    grid-area: chart;
-  }
-  .sr-cols--supervisor .sr-card--flow {
-    grid-area: flow;
-  }
-  .sr-cols--supervisor .sr-card--transcript {
-    grid-area: transcript;
-    align-self: start;
-  }
+/* ── 리뷰 영역 가로 탭 ── */
+.sr-tabs {
+  display: flex;
+  gap: 6px;
+  padding: 4px;
+  border: 1px solid var(--border-subtle);
+  border-radius: var(--radius);
+  background: var(--bg-surface-2);
 }
-.sr-root--empty .sr-card--side {
-  padding-top: var(--sp-5);
-  padding-bottom: var(--sp-5);
+.sr-tabs button {
+  flex: 1 1 0;
+  min-width: 0;
+  padding: 9px 12px;
+  border: 1px solid transparent;
+  border-radius: calc(var(--radius) - 2px);
+  background: transparent;
+  color: var(--text-body);
+  font-size: var(--fs-sm);
+  font-weight: 700;
+  cursor: pointer;
+}
+.sr-tabs button:hover {
+  color: var(--text-strong);
+}
+.sr-tabs button:focus-visible {
+  outline: 2px solid var(--focus-ring);
+  outline-offset: 1px;
+}
+.sr-tabs button.is-active {
+  background: var(--bg-surface);
+  border-color: var(--border-strong);
+  color: var(--text-strong);
+  box-shadow: var(--shadow-sm);
+}
+
+/* 대기 자리표시자는 사이드 레일에서 컴팩트하게 — 큰 빈 박스 금지 */
+.sr-right .sr-empty {
+  gap: 3px;
+  padding: 10px 12px;
+}
+.sr-right .sr-empty .vg-empty__title {
+  font-size: var(--fs-sm);
+}
+.sr-right .sr-empty .vg-empty__desc {
+  font-size: var(--fs-xs);
+  line-height: 1.5;
 }
 .sr-teacher-review__head {
   display: flex;
@@ -1493,7 +1448,7 @@
   background: linear-gradient(180deg, rgba(13, 24, 22, 0.98), rgba(11, 19, 17, 0.98));
 }
 [data-theme="dark"] .sr-overview {
-  border-color: rgba(111, 179, 164, 0.2);
+  border-color: rgba(125, 162, 148, 0.2);
   background: linear-gradient(180deg, rgba(32, 50, 45, 0.94), rgba(18, 31, 28, 0.98));
 }
 [data-theme="dark"] .sr-card--worksheet {
@@ -1533,7 +1488,7 @@
   background: rgba(212, 162, 74, 0.12);
 }
 [data-theme="dark"] .sr-turn--active .sr-turn__said {
-  background: rgba(111, 179, 164, 0.14);
+  background: rgba(125, 162, 148, 0.14);
 }
 [data-theme="dark"] .sr-feedback--filled {
   border-color: rgba(203, 227, 220, 0.12);
@@ -1541,76 +1496,16 @@
 }
 
 @media (max-width: 1180px) {
-  .sr-cols {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-    grid-template-areas:
-      "overview overview"
-      "chart flow"
-      "rubric rubric"
-      "good growth"
-      "transcript transcript"
-      "prepost prepost"
-      "feedback feedback"
-      "worksheet worksheet"
-      "session session";
-  }
-  .sr-root--empty .sr-cols {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-    grid-template-areas:
-      "overview overview"
-      "chart flow"
-      "transcript transcript"
-      "rubric rubric"
-      "good growth"
-      "prepost prepost"
-      "feedback feedback"
-      "worksheet worksheet"
-      "session session";
-  }
-  .sr-cols--supervisor {
-    grid-template-areas:
-      "overview overview"
-      "chart flow"
-      "teacher teacher"
-      "rubric rubric"
-      "good growth"
-      "transcript transcript"
-      "prepost prepost"
-      "feedback feedback"
-      "worksheet worksheet"
-      "session session";
-  }
-  .sr-root--empty .sr-cols--supervisor {
-    grid-template-areas:
-      "overview overview"
-      "chart flow"
-      "teacher teacher"
-      "transcript transcript"
-      "rubric rubric"
-      "good growth"
-      "prepost prepost"
-      "feedback feedback"
-      "worksheet worksheet"
-      "session session";
-  }
   .sr-overview {
-    position: static;
-    max-height: none;
-    overflow: visible;
-    scrollbar-gutter: auto;
+    grid-template-columns: minmax(0, 1fr);
   }
-  .sr-readiness {
+  .sr-overview .sr-readiness {
+    grid-column: 1;
+    grid-row: auto;
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
-  .sr-actions {
-    display: flex;
-    flex-wrap: wrap;
-  }
-  .sr-actions .vg-btn {
-    width: auto;
-  }
   .sr-worksheet {
-    max-height: 520px;
+    max-height: none;
   }
 }
 
@@ -1626,67 +1521,19 @@
   .sr-head__stats {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
-  .sr-cols {
+  .sr-cols,
+  .sr-cols--supervisor,
+  .sr-root--empty .sr-cols,
+  .sr-root--empty .sr-cols--supervisor {
     grid-template-columns: minmax(0, 1fr);
     grid-template-areas:
-      "overview"
-      "chart"
-      "flow"
-      "rubric"
-      "good"
-      "growth"
-      "prepost"
       "transcript"
+      "insight"
       "feedback"
       "worksheet"
       "session";
     gap: var(--sp-4);
   }
-  .sr-root--empty .sr-cols {
-    grid-template-columns: minmax(0, 1fr);
-    grid-template-areas:
-      "overview"
-      "chart"
-      "flow"
-      "transcript"
-      "rubric"
-      "good"
-      "growth"
-      "prepost"
-      "feedback"
-      "worksheet"
-      "session";
-  }
-  .sr-cols--supervisor {
-    grid-template-areas:
-      "overview"
-      "chart"
-      "flow"
-      "teacher"
-      "rubric"
-      "good"
-      "growth"
-      "prepost"
-      "transcript"
-      "feedback"
-      "worksheet"
-      "session";
-  }
-  .sr-root--empty .sr-cols--supervisor {
-    grid-template-areas:
-      "overview"
-      "chart"
-      "flow"
-      "teacher"
-      "transcript"
-      "rubric"
-      "good"
-      "growth"
-      "prepost"
-      "feedback"
-      "worksheet"
-      "session";
-  }
   .sr-summary {
     font-size: 20px;
     line-height: 1.45;
@@ -1707,7 +1554,7 @@
     flex: 1 1 150px;
   }
   .sr-worksheet {
-    max-height: 460px;
+    max-height: none; /* 워크시트 탭이 전용 화면이므로 내부 스크롤 불필요 */
   }
   .sr-ws-toolbar {
     align-items: stretch;
@@ -1824,3 +1671,42 @@
     transition-duration: 0.01ms;
   }
 }
+
+/* 2026-07-15 소유자 피드백: 리뷰는 전 폭에서 축어록/피드백/워크시트 탭을 유지한다.
+   기존 데스크톱 3컬럼은 정보 밀도보다 시선 이동과 빈 공간이 커서 사용하지 않는다. */
+.sr-cols,
+.sr-cols--supervisor,
+.sr-root--empty .sr-cols,
+.sr-root--empty .sr-cols--supervisor {
+  grid-template-columns: minmax(0, 1fr);
+}
+
+.sr-cols--tab-transcript {
+  grid-template-areas:
+    "transcript"
+    "session";
+}
+
+.sr-cols--tab-insights {
+  grid-template-areas:
+    "insight"
+    "feedback"
+    "session";
+}
+
+.sr-cols--tab-worksheet {
+  grid-template-areas:
+    "worksheet"
+    "session";
+}
+
+.sr-cols:not(.sr-cols--tab-transcript) .sr-card--transcript,
+.sr-cols:not(.sr-cols--tab-insights) .sr-left,
+.sr-cols:not(.sr-cols--tab-insights) .sr-right,
+.sr-cols:not(.sr-cols--tab-worksheet) .sr-card--worksheet {
+  display: none;
+}
+
+.sr-cols--supervisor .sr-left {
+  grid-template-columns: minmax(0, 1fr);
+}
diff --git a/apps/web/src/pages/session/session.css b/apps/web/src/pages/session/session.css
index 9c4e8df..a9944b9 100644
--- a/apps/web/src/pages/session/session.css
+++ b/apps/web/src/pages/session/session.css
@@ -1,6 +1,8 @@
 /* =====================================================================
    Session 페이지 전용 스타일 (이 페이지에서만 사용. 공통 ui.css 와 분리)
-   토큰: tokens.css 변수만 참조. DESIGN_CONCEPT §5 3-column 골격.
+   토큰: 공통 의미는 tokens.css, 몰입형 dark stage와 아트 합성 색은 이 파일의
+        .sx-page--active 국소 팔레트가 소유한다. raw color는 디자인 SSOT 게이트의
+        고정 예산을 넘길 수 없다. DESIGN_CONCEPT §0.3, §5 3-column 골격.
    철칙: border-left 0 · 이모지 0(아이콘 inline SVG) · 카드격자 덤프 0 ·
         순흑/순백 금지 · 둥근모서리 과다 금지 · 강조는 weight/tint/kicker/dot ·
         한 화면 한 목적(= 가상 내담자와 듣고 말하기). 빨강은 종료에만.
@@ -39,35 +41,42 @@
   background: transparent;
   padding: 0;
 }
+/* 프리플라이트(목표 선택 포함)는 데스크톱에서 문서 스크롤 없이 한 화면에 들어가야 한다.
+   셸 기본 패딩(48/64)이 과해 세로가 수 px 넘치던 회귀 수정 (2026-07-15). */
+.vg-main:has(.sx-page--prestart) {
+  padding-top: var(--sp-5);
+  padding-bottom: var(--sp-5);
+}
 .sx-page--active {
-  --paper-2: #1b2b27;
-  --bg-surface: #14231f;
-  --bg-surface-2: #1d2d29;
-  --bg-stage: #0c1714;
-  --text-strong: #edf7f4;
-  --text-body: #c9d9d5;
-  --text-muted: #8fa29c;
-  --text-on-accent: #071411;
-  --border-subtle: rgba(169, 215, 204, 0.15);
-  --border-strong: rgba(169, 215, 204, 0.24);
-  --border-focus: #7cc8b8;
-  --focus-ring: rgba(124, 200, 184, 0.32);
-  --accent: #79bfae;
-  --accent-deep: #9ad3c7;
-  --accent-tint: rgba(121, 191, 174, 0.16);
-  --accent-bright: #79c8b7;
-  --clay: #d08b70;
-  --clay-deep: #ebb196;
-  --clay-tint: rgba(208, 139, 112, 0.15);
+  /* 2026-07-14 채도 완화: 회기 화면 국소 팔레트를 마른 세이지 톤으로 (한신대 피드백) */
+  --paper-2: #1a2723;
+  --bg-surface: #141f1c;
+  --bg-surface-2: #1c2925;
+  --bg-stage: #0d1512;
+  --text-strong: #ecf2ef;
+  --text-body: #c7d2ce;
+  --text-muted: #8d9c96;
+  --text-on-accent: #0a1310;
+  --border-subtle: rgba(178, 199, 191, 0.14);
+  --border-strong: rgba(178, 199, 191, 0.22);
+  --border-focus: #83a89b;
+  --focus-ring: rgba(131, 168, 155, 0.3);
+  --accent: #83a89b;
+  --accent-deep: #a3bfb4;
+  --accent-tint: rgba(131, 168, 155, 0.14);
+  --accent-bright: #8db1a4;
+  --clay: #c98f76;
+  --clay-deep: #e0ac93;
+  --clay-tint: rgba(201, 143, 118, 0.14);
   height: 100vh;
   height: 100dvh;
   grid-template-rows: min-content minmax(0, 1fr) min-content;
   padding: 10px 14px 14px;
   gap: 10px;
   background:
-    radial-gradient(circle at 18% 8%, rgba(121, 191, 174, 0.12), transparent 28%),
-    radial-gradient(circle at 86% 12%, rgba(208, 139, 112, 0.1), transparent 24%),
-    linear-gradient(135deg, #0a1210 0%, #0e1714 48%, #101d19 100%);
+    radial-gradient(circle at 18% 8%, rgba(131, 168, 155, 0.09), transparent 28%),
+    radial-gradient(circle at 86% 12%, rgba(201, 143, 118, 0.07), transparent 24%),
+    linear-gradient(135deg, #0b1210 0%, #0e1513 48%, #101a16 100%);
   color: var(--text-strong);
   color-scheme: dark;
 }
@@ -164,9 +173,9 @@
   gap: 7px;
 }
 .sx-sessionbar .sx-sessionbar__review {
-  border-color: rgba(145, 200, 189, 0.3);
-  background: rgba(145, 200, 189, 0.14);
-  color: #c6efe4;
+  border-color: rgba(151, 175, 166, 0.3);
+  background: rgba(151, 175, 166, 0.14);
+  color: #d0ddd7;
 }
 
 /* ── 페이지 헤드라인 + 가로 회기 단계 미니 트랙 ── */
@@ -598,7 +607,7 @@
 }
 .sx-page--active .sx-stage {
   background:
-    radial-gradient(circle at 50% 47%, rgba(121, 191, 174, 0.22), transparent 36%),
+    radial-gradient(circle at 50% 47%, rgba(131, 168, 155, 0.22), transparent 36%),
     radial-gradient(circle at 50% 82%, rgba(208, 139, 112, 0.12), transparent 24%),
     linear-gradient(145deg, rgba(11, 22, 19, 0.98), rgba(20, 34, 30, 0.96) 56%, rgba(10, 19, 17, 0.98));
   border-color: rgba(169, 215, 204, 0.18);
@@ -1182,7 +1191,7 @@
 }
 .sx-page--active button:focus-visible,
 .sx-page--active textarea:focus-visible {
-  outline: 2px solid rgba(124, 200, 184, 0.88);
+  outline: 2px solid rgba(131, 168, 155, 0.88);
   outline-offset: 2px;
 }
 .sx-turn-error {
@@ -1882,7 +1891,7 @@
 }
 .sx-safety--ok .sx-safety__ico,
 .sx-safety--ok .sx-safety__text {
-  color: #9ed6ca;
+  color: #a6bcb4;
 }
 .sx-safety__head {
   display: flex;
@@ -2024,13 +2033,13 @@
   background: rgba(237, 247, 244, 0.11);
 }
 .sx-page--active .sx-review-button {
-  background: rgba(145, 200, 189, 0.14);
-  border-color: rgba(145, 200, 189, 0.3);
-  color: #c6efe4;
+  background: rgba(151, 175, 166, 0.14);
+  border-color: rgba(151, 175, 166, 0.3);
+  color: #d0ddd7;
 }
 .sx-page--active .sx-review-button:hover {
-  background: rgba(145, 200, 189, 0.2);
-  color: #ecfffa;
+  background: rgba(151, 175, 166, 0.2);
+  color: #edf3f0;
 }
 
 .sx-page--active .sx-ctx__row,
@@ -2083,14 +2092,14 @@
   border-color: rgba(229, 173, 149, 0.22);
 }
 .sx-page--active .sx-utt.is-learner .sx-utt__line {
-  background: rgba(111, 179, 164, 0.13);
+  background: rgba(125, 162, 148, 0.13);
   color: #edf5f2;
 }
 .sx-page--active .sx-utt.is-client .sx-utt__spk {
   color: #e5ad95;
 }
 .sx-page--active .sx-utt.is-learner .sx-utt__spk {
-  color: #9ed1c6;
+  color: #a4bab2;
 }
 .sx-page--active .sx-compose textarea {
   background: rgba(7, 18, 15, 0.58);
@@ -2112,7 +2121,7 @@
   box-shadow: 0 0 0 1px rgba(237, 247, 244, 0.08), 0 10px 22px rgba(3, 12, 10, 0.24);
 }
 .sx-page--active .sx-compose .vg-btn--primary:hover:not(:disabled) {
-  background: #8ad1c2;
+  background: #93b3a7;
 }
 /* 마이크 (주 컨트롤, 음성 호흡 펄스) — 원형 예외 허용 */
 .sx-mic-block {
@@ -2626,9 +2635,9 @@
 
 /* ── 시작 전 오버레이 (세션 시작) ── */
 .sx-prestart {
-  width: min(1120px, 100%);
+  width: 100%;
   display: grid;
-  grid-template-columns: minmax(200px, 260px) minmax(0, 1fr) minmax(210px, 270px);
+  grid-template-columns: minmax(220px, 0.82fr) minmax(360px, 1.72fr) minmax(260px, 0.98fr);
   align-items: center;
   gap: var(--sp-5);
   max-width: none;
@@ -2638,13 +2647,8 @@
   justify-self: center;
   text-align: left;
   position: relative;
-  background:
-    linear-gradient(132deg, rgba(15, 28, 26, 0.96), rgba(31, 44, 40, 0.92) 56%, rgba(46, 55, 49, 0.86)),
-    var(--asset-warm-elements) center / cover no-repeat;
-  border: 1px solid rgba(255, 255, 255, 0.11);
   border-radius: var(--radius-lg);
-  box-shadow: 0 18px 52px rgba(6, 14, 13, 0.34);
-  color: #eef4f2;
+  color: var(--text-strong);
   overflow: hidden;
 }
 .sx-page--prestart .sx-head {
@@ -2653,33 +2657,33 @@
 }
 .sx-page--prestart .sx-head__title,
 .sx-page--prestart .sx-ph.is-cur .sx-ph__name {
-  color: #f3f8f6;
+  color: var(--text-strong);
 }
 .sx-page--prestart .sx-head__title em {
-  color: #91c8bd;
+  color: var(--accent-deep);
 }
 .sx-page--prestart .sx-head__sub,
 .sx-page--prestart .sx-ph__name,
 .sx-page--prestart .sx-ph__t {
-  color: rgba(238, 244, 242, 0.62);
+  color: var(--text-muted);
 }
 .sx-page--prestart .sx-ph__dot {
-  background: rgba(255, 255, 255, 0.09);
-  border-color: rgba(255, 255, 255, 0.22);
+  background: var(--bg-surface-2);
+  border-color: var(--border-strong);
 }
 .sx-page--prestart .sx-ph__link {
-  background: rgba(255, 255, 255, 0.18);
+  background: var(--border-subtle);
 }
 .sx-page--prestart .sx-ph__link.is-fill {
-  background: rgba(145, 200, 189, 0.74);
+  background: var(--accent-bright);
 }
 .sx-page--prestart .sx-prestart::before {
   content: "";
   position: absolute;
   inset: 0;
   background:
-    linear-gradient(90deg, rgba(255, 255, 255, 0.08), transparent 38%),
-    radial-gradient(circle at 20% 22%, rgba(126, 184, 173, 0.22), transparent 32%);
+    linear-gradient(90deg, color-mix(in srgb, var(--text-strong) 6%, transparent), transparent 38%),
+    radial-gradient(circle at 20% 22%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 32%);
   pointer-events: none;
 }
 .sx-prestart__visual {
@@ -2692,11 +2696,7 @@
   align-self: stretch;
   align-content: center;
   padding: var(--sp-4);
-  border: 1px solid rgba(255, 255, 255, 0.1);
   border-radius: var(--radius);
-  background:
-    radial-gradient(circle at 50% 45%, rgba(145, 200, 189, 0.2), transparent 52%),
-    rgba(251, 250, 248, 0.06);
 }
 .sx-prestart__case {
   width: 100%;
@@ -2718,13 +2718,13 @@
 }
 .sx-prestart__case b {
   display: block;
-  color: #f4f8f7;
+  color: var(--text-strong);
   font-size: 18px;
   line-height: 1.35;
 }
 .sx-prestart__case p {
   margin: 5px 0 0;
-  color: rgba(238, 244, 242, 0.68);
+  color: var(--text-body);
   font-size: 13px;
   line-height: 1.45;
 }
@@ -2740,17 +2740,15 @@
   display: grid;
   gap: 3px;
   padding: 9px 10px;
-  border: 1px solid rgba(255, 255, 255, 0.1);
   border-radius: var(--radius-sm);
-  background: rgba(255, 255, 255, 0.055);
 }
 .sx-prestart__case li span {
-  color: rgba(238, 244, 242, 0.52);
+  color: var(--text-muted);
   font-size: 11px;
   font-weight: 760;
 }
 .sx-prestart__case li em {
-  color: rgba(244, 248, 247, 0.94);
+  color: var(--text-strong);
   font-size: 12.5px;
   font-style: normal;
   font-weight: 680;
@@ -2769,7 +2767,7 @@
   display: inline-flex;
   align-items: center;
   gap: 8px;
-  color: #a8d4ca;
+  color: var(--accent-deep);
   font-family: var(--font-num);
   font-size: var(--fs-kicker);
   font-weight: 700;
@@ -2786,13 +2784,13 @@
   font-size: var(--fs-h2);
   font-weight: 700;
   letter-spacing: 0;
-  color: #f4f8f7;
+  color: var(--text-strong);
   line-height: 1.3;
 }
 .sx-prestart__desc {
   margin-top: var(--sp-3);
   font-size: var(--fs-sm);
-  color: rgba(238, 244, 242, 0.76);
+  color: var(--text-body);
   line-height: 1.6;
   max-width: 58ch;
 }
@@ -2806,19 +2804,19 @@
   gap: var(--sp-4);
 }
 .sx-page--prestart .sx-prestart__facts {
-  border-color: rgba(255, 255, 255, 0.13);
+  border-color: var(--glass-inset-border);
 }
 .sx-prestart__facts div {
   min-width: 0;
 }
 .sx-prestart__facts dt {
-  color: rgba(238, 244, 242, 0.52);
+  color: var(--text-muted);
   font-size: 11.5px;
   font-weight: 700;
 }
 .sx-prestart__facts dd {
   margin: 6px 0 0;
-  color: #f4f8f7;
+  color: var(--text-strong);
   font-size: 13.5px;
   font-weight: 650;
   line-height: 1.4;
@@ -2839,15 +2837,15 @@
   min-height: 26px;
   padding: 0 10px;
   border-radius: var(--radius-sm);
-  background: rgba(145, 200, 189, 0.16);
-  color: #bfe0d9;
+  background: var(--accent-tint);
+  color: var(--accent-deep);
   font-family: var(--font-num);
   font-size: 11.5px;
   font-weight: 700;
 }
 .sx-prestart__chips span.is-clay {
-  background: rgba(204, 143, 119, 0.17);
-  color: #f0bda9;
+  background: var(--clay-tint);
+  color: var(--clay-deep);
 }
 .sx-theory {
   width: min(100%, 520px);
@@ -2859,7 +2857,7 @@
 }
 .sx-theory legend {
   padding: 0;
-  color: rgba(238, 244, 242, 0.54);
+  color: var(--text-muted);
   font-size: 11.5px;
   font-weight: 760;
 }
@@ -2869,8 +2867,8 @@
   gap: 6px;
   padding: 4px;
   border-radius: var(--radius-sm);
-  background: rgba(6, 15, 14, 0.26);
-  border: 1px solid rgba(255, 255, 255, 0.1);
+  background: var(--glass-surface-inset);
+  border: 1px solid var(--glass-inset-border);
 }
 .sx-theory__seg button {
   min-width: 0;
@@ -2882,23 +2880,23 @@
   border: 1px solid transparent;
   border-radius: calc(var(--radius-sm) - 2px);
   background: transparent;
-  color: rgba(238, 244, 242, 0.72);
+  color: var(--text-body);
   text-align: center;
   cursor: pointer;
 }
 .sx-theory__seg button:hover {
-  border-color: rgba(145, 200, 189, 0.3);
-  color: #f4f8f7;
+  border-color: color-mix(in srgb, var(--accent) 40%, var(--glass-inset-border));
+  color: var(--text-strong);
 }
 .sx-theory__seg button:focus-visible {
-  outline: 2px solid rgba(145, 200, 189, 0.7);
+  outline: 2px solid var(--border-focus);
   outline-offset: 2px;
 }
 .sx-theory__seg button.is-selected {
-  background: rgba(145, 200, 189, 0.18);
-  border-color: rgba(145, 200, 189, 0.46);
-  color: #f4f8f7;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
+  background: var(--accent-tint);
+  border-color: color-mix(in srgb, var(--accent) 58%, var(--glass-inset-border));
+  color: var(--text-strong);
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--text-strong) 5%, transparent);
 }
 .sx-theory__seg span,
 .sx-theory__seg small {
@@ -2911,14 +2909,14 @@
   font-weight: 760;
 }
 .sx-theory__seg small {
-  color: rgba(238, 244, 242, 0.56);
+  color: var(--text-muted);
   font-size: 11px;
   font-weight: 650;
 }
 .sx-prestart__note {
   max-width: 460px;
   font-size: 12.5px;
-  color: rgba(238, 244, 242, 0.6);
+  color: var(--text-muted);
   line-height: 1.55;
   margin-top: calc(var(--sp-3) * -1);
 }
@@ -2931,15 +2929,15 @@
   display: grid;
   gap: var(--sp-3);
   padding: var(--sp-4);
-  border: 1px solid rgba(132, 203, 179, 0.28);
+  border: 1px solid color-mix(in srgb, var(--accent) 32%, var(--glass-inset-border));
   border-radius: var(--radius-sm);
-  background: rgba(30, 86, 77, 0.22);
+  background: color-mix(in srgb, var(--accent-tint) 72%, transparent);
 }
 .sx-consent label {
   display: flex;
   align-items: flex-start;
   gap: var(--sp-3);
-  color: rgba(238, 244, 242, 0.84);
+  color: var(--text-body);
   font-size: var(--fs-sm);
   line-height: 1.5;
 }
@@ -2947,7 +2945,7 @@
   width: 17px;
   height: 17px;
   margin-top: 2px;
-  accent-color: #6fc6a8;
+  accent-color: var(--accent);
   flex: 0 0 auto;
 }
 .sx-consent .vg-btn {
@@ -2961,7 +2959,7 @@
   margin-top: var(--sp-5);
 }
 .sx-prestart__actions span {
-  color: rgba(238, 244, 242, 0.58);
+  color: var(--text-muted);
   font-size: var(--fs-xs);
   line-height: 1.45;
 }
@@ -2969,41 +2967,51 @@
   min-width: 0;
   align-self: stretch;
   display: grid;
-  align-content: center;
-  gap: var(--sp-4);
+  align-content: start;
+  gap: var(--sp-3);
   position: relative;
   z-index: 1;
-  padding: var(--sp-4);
-  border: 1px solid rgba(255, 255, 255, 0.1);
+  padding: clamp(18px, 1.7vw, 24px);
   border-radius: var(--radius);
-  background: rgba(251, 250, 248, 0.07);
 }
-.sx-prestart__plan ol {
-  list-style: none;
+.sx-prestart__plan-summary {
   margin: 0;
-  padding: 0;
-  display: grid;
-  gap: var(--sp-3);
+  color: var(--text-muted);
+  font-size: 11.5px;
+  line-height: 1.55;
+  text-wrap: pretty;
 }
-.sx-prestart__plan li {
+.sx-prestart__plan-list {
+  margin: 0;
+  display: grid;
+  gap: 0;
+}
+.sx-prestart__plan-list div {
   min-width: 0;
   display: grid;
-  grid-template-columns: auto minmax(0, 1fr);
-  gap: 10px;
-  align-items: start;
+  gap: 5px;
+  padding: 12px 0;
+  border-top: 1px solid var(--glass-inset-border);
 }
-.sx-prestart__plan li span {
-  width: 7px;
-  height: 7px;
-  border-radius: 50%;
-  background: var(--clay);
-  margin-top: 8px;
+.sx-prestart__plan-list dt {
+  color: var(--accent-deep);
+  font-size: 10.5px;
+  font-weight: 760;
+  letter-spacing: 0.04em;
 }
-.sx-prestart__plan p {
+.sx-prestart__plan-list dd {
   margin: 0;
-  color: rgba(238, 244, 242, 0.74);
-  font-size: var(--fs-xs);
-  line-height: 1.6;
+  color: var(--text-body);
+  font-size: 11.5px;
+  line-height: 1.55;
+  text-wrap: pretty;
+}
+.sx-prestart__plan-list dd b {
+  display: block;
+  margin-bottom: 2px;
+  color: var(--text-strong);
+  font-size: 12.5px;
+  font-weight: 720;
 }
 
 /* 일시정지 stage 오버레이 (차분) */
@@ -3022,7 +3030,7 @@
   border: 1px solid rgba(203, 227, 220, 0.14);
   border-radius: calc(var(--radius-lg) - 2px);
   background:
-    linear-gradient(135deg, rgba(238, 244, 242, 0.08), rgba(145, 200, 189, 0.06));
+    linear-gradient(135deg, rgba(238, 244, 242, 0.08), rgba(151, 175, 166, 0.06));
   backdrop-filter: blur(0.5px);
   text-shadow: 0 1px 2px rgba(7, 16, 14, 0.5);
 }
@@ -3037,8 +3045,9 @@
     padding-top: var(--sp-4);
     border-top: 1px solid var(--hair);
   }
-  .sx-prestart__plan ol {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
+  .sx-prestart__plan-list {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    column-gap: var(--sp-5);
   }
 }
 
@@ -3083,6 +3092,21 @@
   .sx-page--active .sx-col-right {
     display: none;
   }
+  /* 위기 신호가 감지되면 어떤 화면 모드에서도 안전 패널(109 리소스 포함)을 노출한다.
+     압축 레이아웃이 안전 안내를 가리던 결함 수정 (2026-07-15). */
+  .sx-page--active.sx-has-safety .sx-col-right {
+    display: flex;
+    grid-column: 1 / -1;
+    grid-row: 3;
+    min-height: 0;
+    overflow: visible;
+  }
+  .sx-page--active.sx-has-safety:not(.sx-feedback-coached) .sx-col-right .sx-signal {
+    display: none;
+  }
+  .sx-page--active.sx-has-safety .sx-col-right .sx-meters {
+    display: none;
+  }
   .sx-mobile-context__row {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -3319,6 +3343,20 @@
   .sx-page--active .sx-col-right {
     display: none;
   }
+  /* 위기 감지 시 안전 패널 노출 — ≤1180 규칙과 동일한 원칙 (2026-07-15). */
+  .sx-page--active.sx-has-safety .sx-col-right {
+    display: flex;
+    grid-column: 1;
+    grid-row: 3;
+    min-height: 0;
+    overflow: visible;
+  }
+  .sx-page--active.sx-has-safety:not(.sx-feedback-coached) .sx-col-right .sx-signal {
+    display: none;
+  }
+  .sx-page--active.sx-has-safety .sx-col-right .sx-meters {
+    display: none;
+  }
   .sx-page--active.sx-feedback-coached .sx-grid {
     grid-template-rows: auto minmax(0, 1fr) auto;
   }
@@ -3330,7 +3368,7 @@
     overflow: visible;
   }
   .sx-page--active.sx-feedback-coached .sx-col-right .sx-meters,
-  .sx-page--active.sx-feedback-coached .sx-col-right .sx-safety,
+  .sx-page--active.sx-feedback-coached .sx-col-right .sx-safety--ok,
   .sx-page--active.sx-feedback-coached .sx-signal__head,
   .sx-page--active.sx-feedback-coached .sx-signal__one,
   .sx-page--active.sx-feedback-coached .sx-signal__rest,
@@ -3365,9 +3403,8 @@
   .sx-page--active.sx-feedback-coached .sx-coach-bubble blockquote {
     display: none;
   }
-  .sx-page--active.sx-feedback-coached .sx-coach-bubble__actions {
-    display: none;
-  }
+  /* 근거·이력 접근은 코칭 신뢰성의 핵심 — 모바일에서도 유지한다 (2026-07-15).
+     공간 절약은 blockquote(발화 예시) 숨김까지만. */
   .sx-head {
     flex-direction: column;
     align-items: flex-start;
@@ -3752,7 +3789,7 @@
     display: block;
     max-width: min(220px, calc(100% - 12px));
     padding: 3px 6px;
-    border: 1px solid rgba(145, 200, 189, 0.26);
+    border: 1px solid rgba(151, 175, 166, 0.26);
     border-radius: 999px;
     background: rgba(11, 24, 21, 0.9);
     color: rgba(228, 250, 244, 0.9);
@@ -3962,3 +3999,342 @@
     animation: none !important;
   }
 }
+
+/* ═══════════════════════════════════════════════════════════════════
+   시간 기반 회기(2026-07-13 회의 P1): 목표 선택 · 시간 알람 · 목표 배지
+   ═══════════════════════════════════════════════════════════════════ */
+
+/* ── 시작 전: 이번 회기 목표 선택 ── */
+.sx-goals {
+  width: min(100%, 520px);
+  margin: var(--sp-3) 0 0;
+  padding: 0;
+  border: 0;
+  display: grid;
+  gap: 8px;
+}
+.sx-goals legend {
+  padding: 0;
+  color: var(--text-muted);
+  font-size: 11.5px;
+  font-weight: 760;
+}
+.sx-goals legend small {
+  margin-left: 6px;
+  font-size: 11px;
+  font-weight: 650;
+  color: var(--text-muted);
+}
+.sx-goals__grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 6px;
+  padding: 4px;
+  border-radius: var(--radius-sm);
+  background: var(--glass-surface-inset);
+  border: 1px solid var(--glass-inset-border);
+}
+.sx-goals__grid button {
+  min-width: 0;
+  min-height: 62px;
+  display: grid;
+  align-content: center;
+  gap: 3px;
+  padding: 8px 7px;
+  border: 1px solid transparent;
+  border-radius: calc(var(--radius-sm) - 2px);
+  background: transparent;
+  color: var(--text-body);
+  text-align: center;
+  cursor: pointer;
+}
+.sx-goals__grid button:hover {
+  border-color: color-mix(in srgb, var(--accent) 40%, var(--glass-inset-border));
+  color: var(--text-strong);
+}
+.sx-goals__grid button:focus-visible {
+  outline: 2px solid var(--border-focus);
+  outline-offset: 2px;
+}
+.sx-goals__grid button.is-selected {
+  background: var(--accent-tint);
+  border-color: color-mix(in srgb, var(--accent) 58%, var(--glass-inset-border));
+  color: var(--text-strong);
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--text-strong) 5%, transparent);
+}
+.sx-goals__grid span {
+  font-size: 13px;
+  font-weight: 760;
+  min-width: 0;
+  overflow-wrap: anywhere;
+  line-height: 1.2;
+}
+.sx-goals__grid small {
+  color: var(--text-muted);
+  font-size: 10.5px;
+  font-weight: 650;
+  min-width: 0;
+  overflow-wrap: anywhere;
+  line-height: 1.25;
+}
+.sx-goals__hint {
+  margin: 0;
+  font-size: 12px;
+  line-height: 1.55;
+  color: var(--text-muted);
+}
+@media (max-width: 720px) {
+  .sx-goals__grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+
+/* ── 시간 알람 바(10분 전 경고 · 시간 만료) — 강제 노출 배너 ── */
+.sx-timebar {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 8px 10px;
+  margin: 0 0 10px;
+  padding: 9px 14px;
+  border-radius: var(--radius);
+  border: 1px solid rgba(228, 179, 99, 0.5);
+  background:
+    linear-gradient(0deg, rgba(228, 179, 99, 0.12), rgba(228, 179, 99, 0.12)),
+    var(--bg-panel, rgba(20, 26, 24, 0.92));
+  color: var(--text-strong, #eef4f2);
+  font-size: 13px;
+}
+.sx-timebar b {
+  font-weight: 780;
+  letter-spacing: -0.01em;
+}
+.sx-timebar__desc {
+  color: var(--text-body, rgba(238, 244, 242, 0.74));
+  font-weight: 560;
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+.sx-timebar__dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: #e4b363;
+  box-shadow: 0 0 0 0 rgba(228, 179, 99, 0.5);
+  animation: sx-timebar-pulse 1.8s ease-out infinite;
+}
+.sx-timebar.is-over {
+  border-color: rgba(224, 122, 95, 0.55);
+  background:
+    linear-gradient(0deg, rgba(224, 122, 95, 0.14), rgba(224, 122, 95, 0.14)),
+    var(--bg-panel, rgba(20, 26, 24, 0.92));
+}
+.sx-timebar.is-over .sx-timebar__dot {
+  background: #e07a5f;
+  box-shadow: 0 0 0 0 rgba(224, 122, 95, 0.5);
+}
+.sx-timebar__end {
+  margin-left: auto;
+  padding: 6px 12px;
+  border-radius: calc(var(--radius-sm) - 1px);
+  border: 1px solid rgba(224, 122, 95, 0.6);
+  background: rgba(224, 122, 95, 0.16);
+  color: inherit;
+  font-size: 12.5px;
+  font-weight: 740;
+  cursor: pointer;
+}
+.sx-timebar__end:hover {
+  background: rgba(224, 122, 95, 0.26);
+}
+@keyframes sx-timebar-pulse {
+  0% { box-shadow: 0 0 0 0 rgba(228, 179, 99, 0.45); }
+  70% { box-shadow: 0 0 0 7px rgba(228, 179, 99, 0); }
+  100% { box-shadow: 0 0 0 0 rgba(228, 179, 99, 0); }
+}
+
+/* ── 스테이지 타이머 경고 상태 ── */
+.sx-page--active .sx-stage__timer.is-warning {
+  color: #e8bd7a;
+  font-weight: 780;
+}
+
+/* ── 세션 진행 패널: 남은 시간 경고 + 목표 도달 노트 ── */
+.sx-session-progress__grid span.is-warning b {
+  color: #e8bd7a;
+}
+.sx-session-progress__goalnote {
+  margin: 8px 0 0;
+  padding: 8px 10px;
+  border-radius: var(--radius-sm);
+  border: 1px solid rgba(151, 175, 166, 0.32);
+  background: rgba(151, 175, 166, 0.1);
+  color: var(--text-body, rgba(238, 244, 242, 0.78));
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+/* ── 이번 회기 목표 배지(세로 트랙 + 헤더 미니) ── */
+.sx-vstep__goal {
+  margin-left: 6px;
+  padding: 1.5px 6px;
+  border-radius: 999px;
+  border: 1px solid rgba(151, 175, 166, 0.4);
+  background: rgba(151, 175, 166, 0.12);
+  color: var(--accent-bright, #8fc0b4);
+  font-size: 10px;
+  font-weight: 740;
+  letter-spacing: 0.02em;
+  vertical-align: 1px;
+}
+.sx-vstep__goal.is-reached {
+  border-color: rgba(151, 175, 166, 0.62);
+  background: rgba(151, 175, 166, 0.24);
+}
+.sx-ph__goal {
+  margin-left: 4px;
+  padding: 0.5px 5px;
+  border-radius: 999px;
+  border: 1px solid rgba(151, 175, 166, 0.42);
+  background: rgba(151, 175, 166, 0.12);
+  color: var(--accent-bright, #8fc0b4);
+  font-size: 9.5px;
+  font-style: normal;
+  font-weight: 740;
+}
+@media (prefers-reduced-motion: reduce) {
+  .sx-timebar__dot {
+    animation: none !important;
+  }
+}
+
+/* ── 코칭 넛지 칩(코칭 탭이 닫혀 있을 때 도착한 코치 제안 안내) ── */
+.sx-seg-block {
+  position: relative;
+}
+.sx-coach-nudge {
+  position: absolute;
+  bottom: calc(100% + 10px);
+  left: 50%;
+  transform: translateX(-50%);
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  white-space: nowrap;
+  padding: 7px 12px;
+  border-radius: 999px;
+  border: 1px solid rgba(151, 175, 166, 0.5);
+  background: var(--bg-panel, rgba(16, 22, 21, 0.97));
+  color: var(--text-strong, #eef4f2);
+  font-size: 12px;
+  font-weight: 640;
+  cursor: pointer;
+  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35);
+  z-index: 30;
+}
+.sx-coach-nudge::after {
+  content: "";
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  border: 5px solid transparent;
+  border-top-color: rgba(151, 175, 166, 0.5);
+}
+.sx-coach-nudge:hover {
+  border-color: rgba(151, 175, 166, 0.8);
+}
+.sx-coach-nudge em {
+  font-style: normal;
+  font-weight: 780;
+  color: var(--accent-bright, #8fc0b4);
+}
+.sx-coach-nudge__dot {
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  background: var(--accent-bright, #8fc0b4);
+  animation: sx-timebar-pulse 1.8s ease-out infinite;
+}
+.sx-segmented__badge.is-pulsing {
+  animation: sx-coach-badge-pulse 1.6s ease-in-out infinite;
+}
+@keyframes sx-coach-badge-pulse {
+  0%, 100% { transform: scale(1); }
+  50% { transform: scale(1.18); }
+}
+@media (prefers-reduced-motion: reduce) {
+  .sx-coach-nudge__dot,
+  .sx-segmented__badge.is-pulsing {
+    animation: none !important;
+  }
+}
+
+/* ── P2 단계 누적 게이지(세로 트랙) ── */
+.sx-vstep__gauge {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-top: 6px;
+}
+.sx-vstep__gauge .sx-gauge {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+.sx-vstep__gauge em {
+  flex: 0 0 auto;
+  font-style: normal;
+  font-size: 10.5px;
+  font-weight: 740;
+  font-variant-numeric: tabular-nums;
+  color: var(--text-dim, rgba(238, 244, 242, 0.55));
+  min-width: 20px;
+  text-align: right;
+}
+.sx-track__note {
+  margin-top: 10px;
+  padding-top: 8px;
+  border-top: 1px dashed rgba(255, 255, 255, 0.08);
+  font-size: 11px;
+  line-height: 1.5;
+  color: var(--text-dim, rgba(238, 244, 242, 0.5));
+}
+
+/* ── 패널 컬랩싱 토글(과밀 완화, 2026-07-14) ── */
+.sx-panel-toggle {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  width: 100%;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+  text-align: left;
+}
+.sx-panel-toggle:focus-visible {
+  outline: 2px solid var(--focus-ring);
+  outline-offset: 2px;
+  border-radius: 4px;
+}
+.sx-panel-toggle__hint {
+  flex: 0 0 auto;
+  font-size: 10.5px;
+  font-weight: 680;
+  color: var(--text-muted, rgba(238, 244, 242, 0.5));
+  white-space: nowrap;
+}
+.sx-panel-toggle:hover .sx-panel-toggle__hint {
+  color: var(--accent-bright);
+}
+.sx-panel.is-collapsed {
+  padding-bottom: 10px;
+}
+.sx-safety .sx-panel-toggle {
+  justify-content: flex-start;
+}
+.sx-safety .sx-panel-toggle .sx-safety__badge {
+  margin-left: auto;
+}
diff --git a/apps/web/src/pages/session/voiceCapture.ts b/apps/web/src/pages/session/voiceCapture.ts
new file mode 100644
index 0000000..759a96d
--- /dev/null
+++ b/apps/web/src/pages/session/voiceCapture.ts
@@ -0,0 +1,466 @@
+import type { CrisisResource, SessionProgress, SessionStage } from "../../lib/api";
+
+export type VoiceStatus =
+  | "idle"
+  | "requesting"
+  | "connecting"
+  | "recording"
+  | "thinking"
+  | "speaking"
+  | "degraded"
+  | "error";
+
+type VoiceServerState = "idle" | "listening" | "thinking" | "speaking";
+
+export interface VoiceEvent {
+  type?: string;
+  code?: string;
+  state?: VoiceServerState;
+  text?: string;
+  final?: boolean;
+  reason?: string;
+  detail?: string;
+  stage?: SessionStage;
+  effective_openness?: number;
+  turn_seq?: number;
+  safety_flagged?: boolean;
+  crisis_resource?: CrisisResource | null;
+  conversation_stopped?: boolean;
+  progress?: SessionProgress | null;
+}
+
+export const VOICE_TURN_SAVE_FAILED =
+  "음성 발화를 저장하지 못했습니다. 방금 말한 내용을 확인한 뒤 다시 시도해 주세요.";
+export const VOICE_CONNECTION_SAVE_FAILED =
+  "음성 연결이 종료되어 발화를 저장하지 못했습니다. 방금 말한 내용을 확인한 뒤 다시 시도해 주세요.";
+
+export function userFacingVoiceError(payload: VoiceEvent): string {
+  const detail = payload.detail ?? "";
+  if (
+    payload.code === "turn_persistence_unavailable" ||
+    (detail.includes("turn append") && detail.includes("persistence unavailable"))
+  ) {
+    return VOICE_TURN_SAVE_FAILED;
+  }
+  return detail || "음성 처리 중 오류가 발생했습니다.";
+}
+
+export type AudioContextWindow = Window & { webkitAudioContext?: typeof AudioContext };
+type VoiceCaptureMode = "audio-worklet" | "media-recorder";
+
+interface VoiceProviderEvent {
+  type: string;
+  source: string;
+  duration_ms?: number;
+  confidence?: number;
+}
+
+export interface VoiceCaptureControl {
+  type: "audio_start" | "audio_end";
+  format: string;
+  sample_rate?: number;
+  channels?: number;
+  sample_width?: number;
+  silence_ms?: number;
+  barge_in?: boolean;
+  provider_events?: VoiceProviderEvent[];
+}
+
+export interface VoiceCaptureController {
+  mode: VoiceCaptureMode;
+  startControl: VoiceCaptureControl;
+  start: () => Promise<void> | void;
+  finish: () => void;
+  abort: () => void;
+  isRecording: () => boolean;
+}
+
+interface VoiceCaptureMetrics {
+  durationMs?: number;
+  voiceMs?: number;
+  silenceMs?: number;
+  trailingSilenceMs?: number;
+  rms?: number;
+  peak?: number;
+}
+
+interface VoiceWorkletMessage {
+  type?: string;
+  pcm?: ArrayBuffer;
+  metrics?: VoiceCaptureMetrics;
+}
+
+interface SessionVoiceStatusInput {
+  voiceStatus: VoiceStatus;
+  sessionEnded: boolean;
+  paused: boolean;
+  sending: boolean;
+  clientReplyPending: boolean;
+  clientName: string;
+  utteranceCount: number;
+  voiceAvailable: boolean | null;
+  micOn: boolean;
+}
+
+export interface SessionVoiceStatusView {
+  micDisabled: boolean;
+  micLabel: string;
+  micButtonAriaLabel: string;
+  sessionStatusLabel: string;
+  transcriptLiveLabel: string;
+  transcriptIsLive: boolean;
+  textTurnBlocked: boolean;
+  voiceInputStatus: string;
+  responseStatus: string;
+}
+
+export function isVoiceStatusBusy(voiceStatus: VoiceStatus): boolean {
+  return (
+    voiceStatus === "requesting" ||
+    voiceStatus === "connecting" ||
+    voiceStatus === "thinking" ||
+    voiceStatus === "speaking"
+  );
+}
+
+export function sessionVoiceStatusView(input: SessionVoiceStatusInput): SessionVoiceStatusView {
+  const {
+    voiceStatus,
+    sessionEnded,
+    paused,
+    sending,
+    clientReplyPending,
+    clientName,
+    utteranceCount,
+    voiceAvailable,
+    micOn,
+  } = input;
+  const micBusy = isVoiceStatusBusy(voiceStatus);
+  const micDisabled = sessionEnded || paused || micBusy || voiceAvailable === false;
+  const micButtonAriaLabel = micOn ? "발화 보내기" : "마이크 켜기";
+  const micLabel = sessionEnded
+    ? "종료됨"
+    : paused
+      ? "일시정지"
+      : voiceStatus === "requesting"
+        ? "권한 요청 중"
+        : voiceStatus === "connecting"
+          ? "연결 중"
+          : voiceStatus === "recording"
+            ? "녹음 중"
+            : voiceStatus === "thinking"
+              ? "전사 중"
+              : voiceStatus === "speaking"
+                ? "재생 중"
+                : voiceStatus === "degraded"
+                  ? "음성 미설정"
+                  : voiceStatus === "error"
+                    ? "마이크 오류"
+                    : "마이크 꺼짐";
+  const sessionStatusLabel = sessionEnded
+    ? "회기 종료됨"
+    : paused
+      ? "일시정지"
+      : voiceStatus === "recording"
+        ? "학습자 발화 수신 중"
+        : voiceStatus === "thinking"
+          ? "내담자 응답 준비 중"
+          : voiceStatus === "speaking"
+            ? `${clientName} 응답 중`
+            : "회기 진행 중";
+  const transcriptLiveLabel =
+    voiceStatus === "recording"
+      ? "받아쓰는 중"
+      : voiceStatus === "thinking"
+        ? "전사 중"
+        : voiceStatus === "speaking"
+          ? "응답 표시 중"
+          : sending
+            ? "응답 대기"
+            : utteranceCount > 0
+              ? "기록 중"
+              : "준비됨";
+  const transcriptIsLive =
+    voiceStatus === "recording" ||
+    voiceStatus === "thinking" ||
+    voiceStatus === "speaking" ||
+    sending;
+  const textTurnBlocked = sending || voiceStatus === "thinking";
+  const voiceInputStatus =
+    voiceAvailable === false
+      ? "음성 미설정"
+      : micOn
+        ? "수신 중"
+        : voiceStatus === "requesting"
+          ? "권한 요청"
+          : "대기";
+  const responseStatus =
+    sending || clientReplyPending
+      ? "응답 대기"
+      : voiceStatus === "thinking"
+        ? "전사 중"
+        : voiceStatus === "speaking"
+          ? "재생 중"
+          : "안정";
+  return {
+    micDisabled,
+    micLabel,
+    micButtonAriaLabel,
+    sessionStatusLabel,
+    transcriptLiveLabel,
+    transcriptIsLive,
+    textTurnBlocked,
+    voiceInputStatus,
+    responseStatus,
+  };
+}
+
+const VOICE_WORKLET_MODULE_URL = "/worklets/voice-capture-worklet.js";
+const VOICE_WORKLET_PROCESSOR = "voice-capture-processor";
+
+function recorderMimeType(): string {
+  if (typeof MediaRecorder === "undefined") return "";
+  const supported = ["audio/webm;codecs=opus", "audio/webm", "audio/ogg;codecs=opus", "audio/mp4"];
+  return supported.find((mime) => MediaRecorder.isTypeSupported(mime)) ?? "";
+}
+
+function voiceFormatFromMime(mime: string): string {
+  if (mime.includes("ogg")) return "ogg";
+  if (mime.includes("mp4")) return "mp4";
+  return "webm";
+}
+
+export function sendVoiceControl(ws: WebSocket, payload: VoiceCaptureControl): void {
+  if (ws.readyState === WebSocket.OPEN) {
+    ws.send(JSON.stringify(payload));
+  }
+}
+
+function roundedNonnegativeMs(value: number | undefined): number | undefined {
+  if (typeof value !== "number" || !Number.isFinite(value) || value <= 0) return undefined;
+  return Math.max(0, Math.round(value));
+}
+
+function voiceActivityConfidence(metrics: VoiceCaptureMetrics): number | undefined {
+  const peak = typeof metrics.peak === "number" && Number.isFinite(metrics.peak) ? metrics.peak : 0;
+  if (peak <= 0) return undefined;
+  return Math.max(0.01, Math.min(0.99, Number(peak.toFixed(2))));
+}
+
+function voiceProviderEventsFromMetrics(
+  metrics: VoiceCaptureMetrics | null,
+  source: string,
+): VoiceProviderEvent[] {
+  if (!metrics) return [];
+  const durationMs = roundedNonnegativeMs(metrics.durationMs);
+  const voiceMs = roundedNonnegativeMs(metrics.voiceMs);
+  const trailingSilenceMs = roundedNonnegativeMs(metrics.trailingSilenceMs);
+  const events: VoiceProviderEvent[] = [];
+  if (voiceMs !== undefined) {
+    const activity: VoiceProviderEvent = {
+      type: "voice_activity",
+      source,
+      duration_ms: voiceMs,
+    };
+    const confidence = voiceActivityConfidence(metrics);
+    if (confidence !== undefined) activity.confidence = confidence;
+    events.push(activity);
+  } else if (durationMs !== undefined) {
+    events.push({ type: "voice_activity", source, duration_ms: durationMs });
+  }
+  if (trailingSilenceMs !== undefined && trailingSilenceMs >= 1000) {
+    events.push({ type: "silence", source, duration_ms: trailingSilenceMs });
+  }
+  return events;
+}
+
+function audioEndControlWithMetrics(
+  base: VoiceCaptureControl,
+  metrics: VoiceCaptureMetrics | null,
+  source: string,
+): VoiceCaptureControl {
+  const silenceMs = roundedNonnegativeMs(metrics?.trailingSilenceMs);
+  const providerEvents = voiceProviderEventsFromMetrics(metrics, source);
+  return {
+    ...base,
+    ...(silenceMs !== undefined ? { silence_ms: silenceMs } : {}),
+    barge_in: false,
+    ...(providerEvents.length ? { provider_events: providerEvents } : {}),
+  };
+}
+
+export function supportsAudioWorkletCapture(ctx: AudioContext | null): ctx is AudioContext & {
+  audioWorklet: AudioWorklet;
+} {
+  return Boolean(
+    ctx &&
+      ctx.state !== "closed" &&
+      ctx.audioWorklet &&
+      typeof AudioWorkletNode !== "undefined" &&
+      typeof ctx.createMediaStreamSource === "function",
+  );
+}
+
+export function createMediaRecorderCapture(
+  stream: MediaStream,
+  ws: WebSocket,
+  onRelease: () => void,
+): VoiceCaptureController | null {
+  if (typeof MediaRecorder === "undefined") return null;
+  const mimeType = recorderMimeType();
+  const format = voiceFormatFromMime(mimeType);
+  const startControl: VoiceCaptureControl = { type: "audio_start", format };
+  const endControl: VoiceCaptureControl = { type: "audio_end", format };
+  let recorder: MediaRecorder;
+  try {
+    recorder = mimeType ? new MediaRecorder(stream, { mimeType }) : new MediaRecorder(stream);
+  } catch {
+    return null;
+  }
+
+  let finishRequested = false;
+  let released = false;
+  let startedAt = 0;
+  const release = () => {
+    if (released) return;
+    released = true;
+    onRelease();
+  };
+
+  recorder.ondataavailable = (event) => {
+    if (!event.data.size || ws.readyState !== WebSocket.OPEN) return;
+    ws.send(event.data);
+  };
+  recorder.onstop = () => {
+    release();
+    if (finishRequested) {
+      const durationMs = startedAt > 0 ? performance.now() - startedAt : undefined;
+      sendVoiceControl(
+        ws,
+        audioEndControlWithMetrics(endControl, { durationMs, voiceMs: durationMs }, "browser_media_recorder"),
+      );
+    }
+  };
+
+  return {
+    mode: "media-recorder",
+    startControl,
+    start: () => {
+      startedAt = performance.now();
+      recorder.start(500);
+    },
+    finish: () => {
+      finishRequested = true;
+      if (recorder.state !== "inactive") {
+        try {
+          recorder.stop();
+          return;
+        } catch {
+          /* recorder stop race 무시 */
+        }
+      }
+      release();
+      const durationMs = startedAt > 0 ? performance.now() - startedAt : undefined;
+      sendVoiceControl(
+        ws,
+        audioEndControlWithMetrics(endControl, { durationMs, voiceMs: durationMs }, "browser_media_recorder"),
+      );
+    },
+    abort: () => {
+      finishRequested = false;
+      if (recorder.state !== "inactive") {
+        try {
+          recorder.stop();
+        } catch {
+          /* recorder stop race 무시 */
+        }
+      }
+      release();
+    },
+    isRecording: () => recorder.state === "recording",
+  };
+}
+
+export async function createAudioWorkletCapture(
+  stream: MediaStream,
+  ws: WebSocket,
+  ctx: AudioContext & { audioWorklet: AudioWorklet },
+  onRelease: () => void,
+): Promise<VoiceCaptureController> {
+  await ctx.audioWorklet.addModule(VOICE_WORKLET_MODULE_URL);
+  const source = ctx.createMediaStreamSource(stream);
+  const node = new AudioWorkletNode(ctx, VOICE_WORKLET_PROCESSOR, {
+    numberOfInputs: 1,
+    numberOfOutputs: 0,
+  });
+  const startControl: VoiceCaptureControl = {
+    type: "audio_start",
+    format: "pcm",
+    sample_rate: Math.round(ctx.sampleRate || 48000),
+    channels: 1,
+    sample_width: 2,
+  };
+  const endControl: VoiceCaptureControl = { ...startControl, type: "audio_end" };
+  let recording = false;
+  let released = false;
+  let finishTimer: number | null = null;
+  let latestMetrics: VoiceCaptureMetrics | null = null;
+
+  const release = () => {
+    if (released) return;
+    released = true;
+    if (finishTimer !== null) {
+      window.clearTimeout(finishTimer);
+      finishTimer = null;
+    }
+    try {
+      source.disconnect();
+      node.disconnect();
+    } catch {
+      /* disconnect race 무시 */
+    }
+    node.port.onmessage = null;
+    try {
+      node.port.close();
+    } catch {
+      /* 일부 브라우저/테스트 double은 close가 없을 수 있다. */
+    }
+    onRelease();
+  };
+
+  node.port.onmessage = (event: MessageEvent<VoiceWorkletMessage>) => {
+    if (!recording || ws.readyState !== WebSocket.OPEN) return;
+    const payload = event.data;
+    if (payload?.type !== "chunk" || !payload.pcm?.byteLength) return;
+    latestMetrics = payload.metrics ?? latestMetrics;
+    ws.send(payload.pcm);
+  };
+
+  return {
+    mode: "audio-worklet",
+    startControl,
+    start: () => {
+      recording = true;
+      source.connect(node);
+    },
+    finish: () => {
+      if (!recording || finishTimer !== null) return;
+      try {
+        node.port.postMessage({ type: "flush" });
+      } catch {
+        /* flush 실패 시 이미 보낸 chunk만 사용한다. */
+      }
+      finishTimer = window.setTimeout(() => {
+        finishTimer = null;
+        recording = false;
+        release();
+        sendVoiceControl(ws, audioEndControlWithMetrics(endControl, latestMetrics, "browser_audio_worklet"));
+      }, 20);
+    },
+    abort: () => {
+      recording = false;
+      release();
+    },
+    isRecording: () => recording,
+  };
+}
diff --git a/apps/web/src/pages/settings/settings.css b/apps/web/src/pages/settings/settings.css
index 7e63e06..ae7084f 100644
--- a/apps/web/src/pages/settings/settings.css
+++ b/apps/web/src/pages/settings/settings.css
@@ -5,44 +5,6 @@
    강조 = weight + accent 텍스트 + accent-tint 배경 + kicker(+dot).
    ===================================================================== */
 
-/* ── 레이아웃: 좌측 섹션 내비(sticky) + 우측 폼 ── */
-body[data-page="settings"] .vg-shell {
-  background: var(--bg-app);
-}
-body[data-page="settings"] .vg-topbar {
-  background: var(--bg-surface);
-  border-bottom-color: var(--hair);
-  color: var(--text-strong);
-}
-body[data-page="settings"] .vg-topbar__wm,
-body[data-page="settings"] .vg-topbar__wm .v,
-body[data-page="settings"] .vg-topbar__role,
-body[data-page="settings"] .vg-topbar__uname,
-body[data-page="settings"] .vg-iconbtn,
-body[data-page="settings"] .vg-topbar__mark {
-  color: var(--text-strong);
-}
-body[data-page="settings"] .vg-topbar__brand svg {
-  color: var(--accent);
-}
-body[data-page="settings"] .vg-topbar__role {
-  border-left-color: var(--hair);
-}
-body[data-page="settings"] .vg-topbar__user {
-  background: var(--bg-surface-2);
-}
-body[data-page="settings"] .vg-topbar__avatar {
-  background: var(--accent-tint);
-  color: var(--accent-deep);
-}
-body[data-page="settings"] .vg-iconbtn:hover {
-  background: var(--bg-surface-2);
-  color: var(--text-strong);
-}
-body[data-page="settings"] .vg-main {
-  padding: var(--sp-6) var(--sp-5) var(--sp-8);
-}
-
 .vg-set {
   display: grid;
   grid-template-columns: 204px minmax(0, 780px);
@@ -1214,19 +1176,6 @@ body[data-page="settings"] .vg-main {
 }
 
 /* Image-aligned workspace: generated settings concept -> production controls. */
-body[data-page="settings"] .vg-shell {
-  min-height: 100dvh;
-  background:
-    radial-gradient(circle at 8% 0%, rgba(222, 238, 234, 0.62), transparent 34%),
-    linear-gradient(135deg, rgba(252, 250, 247, 0.97), rgba(244, 242, 237, 0.94)),
-    var(--asset-warm-elements) center / cover no-repeat;
-}
-body[data-page="settings"] .vg-main {
-  padding: 0;
-}
-body[data-page="settings"] .vg-main__inner {
-  max-width: none;
-}
 body[data-page="settings"] .vg-set__callout {
   max-width: 1120px;
   margin: var(--sp-5) auto 0;
@@ -1247,12 +1196,7 @@ body[data-page="settings"] .vg-set__rail {
   top: 24px;
   min-height: calc(100dvh - 60px);
   padding: 24px 16px 18px;
-  border: 1px solid rgba(38, 101, 92, 0.14);
   border-radius: var(--radius);
-  background:
-    linear-gradient(180deg, rgba(238, 248, 245, 0.92), rgba(248, 250, 248, 0.72)),
-    rgba(255, 255, 255, 0.82);
-  box-shadow: 0 24px 58px rgba(37, 45, 42, 0.08);
 }
 body[data-page="settings"] .vg-set__rail-title {
   display: flex;
@@ -1289,10 +1233,7 @@ body[data-page="settings"] .vg-set__nav {
   position: static;
   padding: 0;
   gap: 10px;
-  border: 0;
-  border-radius: 0;
-  background: transparent;
-  box-shadow: none;
+  border-radius: var(--radius);
 }
 body[data-page="settings"] .vg-set__nav-kicker {
   display: none;
@@ -1301,21 +1242,21 @@ body[data-page="settings"] .vg-set__nav-item {
   min-height: 49px;
   padding: 0 14px;
   border-radius: var(--radius);
-  color: #1f5f58;
+  color: var(--accent-deep);
   font-size: 15px;
   font-weight: 650;
 }
 body[data-page="settings"] .vg-set__nav-item:hover {
-  background: rgba(24, 121, 103, 0.09);
-  color: #124d47;
+  background: var(--accent-tint);
+  color: var(--accent-deep);
 }
 body[data-page="settings"] .vg-set__nav-item.is-active {
-  background: linear-gradient(135deg, #187967, #106759);
-  color: #ffffff;
-  box-shadow: 0 12px 24px rgba(16, 103, 89, 0.22);
+  background: var(--accent);
+  color: var(--text-on-accent);
+  box-shadow: var(--shadow-sm);
 }
 body[data-page="settings"] .vg-set__nav-item.is-active svg {
-  color: #ffffff;
+  color: var(--text-on-accent);
 }
 body[data-page="settings"] .vg-set__rail-status {
   display: flex;
@@ -1351,10 +1292,7 @@ body[data-page="settings"] #set-notify {
 }
 body[data-page="settings"] .vg-set__group {
   padding: 18px;
-  border: 1px solid rgba(37, 45, 42, 0.12);
   border-radius: var(--radius);
-  background: rgba(255, 255, 255, 0.93);
-  box-shadow: 0 18px 38px rgba(38, 45, 43, 0.07);
 }
 body[data-page="settings"] .vg-set__group-head {
   align-items: flex-start;
@@ -1371,10 +1309,9 @@ body[data-page="settings"] .vg-set__group-desc {
 body[data-page="settings"] .vg-set__profile {
   margin-bottom: 12px;
   padding: 13px;
-  background: rgba(244, 241, 236, 0.78);
 }
 body[data-page="settings"] .vg-set__avatar {
-  background: linear-gradient(135deg, #1d8774, #0f6559);
+  background: var(--accent);
 }
 body[data-page="settings"] .vg-set__field-grid--account,
 body[data-page="settings"] .vg-set__field-grid--engine {
@@ -1387,8 +1324,6 @@ body[data-page="settings"] .vg-set__field,
 body[data-page="settings"] .vg-set__control-block,
 body[data-page="settings"] .vg-set__opt,
 body[data-page="settings"] .vg-set__range-row {
-  border-color: rgba(37, 45, 42, 0.12);
-  background: rgba(255, 255, 255, 0.86);
 }
 body[data-page="settings"] .vg-set__engine-grid {
   grid-template-columns: 1fr;
@@ -1396,11 +1331,11 @@ body[data-page="settings"] .vg-set__engine-grid {
 }
 body[data-page="settings"] .vg-set__seg {
   grid-template-columns: repeat(4, minmax(0, 1fr));
-  background: rgba(244, 241, 236, 0.82);
+  background: var(--glass-surface-inset);
 }
 body[data-page="settings"] .vg-set__seg-btn.is-active {
-  background: #187967;
-  color: #ffffff;
+  background: var(--accent);
+  color: var(--text-on-accent);
 }
 body[data-page="settings"] .vg-set__ops {
   width: min(300px, 100%);
@@ -1421,9 +1356,7 @@ body[data-page="settings"] .vg-set__ticket {
   display: grid;
   gap: 8px;
   padding: 12px;
-  border: 1px solid rgba(37, 45, 42, 0.12);
   border-radius: var(--radius);
-  background: rgba(255, 255, 255, 0.86);
 }
 body[data-page="settings"] .vg-set__ticket-top,
 body[data-page="settings"] .vg-set__ticket-meta {
@@ -1449,7 +1382,7 @@ body[data-page="settings"] .vg-set__ticket-note {
   gap: 4px;
   padding: 9px 10px;
   border-radius: var(--radius-sm);
-  background: rgba(244, 241, 236, 0.78);
+  background: var(--glass-surface-inset);
   color: var(--text-body);
   font-size: var(--fs-xs);
   line-height: 1.55;
@@ -1468,7 +1401,7 @@ body[data-page="settings"] .vg-set__foot {
   padding-top: 12px;
 }
 body[data-page="settings"] .vg-set__pill {
-  background: rgba(255, 255, 255, 0.68);
+  background: var(--glass-surface-inset);
 }
 
 @media (max-width: 980px) {
@@ -1515,11 +1448,8 @@ body[data-page="settings"] .vg-set__pill {
     min-height: auto;
     margin: 0 -16px 12px;
     padding: 13px 16px 10px;
-    border: 0;
-    border-bottom: 1px solid rgba(37, 45, 42, 0.1);
     border-radius: 0;
-    background: rgba(252, 250, 247, 0.96);
-    box-shadow: 0 12px 26px rgba(37, 45, 42, 0.08);
+    border-bottom-color: var(--glass-border);
   }
   body[data-page="settings"] .vg-set__rail-title {
     justify-content: center;
@@ -1589,123 +1519,3 @@ body[data-page="settings"] .vg-set__pill {
     min-height: 0;
   }
 }
-
-html[data-theme="dark"] body[data-page="settings"] .vg-shell {
-  background: var(--bg-app);
-}
-
-html[data-theme="dark"] body[data-page="settings"] .vg-set__rail,
-html[data-theme="dark"] body[data-page="settings"] .vg-set__group {
-  border-color: var(--border-subtle);
-  background: var(--bg-surface);
-  box-shadow: var(--shadow-sm);
-}
-
-html[data-theme="dark"] body[data-page="settings"] .vg-set__rail-title h1,
-html[data-theme="dark"] body[data-page="settings"] .vg-set__group-title,
-html[data-theme="dark"] body[data-page="settings"] .vg-set__profile strong,
-html[data-theme="dark"] body[data-page="settings"] .vg-set__label,
-html[data-theme="dark"] body[data-page="settings"] .vg-set__opt-main,
-html[data-theme="dark"] body[data-page="settings"] .vg-set__voice-title {
-  color: rgba(241, 247, 245, 0.96);
-}
-
-html[data-theme="dark"] body[data-page="settings"] .vg-set__rail-title p,
-html[data-theme="dark"] body[data-page="settings"] .vg-set__group-desc,
-html[data-theme="dark"] body[data-page="settings"] .vg-set__profile span,
-html[data-theme="dark"] body[data-page="settings"] .vg-set__hint,
-html[data-theme="dark"] body[data-page="settings"] .vg-set__opt-sub,
-html[data-theme="dark"] body[data-page="settings"] .vg-set__voice-meta,
-html[data-theme="dark"] body[data-page="settings"] .vg-set__foot,
-html[data-theme="dark"] body[data-page="settings"] .vg-set__callout {
-  color: rgba(214, 228, 224, 0.72);
-}
-
-html[data-theme="dark"] body[data-page="settings"] .vg-set__nav-item {
-  color: rgba(205, 232, 225, 0.82);
-}
-
-html[data-theme="dark"] body[data-page="settings"] .vg-set__nav-item:hover {
-  background: rgba(111, 179, 164, 0.12);
-  color: rgba(239, 248, 245, 0.96);
-}
-
-html[data-theme="dark"] body[data-page="settings"] .vg-set__nav-item.is-active {
-  background: linear-gradient(135deg, rgba(111, 179, 164, 0.9), rgba(62, 136, 121, 0.94));
-  color: #061511;
-  box-shadow: 0 14px 28px rgba(7, 20, 17, 0.34);
-}
-
-html[data-theme="dark"] body[data-page="settings"] .vg-set__nav-item.is-active svg {
-  color: #061511;
-}
-
-html[data-theme="dark"] body[data-page="settings"] .vg-set__profile,
-html[data-theme="dark"] body[data-page="settings"] .vg-set__field,
-html[data-theme="dark"] body[data-page="settings"] .vg-set__control-block,
-html[data-theme="dark"] body[data-page="settings"] .vg-set__opt,
-html[data-theme="dark"] body[data-page="settings"] .vg-set__range-row,
-html[data-theme="dark"] body[data-page="settings"] .vg-set__seg,
-html[data-theme="dark"] body[data-page="settings"] .vg-set__pill,
-html[data-theme="dark"] body[data-page="settings"] .vg-set__callout,
-html[data-theme="dark"] body[data-page="settings"] .vg-set__ticket,
-html[data-theme="dark"] body[data-page="settings"] .vg-set__ticket-note,
-html[data-theme="dark"] body[data-page="settings"] .vg-badge {
-  border-color: rgba(203, 227, 220, 0.11);
-  background: rgba(255, 255, 255, 0.055);
-  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
-}
-
-html[data-theme="dark"] body[data-page="settings"] .vg-set__voice,
-html[data-theme="dark"] body[data-page="settings"] .vg-set__select,
-html[data-theme="dark"] body[data-page="settings"] .vg-input {
-  border-color: rgba(203, 227, 220, 0.12);
-  background: rgba(11, 24, 21, 0.78);
-  color: rgba(241, 247, 245, 0.94);
-}
-
-html[data-theme="dark"] body[data-page="settings"] .vg-set__voice.is-active,
-html[data-theme="dark"] body[data-page="settings"] .vg-set__seg-btn.is-active {
-  border-color: rgba(111, 179, 164, 0.48);
-  background: rgba(111, 179, 164, 0.2);
-  color: rgba(239, 248, 245, 0.98);
-}
-
-html[data-theme="dark"] body[data-page="settings"] .vg-set__seg-btn {
-  color: rgba(205, 232, 225, 0.76);
-}
-
-html[data-theme="dark"] body[data-page="settings"] .vg-set__seg-btn:not(.is-active):hover,
-html[data-theme="dark"] body[data-page="settings"] .vg-set__voice:not(.is-active):hover {
-  background: rgba(111, 179, 164, 0.11);
-  color: rgba(239, 248, 245, 0.96);
-}
-
-html[data-theme="dark"] body[data-page="settings"] .vg-set__range {
-  accent-color: rgba(111, 179, 164, 0.95);
-}
-
-html[data-theme="dark"] body[data-page="settings"] .vg-set__avatar {
-  background: linear-gradient(135deg, rgba(111, 179, 164, 0.92), rgba(49, 116, 102, 0.95));
-  color: #061511;
-}
-
-html[data-theme="dark"] body[data-page="settings"] .vg-set .vg-btn--primary {
-  border-color: rgba(111, 179, 164, 0.48);
-  background: linear-gradient(135deg, rgba(111, 179, 164, 0.88), rgba(73, 145, 130, 0.9));
-  color: #061511;
-}
-
-html[data-theme="dark"] body[data-page="settings"] .vg-set .vg-btn--primary:hover:not(:disabled) {
-  background: linear-gradient(135deg, rgba(129, 202, 186, 0.94), rgba(84, 160, 143, 0.96));
-}
-
-@media (max-width: 720px) {
-  html[data-theme="dark"] body[data-page="settings"] .vg-set__rail {
-    border-bottom-color: rgba(203, 227, 220, 0.12);
-    background:
-      linear-gradient(180deg, rgba(22, 36, 32, 0.98), rgba(13, 26, 23, 0.96)),
-      rgba(13, 26, 23, 0.96);
-    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.28);
-  }
-}
diff --git a/apps/web/src/pages/settings/useTheme.ts b/apps/web/src/pages/settings/useTheme.ts
deleted file mode 100644
index f8b90b0..0000000
--- a/apps/web/src/pages/settings/useTheme.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-/* =====================================================================
-   useTheme — 라이트/다크 토글 상태.
-   Topbar 와 동일한 lib/theme 단일 경로를 사용한다.
-   ===================================================================== */
-import { useCallback, useEffect, useState } from "react";
-import { applyTheme, readInitialTheme } from "../../lib/theme";
-
-/** [dark, setDark] — Topbar 토글과 같은 키/속성을 사용. */
-export function useTheme(): [boolean, (next: boolean) => void] {
-  const [dark, setDark] = useState<boolean>(() => {
-    if (typeof document !== "undefined") {
-      const attr = document.documentElement.getAttribute("data-theme");
-      if (attr === "dark") return true;
-      if (attr === "light") return false;
-    }
-    return readInitialTheme() === "dark";
-  });
-
-  useEffect(() => {
-    applyTheme(dark ? "dark" : "light");
-  }, [dark]);
-
-  // 다른 곳(Topbar)에서 속성을 바꾸면 따라잡기 위해 마운트 시 1회 동기화
-  useEffect(() => {
-    const root = document.documentElement;
-    const observer = new MutationObserver(() => {
-      const isDark = root.getAttribute("data-theme") === "dark";
-      setDark((prev) => (prev === isDark ? prev : isDark));
-    });
-    observer.observe(root, { attributes: true, attributeFilter: ["data-theme"] });
-    return () => observer.disconnect();
-  }, []);
-
-  const set = useCallback((next: boolean) => setDark(next), []);
-  return [dark, set];
-}
diff --git a/apps/web/src/styles/tokens.css b/apps/web/src/styles/tokens.css
index bcb4192..1bc2728 100644
--- a/apps/web/src/styles/tokens.css
+++ b/apps/web/src/styles/tokens.css
@@ -9,19 +9,35 @@
 
 :root {
   /* ── Primitive: Neutral (따뜻한 종이 + 쿨 슬레이트) §3.1 ── */
-  --paper: #fbfaf8; /* 본문 배경: 따뜻한 종이색 (순백 아님) */
-  --paper-1: #fbfaf8; /* 구형 페이지 alias */
-  --paper-2: #f4f2ee; /* 카드/패널 미세 단차 (테두리 대신 톤차) */
-  --surface: #ffffff; /* 카드 표면 */
-  --neutral-100: #eceff1; /* 표면 hover / subtle fill */
-  --neutral-150: #e5e1da; /* 카드 보더 baseline = hairline */
-  --neutral-200: #d5dbde; /* divider 진함 */
-  --neutral-400: #98a4a9; /* placeholder / disabled */
+  --paper: #fdfcf9; /* 시안에서 피킹한 따뜻한 아이보리 캔버스 */
+  --paper-1: #fbf9f5; /* 구형 페이지 alias */
+  --paper-2: #f4f1eb; /* 카드/패널 미세 단차 */
+  --surface: rgba(255, 254, 251, 0.7); /* 보태니컬 배경이 비치는 유리 표면 */
+  --neutral-100: #f0ede6; /* 표면 hover / subtle fill */
+  --neutral-150: #e4dccf; /* 금빛이 아주 옅게 섞인 hairline */
+  --neutral-200: #d7cdbd; /* divider 진함 */
+  --neutral-400: #9b9a92; /* placeholder / disabled */
 
-  --ink: #1c2a2a; /* 본문 텍스트: 잉크 네이비-그린 (순흑 아님) */
-  --ink-2: #5a6663; /* 보조 텍스트: 슬레이트 */
-  --ink-3: #93a09c; /* 캡션/메타 */
-  --hair: #e5e1da; /* 1px 헤어라인 (구역 분리는 이걸로) */
+  --ink: #17231f; /* 시안의 거의 검정인 웜 포레스트 잉크 */
+  --ink-2: #5f635d; /* 보조 텍스트 */
+  --ink-3: #8f928a; /* 캡션/메타 */
+  --hair: #e4dccf; /* 1px 헤어라인 */
+  --botanical-gold: #b49a67;
+  --botanical-hair: rgba(180, 154, 103, 0.28);
+  --botanical-glow: rgba(218, 190, 132, 0.1);
+  --glass-canvas: #f2eee5;
+  --surface-gradient: linear-gradient(145deg, rgba(255, 254, 251, 0.98), rgba(248, 245, 238, 0.94));
+  --glass-specular: linear-gradient(125deg, rgba(255, 255, 255, 0.58) 0%, rgba(255, 255, 255, 0.16) 38%, rgba(218, 190, 132, 0.075) 100%);
+  --glass-specular-inset: linear-gradient(125deg, rgba(255, 255, 255, 0.34) 0%, rgba(255, 255, 255, 0.08) 46%, rgba(218, 190, 132, 0.055) 100%);
+  --glass-surface: linear-gradient(145deg, rgba(255, 254, 251, 0.58), rgba(248, 245, 238, 0.32));
+  --glass-surface-strong: linear-gradient(145deg, rgba(255, 254, 251, 0.72), rgba(248, 245, 238, 0.46));
+  --glass-surface-inset: linear-gradient(145deg, rgba(255, 254, 251, 0.4), rgba(248, 245, 238, 0.18));
+  --glass-border: rgba(169, 139, 82, 0.38);
+  --glass-inset-border: rgba(169, 139, 82, 0.26);
+  --glass-edge-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), inset 1px 0 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(148, 114, 57, 0.08);
+  --glass-shadow: 0 18px 46px rgba(75, 58, 31, 0.095), 0 2px 8px rgba(75, 58, 31, 0.045);
+  --glass-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62), inset 0 -1px 0 rgba(148, 114, 57, 0.055), 0 9px 24px rgba(75, 58, 31, 0.05);
+  --glass-blur: blur(24px) saturate(126%);
 
   /* ── Sage-Teal (주 악센트 = 상담/신뢰), 화면당 1곳 배급 §3.2 ── */
   --accent: #3e7a6e; /* ★ 메인 악센트. 흰 배경 대비 5.0:1 AA */
@@ -117,6 +133,9 @@
   /* ── 래스터 디자인 요소 ── */
   --asset-warm-elements: url("/design-elements/clinical-paper-ambient.png");
   --asset-login-room: url("/design-elements/login-counseling-room.png");
+  --asset-botanical-sidebar: url("/design-elements/learner-dashboard/background-light-sidebar.png");
+  --asset-botanical-corner: url("/design-elements/learner-dashboard/background-light-corner.png");
+  --asset-botanical-leaf: url("/design-elements/learner-dashboard/card-leaf-sprig-light.png");
 
   /* ── 모션 §3.9 ── */
   --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
@@ -129,44 +148,61 @@
 
 /* ── 다크 모드 (gloom 회피 — 충분한 밝은 면 + 절제된 악센트) §3.5 ── */
 [data-theme="dark"] {
-  --paper: #0f1715;
-  --paper-1: #111b18;
-  --paper-2: #17211f;
-  --surface: #1b2724;
-  --neutral-100: #24322e;
-  --neutral-150: #2c3b36;
-  --neutral-200: #3a4b45;
-  --neutral-400: #7c8d88;
+  --paper: #0a1416;
+  --paper-1: #0c1617;
+  --paper-2: #111c1c;
+  --surface: rgba(22, 32, 31, 0.68);
+  --neutral-100: #1b2725;
+  --neutral-150: #2b332f;
+  --neutral-200: #3b4039;
+  --neutral-400: #747970;
 
-  --ink: #eef6f3;
-  --ink-2: #c6d3cf;
-  --ink-3: #8a9b96;
-  --hair: #2c3b36;
+  --ink: #eee7d9;
+  --ink-2: #c4bfb3;
+  --ink-3: #8d9086;
+  --hair: #30372f;
+  --botanical-gold: #b9a275;
+  --botanical-hair: rgba(185, 162, 117, 0.26);
+  --botanical-glow: rgba(186, 156, 97, 0.065);
+  --glass-canvas: #081416;
+  --surface-gradient: linear-gradient(145deg, rgba(22, 32, 31, 0.98), rgba(14, 24, 25, 0.96));
+  --glass-specular: linear-gradient(125deg, rgba(255, 247, 224, 0.055) 0%, rgba(255, 255, 255, 0.018) 42%, rgba(185, 162, 117, 0.035) 100%);
+  --glass-specular-inset: linear-gradient(125deg, rgba(255, 247, 224, 0.032) 0%, rgba(255, 255, 255, 0.008) 46%, rgba(185, 162, 117, 0.022) 100%);
+  --glass-surface: linear-gradient(145deg, rgba(22, 32, 31, 0.68), rgba(14, 24, 25, 0.5));
+  --glass-surface-strong: linear-gradient(145deg, rgba(22, 32, 31, 0.82), rgba(14, 24, 25, 0.68));
+  --glass-surface-inset: linear-gradient(145deg, rgba(28, 39, 37, 0.52), rgba(10, 22, 22, 0.32));
+  --glass-border: rgba(185, 162, 117, 0.24);
+  --glass-inset-border: rgba(185, 162, 117, 0.16);
+  --glass-edge-shadow: inset 0 1px 0 rgba(255, 247, 224, 0.055), inset 1px 0 0 rgba(255, 255, 255, 0.018), inset 0 -1px 0 rgba(0, 0, 0, 0.12);
+  --glass-shadow: 0 16px 42px rgba(0, 0, 0, 0.2);
+  --glass-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045), 0 10px 26px rgba(0, 0, 0, 0.11);
+  --glass-blur: blur(20px) saturate(112%);
 
-  --bg-app: #0e1714;
-  --bg-surface: #17231f;
-  --bg-surface-2: #22302c;
-  --bg-tint: #1d302b;
-  --bg-stage: #0e1614;
-  --text-strong: #eaf0f1;
-  --text-body: #c4cfd3;
-  --text-muted: #88969c;
+  --bg-app: #0a1416;
+  --bg-surface: #16201f;
+  --bg-surface-2: #111c1c;
+  --bg-tint: #192522;
+  --bg-stage: #091315;
+  --text-strong: #eee7d9;
+  --text-body: #c4bfb3;
+  --text-muted: #8d9086;
   --text-on-accent: #0f1a17;
-  --border-subtle: #2a363c;
-  --border-strong: #38454c;
-  --border-focus: #6fb3a4;
-  --accent: #6fb3a4;
-  --accent-deep: #84c2b4;
-  --accent-tint: #1e2e2a;
-  --accent-bright: #6fb3a4;
+  --border-subtle: #30372f;
+  --border-strong: #45483e;
+  /* 2026-07-14 한신대 피드백: 다크 녹색 채도 완화 — 쨍한 민트 대신 마른 세이지 톤 */
+  --border-focus: #7da294;
+  --accent: #7da294;
+  --accent-deep: #92b3a6;
+  --accent-tint: #1c2622;
+  --accent-bright: #8db1a4;
   --clay: #cc8f77;
   --clay-deep: #e0aa92;
   --clay-tint: #2b211e;
-  --focus-ring: rgba(111, 179, 164, 0.45);
+  --focus-ring: rgba(125, 162, 148, 0.42);
 
-  --pos-text: #7fd0a0;
-  --pos-solid: #5fb682;
-  --pos-tint: #16271d;
+  --pos-text: #9cbfa4;
+  --pos-solid: #6f9a7e;
+  --pos-tint: #17211a;
   --warn-text: #e2b566;
   --warn-solid: #d4a24a;
   --warn-tint: #2a2415;
@@ -176,6 +212,10 @@
   --info-text: #79b0d4;
   --info-solid: #5c97be;
   --info-tint: #15222c;
+
+  --asset-botanical-sidebar: url("/design-elements/learner-dashboard/background-dark-sidebar.png");
+  --asset-botanical-corner: url("/design-elements/learner-dashboard/background-dark-corner.png");
+  --asset-botanical-leaf: url("/design-elements/learner-dashboard/card-leaf-sprig.png");
 }
 
 /* ── 역할별 accent 오버라이드 §6.2 ──
@@ -203,27 +243,27 @@
   --focus-ring: rgba(62, 122, 110, 0.45);
 }
 
-/* 다크 + 역할 동시 적용 시 accent 명도 보정 (가독) */
+/* 다크 + 역할 동시 적용 시 accent 명도 보정 (가독) — 저채도 세이지로 통일 */
 [data-theme="dark"] body[data-role="learner"] {
-  --accent: #6fb3a4;
-  --accent-deep: #84c2b4;
-  --accent-bright: #6fb3a4;
-  --accent-tint: #1e2e2a;
-  --focus-ring: rgba(111, 179, 164, 0.45);
+  --accent: #7da294;
+  --accent-deep: #92b3a6;
+  --accent-bright: #8db1a4;
+  --accent-tint: #1c2622;
+  --focus-ring: rgba(125, 162, 148, 0.42);
 }
 [data-theme="dark"] body[data-role="instructor"],
 [data-theme="dark"][data-role="instructor"] {
-  --accent: #6fb3a4;
-  --accent-deep: #84c2b4;
-  --accent-bright: #6fb3a4;
-  --accent-tint: #1e2e2a;
-  --focus-ring: rgba(111, 179, 164, 0.45);
+  --accent: #7da294;
+  --accent-deep: #92b3a6;
+  --accent-bright: #8db1a4;
+  --accent-tint: #1c2622;
+  --focus-ring: rgba(125, 162, 148, 0.42);
 }
 [data-theme="dark"] body[data-role="admin"],
 [data-theme="dark"][data-role="admin"] {
-  --accent: #6fb3a4;
-  --accent-deep: #84c2b4;
-  --accent-bright: #6fb3a4;
-  --accent-tint: #1e2e2a;
-  --focus-ring: rgba(111, 179, 164, 0.45);
+  --accent: #7da294;
+  --accent-deep: #92b3a6;
+  --accent-bright: #8db1a4;
+  --accent-tint: #1c2622;
+  --focus-ring: rgba(125, 162, 148, 0.42);
 }
diff --git a/data/kb/live_coaching_sources/dbt_crisis_commitment.json b/data/kb/live_coaching_sources/dbt_crisis_commitment.json
new file mode 100644
index 0000000..37fdd92
--- /dev/null
+++ b/data/kb/live_coaching_sources/dbt_crisis_commitment.json
@@ -0,0 +1,67 @@
+{
+  "source": {
+    "source_id": "dbt_crisis_commitment_coaching",
+    "title": "DBT 위기·전념 코칭 근거 (타당화·서약·체인분석·AVIS-R)",
+    "citation": "변증법적 행동치료(DBT) 교육영상(강의·역할극 시연) 기반 코칭 요약 재구성",
+    "kb_kind": "supervisor_pattern",
+    "license_class": "C",
+    "external_llm_ok": true,
+    "source_type": "training_video_summary",
+    "version": "2026-07-15",
+    "priority": 85,
+    "visible_to": ["evaluator"],
+    "sensitivity": 2,
+    "note": "출판·교육영상 기반 요약. 원문 미적재, 요약 재구성. 트레이너·내담자 실명은 담지 않는다. 자해/위기 코칭 방법론이며 자해 방법·도구 묘사는 포함하지 않는다."
+  },
+  "chunks": [
+    {
+      "id": "dbt-validation-six-levels",
+      "heading": "타당화의 6가지 수준",
+      "kb_kind": "technique",
+      "summary": "타당화는 내담자의 반응이 그 맥락에서 이해될 만하다는 것을 전달하는 개입으로, 낮은 수준에서 높은 수준까지 위계적으로 쌓인다. 초급은 주의 깊게 경청하고(수준1) 내담자 말을 정확히 되비추는(수준2) 것이며, 중급은 말하지 않은 정서·의미를 읽어 주고(수준3) 과거력·생물학적 취약성에 비추어 반응이 생길 만함을 인정하는(수준4) 것이다. 상위는 현재 상황에서 그 반응이 정상적이고 합당함을 전달하고(수준5) 내담자를 취약한 환자가 아니라 동등한 사람으로 대하는 근본적 진정성(수준6)이다. 코칭에서는 수련생이 낮은 수준의 반복적 되비추기에만 머무르는지, 상황적 타당성까지 나아가는지를 본다. 감정을 축소·교정하는 무효화를 하지 않는 것이 전 수준의 공통 전제다.",
+      "keywords": ["타당화", "validation", "감정", "정서", "수준", "무효화", "경청", "반영"]
+    },
+    {
+      "id": "dbt-commitment-strategies",
+      "heading": "서약·전념 전략",
+      "kb_kind": "technique",
+      "summary": "변화 작업 전에 내담자가 목표에 스스로 전념하도록 이끄는 일련의 전략이다. 악마의 옹호자 기법은 상담자가 일부러 변화에 반대하는 입장을 취해 내담자가 스스로 변화의 근거를 말하게 만든다. 요구 크기를 조절해 승낙을 끌어내고, 과거의 성공적 전념 경험을 상기시키며, 자유와 선택권을 강조해 저항을 낮춘다. 전념을 받은 뒤에는 실행을 가로막을 방해물을 미리 함께 예상하고 대처를 정해 둔다. 코칭에서는 수련생이 전념을 한 번 받고 끝내는지, 방해물 예상까지 이어 가는지를 확인한다.",
+      "keywords": ["전념", "서약", "commitment", "악마의 옹호자", "방해물", "동기", "변화", "선택"]
+    },
+    {
+      "id": "dbt-chain-analysis",
+      "heading": "행동 체인분석의 고리",
+      "kb_kind": "technique",
+      "summary": "체인분석은 문제행동이 일어나기까지의 사슬을 촉발사건, 취약성 요인, 연결 고리(생각·감정·감각·행동), 문제행동, 결과의 순서로 잘게 나누어 살피는 방법이다. 각 고리마다 다른 기술을 끼워 넣을 수 있었던 지점을 함께 찾아 다음번 대안을 준비한다. 결과 분석에서는 그 행동이 단기적으로 무엇을 줄여 주고 무엇을 강화하는지 기능을 확인한다. 코칭에서는 수련생이 행동을 도덕적으로 평가하지 않고 사슬을 구체적으로 복원하는지를 본다. 지나치게 큰 덩어리로 건너뛰면 개입 지점이 사라지므로 고리를 잘게 쪼개도록 돕는다.",
+      "keywords": ["체인분석", "chain", "사슬", "촉발", "행동", "고리", "기능", "취약성"]
+    },
+    {
+      "id": "dbt-distress-tolerance",
+      "heading": "고통감내 기술 코칭",
+      "kb_kind": "technique",
+      "summary": "고통감내는 위기 순간에 상황을 악화시키지 않고 견디는 기술 묶음으로, 문제를 즉시 해결하기보다 정서 폭발을 넘기는 데 목적이 있다. 주의 전환, 자기 위안, 순간을 낫게 만들기, 장단점 따져 보기 같은 도구를 상황에 맞게 안내한다. 위기전화·기술코칭 장면에서는 지금 쓸 수 있는 기술을 하나 골라 단계적으로 실행하도록 짧게 이끈다. 코칭에서는 수련생이 문제 해결로 성급히 넘어가 감정을 건너뛰지 않는지, 지금 견디기 기술을 먼저 배치하는지를 본다.",
+      "keywords": ["고통감내", "distress", "위기", "기술", "위안", "주의전환", "견디기", "감내"]
+    },
+    {
+      "id": "dbt-avis-r-protocol",
+      "heading": "위기 시 단계 프로토콜(AVIS-R 요지)",
+      "kb_kind": "supervisor_pattern",
+      "summary": "일선에서 위기를 만났을 때 밟는 단계적 프로토콜의 요지다. 먼저 위기를 사정하고 정서를 타당화한 뒤, 문제 해결로 곧장 가지 않고 안전을 확보하며, 견딜 수 있는 기술을 함께 정하고 이후 연결과 추적으로 마무리한다. 각 단계는 순서를 건너뛰지 않는 것이 핵심으로, 사정·타당화 없이 조언부터 나가면 내담자가 이해받지 못했다고 느낀다. 코칭에서는 수련생이 안전 확인과 정서 타당화를 조언보다 앞세우는지를 확인한다. 위험이 높으면 회기 목표보다 안전과 기관·보호자 연결을 우선한다.",
+      "keywords": ["위기", "avis-r", "프로토콜", "안전", "단계", "타당화", "사정", "연결"]
+    },
+    {
+      "id": "dbt-self-harm-assessment",
+      "heading": "자해 언급 시 사정 원칙",
+      "kb_kind": "supervisor_pattern",
+      "summary": "내담자가 자해를 언급하면 구체적 방법이나 도구를 유도하지 않고, 최근성·빈도·강도와 그 기능(무엇을 줄이려 했는가)을 차분히 확인한다. 방법·도구를 자세히 캐묻는 것은 모방·강화 위험이 있어 피하고, 대신 촉발 맥락과 직전 감정을 사슬로 잇는다. 자해 보고는 자살사고와 구분해 사정하되 둘의 동반 여부도 함께 확인한다. 코칭에서는 수련생이 놀라 회피하거나 반대로 방법을 캐묻는 양극단을 피하고, 빈도·강도·보호요인 확인으로 균형을 잡는지를 본다.",
+      "keywords": ["자해", "self-harm", "빈도", "강도", "사정", "위험", "안전", "촉발"]
+    },
+    {
+      "id": "dbt-multiple-crisis-plans",
+      "heading": "복수의 위기 대처방략 원칙",
+      "kb_kind": "supervisor_pattern",
+      "summary": "위기 대처 계획은 하나만 세우면 그 방법이 막혔을 때 곧바로 무너지므로, 서로 다른 대안을 여러 개 준비해 두는 것을 원칙으로 한다. 각 방략에는 실패 시 넘어갈 다음 수단과 연락할 대상, 접근을 낮출 환경 조정을 함께 붙인다. 적극적 수동성으로 스스로 실행을 미루는 내담자에게는 실행을 도울 문구·신호를 미리 정해 둔다. 코칭에서는 수련생이 단일 대처방략에만 의존하는지, 복수의 대안과 후속 연결을 마련하는지를 본다.",
+      "keywords": ["위기", "대처", "방략", "복수", "대안", "안전계획", "수동성", "연결"]
+    }
+  ]
+}
diff --git a/data/kb/live_coaching_sources/gestalt_session_moves.json b/data/kb/live_coaching_sources/gestalt_session_moves.json
new file mode 100644
index 0000000..cbbd157
--- /dev/null
+++ b/data/kb/live_coaching_sources/gestalt_session_moves.json
@@ -0,0 +1,53 @@
+{
+  "source": {
+    "source_id": "gestalt_session_moves_coaching",
+    "title": "게슈탈트 회기 진행 코칭 근거 (4단계·현전·침묵 홀딩)",
+    "citation": "게슈탈트치료 축어록·이론 해설 도서 기반 코칭 요약 재구성",
+    "kb_kind": "supervisor_pattern",
+    "license_class": "C",
+    "external_llm_ok": true,
+    "source_type": "book_summary",
+    "version": "2026-07-15",
+    "priority": 80,
+    "visible_to": ["evaluator"],
+    "sensitivity": 1,
+    "note": "출판 도서 기반 요약. 원문 미적재, 요약 재구성. 내담자·상담자 실명·식별정보는 담지 않는다."
+  },
+  "chunks": [
+    {
+      "id": "gestalt-four-phase-procedure",
+      "heading": "게슈탈트 4단계 절차",
+      "kb_kind": "theory",
+      "summary": "게슈탈트 회기는 대체로 네 국면을 거친다. 먼저 지금 다룰 주제를 함께 발견하고, 그 주제의 배경과 미해결 과제를 탐색한 뒤, 지금-여기의 알아차림을 활용해 그 경험을 현재 장면에서 되살리고, 마지막으로 상담자와의 대화 관계 자체를 통해 새로운 접촉을 경험하게 한다. 각 국면은 과거 사실을 캐내기보다 현재 순간의 알아차림을 키우는 방향으로 진행된다. 코칭에서는 수련생이 주제를 정하지 못한 채 정보 수집만 하는지, 지금-여기로 옮겨 가는지를 본다.",
+      "keywords": ["게슈탈트", "gestalt", "지금-여기", "알아차림", "주제", "배경", "대화", "접촉"]
+    },
+    {
+      "id": "gestalt-core-concepts",
+      "heading": "핵심 개념: 융합·트래킹·현전",
+      "kb_kind": "theory",
+      "summary": "융합은 내담자가 자기와 타인의 경계가 흐려져 상대의 경험을 자기 것처럼 느끼는 접촉경계 혼란으로, 자녀와 밀착된 부모에게 자주 나타난다. 트래킹은 상담자가 내담자의 말·정서·몸짓의 흐름을 순간순간 따라가며 지금 무엇이 일어나는지 놓치지 않는 태도다. 현전은 상담자가 기법 뒤로 숨지 않고 한 사람으로서 온전히 그 자리에 존재하며 만나는 것을 뜻한다. 코칭에서는 수련생이 내용 따라잡기에만 몰두해 정서·신체의 지금 흐름(트래킹)을 놓치지 않는지를 본다.",
+      "keywords": ["융합", "confluence", "트래킹", "현전", "접촉", "경계", "알아차림", "관계"]
+    },
+    {
+      "id": "gestalt-silence-holding",
+      "heading": "침묵 홀딩",
+      "kb_kind": "microskill",
+      "summary": "게슈탈트 회기에서는 내담자가 자기 경험과 접촉하는 동안 상대적으로 긴 침묵이 자연스럽게 생긴다. 이때 상담자는 침묵을 서둘러 메우지 않고 몇 초에서 수십 초까지 견디며, 내담자가 알아차림을 이어 갈 공간을 지킨다. 침묵이 회피인지 접촉인지 구분해, 접촉의 침묵이면 홀딩하고 회피의 침묵이면 부드럽게 지금 느낌을 묻는다. 코칭에서는 수련생이 침묵을 불안해하며 질문으로 끊는지, 견디며 기다리는지를 본다.",
+      "keywords": ["침묵", "홀딩", "holding", "기다림", "접촉", "알아차림", "공간", "silence"]
+    },
+    {
+      "id": "gestalt-affect-masking",
+      "heading": "감정 가림 대응(웃음으로 덮기)",
+      "kb_kind": "supervisor_pattern",
+      "summary": "내담자가 무거운 이야기를 하면서 웃거나 무덤덤한 태도로 감정을 덮는 일이 있다. 이때 웃음을 표면 그대로 받아들이지 않고, 말의 내용과 표정·목소리 사이의 불일치를 지금-여기에서 부드럽게 비추어 준다. 감정을 억지로 끌어내려 하기보다, 방금 웃으며 말한 그 순간에 몸에서 무엇이 느껴지는지로 알아차림을 초대한다. 코칭에서는 수련생이 웃음 뒤의 정서를 놓치고 화제를 넘어가는지, 불일치를 짚어 접촉을 돕는지를 본다.",
+      "keywords": ["웃음", "감정", "가림", "덮기", "불일치", "정서", "표정", "알아차림"]
+    },
+    {
+      "id": "gestalt-refocus-from-drift",
+      "heading": "초점 이탈 재초점화",
+      "kb_kind": "supervisor_pattern",
+      "summary": "융합이 강한 내담자는 자기 이야기를 하다가도 금세 자녀나 타인의 이야기로 돌아가 초점이 흩어진다. 상담자는 자녀 이야기를 차단하지 않으면서도, 그 이야기를 할 때 내담자 자신에게 무엇이 올라오는지로 초점을 부드럽게 되돌린다. 자녀가 아니라 지금 그 말을 하는 내담자 자신에게 머무르도록 현재의 느낌을 묻는 재초점화가 핵심이다. 코칭에서는 수련생이 자녀 문제 해결로 함께 빠져드는지, 내담자 자신으로 초점을 되돌리는지를 본다.",
+      "keywords": ["초점", "이탈", "융합", "재초점화", "자녀", "지금-여기", "focus", "drift"]
+    }
+  ]
+}
diff --git a/data/kb/live_coaching_sources/parent_intake_moves.json b/data/kb/live_coaching_sources/parent_intake_moves.json
new file mode 100644
index 0000000..9b6403b
--- /dev/null
+++ b/data/kb/live_coaching_sources/parent_intake_moves.json
@@ -0,0 +1,53 @@
+{
+  "source": {
+    "source_id": "parent_intake_moves_coaching",
+    "title": "부모 내담자 첫 회기 코칭 근거 (국면·외재화·순응·신체화·보호요인)",
+    "citation": "상담 첫 회기 사례개념화 워크북(생물-심리-사회 통합) 기반 코칭 요약 재구성",
+    "kb_kind": "supervisor_pattern",
+    "license_class": "C",
+    "external_llm_ok": true,
+    "source_type": "workbook_summary",
+    "version": "2026-07-15",
+    "priority": 82,
+    "visible_to": ["evaluator"],
+    "sensitivity": 1,
+    "note": "사례개념화 워크북 기반 요약. 원문 미적재, 요약 재구성. 내담자·상담자 실명·식별정보는 담지 않는다."
+  },
+  "chunks": [
+    {
+      "id": "parent-session-phases",
+      "heading": "첫 회기 국면 순서",
+      "kb_kind": "template",
+      "summary": "부모 내담자 첫 회기는 대체로 구조화, 주호소 확인, 감정 반영, 마무리의 순서로 흐른다. 구조화에서는 비밀보장과 그 예외, 호칭, 회기 방식과 목적을 먼저 안내해 안전한 틀을 만든다. 이어 부모가 데려온 문제를 부모 자신의 언어로 확인하고, 그 과정에서 올라오는 감정을 반영하며, 마지막에 오늘 나눈 것을 정리하고 다음 목표를 함께 정한다. 코칭에서는 수련생이 구조화를 건너뛰고 정보 수집으로 직행하는지, 후반부에 새 기법을 무리하게 넣는지를 본다.",
+      "keywords": ["구조화", "주호소", "감정반영", "마무리", "비밀보장", "국면", "첫 회기", "페이싱"]
+    },
+    {
+      "id": "parent-externalizing-response",
+      "heading": "문제 외재화 대응",
+      "kb_kind": "supervisor_pattern",
+      "summary": "자녀 문제로 온 부모는 흔히 아이만 바뀌면 된다며 문제를 자녀에게 돌리고 자기 몫을 보지 않는다. 이때 부모의 관점을 반박하지 않고 먼저 그 답답함을 타당화한 뒤, 같은 상황에서 부모 자신이 겪는 감정과 대처로 초점을 조금씩 넓힌다. 부모를 문제의 원인으로 지목하지 않으면서도, 자녀 변화만 기다리는 자리에서 부모가 지금 할 수 있는 것으로 대화를 옮긴다. 코칭에서는 수련생이 외재화에 휘말려 자녀 이야기만 따라가는지, 부모 자신으로 초점을 넓히는지를 본다.",
+      "keywords": ["외재화", "externalizing", "아이", "자녀", "부모", "초점", "타당화", "책임"]
+    },
+    {
+      "id": "parent-compliant-surface",
+      "heading": "표면 순응 주의",
+      "kb_kind": "supervisor_pattern",
+      "summary": "순응적으로 자란 부모는 상담자의 말에 쉽게 고개를 끄덕이며 동의하지만, 그 동의가 내면의 변화나 진짜 이해를 뜻하지 않을 때가 있다. 겉으로 순응하는 태도를 진전으로 오해하면 표면 아래의 저항과 억압된 감정을 놓친다. 동의가 나올 때 그 말이 정말 자기 마음과 맞는지, 혹시 맞춰 주는 것은 아닌지를 부드럽게 확인한다. 코칭에서는 수련생이 빠른 동의를 성과로 받아들이는지, 표면 순응을 의심하고 내면을 확인하는지를 본다.",
+      "keywords": ["순응", "표면", "동의", "compliant", "저항", "억압", "끄덕임", "내면"]
+    },
+    {
+      "id": "parent-somatic-complaint",
+      "heading": "신체증상 호소 반영",
+      "kb_kind": "microskill",
+      "summary": "정서를 직접 말하기 어려운 부모는 답답함·숨막힘·가슴 두근거림 같은 신체 감각으로 고통을 호소한다. 신체 호소를 의학적 증상으로만 넘기지 않고, 그 감각이 어떤 상황·감정과 함께 오는지를 이어 정서로 연결한다. 몸의 언어를 그대로 받아 반영하면 부모가 자기 감정에 접근하는 통로가 된다. 코칭에서는 수련생이 신체 호소를 흘려보내는지, 감각과 감정을 잇는 반영으로 받는지를 본다.",
+      "keywords": ["신체", "신체화", "somatic", "답답", "숨막힘", "두근거림", "감각", "정서"]
+    },
+    {
+      "id": "parent-protective-risk-matrix",
+      "heading": "보호·방해요인 탐색 매트릭스",
+      "kb_kind": "template",
+      "summary": "첫 회기 사례개념화에서는 개인 요인과 환경 요인을 각각 취약·보호·방해의 세 축으로 나누어 살핀다. 개인 축에서는 부모의 기질·과거력·대처양식과 강점을, 환경 축에서는 가족·배우자·학교·지역사회의 지지와 압력을 확인한다. 취약·방해요인만이 아니라 활용할 수 있는 보호·촉진 자원을 함께 찾아 목표·전략으로 연결하는 것이 핵심이다. 코칭에서는 수련생이 문제·약점 수집에 치우치는지, 보호요인과 자원까지 균형 있게 탐색하는지를 본다.",
+      "keywords": ["보호요인", "방해요인", "취약", "환경", "개인", "자원", "강점", "사례개념화"]
+    }
+  ]
+}
diff --git a/docs/DESIGN_CONCEPT.md b/docs/DESIGN_CONCEPT.md
index 9d895e1..3a9a419 100644
--- a/docs/DESIGN_CONCEPT.md
+++ b/docs/DESIGN_CONCEPT.md
@@ -50,6 +50,30 @@ status: 통합본 v1
 
 이유: **세이지-틸**은 임상적 차분함(자연·회복·안정)과 따뜻함(흙·식물)을 동시에 품으면서, 한국 상담/심리 분야에서 과용되지 않아 차별화된다. 의료 블루는 흔하고 차갑다.
 
+### 0.3 구현 소유권 계약
+
+이 문서는 디자인 결정의 원본이고, 구현 권위는 아래 순서로만 내려간다. 같은 결정을 페이지마다 다시 정의하지 않는다.
+
+| 계층 | 단일 소유자 | 허용 범위 | 금지 |
+|---|---|---|---|
+| 전역 토큰·테마 | `apps/web/src/styles/tokens.css` | 중성 팔레트, 의미색, 타이포, 간격, radius, light/dark | 페이지 CSS의 전역 토큰 재정의 |
+| UI 프리미티브 | `apps/web/src/components/ui/` | Button, Surface, Badge, Field, EmptyState 같은 의미 단위 | 페이지 안에 같은 프리미티브 재구현 |
+| 앱 크롬·레이아웃 | `apps/web/src/components/shell/` | topbar, sidebar, main 폭, safe area | 페이지 CSS가 `.vg-topbar/.vg-nav/.vg-main/.vg-shell` 재정의 |
+| 페이지·기능 | `apps/web/src/pages/` | 해당 업무 흐름의 배치와 상태 표현 | 공통 셸·전역 테마 소유권 침범 |
+| 집중 화면 예외 | `pages/session/session.css`, 인증·아바타 전용 CSS | 세션의 몰입형 dark stage, 실제 아트 합성에 필요한 국소 색 | 예외 토큰을 다른 페이지로 전파 |
+
+현재 제품은 기존 브랜드와 IA를 보존하는 신뢰 우선 제품 UI다. 디자인 다이얼은
+`DESIGN_VARIANCE 4 / MOTION_INTENSITY 3 / VISUAL_DENSITY 6`으로 고정한다. 모션은 상태 전환과
+조작 피드백에만 쓰고, 데이터 밀도는 카드 중첩보다 여백·그룹·얇은 구분선으로 제어한다.
+
+새 시각 규칙은 다음 순서로 결정한다.
+
+1. 이 문서에 이미 있는 원칙인지 확인한다.
+2. 전역 결정이면 `tokens.css`, 공통 의미 단위면 `components/ui`, 앱 크롬이면 `components/shell`에 둔다.
+3. 페이지 전용 결정만 페이지 CSS에 둔다. 새 raw color가 필요하면 기존 의미 토큰으로 표현할 수 없는 이유를 주석으로 남긴다.
+4. 라우트 화면은 `React.lazy`로 분리하고 `Suspense` 로딩·오류 경계를 유지한다. 초기 진입 번들에 모든 역할 화면을 다시 합치지 않는다.
+5. `npm run check:design-ssot`, 타입체크, 프로덕션 빌드와 해당 시각 E2E를 통과해야 완료다.
+
 ---
 
 ## 1. 핵심 디자인 원칙 (신성불가침 5개)
@@ -479,6 +503,13 @@ function useAvatarMotion(state, affect, analyser) {
 
 핵심 긴장: **몰입 vs 평가 가시성.** 실시간 피드백이 라포 형성을 방해하면 안 되고, 평가가 사후로만 묶이면 학습 효과가 떨어진다. 해법 = **2단(two-tier) 피드백 모델** — 실시간은 "신호(signal)" 수준, 정밀 평가는 "회기말 리뷰"로.
 
+### 5.0 회기 시작 전 준비 화면
+
+- 헤더와 준비 본문은 같은 가용 폭을 사용한다. 별도의 고정 카드 폭으로 페이지 축을 끊지 않는다.
+- 데스크톱은 내담자 요약·회기 설정·진행 초점의 3열이되, 열은 고정 px가 아니라 가용 폭에 비례해 확장한다.
+- 진행 초점은 장식용 문구가 아니라 현재 단계, 선택 이론의 대화 기준, 이번 목표, 시간·안전 운영 기준을 즉시 확인하는 동적 브리핑이다.
+- 좁은 화면에서는 회기 시작이라는 단일 의도를 지키기 위해 진행 초점을 숨기고 핵심 설정과 시작 버튼을 우선한다.
+
 ### 5.1 3-column 골격 (데스크탑 ≥1280px)
 
 ```
@@ -678,6 +709,7 @@ body[data-role="admin"]      { --accent:#5B5F6B; --accent-bright:#7D818E; --acce
 
 - 톱바 56px `background:var(--surface); border-bottom:1px solid var(--hair);` (그림자 없음).
 - 좌측 네비 기본 72px 아이콘 전용(Lucide stroke 1.75), hover/포커스 시 220px 슬라이드(160ms). 활성 = 아이콘 `color:var(--accent)` + **3px 강조바 금지** → 아이콘 배경 `var(--accent-tint)` `border-radius:8px` 알약형(네비 알약만 8px 관용).
+- 앱 셸은 뷰포트 높이의 고정 프레임이다. 톱바와 GNB는 화면에 남고, 라우트 콘텐츠를 담는 메인 영역만 독립적으로 세로 스크롤한다. GNB 장식은 네비 자체의 `background` 레이어로만 합성하며 문서 위에 절대 위치 의사요소로 띄우지 않는다.
 - **역할 컨텍스트 라벨**: 톱바 좌측, `font-family:var(--font-num); font-size:13px; letter-spacing:0.04em; color:var(--accent);` — "학습 대시보드"/"교수 콘솔"/"운영 콘솔". "지금 누구로 보고 있나"의 유일하고 조용한 신호.
 - **권한 표현 원칙: 권한 없으면 DOM에서 제거.** disabled 회색처리도 안 함 — 존재를 숨김. 화면이 깨끗해지고 "내가 못 하는 것" 노이즈 제거. 임상 데이터 프라이버시(관리자는 학생 개별 성장곡선·transcript 기본 접근 불가, 메뉴 자체 렌더 안 함).
 
diff --git a/docs/HANDOFF.md b/docs/HANDOFF.md
index 594a631..08e72e9 100644
--- a/docs/HANDOFF.md
+++ b/docs/HANDOFF.md
@@ -1,6 +1,6 @@
 # Vignette Handoff
 
-> Updated: 2026-07-03 KST. 새 세션은 이 문서와 `docs/DESIGN_CONCEPT.md`를 먼저 읽고 이어가면 된다.
+> Updated: 2026-07-13 KST. 새 세션은 이 문서와 `docs/DESIGN_CONCEPT.md`를 먼저 읽고 이어가면 된다.
 
 ## 현재 상태
 
@@ -10,8 +10,8 @@
 - 로컬 engine gateway 기본 포트: `http://127.0.0.1:9099`
 - 공개 웹: `https://vignette.chanpaca.net`
 - 공개 API: `https://api-vignette.chanpaca.net`
-- 최신 앱 배포 소스: 2026-07-03 client diagnostics rollout.
-- 최신 Cloudflare Pages production deploy: 2026-07-03 manual deploy `https://a948284e.vignette-b1q.pages.dev`, branch `main`, custom domain assets `assets/index-R5KK7hZI.js` + `assets/index-DzdAkRsn.css`, boot diagnostic HTML 및 `/client-diagnostics` 송신 포함.
+- 최신 앱 배포 소스: 2026-07-13 생성 이미지/PSD 래스터 아바타 비활성화와 SVG 도형 기반 파라미터 리그 복귀(관리자 복원 탭 스크롤 복구 포함).
+- 최신 Cloudflare Pages production deploy: 2026-07-13 manual deploy `https://abe0a142.vignette-b1q.pages.dev`, branch `main`, custom domain assets `assets/index-DKQt25EP.js` + `assets/index-DzdAkRsn.css`. 앞선 관리자 전용 rollback 뒤 소유자 요청으로 SVG 아바타 복귀본을 다시 공식 배포했고, 커스텀 도메인 공개 번들에서 P1 데스크톱·모바일 SVG 렌더와 래스터 DOM 0개를 확인했다.
 - Google OAuth 허용 이메일 도메인: `hs.ac.kr`, `twentyoz.kr`
 - 최신 백엔드 회귀: `C:\Users\encep\AppData\Local\Programs\Python\Python311\python.exe -m pytest app/ -q` → `305 passed`
 - X1 재귀학습 export 1차: `scripts/export-recursive-dataset.py` 기본 read-only dry-run, `--write-dataset` 명시 시에만 `ds.*` write, approved export는 steward/legal/IAA gate 없으면 거부.
@@ -26,7 +26,7 @@
 - 턴 런타임 리팩터 2차: `turn_runtime.finalize_completed_turn`으로 REST submit/stream/voice WS의 `record_completed_turn` + `record_safety_event` 호출쌍을 공통화했다. gateway `/v1/stream` route 레벨에서 `token/done/error` SSE 프레임 contract tests를 추가했다. 검증: focused backend 40 passed.
 - Phase3 artifact checker 강화: `scripts/check-phase3-artifacts.py`가 CSV enum, KPI report 필수 field, approved export의 PII pass·κ/ICC·withdrawn exclusion·consent scope·file sha256을 검증한다. `app/test_phase3_artifact_checker.py` 5 tests 추가. 실제 파일럿 evidence와 steward/legal/IAA gate는 그대로 외부 의존이다.
 - 세션 종료 UX/dark theme SSOT 정리: 드래그형 `SlideToEnd`를 명시 확인 다이얼로그로 교체하고, Topbar/Settings theme 토글을 `lib/theme.ts` 단일 경로로 통합했다. 저장값이 없으면 dark를 기본으로 두고 앱 부팅 시 theme를 먼저 적용해 초기 flash를 줄인다. API 기본 preference `system`은 Settings에서 light로 오해하지 않고 현재 초기 테마를 따른다. 회기 리뷰·설정 포함 주요 페이지의 흰 섹션 잔재도 dark 작업면으로 맞췄다. 검증: `npm run typecheck`, `npm run build`, `npx playwright test e2e/layout-visual-gate.spec.ts e2e/settings.spec.ts e2e/session-review.spec.ts --project=chromium-desktop --project=chromium-mobile --project=chromium-single-run --workers=1` 22 passed.
-- PSD v2 기반 P1 아바타 보정: P1 기본 아바타는 컨셉 보드 크롭이 아니라 사용자 제공 `라투디 여캐_ver2.psd`에서 추출한 `seoyeon-live2d-psd-v2`를 사용한다. `sad` 표정은 PSD의 울상 눈썹, 우는 입, 눈물 레이어를 별도 파츠로 합성한다. active session 데스크톱 스테이지는 `상태 라벨 / 아바타 / 현재 상태` 3행 구조를 유지한다. 재현 스크립트와 소스 복사본은 `docs/avatar-art/seoyeon/live2d-psd-v2/`, 앱 자산은 `apps/web/public/avatar/seoyeon-live2d-psd-v2/parts/`에 있다.
+- 아바타 렌더 기준: 사용자 피드백에 따라 서연 P1과 P4~P7의 생성 이미지/PSD 래스터 파츠 연결을 전부 끊고, 모든 실제 화면과 dev 미리보기에서 기존 SVG 도형 기반 파라미터 리그만 렌더링한다. `RasterBust`와 래스터 원본·파츠는 재검토용으로 보존하지만 앱에서 로드하지 않는다. active session 데스크톱 스테이지의 `상태 라벨 / 아바타 / 현재 상태` 3행 구조는 유지한다.
 - M3 인증 claim 1차: Google/SAML/dev-login이 설정 기반 cohort map과 SAML cohort claim을 `cohort_ids`로 넘기고, 관리 사용자 `external_id`는 provider subject 기반(`google:`/`saml:`/`dev:`)으로 저장한다. 운영 SAML 서명검증·기관 claim schema·deprovisioning audit은 후속.
 - 페르소나 저작/P4~P7 적재 2차: `data/personas/P4.json`~`P7.json`을 저장소 관리 `PersonaCard`로 읽어 `materialize_seed_personas()`와 seed fallback catalog에 포함했다. 검증: `python -m pytest app/test_persona_review.py -q` 22 passed, 로컬 dev DB materialize 결과 `approved_codes=P1,P2,P3,P4,P5,P6,P7`, 인증된 로컬 `GET /personas`도 `P1..P7` 반환.
 - Google OAuth 진단 1차: provider callback error는 `access_denied`/`provider_error`로 분리하고, 로그인 화면은 실패 reason code를 함께 표시한다. 실제 Google 계정 완료 proof는 아직 owner 로그인/storageState가 필요하다.
diff --git a/docs/README.md b/docs/README.md
index 782f674..a06f6f1 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -34,6 +34,7 @@
 
 | 문서 | 역할 |
 |---|---|
+| [`guides/collaboration-for-researchers.md`](./guides/collaboration-for-researchers.md) | 비개발자(연구팀·디자인 담당)용 GitHub 협업 가이드 — 브랜치·PR·문구 수정 흐름·금지 사항 |
 | [`guides/local-development.md`](./guides/local-development.md) | 로컬 개발 환경 구축·실행 (1-커맨드 dev 스택) |
 | [`guides/architecture.md`](./guides/architecture.md) | 시스템 아키텍처(엔진/오케스트레이터/저항/마스킹/음성/평가/데이터) |
 | [`guides/testing.md`](./guides/testing.md) | 테스트·검증(pytest, typecheck, Playwright E2E 게이트) |
@@ -45,12 +46,18 @@
 | 문서 | 역할 |
 |---|---|
 | [`ops/public-runtime-watchdog.md`](./ops/public-runtime-watchdog.md) | 공개 런타임 워치독 설치·복구 절차(런북) |
+| [`ops/server-migration-runbook-draft.md`](./ops/server-migration-runbook-draft.md) | 서버 이관 런북 초안(자택→학교 정보처) — 이식성 이슈·DB dump/restore·엔진 모드 전환·검증 (초안) |
+| [`ops/pilot-usage-guide-draft.md`](./ops/pilot-usage-guide-draft.md) | 파일럿 사용 지침 초안(대학원생 ~20명) — 접속·시간 기반 회기·라이브 코칭·유의사항 (초안) |
 | [`ops/tailscale-vnet-runtime-2026-06-27.md`](./ops/tailscale-vnet-runtime-2026-06-27.md) | Tailnet 런타임 + 공개 vnet 외부 게이트 추적 |
 | [`ops/hanshin-data-governance-gate.md`](./ops/hanshin-data-governance-gate.md) | 한신대 데이터/SSO 외부 증거 게이트 체크리스트 |
 | [`ops/hanshin-feedback-improvement-plan-2026-07-03.md`](./ops/hanshin-feedback-improvement-plan-2026-07-03.md) | 한신대 실사용 오류분석 기반 개선 계획(P0~P4·레드팀 반영) |
+| [`ops/hanshin-meeting-actions-2026-07-13.md`](./ops/hanshin-meeting-actions-2026-07-13.md) | 2026-07-13 한신대 회의 결정 → 구현 스펙(P1~P5, 불변 요구사항) |
+| [`ops/session-progress-gauge-design-2026-07-14.md`](./ops/session-progress-gauge-design-2026-07-14.md) | P2 회기 누적 게이지·수치 상세 설계 1p |
+| [`ops/tagged-data-utilization-2026-07-15.md`](./ops/tagged-data-utilization-2026-07-15.md) | 연구팀 태깅 축어록 4종 활용 — KB 등록·taxonomy 1.1.0·P8~P11 초안 실행 기록 + 임상팀 게이트 후속 계획 |
 | [`redteam/hanshin-feedback-plan-redteam-2026-07-03.md`](./redteam/hanshin-feedback-plan-redteam-2026-07-03.md) | 한신대 개선 계획 적대 검토(컨텍스트·privacy·fallback·임상 설명 위험) |
 | [`redteam/hanshin-feedback-plan-counter-redteam-2026-07-03.md`](./redteam/hanshin-feedback-plan-counter-redteam-2026-07-03.md) | 한신대 개선 계획 대레드팀 검토(과잉 차단 완화·1차 MVP 재정렬) |
 | [`ops/code-quality-research-2026-06-26.md`](./ops/code-quality-research-2026-06-26.md) | 코드품질 분석 + 미실행 리팩터 로드맵 |
+| [`ops/refactor-governance-2026-07-15.md`](./ops/refactor-governance-2026-07-15.md) | 전 저장소 구조 감사·P1~P8 리팩터·중복/번들/SSOT 게이트 실행 증거 |
 | [`ops/postgres-rls-audit-smoke.md`](./ops/postgres-rls-audit-smoke.md) | RLS·감사로그 격리 스모크 절차(재현 런북) |
 | [`ops/engine-rss-smoke-2026-06-28.md`](./ops/engine-rss-smoke-2026-06-28.md) · [`ops/resistance-openness-db-smoke-2026-06-28.md`](./ops/resistance-openness-db-smoke-2026-06-28.md) | 대시보드가 인용하는 live 실측 증거 |
 | [`ops/layout-research-2026-06-27/persona-dashboard-layout-guideline.md`](./ops/layout-research-2026-06-27/persona-dashboard-layout-guideline.md) | 페르소나 스튜디오·대시보드 레이아웃 원칙 |
@@ -76,7 +83,7 @@
 
 | 문서 | 역할 |
 |---|---|
-| [`ops/handoff-avatar-seoyeon-2026-06-27.md`](./ops/handoff-avatar-seoyeon-2026-06-27.md) | 서연(P1) 아바타 작업 핸드오프(별도 세션 진행) |
+| [`ops/handoff-avatar-seoyeon-2026-06-27.md`](./ops/handoff-avatar-seoyeon-2026-06-27.md) | 서연(P1) 래스터 아바타 보류 상태·보존 파이프라인 핸드오프 |
 | [`avatar-art/personas/README.md`](./avatar-art/personas/README.md) | P4~P7 Live2D 파츠 생성 규칙 |
 | `avatar-art/` | 페르소나별 파츠·재현 스크립트·QA 자산(활성 파이프라인) |
 
diff --git a/docs/TODO.md b/docs/TODO.md
index c4c0ac4..cb8ab61 100644
--- a/docs/TODO.md
+++ b/docs/TODO.md
@@ -76,6 +76,10 @@
 ## F. 임상팀 콘텐츠  [임상] (외부 소유)
 > 출처: `ops/source-docs-gap-analysis-2026-06-26.md` · 백로그 B0. 코드 구조는 선제 구축, 문안·기준은 외부 정의.
 
+- [ ] **태깅 축어록 4종 후속 게이트** — `ops/tagged-data-utilization-2026-07-15.md` §3 소유:
+  golden set P8~P11, 다회기 스키마 격상, gestalt/dbt 이론모드 신설(소유자 결정), P1~P7 보강,
+  사례개념화 루브릭 draft, P8~P11 초안 검수·승인(특히 P9 자해 페르소나는 안전장치 실측 선행).
+
 - [ ] C1 사례개념화 **확정 루브릭 콘텐츠** + AI 추출/채점 calibration (현재 scaffold_only).
 - [ ] CBT 체인·이론부합 루브릭.
 - [ ] 위기개입 프로토콜 임상 문안.
@@ -87,8 +91,35 @@
 - [ ] **운영 티켓 자동 분류·처리** — Claude Recipe headless 자동 수정 후보, 관리자 승인 후 이슈 등록·PR/작업 스레드 생성,
   처리 결과 audit trail 확장. 자동 수정은 운영자 승인 전까지 실행하지 않는다.
 
+## H. 2026-07-13 한신대 회의 결정 구현  [구현] (파일럿 게이트 — 7월 내)
+> 출처: `ops/hanshin-meeting-actions-2026-07-13.md` (요구사항 상세·완료기준은 그 문서가 소유).
+> 데드라인: **7월 내 배포 → 7월 말~8월 초 파일럿(대학원생 ~20명)**. 9~10월 연구팀 점진 이관.
+
+- [x] **P1. 회기 종료 시간 기반 전환** — 구현 완료(2026-07-14). 60분 시간 기반(`SESSION_DURATION_MINUTES`) +
+  10분 전 알람 바 + 시간 만료 정리 유도 다이얼로그 + 유예(+10분) 후 서버 턴 409 거부 + 시작 전 목표 1~4개
+  선택(`goal_stages` 계약, DDL·런타임 가드 포함 — 회의 권장 2개 수준, 소유자 지시 2026-07-15로 4개까지 허용).
+  목표 달성해도 시간 내 계속 진행. 상태머신은 채점·표시용 유지.
+  **검증**: 백엔드 pytest 393 pass, 1분 회기 실측(알람→만료 다이얼로그→409), session-layout 8/8, layout-visual-gate 12/12.
+- [x] **P2. 회기 계획·달성도 게이지** — 구현 완료(2026-07-14). 설계 1p `ops/session-progress-gauge-design-2026-07-14.md`.
+  단계별 누적 게이지(rapport_credit 파생, 회기 간 ×0.7 이월로 누적) + 상세 수치(방어/개방도/라포 누적+이번 회기 증가분)
+  를 세션 화면·상세 응답·스트림 done·대시보드 페르소나 카드(rapport_percent)에 노출. 계획서·프로토콜 첨부는 기존
+  `/personas/sources`(+신규 엑셀 업로드)로 흡수. **검증**: 2회기 carry 실측(65%→46% 시작 = ×0.7 정확).
+- [~] **P3. 파일럿 인프라 대비** — 부하 검증 완료: `scripts/load-test-sessions.py`, 20 동시 세션 생성 20/20 성공
+  (p95 125ms, RAG warm 병목 없음), 5 동시 실턴은 p50 55s로 **claude_cli 상주 풀이 병목** → 파일럿 전
+  `ENGINE_MODE=claude_api` 전환 권고. 이관 절차 초안 `ops/server-migration-runbook-draft.md`, 파일럿 사용 지침
+  `ops/pilot-usage-guide-draft.md`. **남은 것**: 실제 서버 이관(연구팀·정보처 협의) — 외부 대기.
+- [x] **P4. 데이터 업로드 흐름 검증** — 자유 양식 엑셀 업로드 경로가 없어서 신규 구축(2026-07-14):
+  `POST /personas/sources/upload`(xlsx/xlsm/csv → 텍스트 결정론 변환 `services/tabular_ingest.py` → 기존 마스킹·
+  hash-only 증거·sanitized chunk 경로 재사용, 원본 바이트 미저장) + PersonaStudio 파일 첨부 xlsx 지원.
+  **검증**: 파란 라벨 샘플 실업로드(NAME 마스킹·chunk 색인·임베딩 OK, raw hash-only 확인), 방어 테스트 9종
+  (.xls 거부·cp949 폴백·손상/빈 파일) pass.
+- [~] **P5. 협업 체계** — 비개발자용 가이드 `guides/collaboration-for-researchers.md` 작성 완료(문구 수정 프로세스 포함).
+  **남은 것**: 저장소 초대(소유자 직접 실행).
+- ⏸️ **외부 대기(구현 착수 금지)**: '실패(게임오버)' 정의 / 검수 표준화 항목 / AI 평가 노출 정책 / 페르소나 추가 제작 — 전부 연구팀 몫, 수신 시 반영.
+
 ---
 
 ## 지금 임계경로 (한 줄)
 납품(공개 데모)의 핵심 블로커는 **A(공개 `/turn` proof + 배포 secrets)**. 그 다음이 **B(한신대 거버넌스)**와
-**C(Phase 3 파일럿)**. D~G는 품질·확장 작업으로 게이트가 아니다. 상세 상태·검증 증거는 SSOT 대시보드가 소유한다.
+**C(Phase 3 파일럿)** — C는 2026-07-13 회의로 **7월 말~8월 초 파일럿 일정 확정**, 그 전제로 **H의 P1(회기 종료 시간 기반)**이
+새 구현 게이트다. D~G는 품질·확장 작업으로 게이트가 아니다. 상세 상태·검증 증거는 SSOT 대시보드가 소유한다.
diff --git a/docs/design/darkmode-2026-07-14/README.md b/docs/design/darkmode-2026-07-14/README.md
new file mode 100644
index 0000000..02395bf
--- /dev/null
+++ b/docs/design/darkmode-2026-07-14/README.md
@@ -0,0 +1,33 @@
+# 다크모드 채도 완화 리디자인 (2026-07-14)
+
+> 배경: 2026-07-13 한신대 회의 피드백 — "모든 녹색 다크모드가 너무 채도가 높다".
+> gpt-image-2(imagegen2) 시안 3종을 만들고, A(따뜻한 차콜+마른 세이지)를 기본으로
+> B의 앰버 경고 톤을 혼합해 실제 토큰에 반영했다.
+
+## 시안
+
+| 파일 | 방향 | 채택 |
+|---|---|---|
+| `darkmode-a.png` | 저녁의 상담실 — 따뜻한 차콜 + 마른 세이지(#7da294대) | ✅ 기본 채택 |
+| `darkmode-b.png` | 근단색 그레이-유칼립투스 + 앰버 시간 알람 바 | ✅ 경고 톤만 채택 |
+| `darkmode-c.png` | 따뜻한 잉크 대시보드 + 누적 단계 게이지 표현 | 게이지 표현 참조 |
+| `implemented-session.png` | 실제 구현된 세션 화면 (컬랩싱 패널 + P2 게이지 포함) | 결과 |
+| `implemented-learn.png` | 실제 구현된 학습자 대시보드 | 결과 |
+
+## 토큰 변경 요약 (다크 블록만 — 라이트 모드 무변경)
+
+| 토큰 | 이전(쨍한 민트) | 이후(마른 세이지) |
+|---|---|---|
+| `--accent` | `#6fb3a4` | `#7da294` |
+| `--accent-deep` | `#84c2b4` | `#92b3a6` |
+| `--accent-bright` | `#6fb3a4` | `#8db1a4` |
+| `--pos-text` | `#7fd0a0` | `#9cbfa4` |
+| `--pos-solid` | `#5fb682` | `#6f9a7e` |
+| 세션 국소 `--accent` | `#79bfae` | `#83a89b` |
+
+하드코딩 잔여 색(고채도 틸)은 `session.css`/`shell.css`/`login.css`/`settings.css`/
+`learner-home.css`/`session-review.css`에서 일괄 저채도 값으로 치환했다
+(예: `#6fc6a8→#7da294`, `#1d7169→#29564d`, `rgba(111,179,164,…)→rgba(125,162,148,…)`).
+
+검증: `layout-visual-gate.spec.ts` 12/12 · `session-layout.spec.ts` 8/8 (다크 테마 어서션 포함).
+색상값 회귀는 게이트가 잡지 않으므로, 채도를 되돌릴 때는 이 문서와 시안을 근거로 소유자 확인을 거친다.
diff --git a/docs/design/darkmode-2026-07-14/darkmode-a.png b/docs/design/darkmode-2026-07-14/darkmode-a.png
new file mode 100644
index 0000000..2052831
Binary files /dev/null and b/docs/design/darkmode-2026-07-14/darkmode-a.png differ
diff --git a/docs/design/darkmode-2026-07-14/darkmode-b.png b/docs/design/darkmode-2026-07-14/darkmode-b.png
new file mode 100644
index 0000000..8ee9c96
Binary files /dev/null and b/docs/design/darkmode-2026-07-14/darkmode-b.png differ
diff --git a/docs/design/darkmode-2026-07-14/darkmode-c.png b/docs/design/darkmode-2026-07-14/darkmode-c.png
new file mode 100644
index 0000000..8f88f39
Binary files /dev/null and b/docs/design/darkmode-2026-07-14/darkmode-c.png differ
diff --git a/docs/design/darkmode-2026-07-14/implemented-learn.png b/docs/design/darkmode-2026-07-14/implemented-learn.png
new file mode 100644
index 0000000..b5095d5
Binary files /dev/null and b/docs/design/darkmode-2026-07-14/implemented-learn.png differ
diff --git a/docs/design/darkmode-2026-07-14/implemented-session.png b/docs/design/darkmode-2026-07-14/implemented-session.png
new file mode 100644
index 0000000..9e663ad
Binary files /dev/null and b/docs/design/darkmode-2026-07-14/implemented-session.png differ
diff --git a/docs/design/darkmode-2026-07-14/review-redesigned-2026-07-15.png b/docs/design/darkmode-2026-07-14/review-redesigned-2026-07-15.png
new file mode 100644
index 0000000..709e751
Binary files /dev/null and b/docs/design/darkmode-2026-07-14/review-redesigned-2026-07-15.png differ
diff --git a/docs/dev_dashboard.html b/docs/dev_dashboard.html
index 09308b6..54d0bfa 100644
--- a/docs/dev_dashboard.html
+++ b/docs/dev_dashboard.html
@@ -272,7 +272,7 @@
     <div class="brand"><span class="mark" aria-hidden="true"></span><span>Vignette 커맨드센터<small>팀장 리뷰 · dev status</small></span></div>
     <div class="head-right">
       <a class="owner-pill" href="#owner"><span class="d" aria-hidden="true"></span>내 차례 <b id="pill-owner">0</b></a>
-      <span class="stamp">2026-06-30 KST</span>
+      <span class="stamp">2026-07-15 KST</span>
     </div>
   </header>
 
@@ -286,7 +286,7 @@
         <div class="phase-rail" id="phase-rail" aria-label="Phase 진행 추정"></div>
         <div class="mstrip" aria-label="검증 지표">
           <span class="mchip good">Full E2E 기준선 <b>158</b></span>
-          <span class="mchip good">Node conformance OK · gateway <b>27</b> · backend <b>120</b></span>
+          <span class="mchip good">Node conformance OK · gateway <b>29</b> · backend <b>400</b></span>
           <span class="mchip good">Layout 시각게이트 <b>9/9</b> pass</span>
           <span class="mchip">Tailnet <b>이전 확인 OK</b></span>
           <span class="mchip good">Public API <b>recovered OK</b></span>
@@ -447,7 +447,7 @@
         <a class="dg-link" href="design-concepts/prompts/vignette-design-prompts-2026-06-27.md">프롬프트 문서</a>
       </div>
       <div class="dg-shell">
-        <p class="dg-note">적용 원칙: 생성 이미지 안의 문구는 참고하지 말고 실제 카피는 코드/기획서 기준으로 다시 쓴다. 세션 아바타는 기존 서연/P1 아바타 핸드오프와 `rasterArtSet` 지침을 우선한다. 교수·관리자 내비게이션은 현재 `AppShell`·`Sidebar` 구조를 유지하고, 배경 일러스트·패턴은 빈 상태·히어로·세션 주변 질감에 소량만 쓴다.</p>
+        <p class="dg-note">적용 원칙: 생성 이미지 안의 문구는 참고하지 말고 실제 카피는 코드/기획서 기준으로 다시 쓴다. 세션 아바타는 모든 페르소나에서 기존 SVG 도형 기반 파라미터 리그만 사용하며, 생성 이미지/PSD 래스터 파츠는 보존하되 제품에 연결하지 않는다. 교수·관리자 내비게이션은 현재 <code>AppShell</code>·<code>Sidebar</code> 구조를 유지하고, 배경 일러스트·패턴은 빈 상태·히어로·세션 주변 질감에 소량만 쓴다.</p>
         <p class="dg-note">1차 적용(2026-06-27): 온화한 이미지 요소 보드는 구현 참고용으로만 두고, 앱 배경에는 전용 래스터 텍스처 `apps/web/public/design-elements/clinical-paper-ambient.png`를 연결했다. 보드·타일셋·누끼 시트 형태 이미지는 직접 UI 배경으로 쓰지 않는다.</p>
         <p class="dg-note">2차 적용(2026-06-27): 생성된 관리자/설정/리뷰 시안 기준으로 admin 역할의 상단바·사이드바를 어두운 운영 콘솔 크롬으로 전환했고, 관리자 사용자 관리 행을 조밀한 운영 테이블 밀도로 낮췄다. 회기 리뷰는 헤더·인사이트 카드·피드백 스테이지에 따뜻한 래스터 질감과 낮은 채도 틴트를 적용했다.</p>
         <p class="dg-note">3차 적용(2026-06-27): 상담 세션 시작/진행 화면을 시안 기준의 어두운 상담 스테이지로 재정렬했다. 시작 전 화면은 내담자 무대·브리핑·진행 초점 3영역으로 유지하고, 진행 중 화면은 어두운 캔버스 위에 중앙 스테이지와 자막/컨트롤을 배치한다.</p>
@@ -561,8 +561,22 @@
         <p class="dg-note">124차 적용(2026-07-01): 본래 E2E goal을 계속 이어서 AI 튜터/평가 주변 silent error 후보 4개를 추가로 닫았다. <code>GET /live-coach</code> 실패는 빈 이력으로 보이지 않고 이력 모달 alert로 표시한다. <code>POST /live-coach</code>는 <code>persistence_source</code>를 반환하고, DB가 아닌 runtime 이력은 Session 카드와 이력 모달에서 임시 저장으로 드러낸다. 기존 pre/post 점수를 지우면 더 이상 <code>저장된 값 기준</code>으로 오인하지 않고 invalid 입력과 저장 차단으로 표시한다. 교수자 대시보드 pending queue는 턴이 0개인 종료 세션을 제외해 리뷰 준비 안 된 세션이 검토 대기처럼 보이지 않게 했다. 검증: <code>C:\Users\encep\AppData\Local\Programs\Python\Python311\python.exe -m pytest apps/api/app/test_teacher_dashboard.py -q</code> 11 passed, <code>C:\Users\encep\AppData\Local\Programs\Python\Python311\python.exe -m pytest apps/api/app/test_session_turn_persistence.py -q -k "live_coach_turn_marks_runtime_persistence_source"</code> 1 passed, <code>npm run typecheck</code>, <code>PLAYWRIGHT_PORT=5251 npx playwright test e2e/session-mvp.spec.ts --project=chromium-desktop --workers=1 --grep "AI tutor|runtime AI tutor"</code> 4 passed, <code>PLAYWRIGHT_PORT=5252 npx playwright test e2e/session-review.spec.ts --project=chromium-desktop --workers=1 --grep "pre/post"</code> 1 passed, 현재 Playwright 수집 기준 <code>186 tests in 19 files</code>. 로컬 작업트리 기준이며 배포 전이다.</p>
         <p class="dg-note">125차 적용(2026-07-01): 긴 회기 평가가 기존 짧은 리뷰 polling window를 넘기면 사용자는 <code>평가 대기</code>에 고착된 것처럼 볼 수 있었다. <code>SessionReview</code>의 ready polling window를 약 90초로 늘리고, 10번째 review 응답에서야 <code>평가 완료</code>가 되는 route-fixture 회귀를 추가했다. 검증: <code>npm run typecheck</code>, <code>PLAYWRIGHT_PORT=5253 npx playwright test e2e/session-review.spec.ts --project=chromium-desktop --workers=1 --grep "long-running session evaluation"</code> 1 passed, 현재 Playwright 수집 기준 <code>188 tests in 19 files</code>. 로컬 작업트리 기준이며 배포 전이다. 서브에이전트가 찾은 추가 후보(teacher dashboard stale-missing 불일치, 중복 <code>POST /end</code> 재평가 덮어쓰기, RAG/source-pack skip)는 이번 라운드에서는 후속으로 남겼다.</p>
         <p class="dg-note">126차 적용(2026-07-02): 125차 후속으로 남긴 AI 평가 silent error 후보를 닫았다. 교수자 대시보드도 상세 리뷰와 같은 missing session evaluation 규칙을 써서 timeout+grace 이후 evaluation row가 없으면 <code>평가 실패</code>와 재시도 필요 사유를 표시한다. 이미 종료된 세션에 <code>POST /sessions/{id}/end</code>가 다시 들어와도 background session evaluation을 재예약하지 않아 기존 ready row가 새 실패로 덮이지 않는다. AI 평가가 ready가 아니면 교수자 리뷰를 <code>검토 완료</code>로 닫아 pending queue에서 숨길 수 없고, UI의 <code>검토 완료</code> 버튼도 비활성화된다. <code>kb-source-packs.spec.ts</code>는 source-scoped evaluator retrieval 503을 더 이상 skip하지 않는다. 검증: <code>C:\Users\encep\AppData\Local\Programs\Python\Python311\python.exe -X utf8 -m pytest -p no:cacheprovider apps/api/app/test_teacher_dashboard.py apps/api/app/test_session_turn_persistence.py -k "teacher_cannot_close_review_before_ai_session_evaluation_ready or teacher_can_mark_session_review_closed_with_note or end_session_does_not_reschedule_evaluation_for_already_ended_session or session_evaluation or stale_missing" -q</code> 8 passed, <code>npm run typecheck</code>, <code>PLAYWRIGHT_PORT=5254 npx playwright test e2e/session-review.spec.ts --project=chromium-desktop --workers=1 --grep "manual AI retry|long-running session evaluation|retry a failed AI session evaluation|retry fails"</code> 4 passed, <code>PLAYWRIGHT_PORT=5255 npx playwright test e2e/kb-source-packs.spec.ts --project=chromium-single-run --workers=1</code> 1 passed, 현재 Playwright 수집 기준 <code>188 tests in 19 files</code>. 로컬 작업트리 기준이며 배포 전이다.</p>
-        <p class="dg-note">127차 적용(2026-07-02): 마무리 전 AI 튜터/음성 위기 UI의 silent error 두 개만 좁게 닫았다. 세션 UI의 로컬 코칭 quota가 0으로 stale해도 즉시 차단하지 않고 서버 <code>GET /live-coach</code> quota를 재조회한 뒤 실제 잔여 기회가 있으면 <code>POST /live-coach</code>를 계속 진행한다. quota exhaustion이나 재조회 실패는 이전 코칭 카드 아래에 묻히지 않도록 <code>coachError</code>를 우선 표시한다. 음성 <code>reply.conversation_stopped</code>가 빈 텍스트로 끝나는 위기 경로는 TTS 종료 이벤트를 기다리지 않고 socket을 닫아 109 안전 게이트와 입력 disabled 상태를 유지한다. 검증: <code>npm run typecheck</code>, <code>PLAYWRIGHT_PORT=5259 npx playwright test e2e/session-mvp.spec.ts --project=chromium-desktop --workers=1 --grep "AI tutor|stale empty AI tutor quota|quota exhaustion|degraded AI tutor|voice conversation stop"</code> 7 passed, 현재 Playwright 수집 기준 <code>194 tests in 19 files</code>. 로컬 작업트리 기준이며 배포 전이다. 서브에이전트가 지적한 live coach LLM audit 실패 은폐는 다음 라운드 후보로 남긴다.</p>
-        <p class="dg-note">128차 적용(2026-07-13): 텍스트 입력으로 생성된 AI 내담자 응답이 저장·표시만 되고 OpenAI TTS를 호출하지 않던 공백을 닫았다. 인증된 <code>POST /voice/speech</code>는 소유 회기의 저장된 client-visible 응답만 합성하고, Session은 텍스트 발화 전 사용자 제스처에서 Web Audio를 준비한 뒤 MP3를 재생한다. 새 발화는 이전 합성·재생을 취소한다. 검증: backend voice 32 passed, voice/session focused 91 passed, <code>npm run typecheck</code>, <code>npm run check:api-types</code>, <code>npm run build</code>, <code>PLAYWRIGHT_PORT=5271 npx playwright test e2e/voice-success.spec.ts --project=chromium-single-run --workers=1</code> 2 passed, 운영 OpenAI TTS 직접 smoke는 98,133-byte MP3(11.68초)를 반환했다. 배포 증거는 아래 production row에 동기화한다.</p>
+        <p class="dg-note">127차 적용(2026-07-02): 마무리 전 AI 튜터/음성 위기 UI의 silent error 두 개만 좁게 닫았다. 세션 UI의 로컬 코칭 quota가 0으로 stale해도 즉시 차단하지 않고 서버 <code>GET /live-coach</code> quota를 재조회한 뒤 실제 잔여 기회가 있으면 <code>POST /live-coach</code>를 계속 진행한다. quota exhaustion이나 재조회 실패는 이전 코칭 카드 아래에 묻히지 않도록 <code>coachError</code>를 우선 표시한다. 음성 <code>reply.conversation_stopped</code>가 빈 텍스트로 끝나는 위기 경로는 TTS 종료 이벤트를 기다리지 않고 socket을 닫아 109 안전 게이트와 입력 disabled 상태를 유지한다. 검증: <code>npm run typecheck</code>, <code>PLAYWRIGHT_PORT=5259 npx playwright test e2e/session-mvp.spec.ts --project=chromium-desktop --workers=1 --grep "AI tutor|stale empty AI tutor quota|quota exhaustion|degraded AI tutor|voice conversation stop"</code> 7 passed, 현재 Playwright 수집 기준 <code>206 tests in 19 files</code>. 로컬 작업트리 기준이며 배포 전이다. 서브에이전트가 지적한 live coach LLM audit 실패 은폐는 다음 라운드 후보로 남긴다.</p>
+        <p class="dg-note">128차 적용(2026-07-03): 127차 후속 후보였던 live coach LLM audit 실패 은폐를 닫았다. <code>record_llm_call_audit()</code>가 DB pool 또는 <code>audit.llm_call_log</code> insert 실패로 <code>False</code>를 반환해도 기존에는 <code>generate_live_coaching()</code>이 이를 무시해 정상 <code>status=ready</code> AI 코칭처럼 보일 수 있었다. 이제 live coach는 audit hook의 <code>False</code> 또는 예외를 감사 저장 미확인으로 보고, LLM structured 응답을 버린 뒤 규칙 기반 <code>status=degraded</code> 코칭으로 내려간다. 상담 루프는 막지 않되 사용자에게 정상 AI 코칭처럼 보이지 않게 하는 조치다. 검증: <code>C:\Users\encep\AppData\Local\Programs\Python\Python311\python.exe -X utf8 -m py_compile apps/api/app/services/live_coach.py apps/api/app/test_session_turn_persistence.py</code>, <code>C:\Users\encep\AppData\Local\Programs\Python\Python311\python.exe -X utf8 -m pytest -p no:cacheprovider apps/api/app/test_session_turn_persistence.py -k "live_coach" -q</code> 7 passed. 로컬 작업트리 기준이며 배포 전이다.</p>
+        <p class="dg-note">129차 적용(2026-07-13): 재부팅 뒤 Chrome이 기존 <code>/admin</code> 탭의 문서 스크롤을 복원하면서 sticky topbar/sidebar만 남고 관리자 본문은 화면 위로 밀리던 silent blank를 재현·수정했다. RED 재현은 길이 2200px 문서에서 <code>scrollY=900</code>을 만든 뒤 persisted <code>pageshow</code>를 보내 수정 전 <code>scrollY=1300</code>과 빈 main을 확인했다. <code>App.tsx</code>는 <code>history.scrollRestoration=manual</code>, <code>pageshow</code> reset, pathname layout-effect와 다음 frame reset을 함께 적용한다. 로컬 focused E2E는 desktop/mobile route 이동·복원 탭 4 passed, typecheck/build passed. Cloudflare Pages production <code>0daabb1b</code> 배포 뒤 custom domain은 <code>assets/index-BhyOF3rL.js</code>를 서빙하며, 15분 일회성 관리자 세션으로 운영 홈·사용자·권한·티켓과 복원 탭을 공개 사이트에서 확인한 <code>public-admin-visual</code> 3 passed 후 세션을 즉시 삭제했다. 이후 concurrent avatar 변경이 섞인 배포는 Cloudflare Pages rollback API로 <code>0daabb1b</code>에 되돌렸다.</p>
+        <p class="dg-note">130차 적용(2026-07-13): 운영 <code>/voice/health</code>는 OpenAI 설정을 정상으로 보고했고 실제 운영 키 직접 smoke도 98,133-byte/11.68초 MP3를 반환했지만, 운영 로그에는 사용자의 voice WebSocket 연결이 없어 텍스트 턴 AI 응답이 TTS 경로에 연결되지 않은 공백으로 좁혔다. 인증된 <code>POST /voice/speech</code>는 <code>session_id</code>/<code>turn_seq</code>로 소유 회기와 이미 저장된 client-visible 내담자 응답을 다시 검증한 뒤 기존 voice map/OpenAI TTS로 MP3를 반환한다. Session은 텍스트 전송 user gesture에서 AudioContext를 먼저 unlock하고, 합성 Blob을 기존 Web Audio/Analyser 재생기로 보내며 새 턴이 시작되면 이전 요청을 무효화한다. 검증: backend voice 32 passed, API types check, web typecheck, <code>voice-success</code> text TTS+별도 mic 회기 UI focused 1 passed.</p>
+        <p class="dg-note">141차 적용(2026-07-15): 공통 <code>Surface inset</code>는 중첩 카드처럼 보이던 border와 radius를 제거하고 반투명 광원·blur만 유지한다. 관리자 사용자 목록은 사용자별 <code>article</code> grid와 겹치던 <code>ad-user__meta</code>를 제거하고 <code>@tanstack/react-table</code> 기반 semantic table로 전환했다. 사용자/역할/관리 권한/승인 상태/소속/코호트/활성 회기/최근 접속/작업 열을 고정하고, 헤더 클릭 정렬과 sticky header, 1440px 최소 폭을 제공한다. 좁은 화면에서는 문서가 넓어지지 않고 표 region만 가로 스크롤된다. <b>검증</b>: typecheck, 관리자 사용자 생성·승인·편집·비활성화 및 모바일 스크롤 focused E2E 4/4, layout visual gate 15/15. 로컬 작업트리 기준이며 배포 전이다.</p>
+        <p class="dg-note">136차 적용(2026-07-15): 135차의 학습 대시보드 한정 보태니컬 스타일을 전 페이지 공통 디자인 시스템으로 승격했다. <code>AppShell</code>은 역할·라우트와 무관하게 단일 <code>vg-shell--botanical</code> 크롬을 사용하며, 과거 관리자·교수자·대시보드 전용 톱바/GNB override를 삭제했다. GNB는 라이트/다크 고해상도 투명 원본(846×1858, 922×1706)을 사용하고 이미지 시작점을 메뉴 아래로 내려 텍스트 침범을 막는다. 데스크톱 GNB는 shell body 안에서 <code>top:0</code>, 모바일 drawer에서만 <code>top:var(--topbar-h)</code>를 사용해 상단 빈 공간을 없앴다. 공통 캔버스는 우상단 보태니컬 배경과 같은 이미지를 180° 회전한 좌하단 배경을 함께 사용하며, main은 투명하게 둔다. 표면은 셸 SSOT에서 큰 패널용 glass와 내부 행·필드·요약용 inset glass 두 단계로 통합해 학습자·교수자·관리자·설정·페르소나·회기 리뷰·진행 세션의 모바일 재배치까지 같은 반투명 그라데이션, 저채도 황금 hairline, blur/saturation을 사용한다. 로그인·온보딩·승인대기도 같은 글래스 패널을 쓴다. 라이트 테마는 흰 카드와 흰 캔버스가 겹쳐 유리 효과가 사라지던 토큰을 수정해, 반투명 본체+스페큘러 광원 2층, 안쪽 굴절선, 샴페인 hairline과 세이지/골드 캔버스 광원을 사용한다. 모바일에서도 보태니컬 캔버스를 제거하지 않는다. 학습 대시보드의 <code>오늘의 회기</code>/<code>기록 · 리뷰</code>/<code>성장 지표</code> 탭과 회기 리뷰의 <code>축어록</code>/<code>피드백</code>/<code>워크시트</code> 탭은 모든 폭에서 유지한다. Live2D 주변의 이중 외곽 컨테이너는 제거하고 투명 clipping 영역에서 캐릭터·잎 장식만 우하단으로 잘리게 했다. <code>object-separate --check</code>로 로컬 GPU 분리 런타임을 확인했고, 제공 원본이 정상 RGBA alpha(0–255)라 재분리 없이 원본을 사용했다. <b>검증</b>: <code>npm run typecheck</code>, <code>npm run build</code>, layout-visual-gate <code>15/15</code>, learner/session-layout/session-review desktop+mobile <code>46/46</code>, 라이트·다크·관리자·교수자·설정·리뷰·진행 세션 1440px 및 390px 스크린샷 직접 확인. 로컬 작업트리 기준이며 배포 전이다.</p>
+        <p class="dg-note">135차 적용(2026-07-15): 제공된 <code>Vignette-Asset-Set</code>의 512px 최적화 PNG 14종을 <code>public/design-elements/learner-dashboard/</code>로 자산화하고 학습 대시보드(<code>/learn</code>)에만 보태니컬 시안을 적용했다. 라이트/다크 각각의 사이드바·우상단 배경과 메트릭 카드 4종·AI 코치 장식을 테마별로 교체하며, 카드 표면은 크림/차콜의 비대칭 광원 그라데이션과 저채도 황금 헤어라인을 사용한다. 이 범위 제한은 136차에서 전 페이지 공통 글래스 시스템으로 대체됐다. <code>layout-visual-gate</code>는 라이트 테마 자산 연결까지 computed style로 확인하고 테마를 다크로 복귀한다. <b>검증</b>: <code>npm run typecheck</code>, <code>npm run build</code>, layout-visual-gate <code>12/12</code>, session-layout <code>8/8</code>, learner desktop/mobile <code>14/14</code>, 라이트·다크 1440px 및 다크 390px 스크린샷 직접 확인. 로컬 작업트리 기준이며 배포 전이다.</p>
+        <p class="dg-note">135차 적용(2026-07-15): 소유자 후속 결정으로 회기 리뷰 탭을 중간 폭 한정에서 <b>전 폭 공통</b>으로 확장 완성했다. 소유자가 <code>SessionReview.tsx</code>·e2e에 남긴 방향(탭 바 전 폭 노출, "기존 데스크톱 3컬럼은 시선 이동과 빈 공간이 커서 사용하지 않는다")에 맞춰, 데스크톱에서도 축어록/피드백/워크시트 중 활성 탭 하나만 전폭 단일 컬럼으로 보여주도록 CSS를 정리했다 — 파일 끝의 '전 폭 탭' 블록을 단일 진실로 삼고 앞부분의 구 3컬럼·중간폭 전용 규칙과 중복 정의를 제거(같은 셀렉터의 후행 전역 규칙이 탭별 컬럼 규칙을 덮던 충돌 해소). 피드백 탭은 인사이트 흐름 위 / 평가·검토 레일 아래 세로 스택. e2e는 전 폭 탭 계약으로 갱신: <code>session-review.spec</code> 영역 헬퍼(활성 탭 단일 컬럼 + 인사이트→평가 세로 순서 + 밴드가 그리드 위), <code>teacher.spec</code>·<code>session-persistence.spec</code>(워크시트/프리포스트/검토 카드 단언 전 해당 탭 오픈 — '평가 대기' 대기 자리표시자 포함), layout gate는 소유자 갱신본(전 폭 columnCount 1 계약) 그대로 통과. 검증: typecheck, 브라우저 실측(데스크톱 2005px·좁은 폭 603px 탭 전환/스택/무오버플로), <code>session-review+teacher+session-mvp</code> 64/64, layout gate 12/12, persistence worksheet·prepost @single-run 2/2, 로컬 프로젝트 전체 재실행 그린(동시 실행 플레이크 2건은 단독 재실행 통과). 부수: voice consent-withdrawal e2e가 공유 learner 계정 데이터를 파기하는 특성 확인 — 로컬 수동 점검 시 계정 온보딩 재완료 필요(<code>terms_accepted</code>/<code>privacy_accepted</code> 포함). 로컬 작업트리 기준이며 배포 전이다.</p>
+        <p class="dg-note">140차 적용(2026-07-15): <code>/teach/personas</code>를 기존 3열 저작 스튜디오에서 상단 horizontal tab 기반 워크스페이스로 재구성했다. 1차 탭은 <b>대시보드 / 카탈로그 / 페르소나</b>, 페르소나 내부 2차 탭은 <b>전체 페르소나 / 검수 현황</b>이다. 대시보드는 공개·활성 페르소나, 실제 학습 인원·진행/종료 세션, 저장된 상담자 턴 평가와 라포 신호만 집계한 성과·진척도, 검수 요약 및 페르소나별 최근 기록을 표시한다. 카탈로그는 승인본 공개·보관·버전 규칙과 이론 분포를 설명한다. 전체 목록은 검색/구분 필터가 있는 table로 시스템(P1~P11)/사용자 생성, 공개·검수·초안 상태, 버전과 행 작업을 한 번에 보여준다. 행 상세는 소개·학습 현황·설정 탭 drilldown이며, 신규/수정은 자료→초안→설정→검토 4단계 작업면과 이전/다음 이동, 브라우저+서버 중간 저장을 사용한다. 모바일 table은 가로 밀림 대신 카드형 행으로 재배치한다. 기존 RAG·draft·검수·승인·archive API 계약은 유지했다. 부수로 기존 동시 작업의 <code>LearnerHome.tsx</code> 중복 <code>className</code> 컴파일 오류를 동일 interactive surface 호출로 병합했다. <b>검증</b>: <code>npm run typecheck</code>, <code>npm run build</code>, 페르소나 focused E2E 6/6, 새 IA·작성 step focused 2/2, layout visual gate 14/14, session-layout desktop/mobile 8/8, 1440px·390px 대시보드/상세/작성 캡처 직접 확인. 로컬 작업트리 기준이며 배포 전이다.</p>
+        <p class="dg-note">139차 적용(2026-07-15): 앱 셸을 뷰포트 높이의 고정 프레임으로 바꿔 톱바와 GNB는 화면에 남고 <code>vg-main</code>만 독립적으로 세로 스크롤하게 했다. 문서 전체 위에 절대 위치로 떠 있던 좌하단 보태니컬 <code>vg-shell__body::after</code> 레이어는 제거하고, GNB 장식은 <code>vg-nav</code> 자체 배경에만 유지했다. 모바일 가로 GNB도 같은 프레임의 첫 행에 고정된다. learner layout gate는 메인 scrollTop 변화, GNB 위치 변화 1px 이하, window scroll 불변을 390~1440px에서 확인한다. 검증: layout visual gate 13/13, session layout desktop/mobile 8/8. 전체 <code>npm run typecheck</code>/<code>build</code>는 동시 작업 중인 <code>PersonaStudio.tsx</code> 미사용 선언 오류로 차단됐으며 이번 셸 변경과 무관하다. 로컬 작업트리 기준이며 배포 전이다.</p>
+        <p class="dg-note">138차 적용(2026-07-15): 학습 대시보드 메트릭 카드의 장식 이미지는 카드별 <code>--lh-art-right</code>/<code>--lh-art-bottom</code>/<code>--lh-art-width</code>/<code>--lh-art-height</code> 변수로 크롭을 독립 조정하는 현행 구조를 유지했다. 회기 리캡 아바타 뒤의 잎 장식은 인물 식별을 흐려 제거하고, <code>lh-session-focus</code> 패널 우측 하단으로 이동해 <code>right:-20px</code>, <code>bottom:-28px</code>에서 보더에 걸려 잘리게 했다. 검증: <code>npm run typecheck</code>, <code>npm run build</code>, learner home layout visual gate 1/1(390~1440px 7개 폭 + 1200px 라이트/다크), 1200px 라이트·다크 캡처 직접 확인. 로컬 작업트리 기준이며 배포 전이다.</p>
+        <p class="dg-note">137차 적용(2026-07-15): 회기 시작 전 화면의 <code>sx-prestart</code> 고정 1120px 폭을 제거해 <code>sx-head</code>와 같은 가용 폭을 사용하고, 내담자·설정·진행 초점 3열을 비율형으로 재조정했다. 진행 초점은 고정 문구 3개 대신 현재 단계, 선택 이론의 실제 대화 기준, 선택 목표, 회기 시간·알림·안전 원칙을 반영하는 동적 브리핑으로 확장했다. layout visual gate에 전 폭 헤더/준비 카드 폭 일치와 브리핑 항목 회귀를 추가했다. 검증: <code>npm run typecheck</code>, <code>npm run build</code>, session prestart layout visual gate 1/1(390~1440px 7개 폭), 1440px·1024px 캡처 직접 확인. 로컬 작업트리 기준이며 배포 전이다.</p>
+        <p class="dg-note">134차 적용(2026-07-15): 소유자 실사용 피드백 3건과 그 과정에서 드러난 회귀·결함을 일괄 처리했다. <b>(A) 중간 폭 가로 탭 전환</b> — 1158px 실측 피드백("2컬럼 굳이 필요한가, 상단 horizontal tab이 낫지 않나" + "사례 워크시트까지 탭에")에 따라 <code>SessionReview</code>는 ≤1180px에서 3컬럼 대신 상단 가로 탭(<code>축어록</code>/<code>피드백</code>/<code>워크시트</code>)으로 영역을 전환한다(<code>.sr-tabs</code> + <code>.sr-cols--tab-*</code>, 데스크톱 3컬럼 무변경). 같은 패턴으로 학습 대시보드(<code>/learn</code>)도 ≤1180px에서 <code>오늘의 회기</code>/<code>기록 · 리뷰</code>/<code>성장 지표</code> 탭으로 재구성했다(<code>.lh-tabs</code> + <code>.lh-grid--tab-*</code>, 메트릭 카드·헤더는 탭 밖 상시 노출). e2e는 탭 인식 헬퍼로 갱신(session-review 모바일 supervisor 계열 5건 포함). <b>(B) 관리자 배경 rect 제거</b> — <code>/admin</code> 우측 상단의 이상한 밝은 사각형은 <code>.ad-root::before</code>가 <code>clinical-paper-ambient.png</code>(560×420, opacity 0.045)를 다크 배경 위에 깔던 장식으로, 이미지 경계가 rect로 드러나던 것 — 규칙 자체를 제거했다. <b>(C) 회귀·결함 수정</b> — ① 신규 회기 시작 직후 URL 전환이 resume 재로딩을 트리거해 서버 스냅샷(0턴)이 전송 직후의 낙관적 학습자 발화를 덮어쓰던 race를 <code>justStartedSessionRef</code> 가드로 수정(@single-run SSE persistence 재현·해결). 같은 가드로 신규 회기 초기 코칭 이력 동기화는 수행하되 stale quota가 기본 기회 수를 덮지 않게 <code>applyQuota:false</code>로 결정론화(이전에는 재로딩 race 승패에 의존). ② 모바일(≤880px) 코칭 카드에서 <code>근거 보기</code>/<code>이력 보기</code> 버튼을 숨기던 규칙 제거 — 근거 감사 접근은 코칭 신뢰성의 핵심이라 모바일에서도 유지(공간 절약은 발화 예시 blockquote 숨김까지만). ③ <b>안전 결함</b>: 모바일 압축 레이아웃이 위기 신호 시에도 안전 패널(109 리소스 포함)을 통째로 숨기던 문제를 <code>sx-has-safety</code> 페이지 클래스 + 위기 시 노출 규칙(≤1180/≤880 양쪽)으로 수정. ④ 세션 프리플라이트(목표 선택 포함)가 데스크톱에서 문서 스크롤을 6~13px 넘치던 회귀를 <code>.vg-main:has(.sx-page--prestart)</code> 패딩 축소로 수정, 모바일은 세로 스크롤 허용으로 e2e 계약 조정. ⑤ e2e 드리프트 정리: 학습 현황 라벨(<code>aria-label</code>) 정합, readiness CTA 단언 갱신, dev 엔진 음성 턴 실측(90초+)에 맞춘 voice persistence 타임아웃 상향(150s/240s). <b>검증</b>: <code>npm run typecheck</code>, 로컬 프로젝트 전체 <code>164 passed</code>(desktop+mobile), layout-visual-gate 12/12, 실엔진 @single-run 직렬 전체 <code>44 passed</code>(20.8분 — race·타임아웃 수정 반영 후 전 그린), 브라우저 실측(learn 탭 3종 전환·데스크톱 1440 회귀·admin rect 소멸 스크린샷). 로컬 작업트리 기준이며 배포 전이다.</p>
+        <p class="dg-note">133차 적용(2026-07-15): 두 갈래를 일괄 처리했다. <b>(A) 회기 리뷰 화면 재설계</b> — 소유자 피드백(도킹된 리뷰 요약 레일이 스크롤을 따라다니며 콘텐츠를 가림 + 3컬럼 빈 공간 과다 + 세로 나열 요약 카드)에 따라 <code>SessionReview</code> 레이아웃을 재구성했다. 리뷰 요약은 sticky 제거 후 상단 전폭 밴드(요약 문장 + 팩트 칩 3개 가로 + 액션 버튼 가로)로 승격, 본문은 행 높이 공유로 데드 갭을 만들던 grid-areas 행 배치 대신 컬럼별 자체 흐름 스택(<code>.sr-left</code>/<code>.sr-right</code> 래퍼 grid)으로 바꿔 좌 인사이트 / 중앙 축어록(주역) / 우 평가 스택 구조를 만들었고, 워크시트는 전폭 하단으로 내렸다. 사이드 레일 대기 자리표시자는 컴팩트 스타일로 축소. e2e 기하 계약(session-review.spec 헬퍼·layout-visual-gate 학습자 워크벤치)은 새 설계 기준(밴드가 그리드 위, 3컬럼 chart→transcript→rubric 순서)으로 갱신했다. 검증: <code>session-review.spec.ts</code> 24/24, layout gate 12/12, typecheck/build. <b>(B) 연구팀 태깅 축어록 4종 활용</b> — 첫회기 BPS·게슈탈트 3회기·자해 DBT·우울 CBT 태깅 엑셀을 실명 사전 치환 후 신규 <code>POST /personas/sources/upload</code>로 KB 등록(101청크 색인·임베딩, hash-only 증거, 원본 미저장). <code>taxonomy.py</code> v1.1.0 — 연구팀 태그 정합으로 Technique 9종·ClientState 9종 append-only 추가(<code>docs/taxonomy.md</code> 조작적 정의 동반). 가드레일 <code>_MEANS_TERMS</code> 자해 도구·방법 확장(경계 설정 표현 오차단 방지 테스트 포함). 라이브 코칭 소스팩 3종 신설·색인(DBT 위기·전념 / 게슈탈트 무브 / 부모 첫회기 무브, 17청크). 등록 근거로 RAG 페르소나 초안 4종 생성·저장 — <b>P8 미영</b>(45세 부모측·통합/CBT), <b>P9 유진</b>(자해 DBT·hard·게이티드 — 초안 warnings에 '교수 검수·안전장치 테스트 전 활성화 금지' 명시), <b>P10 선혜</b>(게슈탈트 한부모), <b>P11 정호</b>(Beck CBT 비자발 남성). 전부 <code>draft</code> 상태로 교수 검수 큐 노출 — 승인·활성화는 연구팀 몫(월권 방지). 부수 수정: 게이트웨이 <code>/v1/generate</code> 턴 타임아웃 120s 하드코딩 → <code>ENGINE_GENERATE_TIMEOUT_SECONDS</code>(기본 300s)로 설정화(대형 구조화 생성 대응). 실행 기록·임상팀 게이트 후속은 <code>ops/tagged-data-utilization-2026-07-15.md</code>. 검증: 백엔드 pytest <code>396 passed</code>, 게이트웨이 29 passed, typecheck/build. 로컬 작업트리 기준이며 배포 전이다.</p>
+        <p class="dg-note">132차 적용(2026-07-15): 회기 목표 선택 상한을 1~2개 → <b>1~4개</b>로 확장했다(소유자 지시). 백엔드 <code>goal_stages</code> 검증 <code>max_length=4</code>+중복 제거, 프론트 토글은 교체 로직 없이 자유 토글, 준비 화면 문구 <code>1~4개 선택</code>. 회의 스펙(2개 수준)과의 차이는 소유자 결정으로 기록한다. 검증: 백엔드 pytest 394 passed(목표 계약 테스트 4개 갱신), typecheck, 브라우저에서 4개 선택→시작→목표 배지 4개 확인.</p>
+        <p class="dg-note">131차 적용(2026-07-14): 2026-07-13 한신대 회의 결정(P1~P5)과 소유자 추가 지시(코칭 고도화·수치 상세·포탈·다크모드 채도·UI 컬랩싱)를 일괄 구현했다. <b>P1 시간 기반 회기</b> — 세션은 60분(<code>SESSION_DURATION_MINUTES</code>) 기준으로 진행하고 종료 10분 전 앰버 알람 바, 시간 만료 시 정리 유도 다이얼로그 강제 오픈, 유예(+10분) 이후 신규 턴은 서버가 <code>409 session_time_over</code>로 거부한다(텍스트/음성 공용). 시작 전 준비 화면에서 이번 회기 목표 단계를 1~2개 선택하는 <code>goal_stages</code> 계약을 추가했고(app.sessions.session_goals JSONB + 런타임 스키마 가드 + readiness probe 갱신), 목표를 달성해도 시간 내에는 계속 진행한다(목표 달성 넛지만 표시). <b>P2 누적 게이지·수치 상세</b> — 설계 1p <code>ops/session-progress-gauge-design-2026-07-14.md</code> 후 <code>build_session_progress()</code> 순수 파생으로 단계별 누적 게이지(라포 임계 대비 %, 회기 간 ×0.7 이월로 누적)와 방어(저항)/유효 개방도/라포 누적+이번 회기 증가분 %를 세션 트랙·관찰 신호 패널·상세 응답·스트림 done·대시보드 페르소나 카드에 노출했다. <b>코칭 고도화</b> — 미동작 원인 3중(기본 ambient 모드에서 호출 자체 차단 / 미커밋 audit 강등이 dev 무DB에서 정상 LLM 응답 폐기 / 3중 AND 충전 조건으로 사실상 충전 불가)을 근원 수정: 코칭 탭이 닫혀 있으면 기회를 소모하지 않고 컨텍스추얼 넛지 칩으로 대기시키고, <code>record_llm_call_audit</code>는 dev 폴백(무DB)을 기록 실패로 보지 않으며, 충전은 완화된 성과 조건 + 6턴 페이싱 충전으로 재설계했다. 프롬프트에 회기 목표·직전 코칭을 주입하고 폴백도 단계별 문장으로 개선했다. <b>P4 업로드</b> — 자유 양식 엑셀 경로가 없어 신규 구축: <code>POST /personas/sources/upload</code>(xlsx/csv→텍스트 결정론 변환, 원본 바이트 미저장·hash-only 증거) + PersonaStudio 파일 첨부. 파란 라벨 샘플 실업로드로 NAME 마스킹·chunk 색인·임베딩·raw hash-only를 확인했다. <b>P3 부하</b> — <code>scripts/load-test-sessions.py</code>로 20 동시 세션 생성 20/20(p95 125ms, RAG warm 병목 없음), 5 동시 실턴 p50 55s로 claude_cli 상주 풀 병목 실측 → 파일럿 전 <code>ENGINE_MODE=claude_api</code> 전환 권고. 이관 초안 <code>ops/server-migration-runbook-draft.md</code>, 파일럿 지침 <code>ops/pilot-usage-guide-draft.md</code>, 협업 가이드 <code>guides/collaboration-for-researchers.md</code>. <b>포탈</b> — 학습자 대시보드에 보완할 부분(평가 파생 약점 신호)·내담자별 라포 누적 게이지·연습 이정표(기존 미노출 achievements)를 추가하고 중간 폭(1181~1420px) 리캡 카드 붕괴를 수정했다. <b>다크모드 채도 완화</b> — imagegen2 시안 3종(<code>docs/design/darkmode-2026-07-14/</code>) 중 A(따뜻한 차콜+마른 세이지 <code>#7da294</code>대)를 채택해 tokens.css 다크 블록과 session/shell/login/settings/learner-home/session-review CSS의 하드코딩 고채도 틸을 일괄 저채도로 치환했다(라이트 모드 무변경). <b>컬랩싱</b> — 세션 화면 내담자 컨텍스트·안전 점검 패널 기본 접힘 + 위기 신호 시 안전 점검 강제 오픈, 관찰 신호 접기 토글. <b>검증</b>: 백엔드 pytest <code>393 passed</code>(신규 시간/목표 9종·게이지 7종·엑셀 변환 9종·코칭 충전 4종 포함), <code>npm run typecheck</code>/<code>generate:api-types</code>, <code>session-layout.spec.ts</code> 8/8, <code>layout-visual-gate.spec.ts</code> 12/12, 실브라우저 E2E(1분 회기 알람→만료→409, 코칭 넛지→실LLM 코칭 카드 3→2, 2회기 carry 65%→46%=×0.7 정확, 대시보드 실데이터). 회의 스펙의 '정리 발화 시 자동 종료'는 백엔드에 원래 존재하지 않는 것으로 실측 확인 — 수동 조기 종료 경로가 이를 대체하며 스펙 문서와의 차이는 이 노트가 기록한다. 로컬 작업트리 기준이며 배포 전이다.</p>
         <p class="dg-note">20차 적용(2026-06-28): 신규 Google/SAML 사용자는 <code>account_status=pending</code>으로 시작하고 승인 전에는 <code>/pending</code> 안내 화면만 본다. <code>yunchan@twentyoz.kr</code>는 슈퍼 관리자 allowlist로 admin+approved를 받으며, <code>/admin/users</code>는 가입 승인 탭에서 pending 계정을 승인 또는 보류 처리한다.</p>
         <p class="dg-note">21차 적용(2026-06-28): 관리자 페이지 진입권을 기본 역할과 분리해 <code>app_user.admin_access</code>로 저장한다. <code>AUTH_SUPER_ADMIN_EMAILS</code> 기본값은 <code>yunchan@twentyoz.kr</code>, <code>hoonjungkoo@hs.ac.kr</code>이며, 슈퍼 관리자는 학습자·교수자·관리자 공간 전환과 관리자 권한 부여/회수를 할 수 있다. 학생·교수 계정도 <code>admin_access=true</code>면 우측 상단 관리자 진입이 노출된다. 구성 슈퍼 관리자의 권한 회수와 계정 비활성화는 차단한다.</p>
         <p class="dg-note">25차 적용(2026-06-28): <code>/admin/users</code>에서 허용 도메인 밖 이메일도 정확한 계정 단위로 강제 등록할 수 있다. Google/SAML/dev-login은 미리 등록된 이메일만 도메인 게이트 예외로 통과시키고, provider 로그인 시 기존 관리 row의 역할·코호트·승인 상태를 이어받는다. 미등록 외부 도메인 로그인은 계속 차단한다.</p>
@@ -731,8 +745,8 @@
             <div class="scard-body"><div class="kv"><b>현재</b><p>텍스트 <code>/turn</code>·<code>/stream</code>·음성 경로에서 fast-loop 턴 평가를 <code>app.feedback_scores</code>, <code>app.turn_technique</code>, <code>app.turn_client_state</code>, <code>app.supervisor_comment</code>, <code>app.alternative_utterance</code>로 정규화 적재 후 리뷰 조회에서 hydrate한다. 평가 훅 예외와 evaluator error dict는 정상 neutral 점수로 둔갑하지 않게 <code>evaluation.error</code>로 남기고, 리뷰에는 <code>턴 평가 실패</code> 노트로 표면화하며, 성장 점수·최근 피드백 집계에서는 제외한다. 이번 패스에서 <code>app/services/live_coach.py</code>, <code>data/kb/live_coaching_workbook_0615.json</code>, <code>data/kb/live_coaching_sources/*.json</code>, <code>POST /sessions/{id}/live-coach</code>, <code>GET /sessions/{id}/live-coach</code>, <code>POST /kb/live-coach/source-packs/sync</code>, <code>app.live_coach_events</code>를 추가했다. 세션 UI는 코칭 모드에서 AI 코치 아바타 말풍선으로 즉시 개입하고, "근거 보기" 모달과 학습자 발화 우측 <code>C</code> 마커를 통해 받은 코칭 이력을 채팅 위 스크롤 오버레이로 보여준다. 저장 payload는 PII 마스킹 excerpt + 코칭 구조화 JSON이며, 공식 자료는 허가된 source pack의 version/citation/summary로 넣고 장문 원문·공식 문항을 재현하지 않는다. 같은 source pack은 <code>app.services.source_pack_sync</code>를 통해 evaluator 전용 RAG에 증분 색인하며, hash 변경 시 최신 active document version+1로 새 문서를 만든다. 74차에서는 로컬 source pack 캐시의 key/lifetime/무효화 경계를 명시해 live turn은 API 프로세스 snapshot을 재사용하고, 관리자 sync/CLI만 <code>refresh=True</code>로 repo 파일을 다시 읽게 했다. 학습자 <code>SessionReview</code> 데스크톱은 요약/흐름, 축어록, 평가 rail의 3열 workbench와 하단 워크시트로 재배치했고, 교수자 검토 화면과 모바일/태블릿은 기존 반응형 규칙을 유지한다.</p></div><div class="kv"><b>검증</b><p><code>python -m compileall app -q</code>, 과거 <code>pytest app/test_live_coach_sources.py app/test_orchestrator_masking.py app/test_session_turn_persistence.py -q</code> 27 passed, source sync focused <code>py -3.11 -X utf8 -m pytest -p no:cacheprovider app/test_live_coach_sources.py -q</code> 9 passed, H2 related <code>py -3.11 -X utf8 -m pytest -p no:cacheprovider app/test_live_coach_sources.py app/test_orchestrator_masking.py app/test_session_turn_persistence.py -q</code> 44 passed, fast-loop failure focused <code>py -3.11 -X utf8 -m pytest -p no:cacheprovider app/test_session_turn_persistence.py -k "fast_loop_evaluation" -q</code> 2 passed, failed metric exclusion focused <code>py -3.11 -X utf8 -m pytest -p no:cacheprovider app/test_learner_dashboard.py -k "failed_fast_loop" -q</code> 1 passed, <code>py -3.11 -X utf8 scripts\sync-persona-sources.py --help</code>, <code>py -3.11 -X utf8 -m py_compile</code> focused files, <code>npm run generate:api-types</code>, <code>npm run check:api-types</code>, <code>npm run typecheck</code>, <code>npm run build</code>, <code>npm run e2e -- e2e/layout-visual-gate.spec.ts e2e/session-layout.spec.ts</code> 15 passed. 최신 workbench 검증: <code>npm run typecheck</code>, <code>npm run build</code>, <code>npx playwright test e2e/session-review.spec.ts --project=chromium-desktop --workers=1</code> 3 passed, <code>npx playwright test e2e/layout-visual-gate.spec.ts --project=chromium-single-run --workers=1</code> 9 passed, <code>04-session-review-desktop.png</code> 직접 확인. 로컬 DB smoke: source pack sync 4 sources/15 chunks embedded, 재호출 <code>skipped_unchanged=4</code>, <code>official_suicide_risk_guidelines</code> source filter 검색 성공.</p></div><div class="kv k-warn"><b>잔여</b><p>임상팀 골든셋·라이브 코칭 루브릭 검수, 공식 지침/논문 source pack 추가와 임상 검수 상태 운영정책 보강이 남아 있다.</p></div></div>
           </article>
           <article class="scard" data-status="done" data-cat="콘텐츠·산출물" data-owner="0">
-            <button class="scard-head" aria-expanded="false"><span class="chip c-done">HIGH H3 11차 DONE</span><span class="scard-mid"><span class="scard-title">페르소나 스튜디오 + RAG 첨부 + 항목형 저작/검토</span><span class="scard-sum">JSON 패널을 별도 저작 스튜디오로 분리하고, 자료 기반 초안 생성 계약·목록형 임상 필드·라벨형 프롬프트 검토를 제공한다.</span></span><span class="caret" aria-hidden="true"></span></button>
-            <div class="scard-body"><div class="kv"><b>현재</b><p>teacher/admin 전용 <code>/teach/personas</code>를 3열 스튜디오로 추가했다. 좌측은 저작 흐름·검수 큐·공개 카탈로그, 중앙은 RAG 자료 등록과 개요/임상/저항/회기/말투/안전/프롬프트 항목형 편집 탭, 우측은 검증·생성 근거·승인/반려 결정이다. 교수 콘솔은 진입점과 triage만 맡고 저작 본체는 스튜디오가 맡는다. 2026-06-27 UI 정리에서 중복 네이티브 파일 입력을 커스텀 SSOT 첨부 드롭존으로 교체하고, 저작 스테퍼·탭별 작성 가이드·검증 dot 정렬을 보강했다. 2026-06-28 항목형 목록 UI 정리에서 자동사고, 회기 시나리오, 말투 filler/verbal tic/nonverbal cue, 역린·금기 응답·금기어를 행 추가/삭제 UI로 전환했고, API payload는 기존 배열 schema를 유지하며 빈 항목만 저장 직전에 제거한다. 프롬프트 탭은 raw JSON textarea 대신 L1 카드·인적 범주·임상 배경·말투·수치 파라미터·역린·회기 시나리오·추가 계약 섹션을 라벨형 검토 UI로 보여주며, 런타임 prompt bundle과 API 계약은 변경하지 않는다. 레이아웃 근거와 생성 시안은 <code>docs/ops/layout-research-2026-06-27/persona-dashboard-layout-guideline.md</code>에 묶었다. <code>POST /personas/sources</code>는 첨부/붙여넣기 자료를 PII 마스킹 후 <code>kb.raw_source_artifact</code>에 raw hash-only 격리 증거를 남기고, 별도 sanitized 파생본만 <code>kb.source/document/chunk</code>에 evaluator 전용(<code>visible_to=['evaluator']</code>, <code>sensitivity=2</code>) 근거 문서로 등록한다. <code>rag.index_document()</code>는 <code>sensitivity=3</code> 또는 raw source marker 청크를 DB 접근 전에 차단해 raw 원문이 <code>kb.chunk</code>/embedding/FTS에 들어가지 않게 한다. <code>POST /personas/drafts/generate</code>는 <code>source_id</code> 기반 RAG 검색 결과만 엔진에 넘기고, draft <code>source_provenance</code>와 engine metadata에 source id·doc/content hash·chunk id·prompt bundle id/version/hash(<code>persona-draft-rag@2026-06-28.1</code>)를 남긴다. 승인된 카드만 학습자 catalog에 노출되는 경계는 유지하되, P1~P7 시스템 페르소나는 DB 저작 카탈로그의 초기 부트스트랩으로 승격했다. 교수자는 공개 목록의 <code>수정</code>으로 승인본을 같은 <code>persona_id</code>의 다음 버전 draft로 복제해 편집하고, <code>삭제</code>는 기존 회기 FK를 지키기 위해 같은 code family를 <code>archived</code>로 보관 처리한다. 기동 materializer는 누락분만 insert하고 기존 편집/archived row를 덮어쓰거나 되살리지 않는다. <code>scripts/materialize-persona-seeds.py</code>는 같은 seed manifest를 dry-run으로 보고하고, <code>--apply</code>일 때만 DB pool을 초기화한 뒤 기존 idempotent materializer를 실행한다. repo-managed source pack은 <code>scripts/sync-persona-sources.py</code>와 공용 sync service로 active <code>content_hash</code>/document version을 비교한다. 이번 패스에서 <code>app/persona_read_model.py</code>가 공개 카탈로그·검수 큐·초안 상세·source/evidence 응답 DTO와 mapper를 소유하고, <code>app/persona_generation_contract.py</code>는 draft structured schema, prompt bundle id/version/hash, <code>GenerateResponse</code> payload extraction, generated draft coerce/default fallback을 소유한다. <code>routes/personas.py</code>는 auth/DB/RAG/LLM side effect, evidence 조회, provenance 조립, HTTP error mapping을 유지한다.</p></div><div class="kv"><b>검증</b><p><code>python -B -m py_compile app/services/rag.py app/routes/personas.py app/routes/kb.py app/test_persona_review.py app/test_live_coach_sources.py</code>, <code>python -B -m pytest -p no:cacheprovider app/test_persona_review.py app/test_live_coach_sources.py -q</code> 38 passed, <code>py -3.11 scripts\materialize-persona-seeds.py --json</code> dry-run <code>manifest_count=7</code>, <code>py -3.11 scripts\sync-persona-sources.py --help</code>. 기존 PersonaStudio 공개본 수정/삭제 E2E: <code>npx playwright test e2e/teacher.spec.ts --project=chromium-single-run --workers=1</code> 6 passed, <code>layout-visual-gate.spec.ts</code> chromium-single-run 8 passed, <code>session-layout.spec.ts</code> desktop/mobile 8 passed. DTO/mapper/생성 계약 분리 검증: <code>py -3.11 -X utf8 -B -m py_compile app/persona_generation_contract.py app/persona_read_model.py app/routes/personas.py app/test_persona_generation_contract.py app/test_persona_review.py</code>, <code>py -3.11 -X utf8 -B -m pytest -p no:cacheprovider app/test_persona_generation_contract.py app/test_persona_review.py -q</code> 39 passed, 이후 Node/gateway focused suite 120 passed, Node conformance OK, <code>npm run check:api-types</code>, <code>npm run typecheck</code>. 항목형 목록/프롬프트 검토 UI 검증: <code>npm run typecheck</code>, <code>npm run build</code>, <code>npm run check:api-types</code>, <code>npx playwright test e2e/teacher.spec.ts --project=chromium-single-run --workers=1</code> 8 passed, <code>npx playwright test e2e/layout-visual-gate.spec.ts --project=chromium-single-run --workers=1</code> 9 passed, <code>npx playwright test e2e/session-layout.spec.ts --project=chromium-desktop --project=chromium-mobile --workers=1</code> 8 passed.</p></div><div class="kv k-warn"><b>잔여</b><p>암호화 blob/vault 기반 원문 실저장, 임상팀 최종 검수/서면 evidence, 루브릭·이론 콘텐츠 외부화는 후속이다. 임상팀이 제공하지 않은 페르소나 내용을 최종 승인본처럼 확정하지 않는다.</p></div></div>
+            <button class="scard-head" aria-expanded="false"><span class="chip c-done">HIGH H3 12차 DONE</span><span class="scard-mid"><span class="scard-title">페르소나 워크스페이스 + RAG 저작·검수</span><span class="scard-sum">운영 대시보드·카탈로그·table·상세 drilldown과 자료 기반 단계형 저작/검수를 한 작업면으로 제공한다.</span></span><span class="caret" aria-hidden="true"></span></button>
+            <div class="scard-body"><div class="kv"><b>현재</b><p>teacher/admin 전용 <code>/teach/personas</code>는 상단 horizontal tab 기반 워크스페이스다. <code>대시보드</code>는 공개/활성 페르소나·학습 인원·세션·실제 평가/라포·검수 요약, <code>카탈로그</code>는 공개 규칙·구성·버전, <code>페르소나</code>는 검색/필터 table과 내부 <code>검수 현황</code> 탭을 소유한다. 행 상세는 소개·학습 현황·설정 drilldown이며 신규/수정은 자료→초안→설정→검토 단계, 이전/다음 이동, 브라우저+서버 중간 저장을 제공한다. 기존 RAG 자료 등록과 개요/임상/저항/회기/말투/안전/프롬프트 편집, 우측 검증·생성 근거, 승인/반려 결정은 단계형 작업면 안에서 유지한다. 2026-06-28 항목형 목록 UI 정리에서 자동사고, 회기 시나리오, 말투 filler/verbal tic/nonverbal cue, 역린·금기 응답·금기어를 행 추가/삭제 UI로 전환했고, API payload는 기존 배열 schema를 유지하며 빈 항목만 저장 직전에 제거한다. 프롬프트 탭은 raw JSON textarea 대신 L1 카드·인적 범주·임상 배경·말투·수치 파라미터·역린·회기 시나리오·추가 계약 섹션을 라벨형 검토 UI로 보여주며, 런타임 prompt bundle과 API 계약은 변경하지 않는다. 레이아웃 근거는 <code>docs/ops/layout-research-2026-06-27/persona-dashboard-layout-guideline.md</code>에 동기화했다. <code>POST /personas/sources</code>는 첨부/붙여넣기 자료를 PII 마스킹 후 <code>kb.raw_source_artifact</code>에 raw hash-only 격리 증거를 남기고, 별도 sanitized 파생본만 <code>kb.source/document/chunk</code>에 evaluator 전용(<code>visible_to=['evaluator']</code>, <code>sensitivity=2</code>) 근거 문서로 등록한다. <code>POST /personas/drafts/generate</code>는 <code>source_id</code> 기반 RAG 검색 결과만 엔진에 넘기고 source/doc/content hash·chunk·prompt bundle provenance를 남긴다. 승인된 카드만 학습자 catalog에 노출되며, 시스템 페르소나와 사용자 생성 페르소나를 구분한다. 공개본 수정은 같은 <code>persona_id</code>의 다음 버전 draft, 삭제는 기존 회기 FK 보존을 위한 <code>archived</code> 전환이다.</p></div><div class="kv"><b>검증</b><p>현행 재구성: <code>npm run typecheck</code>, <code>npm run build</code>, 페르소나 focused E2E 6 passed, IA·작성 단계 focused 2 passed, <code>layout-visual-gate.spec.ts</code> 14 passed, <code>session-layout.spec.ts</code> desktop/mobile 8 passed, 1440px·390px 대시보드/상세/작성 캡처 직접 확인. 백엔드 RAG·저작·검수 계약은 기존 <code>app/test_persona_generation_contract.py</code>·<code>app/test_persona_review.py</code> 검증을 유지한다.</p></div><div class="kv k-warn"><b>잔여</b><p>암호화 blob/vault 기반 원문 실저장, 임상팀 최종 검수/서면 evidence, 루브릭·이론 콘텐츠 외부화는 후속이다. 임상팀이 제공하지 않은 페르소나 내용을 최종 승인본처럼 확정하지 않는다.</p></div></div>
           </article>
           <article class="scard" data-status="done" data-cat="보안·PII" data-owner="0">
             <button class="scard-head" aria-expanded="false"><span class="chip c-done">H4 부분 DONE</span><span class="scard-mid"><span class="scard-title">PII 마스킹 + LLM 호출 감사 + 프로필 온보딩·동의 게이트</span><span class="scard-sum">metadata-only llm_call_log, 16-case summary-only 마스킹 평가 계약, 전역 URL 하드게이트.</span></span><span class="caret" aria-hidden="true"></span></button>
@@ -835,7 +849,7 @@
               <div class="task-list">
                 <div class="task-row"><div><span class="task-status s-risk">BLOCK</span></div><div><b>공개 Google OAuth 실제 <code>/turn</code> proof 확보</b><p>로그인 가능한 계정으로 storageState를 저장한 뒤 public-auth-turn E2E를 실행한다.</p></div><div><b>산출물</b><p><code>apps/web/node_modules/.tmp/public-auth.json</code>, public <code>/turn</code> 성공 로그</p></div><div><b>검증</b><p><code>E2E_PUBLIC_AUTH=1</code> + <code>chromium-public-auth</code> 1회 통과</p></div></div>
                 <div class="task-row"><div><span class="task-status s-done">DONE</span></div><div><b>engine config 운영값 재확인</b><p><code>GET /admin/engine-config</code>로 운영값을 직접 확인했다. <code>engine_mode=claude_cli</code>, <code>engine_url=http://127.0.0.1:9099</code>, <code>model=gateway-default</code>, <code>durable=true</code>, <code>source=database</code>로 의도값과 일치한다.</p></div><div><b>산출물</b><p>config API 응답(durable, db source)</p></div><div><b>검증</b><p><code>claude_cli / http://127.0.0.1:9099 / gateway-default</code> 의도값 대조 완료</p></div></div>
-                <div class="task-row"><div><span class="task-status s-done">DONE</span></div><div><b>과거 Live2D demo 자산 제거</b><p>Mao/Haru 샘플, Pixi/Cubism 런타임, 공개 <code>/live2d/*</code> 캐시 잔여 접근을 차단했다.</p></div><div><b>산출물</b><p><code>apps/web/functions/live2d/[[path]].js</code>, P1 PSB raster avatar + SVG fallback</p></div><div><b>검증</b><p>운영 <code>/live2d/mao/*</code>, Cubism core <code>404</code></p></div></div>
+                <div class="task-row"><div><span class="task-status s-done">DONE</span></div><div><b>과거 Live2D demo 자산 제거</b><p>Mao/Haru 샘플, Pixi/Cubism 런타임, 공개 <code>/live2d/*</code> 캐시 잔여 접근을 차단했다.</p></div><div><b>산출물</b><p><code>apps/web/functions/live2d/[[path]].js</code>, SVG 도형 기반 파라미터 리그</p></div><div><b>검증</b><p>운영 <code>/live2d/mao/*</code>, Cubism core <code>404</code></p></div></div>
                 <div class="task-row"><div><span class="task-status s-done">DONE</span></div><div><b>프로세스 난립 정리</b><p>운영 확인용 프로세스와 로컬/Tailnet 검증용 dev 프로세스를 의도적으로 분리해 유지한다.</p></div><div><b>산출물</b><p>9099 engine, 8001 prod API, 8000/8010 dev API, 5173 web, cloudflared tunnel 1개</p></div><div><b>검증</b><p><code>Get-NetTCPConnection</code>에서 대상 포트별 listener 확인</p></div></div>
                 <div class="task-row"><div><span class="task-status s-plan">GATE</span></div><div><b>한신대 공문/데이터 거버넌스 게이트 정리</b><p>SSO 클레임, 추가 축어록 수급, 미성년 원본 활용동의, 개인정보 처리방침을 P1 진입 전 외부 의존성으로 명확히 둔다. 로컬 문서 골격은 준비됐지만 한신대/데이터 steward의 written evidence는 아직 필요하다.</p></div><div><b>산출물</b><p><code>docs/ops/hanshin-data-governance-gate.md</code>, 공문 질의 항목, 동의 범위 체크리스트, SSO claim mapping 표</p></div><div><b>검증</b><p>문서 artifact 작성 완료; IRB 게이트가 아니라 데이터/SSO 게이트로 외부 증거 필요 상태 유지</p></div></div>
                 <div class="task-row"><div><span class="task-status s-done">DONE</span></div><div><b>한신대 실사용 피드백 1차 개선팩</b><p>오류분석 자료를 컨텍스트 보존, 내담자 출력 품질, 리뷰 privacy/오류문구 UX, 교수자 설명 가능성으로 분해했고 1차 구현을 완료했다. P1은 role mapping + client-only history injection을 원자 패치로 닫았고, P2/P3/P4는 저장형 fallback 없이 빠른 UX 개선으로 배포 가능한 상태다.</p></div><div><b>산출물</b><p><code>gateway._split_messages(ai_role=client)</code>, <code>guardrail.sanitize_client_reply()</code> 품질 게이트, SSE full-response buffer, 리뷰 표시 자연어화, raw error mapper, 교수자 <code>AI 평가 범위</code> 패널, 계획/레드팀/대레드팀 문서</p></div><div><b>검증</b><p><code>engine_gateway/test_gateway_model.py app/test_orchestrator_masking.py app/test_client_reply_quality.py app/test_session_turn_persistence.py</code> 84 passed, <code>npm run typecheck</code>, <code>npm run check:api-types</code>, <code>session-review.spec.ts</code> focused 8 passed, <code>layout-visual-gate.spec.ts</code> 12 passed, <code>session-layout.spec.ts</code> 8 passed.</p></div></div>
@@ -860,7 +874,7 @@
                 <div class="task-row"><div><span class="task-status s-done">DONE</span></div><div><b>음성 실패 턴 미저장</b><p>음성 회기도 엔진 응답 생성 성공 후에만 learner/client turn을 저장한다. 실패한 transcript는 pending 상태에서 제거한다.</p></div><div><b>산출물</b><p>voice failure persistence guard</p></div><div><b>검증</b><p>voice + voice-success + session-layout 15 passed</p></div></div>
                 <div class="task-row"><div><span class="task-status s-done">DONE</span></div><div><b>비영구 상태 문구 정리</b><p>admin health와 voice degraded reason은 내부 fallback/seed 표현 대신 비영구 런타임 상태를 사용자용 문구로 표시한다.</p></div><div><b>산출물</b><p>operator-facing copy cleanup</p></div><div><b>검증</b><p>settings/admin focused E2E 통과</p></div></div>
                 <div class="task-row"><div><span class="task-status s-done">DONE</span></div><div><b>직접 URL persona 차단</b><p><code>/learn/session/:code</code>로 직접 들어와도 DB 원본 persona가 아니면 회기 시작을 막는다.</p></div><div><b>산출물</b><p>route guard, degraded/seed fallback regression</p></div><div><b>검증</b><p>unavailable persona code E2E 통과</p></div></div>
-                <div class="task-row"><div><span class="task-status s-done">DONE</span></div><div><b>demo Live2D 자산 제거</b><p>Mao/Haru 샘플과 Pixi/Cubism 런타임을 공개 배포물에서 제거했다. 세션 화면은 P1 PSB raster avatar와 SVG fallback을 렌더링한다.</p></div><div><b>산출물</b><p>P1 PSB raster avatar, SVG fallback, legacy <code>/live2d/*</code> 404 function</p></div><div><b>검증</b><p>Mao/Haru/Cubism core routes 404, no Live2D/Pixi chunks</p></div></div>
+                <div class="task-row"><div><span class="task-status s-done">DONE</span></div><div><b>demo Live2D 자산 제거</b><p>Mao/Haru 샘플과 Pixi/Cubism 런타임을 공개 배포물에서 제거했다. 세션 화면은 SVG 도형 기반 파라미터 리그만 렌더링한다.</p></div><div><b>산출물</b><p>SVG 파라미터 리그, legacy <code>/live2d/*</code> 404 function</p></div><div><b>검증</b><p>Mao/Haru/Cubism core routes 404, no Live2D/Pixi chunks</p></div></div>
               </div>
             </div>
             <div class="tab-panel" id="panel-p1" role="tabpanel" aria-labelledby="tab-p1" hidden>
@@ -926,19 +940,25 @@
                 <div class="task-row"><div><span class="task-status s-done">DONE</span></div><div><b>엄격한 레이아웃 시각 게이트 구축 · 병렬 수정 · 적대적 재검수</b><p>핸드오프가 요구한 7개 권장 너비(390/720/861/900/1024/1280/1440) 시각 수용을 자동 게이트로 고정했다. 현재는 빈 회기리뷰 전용 화면까지 9개 화면을 각 너비에서 렌더링해 가로 overflow 0, 컨트롤 하드클립/텍스트클립 0, 다크 테마 캡처를 강제하고 화면당 7장 총 63장 풀페이지 스크린샷을 남긴다. 2026-06-28 당시 화면별 1에이전트 병렬 시각 리뷰로 49장 직접 판독 → 6개 병렬 수정 에이전트(파일 비중첩)가 결함 수정 → 화면별 적대적 재검수로 해소·무회귀를 확정했다.</p></div><div><b>산출물</b><p><code>apps/web/e2e/layout-visual-gate.spec.ts</code>, <code>node_modules/.tmp/layout-gate/*.png</code> 63장, 2× workflow(review/verify)·6× fix agent</p></div><div><b>검증</b><p>최신 게이트 9 passed(재스크린샷). 해소된 핵심 결함: 학습자홈 1280/1440 3열 가운데 컬럼 붕괴(critical → 2열 분기 상향 + word-break:keep-all), 교수 'API 404' raw 배너 제거, 리뷰 빈상태 위계 역전과 1280 sparse third-column, 관리자 스켈레톤, 설정 와이드 좌측 데드존 제거, 세션 모바일 44px 터치타깃. 2026-06-28 적대적 재검수 7/7 accept, regression 0.</p></div></div>
                 <div class="task-row"><div><span class="task-status s-done">DONE</span></div><div><b>레이아웃 cosmetic minor 폴리시 일괄 처리</b><p>적대적 재검수 잔여 cosmetic minor를 5개 병렬 폴리시 에이전트로 처리했다. 학습자홈 헬퍼문구 고아 글자, 세션 1024 일시정지 아이콘 정리 + 보내기 버튼 대비 강화, 설정 2x2 칩 행 높이 균일, 교수 검토 큐 카드 갭 제거, 관리자 2열 높이 동기화를 적용했다.</p></div><div><b>산출물</b><p>page-by-page polish patches(LearnerHome/Session/Settings/Professor/Admin)</p></div><div><b>검증</b><p><code>npm run typecheck</code> OK, 당시 cosmetic 시각 게이트 7 passed, 최신 통합 시각 게이트 9 passed, 레이아웃 E2E desktop/mobile 54 passed, session-layout 8/8 — 회귀 0.</p></div></div>
                 <div class="task-row"><div><span class="task-status s-done">DONE</span></div><div><b>회기 아카이브 저장/복원 API</b><p><code>/learn/history</code>의 <code>보관됨</code>을 실제 학습자별 저장 상태로 연결했다. 종료 회기는 <code>POST /sessions/{id}/archive</code>/<code>restore</code>로 보관·복원하고, <code>app.session_archive_state</code>는 보기 상태만 저장한다. 진행 중 회기는 보관하지 못하며, 보관은 transcript/review/share/audit evidence를 삭제하지 않는다.</p></div><div><b>산출물</b><p><code>SessionArchiveResponse</code>, <code>LearnerSessionSummary.archived</code>, <code>LearnerDashboardOverview.archived_sessions</code>, <code>session_archive_state</code> RLS, <code>LearnerHome</code> 보관/복원 버튼</p></div><div><b>검증</b><p><code>python -B -m pytest app/ -q</code> 178 passed, <code>python -B -m pytest engine_gateway/ -q</code> 11 passed, <code>npm run check:api-types</code>, <code>npm run typecheck</code>, <code>npm run build</code>, <code>npx playwright test e2e/learner.spec.ts --project=chromium-desktop --workers=1</code> 6 passed.</p></div></div>
-                <div class="task-row"><div><span class="task-status s-done">DONE</span></div><div><b>세션 종료 UX와 다크 테마 SSOT</b><p>세션 하단의 드래그형 종료 컴포넌트를 명시 확인 다이얼로그로 바꿔 모바일 오발동과 제스처 실패를 줄였다. Topbar/Settings의 theme 저장·초기화는 <code>lib/theme.ts</code> 단일 경로로 합치고, 저장값이 없으면 dark 기본값을 앱 부팅 전에 적용한다. API 기본 preference <code>system</code>은 Settings에서 light로 오해하지 않고 현재 초기 테마를 따른다. P1 실제 세션 기본 아바타는 사용자 제공 PSD 기반 <code>seoyeon-live2d-psd-v2</code>이며, sad 표정에서 울상 눈썹·우는 입·눈물 파츠를 합성한다. active session 스테이지 상태 배지는 아바타와 겹치지 않는 3행 구조로 정리했다.</p></div><div><b>산출물</b><p><code>Session.tsx</code>, <code>RasterBust.tsx</code>, <code>AvatarPreview.tsx</code>, <code>session.css</code>, <code>apps/web/public/avatar/seoyeon-live2d-psd-v2/parts/*.png</code>, <code>docs/avatar-art/seoyeon/live2d-psd-v2/</code>, <code>avatar-expression.spec.ts</code>, <code>session-layout.spec.ts</code></p></div><div><b>검증</b><p>PSD 파츠 추출 53개. <code>preview-sad.png</code>에서 눈물/우는 입/울상 눈썹 확인. 시각 회귀 묶음은 <code>npm run typecheck</code>, <code>npm run build</code>, Playwright 36 passed로 재검증했다.</p></div></div>
+                <div class="task-row"><div><span class="task-status s-done">DONE</span></div><div><b>세션 종료 UX와 다크 테마 SSOT</b><p>세션 하단의 드래그형 종료 컴포넌트를 명시 확인 다이얼로그로 바꿔 모바일 오발동과 제스처 실패를 줄였다. Topbar/Settings의 theme 저장·초기화는 <code>lib/theme.ts</code> 단일 경로로 합치고, 저장값이 없으면 dark 기본값을 앱 부팅 전에 적용한다. API 기본 preference <code>system</code>은 Settings에서 light로 오해하지 않고 현재 초기 테마를 따른다. active session 스테이지 상태 배지는 아바타와 겹치지 않는 3행 구조로 정리했다.</p></div><div><b>산출물</b><p><code>Session.tsx</code>, <code>AvatarPreview.tsx</code>, <code>session.css</code>, <code>avatar-expression.spec.ts</code>, <code>session-layout.spec.ts</code></p></div><div><b>검증</b><p>세션 종료·다크 테마·3행 스테이지 구조를 시각 회귀 묶음으로 확인했다. 래스터 파츠 실험 자산은 후속 결정 전 보존 상태다.</p></div></div>
+                <div class="task-row"><div><span class="task-status s-done">DONE</span></div><div><b>래스터 아바타 비활성화·SVG 리그 복귀</b><p>사용자 시각 피드백에 따라 서연 P1과 P4~P7의 생성 이미지/PSD 파츠 연결을 전부 제거했다. 제품·학습자 홈·세션·dev 미리보기는 기존 SVG 도형 기반 파라미터 리그만 렌더링한다.</p></div><div><b>산출물</b><p><code>ClientAvatar.tsx</code>, <code>persona.ts</code>, <code>Session.tsx</code>, <code>LearnerHome.tsx</code>, <code>AvatarPreview.tsx</code>, <code>avatar-expression.spec.ts</code></p></div><div><b>검증</b><p>typecheck/build 통과, 아바타·세션 desktop/mobile 18 passed, 전체 레이아웃 시각 게이트 12 passed, 커스텀 도메인 P1 공개 번들 desktop/mobile 2 passed. <code>data-render-mode="svg"</code>, 래스터 DOM 0개, SVG primitive·neck·표정 전환을 확인했다. 래스터 렌더러와 자산은 재검토용으로 삭제하지 않았다.</p></div></div>
                 <div class="task-row"><div><span class="task-status s-done">DONE</span></div><div><b>잔여(비차단) — 공용 셸 단일 항목 → 처리</b><p>축소 사이드바 세로 구분선이 본문 전체 높이까지 닿지 않던 건을 <code>components/shell/shell.css</code>에서 처리했다. <code>.vg-nav border-right</code> 제거 후 <code>.vg-shell__body</code> 컨테이너 배경 하어라인으로 본문 그리드 전체 높이 구분선을 그리고, 그리드·구분선 폭을 <code>--nav-cur</code>로 동기화. learner-home 로딩 스켈레톤 밀도도 실제 카드 구조 모사로 보강했다.</p></div><div><b>판정</b><p>구현 완료. 검증: <code>npm run typecheck</code> PASS + <code>vite build</code> PASS. 전 페이지 시각 회귀 게이트는 web+api+DB 스택으로 이 워크스테이션 미실행 — 스택 가용 시 1회 시각 확인 권장.</p></div></div>
+                <div class="task-row"><div><span class="task-status s-done">DONE</span></div><div><b>디자인 SSOT 리팩터링 · 인증 화면 복구</b><p>테마 알림은 <code>lib/theme.ts</code>/<code>lib/useTheme.ts</code>, 앱 크롬은 <code>AppShell</code>, 글래스 표면은 <code>Surface</code>가 각각 단독 소유한다. 로그인·온보딩·승인대기는 <code>AuthShell</code>의 100vw/100dvh 캔버스를 공유하고, 학습·세션·리뷰·교수자·관리자·페르소나·설정의 카드/인셋은 공통 Surface variant로 이관했다. <code>shell.css</code>의 페이지 클래스 나열과 <code>!important</code> 표면 덮어쓰기는 제거했다. 라이트 Surface도 2중 반투명 광원, 24px backdrop blur, 굴절 hairline을 공통 토큰으로 사용하고 모바일 셸의 보태니컬 배경을 유지한다.</p></div><div><b>검증</b><p><code>npm run check:design-ssot</code>, typecheck/build 통과. 인증 라이트·다크 × 390/1280 시각 게이트 1 passed, 14개 화면 × 7개 폭 레이아웃 게이트 14 passed, 학습·세션·리뷰 desktop/mobile 46 passed, 로그인→온보딩→학습 desktop/mobile 2 passed. 라이트 글래스의 gradient/blur/hairline/shadow와 모바일 배경 자산은 computed style 단언으로 고정했다.</p></div></div>
+                <div class="task-row"><div><span class="task-status s-done">DONE</span></div><div><b>로그인 전체 캔버스 테마 정합</b><p>라이트 테마에서 로그인 패널만 밝고 상담실 캔버스·좌측 브랜드는 다크 전용 값으로 남던 불일치를 수정했다. <code>AuthShell</code> room variant가 라이트에서는 아이보리 베일·다크 텍스트·밝은 정책 표면을, 다크에서는 차콜 베일·밝은 텍스트·어두운 정책 표면을 함께 제공한다.</p></div><div><b>검증</b><p><code>npm run check:design-ssot</code> 통과. <code>auth-visual.spec.ts</code>는 라이트/다크의 상담실 배경 변경과 좌측 브랜드·패널 텍스트 명도 계열을 computed style로 확인하며, 로그인·온보딩 × light/dark × 390/1280px 1 passed 및 생성 캡처 직접 확인. 전체 typecheck는 동시 작업 중인 <code>Admin.tsx</code>의 이름 불일치로 별도 차단.</p></div></div>
+                <div class="task-row"><div><span class="task-status s-done">DONE</span></div><div><b>전 저장소 리팩터 거버넌스 P1~P8</b><p>죽은 코드·긴 인자·계약 drift·캐시·중복 workflow·반복 IO·초기 번들·디자인 소유권을 전 영역에서 감사하고 증거가 있는 항목을 구조 개선했다. 평가/런타임/LLM 감사/알림/페르소나 시각 규칙을 단일 소유자로 모으고 대형 화면의 순수 모델과 음성 캡처를 분리했다. 최종 회귀에서 관리자 티켓 pending 소유권·대량 렌더 상한과 Settings 중복 로드 race까지 수정했다.</p></div><div><b>측정</b><p>생산 중복 0.60%→0.03%(15줄), 초기 JS gzip 195.75→77.13kB, 초기 CSS gzip 51.46→6.45kB. <code>check:dead-code</code>, <code>check:duplication</code>, <code>check:design-ssot</code>가 회귀를 막는다.</p></div><div><b>검증</b><p>API 400 passed, gateway 29 passed, type/API/design/dead-code/duplication/build/audit 통과. Playwright fixture 166/166 + DB/engine/provider 직렬 49/49, 합계 215/215 passed. 상세: <a href="ops/refactor-governance-2026-07-15.md">실행 기록</a>.</p></div></div>
               </div>
               <div class="tab-subhead"><h4>검증 실행 상세 표</h4><p>요약하지 않고 실행 범위, 명령, 결과를 행 단위로 남긴다.</p></div>
               <table>
                 <thead><tr><th>범위</th><th>명령 / 확인 대상</th><th>결과</th></tr></thead>
                 <tbody>
                   <tr><td>Web typecheck</td><td><code>npm run typecheck</code></td><td>Passed</td></tr>
-                  <tr><td>Full Playwright E2E baseline</td><td><code>npx playwright test --list</code></td><td>현재 수집 기준 194 tests / 19 files. 최신 변경은 focused gate 행으로 별도 검증한다.</td></tr>
+                  <tr><td>Design SSOT / auth visual</td><td><code>npm run check:design-ssot</code> / <code>npx playwright test e2e/auth-visual.spec.ts --project=chromium-single-run --reporter=line</code> / <code>npx playwright test e2e/layout-visual-gate.spec.ts --project=chromium-single-run --reporter=line</code></td><td>SSOT checker passed; login/onboarding light-dark desktop-mobile 1 passed; 14 core screens × 7 widths visual gate 14 passed.</td></tr>
+                  <tr><td>Full Playwright E2E baseline</td><td><code>npm run e2e:parallel</code> / <code>npm run e2e:single-run</code> / <code>npm run e2e:list</code></td><td>현재 수집 기준 215 tests / 20 files. fixture desktop/mobile 166/166 passed(2.5분), DB/engine/provider 직렬 49/49 passed(23.2분), 합계 215/215 passed.</td></tr>
+                  <tr><td>Refactor governance P1~P8</td><td><code>ruff check app</code> / <code>pytest -q app</code> / <code>pytest -q engine_gateway</code> / <code>npm run typecheck</code> / <code>npm run check:api-types</code> / <code>npm run check:design-ssot</code> / <code>npm run check:dead-code</code> / <code>npm run check:duplication</code> / <code>npm run build</code> / <code>npm audit --audit-level=high</code> / full Playwright</td><td>Backend 400 passed, gateway 29 passed, web gates/build/audit passed, vulnerabilities 0, production duplication 1 clone/15 lines/0.03%, Playwright 215/215 passed. 상세 근거는 <code>ops/refactor-governance-2026-07-15.md</code>.</td></tr>
                   <tr><td>API typegen SSOT</td><td><code>npm run check:api-types</code></td><td>Passed; FastAPI OpenAPI → <code>src/lib/api.gen.ts</code> stale check</td></tr>
                   <tr><td>Contract SSOT aggregate DTO</td><td><code>py -3.11 -X utf8 -m pytest -p no:cacheprovider app/test_evaluation_persistence.py app/test_evaluator_model_routing.py app/test_teacher_dashboard.py app/test_rbac_idor.py app/test_session_turn_persistence.py -q</code> / <code>npm run check:api-types</code> / <code>npm run typecheck</code> / <code>npm run build</code></td><td>50 backend passed; learner sessions, session review/worksheet, teacher dashboard, session start/detail DTOs use generated <code>ApiSchema</code> aliases with UI fallback. Stage responses are OpenAPI enum unions, including review phase key/label, reached phase, evaluation summary/trigger responses, and teacher session/growth stage. <code>.github/workflows/api-contract.yml</code> runs <code>npm run check:api-types</code> on API/Web contract changes.</td></tr>
                   <tr><td>SEO/GEO share cards</td><td><code>pytest app/test_session_share.py app/test_session_turn_persistence.py -q</code> / <code>npm run generate:api-types</code> / <code>npm run typecheck</code></td><td>21 passed; session share creates hashed-token public unfurl payload without raw transcript, revoked token returns 404, OpenAPI generated share DTOs, review screen share button typechecks. Static <code>robots.txt</code>/<code>sitemap.xml</code>/<code>llms.txt</code> added.</td></tr>
-                  <tr><td>Backend pytest baseline</td><td><code>C:\Users\encep\AppData\Local\Programs\Python\Python311\python.exe -X utf8 -m pytest -p no:cacheprovider app/ -q</code></td><td>이번 패스에서 전체 app/ 재실행은 하지 않았다. 현재 collect-only 349 tests, 최신 focused는 teacher dashboard 11 passed + live coach route persistence source 1 passed.</td></tr>
+                  <tr><td>Backend pytest baseline</td><td><code>pytest -q app</code></td><td>2026-07-15 전체 실행 400 passed. 외부 Starlette 의존성의 <code>python_multipart</code> PendingDeprecationWarning 1건만 존재한다.</td></tr>
                   <tr><td>X2 evaluator routing/cache/cost trend</td><td><code>python -B -m pytest -p no:cacheprovider app/test_usage_report.py app/test_evaluator_model_routing.py app/test_runtime_policy.py app/test_admin_ops.py -q</code> / <code>scripts/report-ai-usage.py</code> sample CLI / prior web gates</td><td>42 backend passed + CLI sample OK; fast/deep evaluator model override, semantic cache hit/miss, admin usage budget/fail-closed, cache hit-rate observability, daily cost trend, and provider/model cost report schema covered. Prior API typecheck/build/admin E2E evidence remains valid because the API response shape was not changed.</td></tr>
                   <tr><td>H3 raw source isolation</td><td><code>python -B -m pytest -p no:cacheprovider app/test_persona_review.py app/test_live_coach_sources.py -q</code></td><td>38 passed; persona source registration records raw hash-only artifacts separately from sanitized evaluator-only RAG chunks, and <code>rag.index_document()</code> rejects <code>sensitivity=3</code>/raw-marker chunks before DB access.</td></tr>
                   <tr><td>H3 persona itemized authoring UI</td><td><code>npm run typecheck</code> / <code>npm run build</code> / <code>npm run check:api-types</code> / <code>npx playwright test e2e/teacher.spec.ts --project=chromium-single-run --workers=1</code> / <code>npx playwright test e2e/layout-visual-gate.spec.ts --project=chromium-single-run --workers=1</code> / <code>npx playwright test e2e/session-layout.spec.ts --project=chromium-desktop --project=chromium-mobile --workers=1</code></td><td>Typecheck/build/API type drift check passed; teacher PersonaStudio focused 8 passed including structured list payload and labeled prompt preview without raw JSON; visual gate 9 passed with the prompt tab opened; session-layout desktop/mobile 8 passed.</td></tr>
@@ -963,11 +983,12 @@
                   <tr><td>P1/H4 masking gate</td><td><code>app/test_pii_masking_eval.py app/test_orchestrator_masking.py app/test_evaluation_persistence.py app/test_session_turn_persistence.py</code> / <code>PLAYWRIGHT_PORT=5244 npx playwright test e2e/session-persistence.spec.ts --project=chromium-single-run --workers=1 --grep "Korean PII"</code></td><td>47 passed; 최신 보정 회귀 59 passed + DB-backed browser PII E2E 1 passed. phone/email/RRN 및 한국어 NAME/ORG raw 값이 generate/stream/evaluator payload와 client <code>text_masked</code>에 남지 않음. Optional ko recognizer fake span은 <code>[NAME]</code>/<code>[ORG]</code>로 마스킹되고 같은 문장의 phone은 후단 regex가 처리하며, adapter 실패 시에도 regex fallback이 유지된다. Synthetic ko fixture 16/16 pass, 자연 발화형 이름 라벨·자기소개와 negative control 포함, input/report schema validation, summary-only report(<code>evidence_text_included=false</code>), entity recall 1.0, forbidden substring removal 1.0, unexpected entity violations 0. 최신 브라우저 stream E2E는 한국어 이름·기관·전화번호 발화가 DB-backed <code>GET /sessions/{id}</code> 상세와 <code>/review</code> 모두에서 raw 값 없이 <code>[NAME]</code>/<code>[ORG]</code>/<code>[PHONE]</code>으로 남는지 확인한다.</td></tr>
                   <tr><td>P2a RBAC/audit/visibility</td><td><code>app.test_rbac_idor</code></td><td>11 tests OK; other learner 403, read_session audit, evaluator-only hidden, teacher session review read allowed, super_admin learner review principal is promoted to admin for evaluation/worksheet/review-status loaders, admin_access-only learner remains blocked, and learner worksheet write remains 403</td></tr>
                   <tr><td>Admin access delegation</td><td><code>C:\Users\encep\AppData\Local\Programs\Python\Python311\python.exe -X utf8 -m pytest -p no:cacheprovider app/test_admin_ops.py app/test_auth_providers.py::AuthProviderScaffoldTest::test_admin_role_can_enter_admin_console_even_with_stale_access_flag app/test_auth_providers.py::AuthProviderScaffoldTest::test_admin_role_can_enter_all_role_spaces_without_super_admin app/test_auth_providers.py::AuthProviderScaffoldTest::test_admin_access_flag_without_admin_role_does_not_enter_learner_space -q</code> / <code>npx playwright test e2e/admin.spec.ts --project=chromium-desktop --project=chromium-mobile --workers=1 --grep "approved admin without onboarding"</code> / <code>npx playwright test e2e/admin.spec.ts --project=chromium-desktop --workers=1 --grep "admin route guards"</code> / <code>npm run typecheck</code></td><td>13 backend focused passed + admin onboarding guard E2E 2 passed + latest admin route guards 5 passed + web typecheck/build passed. 실제 <code>admin</code> role은 <code>admin_access=false</code> 세션이어도 <code>can_access_role(Role.ADMIN)</code>으로 관리자 API를 열고, 승인된 관리자 또는 <code>admin_access</code> 계정은 <code>/admin*</code>에서 학습자 온보딩으로 우회하지 않는다. 최초 진입 경로도 <code>initialPathForUser</code>가 소유해 primary role이 learner/teacher인 관리자 권한 계정이 <code>/</code> 또는 로그인 완료 후 <code>/admin</code>으로 들어간다. 관리자 sidebar와 기존 workspace 전환 계약은 유지된다.</td></tr>
-                  <tr><td>SPA route scroll reset</td><td><code>npm run typecheck</code> / <code>npx playwright test e2e/admin.spec.ts --project=chromium-desktop --workers=1 --grep "resets scroll"</code> / Pages deploy</td><td>Typecheck passed and focused E2E 1 passed. <code>App.tsx</code> resets document scroll to top on <code>pathname</code> changes, so moving from a long admin page to short <code>/admin/access</code> no longer preserves stale <code>scrollY</code> and shows only the sticky topbar/sidebar over an empty main area. Probe proof: previous <code>scrollY=1000</code>, after clicking <code>권한</code> <code>scrollY=0</code>, heading <code>역할, 그룹, 접근 범위</code> in viewport. Live custom domain now serves <code>assets/index-R5KK7hZI.js</code>/<code>assets/index-DzdAkRsn.css</code>.</td></tr>
+                  <tr><td>SPA route/restored-tab scroll reset</td><td><code>npm run typecheck</code> / <code>npx playwright test e2e/admin.spec.ts --project=chromium-desktop --project=chromium-mobile --workers=1 --grep "resets scroll"</code> / <code>public-admin-visual</code> / Pages deploy</td><td><code>App.tsx</code>가 pathname 이동뿐 아니라 <code>history.scrollRestoration=manual</code>과 <code>pageshow</code>에서 문서 스크롤을 0으로 복원한다. 따라서 긴 관리자 화면을 지나 짧은 화면으로 이동하거나 재부팅 뒤 기존 탭이 복원돼도 sticky topbar/sidebar만 남는 빈 main이 생기지 않는다. 2026-07-13 custom domain은 <code>assets/index-BhyOF3rL.js</code>/<code>assets/index-DzdAkRsn.css</code>를 서빙하고, 로컬 desktop/mobile 4 passed와 공개 관리자 4개 섹션+복원 탭 3 passed를 확인했다.</td></tr>
                   <tr><td>Admin silent-blank diagnostics</td><td><code>npm run typecheck</code> / <code>npm run build</code> / <code>python -X utf8 -B -m pytest -p no:cacheprovider app/test_client_diagnostics.py -q</code> / <code>npx playwright test e2e/admin.spec.ts --project=chromium-desktop --workers=1 --grep "admin route guards"</code> / dist watchdog smoke</td><td>Typecheck passed, build passed, client diagnostic endpoint test passed, and route-guard E2E 5 passed. Admin now normalizes malformed <code>/admin/users</code> payload fields such as <code>cohort_ids=null</code>, <code>active_sessions=null</code>, and <code>created_at=null</code>, plus malformed <code>/admin/tickets</code> payloads such as <code>summary=null</code>, instead of throwing during render. The screen shows <code>관리자 데이터 진단</code> with section/path/asset and broken field keys. App-level route render errors now fall back to a full-page diagnostic instead of a white screen, and zero-height main content still falls back to the admin diagnostic panel. If the React module itself fails before mount, <code>index.html</code> boot watchdog appends <code>Vignette 화면 진단</code> directly to body and also posts structural counts, current path, asset name, viewport, and short JS error summaries to public <code>/client-diagnostics</code>; the API logs this as <code>client_diagnostic</code> without accepting page body text.</td></tr>
                   <tr><td>OAuth/SAML admin landing</td><td><code>C:\Users\encep\AppData\Local\Programs\Python\Python311\python.exe -X utf8 -m pytest -p no:cacheprovider app/test_auth_providers.py -q</code> / public runtime restart</td><td>36 passed; OAuth/SAML callback now normalizes generic saved <code>next</code> paths such as <code>/learn</code> and <code>/teach</code> to <code>/admin</code> for admin-entitled users while preserving deep links such as <code>/learn/session/...</code>. Live proof after commits <code>998acb44</code>/<code>6b6241f4</code> and latest boot-diagnostic deploy <code>b67fd5d4</code>: local/public <code>/health</code> returned <code>prod</code>, <code>db=true</code>, <code>engine=true</code>; custom domain now serves <code>assets/index-R5KK7hZI.js</code>/<code>assets/index-DzdAkRsn.css</code> plus boot diagnostic HTML; unauthenticated <code>/personas</code> remains <code>401</code>.</td></tr>
                   <tr><td>Session read-model DB readiness</td><td><code>python scripts\check-deploy-preflight.py --skip-db --env-file infra\.env.example --allow-placeholder-secrets</code> / <code>https://api-vignette.chanpaca.net/health</code></td><td>2026-06-29 prod 503 원인은 운영 DB의 <code>app.turns.provider_events</code> 컬럼 누락이었다. 운영 DB hotfix 후 <code>/teacher/dashboard</code> code path는 <code>source=database</code>로 복구됐다. 현재 <code>db.healthcheck()</code>, runtime table readiness, deploy preflight DB mode는 <code>app.turns</code> 음성 메타 컬럼 5개(<code>audio_ref</code>, <code>silence_ms</code>, <code>speech_rate</code>, <code>barge_in</code>, <code>provider_events</code>), <code>app.session_review_status</code> worksheet 컬럼, <code>app.safety_events</code> 필수 컬럼을 함께 검증한다. 2026-06-30에는 Docker Desktop/DB 중단으로 public API 530/error code 1033이 재발했지만, Docker Desktop/DB 재기동 뒤 public health가 <code>environment=prod</code>, <code>db=true</code>, <code>engine=true</code>로 복구됐다.</td></tr>
                   <tr><td>Admin usage persistence</td><td><code>python -m pytest app/test_admin_ops.py app/test_runtime_policy.py -q</code> / authenticated local public-API smoke</td><td>26 passed; <code>/admin/usage</code> returns 200 with <code>source=database</code>, <code>durable=true</code>. Cloudflare blocked raw Python public smoke with 1010, so app-level HTTP was verified against <code>127.0.0.1:8001</code> using the same prod process.</td></tr>
+                  <tr><td>Admin AI operations subpage</td><td><code>npx playwright test e2e/admin.spec.ts --project=chromium-desktop --project=chromium-mobile --workers=1 --grep="admin route guards"</code> / <code>npx playwright test e2e/layout-visual-gate.spec.ts --project=chromium-single-run --workers=1</code> / <code>npx playwright test e2e/session-layout.spec.ts --project=chromium-desktop --project=chromium-mobile --workers=1</code></td><td><code>/admin/ai</code>를 관리자 좌측 메뉴의 독립 작업면으로 추가했다. 7·30·90일 <code>/admin/usage</code> 재조회, DB 원장/영속성, 비용·토큰·계량 커버리지·호출당 단가, 일별 비용, provider/model별 원장, evaluator cache 상세를 표시하고, 기존 <code>GET/PATCH /admin/engine-config</code>로 엔진 방식·연결 주소·기본 모델을 실제 저장한다. 예산은 서버 <code>ADMIN_USAGE_BUDGET_USD</code> 소유임을 그대로 노출한다. 관리자 route guard desktop/mobile 14 passed, 전체 레이아웃 시각 게이트 13 passed(신규 화면 7폭 캡처 포함), session-layout 8 passed.</td></tr>
                   <tr><td>Synthetic health sampler</td><td><code>record_admin_health_sample()</code>, <code>record-admin-health-sample.py</code>, <code>install-health-sampler-task.ps1</code></td><td>Backend focused 31 passed. Python compile/help passed; PowerShell parser + <code>-PrintOnly</code> passed. Local one-shot appended 5 service rows to <code>app.admin_health_event</code>: status ok, engine_mode claude_cli. This remains sample history, not an SLA claim.</td></tr>
                   <tr><td>Health retention/rollup</td><td><code>admin_health_daily_rollup</code>, <code>maintain-admin-health-events.py</code>, <code>/admin/uptime</code></td><td>Backend focused 36 passed. Python compile/help passed. Local dry-run returned <code>rollup_event_count=0</code>, <code>prunable_event_count=0</code>. Uptime summary now combines raw samples with daily rollups when raw rows have been pruned; detailed events stay raw-only.</td></tr>
                   <tr><td>Ticket duplicate linking</td><td><code>support_ticket.fingerprint</code>, <code>parent_ticket_id</code>, <code>/admin/tickets</code></td><td>Backend focused 38 passed. API types, web typecheck, and build passed. Admin tickets E2E 2 passed after restarting local API 8000 on the new code. Duplicate handling is deterministic hint + admin manual parent link/unlink only; no automatic merge, escalation, issue, PR, or thread creation.</td></tr>
@@ -982,7 +1003,7 @@
                   <tr><td>Voice preset/EOT</td><td><code>app.test_voice_service</code></td><td>14 tests OK; TTS payload, preset fallback, DB voice-map resolver, unsupported provider fallback, P1 sample TTS, EOT readiness</td></tr>
                   <tr><td>Voice metadata</td><td><code>python -X utf8 -m pytest -p no:cacheprovider app/test_runtime_policy.py app/test_session_turn_persistence.py app/test_voice_ws.py app/test_voice_service.py -q</code> + <code>PLAYWRIGHT_PORT=5197 npx playwright test e2e/voice-success.spec.ts --project=chromium-single-run --workers=1</code> + <code>PLAYWRIGHT_PORT=5205 npx playwright test e2e/session-persistence.spec.ts --project=chromium-single-run --workers=1</code></td><td>77 backend passed + voice-success 2 passed + latest session-persistence 7 passed; audio_ref/silence_ms/speech_rate/barge_in/provider_events persisted or readiness-checked on learner voice turn, Session 마이크 UI는 browser voice activity/trailing silence 메타를 <code>audio_end</code>에 전송, provider_events JSONB 보존·sanitizing·taxonomy·client turn 미혼입 검증, DB-backed review <code>nonverbal</code>은 timing/audio와 제한된 paralinguistic/prosody/audio_quality 칩을 중복 침묵 없이 노출</td></tr>
                   <tr><td>Session end/evaluation recovery + AI tutor E2E</td><td><code>PLAYWRIGHT_PORT=5205 npx playwright test e2e/session-persistence.spec.ts --project=chromium-single-run --workers=1</code> / <code>PLAYWRIGHT_PORT=5238 npx playwright test e2e/session-persistence.spec.ts --project=chromium-single-run --workers=1 --grep "finishes session end evaluation"</code> / <code>PLAYWRIGHT_PORT=5237 npx playwright test e2e/session-persistence.spec.ts --project=chromium-single-run --workers=1 --grep "explicit teacher session reevaluation"</code> / <code>PLAYWRIGHT_PORT=5245 npx playwright test e2e/session-persistence.spec.ts --project=chromium-single-run --workers=1 --grep "manual AI evaluation retry"</code> / <code>PLAYWRIGHT_PORT=5254 npx playwright test e2e/session-review.spec.ts --project=chromium-desktop --workers=1 --grep "manual AI retry|long-running session evaluation|retry a failed AI session evaluation|retry fails"</code> / <code>py -3.11 -X utf8 -m pytest -p no:cacheprovider app/test_notifications.py app/test_session_turn_persistence.py app/test_evaluation_persistence.py -k "session_evaluation or missing_session_evaluation or scheduled_session_evaluation" -q</code></td><td>DB-backed session-persistence 7 passed가 실제 DB/API/엔진으로 세션 생성→턴→종료→background deep 평가 durable row→교수자 리뷰 <code>평가 완료</code>까지 검증한다. 추가 자동 평가 E2E 1 passed는 같은 persisted row가 <code>/teacher/dashboard</code>의 <code>evaluation_status=ready</code>, <code>review_ready=true</code>, <code>supervisor_state=평가 완료</code>로 반영되는지 확인한다. 명시 재평가 1 passed는 교수자 <code>POST /eval/sessions/{id}/reevaluate</code>가 durable <code>app.session_evaluation</code> row를 저장하고 <code>/eval/.../evaluation</code>과 <code>/review</code>가 <code>평가 완료</code>로 반영되는지 확인한다. 수동 UI 재시도 E2E 1 passed는 실제 실패 row를 만든 뒤 교수자 리뷰의 <code>AI 평가 재시도</code> 버튼 클릭이 real <code>POST /eval/sessions/{id}/reevaluate</code> → durable ready row → review/dashboard ready 상태로 이어지는지 확인한다. 최신 backend/UI focused 8 passed + 4 passed는 오래된 missing evaluation row가 교수자 대시보드에서도 <code>평가 실패</code>로 보이고, 이미 종료된 session <code>/end</code> 재호출이 평가를 재예약하지 않으며, 평가 ready 전에는 <code>검토 완료</code>로 큐에서 숨길 수 없음을 검증한다. Backend recovery focused 16 passed는 종료됐지만 evaluation row가 없는 오래된 DB 세션을 startup recovery가 evaluator AI context로 찾아 기존 session-end 평가를 재예약하고, 같은 session_id 중복 background 평가를 in-flight set으로 막는지 검증한다. 남은 후속은 다중 프로세스 durable claim/job table 수준의 재시도 소유권이다.</td></tr>
-                  <tr><td>Browser SSE stream + AI tutor persistence</td><td><code>PLAYWRIGHT_PORT=5241 npx playwright test e2e/session-persistence.spec.ts --project=chromium-single-run --workers=1 --grep "AI tutor coaching history"</code> / <code>PLAYWRIGHT_PORT=5251 npx playwright test e2e/session-mvp.spec.ts --project=chromium-desktop --workers=1 --grep "AI tutor|runtime AI tutor"</code> / <code>PLAYWRIGHT_PORT=5259 npx playwright test e2e/session-mvp.spec.ts --project=chromium-desktop --workers=1 --grep "AI tutor|stale empty AI tutor quota|quota exhaustion|degraded AI tutor|voice conversation stop"</code></td><td>DB-backed focused 1 passed + mock UI focused 7 passed. 실제 Session UI 코칭 모드에서 <code>POST /live-coach</code> 응답과 DB-backed history payload가 <code>status=ready</code>, <code>latency_ms&gt;0</code>인지 확인하고, 0615 source pack <code>version/citation</code>이 <code>근거 보기</code> 모달, DB-backed <code>GET /live-coach</code> 이력, reload 후 학습자 발화의 <code>C</code> 마커 history dialog까지 보존되는지 검증한다. Mock MVP는 source title/kind/version/citation 렌더, <code>status=degraded</code> replacement 표시, <code>GET /live-coach</code> 실패 alert, <code>persistence_source/source=runtime</code> 임시 이력 경고, stale empty quota 서버 재조회, quota exhaustion 우선 표시를 각각 고정한다.</td></tr>
+                  <tr><td>Browser SSE stream + AI tutor persistence</td><td><code>PLAYWRIGHT_PORT=5241 npx playwright test e2e/session-persistence.spec.ts --project=chromium-single-run --workers=1 --grep "AI tutor coaching history"</code> / <code>PLAYWRIGHT_PORT=5251 npx playwright test e2e/session-mvp.spec.ts --project=chromium-desktop --workers=1 --grep "AI tutor|runtime AI tutor"</code> / <code>PLAYWRIGHT_PORT=5259 npx playwright test e2e/session-mvp.spec.ts --project=chromium-desktop --workers=1 --grep "AI tutor|stale empty AI tutor quota|quota exhaustion|degraded AI tutor|voice conversation stop"</code> / <code>C:\Users\encep\AppData\Local\Programs\Python\Python311\python.exe -X utf8 -m pytest -p no:cacheprovider apps/api/app/test_session_turn_persistence.py -k "live_coach" -q</code></td><td>DB-backed focused 1 passed + mock UI focused 7 passed + backend live coach focused 7 passed. 실제 Session UI 코칭 모드에서 <code>POST /live-coach</code> 응답과 DB-backed history payload가 <code>status=ready</code>, <code>latency_ms&gt;0</code>인지 확인하고, 0615 source pack <code>version/citation</code>이 <code>근거 보기</code> 모달, DB-backed <code>GET /live-coach</code> 이력, reload 후 학습자 발화의 <code>C</code> 마커 history dialog까지 보존되는지 검증한다. Mock MVP는 source title/kind/version/citation 렌더, <code>status=degraded</code> replacement 표시, <code>GET /live-coach</code> 실패 alert, <code>persistence_source/source=runtime</code> 임시 이력 경고, stale empty quota 서버 재조회, quota exhaustion 우선 표시를 각각 고정한다. Backend focused는 live coach event 저장 실패 503뿐 아니라 LLM audit 저장 실패가 정상 <code>ready</code> 코칭으로 보이지 않고 <code>degraded</code> fallback으로 내려가는지도 고정한다.</td></tr>
                   <tr><td>C3 theory-mode reevaluation</td><td><code>C:\Users\encep\AppData\Local\Programs\Python\Python311\python.exe -X utf8 -m pytest -p no:cacheprovider app/test_eval_routes.py -q</code> / <code>PLAYWRIGHT_PORT=5229 npx playwright test e2e/session-persistence.spec.ts --project=chromium-single-run --workers=1 --grep "selected CBT theory mode"</code> / <code>app/test_eval_routes.py app/test_notifications.py app/test_session_turn_persistence.py</code></td><td>eval route 5 passed, focused backend 39 passed, DB-backed browser E2E 1 passed. 실제 Session UI에서 선택한 <code>CBT</code>가 <code>POST /sessions</code> payload와 DB-backed <code>GET /sessions/{id}</code> 상세의 <code>theory_mode=cbt</code>로 보존된다. 수동 session 재평가는 persona 기본 <code>theory_target</code>보다 학습자가 선택한 session <code>theory_mode</code>를 우선하고, turn 재평가도 <code>TurnContext.theory_mode</code>에 같은 값을 전달한다.</td></tr>
                   <tr><td>Crisis safety gate UI</td><td><code>PLAYWRIGHT_PORT=5193 npx playwright test e2e/session-mvp.spec.ts --project=chromium-single-run --workers=1</code> / <code>PLAYWRIGHT_PORT=5259 npx playwright test e2e/session-mvp.spec.ts --project=chromium-desktop --workers=1 --grep "voice conversation stop"</code></td><td>mock SSE <code>safety</code> + <code>done.conversation_stopped</code>와 mock voice <code>reply.conversation_stopped</code>에서 안전 자원 109와 입력 disabled가 유지되고, 빈 client reply를 <code>내담자 응답 없음</code>으로 덮지 않으며 live-coach를 호출하지 않는지 검증한다. 음성 위기 경로는 TTS 종료 이벤트 없이도 socket close를 확인한다.</td></tr>
                   <tr><td>Persona/session review UI E2E</td><td><code>PLAYWRIGHT_PORT=5215 npx playwright test e2e/teacher.spec.ts --project=chromium-single-run --workers=1</code></td><td>9 passed mixed suite; real server-row rendering과 route-fixture UI 흐름을 함께 포함한다. 교수자가 pending persona를 승인하고, pending/recent review detail로 진입하며, 별도 student analysis 메뉴·학습자 검색·행 펼침·full learner timeline drilldown을 검증한다.</td></tr>
@@ -994,7 +1015,7 @@
                   <tr><td>Python compile</td><td><code>python -m compileall app engine_gateway</code></td><td>Passed</td></tr>
                   <tr><td>Phase 3 artifact gates</td><td><code>py -3.11 -X utf8 scripts\check-phase3-artifacts.py --help</code> + <code>py -3.11 -X utf8 -m pytest -p no:cacheprovider app/test_dataset_export.py app/test_phase3_artifact_checker.py -q</code></td><td>16 passed; checker now enforces CSV enums, KPI metric required fields/status, approved export PII/agreement/consent/withdrawal/file-hash gates, and approved/dry-run dataset JSONL required keys, row count, privacy, and PII shape. Actual pilot evidence still external.</td></tr>
                   <tr><td>Web build</td><td><code>npm run build</code></td><td>Passed</td></tr>
-                  <tr><td>Pages production deploy</td><td><code>wrangler pages deploy dist --project-name vignette --branch main --commit-dirty=true</code></td><td>2026-07-13 TTS production deploy <code>d80e33da</code>; preview <code>https://b918fdd2.vignette-b1q.pages.dev</code>; custom domain serves <code>assets/index-DLht3mQk.js</code>/<code>assets/index-DzdAkRsn.css</code>. 공개 번들의 <code>/voice/speech</code> 포함, public API <code>prod/db/engine=true</code>, <code>/voice/health</code> OpenAI <code>gpt-4o-mini-tts</code> available, 무인증 speech 401 계약을 확인했다.</td></tr>
+                  <tr><td>Pages production deploy</td><td><code>wrangler pages deploy dist --project-name vignette --branch main --commit-dirty=true</code></td><td>2026-07-13 production deploy <code>abe0a142</code>; preview <code>https://abe0a142.vignette-b1q.pages.dev</code>; custom domain serves <code>assets/index-DKQt25EP.js</code>/<code>assets/index-DzdAkRsn.css</code>. 공개 번들에서 래스터 배선 문자열 0개와 P1 SVG desktop/mobile smoke 2 passed를 확인했다.</td></tr>
                   <tr><td>Custom domain assets</td><td><code>https://vignette.chanpaca.net/login?dev_dashboard_redteam=20260630-recovered</code></td><td>2026-06-30 recheck: login HTML HEAD 200. Public API 복구 후에도 web custom domain은 정상이다.</td></tr>
                   <tr><td>Legacy Live2D routes</td><td><code>/live2d/mao/* / /live2d/haru/* / /live2d/live2dcubismcore.min.js</code></td><td>404</td></tr>
                   <tr><td>Compose template</td><td><code>docker compose -f infra\docker-compose.yml config --quiet</code></td><td>Template path is valid with dummy required env. API build context now uses repo root; stale <code>rag.server</code> sidecar removed.</td></tr>
@@ -1019,7 +1040,7 @@
                   <tr><td>Learner screenshots</td><td><code>learn-empty-desktop.png / learn-empty-mobile-compact.png</code></td><td>document overflow 0, empty history visible</td></tr>
                   <tr><td>Session layout/turn</td><td><code>session-layout.spec.ts desktop/mobile</code></td><td>8 passed</td></tr>
                   <tr><td>Session voice guard/view-model</td><td><code>npm run typecheck</code> / <code>npm run build</code> / <code>npx playwright test e2e/session-mvp.spec.ts --project=chromium-single-run --workers=1</code> / <code>npx playwright test e2e/voice-success.spec.ts --project=chromium-single-run --workers=1</code> / <code>npx playwright test e2e/session-layout.spec.ts --project=chromium-desktop --project=chromium-mobile --workers=1</code></td><td>typecheck/build passed; P1 text MVP 1 passed, voice cascade + Session text/mic UI 2 passed, session-layout desktop/mobile 8 passed. <code>isVoiceStatusBusy()</code> and <code>sessionVoiceStatusView()</code> own mic busy/disabled, aria label, transcript/response/status labels, and text-turn blocking; persisted text-turn replies now share the OpenAI TTS Web Audio lifecycle without changing the recording click-to-send path.</td></tr>
-                  <tr><td>Session end + dark theme UX</td><td><code>npm run typecheck</code>, <code>npm run build</code>, <code>layout-visual-gate</code>, <code>session-layout</code>, <code>avatar-expression</code>, <code>settings</code>, <code>session-review</code></td><td>typecheck/build passed; Playwright 묶음 36 passed. P1 active session은 <code>rasterArtSet="seoyeon-live2d-psd-v2"</code>를 사용한다. sad 표정은 PSD 기반 눈물/우는 입/울상 눈썹 파츠를 렌더한다. Settings now treats API <code>system</code> preference as current initial theme instead of forcing light.</td></tr>
+                  <tr><td>Session end + dark theme + SVG avatar UX</td><td><code>npm run typecheck</code>, <code>npm run build</code>, <code>layout-visual-gate</code>, <code>session-layout</code>, <code>avatar-expression</code>, <code>settings</code>, <code>session-review</code></td><td>typecheck/build passed; 아바타·세션 desktop/mobile 18 passed + 전체 레이아웃 시각 게이트 12 passed + 커스텀 도메인 P1 SVG smoke desktop/mobile 2 passed. 세션·학습자 홈·dev 미리보기는 P1/P4~P7 모두 <code>data-render-mode="svg"</code>인 도형 기반 파라미터 리그를 사용하고 생성 이미지/PSD 래스터 DOM은 렌더하지 않는다.</td></tr>
                   <tr><td>Voice/session focused</td><td><code>voice + voice-success + session-layout</code></td><td>15 passed</td></tr>
                   <tr><td>Layout redesign handoff</td><td><code>docs/archive/ops/layout-redesign-handoff-2026-06-26.md</code></td><td>subagent scopes, files, verification, remaining visual review recorded</td></tr>
                   <tr><td>Layout redesign focused E2E</td><td><code>npx playwright test e2e/learner.spec.ts e2e/session-layout.spec.ts e2e/session-review.spec.ts e2e/admin.spec.ts e2e/settings.spec.ts e2e/teacher.spec.ts --project=chromium-desktop --project=chromium-mobile</code></td><td>54 passed after isolated Admin tablet flake rerun</td></tr>
diff --git a/docs/guides/architecture.md b/docs/guides/architecture.md
index bb16d09..79aee23 100644
--- a/docs/guides/architecture.md
+++ b/docs/guides/architecture.md
@@ -25,6 +25,8 @@ Vignette(AI 심리상담 시뮬레이션 훈련 플랫폼)의 시스템 아키
   자살 수단/방법 정보는 출력 가드레일이 차단한다.
 - **주입형(hook) 경계**: 오케스트레이터는 평가/로깅 함수를 *주입*받는다. `services/orchestrator.py`는
   `services/evaluator.py`를 import 하지 않는다(소유권 분리).
+- **LLM 감사 경계**: evaluator/orchestrator의 생성 시간·토큰·비용 기록은 `services/llm_audit.py`의
+  `generate_with_audit()`가 소유한다. 생성 성공을 감사 저장 성공으로 오인하지 않고 호출자가 degraded 의미를 결정한다.
 - **degraded 폴백**: DB(단일 SoR)가 없어도 `app/store.py` in-memory 미러로 1턴이 돈다.
 
 ### 1.1 모노레포 레이아웃
@@ -254,8 +256,17 @@ RBAC×AIView로 차단된다. 이 모듈은 평가 신호만 산출한다.
   형태가 아니라 `quota`와 `credit_events`를 포함한 짧은 카드 계약이다. UI는 코칭 아바타 말풍선,
   근거 모달, 발화별 코칭 이력 오버레이로 표시한다.
 - 회기별 코칭 기회는 기본/최대 3개다. `POST /sessions/{id}/live-coach` 사용 시 `use/-1` 이벤트를 남기고,
-  턴 평가가 `appropriateness=pos`, `rapport_signal>=0.35`, 그리고 단계 전환 또는 `effective_openness`
-  상승을 동시에 만족하면 `recharge/+1` 이벤트로 1개를 재충전한다(최대 3개). 사용권 없음은 409로 막는다.
+  충전은 2026-07-14 재설계된 게이트를 쓴다(`turn_runtime.should_recharge_live_coach_credit`):
+  ① 성과 충전 — `appropriateness=pos` + `rapport_signal>=0.15` + (단계 전환 또는 개방도 +0.01),
+  또는 `neutral` + `rapport_signal>=0.35` + 개방도 상승 ② 페이싱 충전 — 평가 신호와 무관하게
+  6턴마다 1개(평가 실패여도 충전, 순감 구조 방지). 사용권 없음은 409로 막는다.
+- 프론트 트리거: 코칭 화면(`feedbackMode=coached`)이 아닐 때 완료된 턴은 기회를 소모하지 않고
+  `pendingCoachTurn`으로 대기하며, 컨트롤바 위 컨텍스추얼 넛지 칩("방금 발화에 코치 제안이 있어요")으로
+  안내한다. 코칭 화면을 열면 대기 턴에 대한 코칭을 즉시 요청한다.
+- 코칭 프롬프트에는 이번 회기 목표(`goal_stages`)와 직전 코칭 2건(title/focus)을 주입해
+  목표 정렬·조언 반복 방지를 유도하고, 규칙 폴백도 단계별 기본 다음 발화를 쓴다.
+- `record_llm_call_audit`는 dev degraded(무DB) 기동을 "기록 실패"로 보지 않는다
+  (`runtime_fallback_allowed()`면 True). durable 환경의 실제 기록 실패만 코칭을 degraded로 강등한다.
 - 전달된 코칭과 충전/사용 기록은 `app.live_coach_events`에 저장된다. 원문 축어록을 중복 저장하지 않고
   PII 마스킹된 짧은 learner/client excerpt, 코칭 payload, `event_type/credit_delta/credit_balance/reason`만
   저장한다. DB 미가용 dev에서는 런타임 캐시로 폴백한다.
@@ -339,6 +350,14 @@ session lifecycle을 유지하며, future Node read API는 이 read-model contra
   기본값을 쓰되 학습자가 `humanistic`/`cbt`/`integrative` 중 하나를 명시 선택해 기존
   `theory_mode` 계약으로 보낸다. DB가 없으면
   `runtime_fallback_allowed()` 확인 후 `store.create(...)`로 in-proc 생성.
+  2026-07-13 한신대 회의 P1 반영: 요청에 이번 회기 목표 단계 `goal_stages`(StageLabel 1~4개 —
+  회의 권장은 2개 수준, 소유자 지시(2026-07-15)로 4개까지 허용. 중복 제거·최대 4 검증,
+  `app.sessions.session_goals` JSONB 저장)를 받고, 응답에
+  `started_at`/`goal_stages`/`duration_limit_seconds`/`warning_before_end_seconds`를 돌려준다.
+  회기 종료는 단계 완수가 아니라 **시간 기반**이다 — 프론트가 60분 타이머·10분 전 알람·만료 시
+  정리 유도를 주도하고, 서버는 제한+유예(`SESSION_DURATION_MINUTES`+`SESSION_OVERTIME_GRACE_MINUTES`)
+  초과 시 신규 턴을 `409 session_time_over`로 거부한다(`_ensure_turn_time_allowed`, 음성 WS 동일).
+  목표를 달성해도 시간 내에는 계속 진행한다(상태머신은 채점·표시용으로만 유지).
 - `POST /sessions/{id}/turn` — 동기 경로. `prepare_turn` → `run_turn_generate` →
   학습자 발화 turn(speaker=`counselor`, 원문 `text` + `text_masked`) + 내담자 응답 turn(speaker=`client`)
   순차 append → 상태 갱신. `EngineError`는 503으로 변환.
@@ -355,6 +374,14 @@ session lifecycle을 유지하며, future Node read API는 이 read-model contra
   임베딩 모델이 없으면 BM25-only degraded 색인으로 진행한다.
 - `POST /sessions/{id}/end` — `memory.make_carry_over(...)` → 세션 종료 + carry 준비 →
   `_schedule_session_evaluation(sess)`로 deep-loop 평가를 비동기 태스크로 발사.
+- 진행도 파생(P2, 2026-07-14): `session_read_model.build_session_progress(state, prev_rapport_credit,
+  goal_stages)`가 상태머신 수치를 학습자-안전 %로 파생한다 — 단계별 누적 게이지(현재 단계는
+  `rapport_credit / STAGE_ADVANCE_RAPPORT` 기준, 지나온 단계 100, 전이 대기 99 캡), 라포 누적
+  (`/0.55` 전 주기 기준)과 이번 회기 증가분(`prev_rapport_credit` 대비), 방어(저항)·유효 개방도 %.
+  노출 지점: `SessionDetailResponse.progress`, `TurnResponse.progress`, 스트림 `done` payload,
+  음성 WS `reply`, 대시보드 `persona_progress[].rapport_percent`. rapport_credit이 회기 간 ×0.7
+  이월되므로 게이지가 회기를 건너 누적된다(초심 상담자 학습 신호 — 회의 P2 의도). ideation·CCD는
+  계속 비노출.
 - `GET /sessions/dashboard` — 학습자 본인 세션만 `include_turn_evaluation=true`로 집계해
   `overview/growth/persona_progress/achievements/recent_feedback`를 반환한다. `overview.archived_sessions`는
   학습자별 보관 상태(`app.session_archive_state`) 기준 카운트이며, 보관된 종료 회기는 리뷰 대기 행동 큐에서
@@ -494,8 +521,16 @@ HTTP error mapping을 유지한다.
 - `get_approved_persona(code)` / `list_approved_personas()` — 승인된 최신 버전 조회(AI 컨텍스트).
 - `get_catalog_persona(code)` — 승인 카드 조회, 실패 시 `settings.allow_seed_persona_fallback`이면
   `seed_fallback_persona`(degraded=True)로 폴백.
-- 페르소나 스튜디오: `/teach/personas`가 teacher/admin 전용 저작 작업면이다. 교수 콘솔은 진입점/triage만 맡고,
-  실제 저작은 개요·임상·저항·회기·말투·안전·프롬프트 탭으로 분리한다.
+- 페르소나 워크스페이스: `/teach/personas`는 teacher/admin 전용 운영·저작 작업면이다. 상단 horizontal tab이
+  `대시보드`(공개/활성 페르소나·학습 인원·세션·평가/라포·검수 요약), `카탈로그`(공개 규칙·구성·버전),
+  `페르소나`(검색/필터 가능한 전체 table + 내부 `검수 현황` 탭)를 나눈다. 행을 누르면 소개·학습 현황·설정
+  drilldown으로 들어가며, 수정/신규 작성은 URL query 상태의 독립 작업면에서 자료→초안→설정→검토 4단계를
+  사용한다. 작성 중간 저장은 브라우저 임시 저장을 항상 남기고, 기본 식별자가 채워지면 기존 draft API에도 저장한다.
+  구조화 편집 자체는 개요·임상·저항·회기·말투·안전·프롬프트 탭 계약을 유지한다.
+- 자유 양식 표 업로드(2026-07-13 회의 P4): `POST /personas/sources/upload`는 xlsx/xlsm/csv 파일을
+  받아 `services/tabular_ingest.extract_tabular_text()`로 결정론 평탄화(라벨: 값 쌍, 시트 구분,
+  cp949 폴백, .xls 거부)한 뒤 아래 `/personas/sources` 등록 경로를 그대로 재사용한다.
+  업로드 원본 바이트는 핸들러 메모리에서만 파싱하고 저장하지 않는다(원본 파기 — hash-only 증거만 남음).
 - RAG 첨부 SSOT: `POST /personas/sources`는 첨부/붙여넣기 자료를 `mask_pii()` 후
   raw 원문 hash-only 증거는 `kb.raw_source_artifact`에 따로 기록하고, sanitized 파생본만
   `kb.source/document/chunk`에 evaluator 전용 근거(`visible_to=['evaluator']`, `sensitivity=2`)로 등록한다.
@@ -567,12 +602,16 @@ React 19 + Vite. 라우팅은 `apps/web/src/App.tsx`(react-router-dom).
 | `/teach/personas` | PersonaStudio(페르소나 저작·검수) | teacher/admin |
 | `/teach/session/:sessionId/review` | SessionReview(교수자 읽기 전용 회기 검토) | teacher/admin |
 | `/admin` | Admin(운영 홈) | admin |
+| `/admin/ai` | AdminAi(AI 엔진 설정, 기간별 DB 비용·토큰·계량 커버리지, provider/model 원장, 평가 캐시 효율) | admin |
 | `/admin/users` | Admin(사용자 관리) | admin |
 | `/admin/access` | Admin(접근 권한) | admin |
 | `/admin/tickets` | Admin(운영 티켓 처리 큐: 접수, 필터, 카테고리 큐, 우선순위, 수동 상태 변경 감사) | admin |
 | `/settings` | Settings | 3역할 공통 |
 
 - `RequireAuth`가 `lib/auth`의 AuthContext로 가드하고, 권한 불일치 시 역할 홈(`roleHomePath`)으로 보낸다.
+- `App.tsx`는 모든 역할 페이지를 `lazy()`로 로드하고 공통 `Suspense` 부트 경계를 사용한다. 페이지별 순수 표시 계산은
+  `pages/*/model.ts`, 브라우저 음성 캡처는 `pages/session/voiceCapture.ts`, 페르소나 이름·난도·아바타 팔레트는
+  `lib/personaViewModel.ts`가 소유해 라우트 컴포넌트의 API/상태/렌더 책임과 분리한다.
 - API 클라이언트 `src/lib/api.ts`:
   - `apiFetch`/`api`(get/post/put/del) — 표준 JSON, 에러는 `ApiError`로 정규화, 항상 `credentials:"include"`.
   - SSE: `openSessionStream(sessionId, text, handlers)` — `fetch` 스트림을 직접 라인 파싱해
@@ -593,6 +632,8 @@ React 19 + Vite. 라우팅은 `apps/web/src/App.tsx`(react-router-dom).
     (예: `pages/login/login.css`, `pages/learner-home.css`, `pages/session/session.css`).
     TSX 안에 `<style>{..._CSS}</style>` template literal을 두지 않는다. 새 화면은 스타일을
     페이지/기능 CSS로 분리하고, 반복 JSX는 작은 presentational component로 빼서 인증·데이터 상태 로직과 섞지 않는다.
+  - 공통 UI/셸 CSS의 raw color는 0개를 강제한다. 몰입형 세션·인증·아바타 아트처럼 전역 의미 토큰이 아닌 국소 색은
+    `check:design-ssot`의 파일별 고정 예산을 넘길 수 없어 예외가 다른 화면으로 확산되지 않는다.
   - 로그인 진입 화면은 `pages/login/LoginBrand.tsx`, `LoginPanel.tsx`, `login.css`로 분리되어
     `Login.tsx`는 OAuth/dev-login 상태와 라우팅만 소유한다.
 
@@ -728,8 +769,9 @@ DB 레벨 이중강제(`04_audit_eval_rls.sql` §5, `app/db.py` `acquire()`):
 - 프론트의 최초 진입 경로(`initialPathForUser`)는 pending이면 `/pending`, 온보딩 미완료 일반 사용자는
   `/onboarding`, 관리자 콘솔 접근권이 있는 사용자는 기본 역할이 learner/teacher여도 `/admin`을 우선한다.
   역할 전환용 `roleHomePath`는 그대로 역할별 홈(`/learn`, `/teach`, `/admin`)만 소유한다.
-- SPA 라우트 전환은 `App.tsx`가 `pathname` 변경마다 문서 스크롤을 맨 위로 복원한다. 긴 관리자 목록에서
-  짧은 `/admin/access` 정책 화면으로 이동할 때 이전 `scrollY`가 유지되어 sticky 셸만 보이는 빈 화면을 막기 위한 계약이다.
+- SPA 라우트 전환은 `App.tsx`가 `pathname` 변경마다 문서 스크롤을 맨 위로 복원한다. 또한 브라우저
+  `history.scrollRestoration`을 `manual`로 두고 `pageshow`에서도 다시 복원해, 재부팅 뒤 기존 관리자 탭을
+  되살릴 때 이전 `scrollY` 때문에 sticky 셸만 보이고 본문이 화면 위로 밀리는 빈 화면을 막는다.
 - 관리자 콘솔은 shell만 남고 본문이 비는 silent failure를 허용하지 않는다. `/admin/users` 응답의
   `cohort_ids`, `active_sessions`, `created_at`와 `/admin/tickets` 응답의 `summary`, `by_status`,
   `by_priority` 같은 필드가 런타임 계약과 다르면 프론트가 안전한 기본값으로 정규화하고 `관리자 데이터 진단`
diff --git a/docs/guides/collaboration-for-researchers.md b/docs/guides/collaboration-for-researchers.md
new file mode 100644
index 0000000..d3b1188
--- /dev/null
+++ b/docs/guides/collaboration-for-researchers.md
@@ -0,0 +1,185 @@
+# 연구팀·디자인 담당을 위한 협업 가이드 (Git을 처음 쓰는 분께)
+
+이 문서는 **개발이 처음인 연구팀 대학원생·디자인 담당 학생**이 이 저장소(프로젝트 파일 보관소)에
+안전하게 참여하기 위한 안내서다. 어려운 용어는 나올 때마다 한 줄로 풀어서 설명한다.
+천천히 따라오면 되고, 막히면 언제든 단톡방에 물어보면 된다.
+
+> **먼저 알아둘 3가지**
+> 1. 여러분은 코드를 몰라도 참여할 수 있다. 대부분은 **웹 브라우저 화면만으로** 가능하다.
+> 2. 실수해도 프로젝트가 망가지지 않도록 설계돼 있다. 아래 "하지 말아야 할 것"만 지키면 된다.
+> 3. 문구(화면에 보이는 글자) 수정은 **단톡방에 목록으로 전달하는 것이 가장 쉬운 기본 경로**다.
+>    직접 고쳐보고 싶은 분을 위한 방법도 뒤에 따로 안내한다.
+
+---
+
+## 1. 왜 main(master)에 직접 손대면 안 되나
+
+먼저 용어부터.
+
+| 용어 | 한 줄 뜻 |
+|---|---|
+| **저장소(repository, 레포)** | 프로젝트의 모든 파일과 수정 이력이 담긴 온라인 보관소 |
+| **브랜치(branch, 가지)** | 원본을 건드리지 않고 따로 복사해서 작업하는 "작업용 사본" |
+| **main / master** | 실제 서비스에 반영되는 **원본 줄기**. 손대면 바로 모두에게 영향 |
+| **커밋(commit)** | "여기까지 이렇게 고쳤다"라고 저장하는 한 번의 기록 |
+
+**비유로 이해하기.** `main(master)`은 병원의 **정식 환자 차트 원본**이라고 생각하면 된다.
+누구든 원본에 바로 낙서하듯 고치면, 다른 사람이 그 잘못된 차트를 그대로 믿고 일하게 되고,
+누가 언제 무엇을 바꿨는지도 뒤엉킨다. 그래서 우리는 항상 **원본을 복사한 작업용 사본(브랜치)** 에서
+고친 뒤, 담당자가 한 번 확인(리뷰)하고 나서야 원본에 반영한다.
+
+이렇게 하면 좋은 점:
+
+- 원본은 항상 **작동하는 상태**로 유지된다 (파일럿·시연 중에 갑자기 화면이 깨지지 않는다).
+- 실수해도 내 작업용 사본에서만 일어나므로 **되돌리기 쉽다**.
+- 바꾼 이유와 내용을 담당자가 **한 번 검토**하므로 사고가 미리 걸러진다.
+
+> 한 줄 요약: **원본(main/master)에 직접 저장(커밋)·업로드(push)하지 않는다. 항상 사본(브랜치) → 확인(리뷰) → 반영 순서.**
+
+---
+
+## 2. 시작 준비 — GitHub 계정과 저장소 초대
+
+우리는 **GitHub**라는 서비스에서 이 저장소를 관리한다. (GitHub = 저장소를 온라인에 두고 여럿이 함께
+작업하게 해주는 웹사이트.)
+
+**여러분이 할 일 (체크리스트)**
+
+- [ ] 1. [github.com](https://github.com) 에서 **무료 계정**을 만든다. (이메일·비밀번호만 있으면 된다)
+- [ ] 2. 가입에 사용한 **GitHub 아이디(username) 또는 이메일**을 단톡방에 알려준다.
+- [ ] 3. 소유자(윤찬)가 **여러분을 저장소에 초대**한다. → **초대 실행은 윤찬이 직접 한다. 여러분이 신청하는 것이 아니다.**
+- [ ] 4. 초대되면 여러분의 가입 이메일로 **초대 메일**이 오거나, GitHub 알림에 초대가 뜬다.
+- [ ] 5. 메일/알림의 **"Accept invitation(초대 수락)"** 버튼을 누른다. 끝.
+
+수락하고 나면 저장소 페이지가 열리고, 이제 여러분도 이 프로젝트의 협업자(collaborator)가 된다.
+
+> 초대가 안 왔거나 버튼을 못 찾겠으면 단톡방에 알려주면 된다. 흔한 일이니 걱정하지 않아도 된다.
+
+---
+
+## 3. 실제 수정 흐름 — 웹 브라우저만으로 (권장)
+
+여기서는 **컴퓨터에 아무것도 설치하지 않고, GitHub 웹사이트 화면만으로** 파일을 고치고 반영 요청까지
+하는 방법을 설명한다. 대부분의 문구·문서 수정은 이 방법으로 충분하다.
+
+먼저 이 흐름의 전체 그림:
+
+```
+파일 열기 → 편집(연필) 버튼 → 내용 수정 → "Propose changes(변경 제안)"
+   → 자동으로 새 브랜치(사본) 생성됨 → Pull Request(반영 요청) 작성
+   → 담당자 리뷰 → 문제 없으면 병합(main에 반영)
+```
+
+용어 두 개만 더:
+
+| 용어 | 한 줄 뜻 |
+|---|---|
+| **Pull Request (PR, 풀 리퀘스트)** | "제 사본에서 이렇게 고쳤으니 원본에 반영해 주세요"라는 **반영 요청서** |
+| **병합(merge, 머지)** | 검토를 통과한 사본의 변경을 원본에 **합치는 것** |
+
+### 3-1. 단계별 (웹 UI 기준)
+
+1. **파일을 찾아 연다.** 저장소 페이지에서 폴더를 눌러 들어가 원하는 파일을 클릭한다.
+   (예: 문구는 대개 `apps/web/src/pages/` 폴더 안에 있다 — 4장 참조)
+2. **연필(✏️) 아이콘을 누른다.** 파일 오른쪽 위에 있다. "Edit this file(이 파일 편집)" 뜻이다.
+3. **내용을 고친다.** 화면에서 글자를 직접 수정하면 된다.
+4. 오른쪽 위 **"Commit changes...(변경 저장)"** 초록 버튼을 누른다.
+5. 작은 창이 뜨면:
+   - **변경 설명**에 무엇을 왜 고쳤는지 한 줄로 적는다. (예: `학습자 홈 안내 문구 오타 수정`)
+   - **반드시 아래쪽 "Create a new branch ... and start a pull request(새 브랜치를 만들어 PR 시작)"** 를 고른다.
+     → 이걸 고르면 **원본을 건드리지 않고 자동으로 사본(브랜치)이 만들어진다.** (첫 번째 "Commit directly to the master branch(원본에 바로 저장)"는 **고르지 않는다.**)
+   - 브랜치 이름은 자동으로 채워지니 그대로 둬도 된다.
+   - **"Propose changes"** 를 누른다.
+6. **Pull Request(반영 요청) 화면**이 나온다. 제목·설명을 확인하고(자동으로 채워져 있음)
+   **"Create pull request"** 를 누른다.
+7. 끝. 이제 **담당자가 리뷰**한다. 단톡방에 "PR 올렸습니다"라고 한 마디 남겨주면 확인이 빨라진다.
+8. 담당자가 수정 요청을 남기면, 같은 PR에서 파일을 다시 편집해 커밋하면 된다.
+   문제 없으면 담당자가 **병합(merge)** 하여 원본에 반영한다.
+
+### 3-2. 한눈에 보는 체크리스트
+
+- [ ] 원하는 파일을 연다
+- [ ] 연필(✏️) 버튼으로 편집
+- [ ] "Commit changes" → **새 브랜치 만들기 선택** (원본 직접 저장 아님)
+- [ ] "Create pull request"로 반영 요청
+- [ ] 단톡방에 PR 올렸다고 공유
+- [ ] 리뷰 통과 후 담당자가 병합 → 완료
+
+---
+
+## 4. UI 문구(화면 글자) 수정 프로세스
+
+### 4-1. 기본 경로 — 단톡방으로 목록 전달 (가장 쉽고 빠름)
+
+화면에 보이는 문구를 고치고 싶을 때 **가장 권장하는 방법**이다.
+
+1. **바꿀 문구를 목록으로 정리**한다. 아래처럼 "어디의 / 무엇을 / 어떻게" 형태면 개발자가 바로 반영한다.
+
+   | 위치(어느 화면) | 현재 문구 | 바꿀 문구 |
+   |---|---|---|
+   | 학습자 홈 상단 | 회기를 시작하세요 | 오늘의 회기를 시작해 보세요 |
+   | 회기 준비 화면 버튼 | 시작 | 회기 시작 |
+
+2. 이 목록을 **단톡방에 전달**한다.
+3. 개발 쪽에서 **단순 텍스트 교체 수준으로 즉시 반영**한다.
+
+문구 수정은 이 경로가 기본이다. Git을 몰라도 되고, 실수할 일도 없다.
+
+### 4-2. 직접 고쳐보고 싶은 분을 위한 안내
+
+3장의 웹 UI 방법으로 직접 PR을 올리고 싶다면, 문구는 주로 아래 위치에 있다.
+
+- **폴더**: `apps/web/src/pages/`
+- **파일**: 화면별 `.tsx` 파일 (예: 학습자 홈은 `LearnerHome.tsx`, 회기 화면은 `Session.tsx`,
+  교수자 화면은 `Professor.tsx`)
+- **문구 형태**: 파일 안에서 **따옴표(" ")로 감싼 한글 글자**가 화면에 보이는 문구다.
+  예: `label: "전체"` 에서 `전체`, `"내담자 정보를 불러오는 중"` 같은 부분.
+
+**가장 중요한 원칙 — 문자열(따옴표 안 글자)만 바꾸고, 코드 구조는 절대 건드리지 않는다.**
+
+| 해도 되는 것 (안전) | 하면 안 되는 것 (위험) |
+|---|---|
+| 따옴표 **안쪽의 한글 글자**만 수정 | 따옴표 `"` 자체를 지우기 |
+| `"시작"` → `"회기 시작"` 처럼 글자만 교체 | `label:`, `{ }`, `( )`, `;`, `<` `>` 같은 기호 수정 |
+| 오타·띄어쓰기·표현 다듬기 | 줄을 통째로 지우거나 위치 옮기기 |
+| | 영어로 된 코드 부분(`value`, `desc` 등) 수정 |
+
+> 헷갈리면 무리하지 말고 4-1의 목록으로 전달하면 된다. 그게 더 빠를 때가 많다.
+> 직접 PR을 올렸다면 단톡방에 알려서 리뷰를 받는다. 병합 전에 담당자가 확인하므로,
+> 잘못 고쳤어도 원본에 그대로 들어가지 않는다.
+
+---
+
+## 5. 하지 말아야 할 것 (꼭 지켜주세요)
+
+| 하지 말 것 | 왜 위험한가 |
+|---|---|
+| ❌ **main(master)에 직접 저장·업로드** | 원본이 검토 없이 바뀌어 시연·파일럿 중 화면이 깨질 수 있다. 항상 사본(브랜치)+PR로. |
+| ❌ **force push(강제 덮어쓰기)** | 남들이 올린 기록까지 지워버릴 수 있다. 이 단어가 나오면 절대 실행하지 말고 문의. |
+| ❌ **남의 브랜치(사본)를 덮어쓰기·삭제** | 다른 사람이 작업 중인 내용을 날린다. 내 사본만 다룬다. |
+| ❌ **코드 파일을 대량으로 수정** | 문구 한두 줄이 아니라 구조를 건드리면 프로그램이 멈춘다. 문구는 "문자열만" 원칙. |
+| ❌ **`.env`·비밀번호·API 키 등 secret 파일 커밋** | 비밀 정보가 온라인에 영구히 노출된다. 이런 파일은 올리지 않는다. |
+| ❌ **확신 없는 대량 삭제** | 무엇이 사라질지 모른다. 애매하면 먼저 물어본다. |
+
+> 위 항목 중 하나라도 "이거 해도 되나?" 싶으면 **멈추고 단톡방에 물어보는 것이 정답**이다.
+> 물어봐서 손해 보는 일은 없다.
+
+---
+
+## 6. 도움 요청 채널
+
+- **막히거나 헷갈릴 때: 단톡방**에 바로 물어본다. 캡처(스크린샷)를 함께 올리면 더 빠르다.
+- 자주 나오는 질문
+  - "초대가 안 왔어요" → 단톡방에 GitHub 아이디/이메일을 다시 알려준다.
+  - "어떤 버튼을 눌러야 할지 모르겠어요" → 화면 캡처와 함께 물어본다.
+  - "문구만 바꾸고 싶어요" → 4-1의 목록 양식으로 단톡방에 전달하면 개발 쪽에서 반영한다.
+
+혼자 오래 고민하지 말고, 처음엔 무엇이든 물어보면서 익히면 된다.
+
+---
+
+### (선택 심화) 로컬 Git으로 작업하기
+
+컴퓨터에 직접 도구를 설치해 작업하는 방법도 있지만, **연구팀·디자인 담당은 위 3장의 웹 UI 방법만으로
+충분하다.** 로컬 개발 환경이 필요한 경우(개발 인력 합류 등)에는 별도 문서
+[`local-development.md`](./local-development.md)를 참고한다. 이 문서를 처음부터 볼 필요는 없다.
diff --git a/docs/guides/local-development.md b/docs/guides/local-development.md
index 932646b..c7b541d 100644
--- a/docs/guides/local-development.md
+++ b/docs/guides/local-development.md
@@ -488,8 +488,8 @@ RAG 임베딩/리랭커 의존성은 기본 이미지에 설치하지 않는다.
 ```powershell
 # 백엔드 (apps/api)
 cd apps\api
-python -m pytest app/ -q              # 백엔드 기준선 178 pass
-python -m pytest engine_gateway\ -q   # 현재 27 pass
+python -m pytest app/ -q              # 백엔드 기준선 400 pass
+python -m pytest engine_gateway\ -q   # 현재 29 pass
 
 # 웹 (apps/web)
 cd apps\web
diff --git a/docs/guides/source-docs-and-gaps.md b/docs/guides/source-docs-and-gaps.md
index c17b562..ed2c141 100644
--- a/docs/guides/source-docs-and-gaps.md
+++ b/docs/guides/source-docs-and-gaps.md
@@ -136,8 +136,8 @@ rg -n "materialize_seed_personas|init_pool|close_pool|--apply|--json" scripts/ma
 
 ```powershell
 # 백엔드 (작업 디렉터리 apps/api)
-python -m pytest app/ -q            # 백엔드 기준선 178 pass
-python -m pytest engine_gateway/ -q # 게이트웨이 현재 27 pass
+python -m pytest app/ -q            # 백엔드 기준선 400 pass
+python -m pytest engine_gateway/ -q # 게이트웨이 현재 29 pass
 
 # 프론트 (작업 디렉터리 apps/web)
 npm run typecheck
diff --git a/docs/guides/testing.md b/docs/guides/testing.md
index 4b10e5f..bb19756 100644
--- a/docs/guides/testing.md
+++ b/docs/guides/testing.md
@@ -15,12 +15,12 @@ Vignette 저장소의 모든 검증 수단(백엔드 단위 테스트, 웹 타
 
 | 검증 | 작업 디렉터리 | 명령 | DB | API(8000) | 웹(5173) | 엔진GW(9099) | 브라우저 | 현재 통과 |
 |---|---|---|---|---|---|---|---|---|
-| 백엔드 단위 테스트 | `apps/api` | `python -m pytest app/ -q` | 불필요 | 불필요 | 불필요 | 불필요 | 불필요 | 현재 collect-only 349 tests, 최신 focused pass |
-| 엔진 게이트웨이 테스트 | `apps/api` | `python -m pytest engine_gateway/ -q` | 불필요 | 불필요 | 불필요 | 불필요 | 불필요 | 현재 27 pass |
+| 백엔드 단위 테스트 | `apps/api` | `python -m pytest app/ -q` | 불필요 | 불필요 | 불필요 | 불필요 | 불필요 | 2026-07-15 전체 실행 400 passed |
+| 엔진 게이트웨이 테스트 | `apps/api` | `python -m pytest engine_gateway/ -q` | 불필요 | 불필요 | 불필요 | 불필요 | 불필요 | 현재 29 pass |
 | API 타입 생성 체크 | `apps/web` | `npm run check:api-types` | 불필요 | 불필요 | 불필요 | 불필요 | 불필요 | pass |
 | 웹 타입체크 | `apps/web` | `npm run typecheck` | 불필요 | 불필요 | 불필요 | 불필요 | 불필요 | pass |
 | 웹 빌드 | `apps/web` | `npm run build` | 불필요 | 불필요 | 불필요 | 불필요 | 불필요 | pass |
-| Playwright E2E(전체) | `apps/web` | `npm run e2e` | **필요(+시드)** | **필요** | 자동기동 | 일부만 | **필요** | 194 tests / 19 files |
+| Playwright E2E(전체) | `apps/web` | `npm run e2e` | **필요(+시드)** | **필요** | 자동기동 | 일부만 | **필요** | 215 tests / 20 files |
 
 핵심 원칙: **단위 테스트(pytest)와 타입체크/빌드는 외부 서비스 없이 단독 실행된다.**
 **E2E만 풀스택(DB+API+웹+브라우저)을 요구한다.** 아래 각 절에서 근거와 절차를 설명한다.
@@ -42,15 +42,15 @@ Vignette 저장소의 모든 검증 수단(백엔드 단위 테스트, 웹 타
 
 ```sh
 # apps/api
-python -m pytest app/ -q              # 앱 단위 테스트: 현재 collect-only 349 tests, 최신 focused pass
-python -m pytest engine_gateway/ -q   # 게이트웨이 단위 테스트 현재 27 pass
+python -m pytest app/ -q              # 앱 단위 테스트: 2026-07-15 전체 실행 400 passed
+python -m pytest engine_gateway/ -q   # 게이트웨이 단위 테스트 현재 29 pass
 ```
 
 수집만 빠르게 확인하려면:
 
 ```sh
-python -m pytest app/ --collect-only -q            # 현재: "349 tests collected"
-python -m pytest engine_gateway/ --collect-only -q # 현재: "27 tests collected"
+python -m pytest app/ --collect-only -q            # 현재: "400 tests collected" (2026-07-15)
+python -m pytest engine_gateway/ --collect-only -q # 현재: "29 tests collected"
 ```
 
 > 참고: 실행 중 `PendingDeprecationWarning: Please use 'import python_multipart'`
@@ -221,7 +221,10 @@ python -m uvicorn app.main:app --host 127.0.0.1 --port 8000
 
 ```sh
 # apps/web — API(8000)와 DB가 떠 있는 상태에서
-npm run e2e            # = playwright test (전체)
+npm run e2e            # 전체: fixture 병렬 단계 → DB/engine 직렬 단계
+npm run e2e:list       # 두 단계의 수집 목록·개수만 확인
+npm run e2e:parallel   # desktop/mobile route-fixture, workers=4
+npm run e2e:single-run # DB/engine @single-run, workers=1
 npm run e2e:headed     # 브라우저 표시
 npm run e2e:ui         # Playwright UI 모드
 ```
@@ -230,9 +233,9 @@ npm run e2e:ui         # Playwright UI 모드
 
 ```sh
 npx playwright test e2e/session-layout.spec.ts
-npx playwright test --grep "@single-run"        # 직렬 실행 시나리오만
+npx playwright test --project=chromium-single-run --workers=1 --grep "검색어"
 npx playwright test --grep-invert "@single-run" # 병렬 시나리오만
-npx playwright test --list                      # 실행하지 않고 목록·개수만
+npm run e2e:list                                 # 실행하지 않고 단계별 목록·개수만
 ```
 
 유용한 오버라이드(`playwright.config.ts` 실측):
@@ -245,30 +248,38 @@ VITE_API_BASE=http://127.0.0.1:8000 npm run e2e        # 프록시 대신 API 
 
 ### 3.5 프로젝트(브라우저 프로파일) 구성
 
-`playwright.config.ts`는 `testDir: ./e2e`, `timeout: 30s`, `expect.timeout: 5s`,
-`fullyParallel: true`로 다음 프로젝트를 정의한다.
+`playwright.config.ts`는 `testDir: ./e2e`, `timeout: 30s`, `expect.timeout: 5s`로
+다음 프로젝트를 정의한다. fixture 프로젝트는 `fullyParallel:true`로 실행한다. `npm run e2e`는
+로컬 단일 API/DB/engine 자원을 보호하기 위해 desktop/mobile 단계를 `workers=4`로 먼저 끝내고,
+`chromium-single-run`을 `fullyParallel:false`, `workers=1`로 두 번째 실행한다.
 
 | 프로젝트 | 뷰포트/디바이스 | 대상 grep |
 |---|---|---|
 | `chromium-desktop` | 1440×900 | `@single-run`·`@public-auth` 제외 전부 |
 | `chromium-mobile` | Pixel 5 | `@single-run`·`@public-auth` 제외 전부 |
-| `chromium-single-run` | 1280×800 | `@single-run`만(직렬) |
+| `chromium-single-run` | 1280×800 | `@single-run`만(별도 2단계, workers=1 직렬) |
 | `chromium-public-auth` | 1440×900 | `E2E_PUBLIC_AUTH=1`일 때만 활성, 공개 사이트 대상 |
 
 - CI(`process.env.CI`)에서는 `retries: 2`, `workers: 1`, `list`+`html` 리포터를 쓴다.
+- 로컬 fixture 단계의 기본 worker는 4다. 전체 러너에서만 `E2E_PARALLEL_WORKERS`로 조정할 수 있고,
+  12-worker 전면 병렬은 단일 FastAPI/DB가 포화되어 서로 무관한 요청 timeout을 만들므로 기준선으로 쓰지 않는다.
+- `npx playwright test`를 직접 실행하면 로컬에서 세 프로젝트가 같은 worker pool에 섞일 수 있다.
+  전체 게이트는 반드시 `npm run e2e`, focused DB/engine 게이트는 프로젝트와 worker를 명시한
+  `npx playwright test --project=chromium-single-run --workers=1 --grep "..."`을 사용한다.
 - 실패 시 trace(첫 재시도)·스크린샷·비디오를 `node_modules/.tmp/`에 남긴다.
 
 ### 3.6 실측 테스트 개수 (현재)
 
-`npx playwright test --list` 기준 **총 194 tests / 19 files**.
+`npx playwright test --list` 기준 **총 215 tests / 20 files**.
 
-- **병렬 시나리오**: 150 tests (desktop 75 + mobile 75)
-- **`@single-run` 직렬 시나리오**: 44 tests (DB 영속화·세션 MVP·음성 성공경로·회기말 평가 저장·교수자 명시 재평가 저장·교수자 턴 재평가 저장·교수자 UI 평가 재시도·교수자 사용자별 분석·source pack sync·이론모드 저장·동의 철회 후 voice 차단·브라우저 stream PII 마스킹·음성 transcript 저장 실패 UI 표면화 등)
+- **병렬 시나리오**: 166 tests (desktop 83 + mobile 83)
+- **`@single-run` 직렬 시나리오**: 49 tests (DB 영속화·세션 MVP·음성 성공경로·인증 시각 테마·회기말 평가 저장·교수자 명시 재평가 저장·교수자 턴 재평가 저장·교수자 UI 평가 재시도·교수자 사용자별 분석·source pack sync·이론모드 저장·동의 철회 후 voice 차단·브라우저 stream PII 마스킹·음성 transcript 저장 실패 UI 표면화 등)
+- 2026-07-15 전체 검증: `npm run e2e:parallel` **166/166 passed**(2.5분), `npm run e2e:single-run` **49/49 passed**(23.2분). 합계 **215/215 passed**. AI 튜터 DB 영속화는 정상 provider 응답이 2분을 넘을 수 있어 해당 테스트만 같은 실엔진 묶음의 장시간 기준인 240초를 사용한다.
 - `e2e/voice-success.spec.ts`는 직접 `/voice/ws` 캐스케이드, Session 텍스트 턴의
   `POST /voice/speech`, Session 마이크 UI를 함께 검증한다. 브라우저 `<audio>.play()`가 차단된 조건에서도
   Web Audio buffer source 재생이 시작되는지와 Session 마이크 UI가 `audio_end`에 browser voice
   activity/silence 메타를 싣는지 확인한다.
-- 2026-07-13 focused 검증: `PLAYWRIGHT_PORT=5271 npx playwright test e2e/voice-success.spec.ts --project=chromium-single-run --workers=1` **2 passed**. 텍스트 턴 저장→소유 회기/턴 기반 `/voice/speech`→OpenAI speech 요청→Web Audio buffer 재생 시작을 확인하고, 별도 새 회기에서 마이크 PCM/STT→AI reply→TTS chunk/`tts_end` 경로가 유지되는지 검증한다. 백엔드 voice focused는 **32 passed**이며, 운영 키 직접 smoke는 `gpt-4o-mini-tts`가 98,133-byte MP3(11.68초)를 반환했다.
+- 2026-07-13 focused 검증: `PLAYWRIGHT_PORT=5269 npx playwright test e2e/voice-success.spec.ts --project=chromium-single-run --workers=1 --grep "drives one voice turn"` **1 passed**. 같은 로그인에서 텍스트 턴 저장→소유 회기/턴 기반 `/voice/speech`→OpenAI speech 요청→Web Audio buffer 재생 시작을 확인하고, 별도 새 회기에서 마이크 PCM/STT→AI reply→TTS chunk/`tts_end` 경로가 유지되는지 검증한다. 백엔드 voice focused는 **32 passed**이며, 운영 키 직접 smoke는 `gpt-4o-mini-tts`가 98,133-byte MP3(11.68초)를 반환했다.
 - 2026-07-01 focused 검증: `PLAYWRIGHT_PORT=5205 npx playwright test e2e/session-persistence.spec.ts --project=chromium-single-run --workers=1` **7 passed**. 실제 브라우저 `openSessionStream()` → `/sessions/{id}/stream` → DB-backed `/review` 축어록 저장 경로, AI 튜터 코칭 이력 저장/재로딩, WebSocket `stt_result` 음성 비언어 메타데이터, Session 마이크 UI가 생성한 voice activity/silence 메타, Phase 3 pre/post 점수의 DB-backed 저장/재조회, 그리고 세션 종료 background deep 평가가 durable DB row로 저장되어 교수자 리뷰가 `평가 완료`로 전환되는지 검증한다. AI 튜터 코칭 이력 검증은 `POST /live-coach` 응답과 DB-backed history payload의 `status=ready`, `latency_ms>0`도 확인해 규칙 기반 `degraded` fallback 200 응답이 정상 AI 코칭으로 통과하지 못하게 한다.
 - 2026-07-01 추가 DB-backed 검증: `PLAYWRIGHT_PORT=5238 npx playwright test e2e/session-persistence.spec.ts --project=chromium-single-run --workers=1 --grep "finishes session end evaluation"` **1 passed**. 같은 자동 종료 평가 row가 `/teacher/dashboard`의 `recent_sessions`에서도 `evaluation_status=ready`, `review_ready=true`, `supervisor_state=평가 완료`로 반영되는지 실제 DB/API/엔진으로 검증한다.
 - 2026-07-01 추가 DB-backed 검증: `PLAYWRIGHT_PORT=5237 npx playwright test e2e/session-persistence.spec.ts --project=chromium-single-run --workers=1 --grep "explicit teacher session reevaluation"` **1 passed**. 실제 DB/API/엔진에서 학습자 세션과 턴을 만든 뒤 교수자 `POST /eval/sessions/{id}/reevaluate`가 durable `app.session_evaluation` row를 저장하고, `/eval/.../evaluation` 및 `/review`가 `평가 완료`로 반영되는지 검증한다.
@@ -276,6 +287,7 @@ VITE_API_BASE=http://127.0.0.1:8000 npm run e2e        # 프록시 대신 API 
 - 2026-07-01 추가 DB-backed UI 검증: `PLAYWRIGHT_PORT=5245 npx playwright test e2e/session-persistence.spec.ts --project=chromium-single-run --workers=1 --grep "manual AI evaluation retry"` **1 passed**. admin engine config를 잠깐 실패 endpoint로 바꿔 실제 `app.session_evaluation` 실패 row를 만든 뒤 원복하고, 교수자 리뷰 UI의 `AI 평가 재시도` 버튼 클릭이 실제 `POST /eval/sessions/{id}/reevaluate` → durable ready row → `/review` `평가 완료` → `/teacher/dashboard` `evaluation_status=ready`까지 이어지는지 검증한다.
 - 2026-07-02 focused 검증: `PLAYWRIGHT_PORT=5255 npx playwright test e2e/kb-source-packs.spec.ts --project=chromium-single-run --workers=1` **1 passed**. 관리자 전용 `POST /kb/live-coach/source-packs/sync`가 인증 없이 401, learner 403, admin 202로 동작하고, 0615 워크북·DSM·공식 상담 지침·자살위험 지침 source pack을 DB-backed evaluator RAG에 sync한 뒤 source-scoped `/kb/eval-grounding`이 503 skip 없이 200을 반환하고 같은 `source_id`만 반환하는지 검증한다.
 - 2026-07-02 focused 검증: `PLAYWRIGHT_PORT=5259 npx playwright test e2e/session-mvp.spec.ts --project=chromium-desktop --workers=1 --grep "AI tutor|stale empty AI tutor quota|quota exhaustion|degraded AI tutor|voice conversation stop"` **7 passed**. route-fixture UI에서 AI 튜터의 stale empty quota가 서버 `GET /live-coach` 재조회 뒤 실제 잔여 기회로 복구되는지, 최신 quota exhaustion 오류가 이전 코칭 카드에 가려지지 않는지, 음성 `reply.conversation_stopped`가 빈 client reply 대신 109 안전 게이트와 socket close를 유지하고 live-coach를 호출하지 않는지 고정한다. 이 fixture들은 UI 회귀 증거이며 DB-backed 엔진 성공 증거가 아니다.
+- 2026-07-03 backend focused 검증: `C:\Users\encep\AppData\Local\Programs\Python\Python311\python.exe -X utf8 -m pytest -p no:cacheprovider apps/api/app/test_session_turn_persistence.py -k "live_coach" -q` **7 passed**. live coach LLM 생성은 성공했지만 `audit.llm_call_log` 저장 확인이 실패한 경우 `status=ready` AI 코칭으로 보이지 않고 규칙 기반 `status=degraded` 코칭으로 내려가는지 검증한다. 기존 DB-backed event 저장 실패 503 회귀와 source metadata/degraded fallback 회귀도 같은 focused 묶음에서 유지한다.
 - 2026-07-01 focused 검증: `PLAYWRIGHT_PORT=5251 npx playwright test e2e/session-mvp.spec.ts --project=chromium-desktop --workers=1 --grep "AI tutor|runtime AI tutor"` **4 passed**. mock MVP 코칭 카드에서 `근거 보기` 모달이 source title, `source_pack` kind, `2026-06-15` version, citation을 표시하는지 검증하고, `status=degraded` route fixture는 카드·근거 모달·이력 모달·턴 `C` 마커가 `대체 코칭`/`AI 응답 대체`를 노출하는지 고정한다. 추가 route fixture는 `GET /live-coach` 실패가 빈 이력으로 보이지 않고 alert로 표시되는지, `persistence_source/source=runtime`이 임시 저장 경고로 표시되는지도 고정한다. 이 fixture들은 UI 회귀 증거이며 DB-backed 엔진 성공 증거가 아니다.
 - 2026-07-01 focused 검증: `PLAYWRIGHT_PORT=5252 npx playwright test e2e/session-review.spec.ts --project=chromium-desktop --workers=1 --grep "pre/post"` **1 passed**. 기존 저장 pre/post 점수를 비운 입력이 `저장된 값 기준`으로 오인되지 않고 invalid 상태, alert, 저장 버튼 disabled로 표면화되는지 검증한다.
 - 2026-07-01 focused 검증: `PLAYWRIGHT_PORT=5248 npx playwright test e2e/session-mvp.spec.ts --project=chromium-single-run --workers=1 --grep "pending voice transcript"` **1 passed**. mock WebSocket이 `transcript final` 뒤 `turn_persistence_unavailable` error를 보내면 Session UI가 임시 학습자 발화를 정상 턴으로 확정하지 않고 `저장 실패` 배지와 alert로 표면화하며, 대기 중 내담자 말풍선을 제거하고 텍스트 입력을 복구하는지 검증한다.
@@ -299,26 +311,31 @@ VITE_API_BASE=http://127.0.0.1:8000 npm run e2e        # 프록시 대신 API 
 - 2026-07-01 focused 검증: `PLAYWRIGHT_BASE_URL=http://localhost:5210 npx playwright test e2e/teacher.spec.ts --project=chromium-single-run --grep "shows selected learner analysis"` **1 passed** + `PLAYWRIGHT_BASE_URL=http://localhost:5210 npx playwright test e2e/layout-visual-gate.spec.ts --project=chromium-single-run --grep "professor (student analysis overview|learner detail analysis)"` **2 passed**. 실제 5210 로컬 스택에서 학생 분석 목록의 사용자 표시명, 상세 기본 페르소나별 회기 탭, 페르소나 행 펼침, 전체 회기 탭 전환, 7개 폭 레이아웃 containment를 검증한다.
 - 2026-07-01 focused 검증: `C:\Users\encep\AppData\Local\Programs\Python\Python311\python.exe -X utf8 -m pytest -p no:cacheprovider app/test_teacher_dashboard.py -q` **10 passed**. 교수자 대시보드 API는 `session_persistence.list_all_sessions()`로 전체 담당 세션을 읽고, 학습자 일반 목록은 `list_recent_sessions()`로 최근 100개 제한을 명시해 한 학생의 최신 회기가 다른 학생 분석 목록을 밀어내지 않는지 검증한다. 또한 ended session summary가 `app.session_evaluation`의 `evaluation_status`, `review_ready`, `supervisor_state`, `evaluation_error`를 별도로 싣고, 평가 실패가 수동 review status와 섞이지 않는지 검증한다.
 - 2026-07-01 focused 검증: `npx playwright test e2e/admin.spec.ts --project=chromium-desktop --project=chromium-mobile --workers=1 --grep "approved admin without onboarding"` **2 passed**. 승인된 `role=admin` 사용자의 세션에 `admin_access=false`, `onboarding_completed_at=null`이 남아도 `/admin`이 `/onboarding`으로 우회하지 않고 관리 콘솔의 `/admin/*` API를 호출하는지 fixture로 고정한다.
+- 2026-07-15 보태니컬 글래스 UI·SSOT 검증: `npm run check:design-ssot` + `npm run typecheck` + `npm run build` 통과, `npx playwright test e2e/layout-visual-gate.spec.ts --project=chromium-single-run --reporter=line` 시각 게이트 **15/15**, `npx playwright test e2e/auth-visual.spec.ts --project=chromium-single-run --reporter=line` **1/1**, `npx playwright test e2e/session-layout.spec.ts e2e/learner.spec.ts e2e/session-review.spec.ts --project=chromium-desktop --project=chromium-mobile` **46/46**, 로그인→온보딩 focused desktop/mobile **2/2**. 공통 AppShell GNB, Theme store, Surface variant의 소유권과 전 폭 대시보드/리뷰 탭, 로그인·온보딩 라이트/다크 390/1280px, 고해상도 보태니컬 자산을 함께 고정한다. 라이트 테마도 패널당 복수 굴절 그라데이션, backdrop blur, 헤어라인, 그림자를 computed style로 단언하며 모바일 셸이 보태니컬 배경을 제거하지 않는지 검사한다. 관리자 사용자 표는 semantic table, 정렬 헤더, 1440px 최소 폭과 표 전용 가로 스크롤을 desktop/mobile에서 검증한다.
 
 레이아웃·시각 회귀 게이트(핵심 합격선):
 
 | 게이트 | 스펙 | 구성 | 개수 |
 |---|---|---|---|
 | 세션 레이아웃 | `e2e/session-layout.spec.ts` | 4 테스트 × (desktop+mobile) | **8 / 8** |
-| 시각 레이아웃 게이트 | `e2e/layout-visual-gate.spec.ts` | `@single-run`, 12개 화면 × 7개 폭 검사 + 다크 테마 assertion | **12 / 12** |
+| 시각 레이아웃 게이트 | `e2e/layout-visual-gate.spec.ts` | `@single-run`, 14개 화면 × 7개 폭 검사 + 다크 테마 assertion + 학습 대시보드 라이트 자산 연결 | **14 / 14** |
+| 인증 테마 게이트 | `e2e/auth-visual.spec.ts` | 로그인·온보딩 × light/dark × 390/1280px, 100vw/100dvh 및 overflow 검사 | **1 / 1** |
 | 레이아웃 포커스(재설계 화면) | `session-layout`·`session-review`·`admin`·`learner`·`settings`·`teacher`, `@single-run` 제외 | desktop+mobile 병렬 | **54** |
 
-> `layout-visual-gate`는 7개 폭(390/720/861/900/1024/1280/1440)에서 12개 핵심 화면의 가로
+> `layout-visual-gate`는 7개 폭(390/720/861/900/1024/1280/1440)에서 14개 핵심 화면(페르소나 운영·작성 단계 포함)의 가로
 > 오버플로·잘린 컨트롤·다크 테마 적용을 검사하고 전체 페이지 스크린샷을
-> `node_modules/.tmp/layout-gate/`에 남긴다.
+> `node_modules/.tmp/layout-gate/`에 남긴다. 학습 대시보드는 추가로 라이트 테마의 카드·사이드바·
+> 우상단 배경 자산이 실제 computed style에 연결됐는지 확인하고 1200px·390px 라이트 캡처를 남긴 뒤 다크로 복귀한다.
 > `session-layout`은 회기 전/활성 화면이 뷰포트를 벗어나지 않는지, 우측 패널이 코어 영역을
 > 침범하지 않는지, 시작 후 실제 `session_id` URL에서 새로고침해도 활성 회기 상세가 유지되는지,
 > 스트림 실패 시 미저장 전사가 남지 않는지를 검증한다.
 
 ### 3.7 공개 인증 스모크(선택)
 
-`e2e/public-auth-turn.spec.ts`는 공개 사이트(`https://vignette.chanpaca.net`)를 직접 타격하는
-옵트인 스모크로, 로컬 웹 서버를 띄우지 않는다. 절차는 `apps/web/e2e/README.md` 참고
+`e2e/public-auth-turn.spec.ts`와 `e2e/public-admin-visual.spec.ts`는 공개 사이트
+(`https://vignette.chanpaca.net`)를 직접 타격하는 옵트인 스모크로, 로컬 웹 서버를 띄우지 않는다.
+관리자 시각 스모크는 운영 홈·사용자·권한·티켓의 본문 노출과 브라우저 `pageshow` 탭 복원 뒤
+스크롤/heading 가시성을 함께 검증한다. 절차는 `apps/web/e2e/README.md` 참고
 (`E2E_PUBLIC_AUTH=1`, `npx playwright codegen ... --save-storage`로 인증 상태 캡처 후
 `E2E_PUBLIC_STORAGE_STATE` 재사용). 캡처한 storage state에는 API 세션 쿠키가 들어 있으니
 민감 정보로 취급한다.
diff --git a/docs/ops/backlog-2026-06-26.md b/docs/ops/backlog-2026-06-26.md
index 2bc685d..e6a1e43 100644
--- a/docs/ops/backlog-2026-06-26.md
+++ b/docs/ops/backlog-2026-06-26.md
@@ -20,7 +20,7 @@
   스레드 생성, 처리 결과 audit trail 확장은 아직 설계/승인 필요. 담당 그룹 자동 배정·우선순위 escalation·raw/rollup
   보존기간 같은 운영 정책은 B3에서 이미 결정됨(수동 승인·미도입 고정). 자동 수정은 운영자 승인 전까지 실행하지 않는다.
 
-> B1 완료 항목(셸 구분선, 세션 종료 UX/다크테마, 아바타 PSD v2, SEO/공유 카드, 레이아웃 정렬, 권한 위임,
+> B1 완료 항목(셸 구분선, 세션 종료 UX/다크테마, 아바타 SVG 리그 복귀와 래스터 비활성화, SEO/공유 카드, 레이아웃 정렬, 권한 위임,
 > 메일링, 아카이브 API, TTS voice map, 빈상태 레이아웃, 평가 실패 복구 UX, SSE 저장, live-coach 표면화,
 > 음성 메타, 위기 게이트 UI, 운영 티켓/헬스 샘플러 등)의 상세·검증 로그는 아카이브 full-history 참조.
 
diff --git a/docs/ops/handoff-avatar-seoyeon-2026-06-27.md b/docs/ops/handoff-avatar-seoyeon-2026-06-27.md
index 976de6d..4a2e7b4 100644
--- a/docs/ops/handoff-avatar-seoyeon-2026-06-27.md
+++ b/docs/ops/handoff-avatar-seoyeon-2026-06-27.md
@@ -3,20 +3,17 @@
 > 다른 세션에서 이어서 작업하기 위한 인계. imagegen(gpt-image-2)+BiRefNet+파츠 분리 리깅 파이프라인 전체를 여기서 참조.
 > 상세 원칙은 `AGENTS.md` §4.
 
-> 2026-06-27 19:45 추가: 사용자 제공 PSD `라투디 여캐_ver2.psd`를 기준으로 새 파츠 세트 `seoyeon-live2d-psd-v2`를 만들고 P1 실제 세션 기본값으로 연결했다. 이 세트는 컨셉 보드 크롭이 아니라 PSD 레이어 기반이며, `sad` 표정에서 울상 눈썹·우는 입·눈물 파츠를 별도로 합성한다. `p1-concept`는 기본값으로 쓰지 않는다.
+> **2026-07-13 상태 변경 — PAUSED:** 사용자 피드백에 따라 서연을 포함한 생성 이미지/PSD 래스터 파츠 리그는 실제 화면에서 전부 비활성화했다. 현재 `ClientAvatar`는 모든 페르소나에서 기존 SVG 도형 기반 파라미터 리그만 렌더링한다. 래스터 렌더러·원본·파츠 자산은 재검토 가능하도록 보존하지만 앱 배선에는 연결하지 않는다.
 
 ---
 
 ## 0. 한 줄 요약
-파이프라인·렌더러·dev 미리보기까지 **완성**됐으나, 서연 아트가 **잘못된 참조(Image #1=긴 머리)**로 만들어져, **진짜 목표 Image #2(짧은 갈색 보브, 정면)**로 **재생성**이 남았다.
+래스터 파츠 파이프라인은 보존 상태로 중단했고, 현재 제품과 dev 미리보기는 기존 SVG 도형 기반 파라미터 리그만 사용한다.
 
 ---
 
-## 1. ⚠️ 다음 세션이 가장 먼저 할 일 (핵심)
-1. **목표 재확인**: 진짜 타겟은 **Image #2** = `D:\workspace\GLM\.claude-glm\image-cache\73cbbea0-5c27-4ced-91db-16d7a8df602f\2.png`
-   (단일 캐릭터, **짧은 갈색 보브**, 정면 — 현재 서연의 긴 머리와 다름. 사용자가 "잉??" 한 원인).
-   - 비전(analyze_image) 도구가 다중 패널/캐릭터를 자주 혼동했으므로, **재생성 전 사용자에게 Image #2 해석(짧은 보브, 의상 색 등)을 한 번 확인**할 것.
-2. **Image #2를 `-i` 참조로 재생성**하면 gpt-image-2가 캐릭터를 그대로 따라함(텍스트 묘사 의존 X). 아트 디렉션은 2.png에 맡긴다.
+## 1. 재개 조건
+소유자가 래스터 아바타 재도입을 명시적으로 결정하기 전에는 Image #2 재생성, 파츠 보정, 앱 재연결을 진행하지 않는다. 재개 시에도 먼저 별도 미리보기에서 시각 수용 확인을 받아야 한다.
 
 ## 2. 완료된 것 (재사용 가능)
 - **이미지 생성**: `~/.codex/imagegen-headless/codex_imagegen.sh`(gpt-image-2, ChatGPT 구독). 검증 완료.
@@ -30,17 +27,16 @@
 - **렌더러**: `apps/web/src/components/avatar/RasterBust.tsx`
   - 파츠 분리: `base` + `upperface-<표정>`(눈썹+눈) + `eyelid-closed`(깜빡임, 1-blink) + `mouth-<표정>` + `mouth-open`(립싱크, RMS).
   - 28표정→클러스터 매핑(`VARIANT_FOR_EXPRESSION`) 내장.
-- **연결 배선**:
-  - `persona.ts`: `AvatarPersona.rasterArtSet?: string` 추가됨.
-  - `Session.tsx`: 현재 실제 세션 기본값은 `PERSONA_AVATAR_LOOKS.P1 = { rasterArtSet: "seoyeon-live2d-psd-v2", expressionBias: "sad", ... }` + avatar 객체에 `rasterArtSet` 전달.
-  - `ClientAvatar.tsx`: `useRaster` 분기(rasterArtSet 있으면 `RasterBust`, 없으면 기존 SVG). `data-render-mode` 속성 추가.
-  - `App.tsx`: `/dev/avatar-preview` 라우트(인증 없음).
-- **dev 미리보기**: `apps/web/src/pages/AvatarPreview.tsx` 기본값은 `seoyeon-live2d-psd-v2`. `?rig=psb`, `?rig=v3`, `?rig=safe`로 과거 세트 비교 가능.
+- **현재 연결 상태**:
+  - `persona.ts`: `AvatarPersona.rasterArtSet` 계약 제거.
+  - `Session.tsx`·`LearnerHome.tsx`: P1/P4~P7 래스터 아트셋 배선 제거.
+  - `ClientAvatar.tsx`: 항상 SVG 파라미터 리그 렌더, `data-render-mode="svg"` 고정.
+  - `App.tsx`: `/dev/avatar-preview`는 SVG 파라미터 리그 점검 페이지로 유지.
+- **dev 미리보기**: `apps/web/src/pages/AvatarPreview.tsx`는 서연 SVG 도형 리그의 대표 표정과 모션만 표시한다.
 - **스크린샷 도구**: `apps/web/scripts/avatar-shot.mjs` (`BASE_URL=http://localhost:<port> node ...`).
-- **현재 실제 세션 에셋**: `apps/web/public/avatar/seoyeon-live2d-psd-v2/parts/*.png`. 소스/재현 스크립트는 `docs/avatar-art/seoyeon/live2d-psd-v2/`.
-- **보존 에셋(Image #1=긴 머리 버전)**: `apps/web/public/avatar/seoyeon/{neutral,sad,tired,anxious,warm,startled,eyes-closed,speaking}.png` + `parts/`, `seoyeon-live2d-psb`. 비교용으로 남기되 P1 기본값은 새 PSD v2다.
+- **보존 에셋**: `apps/web/public/avatar/seoyeon-live2d-psd-v2/parts/*.png`, `apps/web/public/avatar/seoyeon/`, `seoyeon-live2d-psb`. 소스/재현 스크립트는 `docs/avatar-art/seoyeon/live2d-psd-v2/`. 현재 제품에서는 로드하지 않는다.
 
-## 3. 남은 작업 (순서대로)
+## 3. 보류된 작업 (래스터 재도입 결정 전 실행 금지)
 1. Image #2(2.png) 해석 사용자 확인 → ASCII 이름으로 복사: `cp "<2.png 경로>" docs/avatar-art/seoyeon/ref-image2.png`.
 2. **base 재생성**(검증용 1장):
    `codex_imagegen.sh --out base-v2.png --size 1024x1280 --quality high -i ref-image2.png "Use the supplied reference as the exact character. Same character, head-and-shoulders bust, perfectly front-facing, symmetrical, neutral calm expression, flat solid light gray #C9CDD2 background, no gradient/shadow/scenery, semi-realistic soft anime. No text/watermark/hands. Bangs above eyes."`
@@ -52,9 +48,9 @@
 ## 4. 환경 메모
 - **dev 서버**: 5173 단일 인스턴스로 띄움(백그라운드). 끊기면 `cd apps/web && npm run dev -- --port 5173 --strictPort`. (5173/5174 중복 인스턴스가 "깨진 화면" 원인이었음 — 항상 5173 단일로.)
 - codex CLI 0.142.2, auth_mode=chatgpt(구독). object-separation venv: `~/.venvs/object-separation` (CPU-only BiRefNet).
-- 서연=P1은 API 시드(`apps/api/app/services/persona.py`). 웹엔 P1이 `PERSONA_AVATAR_LOOKS`에 있고 현재 실제 세션 기본값은 rasterArtSet="seoyeon-live2d-psd-v2"다.
+- 서연=P1은 API 시드(`apps/api/app/services/persona.py`). 웹의 P1 외형/기본 정서값은 유지하지만 래스터 아트셋은 전달하지 않는다.
 
 ## 5. 미해결/결정 필요
 - Image #2 캐릭터의 **의상 색/추가 디테일** (비전 도구 불안정 → 사용자 확인 필요).
-- 파츠 분리 리깅 vs 통째 변주 크로스페이드 — 사용자가 "파츠 분리"를 원했으므로 현행(파츠 분리) 유지하되, 결과가 어색하면 통째 변주 방식(`RasterBust` 이전 버전, git 히스토리 참조)으로 롤백 검토.
+- 래스터 아바타 재도입 여부와 방식은 현재 보류다. 현행 제품 기준은 SVG 도형 기반 파라미터 리그다.
 - 실제 Live2D Cubism(.moc3) 도입 여부는 소유자 결정(편집기 저작 필요).
diff --git a/docs/ops/hanshin-meeting-actions-2026-07-13.md b/docs/ops/hanshin-meeting-actions-2026-07-13.md
new file mode 100644
index 0000000..b7f74d0
--- /dev/null
+++ b/docs/ops/hanshin-meeting-actions-2026-07-13.md
@@ -0,0 +1,70 @@
+# 2026-07-13 한신대 회의 → 구현 액션 스펙
+
+> 출처: 2026-07-13(월) 15:30 한신대 회사방문 회의 (경과보고·시연·파일럿 협의).
+> 회의록 원본·전사록: vault `Projects/수업/2026/한신대 SW중심대학 산학협력 2026/회의록/2026-07-13 AI상담실습플랫폼 회의록 (경과보고·파일럿 협의).md`
+> 이 문서는 그 회의의 **트웬티온스(개발) 몫 결정사항을 에이전트가 착수 가능한 스펙으로 변환**한 것.
+> 진행 상태 체크는 `docs/TODO.md` §H가 소유한다. 여기는 요구사항 상세(불변 스펙)만 둔다.
+
+## 데드라인 컨텍스트
+
+- **7월 내**: 연구팀 페르소나·프로토콜 입력 + 테스트 완료 → 그 전에 아래 P1이 배포돼 있어야 함.
+- **7월 말~8월 초**: 효과성 검증 파일럿 (대학원생 약 20명, 집중 사용).
+- **9~10월**: 개발사→연구팀 점진 이관 (저장소 공유, 추가 개발 인력 합류).
+
+---
+
+## P1. 회기 종료 — 시간 기반 전환 (최우선, 파일럿 전 필수)
+
+**임상 근거(회의 합의)**: 실제 상담은 한 회기에 라포·탐색·개입·정리 4단계가 모두 이뤄지지 않는다. 라포만 여러 회기도 정상. 현행 "4단계 완수 시 종료"(게임 퀘스트식)는 비현실적.
+
+**요구사항**:
+1. 세션 종료 조건을 4단계 완수 → **시간 기반(1시간)**으로 전환. 목표 미달이어도 시간 종료 시 종료. (기본 30분이던 것을 1시간으로 — LLM 응답 지연 감안 실대화 40~50분)
+2. **종료 10분 전 알람** (학습자 화면).
+3. **회기 시작 전 준비 페이지**: 이번 회기 목표 체크 — 4개 전부가 아니라 **2개 수준** 선택 후 시작.
+4. 상태머신(라포→탐색→개입→정리)은 **채점·진행 표시용으로 유지** — 종료 조건에서만 분리. 정리 발화 시 자동 종료(기존 동작)는 시간 내 조기 종료 경로로 유지.
+
+**완료 기준**: 1시간 경과 시 세션 종료 처리(정리 유도 포함) / 10분 전 알람 UI 노출 / 시작 전 목표 체크 페이지 동작 / 백엔드 pytest + web e2e 기존 스위트 pass / SSOT 대시보드 갱신.
+
+## P2. 회기 계획·달성도 게이지 (설계 → 구현)
+
+**요구사항(회의 방향)**:
+1. 단계별 **누적 게이지**: 예) 라포 100 중 이번 회기 30 달성 — 회기가 이어질수록 누적. (초심 상담자는 라포를 1회기에 못 만드는 게 정상이라는 학습 신호)
+2. 페르소나 수치값(신뢰/개방도)은 **전 회기 공유** — 장기 메모리 누적(기존 구현)과 정합.
+3. 별도 "치료 계획 탭"은 만들지 않는다(복잡도 우려) — **계획서·프로토콜 파일 첨부 시 자동 반영**이 절충안. 치료계획은 페르소나에 장기/단기 사례 단서로 흡수.
+4. 회기 간 망각 기능: **불필요로 결론** (교육 목적) — 작업 없음.
+
+**진행 방식**: 설계 문서(1p) 먼저 → 소유자 확인 → 구현. P1과 독립적으로 진행 가능하나 P1 이후 권장(종료 조건 변경이 게이지 표시에 영향).
+
+## P3. 파일럿 인프라 대비 (7월 말 전)
+
+1. **20명 동시 사용 부하 검증** — 세션 동시 생성 시 RAG warm 동시성 이슈 이력 있음. 20 동시 세션 시나리오 부하 테스트 + 병목 기록.
+2. **사용 지침·규정 문서** — 파일럿 기간 집중 트래픽 대비 사용 가이드(비교 점수 설계는 연구팀과 협의).
+3. **서버 이관 대비** — 현 윤찬 자택 개인 서버 → 학교 정보처 호스팅/도메인 이관 협의 예정(협의 주체는 연구팀). 개발 몫: Docker Compose 스택의 호스트 이식성 점검(하드코딩 경로·도메인·시크릿 주입 방식), 이관 절차 문서 초안.
+4. 비용 참고: 실사용 지난달 ~$10, 20명 액티브 시 최대 $100 이내 추정(연구팀이 서버·자문 비용 지원).
+
+## P4. 데이터 업로드 흐름 검증 (즉시)
+
+연구팀이 단톡방 자료를 교수자 페이지에 **자유 양식 엑셀(파란 라벨 방식 그대로)** 업로드 시작함("즉시" 합의). 개발 몫:
+- 자유 양식 엑셀 업로드 → DB 적재 → AI용 변환 → **원본 파기** 흐름이 실데이터로 정상 동작하는지 검증.
+- 실패 케이스(양식 변형·인코딩) 방어 확인. 원본 추고록은 학교 재산 — DB 원본 미적재·암호화 원칙 유지.
+
+## P5. 협업 체계 (연구팀 직접 참여 개방)
+
+1. **저장소 초대** — 소유자(윤찬) 직접 실행. 연구팀 디자인 담당 학생 포함.
+2. **PR/브랜치 협업 가이드** 문서 작성 — 비개발자(연구팀·학생) 눈높이: 브랜치 생성→수정→PR→리뷰 흐름, 직접 main 덮어쓰기 금지 이유. `docs/guides/`에 배치.
+3. **UI 문구 수정 프로세스** — 연구팀이 문구 수정 목록을 단톡방으로 전달 → 즉시 반영. 반영 작업은 단순 텍스트 치환 수준으로 유지.
+
+## 외부 대기 (연구팀 몫 — 구현 착수 금지, 수신 시 반영)
+
+| 항목 | 내용 |
+|---|---|
+| '실패(게임 오버)' 정의 | 어떤 발화가 실패이고 무엇이 표시돼야 하는지 — 연구팀 정의 후 구현 |
+| 검수 표준화 항목 | 페르소나·AI 피드백 검수 항목(임상=연구팀 설계, 기술=개발 지원). 논문·상품화 validation 근거 |
+| AI 평가 노출 정책 | 세션 종료 후에만 학생 노출 중 — 노출 범위·시점 정책 확정 대기 |
+| 페르소나 5~6개 추가 | 연구팀 제작(추고록+프로토콜 쌍, 다음 주까지) — 개발 몫 없음 |
+
+## 명시적 비(非)작업
+
+- 비언어(표정·제스처) 레이블링·채점 — **차기 사업으로 분리** (이번 범위 아님).
+- 회기 간 망각 기능 — 불필요 결론.
+- 치료 계획 별도 탭 — 만들지 않음 (P2 절충안으로 흡수).
diff --git a/docs/ops/layout-research-2026-06-27/persona-dashboard-layout-guideline.md b/docs/ops/layout-research-2026-06-27/persona-dashboard-layout-guideline.md
index 98a6709..83df85c 100644
--- a/docs/ops/layout-research-2026-06-27/persona-dashboard-layout-guideline.md
+++ b/docs/ops/layout-research-2026-06-27/persona-dashboard-layout-guideline.md
@@ -9,7 +9,7 @@
 
 ## 판단
 
-페르소나 저작은 교수 콘솔 안의 보조 카드가 아니라 별도 작업면이어야 한다. 이 기능의 본질은 JSON 입력이 아니라, 실제 기록·교재·가이드 자료를 SSOT로 등록하고, RAG가 추출한 근거를 따라 AI 초안을 만들고, 교수자가 임상·회기·말투·안전·프롬프트 계약을 검수하는 저작 워크플로다.
+페르소나 영역은 교수 콘솔 안의 보조 카드가 아니라 별도 운영·저작 작업면이어야 한다. 이 기능의 본질은 JSON 입력이 아니라, 운영 중인 페르소나의 학습·검수 상태를 파악하고 실제 기록·교재·가이드 자료를 SSOT로 등록한 뒤, RAG가 추출한 근거를 따라 AI 초안을 만들고 교수자가 임상·회기·말투·안전·프롬프트 계약을 검수하는 전체 생명주기다.
 
 현재 캡처에서 문제였던 지점:
 
@@ -33,10 +33,12 @@
 1. 홈/대시보드는 역할별 작업대다. 학습자는 "다음 연습", 교수자는 "검토할 회기와 위험 신호", 관리자는 "운영 이상과 접근 권한"을 첫 화면에서 바로 처리해야 한다.
 2. 한 화면에는 하나의 1차 CTA만 둔다. 나머지는 행 액션, 세컨더리 버튼, 필터로 낮춘다.
 3. 카드 남발을 피한다. 반복 비교가 필요한 정보는 큐/테이블로, 개별 상세만 카드로 둔다.
-4. PersonaStudio는 3열을 유지하되 의미를 고정한다.
-   - 좌측: 자료 큐, 저작 단계, 검수/공개 카탈로그
-   - 중앙: RAG 자료 등록, 탭별 구조화 편집, 저장/검수 요청
-   - 우측: 검증, 생성 근거, 마스킹, 승인/반려
+4. PersonaStudio의 현행 정보구조는 상단 horizontal tab을 단일 진입점으로 삼는다.
+   - 대시보드: 공개/활성 페르소나, 학습 인원·세션, 실제 평가·라포 진척, 검수 요약
+   - 카탈로그: 카탈로그 정의, 승인본 공개 규칙, 이론 분포, 버전·출처
+   - 페르소나: 전체 table, 시스템/사용자 생성 구분, 공개/검수/숨김 상태, 상세·수정 drilldown
+   - 검수 현황: 페르소나 탭 내부 2차 horizontal tab으로 두고 승인/반려/수정 작업을 모은다.
+   - 신규/수정: 자료→초안→설정→검토 4단계 독립 작업면. 중앙 편집과 우측 검증/근거의 2열을 사용한다.
 5. RAG 첨부 파일은 SSOT다. 원문 파일, 마스킹 결과, source/document/chunk hash, 초안 생성 evidence를 한 작업면에서 추적해야 한다.
 6. 임상·회기·안전 탭은 빈 입력란만 두지 않는다. 각 탭 상단에 작성 목적, 포함할 정보, 피해야 할 입력을 짧게 제시한다.
 
diff --git a/docs/ops/pilot-usage-guide-draft.md b/docs/ops/pilot-usage-guide-draft.md
new file mode 100644
index 0000000..f5c071f
--- /dev/null
+++ b/docs/ops/pilot-usage-guide-draft.md
@@ -0,0 +1,69 @@
+# 파일럿 사용 지침 (초안) — 대학원생 참가자용
+
+> **초안 — 연구팀 확정 전.** 접속 방법·연락 채널·세부 문구는 연구팀 확정 후 갱신한다.
+> 대상: 효과성 검증 파일럿 참가자(대학원생 약 20명, 집중 사용).
+> 근거: [`hanshin-meeting-actions-2026-07-13.md`](./hanshin-meeting-actions-2026-07-13.md) P3-2, 이번에 반영된 시간 기반 회기 흐름(P1).
+
+이 도구는 **AI 내담자와 상담 회기를 연습**하고, 회기 중·후에 피드백을 받는 훈련 플랫폼입니다. 실제 내담자가 아니며, 연습 기록은 연구·교육 목적으로 사용됩니다.
+
+---
+
+## 1. 접속과 로그인
+
+1. 안내받은 주소로 접속합니다(파일럿 도메인 — 연구팀 공지).
+2. **Google 계정으로 로그인**합니다. 참가자 명단에 등록된 이메일(학교/승인 도메인)로 로그인하세요.
+3. 처음 로그인하면 **"승인 대기"** 화면이 나올 수 있습니다.
+   - 운영자가 수업·연구 참여 범위를 확인하는 동안 화면이 열리지 않습니다.
+   - 승인되면 화면의 **"승인 상태 새로고침"** 버튼을 누르거나 다시 접속하면 온보딩으로 넘어갑니다.
+   - 반나절 이상 승인이 안 되면 아래 §6 연락 채널로 이메일을 알려주세요.
+
+## 2. 온보딩과 동의
+
+- 첫 진입 시 **온보딩·동의 화면**이 뜹니다. 도구의 목적, 데이터 사용 범위, 유의사항을 읽고 동의해야 회기를 시작할 수 있습니다.
+- 동의는 언제든 철회 가능합니다(철회 절차는 연구팀 안내를 따름).
+
+## 3. 회기 진행 방법 (새 흐름)
+
+이번 파일럿부터 회기는 **"단계 완수"가 아니라 "시간"으로 끝납니다.** 실제 상담처럼 한 회기에 모든 걸 끝내지 않아도 됩니다.
+
+1. **회기 준비 페이지 — 목표 선택**
+   - 회기를 시작하기 전, 이번 회기에서 집중할 **목표를 1~4개 선택**합니다(라포/탐색/개입/정리 중 — 2개 수준 권장).
+   - 4개를 다 하려 하지 마세요. 초심 상담자가 한 회기에 라포만 다지는 것도 정상입니다.
+2. **회기 진행 — 약 60분(시간 기반)**
+   - 목표 달성 여부와 관계없이 **시간이 되면 회기가 종료**됩니다.
+   - AI 응답에 약간의 지연이 있어 실제 대화 시간은 40~50분 정도입니다.
+   - 목표를 일찍 이뤄도 시간 안에서는 계속 대화를 이어갈 수 있습니다.
+3. **종료 10분 전 알람**
+   - 종료 10분 전에 화면에 알람이 뜹니다. 이때부터 **대화를 정리(마무리)** 하는 방향으로 이끌어 주세요.
+   - 마무리 인사를 나눈 뒤에는 시간 전이라도 자연스럽게 회기가 조기 종료될 수 있습니다.
+4. **회기 종료 후 — 리뷰 확인**
+   - 회기가 끝나면 **리뷰(회기 요약·피드백)** 를 확인할 수 있습니다.
+   - 단계별 진행은 **누적**됩니다. 이번 회기에 라포를 조금 쌓았다면 다음 회기에 이어집니다(회기 간 페르소나 신뢰/개방도도 이어짐).
+
+## 4. 라이브 코칭 사용법
+
+회기 **중에** 짧은 슈퍼비전 힌트를 받을 수 있는 기능입니다.
+
+- 화면의 **코칭 탭**에서 확인합니다. 상담 흐름을 끊지 않도록, 턴을 주고받은 뒤 다음 한 문장을 더 낫게 만드는 짧은 조언(다음 발화 제안 포함)이 나옵니다.
+- **기회는 회기당 3개**로 시작합니다. 코칭을 한 번 받을 때마다 1개씩 소모됩니다.
+- **충전(다시 채워지는) 규칙**:
+  - **좋은 발화**로 내담자에게 긍정적 변화 신호(신뢰·개방도 상승)가 확인되면 1개 충전, 또는
+  - **6턴마다** 자동으로 1개 충전(최대 3개까지).
+- 그래서 잘 진행할수록, 또 오래 진행할수록 코칭 기회가 다시 생깁니다. 아껴 쓰되 막히는 순간에 활용하세요.
+- 참고: 코칭은 **점수·정답·내담자 내부 설정을 알려주지 않습니다.** 관찰 가능한 상담 행동과 다음 발화 방향만 제시합니다. AI 엔진이 일시적으로 느릴 때는 규칙 기반의 간단한 코칭으로 대체되어 계속 동작합니다.
+
+## 5. 유의사항 (꼭 읽어주세요)
+
+- **개인정보를 입력하지 마세요.** 외부 AI로 보내기 전 이름·연락처 등은 **자동 마스킹**되지만, 실명·전화번호·주소·기관명 등은 **처음부터 입력을 자제**하세요. 연습에는 필요하지 않습니다.
+- **실제 사례의 식별 정보를 넣지 마세요.** 연습용 가상의 상황으로 진행하세요.
+- **위기 문구 관련 안전 게이트**: 대화 중 자·타해 등 위기 단서가 감지되면, 시스템은 방법을 캐묻지 않고 **안전 확인·보호요인 점검·기관 연결** 방향으로 코칭을 우선합니다. 이는 정상 동작이며 훈련의 일부입니다. 실제 위기 상황이라면 이 도구가 아니라 정식 상담·응급 기관(예: 자살예방상담 109)에 연락하세요.
+- 이 도구는 **훈련용 시뮬레이션**입니다. AI 내담자의 반응은 학습 목적으로 설계된 것이며 실제 임상 판단의 근거로 삼지 마세요.
+
+## 6. 문제 발생 시 연락
+
+- 로그인/승인 지연, 화면 오류, 회기가 뜨지 않음, 코칭이 계속 안 나옴 등의 문제는 **연구팀 지정 채널(단톡방/이메일 — 연구팀 확정)** 로 알려주세요.
+- 신고 시 도움이 되는 정보: 로그인 이메일, 발생 시각, 회기 ID(리뷰 화면에서 확인 가능), 화면 캡처.
+
+---
+
+> 이 문서는 초안입니다. 접속 주소, 연락 채널, 동의 문구, 비교 점수 노출 정책 등은 연구팀 확정 후 갱신합니다.
diff --git a/docs/ops/refactor-governance-2026-07-15.md b/docs/ops/refactor-governance-2026-07-15.md
new file mode 100644
index 0000000..a8805f4
--- /dev/null
+++ b/docs/ops/refactor-governance-2026-07-15.md
@@ -0,0 +1,95 @@
+# 전 저장소 리팩터 거버넌스 실행 기록 — 2026-07-15
+
+> 상태: **DONE (증거 기반 구조 개선 패스)**
+> 방법: `refactor-governance` Edit Pass(P1→P8), 동작 보존 우선
+> 권위 상태: `docs/dev_dashboard.html`과 동기화. 기능 로드맵이나 외부 실증 게이트를 대신하지 않는다.
+
+## 1. 목표와 불변 조건
+
+목표는 파일 길이를 기계적으로 줄이는 것이 아니라, 변경 시 서로 어긋날 수 있는 계약·권한·캐시·표시 규칙을 한 소유자로 모으고 반복 IO와 초기 번들 비용을 줄이는 것이었다.
+
+불변 조건:
+
+- 인증/RBAC/RLS, 감사 로그, PII 마스킹, durable/degraded 판정은 바꾸지 않는다.
+- API 응답과 생성 OpenAPI 타입, 엔진 packet, DB 스키마의 의미를 바꾸지 않는다.
+- 세션 턴 순서, 평가 재시도, 알림 수신자, 화면의 오류 문구와 빈 상태를 보존한다.
+- 기존 사용자 작업이 섞인 dirty worktree를 되돌리거나 일괄 포맷하지 않는다.
+- 공통화는 오류 순서·캐시 fallback·side effect가 같은 경우에만 한다.
+
+## 2. 감사 범위와 최초 증거
+
+아카이브를 제외한 생산 코드, 테스트, 인프라, 활성 문서를 전수 스캔했다.
+
+| 영역 | 파일/줄 기준 | 중점 검사 |
+|---|---:|---|
+| `apps/api/app` | 100 files / 45,112 lines | 장기 함수·인자 묶음·SQL 반복·캐시·LLM 감사·세션 IO |
+| `apps/web/src` | 74 files / 46,935 lines | 대형 라우트·중복 view model·API 타입·초기 번들·디자인 소유권 |
+| `apps/web/e2e` | 25 files / 12,381 lines | 동작/레이아웃/DB 증거 게이트 |
+| `scripts`, `infra` | 37 files / 7,430 lines | 런타임 스키마와 운영 경로 중복 |
+| 활성 `docs`, `data` | 111 files / 42,955 lines | SSOT drift·검증 숫자·현재/아카이브 경계 |
+
+최초 정적 결과는 Ruff 16건, 생산 코드 중복 15 clones / 327 lines(0.60%), 초기 JS 678.88 kB(gzip 195.75 kB), 초기 CSS 328.49 kB(gzip 51.46 kB)였다. Python 함수 1,903개 중 60줄 이상 135개·인자 7개 이상 26개, TS/TSX 함수 1,426개 중 60줄 이상 61개가 후보였다. 이 후보는 길이만으로 수정하지 않고 호출·중복·소유권 증거를 다시 확인했다.
+
+## 3. 적용한 패치 그룹
+
+| 그룹 | 변경 | 단일 소유자/효과 |
+|---|---|---|
+| P1 삭제·정적 정리 | Ruff 16건 제거, 미사용 컴포넌트·의존성·죽은 export 정리, Knip 게이트 도입 | 참조 0인 코드와 선언 drift 제거 |
+| P2 shape 안정화 | dataset manifest, voice context/prosody/turn/audio를 명시적 input object로 전환 | 긴 positional/keyword 묶음의 의미를 타입 이름으로 고정 |
+| P3 계약 SSOT | 평가 write 계약, OpenAPI 생성 타입, `runtime_schema.py`, format/runtime diagnostics를 단일화 | API/DB/runtime/UI 미러 선언 drift 차단 |
+| P4 캐시 | KB process cache의 key·수명·invalidate 경로를 한 모듈에 고정 | admin sync 뒤 stale source pack 방지 |
+| P5 workflow | KB/persona source workflow, LLM generate+audit, 알림 수신자, managed session sync, admin normalization 공통화 | 같은 side effect·오류 의미를 한 구현으로 통합 |
+| P6 성능 | `App.tsx` 전 라우트 lazy loading, 공통 Suspense, 세션 상태/턴 batch read | 초기 payload 감소, missing-evaluation 복구 1+2N query를 3 query로 축소 |
+| P7 인프라 | dev runtime schema와 `infra/db/init` 정의 정합, prod DDL fail-closed, E2E fixture/single-run 2단계 실행 | 개발 자동보강과 운영 migration 역할 분리, 단일 DB/engine 포화 방지 |
+| P8 UI/디자인 | Surface/AppShell/theme/페르소나 시각 view model SSOT, 대형 화면의 순수 모델·음성 캡처 분리, raw-color 예산 게이트 | 공통 primitive와 화면 예외의 소유권을 테스트 가능한 규칙으로 고정 |
+
+추출된 주요 경계:
+
+- 백엔드: `services/llm_audit.py`, `runtime_schema.py`, 평가/세션/알림/KB의 named contract와 batch loader.
+- 프론트: `lib/personaViewModel.ts`, `lib/runtimeDiagnostics.ts`, `pages/admin/dataNormalization.ts`, `pages/persona-studio/model.ts`, `pages/learner-home/model.ts`, `pages/session-review/model.ts`, `pages/session/voiceCapture.ts`.
+- 거버넌스: `check:dead-code`, `check:duplication`, `check:design-ssot`, `check:api-types`.
+
+## 4. 전후 측정
+
+| 지표 | 이전 | 현재 | 판정 |
+|---|---:|---:|---|
+| 생산 코드 중복 | 15 clones / 327 lines / 0.60% | 1 clone / 15 lines / 0.03% | 95.4% duplicated-line 감소, threshold 0.05% 게이트 |
+| 초기 JS | 678.88 kB / gzip 195.75 kB | 241.49 kB / gzip 77.13 kB | gzip 60.6% 감소 |
+| 초기 CSS | 328.49 kB / gzip 51.46 kB | 28.59 kB / gzip 6.45 kB | gzip 87.5% 감소 |
+| `Session.tsx` | 4,002 lines | 3,491 lines + `voiceCapture.ts` | 음성 브라우저 경계 분리 |
+| `LearnerHome.tsx` | 2,053 lines | 1,857 lines + 222-line model | 표시 계산을 순수 모델로 분리 |
+| API 단위 테스트 | 393 | 400 passed | 신규 구조 회귀 포함 |
+| Gateway 단위 테스트 | 27 | 29 passed | packet/model 계약 포함 |
+| Playwright 수집 | 214 / 20 files | 215 / 20 files | 현행 목록 동기화 |
+
+## 5. 의도적 비추출과 통제된 예외
+
+1. `session_persistence.py`의 15-line clone 한 건은 유지한다. 두 principal-aware acquire 경로는 표면 구조만 같고 예외 시 cache fallback과 durable 판정이 다르다. 합치면 실패 의미가 숨겨지므로 `jscpd` 전체 threshold 안의 근거 있는 제외다.
+2. `Session`, `Admin`, `PersonaStudio`, `Professor`의 라우트 컨테이너는 여전히 크지만 현재 생산 TS/TSX 중복은 0이다. 화면별 상태 전이까지 무리하게 generic hook/component로 만들면 읽기 비용과 prop surface가 늘어난다. 새 기능이 독립 상태·독립 E2E를 가질 때 해당 slice를 추출한다.
+3. 세션 dark stage와 아바타/인증 아트의 국소 raw color는 전역 토큰으로 승격하지 않는다. 공통 `ui.css`/`shell.css`는 raw color 0개를 강제하고, 예외 파일은 2026-07-15 기준 수치 이상 증가하지 못하도록 고정 예산을 둔다.
+4. 전체 215개 Playwright에는 실제 DB·엔진·provider가 필요한 single-run 시나리오가 섞인다. 기존 direct runner는 로컬에서 12 workers로 세 프로젝트를 동시에 실행해 188 passed/27 resource-timeout을 만들었고, single-run을 뺀 12-worker fixture 단계도 145/166 뒤 21 request timeout을 재현했다. `npm run e2e`를 fixture desktop/mobile `workers=4` 단계 뒤 DB/engine `workers=1` 단계가 시작되는 구조로 바꿨다.
+5. 관리자 티켓 큐는 최대 120개 복합 카드를 한 번에 다시 그리며 액션 pending 상태까지 페이지 루트가 소유했다. 카드 렌더 상한을 24개로 두고 나머지는 서버 검색/필터로 탐색하게 했으며, 중복 요청 잠금과 시각 pending은 `TicketActions`가 카드 단위로 소유한다. 네이티브 입력 dispatch와 React 상태 렌더를 분리해 해결/중복 연결 실제 클릭 4건이 desktop/mobile에서 통과한다.
+6. Settings 초기 로드는 React 개발 모드 effect 재실행으로 같은 GET 두 개가 경합할 수 있었고, 늦게 끝난 응답이 사용자가 방금 바꾼 엔진 모드·모델을 원래 값으로 덮어썼다. 요청 세대 번호를 추가해 최신 로드만 상태를 반영하고 unmount된 요청은 무효화했다. 기존 engine settings E2E가 실제 PATCH body와 복구까지 고정한다.
+7. AI 튜터 DB 영속화는 정상 provider 응답이 독립 실행에서도 138.5초 걸려 기존 150초 테스트 상한과 여유가 11초뿐이었다. 기능 timeout을 숨기지 않고 동일 파일의 장시간 실엔진 기준인 240초로 테스트 예산을 조정했으며, 최종 전체 직렬 실행에서는 2.1분에 ready 응답·source pack·DB history·reload 증거를 모두 통과했다.
+
+## 6. 검증 증거
+
+- `ruff check app` — passed.
+- `pytest -q app` — **400 passed**, Starlette `python_multipart` PendingDeprecationWarning 1건.
+- `pytest -q engine_gateway` — **29 passed**, 같은 외부 의존 warning 1건.
+- `npm run typecheck` / `check:api-types` / `check:design-ssot` / `check:dead-code` / `check:duplication` — passed.
+- `npm run build` — 109 modules, initial JS 241.49 kB(gzip 77.13 kB), initial CSS 28.59 kB(gzip 6.45 kB).
+- `npm audit --audit-level=high` — 0 vulnerabilities.
+- `npx playwright test --list` — **215 tests / 20 files**.
+- `npm run e2e:parallel` — **166 passed** (desktop 83 + mobile 83, workers=4).
+- `npm run e2e:single-run` — **49 passed** (DB/engine/provider 직렬, 23.2분).
+- 전체 Playwright 최종 판정 — **215 / 215 passed**.
+- `git diff --check` — passed; checkout 정책에 따른 LF→CRLF 경고만 존재.
+
+## 7. 앞으로의 변경 규칙
+
+- 새 DTO/packet은 OpenAPI·schema·named adapter 중 한 곳만 원본으로 둔다.
+- 새 캐시는 key, SoR, invalidate, TTL, 실패 시 durable/degraded 의미를 함께 정의한다.
+- 새 공통화는 `check:duplication`의 실제 clone 또는 둘 이상의 동일 side effect가 증거일 때만 한다.
+- 새 페이지 색은 먼저 의미 토큰을 사용하고, 국소 예외면 이유와 raw-color 예산을 함께 갱신한다.
+- 라우트 컨테이너 추출은 독립 입력/출력, 독립 상태, 독립 테스트가 생긴 뒤 한다. 파일 길이만으로 분리하지 않는다.
diff --git a/docs/ops/server-migration-runbook-draft.md b/docs/ops/server-migration-runbook-draft.md
new file mode 100644
index 0000000..f63a0a4
--- /dev/null
+++ b/docs/ops/server-migration-runbook-draft.md
@@ -0,0 +1,191 @@
+# 서버 이관 런북 (초안) — 자택 개인 서버 → 학교 정보처 호스팅
+
+> **초안 — 연구팀·정보처 협의 후 확정.** 이 문서는 개발(트웬티온스) 몫인 *기술 이관 절차* 초안이다.
+> 도메인·서버 사양·비용·보안 정책의 최종 결정 주체는 연구팀·한신대 정보처이며, 아래 값과 절차는 협의 결과에 맞춰 갱신한다.
+> 스펙 근거: [`hanshin-meeting-actions-2026-07-13.md`](./hanshin-meeting-actions-2026-07-13.md) P3.
+
+## 0. 요약 (한 장)
+
+- **현재 운영 형태**: 윤찬 자택 Windows PC에서 `scripts/start-public-runtime.ps1`로 **베어 프로세스**(uvicorn + `vite preview` + 로컬 `claude -p` 게이트웨이)를 띄우고, **Cloudflare 터널**로 공개하며, **Windows 작업 스케줄러 워치독**이 살아있게 유지한다. → 이 경로 전체가 Windows 종속이라 리눅스로 그대로 못 옮긴다.
+- **이관 목표 형태**: 학교 리눅스 서버에서 **`infra/docker-compose.yml` 스택**(web·api·db·proxy)을 그대로 기동. Docker 스택은 이식성을 전제로 설계돼 있어 Windows 런타임 스크립트 계층을 대부분 대체한다.
+- **가장 큰 이관 블로커 2개**: ① 엔진 모드 `claude_cli`(개인 구독 CLI 인증) → `claude_api`(`ANTHROPIC_API_KEY`) 전환 필수. ② 하드코딩된 도메인/리다이렉트 URI/허용 호스트를 학교 도메인으로 교체(일부는 **빌드 시점**에 굽혀서 재빌드 필요).
+
+---
+
+## 1. 사전 요구사항 (이관 시작 전 확보)
+
+### 1.1 정보처가 준비할 것
+- **리눅스 호스트**: Docker Engine + Docker Compose v2 설치 가능한 서버(Ubuntu 22.04 LTS 등). 20명 파일럿 기준 최소 4 vCPU / 8GB RAM / 40GB SSD 권장(부하 검증 결과에 맞춰 조정).
+- **공개 도메인 2개**: 웹용 1개 + API용 1개(예: `vignette.hs.ac.kr`, `api-vignette.hs.ac.kr`). **웹과 API는 별도 호스트네임**이어야 한다(OAuth 콜백·CORS 설계 전제).
+- **DNS A/AAAA 레코드**: 위 두 도메인이 서버 공인 IP로 향하도록 설정.
+- **TLS**: 다음 중 하나.
+  - (a) 서버에 공인 IP가 있으면 **Caddy 자동 TLS**(Let's Encrypt) 사용 — `.env`의 `SITE_ADDRESS`, `ACME_EMAIL`만 채우면 됨.
+  - (b) 정보처가 기관 인증서를 강제하면 Caddy 앞단에 리버스 프록시를 두거나 인증서를 Caddy에 주입(협의 필요).
+- **아웃바운드 네트워크 허용**: `api.openai.com`, `api.anthropic.com`(엔진 claude_api 모드), Google OAuth 엔드포인트로의 HTTPS egress.
+
+### 1.2 연구팀·개발이 준비할 것
+- **Google OAuth 클라이언트**: Google Cloud Console에서 **Authorized redirect URI에 `https://api-<학교도메인>/auth/callback` 추가**(기존 chanpaca/18ka URI는 유지 또는 정리). Client ID/Secret 확보.
+- **API 키**: `OPENAI_API_KEY`(음성 STT/TTS), `ANTHROPIC_API_KEY`(엔진 claude_api 모드 — 아래 §2 참조).
+- **관리자·교수자 이메일 목록**: `AUTH_SUPER_ADMIN_EMAILS`, `AUTH_ADMIN_EMAILS`, `AUTH_TEACHER_EMAILS`, 허용 도메인 `AUTH_ALLOWED_EMAIL_DOMAINS`(파일럿 참가자 도메인 포함).
+- **현재 운영 데이터 스냅샷**: DB 덤프 + uploads 디렉터리(아래 §4).
+
+---
+
+## 2. 엔진 모드 주의 — claude_cli → claude_api (필수)
+
+현재 운영은 `ENGINE_MODE=claude_cli`다. 이는 **호스트에 상주하는 개인 `claude` CLI(개인 구독 OAuth 인증)** 를 게이트웨이(`http://host.docker.internal:9099`)로 호출하는 방식이라 **학교 서버에는 옮길 수 없다**(개인 계정 인증에 묶임).
+
+학교 서버에서는 반드시 다음으로 전환한다.
+
+```dotenv
+ENGINE_MODE=claude_api
+ANTHROPIC_API_KEY=sk-ant-...      # 연구팀/기관 발급 키
+# ENGINE_URL 은 claude_api 모드에서 사용하지 않음 (host.docker.internal 라인 무시됨)
+```
+
+- 코드는 `claude_api`를 **기본값으로 지원**한다(`apps/api/app/config.py`의 `engine_mode` 기본이 `claude_api`). 별도 개발 없이 env 전환으로 동작한다.
+- 비용: 회의 기록상 실사용 지난달 ~$10, 20명 액티브 시 최대 $100 이내 추정. 과금은 `ANTHROPIC_API_KEY` 계정으로 발생 → 연구팀/기관 계정 사용 권장. 관리자 UI에서 `ADMIN_USAGE_BUDGET_USD`로 예산 표시 가능.
+- `claude_cli` 게이트웨이(`apps/api/engine_gateway/`), 로컬 `claude -p` 상주풀, `ENGINE_READY_TTL_SECONDS` 튜닝은 **모두 불필요**해진다.
+
+---
+
+## 3. 이관 단계
+
+### 3.1 코드 배치 + 환경파일 작성
+```bash
+git clone <저장소> vignette && cd vignette/infra
+cp .env.example .env
+# .env 편집 — 아래 §5 체크리스트의 "설정만 바꾸면 됨" 값을 학교 값으로 교체
+```
+배포 전 프리플라이트(읽기 전용 검증):
+```bash
+# 저장소 루트에서
+python scripts/check-deploy-preflight.py --env-file infra/.env
+# DB 앱롤까지 검증하려면 app-role DATABASE_URL 을 넘기고 --require-app-role
+```
+이 스크립트는 필수 env 누락, `change-me` 류 플레이스홀더, prod에서 켜지면 안 되는 플래그(`AUTH_DEV_LOGIN_ENABLED` 등), 잘못된 `ENGINE_MODE`를 잡아준다.
+
+### 3.2 DB dump / restore
+
+현재 DB(자택)에서 덤프를 뜬다. 접속 방식에 맞춰 하나 선택.
+
+```bash
+# (A) DB가 docker compose db 컨테이너인 경우 — 자택 서버에서
+docker compose exec -T db pg_dump -U vignette_owner -Fc vignette > vignette-$(date +%F).dump
+
+# (B) DB가 외부/NAS PostgreSQL인 경우 — 접속 문자열로 직접
+pg_dump --format=custom --no-owner --no-privileges \
+  --dbname="postgresql://vignette_owner:<PW>@<OLD_HOST>:5432/vignette" \
+  --file=vignette-$(date +%F).dump
+```
+
+학교 서버에서 복원. **권장: 스키마 init 스크립트가 만든 빈 DB가 아니라, 완전히 빈 DB에 풀 덤프를 복원**한다(스키마·데이터·RLS 정책을 덤프가 통째로 재현하도록).
+
+```bash
+# 새 호스트: db 컨테이너만 먼저 띄우되 init 스크립트와 충돌을 피하려면
+#  - 신규 빈 볼륨 + init 스크립트로 스키마 생성 후 --data-only 복원, 또는
+#  - init 없이 빈 DB 생성 후 풀 덤프 복원(권장, 아래)
+docker compose up -d db
+docker compose exec -T db psql -U vignette_owner -c "CREATE DATABASE vignette_new;"
+cat vignette-YYYY-MM-DD.dump | docker compose exec -T db \
+  pg_restore --no-owner --no-privileges --clean --if-exists \
+  -U vignette_owner -d vignette_new
+# 검증 후 vignette_new 를 정식 DB로 승격(또는 처음부터 vignette 로 복원)
+```
+
+> ⚠️ **RLS/앱롤 주의**: 스키마는 `infra/db/init/`의 `01_extensions.sql … 06_session_evaluation.sql`이 **빈 볼륨 최초 기동 시 1회만** 실행한다. 여기엔 RLS 정책(`04_audit_eval_rls.sql`)과 앱 전용 롤 생성(`99_app_role.sh`)이 포함된다. 풀 덤프 복원 시 롤/권한이 덤프에 없으면(=`--no-owner --no-privileges` 사용) **복원 후 `99_app_role.sh` 상당의 앱롤 GRANT를 다시 적용**해야 API app-role(`vignette_app`)이 붙는다. 프리플라이트 `--require-app-role`로 확인.
+
+### 3.3 persona / KB 데이터 이동
+페르소나·평가·라이브코칭 KB는 **저장소가 원본을 소유**하고 스크립트로 DB에 동기화한다. DB 덤프에 이미 승인된 `persona_card` 행이 포함되지만, KB 소스팩은 코드 기준으로 재동기화한다.
+```bash
+# dry-run(기본): repo 소스팩 해시 vs 활성 kb.document 비교
+python scripts/sync-persona-sources.py
+# 실제 반영
+python scripts/sync-persona-sources.py --apply
+```
+- 페르소나 시드 재생성이 필요하면 `python scripts/materialize-persona-seeds.py`.
+- 원칙: prod에서는 `AUTO_SEED_PERSONAS=false`, `ALLOW_SEED_PERSONA_FALLBACK=false` 유지(승인된 DB 행만 사용). 추고록 원본 등 학교 재산 데이터는 repo·이미지에 넣지 않는다.
+
+### 3.4 uploads 디렉터리 이동
+사용자 업로드(교수자 자료 등)는 `apiuploads` 도커 볼륨(`/app/uploads`, `USER_UPLOAD_DIR`)에 있다.
+```bash
+# 자택: 볼륨 내용 tar 로 추출
+docker run --rm -v vignette_apiuploads:/data -v "$PWD":/backup alpine \
+  tar czf /backup/uploads-$(date +%F).tgz -C /data .
+# 학교: 새 볼륨에 복원
+docker run --rm -v vignette_apiuploads:/data -v "$PWD":/backup alpine \
+  tar xzf /backup/uploads-YYYY-MM-DD.tgz -C /data
+```
+
+### 3.5 기동
+```bash
+cd infra
+docker compose build            # 웹은 도메인이 빌드에 굽히므로 §5 빌드 인자 확인 후 빌드
+docker compose up -d
+docker compose ps               # web/api/db/proxy healthy 확인
+```
+
+---
+
+## 4. 이식성 이슈 체크리스트
+
+### 4.1 설정만 바꾸면 되는 것 (env / DNS / 콘솔 — 재빌드·코드수정 불필요)
+| 항목 | 현재 하드코딩/기본값 | 이관 시 조치 |
+|---|---|---|
+| API 리다이렉트 URI | `OAUTH_REDIRECT_URI=https://api-vignette.chanpaca.net/auth/callback` | 학교 API 도메인으로 교체 + Google Console에 등록 |
+| 프론트 기준 URL | `FRONTEND_BASE_URL=https://vignette.chanpaca.net` | 학교 웹 도메인 |
+| 콜백→프론트 매핑 | `FRONTEND_ORIGIN_MAP={api-vignette.chanpaca.net:…, api-vnet.18ka.net:…}` | 학교 `api-호스트: https://웹-호스트` |
+| CORS 허용 | `CORS_ORIGINS=[chanpaca.net, 18ka.net, pages.dev, localhost…]` | 학교 웹 도메인만(로컬 항목 제거) |
+| 슈퍼관리자 | `AUTH_SUPER_ADMIN_EMAILS=[yunchan@twentyoz.kr, hoonjungkoo@hs.ac.kr]` | 운영 담당자 이메일 |
+| 허용 도메인 | `AUTH_ALLOWED_EMAIL_DOMAINS=[hs.ac.kr, twentyoz.kr]` | 파일럿 참가 도메인 |
+| 시크릿 | `POSTGRES_PASSWORD/APP_DB_PASSWORD/SESSION_SECRET`(=`change-me…`) | 랜덤 강값으로 교체 |
+| TLS/노출 | `SITE_ADDRESS=:80`, `ACME_EMAIL=`(빈값) | 학교 웹 도메인 + 관리자 메일 |
+| 포트 | `HTTP_PORT=8080`, `HTTPS_PORT=8443` | 정보처 방화벽 정책에 맞춰 |
+| 엔진 | `ENGINE_MODE=claude_cli` | `claude_api` + `ANTHROPIC_API_KEY`(§2) |
+
+### 4.2 고쳐야(재빌드/치환해야) 넘어가는 것
+| 항목 | 위치 | 왜 블로커인가 | 조치 |
+|---|---|---|---|
+| **웹 허용 호스트** | `apps/web/vite.config.ts` `defaultAllowedHosts`(chanpaca/18ka/ts.net 배열) | `vite preview`가 Host 헤더를 검증 → 학교 도메인 누락 시 전체 화면이 403 블랭크. **빌드 시점 값**이라 재빌드 필요 | 빌드 전 `VITE_ALLOWED_HOSTS=<학교 웹 도메인>` 환경변수로 주입(코드 수정 없이 가능) |
+| **웹 API 베이스** | compose `web` 빌드 인자 `VITE_API_BASE=${PUBLIC_API_BASE:-/api}` | 프론트가 붙는 API 경로가 **빌드에 굽힘** | Caddy 프록시로 `/api` 동일 오리진 유지 시 기본값 그대로 OK. 별도 API 도메인 직결이면 `PUBLIC_API_BASE` 지정 후 재빌드 |
+| **엔진 인증 방식** | `ENGINE_MODE=claude_cli` 런타임 경로 | 개인 구독 CLI 인증 → 학교서버 이식 불가 | §2대로 `claude_api` 전환(코드 지원됨, env 전환) |
+| **Windows 런타임 계층 전체** | `scripts/*.ps1`, `.vbs`, Windows 작업 스케줄러(`install-public-runtime-task.ps1`, `register-boot-task.ps1`), `Get-CimInstance`, winget 경로 | Windows 전용. `$Workspace="D:\workspace\vignette"`, `$Python=%LOCALAPPDATA%\…`, `$Cloudflared`, `$USERPROFILE\.cloudflared` 등 하드코딩 | 리눅스에서는 **docker compose 스택 + systemd/cron 헬스체크**로 대체(PowerShell 스크립트 미사용). Cloudflare 터널은 공인 IP+Caddy 자동TLS로 대체 권장 |
+| **config.py 하드코딩 기본값** | `apps/api/app/config.py`의 `oauth_redirect_uri/frontend_origin_map/cors_origins/auth_super_admin_emails` 기본값에 chanpaca·18ka·특정 이메일 | env로 override되지만, env 누락 시 자택 값으로 조용히 폴백될 위험 | env를 반드시 채우고(§4.1), 이관 확정 후 기본값도 중립화 검토(별도 PR) |
+
+> **비밀 주입 방식**: 현재는 `infra/.env` **평문 파일** 한 장(요구변수는 compose `${VAR:?}` 문법으로 미설정 시 기동 실패 → 누락 방어는 됨). 학교 서버에서는 `.env` 파일 권한 `chmod 600` + repo 미포함 확인, 가능하면 정보처 시크릿 관리 수단으로 승격 협의. 시크릿 매니저/볼트는 현재 미사용.
+
+---
+
+## 5. 이관 후 검증 체크리스트
+
+```bash
+# 1) 헬스 — environment=prod, db=true, engine=true, engine_mode=claude_api 확인
+curl -s https://api-<학교도메인>/health | jq
+#   기대: {"status":"ok","environment":"prod","db":true,"engine":true,"engine_mode":"claude_api", ...}
+
+# 2) dev-login 꺼짐 확인 — prod에서 AUTH_DEV_LOGIN_ENABLED=false 여야 함(preflight도 검증)
+#    /auth/dev-login 류가 비활성인지, 로그인은 Google OAuth로만 되는지 확인
+
+# 3) OAuth 왕복 — Google 로그인 → 콜백 → pending 승인 대기 → 슈퍼관리자 승인 → 온보딩 진입
+
+# 4) /turn 스모크 — 세션 1개 생성 후 발화 1턴 왕복(내담자 응답 + 라이브 코칭 카드 수신)
+
+# 5) 백엔드 pytest
+cd apps/api && python -m pytest -q
+
+# 6) (선택) 20 동시 세션 부하 — scripts/load-test-sessions.py 로 병목 재확인
+```
+
+추가 확인:
+- 음성 SSE/WSS 경로가 Caddy `flush_interval -1`로 버퍼링 없이 흐르는지(자막·실시간 피드백).
+- persona 목록이 승인 DB 행 기준으로 뜨는지(시드 폴백 아님).
+- uploads 업로드→변환→원본 파기 흐름(P4)이 실데이터로 동작하는지.
+
+---
+
+## 6. 롤백 / 주의
+
+- 이관은 **자택 운영을 내리기 전에** 학교 서버에서 병렬로 세워 검증하고, 검증 통과 후 DNS를 전환한다(다운타임 최소화).
+- DB 덤프는 **이관 시점 스냅샷**이다. 병렬 운영 중 자택에서 발생한 신규 데이터는 최종 컷오버 시점에 재덤프·재복원(또는 컷오버 동안 자택 쓰기 중지).
+- OAuth redirect URI를 학교 도메인으로 바꾸는 순간 기존 도메인 로그인은 깨질 수 있으니, 컷오버 타이밍을 연구팀과 합의.
+- 확정 후 이 문서의 "초안" 표기를 제거하고 [`DEPLOYMENT.md`](../DEPLOYMENT.md)·SSOT 대시보드에 반영한다.
diff --git a/docs/ops/session-progress-gauge-design-2026-07-14.md b/docs/ops/session-progress-gauge-design-2026-07-14.md
new file mode 100644
index 0000000..53f5a14
--- /dev/null
+++ b/docs/ops/session-progress-gauge-design-2026-07-14.md
@@ -0,0 +1,48 @@
+# P2 회기 계획·달성도 게이지 설계 (1p)
+
+> 2026-07-13 한신대 회의 P2 결정의 구현 설계. 소유자 확인용 1페이지.
+> 원칙: 게이지는 **백엔드 결정론 상태머신 수치에서 파생**하며, LLM이 만들지 않는다.
+> CCD·정답 라벨·ideation 등 내담자 내부 설정은 계속 비노출(M6). 게이지는 "훈련 진행 신호"만 보여준다.
+
+## 1. 무엇을 보여주나
+
+| 표면 | 내용 |
+|---|---|
+| 세션 화면(좌측 트랙) | 단계별 누적 게이지 4개 — "라포 100 중 65" 식. 이번 회기 목표 단계에 목표 배지(P1 구현됨) |
+| 세션 화면(관찰 패널) | **상세 수치**: 유효 개방도(%), 방어(저항) 수준(%), 라포 누적(%) + 이번 회기 증가분(+N%p) |
+| 학습자 홈(페르소나 카드) | 페르소나별 라포 누적 게이지 — 회기가 이어질수록 차오르는 학습 신호 |
+
+**학습 신호 설계 의도(회의 합의)**: 초심 상담자는 라포를 1회기에 못 만드는 게 정상이다.
+게이지가 회기를 건너 누적되는 모습 자체가 "여러 회기에 걸쳐 쌓는 것"임을 가르친다.
+
+## 2. 게이지 공식 (결정론)
+
+상태머신(`state_machine.py`)의 기존 수치만 사용한다. 새 상태 없음.
+
+- 단계 전이 조건은 `turns_in_stage >= STAGE_MIN_TURNS[stage]` AND `rapport_credit >= STAGE_ADVANCE_RAPPORT[stage]`.
+- **단계 게이지**(stage s):
+  - 지나온 단계: `100`
+  - 미래 단계: `0`
+  - 현재 단계: `min(99, rapport_credit / STAGE_ADVANCE_RAPPORT[s] × 99)` — 라포 누적이 게이지의 본질.
+    (두 게이트를 모두 충족해 전이 대기 상태면 99에서 대기, 전이 순간 100)
+  - `정리`(CLOSE)는 진입 자체가 100 (전이 임계 없음)
+- **누적성**: `rapport_credit`은 회기 종료 시 ×0.7로 이월(`init_state(carry)`, 기존 구현)되므로
+  다음 회기 게이지는 0이 아니라 이월분에서 시작한다 → "누적 게이지"가 자동 성립.
+- **이번 회기 증가분**: `rapport_credit − prev_rapport_credit`(세션 생성 시 저장된 이월 기준값, 기존 컬럼).
+- **방어(저항) 수준**: `resistance`(0~1)를 %로. 학습자 표기는 "방어 신호(저항)" — 학술 용어화.
+- **유효 개방도**: `effective_openness`(이미 학습자 노출 중인 값)를 %로.
+
+## 3. 계약 변경
+
+- `session_read_model.py`에 `SessionProgress` DTO 신설:
+  `stages[] {stage, percent, achieved, is_goal}` + `rapport_percent, rapport_delta_percent, resistance_percent, openness_percent`.
+- 파생 함수는 순수함수 `build_session_progress(state, prev_rapport_credit, goal_stages)` — 상태머신 상수를 단일 원천으로 읽는다.
+- 노출 지점: `SessionDetailResponse.progress`(새로고침 복원), `TurnResponse.progress` + 스트림 `done` payload(턴마다 갱신),
+  대시보드 `persona_progress[].rapport_percent`(홈 카드).
+- **비노출 유지**: ideation_stage, CCD, 정답 라벨, raw resistance 원값 명칭("저항 엔진" 등 내부 용어).
+
+## 4. 비(非)작업 (회의 결정 준수)
+
+- 별도 "치료 계획 탭" 없음 — 계획서·프로토콜은 페르소나 RAG 첨부(`/personas/sources`, 기존 경로)로 흡수.
+- 회기 간 망각 기능 없음.
+- 페르소나 수치의 전 회기 공유는 기존 carry-over(라포 ×0.7, resistance drift)가 이미 소유 — 변경 없음.
diff --git a/docs/ops/tagged-data-utilization-2026-07-15.md b/docs/ops/tagged-data-utilization-2026-07-15.md
new file mode 100644
index 0000000..50830da
--- /dev/null
+++ b/docs/ops/tagged-data-utilization-2026-07-15.md
@@ -0,0 +1,51 @@
+# 연구팀 태깅 축어록 4종 활용 — 실행 기록 + 후속 계획 (2026-07-15)
+
+> 원천: 2026-07-14 연구팀 제공 태깅 엑셀 4종(카카오톡 단톡방).
+> 회의 근거: `ops/hanshin-meeting-actions-2026-07-13.md` P4(데이터 업로드)·페르소나 확충,
+> 2026-07-14 정식 회의록("데이터가 많을수록 성능·비용·응답속도 개선 — 추가 데이터 지속 요청").
+> 원본 파일은 저장소·DB에 적재하지 않는다(원본 파기 원칙). 실행 내역과 후속 계획만 이 문서가 소유한다.
+
+## 1. 자료 개요
+
+| 자료 | 내용 | 태그 규모 | 페르소나 산출 |
+|---|---|---|---|
+| 첫회기 축어록(2장, 0711tagged) | 45세 어머니, 자녀 등교거부발 우울·분노·신체화, BPS 통합 + 사례개념화 워크시트 | 상호작용 분석 98건 | **P8 미영** (부모 측 페르소나) |
+| 게슈탈트 3회기(3장, TAG) | 40대 한부모, 아들 학업갈등 분노/죄책감, 침묵 70회(2~58초)·울음·웃음 정량 | 주석 188건 | **P10 선혜** |
+| 자해 DBT(42, tagged) | 성인 직장인 반복 자해, DBT 강의+역할극(타당화 6수준·서약·체인분석·AVIS-R) | 강의 40행+주석 11건 | **P9 유진** (게이티드) |
+| 우울 CBT(영상 40, 0712tagged) | 40대 남성 우울·부부갈등, Beck 모델 다회기 발췌 | 상담자 태그 261쌍(최다) | **P11 정호** |
+
+## 2. 이번 세션에서 실행 완료
+
+1. **KB 등록 (P4 업로드 경로 실사용)** — 실명 사전 치환본(은진/이현정/Ashley/Shelly/Carmen Wiebe/Edward/Sharon → 역할명) 4종을
+   `POST /personas/sources/upload`로 등록. 서버 마스킹(NAME/ORG) 추가 적용, 총 **101 청크 색인+임베딩**.
+   source_ids: `persona_authoring_9c383fdb7f254d61`(ch2) · `persona_authoring_fa77f213b3664422`(ch3) ·
+   `persona_authoring_77c1cf9a505b4d77`(dbt) · `persona_authoring_25feeb93ab384e18`(cbt). 원본 바이트 미저장(hash-only 증거).
+2. **taxonomy v1.1.0** (`apps/api/app/taxonomy.py`, append-only) — 연구팀 태그 정합을 위해
+   Technique 9종(명료화·수치화·체인분석·인지재구성·대안행동·전념전략·지금-여기·재진술·기술코칭),
+   ClientState 9종(표면순응·외재화·지시요청·겉보기유능함·적극적수동성·자해보고·신체증상·감정가림·초점이탈/융합) 추가.
+   evaluator fast-loop 후보는 `TECHNIQUE_KO` 전체를 쓰므로 자동 반영. 조작적 정의는 `docs/taxonomy.md` 갱신.
+3. **가드레일 자해 수단 확장** (`services/guardrail.py`) — DBT 자해 페르소나 대비 `_MEANS_TERMS`에
+   커터/면도날/손목 긋/깊게 긋기/라이터 지지기 추가. "선을 긋다"(경계 설정) 오차단 방지 테스트 포함.
+4. **라이브 코칭 소스팩 3종 신설** (`data/kb/live_coaching_sources/`) — DBT 위기·전념 / 게슈탈트 회기 무브 /
+   부모 첫회기 무브. 요약 재구성(원문 미적재), 기존 0615 스키마 준수.
+5. **신규 페르소나 초안 4종 생성** — 등록한 RAG 근거로 `POST /personas/drafts/generate` → **draft 상태 저장**.
+   승인·활성화는 연구팀/교수 검수 몫(월권 방지). 특히 **P9(자해·DBT)는 안전장치 실측·교수 검수 전 승인 금지**.
+
+## 3. 후속 계획 (임상팀·소유자 확인 필요 — 착수 전 게이트)
+
+| 항목 | 내용 | 게이트 |
+|---|---|---|
+| 평가 golden set 확장 | P8~P11.jsonl — 태그를 신규 taxonomy 라벨로 매핑, 발화는 합성 재작성(출판물 원문 금지). cbt 261쌍이 최대 소스 | 임상팀 라벨 검수 |
+| 다회기 스키마 격상 | `Annotation`에 session_no/segment 추가, nonverbal을 {type,raw,duration_s} 구조화(ch3 침묵 분포 정량 활용) | 골든셋 재현성 검토 |
+| 이론모드 확장 | `persona.py THEORY_MODE_GUIDANCE`에 gestalt/dbt 모드 신설 (현재 humanistic/cbt/integrative) | 소유자 결정 |
+| P1~P7 보강 | P1 침묵 연출·위험사정 골든, P2 신체화 언어, P3 triggers(한부모 낙인), P4 수치화 골든, P6 표면순응 단서, P7 비자발 오프닝, P4~P7 triggers 일괄 | 임상팀 콘텐츠 |
+| 사례개념화 루브릭 | ch2 워크시트(BPS 강점·취약, 보호/방해요인 매트릭스)를 `data/rubrics/` draft로 | 임상팀 승인 후 활성 |
+| evaluator 이론모드 가중 | 라벨 수 증가에 따른 fast-loop 정밀도 방어(dbt→전념/체인분석 우선 등) | 정확도 벤치 후 |
+| 부모-자녀 교차 훈련 세트 | P8(부모)↔P4~P7(자녀) 같은 사건 양측 상담 구성 | 연구팀 교육설계 |
+
+## 4. 저작권·PII 원칙 (재확인)
+
+- ch3(출판 도서)·dbt/cbt(교육 영상 번역물)는 **패턴 추출·합성 재작성만** 허용, 원문 대량 재현 금지.
+- 재사용 전 치환 실명 목록: 은진·이현정(ch2) / Ashley·Shelly·Shelley·Carmen Wiebe·Sharon(dbt) / Edward Crane·Sharon(cbt).
+  Marsha Linehan 등 이론 창시자 학술 인용은 유지 가능.
+- 업로드 파이프라인이 서버측 마스킹을 추가 적용하지만, 사전 치환을 표준 절차로 유지한다.
diff --git a/docs/taxonomy.md b/docs/taxonomy.md
index 81361cd..a41b31c 100644
--- a/docs/taxonomy.md
+++ b/docs/taxonomy.md
@@ -1,9 +1,11 @@
-# 발화 라벨 Taxonomy v1.0 — 0615 파란색 라벨 정의서
+# 발화 라벨 Taxonomy v1.1 — 0615 파란색 라벨 정의서
 
 > SoT(라벨 정의). 코드 구현: `apps/api/app/taxonomy.py`. 예시 데이터: `docs/golden_schema.jsonl`.
 > 근거: `데이터/README.md`(파랑 #3057B9 = 3종 혼재), `MASTERPLAN.md` §3.1~§3.2(89개·77종, 3축 분리),
 > `MEMORY_KNOWLEDGE_PERSONA_DESIGN.md` §3.6(kb.chunk.label_id FK).
-> **버전 = 1.0.0** (`TAXONOMY_VERSION`). 라벨 코드는 불변, 추가는 append-only.
+> **버전 = 1.1.0** (`TAXONOMY_VERSION`). 라벨 코드는 불변, 추가는 append-only.
+> v1.1.0(2026-07-15): 연구팀 태깅 축어록 4종(ch2_bps·ch3_gestalt·dbt_video·cbt_video) 정합을 위해
+> Technique 9종·ClientState 9종을 append-only 추가했다(§3.6, §4.1, §8 버전 이력).
 
 ## 0. 설계 원칙
 
@@ -85,6 +87,24 @@
 | `psychoeducation` | 심리교육 | 보편적 교범·정보를 주관적 해석과 구별해 전달 | "보편적 교범 전달, 주관적 해석과 구별" |
 | `homework` | 과제 부여 | 회기 간 실천 과제를 이해 가능하게 제시·확인 | "다음 회기까지 해 와야 하는 과제 설명" |
 
+### 3.6 v1.1.0 추가 기법 (연구팀 태깅 자료 정합)
+
+> 연구팀 태깅 축어록 4종에서 관찰됐으나 v1.0 enum에 없던 기법. **군집**은 기존 5개 위계에 편입한다.
+> 예시 발화는 모두 **합성**이며 원문 인용이 아니다. **출처**는 어느 태깅 파일 계열에서 유래했는지를 표기한다
+> (ch2_bps=첫 회기 BPS 워크북, ch3_gestalt=게슈탈트 3회기 도서, dbt_video=자해 DBT 영상, cbt_video=우울 CBT 영상).
+
+| code | 한글 | 군집 | 조작적 정의 | 예시 발화(합성, 상담자) | 출처 |
+|---|---|---|---|---|---|
+| `clarification` | 명료화 | EXPLORATORY | 내담자 말의 뜻이 모호할 때 이해를 정확히 맞추기 위해 되묻거나 확인한다. 반영과 달리 되돌려 주기보다 '무엇을 뜻하는지'를 좁혀 묻는 데 목적이 있다. | "방금 '견디기 힘들다'고 하셨는데, 그게 어떤 느낌에 더 가까운지 조금만 더 말해 줄 수 있을까요?" | cbt_video, ch3_gestalt |
+| `scaling` | 수치화 질문 | EXPLORATORY | 감정·증상의 강도를 숫자 척도로 표현하게 해 상태와 변화를 가늠한다. 막연한 정서를 비교 가능한 수치로 옮겨 개입 전후를 확인하는 CBT 기법이다. | "지금 그 불안이 0에서 10 중에 어느 정도인지 숫자로 말해 볼 수 있을까요?" | cbt_video |
+| `chain_analysis` | 체인분석 | EXPLORATORY | 문제행동에 이르기까지의 촉발사건·감정·생각·행동을 사슬로 잘게 되짚어 개입 지점을 찾는다. 행동을 평가하지 않고 순서를 구체적으로 복원하는 것이 핵심이다. | "그 충동이 올라오기 직전에 어떤 일이 있었고, 그때 무슨 감정이 먼저 지나갔는지 순서대로 같이 짚어 볼까요?" | dbt_video |
+| `cognitive_restructuring` | 인지재구성 | INTERVENTION | 이분법·파국화·독심술 같은 인지 왜곡을 확인하고, 연속선 사고·핵심신념 검토를 통해 사고를 재구성한다. cbt 파일 55건의 최대 공백이던 핵심 개입이다. | "'완벽하지 않으면 실패'라고 느껴진다고 하셨는데, 그 사이에 여러 단계가 있다면 오늘 일은 어디쯤 놓일까요?" | cbt_video |
+| `behavioral_alternative` | 대안행동 탐색 | INTERVENTION | 부적응 행동 대신 시도해 볼 대안행동을 함께 탐색하고 실행을 계획한다. 지적이 아니라 선택지를 넓히는 방향으로 진행한다. | "그 상황이 또 오면, 참는 것 말고 해 볼 수 있는 다른 행동으로 뭐가 있을지 같이 찾아볼까요?" | cbt_video |
+| `commitment_strategy` | 전념 전략 | INTERVENTION | 변화 목표에 스스로 전념하도록 이끌고(악마의 옹호자 등), 실행을 막을 방해물을 미리 예상해 대처를 정한다. | "이걸 해 보기로 마음먹었다면, 한 주 안에 그걸 가로막을 만한 게 뭘지 미리 같이 생각해 둘까요?" | dbt_video |
+| `here_and_now_focus` | 지금-여기 초점화 | INTERVENTION | 과거 사실 캐내기보다 지금-여기에서 일어나는 알아차림·정서·신체 감각에 초점을 맞춘다(게슈탈트 현전·트래킹). | "지금 그 말을 하면서 몸에서 뭐가 느껴지는지, 이 순간에 잠시 머물러 볼까요?" | ch3_gestalt |
+| `restatement` | 재진술 | RELATIONAL | 내담자 발화의 내용을 압축해 되돌려 주고 이해가 맞는지 확인을 기다린다. 정서 중심의 반영과 구분해 '내용 확인'으로 태깅한다. | "그러니까 학회 준비로 집을 자주 비우게 되면서, 혼자 감당한다는 느낌이 커졌다는 말씀이시죠?" | cbt_video |
+| `skills_coaching` | 기술 코칭 | STABILIZING | 위기·고통 순간에 지금 쓸 수 있는 대처 기술을 하나 골라 단계적으로 실행하도록 짧게 안내한다(고통감내·위기전화 코칭). | "지금 그 파도가 지나갈 때까지, 우선 찬물에 손을 담그는 것부터 같이 해 볼까요?" | dbt_video |
+
 ## 4. (B) 내담자 상태 태그 (ClientState) — 내담자 발화/비언어
 
 > 페르소나 저항 엔진의 상태전이 정답 + 평가 AI '반응 읽기' 채점 근거.
@@ -103,6 +123,23 @@
 | `expresses_plan` | 계획/욕구 표현 | 자기 계획·욕구·바람을 표현 | "자신의 계획을 표현함" |
 | `defense_loosening` | 방어 완화 | 누적된 반영/탐색으로 방어가 서서히 풀림(진전 신호) | "방어가 서서히 풀어지고 있음" |
 
+### 4.1 v1.1.0 추가 상태 (연구팀 태깅 자료 정합)
+
+> 예시 발화는 모두 **합성**이며 원문 인용이 아니다. 출처 표기는 §3.6과 동일하다
+> (ch2_bps / ch3_gestalt / dbt_video / cbt_video).
+
+| code | 한글 | 조작적 정의 | 예시 발화(합성, 내담자) | 출처 |
+|---|---|---|---|---|
+| `compliant_surface` | 표면 순응 | 겉으로는 상담자 말에 동의·수긍하지만 내면의 변화나 진짜 이해가 따르지 않는 상태. 빠른 동의를 진전으로 오해하지 않도록 구분한다. | "네, 맞아요. 선생님 말씀이 다 맞죠. 그렇게 해야죠." (별다른 정서 없이) | ch2_bps |
+| `externalizing` | 문제 외재화 | 문제의 원인·책임을 자신이 아닌 타인·상황에 돌려 자기 몫을 보지 않는 상태. | "저는 문제없어요. 애가 학교만 제대로 가면 다 괜찮아질 거예요." | ch2_bps, cbt_video |
+| `seeks_guidance` | 지시 요청 | 스스로 탐색하기보다 상담자의 판단·지시·정답을 직접 요구하는 상태. | "그래서 제가 어떻게 하면 되는 거예요? 그냥 답을 좀 알려 주세요." | cbt_video |
+| `apparent_competence` | 겉보기 유능함 | 회기 안에서는 유능하고 안정돼 보이지만 실제 위기 상황에서는 대처가 무너지는 괴리 상태. | "저 괜찮아요. 회사에서도 다들 일 잘한다고 하고, 잘 지내고 있어요." (위기 직후임에도) | dbt_video |
+| `active_passivity` | 적극적 수동성 | 스스로 문제를 해결하지 못하고 그 해결을 적극적으로 타인에게 넘기거나 무력하게 기다리는 상태. | "저는 못 해요. 선생님이 대신 좀 해 주시면 안 돼요? 저 혼자서는 아무것도 안 돼요." | dbt_video |
+| `self_harm_disclosure` | 자해 보고 | 자해 행동·충동을 보고하는 상태로, 자살사고 인정(`suicidal_ideation_admit`)과 구분해 사정한다. 방법·도구 묘사는 담지 않는다(★안전 핵심). | "요즘 너무 힘들면… 저도 모르게 제 몸을 상하게 하게 돼요." | dbt_video |
+| `somatic_complaint` | 신체증상 호소 | 감정을 직접 말하기 어려워 답답함·숨막힘·두근거림 같은 신체 감각으로 고통을 호소하는 상태. | "그냥 가슴이 답답하고 숨이 안 쉬어져요. 자다가도 심장이 두근거려서 깨요." | ch2_bps |
+| `affect_masking` | 감정 가림 | 무거운 내용을 웃음·무덤덤한 태도로 덮어 정서 표현을 가리는 상태. | "뭐 별거 아니에요. (웃으며) 그냥 늘 있는 일인데요, 괜찮아요." | ch3_gestalt |
+| `focus_drift_fusion` | 초점 이탈/융합 | 자기 이야기를 하다 자녀·타인 이야기로 초점이 흩어지며 자기와 타인의 경계가 흐려지는(융합) 상태. | "제 얘기요? 아… 그게, 우리 애가요, 걔가 요즘 학교를 안 가서…" | ch2_bps, ch3_gestalt |
+
 ## 5. (C) 슈퍼바이저 논평 (SupervisorComment)
 
 2종으로 분리한다. critique 는 `intent_deviation`(의도 vs 실제)을 구조화한다(윤찬: 1급 시민).
@@ -145,3 +182,10 @@
 | `SupervisorComment` | `supervisor_comment(turn_id, kind, text, intent_deviation JSONB)` | (1:N) | — |
 
 > 라벨 추가 시: enum 에 append → `technique_label_def` seed → `TAXONOMY_VERSION` minor++. 기존 code 변경 금지(골든셋 재현성).
+
+## 8. 버전 이력
+
+| 버전 | 날짜 | 변경 |
+|---|---|---|
+| 1.0.0 | 초기 | 0615 파란색 라벨 정규화 — Technique 21종·ClientState 11종·Stage 4·CommentKind 2. |
+| 1.1.0 | 2026-07-15 | 연구팀 태깅 축어록 4종(ch2_bps·ch3_gestalt·dbt_video·cbt_video) 정합. Technique 9종(`clarification`, `scaling`, `chain_analysis`, `cognitive_restructuring`, `behavioral_alternative`, `commitment_strategy`, `here_and_now_focus`, `restatement`, `skills_coaching`)·ClientState 9종(`compliant_surface`, `externalizing`, `seeks_guidance`, `apparent_competence`, `active_passivity`, `self_harm_disclosure`, `somatic_complaint`, `affect_masking`, `focus_drift_fusion`) append-only 추가(§3.6·§4.1). 기존 code 불변. |
diff --git a/infra/db/init/02_schema.sql b/infra/db/init/02_schema.sql
index af8fd6f..3cab96d 100644
--- a/infra/db/init/02_schema.sql
+++ b/infra/db/init/02_schema.sql
@@ -174,6 +174,7 @@ CREATE TABLE IF NOT EXISTS app.sessions (
   session_no  INT,                                      -- 케이스 내 N번째 회기
   theory_mode TEXT,                                     -- 'humanistic'|'cbt'|'integrative'
   stage_path  JSONB NOT NULL DEFAULT '[]',              -- 단계 전이 이력
+  session_goals JSONB NOT NULL DEFAULT '[]',            -- 이번 회기 목표 단계(학습자 선택, 최대 4)
   started_at  TIMESTAMPTZ NOT NULL DEFAULT now(),
   ended_at    TIMESTAMPTZ,
   FOREIGN KEY (persona_id, persona_version)
@@ -189,6 +190,9 @@ CREATE TABLE IF NOT EXISTS app.session_review_status (
   status       TEXT NOT NULL DEFAULT 'pending'
                  CHECK (status IN ('pending','viewed','closed')),
   note         TEXT NOT NULL DEFAULT '',
+  worksheet_status TEXT NOT NULL DEFAULT 'pending',
+  worksheet_note TEXT NOT NULL DEFAULT '',
+  worksheet_reviewed_at TIMESTAMPTZ,
   reviewed_at  TIMESTAMPTZ,
   updated_at   TIMESTAMPTZ NOT NULL DEFAULT now()
 );
diff --git a/infra/db/init/04_audit_eval_rls.sql b/infra/db/init/04_audit_eval_rls.sql
index 41a2747..4e6ef3f 100644
--- a/infra/db/init/04_audit_eval_rls.sql
+++ b/infra/db/init/04_audit_eval_rls.sql
@@ -321,6 +321,29 @@ CREATE POLICY p_alternative_utterance_delete ON app.alternative_utterance FOR DE
   OR app.current_role_name() IN ('admin','instructor')
 );
 
+-- ── safety_events: AI/교수자/관리자와 본인 회기의 학습자만 접근 ──
+ALTER TABLE app.safety_events ENABLE ROW LEVEL SECURITY;
+DROP POLICY IF EXISTS p_safety_events_select ON app.safety_events;
+DROP POLICY IF EXISTS p_safety_events_insert ON app.safety_events;
+CREATE POLICY p_safety_events_select ON app.safety_events FOR SELECT USING (
+  app.is_ai_context()
+  OR app.current_role_name() IN ('admin','instructor')
+  OR EXISTS (
+    SELECT 1 FROM app.sessions s
+    WHERE s.id = app.safety_events.session_id
+      AND s.learner_id = app.current_uid()
+  )
+);
+CREATE POLICY p_safety_events_insert ON app.safety_events FOR INSERT WITH CHECK (
+  app.is_ai_context()
+  OR app.current_role_name() IN ('admin','instructor')
+  OR EXISTS (
+    SELECT 1 FROM app.sessions s
+    WHERE s.id = app.safety_events.session_id
+      AND s.learner_id = app.current_uid()
+  )
+);
+
 -- ── case_profile / pinned_fact: 학습자=본인 케이스만(cross-trainee 누수 차단 T4) ──
 ALTER TABLE app.case_profile ENABLE ROW LEVEL SECURITY;
 DROP POLICY IF EXISTS p_case_select ON app.case_profile;
diff --git a/infra/db/init/05_runtime_auth.sql b/infra/db/init/05_runtime_auth.sql
index 0c1e6c1..d4958fc 100644
--- a/infra/db/init/05_runtime_auth.sql
+++ b/infra/db/init/05_runtime_auth.sql
@@ -161,6 +161,13 @@ CREATE INDEX IF NOT EXISTS idx_support_ticket_parent
   ON app.support_ticket(parent_ticket_id)
   WHERE parent_ticket_id IS NOT NULL;
 
+ALTER TABLE app.session_review_status
+  ADD COLUMN IF NOT EXISTS worksheet_status TEXT NOT NULL DEFAULT 'pending';
+ALTER TABLE app.session_review_status
+  ADD COLUMN IF NOT EXISTS worksheet_note TEXT NOT NULL DEFAULT '';
+ALTER TABLE app.session_review_status
+  ADD COLUMN IF NOT EXISTS worksheet_reviewed_at TIMESTAMPTZ;
+
 CREATE TABLE IF NOT EXISTS app.notification_event (
   id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
   kind TEXT NOT NULL CHECK (
diff --git a/infra/db/init/06_session_evaluation.sql b/infra/db/init/06_session_evaluation.sql
index 73f5af7..e7767a3 100644
--- a/infra/db/init/06_session_evaluation.sql
+++ b/infra/db/init/06_session_evaluation.sql
@@ -135,13 +135,46 @@ CREATE TABLE IF NOT EXISTS app.live_coach_events (
   session_id UUID NOT NULL REFERENCES app.sessions(id) ON DELETE CASCADE,
   turn_seq INT NOT NULL CHECK (turn_seq >= 1),
   stage TEXT NOT NULL,
+  event_type TEXT NOT NULL DEFAULT 'use'
+    CHECK (event_type IN ('use', 'recharge')),
+  credit_delta INT NOT NULL DEFAULT -1,
+  credit_balance INT,
+  reason TEXT,
   learner_text_excerpt TEXT,
   client_reply_excerpt TEXT,
   payload JSONB NOT NULL DEFAULT '{}'::jsonb,
   created_at TIMESTAMPTZ NOT NULL DEFAULT now()
 );
+ALTER TABLE app.live_coach_events
+  ADD COLUMN IF NOT EXISTS event_type TEXT NOT NULL DEFAULT 'use';
+ALTER TABLE app.live_coach_events
+  ADD COLUMN IF NOT EXISTS credit_delta INT NOT NULL DEFAULT -1;
+ALTER TABLE app.live_coach_events
+  ADD COLUMN IF NOT EXISTS credit_balance INT;
+ALTER TABLE app.live_coach_events
+  ADD COLUMN IF NOT EXISTS reason TEXT;
+UPDATE app.live_coach_events
+   SET event_type = 'use'
+ WHERE event_type IS NULL OR event_type NOT IN ('use', 'recharge');
+UPDATE app.live_coach_events
+   SET credit_delta = CASE WHEN event_type = 'recharge' THEN 1 ELSE -1 END
+ WHERE credit_delta IS NULL;
+DO $$
+BEGIN
+  IF NOT EXISTS (
+    SELECT 1
+    FROM pg_constraint
+    WHERE conname = 'live_coach_events_event_type_check'
+  ) THEN
+    ALTER TABLE app.live_coach_events
+      ADD CONSTRAINT live_coach_events_event_type_check
+      CHECK (event_type IN ('use', 'recharge'));
+  END IF;
+END $$;
 CREATE INDEX IF NOT EXISTS idx_live_coach_events_session_turn
   ON app.live_coach_events(session_id, turn_seq, created_at);
+CREATE INDEX IF NOT EXISTS idx_live_coach_events_session_type
+  ON app.live_coach_events(session_id, event_type, created_at);
 
 ALTER TABLE app.live_coach_events ENABLE ROW LEVEL SECURITY;
 
diff --git a/scripts/export-recursive-dataset.py b/scripts/export-recursive-dataset.py
index 77d3eee..2acb24f 100644
--- a/scripts/export-recursive-dataset.py
+++ b/scripts/export-recursive-dataset.py
@@ -18,6 +18,7 @@ import asyncpg  # noqa: E402
 from app.services.dataset_export import (  # noqa: E402
     APPROVED_EXPORT_STATUS,
     DRY_RUN_EXPORT_STATUS,
+    DatasetManifestInput,
     ExportKeyMaps,
     build_dataset_record,
     build_manifest,
@@ -130,7 +131,9 @@ def row_to_dict(row: asyncpg.Record) -> dict[str, Any]:
     return {key: row[key] for key in row.keys()}
 
 
-async def fetch_rows(conn: asyncpg.Connection, args: argparse.Namespace) -> list[dict[str, Any]]:
+async def fetch_rows(
+    conn: asyncpg.Connection, args: argparse.Namespace
+) -> list[dict[str, Any]]:
     rows = await conn.fetch(
         TURN_QUERY,
         parse_time(args.started_at),
@@ -165,13 +168,19 @@ async def write_dataset_rows(
     return int(dataset_id)
 
 
-async def fetch_agreement(conn: asyncpg.Connection, dataset_id: int | None, args: argparse.Namespace) -> dict[str, Any]:
+async def fetch_agreement(
+    conn: asyncpg.Connection, dataset_id: int | None, args: argparse.Namespace
+) -> dict[str, Any]:
     if dataset_id is None:
         return {"kappa": None, "icc": None, "gold_status": "not_gold"}
     rows = [row_to_dict(row) for row in await conn.fetch(ANNOTATION_QUERY, dataset_id)]
     kappa = cohen_kappa(rows, args.kappa_label)
     icc = intraclass_correlation(rows, args.icc_label)
-    gold_status = "gold_candidate" if kappa is not None and kappa >= 0.70 and icc is not None and icc >= 0.75 else "not_gold"
+    gold_status = (
+        "gold_candidate"
+        if kappa is not None and kappa >= 0.70 and icc is not None and icc >= 0.75
+        else "not_gold"
+    )
     return {"kappa": kappa, "icc": icc, "gold_status": gold_status}
 
 
@@ -196,7 +205,9 @@ async def insert_manifest_row(
 
 async def run(args: argparse.Namespace) -> int:
     if args.export_status == APPROVED_EXPORT_STATUS and not args.allow_approved:
-        raise SystemExit("--export-status approved_for_recursive_learning_seed requires --allow-approved")
+        raise SystemExit(
+            "--export-status approved_for_recursive_learning_seed requires --allow-approved"
+        )
     if args.write_manifest_row and not args.write_dataset:
         raise SystemExit("--write-manifest-row requires --write-dataset")
 
@@ -248,24 +259,27 @@ async def run(args: argparse.Namespace) -> int:
         approvals = {
             "data_steward": args.data_steward,
             "legal_or_privacy_reviewer": args.legal_or_privacy_reviewer,
-            "technical_operator": args.technical_operator or os.environ.get("USERNAME", ""),
+            "technical_operator": args.technical_operator
+            or os.environ.get("USERNAME", ""),
             "approved_at": args.approved_at,
         }
         manifest = build_manifest(
-            export_id=args.export_id,
-            dataset_name=args.dataset_name,
-            export_status=args.export_status,
-            purpose=args.purpose,
-            records=records,
-            jsonl_path=str(jsonl_path.relative_to(output_root)).replace("\\", "/"),
-            jsonl_sha256=digest,
-            pii_findings=pii_findings,
-            participants_included=len(keys.participant),
-            cohort_id=args.cohort_id,
-            consent_version=args.consent_version,
-            agreement=agreement,
-            approvals=approvals,
-            known_limitations=args.known_limitation,
+            DatasetManifestInput(
+                export_id=args.export_id,
+                dataset_name=args.dataset_name,
+                export_status=args.export_status,
+                purpose=args.purpose,
+                records=records,
+                jsonl_path=str(jsonl_path.relative_to(output_root)).replace("\\", "/"),
+                jsonl_sha256=digest,
+                pii_findings=pii_findings,
+                participants_included=len(keys.participant),
+                cohort_id=args.cohort_id,
+                consent_version=args.consent_version,
+                agreement=agreement,
+                approvals=approvals,
+                known_limitations=args.known_limitation,
+            )
         )
         validate_manifest_gate(manifest)
         manifest_path.write_text(
@@ -283,18 +297,44 @@ async def run(args: argparse.Namespace) -> int:
     finally:
         await conn.close()
 
-    print(json.dumps({"manifest": str(manifest_path), "jsonl": str(jsonl_path), "rows": len(records)}, ensure_ascii=False))
+    print(
+        json.dumps(
+            {
+                "manifest": str(manifest_path),
+                "jsonl": str(jsonl_path),
+                "rows": len(records),
+            },
+            ensure_ascii=False,
+        )
+    )
     return 0
 
 
 def build_parser() -> argparse.ArgumentParser:
-    parser = argparse.ArgumentParser(description="Export a Phase 3 recursive-learning JSONL dry-run dataset.")
-    parser.add_argument("--database-url", default=os.environ.get("DATABASE_URL"), required=os.environ.get("DATABASE_URL") is None)
-    parser.add_argument("--output-root", default=str(REPO_ROOT / "data" / "phase3-dry-run"))
+    parser = argparse.ArgumentParser(
+        description="Export a Phase 3 recursive-learning JSONL dry-run dataset."
+    )
+    parser.add_argument(
+        "--database-url",
+        default=os.environ.get("DATABASE_URL"),
+        required=os.environ.get("DATABASE_URL") is None,
+    )
+    parser.add_argument(
+        "--output-root", default=str(REPO_ROOT / "data" / "phase3-dry-run")
+    )
     parser.add_argument("--export-id", default=make_export_id())
-    parser.add_argument("--dataset-name", default="vignette_phase3_recursive_learning_seed")
-    parser.add_argument("--purpose", default="recursive-learning seed dataset for education simulator improvement")
-    parser.add_argument("--export-status", choices=[DRY_RUN_EXPORT_STATUS, "blocked", APPROVED_EXPORT_STATUS], default=DRY_RUN_EXPORT_STATUS)
+    parser.add_argument(
+        "--dataset-name", default="vignette_phase3_recursive_learning_seed"
+    )
+    parser.add_argument(
+        "--purpose",
+        default="recursive-learning seed dataset for education simulator improvement",
+    )
+    parser.add_argument(
+        "--export-status",
+        choices=[DRY_RUN_EXPORT_STATUS, "blocked", APPROVED_EXPORT_STATUS],
+        default=DRY_RUN_EXPORT_STATUS,
+    )
     parser.add_argument("--allow-approved", action="store_true")
     parser.add_argument("--started-at")
     parser.add_argument("--ended-at")
diff --git a/scripts/load-test-sessions.py b/scripts/load-test-sessions.py
new file mode 100644
index 0000000..529daa8
--- /dev/null
+++ b/scripts/load-test-sessions.py
@@ -0,0 +1,175 @@
+"""P3 파일럿 대비 동시 세션 부하 테스트 (2026-07-13 한신대 회의).
+
+20명 동시 사용 시나리오: 학습자 N명이 동시에 dev-login → 온보딩 → 세션 생성.
+세션 동시 생성 시 RAG warm 동시성 이슈 이력이 있어(회의 P3), 생성 경로의
+동시 지연/오류를 실측한다. 기본은 세션 생성까지만이고, --with-turn 을 주면
+학습자당 텍스트 턴 1회(/turn 동기 경로)까지 실행한다(엔진 부하 주의).
+
+사용 (dev 스택 기동 후, 저장소 루트):
+  py -3.11 scripts/load-test-sessions.py --base-url http://127.0.0.1:8000 --users 20
+  py -3.11 scripts/load-test-sessions.py --users 20 --with-turn --json
+
+주의:
+- dev 전용(dev-login 필요). prod(8001)에는 절대 돌리지 않는다.
+- --with-turn 은 실제 LLM 생성을 유발한다(claude_cli 상주 풀 부하·비용).
+"""
+
+from __future__ import annotations
+
+import argparse
+import asyncio
+import json
+import statistics
+import sys
+import time
+
+import httpx
+
+ONBOARDING_BODY = {
+    "legal_name": "부하 테스트",
+    "affiliation": "한신대학교",
+    "department": "심리학과",
+    "grade_level": "석사 1년",
+    "phone": "010-0000-0000",
+    "contact_address": "부하 테스트 주소",
+    "nickname": "loadtester",
+    "self_introduction": "P3 동시 세션 부하 테스트 계정입니다.",
+    "terms_accepted": True,
+    "privacy_accepted": True,
+}
+
+
+async def _one_learner(
+    base_url: str,
+    index: int,
+    *,
+    persona_code: str,
+    with_turn: bool,
+) -> dict:
+    result: dict = {"index": index, "ok": False}
+    async with httpx.AsyncClient(base_url=base_url, timeout=120.0) as client:
+        try:
+            t0 = time.perf_counter()
+            r = await client.post(
+                "/auth/dev-login",
+                json={
+                    "email": f"loadtest-{index:02d}@hs.ac.kr",
+                    "role": "learner",
+                    "display_name": f"부하테스트{index:02d}",
+                },
+            )
+            r.raise_for_status()
+            result["login_ms"] = round((time.perf_counter() - t0) * 1000)
+
+            me = (await client.get("/auth/me")).json()
+            if not me.get("onboarding_completed_at"):
+                r = await client.post("/users/me/onboarding", json=ONBOARDING_BODY)
+                r.raise_for_status()
+            if not me.get("consent_at"):
+                r = await client.post("/auth/consent", json={"accepted": True})
+                if r.status_code >= 400 and r.status_code != 404:
+                    r.raise_for_status()
+
+            t1 = time.perf_counter()
+            r = await client.post(
+                "/sessions",
+                json={
+                    "persona_code": persona_code,
+                    "theory_mode": "humanistic",
+                    "goal_stages": ["라포", "탐색"],
+                },
+            )
+            r.raise_for_status()
+            payload = r.json()
+            result["create_ms"] = round((time.perf_counter() - t1) * 1000)
+            result["session_id"] = payload["session_id"]
+            result["degraded"] = bool(payload.get("degraded"))
+
+            if with_turn:
+                t2 = time.perf_counter()
+                r = await client.post(
+                    f"/sessions/{payload['session_id']}/turn",
+                    json={"text": "안녕하세요, 오늘 이렇게 시간 내줘서 고마워요. 요즘 어떻게 지냈어요?"},
+                )
+                r.raise_for_status()
+                result["turn_ms"] = round((time.perf_counter() - t2) * 1000)
+
+            result["ok"] = True
+        except httpx.HTTPStatusError as exc:
+            result["error"] = f"{exc.response.status_code} {exc.response.text[:180]}"
+        except Exception as exc:  # noqa: BLE001 — 부하 리포트용 수집
+            result["error"] = f"{type(exc).__name__}: {exc}"
+    return result
+
+
+def _percentiles(values: list[int]) -> dict:
+    if not values:
+        return {}
+    ordered = sorted(values)
+    return {
+        "min": ordered[0],
+        "p50": ordered[len(ordered) // 2],
+        "p95": ordered[min(len(ordered) - 1, int(len(ordered) * 0.95))],
+        "max": ordered[-1],
+        "avg": round(statistics.mean(ordered)),
+    }
+
+
+async def main() -> int:
+    parser = argparse.ArgumentParser(description="P3 동시 세션 부하 테스트 (dev 전용)")
+    parser.add_argument("--base-url", default="http://127.0.0.1:8000")
+    parser.add_argument("--users", type=int, default=20)
+    parser.add_argument("--persona", default="P4")
+    parser.add_argument("--with-turn", action="store_true")
+    parser.add_argument("--json", action="store_true", dest="as_json")
+    args = parser.parse_args()
+
+    if "8001" in args.base_url or "chanpaca" in args.base_url:
+        print("거부: prod 대상 부하 테스트는 금지되어 있습니다.", file=sys.stderr)
+        return 2
+
+    started = time.perf_counter()
+    results = await asyncio.gather(
+        *(
+            _one_learner(
+                args.base_url,
+                index,
+                persona_code=args.persona,
+                with_turn=args.with_turn,
+            )
+            for index in range(1, args.users + 1)
+        )
+    )
+    wall_seconds = round(time.perf_counter() - started, 2)
+
+    ok = [r for r in results if r.get("ok")]
+    failed = [r for r in results if not r.get("ok")]
+    report = {
+        "target": args.base_url,
+        "users": args.users,
+        "with_turn": args.with_turn,
+        "wall_seconds": wall_seconds,
+        "ok": len(ok),
+        "failed": len(failed),
+        "degraded_sessions": sum(1 for r in ok if r.get("degraded")),
+        "create_ms": _percentiles([r["create_ms"] for r in ok if "create_ms" in r]),
+        "turn_ms": _percentiles([r["turn_ms"] for r in ok if "turn_ms" in r]),
+        "errors": [
+            {"index": r["index"], "error": r.get("error", "")} for r in failed
+        ][:10],
+    }
+    if args.as_json:
+        print(json.dumps(report, ensure_ascii=False, indent=2))
+    else:
+        print(f"대상 {report['target']} · {report['users']}명 동시 · 총 {wall_seconds}s")
+        print(f"성공 {report['ok']} / 실패 {report['failed']} / degraded {report['degraded_sessions']}")
+        print(f"세션 생성(ms): {report['create_ms']}")
+        if report["turn_ms"]:
+            print(f"턴 왕복(ms): {report['turn_ms']}")
+        for err in report["errors"]:
+            print(f"  - #{err['index']}: {err['error']}")
+    return 0 if not failed else 1
+
+
+if __name__ == "__main__":
+    raise SystemExit(asyncio.run(main()))
diff --git a/scripts/start-public-runtime.ps1 b/scripts/start-public-runtime.ps1
index e0ecedf..0a059ae 100644
--- a/scripts/start-public-runtime.ps1
+++ b/scripts/start-public-runtime.ps1
@@ -15,6 +15,13 @@
 
 $ErrorActionPreference = "Stop"
 
+# 엔진 readiness 캐시 TTL. 기본 30초는 워치독 주기(5분)보다 짧아 매 헬스체크마다
+# 실제 claude -p 생성을 새로 돌리게 만든다(재시작 폭풍의 근본 원인). 크게 늘려
+# /ready 가 거의 항상 캐시를 반환하게 한다 → 헬스체크가 LLM 호출에 묶이지 않는다.
+if (-not $env:ENGINE_READY_TTL_SECONDS) {
+  $env:ENGINE_READY_TTL_SECONDS = "1800"
+}
+
 $ApiDir = Join-Path $Workspace "apps\api"
 $WebDir = Join-Path $Workspace "apps\web"
 $OutLog = Join-Path $ApiDir "api.public.out.log"
diff --git a/scripts/watch-public-runtime.ps1 b/scripts/watch-public-runtime.ps1
index bf23177..6621b71 100644
--- a/scripts/watch-public-runtime.ps1
+++ b/scripts/watch-public-runtime.ps1
@@ -9,6 +9,7 @@
   [string]$PublicHealthUrl = "https://api-vignette.chanpaca.net/health",
   [string[]]$AdditionalPublicHealthUrls = @(),
   [string]$LogPath = "",
+  [int]$FailuresBeforeRestart = 3,
   [switch]$CheckOnly,
   [switch]$SkipPublicHealth,
   [switch]$SkipCloudflaredRestart
@@ -20,6 +21,23 @@ if (!$LogPath) {
   $LogPath = Join-Path $Workspace "public-runtime-watchdog.log"
 }
 
+# 연속 실패 카운터(재시작 debounce용). 워치독은 매 실행마다 새 프로세스라 파일로 유지한다.
+$FailCountPath = Join-Path $Workspace "public-runtime-watchdog.failcount"
+
+function Get-FailCount {
+  if (Test-Path $FailCountPath) {
+    $raw = (Get-Content -Raw -Path $FailCountPath -ErrorAction SilentlyContinue)
+    $n = 0
+    if ([int]::TryParse(($raw -replace '\s', ''), [ref]$n)) { return $n }
+  }
+  return 0
+}
+
+function Set-FailCount {
+  param([int]$Value)
+  Set-Content -Path $FailCountPath -Value $Value -Encoding ascii
+}
+
 function Write-WatchdogLog {
   param([string]$Message)
 
@@ -33,7 +51,7 @@ function Test-JsonHealth {
     [string]$Name,
     [string]$Uri,
     [scriptblock]$IsHealthy,
-    [int]$TimeoutSec = 10
+    [int]$TimeoutSec = 30
   )
 
   try {
@@ -105,27 +123,38 @@ if (!$SkipPublicHealth) {
     -Name "public-api" `
     -Uri $PublicHealthUrl `
     -IsHealthy { param($health) $health.environment -eq "prod" -and $health.db -and $health.engine } `
-    -TimeoutSec 20
+    -TimeoutSec 30
   foreach ($url in $AdditionalPublicHealthUrls) {
     $checks += Test-JsonHealth `
       -Name "public-api:$url" `
       -Uri $url `
       -IsHealthy { param($health) $health.environment -eq "prod" -and $health.db -and $health.engine } `
-      -TimeoutSec 20
+      -TimeoutSec 30
   }
 }
 
 $failed = @($checks | Where-Object { -not $_.Ok })
 if ($failed.Count -eq 0) {
+  Set-FailCount 0
   Write-WatchdogLog "healthy: $($checks.Name -join ', ')"
   exit 0
 }
 
-Write-WatchdogLog "unhealthy: $((($failed | ForEach-Object { "$($_.Name)=$($_.Detail)" }) -join '; '))"
+$failCount = (Get-FailCount) + 1
+Set-FailCount $failCount
+Write-WatchdogLog "unhealthy ($failCount/$FailuresBeforeRestart): $((($failed | ForEach-Object { "$($_.Name)=$($_.Detail)" }) -join '; '))"
 if ($CheckOnly) {
   exit 1
 }
 
+# 연속 실패 debounce: claude -p readiness probe 는 콜드 스폰 시 10~20초가 정상이라
+# 단발 timeout 을 장애로 오판해 전체 재시작하던 것이 재시작 폭풍의 원인이었다.
+# 연속 $FailuresBeforeRestart 회 실패해야 실제 재시작한다.
+if ($failCount -lt $FailuresBeforeRestart) {
+  Write-WatchdogLog "defer restart: $FailuresBeforeRestart 연속 실패 전까지 대기 (현재 $failCount)"
+  exit 1
+}
+
 $startArgs = @{
   Workspace = $Workspace
   ApiPort = $ApiPort
@@ -171,7 +200,7 @@ if (!$SkipPublicHealth) {
     -Name "public-api" `
     -Uri $PublicHealthUrl `
     -IsHealthy { param($health) $health.environment -eq "prod" -and $health.db -and $health.engine } `
-    -TimeoutSec 20
+    -TimeoutSec 30
   if (!$publicAfter.Ok) {
     throw "Public API tunnel still unhealthy after restart: $($publicAfter.Detail)"
   }
@@ -180,11 +209,12 @@ if (!$SkipPublicHealth) {
       -Name "public-api:$url" `
       -Uri $url `
       -IsHealthy { param($health) $health.environment -eq "prod" -and $health.db -and $health.engine } `
-      -TimeoutSec 20
+      -TimeoutSec 30
     if (!$publicExtraAfter.Ok) {
       throw "Public API tunnel still unhealthy after restart: $($publicExtraAfter.Detail)"
     }
   }
 }
 
+Set-FailCount 0
 Write-WatchdogLog "restart verified"