VNC 인증 실패 자동 해결 시스템 구현

- VNC 티켓 만료 시 자동 새로고침 API 엔드포인트 추가 (/api/vnc/refresh/<session_id>)
- credentialsrequired 및 securityfailure 이벤트 시 자동 티켓 새로고침 로직 구현
- 새 티켓으로 자동 재연결 기능 추가 (기존 연결 종료 후 새 연결 생성)
- 수동 새로고침 버튼 추가 (🔄 Refresh 버튼)
- 인증 실패 발생 시 사용자에게 진행 상황 표시
- VNC 세션 데이터 자동 업데이트 및 타임스탬프 추가

이제 "Authentication failed" 오류 시 자동으로 새 VNC 티켓을 받아와서 재연결되어
사용자가 수동으로 새로고침할 필요가 없음

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

farmq-admin/templates/vnc_simple.html

@@ -28,12 +28,22 @@
             text-align: center;
         }
         #sendCtrlAltDelButton {
+            position: fixed;
+            top: 0px;
+            right: 120px;
+            border: 1px outset;
+            padding: 5px 5px 4px 5px;
+            cursor: pointer;
+        }
+        
+        #refreshTicketButton {
             position: fixed;
             top: 0px;
             right: 0px;
             border: 1px outset;
             padding: 5px 5px 4px 5px;
             cursor: pointer;
+            background-color: #5bc0de;
         }
 
         #screen {
@@ -74,8 +84,77 @@
         // When this function is called, the server requires
         // credentials to authenticate
         function credentialsAreRequired(e) {
-            const password = prompt("Password Required:");
-            rfb.sendCredentials({ password: password });
+            console.log('VNC 인증 정보가 필요합니다. 티켓을 새로고침합니다...');
+            refreshVNCTicket();
+        }
+
+        // VNC 보안 실패 시 티켓 새로고침
+        function onSecurityFailure(e) {
+            console.log('VNC 보안 인증 실패:', e.detail);
+            status("Authentication failed - refreshing ticket...");
+            refreshVNCTicket();
+        }
+
+        // VNC 티켓 새로고침
+        function refreshVNCTicket() {
+            const sessionId = window.location.pathname.split('/').pop();
+            
+            fetch(`/api/vnc/refresh/${sessionId}`, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                }
+            })
+            .then(response => response.json())
+            .then(data => {
+                if (data.success) {
+                    console.log('✅ 새 VNC 티켓 받음, 재연결 시도...');
+                    status("Got new ticket - reconnecting...");
+                    
+                    // 기존 연결 종료
+                    if (rfb) {
+                        rfb.disconnect();
+                    }
+                    
+                    // 잠시 후 새 티켓으로 재연결
+                    setTimeout(() => {
+                        connectWithNewTicket(data.websocket_url, data.password);
+                    }, 1000);
+                } else {
+                    status("Failed to refresh ticket: " + (data.error || 'Unknown error'));
+                }
+            })
+            .catch(error => {
+                console.error('티켓 새로고침 실패:', error);
+                status("Failed to refresh ticket");
+            });
+        }
+
+        // 새 티켓으로 재연결
+        function connectWithNewTicket(newWebsocketUrl, newPassword) {
+            console.log('새 티켓으로 VNC 재연결 시도...');
+            status("Reconnecting with new ticket...");
+            
+            const decodedUrl = decodeHtmlEntities(newWebsocketUrl);
+            const decodedPassword = decodeHtmlEntities(newPassword);
+            
+            console.log('새 WebSocket URL:', decodedUrl);
+            console.log('새 VNC Password:', decodedPassword);
+            
+            // 새 RFB 연결 생성
+            rfb = new RFB(document.getElementById('screen'), decodedUrl,
+                          { credentials: { password: decodedPassword } });
+
+            // 이벤트 리스너 재등록
+            rfb.addEventListener("connect", connectedToServer);
+            rfb.addEventListener("disconnect", disconnectedFromServer);
+            rfb.addEventListener("credentialsrequired", credentialsAreRequired);
+            rfb.addEventListener("desktopname", updateDesktopName);
+            rfb.addEventListener("securityfailure", onSecurityFailure);
+
+            // 설정 적용
+            rfb.viewOnly = false;
+            rfb.scaleViewport = true;
         }
 
         // When this function is called we have received
@@ -98,6 +177,9 @@
         }
 
         document.getElementById('sendCtrlAltDelButton').onclick = sendCtrlAltDel;
+        document.getElementById('refreshTicketButton').onclick = function() {
+            refreshVNCTicket();
+        };
 
         // VNC 연결 정보 (서버에서 전달)
         const rawWebsocketUrl = '{{ websocket_url|safe }}';
@@ -119,6 +201,7 @@
         rfb.addEventListener("disconnect", disconnectedFromServer);
         rfb.addEventListener("credentialsrequired", credentialsAreRequired);
         rfb.addEventListener("desktopname", updateDesktopName);
+        rfb.addEventListener("securityfailure", onSecurityFailure);
 
         // Set parameters that can be changed on an active connection
         rfb.viewOnly = false;
@@ -130,6 +213,7 @@
     <div id="top_bar">
         <div id="status">Loading</div>
         <div id="sendCtrlAltDelButton">Send CtrlAltDel</div>
+        <div id="refreshTicketButton">🔄 Refresh</div>
     </div>
     <div id="screen">
         <!-- This is where the remote screen will appear -->