feat: the panel's own confirm and prompt dialogs everywhere; the assistant's field is one line with a square send button

internal/server/web/templates/app.html

@@ -195,6 +195,7 @@
 <div class="toast" id="toast"></div>
 <script>window.APP = {admin: {{.IsAdmin}}, open: {{.Open}}, dialog: {{.Dialog}}, editLimit: {{.EditLimit}}};</script>
 <script src="{{asset "wsutil.js"}}"></script>
+<script src="{{asset "ui.js"}}"></script>
 <script src="{{asset "xterm.js"}}"></script>
 <script src="{{asset "addon-fit.js"}}"></script>
 <script src="{{asset "app.js"}}"></script>

internal/server/web/templates/dashboard.html

@@ -31,7 +31,7 @@
                 <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"/><path d="M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4 12.5-12.5z"/></svg>
               </a>
               {{if $.IsAdmin}}<form method="post" action="/agents/{{.ID}}/delete" style="display:inline"
-                    onsubmit="return confirm('Удалить машину {{.Name}}? Сервис на ней продолжит работать, но перестанет быть виден. Чтобы снова подключиться - переустановите агента.')">
+                    data-confirm="Удалить машину {{.Name}}? Сервис на ней продолжит работать, но перестанет быть виден. Чтобы снова подключиться - переустановите агента." data-danger>
                 <input type="hidden" name="csrf" value="{{$.CSRF}}">
                 <button class="btn danger small icon" type="submit" data-tip="Удалить" aria-label="Удалить">
                   <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/><path d="M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"/><line x1="10" y1="11" x2="10" y2="17"/><line x1="14" y1="11" x2="14" y2="17"/></svg>

internal/server/web/templates/edit.html

@@ -84,7 +84,7 @@
     </p>
     {{if .Outdated}}
     <form method="post" action="/agents/{{.Agent.ID}}/update"
-          onsubmit="return confirm('Обновить клиента до версии {{.ServerVersion}}? Бинарник будет заменён, сервис перезапущен (без удаления).')">
+          data-confirm="Обновить клиента до версии {{.ServerVersion}}? Бинарник будет заменён, сервис перезапущен (без удаления)." data-danger>
       <input type="hidden" name="csrf" value="{{.CSRF}}">
       <button type="submit">Обновить клиента</button>
     </form>
@@ -98,7 +98,7 @@
     <p class="muted">Удаляет машину из панели. Сервис на самой машине продолжит работать,
       но перестанет быть виден; чтобы подключиться снова - переустановите агента.</p>
     <form method="post" action="/agents/{{.Agent.ID}}/delete"
-          onsubmit="return confirm('Удалить машину {{.Agent.Name}}?')">
+          data-confirm="Удалить машину {{.Agent.Name}}?" data-danger>
       <input type="hidden" name="csrf" value="{{.CSRF}}">
       <button class="btn danger" type="submit">Удалить машину</button>
     </form>

internal/server/web/templates/forwards.html

@@ -49,7 +49,7 @@
           <td class="lead">{{.Label}}</td>
           <td class="actions" style="text-align:right">
             <form method="post" action="/forwards/{{.ID}}/delete" style="display:inline"
-                  onsubmit="return confirm('Удалить правило?')">
+                  data-confirm="Удалить правило?" data-danger>
               <input type="hidden" name="csrf" value="{{$.CSRF}}">
               <button class="btn danger small" type="submit">Удалить</button>
             </form>

internal/server/web/templates/settings.html

@@ -54,7 +54,7 @@
     <div class="copybox"><pre id="short">{{.InstallShort}}</pre><button type="button" class="btn ghost small icon sq copy" data-copy="short" title="Скопировать" aria-label="Скопировать"><svg width="15" height="15" 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></div>
 
     <form method="post" action="/settings/install/code" class="codeform"
-          onsubmit="return confirm('Сделать новый код? Старая короткая ссылка перестанет работать.')">
+          data-confirm="Сделать новый код? Старая короткая ссылка перестанет работать." data-danger>
       <input type="hidden" name="csrf" value="{{.CSRF}}">
       <label for="codelen">Символов в коде</label>
       <input type="number" id="codelen" name="len" min="3" max="24" value="{{.CodeLen}}">
@@ -142,7 +142,7 @@
     <div class="row">
       <code>{{.Secret}}</code>
       <form method="post" action="/settings/secret/rotate" style="display:inline"
-            onsubmit="return confirm('Сменить секрет? Старые one-liner перестанут работать для новых установок.')">
+            data-confirm="Сменить секрет? Старые one-liner перестанут работать для новых установок." data-danger>
         <input type="hidden" name="csrf" value="{{.CSRF}}">
         <button class="btn ghost small" type="submit">Сменить</button>
       </form>
@@ -174,14 +174,14 @@
           <td style="text-align:right" class="nowrap">
             {{if index $.KeyCounts .ID}}
             <form method="post" action="/settings/admins/keys/reset" style="display:inline"
-                  onsubmit="return confirm('Сбросить все ключи доступа {{.Username}}? Вход по паролю снова включится.')">
+                  data-confirm="Сбросить все ключи доступа {{.Username}}? Вход по паролю снова включится." data-danger>
               <input type="hidden" name="csrf" value="{{$.CSRF}}">
               <input type="hidden" name="id" value="{{.ID}}">
               <button class="btn ghost small" type="submit" title="Удалить все ключи доступа и снова включить вход по паролю">Сбросить ключи</button>
             </form>
             {{end}}
             <form method="post" action="/settings/admins/delete" style="display:inline"
-                  onsubmit="return confirm('Удалить {{.Username}}?')">
+                  data-confirm="Удалить {{.Username}}?" data-danger>
               <input type="hidden" name="csrf" value="{{$.CSRF}}">
               <input type="hidden" name="id" value="{{.ID}}">
               <button class="btn danger small" type="submit">Удалить</button>
@@ -251,7 +251,7 @@
             <td class="muted">{{if .Manual}}вручную{{else if .RuleID}}проброс{{else}}туннель{{end}}</td>
             <td style="text-align:right">
               <form method="post" action="/settings/ufw/revoke" style="display:inline"
-                    onsubmit="return confirm('Отменить правило ufw {{.Port}}/{{.Proto}}?')">
+                    data-confirm="Отменить правило ufw {{.Port}}/{{.Proto}}?" data-danger>
                 <input type="hidden" name="csrf" value="{{$.CSRF}}">
                 <input type="hidden" name="id" value="{{.ID}}">
                 <button class="btn danger small" type="submit">Отменить</button>