From c584c28f1af1913c9a931457313565ba55beafb3 Mon Sep 17 00:00:00 2001
From: kyy <b24053@hanmaceng.co.kr>
Date: Fri, 27 Feb 2026 11:23:06 +0900
Subject: [PATCH] =?UTF-8?q?=EC=83=81=ED=83=9C=20=EB=B1=83=EC=A7=80=20?=
 =?UTF-8?q?=EC=8A=A4=ED=83=80=EC=9D=BC(UI)=20=ED=86=B5=EC=9D=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 devfront/src/components/ui/badge.tsx                   |  2 ++
 devfront/src/features/clients/ClientDetailsPage.tsx    | 10 +++++-----
 devfront/src/features/clients/ClientGeneralPage.tsx    |  6 +++---
 devfront/src/features/clients/ClientsPage.tsx          |  8 ++++----
 .../features/clients/routes/ClientFederationPage.tsx   |  2 +-
 5 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/devfront/src/components/ui/badge.tsx b/devfront/src/components/ui/badge.tsx
index 8ef586fd..ab13e2ce 100644
--- a/devfront/src/components/ui/badge.tsx
+++ b/devfront/src/components/ui/badge.tsx
@@ -17,6 +17,8 @@ const badgeVariants = cva(
           "border-transparent bg-emerald-100 text-emerald-700 dark:bg-emerald-900/40 dark:text-emerald-300",
         warning:
           "border-transparent bg-amber-100 text-amber-700 dark:bg-amber-900/40 dark:text-amber-200",
+        info:
+          "border-transparent bg-blue-500 text-white hover:bg-blue-500/90",
       },
     },
     defaultVariants: {
diff --git a/devfront/src/features/clients/ClientDetailsPage.tsx b/devfront/src/features/clients/ClientDetailsPage.tsx
index a372fef0..e76fc71e 100644
--- a/devfront/src/features/clients/ClientDetailsPage.tsx
+++ b/devfront/src/features/clients/ClientDetailsPage.tsx
@@ -185,11 +185,11 @@ function ClientDetailsPage() {
       <div className="space-y-3">
         <div className="flex flex-wrap items-center gap-2 text-sm text-muted-foreground">
           <Link to="/clients" className="text-primary hover:underline">
-            {t("ui.dev.clients.details.breadcrumb.section", "Apps")}
+            {t("ui.dev.clients.details.breadcrumb.section", "Connected Applications")}
           </Link>
           <span>/</span>
           <span className="text-foreground">
-            {t("ui.dev.clients.details.breadcrumb.current", "클라이언트 상세")}
+            {t("ui.dev.clients.details.breadcrumb.current", "App Details")}
           </span>
         </div>
         <div className="flex flex-wrap items-start justify-between gap-3">
@@ -200,12 +200,12 @@ function ClientDetailsPage() {
             <p className="text-muted-foreground">
               {t(
                 "msg.dev.clients.details.subtitle",
-                "OIDC 자격 증명과 엔드포인트를 관리합니다.",
+                "Manage OIDC credentials and endpoints.",
               )}
             </p>
           </div>
           <Badge
-            variant={data.client.status === "active" ? "success" : "muted"}
+            variant={data.client.status === "active" ? "info" : "muted"}
             className="px-3 py-1 text-xs uppercase"
           >
             {data.client.status === "active"
@@ -241,7 +241,7 @@ function ClientDetailsPage() {
             <h2 className="text-xl font-bold">
               {t(
                 "ui.dev.clients.details.credentials.title",
-                "클라이언트 자격 증명",
+                "Client Credentials",
               )}
             </h2>
             <Card className="glass-panel">
diff --git a/devfront/src/features/clients/ClientGeneralPage.tsx b/devfront/src/features/clients/ClientGeneralPage.tsx
index 349bba58..b648ced7 100644
--- a/devfront/src/features/clients/ClientGeneralPage.tsx
+++ b/devfront/src/features/clients/ClientGeneralPage.tsx
@@ -263,7 +263,7 @@ function ClientGeneralPage() {
           <div className="space-y-2">
             <div className="flex flex-wrap items-center gap-2 text-sm text-muted-foreground">
               <Link to="/clients" className="text-primary hover:underline">
-                {t("ui.dev.clients.general.breadcrumb.section", "Applications")}
+                {t("ui.dev.clients.general.breadcrumb.section", "Connected Applications")}
               </Link>
               <span>/</span>
               <span className="text-foreground">{displayName}</span>
@@ -276,7 +276,7 @@ function ClientGeneralPage() {
           </div>
           {!isCreate && (
             <Badge
-              variant={status === "active" ? "success" : "muted"}
+              variant={status === "active" ? "info" : "muted"}
               className="px-3 py-1 text-xs uppercase"
             >
               {status === "active"
@@ -292,7 +292,7 @@ function ClientGeneralPage() {
                 to={`/clients/${clientId}`}
                 className="whitespace-nowrap border-b-2 border-transparent text-muted-foreground hover:text-foreground"
               >
-                {t("ui.dev.clients.details.tab.connection", "Connection")}
+                {t("ui.dev.clients.details.tab.connection", "Federation")}
               </Link>
               <Link
                 to={`/clients/${clientId}/consents`}
diff --git a/devfront/src/features/clients/ClientsPage.tsx b/devfront/src/features/clients/ClientsPage.tsx
index 4a8472cb..f719db50 100644
--- a/devfront/src/features/clients/ClientsPage.tsx
+++ b/devfront/src/features/clients/ClientsPage.tsx
@@ -81,7 +81,7 @@ function ClientsPage() {
   const stats: StatItem[] = [
     {
       labelKey: "ui.dev.clients.stats.total",
-      labelFallback: "총 애플리케이션",
+      labelFallback: "Total Applications",
       value: totalClients.toString(),
       deltaKey: "ui.dev.clients.stats.realtime",
       deltaFallback: "Realtime",
@@ -89,7 +89,7 @@ function ClientsPage() {
     },
     {
       labelKey: "ui.dev.clients.stats.active_sessions",
-      labelFallback: "활성 세션",
+      labelFallback: "Active Sessions",
       value: activeClients.toString(),
       deltaKey: "ui.dev.clients.stats.realtime",
       deltaFallback: "Realtime",
@@ -97,7 +97,7 @@ function ClientsPage() {
     },
     {
       labelKey: "ui.dev.clients.stats.auth_failures",
-      labelFallback: "인증 실패 (24h)",
+      labelFallback: "Auth Failures (24h)",
       value: "0",
       deltaKey: "ui.dev.clients.stats.stable",
       deltaFallback: "Stable",
@@ -364,7 +364,7 @@ function ClientsPage() {
                   </TableCell>
                   <TableCell>
                     <Badge
-                      variant={client.status === "active" ? "success" : "muted"}
+                      variant={client.status === "active" ? "info" : "muted"}
                       className="px-3 py-1 text-xs uppercase"
                     >
                       {client.status === "active"
diff --git a/devfront/src/features/clients/routes/ClientFederationPage.tsx b/devfront/src/features/clients/routes/ClientFederationPage.tsx
index c61c20be..6700e7fe 100644
--- a/devfront/src/features/clients/routes/ClientFederationPage.tsx
+++ b/devfront/src/features/clients/routes/ClientFederationPage.tsx
@@ -267,7 +267,7 @@ export function ClientFederationPage() {
                       <span
                         className={`inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold ${
                           config.status === "active"
-                            ? "bg-emerald-500/10 text-emerald-500"
+                            ? "bg-blue-500 text-white"
                             : "bg-muted text-muted-foreground"
                         }`}
                       >