From 8a8a55e7b686e6a4f0d48290bd9f1f9a8c0e9d44 Mon Sep 17 00:00:00 2001
From: shats <admin@shts.su>
Date: Fri, 13 Feb 2026 00:17:55 +0700
Subject: [PATCH] feat(MikrotikTools): add traceroute and ping mode selection
 with reset and run buttons for enhanced user interaction

---
 frontend/src/MikrotikTools.jsx | 72 +++++++++++++++++-----------------
 1 file changed, 36 insertions(+), 36 deletions(-)

diff --git a/frontend/src/MikrotikTools.jsx b/frontend/src/MikrotikTools.jsx
index aa2d39c..b000208 100644
--- a/frontend/src/MikrotikTools.jsx
+++ b/frontend/src/MikrotikTools.jsx
@@ -395,6 +395,41 @@ function MikrotikTools() {
                   );
                 })}
               </div>
+
+              {/* Режим и действия — под выбором цели, стандартный размер Tabler */}
+              <div className="d-flex flex-wrap align-items-center gap-2 mt-3 pt-2 border-top">
+                <ul className="nav nav-pills mb-0" role="tablist">
+                  <li className="nav-item">
+                    <button
+                      type="button"
+                      className={`nav-link ${mode === 'traceroute' ? 'active' : ''}`}
+                      onClick={() => { setMode('traceroute'); setHops([]); setAnalysis([]); setPingResult(null); }}
+                      role="tab"
+                    >
+                      Traceroute
+                    </button>
+                  </li>
+                  <li className="nav-item">
+                    <button
+                      type="button"
+                      className={`nav-link ${mode === 'ping' ? 'active' : ''}`}
+                      onClick={() => { setMode('ping'); setHops([]); setAnalysis([]); setPingResult(null); }}
+                      role="tab"
+                    >
+                      Ping
+                    </button>
+                  </li>
+                </ul>
+                <div className="btn-list">
+                  <button type="button" className="btn btn-outline-secondary" onClick={handleReset} disabled={running}>
+                    <IconRefresh size={16} className="me-1" />
+                    Сбросить
+                  </button>
+                  <button type="button" className="btn btn-primary" onClick={handleRunCheck} disabled={running || loading}>
+                    {running ? 'Выполнение…' : (mode === 'traceroute' ? 'Запустить трассировку' : 'Запустить ping')}
+                  </button>
+                </div>
+              </div>
             </>
           )}
         </div>
@@ -404,43 +439,8 @@ function MikrotikTools() {
       <div className="row g-2">
         <div className="col-md-4">
           <div className="card mb-2">
-            <div className="card-header py-2 d-flex flex-wrap align-items-center gap-2">
+            <div className="card-header py-2">
               <h3 className="card-title mb-0">Параметры</h3>
-              {serverId && (
-                <>
-                  <ul className="nav nav-pills nav-pills-sm mb-0" role="tablist">
-                    <li className="nav-item">
-                      <button
-                        type="button"
-                        className={`nav-link ${mode === 'traceroute' ? 'active' : ''}`}
-                        onClick={() => { setMode('traceroute'); setHops([]); setAnalysis([]); setPingResult(null); }}
-                        role="tab"
-                      >
-                        Traceroute
-                      </button>
-                    </li>
-                    <li className="nav-item">
-                      <button
-                        type="button"
-                        className={`nav-link ${mode === 'ping' ? 'active' : ''}`}
-                        onClick={() => { setMode('ping'); setHops([]); setAnalysis([]); setPingResult(null); }}
-                        role="tab"
-                      >
-                        Ping
-                      </button>
-                    </li>
-                  </ul>
-                  <div className="btn-list ms-auto">
-                    <button type="button" className="btn btn-sm btn-outline-secondary" onClick={handleReset} disabled={running}>
-                      <IconRefresh size={14} className="me-1" />
-                      Сбросить
-                    </button>
-                    <button type="button" className="btn btn-sm btn-primary" onClick={handleRunCheck} disabled={running || loading}>
-                      {running ? '…' : (mode === 'traceroute' ? 'Трассировка' : 'Ping')}
-                    </button>
-                  </div>
-                </>
-              )}
             </div>
             <div className="card-body py-2">
               {loading && !networkConfig ? (