diff --git a/CLAUDE.md b/CLAUDE.md
index ec99829..f85d598 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -39,7 +39,7 @@
 - Токены — opaque; каждый запрос API валидируется через userinfo. Креды клиента (GAUTH_CLIENT_ID/SECRET) — только в `.env`, в UI авторизация никак не конфигурируется.
 - TLS gnexus-auth в LAN self-signed: `GAUTH_VERIFY_TLS=false` по умолчанию; в проде с нормальным сертификатом — `true`.
 - **Single sign-out** (правило владельца): выход из gnexus-auth обязан завершать сессию в Synapse. Прямой logout в gnexus-auth НЕ отзывает OAuth-токены (access до 30 мин, refresh 30 дней переживают logout) — поэтому callback сохраняет выданные токены в Redis по user_id (`store_login`), а вебхук `auth.logout`/`auth.global_logout`/`session.revoked` отзывает их все. SPA-poll `/api/v1/admin/me` каждые 45 c: 401 → уход на /login. Выход из Synapse (`POST /auth/logout`) тоже отзывает входы пользователя; завершение самой SSO-сессии (RP-initiated logout) — TODO в gnexus-auth, зафиксировано в #32.
-- Локальная разработка: gnexus-auth = `http://gnexus-auth.local` (в контейнерах — `extra_hosts: host-gateway` в compose), API на `localhost:8012`.
+- Локальная разработка: gnexus-auth = `http://gnexus-auth.local` (в контейнерах — `extra_hosts: host-gateway` в compose), API на `localhost:8013` (порт задаёт `SYNAPSE_PORT`), dev-сервер SPA — 5174.
 - Токен передаётся `Authorization: Bearer` — cookie не годятся (сессия gnexus-auth не выходит за пределы auth-сервера); SPA-клиент хранит access/refresh сам (docs 18–20 описывают клиентскую сторону).
 
 ## GNexus UI Kit
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index f6394a6..31976e1 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,36 +1,125 @@
 <script setup>
 // Каркас приложения — GnNavigationShell из gnexus-ui-kit: topbar + drawer + footer.
 // Страницы входа/отсечения идут без каркаса (meta.bare в роутере).
-import { computed } from "vue";
-import { useRoute } from "vue-router";
-import { GnNavigationShell } from "gnexus-ui-kit/vue";
+//
+// Футер дровер — карточка профиля (GnUserCard) с кнопкой выхода; здесь же живёт
+// сессия: /api/v1/admin/me каждые 45 c (single sign-out: вебхук отзывает токены,
+// heartbeat ловит 401 и уводит на /login).
+//
+// :key="route.path" — обход ограничения vue-адаптера кита: GnNavList читает
+// route.path ($route) один раз при первом рендере, а vue-router отдаёт $route
+// как unref(currentRoute) — без реактивности, computed с isActive закешируется
+// навсегда. Перезмонтирование шела на каждую смену пути даёт корректную
+// подсветку активного пункта навигации.
+import { computed, onUnmounted, ref, watch } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import { GnNavigationShell, GnUserCard } from "gnexus-ui-kit/vue";
+import { adminMe, clearToken, logout } from "./api.js";
 
 const route = useRoute();
+const router = useRouter();
 
 // Пока в Synapse одна секция — «Обзор»; новые секции добавляются сюда и в router.js.
 const items = [
   { to: "/dashboard", label: "Обзор", icon: "ph-pulse" },
 ];
-
 const currents = {
   "/dashboard": "Обзор",
 };
 const current = computed(() => currents[route.path] || "");
-
 const bare = computed(() => Boolean(route.meta.bare));
+
+const me = ref(null);
+let heartbeatTimer = null;
+
+const initials = computed(() => {
+  const src = me.value?.email || me.value?.sub || "";
+  return src
+    .split(/[.\s@_]+/)
+    .filter(Boolean)
+    .slice(0, 2)
+    .map((w) => w[0].toUpperCase())
+    .join("");
+});
+
+function stopHeartbeat() {
+  if (heartbeatTimer) {
+    clearInterval(heartbeatTimer);
+    heartbeatTimer = null;
+  }
+}
+
+function authFailure(ex) {
+  stopHeartbeat();
+  if (ex?.status === 403) router.push("/denied");
+  else if (ex?.status === 401) {
+    clearToken();
+    router.push("/login");
+  }
+}
+
+async function loadProfile() {
+  try {
+    me.value = await adminMe();
+  } catch (ex) {
+    authFailure(ex);
+  }
+}
+
+function startHeartbeat() {
+  stopHeartbeat();
+  heartbeatTimer = setInterval(async () => {
+    try {
+      me.value = await adminMe();
+    } catch (ex) {
+      authFailure(ex);
+    }
+  }, 45000);
+}
+
+watch(
+  bare,
+  (isBare) => {
+    if (isBare) {
+      me.value = null;
+      stopHeartbeat();
+    } else {
+      loadProfile();
+      startHeartbeat();
+    }
+  },
+  { immediate: true },
+);
+
+onUnmounted(stopHeartbeat);
+
+async function signOut() {
+  stopHeartbeat();
+  me.value = null;
+  await logout();
+  router.push("/login");
+}
 </script>
 
 <template>
   <GnNavigationShell
     v-if="!bare"
+    :key="route.path"
     :items="items"
     brand="Synapse"
     title="Synapse"
     subtitle="Хаб уведомлений Gnexus"
     :current="current"
-    footer-left="Gnexus Synapse"
-    footer-right="© GNexus"
   >
+    <template #footer>
+      <GnUserCard
+        v-if="me"
+        compact
+        :name="me.email"
+        :avatar="{ initials }"
+        :actions="[{ label: 'Выйти', icon: 'ph-sign-out', onClick: signOut }]"
+      />
+    </template>
     <template #content>
       <RouterView />
     </template>
diff --git a/frontend/src/main.js b/frontend/src/main.js
index faf7b1a..b54dc81 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -5,4 +5,8 @@
 import App from "./App.vue";
 import { router } from "./router.js";
 
-createApp(App).use(GnexusUiVue).use(router).mount("#app");
\ No newline at end of file
+const app = createApp(App).use(GnexusUiVue).use(router);
+// Ждём первичной навигации: иначе первый рендер идёт со START-локацией ("/"),
+// и каркас (и heartbeat в App.vue) срабатывает ещё до того, как роутер узнал
+// реальный путь. isReady -> mount решает это.
+router.isReady().then(() => app.mount("#app"));
\ No newline at end of file
diff --git a/frontend/src/views/DashboardView.vue b/frontend/src/views/DashboardView.vue
index 236c391..b21b8b4 100644
--- a/frontend/src/views/DashboardView.vue
+++ b/frontend/src/views/DashboardView.vue
@@ -1,63 +1,26 @@
 <script setup>
-// Обзор: состояние сервиса и вход. Контент живёт внутри каркаса
-// GnNavigationShell (App.vue) — здесь только страница, не весь UI.
-import { onMounted, onUnmounted, ref } from "vue";
-import { useRouter } from "vue-router";
-import { GnButton, GnMetricCard, GnStatusCard, GnLoader, GnPageHeader } from "gnexus-ui-kit/vue";
-import { adminMe, clearToken, healthz, logout } from "../api.js";
+// Обзор: состояние сервиса. Профиль и выход живут в каркасе (App.vue, #footer),
+// heartbeat сессии — тоже там; здесь только healthz.
+import { onMounted, ref } from "vue";
+import { GnLoader, GnMetricCard, GnPageHeader, GnStatusCard } from "gnexus-ui-kit/vue";
+import { healthz } from "../api.js";
 
-const router = useRouter();
-
-const me = ref(null);
 const health = ref(null);
 const error = ref(true); // пока не загружено — показать лоадер, не ошибку
-let heartbeatTimer = null;
 
 onMounted(async () => {
   try {
-    [me.value, health.value] = await Promise.all([adminMe(), healthz()]);
+    health.value = await healthz();
     error.value = false;
   } catch (ex) {
-    // Роль ниже admin — сервер не пустит: показываем экран отсечения.
-    if (ex.status === 403) {
-      router.push("/denied");
-      return;
-    }
     error.value = `Сервис недоступен: ${ex.message}`;
   }
-  // Single sign-out: пользователь вышел из gnexus-auth -> наш вебхук отзывает
-  // его токены -> здесь 401, и SPA уходит на /login сама.
-  heartbeatTimer = setInterval(async () => {
-    try {
-      await adminMe();
-    } catch (ex) {
-      clearInterval(heartbeatTimer);
-      if (ex.status === 403) router.push("/denied");
-      else if (ex.status === 401) {
-        clearToken();
-        router.push("/login");
-      }
-    }
-  }, 45000);
 });
-
-onUnmounted(() => {
-  if (heartbeatTimer) clearInterval(heartbeatTimer);
-});
-
-async function signOut() {
-  await logout();
-  router.push("/login");
-}
 </script>
 
 <template>
   <main class="container page">
-    <GnPageHeader kicker="Synapse" title="Обзор" subtitle="Состояние хаба уведомлений">
-      <template #actions>
-        <GnButton variant="secondary" icon="ph-sign-out" @click="signOut">Выйти</GnButton>
-      </template>
-    </GnPageHeader>
+    <GnPageHeader kicker="Synapse" title="Обзор" subtitle="Состояние хаба уведомлений" />
 
     <GnLoader v-if="error === true" />
     <GnStatusCard v-else-if="typeof error === 'string'" variant="error" icon="ph-warning-circle" :text="error" />
@@ -65,7 +28,6 @@
     <template v-else>
       <div class="metrics">
         <GnMetricCard label="Сервис" :value="health.status" icon="ph-broadcast" />
-        <GnMetricCard label="Вы вошли как" :value="me.email || me.sub" icon="ph-user" :meta="me.system_role" />
       </div>
       <GnStatusCard
         variant="info"
@@ -78,7 +40,10 @@
 </template>
 
 <style scoped>
+/* Максимум 1440 по требованию макета; ниже — обычный поток. */
 .page {
+  max-width: 1440px;
+  margin-inline: auto;
   padding-block: var(--gn-space-6);
   display: flex;
   flex-direction: column;