diff --git a/frontend/src/App.svelte b/frontend/src/App.svelte
index b6b903a..05a190a 100644
--- a/frontend/src/App.svelte
+++ b/frontend/src/App.svelte
@@ -10,13 +10,22 @@
   import servers from "./servers.js";
   // import {BrowserOpenURL} from '../wailsjs/runtime/runtime.js'
 
+  // Определение интерфейса для типа Disk
+  /**
+   * @typedef {Object} Disk
+   * @property {string} Name - Имя диска
+   * @property {number} Free - Свободное место в Гб
+   * @property {boolean} normal - Флаг нормального состояния диска
+   */
+
   let resultText = "Ваше имя 👇";
   let local = servers;
   let projects = [];
   let disks = [];
   let downloads = "";
   let cnt_pic = "0";
-  let pics = true;
+  // Переменная для определения состояния счетчика изображений
+  const pics = true;
 
   function get_disks() {
     console.log("get disks");
@@ -47,7 +56,8 @@
       resultText = result;
       console.log(resultText);
       server.run = "running";
-      local = local;
+      // Обновляем локальную переменную для реактивности Svelte
+      local = [...local];
     });
   }
 
@@ -93,7 +103,7 @@
     {#each disks as disk}
       <div>
         {disk.Name}
-        <a href="#" on:click={StartFarDisks} class={disk.normal ? "info" : "danger"}>
+        <a role="button" href="#top" on:click={StartFarDisks} class={disk.normal ? "info" : "danger"}>
           {disk.Free} Gb
         </a>
       </div>
@@ -176,6 +186,12 @@
 </button>
 
 <style>
+  /* 
+   * Цветовая схема приложения:
+   * - info (зеленый): нормальное состояние, все в порядке
+   * - warning (оранжевый): требует внимания
+   * - danger (красный): критическое состояние, требует немедленного вмешательства
+   */
   .disk-panel {
     display: flex;
     justify-content: space-around;
@@ -189,4 +205,7 @@
   .warning {
     color: orange;
   }
+  a:hover {
+    text-decoration: underline;
+  }
 </style>