feat: toasts show over the file viewer; icon buttons in the terminal's copy menu

internal/server/web/templates/files.html

@@ -164,7 +164,7 @@
     .hx-b i { margin-right:3px; }
     .hx-b i:nth-child(8) { margin-right:8px; }
   }
-  .toast { position:fixed; bottom:18px; left:50%; transform:translateX(-50%);
+  .toast { z-index:50; position:fixed; bottom:18px; left:50%; transform:translateX(-50%);
            background:#2a2f3a; border:1px solid var(--border); border-radius:8px;
            padding:10px 16px; font-size:14px; opacity:0; transition:opacity .2s; pointer-events:none; }
   .toast.show { opacity:1; }
@@ -287,7 +287,17 @@
   const selected = new Set();
 
   const $ = id => document.getElementById(id);
-  const toast = (msg, err) => { const t=$('toast'); t.textContent=msg; t.className='toast show'+(err?' err':''); setTimeout(()=>t.className='toast',2200); };
+  // An open dialog sits in the page's top layer, above any z-index: the toast
+  // goes inside it then, so "сохранено" or an error shows over the editor.
+  let toastTimer = null;
+  const toast = (msg, err) => {
+    const t = $('toast'), host = document.querySelector('dialog[open]') || document.body;
+    if (t.parentNode !== host) host.appendChild(t);
+    t.textContent = msg;
+    t.className = 'toast show' + (err ? ' err' : '');
+    clearTimeout(toastTimer);
+    toastTimer = setTimeout(() => t.className = 'toast', err ? 3500 : 2200);
+  };
   const b64ToBytes = b64 => { const bin=atob(b64); const u=new Uint8Array(bin.length); for(let i=0;i<bin.length;i++)u[i]=bin.charCodeAt(i); return u; };
   const join = (dir, name) => (dir.endsWith('/') ? dir : dir+'/') + name;
   const parent = p => { if(p==='/'||p==='') return '/'; const i=p.replace(/\/+$/,'').lastIndexOf('/'); return i<=0 ? '/' : p.slice(0,i); };

internal/server/web/templates/terminal.html

@@ -28,10 +28,11 @@
   .keys button.on { background:var(--accent); border-color:var(--accent); color:#fff; }
   .keys button.lock { background:var(--accent); border-color:#fff; color:#fff; }
   /* Copy and paste on touch screens: a long press selects, this menu acts. */
-  .selmenu { position:fixed; left:50%; transform:translateX(-50%); z-index:20; display:flex; gap:4px; padding:4px;
+  .selmenu { position:fixed; left:50%; transform:translateX(-50%); z-index:20; display:flex; gap:7px; padding:5px;
              background:var(--panel); border:1px solid var(--border); border-radius:8px; box-shadow:0 6px 24px rgba(0,0,0,.5); }
   .selmenu[hidden] { display:none; }
-  .selmenu button { height:36px; padding:0 12px; font-size:14px; touch-action:manipulation; -webkit-tap-highlight-color:transparent; }
+  .selmenu button { width:42px; height:42px; padding:0; display:inline-flex; align-items:center; justify-content:center;
+                    touch-action:manipulation; -webkit-tap-highlight-color:transparent; }
   body.touch #terminal { -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; }
 </style>
 </head>
@@ -51,10 +52,18 @@
   <div id="terminal"></div>
 </div>
 <div class="selmenu" id="selmenu" hidden>
-  <button type="button" data-a="copy">Копировать</button>
-  <button type="button" class="btn ghost" data-a="paste">Вставить</button>
-  <button type="button" class="btn ghost" data-a="all">Всё</button>
-  <button type="button" class="btn ghost close" data-a="close" aria-label="Закрыть">×</button>
+  <button type="button" data-a="copy" title="Копировать" aria-label="Копировать">
+    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="12" height="12" rx="2"/><path d="M5 15H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v1"/></svg>
+  </button>
+  <button type="button" class="btn ghost" data-a="paste" title="Вставить" aria-label="Вставить">
+    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="8" y="2" width="8" height="4" rx="1"/><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/></svg>
+  </button>
+  <button type="button" class="btn ghost" data-a="all" title="Выделить всё" aria-label="Выделить всё">
+    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 3a2 2 0 0 0-2 2M19 3a2 2 0 0 1 2 2M21 19a2 2 0 0 1-2 2M5 21a2 2 0 0 1-2-2M9 3h1M9 21h1M14 3h1M14 21h1M3 9v1M21 9v1M3 14v1M21 14v1"/><rect x="7" y="7" width="10" height="10" rx="1"/></svg>
+  </button>
+  <button type="button" class="btn ghost close" data-a="close" title="Закрыть" aria-label="Закрыть">
+    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"><path d="M18 6 6 18M6 6l12 12"/></svg>
+  </button>
 </div>
 <div class="keys" id="keys">
   <button type="button" data-k="esc">ESC</button>