From c990bd591b681e6085f76ee548f363e488505b7d Mon Sep 17 00:00:00 2001
From: chan <b24028@hanmaceng.co.kr>
Date: Tue, 16 Jun 2026 17:53:24 +0900
Subject: [PATCH] =?UTF-8?q?adminfront:=20=EA=B6=8C=ED=95=9C=EB=B6=80?=
 =?UTF-8?q?=EC=97=AC=20=EC=84=B8=EB=B6=80=20=ED=83=AD=EC=97=90=20=EB=84=A4?=
 =?UTF-8?q?=EC=9D=B4=EB=B2=84=EC=9B=8D=EC=8A=A4=20=EC=97=B0=EB=8F=99=20?=
 =?UTF-8?q?=EA=B6=8C=ED=95=9C(worksmobile=5Fviewers/managers)=20=EC=A7=80?=
 =?UTF-8?q?=EC=9B=90=EC=9D=84=20=EC=B6=94=EA=B0=80=ED=95=98=EA=B3=A0,=20?=
 =?UTF-8?q?=EC=84=B8=EB=B6=80=20=EA=B6=8C=ED=95=9C=20=EB=B6=80=EC=97=AC=20?=
 =?UTF-8?q?=EC=9E=90=EA=B2=A9=EC=9D=84=20Super=20Admin=20=EC=A0=84?=
 =?UTF-8?q?=EC=9A=A9=EC=9C=BC=EB=A1=9C=20=EC=8A=B9=EA=B2=A9=20(#1183)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../coverage/adminTenantTabs.test.tsx         |  2 +-
 .../TenantFineGrainedPermissionsTab.tsx       | 73 +++++++++++++++++--
 2 files changed, 69 insertions(+), 6 deletions(-)

diff --git a/adminfront/src/features/coverage/adminTenantTabs.test.tsx b/adminfront/src/features/coverage/adminTenantTabs.test.tsx
index 2ec4b09f..efa5ea33 100644
--- a/adminfront/src/features/coverage/adminTenantTabs.test.tsx
+++ b/adminfront/src/features/coverage/adminTenantTabs.test.tsx
@@ -61,7 +61,7 @@ const users = [
     id: "user-owner",
     name: "Owner User",
     email: "owner@example.com",
-    role: "tenant_admin",
+    role: "super_admin",
     status: "active",
   },
   {
diff --git a/adminfront/src/features/tenants/routes/TenantFineGrainedPermissionsTab.tsx b/adminfront/src/features/tenants/routes/TenantFineGrainedPermissionsTab.tsx
index 779237b1..c7dc5c80 100644
--- a/adminfront/src/features/tenants/routes/TenantFineGrainedPermissionsTab.tsx
+++ b/adminfront/src/features/tenants/routes/TenantFineGrainedPermissionsTab.tsx
@@ -31,13 +31,13 @@ import {
 import { toast } from "../../../components/ui/use-toast";
 import {
   addTenantRelation,
+  fetchMe,
   fetchTenantRelations,
   fetchUsers,
   removeTenantRelation,
   type TenantRelation,
 } from "../../../lib/adminApi";
 import { t } from "../../../lib/i18n";
-import { useTenantPermission } from "../hooks/useTenantPermission";
 
 interface TenantFineGrainedPermissionsTabProps {
   tenantIdProp?: string;
@@ -48,8 +48,11 @@ export function TenantFineGrainedPermissionsTab({
 }: TenantFineGrainedPermissionsTabProps = {}) {
   const { tenantId: tenantIdParam } = useParams<{ tenantId: string }>();
   const tenantId = tenantIdProp || tenantIdParam || "";
-  const { hasPermission } = useTenantPermission(tenantId);
-  const isWritable = hasPermission("manage_admins");
+  const { data: profile } = useQuery({
+    queryKey: ["me"],
+    queryFn: fetchMe,
+  });
+  const isWritable = profile?.role === "super_admin";
   const queryClient = useQueryClient();
   const [searchTerm, setSearchTerm] = useState("");
   const [isDialogOpen, setIsDialogOpen] = useState(false);
@@ -75,7 +78,13 @@ export function TenantFineGrainedPermissionsTab({
       > = {};
       for (const user of relationsQuery.data) {
         initialMap[user.userId] = {};
-        const tabs = ["profile", "permissions", "organization", "schema"];
+        const tabs = [
+          "profile",
+          "permissions",
+          "organization",
+          "schema",
+          "worksmobile",
+        ];
         for (const tab of tabs) {
           const isWrite = user.relations.includes(`${tab}_managers`);
           const isRead = user.relations.includes(`${tab}_viewers`);
@@ -337,6 +346,12 @@ export function TenantFineGrainedPermissionsTab({
                   <TableHead className="font-bold">
                     {t("ui.admin.tenants.detail.tab_schema", "사용자 스키마")}
                   </TableHead>
+                  <TableHead className="font-bold">
+                    {t(
+                      "ui.admin.tenants.detail.tab_worksmobile",
+                      "네이버웍스 연동",
+                    )}
+                  </TableHead>
                   <TableHead className="font-bold text-center w-20">
                     {t("ui.common.action", "작업")}
                   </TableHead>
@@ -346,7 +361,7 @@ export function TenantFineGrainedPermissionsTab({
                 {relations.length === 0 ? (
                   <TableRow>
                     <TableCell
-                      colSpan={6}
+                      colSpan={7}
                       className="text-center py-12 text-muted-foreground"
                     >
                       {t(
@@ -387,6 +402,14 @@ export function TenantFineGrainedPermissionsTab({
                         ? "read"
                         : "none";
 
+                    const worksmobileVal = user.relations.includes(
+                      "worksmobile_managers",
+                    )
+                      ? "write"
+                      : user.relations.includes("worksmobile_viewers")
+                        ? "read"
+                        : "none";
+
                     const curProfileVal =
                       localTenantPermissions[user.userId]?.profile ??
                       profileVal;
@@ -398,6 +421,9 @@ export function TenantFineGrainedPermissionsTab({
                       organizationVal;
                     const curSchemaVal =
                       localTenantPermissions[user.userId]?.schema ?? schemaVal;
+                    const curWorksmobileVal =
+                      localTenantPermissions[user.userId]?.worksmobile ??
+                      worksmobileVal;
 
                     return (
                       <TableRow
@@ -562,6 +588,43 @@ export function TenantFineGrainedPermissionsTab({
                             </option>
                           </select>
                         </TableCell>
+                        <TableCell>
+                          <select
+                            className="flex h-9 w-full rounded-md border border-input bg-background px-3 py-1 text-sm shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
+                            value={curWorksmobileVal}
+                            disabled={!isWritable}
+                            name={`tenant-fine-grained-worksmobile-${user.userId}`}
+                            onChange={(e) => {
+                              const nextVal = e.target.value as
+                                | "none"
+                                | "read"
+                                | "write";
+                              setLocalTenantPermissions((prev) => ({
+                                ...prev,
+                                [user.userId]: {
+                                  ...(prev[user.userId] ?? {}),
+                                  worksmobile: nextVal,
+                                },
+                              }));
+                              handleRelationChange(
+                                user.userId,
+                                "worksmobile",
+                                worksmobileVal,
+                                nextVal,
+                              );
+                            }}
+                          >
+                            <option value="none">
+                              {t("ui.common.none", "권한 없음")}
+                            </option>
+                            <option value="read">
+                              {t("ui.common.read", "조회 가능 (Read)")}
+                            </option>
+                            <option value="write">
+                              {t("ui.common.write", "수정 가능 (Write)")}
+                            </option>
+                          </select>
+                        </TableCell>
                         <TableCell className="text-center">
                           <Button
                             variant="ghost"