Auto-resume active session on app reload

shine-UI/js/pages/device-session-view.js

@@ -1,5 +1,5 @@
 import { renderHeader } from '../components/header.js?v=20260327192619';
-import { deviceSessions } from '../mock-data.js?v=20260327192619';
+import { authService, refreshSessions, setAuthError, state } from '../state.js?v=20260327192619';
 
 export const pageMeta = { id: 'device-session-view', title: 'Сеанс устройства' };
 
@@ -18,7 +18,7 @@ export function render({ navigate, route }) {
   screen.className = 'stack';
 
   const sessionId = route?.params?.sessionId || '';
-  const session = deviceSessions.find((item) => item.sessionId === sessionId) || deviceSessions[0];
+  const session = (state.sessions || []).find((item) => item.sessionId === sessionId) || state.sessions[0];
 
   screen.append(
     renderHeader({
@@ -27,14 +27,22 @@ export function render({ navigate, route }) {
     }),
   );
 
+  if (!session) {
+    const empty = document.createElement('div');
+    empty.className = 'card';
+    empty.textContent = 'Сеанс не найден.';
+    screen.append(empty);
+    return screen;
+  }
+
   const details = document.createElement('div');
   details.className = 'card stack';
   details.innerHTML = `
     <div><p class="meta-muted">sessionId</p><p>${session.sessionId}</p></div>
-    <div><p class="meta-muted">clientInfoFromClient</p><p>${session.clientInfoFromClient}</p></div>
-    <div><p class="meta-muted">clientInfoFromRequest</p><p>${session.clientInfoFromRequest}</p></div>
-    <div><p class="meta-muted">geo</p><p>${session.geo}</p></div>
-    <div><p class="meta-muted">дата/время</p><p>${formatSessionTime(session.lastAuthenticatedAtMs)}</p></div>
+    <div><p class="meta-muted">clientInfoFromClient</p><p>${session.clientInfoFromClient || '-'}</p></div>
+    <div><p class="meta-muted">clientInfoFromRequest</p><p>${session.clientInfoFromRequest || '-'}</p></div>
+    <div><p class="meta-muted">geo</p><p>${session.geo || 'unknown'}</p></div>
+    <div><p class="meta-muted">дата/время</p><p>${formatSessionTime(session.lastAuthenticatedAtMs || Date.now())}</p></div>
   `;
 
   const actionBtn = document.createElement('button');
@@ -42,46 +50,17 @@ export function render({ navigate, route }) {
   actionBtn.type = 'button';
   actionBtn.textContent = 'Завершить сеанс';
 
-  const confirmModal = document.createElement('div');
-  confirmModal.className = 'modal-shell';
-  confirmModal.hidden = true;
-  confirmModal.innerHTML = `
-    <div class="modal-backdrop" data-close="true"></div>
-    <div class="modal-dialog card" role="dialog" aria-modal="true" tabindex="-1">
-      <p>Вы уверены, что хотите завершить этот сеанс?</p>
-      <div class="auth-footer-actions">
-        <button class="primary-btn" type="button" id="confirm-session-ok">ОК</button>
-        <button class="ghost-btn" type="button" data-close="true">Отмена</button>
-      </div>
-    </div>
-  `;
-
-  const openModal = () => {
-    confirmModal.hidden = false;
-    confirmModal.querySelector('.modal-dialog').focus();
-  };
-
-  const closeModal = () => {
-    confirmModal.hidden = true;
-  };
-
-  actionBtn.addEventListener('click', openModal);
-
-  confirmModal.querySelector('#confirm-session-ok').addEventListener('click', closeModal);
-
-  confirmModal.addEventListener('click', (event) => {
-    const target = event.target;
-    if (target instanceof HTMLElement && target.dataset.close === 'true') {
-      closeModal();
+  actionBtn.addEventListener('click', async () => {
+    try {
+      await authService.closeSession(session.sessionId);
+      await refreshSessions();
+      navigate('device-view');
+    } catch (error) {
+      setAuthError(error.message);
+      window.alert(error.message);
     }
   });
 
-  confirmModal.addEventListener('keydown', (event) => {
-    if (event.key === 'Escape') {
-      closeModal();
-    }
-  });
-
-  screen.append(details, actionBtn, confirmModal);
+  screen.append(details, actionBtn);
   return screen;
 }