RP 관계 범위의 콘솔 접근 허용

devfront/src/features/auth/AuthGuard.tsx

@@ -1,7 +1,5 @@
 import { useAuth } from "react-oidc-context";
 import { Navigate, Outlet } from "react-router-dom";
-import { t } from "../../lib/i18n";
-import { resolveProfileRole } from "../../lib/role";
 
 export default function AuthGuard() {
   const auth = useAuth();
@@ -18,39 +16,5 @@ export default function AuthGuard() {
     return <Navigate to="/login" replace />;
   }
 
-  const normalizedRole = resolveProfileRole(
-    auth.user?.profile as Record<string, unknown> | undefined,
-  );
-  const isTenantMember =
-    normalizedRole === "user" || normalizedRole === "tenant_member";
-
-  if (isTenantMember) {
-    return (
-      <div className="min-h-screen grid place-items-center bg-background text-foreground p-6">
-        <div className="max-w-lg w-full rounded-xl border border-border bg-card p-6 space-y-4">
-          <h1 className="text-xl font-semibold">
-            {t("msg.dev.auth.access_denied_title", "접근 권한이 없습니다.")}
-          </h1>
-          <p className="text-sm text-muted-foreground">
-            {t(
-              "msg.dev.auth.access_denied_description",
-              "DevFront는 관리자 전용 화면입니다. 권한이 필요하면 관리자에게 요청해 주세요.",
-            )}
-          </p>
-          <button
-            type="button"
-            className="inline-flex items-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:opacity-90"
-            onClick={() => {
-              auth.removeUser();
-              window.location.href = "/login";
-            }}
-          >
-            {t("ui.common.back_to_login", "로그인으로 돌아가기")}
-          </button>
-        </div>
-      </div>
-    );
-  }
-
   return <Outlet />;
 }

devfront/src/features/clients/ClientsPage.tsx

@@ -38,12 +38,17 @@ import {
 } from "../../components/ui/table";
 import { fetchClients, fetchDevStats } from "../../lib/devApi";
 import { t } from "../../lib/i18n";
+import { resolveProfileRole } from "../../lib/role";
 import { cn } from "../../lib/utils";
 
 function ClientsPage() {
   const navigate = useNavigate();
   const auth = useAuth();
   const hasAccessToken = Boolean(auth.user?.access_token);
+  const role = resolveProfileRole(
+    auth.user?.profile as Record<string, unknown> | undefined,
+  );
+  const canCreateClient = role !== "user" && role !== "tenant_member";
 
   const {
     data,
@@ -168,16 +173,18 @@ function ClientsPage() {
                 )}
               </CardDescription>
             </div>
-            <div className="hidden items-center gap-2 md:flex">
-              <Button
-                size="sm"
-                className="shadow-lg shadow-primary/30"
-                onClick={() => navigate("/clients/new")}
-              >
-                <Plus className="h-4 w-4" />
-                {t("ui.dev.clients.new", "새 클라이언트")}
-              </Button>
-            </div>
+            {canCreateClient && (
+              <div className="hidden items-center gap-2 md:flex">
+                <Button
+                  size="sm"
+                  className="shadow-lg shadow-primary/30"
+                  onClick={() => navigate("/clients/new")}
+                >
+                  <Plus className="h-4 w-4" />
+                  {t("ui.dev.clients.new", "새 클라이언트")}
+                </Button>
+              </div>
+            )}
           </div>
           <div className="mt-4 flex flex-col gap-3">
             <div className="flex flex-col gap-3 md:flex-row md:items-center">
@@ -217,7 +224,7 @@ function ClientsPage() {
                     )}
                   </Badge>
                   <Badge variant="success">
-                    {t("ui.dev.clients.badge.admin_session", "관리자 세션")}
+                    {t("ui.dev.clients.badge.dev_session", "DevFront 세션")}
                   </Badge>
                 </div>
               </div>
@@ -319,12 +326,14 @@ function ClientsPage() {
             <CardTitle className="text-xl font-semibold">
               {t("ui.dev.clients.list.title", "클라이언트 목록")}
             </CardTitle>
-            <div className="flex items-center gap-2 md:hidden">
-              <Button size="sm" onClick={() => navigate("/clients/new")}>
-                <Plus className="h-4 w-4" />
-                {t("ui.dev.clients.new", "새 클라이언트")}
-              </Button>
-            </div>
+            {canCreateClient && (
+              <div className="flex items-center gap-2 md:hidden">
+                <Button size="sm" onClick={() => navigate("/clients/new")}>
+                  <Plus className="h-4 w-4" />
+                  {t("ui.dev.clients.new", "새 클라이언트")}
+                </Button>
+              </div>
+            )}
           </div>
         </CardHeader>
         <CardContent>
@@ -350,6 +359,29 @@ function ClientsPage() {
               </TableRow>
             </TableHeader>
             <TableBody>
+              {filteredClients.length === 0 && (
+                <TableRow>
+                  <TableCell
+                    colSpan={6}
+                    className="h-32 text-center text-muted-foreground"
+                  >
+                    <div className="space-y-1">
+                      <p className="font-medium text-foreground">
+                        {t(
+                          "msg.dev.clients.empty",
+                          "조회 가능한 RP가 없습니다.",
+                        )}
+                      </p>
+                      <p className="text-sm">
+                        {t(
+                          "msg.dev.clients.empty_detail",
+                          "RP 관계가 부여되면 이 목록에 해당 RP가 표시됩니다.",
+                        )}
+                      </p>
+                    </div>
+                  </TableCell>
+                </TableRow>
+              )}
               {filteredClients.map((client) => (
                 <TableRow key={client.id} className="bg-card/40">
                   <TableCell>