최근 변경 앱 상세 다국어 정리

devfront/src/features/overview/recentClientChanges.ts

@@ -5,6 +5,7 @@ import {
   type AuditDetails,
   type CommonAuditLog,
 } from "../../../../common/core/audit";
+import { t } from "../../lib/i18n";
 import type { ClientSummary, DevAuditLog } from "../../lib/devApi";
 
 export type RecentClientChange = {
@@ -28,27 +29,6 @@ const recentClientActions = new Set([
   "DELETE_CLIENT",
 ]);
 
-const recentClientFieldLabels: Record<string, string> = {
-  name: "이름",
-  type: "유형",
-  status: "상태",
-  scopes: "스코프",
-  tenant_access_restricted: "테넌트 접근 제한",
-  allowed_tenants: "허용 테넌트",
-  id_token_claims: "커스텀 클레임",
-  token_endpoint_auth_method: "인증 방식",
-  jwks_uri: "JWKS URI",
-  backchannel_logout_uri: "Backchannel Logout URI",
-  backchannel_logout_session_required: "세션 필수",
-  headless_login_enabled: "헤드리스 로그인",
-  headless_token_endpoint_auth_method: "헤드리스 인증 방식",
-  headless_jwks_uri: "헤드리스 JWKS URI",
-  redirect_uri_count: "Redirect URI 수",
-  scope_count: "Scope 수",
-  relation: "관계",
-  subject: "대상",
-};
-
 function isRecord(value: unknown): value is Record<string, unknown> {
   return Boolean(value) && typeof value === "object" && !Array.isArray(value);
 }
@@ -56,24 +36,43 @@ function isRecord(value: unknown): value is Record<string, unknown> {
 export function getRecentClientActionLabel(action: string) {
   switch (action) {
     case "CREATE_CLIENT":
-      return "클라이언트 생성";
+      return t("ui.dev.clients.recent_changes.guide.create", "앱 생성");
     case "UPDATE_CLIENT":
-      return "설정 변경";
+      return t("ui.dev.clients.recent_changes.guide.settings", "설정 변경");
     case "UPDATE_CLIENT_STATUS":
-      return "상태 변경";
+      return t("ui.dev.clients.recent_changes.guide.status", "상태 변경");
     case "ROTATE_SECRET":
-      return "클라이언트 시크릿 재발급";
+      return t(
+        "ui.dev.clients.recent_changes.guide.secret",
+        "클라이언트 시크릿 재발급",
+      );
     case "ADD_RELATION":
-      return "관계 추가";
+      return t("ui.dev.clients.relationships.add_title", "관계 추가");
     case "REMOVE_RELATION":
-      return "관계 삭제";
+      return t("ui.common.remove", "Remove");
     case "DELETE_CLIENT":
-      return "클라이언트 삭제";
+      return t("ui.dev.clients.recent_changes.guide.delete", "앱 삭제");
     default:
       return action;
   }
 }
 
+function getRecentClientFieldLabel(key: string) {
+  switch (key) {
+    case "relation":
+      return t("ui.dev.clients.relationships.relation", "관계");
+    case "subject":
+      return t("ui.dev.clients.relationships.subject", "대상");
+    case "client_secret":
+      return t(
+        "ui.dev.clients.details.credentials.client_secret",
+        "클라이언트 시크릿",
+      );
+    default:
+      return key;
+  }
+}
+
 export function buildRecentClientChangeDetails(
   action: string,
   details: AuditDetails,
@@ -82,17 +81,32 @@ export function buildRecentClientChangeDetails(
   const after = isRecord(details.after) ? details.after : {};
 
   if (action === "ROTATE_SECRET") {
-    return [{ label: "클라이언트 시크릿", value: "재발급" }];
+    return [
+      {
+        label: getRecentClientFieldLabel("client_secret"),
+        value: t("msg.dev.clients.secret_rotated", "재발급"),
+      },
+    ];
   }
 
   if (action === "ADD_RELATION" || action === "REMOVE_RELATION") {
     const source = action === "ADD_RELATION" ? after : before;
     return [
       ...(source.relation
-        ? [{ label: "관계", value: formatAuditValue(source.relation) }]
+        ? [
+            {
+              label: getRecentClientFieldLabel("relation"),
+              value: formatAuditValue(source.relation),
+            },
+          ]
         : []),
       ...(source.subject
-        ? [{ label: "대상", value: formatAuditValue(source.subject) }]
+        ? [
+            {
+              label: getRecentClientFieldLabel("subject"),
+              value: formatAuditValue(source.subject),
+            },
+          ]
         : []),
     ];
   }
@@ -112,7 +126,7 @@ export function buildRecentClientChangeDetails(
         }
       }
 
-      const label = recentClientFieldLabels[key] ?? key;
+      const label = getRecentClientFieldLabel(key);
       if (action === "CREATE_CLIENT") {
         if (afterValue === undefined) {
           return null;