린트 적용

2026-02-12 10:39:47 +09:00
parent 21b9594de5
commit 74884f6616
65 changed files with 26389 additions and 1583 deletions
--- a/adminfront/src/features/auth/AuthCallbackPage.tsx
+++ b/adminfront/src/features/auth/AuthCallbackPage.tsx
@@ -1,6 +1,6 @@
+import { ShieldHalf } from "lucide-react";
 import { useEffect } from "react";
 import { useNavigate, useSearchParams } from "react-router-dom";
-import { ShieldHalf } from "lucide-react";

 function AuthCallbackPage() {
  const navigate = useNavigate();
@@ -10,7 +10,7 @@ function AuthCallbackPage() {
    const token = searchParams.get("token");
    if (token) {
      window.localStorage.setItem("admin_session", token);
-      
+
      // 만약 팝업창에서 실행 중이라면 부모 창에 알리고 닫기
      if (window.opener) {
        window.opener.postMessage({ type: "LOGIN_SUCCESS", token }, "*");
@@ -32,7 +32,9 @@ function AuthCallbackPage() {
          <ShieldHalf size={32} />
        </div>
        <div className="text-lg font-semibold">인증 완료 중...</div>
-        <p className="text-sm text-muted-foreground">세션을 동기화하고 있습니다.</p>
+        <p className="text-sm text-muted-foreground">
+          세션을 동기화하고 있습니다.
+        </p>
      </div>
    </div>
  );
--- a/adminfront/src/features/auth/LoginPage.tsx
+++ b/adminfront/src/features/auth/LoginPage.tsx
@@ -1,5 +1,5 @@
-import { ShieldHalf, LogIn, ExternalLink } from "lucide-react";
-import { useState, useEffect } from "react";
+import { ExternalLink, LogIn, ShieldHalf } from "lucide-react";
+import { useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { Button } from "../../components/ui/button";
 import {
@@ -32,10 +32,10 @@ function LoginPage() {
  const handleSSOLogin = () => {
    const userfrontUrl = import.meta.env.USERFRONT_URL || "https://sso.hmac.kr";
    const callbackUrl = `${window.location.origin}/auth/callback`;
-    
+
    // 항상 redirect_uri를 포함하여 로그인이 성공하면 콜백 페이지로 오도록 함
    const loginUrl = `${userfrontUrl}/signin?source=adminfront&redirect_uri=${encodeURIComponent(callbackUrl)}`;
-    
+
    const width = 500;
    const height = 700;
    const left = window.screen.width / 2 - width / 2;
@@ -44,7 +44,7 @@ function LoginPage() {
    const popup = window.open(
      loginUrl,
      "BaronSSOLogin",
-      `width=${width},height=${height},top=${top},left=${left},status=no,menubar=no,toolbar=no`
+      `width=${width},height=${height},top=${top},left=${left},status=no,menubar=no,toolbar=no`,
    );

    if (popup) {
@@ -78,18 +78,18 @@ function LoginPage() {
        <Card className="border-primary/20 bg-card/50 backdrop-blur-xl shadow-2xl">
          <CardHeader className="space-y-1">
            <CardTitle className="text-2xl flex items-center gap-2">
-                <LogIn size={20} className="text-primary" />
-                관리자 로그인
+              <LogIn size={20} className="text-primary" />
+              관리자 로그인
            </CardTitle>
            <CardDescription>
              Baron 통합 인증(SSO)을 통해 관리자 페이지에 접속합니다.
            </CardDescription>
          </CardHeader>
          <CardContent className="pt-4 pb-8 space-y-3">
-            <Button 
-                onClick={handleSSOLogin} 
-                className="w-full h-14 text-lg font-semibold flex gap-3 shadow-lg"
-                disabled={isLoggingIn}
+            <Button
+              onClick={handleSSOLogin}
+              className="w-full h-14 text-lg font-semibold flex gap-3 shadow-lg"
+              disabled={isLoggingIn}
            >
              {isLoggingIn ? (
                <>
@@ -104,22 +104,24 @@ function LoginPage() {
                </>
              )}
            </Button>
-            
+
            <p className="mt-6 text-xs text-center text-muted-foreground leading-relaxed">
-              관리자 전역 세션은 보안을 위해 15분간 유지됩니다.<br />
+              관리자 전역 세션은 보안을 위해 15분간 유지됩니다.
+              <br />
              민감한 작업 시 재인증을 요구할 수 있습니다.
            </p>
          </CardContent>
        </Card>

        <div className="flex justify-center gap-4">
-            <div className="h-1 w-1 rounded-full bg-primary/30"></div>
-            <div className="h-1 w-1 rounded-full bg-primary/30"></div>
-            <div className="h-1 w-1 rounded-full bg-primary/30"></div>
+          <div className="h-1 w-1 rounded-full bg-primary/30" />
+          <div className="h-1 w-1 rounded-full bg-primary/30" />
+          <div className="h-1 w-1 rounded-full bg-primary/30" />
        </div>

        <p className="px-8 text-center text-sm text-muted-foreground">
-          인증 정보가 없거나 로그인이 되지 않는 경우<br />
+          인증 정보가 없거나 로그인이 되지 않는 경우
+          <br />
          시스템 관리자에게 문의하세요.
        </p>
      </div>
@@ -127,4 +129,4 @@ function LoginPage() {
  );
 }

-export default LoginPage;
+export default LoginPage;
--- a/adminfront/src/features/overview/components/PermissionChecker.tsx
+++ b/adminfront/src/features/overview/components/PermissionChecker.tsx
@@ -1,5 +1,5 @@
 import { useMutation } from "@tanstack/react-query";
-import { ShieldAlert, CheckCircle2, XCircle, Search } from "lucide-react";
+import { CheckCircle2, Search, ShieldAlert, XCircle } from "lucide-react";
 import { useState } from "react";
 import { Button } from "../../../components/ui/button";
 import {
@@ -31,9 +31,12 @@ function PermissionChecker() {

  const checkMutation = useMutation({
    mutationFn: async () => {
-      const { data } = await apiClient.get<CheckPermissionResponse>("/v1/admin/debug/check-permission", {
-        params: { namespace, object, relation, subject },
-      });
+      const { data } = await apiClient.get<CheckPermissionResponse>(
+        "/v1/admin/debug/check-permission",
+        {
+          params: { namespace, object, relation, subject },
+        },
+      );
      return data;
    },
  });
@@ -48,82 +51,88 @@ function PermissionChecker() {
          ReBAC 권한 검증 도구
        </CardTitle>
        <CardDescription>
-          특정 주체(Subject)가 특정 리소스(Object)에 대해 권한이 있는지 Ory Keto를 통해 실시간으로 확인합니다.
+          특정 주체(Subject)가 특정 리소스(Object)에 대해 권한이 있는지 Ory
+          Keto를 통해 실시간으로 확인합니다.
        </CardDescription>
      </CardHeader>
      <CardContent className="space-y-6">
        <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
          <div className="space-y-2">
            <Label>Namespace</Label>
-            <select 
-                value={namespace} 
-                onChange={e => setNamespace(e.target.value)}
-                className="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+            <select
+              value={namespace}
+              onChange={(e) => setNamespace(e.target.value)}
+              className="flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
            >
-                <option value="Tenant">Tenant</option>
-                <option value="TenantGroup">TenantGroup</option>
-                <option value="RelyingParty">RelyingParty</option>
-                <option value="System">System</option>
+              <option value="Tenant">Tenant</option>
+              <option value="TenantGroup">TenantGroup</option>
+              <option value="RelyingParty">RelyingParty</option>
+              <option value="System">System</option>
            </select>
          </div>
          <div className="space-y-2">
            <Label>Relation</Label>
-            <Input 
-                placeholder="view, manage, admins..." 
-                value={relation} 
-                onChange={e => setRelation(e.target.value)}
+            <Input
+              placeholder="view, manage, admins..."
+              value={relation}
+              onChange={(e) => setRelation(e.target.value)}
            />
          </div>
          <div className="space-y-2">
            <Label>Object ID</Label>
-            <Input 
-                placeholder="Tenant UUID 등" 
-                value={object} 
-                onChange={e => setObject(e.target.value)}
+            <Input
+              placeholder="Tenant UUID 등"
+              value={object}
+              onChange={(e) => setObject(e.target.value)}
            />
          </div>
          <div className="space-y-2">
            <Label>Subject (User:ID)</Label>
-            <Input 
-                placeholder="User:uuid 또는 Namespace:ID#Relation" 
-                value={subject} 
-                onChange={e => setSubject(e.target.value)}
+            <Input
+              placeholder="User:uuid 또는 Namespace:ID#Relation"
+              value={subject}
+              onChange={(e) => setSubject(e.target.value)}
            />
          </div>
        </div>

        <div className="flex justify-center">
-            <Button 
-                onClick={() => checkMutation.mutate()} 
-                disabled={!object || !subject || checkMutation.isPending}
-                className="w-full md:w-auto px-12"
-            >
-                {checkMutation.isPending ? "검증 중..." : "권한 확인 실행"}
-            </Button>
+          <Button
+            onClick={() => checkMutation.mutate()}
+            disabled={!object || !subject || checkMutation.isPending}
+            className="w-full md:w-auto px-12"
+          >
+            {checkMutation.isPending ? "검증 중..." : "권한 확인 실행"}
+          </Button>
        </div>

        {checkMutation.isSuccess && (
-            <div className={`p-6 rounded-xl border-2 flex flex-col items-center justify-center gap-3 animate-in zoom-in duration-300 ${
-                result.allowed ? "bg-green-500/10 border-green-500/50 text-green-600" : "bg-destructive/10 border-destructive/50 text-destructive"
-            }`}>
-                {result.allowed ? (
-                    <>
-                        <CheckCircle2 size={48} />
-                        <div className="text-xl font-bold">Access ALLOWED</div>
-                        <p className="text-sm opacity-80 text-center">
-                            해당 사용자는 요청한 리소스에 대해 권한이 있습니다. (상속 포함)
-                        </p>
-                    </>
-                ) : (
-                    <>
-                        <XCircle size={48} />
-                        <div className="text-xl font-bold">Access DENIED</div>
-                        <p className="text-sm opacity-80 text-center">
-                            해당 사용자는 요청한 리소스에 대해 권한이 없습니다.
-                        </p>
-                    </>
-                )}
-            </div>
+          <div
+            className={`p-6 rounded-xl border-2 flex flex-col items-center justify-center gap-3 animate-in zoom-in duration-300 ${
+              result.allowed
+                ? "bg-green-500/10 border-green-500/50 text-green-600"
+                : "bg-destructive/10 border-destructive/50 text-destructive"
+            }`}
+          >
+            {result.allowed ? (
+              <>
+                <CheckCircle2 size={48} />
+                <div className="text-xl font-bold">Access ALLOWED</div>
+                <p className="text-sm opacity-80 text-center">
+                  해당 사용자는 요청한 리소스에 대해 권한이 있습니다. (상속
+                  포함)
+                </p>
+              </>
+            ) : (
+              <>
+                <XCircle size={48} />
+                <div className="text-xl font-bold">Access DENIED</div>
+                <p className="text-sm opacity-80 text-center">
+                  해당 사용자는 요청한 리소스에 대해 권한이 없습니다.
+                </p>
+              </>
+            )}
+          </div>
        )}
      </CardContent>
    </Card>
--- a/adminfront/src/features/tenant-groups/routes/TenantGroupAdminsTab.tsx
+++ b/adminfront/src/features/tenant-groups/routes/TenantGroupAdminsTab.tsx
@@ -1,5 +1,5 @@
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { Plus, Trash2, ShieldCheck, Search, UserPlus } from "lucide-react";
+import { Plus, Search, ShieldCheck, Trash2, UserPlus } from "lucide-react";
 import { useState } from "react";
 import { useOutletContext } from "react-router-dom";
 import { Button } from "../../../components/ui/button";
@@ -10,6 +10,7 @@ import {
  CardHeader,
  CardTitle,
 } from "../../../components/ui/card";
+import { Input } from "../../../components/ui/input";
 import {
  Table,
  TableBody,
@@ -18,18 +19,17 @@ import {
  TableHeader,
  TableRow,
 } from "../../../components/ui/table";
-import { Input } from "../../../components/ui/input";
-import { 
-    fetchGroupAdmins, 
-    addGroupAdmin, 
-    removeGroupAdmin, 
-    fetchUsers, 
-    type TenantGroupSummary 
+import {
+  type TenantGroupSummary,
+  addGroupAdmin,
+  fetchGroupAdmins,
+  fetchUsers,
+  removeGroupAdmin,
 } from "../../../lib/adminApi";

 function TenantGroupAdminsTab() {
-  const { group } = useOutletContext<{ 
-    group: TenantGroupSummary; 
+  const { group } = useOutletContext<{
+    group: TenantGroupSummary;
  }>();
  const queryClient = useQueryClient();
  const [searchTerm, setSearchTerm] = useState("");
@@ -98,21 +98,26 @@ function TenantGroupAdminsTab() {
            <TableBody>
              {adminsQuery.data?.length === 0 && (
                <TableRow>
-                  <TableCell colSpan={3} className="text-center py-8 text-muted-foreground">
+                  <TableCell
+                    colSpan={3}
+                    className="text-center py-8 text-muted-foreground"
+                  >
                    등록된 관리자가 없습니다.
                  </TableCell>
                </TableRow>
              )}
              {adminsQuery.data?.map((admin) => (
                <TableRow key={admin.id}>
-                  <TableCell className="font-medium">{admin.name || "Unknown"}</TableCell>
+                  <TableCell className="font-medium">
+                    {admin.name || "Unknown"}
+                  </TableCell>
                  <TableCell className="text-xs">{admin.email}</TableCell>
                  <TableCell className="text-right">
-                    <Button 
-                        variant="ghost" 
-                        size="sm" 
-                        onClick={() => handleRemoveAdmin(admin.id, admin.name)}
-                        disabled={removeMutation.isPending}
+                    <Button
+                      variant="ghost"
+                      size="sm"
+                      onClick={() => handleRemoveAdmin(admin.id, admin.name)}
+                      disabled={removeMutation.isPending}
                    >
                      <Trash2 size={14} className="text-destructive" />
                    </Button>
@@ -129,8 +134,8 @@ function TenantGroupAdminsTab() {
        <CardHeader>
          <div className="flex items-center justify-between">
            <CardTitle className="flex items-center gap-2">
-                <UserPlus size={18} className="text-primary" />
-                관리자 추가
+              <UserPlus size={18} className="text-primary" />
+              관리자 추가
            </CardTitle>
          </div>
          <CardDescription>
@@ -140,11 +145,11 @@ function TenantGroupAdminsTab() {
        <CardContent className="space-y-4">
          <div className="relative">
            <Search className="absolute left-3 top-3 h-4 w-4 text-muted-foreground" />
-            <Input 
-                placeholder="사용자 검색 (최소 2자)..." 
-                className="pl-10" 
-                value={searchTerm}
-                onChange={e => setSearchTerm(e.target.value)}
+            <Input
+              placeholder="사용자 검색 (최소 2자)..."
+              className="pl-10"
+              value={searchTerm}
+              onChange={(e) => setSearchTerm(e.target.value)}
            />
          </div>

@@ -158,36 +163,47 @@ function TenantGroupAdminsTab() {
            <TableBody>
              {searchTerm.length < 2 && (
                <TableRow>
-                  <TableCell colSpan={2} className="text-center py-8 text-muted-foreground">
+                  <TableCell
+                    colSpan={2}
+                    className="text-center py-8 text-muted-foreground"
+                  >
                    사용자 이름을 입력하여 검색하세요.
                  </TableCell>
                </TableRow>
              )}
-              {searchTerm.length >= 2 && usersQuery.data?.items.length === 0 && (
-                <TableRow>
-                  <TableCell colSpan={2} className="text-center py-8 text-muted-foreground">
-                    검색 결과가 없습니다.
-                  </TableCell>
-                </TableRow>
-              )}
-              {usersQuery.data?.items.filter(u => !adminsQuery.data?.some(a => a.id === u.id)).map((user) => (
-                <TableRow key={user.id}>
-                  <TableCell>
-                    <div className="font-medium">{user.name}</div>
-                    <div className="text-[10px] text-muted-foreground">{user.email}</div>
-                  </TableCell>
-                  <TableCell className="text-right">
-                    <Button 
-                        variant="outline" 
-                        size="sm" 
+              {searchTerm.length >= 2 &&
+                usersQuery.data?.items.length === 0 && (
+                  <TableRow>
+                    <TableCell
+                      colSpan={2}
+                      className="text-center py-8 text-muted-foreground"
+                    >
+                      검색 결과가 없습니다.
+                    </TableCell>
+                  </TableRow>
+                )}
+              {usersQuery.data?.items
+                .filter((u) => !adminsQuery.data?.some((a) => a.id === u.id))
+                .map((user) => (
+                  <TableRow key={user.id}>
+                    <TableCell>
+                      <div className="font-medium">{user.name}</div>
+                      <div className="text-[10px] text-muted-foreground">
+                        {user.email}
+                      </div>
+                    </TableCell>
+                    <TableCell className="text-right">
+                      <Button
+                        variant="outline"
+                        size="sm"
                        onClick={() => handleAddAdmin(user.id)}
                        disabled={addMutation.isPending}
-                    >
-                      <Plus size={14} />
-                    </Button>
-                  </TableCell>
-                </TableRow>
-              ))}
+                      >
+                        <Plus size={14} />
+                      </Button>
+                    </TableCell>
+                  </TableRow>
+                ))}
            </TableBody>
          </Table>
        </CardContent>
--- a/adminfront/src/features/tenant-groups/routes/TenantGroupCreatePage.tsx
+++ b/adminfront/src/features/tenant-groups/routes/TenantGroupCreatePage.tsx
@@ -74,9 +74,9 @@ function TenantGroupCreatePage() {
            <Label className="text-sm font-semibold">
              Group Name <span className="text-destructive">*</span>
            </Label>
-            <Input 
-              value={name} 
-              onChange={(e) => setName(e.target.value)} 
+            <Input
+              value={name}
+              onChange={(e) => setName(e.target.value)}
              placeholder="예: 바론소프트웨어 통합그룹"
            />
          </div>
@@ -88,7 +88,8 @@ function TenantGroupCreatePage() {
              placeholder="baron-group"
            />
            <p className="text-xs text-muted-foreground">
-              URL이나 API에서 사용될 고유 식별자입니다. 비워두면 이름 기반으로 자동 생성됩니다.
+              URL이나 API에서 사용될 고유 식별자입니다. 비워두면 이름 기반으로
+              자동 생성됩니다.
            </p>
          </div>
          <div className="space-y-2">
@@ -116,11 +117,12 @@ function TenantGroupCreatePage() {
            권한 상속 안내
          </CardTitle>
          <CardDescription>
-            테넌트 그룹의 관리자는 소속된 모든 테넌트에 대한 관리 권한을 자동으로 가집니다.
+            테넌트 그룹의 관리자는 소속된 모든 테넌트에 대한 관리 권한을
+            자동으로 가집니다.
          </CardDescription>
        </CardHeader>
        <CardContent className="text-sm text-[var(--color-muted)]">
-            생성 후 상세 페이지에서 테넌트를 이 그룹에 할당할 수 있습니다.
+          생성 후 상세 페이지에서 테넌트를 이 그룹에 할당할 수 있습니다.
        </CardContent>
      </Card>

--- a/adminfront/src/features/tenant-groups/routes/TenantGroupDetailPage.tsx
+++ b/adminfront/src/features/tenant-groups/routes/TenantGroupDetailPage.tsx
@@ -22,7 +22,10 @@ function TenantGroupDetailPage() {
      <header className="flex flex-wrap items-start justify-between gap-4">
        <div className="space-y-2">
          <div className="flex items-center gap-2 text-sm text-[var(--color-muted)]">
-            <Link to="/tenant-groups" className="inline-flex items-center gap-2 hover:text-foreground">
+            <Link
+              to="/tenant-groups"
+              className="inline-flex items-center gap-2 hover:text-foreground"
+            >
              <ArrowLeft size={14} />
              Groups
            </Link>
@@ -31,14 +34,15 @@ function TenantGroupDetailPage() {
          </div>
          <div className="flex items-center gap-3">
            <div className="p-2 bg-primary/10 rounded-lg">
-                <LayoutGrid size={24} className="text-primary" />
+              <LayoutGrid size={24} className="text-primary" />
            </div>
            <h2 className="text-3xl font-semibold">
-                {groupQuery.data?.name ?? "Loading Group..."}
+              {groupQuery.data?.name ?? "Loading Group..."}
            </h2>
          </div>
          <p className="text-sm text-[var(--color-muted)]">
-            {groupQuery.data?.description || "그룹 정보를 관리하고 소속 테넌트를 구성합니다."}
+            {groupQuery.data?.description ||
+              "그룹 정보를 관리하고 소속 테넌트를 구성합니다."}
          </p>
        </div>
        <Badge variant="muted">Super Admin only</Badge>
@@ -79,7 +83,9 @@ function TenantGroupDetailPage() {
      </div>

      <div className="mt-6">
-        <Outlet context={{ group: groupQuery.data, refetch: groupQuery.refetch }} />
+        <Outlet
+          context={{ group: groupQuery.data, refetch: groupQuery.refetch }}
+        />
      </div>
    </div>
  );
--- a/adminfront/src/features/tenant-groups/routes/TenantGroupListPage.tsx
+++ b/adminfront/src/features/tenant-groups/routes/TenantGroupListPage.tsx
@@ -1,6 +1,6 @@
 import { useMutation, useQuery } from "@tanstack/react-query";
 import type { AxiosError } from "axios";
-import { Pencil, Plus, RefreshCw, Trash2, LayoutGrid } from "lucide-react";
+import { LayoutGrid, Pencil, Plus, RefreshCw, Trash2 } from "lucide-react";
 import { Link, useNavigate } from "react-router-dom";
 import { Badge } from "../../../components/ui/badge";
 import { Button } from "../../../components/ui/button";
@@ -85,8 +85,8 @@ function TenantGroupListPage() {
        <CardHeader className="flex flex-row items-center justify-between">
          <div>
            <CardTitle className="flex items-center gap-2">
-                <LayoutGrid size={20} className="text-primary" />
-                Tenant Group Registry
+              <LayoutGrid size={20} className="text-primary" />
+              Tenant Group Registry
            </CardTitle>
            <CardDescription>
              총 {query.data?.total ?? 0}개 그룹
@@ -130,7 +130,7 @@ function TenantGroupListPage() {
                  <TableCell>{group.slug}</TableCell>
                  <TableCell>
                    <Badge variant="secondary">
-                        {group.tenants?.length ?? 0}개
+                      {group.tenants?.length ?? 0}개
                    </Badge>
                  </TableCell>
                  <TableCell>
--- a/adminfront/src/features/tenant-groups/routes/TenantGroupProfileTab.tsx
+++ b/adminfront/src/features/tenant-groups/routes/TenantGroupProfileTab.tsx
@@ -13,12 +13,15 @@ import {
 import { Input } from "../../../components/ui/input";
 import { Label } from "../../../components/ui/label";
 import { Textarea } from "../../../components/ui/textarea";
-import { updateTenantGroup, type TenantGroupSummary } from "../../../lib/adminApi";
+import {
+  type TenantGroupSummary,
+  updateTenantGroup,
+} from "../../../lib/adminApi";

 function TenantGroupProfileTab() {
-  const { group, refetch } = useOutletContext<{ 
-    group: TenantGroupSummary; 
-    refetch: () => void 
+  const { group, refetch } = useOutletContext<{
+    group: TenantGroupSummary;
+    refetch: () => void;
  }>();
  const queryClient = useQueryClient();

@@ -44,7 +47,8 @@ function TenantGroupProfileTab() {
        <CardHeader>
          <CardTitle>그룹 정보 수정</CardTitle>
          <CardDescription>
-            그룹의 기본 이름과 설명을 변경할 수 있습니다. 식별자(Slug)는 변경할 수 없습니다.
+            그룹의 기본 이름과 설명을 변경할 수 있습니다. 식별자(Slug)는 변경할
+            수 없습니다.
          </CardDescription>
        </CardHeader>
        <CardContent className="space-y-4">
@@ -83,7 +87,10 @@ function TenantGroupProfileTab() {
          <div className="flex justify-end pt-4">
            <Button
              onClick={() => mutation.mutate()}
-              disabled={mutation.isPending || (name === group.name && description === group.description)}
+              disabled={
+                mutation.isPending ||
+                (name === group.name && description === group.description)
+              }
            >
              {mutation.isPending ? "저장 중..." : "변경사항 저장"}
            </Button>
--- a/adminfront/src/features/tenant-groups/routes/TenantGroupTenantsTab.tsx
+++ b/adminfront/src/features/tenant-groups/routes/TenantGroupTenantsTab.tsx
@@ -1,7 +1,8 @@
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { Plus, Trash2, Building2, Search } from "lucide-react";
+import { Building2, Plus, Search, Trash2 } from "lucide-react";
 import { useState } from "react";
 import { useOutletContext } from "react-router-dom";
+import { Badge } from "../../../components/ui/badge";
 import { Button } from "../../../components/ui/button";
 import {
  Card,
@@ -10,6 +11,7 @@ import {
  CardHeader,
  CardTitle,
 } from "../../../components/ui/card";
+import { Input } from "../../../components/ui/input";
 import {
  Table,
  TableBody,
@@ -18,19 +20,17 @@ import {
  TableHeader,
  TableRow,
 } from "../../../components/ui/table";
-import { Input } from "../../../components/ui/input";
-import { Badge } from "../../../components/ui/badge";
-import { 
-    addTenantToGroup, 
-    removeTenantFromGroup, 
-    fetchTenants, 
-    type TenantGroupSummary 
+import {
+  type TenantGroupSummary,
+  addTenantToGroup,
+  fetchTenants,
+  removeTenantFromGroup,
 } from "../../../lib/adminApi";

 function TenantGroupTenantsTab() {
-  const { group, refetch } = useOutletContext<{ 
-    group: TenantGroupSummary; 
-    refetch: () => void 
+  const { group, refetch } = useOutletContext<{
+    group: TenantGroupSummary;
+    refetch: () => void;
  }>();
  const queryClient = useQueryClient();
  const [searchTerm, setSearchTerm] = useState("");
@@ -67,13 +67,15 @@ function TenantGroupTenantsTab() {
    }
  };

-  const availableTenants = tenantsQuery.data?.items.filter(
-    (t) => !group.tenants?.some((gt) => gt.id === t.id)
-  ) || [];
+  const availableTenants =
+    tenantsQuery.data?.items.filter(
+      (t) => !group.tenants?.some((gt) => gt.id === t.id),
+    ) || [];

  const filteredAvailable = availableTenants.filter(
-    (t) => t.name.toLowerCase().includes(searchTerm.toLowerCase()) || 
-           t.slug.toLowerCase().includes(searchTerm.toLowerCase())
+    (t) =>
+      t.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
+      t.slug.toLowerCase().includes(searchTerm.toLowerCase()),
  );

  return (
@@ -101,7 +103,10 @@ function TenantGroupTenantsTab() {
            <TableBody>
              {group.tenants?.length === 0 && (
                <TableRow>
-                  <TableCell colSpan={3} className="text-center py-8 text-muted-foreground">
+                  <TableCell
+                    colSpan={3}
+                    className="text-center py-8 text-muted-foreground"
+                  >
                    소속된 테넌트가 없습니다.
                  </TableCell>
                </TableRow>
@@ -111,11 +116,11 @@ function TenantGroupTenantsTab() {
                  <TableCell className="font-medium">{t.name}</TableCell>
                  <TableCell className="text-xs">{t.slug}</TableCell>
                  <TableCell className="text-right">
-                    <Button 
-                        variant="ghost" 
-                        size="sm" 
-                        onClick={() => handleRemoveTenant(t.id)}
-                        disabled={removeMutation.isPending}
+                    <Button
+                      variant="ghost"
+                      size="sm"
+                      onClick={() => handleRemoveTenant(t.id)}
+                      disabled={removeMutation.isPending}
                    >
                      <Trash2 size={14} className="text-destructive" />
                    </Button>
@@ -132,17 +137,17 @@ function TenantGroupTenantsTab() {
        <CardHeader>
          <div className="flex items-center justify-between">
            <CardTitle className="flex items-center gap-2">
-                <Plus size={18} className="text-primary" />
-                테넌트 추가
+              <Plus size={18} className="text-primary" />
+              테넌트 추가
            </CardTitle>
            <div className="relative w-48">
-                <Search className="absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" />
-                <Input 
-                    placeholder="검색..." 
-                    className="pl-8 h-9" 
-                    value={searchTerm}
-                    onChange={e => setSearchTerm(e.target.value)}
-                />
+              <Search className="absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" />
+              <Input
+                placeholder="검색..."
+                className="pl-8 h-9"
+                value={searchTerm}
+                onChange={(e) => setSearchTerm(e.target.value)}
+              />
            </div>
          </div>
          <CardDescription>
@@ -161,7 +166,10 @@ function TenantGroupTenantsTab() {
            <TableBody>
              {filteredAvailable.length === 0 && (
                <TableRow>
-                  <TableCell colSpan={3} className="text-center py-8 text-muted-foreground">
+                  <TableCell
+                    colSpan={3}
+                    className="text-center py-8 text-muted-foreground"
+                  >
                    추가할 수 있는 테넌트가 없습니다.
                  </TableCell>
                </TableRow>
@@ -170,19 +178,21 @@ function TenantGroupTenantsTab() {
                <TableRow key={t.id}>
                  <TableCell>
                    <div className="font-medium">{t.name}</div>
-                    <div className="text-[10px] text-muted-foreground">{t.slug}</div>
+                    <div className="text-[10px] text-muted-foreground">
+                      {t.slug}
+                    </div>
                  </TableCell>
                  <TableCell>
                    <Badge variant="outline" className="text-[10px]">
-                        {t.status}
+                      {t.status}
                    </Badge>
                  </TableCell>
                  <TableCell className="text-right">
-                    <Button 
-                        variant="outline" 
-                        size="sm" 
-                        onClick={() => handleAddTenant(t.id)}
-                        disabled={addMutation.isPending}
+                    <Button
+                      variant="outline"
+                      size="sm"
+                      onClick={() => handleAddTenant(t.id)}
+                      disabled={addMutation.isPending}
                    >
                      <Plus size={14} />
                    </Button>
--- a/adminfront/src/features/tenants/routes/TenantAdminsTab.tsx
+++ b/adminfront/src/features/tenants/routes/TenantAdminsTab.tsx
@@ -1,5 +1,5 @@
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { Plus, Trash2, ShieldCheck, Search, UserPlus } from "lucide-react";
+import { Plus, Search, ShieldCheck, Trash2, UserPlus } from "lucide-react";
 import { useState } from "react";
 import { useParams } from "react-router-dom";
 import { Button } from "../../../components/ui/button";
@@ -10,6 +10,7 @@ import {
  CardHeader,
  CardTitle,
 } from "../../../components/ui/card";
+import { Input } from "../../../components/ui/input";
 import {
  Table,
  TableBody,
@@ -18,12 +19,11 @@ import {
  TableHeader,
  TableRow,
 } from "../../../components/ui/table";
-import { Input } from "../../../components/ui/input";
-import { 
-    fetchTenantAdmins, 
-    addTenantAdmin, 
-    removeTenantAdmin, 
-    fetchUsers
+import {
+  addTenantAdmin,
+  fetchTenantAdmins,
+  fetchUsers,
+  removeTenantAdmin,
 } from "../../../lib/adminApi";

 function TenantAdminsTab() {
@@ -97,21 +97,26 @@ function TenantAdminsTab() {
            <TableBody>
              {adminsQuery.data?.length === 0 && (
                <TableRow>
-                  <TableCell colSpan={3} className="text-center py-8 text-muted-foreground">
+                  <TableCell
+                    colSpan={3}
+                    className="text-center py-8 text-muted-foreground"
+                  >
                    등록된 관리자가 없습니다.
                  </TableCell>
                </TableRow>
              )}
              {adminsQuery.data?.map((admin) => (
                <TableRow key={admin.id}>
-                  <TableCell className="font-medium">{admin.name || "Unknown"}</TableCell>
+                  <TableCell className="font-medium">
+                    {admin.name || "Unknown"}
+                  </TableCell>
                  <TableCell className="text-xs">{admin.email}</TableCell>
                  <TableCell className="text-right">
-                    <Button 
-                        variant="ghost" 
-                        size="sm" 
-                        onClick={() => handleRemoveAdmin(admin.id, admin.name)}
-                        disabled={removeMutation.isPending}
+                    <Button
+                      variant="ghost"
+                      size="sm"
+                      onClick={() => handleRemoveAdmin(admin.id, admin.name)}
+                      disabled={removeMutation.isPending}
                    >
                      <Trash2 size={14} className="text-destructive" />
                    </Button>
@@ -128,8 +133,8 @@ function TenantAdminsTab() {
        <CardHeader>
          <div className="flex items-center justify-between">
            <CardTitle className="flex items-center gap-2">
-                <UserPlus size={18} className="text-primary" />
-                관리자 추가
+              <UserPlus size={18} className="text-primary" />
+              관리자 추가
            </CardTitle>
          </div>
          <CardDescription>
@@ -139,11 +144,11 @@ function TenantAdminsTab() {
        <CardContent className="space-y-4">
          <div className="relative">
            <Search className="absolute left-3 top-3 h-4 w-4 text-muted-foreground" />
-            <Input 
-                placeholder="사용자 검색 (최소 2자)..." 
-                className="pl-10" 
-                value={searchTerm}
-                onChange={e => setSearchTerm(e.target.value)}
+            <Input
+              placeholder="사용자 검색 (최소 2자)..."
+              className="pl-10"
+              value={searchTerm}
+              onChange={(e) => setSearchTerm(e.target.value)}
            />
          </div>

@@ -157,36 +162,47 @@ function TenantAdminsTab() {
            <TableBody>
              {searchTerm.length < 2 && (
                <TableRow>
-                  <TableCell colSpan={2} className="text-center py-8 text-muted-foreground">
+                  <TableCell
+                    colSpan={2}
+                    className="text-center py-8 text-muted-foreground"
+                  >
                    사용자 이름을 입력하여 검색하세요.
                  </TableCell>
                </TableRow>
              )}
-              {searchTerm.length >= 2 && usersQuery.data?.items.length === 0 && (
-                <TableRow>
-                  <TableCell colSpan={2} className="text-center py-8 text-muted-foreground">
-                    검색 결과가 없습니다.
-                  </TableCell>
-                </TableRow>
-              )}
-              {usersQuery.data?.items.filter(u => !adminsQuery.data?.some(a => a.id === u.id)).map((user) => (
-                <TableRow key={user.id}>
-                  <TableCell>
-                    <div className="font-medium">{user.name}</div>
-                    <div className="text-[10px] text-muted-foreground">{user.email}</div>
-                  </TableCell>
-                  <TableCell className="text-right">
-                    <Button 
-                        variant="outline" 
-                        size="sm" 
+              {searchTerm.length >= 2 &&
+                usersQuery.data?.items.length === 0 && (
+                  <TableRow>
+                    <TableCell
+                      colSpan={2}
+                      className="text-center py-8 text-muted-foreground"
+                    >
+                      검색 결과가 없습니다.
+                    </TableCell>
+                  </TableRow>
+                )}
+              {usersQuery.data?.items
+                .filter((u) => !adminsQuery.data?.some((a) => a.id === u.id))
+                .map((user) => (
+                  <TableRow key={user.id}>
+                    <TableCell>
+                      <div className="font-medium">{user.name}</div>
+                      <div className="text-[10px] text-muted-foreground">
+                        {user.email}
+                      </div>
+                    </TableCell>
+                    <TableCell className="text-right">
+                      <Button
+                        variant="outline"
+                        size="sm"
                        onClick={() => handleAddAdmin(user.id)}
                        disabled={addMutation.isPending}
-                    >
-                      <Plus size={14} />
-                    </Button>
-                  </TableCell>
-                </TableRow>
-              ))}
+                      >
+                        <Plus size={14} />
+                      </Button>
+                    </TableCell>
+                  </TableRow>
+                ))}
            </TableBody>
          </Table>
        </CardContent>
--- a/adminfront/src/features/tenants/routes/TenantDetailPage.tsx
+++ b/adminfront/src/features/tenants/routes/TenantDetailPage.tsx
@@ -45,7 +45,9 @@ function TenantDetailPage() {
        <Link
          to={`/tenants/${tenantId}`}
          className={`px-4 py-2 text-sm font-medium ${
-            !isFederationTab && !isAdminTab && !location.pathname.includes("/schema")
+            !isFederationTab &&
+            !isAdminTab &&
+            !location.pathname.includes("/schema")
              ? "border-b-2 border-blue-500 text-blue-600"
              : "text-gray-500 hover:text-gray-700"
          }`}
--- a/adminfront/src/features/tenants/routes/TenantProfilePage.tsx
+++ b/adminfront/src/features/tenants/routes/TenantProfilePage.tsx
@@ -160,7 +160,8 @@ export function TenantProfilePage() {
              ))}
            </select>
            <p className="text-xs text-muted-foreground">
-              테넌트가 속할 그룹을 지정합니다. 그룹 관리자는 소속 테넌트에 대한 접근 권한을 가집니다.
+              테넌트가 속할 그룹을 지정합니다. 그룹 관리자는 소속 테넌트에 대한
+              접근 권한을 가집니다.
            </p>
          </div>
          <div className="space-y-2">