From 0e88be47555e44269f5f055d2d625f0b43da1208 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9D=B4=ED=83=9C=ED=9B=88?= <taehoon@local>
Date: Thu, 2 Jul 2026 15:47:10 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EA=B4=80=EB=A6=AC=EC=9E=90=20=EA=B6=8C?=
 =?UTF-8?q?=ED=95=9C=20=EB=8C=80=EC=83=81=20=EC=A0=84=ED=99=94=EB=B2=88?=
 =?UTF-8?q?=ED=98=B8=20=EC=B6=94=EA=B0=80=20=EB=B0=8F=20=EA=B6=8C=ED=95=9C?=
 =?UTF-8?q?=20=ED=86=A0=EA=B8=80=20=ED=99=9C=EC=84=B1=ED=99=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Navigation.ts |  6 ++++++
 src/main.ts                  | 26 +++++++++++++++++++-------
 2 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/src/components/Navigation.ts b/src/components/Navigation.ts
index 197f9c1..83cdbdf 100644
--- a/src/components/Navigation.ts
+++ b/src/components/Navigation.ts
@@ -42,6 +42,10 @@ export function renderNavigation(onTabChange: (tab: string) => void) {
   };
 
   const render = () => {
+    // 특정 전화번호 관리자 화이트리스트
+    const allowedAdminMobiles = ['01086270921', '01045278434', '01042470144', '01041585840'];
+    const showRoleToggle = allowedAdminMobiles.includes(state.currentUserMobile || '');
+
     // 1. 헤더 구조 (Vercel Style: Clean Single Row)
     headerContainer.innerHTML = `
       <div class="brand" id="btn-home-logo" style="cursor: pointer;">
@@ -52,6 +56,7 @@ export function renderNavigation(onTabChange: (tab: string) => void) {
       <nav class="integrated-nav" id="main-nav-list"></nav>
 
       <div class="header-actions">
+        ${showRoleToggle ? `
         <div class="role-toggle-wrapper">
           <span class="role-label user ${state.currentUserRole === 'user' ? 'active' : ''}">실무자</span>
           <label class="role-toggle">
@@ -60,6 +65,7 @@ export function renderNavigation(onTabChange: (tab: string) => void) {
           </label>
           <span class="role-label admin ${state.currentUserRole === 'admin' ? 'active' : ''}">관리자</span>
         </div>
+        ` : ''}
         <div class="notification-area">
            <button class="icon-btn" title="알림"><i data-lucide="bell" style="width:18px; height:18px;"></i></button>
         </div>
diff --git a/src/main.ts b/src/main.ts
index 8249bf2..88ccc3d 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -23,7 +23,9 @@ import { createIcons, Plus, X, LayoutDashboard, Monitor, Server, Database, Lapto
 
 interface AuthSessionResponse {
   authenticated: boolean;
-  user: unknown;
+  user: {
+    loginId: string;
+  } | null;
 }
 
 let phoneLoginPollTimer: number | undefined;
@@ -247,14 +249,24 @@ function initRoleSwitcher() {
 /**
  * 앱 초기화 (로그인 과정 없이 즉시 시작)
  */
-function initializeAppDirectly() {
+function initializeAppDirectly(userMobile: string) {
   const loginContainer = document.getElementById('login-container');
   const appLayout = document.getElementById('app-layout');
 
-  // 기본 권한 설정: 실무자 (User)
-  state.currentUserRole = 'user';
+  state.currentUserMobile = userMobile;
+
+  // 허용할 관리자 특정 전화번호 목록
+  const allowedAdminMobiles = ['01086270921', '01045278434', '01042470144', '01041585840'];
+
+  if (allowedAdminMobiles.includes(userMobile)) {
+    state.currentUserRole = 'admin';
+    state.activeSubTab = '대시보드';
+  } else {
+    state.currentUserRole = 'user';
+    state.activeSubTab = '서버'; // 실무자 기본 탭
+  }
+  
   state.activeCategory = 'hw';
-  state.activeSubTab = '서버'; // 실무자 기본 탭
 
   // 화면 전환
   if (loginContainer) loginContainer.style.display = 'none';
@@ -321,7 +333,7 @@ function showLoginScreen(errorMessage?: string) {
 
         if (payload.status === 'authenticated') {
           clearPhonePollTimer();
-          initializeAppDirectly();
+          initializeAppDirectly(payload.user?.loginId || '');
           return;
         }
 
@@ -401,7 +413,7 @@ async function bootstrapApp() {
     const response = await fetch('/api/auth/session');
     const sessionInfo = await response.json() as AuthSessionResponse;
     if (response.ok && sessionInfo.authenticated) {
-      initializeAppDirectly();
+      initializeAppDirectly(sessionInfo.user?.loginId || '');
       return;
     }
   } catch (error) {