Merge origin/main into HW_Dashboard and resolve conflicts

src/main.ts

@@ -74,15 +74,14 @@ function initApp() {
 
     initHwModal(() => saveAllDataToDB(), closeAllModals);
     initSwModal(() => saveAllDataToDB(), closeAllModals);
-
     initSwUserModal(() => { 
       saveSwUsersToDB().then(() => {
         loadMasterDataFromDB().then(() => refreshView());
       });
     }, closeAllModals);
-
+    initDomainModal(() => saveAllDataToDB(), closeAllModals);
+    
     initDashboardDetailModal();
-    initDomainModal();
     initGuide();
 
     loadMasterDataFromDB().then((success) => {
@@ -113,7 +112,7 @@ function initApp() {
       if (cat === 'hw') {
         openHwModal({ id: newId, asset_code: '', category: tab } as any, 'add');
       } else if (cat === 'sw') {
-        const swType = tab === '외부' ? '외부SW' : (tab === '내부' ? '내부SW' : '외부SW');
+        const swType = tab === '외부SW' ? '외부SW' : (tab === '내부SW' ? '내부SW' : '외부SW');
         openSwModal({ id: newId, asset_type: swType } as any, 'add');
       } else if (cat === 'ops') {
         if (tab === '도메인') openDomainModal(null);
@@ -128,4 +127,77 @@ function initApp() {
   window.addEventListener('refresh-view', () => refreshView());
 }
 
-document.addEventListener('DOMContentLoaded', initApp);
+/**
+ * 헤더 역할 전환 토글 로직
+ */
+function initRoleSwitcher() {
+  const checkbox = document.getElementById('role-toggle-checkbox') as HTMLInputElement;
+  const userLabel = document.querySelector('.role-label.user');
+  const adminLabel = document.querySelector('.role-label.admin');
+
+  if (!checkbox || !userLabel || !adminLabel) return;
+
+  checkbox.addEventListener('change', () => {
+    if (checkbox.checked) {
+      alert('관리자 모드는 현재 준비 중입니다. 나중에 관리자 전용 페이지와 연결될 예정입니다.');
+      checkbox.checked = false; // UI 강제 되돌리기
+      return;
+    }
+    
+    // 실무자 모드 전환 (현재는 Admin 진입이 차단되므로 사실상 fallback 로직)
+    state.currentUserRole = 'user';
+    adminLabel.classList.remove('active');
+    userLabel.classList.add('active');
+    document.body.classList.remove('admin-mode');
+  });
+}
+
+/**
+ * 로그인 처리 로직
+ */
+function handleLogin() {
+  const loginContainer = document.getElementById('login-container');
+  const appLayout = document.getElementById('app-layout');
+  const roleCards = document.querySelectorAll('.role-card');
+
+  if (!loginContainer || !appLayout || roleCards.length === 0) return;
+
+  roleCards.forEach(card => {
+    card.addEventListener('click', () => {
+      const role = card.getAttribute('data-role');
+      
+      if (role === 'admin') {
+        alert('관리자 모드는 현재 준비 중입니다. 실무자 모드를 이용해 주세요.');
+        return;
+      }
+
+      if (role === 'user') {
+        console.log('🔓 Entering as Practitioner');
+        
+        // 초기 토글 상태 설정 (실무자 고정)
+        const checkbox = document.getElementById('role-toggle-checkbox') as HTMLInputElement;
+        if (checkbox) checkbox.checked = false;
+        state.currentUserRole = 'user';
+
+        // UI 전환
+        loginContainer.style.display = 'none';
+        appLayout.style.display = 'flex';
+        
+        // 역할 스위처 및 앱 초기화 시작
+        initRoleSwitcher();
+        initApp();
+        
+        // 로고 클릭 시 초기화면 복귀 로직 (한 번만 등록)
+        const brand = document.querySelector('.brand') as HTMLElement;
+        if (brand) {
+          brand.style.cursor = 'pointer';
+          brand.onclick = () => {
+            location.reload(); // 즉시 초기화면으로 복귀
+          };
+        }
+      }
+    });
+  });
+}
+
+document.addEventListener('DOMContentLoaded', handleLogin);