fix: transfer dialog keeps its body and shows a spinner and progress while sending; LPRA in the header leads to the machines; no settings link on the settings page; corner plus clear of the scrollbar

internal/server/web/templates/files.html

@@ -144,8 +144,9 @@
   .mv-bar i { display:block; height:100%; width:0; background:var(--accent); border-radius:3px; transition:width .5s ease; }
   .mv-bar.wait i { width:30% !important; animation:mv-slide 1.1s ease-in-out infinite; }
   @keyframes mv-slide { from { transform:translateX(-100%); } to { transform:translateX(340%); } }
+  .mv-pwrap { display:inline-flex; align-items:center; gap:8px; min-width:0; }
   .mv-ptext { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:8px; font-size:13px; color:var(--muted); }
-  .mv.busy input, .mv.busy select, .mv.busy textarea, .mv.busy .seg, .mv.busy .mv-net { pointer-events:none; opacity:.6; }
+  .mv.running input, .mv.running select, .mv.running textarea, .mv.running .seg, .mv.running .mv-net { pointer-events:none; opacity:.6; }
   .mv-dirbox { position:relative; }
   .mv-dirbox input { font-family:ui-monospace,Menlo,monospace; font-size:13px; }
   .mv-sug { position:absolute; left:0; right:0; top:calc(100% + 4px); z-index:5; max-height:220px; overflow:auto;
@@ -285,7 +286,7 @@
 </head>
 <body>
 <header class="topbar">
-  <div class="brand">LPRA · Файлы - {{.Agent.Name}} <span class="muted">({{.Agent.Hostname}})</span></div>
+  <div class="brand"><a class="home" href="/" title="К списку машин">LPRA</a> · Файлы - {{.Agent.Name}} <span class="muted">({{.Agent.Hostname}})</span></div>
   <nav>
     <a href="/">← Машины</a>
     <a href="/agents/{{.Agent.ID}}/terminal">Терминал</a>
@@ -422,7 +423,7 @@
     </select>
     <div class="mv-prog" id="mv-prog" hidden>
       <div class="mv-bar"><i id="mv-bar"></i></div>
-      <div class="mv-ptext"><span id="mv-ptext">подготовка…</span><button type="button" class="btn ghost small" id="mv-stop">Отменить</button></div>
+      <div class="mv-ptext"><span class="mv-pwrap"><span class="spinner"></span><span id="mv-ptext">подготовка…</span></span><button type="button" class="btn ghost small" id="mv-stop">Отменить</button></div>
     </div>
     <div class="pp-act"><button type="button" id="mv-go">Переместить</button></div>
   </div>
@@ -1325,9 +1326,10 @@
     return {t};
   }
   function busy(on) {
-    document.querySelector('#mvdlg .mv').classList.toggle('busy', on);
+    document.querySelector('#mvdlg .mv').classList.toggle('running', on);
     $('mv-go').disabled = on;
     $('mv-prog').hidden = !on;
+    if (on) requestAnimationFrame(() => $('mv-prog').scrollIntoView({block: 'nearest', behavior: 'smooth'}));
   }
   // ship sends to the other machine and follows the job to its end.
   async function ship(dir, name, conflict, move) {