diff --git a/src/App.vue b/src/App.vue
index b9b95fd..1202918 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -6,11 +6,9 @@ import { RouterView } from 'vue-router'
 
 <template>
   <n-config-provider :theme="darkTheme">
-
     <n-message-provider>
       <RouterView />
     </n-message-provider>
-
   </n-config-provider>
 </template>
 
diff --git a/src/api/auth_client.ts b/src/api/auth_client.ts
index 2dbcdfe..7e9b7ae 100644
--- a/src/api/auth_client.ts
+++ b/src/api/auth_client.ts
@@ -1,39 +1,35 @@
-import { useAuthStore } from "@/stores/auth";
+import { useAuthStore } from '@/stores/auth'
 
-import { createEveningDetectiveServerClient, type EveningDetectiveServer } from "./generated/crabs/evening_detective_server";
-import { createHttpHandler } from "./generated/crabs/evening_detective_server/client";
+import {
+  createEveningDetectiveServerClient,
+  type EveningDetectiveServer,
+} from './generated/crabs/evening_detective_server'
+import { createHttpHandler } from './generated/crabs/evening_detective_server/client'
 
 export function getAuthClient() {
-    const authStore = useAuthStore();
-    return buildAuthClient(authStore.refreshTokenAction, authStore.getToken)
+  const authStore = useAuthStore()
+  return buildAuthClient(authStore.refreshTokenAction, authStore.getToken)
 }
 
 function buildAuthClient(
-    refreshTokens: () => Promise<boolean>,
-    getToken: () => string | null,
+  refreshTokens: () => Promise<boolean>,
+  getToken: () => string | null,
 ): EveningDetectiveServer {
-    return createEveningDetectiveServerClient(
-        createAuthHttpHandler(
-            refreshTokens,
-            createHttpHandler(
-                getToken,
-            )
-        )
-    )
+  return createEveningDetectiveServerClient(
+    createAuthHttpHandler(refreshTokens, createHttpHandler(getToken)),
+  )
 }
 
 function createAuthHttpHandler(
-    refreshTokens: () => Promise<boolean>,
-    handler: (request: { path: string, method: string, body: string | null }) => Promise<unknown>
-): (request: { path: string, method: string, body: string | null }) => Promise<unknown> {
-    return async (
-        request: { path: string, method: string, body: string | null },
-    ) => {
-        try {
-            return await handler(request)
-        } catch {
-            await refreshTokens()
-            return await handler(request)
-        }
+  refreshTokens: () => Promise<boolean>,
+  handler: (request: { path: string; method: string; body: string | null }) => Promise<unknown>,
+): (request: { path: string; method: string; body: string | null }) => Promise<unknown> {
+  return async (request: { path: string; method: string; body: string | null }) => {
+    try {
+      return await handler(request)
+    } catch {
+      await refreshTokens()
+      return await handler(request)
     }
+  }
 }
diff --git a/src/api/generated/crabs/evening_detective_server/client.ts b/src/api/generated/crabs/evening_detective_server/client.ts
index efd978a..0eb5e71 100644
--- a/src/api/generated/crabs/evening_detective_server/client.ts
+++ b/src/api/generated/crabs/evening_detective_server/client.ts
@@ -1,58 +1,50 @@
-import { createEveningDetectiveServerClient, type EveningDetectiveServer } from ".";
+import { createEveningDetectiveServerClient, type EveningDetectiveServer } from '.'
 
-export function buildClient(
-    getToken?: () => string | null,
-): EveningDetectiveServer {
-    return createEveningDetectiveServerClient(
-        createHttpHandler(
-            getToken,
-        )
-    )
+export function buildClient(getToken?: () => string | null): EveningDetectiveServer {
+  return createEveningDetectiveServerClient(createHttpHandler(getToken))
 }
 
 export function createHttpHandler(
-    getToken?: () => string | null,
-): (request: { path: string, method: string, body: string | null }) => Promise<unknown> {
-    return async (
-        request: { path: string, method: string, body: string | null },
-    ) => {
-        const baseURL = getURL()
+  getToken?: () => string | null,
+): (request: { path: string; method: string; body: string | null }) => Promise<unknown> {
+  return async (request: { path: string; method: string; body: string | null }) => {
+    const baseURL = getURL()
 
-        // Формируем полный URL
-        const url = `${baseURL}/${request.path}`;
+    // Формируем полный URL
+    const url = `${baseURL}/${request.path}`
 
-        // Подготавливаем заголовки
-        const headers: Record<string, string> = {
-            'Content-Type': 'application/json',
-        };
+    // Подготавливаем заголовки
+    const headers: Record<string, string> = {
+      'Content-Type': 'application/json',
+    }
 
-        // Добавляем токен, если он есть
-        const token = getToken?.();
-        if (token) {
-            headers['Authorization'] = `Bearer ${token}`;
-        }
+    // Добавляем токен, если он есть
+    const token = getToken?.()
+    if (token) {
+      headers['Authorization'] = `Bearer ${token}`
+    }
 
-        // Делаем запрос
-        const response = await fetch(url, {
-            method: request.method,
-            headers,
-            body: request.body, // body уже JSON-строка из генератора
-        });
+    // Делаем запрос
+    const response = await fetch(url, {
+      method: request.method,
+      headers,
+      body: request.body, // body уже JSON-строка из генератора
+    })
 
-        if (response.status == 401) {
-            throw new Error("unauthorized");
-        }
+    if (response.status == 401) {
+      throw new Error('unauthorized')
+    }
 
-        // Парсим ответ
-        const data = await response.json();
+    // Парсим ответ
+    const data = await response.json()
 
-        // Возвращаем в формате, который ожидает генератор
-        return data;
-    };
+    // Возвращаем в формате, который ожидает генератор
+    return data
+  }
 }
 
 export function getURL(): string {
-    const url =  import.meta.env.VITE_API_URL || "http://localhost:8090"
-    // console.log(url)
-    return url
+  const url = import.meta.env.VITE_API_URL || 'http://localhost:8090'
+  // console.log(url)
+  return url
 }
diff --git a/src/api/generated/crabs/evening_detective_server/index.ts b/src/api/generated/crabs/evening_detective_server/index.ts
index 20f140c..2df8771 100644
--- a/src/api/generated/crabs/evening_detective_server/index.ts
+++ b/src/api/generated/crabs/evening_detective_server/index.ts
@@ -1,704 +1,767 @@
 // Code generated by protoc-gen-typescript-http. DO NOT EDIT.
- 
+
 // @ts-nocheck
 
-export type PingReq = {
-};
+export type PingReq = {}
 
-export type PingRsp = {
-};
+export type PingRsp = {}
 
 export type EchoReq = {
-  text: string | undefined;
-};
+  text: string | undefined
+}
 
 export type EchoRsp = {
-  text: string | undefined;
-};
+  text: string | undefined
+}
 
 export type SignupReq = {
-  username: string | undefined;
-  email: string | undefined;
-};
+  username: string | undefined
+  email: string | undefined
+}
 
 export type SignupRsp = {
-  error: string | undefined;
-};
+  error: string | undefined
+}
 
 export type RefreshPasswordReq = {
-  email: string | undefined;
-};
+  email: string | undefined
+}
 
 export type RefreshPasswordRsp = {
-  error: string | undefined;
-};
+  error: string | undefined
+}
 
 export type LoginReq = {
-  email: string | undefined;
-  password: string | undefined;
-};
+  email: string | undefined
+  password: string | undefined
+}
 
 export type LoginRsp = {
-  error: string | undefined;
-  accessToken: string | undefined;
-  refreshToken: string | undefined;
-};
+  error: string | undefined
+  accessToken: string | undefined
+  refreshToken: string | undefined
+}
 
 export type RefreshReq = {
-  refreshToken: string | undefined;
-};
+  refreshToken: string | undefined
+}
 
 export type RefreshRsp = {
-  error: string | undefined;
-  accessToken: string | undefined;
-  refreshToken: string | undefined;
-};
+  error: string | undefined
+  accessToken: string | undefined
+  refreshToken: string | undefined
+}
 
-export type GetUsersReq = {
-};
+export type GetUsersReq = {}
 
 export type GetUsersRsp = {
-  error: string | undefined;
-  users: User[] | undefined;
-};
+  error: string | undefined
+  users: User[] | undefined
+}
 
 export type User = {
-  id: number | undefined;
-  username: string | undefined;
-  email: string | undefined;
-  roles: string[] | undefined;
-  isActive: boolean | undefined;
-  createdAt: wellKnownTimestamp | undefined;
-};
+  id: number | undefined
+  username: string | undefined
+  email: string | undefined
+  roles: string[] | undefined
+  isActive: boolean | undefined
+  createdAt: wellKnownTimestamp | undefined
+}
 
 // Encoded using RFC 3339, where generated output will always be Z-normalized
 // and uses 0, 3, 6 or 9 fractional digits.
 // Offsets other than "Z" are also accepted.
-type wellKnownTimestamp = string;
+type wellKnownTimestamp = string
 
 export type GetUserByIdReq = {
-  id: number | undefined;
-};
+  id: number | undefined
+}
 
 export type GetUserByIdRsp = {
-  error: string | undefined;
-  user: User | undefined;
-};
+  error: string | undefined
+  user: User | undefined
+}
 
-export type GetMeReq = {
-};
+export type GetMeReq = {}
 
 export type GetMeRsp = {
-  error: string | undefined;
-  user: User | undefined;
-};
+  error: string | undefined
+  user: User | undefined
+}
 
 export type AddUserRoleReq = {
-  id: number | undefined;
-  role: string | undefined;
-};
+  id: number | undefined
+  role: string | undefined
+}
 
 export type AddUserRoleRsp = {
-  error: string | undefined;
-};
+  error: string | undefined
+}
 
 export type DeleteUserRoleReq = {
-  id: number | undefined;
-  role: string | undefined;
-};
+  id: number | undefined
+  role: string | undefined
+}
 
 export type DeleteUserRoleRsp = {
-  error: string | undefined;
-};
+  error: string | undefined
+}
 
-export type GetPermissionsReq = {
-};
+export type GetPermissionsReq = {}
 
 export type GetPermissionsRsp = {
-  error: string | undefined;
-  permissions: string[] | undefined;
-};
+  error: string | undefined
+  permissions: string[] | undefined
+}
 
 export type UploadFileReq = {
-  filename: string | undefined;
-  data: string | undefined;
-};
+  filename: string | undefined
+  data: string | undefined
+}
 
 export type UploadFileRsp = {
-  error: string | undefined;
-  filename: string | undefined;
-};
+  error: string | undefined
+  filename: string | undefined
+}
 
 export type DownloadFileReq = {
-  filename: string | undefined;
-};
+  filename: string | undefined
+}
 
 export type AddScenarioReq = {
-  name: string | undefined;
-};
+  name: string | undefined
+}
 
 export type AddScenarioRsp = {
-  error: string | undefined;
-  id: number | undefined;
-};
+  error: string | undefined
+  id: number | undefined
+}
 
-export type GetMyScenariosReq = {
-};
+export type GetMyScenariosReq = {}
 
 export type GetMyScenariosRsp = {
-  error: string | undefined;
-  scenarios: Scenario[] | undefined;
-};
+  error: string | undefined
+  scenarios: Scenario[] | undefined
+}
 
 export type Scenario = {
-  id: number | undefined;
-  name: string | undefined;
-  description?: string;
-  image?: string;
-  story: Story | undefined;
-  author: User | undefined;
-  updatedAt: wellKnownTimestamp | undefined;
-  createdAt: wellKnownTimestamp | undefined;
-  publishedAt: wellKnownTimestamp | undefined;
-};
+  id: number | undefined
+  name: string | undefined
+  description?: string
+  image?: string
+  story: Story | undefined
+  author: User | undefined
+  updatedAt: wellKnownTimestamp | undefined
+  createdAt: wellKnownTimestamp | undefined
+  publishedAt: wellKnownTimestamp | undefined
+}
 
 export type Story = {
-  places: Place[] | undefined;
-};
+  places: Place[] | undefined
+}
 
 export type Place = {
-  code: string | undefined;
-  name: string | undefined;
-  text: string | undefined;
-  image: string | undefined;
-  hidden: boolean | undefined;
-  applications: Application[] | undefined;
-  doors: Door[] | undefined;
-  keys: Key[] | undefined;
-};
+  code: string | undefined
+  name: string | undefined
+  text: string | undefined
+  image: string | undefined
+  hidden: boolean | undefined
+  applications: Application[] | undefined
+  doors: Door[] | undefined
+  keys: Key[] | undefined
+}
 
 export type Application = {
-  name: string | undefined;
-  image: string | undefined;
-};
+  name: string | undefined
+  image: string | undefined
+}
 
 export type Door = {
-  code: string | undefined;
-  name: string | undefined;
-  keys: Key[] | undefined;
-};
+  code: string | undefined
+  name: string | undefined
+  keys: Key[] | undefined
+}
 
 export type Key = {
-  name: string | undefined;
-};
+  name: string | undefined
+}
 
 export type GetScenarioReq = {
-  id: number | undefined;
-};
+  id: number | undefined
+}
 
 export type GetScenarioRsp = {
-  error: string | undefined;
-  scenario: Scenario | undefined;
-};
+  error: string | undefined
+  scenario: Scenario | undefined
+}
 
 export type UpdateScenarioReq = {
-  id: number | undefined;
-  name: string | undefined;
-  description: string | undefined;
-  image: string | undefined;
-};
+  id: number | undefined
+  name: string | undefined
+  description: string | undefined
+  image: string | undefined
+}
 
 export type UpdateScenarioRsp = {
-  error: string | undefined;
-};
+  error: string | undefined
+}
 
 export type DeleteScenarioReq = {
-  id: number | undefined;
-};
+  id: number | undefined
+}
 
 export type DeleteScenarioRsp = {
-  error: string | undefined;
-};
+  error: string | undefined
+}
 
 export type AddScenarioPlaceReq = {
-  id: number | undefined;
-  place: Place | undefined;
-};
+  id: number | undefined
+  place: Place | undefined
+}
 
 export type AddScenarioPlaceRsp = {
-  error: string | undefined;
-};
+  error: string | undefined
+}
 
 export type UpdateScenarioPlaceReq = {
-  id: number | undefined;
-  code: string | undefined;
-  place: Place | undefined;
-};
+  id: number | undefined
+  code: string | undefined
+  place: Place | undefined
+}
 
 export type UpdateScenarioPlaceRsp = {
-  error: string | undefined;
-};
+  error: string | undefined
+}
 
 export type DeleteScenarioPlaceReq = {
-  id: number | undefined;
-  code: string | undefined;
-};
+  id: number | undefined
+  code: string | undefined
+}
 
 export type DeleteScenarioPlaceRsp = {
-  error: string | undefined;
-};
+  error: string | undefined
+}
 
 export interface EveningDetectiveServer {
-  Ping(request: PingReq): Promise<PingRsp>;
-  Echo(request: EchoReq): Promise<EchoRsp>;
-  Signup(request: SignupReq): Promise<SignupRsp>;
-  RefreshPassword(request: RefreshPasswordReq): Promise<RefreshPasswordRsp>;
-  Login(request: LoginReq): Promise<LoginRsp>;
-  Refresh(request: RefreshReq): Promise<RefreshRsp>;
-  GetUsers(request: GetUsersReq): Promise<GetUsersRsp>;
-  GetUserById(request: GetUserByIdReq): Promise<GetUserByIdRsp>;
-  GetMe(request: GetMeReq): Promise<GetMeRsp>;
-  AddUserRole(request: AddUserRoleReq): Promise<AddUserRoleRsp>;
-  DeleteUserRole(request: DeleteUserRoleReq): Promise<DeleteUserRoleRsp>;
-  GetPermissions(request: GetPermissionsReq): Promise<GetPermissionsRsp>;
-  UploadFile(request: UploadFileReq): Promise<UploadFileRsp>;
-  DownloadFile(request: DownloadFileReq): Promise<googleapi_HttpBody>;
-  AddScenario(request: AddScenarioReq): Promise<AddScenarioRsp>;
-  GetMyScenarios(request: GetMyScenariosReq): Promise<GetMyScenariosRsp>;
-  GetScenario(request: GetScenarioReq): Promise<GetScenarioRsp>;
-  UpdateScenario(request: UpdateScenarioReq): Promise<UpdateScenarioRsp>;
-  DeleteScenario(request: DeleteScenarioReq): Promise<DeleteScenarioRsp>;
-  AddScenarioPlace(request: AddScenarioPlaceReq): Promise<AddScenarioPlaceRsp>;
-  UpdateScenarioPlace(request: UpdateScenarioPlaceReq): Promise<UpdateScenarioPlaceRsp>;
-  DeleteScenarioPlace(request: DeleteScenarioPlaceReq): Promise<DeleteScenarioPlaceRsp>;
+  Ping(request: PingReq): Promise<PingRsp>
+  Echo(request: EchoReq): Promise<EchoRsp>
+  Signup(request: SignupReq): Promise<SignupRsp>
+  RefreshPassword(request: RefreshPasswordReq): Promise<RefreshPasswordRsp>
+  Login(request: LoginReq): Promise<LoginRsp>
+  Refresh(request: RefreshReq): Promise<RefreshRsp>
+  GetUsers(request: GetUsersReq): Promise<GetUsersRsp>
+  GetUserById(request: GetUserByIdReq): Promise<GetUserByIdRsp>
+  GetMe(request: GetMeReq): Promise<GetMeRsp>
+  AddUserRole(request: AddUserRoleReq): Promise<AddUserRoleRsp>
+  DeleteUserRole(request: DeleteUserRoleReq): Promise<DeleteUserRoleRsp>
+  GetPermissions(request: GetPermissionsReq): Promise<GetPermissionsRsp>
+  UploadFile(request: UploadFileReq): Promise<UploadFileRsp>
+  DownloadFile(request: DownloadFileReq): Promise<googleapi_HttpBody>
+  AddScenario(request: AddScenarioReq): Promise<AddScenarioRsp>
+  GetMyScenarios(request: GetMyScenariosReq): Promise<GetMyScenariosRsp>
+  GetScenario(request: GetScenarioReq): Promise<GetScenarioRsp>
+  UpdateScenario(request: UpdateScenarioReq): Promise<UpdateScenarioRsp>
+  DeleteScenario(request: DeleteScenarioReq): Promise<DeleteScenarioRsp>
+  AddScenarioPlace(request: AddScenarioPlaceReq): Promise<AddScenarioPlaceRsp>
+  UpdateScenarioPlace(request: UpdateScenarioPlaceReq): Promise<UpdateScenarioPlaceRsp>
+  DeleteScenarioPlace(request: DeleteScenarioPlaceReq): Promise<DeleteScenarioPlaceRsp>
 }
 
 type RequestType = {
-  path: string;
-  method: string;
-  body: string | null;
-};
+  path: string
+  method: string
+  body: string | null
+}
 
-type RequestHandler = (request: RequestType, meta: { service: string, method: string }) => Promise<unknown>;
+type RequestHandler = (
+  request: RequestType,
+  meta: { service: string; method: string },
+) => Promise<unknown>
 
 export function createEveningDetectiveServerClient(
-  handler: RequestHandler
+  handler: RequestHandler,
 ): EveningDetectiveServer {
   return {
-    Ping(request) {  
-      const path = `api/test/ping`;  
-      const body = null;
-      const queryParams: string[] = [];
-      let uri = path;
+    Ping(request) {
+      const path = `api/test/ping`
+      const body = null
+      const queryParams: string[] = []
+      let uri = path
       if (queryParams.length > 0) {
-        uri += `?${queryParams.join("&")}`
+        uri += `?${queryParams.join('&')}`
       }
-      return handler({
-        path: uri,
-        method: "GET",
-        body,
-      }, {
-        service: "EveningDetectiveServer",
-        method: "Ping",
-      }) as Promise<PingRsp>;
+      return handler(
+        {
+          path: uri,
+          method: 'GET',
+          body,
+        },
+        {
+          service: 'EveningDetectiveServer',
+          method: 'Ping',
+        },
+      ) as Promise<PingRsp>
     },
-    Echo(request) {  
-      const path = `api/test/echo`;  
-      const body = null;
-      const queryParams: string[] = [];
+    Echo(request) {
+      const path = `api/test/echo`
+      const body = null
+      const queryParams: string[] = []
       if (request.text) {
         queryParams.push(`text=${encodeURIComponent(request.text.toString())}`)
       }
-      let uri = path;
+      let uri = path
       if (queryParams.length > 0) {
-        uri += `?${queryParams.join("&")}`
+        uri += `?${queryParams.join('&')}`
       }
-      return handler({
-        path: uri,
-        method: "POST",
-        body,
-      }, {
-        service: "EveningDetectiveServer",
-        method: "Echo",
-      }) as Promise<EchoRsp>;
+      return handler(
+        {
+          path: uri,
+          method: 'POST',
+          body,
+        },
+        {
+          service: 'EveningDetectiveServer',
+          method: 'Echo',
+        },
+      ) as Promise<EchoRsp>
     },
-    Signup(request) {  
-      const path = `api/auth/signup`;  
-      const body = JSON.stringify(request);
-      const queryParams: string[] = [];
-      let uri = path;
+    Signup(request) {
+      const path = `api/auth/signup`
+      const body = JSON.stringify(request)
+      const queryParams: string[] = []
+      let uri = path
       if (queryParams.length > 0) {
-        uri += `?${queryParams.join("&")}`
+        uri += `?${queryParams.join('&')}`
       }
-      return handler({
-        path: uri,
-        method: "POST",
-        body,
-      }, {
-        service: "EveningDetectiveServer",
-        method: "Signup",
-      }) as Promise<SignupRsp>;
+      return handler(
+        {
+          path: uri,
+          method: 'POST',
+          body,
+        },
+        {
+          service: 'EveningDetectiveServer',
+          method: 'Signup',
+        },
+      ) as Promise<SignupRsp>
     },
-    RefreshPassword(request) {  
-      const path = `api/auth/refresh-password`;  
-      const body = JSON.stringify(request);
-      const queryParams: string[] = [];
-      let uri = path;
+    RefreshPassword(request) {
+      const path = `api/auth/refresh-password`
+      const body = JSON.stringify(request)
+      const queryParams: string[] = []
+      let uri = path
       if (queryParams.length > 0) {
-        uri += `?${queryParams.join("&")}`
+        uri += `?${queryParams.join('&')}`
       }
-      return handler({
-        path: uri,
-        method: "POST",
-        body,
-      }, {
-        service: "EveningDetectiveServer",
-        method: "RefreshPassword",
-      }) as Promise<RefreshPasswordRsp>;
+      return handler(
+        {
+          path: uri,
+          method: 'POST',
+          body,
+        },
+        {
+          service: 'EveningDetectiveServer',
+          method: 'RefreshPassword',
+        },
+      ) as Promise<RefreshPasswordRsp>
     },
-    Login(request) {  
-      const path = `api/auth/login`;  
-      const body = JSON.stringify(request);
-      const queryParams: string[] = [];
-      let uri = path;
+    Login(request) {
+      const path = `api/auth/login`
+      const body = JSON.stringify(request)
+      const queryParams: string[] = []
+      let uri = path
       if (queryParams.length > 0) {
-        uri += `?${queryParams.join("&")}`
+        uri += `?${queryParams.join('&')}`
       }
-      return handler({
-        path: uri,
-        method: "POST",
-        body,
-      }, {
-        service: "EveningDetectiveServer",
-        method: "Login",
-      }) as Promise<LoginRsp>;
+      return handler(
+        {
+          path: uri,
+          method: 'POST',
+          body,
+        },
+        {
+          service: 'EveningDetectiveServer',
+          method: 'Login',
+        },
+      ) as Promise<LoginRsp>
     },
-    Refresh(request) {  
-      const path = `api/auth/refresh`;  
-      const body = JSON.stringify(request);
-      const queryParams: string[] = [];
-      let uri = path;
+    Refresh(request) {
+      const path = `api/auth/refresh`
+      const body = JSON.stringify(request)
+      const queryParams: string[] = []
+      let uri = path
       if (queryParams.length > 0) {
-        uri += `?${queryParams.join("&")}`
+        uri += `?${queryParams.join('&')}`
       }
-      return handler({
-        path: uri,
-        method: "POST",
-        body,
-      }, {
-        service: "EveningDetectiveServer",
-        method: "Refresh",
-      }) as Promise<RefreshRsp>;
+      return handler(
+        {
+          path: uri,
+          method: 'POST',
+          body,
+        },
+        {
+          service: 'EveningDetectiveServer',
+          method: 'Refresh',
+        },
+      ) as Promise<RefreshRsp>
     },
-    GetUsers(request) {  
-      const path = `api/users`;  
-      const body = null;
-      const queryParams: string[] = [];
-      let uri = path;
+    GetUsers(request) {
+      const path = `api/users`
+      const body = null
+      const queryParams: string[] = []
+      let uri = path
       if (queryParams.length > 0) {
-        uri += `?${queryParams.join("&")}`
+        uri += `?${queryParams.join('&')}`
       }
-      return handler({
-        path: uri,
-        method: "GET",
-        body,
-      }, {
-        service: "EveningDetectiveServer",
-        method: "GetUsers",
-      }) as Promise<GetUsersRsp>;
+      return handler(
+        {
+          path: uri,
+          method: 'GET',
+          body,
+        },
+        {
+          service: 'EveningDetectiveServer',
+          method: 'GetUsers',
+        },
+      ) as Promise<GetUsersRsp>
     },
-    GetUserById(request) {  
+    GetUserById(request) {
       if (!request.id) {
-        throw new Error("missing required field request.id");
+        throw new Error('missing required field request.id')
       }
-      const path = `api/users/${request.id}`;  
-      const body = null;
-      const queryParams: string[] = [];
-      let uri = path;
+      const path = `api/users/${request.id}`
+      const body = null
+      const queryParams: string[] = []
+      let uri = path
       if (queryParams.length > 0) {
-        uri += `?${queryParams.join("&")}`
+        uri += `?${queryParams.join('&')}`
       }
-      return handler({
-        path: uri,
-        method: "GET",
-        body,
-      }, {
-        service: "EveningDetectiveServer",
-        method: "GetUserById",
-      }) as Promise<GetUserByIdRsp>;
+      return handler(
+        {
+          path: uri,
+          method: 'GET',
+          body,
+        },
+        {
+          service: 'EveningDetectiveServer',
+          method: 'GetUserById',
+        },
+      ) as Promise<GetUserByIdRsp>
     },
-    GetMe(request) {  
-      const path = `api/users/me`;  
-      const body = null;
-      const queryParams: string[] = [];
-      let uri = path;
+    GetMe(request) {
+      const path = `api/users/me`
+      const body = null
+      const queryParams: string[] = []
+      let uri = path
       if (queryParams.length > 0) {
-        uri += `?${queryParams.join("&")}`
+        uri += `?${queryParams.join('&')}`
       }
-      return handler({
-        path: uri,
-        method: "GET",
-        body,
-      }, {
-        service: "EveningDetectiveServer",
-        method: "GetMe",
-      }) as Promise<GetMeRsp>;
+      return handler(
+        {
+          path: uri,
+          method: 'GET',
+          body,
+        },
+        {
+          service: 'EveningDetectiveServer',
+          method: 'GetMe',
+        },
+      ) as Promise<GetMeRsp>
     },
-    AddUserRole(request) {  
+    AddUserRole(request) {
       if (!request.id) {
-        throw new Error("missing required field request.id");
+        throw new Error('missing required field request.id')
       }
-      const path = `api/users/${request.id}/role/add`;  
-      const body = JSON.stringify(request);
-      const queryParams: string[] = [];
-      let uri = path;
+      const path = `api/users/${request.id}/role/add`
+      const body = JSON.stringify(request)
+      const queryParams: string[] = []
+      let uri = path
       if (queryParams.length > 0) {
-        uri += `?${queryParams.join("&")}`
+        uri += `?${queryParams.join('&')}`
       }
-      return handler({
-        path: uri,
-        method: "POST",
-        body,
-      }, {
-        service: "EveningDetectiveServer",
-        method: "AddUserRole",
-      }) as Promise<AddUserRoleRsp>;
+      return handler(
+        {
+          path: uri,
+          method: 'POST',
+          body,
+        },
+        {
+          service: 'EveningDetectiveServer',
+          method: 'AddUserRole',
+        },
+      ) as Promise<AddUserRoleRsp>
     },
-    DeleteUserRole(request) {  
+    DeleteUserRole(request) {
       if (!request.id) {
-        throw new Error("missing required field request.id");
+        throw new Error('missing required field request.id')
       }
-      const path = `api/users/${request.id}/role/delete`;  
-      const body = JSON.stringify(request);
-      const queryParams: string[] = [];
-      let uri = path;
+      const path = `api/users/${request.id}/role/delete`
+      const body = JSON.stringify(request)
+      const queryParams: string[] = []
+      let uri = path
       if (queryParams.length > 0) {
-        uri += `?${queryParams.join("&")}`
+        uri += `?${queryParams.join('&')}`
       }
-      return handler({
-        path: uri,
-        method: "POST",
-        body,
-      }, {
-        service: "EveningDetectiveServer",
-        method: "DeleteUserRole",
-      }) as Promise<DeleteUserRoleRsp>;
+      return handler(
+        {
+          path: uri,
+          method: 'POST',
+          body,
+        },
+        {
+          service: 'EveningDetectiveServer',
+          method: 'DeleteUserRole',
+        },
+      ) as Promise<DeleteUserRoleRsp>
     },
-    GetPermissions(request) {  
-      const path = `api/ui/permissions`;  
-      const body = null;
-      const queryParams: string[] = [];
-      let uri = path;
+    GetPermissions(request) {
+      const path = `api/ui/permissions`
+      const body = null
+      const queryParams: string[] = []
+      let uri = path
       if (queryParams.length > 0) {
-        uri += `?${queryParams.join("&")}`
+        uri += `?${queryParams.join('&')}`
       }
-      return handler({
-        path: uri,
-        method: "GET",
-        body,
-      }, {
-        service: "EveningDetectiveServer",
-        method: "GetPermissions",
-      }) as Promise<GetPermissionsRsp>;
+      return handler(
+        {
+          path: uri,
+          method: 'GET',
+          body,
+        },
+        {
+          service: 'EveningDetectiveServer',
+          method: 'GetPermissions',
+        },
+      ) as Promise<GetPermissionsRsp>
     },
-    UploadFile(request) {  
-      const path = `api/files/upload`;  
-      const body = JSON.stringify(request);
-      const queryParams: string[] = [];
-      let uri = path;
+    UploadFile(request) {
+      const path = `api/files/upload`
+      const body = JSON.stringify(request)
+      const queryParams: string[] = []
+      let uri = path
       if (queryParams.length > 0) {
-        uri += `?${queryParams.join("&")}`
+        uri += `?${queryParams.join('&')}`
       }
-      return handler({
-        path: uri,
-        method: "POST",
-        body,
-      }, {
-        service: "EveningDetectiveServer",
-        method: "UploadFile",
-      }) as Promise<UploadFileRsp>;
+      return handler(
+        {
+          path: uri,
+          method: 'POST',
+          body,
+        },
+        {
+          service: 'EveningDetectiveServer',
+          method: 'UploadFile',
+        },
+      ) as Promise<UploadFileRsp>
     },
-    DownloadFile(request) {  
+    DownloadFile(request) {
       if (!request.filename) {
-        throw new Error("missing required field request.filename");
+        throw new Error('missing required field request.filename')
       }
-      const path = `api/files/${request.filename}`;  
-      const body = null;
-      const queryParams: string[] = [];
-      let uri = path;
+      const path = `api/files/${request.filename}`
+      const body = null
+      const queryParams: string[] = []
+      let uri = path
       if (queryParams.length > 0) {
-        uri += `?${queryParams.join("&")}`
+        uri += `?${queryParams.join('&')}`
       }
-      return handler({
-        path: uri,
-        method: "GET",
-        body,
-      }, {
-        service: "EveningDetectiveServer",
-        method: "DownloadFile",
-      }) as Promise<googleapi_HttpBody>;
+      return handler(
+        {
+          path: uri,
+          method: 'GET',
+          body,
+        },
+        {
+          service: 'EveningDetectiveServer',
+          method: 'DownloadFile',
+        },
+      ) as Promise<googleapi_HttpBody>
     },
-    AddScenario(request) {  
-      const path = `api/scenario`;  
-      const body = JSON.stringify(request);
-      const queryParams: string[] = [];
-      let uri = path;
+    AddScenario(request) {
+      const path = `api/scenario`
+      const body = JSON.stringify(request)
+      const queryParams: string[] = []
+      let uri = path
       if (queryParams.length > 0) {
-        uri += `?${queryParams.join("&")}`
+        uri += `?${queryParams.join('&')}`
       }
-      return handler({
-        path: uri,
-        method: "POST",
-        body,
-      }, {
-        service: "EveningDetectiveServer",
-        method: "AddScenario",
-      }) as Promise<AddScenarioRsp>;
+      return handler(
+        {
+          path: uri,
+          method: 'POST',
+          body,
+        },
+        {
+          service: 'EveningDetectiveServer',
+          method: 'AddScenario',
+        },
+      ) as Promise<AddScenarioRsp>
     },
-    GetMyScenarios(request) {  
-      const path = `api/my-scenarios`;  
-      const body = null;
-      const queryParams: string[] = [];
-      let uri = path;
+    GetMyScenarios(request) {
+      const path = `api/my-scenarios`
+      const body = null
+      const queryParams: string[] = []
+      let uri = path
       if (queryParams.length > 0) {
-        uri += `?${queryParams.join("&")}`
+        uri += `?${queryParams.join('&')}`
       }
-      return handler({
-        path: uri,
-        method: "GET",
-        body,
-      }, {
-        service: "EveningDetectiveServer",
-        method: "GetMyScenarios",
-      }) as Promise<GetMyScenariosRsp>;
+      return handler(
+        {
+          path: uri,
+          method: 'GET',
+          body,
+        },
+        {
+          service: 'EveningDetectiveServer',
+          method: 'GetMyScenarios',
+        },
+      ) as Promise<GetMyScenariosRsp>
     },
-    GetScenario(request) {  
+    GetScenario(request) {
       if (!request.id) {
-        throw new Error("missing required field request.id");
+        throw new Error('missing required field request.id')
       }
-      const path = `api/scenarios/${request.id}`;  
-      const body = null;
-      const queryParams: string[] = [];
-      let uri = path;
+      const path = `api/scenarios/${request.id}`
+      const body = null
+      const queryParams: string[] = []
+      let uri = path
       if (queryParams.length > 0) {
-        uri += `?${queryParams.join("&")}`
+        uri += `?${queryParams.join('&')}`
       }
-      return handler({
-        path: uri,
-        method: "GET",
-        body,
-      }, {
-        service: "EveningDetectiveServer",
-        method: "GetScenario",
-      }) as Promise<GetScenarioRsp>;
+      return handler(
+        {
+          path: uri,
+          method: 'GET',
+          body,
+        },
+        {
+          service: 'EveningDetectiveServer',
+          method: 'GetScenario',
+        },
+      ) as Promise<GetScenarioRsp>
     },
-    UpdateScenario(request) {  
+    UpdateScenario(request) {
       if (!request.id) {
-        throw new Error("missing required field request.id");
+        throw new Error('missing required field request.id')
       }
-      const path = `api/scenarios/${request.id}`;  
-      const body = JSON.stringify(request);
-      const queryParams: string[] = [];
-      let uri = path;
+      const path = `api/scenarios/${request.id}`
+      const body = JSON.stringify(request)
+      const queryParams: string[] = []
+      let uri = path
       if (queryParams.length > 0) {
-        uri += `?${queryParams.join("&")}`
+        uri += `?${queryParams.join('&')}`
       }
-      return handler({
-        path: uri,
-        method: "PUT",
-        body,
-      }, {
-        service: "EveningDetectiveServer",
-        method: "UpdateScenario",
-      }) as Promise<UpdateScenarioRsp>;
+      return handler(
+        {
+          path: uri,
+          method: 'PUT',
+          body,
+        },
+        {
+          service: 'EveningDetectiveServer',
+          method: 'UpdateScenario',
+        },
+      ) as Promise<UpdateScenarioRsp>
     },
-    DeleteScenario(request) {  
+    DeleteScenario(request) {
       if (!request.id) {
-        throw new Error("missing required field request.id");
+        throw new Error('missing required field request.id')
       }
-      const path = `api/scenarios/${request.id}`;  
-      const body = null;
-      const queryParams: string[] = [];
-      let uri = path;
+      const path = `api/scenarios/${request.id}`
+      const body = null
+      const queryParams: string[] = []
+      let uri = path
       if (queryParams.length > 0) {
-        uri += `?${queryParams.join("&")}`
+        uri += `?${queryParams.join('&')}`
       }
-      return handler({
-        path: uri,
-        method: "DELETE",
-        body,
-      }, {
-        service: "EveningDetectiveServer",
-        method: "DeleteScenario",
-      }) as Promise<DeleteScenarioRsp>;
+      return handler(
+        {
+          path: uri,
+          method: 'DELETE',
+          body,
+        },
+        {
+          service: 'EveningDetectiveServer',
+          method: 'DeleteScenario',
+        },
+      ) as Promise<DeleteScenarioRsp>
     },
-    AddScenarioPlace(request) {  
+    AddScenarioPlace(request) {
       if (!request.id) {
-        throw new Error("missing required field request.id");
+        throw new Error('missing required field request.id')
       }
-      const path = `api/scenarios/${request.id}/places`;  
-      const body = JSON.stringify(request);
-      const queryParams: string[] = [];
-      let uri = path;
+      const path = `api/scenarios/${request.id}/places`
+      const body = JSON.stringify(request)
+      const queryParams: string[] = []
+      let uri = path
       if (queryParams.length > 0) {
-        uri += `?${queryParams.join("&")}`
+        uri += `?${queryParams.join('&')}`
       }
-      return handler({
-        path: uri,
-        method: "POST",
-        body,
-      }, {
-        service: "EveningDetectiveServer",
-        method: "AddScenarioPlace",
-      }) as Promise<AddScenarioPlaceRsp>;
+      return handler(
+        {
+          path: uri,
+          method: 'POST',
+          body,
+        },
+        {
+          service: 'EveningDetectiveServer',
+          method: 'AddScenarioPlace',
+        },
+      ) as Promise<AddScenarioPlaceRsp>
     },
-    UpdateScenarioPlace(request) {  
+    UpdateScenarioPlace(request) {
       if (!request.id) {
-        throw new Error("missing required field request.id");
+        throw new Error('missing required field request.id')
       }
       if (!request.code) {
-        throw new Error("missing required field request.code");
+        throw new Error('missing required field request.code')
       }
-      const path = `api/scenarios/${request.id}/places/${request.code}`;  
-      const body = JSON.stringify(request);
-      const queryParams: string[] = [];
-      let uri = path;
+      const path = `api/scenarios/${request.id}/places/${request.code}`
+      const body = JSON.stringify(request)
+      const queryParams: string[] = []
+      let uri = path
       if (queryParams.length > 0) {
-        uri += `?${queryParams.join("&")}`
+        uri += `?${queryParams.join('&')}`
       }
-      return handler({
-        path: uri,
-        method: "PUT",
-        body,
-      }, {
-        service: "EveningDetectiveServer",
-        method: "UpdateScenarioPlace",
-      }) as Promise<UpdateScenarioPlaceRsp>;
+      return handler(
+        {
+          path: uri,
+          method: 'PUT',
+          body,
+        },
+        {
+          service: 'EveningDetectiveServer',
+          method: 'UpdateScenarioPlace',
+        },
+      ) as Promise<UpdateScenarioPlaceRsp>
     },
-    DeleteScenarioPlace(request) {  
+    DeleteScenarioPlace(request) {
       if (!request.id) {
-        throw new Error("missing required field request.id");
+        throw new Error('missing required field request.id')
       }
       if (!request.code) {
-        throw new Error("missing required field request.code");
+        throw new Error('missing required field request.code')
       }
-      const path = `api/scenarios/${request.id}/places/${request.code}`;  
-      const body = null;
-      const queryParams: string[] = [];
-      let uri = path;
+      const path = `api/scenarios/${request.id}/places/${request.code}`
+      const body = null
+      const queryParams: string[] = []
+      let uri = path
       if (queryParams.length > 0) {
-        uri += `?${queryParams.join("&")}`
+        uri += `?${queryParams.join('&')}`
       }
-      return handler({
-        path: uri,
-        method: "DELETE",
-        body,
-      }, {
-        service: "EveningDetectiveServer",
-        method: "DeleteScenarioPlace",
-      }) as Promise<DeleteScenarioPlaceRsp>;
+      return handler(
+        {
+          path: uri,
+          method: 'DELETE',
+          body,
+        },
+        {
+          service: 'EveningDetectiveServer',
+          method: 'DeleteScenarioPlace',
+        },
+      ) as Promise<DeleteScenarioPlaceRsp>
     },
-  };
+  }
 }
 // Message that represents an arbitrary HTTP body. It should only be used for
 // payload formats that can't be represented as JSON, such as raw binary or
@@ -732,13 +795,13 @@ export function createEveningDetectiveServerClient(
 // handled, all other features will continue to work unchanged.
 export type googleapi_HttpBody = {
   // The HTTP Content-Type header value specifying the content type of the body.
-  contentType: string | undefined;
+  contentType: string | undefined
   // The HTTP request/response body as raw binary.
-  data: string | undefined;
+  data: string | undefined
   // Application specific response metadata. Must be set in the first response
   // for streaming APIs.
-  extensions: wellKnownAny[] | undefined;
-};
+  extensions: wellKnownAny[] | undefined
+}
 
 // If the Any contains a value that has a special JSON mapping,
 // it will be converted as follows:
@@ -746,9 +809,8 @@ export type googleapi_HttpBody = {
 // Otherwise, the value will be converted into a JSON object,
 // and the "@type" field will be inserted to indicate the actual data type.
 interface wellKnownAny {
-  "@type": string;
-  [key: string]: unknown;
+  '@type': string
+  [key: string]: unknown
 }
 
-
 // @@protoc_insertion_point(typescript-http-eof)
diff --git a/src/assets/main.css b/src/assets/main.css
index f095eae..fbde2da 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -8,7 +8,7 @@ body {
 }
 
 @font-face {
-  font-family: "font_old_typer";
+  font-family: 'font_old_typer';
   src: url('@/assets/fonts/a_OldTyper.ttf');
 }
 
@@ -57,4 +57,4 @@ body {
     margin-top: 70px;
     padding: 0;
   }
-}
\ No newline at end of file
+}
diff --git a/src/components/GamesPage.vue b/src/components/GamesPage.vue
index 7e8c018..3820917 100644
--- a/src/components/GamesPage.vue
+++ b/src/components/GamesPage.vue
@@ -3,11 +3,9 @@ import HeaderMenu from '@/components/HeaderMenu.vue'
 </script>
 
 <template>
-    <HeaderMenu :add-logout="true" active="games" />
+  <HeaderMenu :add-logout="true" active="games" />
 
-    <div class="center-block-custom content-block">
-        Игры
-    </div>
+  <div class="center-block-custom content-block">Игры</div>
 </template>
 
 <style scoped></style>
diff --git a/src/components/HeaderMenu.vue b/src/components/HeaderMenu.vue
index f7043d3..a4027f8 100644
--- a/src/components/HeaderMenu.vue
+++ b/src/components/HeaderMenu.vue
@@ -1,155 +1,165 @@
 <script setup lang="ts">
 const props = defineProps({
-    addLogin: {
-        type: Boolean,
-        required: false
-    },
-    addLogout: {
-        type: Boolean,
-        required: false
-    },
-    isFoundKey: {
-        type: Boolean,
-        required: false
-    },
-    active: {
-        type: String,
-        required: false
-    }
+  addLogin: {
+    type: Boolean,
+    required: false,
+  },
+  addLogout: {
+    type: Boolean,
+    required: false,
+  },
+  isFoundKey: {
+    type: Boolean,
+    required: false,
+  },
+  active: {
+    type: String,
+    required: false,
+  },
 })
 
 import { DoorOpen } from '@vicons/fa'
 import { Key24Regular } from '@vicons/fluent'
 import { DoorFrontFilled } from '@vicons/material'
 import { Icon } from '@vicons/utils'
-import { useMessage } from 'naive-ui';
+import { useMessage } from 'naive-ui'
 import { NIcon } from 'naive-ui'
-import { ref } from 'vue';
+import { ref } from 'vue'
 import { h } from 'vue'
-import { useRouter } from 'vue-router';
+import { useRouter } from 'vue-router'
 
-import { getAuthClient } from '@/api/auth_client';
-import { useAuthStore } from '@/stores/auth';
+import { getAuthClient } from '@/api/auth_client'
+import { useAuthStore } from '@/stores/auth'
 
-const authStore = useAuthStore();
+const authStore = useAuthStore()
 authStore.initFromStorage()
 
 const router = useRouter()
-const client = getAuthClient();
+const client = getAuthClient()
 const message = useMessage()
 
-const permissions = ref<string[]>([]);
-
+const permissions = ref<string[]>([])
 
 async function getPermissions() {
-    permissions.value = []
-    const res = await client.GetPermissions({})
-    permissions.value = res.permissions!
+  permissions.value = []
+  const res = await client.GetPermissions({})
+  permissions.value = res.permissions!
 }
 getPermissions()
 
 function hasPermission(permission: string): boolean {
-    return permissions.value.includes(permission)
+  return permissions.value.includes(permission)
 }
 
 const goToLogin = () => {
-    if (props.isFoundKey) {
-        router.push('/login')
-        return
-    }
-    message.create(
-        "Дверь закрыта, куда же подевался ключ?",
-        {
-            icon: () => h(NIcon, null, { default: () => h(Key24Regular) })
-        }
-    )
+  if (props.isFoundKey) {
+    router.push('/login')
+    return
+  }
+  message.create('Дверь закрыта, куда же подевался ключ?', {
+    icon: () => h(NIcon, null, { default: () => h(Key24Regular) }),
+  })
 }
 
 const goToLogout = () => {
-    authStore.logout()
-    router.push('/login')
+  authStore.logout()
+  router.push('/login')
 }
 </script>
 
 <template>
-    <div class="menu-block">
-        <div class="left-group">
-            <div class="menu-item-block" :class="{ active: props.active == 'office' }" v-if="authStore.hasRole('user')"
-                @click="router.push('/office')">
-                Кабинет
-            </div>
-            <div class="menu-item-block" :class="{ active: props.active == 'games' }" v-if="hasPermission('games_page')"
-                @click="router.push('/games')">
-                Игры
-            </div>
-            <div class="menu-item-block" :class="{ active: props.active == 'scenarios' }"
-                v-if="hasPermission('scenarios_page')" @click="router.push('/scenarios')">
-                Мои сценарии
-            </div>
-            <div class="menu-item-block" :class="{ active: props.active == 'users' }" v-if="hasPermission('users_page')"
-                @click="router.push('/users')">
-                Пользователи
-            </div>
-        </div>
-
-        <div class="right-group">
-            <div v-if="props.addLogin" class="menu-item-block right" @click="goToLogin">
-                <Icon v-if="isFoundKey" class="door-icon">
-                    <DoorOpen />
-                </Icon>
-                <Icon v-else class="door-icon">
-                    <DoorFrontFilled />
-                </Icon>
-                Войти
-            </div>
-            <div v-if="props.addLogout" class="menu-item-block right" @click="goToLogout">
-                Выйти
-            </div>
-        </div>
+  <div class="menu-block">
+    <div class="left-group">
+      <div
+        class="menu-item-block"
+        :class="{ active: props.active == 'office' }"
+        v-if="authStore.hasRole('user')"
+        @click="router.push('/office')"
+      >
+        Кабинет
+      </div>
+      <div
+        class="menu-item-block"
+        :class="{ active: props.active == 'games' }"
+        v-if="hasPermission('games_page')"
+        @click="router.push('/games')"
+      >
+        Игры
+      </div>
+      <div
+        class="menu-item-block"
+        :class="{ active: props.active == 'scenarios' }"
+        v-if="hasPermission('scenarios_page')"
+        @click="router.push('/scenarios')"
+      >
+        Мои сценарии
+      </div>
+      <div
+        class="menu-item-block"
+        :class="{ active: props.active == 'users' }"
+        v-if="hasPermission('users_page')"
+        @click="router.push('/users')"
+      >
+        Пользователи
+      </div>
     </div>
+
+    <div class="right-group">
+      <div v-if="props.addLogin" class="menu-item-block right" @click="goToLogin">
+        <Icon v-if="isFoundKey" class="door-icon">
+          <DoorOpen />
+        </Icon>
+        <Icon v-else class="door-icon">
+          <DoorFrontFilled />
+        </Icon>
+        Войти
+      </div>
+      <div v-if="props.addLogout" class="menu-item-block right" @click="goToLogout">Выйти</div>
+    </div>
+  </div>
 </template>
 
 <style scoped>
 .menu-block {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 70px;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 70px;
 
-    /* background-color: brown; */
+  /* background-color: brown; */
 
-    padding: 20px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
+  padding: 20px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
 
 .menu-item-block {
-    display: inline-block;
-    margin-left: 10px;
-    cursor: pointer;
-    padding: 5px;
-    font-size: 1.1em;
+  display: inline-block;
+  margin-left: 10px;
+  cursor: pointer;
+  padding: 5px;
+  font-size: 1.1em;
 }
 
 .menu-item-block:hover {
-    color: #63e2b7;
-    opacity: 0.8;
+  color: #63e2b7;
+  opacity: 0.8;
 }
 
 .right {
-    margin-left: auto;
+  margin-left: auto;
 }
 
 .door-icon {
-    float: left;
-    width: 25px;
-    padding-top: 3px;
-    padding-right: 5px;
+  float: left;
+  width: 25px;
+  padding-top: 3px;
+  padding-right: 5px;
 }
 
 .active {
-    color: #63e2b7;
+  color: #63e2b7;
 }
 </style>
diff --git a/src/components/LoginPage.vue b/src/components/LoginPage.vue
index de92d61..d1236f9 100644
--- a/src/components/LoginPage.vue
+++ b/src/components/LoginPage.vue
@@ -1,11 +1,21 @@
 <script setup lang="ts">
-import { NAutoComplete, NButton, NCard, NCheckbox, NInput, NSpace, NTabPane, NTabs, useMessage } from 'naive-ui'
+import {
+  NAutoComplete,
+  NButton,
+  NCard,
+  NCheckbox,
+  NInput,
+  NSpace,
+  NTabPane,
+  NTabs,
+  useMessage,
+} from 'naive-ui'
 import { computed, ref } from 'vue'
-import { useRouter } from 'vue-router';
+import { useRouter } from 'vue-router'
 
-import { useAuthStore } from '@/stores/auth';
+import { useAuthStore } from '@/stores/auth'
 
-const authStore = useAuthStore();
+const authStore = useAuthStore()
 
 const router = useRouter()
 
@@ -16,13 +26,12 @@ const email = ref('')
 const password = ref('')
 const approval = ref(false)
 
-
 const options = computed(() => {
   return ['@mail.ru', '@yandex.ru', '@gmail.com'].map((suffix) => {
     const prefix = email.value.split('@')[0]
     return {
       label: prefix + suffix,
-      value: prefix + suffix
+      value: prefix + suffix,
     }
   })
 })
@@ -47,7 +56,7 @@ async function signup() {
     message.error(authStore.error)
     return
   }
-  message.info("Пароль отправлен на почту")
+  message.info('Пароль отправлен на почту')
 }
 </script>
 
@@ -55,24 +64,25 @@ async function signup() {
   <div class="center-block-custom content-block center-middle-block-custom height80">
     <n-card style="margin-bottom: 16px" class="sign-card">
       <n-tabs type="line" animated>
-
         <n-tab-pane name="signin" tab="Вход">
           <n-space vertical>
             <div class="form-label">Почта</div>
-            <n-auto-complete v-model:value="email" :input-props="{
-              autocomplete: 'disabled',
-            }" :options="options" placeholder="detective@mail.ru" clearable />
+            <n-auto-complete
+              v-model:value="email"
+              :input-props="{
+                autocomplete: 'disabled',
+              }"
+              :options="options"
+              placeholder="detective@mail.ru"
+              clearable
+            />
             <div class="form-label">Пароль</div>
             <n-input v-model:value="password" type="password" placeholder="********" />
             <div class="form-button-wrapper">
               <div class="form-label">
                 <n-button @click="signin" :disabled="email.length == 0 || password.length == 0">
-                  <span v-if="!authStore.isLoading">
-                    Вход
-                  </span>
-                  <span v-else>
-                    Подождите...
-                  </span>
+                  <span v-if="!authStore.isLoading"> Вход </span>
+                  <span v-else> Подождите... </span>
                 </n-button>
               </div>
             </div>
@@ -84,32 +94,40 @@ async function signup() {
             <div class="form-label">Позывной</div>
             <n-input v-model:value="username" type="text" placeholder="Шерлок" />
             <div class="form-label">Почта</div>
-            <n-auto-complete v-model:value="email" :input-props="{
-              autocomplete: 'disabled',
-            }" :options="options" placeholder="detective@mail.ru" clearable />
+            <n-auto-complete
+              v-model:value="email"
+              :input-props="{
+                autocomplete: 'disabled',
+              }"
+              :options="options"
+              placeholder="detective@mail.ru"
+              clearable
+            />
             <div class="form-label">
               <n-checkbox v-model:checked="approval">
                 Я согласен с
-                <a href="/user-agreement" target="_blank" class="docs-link">пользовательским соглашением</a><br>
+                <a href="/user-agreement" target="_blank" class="docs-link"
+                  >пользовательским соглашением</a
+                ><br />
                 и
-                <a href="/privacy-policy" target="_blank" class="docs-link">соглашением о персональных данных</a>
+                <a href="/privacy-policy" target="_blank" class="docs-link"
+                  >соглашением о персональных данных</a
+                >
               </n-checkbox>
             </div>
             <div class="form-button-wrapper">
               <div class="form-label">
-                <n-button @click="signup" :disabled="username.length == 0 || password.length == 0 || !approval">
-                  <span v-if="!authStore.isLoading">
-                    Регистрация
-                  </span>
-                  <span v-else>
-                    Подождите...
-                  </span>
+                <n-button
+                  @click="signup"
+                  :disabled="username.length == 0 || password.length == 0 || !approval"
+                >
+                  <span v-if="!authStore.isLoading"> Регистрация </span>
+                  <span v-else> Подождите... </span>
                 </n-button>
               </div>
             </div>
           </n-space>
         </n-tab-pane>
-
       </n-tabs>
     </n-card>
   </div>
diff --git a/src/components/OfficePage.vue b/src/components/OfficePage.vue
index b86fb8a..581418e 100644
--- a/src/components/OfficePage.vue
+++ b/src/components/OfficePage.vue
@@ -1,37 +1,35 @@
 <script setup lang="ts">
-import { ref } from 'vue';
+import { ref } from 'vue'
 
-import { getAuthClient } from '@/api/auth_client';
+import { getAuthClient } from '@/api/auth_client'
 import HeaderMenu from '@/components/HeaderMenu.vue'
-import { useAuthStore } from '@/stores/auth';
+import { useAuthStore } from '@/stores/auth'
 
-const authStore = useAuthStore();
-const client = getAuthClient();
+const authStore = useAuthStore()
+const client = getAuthClient()
 
 const permissions = ref<string[]>([])
 
 async function getPermissions() {
-    permissions.value = []
-    const res = await client.GetPermissions({})
-    permissions.value = res.permissions!
+  permissions.value = []
+  const res = await client.GetPermissions({})
+  permissions.value = res.permissions!
 }
 
 getPermissions()
 </script>
 
 <template>
-    <HeaderMenu :add-logout="true" active="office" />
+  <HeaderMenu :add-logout="true" active="office" />
 
-    <div class="center-block-custom content-block">
-        <p>
-            Доброго времени суток, {{ authStore.username }}.
-        </p>
-        <p>
-            {{ authStore.userRoles }}
-        </p>
+  <div class="center-block-custom content-block">
+    <p>Доброго времени суток, {{ authStore.username }}.</p>
+    <p>
+      {{ authStore.userRoles }}
+    </p>
 
-        {{ permissions }}
-    </div>
+    {{ permissions }}
+  </div>
 </template>
 
 <style scoped></style>
diff --git a/src/components/PlaceBlock.vue b/src/components/PlaceBlock.vue
index e6a8f39..0d0d5e2 100644
--- a/src/components/PlaceBlock.vue
+++ b/src/components/PlaceBlock.vue
@@ -1,163 +1,176 @@
 <script setup lang="ts">
-
 import { NDynamicInput, NInput, NInputGroup, NSpace, NSwitch } from 'naive-ui'
-import type { PropType } from 'vue';
+import type { PropType } from 'vue'
 
-import type { Application, Door, Key, Place } from '@/api/generated/crabs/evening_detective_server';
+import type { Application, Door, Key, Place } from '@/api/generated/crabs/evening_detective_server'
 
 const props = defineProps({
-    place: {
-        type: Object as PropType<Place>,
-        required: true
-    },
-    mode: {
-        type: String,
-        required: true
-    }
+  place: {
+    type: Object as PropType<Place>,
+    required: true,
+  },
+  mode: {
+    type: String,
+    required: true,
+  },
 })
 
 const emit = defineEmits<{ 'update:mode': [value: string] }>()
 const updateMode = (mode: string) => {
-    console.log(mode)
-    emit('update:mode', mode)
+  console.log(mode)
+  emit('update:mode', mode)
 }
 
 function onCreateApplication(): Application {
-    return {
-        name: undefined,
-        image: undefined
-    }
+  return {
+    name: undefined,
+    image: undefined,
+  }
 }
 
 function onCreateDoor(): Door {
-    return {
-        code: undefined,
-        name: undefined,
-        keys: undefined
-    }
+  return {
+    code: undefined,
+    name: undefined,
+    keys: undefined,
+  }
 }
 
 function onCreateKey(): Key {
-    return {
-        name: undefined
-    }
+  return {
+    name: undefined,
+  }
 }
-
 </script>
 
 <template>
-    <div v-if="mode == 'mini-add'" class="place-block-plus show-editor-block" @click="updateMode('edit')">
-        <p class="place-image-plus">+</p>
-    </div>
+  <div
+    v-if="mode == 'mini-add'"
+    class="place-block-plus show-editor-block"
+    @click="updateMode('edit')"
+  >
+    <p class="place-image-plus">+</p>
+  </div>
 
-    <div v-if="mode == 'show-editor'" class="place-block show-editor-block" @click="updateMode('edit')">
-        <p>[{{ props.place.code }}] - {{ props.place.name }}</p>
-        <div class="message-content">{{ props.place.text }}</div>
-        <p v-for="application in props.place.applications" v-bind:key="application.name">{{ application.name }}</p>
-    </div>
+  <div
+    v-if="mode == 'show-editor'"
+    class="place-block show-editor-block"
+    @click="updateMode('edit')"
+  >
+    <p>[{{ props.place.code }}] - {{ props.place.name }}</p>
+    <div class="message-content">{{ props.place.text }}</div>
+    <p v-for="application in props.place.applications" v-bind:key="application.name">
+      {{ application.name }}
+    </p>
+  </div>
 
-    <div v-if="mode == 'edit'" class="place-block">
-        <n-space vertical>
-            <n-input-group>
-                <n-input :style="{ width: '20%' }" v-model:value="props.place.code" type="text" placeholder='Ы-1' />
-                <n-input :style="{ width: '80%' }" v-model:value="props.place.name" type="text" placeholder='Дом №Ы' />
-            </n-input-group>
-            <n-input v-model:value="props.place.text" type="textarea" :autosize="{ minRows: 3 }"
-                placeholder='В начале было слово...' />
-            <!-- <n-upload multiple directory-dnd :max="1" v-model:file-list="newPlaceFileList">
+  <div v-if="mode == 'edit'" class="place-block">
+    <n-space vertical>
+      <n-input-group>
+        <n-input
+          :style="{ width: '20%' }"
+          v-model:value="props.place.code"
+          type="text"
+          placeholder="Ы-1"
+        />
+        <n-input
+          :style="{ width: '80%' }"
+          v-model:value="props.place.name"
+          type="text"
+          placeholder="Дом №Ы"
+        />
+      </n-input-group>
+      <n-input
+        v-model:value="props.place.text"
+        type="textarea"
+        :autosize="{ minRows: 3 }"
+        placeholder="В начале было слово..."
+      />
+      <!-- <n-upload multiple directory-dnd :max="1" v-model:file-list="newPlaceFileList">
                 <n-upload-dragger>
                     <n-text style="font-size: 16px">
                         Щелкните или перетащите файл в эту область для загрузки
                     </n-text>
                 </n-upload-dragger>
             </n-upload> -->
-            <n-switch v-model:value="props.place.hidden" />
+      <n-switch v-model:value="props.place.hidden" />
 
-            <n-dynamic-input v-model:value="props.place.applications" :on-create="onCreateApplication">
-                <template #create-button-default>
-                    Добавить улику
-                </template>
-                <template #default="{ value }">
-                    <div style="display: flex; align-items: center; width: 100%">
-                        <n-input v-model:value="value.name" type="text" />
-                    </div>
-                </template>
+      <n-dynamic-input v-model:value="props.place.applications" :on-create="onCreateApplication">
+        <template #create-button-default> Добавить улику </template>
+        <template #default="{ value }">
+          <div style="display: flex; align-items: center; width: 100%">
+            <n-input v-model:value="value.name" type="text" />
+          </div>
+        </template>
+      </n-dynamic-input>
+
+      <n-dynamic-input v-model:value="props.place.doors" :on-create="onCreateDoor">
+        <template #create-button-default> Добавить действие </template>
+        <template #default="{ value: door }">
+          <div style="display: flex; align-items: center; width: 100%">
+            <n-input v-model:value="door.code" type="text" placeholder="Код" />
+            <n-input v-model:value="door.name" type="text" placeholder="Название" />
+
+            <n-dynamic-input v-model:value="door.keys" :on-create="onCreateKey">
+              <template #create-button-default> Добавить ключ </template>
+              <template #default="{ value: key }">
+                <div style="display: flex; align-items: center; width: 100%">
+                  <n-input v-model:value="key.name" type="text" placeholder="Название" />
+                </div>
+              </template>
             </n-dynamic-input>
+          </div>
+        </template>
+      </n-dynamic-input>
 
-            <n-dynamic-input v-model:value="props.place.doors" :on-create="onCreateDoor">
-                <template #create-button-default>
-                    Добавить действие
-                </template>
-                <template #default="{ value: door }">
-                    <div style="display: flex; align-items: center; width: 100%">
-                        <n-input v-model:value="door.code" type="text" placeholder="Код" />
-                        <n-input v-model:value="door.name" type="text" placeholder="Название" />
+      <n-dynamic-input v-model:value="props.place.keys" :on-create="onCreateKey">
+        <template #create-button-default> Добавить ключ </template>
+        <template #default="{ value: key }">
+          <div style="display: flex; align-items: center; width: 100%">
+            <n-input v-model:value="key.name" type="text" placeholder="Название" />
+          </div>
+        </template>
+      </n-dynamic-input>
 
-                        <n-dynamic-input v-model:value="door.keys" :on-create="onCreateKey">
-                            <template #create-button-default>
-                                Добавить ключ
-                            </template>
-                            <template #default="{ value: key }">
-                                <div style="display: flex; align-items: center; width: 100%">
-                                    <n-input v-model:value="key.name" type="text" placeholder="Название" />
-                                </div>
-                            </template>
-                        </n-dynamic-input>
-                    </div>
-                </template>
-            </n-dynamic-input>
-
-            <n-dynamic-input v-model:value="props.place.keys" :on-create="onCreateKey">
-                <template #create-button-default>
-                    Добавить ключ
-                </template>
-                <template #default="{ value: key }">
-                    <div style="display: flex; align-items: center; width: 100%">
-                        <n-input v-model:value="key.name" type="text" placeholder="Название" />
-                    </div>
-                </template>
-            </n-dynamic-input>
-
-            <slot></slot>
-
-        </n-space>
-    </div>
+      <slot></slot>
+    </n-space>
+  </div>
 </template>
 
 <style scoped>
 .place-block {
-    margin: 20px;
-    padding: 20px;
-    border-radius: 10px;
-    border: 1px solid #444;
+  margin: 20px;
+  padding: 20px;
+  border-radius: 10px;
+  border: 1px solid #444;
 }
 
 .place-block:hover {
-    color: #63e2b7;
+  color: #63e2b7;
 }
 
 .place-block-plus {
-    margin: 20px;
-    border-radius: 10px;
-    border: 1px solid #444;
+  margin: 20px;
+  border-radius: 10px;
+  border: 1px solid #444;
 }
 
 .place-block-plus:hover {
-    color: #63e2b7;
+  color: #63e2b7;
 }
 
 .place-image-plus {
-    font-size: 30px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
+  font-size: 30px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 .show-editor-block {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 .message-content {
-    white-space: pre-wrap;
+  white-space: pre-wrap;
 }
 </style>
diff --git a/src/components/ScenariosEditorPage.vue b/src/components/ScenariosEditorPage.vue
index 97e11d0..d1dae29 100644
--- a/src/components/ScenariosEditorPage.vue
+++ b/src/components/ScenariosEditorPage.vue
@@ -1,18 +1,18 @@
 <script setup lang="ts">
 import { Settings } from '@vicons/carbon'
 import { Icon } from '@vicons/utils'
-import { NButton, type UploadFileInfo,useMessage } from 'naive-ui';
-import { NCard,NFlex, NInput, NModal, NSpace, NText, NUpload, NUploadDragger } from 'naive-ui'
-import { ref } from 'vue';
-import { useRoute } from 'vue-router';
+import { NButton, type UploadFileInfo, useMessage } from 'naive-ui'
+import { NCard, NFlex, NInput, NModal, NSpace, NText, NUpload, NUploadDragger } from 'naive-ui'
+import { ref } from 'vue'
+import { useRoute } from 'vue-router'
 
-import { getAuthClient } from '@/api/auth_client';
-import type { Place, Scenario } from '@/api/generated/crabs/evening_detective_server';
+import { getAuthClient } from '@/api/auth_client'
+import type { Place, Scenario } from '@/api/generated/crabs/evening_detective_server'
 import HeaderMenu from '@/components/HeaderMenu.vue'
-import PlaceBlock from '@/components/PlaceBlock.vue';
-import router from '@/router';
+import PlaceBlock from '@/components/PlaceBlock.vue'
+import router from '@/router'
 
-const client = getAuthClient();
+const client = getAuthClient()
 const route = useRoute()
 const scenarioId = route.params.id
 
@@ -24,16 +24,100 @@ const message = useMessage()
 const fileList = ref<UploadFileInfo[]>([])
 
 const scenario = ref<Scenario>({
-    id: undefined,
-    name: undefined,
-    story: undefined,
-    author: undefined,
-    updatedAt: undefined,
-    createdAt: undefined,
-    publishedAt: undefined
+  id: undefined,
+  name: undefined,
+  story: undefined,
+  author: undefined,
+  updatedAt: undefined,
+  createdAt: undefined,
+  publishedAt: undefined,
 })
 
 const newPlace = ref<Place>({
+  code: undefined,
+  name: undefined,
+  text: undefined,
+  image: undefined,
+  hidden: undefined,
+  applications: undefined,
+  doors: undefined,
+  keys: undefined,
+  mode: 'mini-add',
+})
+
+async function getScenario(id: number) {
+  const res = await client.GetScenario({ id: id })
+  if (res.error != '') {
+    message.error(res.error!)
+    return
+  }
+  scenario.value = res.scenario!
+  scenario.value.story?.places?.forEach((item) => {
+    item.oldCode = item.code
+    item.mode = 'show-editor'
+  })
+}
+getScenario(Number(scenarioId))
+
+async function deleteScenario(id: number) {
+  const res = await client.DeleteScenario({ id: id })
+  if (res.error != '') {
+    message.error(res.error!)
+    return
+  }
+  router.push('/scenarios')
+}
+
+async function updateScenario() {
+  const file = fileList.value[0].file
+  if (!file) return
+
+  // Читаем как ArrayBuffer
+  const arrayBuffer = await file.arrayBuffer()
+  const bytes = new Uint8Array(arrayBuffer)
+
+  const resUploadFile = await client.UploadFile({
+    filename: 'scenarios_' + scenario.value.id + '_' + file.name,
+    data: uint8ToBase64(bytes),
+  })
+  if (resUploadFile.error != '') {
+    message.error(resUploadFile.error!)
+    return
+  }
+
+  const res = await client.UpdateScenario({
+    id: scenario.value.id,
+    name: scenario.value.name,
+    description: scenario.value.description,
+    image: resUploadFile.filename,
+  })
+  if (res.error != '') {
+    message.error(res.error!)
+    return
+  }
+  await getScenario(Number(scenarioId))
+  showSettingsScenarioModal.value = false
+}
+
+function uint8ToBase64(uint8Array: Uint8Array) {
+  // Преобразуем Uint8Array в двоичную строку
+  const binaryString = String.fromCharCode(...uint8Array)
+  // Кодируем в Base64
+  return btoa(binaryString)
+}
+
+async function addPlace() {
+  const res = await client.AddScenarioPlace({
+    id: scenario.value.id,
+    place: newPlace.value,
+  })
+  if (res.error != '') {
+    message.error(res.error!)
+    return
+  }
+  await getScenario(Number(scenarioId))
+
+  newPlace.value = {
     code: undefined,
     name: undefined,
     text: undefined,
@@ -42,262 +126,196 @@ const newPlace = ref<Place>({
     applications: undefined,
     doors: undefined,
     keys: undefined,
-    mode: 'mini-add'
-})
-
-async function getScenario(id: number) {
-    const res = await client.GetScenario({ id: id })
-    if (res.error != '') {
-        message.error(res.error!)
-        return
-    }
-    scenario.value = res.scenario!
-    scenario.value.story?.places?.forEach((item) => {
-        item.oldCode = item.code
-        item.mode = 'show-editor'
-    })
-}
-getScenario(Number(scenarioId))
-
-async function deleteScenario(id: number) {
-    const res = await client.DeleteScenario({ id: id })
-    if (res.error != '') {
-        message.error(res.error!)
-        return
-    }
-    router.push('/scenarios')
-}
-
-async function updateScenario() {
-    const file = fileList.value[0].file
-    if (!file) return
-
-    // Читаем как ArrayBuffer
-    const arrayBuffer = await file.arrayBuffer()
-    const bytes = new Uint8Array(arrayBuffer)
-
-    const resUploadFile = await client.UploadFile({
-        filename: 'scenarios_' + scenario.value.id + '_' + file.name,
-        data: uint8ToBase64(bytes)
-    })
-    if (resUploadFile.error != '') {
-        message.error(resUploadFile.error!)
-        return
-    }
-
-    const res = await client.UpdateScenario({
-        id: scenario.value.id,
-        name: scenario.value.name,
-        description: scenario.value.description,
-        image: resUploadFile.filename,
-    })
-    if (res.error != '') {
-        message.error(res.error!)
-        return
-    }
-    await getScenario(Number(scenarioId))
-    showSettingsScenarioModal.value = false
-}
-
-function uint8ToBase64(uint8Array: Uint8Array) {
-    // Преобразуем Uint8Array в двоичную строку
-    const binaryString = String.fromCharCode(...uint8Array);
-    // Кодируем в Base64
-    return btoa(binaryString);
-}
-
-async function addPlace() {
-    const res = await client.AddScenarioPlace({
-        id: scenario.value.id,
-        place: newPlace.value
-    })
-    if (res.error != '') {
-        message.error(res.error!)
-        return
-    }
-    await getScenario(Number(scenarioId))
-
-    newPlace.value = {
-        code: undefined,
-        name: undefined,
-        text: undefined,
-        image: undefined,
-        hidden: undefined,
-        applications: undefined,
-        doors: undefined,
-        keys: undefined
-    }
+  }
 }
 
 async function collapseAddPlace(place: Place) {
-    place.mode = 'mini-add'
+  place.mode = 'mini-add'
 }
 
 async function cancelUpdatePlace(place: Place) {
-    await getScenario(Number(scenarioId))
+  await getScenario(Number(scenarioId))
 
-    place.mode = 'show-editor'
+  place.mode = 'show-editor'
 }
 
 async function updatePlace(place: Place) {
-    const res = await client.UpdateScenarioPlace({
-        id: scenario.value.id,
-        code: place.oldCode,
-        place: place
-    })
-    if (res.error != '') {
-        message.error(res.error!)
-        return
-    }
-    await getScenario(Number(scenarioId))
+  const res = await client.UpdateScenarioPlace({
+    id: scenario.value.id,
+    code: place.oldCode,
+    place: place,
+  })
+  if (res.error != '') {
+    message.error(res.error!)
+    return
+  }
+  await getScenario(Number(scenarioId))
 
-    place.mode = 'show-editor'
+  place.mode = 'show-editor'
 }
 
 async function deletePlace(place: Place) {
-    const res = await client.DeleteScenarioPlace({
-        id: scenario.value.id,
-        code: place.oldCode,
-    })
-    if (res.error != '') {
-        message.error(res.error!)
-        return
-    }
-    await getScenario(Number(scenarioId))
+  const res = await client.DeleteScenarioPlace({
+    id: scenario.value.id,
+    code: place.oldCode,
+  })
+  if (res.error != '') {
+    message.error(res.error!)
+    return
+  }
+  await getScenario(Number(scenarioId))
 }
-
 </script>
 
 <template>
-    <HeaderMenu :add-logout="true" active="scenarios" />
+  <HeaderMenu :add-logout="true" active="scenarios" />
 
-    <div class="center-block-custom-big content-block">
-        <div class="places-container">
-            <div class="settings-block">
-                <n-button quaternary @click="showSettingsScenarioModal = true" class="settings-button">
-                    <Icon class="settings-icon">
-                        <Settings />
-                    </Icon>
-                    Настройки
-                </n-button>
-            </div>
+  <div class="center-block-custom-big content-block">
+    <div class="places-container">
+      <div class="settings-block">
+        <n-button quaternary @click="showSettingsScenarioModal = true" class="settings-button">
+          <Icon class="settings-icon">
+            <Settings />
+          </Icon>
+          Настройки
+        </n-button>
+      </div>
 
-            <PlaceBlock :place="newPlace" v-model:mode="newPlace.mode">
-                <n-flex justify="end">
-                    <n-button @click="collapseAddPlace(newPlace)">Отмена</n-button>
-                    <n-button @click="addPlace()" :disabled="!newPlace.code">Добавить точку</n-button>
-                </n-flex>
-            </PlaceBlock>
+      <PlaceBlock :place="newPlace" v-model:mode="newPlace.mode">
+        <n-flex justify="end">
+          <n-button @click="collapseAddPlace(newPlace)">Отмена</n-button>
+          <n-button @click="addPlace()" :disabled="!newPlace.code">Добавить точку</n-button>
+        </n-flex>
+      </PlaceBlock>
 
-            <PlaceBlock :place="place" v-model:mode="place.mode" v-for="place in scenario.story?.places" v-bind:key="place.code">
-                <n-flex justify="end">
-                    <n-button @click="deletePlace(place)" type="error" ghost>Удалить</n-button>
-                    <n-button @click="cancelUpdatePlace(place)">Отмена</n-button>
-                    <n-button @click="updatePlace(place)">Сохранить</n-button>
-                </n-flex>
-            </PlaceBlock>
-        </div>
+      <PlaceBlock
+        :place="place"
+        v-model:mode="place.mode"
+        v-for="place in scenario.story?.places"
+        v-bind:key="place.code"
+      >
+        <n-flex justify="end">
+          <n-button @click="deletePlace(place)" type="error" ghost>Удалить</n-button>
+          <n-button @click="cancelUpdatePlace(place)">Отмена</n-button>
+          <n-button @click="updatePlace(place)">Сохранить</n-button>
+        </n-flex>
+      </PlaceBlock>
     </div>
+  </div>
 
-    <!-- Окно настроек сценария -->
-    <n-modal v-model:show="showSettingsScenarioModal">
-        <n-card style="width: 600px" title="Настройки сценария" :bordered="false" size="huge" role="dialog"
-            aria-modal="true">
-            <template #header-extra>
-                <n-button @click="showSettingsScenarioModal = false">
-                    x
-                </n-button>
-            </template>
-            <n-space vertical>
-                <p>
-                    Название
-                </p>
-                <n-input v-model:value="scenario.name" type="text" placeholder='Дело №0 "Следствие ведут овечки"' />
+  <!-- Окно настроек сценария -->
+  <n-modal v-model:show="showSettingsScenarioModal">
+    <n-card
+      style="width: 600px"
+      title="Настройки сценария"
+      :bordered="false"
+      size="huge"
+      role="dialog"
+      aria-modal="true"
+    >
+      <template #header-extra>
+        <n-button @click="showSettingsScenarioModal = false"> x </n-button>
+      </template>
+      <n-space vertical>
+        <p>Название</p>
+        <n-input
+          v-model:value="scenario.name"
+          type="text"
+          placeholder='Дело №0 "Следствие ведут овечки"'
+        />
 
-                <p class="settings-header">
-                    Описание
-                </p>
-                <n-input v-model:value="scenario.description" type="textarea" placeholder='Убийство пастуха...' />
+        <p class="settings-header">Описание</p>
+        <n-input
+          v-model:value="scenario.description"
+          type="textarea"
+          placeholder="Убийство пастуха..."
+        />
 
-                <p class="settings-header">
-                    Картинка
-                </p>
-                <n-input v-model:value="scenario.image" type="text" placeholder='default_scenario.png' disabled />
-                <n-upload multiple directory-dnd :max="1" v-model:file-list="fileList">
-                    <n-upload-dragger>
-                        <n-text style="font-size: 16px">
-                            Щелкните или перетащите файл в эту область для загрузки
-                        </n-text>
-                    </n-upload-dragger>
-                </n-upload>
+        <p class="settings-header">Картинка</p>
+        <n-input
+          v-model:value="scenario.image"
+          type="text"
+          placeholder="default_scenario.png"
+          disabled
+        />
+        <n-upload multiple directory-dnd :max="1" v-model:file-list="fileList">
+          <n-upload-dragger>
+            <n-text style="font-size: 16px">
+              Щелкните или перетащите файл в эту область для загрузки
+            </n-text>
+          </n-upload-dragger>
+        </n-upload>
 
-                <n-button @click="updateScenario()" ghost>
-                    Сохранить изменения
-                </n-button>
+        <n-button @click="updateScenario()" ghost> Сохранить изменения </n-button>
 
-                <hr class="settings-hr">
+        <hr class="settings-hr" />
 
-                <p>
-                    Введите название сценария <n-text class="name-text" strong>{{ scenario.name }}</n-text> чтобы
-                    удалить
-                    его
-                </p>
-                <n-input v-model:value="deletedScenarioName" type="text"
-                    placeholder='Дело №0 "Следствие ведут овечки"' />
-                <n-button @click="deleteScenario(scenario.id!)" type="error" ghost
-                    :disabled="deletedScenarioName != scenario.name">
-                    Удалить сценарий
-                </n-button>
-            </n-space>
-            <template #footer>
-            </template>
-        </n-card>
-    </n-modal>
+        <p>
+          Введите название сценария
+          <n-text class="name-text" strong>{{ scenario.name }}</n-text> чтобы удалить его
+        </p>
+        <n-input
+          v-model:value="deletedScenarioName"
+          type="text"
+          placeholder='Дело №0 "Следствие ведут овечки"'
+        />
+        <n-button
+          @click="deleteScenario(scenario.id!)"
+          type="error"
+          ghost
+          :disabled="deletedScenarioName != scenario.name"
+        >
+          Удалить сценарий
+        </n-button>
+      </n-space>
+      <template #footer> </template>
+    </n-card>
+  </n-modal>
 </template>
 
 <style scoped>
 .settings-block {
-    height: 40px;
+  height: 40px;
 
-    /* background-color: brown; */
+  /* background-color: brown; */
 }
 
 .settings-button {
-    float: right;
+  float: right;
 }
 
 .settings-icon {
-    width: 20px;
+  width: 20px;
 }
 
 .name-text {
-    padding: 3px;
-    border-radius: 3px;
-    background-color: rgb(255 255 255 / 10%);
+  padding: 3px;
+  border-radius: 3px;
+  background-color: rgb(255 255 255 / 10%);
 }
 
 .settings-header {
-    margin-top: 20px;
+  margin-top: 20px;
 }
 
 .settings-hr {
-    margin: 20px 0;
+  margin: 20px 0;
 }
 
 .places-container {
-    display: flex;
-    flex-flow: column nowrap;
-    overflow-y: auto;
-    padding: 20px 0;
-    height: calc(100vh - 150px);
+  display: flex;
+  flex-flow: column nowrap;
+  overflow-y: auto;
+  padding: 20px 0;
+  height: calc(100vh - 150px);
 
-    /* border: 1px solid red; */
+  /* border: 1px solid red; */
 }
 
 @media (width >= 1024px) {
-    .places-container {
-        padding: 20px 250px;
-        height: calc(100vh - 70px);
-    }
+  .places-container {
+    padding: 20px 250px;
+    height: calc(100vh - 70px);
+  }
 }
 </style>
diff --git a/src/components/ScenariosPage.vue b/src/components/ScenariosPage.vue
index 00dad8c..3ac6be2 100644
--- a/src/components/ScenariosPage.vue
+++ b/src/components/ScenariosPage.vue
@@ -1,15 +1,14 @@
 <script setup lang="ts">
-import { useMessage } from 'naive-ui';
-import { NButton, NCard, NInput,NModal } from 'naive-ui'
-import { ref } from 'vue';
-import { useRouter } from 'vue-router';
+import { useMessage } from 'naive-ui'
+import { NButton, NCard, NInput, NModal } from 'naive-ui'
+import { ref } from 'vue'
+import { useRouter } from 'vue-router'
 
-import { getAuthClient } from '@/api/auth_client';
-import type { Scenario } from '@/api/generated/crabs/evening_detective_server';
+import { getAuthClient } from '@/api/auth_client'
+import type { Scenario } from '@/api/generated/crabs/evening_detective_server'
 import HeaderMenu from '@/components/HeaderMenu.vue'
 
-
-const client = getAuthClient();
+const client = getAuthClient()
 
 const scenarios = ref<Scenario[]>([])
 
@@ -21,132 +20,142 @@ const showAddScenarioModal = ref(false)
 const newScenarioName = ref('')
 
 async function getScenarios() {
-    scenarios.value = []
-    const res = await client.GetMyScenarios({})
-    scenarios.value = res.scenarios!
+  scenarios.value = []
+  const res = await client.GetMyScenarios({})
+  scenarios.value = res.scenarios!
 }
 
 async function addScenario(name: string) {
-    const res = await client.AddScenario({ name: name })
-    if (res.error != '') {
-        message.error(res.error!)
-        return
-    }
-    await toScenarioEditor(res.id!)
+  const res = await client.AddScenario({ name: name })
+  if (res.error != '') {
+    message.error(res.error!)
+    return
+  }
+  await toScenarioEditor(res.id!)
 }
 
 async function toScenarioEditor(id: number) {
-    router.push('/scenarios/' + id)
+  router.push('/scenarios/' + id)
 }
 
 getScenarios()
 </script>
 
 <template>
-    <HeaderMenu :add-logout="true" active="scenarios" />
+  <HeaderMenu :add-logout="true" active="scenarios" />
 
-    <div class="center-block-custom-big content-block">
-
-        <div class="scenarios-container">
-
-            <div class="scenario-block" @click="showAddScenarioModal = true">
-                <div class="scenario-image-block scenario-image-plus">+</div>
-                <p class="scenario-title">Создать новый сценарий</p>
-            </div>
-
-            <div class="scenario-block" v-for="scenario in scenarios" @click="toScenarioEditor(scenario.id!)" v-bind:key="scenario.id">
-                <div class="scenario-image-block scenario-image"
-                    :style="{ backgroundImage: `url(${scenario.image})` }"></div>
-                <p class="scenario-title">{{ scenario.name }}</p>
-            </div>
-
-        </div>
+  <div class="center-block-custom-big content-block">
+    <div class="scenarios-container">
+      <div class="scenario-block" @click="showAddScenarioModal = true">
+        <div class="scenario-image-block scenario-image-plus">+</div>
+        <p class="scenario-title">Создать новый сценарий</p>
+      </div>
 
+      <div
+        class="scenario-block"
+        v-for="scenario in scenarios"
+        @click="toScenarioEditor(scenario.id!)"
+        v-bind:key="scenario.id"
+      >
+        <div
+          class="scenario-image-block scenario-image"
+          :style="{ backgroundImage: `url(${scenario.image})` }"
+        ></div>
+        <p class="scenario-title">{{ scenario.name }}</p>
+      </div>
     </div>
+  </div>
 
-    <!-- Окно создания сценария -->
-    <n-modal v-model:show="showAddScenarioModal">
-        <n-card style="width: 600px" title="Создание сценария" :bordered="false" size="huge" role="dialog"
-            aria-modal="true">
-            <template #header-extra>
-                <n-button @click="showAddScenarioModal = false">
-                    x
-                </n-button>
-            </template>
-            <n-input v-model:value="newScenarioName" type="text" placeholder='Дело №0 "Следствие ведут овечки"' />
-            <template #footer>
-                <n-button @click="addScenario(newScenarioName)" :disabled="newScenarioName.length == 0">
-                    Создать
-                </n-button>
-            </template>
-        </n-card>
-    </n-modal>
-
+  <!-- Окно создания сценария -->
+  <n-modal v-model:show="showAddScenarioModal">
+    <n-card
+      style="width: 600px"
+      title="Создание сценария"
+      :bordered="false"
+      size="huge"
+      role="dialog"
+      aria-modal="true"
+    >
+      <template #header-extra>
+        <n-button @click="showAddScenarioModal = false"> x </n-button>
+      </template>
+      <n-input
+        v-model:value="newScenarioName"
+        type="text"
+        placeholder='Дело №0 "Следствие ведут овечки"'
+      />
+      <template #footer>
+        <n-button @click="addScenario(newScenarioName)" :disabled="newScenarioName.length == 0">
+          Создать
+        </n-button>
+      </template>
+    </n-card>
+  </n-modal>
 </template>
 
 <style scoped>
 .scenarios-container {
-    display: flex;
-    flex-flow: row wrap;
-    justify-content: center;
-    overflow-y: auto;
-    padding: 40px 0;
-    height: calc(100vh - 150px);
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: center;
+  overflow-y: auto;
+  padding: 40px 0;
+  height: calc(100vh - 150px);
 
-    /* border: 1px solid red; */
+  /* border: 1px solid red; */
 }
 
 .scenario-block {
-    margin: 10px;
-    width: 150px;
-    cursor: pointer;
+  margin: 10px;
+  width: 150px;
+  cursor: pointer;
 
-    /* background-color: #553333; */
+  /* background-color: #553333; */
 }
 
 .scenario-block:hover {
-    color: #63e2b7;
+  color: #63e2b7;
 }
 
 .scenario-image-block {
-    height: 150px;
-    border-radius: 10px;
+  height: 150px;
+  border-radius: 10px;
 }
 
 .scenario-image-block:hover {
-    color: #63e2b7;
-    border: 2px solid #63e2b7;
+  color: #63e2b7;
+  border: 2px solid #63e2b7;
 }
 
 .scenario-image-plus {
-    font-size: 120px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background-color: #333;
+  font-size: 120px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: #333;
 }
 
 .scenario-image {
-    background-size: cover;
-    background-position: center;
+  background-size: cover;
+  background-position: center;
 }
 
 .scenario-title {
-    padding: 5px 0;
+  padding: 5px 0;
 }
 
 @media (width >= 1024px) {
-    .scenarios-container {
-        height: calc(100vh - 70px);
-    }
+  .scenarios-container {
+    height: calc(100vh - 70px);
+  }
 
-    .scenario-block {
-        width: 250px;
-    }
+  .scenario-block {
+    width: 250px;
+  }
 
-    .scenario-image-block {
-        height: 250px;
-        border-radius: 10px;
-    }
+  .scenario-image-block {
+    height: 250px;
+    border-radius: 10px;
+  }
 }
 </style>
diff --git a/src/components/UsersPage.vue b/src/components/UsersPage.vue
index 844bc24..bd34390 100644
--- a/src/components/UsersPage.vue
+++ b/src/components/UsersPage.vue
@@ -3,11 +3,9 @@ import HeaderMenu from '@/components/HeaderMenu.vue'
 </script>
 
 <template>
-    <HeaderMenu :add-logout="true" active="users" />
+  <HeaderMenu :add-logout="true" active="users" />
 
-    <div class="center-block-custom content-block">
-        Пользователи
-    </div>
+  <div class="center-block-custom content-block">Пользователи</div>
 </template>
 
 <style scoped></style>
diff --git a/src/router/index.ts b/src/router/index.ts
index 5687263..5c66b69 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -49,7 +49,7 @@ const router = createRouter({
       component: ScenariosView,
     },
     {
-      path: '/scenarios/:id',           // Динамический параметр id
+      path: '/scenarios/:id', // Динамический параметр id
       name: 'ScenariosEditorView',
       component: ScenariosEditorView,
     },
diff --git a/src/stores/auth.ts b/src/stores/auth.ts
index 72a51b7..e63b49a 100644
--- a/src/stores/auth.ts
+++ b/src/stores/auth.ts
@@ -1,226 +1,226 @@
-import { defineStore } from 'pinia';
-import { computed,ref } from 'vue';
+import { defineStore } from 'pinia'
+import { computed, ref } from 'vue'
 
-import { type User } from '@/api/generated/crabs/evening_detective_server';
-import { buildClient } from '@/api/generated/crabs/evening_detective_server/client';
+import { type User } from '@/api/generated/crabs/evening_detective_server'
+import { buildClient } from '@/api/generated/crabs/evening_detective_server/client'
 
 export const useAuthStore = defineStore('auth', () => {
-    // ===== STATE =====
-    const accessToken = ref<string | null>(null);
-    const refreshToken = ref<string | null>(null);
-    const user = ref<User | null>(null);
-    const isLoading = ref(false);
-    const error = ref<string | null>(null);
+  // ===== STATE =====
+  const accessToken = ref<string | null>(null)
+  const refreshToken = ref<string | null>(null)
+  const user = ref<User | null>(null)
+  const isLoading = ref(false)
+  const error = ref<string | null>(null)
 
-    // ===== GETTERS =====
-    const isAuthenticated = computed(() => !!accessToken.value);
-    const username = computed(() => user.value?.username || '');
-    const userRoles = computed(() => user.value?.roles || []);
+  // ===== GETTERS =====
+  const isAuthenticated = computed(() => !!accessToken.value)
+  const username = computed(() => user.value?.username || '')
+  const userRoles = computed(() => user.value?.roles || [])
 
-    // ===== ACTIONS =====
+  // ===== ACTIONS =====
 
-    // Инициализация из localStorage при загрузке
-    function initFromStorage() {
-        const token = localStorage.getItem('accessToken');
-        const refresh = localStorage.getItem('refreshToken');
+  // Инициализация из localStorage при загрузке
+  function initFromStorage() {
+    const token = localStorage.getItem('accessToken')
+    const refresh = localStorage.getItem('refreshToken')
 
-        if (token) {
-            accessToken.value = token;
-            refreshToken.value = refresh;
+    if (token) {
+      accessToken.value = token
+      refreshToken.value = refresh
 
-            // Получаем данные пользователя
-            fetchUser();
+      // Получаем данные пользователя
+      fetchUser()
+    }
+  }
+
+  function getToken(): string | null {
+    return accessToken.value
+  }
+
+  // Получение данных пользователя
+  async function fetchUser() {
+    if (!accessToken.value) return
+
+    try {
+      const client = buildClient(getToken)
+      const response = await client.GetMe({})
+
+      if (response.error) {
+        error.value = response.error
+        return
+      }
+
+      if (response.user) {
+        user.value = response.user
+      }
+    } catch (err) {
+      console.error('Failed to fetch user:', err)
+      // Если 401 — токен протух
+      if (err instanceof Error && err.message.includes('401')) {
+        await logout()
+      }
+    }
+  }
+
+  // Логин
+  async function login(email: string, password: string) {
+    isLoading.value = true
+    error.value = null
+
+    try {
+      const client = buildClient(getToken)
+      const response = await client.Login({ email, password })
+
+      if (response.error) {
+        error.value = response.error
+        return false
+      }
+
+      // Сохраняем токены
+      if (response.accessToken) {
+        accessToken.value = response.accessToken
+        refreshToken.value = response.refreshToken || null
+
+        // Сохраняем в localStorage
+        localStorage.setItem('accessToken', response.accessToken)
+        if (response.refreshToken) {
+          localStorage.setItem('refreshToken', response.refreshToken)
         }
+
+        // Получаем данные пользователя
+        await fetchUser()
+
+        return true
+      }
+
+      return false
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : 'Login failed'
+      return false
+    } finally {
+      isLoading.value = false
     }
+  }
 
-    function getToken(): string | null {
-        return accessToken.value
+  // Обновление токена
+  async function refreshTokenAction() {
+    if (!refreshToken.value) return false
+
+    try {
+      const client = buildClient(getToken)
+      const response = await client.Refresh({
+        refreshToken: refreshToken.value,
+      })
+
+      if (response.error || !response.accessToken) {
+        return false
+      }
+
+      // Обновляем токены
+      accessToken.value = response.accessToken
+      refreshToken.value = response.refreshToken || null
+
+      localStorage.setItem('accessToken', response.accessToken)
+      if (response.refreshToken) {
+        localStorage.setItem('refreshToken', response.refreshToken)
+      }
+
+      return true
+    } catch {
+      return false
     }
+  }
 
-    // Получение данных пользователя
-    async function fetchUser() {
-        if (!accessToken.value) return;
+  // Регистрация
+  async function signup(username: string, email: string) {
+    isLoading.value = true
+    error.value = null
 
-        try {
-            const client = buildClient(getToken);
-            const response = await client.GetMe({});
+    try {
+      const client = buildClient(getToken)
+      const response = await client.Signup({ username, email })
 
-            if (response.error) {
-                error.value = response.error;
-                return;
-            }
+      if (response.error) {
+        error.value = response.error
+        return false
+      }
 
-            if (response.user) {
-                user.value = response.user;
-            }
-        } catch (err) {
-            console.error('Failed to fetch user:', err);
-            // Если 401 — токен протух
-            if (err instanceof Error && err.message.includes('401')) {
-                await logout();
-            }
-        }
+      return true
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : 'Signup failed'
+      return false
+    } finally {
+      isLoading.value = false
     }
+  }
 
-    // Логин
-    async function login(email: string, password: string) {
-        isLoading.value = true;
-        error.value = null;
+  // Восстановление пароля
+  async function refreshPassword(email: string) {
+    isLoading.value = true
+    error.value = null
 
-        try {
-            const client = buildClient(getToken);
-            const response = await client.Login({ email, password });
+    try {
+      const client = buildClient(getToken)
+      const response = await client.RefreshPassword({ email })
 
-            if (response.error) {
-                error.value = response.error;
-                return false;
-            }
+      if (response.error) {
+        error.value = response.error
+        return false
+      }
 
-            // Сохраняем токены
-            if (response.accessToken) {
-                accessToken.value = response.accessToken;
-                refreshToken.value = response.refreshToken || null;
-
-                // Сохраняем в localStorage
-                localStorage.setItem('accessToken', response.accessToken);
-                if (response.refreshToken) {
-                    localStorage.setItem('refreshToken', response.refreshToken);
-                }
-
-                // Получаем данные пользователя
-                await fetchUser();
-
-                return true;
-            }
-
-            return false;
-        } catch (err) {
-            error.value = err instanceof Error ? err.message : 'Login failed';
-            return false;
-        } finally {
-            isLoading.value = false;
-        }
+      return true
+    } catch (err) {
+      error.value = err instanceof Error ? err.message : 'Password reset failed'
+      return false
+    } finally {
+      isLoading.value = false
     }
+  }
 
-    // Обновление токена
-    async function refreshTokenAction() {
-        if (!refreshToken.value) return false;
+  // Выход
+  async function logout() {
+    accessToken.value = null
+    refreshToken.value = null
+    user.value = null
+    error.value = null
 
-        try {
-            const client = buildClient(getToken);
-            const response = await client.Refresh({
-                refreshToken: refreshToken.value
-            });
+    localStorage.removeItem('accessToken')
+    localStorage.removeItem('refreshToken')
+  }
 
-            if (response.error || !response.accessToken) {
-                return false;
-            }
+  // Проверка ролей
+  function hasRole(role: string): boolean {
+    return userRoles.value.includes(role)
+  }
 
-            // Обновляем токены
-            accessToken.value = response.accessToken;
-            refreshToken.value = response.refreshToken || null;
+  function hasAnyRole(roles: string[]): boolean {
+    return roles.some((role) => userRoles.value.includes(role))
+  }
 
-            localStorage.setItem('accessToken', response.accessToken);
-            if (response.refreshToken) {
-                localStorage.setItem('refreshToken', response.refreshToken);
-            }
+  // ===== RETURN =====
+  return {
+    // State
+    accessToken,
+    refreshToken,
+    user,
+    isLoading,
+    error,
 
-            return true;
-        } catch {
-            return false;
-        }
-    }
+    // Getters
+    isAuthenticated,
+    username,
+    userRoles,
 
-    // Регистрация
-    async function signup(username: string, email: string) {
-        isLoading.value = true;
-        error.value = null;
-
-        try {
-            const client = buildClient(getToken);
-            const response = await client.Signup({ username, email });
-
-            if (response.error) {
-                error.value = response.error;
-                return false;
-            }
-
-            return true
-        } catch (err) {
-            error.value = err instanceof Error ? err.message : 'Signup failed';
-            return false;
-        } finally {
-            isLoading.value = false;
-        }
-    }
-
-    // Восстановление пароля
-    async function refreshPassword(email: string) {
-        isLoading.value = true;
-        error.value = null;
-
-        try {
-            const client = buildClient(getToken);
-            const response = await client.RefreshPassword({ email });
-
-            if (response.error) {
-                error.value = response.error;
-                return false;
-            }
-
-            return true;
-        } catch (err) {
-            error.value = err instanceof Error ? err.message : 'Password reset failed';
-            return false;
-        } finally {
-            isLoading.value = false;
-        }
-    }
-
-    // Выход
-    async function logout() {
-        accessToken.value = null;
-        refreshToken.value = null;
-        user.value = null;
-        error.value = null;
-
-        localStorage.removeItem('accessToken');
-        localStorage.removeItem('refreshToken');
-    }
-
-    // Проверка ролей
-    function hasRole(role: string): boolean {
-        return userRoles.value.includes(role);
-    }
-
-    function hasAnyRole(roles: string[]): boolean {
-        return roles.some(role => userRoles.value.includes(role));
-    }
-
-    // ===== RETURN =====
-    return {
-        // State
-        accessToken,
-        refreshToken,
-        user,
-        isLoading,
-        error,
-
-        // Getters
-        isAuthenticated,
-        username,
-        userRoles,
-
-        // Actions
-        initFromStorage,
-        getToken,
-        login,
-        signup,
-        refreshPassword,
-        logout,
-        fetchUser,
-        refreshTokenAction,
-        hasRole,
-        hasAnyRole,
-    };
-});
\ No newline at end of file
+    // Actions
+    initFromStorage,
+    getToken,
+    login,
+    signup,
+    refreshPassword,
+    logout,
+    fetchUser,
+    refreshTokenAction,
+    hasRole,
+    hasAnyRole,
+  }
+})
diff --git a/src/views/GamesView.vue b/src/views/GamesView.vue
index a5f55d0..58b65e2 100644
--- a/src/views/GamesView.vue
+++ b/src/views/GamesView.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import GamesPage from '@/components/GamesPage.vue';
+import GamesPage from '@/components/GamesPage.vue'
 </script>
 
 <template>
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 1489feb..56033fe 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { Key24Regular } from '@vicons/fluent'
 import { Icon } from '@vicons/utils'
-import { computed, ref } from 'vue';
+import { computed, ref } from 'vue'
 
 import HeaderMenu from '@/components/HeaderMenu.vue'
 
@@ -9,7 +9,7 @@ const isFoundKey = ref(false)
 
 const keyColorClass = computed(() => {
   return {
-    'gold-color': isFoundKey.value
+    'gold-color': isFoundKey.value,
   }
 })
 </script>
@@ -18,12 +18,8 @@ const keyColorClass = computed(() => {
   <HeaderMenu :add-login="true" :is-found-key="isFoundKey" />
   <div class="center-block-custom content-block center-middle-block-custom height80">
     <div>
-      <h1 class="font-text">
-        Вечерний детектив
-      </h1>
-      <h3 class="font-text">
-        Дело №0
-      </h3>
+      <h1 class="font-text">Вечерний детектив</h1>
+      <h3 class="font-text">Дело №0</h3>
       <p class="content-text">
         Поиграем?
         <Icon class="key-icon" :class="keyColorClass" @click="isFoundKey = !isFoundKey">
@@ -36,7 +32,7 @@ const keyColorClass = computed(() => {
 
 <style lang="css">
 .font-text {
-  font-family: "font_old_typer";
+  font-family: 'font_old_typer';
 }
 
 .content-text {
diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index 8d54e06..264a717 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import LoginPage from '@/components/LoginPage.vue';
+import LoginPage from '@/components/LoginPage.vue'
 </script>
 
 <template>
diff --git a/src/views/OfficeView.vue b/src/views/OfficeView.vue
index 1f7945f..fc34e96 100644
--- a/src/views/OfficeView.vue
+++ b/src/views/OfficeView.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import OfficePage from '@/components/OfficePage.vue';
+import OfficePage from '@/components/OfficePage.vue'
 </script>
 
 <template>
diff --git a/src/views/PrivacyPolicyView.vue b/src/views/PrivacyPolicyView.vue
index 8a7d2b2..ce8dc91 100644
--- a/src/views/PrivacyPolicyView.vue
+++ b/src/views/PrivacyPolicyView.vue
@@ -1,7 +1,5 @@
 <script setup lang="ts"></script>
 
-<template>
-    Соглашением о персональных данных
-</template>
+<template>Соглашением о персональных данных</template>
 
 <style lang="css"></style>
diff --git a/src/views/ScenariosEditorView.vue b/src/views/ScenariosEditorView.vue
index 783ea82..f04173e 100644
--- a/src/views/ScenariosEditorView.vue
+++ b/src/views/ScenariosEditorView.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import ScenariosEditorPage from '@/components/ScenariosEditorPage.vue';
+import ScenariosEditorPage from '@/components/ScenariosEditorPage.vue'
 </script>
 
 <template>
diff --git a/src/views/ScenariosView.vue b/src/views/ScenariosView.vue
index 2718b74..841bc6d 100644
--- a/src/views/ScenariosView.vue
+++ b/src/views/ScenariosView.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import ScenariosPage from '@/components/ScenariosPage.vue';
+import ScenariosPage from '@/components/ScenariosPage.vue'
 </script>
 
 <template>
diff --git a/src/views/UserAgreementView.vue b/src/views/UserAgreementView.vue
index 0310b84..c2ec939 100644
--- a/src/views/UserAgreementView.vue
+++ b/src/views/UserAgreementView.vue
@@ -1,7 +1,5 @@
 <script setup lang="ts"></script>
 
-<template>
-    Пользовательское соглашение
-</template>
+<template>Пользовательское соглашение</template>
 
 <style lang="css"></style>
diff --git a/src/views/UsersView.vue b/src/views/UsersView.vue
index ff6a0ac..a7d3120 100644
--- a/src/views/UsersView.vue
+++ b/src/views/UsersView.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import UsersPage from '@/components/UsersPage.vue';
+import UsersPage from '@/components/UsersPage.vue'
 </script>
 
 <template>