Visualize observed access paths

infra/debug-dashboard/templates/network.html

@@ -0,0 +1,7 @@
+{% extends "base.html" %}
+{% block title %}Zugriffswege - OfficeCom Sentinel{% endblock %}
+{% block content %}
+<section class="hero compact"><span class="eyebrow">Letzte 14 Tage</span><h1>Zugriffswege im Blick</h1><p>Verdichtete fehlgeschlagene Anmeldungen. Jeder Pfad verbindet Quell-IP, Zielgeraet und betroffenes Konto.</p></section>
+<section class="metrics compact-metrics"><article><span>Quell-IPs</span><strong>{{ source_count }}</strong></article><article><span>Zielgeraete</span><strong>{{ target_count }}</strong></article><article><span>Beobachtete Versuche</span><strong>{{ total_events }}</strong></article><article><span>Anzeige</span><strong class="timestamp">Top {{ flows|length }} Pfade</strong></article></section>
+<section class="panel network-panel"><div class="panel-heading"><span class="eyebrow">Flusskarte</span><h2>Quell-IP zu Zielgeraet <small>Balkenbreite entspricht der Anzahl der Versuche</small></h2></div><div class="network-flows">{% for flow in flows %}<a class="network-flow" href="{{ url_for('device', machine_name=flow.machine_name) }}"><div class="flow-endpoint source"><span>Quelle</span><strong>{{ flow.source_ip }}</strong></div><div class="flow-line"><i style="--flow: {{ (flow.count * 100 / max_count)|round(0, 'floor') }}%"></i><small>{{ flow.count }}x</small></div><div class="flow-endpoint target"><span>Ziel</span><strong>{{ flow.machine_name }}</strong><small>{{ flow.target }} | {{ flow.account }}</small></div></a>{% else %}<p class="empty-state">Keine externen Zugriffswege aus fehlgeschlagenen Anmeldungen im Zeitraum.</p>{% endfor %}</div></section>
+{% endblock %}