From 54fb7b4db6f025b5e279ebe22aa15c2ec6e3422e Mon Sep 17 00:00:00 2001
From: kyy <b24053@hanmaceng.co.kr>
Date: Mon, 18 May 2026 13:50:46 +0900
Subject: [PATCH] =?UTF-8?q?=ED=83=80=EC=9D=B4=ED=8B=80=20=EC=9D=B4?=
 =?UTF-8?q?=EB=AA=A8=ED=8B=B0=EC=BD=98=20=EB=A1=9C=EA=B3=A0=20=EC=A0=9C?=
 =?UTF-8?q?=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 adminfront/src/features/auth/AuthPage.tsx     |  4 +-
 .../auth/components/PermissionChecker.tsx     |  5 +-
 .../features/integrity/DataIntegrityPage.tsx  | 28 ++++------
 .../features/overview/GlobalOverviewPage.tsx  | 56 ++++++++-----------
 .../projections/UserProjectionPage.tsx        |  5 +-
 5 files changed, 37 insertions(+), 61 deletions(-)

diff --git a/adminfront/src/features/auth/AuthPage.tsx b/adminfront/src/features/auth/AuthPage.tsx
index a88f36be..890d3b7e 100644
--- a/adminfront/src/features/auth/AuthPage.tsx
+++ b/adminfront/src/features/auth/AuthPage.tsx
@@ -1,4 +1,3 @@
-import { KeyRound } from "lucide-react";
 import { t } from "../../lib/i18n";
 import PermissionChecker from "./components/PermissionChecker";
 
@@ -7,8 +6,7 @@ function AuthPage() {
     <div className="space-y-6">
       <div className="flex flex-wrap items-end justify-between gap-4">
         <div className="space-y-1">
-          <h2 className="flex items-center gap-2 text-2xl font-semibold tracking-tight">
-            <KeyRound size={22} className="text-primary" />
+          <h2 className="text-2xl font-semibold tracking-tight">
             {t("ui.admin.auth_guard.title", "Auth Guard")}
           </h2>
           <p className="text-sm text-muted-foreground">
diff --git a/adminfront/src/features/auth/components/PermissionChecker.tsx b/adminfront/src/features/auth/components/PermissionChecker.tsx
index 792ac1ad..e286788b 100644
--- a/adminfront/src/features/auth/components/PermissionChecker.tsx
+++ b/adminfront/src/features/auth/components/PermissionChecker.tsx
@@ -1,5 +1,5 @@
 import { useMutation } from "@tanstack/react-query";
-import { CheckCircle2, ShieldAlert, XCircle } from "lucide-react";
+import { CheckCircle2, XCircle } from "lucide-react";
 import { useState } from "react";
 import { Button } from "../../../components/ui/button";
 import {
@@ -47,8 +47,7 @@ function PermissionChecker() {
   return (
     <Card className="border-primary/20 bg-[var(--color-panel)]">
       <CardHeader>
-        <CardTitle className="flex items-center gap-2">
-          <ShieldAlert size={20} className="text-primary" />
+        <CardTitle>
           {t(
             "ui.admin.auth_guard.checker.title",
             "ReBAC permission checker",
diff --git a/adminfront/src/features/integrity/DataIntegrityPage.tsx b/adminfront/src/features/integrity/DataIntegrityPage.tsx
index b13e83eb..47c2128e 100644
--- a/adminfront/src/features/integrity/DataIntegrityPage.tsx
+++ b/adminfront/src/features/integrity/DataIntegrityPage.tsx
@@ -373,24 +373,16 @@ function DataIntegrityContent() {
 
       <section className="rounded-lg border border-border bg-card p-5">
         <div className="flex flex-wrap items-center justify-between gap-3 border-b border-border pb-4">
-          <div className="flex items-center gap-3">
-            <div className="grid h-10 w-10 place-items-center rounded-lg bg-primary/10 text-primary">
-              <ShieldAlert size={18} />
-            </div>
-            <div>
-              <h3 className="text-base font-semibold">
-                {t(
-                  "ui.admin.integrity.read_model.title",
-                  "Read model integrity",
-                )}
-              </h3>
-              <p className="text-sm text-muted-foreground">
-                {t(
-                  "msg.admin.integrity.read_model.description",
-                  "Ory SoT를 덮어쓰지 않고 backend DB read model의 이상 징후만 확인합니다.",
-                )}
-              </p>
-            </div>
+          <div>
+            <h3 className="text-base font-semibold">
+              {t("ui.admin.integrity.read_model.title", "Read model integrity")}
+            </h3>
+            <p className="text-sm text-muted-foreground">
+              {t(
+                "msg.admin.integrity.read_model.description",
+                "Ory SoT를 덮어쓰지 않고 backend DB read model의 이상 징후만 확인합니다.",
+              )}
+            </p>
           </div>
           {data ? (
             <Badge variant={statusBadgeVariant(data.status)}>
diff --git a/adminfront/src/features/overview/GlobalOverviewPage.tsx b/adminfront/src/features/overview/GlobalOverviewPage.tsx
index ece1bd78..6cf0b64f 100644
--- a/adminfront/src/features/overview/GlobalOverviewPage.tsx
+++ b/adminfront/src/features/overview/GlobalOverviewPage.tsx
@@ -2,7 +2,6 @@ import { useQuery } from "@tanstack/react-query";
 import {
   Activity,
   AlertTriangle,
-  BarChart3,
   CheckCircle2,
   Database,
   ShieldCheck,
@@ -289,22 +288,16 @@ function RPUsageMixedChart({
   return (
     <section className="space-y-3">
       <div className="flex flex-wrap items-center justify-between gap-3">
-        <div className="flex items-center gap-2">
-          <BarChart3 size={18} className="text-primary" />
-          <div className="space-y-1">
-            <h3 className="text-base font-semibold">
-              {t(
-                "ui.admin.overview.chart.title",
-                "회사별 앱별 로그인 요청 현황",
-              )}
-            </h3>
-            <p className="text-sm text-muted-foreground">
-              {t(
-                "ui.admin.overview.chart.description",
-                "전체 또는 선택한 회사 기준으로 그래프를 확인합니다.",
-              )}
-            </p>
-          </div>
+        <div className="space-y-1">
+          <h3 className="text-base font-semibold">
+            {t("ui.admin.overview.chart.title", "회사별 앱별 로그인 요청 현황")}
+          </h3>
+          <p className="text-sm text-muted-foreground">
+            {t(
+              "ui.admin.overview.chart.description",
+              "전체 또는 선택한 조직 기준으로 그래프를 확인합니다.",
+            )}
+          </p>
         </div>
         {periodControls}
       </div>
@@ -570,22 +563,19 @@ function GlobalOverviewPage() {
       {usageQuery.isError ? (
         <section className="space-y-2">
           <div className="flex flex-wrap items-center justify-between gap-3">
-            <div className="flex items-center gap-2">
-              <BarChart3 size={18} className="text-primary" />
-              <div className="space-y-1">
-                <h3 className="text-base font-semibold">
-                  {t(
-                    "ui.admin.overview.chart.title",
-                    "회사별 앱별 로그인 요청 현황",
-                  )}
-                </h3>
-                <p className="text-sm text-muted-foreground">
-                  {t(
-                    "ui.admin.overview.chart.description",
-                    "전체 또는 선택한 회사 기준으로 그래프를 확인합니다.",
-                  )}
-                </p>
-              </div>
+            <div className="space-y-1">
+              <h3 className="text-base font-semibold">
+                {t(
+                  "ui.admin.overview.chart.title",
+                  "회사별 앱별 로그인 요청 현황",
+                )}
+              </h3>
+              <p className="text-sm text-muted-foreground">
+                {t(
+                  "ui.admin.overview.chart.description",
+                  "전체 또는 선택한 조직 기준으로 그래프를 확인합니다.",
+                )}
+              </p>
             </div>
             {periodControls}
           </div>
diff --git a/adminfront/src/features/projections/UserProjectionPage.tsx b/adminfront/src/features/projections/UserProjectionPage.tsx
index 6c91362f..763dd29b 100644
--- a/adminfront/src/features/projections/UserProjectionPage.tsx
+++ b/adminfront/src/features/projections/UserProjectionPage.tsx
@@ -1,5 +1,5 @@
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { AlertTriangle, Database, RefreshCw, RotateCcw } from "lucide-react";
+import { AlertTriangle, RefreshCw, RotateCcw } from "lucide-react";
 import { RoleGuard } from "../../components/auth/RoleGuard";
 import { Badge } from "../../components/ui/badge";
 import { Button } from "../../components/ui/button";
@@ -168,9 +168,6 @@ function UserProjectionContent() {
 
       <section className="rounded-lg border border-border bg-card p-5">
         <div className="flex items-center gap-3 border-b border-border pb-4">
-          <div className="grid h-10 w-10 place-items-center rounded-lg bg-primary/10 text-primary">
-            <Database size={18} />
-          </div>
           <div>
             <h3 className="text-base font-semibold">
               {t(