feat: fix migrate_to_wmt playbook; restructure sidebar nav; add Client Name column to WMT dashboard

templates/ansible/execute.html

@@ -91,6 +91,12 @@
                     <h6 class="text-muted fw-bold mb-2 small text-uppercase">Custom Playbooks</h6>
                     <select class="form-select" id="customPlaybook">
                         <option value="">— select custom playbook —</option>
+                        {% for pb in custom_playbooks %}
+                        <option value="{{ pb.name }}"
+                            {% if preselect_playbook == pb.filename or preselect_playbook == pb.name %}selected{% endif %}>
+                            {{ pb.name }}
+                        </option>
+                        {% endfor %}
                     </select>
                     <input type="hidden" name="playbook" id="selectedPlaybook">
                 </div>

templates/ansible/playbooks.html

@@ -21,12 +21,12 @@
     background-color: #f8f9ff;
 }
 .code-editor-area {
-    min-height: 400px;
+    min-height: 600px;
     border: 1px solid #dee2e6;
     border-radius: 0.375rem;
 }
 .CodeMirror {
-    height: 400px;
+    height: 600px;
     border-radius: 0.375rem;
 }
 .playbook-actions {
@@ -244,7 +244,7 @@
                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
             <div class="modal-body">
-                <pre id="playbookContent" style="max-height: 400px; overflow-y: auto; background-color: #f8f9fa; padding: 15px; border-radius: 5px;"></pre>
+                <pre id="playbookContent" style="max-height: 600px; overflow-y: auto; background-color: #f8f9fa; padding: 15px; border-radius: 5px;"></pre>
             </div>
             <div class="modal-footer">
                 <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>

templates/base.html

@@ -235,14 +235,6 @@
         </div>
         
         <ul class="nav-menu">
-            <div class="nav-section">Device Management</div>
-            <li class="nav-item">
-                <a href="{{ url_for('main.devices') }}" class="nav-link {% if request.endpoint in ['main.devices','main.device_edit','main.device_detail'] %}active{% endif %}">
-                    <i class="fas fa-desktop"></i>
-                    Devices
-                </a>
-            </li>
-
             <div class="nav-section">WMT</div>
             <li class="nav-item">
                 <a href="{{ url_for('wmt_web.index') }}" class="nav-link {% if request.endpoint == 'wmt_web.index' %}active{% endif %}">
@@ -266,7 +258,13 @@
             <li class="nav-item">
                 <a href="{{ url_for('wmt_web.devices') }}" class="nav-link {% if request.endpoint in ['wmt_web.devices','wmt_web.device_new','wmt_web.device_edit'] %}active{% endif %}">
                     <i class="fas fa-desktop"></i>
-                    WMT Devices
+                    Devices
+                </a>
+            </li>
+            <li class="nav-item">
+                <a href="{{ url_for('main.devices') }}" class="nav-link {% if request.endpoint in ['main.devices','main.device_edit','main.device_detail'] %}active{% endif %}">
+                    <i class="fas fa-heartbeat"></i>
+                    Devices Monitoring
                 </a>
             </li>
 

templates/wmt/index.html

@@ -116,6 +116,7 @@
             <thead class="table-light">
               <tr>
                 <th>Work Place</th>
+                <th>Client Name</th>
                 <th>MAC</th>
                 <th>IP</th>
                 <th>Last Seen</th>
@@ -126,6 +127,7 @@
               {% for d in devices %}
               <tr>
                 <td><strong>{{ d.device_name or '—' }}</strong></td>
+                <td>{{ d.hostname or '—' }}</td>
                 <td><code>{{ d.mac_address }}</code></td>
                 <td>{{ d.device_ip or '—' }}</td>
                 <td class="text-muted small">