fix: visible host card links in Hosts table; bump SAC to 0.8.0

Hostname and display name always link to /hosts/:id with sac-row-link styling.

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

frontend/src/style.css

@@ -17,6 +17,17 @@ a {
   color: #7eb8ff;
 }
 
+.sac-row-link {
+  color: #7eb8ff;
+  cursor: pointer;
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+
+.sac-row-link:hover {
+  color: #a8d4ff;
+}
+
 .layout {
   width: 100%;
   max-width: none;

frontend/src/version.ts

@@ -1,3 +1,3 @@
 export const APP_NAME = "Security Alert Center";
-export const APP_VERSION = "0.7.5";
+export const APP_VERSION = "0.8.0";
 export const APP_VERSION_LABEL = `${APP_NAME} v.${APP_VERSION}`;

frontend/src/views/HostsView.vue

@@ -32,15 +32,14 @@
         <tr v-for="h in sortedItems" :key="h.id">
           <td>{{ h.id }}</td>
           <td>
-            <RouterLink :to="`/hosts/${h.id}`" class="host-link">
+            <RouterLink :to="`/hosts/${h.id}`" class="sac-row-link" :title="`Карточка хоста ${h.hostname}`">
               {{ h.display_name || h.hostname }}
             </RouterLink>
           </td>
           <td>
-            <RouterLink v-if="h.hostname !== (h.display_name || h.hostname)" :to="`/hosts/${h.id}`" class="host-link">
+            <RouterLink :to="`/hosts/${h.id}`" class="sac-row-link" :title="`Карточка хоста ${h.hostname}`">
               {{ h.hostname }}
             </RouterLink>
-            <span v-else>{{ h.hostname }}</span>
           </td>
           <td>{{ h.product_version || "—" }}</td>
           <td>{{ h.os_family }}</td>
@@ -276,13 +275,3 @@ onMounted(() => {
   loadHosts();
 });
 </script>
-
-<style scoped>
-.host-link {
-  cursor: pointer;
-  text-decoration: none;
-}
-.host-link:hover {
-  text-decoration: underline;
-}
-</style>