feat: SAC 0.7.0 display_name columns and event severity overrides

Co-authored-by: Cursor <cursoragent@cursor.com>

frontend/src/views/ProblemsView.vue

@@ -14,7 +14,7 @@
       <option>high</option>
       <option>critical</option>
     </select>
-    <input v-model="hostnameFilter" placeholder="hostname" @keyup.enter="load(1)" />
+    <input v-model="hostnameFilter" placeholder="hostname / имя сервера" @keyup.enter="load(1)" />
     <button type="button" @click="load(1)">Применить</button>
   </div>
   <p v-if="error" class="error">{{ error }}</p>
@@ -27,6 +27,7 @@
           <th>ID</th>
           <th>Обновлено</th>
           <th>Хост</th>
+          <th>Имя сервера</th>
           <th>Severity</th>
           <th>Status</th>
           <th>Rule</th>
@@ -41,6 +42,7 @@
           </td>
           <td>{{ formatDt(p.updated_at) }}</td>
           <td>{{ p.hostname ?? "—" }}</td>
+          <td>{{ formatServerName(p.display_name) }}</td>
           <td :class="'sev-' + p.severity">{{ p.severity }}</td>
           <td :class="'status-' + p.status">{{ p.status }}</td>
           <td><code>{{ p.rule_id ?? "—" }}</code></td>
@@ -88,6 +90,7 @@
 import { onMounted, ref, watch } from "vue";
 import { useRoute } from "vue-router";
 import { ackProblem, apiFetch, resolveProblem, type ProblemListResponse } from "../api";
+import { formatServerName } from "../utils/hostDisplay";
 
 const route = useRoute();