M17-M19: Bekannte Router, Live-Traffic-Anzeige, Übersicht-Animation+Drag

M17: "Bekannte Router" im Verbinden-Tab (SavedRouter/SavedRoutersStore),
Standort-Freitextfeld, Scroll-Cap ab 4 Einträgen. Bugfix: Umbenennen-
TextField steckte in einem sich selbst deaktivierenden Button.

M18: Live-Traffic-Punkt an Interfaces (InterfaceTrafficMonitor, eigene
SSH-Verbindung, monitor-traffic-Polling). Dabei zwei reale CLI-Parser-Bugs
gefunden und gefixt: running/disabled-Flags werden als Buchstaben vor dem
ersten Feld codiert, nicht als key=value; monitor-traffic liefert
"50.7kbps" statt einer reinen Zahl.

M19: Übersicht-Tab — animierte Flussrichtung auf allen Verbindungslinien
(TimelineView+dashPhase), frei verschiebbare Knoten mit Live-folgenden
Linien, Zurücksetzen-Button.

Zusätzlich (noch nicht live getestet, nur Build+Unit-Tests grün):
LAN-Port-Konflikt-Prüfung im Einrichten-Assistenten mit doppelter
Sicherheitsbestätigung, "Fertig"-Button nach erfolgreichem Anwenden.

82 Tests grün. HANDOFF.md/README.md/Manual.md/CHATLOG.md aktualisiert.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01YDmUd93KxsYGr2kLTotWnG
This commit is contained in:
Kay
2026-09-15 21:40:46 +02:00
co-authored by Claude Sonnet 5
parent 9b26677dc2
commit 31607b7270
24 changed files with 1400 additions and 61 deletions
+33
View File
@@ -62,6 +62,19 @@ schrittweise.
separat, mit "Jetzt neu starten"-Button danach.
- Schnell-Backup-Button direkt im Verbinden-Tab.
- "Trennen"-Button beendet die Verbindung sauber.
- **Bekannte Router**: nach jeder erfolgreichen Verbindung merkt sich die
App Host und Benutzername (Passwort bleibt wie gewohnt im macOS-
Schlüsselbund). Anzeigename wird beim ersten Mal automatisch auf die
Hardware-Bezeichnung gesetzt (z.B. "hEX"), lässt sich aber jederzeit
über "Bearbeiten" ändern — dort auch ein freies Standort-Feld (z.B.
"Keller, Serverschrank" oder "1. OG") zur besseren Unterscheidung
mehrerer Router. Klick auf einen Eintrag füllt Host/Benutzername/
Passwort ins Formular, ohne sofort zu verbinden. Ab ca. 4 Einträgen
scrollt die Liste in sich selbst.
- **Live-Traffic-Anzeige**: der Punkt vor jedem Interface in der
Geräte-Übersicht ist grau (kein Link), grün (Link, aber kein
Datenverkehr) oder pulsierend grün (überträgt gerade tatsächlich
Daten).
## 2. Einrichten (Wizard)
@@ -111,6 +124,11 @@ Grafisches Diagramm des kompletten aktuellen Router-Zustands:
Bearbeiten-Button, da RouterOS solche Einträge selbst verwaltet.
- Aktualisiert sich automatisch, sobald du in den Tab wechselst.
- Zoom-Buttons (/100%/+) für die Diagrammgröße.
- Verbindungslinien laufen animiert in Flussrichtung ("von → nach").
- **Kästchen lassen sich frei verschieben** (anklicken zum Auswählen
funktioniert weiterhin parallel) — Verbindungslinien folgen live mit.
"Zurücksetzen"-Button in der Toolbar stellt die ursprüngliche
Spalten-Anordnung wieder her.
## 4. Geräte
@@ -193,6 +211,17 @@ entire Connect tab. More tabs will follow incrementally.
separately, with a "Reboot now" button afterwards.
- Quick-backup button right in the Connect tab.
- "Disconnect" button cleanly ends the session.
- **Known Routers**: after every successful connection, the app remembers
the host and username (the password stays in macOS Keychain as usual).
The display name defaults to the hardware designation (e.g. "hEX") the
first time, but can be changed anytime via "Edit" — which also has a
free-text location field (e.g. "Basement, server rack" or "1st Floor")
to tell multiple routers apart. Clicking an entry fills in host/
username/password without connecting yet. The list scrolls in place
past about 4 entries.
- **Live traffic indicator**: the dot in front of each interface in the
device overview is grey (no link), green (link but no traffic), or
pulsing green (actually carrying data right now).
## 2. Setup Wizard
@@ -240,6 +269,10 @@ Graphical diagram of the router's complete current state:
deliberately show no Edit button, since RouterOS manages those itself.
- Refreshes automatically whenever you switch to this tab.
- Zoom buttons (/100%/+) for the diagram size.
- Connection lines run an animated flow direction ("from → to").
- **Cards can be freely dragged** (click-to-select still works alongside
it) — connection lines follow live. A "Reset" button in the toolbar
restores the original column layout.
## 4. Devices