학생 회기 모바일 사용성 보정

apps/web/src/pages/LearnerHome.tsx

@@ -22,6 +22,7 @@ import {
   type PersonaSummary,
   type SessionDetailResponse,
 } from "../lib/api";
+import { displayPiiSafeText } from "../lib/piiDisplay";
 import {
   DIFFICULTY_LABEL,
   isUsablePersona,
@@ -683,8 +684,14 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
     spotlightPersona,
   );
   const spotlightAffectLabel = expressionLabelFor(spotlightAffect);
-  const lastClientLine = lastTurnText(effectiveRecapDetail, "client");
-  const lastLearnerLine = lastTurnText(effectiveRecapDetail, "learner");
+  const rawLastClientLine = lastTurnText(effectiveRecapDetail, "client");
+  const rawLastLearnerLine = lastTurnText(effectiveRecapDetail, "learner");
+  const lastClientLine = rawLastClientLine
+    ? displayPiiSafeText(rawLastClientLine)
+    : null;
+  const lastLearnerLine = rawLastLearnerLine
+    ? displayPiiSafeText(rawLastLearnerLine)
+    : null;
   const reviewQueue = sortedSessions
     .filter((session) => session.review_ready)
     .slice(0, 3);
@@ -1358,6 +1365,19 @@ export default function LearnerHome({ view = "dashboard" }: LearnerHomeProps) {
                           ? "새 회기를 시작하기 전에 이미 끝난 대화의 반응과 대안 발화를 확인하세요."
                           : "다음 회기에서는 감정 반영 뒤 무엇을 더 물을지 한 문장으로 정하고 들어갑니다."}
                       </p>
+                      <button
+                        type="button"
+                        onClick={() =>
+                          navigate(
+                            reviewCount > 0
+                              ? "/learn/history"
+                              : "/learn/practice",
+                          )
+                        }
+                      >
+                        {reviewCount > 0 ? "리뷰 확인하기" : "연습 시작하기"}
+                        <Icon name="chevron-right" size={15} />
+                      </button>
                     </div>
                   </article>