문제 풀이 화면의 입력 항 진행 상태 표시 방법 개선

app/(game)/number-parentheses/play/NumberPlayClient.tsx

@@ -5,11 +5,11 @@ import { useCallback, useEffect, useRef, useState } from "react";
 import type { FormEvent } from "react";
 import { flushSync } from "react-dom";
 
-import AnswerForm from "@/components/game/AnswerForm";
+import NumberAnswerForm from "@/components/game/NumberAnswerForm";
 import type {
   ActiveAnswerInput,
-  AnswerFormHandle,
-} from "@/components/game/AnswerForm";
+  NumberAnswerFormHandle,
+} from "@/components/game/NumberAnswerForm";
 import FeedbackPanel from "@/components/game/FeedbackPanel";
 import ScoreSummary from "@/components/game/ScoreSummary";
 import StageIndicator from "@/components/game/StageIndicator";
@@ -46,7 +46,7 @@ export default function NumberPlayClient({
   const resetSession = useGameStore((state) => state.resetSession);
 
   const problemCardRef = useRef<HTMLDivElement>(null);
-  const answerFormRef = useRef<AnswerFormHandle>(null);
+  const answerFormRef = useRef<NumberAnswerFormHandle>(null);
 
   const [answerA, setAnswerA] = useState("");
   const [answerB, setAnswerB] = useState("");
@@ -184,6 +184,10 @@ export default function NumberPlayClient({
 
   const submitted = currentResult !== null;
   const isLastProblem = session.currentIndex === session.problems.length - 1;
+  const pendingAnswerLabels: [string, string] = [
+    String(currentProblem.a),
+    String(currentProblem.operator === "-" ? -currentProblem.b : currentProblem.b),
+  ];
 
   return (
     <main className="min-h-screen bg-slate-50 px-6 py-10 text-slate-950">
@@ -225,12 +229,13 @@ export default function NumberPlayClient({
         </div>
 
         {!submitted ? (
-          <AnswerForm
+          <NumberAnswerForm
             ref={answerFormRef}
             answerA={answerA}
             answerB={answerB}
             activeInput={activeInput}
             error={inputError}
+            pendingAnswerLabels={pendingAnswerLabels}
             onActiveInputChange={setActiveInput}
             onAnswerAChange={setAnswerA}
             onAnswerBChange={setAnswerB}