fix: 프로토타입 i18n 완전 일치 + 투어/가이드 9스텝 재설계

- KNOWN_SELECTORS 15개 메소드명 한/영 번역 적용
- 수수료 모달 텍스트 한/영 번역 (Low→느림, Average→보통, High→빠름)
- 투어 9스텝 재설계: A1-A4 (업/다운) + B1-B5 (배치 서명)
- 가이드 오버레이 동일 9스텝 반영
- 다운그레이드 확인 스텝 신규 추가
- 수수료 모달 스텝 신규 추가

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: jungcome7

apps/web/src/smart-account-prototype/components/mock-calls-list.tsx

@@ -9,24 +9,51 @@ import styled from "styled-components";
 import { DSColor, DSTypography } from "@keplr-wallet/design-system";
 
 const KNOWN_SELECTORS: Record<string, string> = {
-  "0xa9059cbb": "Transfer",
-  "0x095ea7b3": "Approve",
-  "0x23b872dd": "Transfer From",
-  "0x42842e0e": "Safe Transfer From",
-  "0x38ed1739": "Swap Tokens",
-  "0x7ff36ab5": "Swap ETH for Tokens",
-  "0x18cbafe5": "Swap Tokens for ETH",
-  "0x5c11d795": "Swap Exact Tokens",
-  "0xfb3bdb41": "Swap ETH for Exact Tokens",
-  "0x3593564c": "Execute (Universal Router)",
-  "0x04e45aaf": "Exact Input Single",
-  "0xb858183f": "Exact Input",
-  "0x414bf389": "Exact Input Single (V3)",
-  "0xd0e30db0": "Deposit (Wrap)",
-  "0x2e1a7d4d": "Withdraw (Unwrap)",
+  "0xa9059cbb": "transfer",
+  "0x095ea7b3": "approve",
+  "0x23b872dd": "transfer-from",
+  "0x42842e0e": "safe-transfer-from",
+  "0x38ed1739": "swap-tokens",
+  "0x7ff36ab5": "swap-eth-for-tokens",
+  "0x18cbafe5": "swap-tokens-for-eth",
+  "0x5c11d795": "swap-exact-tokens",
+  "0xfb3bdb41": "swap-eth-for-exact-tokens",
+  "0x3593564c": "execute-universal-router",
+  "0x04e45aaf": "exact-input-single",
+  "0xb858183f": "exact-input",
+  "0x414bf389": "exact-input-single-v3",
+  "0xd0e30db0": "deposit-wrap",
+  "0x2e1a7d4d": "withdraw-unwrap",
 };
 
-function decodeMethodName(data: string | undefined): string | null {
+const METHOD_NAMES: Record<string, { ko: string; en: string }> = {
+  transfer: { ko: "전송", en: "Transfer" },
+  approve: { ko: "승인", en: "Approve" },
+  "transfer-from": { ko: "전송 (대리)", en: "Transfer From" },
+  "safe-transfer-from": { ko: "안전 전송 (대리)", en: "Safe Transfer From" },
+  "swap-tokens": { ko: "토큰 스왑", en: "Swap Tokens" },
+  "swap-eth-for-tokens": { ko: "ETH → 토큰 스왑", en: "Swap ETH for Tokens" },
+  "swap-tokens-for-eth": { ko: "토큰 → ETH 스왑", en: "Swap Tokens for ETH" },
+  "swap-exact-tokens": { ko: "정확한 토큰 스왑", en: "Swap Exact Tokens" },
+  "swap-eth-for-exact-tokens": {
+    ko: "ETH → 정확한 토큰 스왑",
+    en: "Swap ETH for Exact Tokens",
+  },
+  "execute-universal-router": {
+    ko: "실행 (유니버설 라우터)",
+    en: "Execute (Universal Router)",
+  },
+  "exact-input-single": { ko: "단일 정확 입력", en: "Exact Input Single" },
+  "exact-input": { ko: "정확 입력", en: "Exact Input" },
+  "exact-input-single-v3": {
+    ko: "단일 정확 입력 (V3)",
+    en: "Exact Input Single (V3)",
+  },
+  "deposit-wrap": { ko: "예치 (래핑)", en: "Deposit (Wrap)" },
+  "withdraw-unwrap": { ko: "인출 (언래핑)", en: "Withdraw (Unwrap)" },
+};
+
+function decodeMethodKey(data: string | undefined): string | null {
   if (!data || data === "0x" || data.length < 10) return null;
   const selector = data.slice(0, 10).toLowerCase();
   return KNOWN_SELECTORS[selector] ?? null;
@@ -63,7 +90,10 @@ const CallCard: FunctionComponent<{
     }
   })();
 
-  const methodName = decodeMethodName(call.data);
+  const methodKey = decodeMethodKey(call.data);
+  const methodName = methodKey
+    ? t(METHOD_NAMES[methodKey].ko, METHOD_NAMES[methodKey].en)
+    : null;
   const dataPreview =
     call.data && call.data !== "0x" ? call.data.slice(0, 10) : null;
 

apps/web/src/smart-account-prototype/components/mock-transaction-fee-modal.tsx

@@ -104,7 +104,11 @@ export const MockTransactionFeeModal: FunctionComponent<{
               $mode={mode}
               onClick={() => setSelectedFee(option)}
             >
-              {option}
+              {option === "Low"
+                ? t("느림", "Low")
+                : option === "Average"
+                ? t("보통", "Average")
+                : t("빠름", "High")}
             </FeeOptionButton>
           ))}
         </XAxis>