fix(flows): showing url domain if available

Author: Tbaile

src/components/standalone/monitoring/flows/FlowDetail.vue

@@ -85,24 +85,17 @@ const facts = computed<FactsGroup[]>(() => {
   if (hostnameInformationVisible.value) {
     const hostnameFacts: Fact[] = []
 
-    if (_flow.value.flow.host_server_name) {
-      hostnameFacts.push({
-        label: t('standalone.flows.hostname'),
-        value: _flow.value.flow.host_server_name
-      })
-    }
-
     if (_flow.value.flow.dns_host_name) {
       hostnameFacts.push({
-        label: t('standalone.flows.domain'),
+        label: t('standalone.flows.associated_dns'),
         value: _flow.value.flow.dns_host_name
       })
     }
 
-    if (_flow.value.flow.ssl?.client_sni) {
+    if (_flow.value.flow.host_server_name) {
       hostnameFacts.push({
-        label: t('standalone.flows.tls_sni_hostname'),
-        value: _flow.value.flow.ssl.client_sni
+        label: t('standalone.flows.hostname'),
+        value: _flow.value.flow.host_server_name
       })
     }
 
@@ -279,8 +272,7 @@ const downloadBytes = computed(() => {
 const hostnameInformationVisible = computed<boolean>(() => {
   return [
     _flow.value?.flow.host_server_name != undefined,
-    _flow.value?.flow.dns_host_name != undefined,
-    _flow.value?.flow.ssl?.client_sni != undefined
+    _flow.value?.flow.dns_host_name != undefined
   ].some((value) => value)
 })
 </script>

src/components/standalone/monitoring/flows/FlowTableRow.vue

@@ -81,15 +81,23 @@ const destinationPort = computed<number>(() =>
       {{ sourceIp }}:{{ sourcePort }}
     </NeTableCell>
     <NeTableCell :data-label="t('standalone.flows.destination')">
-      <NeTooltip v-if="item.flow.host_server_name != undefined" trigger-event="mouseenter click">
+      <NeTooltip
+        v-if="item.flow.host_server_name != undefined || item.flow.dns_host_name != undefined"
+        trigger-event="mouseenter click"
+      >
         <template #content>
           <p>{{ t('standalone.flows.destination_ip') }}: {{ destinationIp }}</p>
           <p>{{ t('standalone.flows.destination_port') }}: {{ destinationPort }}</p>
           <p v-if="item.flow.dns_host_name != undefined">
-            {{ t('standalone.flows.destination_dns') }} : {{ item.flow.dns_host_name }}
+            {{ t('standalone.flows.associated_dns') }} : {{ item.flow.dns_host_name }}
           </p>
+          <p v-if="item.flow.host_server_name">
+            {{ t('standalone.flows.server_name_hint') }}: {{ item.flow.host_server_name }}
+          </p>
+        </template>
+        <template #trigger>
+          {{ item.flow.dns_host_name ?? item.flow.host_server_name }}:{{ destinationPort }}
         </template>
-        <template #trigger> {{ item.flow.host_server_name }}:{{ destinationPort }} </template>
       </NeTooltip>
       <template v-else> {{ destinationIp }}:{{ destinationPort }} </template>
     </NeTableCell>

src/composables/useFlows.ts

@@ -2,7 +2,6 @@ import {
   faArrowDown,
   faArrowUp,
   faBroadcastTower,
-  faMagnifyingGlass,
   faQuestion,
   faUsers,
   faCancel
@@ -136,15 +135,6 @@ export function matchBadge(tag: string): Badge {
         content: 'standalone.flows.broadcast_description'
       }
     }
-    case 'scanning': {
-      return {
-        id: 'scanning',
-        text: 'standalone.flows.scanning',
-        icon: faMagnifyingGlass,
-        customClasses: ['bg-gray-100', 'text-gray-800', 'dark:bg-gray-700', 'dark:text-gray-100'],
-        content: 'standalone.flows.scanning_description'
-      }
-    }
     case 'blocked': {
       return {
         id: 'blocked',

src/i18n/en.json

@@ -2390,7 +2390,8 @@
       "source_port": "Source port",
       "source_mac": "Source MAC",
       "destination_ip": "Destination IP",
-      "destination_dns": "Destination DNS",
+      "associated_dns": "Associated DNS",
+      "server_name_hint": "Server name hint",
       "destination_port": "Destination port",
       "destination_mac": "Destination MAC",
       "traffic_inspection_details": "Traffic Inspection Details",