iobroker.agent-dvr 0.0.4 → 0.0.6

package/README.de.md

@@ -45,6 +45,9 @@ Verbindet ioBroker mit [AgentDVR](https://www.ispyconnect.com): Kameras und Mikr
 | Übersichts-Widget | Einzelner HTML-State mit allen Kamera-Live-Kacheln | `true` |
 | Galerie-Widget pro Kamera | HTML-Aufnahmegalerie pro Kamera | `true` |
 | Roh-API-JSON speichern | Die vollständige getObjects-Antwort in `system.raw_getObjects` schreiben | `false` |
+| go2rtc aktivieren | WebRTC-Streams von go2rtc statt MJPEG im Dashboard verwenden | `false` |
+| go2rtc URL | Basis-URL des go2rtc-Servers, z.B. `http://192.168.1.10:1984` | — |
+| Stream-Mapping | Tabelle pro Kamera: AgentDVR-Kamera-Key → go2rtc-Stream-Name | — |
 
 ## Datenpunkte
 
@@ -157,6 +160,32 @@ Die rohen Gerätedaten aus AgentDVR werden rekursiv gespiegelt (Tiefe konfigurie
 |-----------|-----|-----|-------------|
 | `overview` | string | R | HTML-Kachelraster aller Kameras mit Livestream-Links |
 
+## Live-Dashboard
+
+Der Adapter liefert ein eingebautes Live-Dashboard unter `http://<iobroker>:<webport>/agent-dvr/`.
+
+**Funktionen:**
+- MJPEG- oder WebRTC-Livestream pro Kachel (konfigurierbar)
+- Vollbild-Ansicht mit PTZ-Overlay und Aufnahme-Button
+- Echtzeit-Bewegungs- (gelber Rahmen) und Alert-Indikator (oranger Rahmen)
+- Aufnahmen-Tab mit Raster- und Timeline-Ansicht, Suche und Tag-Filter, Video-Player mit Vor/Zurück-Navigation
+- Farbthema über Adapter-Konfiguration (7 Color-Picker)
+
+## go2rtc WebRTC-Streams
+
+Das Dashboard kann [go2rtc](https://github.com/AlexxIT/go2rtc) nutzen, um flüssige WebRTC-Streams statt des MJPEG-Fallbacks anzuzeigen.
+
+**Voraussetzung:** go2rtc muss installiert und gestartet sein, mit bereits konfigurierten Streams für die Kameras.
+
+**Einrichtung:**
+1. In der Adapter-Konfiguration → Tab *Live-Dashboard*: **go2rtc aktivieren** und die **go2rtc URL** eintragen (z.B. `http://192.168.1.10:1984`).
+2. Die **Stream-Mapping**-Tabelle befüllen — eine Zeile pro Kamera:
+   - **AgentDVR Kamera-Key**: der ioBroker-Datenpunkt-Präfix, z.B. `cam_8_Reolink` (im ioBroker-Objektbaum sichtbar)
+   - **go2rtc Stream-Name**: der Stream-Name wie in der go2rtc-Oberfläche oder unter `/api/streams`, z.B. `Reolink`
+3. Speichern und Adapter neu starten. Gemappte Kameras zeigen den WebRTC-Stream; nicht gemappte Kameras verwenden weiterhin MJPEG.
+
+**Funktionsweise:** Das Dashboard verbindet sich per WebSocket mit dem ioBroker-Webadapter, der die WebRTC-Signalisierung intern an go2rtc weiterleitet. Damit werden Browser-Cross-Origin-Beschränkungen umgangen, ohne go2rtc konfigurieren zu müssen.
+
 ## Snapshot als Base64
 
 Der State `snapshot_b64` enthält das aktuelle Kamerabild als `data:image/jpeg;base64,…`-String und kann direkt in vis/vis-2-Bild-Widgets verwendet werden, ohne dass der Browser einen eigenen HTTP-Request durchführen muss.
@@ -171,6 +200,28 @@ Der State `snapshot_b64` enthält das aktuelle Kamerabild als `data:image/jpeg;b
 	Placeholder for the next version (at the beginning of the line):
 	### **WORK IN PROGRESS**
 -->
+### 0.0.6 (2026-07-01)
+* (ipod86) docs: Live-Dashboard- und go2rtc-WebRTC-Abschnitte zur README hinzugefügt
+
+### 0.0.5 (2026-07-01)
+* (ipod86) feat: go2rtc WebRTC-Stream-Integration — Mapping-Tabelle pro Kamera im Admin, ioBroker WebSocket-Proxy umgeht Browser-Cross-Origin-Sperre
+* (ipod86) feat: Automatisches Löschen von Kamera-/Mikrofon-Datenpunkten wenn das Gerät in AgentDVR entfernt wird
+* (ipod86) feat: Dedizierte `status.*`-Datenpunkte pro Kamera — `recording`, `online`, `connected`, `detected`, `alerted` mit korrekten ioBroker-Rollen
+* (ipod86) feat: `/api/record`-Endpoint — Aufnahme über ioBroker-State aus dem Dashboard starten/stoppen
+* (ipod86) feat: Dashboard — vollständiges Farbthema (7 Color-Picker), konfigurierbarer Tag-Badge-Bereich
+* (ipod86) feat: Dashboard — Aufnahme-/Stop-Button auf Kacheln und im Vollbild-Panel
+* (ipod86) feat: Dashboard — Echtzeit-Bewegungs- (gelber Rahmen) und Alert-Indikator (oranger Rahmen) via Socket.io
+* (ipod86) feat: Dashboard — Aufnahme-Timeline in der Aufnahmen-Ansicht: proportionale Blöcke pro Tag, Klick zum Abspielen
+* (ipod86) feat: Dashboard — PTZ- und Aufnahme-Buttons im Vollbild-Panel mit PTZ-Overlay
+* (ipod86) feat: Dashboard — Einstellung `dashBtnsVisible`: PTZ- und Aufnahme-Button immer oder nur bei Hover anzeigen
+* (ipod86) feat: Dashboard — MJPEG-Streams stoppen bei Tab-Wechsel, Neustart beim Zurückkehren (Bandbreite sparen)
+* (ipod86) feat: Dashboard — Zuletzt gewählte Kamera in der Aufnahmen-Ansicht im localStorage gespeichert
+* (ipod86) fix: Dashboard — Vor/Zurück-Navigation bei Aufnahmen folgt nun chronologischer Reihenfolge
+* (ipod86) fix: Dashboard — PTZ-Button-Kontrast verbessert, Download-Button im Video-Modal, Schließen-Button oben rechts
+* (ipod86) fix: Dashboard — Stream-Neuverbindung nach Tab-Rückkehr löst keine Snapshot-Rückfall mehr aus
+* (ipod86) fix: jsonConfig-Header-Einträge fehlendes Pflichtfeld `size` ergänzt (E5512)
+* (ipod86) fix: Admin-Config-Beschriftungen bereinigt (Snapshot Base64, Widget-Tooltips, go2rtc-Tooltip)
+
 ### 0.0.4 (2026-06-27)
 * (ipod86) fix: DP-Rollen korrigiert: snapshot_b64 → state (E1008), Profil-Selektor → level (E1011)
 

package/README.md

@@ -47,6 +47,9 @@ Connects ioBroker to [AgentDVR](https://www.ispyconnect.com): auto-discovers all
 | Overview widget | Single HTML state combining all camera live tiles | `true` |
 | Gallery widget per camera | HTML recording gallery per camera | `true` |
 | Store raw API JSON | Write the full getObjects response to `system.raw_getObjects` | `false` |
+| Enable go2rtc | Use WebRTC streams from go2rtc instead of MJPEG in the dashboard | `false` |
+| go2rtc URL | Base URL of your go2rtc server, e.g. `http://192.168.1.10:1984` | — |
+| Stream mapping | Per-camera table: AgentDVR camera key → go2rtc stream name | — |
 
 ## Data points
 
@@ -159,6 +162,32 @@ The raw device data from AgentDVR is mirrored recursively (depth configurable, d
 |-----------|------|-----|-------------|
 | `overview` | string | R | HTML tile grid of all cameras with live stream links |
 
+## Live Dashboard
+
+The adapter ships a built-in live dashboard at `http://<iobroker>:<webport>/agent-dvr/`.
+
+**Features:**
+- Live MJPEG or WebRTC stream per camera tile (configurable)
+- Fullscreen view with PTZ overlay and record button
+- Real-time motion (yellow border) and alert (orange border) indicators
+- Recordings tab with grid and timeline view, search and tag filter, video player with prev/next navigation
+- Color theming via adapter config (7 color pickers)
+
+## go2rtc WebRTC Streams
+
+The dashboard can use [go2rtc](https://github.com/AlexxIT/go2rtc) to display smooth WebRTC streams instead of the MJPEG fallback.
+
+**Requirements:** go2rtc must be installed and running, with streams already configured pointing to your cameras.
+
+**Setup:**
+1. In the adapter config → *Live Dashboard* tab, enable **go2rtc** and enter the **go2rtc URL** (e.g. `http://192.168.1.10:1984`).
+2. Fill in the **Stream mapping** table — one row per camera:
+   - **AgentDVR camera key**: the ioBroker data point prefix, e.g. `cam_8_Reolink` (visible in the ioBroker object tree)
+   - **go2rtc stream name**: the stream name as shown in go2rtc's web UI or `/api/streams` endpoint, e.g. `Reolink`
+3. Save and restart the adapter. Mapped cameras show the WebRTC stream; unmapped cameras continue using MJPEG.
+
+**How it works:** The dashboard connects via WebSocket to the ioBroker web adapter, which proxies the WebRTC signaling to go2rtc internally. This avoids browser cross-origin restrictions without any go2rtc configuration changes.
+
 ## Snapshot as Base64
 
 The `snapshot_b64` state stores the current camera frame as a `data:image/jpeg;base64,…` string so it can be used directly in vis/vis-2 image widgets without a separate HTTP request from the browser.
@@ -173,6 +202,28 @@ The `snapshot_b64` state stores the current camera frame as a `data:image/jpeg;b
 	Placeholder for the next version (at the beginning of the line):
 	### **WORK IN PROGRESS**
 -->
+### 0.0.6 (2026-07-01)
+* (ipod86) docs: add Live Dashboard and go2rtc WebRTC sections to README
+
+### 0.0.5 (2026-07-01)
+* (ipod86) feat: go2rtc WebRTC stream integration — per-camera mapping table in admin, ioBroker WebSocket proxy to bypass browser cross-origin restrictions
+* (ipod86) feat: auto-delete camera/microphone data points when device is removed from AgentDVR
+* (ipod86) feat: dedicated `status.*` data points per camera — `recording`, `online`, `connected`, `detected`, `alerted` with correct ioBroker roles
+* (ipod86) feat: `/api/record` endpoint — start/stop recording via ioBroker state from the dashboard
+* (ipod86) feat: dashboard — full color theming (7 color pickers), configurable tag-badge corner position
+* (ipod86) feat: dashboard — record/stop button on camera tiles and in fullscreen panel
+* (ipod86) feat: dashboard — real-time motion (yellow border) and alert (orange border) indicators via Socket.io subscription
+* (ipod86) feat: dashboard — recording timeline view in recordings tab: proportional blocks per day, click to play
+* (ipod86) feat: dashboard — PTZ and record buttons visible in fullscreen panel with PTZ overlay
+* (ipod86) feat: dashboard — `dashBtnsVisible` setting: always show or hover-only for both PTZ and record buttons
+* (ipod86) feat: dashboard — MJPEG streams stop on tab hide, restart on return (saves bandwidth)
+* (ipod86) feat: dashboard — last selected camera in recordings tab persisted to localStorage
+* (ipod86) fix: dashboard — recording prev/next navigation now follows chronological order
+* (ipod86) fix: dashboard — PTZ button contrast improved, DL button in video modal, X button top-right
+* (ipod86) fix: dashboard — stream reconnect after tab return no longer triggers snapshot fallback
+* (ipod86) fix: jsonConfig header items missing required `size` property (E5512)
+* (ipod86) fix: admin config label improvements (snapshot Base64, widget tooltips, go2rtc tooltip)
+
 ### 0.0.4 (2026-06-27)
 * (ipod86) fix: snapshot_b64 role corrected to `state` (E1008)
 * (ipod86) fix: profile selector role corrected to `level` (E1011)

package/admin/custom/go2rtcMapping.js

@@ -0,0 +1,169 @@
+/**
+ * ioBroker jsonConfig custom component — go2rtc stream mapping table
+ * Loaded by the admin when the Dashboard tab is opened in the adapter config.
+ * Depends on: global React (provided by the admin page), props.socket (ioBroker socket).
+ */
+(function () {
+    'use strict';
+
+    window.customComponents = window.customComponents || {};
+
+    var e = React.createElement;
+
+    // ── Helper: normalize socket methods (Promise or callback-based) ────────
+
+    function socketGetStates(socket, pattern) {
+        try {
+            var result = socket.getStates(pattern);
+            if (result && typeof result.then === 'function') return result;
+            return new Promise(function (resolve, reject) {
+                socket.getStates(pattern, function (err, states) {
+                    if (err) reject(err); else resolve(states || {});
+                });
+            });
+        } catch (ex) { return Promise.reject(ex); }
+    }
+
+    function socketSendTo(socket, target, command, data) {
+        try {
+            var result = socket.sendTo(target, command, data);
+            if (result && typeof result.then === 'function') return result;
+            return new Promise(function (resolve) {
+                socket.sendTo(target, command, data, function (res) { resolve(res); });
+            });
+        } catch (ex) { return Promise.resolve(null); }
+    }
+
+    // ── Component ───────────────────────────────────────────────────────────
+
+    function Go2rtcMapping(props) {
+        var useState   = React.useState;
+        var useEffect  = React.useEffect;
+        var useMemo    = React.useMemo;
+
+        var _cameras   = useState(null);  // null = loading
+        var cameras    = _cameras[0]; var setCameras = _cameras[1];
+        var _streams   = useState([]);
+        var streams    = _streams[0];     var setStreams  = _streams[1];
+        var _error     = useState(null);
+        var error      = _error[0];       var setError   = _error[1];
+
+        var instanceStr = 'agent-dvr.' + (props.instance !== undefined ? String(props.instance) : '0');
+
+        // Parse current mapping from data
+        var mapping = useMemo(function () {
+            try {
+                var raw = props.data && props.data.go2rtcMapping;
+                return raw ? JSON.parse(raw) : {};
+            } catch (_) { return {}; }
+        }, [props.data && props.data.go2rtcMapping]);
+
+        useEffect(function () {
+            if (!props.socket) { setCameras([]); return; }
+
+            // Fetch cameras from ioBroker states + go2rtc streams via sendTo in parallel
+            Promise.all([
+                socketGetStates(props.socket, instanceStr + '.cam_*.name'),
+                socketSendTo(props.socket, instanceStr, 'getGo2rtcStreams', null),
+            ]).then(function (results) {
+                var states  = results[0] || {};
+                var g2result = results[1];
+
+                // Build camera list from states: id pattern = agent-dvr.0.cam_xxx.name
+                var cams = [];
+                Object.entries(states).forEach(function (entry) {
+                    var id    = entry[0];
+                    var state = entry[1];
+                    var match = id.match(/\.(cam_[^.]+)\.name$/);
+                    if (match && state && state.val != null) {
+                        cams.push({ key: match[1], name: String(state.val) });
+                    }
+                });
+                cams.sort(function (a, b) { return a.name.localeCompare(b.name); });
+                setCameras(cams);
+
+                var strs = (g2result && Array.isArray(g2result.streams)) ? g2result.streams : [];
+                setStreams(strs);
+            }).catch(function (err) {
+                setError(String(err && err.message ? err.message : err));
+                setCameras([]);
+            });
+        }, [instanceStr]);
+
+        function updateMapping(camKey, streamName) {
+            var newMapping = Object.assign({}, mapping);
+            if (streamName) {
+                newMapping[camKey] = streamName;
+            } else {
+                delete newMapping[camKey];
+            }
+            if (props.onChange) props.onChange('go2rtcMapping', JSON.stringify(newMapping));
+        }
+
+        // Don't render if go2rtcEnabled is false
+        if (!props.data || !props.data.go2rtcEnabled) return null;
+
+        if (cameras === null) {
+            return e('div', { style: { color: '#888', fontSize: '13px', padding: '6px 0' } },
+                'Lade Kamera- und Stream-Liste…');
+        }
+
+        if (error) {
+            return e('div', { style: { color: '#ef4444', fontSize: '13px', padding: '6px 0' } },
+                'Fehler: ' + error);
+        }
+
+        var isDark = props.themeType === 'dark';
+        var borderColor = isDark ? 'rgba(255,255,255,0.1)' : 'rgba(0,0,0,0.1)';
+        var mutedColor  = isDark ? 'rgba(255,255,255,0.5)' : 'rgba(0,0,0,0.5)';
+
+        var headerStyle = {
+            textAlign: 'left', padding: '5px 10px',
+            fontSize: '12px', color: mutedColor, fontWeight: 600,
+            borderBottom: '1px solid ' + borderColor,
+        };
+        var cellStyle = { padding: '6px 10px', fontSize: '13px', verticalAlign: 'middle' };
+        var selectStyle = {
+            background: 'transparent', border: '1px solid ' + borderColor,
+            color: 'inherit', padding: '4px 8px', borderRadius: '4px',
+            fontSize: '13px', minWidth: '180px', cursor: 'pointer',
+        };
+
+        var rows = (cameras || []).map(function (cam) {
+            var currentStream = (typeof mapping[cam.key] === 'string') ? mapping[cam.key] : '';
+            return e('tr', { key: cam.key, style: { borderBottom: '1px solid ' + borderColor } },
+                e('td', { style: cellStyle }, cam.name),
+                e('td', { style: cellStyle },
+                    e('select', {
+                        value: currentStream,
+                        onChange: function (ev) { updateMapping(cam.key, ev.target.value); },
+                        style: selectStyle,
+                    },
+                        e('option', { value: '' }, '— MJPEG / Snapshot —'),
+                        streams.map(function (s) { return e('option', { key: s, value: s }, s); })
+                    )
+                )
+            );
+        });
+
+        return e('div', { style: { width: '100%', marginTop: '4px' } },
+            streams.length === 0 && e('div', {
+                style: { color: '#f97316', fontSize: '12px', marginBottom: '8px' }
+            }, '⚠ Keine go2rtc-Streams gefunden — go2rtc-URL prüfen und Adapter neu starten.'),
+            !cameras.length && e('div', {
+                style: { color: mutedColor, fontSize: '12px' }
+            }, 'Keine Kameras in ioBroker gefunden — Adapter konfiguriert und gestartet?'),
+            cameras.length > 0 && e('table', { style: { borderCollapse: 'collapse', width: '100%' } },
+                e('thead', null,
+                    e('tr', null,
+                        e('th', { style: headerStyle }, 'AgentDVR-Kamera'),
+                        e('th', { style: headerStyle }, 'go2rtc Stream')
+                    )
+                ),
+                e('tbody', null, rows)
+            )
+        );
+    }
+
+    window.customComponents['Go2rtcMapping'] = Go2rtcMapping;
+})();

package/admin/i18n/de.json

@@ -37,5 +37,101 @@
     "cfgEventTagsDynamic": "Ereignis-Tags automatisch aus Aufnahmen erkennen",
     "cfgEventTagsIgnore": "Zu ignorierende Ereignis-Tags (kommagetrennt)",
     "cfgEventTags": "Feste Ereignis-Tags, die immer erstellt werden (kommagetrennt)",
-    "cfgEnableSnapshotB64": "Snapshot als Base64 (media.picture-State pro Kamera)"
+    "cfgEnableSnapshotB64": "Snapshot als Base64",
+    "hdrControls": "Steuerbuttons",
+    "hdrEvents": "Ereignisse & Push",
+    "hdrDisplay": "Darstellung",
+    "hdrDebug": "Debug",
+    "hdrWidgetGeneral": "Galerie-Widget",
+    "hdrWidgetLayout": "Layout",
+    "hdrWidgetTags": "Tags",
+    "hdrWidgetPlayer": "Livestream & Player",
+    "cfgEnableSystemControls_tt": "Arm/Disarm/Neustart-Buttons, Profil-Selektor und alle systemweiten Steuerbefehle",
+    "cfgEnablePtz_tt": "Hold-Switches für PTZ (links/rechts/oben/unten/Zoom) pro Kamera",
+    "cfgEnableUrls_tt": "URL-States für Snapshot, MJPEG und MP4-Stream pro Kamera",
+    "cfgEnableSnapshotB64_tt": "Kamerabild als Base64 bei jedem Poll speichern (photo.jpg, volle Auflösung). Refresh-Button immer vorhanden.",
+    "cfgEnableEventDps_tt": "Metadaten der letzten Aufnahme spiegeln (Dateiname, Datum, Dauer, Tags)",
+    "cfgEnablePush_tt": "Push-Trigger-State wird sofort aktualisiert wenn AgentDVR eine neue Aufnahme meldet",
+    "cfgEnableOverview_tt": "HTML-State mit allen Kameras als Kachelraster (für Visualisierungen, Dashboards etc.)",
+    "cfgStoreRawJson_tt": "Vollständige getObjects-Antwort in system.raw_getObjects schreiben (nützlich für Debugging)",
+    "cfgEnableWidget_tt": "HTML-Galerie mit den letzten Aufnahmen pro Kamera (für Visualisierungen, Dashboards etc.)",
+    "cfgWidgetMode_tt": "Pure HTML/CSS überall kompatibel. Full JS mit Suchfeld und Tag-Filter (benötigt Script-Ausführung).",
+    "cfgWidgetAnzahl_tt": "Maximale Anzahl Aufnahmen in der Galerie pro Kamera",
+    "cfgWidgetMinCol_tt": "Minimale Spaltenbreite des Galerie-Grids in Pixeln",
+    "cfgWidgetMaxModalWidth_tt": "Maximale Breite des Video-Players im Modal-Dialog in Pixeln",
+    "cfgWidgetShowTags_tt": "Event-Tags als farbige Badge-Labels auf den Galerie-Kacheln anzeigen",
+    "cfgWidgetTagPosition_tt": "Ecke des Bildes wo der Tag-Badge erscheint",
+    "cfgWidgetLiveAspect_tt": "Seitenverhältnis der Livestream-Kachel z.B. 16/9. Leer lassen für automatisch.",
+    "cfgWidgetPlayerUrl_tt": "URL eines externen Video-Players. Leer lassen für eingebauten Player.",
+    "hdrWidgetFilter": "Filter & Sortierung",
+    "cfgWidgetSortNewest": "Neueste zuerst",
+    "cfgWidgetSortNewest_tt": "Aufnahmen nach Datum sortieren, neueste zuerst",
+    "cfgWidgetShowSearch": "Suchfeld anzeigen (nur JS-Modus)",
+    "cfgWidgetShowSearch_tt": "Textsuche über Datum, Tag und Dateiname im JS-Modus einblenden",
+    "cfgWidgetCompact": "Kompaktes Layout",
+    "cfgWidgetCompact_tt": "Kleinere Abstände und Schrift – mehr Einträge auf einen Blick (wirkt in beiden Modi)",
+    "cfgWidgetDefaultTag": "Standard-Tag-Filter (leer = alle)",
+    "cfgWidgetDefaultTag_tt": "Dieser Tag ist beim ersten Laden vorausgewählt (nur JS-Modus)",
+    "cfgWidgetThumbSize": "Thumbnail-Größe",
+    "cfgWidgetThumbSize_tt": "Breite der Vorschaubilder in der Galerie (überschreibt Min. Spaltenbreite)",
+    "cfgWidgetThumbSmall": "Klein (120 px)",
+    "cfgWidgetThumbMedium": "Mittel (180 px)",
+    "cfgWidgetThumbLarge": "Groß (240 px)",
+    "tabDashboard": "Live-Dashboard",
+    "hdrDashView": "Ansicht",
+    "cfgDashDefaultView": "Standard-Ansicht beim Öffnen",
+    "cfgDashDefaultView_tt": "Welcher Tab beim Öffnen des Dashboards aktiv ist",
+    "cfgDashViewLive": "Live-Ansicht",
+    "cfgDashViewRec": "Aufnahmen",
+    "cfgDashShowOffline": "Offline-Kameras anzeigen",
+    "cfgDashShowOffline_tt": "Kameras die gerade offline sind trotzdem im Live-Grid einblenden",
+    "hdrDashGrid": "Kamera-Grid",
+    "cfgDashGridCols": "Spaltenanzahl (0 = automatisch)",
+    "cfgDashGridCols_tt": "Anzahl Kamera-Spalten fest vorgeben. 0 = optimale Anzahl wird automatisch berechnet.",
+    "hdrDashStream": "Stream & Aktualisierung",
+    "cfgDashRefreshSec": "Kameraliste neu laden alle (Sekunden)",
+    "cfgDashRefreshSec_tt": "Wie oft die Kameraliste vom Server neu geladen wird (0 = kein automatischer Reload)",
+    "cfgDashStreamReconnect": "Stream bei Fehler automatisch neu verbinden",
+    "cfgDashStreamReconnect_tt": "MJPEG-Stream wird nach einem Verbindungsabbruch automatisch neu gestartet",
+    "hdrWidgetTheme": "Farben & Design",
+    "cfgWidgetColorCardBg": "Kachel-Hintergrund",
+    "cfgWidgetColorCardBg_tt": "Hintergrundfarbe der Vorschaukacheln – rgba(r,g,b,a) oder #hex",
+    "cfgWidgetColorTagBg": "Tag-Badge-Hintergrund",
+    "cfgWidgetColorTagBg_tt": "Hintergrundfarbe des Tag-Badges",
+    "cfgWidgetColorTagText": "Tag-Badge-Textfarbe",
+    "cfgWidgetColorTagText_tt": "Textfarbe des Tag-Badges",
+    "cfgWidgetColorAccent": "Akzentfarbe",
+    "cfgWidgetColorAccent_tt": "Akzentfarbe für Links und Buttons im Widget",
+    "cfgWidgetColorModalBg": "Modal-Hintergrund",
+    "cfgWidgetColorModalBg_tt": "Hintergrundfarbe des Video-Player-Dialogs",
+    "cfgWidgetBorderRadius": "Eckenradius (px)",
+    "cfgWidgetBorderRadius_tt": "Abrundungsradius der Vorschaukacheln in Pixeln (0 = eckig)",
+    "hdrDashTheme": "Farben & Design",
+    "cfgDashColorBg": "Hintergrund",
+    "cfgDashColorBg_tt": "Haupthintergrundfarbe des Dashboards",
+    "cfgDashColorSurface": "Oberfläche / Karten",
+    "cfgDashColorSurface_tt": "Hintergrundfarbe von Kacheln und Karten",
+    "cfgDashColorAccent": "Akzentfarbe",
+    "cfgDashColorAccent_tt": "Hauptakzentfarbe (Buttons, aktive Elemente, Rahmen)",
+    "cfgDashColorText": "Textfarbe",
+    "cfgDashColorText_tt": "Primäre Textfarbe",
+    "cfgDashColorBorder": "Rahmenfarbe",
+    "cfgDashColorBorder_tt": "Farbe von Trennlinien und Rahmen",
+    "cfgDashColorOnline": "Online-Farbe",
+    "cfgDashColorOnline_tt": "Farbe des Online-Status-Indikators",
+    "cfgDashColorOffline": "Offline-Farbe",
+    "cfgDashColorOffline_tt": "Farbe des Offline-Status-Indikators",
+    "cfgDashTagPosition": "Tag-Badge-Position",
+    "cfgDashTagPosition_tt": "Ecke der Aufnahme-Kachel, in der der Tag-Badge erscheint",
+    "cfgDashBtnsVisible": "Buttons immer sichtbar",
+    "cfgDashBtnsVisible_tt": "Aufnahme- und PTZ-Button immer anzeigen (sonst nur bei Hover)",
+    "hdrGo2rtc": "go2rtc WebRTC-Streams",
+    "cfgGo2rtcEnabled": "go2rtc aktivieren",
+    "cfgGo2rtcEnabled_tt": "WebRTC-Streams von go2rtc statt MJPEG verwenden",
+    "cfgGo2rtcUrl": "go2rtc URL",
+    "cfgGo2rtcUrl_tt": "Basis-URL des go2rtc-Servers, z. B. http://192.168.1.1:1984",
+    "cfgGo2rtcMapping": "Stream-Mapping",
+    "cfgGo2rtcMapping_tt": "Ordnet jeder AgentDVR-Kamera einen go2rtc-Stream zu. Füge eine Zeile pro Kamera hinzu. Ohne Eintrag wird MJPEG verwendet.",
+    "cfgGo2rtcCamKey": "AgentDVR Kamera-Key (z.B. cam_8_Reolink)",
+    "cfgGo2rtcStream": "go2rtc Stream-Name (z.B. Reolink)"
 }

package/admin/i18n/en.json

@@ -37,5 +37,101 @@
     "cfgEventTagsDynamic": "Auto-detect event tags from recordings",
     "cfgEventTagsIgnore": "Event tags to ignore (comma-separated)",
     "cfgEventTags": "Fixed event tags to always create (comma-separated)",
-    "cfgEnableSnapshotB64": "Snapshot as Base64 (media.picture state per camera)"
+    "cfgEnableSnapshotB64": "Snapshot as Base64",
+    "hdrControls": "Control Buttons",
+    "hdrEvents": "Events & Push",
+    "hdrDisplay": "Display",
+    "hdrDebug": "Debug",
+    "hdrWidgetGeneral": "Gallery Widget",
+    "hdrWidgetLayout": "Layout",
+    "hdrWidgetTags": "Tags",
+    "hdrWidgetPlayer": "Livestream & Player",
+    "cfgEnableSystemControls_tt": "Arm/Disarm/Restart buttons, profile selector and all system-wide control commands",
+    "cfgEnablePtz_tt": "Hold switches for PTZ (left/right/up/down/zoom) per camera",
+    "cfgEnableUrls_tt": "URL states for snapshot, MJPEG and MP4 stream per camera",
+    "cfgEnableSnapshotB64_tt": "Save camera image as Base64 on every poll (photo.jpg, full resolution). Refresh button always present.",
+    "cfgEnableEventDps_tt": "Mirror metadata of the last recording (filename, date, duration, tags)",
+    "cfgEnablePush_tt": "Push trigger state is updated immediately when AgentDVR reports a new recording",
+    "cfgEnableOverview_tt": "HTML state with all cameras as tile grid (for visualizations, dashboards etc.)",
+    "cfgStoreRawJson_tt": "Write full getObjects response to system.raw_getObjects (useful for debugging)",
+    "cfgEnableWidget_tt": "HTML gallery with the latest recordings per camera (for visualizations, dashboards etc.)",
+    "cfgWidgetMode_tt": "Pure HTML/CSS compatible everywhere. Full JS with search field and tag filter (requires script execution).",
+    "cfgWidgetAnzahl_tt": "Maximum number of recordings in the gallery per camera",
+    "cfgWidgetMinCol_tt": "Minimum column width of the gallery grid in pixels",
+    "cfgWidgetMaxModalWidth_tt": "Maximum width of the video player in the modal dialog in pixels",
+    "cfgWidgetShowTags_tt": "Show event tags as colored badge labels on gallery tiles",
+    "cfgWidgetTagPosition_tt": "Corner of the image where the tag badge appears",
+    "cfgWidgetLiveAspect_tt": "Aspect ratio of the livestream tile e.g. 16/9. Leave empty for automatic.",
+    "cfgWidgetPlayerUrl_tt": "URL of an external video player. Leave empty for built-in player.",
+    "hdrWidgetFilter": "Filter & Sort",
+    "cfgWidgetSortNewest": "Newest first",
+    "cfgWidgetSortNewest_tt": "Sort recordings by date, newest first",
+    "cfgWidgetShowSearch": "Show search field (JS mode only)",
+    "cfgWidgetShowSearch_tt": "Show text search over date, tag and filename in JS mode",
+    "cfgWidgetCompact": "Compact layout",
+    "cfgWidgetCompact_tt": "Smaller spacing and font – more entries at a glance (works in both modes)",
+    "cfgWidgetDefaultTag": "Default tag filter (empty = all)",
+    "cfgWidgetDefaultTag_tt": "This tag is pre-selected on first load (JS mode only)",
+    "cfgWidgetThumbSize": "Thumbnail size",
+    "cfgWidgetThumbSize_tt": "Width of preview images in the gallery (overrides min. column width)",
+    "cfgWidgetThumbSmall": "Small (120 px)",
+    "cfgWidgetThumbMedium": "Medium (180 px)",
+    "cfgWidgetThumbLarge": "Large (240 px)",
+    "tabDashboard": "Live Dashboard",
+    "hdrDashView": "View",
+    "cfgDashDefaultView": "Default view on open",
+    "cfgDashDefaultView_tt": "Which tab is active when the dashboard opens",
+    "cfgDashViewLive": "Live view",
+    "cfgDashViewRec": "Recordings",
+    "cfgDashShowOffline": "Show offline cameras",
+    "cfgDashShowOffline_tt": "Include cameras that are currently offline in the live grid",
+    "hdrDashGrid": "Camera grid",
+    "cfgDashGridCols": "Column count (0 = automatic)",
+    "cfgDashGridCols_tt": "Force a fixed number of camera columns. 0 = optimal count is calculated automatically.",
+    "hdrDashStream": "Stream & Refresh",
+    "cfgDashRefreshSec": "Reload camera list every (seconds)",
+    "cfgDashRefreshSec_tt": "How often the camera list is reloaded from the server (0 = no automatic reload)",
+    "cfgDashStreamReconnect": "Auto-reconnect stream on error",
+    "cfgDashStreamReconnect_tt": "Automatically restart the MJPEG stream after a connection drop",
+    "hdrWidgetTheme": "Colors & Design",
+    "cfgWidgetColorCardBg": "Tile background",
+    "cfgWidgetColorCardBg_tt": "Background color of thumbnail tiles – rgba(r,g,b,a) or #hex",
+    "cfgWidgetColorTagBg": "Tag badge background",
+    "cfgWidgetColorTagBg_tt": "Background color of the tag badge",
+    "cfgWidgetColorTagText": "Tag badge text color",
+    "cfgWidgetColorTagText_tt": "Text color of the tag badge",
+    "cfgWidgetColorAccent": "Accent color",
+    "cfgWidgetColorAccent_tt": "Accent color for links and buttons in the widget",
+    "cfgWidgetColorModalBg": "Modal background",
+    "cfgWidgetColorModalBg_tt": "Background color of the video player dialog",
+    "cfgWidgetBorderRadius": "Border radius (px)",
+    "cfgWidgetBorderRadius_tt": "Corner radius of thumbnail tiles in pixels (0 = square)",
+    "hdrDashTheme": "Colors & Design",
+    "cfgDashColorBg": "Background",
+    "cfgDashColorBg_tt": "Main background color of the dashboard",
+    "cfgDashColorSurface": "Surface / Cards",
+    "cfgDashColorSurface_tt": "Background color of tiles and cards",
+    "cfgDashColorAccent": "Accent color",
+    "cfgDashColorAccent_tt": "Main accent color (buttons, active elements, borders)",
+    "cfgDashColorText": "Text color",
+    "cfgDashColorText_tt": "Primary text color",
+    "cfgDashColorBorder": "Border color",
+    "cfgDashColorBorder_tt": "Color of dividers and borders",
+    "cfgDashColorOnline": "Online color",
+    "cfgDashColorOnline_tt": "Color of the online status indicator",
+    "cfgDashColorOffline": "Offline color",
+    "cfgDashColorOffline_tt": "Color of the offline status indicator",
+    "cfgDashTagPosition": "Tag badge position",
+    "cfgDashTagPosition_tt": "Corner of the recording tile where the tag badge appears",
+    "cfgDashBtnsVisible": "Buttons always visible",
+    "cfgDashBtnsVisible_tt": "Always show record and PTZ buttons on camera tile (otherwise only visible on hover)",
+    "hdrGo2rtc": "go2rtc WebRTC Streams",
+    "cfgGo2rtcEnabled": "Enable go2rtc",
+    "cfgGo2rtcEnabled_tt": "Use WebRTC streams from go2rtc instead of MJPEG",
+    "cfgGo2rtcUrl": "go2rtc URL",
+    "cfgGo2rtcUrl_tt": "Base URL of the go2rtc server, e.g. http://192.168.1.1:1984",
+    "cfgGo2rtcMapping": "Stream mapping",
+    "cfgGo2rtcMapping_tt": "Maps each AgentDVR camera to a go2rtc stream. Add one row per camera. Cameras without an entry fall back to MJPEG.",
+    "cfgGo2rtcCamKey": "AgentDVR camera key (e.g. cam_8_Reolink)",
+    "cfgGo2rtcStream": "go2rtc stream name (e.g. Reolink)"
 }

package/admin/i18n/es.json

@@ -37,5 +37,101 @@
     "cfgEventTagsDynamic": "Detectar automáticamente etiquetas de eventos desde grabaciones",
     "cfgEventTagsIgnore": "Etiquetas de eventos a ignorar (separadas por comas)",
     "cfgEventTags": "Etiquetas de eventos fijas a crear siempre (separadas por comas)",
-    "cfgEnableSnapshotB64": "Snapshot como Base64 (estado media.picture por cámara)"
+    "cfgEnableSnapshotB64": "Instantánea como Base64",
+    "hdrControls": "Control Buttons",
+    "hdrEvents": "Events & Push",
+    "hdrDisplay": "Display",
+    "hdrDebug": "Debug",
+    "hdrWidgetGeneral": "Gallery Widget",
+    "hdrWidgetLayout": "Layout",
+    "hdrWidgetTags": "Tags",
+    "hdrWidgetPlayer": "Livestream & Player",
+    "cfgEnableSystemControls_tt": "Arm/Disarm/Restart buttons, profile selector and all system-wide control commands",
+    "cfgEnablePtz_tt": "Hold switches for PTZ (left/right/up/down/zoom) per camera",
+    "cfgEnableUrls_tt": "URL states for snapshot, MJPEG and MP4 stream per camera",
+    "cfgEnableSnapshotB64_tt": "Save camera image as Base64 on every poll (photo.jpg, full resolution). Refresh button always present.",
+    "cfgEnableEventDps_tt": "Mirror metadata of the last recording (filename, date, duration, tags)",
+    "cfgEnablePush_tt": "Push trigger state is updated immediately when AgentDVR reports a new recording",
+    "cfgEnableOverview_tt": "Estado HTML con todas las cámaras como cuadrícula (para visualizaciones, paneles, etc.)",
+    "cfgStoreRawJson_tt": "Write full getObjects response to system.raw_getObjects (useful for debugging)",
+    "cfgEnableWidget_tt": "Galería HTML con las últimas grabaciones por cámara (para visualizaciones, paneles, etc.)",
+    "cfgWidgetMode_tt": "Pure HTML/CSS compatible everywhere. Full JS with search field and tag filter (requires script execution).",
+    "cfgWidgetAnzahl_tt": "Maximum number of recordings in the gallery per camera",
+    "cfgWidgetMinCol_tt": "Minimum column width of the gallery grid in pixels",
+    "cfgWidgetMaxModalWidth_tt": "Maximum width of the video player in the modal dialog in pixels",
+    "cfgWidgetShowTags_tt": "Show event tags as colored badge labels on gallery tiles",
+    "cfgWidgetTagPosition_tt": "Corner of the image where the tag badge appears",
+    "cfgWidgetLiveAspect_tt": "Aspect ratio of the livestream tile e.g. 16/9. Leave empty for automatic.",
+    "cfgWidgetPlayerUrl_tt": "URL of an external video player. Leave empty for built-in player.",
+    "hdrWidgetFilter": "Filter & Sort",
+    "cfgWidgetSortNewest": "Newest first",
+    "cfgWidgetSortNewest_tt": "Sort recordings by date, newest first",
+    "cfgWidgetShowSearch": "Show search field (JS mode only)",
+    "cfgWidgetShowSearch_tt": "Show text search over date, tag and filename in JS mode",
+    "cfgWidgetCompact": "Compact layout",
+    "cfgWidgetCompact_tt": "Smaller spacing and font – more entries at a glance (works in both modes)",
+    "cfgWidgetDefaultTag": "Default tag filter (empty = all)",
+    "cfgWidgetDefaultTag_tt": "This tag is pre-selected on first load (JS mode only)",
+    "cfgWidgetThumbSize": "Thumbnail size",
+    "cfgWidgetThumbSize_tt": "Width of preview images in the gallery (overrides min. column width)",
+    "cfgWidgetThumbSmall": "Small (120 px)",
+    "cfgWidgetThumbMedium": "Medium (180 px)",
+    "cfgWidgetThumbLarge": "Large (240 px)",
+    "tabDashboard": "Live Dashboard",
+    "hdrDashView": "View",
+    "cfgDashDefaultView": "Default view on open",
+    "cfgDashDefaultView_tt": "Which tab is active when the dashboard opens",
+    "cfgDashViewLive": "Live view",
+    "cfgDashViewRec": "Recordings",
+    "cfgDashShowOffline": "Show offline cameras",
+    "cfgDashShowOffline_tt": "Include cameras that are currently offline in the live grid",
+    "hdrDashGrid": "Camera grid",
+    "cfgDashGridCols": "Column count (0 = automatic)",
+    "cfgDashGridCols_tt": "Force a fixed number of camera columns. 0 = optimal count is calculated automatically.",
+    "hdrDashStream": "Stream & Refresh",
+    "cfgDashRefreshSec": "Reload camera list every (seconds)",
+    "cfgDashRefreshSec_tt": "How often the camera list is reloaded from the server (0 = no automatic reload)",
+    "cfgDashStreamReconnect": "Auto-reconnect stream on error",
+    "cfgDashStreamReconnect_tt": "Automatically restart the MJPEG stream after a connection drop",
+    "hdrWidgetTheme": "Colors & Design",
+    "cfgWidgetColorCardBg": "Tile background",
+    "cfgWidgetColorCardBg_tt": "Background color of thumbnail tiles – rgba(r,g,b,a) or #hex",
+    "cfgWidgetColorTagBg": "Tag badge background",
+    "cfgWidgetColorTagBg_tt": "Background color of the tag badge",
+    "cfgWidgetColorTagText": "Tag badge text color",
+    "cfgWidgetColorTagText_tt": "Text color of the tag badge",
+    "cfgWidgetColorAccent": "Accent color",
+    "cfgWidgetColorAccent_tt": "Accent color for links and buttons in the widget",
+    "cfgWidgetColorModalBg": "Modal background",
+    "cfgWidgetColorModalBg_tt": "Background color of the video player dialog",
+    "cfgWidgetBorderRadius": "Border radius (px)",
+    "cfgWidgetBorderRadius_tt": "Corner radius of thumbnail tiles in pixels (0 = square)",
+    "hdrDashTheme": "Colors & Design",
+    "cfgDashColorBg": "Background",
+    "cfgDashColorBg_tt": "Main background color of the dashboard",
+    "cfgDashColorSurface": "Surface / Cards",
+    "cfgDashColorSurface_tt": "Background color of tiles and cards",
+    "cfgDashColorAccent": "Accent color",
+    "cfgDashColorAccent_tt": "Main accent color (buttons, active elements, borders)",
+    "cfgDashColorText": "Text color",
+    "cfgDashColorText_tt": "Primary text color",
+    "cfgDashColorBorder": "Border color",
+    "cfgDashColorBorder_tt": "Color of dividers and borders",
+    "cfgDashColorOnline": "Online color",
+    "cfgDashColorOnline_tt": "Color of the online status indicator",
+    "cfgDashColorOffline": "Offline color",
+    "cfgDashColorOffline_tt": "Color of the offline status indicator",
+    "cfgDashTagPosition": "Tag badge position",
+    "cfgDashTagPosition_tt": "Corner of the recording tile where the tag badge appears",
+    "cfgDashBtnsVisible": "Botones siempre visibles",
+    "cfgDashBtnsVisible_tt": "Mostrar siempre los botones de grabación y PTZ (de lo contrario, solo al pasar el cursor)",
+    "hdrGo2rtc": "Streams WebRTC go2rtc",
+    "cfgGo2rtcEnabled": "Activar go2rtc",
+    "cfgGo2rtcEnabled_tt": "Usar streams WebRTC de go2rtc en lugar de MJPEG",
+    "cfgGo2rtcUrl": "URL go2rtc",
+    "cfgGo2rtcUrl_tt": "URL base del servidor go2rtc, p. ej. http://192.168.1.1:1984",
+    "cfgGo2rtcMapping": "Mapeo de streams",
+    "cfgGo2rtcMapping_tt": "Asigna cada cámara de AgentDVR a un stream de go2rtc. Añade una fila por cámara. Las cámaras sin entrada utilizan MJPEG.",
+    "cfgGo2rtcCamKey": "Clave de cámara AgentDVR (p.ej. cam_8_Reolink)",
+    "cfgGo2rtcStream": "Nombre de stream go2rtc (p.ej. Reolink)"
 }