@camstack/addon-pipeline 1.2.370 → 1.2.372

package/dist/stream-broker/_stub.js

@@ -1,13 +1,13 @@
-import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, p as c, r as l, s as u, t as d, u as f } from "./_virtual_mf___mfe_internal__addon_stream_broker_widgets__loadShare___mf_0_camstack_mf_1_ui_mf_2_library__loadShare__.js-BAvXcDKy.mjs";
-import { a as p, i as m, n as h, o as g, r as _, t as v } from "./_virtual_mf___mfe_internal__addon_stream_broker_widgets__loadShare__react__loadShare__.js-C9j-2lBe.mjs";
-import { n as y, r as b, t as x } from "./_virtual_mf___mfe_internal__addon_stream_broker_widgets__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-XO0-Pyu6.mjs";
-import { t as S } from "./_virtual_mf___mfe_internal__addon_stream_broker_widgets__loadShare___mf_0_camstack_mf_1_types__loadShare__.js-Bna0L8uC.mjs";
-import { n as C, t as w } from "./_virtual_mf___mfe_internal__addon_stream_broker_widgets__loadShare___mf_0_tanstack_mf_1_react_mf_2_query__loadShare__.js-BO7TIbJV.mjs";
+import { a as e, c as t, d as n, f as r, i, l as a, m as o, n as s, o as c, p as l, r as u, s as d, t as f, u as p } from "./_virtual_mf___mfe_internal__addon_stream_broker_widgets__loadShare___mf_0_camstack_mf_1_ui_mf_2_library__loadShare__.js-nua-KuDg.mjs";
+import { a as m, i as h, n as g, o as _, r as v, t as y } from "./_virtual_mf___mfe_internal__addon_stream_broker_widgets__loadShare__react__loadShare__.js-C9j-2lBe.mjs";
+import { n as b, r as x, t as S } from "./_virtual_mf___mfe_internal__addon_stream_broker_widgets__loadShare__react_mf_1_jsx_mf_2_runtime__loadShare__.js-XO0-Pyu6.mjs";
+import { t as C } from "./_virtual_mf___mfe_internal__addon_stream_broker_widgets__loadShare___mf_0_camstack_mf_1_types__loadShare__.js-C3ssSNKh.mjs";
+import { n as w, t as T } from "./_virtual_mf___mfe_internal__addon_stream_broker_widgets__loadShare___mf_0_tanstack_mf_1_react_mf_2_query__loadShare__.js-BO7TIbJV.mjs";
 //#region ../../node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.js
-var T = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), E = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), D = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), O = (e) => {
-	let t = D(e);
+var E = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), D = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), O = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), k = (e) => {
+	let t = O(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
-}, k = {
+}, A = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
 	height: 24,
@@ -17,37 +17,37 @@ var T = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 	strokeWidth: 2,
 	strokeLinecap: "round",
 	strokeLinejoin: "round"
-}, A = (e) => {
+}, j = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
 	return !1;
-}, j = h(({ color: e = "currentColor", size: t = 24, strokeWidth: n = 2, absoluteStrokeWidth: r, className: i = "", children: a, iconNode: o, ...s }, c) => v("svg", {
+}, M = g(({ color: e = "currentColor", size: t = 24, strokeWidth: n = 2, absoluteStrokeWidth: r, className: i = "", children: a, iconNode: o, ...s }, c) => y("svg", {
 	ref: c,
-	...k,
+	...A,
 	width: t,
 	height: t,
 	stroke: e,
 	strokeWidth: r ? Number(n) * 24 / Number(t) : n,
-	className: T("lucide", i),
-	...!a && !A(s) && { "aria-hidden": "true" },
+	className: E("lucide", i),
+	...!a && !j(s) && { "aria-hidden": "true" },
 	...s
-}, [...o.map(([e, t]) => v(e, t)), ...Array.isArray(a) ? a : [a]])), M = (e, t) => {
-	let n = h(({ className: n, ...r }, i) => v(j, {
+}, [...o.map(([e, t]) => y(e, t)), ...Array.isArray(a) ? a : [a]])), N = (e, t) => {
+	let n = g(({ className: n, ...r }, i) => y(M, {
 		ref: i,
 		iconNode: t,
-		className: T(`lucide-${E(O(e))}`, `lucide-${e}`, n),
+		className: E(`lucide-${D(k(e))}`, `lucide-${e}`, n),
 		...r
 	}));
-	return n.displayName = O(e), n;
-}, N = M("check", [["path", {
+	return n.displayName = k(e), n;
+}, P = N("check", [["path", {
 	d: "M20 6 9 17l-5-5",
 	key: "1gmf2c"
-}]]), P = M("chevron-down", [["path", {
+}]]), F = N("chevron-down", [["path", {
 	d: "m6 9 6 6 6-6",
 	key: "qrunsl"
-}]]), F = M("chevron-right", [["path", {
+}]]), I = N("chevron-right", [["path", {
 	d: "m9 18 6-6-6-6",
 	key: "mthhwq"
-}]]), ee = M("circle-alert", [
+}]]), L = N("circle-alert", [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -68,16 +68,16 @@ var T = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		y2: "16",
 		key: "4dfq90"
 	}]
-]), te = M("loader-circle", [["path", {
+]), ee = N("loader-circle", [["path", {
 	d: "M21 12a9 9 0 1 1-6.219-8.56",
 	key: "13zald"
-}]]), ne = M("plus", [["path", {
+}]]), te = N("plus", [["path", {
 	d: "M5 12h14",
 	key: "1ays0h"
 }], ["path", {
 	d: "M12 5v14",
 	key: "s699le"
-}]]), I = M("radio", [
+}]]), R = N("radio", [
 	["path", {
 		d: "M16.247 7.761a6 6 0 0 1 0 8.478",
 		key: "1fwjs5"
@@ -100,7 +100,7 @@ var T = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		r: "2",
 		key: "1c9p78"
 	}]
-]), re = M("volume-2", [
+]), ne = N("volume-2", [
 	["path", {
 		d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
 		key: "uqj9uw"
@@ -113,7 +113,7 @@ var T = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		d: "M19.364 18.364a9 9 0 0 0 0-12.728",
 		key: "ijwkga"
 	}]
-]), ie = M("volume-x", [
+]), re = N("volume-x", [
 	["path", {
 		d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
 		key: "uqj9uw"
@@ -132,16 +132,361 @@ var T = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) =
 		y2: "15",
 		key: "5ykzw1"
 	}]
-]), ae = M("x", [["path", {
+]), ie = N("x", [["path", {
 	d: "M18 6 6 18",
 	key: "1bl5f8"
 }], ["path", {
 	d: "m6 6 12 12",
 	key: "d8bk6v"
-}]]);
+}]]), { useT: z } = o("stream-broker", {
+	en: {
+		panel: {
+			requiresDeviceId: "StreamBrokerPanel requires a deviceId",
+			title: "Stream Brokers",
+			noActiveSlots: "No active profile slots",
+			noSlotsAssigned: "No profile slots assigned for this device",
+			assigned: "{{count}} assigned",
+			sourceNodeTitle: "Cluster node dialing this camera's source: {{node}}"
+		},
+		audio: {
+			label: "Audio",
+			thisNode: "this node",
+			unknownTitle: "Audio distribution — unknown: the node that serves this camera did not answer.",
+			onTitle: "Audio is distributed by {{node}}. Muting it: {{cost}}",
+			mutedTitle: "Muted on {{node}}. {{cost}}",
+			stateUnknown: "Audio unknown",
+			stateOn: "Audio on",
+			stateMuted: "Audio muted",
+			writeFailed: "Write failed: {{error}}",
+			unknownHint: "The node that serves this camera did not answer, so its audio policy is unknown.",
+			costWhenOff: "This node distributes no audio for the camera — live subscribers and new recordings are silent. The camera itself keeps capturing sound."
+		},
+		unassigned: { title: "Other active streams" },
+		profile: {
+			high: "High",
+			mid: "Mid",
+			low: "Low"
+		},
+		stats: {
+			idle: "idle",
+			loading: "loading",
+			fps: "FPS:",
+			bitrate: "Bitrate:",
+			codec: "Codec:",
+			pkts: "Pkts:",
+			clients: "Clients:",
+			pipeSuffix: "· pipe {{count}})",
+			in: "In:",
+			idr: "IDR:",
+			pipe: "Pipe:",
+			packets: "Packets:",
+			data: "Data:",
+			audio: "Audio:",
+			mono: "mono",
+			stereo: "stereo",
+			decoded: "decoded",
+			noDecoder: "no decoder",
+			noDemand: "No demand — stream suspended",
+			buffer: "Buffer:"
+		},
+		prebuffer: {
+			loading: "Pre-buffer — loading",
+			enabled: "Pre-buffer enabled — click to disable",
+			disabled: "Pre-buffer disabled — click to enable"
+		},
+		subscribers: {
+			none: "No active subscribers",
+			heading: "Subscribers ({{count}})",
+			kindAudio: "AUDIO",
+			kindEncoded: "ENCODED",
+			unknown: "unknown",
+			chunks: "{{count}} chunks",
+			pkts: "{{count}} pkts",
+			stalled: "stalled",
+			playing: "playing",
+			paused: "paused",
+			stateMuted: "{{state}} · muted",
+			lastRtp: "last rtp {{age}} ago",
+			connected: "connected {{age}} ago",
+			sent: "{{bytes}} sent",
+			session: "sess {{id}}",
+			user: "user {{id}}",
+			callbackCount: "{{count}} callback subscriber(s)",
+			audioHeading: "Audio subscribers",
+			encodedHeading: "Encoded",
+			rtspHeading: "RTSP sessions",
+			kick: "Force-disconnect this client"
+		},
+		ffmpeg: {
+			inputArgs: "Input args",
+			inputArgsHint: "one per line · inserted between globals and -i",
+			outputArgs: "Output args",
+			outputArgsHint: "one per line · inserted before the final muxer",
+			sourceProbed: "Source (probed)",
+			fromPublisher: "From the publisher",
+			video: "Video",
+			audio: "Audio",
+			codec: "Codec",
+			copyPassthrough: "copy (passthrough)",
+			width: "Width",
+			height: "Height",
+			fps: "FPS",
+			bitrateKbps: "Bitrate (kbps)",
+			audioPassthroughNote: "Source audio forwarded without re-encode.",
+			switchToCustom: "Switch to custom encode",
+			switchToPassthrough: "Switch back to passthrough",
+			advanced: "Advanced — raw ffmpeg args",
+			argsCount: "{{count}} args",
+			saving: "Saving…",
+			saved: "Saved",
+			saveFailed: "Save failed",
+			autosaves: "Autosaves",
+			chipCodec: "codec",
+			chipRes: "res",
+			chipFps: "fps",
+			chipBitrate: "bitrate",
+			chipAudio: "audio",
+			chipPassthrough: "passthrough",
+			chipAudioBitrate: "a-bitrate",
+			chipSampleRate: "a-sr",
+			chipChannels: "a-ch",
+			noDeviceId: "ffmpeg-params: no deviceId in widget context — this widget only renders inside a device tab.",
+			fieldKeyRequired: "ffmpeg-params: widgetConfig.fieldKey is required — fix the contribution builder.",
+			addFlag: "Add flag…"
+		},
+		geometry: {
+			title: "Geometry / zoom",
+			hint: "composes a single -vf into output args",
+			apply: "Apply geometry",
+			aspect: "Aspect",
+			none: "none",
+			aspectMode: "Aspect mode",
+			pad: "pad",
+			crop: "crop",
+			aspectWidth: "Aspect width",
+			aspectHeight: "Aspect height",
+			cropZoom: "Crop / zoom",
+			cropX: "Crop x",
+			cropY: "Crop y",
+			cropWidth: "Crop width",
+			cropHeight: "Crop height",
+			rotate: "Rotate",
+			empty: "(empty)"
+		},
+		flags: {
+			threadQueueSize1024: "Larger input packet queue (helps with high-bitrate sources)",
+			fflagsGenpts: "Generate PTS when the source lacks them",
+			re: "Read input at native frame rate (file replay)",
+			probesize32: "Minimal probe size — faster start",
+			analyzeduration0: "Skip stream analysis — faster start",
+			rtspTransportTcp: "Force TCP transport for RTSP source",
+			stimeout5000000: "Socket I/O timeout (microseconds, 5s)",
+			useWallclockAsTimestamps1: "Rewrite timestamps from wall-clock (fixes non-monotonic cloud sources)",
+			fflagsGenptsIgndts: "Generate PTS + ignore DTS",
+			flushPackets1: "Flush each packet immediately",
+			movflagsFaststart: "Move MOOV atom to front (MP4)",
+			bsfVH264Mp4toannexb: "Convert MP4-format H.264 to Annex-B",
+			bsfVHevcMp4toannexb: "Convert MP4-format HEVC to Annex-B",
+			x264ParamsKeyintMin15: "Force minimum keyframe interval to 15 frames",
+			x264ParamsScenecut0: "Disable scene-change keyframes (predictable GOP)",
+			x264ParamsNalHrdCbr: "Force CBR HRD signalling (HomeKit-friendly)",
+			aqMode3: "Auto-variance adaptive quantisation (mode 3)",
+			x265ParamsKeyint30: "Force maximum keyframe interval to 30 frames",
+			x265ParamsNoScenecut1: "Disable scene-change keyframes",
+			fpsModePassthrough: "Preserve source framerate exactly",
+			copyts: "Preserve source timestamps",
+			avoidNegativeTsMakeZero: "Shift timestamps so they start at zero",
+			afAresampleAsync1: "Resample audio to correct drift / gaps",
+			muxdelay0: "No mux buffering delay"
+		},
+		flagGroups: {
+			demuxer: "Demuxer",
+			rtsp: "RTSP",
+			timestamps: "Timestamps",
+			muxer: "Muxer",
+			bitstream: "Bitstream",
+			x264: "x264",
+			x265: "x265",
+			global: "Global",
+			audio: "Audio"
+		}
+	},
+	it: {
+		panel: {
+			requiresDeviceId: "StreamBrokerPanel richiede un deviceId",
+			title: "Broker degli stream",
+			noActiveSlots: "Nessuno slot di profilo attivo",
+			noSlotsAssigned: "Nessuno slot di profilo assegnato a questo dispositivo",
+			assigned: "{{count}} assegnati",
+			sourceNodeTitle: "Nodo del cluster che si collega alla sorgente di questa telecamera: {{node}}"
+		},
+		audio: {
+			label: "Audio",
+			thisNode: "questo nodo",
+			unknownTitle: "Distribuzione audio — sconosciuta: il nodo che serve questa telecamera non ha risposto.",
+			onTitle: "L'audio è distribuito da {{node}}. Silenziandolo: {{cost}}",
+			mutedTitle: "Silenziato su {{node}}. {{cost}}",
+			stateUnknown: "Audio sconosciuto",
+			stateOn: "Audio attivo",
+			stateMuted: "Audio silenziato",
+			writeFailed: "Scrittura fallita: {{error}}",
+			unknownHint: "Il nodo che serve questa telecamera non ha risposto, quindi la sua politica audio è sconosciuta.",
+			costWhenOff: "Questo nodo non distribuisce audio per la telecamera: i subscriber live e le nuove registrazioni sono muti. La telecamera continua comunque a captare il suono."
+		},
+		unassigned: { title: "Altri stream attivi" },
+		profile: {
+			high: "Alta",
+			mid: "Media",
+			low: "Bassa"
+		},
+		stats: {
+			idle: "inattivo",
+			loading: "caricamento",
+			fps: "FPS:",
+			bitrate: "Bitrate:",
+			codec: "Codec:",
+			pkts: "Pacchetti:",
+			clients: "Client:",
+			pipeSuffix: "· pipe {{count}})",
+			in: "Ingresso:",
+			idr: "IDR:",
+			pipe: "Pipe:",
+			packets: "Pacchetti:",
+			data: "Dati:",
+			audio: "Audio:",
+			mono: "mono",
+			stereo: "stereo",
+			decoded: "decodificato",
+			noDecoder: "nessun decoder",
+			noDemand: "Nessuna richiesta — stream sospeso",
+			buffer: "Buffer:"
+		},
+		prebuffer: {
+			loading: "Pre-buffer — caricamento",
+			enabled: "Pre-buffer attivo — clicca per disattivarlo",
+			disabled: "Pre-buffer disattivato — clicca per attivarlo"
+		},
+		subscribers: {
+			none: "Nessun subscriber attivo",
+			heading: "Subscriber ({{count}})",
+			kindAudio: "AUDIO",
+			kindEncoded: "CODIFICATI",
+			unknown: "sconosciuto",
+			chunks: "{{count}} chunk",
+			pkts: "{{count}} pacchetti",
+			stalled: "bloccato",
+			playing: "in riproduzione",
+			paused: "in pausa",
+			stateMuted: "{{state}} · silenziato",
+			lastRtp: "ultimo rtp {{age}} fa",
+			connected: "connesso {{age}} fa",
+			sent: "{{bytes}} inviati",
+			session: "sess {{id}}",
+			user: "utente {{id}}",
+			callbackCount: "{{count}} subscriber di callback",
+			audioHeading: "Subscriber audio",
+			encodedHeading: "Codificati",
+			rtspHeading: "Sessioni RTSP",
+			kick: "Disconnetti forzatamente questo client"
+		},
+		ffmpeg: {
+			inputArgs: "Argomenti di input",
+			inputArgsHint: "uno per riga · inseriti tra i globali e -i",
+			outputArgs: "Argomenti di output",
+			outputArgsHint: "uno per riga · inseriti prima del muxer finale",
+			sourceProbed: "Sorgente (rilevata)",
+			fromPublisher: "Dal publisher",
+			video: "Video",
+			audio: "Audio",
+			codec: "Codec",
+			copyPassthrough: "copy (passthrough)",
+			width: "Larghezza",
+			height: "Altezza",
+			fps: "FPS",
+			bitrateKbps: "Bitrate (kbps)",
+			audioPassthroughNote: "L'audio della sorgente viene inoltrato senza ricodifica.",
+			switchToCustom: "Passa alla codifica personalizzata",
+			switchToPassthrough: "Torna al passthrough",
+			advanced: "Avanzate — argomenti ffmpeg grezzi",
+			argsCount: "{{count}} argomenti",
+			saving: "Salvataggio…",
+			saved: "Salvato",
+			saveFailed: "Salvataggio fallito",
+			autosaves: "Salvataggio automatico",
+			chipCodec: "codec",
+			chipRes: "ris",
+			chipFps: "fps",
+			chipBitrate: "bitrate",
+			chipAudio: "audio",
+			chipPassthrough: "passthrough",
+			chipAudioBitrate: "a-bitrate",
+			chipSampleRate: "a-sr",
+			chipChannels: "a-ch",
+			noDeviceId: "ffmpeg-params: nessun deviceId nel contesto del widget — questo widget viene mostrato solo dentro la scheda di un dispositivo.",
+			fieldKeyRequired: "ffmpeg-params: widgetConfig.fieldKey è obbligatorio — correggi il builder del contributo.",
+			addFlag: "Aggiungi flag…"
+		},
+		geometry: {
+			title: "Geometria / zoom",
+			hint: "compone un unico -vf negli argomenti di output",
+			apply: "Applica geometria",
+			aspect: "Proporzioni",
+			none: "nessuna",
+			aspectMode: "Modalità proporzioni",
+			pad: "riempi",
+			crop: "ritaglia",
+			aspectWidth: "Larghezza proporzioni",
+			aspectHeight: "Altezza proporzioni",
+			cropZoom: "Ritaglio / zoom",
+			cropX: "Ritaglio x",
+			cropY: "Ritaglio y",
+			cropWidth: "Larghezza ritaglio",
+			cropHeight: "Altezza ritaglio",
+			rotate: "Ruota",
+			empty: "(vuoto)"
+		},
+		flags: {
+			threadQueueSize1024: "Coda dei pacchetti di input più grande (utile con sorgenti ad alto bitrate)",
+			fflagsGenpts: "Genera i PTS quando la sorgente ne è priva",
+			re: "Legge l'input alla frequenza di fotogrammi nativa (riproduzione da file)",
+			probesize32: "Dimensione di probe minima — avvio più rapido",
+			analyzeduration0: "Salta l'analisi dello stream — avvio più rapido",
+			rtspTransportTcp: "Forza il trasporto TCP per la sorgente RTSP",
+			stimeout5000000: "Timeout di I/O del socket (microsecondi, 5 s)",
+			useWallclockAsTimestamps1: "Riscrive i timestamp dall'orologio di sistema (corregge le sorgenti cloud non monotone)",
+			fflagsGenptsIgndts: "Genera i PTS + ignora i DTS",
+			flushPackets1: "Scarica subito ogni pacchetto",
+			movflagsFaststart: "Sposta l'atom MOOV all'inizio (MP4)",
+			bsfVH264Mp4toannexb: "Converte l'H.264 in formato MP4 in Annex-B",
+			bsfVHevcMp4toannexb: "Converte l'HEVC in formato MP4 in Annex-B",
+			x264ParamsKeyintMin15: "Forza un intervallo minimo tra keyframe di 15 fotogrammi",
+			x264ParamsScenecut0: "Disattiva i keyframe sui cambi di scena (GOP prevedibile)",
+			x264ParamsNalHrdCbr: "Forza la segnalazione HRD CBR (compatibile con HomeKit)",
+			aqMode3: "Quantizzazione adattiva con varianza automatica (modalità 3)",
+			x265ParamsKeyint30: "Forza un intervallo massimo tra keyframe di 30 fotogrammi",
+			x265ParamsNoScenecut1: "Disattiva i keyframe sui cambi di scena",
+			fpsModePassthrough: "Mantiene esattamente il framerate della sorgente",
+			copyts: "Mantiene i timestamp della sorgente",
+			avoidNegativeTsMakeZero: "Sposta i timestamp perché partano da zero",
+			afAresampleAsync1: "Ricampiona l'audio per correggere derive / vuoti",
+			muxdelay0: "Nessun ritardo di buffering nel mux"
+		},
+		flagGroups: {
+			demuxer: "Demuxer",
+			rtsp: "RTSP",
+			timestamps: "Timestamp",
+			muxer: "Muxer",
+			bitstream: "Bitstream",
+			x264: "x264",
+			x265: "x265",
+			global: "Globali",
+			audio: "Audio"
+		}
+	}
+});
 //#endregion
 //#region src/stream-broker/widgets/GeometryBuilder.tsx
-function oe(e) {
+function ae(e) {
 	let t = [];
 	if (e.crop && t.push(`crop=${e.crop.w}:${e.crop.h}:${e.crop.x}:${e.crop.y}`), e.targetAspect && e.width !== void 0 && e.height !== void 0) {
 		let n = e.targetAspect.replace(":", "/");
@@ -149,7 +494,7 @@ function oe(e) {
 	}
 	return e.rotate === 90 ? t.push("transpose=1") : e.rotate === 270 ? t.push("transpose=2") : e.rotate === 180 && t.push("hflip", "vflip"), e.hflip && e.rotate !== 180 && t.push("hflip"), e.vflip && e.rotate !== 180 && t.push("vflip"), t.join(",");
 }
-function se(e, t) {
+function oe(e, t) {
 	let n = [];
 	for (let t = 0; t < e.length; t++) {
 		if (e[t] === "-vf") {
@@ -161,205 +506,205 @@ function se(e, t) {
 	}
 	return t.length > 0 && n.push("-vf", t), n;
 }
-var L = "text-[11px] uppercase tracking-wider text-foreground-subtle font-medium";
-function ce({ outputArgs: e, onChange: t }) {
-	let [n, r] = g(""), [i, a] = g("pad"), [o, s] = g("1920"), [c, l] = g("1080"), [u, d] = g(!1), [f, p] = g("0"), [m, h] = g("0"), [_, v] = g("0"), [S, C] = g("0"), [w, T] = g(0), [E, D] = g(!1), [O, k] = g(!1), A = oe((() => {
+var B = "text-[11px] uppercase tracking-wider text-foreground-subtle font-medium";
+function se({ outputArgs: e, onChange: t }) {
+	let { t: n } = z(), [r, i] = _(""), [a, o] = _("pad"), [s, c] = _("1920"), [l, u] = _("1080"), [d, f] = _(!1), [p, m] = _("0"), [h, g] = _("0"), [v, y] = _("0"), [C, w] = _("0"), [T, E] = _(0), [D, O] = _(!1), [k, A] = _(!1), j = ae((() => {
 		let e = {
-			rotate: w,
-			hflip: E,
-			vflip: O
+			rotate: T,
+			hflip: D,
+			vflip: k
 		};
-		return n !== "" && (e.targetAspect = n, e.mode = i, e.width = Number(o), e.height = Number(c)), u && (e.crop = {
-			x: Number(f),
-			y: Number(m),
-			w: Number(_),
-			h: Number(S)
+		return r !== "" && (e.targetAspect = r, e.mode = a, e.width = Number(s), e.height = Number(l)), d && (e.crop = {
+			x: Number(p),
+			y: Number(h),
+			w: Number(v),
+			h: Number(C)
 		}), e;
 	})());
-	return /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ x("div", {
 		className: "space-y-2 rounded border border-border/50 bg-surface-2/30 px-3 py-2",
 		children: [
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ x("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ b("span", {
-					className: L,
-					children: ["Geometry / zoom", /* @__PURE__ */ y("span", {
+				children: [/* @__PURE__ */ x("span", {
+					className: B,
+					children: [n("geometry.title"), /* @__PURE__ */ b("span", {
 						className: "ml-2 text-[10px] normal-case text-foreground-subtle italic",
-						children: "composes a single -vf into output args"
+						children: n("geometry.hint")
 					})]
-				}), /* @__PURE__ */ y("button", {
+				}), /* @__PURE__ */ b("button", {
 					type: "button",
-					onClick: () => t(se(e, A)),
+					onClick: () => t(oe(e, j)),
 					className: "rounded-md border border-border bg-surface-hover px-2 py-0.5 text-[10px] font-medium text-foreground hover:bg-surface-hover/70 transition-colors",
-					children: "Apply geometry"
+					children: n("geometry.apply")
 				})]
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ x("div", {
 				className: "flex flex-wrap items-center gap-2",
 				children: [
-					/* @__PURE__ */ y("label", {
-						className: L,
+					/* @__PURE__ */ b("label", {
+						className: B,
 						htmlFor: "geom-aspect",
-						children: "Aspect"
+						children: n("geometry.aspect")
 					}),
-					/* @__PURE__ */ b("select", {
+					/* @__PURE__ */ x("select", {
 						id: "geom-aspect",
-						value: n,
-						onChange: (e) => r(e.target.value),
+						value: r,
+						onChange: (e) => i(e.target.value),
 						className: "rounded border border-border bg-surface-2 px-2 py-1 text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-accent disabled:opacity-50 disabled:cursor-not-allowed appearance-none pr-6 min-w-[90px]",
 						children: [
-							/* @__PURE__ */ y("option", {
+							/* @__PURE__ */ b("option", {
 								value: "",
-								children: "none"
+								children: n("geometry.none")
 							}),
-							/* @__PURE__ */ y("option", {
+							/* @__PURE__ */ b("option", {
 								value: "16:9",
 								children: "16:9"
 							}),
-							/* @__PURE__ */ y("option", {
+							/* @__PURE__ */ b("option", {
 								value: "4:3",
 								children: "4:3"
 							}),
-							/* @__PURE__ */ y("option", {
+							/* @__PURE__ */ b("option", {
 								value: "1:1",
 								children: "1:1"
 							})
 						]
 					}),
-					n !== "" && /* @__PURE__ */ b(x, { children: [
-						/* @__PURE__ */ b("select", {
-							"aria-label": "Aspect mode",
-							value: i,
-							onChange: (e) => a(e.target.value),
+					r !== "" && /* @__PURE__ */ x(S, { children: [
+						/* @__PURE__ */ x("select", {
+							"aria-label": n("geometry.aspectMode"),
+							value: a,
+							onChange: (e) => o(e.target.value),
 							className: "rounded border border-border bg-surface-2 px-2 py-1 text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-accent disabled:opacity-50 disabled:cursor-not-allowed appearance-none pr-6 min-w-[80px]",
-							children: [/* @__PURE__ */ y("option", {
+							children: [/* @__PURE__ */ b("option", {
 								value: "pad",
-								children: "pad"
-							}), /* @__PURE__ */ y("option", {
+								children: n("geometry.pad")
+							}), /* @__PURE__ */ b("option", {
 								value: "crop",
-								children: "crop"
+								children: n("geometry.crop")
 							})]
 						}),
-						/* @__PURE__ */ y("input", {
+						/* @__PURE__ */ b("input", {
 							type: "number",
-							"aria-label": "Aspect width",
-							value: o,
-							onChange: (e) => s(e.target.value),
+							"aria-label": n("geometry.aspectWidth"),
+							value: s,
+							onChange: (e) => c(e.target.value),
 							className: "rounded border border-border bg-surface-2 px-2 py-1 text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-accent disabled:opacity-50 disabled:cursor-not-allowed w-20 text-right"
 						}),
-						/* @__PURE__ */ y("span", {
+						/* @__PURE__ */ b("span", {
 							className: "text-[11px] text-foreground-subtle",
 							children: "×"
 						}),
-						/* @__PURE__ */ y("input", {
+						/* @__PURE__ */ b("input", {
 							type: "number",
-							"aria-label": "Aspect height",
-							value: c,
-							onChange: (e) => l(e.target.value),
+							"aria-label": n("geometry.aspectHeight"),
+							value: l,
+							onChange: (e) => u(e.target.value),
 							className: "rounded border border-border bg-surface-2 px-2 py-1 text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-accent disabled:opacity-50 disabled:cursor-not-allowed w-20 text-right"
 						})
 					] })
 				]
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ x("div", {
 				className: "flex flex-wrap items-center gap-2",
-				children: [/* @__PURE__ */ b("label", {
+				children: [/* @__PURE__ */ x("label", {
 					className: "text-[11px] uppercase tracking-wider text-foreground-subtle font-medium inline-flex items-center gap-1",
-					children: [/* @__PURE__ */ y("input", {
+					children: [/* @__PURE__ */ b("input", {
 						type: "checkbox",
-						checked: u,
-						onChange: (e) => d(e.target.checked)
-					}), "Crop / zoom"]
-				}), u && /* @__PURE__ */ b(x, { children: [
-					/* @__PURE__ */ y("input", {
+						checked: d,
+						onChange: (e) => f(e.target.checked)
+					}), n("geometry.cropZoom")]
+				}), d && /* @__PURE__ */ x(S, { children: [
+					/* @__PURE__ */ b("input", {
 						type: "number",
-						"aria-label": "Crop x",
-						value: f,
-						onChange: (e) => p(e.target.value),
+						"aria-label": n("geometry.cropX"),
+						value: p,
+						onChange: (e) => m(e.target.value),
 						className: "rounded border border-border bg-surface-2 px-2 py-1 text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-accent disabled:opacity-50 disabled:cursor-not-allowed w-16 text-right",
 						placeholder: "x"
 					}),
-					/* @__PURE__ */ y("input", {
+					/* @__PURE__ */ b("input", {
 						type: "number",
-						"aria-label": "Crop y",
-						value: m,
-						onChange: (e) => h(e.target.value),
+						"aria-label": n("geometry.cropY"),
+						value: h,
+						onChange: (e) => g(e.target.value),
 						className: "rounded border border-border bg-surface-2 px-2 py-1 text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-accent disabled:opacity-50 disabled:cursor-not-allowed w-16 text-right",
 						placeholder: "y"
 					}),
-					/* @__PURE__ */ y("input", {
+					/* @__PURE__ */ b("input", {
 						type: "number",
-						"aria-label": "Crop width",
-						value: _,
-						onChange: (e) => v(e.target.value),
+						"aria-label": n("geometry.cropWidth"),
+						value: v,
+						onChange: (e) => y(e.target.value),
 						className: "rounded border border-border bg-surface-2 px-2 py-1 text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-accent disabled:opacity-50 disabled:cursor-not-allowed w-20 text-right",
 						placeholder: "w"
 					}),
-					/* @__PURE__ */ y("input", {
+					/* @__PURE__ */ b("input", {
 						type: "number",
-						"aria-label": "Crop height",
-						value: S,
-						onChange: (e) => C(e.target.value),
+						"aria-label": n("geometry.cropHeight"),
+						value: C,
+						onChange: (e) => w(e.target.value),
 						className: "rounded border border-border bg-surface-2 px-2 py-1 text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-accent disabled:opacity-50 disabled:cursor-not-allowed w-20 text-right",
 						placeholder: "h"
 					})
 				] })]
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ x("div", {
 				className: "flex flex-wrap items-center gap-2",
 				children: [
-					/* @__PURE__ */ y("label", {
-						className: L,
+					/* @__PURE__ */ b("label", {
+						className: B,
 						htmlFor: "geom-rotate",
-						children: "Rotate"
+						children: n("geometry.rotate")
 					}),
-					/* @__PURE__ */ b("select", {
+					/* @__PURE__ */ x("select", {
 						id: "geom-rotate",
-						value: String(w),
-						onChange: (e) => T(Number(e.target.value)),
+						value: String(T),
+						onChange: (e) => E(Number(e.target.value)),
 						className: "rounded border border-border bg-surface-2 px-2 py-1 text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-accent disabled:opacity-50 disabled:cursor-not-allowed appearance-none pr-6 min-w-[80px]",
 						children: [
-							/* @__PURE__ */ y("option", {
+							/* @__PURE__ */ b("option", {
 								value: "0",
 								children: "0°"
 							}),
-							/* @__PURE__ */ y("option", {
+							/* @__PURE__ */ b("option", {
 								value: "90",
 								children: "90°"
 							}),
-							/* @__PURE__ */ y("option", {
+							/* @__PURE__ */ b("option", {
 								value: "180",
 								children: "180°"
 							}),
-							/* @__PURE__ */ y("option", {
+							/* @__PURE__ */ b("option", {
 								value: "270",
 								children: "270°"
 							})
 						]
 					}),
-					/* @__PURE__ */ b("label", {
+					/* @__PURE__ */ x("label", {
 						className: "text-[11px] uppercase tracking-wider text-foreground-subtle font-medium inline-flex items-center gap-1",
-						children: [/* @__PURE__ */ y("input", {
+						children: [/* @__PURE__ */ b("input", {
 							type: "checkbox",
-							checked: E,
-							onChange: (e) => D(e.target.checked)
+							checked: D,
+							onChange: (e) => O(e.target.checked)
 						}), "hflip"]
 					}),
-					/* @__PURE__ */ b("label", {
+					/* @__PURE__ */ x("label", {
 						className: "text-[11px] uppercase tracking-wider text-foreground-subtle font-medium inline-flex items-center gap-1",
-						children: [/* @__PURE__ */ y("input", {
+						children: [/* @__PURE__ */ b("input", {
 							type: "checkbox",
-							checked: O,
-							onChange: (e) => k(e.target.checked)
+							checked: k,
+							onChange: (e) => A(e.target.checked)
 						}), "vflip"]
 					})
 				]
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ x("div", {
 				className: "font-mono text-[10px] text-foreground-subtle break-all",
-				children: ["-vf ", A.length > 0 ? A : /* @__PURE__ */ y("span", {
+				children: ["-vf ", j.length > 0 ? j : /* @__PURE__ */ b("span", {
 					className: "italic",
-					children: "(empty)"
+					children: n("geometry.empty")
 				})]
 			})
 		]
@@ -367,210 +712,210 @@ function ce({ outputArgs: e, onChange: t }) {
 }
 //#endregion
 //#region src/stream-broker/widgets/FfmpegParamsField.tsx
-var le = [
+var ce = [
 	{
-		group: "Demuxer",
+		group: "flagGroups.demuxer",
 		label: "-thread_queue_size 1024",
 		args: ["-thread_queue_size", "1024"],
-		description: "Larger input packet queue (helps with high-bitrate sources)"
+		descriptionKey: "flags.threadQueueSize1024"
 	},
 	{
-		group: "Demuxer",
+		group: "flagGroups.demuxer",
 		label: "-fflags +genpts",
 		args: ["-fflags", "+genpts"],
-		description: "Generate PTS when the source lacks them"
+		descriptionKey: "flags.fflagsGenpts"
 	},
 	{
-		group: "Demuxer",
+		group: "flagGroups.demuxer",
 		label: "-re",
 		args: ["-re"],
-		description: "Read input at native frame rate (file replay)"
+		descriptionKey: "flags.re"
 	},
 	{
-		group: "Demuxer",
+		group: "flagGroups.demuxer",
 		label: "-probesize 32",
 		args: ["-probesize", "32"],
-		description: "Minimal probe size — faster start"
+		descriptionKey: "flags.probesize32"
 	},
 	{
-		group: "Demuxer",
+		group: "flagGroups.demuxer",
 		label: "-analyzeduration 0",
 		args: ["-analyzeduration", "0"],
-		description: "Skip stream analysis — faster start"
+		descriptionKey: "flags.analyzeduration0"
 	},
 	{
-		group: "RTSP",
+		group: "flagGroups.rtsp",
 		label: "-rtsp_transport tcp",
 		args: ["-rtsp_transport", "tcp"],
-		description: "Force TCP transport for RTSP source"
+		descriptionKey: "flags.rtspTransportTcp"
 	},
 	{
-		group: "RTSP",
+		group: "flagGroups.rtsp",
 		label: "-stimeout 5000000",
 		args: ["-stimeout", "5000000"],
-		description: "Socket I/O timeout (microseconds, 5s)"
+		descriptionKey: "flags.stimeout5000000"
 	},
 	{
-		group: "Timestamps",
+		group: "flagGroups.timestamps",
 		label: "-use_wallclock_as_timestamps 1",
 		args: ["-use_wallclock_as_timestamps", "1"],
-		description: "Rewrite timestamps from wall-clock (fixes non-monotonic cloud sources)"
+		descriptionKey: "flags.useWallclockAsTimestamps1"
 	},
 	{
-		group: "Timestamps",
+		group: "flagGroups.timestamps",
 		label: "-fflags +genpts+igndts",
 		args: ["-fflags", "+genpts+igndts"],
-		description: "Generate PTS + ignore DTS"
+		descriptionKey: "flags.fflagsGenptsIgndts"
 	}
-], ue = [
+], le = [
 	{
-		group: "Muxer",
+		group: "flagGroups.muxer",
 		label: "-flush_packets 1",
 		args: ["-flush_packets", "1"],
-		description: "Flush each packet immediately"
+		descriptionKey: "flags.flushPackets1"
 	},
 	{
-		group: "Muxer",
+		group: "flagGroups.muxer",
 		label: "-movflags +faststart",
 		args: ["-movflags", "+faststart"],
-		description: "Move MOOV atom to front (MP4)"
+		descriptionKey: "flags.movflagsFaststart"
 	},
 	{
-		group: "Bitstream",
+		group: "flagGroups.bitstream",
 		label: "-bsf:v h264_mp4toannexb",
 		args: ["-bsf:v", "h264_mp4toannexb"],
-		description: "Convert MP4-format H.264 to Annex-B"
+		descriptionKey: "flags.bsfVH264Mp4toannexb"
 	},
 	{
-		group: "Bitstream",
+		group: "flagGroups.bitstream",
 		label: "-bsf:v hevc_mp4toannexb",
 		args: ["-bsf:v", "hevc_mp4toannexb"],
-		description: "Convert MP4-format HEVC to Annex-B"
+		descriptionKey: "flags.bsfVHevcMp4toannexb"
 	},
 	{
-		group: "x264",
+		group: "flagGroups.x264",
 		label: "-x264-params keyint_min=15",
 		args: ["-x264-params", "keyint_min=15"],
-		description: "Force minimum keyframe interval to 15 frames"
+		descriptionKey: "flags.x264ParamsKeyintMin15"
 	},
 	{
-		group: "x264",
+		group: "flagGroups.x264",
 		label: "-x264-params scenecut=0",
 		args: ["-x264-params", "scenecut=0"],
-		description: "Disable scene-change keyframes (predictable GOP)"
+		descriptionKey: "flags.x264ParamsScenecut0"
 	},
 	{
-		group: "x264",
+		group: "flagGroups.x264",
 		label: "-x264-params nal-hrd=cbr",
 		args: ["-x264-params", "nal-hrd=cbr"],
-		description: "Force CBR HRD signalling (HomeKit-friendly)"
+		descriptionKey: "flags.x264ParamsNalHrdCbr"
 	},
 	{
-		group: "x264",
+		group: "flagGroups.x264",
 		label: "-aq-mode 3",
 		args: ["-aq-mode", "3"],
-		description: "Auto-variance adaptive quantisation (mode 3)"
+		descriptionKey: "flags.aqMode3"
 	},
 	{
-		group: "x265",
+		group: "flagGroups.x265",
 		label: "-x265-params keyint=30",
 		args: ["-x265-params", "keyint=30"],
-		description: "Force maximum keyframe interval to 30 frames"
+		descriptionKey: "flags.x265ParamsKeyint30"
 	},
 	{
-		group: "x265",
+		group: "flagGroups.x265",
 		label: "-x265-params no-scenecut=1",
 		args: ["-x265-params", "no-scenecut=1"],
-		description: "Disable scene-change keyframes"
+		descriptionKey: "flags.x265ParamsNoScenecut1"
 	},
 	{
-		group: "Global",
+		group: "flagGroups.global",
 		label: "-fps_mode passthrough",
 		args: ["-fps_mode", "passthrough"],
-		description: "Preserve source framerate exactly"
+		descriptionKey: "flags.fpsModePassthrough"
 	},
 	{
-		group: "Global",
+		group: "flagGroups.global",
 		label: "-copyts",
 		args: ["-copyts"],
-		description: "Preserve source timestamps"
+		descriptionKey: "flags.copyts"
 	},
 	{
-		group: "Timestamps",
+		group: "flagGroups.timestamps",
 		label: "-avoid_negative_ts make_zero",
 		args: ["-avoid_negative_ts", "make_zero"],
-		description: "Shift timestamps so they start at zero"
+		descriptionKey: "flags.avoidNegativeTsMakeZero"
 	},
 	{
-		group: "Audio",
+		group: "flagGroups.audio",
 		label: "-af aresample=async=1",
 		args: ["-af", "aresample=async=1"],
-		description: "Resample audio to correct drift / gaps"
+		descriptionKey: "flags.afAresampleAsync1"
 	},
 	{
-		group: "Muxer",
+		group: "flagGroups.muxer",
 		label: "-muxdelay 0",
 		args: ["-muxdelay", "0"],
-		description: "No mux buffering delay"
+		descriptionKey: "flags.muxdelay0"
 	}
-], de = {
+], ue = {
 	video: { codec: "copy" },
 	audio: "passthrough"
-}, R = "w-full rounded border border-border bg-surface-2 px-2 py-1.5 text-[11px] font-mono text-foreground focus:outline-none focus:ring-1 focus:ring-accent disabled:opacity-50 read-only:opacity-60 min-h-[60px] resize-y", z = "flex items-center justify-between gap-3 py-1.5", B = "text-[11px] uppercase tracking-wider text-foreground-subtle font-medium", V = "rounded-lg border border-border bg-surface overflow-hidden", H = "border-b border-border px-3 py-1.5 flex items-center justify-between bg-surface-hover/30", U = "text-[11px] font-semibold text-foreground uppercase tracking-wider";
-function fe({ config: e, value: t, onSave: n, saveStatus: r }) {
-	let [i, a] = g(!1), o = e.argsOnly === !0, s = t ?? de, [c, l] = g(() => (s.inputArgs ?? []).join("\n")), [u, d] = g(() => (s.outputArgs ?? []).join("\n")), f = p(s);
-	f.current !== s && (f.current = s, l((s.inputArgs ?? []).join("\n")), d((s.outputArgs ?? []).join("\n")));
-	let m = (e) => {
-		n(e(s));
-	}, h = (e) => m((t) => ({
+}, V = "w-full rounded border border-border bg-surface-2 px-2 py-1.5 text-[11px] font-mono text-foreground focus:outline-none focus:ring-1 focus:ring-accent disabled:opacity-50 read-only:opacity-60 min-h-[60px] resize-y", H = "flex items-center justify-between gap-3 py-1.5", U = "text-[11px] uppercase tracking-wider text-foreground-subtle font-medium", W = "rounded-lg border border-border bg-surface overflow-hidden", G = "border-b border-border px-3 py-1.5 flex items-center justify-between bg-surface-hover/30", K = "text-[11px] font-semibold text-foreground uppercase tracking-wider";
+function de({ config: e, value: t, onSave: n, saveStatus: r }) {
+	let { t: i } = z(), [a, o] = _(!1), s = e.argsOnly === !0, c = t ?? ue, [l, u] = _(() => (c.inputArgs ?? []).join("\n")), [d, f] = _(() => (c.outputArgs ?? []).join("\n")), p = m(c);
+	p.current !== c && (p.current = c, u((c.inputArgs ?? []).join("\n")), f((c.outputArgs ?? []).join("\n")));
+	let h = (e) => {
+		n(e(c));
+	}, g = (e) => h((t) => ({
 		...t,
 		video: {
 			...t.video,
 			codec: e
 		}
-	})), _ = (e) => {
-		!Number.isFinite(e) || e <= 0 || m((t) => ({
+	})), v = (e) => {
+		!Number.isFinite(e) || e <= 0 || h((t) => ({
 			...t,
 			video: {
 				...t.video,
 				width: e
 			}
 		}));
-	}, v = (e) => {
-		!Number.isFinite(e) || e <= 0 || m((t) => ({
+	}, y = (e) => {
+		!Number.isFinite(e) || e <= 0 || h((t) => ({
 			...t,
 			video: {
 				...t.video,
 				height: e
 			}
 		}));
-	}, S = (e) => {
-		!Number.isFinite(e) || e <= 0 || m((t) => ({
+	}, C = (e) => {
+		!Number.isFinite(e) || e <= 0 || h((t) => ({
 			...t,
 			video: {
 				...t.video,
 				fps: e
 			}
 		}));
-	}, C = (e) => {
-		!Number.isFinite(e) || e <= 0 || m((t) => ({
+	}, w = (e) => {
+		!Number.isFinite(e) || e <= 0 || h((t) => ({
 			...t,
 			video: {
 				...t.video,
 				bitrateKbps: e
 			}
 		}));
-	}, w = () => m((e) => ({
+	}, T = () => h((e) => ({
 		...e,
 		audio: "passthrough"
-	})), T = (e) => m((t) => ({
+	})), E = (e) => h((t) => ({
 		...t,
 		audio: typeof t.audio == "object" ? {
 			...t.audio,
 			codec: e
 		} : { codec: e }
-	})), E = (e) => {
-		!Number.isFinite(e) || e <= 0 || m((t) => ({
+	})), D = (e) => {
+		!Number.isFinite(e) || e <= 0 || h((t) => ({
 			...t,
 			audio: typeof t.audio == "object" ? {
 				...t.audio,
@@ -580,275 +925,275 @@ function fe({ config: e, value: t, onSave: n, saveStatus: r }) {
 				bitrateKbps: e
 			}
 		}));
-	}, D = (e) => m((t) => ({
+	}, O = (e) => h((t) => ({
 		...t,
 		inputArgs: e.split("\n").map((e) => e.trim()).filter((e) => e.length > 0)
-	})), O = (e) => m((t) => ({
+	})), k = (e) => h((t) => ({
 		...t,
 		outputArgs: e.split("\n").map((e) => e.trim()).filter((e) => e.length > 0)
-	})), k = (e, t) => {
+	})), A = (e, t) => {
 		let n = t.args.join(" ");
 		if (e === "input") {
-			let e = c.length === 0 ? n : `${c}\n${n}`;
-			l(e), D(e);
+			let e = l.length === 0 ? n : `${l}\n${n}`;
+			u(e), O(e);
 		} else {
-			let e = u.length === 0 ? n : `${u}\n${n}`;
-			d(e), O(e);
+			let e = d.length === 0 ? n : `${d}\n${n}`;
+			f(e), k(e);
 		}
-	}, A = /* @__PURE__ */ b("div", {
+	}, j = /* @__PURE__ */ x("div", {
 		className: "space-y-1.5",
-		children: [/* @__PURE__ */ b("div", {
+		children: [/* @__PURE__ */ x("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ b("label", {
+			children: [/* @__PURE__ */ x("label", {
 				htmlFor: `${e.fieldKey}-input-args`,
-				className: B,
-				children: ["Input args", /* @__PURE__ */ y("span", {
+				className: U,
+				children: [i("ffmpeg.inputArgs"), /* @__PURE__ */ b("span", {
 					className: "ml-2 text-[10px] normal-case text-foreground-subtle italic",
-					children: "one per line · inserted between globals and -i"
+					children: i("ffmpeg.inputArgsHint")
 				})]
-			}), /* @__PURE__ */ y(W, {
+			}), /* @__PURE__ */ b(q, {
 				id: `${e.fieldKey}-input-picker`,
 				disabled: !1,
-				catalogue: le,
-				onPick: (e) => k("input", e)
+				catalogue: ce,
+				onPick: (e) => A("input", e)
 			})]
-		}), /* @__PURE__ */ y("textarea", {
+		}), /* @__PURE__ */ b("textarea", {
 			id: `${e.fieldKey}-input-args`,
-			value: c,
-			onChange: (e) => l(e.target.value),
-			onBlur: (e) => D(e.target.value),
+			value: l,
+			onChange: (e) => u(e.target.value),
+			onBlur: (e) => O(e.target.value),
 			placeholder: "-thread_queue_size 1024",
-			className: R
+			className: V
 		})]
-	}), j = /* @__PURE__ */ b("div", {
+	}), M = /* @__PURE__ */ x("div", {
 		className: "space-y-1.5",
-		children: [/* @__PURE__ */ b("div", {
+		children: [/* @__PURE__ */ x("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ b("label", {
+			children: [/* @__PURE__ */ x("label", {
 				htmlFor: `${e.fieldKey}-output-args`,
-				className: B,
-				children: ["Output args", /* @__PURE__ */ y("span", {
+				className: U,
+				children: [i("ffmpeg.outputArgs"), /* @__PURE__ */ b("span", {
 					className: "ml-2 text-[10px] normal-case text-foreground-subtle italic",
-					children: "one per line · inserted before the final muxer"
+					children: i("ffmpeg.outputArgsHint")
 				})]
-			}), /* @__PURE__ */ y(W, {
+			}), /* @__PURE__ */ b(q, {
 				id: `${e.fieldKey}-output-picker`,
 				disabled: !1,
-				catalogue: ue,
-				onPick: (e) => k("output", e)
+				catalogue: le,
+				onPick: (e) => A("output", e)
 			})]
-		}), /* @__PURE__ */ y("textarea", {
+		}), /* @__PURE__ */ b("textarea", {
 			id: `${e.fieldKey}-output-args`,
-			value: u,
-			onChange: (e) => d(e.target.value),
-			onBlur: (e) => O(e.target.value),
+			value: d,
+			onChange: (e) => f(e.target.value),
+			onBlur: (e) => k(e.target.value),
 			placeholder: "-bsf:v h264_mp4toannexb",
-			className: R
+			className: V
 		})]
 	});
-	return /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ x("div", {
 		className: "space-y-3",
 		children: [
-			r !== void 0 && /* @__PURE__ */ y("div", {
+			r !== void 0 && /* @__PURE__ */ b("div", {
 				className: "flex items-center justify-end",
-				children: /* @__PURE__ */ y(pe, { status: r })
+				children: /* @__PURE__ */ b(fe, { status: r })
 			}),
-			e.sourceParams !== void 0 && /* @__PURE__ */ b("div", {
-				className: V,
-				children: [/* @__PURE__ */ b("div", {
-					className: H,
-					children: [/* @__PURE__ */ y("h3", {
-						className: U,
-						children: "Source (probed)"
-					}), /* @__PURE__ */ y("span", {
+			e.sourceParams !== void 0 && /* @__PURE__ */ x("div", {
+				className: W,
+				children: [/* @__PURE__ */ x("div", {
+					className: G,
+					children: [/* @__PURE__ */ b("h3", {
+						className: K,
+						children: i("ffmpeg.sourceProbed")
+					}), /* @__PURE__ */ b("span", {
 						className: "text-[10px] text-foreground-subtle italic",
-						children: "From the publisher"
+						children: i("ffmpeg.fromPublisher")
 					})]
-				}), /* @__PURE__ */ y("div", {
+				}), /* @__PURE__ */ b("div", {
 					className: "px-3 py-2 flex flex-wrap gap-1.5",
-					children: /* @__PURE__ */ y(me, { profile: e.sourceParams })
+					children: /* @__PURE__ */ b(pe, { profile: e.sourceParams })
 				})]
 			}),
-			!o && /* @__PURE__ */ y("div", {
+			!s && /* @__PURE__ */ b("div", {
 				className: "@container",
-				children: /* @__PURE__ */ b("div", {
+				children: /* @__PURE__ */ x("div", {
 					className: "grid grid-cols-1 @[480px]:grid-cols-2 gap-3",
-					children: [/* @__PURE__ */ b("div", {
-						className: V,
-						children: [/* @__PURE__ */ y("div", {
-							className: H,
-							children: /* @__PURE__ */ y("h3", {
-								className: U,
-								children: "Video"
+					children: [/* @__PURE__ */ x("div", {
+						className: W,
+						children: [/* @__PURE__ */ b("div", {
+							className: G,
+							children: /* @__PURE__ */ b("h3", {
+								className: K,
+								children: i("ffmpeg.video")
 							})
-						}), /* @__PURE__ */ b("div", {
+						}), /* @__PURE__ */ x("div", {
 							className: "px-3 py-2 divide-y divide-border/30",
-							children: [/* @__PURE__ */ b("div", {
-								className: z,
-								children: [/* @__PURE__ */ y("label", {
+							children: [/* @__PURE__ */ x("div", {
+								className: H,
+								children: [/* @__PURE__ */ b("label", {
 									htmlFor: `${e.fieldKey}-video-codec`,
-									className: B,
-									children: "Codec"
-								}), /* @__PURE__ */ b("select", {
+									className: U,
+									children: i("ffmpeg.codec")
+								}), /* @__PURE__ */ x("select", {
 									id: `${e.fieldKey}-video-codec`,
-									value: s.video.codec,
-									onChange: (e) => h(e.target.value),
+									value: c.video.codec,
+									onChange: (e) => g(e.target.value),
 									className: "rounded border border-border bg-surface-2 px-2 py-1 text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-accent disabled:opacity-50 disabled:cursor-not-allowed read-only:opacity-60 read-only:cursor-not-allowed appearance-none pr-6 min-w-[120px]",
 									children: [
-										/* @__PURE__ */ y("option", {
+										/* @__PURE__ */ b("option", {
 											value: "h264",
 											children: "h264"
 										}),
-										/* @__PURE__ */ y("option", {
+										/* @__PURE__ */ b("option", {
 											value: "h265",
 											children: "h265"
 										}),
-										/* @__PURE__ */ y("option", {
+										/* @__PURE__ */ b("option", {
 											value: "copy",
-											children: "copy (passthrough)"
+											children: i("ffmpeg.copyPassthrough")
 										})
 									]
 								})]
-							}), s.video.codec !== "copy" && /* @__PURE__ */ b(x, { children: [
-								/* @__PURE__ */ b("div", {
-									className: z,
-									children: [/* @__PURE__ */ y("label", {
+							}), c.video.codec !== "copy" && /* @__PURE__ */ x(S, { children: [
+								/* @__PURE__ */ x("div", {
+									className: H,
+									children: [/* @__PURE__ */ b("label", {
 										htmlFor: `${e.fieldKey}-video-width`,
-										className: B,
-										children: "Width"
-									}), /* @__PURE__ */ y("input", {
+										className: U,
+										children: i("ffmpeg.width")
+									}), /* @__PURE__ */ b("input", {
 										id: `${e.fieldKey}-video-width`,
 										type: "number",
-										"aria-label": "Width",
-										value: s.video.width ?? "",
-										onChange: (e) => _(Number(e.target.value)),
+										"aria-label": i("ffmpeg.width"),
+										value: c.video.width ?? "",
+										onChange: (e) => v(Number(e.target.value)),
 										className: "rounded border border-border bg-surface-2 px-2 py-1 text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-accent disabled:opacity-50 disabled:cursor-not-allowed read-only:opacity-60 read-only:cursor-not-allowed w-24 text-right"
 									})]
 								}),
-								/* @__PURE__ */ b("div", {
-									className: z,
-									children: [/* @__PURE__ */ y("label", {
+								/* @__PURE__ */ x("div", {
+									className: H,
+									children: [/* @__PURE__ */ b("label", {
 										htmlFor: `${e.fieldKey}-video-height`,
-										className: B,
-										children: "Height"
-									}), /* @__PURE__ */ y("input", {
+										className: U,
+										children: i("ffmpeg.height")
+									}), /* @__PURE__ */ b("input", {
 										id: `${e.fieldKey}-video-height`,
 										type: "number",
-										value: s.video.height ?? "",
-										onChange: (e) => v(Number(e.target.value)),
+										value: c.video.height ?? "",
+										onChange: (e) => y(Number(e.target.value)),
 										className: "rounded border border-border bg-surface-2 px-2 py-1 text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-accent disabled:opacity-50 disabled:cursor-not-allowed read-only:opacity-60 read-only:cursor-not-allowed w-24 text-right"
 									})]
 								}),
-								/* @__PURE__ */ b("div", {
-									className: z,
-									children: [/* @__PURE__ */ y("label", {
+								/* @__PURE__ */ x("div", {
+									className: H,
+									children: [/* @__PURE__ */ b("label", {
 										htmlFor: `${e.fieldKey}-video-fps`,
-										className: B,
-										children: "FPS"
-									}), /* @__PURE__ */ y("input", {
+										className: U,
+										children: i("ffmpeg.fps")
+									}), /* @__PURE__ */ b("input", {
 										id: `${e.fieldKey}-video-fps`,
 										type: "number",
-										value: s.video.fps ?? "",
-										onChange: (e) => S(Number(e.target.value)),
+										value: c.video.fps ?? "",
+										onChange: (e) => C(Number(e.target.value)),
 										className: "rounded border border-border bg-surface-2 px-2 py-1 text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-accent disabled:opacity-50 disabled:cursor-not-allowed read-only:opacity-60 read-only:cursor-not-allowed w-24 text-right"
 									})]
 								}),
-								/* @__PURE__ */ b("div", {
-									className: z,
-									children: [/* @__PURE__ */ y("label", {
+								/* @__PURE__ */ x("div", {
+									className: H,
+									children: [/* @__PURE__ */ b("label", {
 										htmlFor: `${e.fieldKey}-video-bitrate`,
-										className: B,
-										children: "Bitrate (kbps)"
-									}), /* @__PURE__ */ y("input", {
+										className: U,
+										children: i("ffmpeg.bitrateKbps")
+									}), /* @__PURE__ */ b("input", {
 										id: `${e.fieldKey}-video-bitrate`,
 										type: "number",
-										value: s.video.bitrateKbps ?? "",
-										onChange: (e) => C(Number(e.target.value)),
+										value: c.video.bitrateKbps ?? "",
+										onChange: (e) => w(Number(e.target.value)),
 										className: "rounded border border-border bg-surface-2 px-2 py-1 text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-accent disabled:opacity-50 disabled:cursor-not-allowed read-only:opacity-60 read-only:cursor-not-allowed w-24 text-right"
 									})]
 								})
 							] })]
 						})]
-					}), /* @__PURE__ */ b("div", {
-						className: V,
-						children: [/* @__PURE__ */ y("div", {
-							className: H,
-							children: /* @__PURE__ */ y("h3", {
-								className: U,
-								children: "Audio"
+					}), /* @__PURE__ */ x("div", {
+						className: W,
+						children: [/* @__PURE__ */ b("div", {
+							className: G,
+							children: /* @__PURE__ */ b("h3", {
+								className: K,
+								children: i("ffmpeg.audio")
 							})
-						}), /* @__PURE__ */ y("div", {
+						}), /* @__PURE__ */ b("div", {
 							className: "px-3 py-2",
-							children: s.audio === "passthrough" ? /* @__PURE__ */ b("div", {
+							children: c.audio === "passthrough" ? /* @__PURE__ */ x("div", {
 								className: "flex items-center justify-between gap-3",
-								children: [/* @__PURE__ */ y("span", {
+								children: [/* @__PURE__ */ b("span", {
 									className: "text-[11px] text-foreground-subtle italic",
-									children: "Source audio forwarded without re-encode."
-								}), /* @__PURE__ */ y("button", {
+									children: i("ffmpeg.audioPassthroughNote")
+								}), /* @__PURE__ */ b("button", {
 									type: "button",
-									onClick: () => T("opus"),
+									onClick: () => E("opus"),
 									className: "rounded-md border border-border bg-surface-hover px-2 py-1 text-[11px] text-foreground hover:bg-surface-hover/70 transition-colors",
-									children: "Switch to custom encode"
+									children: i("ffmpeg.switchToCustom")
 								})]
-							}) : /* @__PURE__ */ b("div", {
+							}) : /* @__PURE__ */ x("div", {
 								className: "divide-y divide-border/30",
 								children: [
-									/* @__PURE__ */ b("div", {
-										className: z,
-										children: [/* @__PURE__ */ y("label", {
+									/* @__PURE__ */ x("div", {
+										className: H,
+										children: [/* @__PURE__ */ b("label", {
 											htmlFor: `${e.fieldKey}-audio-codec`,
-											className: B,
-											children: "Codec"
-										}), /* @__PURE__ */ b("select", {
+											className: U,
+											children: i("ffmpeg.codec")
+										}), /* @__PURE__ */ x("select", {
 											id: `${e.fieldKey}-audio-codec`,
-											value: s.audio.codec,
-											onChange: (e) => T(e.target.value),
+											value: c.audio.codec,
+											onChange: (e) => E(e.target.value),
 											className: "rounded border border-border bg-surface-2 px-2 py-1 text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-accent disabled:opacity-50 disabled:cursor-not-allowed read-only:opacity-60 read-only:cursor-not-allowed appearance-none pr-6 min-w-[120px]",
 											children: [
-												/* @__PURE__ */ y("option", {
+												/* @__PURE__ */ b("option", {
 													value: "opus",
 													children: "opus"
 												}),
-												/* @__PURE__ */ y("option", {
+												/* @__PURE__ */ b("option", {
 													value: "aac",
 													children: "aac"
 												}),
-												/* @__PURE__ */ y("option", {
+												/* @__PURE__ */ b("option", {
 													value: "pcmu",
 													children: "pcmu"
 												}),
-												/* @__PURE__ */ y("option", {
+												/* @__PURE__ */ b("option", {
 													value: "pcma",
 													children: "pcma"
 												}),
-												/* @__PURE__ */ y("option", {
+												/* @__PURE__ */ b("option", {
 													value: "copy",
-													children: "copy (passthrough)"
+													children: i("ffmpeg.copyPassthrough")
 												})
 											]
 										})]
 									}),
-									/* @__PURE__ */ b("div", {
-										className: z,
-										children: [/* @__PURE__ */ y("label", {
+									/* @__PURE__ */ x("div", {
+										className: H,
+										children: [/* @__PURE__ */ b("label", {
 											htmlFor: `${e.fieldKey}-audio-bitrate`,
-											className: B,
-											children: "Bitrate (kbps)"
-										}), /* @__PURE__ */ y("input", {
+											className: U,
+											children: i("ffmpeg.bitrateKbps")
+										}), /* @__PURE__ */ b("input", {
 											id: `${e.fieldKey}-audio-bitrate`,
 											type: "number",
-											value: s.audio.bitrateKbps ?? "",
-											onChange: (e) => E(Number(e.target.value)),
+											value: c.audio.bitrateKbps ?? "",
+											onChange: (e) => D(Number(e.target.value)),
 											className: "rounded border border-border bg-surface-2 px-2 py-1 text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-accent disabled:opacity-50 disabled:cursor-not-allowed read-only:opacity-60 read-only:cursor-not-allowed w-24 text-right"
 										})]
 									}),
-									/* @__PURE__ */ y("div", {
+									/* @__PURE__ */ b("div", {
 										className: "pt-2",
-										children: /* @__PURE__ */ y("button", {
+										children: /* @__PURE__ */ b("button", {
 											type: "button",
-											onClick: w,
+											onClick: T,
 											className: "text-[11px] text-foreground-subtle hover:text-foreground underline-offset-2 hover:underline",
-											children: "Switch back to passthrough"
+											children: i("ffmpeg.switchToPassthrough")
 										})
 									})
 								]
@@ -857,201 +1202,201 @@ function fe({ config: e, value: t, onSave: n, saveStatus: r }) {
 					})]
 				})
 			}),
-			o ? /* @__PURE__ */ b(x, { children: [/* @__PURE__ */ b("div", {
-				className: V,
-				children: [/* @__PURE__ */ y("div", {
-					className: H,
-					children: /* @__PURE__ */ y("h3", {
-						className: U,
-						children: "Input args"
+			s ? /* @__PURE__ */ x(S, { children: [/* @__PURE__ */ x("div", {
+				className: W,
+				children: [/* @__PURE__ */ b("div", {
+					className: G,
+					children: /* @__PURE__ */ b("h3", {
+						className: K,
+						children: i("ffmpeg.inputArgs")
 					})
-				}), /* @__PURE__ */ y("div", {
+				}), /* @__PURE__ */ b("div", {
 					className: "px-3 py-2",
-					children: A
+					children: j
 				})]
-			}), /* @__PURE__ */ b("div", {
-				className: V,
-				children: [/* @__PURE__ */ y("div", {
-					className: H,
-					children: /* @__PURE__ */ y("h3", {
-						className: U,
-						children: "Output args"
+			}), /* @__PURE__ */ x("div", {
+				className: W,
+				children: [/* @__PURE__ */ b("div", {
+					className: G,
+					children: /* @__PURE__ */ b("h3", {
+						className: K,
+						children: i("ffmpeg.outputArgs")
 					})
-				}), /* @__PURE__ */ y("div", {
+				}), /* @__PURE__ */ b("div", {
 					className: "px-3 py-2",
-					children: j
+					children: M
 				})]
-			})] }) : /* @__PURE__ */ b("div", {
-				className: V,
-				children: [/* @__PURE__ */ b("button", {
+			})] }) : /* @__PURE__ */ x("div", {
+				className: W,
+				children: [/* @__PURE__ */ x("button", {
 					type: "button",
-					onClick: () => a((e) => !e),
+					onClick: () => o((e) => !e),
 					className: "w-full px-3 py-1.5 flex items-center justify-between bg-surface-hover/30 hover:bg-surface-hover transition-colors",
-					children: [/* @__PURE__ */ b("span", {
+					children: [/* @__PURE__ */ x("span", {
 						className: "inline-flex items-center gap-1.5 text-[11px] font-semibold text-foreground uppercase tracking-wider",
-						children: [y(i ? P : F, { className: "h-3 w-3" }), "Advanced — raw ffmpeg args"]
+						children: [b(a ? F : I, { className: "h-3 w-3" }), i("ffmpeg.advanced")]
 					}), /* @__PURE__ */ b("span", {
 						className: "text-[10px] text-foreground-subtle italic",
-						children: [(s.inputArgs?.length ?? 0) + (s.outputArgs?.length ?? 0), " args"]
+						children: i("ffmpeg.argsCount", { count: (c.inputArgs?.length ?? 0) + (c.outputArgs?.length ?? 0) })
 					})]
-				}), i && /* @__PURE__ */ b("div", {
+				}), a && /* @__PURE__ */ x("div", {
 					className: "px-3 py-2 space-y-3 border-t border-border/50",
 					children: [
-						A,
-						/* @__PURE__ */ y(ce, {
-							outputArgs: s.outputArgs ?? [],
+						j,
+						/* @__PURE__ */ b(se, {
+							outputArgs: c.outputArgs ?? [],
 							onChange: (e) => {
-								d(e.join("\n")), O(e.join("\n"));
+								f(e.join("\n")), k(e.join("\n"));
 							}
 						}),
-						j
+						M
 					]
 				})]
 			})
 		]
 	});
 }
-function pe({ status: e }) {
-	let t = "inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-medium border";
-	return e === "saving" ? /* @__PURE__ */ b("span", {
-		className: `${t} bg-accent/10 text-accent border-accent/30`,
-		children: [/* @__PURE__ */ y(te, { className: "h-2.5 w-2.5 animate-spin" }), "Saving…"]
-	}) : e === "saved" ? /* @__PURE__ */ b("span", {
-		className: `${t} bg-success/10 text-success border-success/30`,
-		children: [/* @__PURE__ */ y(N, { className: "h-2.5 w-2.5" }), "Saved"]
-	}) : e === "error" ? /* @__PURE__ */ b("span", {
-		className: `${t} bg-red-500/10 text-red-400 border-red-500/30`,
-		children: [/* @__PURE__ */ y(ee, { className: "h-2.5 w-2.5" }), "Save failed"]
-	}) : /* @__PURE__ */ y("span", {
-		className: `${t} bg-foreground-subtle/10 text-foreground-subtle border-border`,
-		children: "Autosaves"
+function fe({ status: e }) {
+	let { t } = z(), n = "inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-medium border";
+	return e === "saving" ? /* @__PURE__ */ x("span", {
+		className: `${n} bg-accent/10 text-accent border-accent/30`,
+		children: [/* @__PURE__ */ b(ee, { className: "h-2.5 w-2.5 animate-spin" }), t("ffmpeg.saving")]
+	}) : e === "saved" ? /* @__PURE__ */ x("span", {
+		className: `${n} bg-success/10 text-success border-success/30`,
+		children: [/* @__PURE__ */ b(P, { className: "h-2.5 w-2.5" }), t("ffmpeg.saved")]
+	}) : e === "error" ? /* @__PURE__ */ x("span", {
+		className: `${n} bg-red-500/10 text-red-400 border-red-500/30`,
+		children: [/* @__PURE__ */ b(L, { className: "h-2.5 w-2.5" }), t("ffmpeg.saveFailed")]
+	}) : /* @__PURE__ */ b("span", {
+		className: `${n} bg-foreground-subtle/10 text-foreground-subtle border-border`,
+		children: t("ffmpeg.autosaves")
 	});
 }
-function me({ profile: e }) {
-	let t = "inline-flex items-center gap-1 rounded-full bg-foreground-subtle/10 border border-border px-2 py-0.5 text-[11px] font-mono text-foreground-subtle", { video: n, audio: r } = e, i = n.width !== void 0 && n.height !== void 0 ? `${n.width}×${n.height}` : void 0;
-	return /* @__PURE__ */ b(x, { children: [
-		/* @__PURE__ */ b("span", {
-			className: t,
-			children: [/* @__PURE__ */ y("span", {
+function pe({ profile: e }) {
+	let { t } = z(), n = "inline-flex items-center gap-1 rounded-full bg-foreground-subtle/10 border border-border px-2 py-0.5 text-[11px] font-mono text-foreground-subtle", { video: r, audio: i } = e, a = r.width !== void 0 && r.height !== void 0 ? `${r.width}×${r.height}` : void 0;
+	return /* @__PURE__ */ x(S, { children: [
+		/* @__PURE__ */ x("span", {
+			className: n,
+			children: [/* @__PURE__ */ b("span", {
 				className: "opacity-60",
-				children: "codec"
-			}), n.codec]
+				children: t("ffmpeg.chipCodec")
+			}), r.codec]
 		}),
-		i !== void 0 && /* @__PURE__ */ b("span", {
-			className: t,
-			children: [/* @__PURE__ */ y("span", {
+		a !== void 0 && /* @__PURE__ */ x("span", {
+			className: n,
+			children: [/* @__PURE__ */ b("span", {
 				className: "opacity-60",
-				children: "res"
-			}), i]
+				children: t("ffmpeg.chipRes")
+			}), a]
 		}),
-		n.fps !== void 0 && /* @__PURE__ */ b("span", {
-			className: t,
-			children: [/* @__PURE__ */ y("span", {
+		r.fps !== void 0 && /* @__PURE__ */ x("span", {
+			className: n,
+			children: [/* @__PURE__ */ b("span", {
 				className: "opacity-60",
-				children: "fps"
-			}), n.fps]
+				children: t("ffmpeg.chipFps")
+			}), r.fps]
 		}),
-		n.bitrateKbps !== void 0 && /* @__PURE__ */ b("span", {
-			className: t,
+		r.bitrateKbps !== void 0 && /* @__PURE__ */ x("span", {
+			className: n,
 			children: [
-				/* @__PURE__ */ y("span", {
+				/* @__PURE__ */ b("span", {
 					className: "opacity-60",
-					children: "bitrate"
+					children: t("ffmpeg.chipBitrate")
 				}),
-				n.bitrateKbps,
+				r.bitrateKbps,
 				"k"
 			]
 		}),
-		r === "passthrough" ? /* @__PURE__ */ b("span", {
-			className: t,
-			children: [/* @__PURE__ */ y("span", {
+		i === "passthrough" ? /* @__PURE__ */ x("span", {
+			className: n,
+			children: [/* @__PURE__ */ b("span", {
 				className: "opacity-60",
-				children: "audio"
-			}), "passthrough"]
-		}) : /* @__PURE__ */ b(x, { children: [
-			/* @__PURE__ */ b("span", {
-				className: t,
-				children: [/* @__PURE__ */ y("span", {
+				children: t("ffmpeg.chipAudio")
+			}), t("ffmpeg.chipPassthrough")]
+		}) : /* @__PURE__ */ x(S, { children: [
+			/* @__PURE__ */ x("span", {
+				className: n,
+				children: [/* @__PURE__ */ b("span", {
 					className: "opacity-60",
-					children: "audio"
-				}), r.codec]
+					children: t("ffmpeg.chipAudio")
+				}), i.codec]
 			}),
-			r.bitrateKbps !== void 0 && /* @__PURE__ */ b("span", {
-				className: t,
+			i.bitrateKbps !== void 0 && /* @__PURE__ */ x("span", {
+				className: n,
 				children: [
-					/* @__PURE__ */ y("span", {
+					/* @__PURE__ */ b("span", {
 						className: "opacity-60",
-						children: "a-bitrate"
+						children: t("ffmpeg.chipAudioBitrate")
 					}),
-					r.bitrateKbps,
+					i.bitrateKbps,
 					"k"
 				]
 			}),
-			r.sampleRateHz !== void 0 && /* @__PURE__ */ b("span", {
-				className: t,
+			i.sampleRateHz !== void 0 && /* @__PURE__ */ x("span", {
+				className: n,
 				children: [
-					/* @__PURE__ */ y("span", {
+					/* @__PURE__ */ b("span", {
 						className: "opacity-60",
-						children: "a-sr"
+						children: t("ffmpeg.chipSampleRate")
 					}),
-					r.sampleRateHz,
+					i.sampleRateHz,
 					"Hz"
 				]
 			}),
-			r.channels !== void 0 && /* @__PURE__ */ b("span", {
-				className: t,
-				children: [/* @__PURE__ */ y("span", {
+			i.channels !== void 0 && /* @__PURE__ */ x("span", {
+				className: n,
+				children: [/* @__PURE__ */ b("span", {
 					className: "opacity-60",
-					children: "a-ch"
-				}), r.channels]
+					children: t("ffmpeg.chipChannels")
+				}), i.channels]
 			})
 		] })
 	] });
 }
-function he(e) {
-	let t = e.config ?? {}, n = d(), [r, i] = g(() => t.initialValue), a = _((r) => {
-		if (i(r), e.deviceId === void 0) return;
-		let a = t.writerCapName, o = t.writerAddonId, s = t.fieldKey;
-		if (a === void 0 || o === void 0 || s === void 0) {
+function me(e) {
+	let { t } = z(), n = e.config ?? {}, r = f(), [i, a] = _(() => n.initialValue), o = v((t) => {
+		if (a(t), e.deviceId === void 0) return;
+		let i = n.writerCapName, o = n.writerAddonId, s = n.fieldKey;
+		if (i === void 0 || o === void 0 || s === void 0) {
 			console.warn(`[ffmpeg-params] widgetConfig is missing writerCapName/writerAddonId/fieldKey — field ${s ?? "(unknown)"} cannot be saved. Fix the contribution builder.`);
 			return;
 		}
-		n.mutate({
+		r.mutate({
 			deviceId: e.deviceId,
-			writerCapName: a,
+			writerCapName: i,
 			writerAddonId: o,
 			key: s,
-			value: r ?? null
+			value: t ?? null
 		});
 	}, [
 		e.deviceId,
-		t.fieldKey,
-		t.writerCapName,
-		t.writerAddonId,
-		n
+		n.fieldKey,
+		n.writerCapName,
+		n.writerAddonId,
+		r
 	]);
-	if (e.deviceId === void 0) return /* @__PURE__ */ y("div", {
+	if (e.deviceId === void 0) return /* @__PURE__ */ b("div", {
 		className: "rounded-lg border border-warning/30 bg-warning/10 px-3 py-2 text-xs text-warning",
-		children: "ffmpeg-params: no deviceId in widget context — this widget only renders inside a device tab."
+		children: t("ffmpeg.noDeviceId")
 	});
-	let o = t.fieldKey;
-	if (o === void 0 || o.length === 0) return /* @__PURE__ */ y("div", {
+	let s = n.fieldKey;
+	if (s === void 0 || s.length === 0) return /* @__PURE__ */ b("div", {
 		className: "rounded-lg border border-warning/30 bg-warning/10 px-3 py-2 text-xs text-warning",
-		children: "ffmpeg-params: widgetConfig.fieldKey is required — fix the contribution builder."
+		children: t("ffmpeg.fieldKeyRequired")
 	});
-	let s = n.isPending ? "saving" : n.isError ? "error" : n.isSuccess ? "saved" : "idle";
-	return /* @__PURE__ */ y(fe, {
+	let c = r.isPending ? "saving" : r.isError ? "error" : r.isSuccess ? "saved" : "idle";
+	return /* @__PURE__ */ b(de, {
 		config: {
-			...t,
-			fieldKey: o
+			...n,
+			fieldKey: s
 		},
-		value: r,
-		onSave: a,
-		saveStatus: s
+		value: i,
+		onSave: o,
+		saveStatus: c
 	});
 }
-function W({ id: e, disabled: t, catalogue: n, onPick: r }) {
-	let [i, a] = g(!1), o = m(() => {
+function q({ id: e, disabled: t, catalogue: n, onPick: r }) {
+	let { t: i } = z(), [a, o] = _(!1), s = h(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let t of n) {
 			let n = e.get(t.group) ?? [];
@@ -1059,39 +1404,39 @@ function W({ id: e, disabled: t, catalogue: n, onPick: r }) {
 		}
 		return e;
 	}, [n]);
-	return /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ x("div", {
 		className: "relative",
-		children: [/* @__PURE__ */ b("button", {
+		children: [/* @__PURE__ */ x("button", {
 			id: e,
 			type: "button",
 			disabled: t,
-			onClick: () => a((e) => !e),
+			onClick: () => o((e) => !e),
 			className: "inline-flex items-center gap-1 rounded-md border border-border bg-surface-hover px-2 py-0.5 text-[10px] font-medium text-foreground-subtle hover:bg-surface-hover/70 disabled:opacity-40 disabled:cursor-not-allowed transition-colors",
-			children: [/* @__PURE__ */ y(ne, { className: "h-3 w-3" }), "Add flag…"]
-		}), i && !t && /* @__PURE__ */ b(x, { children: [/* @__PURE__ */ y("div", {
+			children: [/* @__PURE__ */ b(te, { className: "h-3 w-3" }), i("ffmpeg.addFlag")]
+		}), a && !t && /* @__PURE__ */ x(S, { children: [/* @__PURE__ */ b("div", {
 			className: "fixed inset-0 z-40",
-			onClick: () => a(!1),
+			onClick: () => o(!1),
 			"aria-hidden": "true"
-		}), /* @__PURE__ */ y("div", {
+		}), /* @__PURE__ */ b("div", {
 			className: "absolute right-0 top-full z-50 mt-1 max-h-72 w-72 overflow-y-auto rounded-lg border border-border bg-surface shadow-lg",
 			role: "menu",
-			children: Array.from(o.entries()).map(([e, t]) => /* @__PURE__ */ b("div", {
+			children: Array.from(s.entries()).map(([e, t]) => /* @__PURE__ */ x("div", {
 				className: "border-b border-border/30 last:border-b-0",
-				children: [/* @__PURE__ */ y("div", {
+				children: [/* @__PURE__ */ b("div", {
 					className: "sticky top-0 bg-surface-hover/80 backdrop-blur px-2 py-1 text-[9px] font-semibold uppercase tracking-wider text-foreground-subtle",
-					children: e
-				}), t.map((e) => /* @__PURE__ */ b("button", {
+					children: i(e)
+				}), t.map((e) => /* @__PURE__ */ x("button", {
 					type: "button",
 					onClick: () => {
-						r(e), a(!1);
+						r(e), o(!1);
 					},
 					className: "w-full text-left px-2 py-1.5 hover:bg-surface-hover transition-colors group",
-					children: [/* @__PURE__ */ y("div", {
+					children: [/* @__PURE__ */ b("div", {
 						className: "font-mono text-[11px] text-foreground",
 						children: e.label
-					}), e.description !== void 0 && /* @__PURE__ */ y("div", {
+					}), e.descriptionKey !== void 0 && /* @__PURE__ */ b("div", {
 						className: "text-[10px] text-foreground-subtle leading-snug mt-0.5",
-						children: e.description
+						children: i(e.descriptionKey)
 					})]
 				}, e.label))]
 			}, e))
@@ -1100,18 +1445,15 @@ function W({ id: e, disabled: t, catalogue: n, onPick: r }) {
 }
 //#endregion
 //#region src/stream-broker/widgets/broker-audio-switch.ts
-var ge = "Audio", _e = "This node distributes no audio for the camera — live subscribers and new recordings are silent. The camera itself keeps capturing sound.";
-function ve(e) {
+function he(e) {
 	let t = e.sourceNodeId !== null && e.sourceNodeId !== "", n = t && e.muted !== null ? !e.muted : null, r = e.pendingOn ?? null;
 	return {
-		label: ge,
 		on: n === null ? null : r ?? n,
 		available: n !== null,
-		costWhenOff: _e,
 		nodeId: t ? e.sourceNodeId : null
 	};
 }
-function ye(e, t) {
+function ge(e, t) {
 	return !e.available || e.on === null || e.nodeId === null ? null : {
 		deviceId: t,
 		muted: e.on,
@@ -1120,41 +1462,37 @@ function ye(e, t) {
 }
 //#endregion
 //#region src/stream-broker/widgets/format-ua.ts
-var G = 24;
-function be(e) {
+var _e = 24;
+function ve(e) {
 	return /\bEdg\b|\bEdgA\b|\bEdgiOS\b|Edge\//.test(e) ? "Edge" : /\bOPR\b|Opera/.test(e) ? "Opera" : /Firefox\/|\bFxiOS\b/.test(e) ? "Firefox" : /Chrome\/|\bCriOS\b/.test(e) ? "Chrome" : /Safari\//.test(e) ? "Safari" : null;
 }
-function xe(e) {
+function ye(e) {
 	return /iPhone|iPad|iPod|\biOS\b|CriOS|FxiOS/.test(e) ? "iOS" : /Mac OS X|Macintosh/.test(e) ? "macOS" : /Windows/.test(e) ? "Windows" : /Android/.test(e) ? "Android" : /Linux/.test(e) ? "Linux" : null;
 }
-function K(e) {
+function J(e) {
 	let t = e.trim();
 	if (t.length === 0) return "";
-	let n = be(t), r = xe(t);
-	return n && r ? `${n}/${r}` : n || r || (t.length > G ? `${t.slice(0, G)}…` : t);
+	let n = ve(t), r = ye(t);
+	return n && r ? `${n}/${r}` : n || r || (t.length > _e ? `${t.slice(0, _e)}…` : t);
 }
 //#endregion
 //#region src/stream-broker/widgets/StreamBrokerPanel.tsx
-function Se(e) {
+function be(e) {
 	if (typeof e != "object" || !e) return null;
 	let t = { ...e }.muted;
 	return typeof t == "boolean" ? t : null;
 }
-function Ce(e) {
+function xe(e) {
 	let t = Math.floor(e / 1e3);
 	if (t < 60) return `${t}s`;
 	let n = Math.floor(t / 60);
 	return n < 60 ? `${n}m` : `${Math.floor(n / 60)}h ${n % 60}m`;
 }
-var q = {
-	high: "High",
-	mid: "Mid",
-	low: "Low"
-}, J = [
+var Se = [
 	"high",
 	"mid",
 	"low"
-], we = {
+], Ce = {
 	alexa: "bg-blue-500/15 text-blue-400",
 	homekit: "bg-purple-500/15 text-purple-400",
 	"webrtc-browser": "bg-emerald-500/15 text-emerald-400",
@@ -1167,7 +1505,7 @@ var q = {
 	snapshot: "bg-cyan-500/15 text-cyan-400",
 	warmup: "bg-foreground-subtle/10 text-foreground-subtle",
 	unknown: "bg-foreground-subtle/10 text-foreground-subtle"
-}, Y = {
+}, we = {
 	alexa: "ALEXA",
 	homekit: "HOMEKIT",
 	"webrtc-browser": "BROWSER",
@@ -1182,162 +1520,169 @@ var q = {
 	unknown: "—"
 };
 function Te(e) {
-	return Y[e] ?? e.toUpperCase().slice(0, 8);
+	return we[e] ?? e.toUpperCase().slice(0, 8);
 }
 function Ee(e) {
-	return Y[e] ?? e;
+	return we[e] ?? e;
 }
 function De(e) {
-	let t = e.config ?? {};
-	return e.deviceId === void 0 ? /* @__PURE__ */ y("div", {
+	let { t } = z(), n = e.config ?? {};
+	return e.deviceId === void 0 ? /* @__PURE__ */ b("div", {
 		className: "rounded-lg border border-warning/30 bg-warning/10 px-3 py-2 text-xs text-warning",
-		children: "StreamBrokerPanel requires a deviceId"
-	}) : /* @__PURE__ */ y(Oe, {
+		children: t("panel.requiresDeviceId")
+	}) : /* @__PURE__ */ b(Oe, {
 		deviceId: e.deviceId,
-		title: t.title,
-		variant: t.variant,
-		hideEmpty: t.hideEmpty
+		title: n.title,
+		variant: n.variant,
+		hideEmpty: n.hideEmpty
 	});
 }
-function Oe({ deviceId: t, title: n = "Stream Brokers", variant: i = "full", hideEmpty: a = !1 }) {
-	l(["streamBroker", "listAllProfileSlots"], [
+function Oe({ deviceId: t, title: n, variant: i = "full", hideEmpty: a = !1 }) {
+	let { t: o } = z();
+	u(["streamBroker", "listAllProfileSlots"], [
 		"device.streams-registered",
 		"device.streams-unregistered",
 		"device.registered",
 		"device.unregistered"
 	]);
-	let { data: s } = f(void 0, { staleTime: 3e4 }), d = (s ?? []).filter((e) => e.deviceId === t && e.sourceCamStreamId !== null).slice().toSorted((e, t) => J.indexOf(e.profile) - J.indexOf(t.profile)), p = o(c().trpcClient, t), { data: m } = w({
+	let { data: c } = p(void 0, { staleTime: 3e4 }), f = (c ?? []).filter((e) => e.deviceId === t && e.sourceCamStreamId !== null).slice().toSorted((e, t) => Se.indexOf(e.profile) - Se.indexOf(t.profile)), m = s(l().trpcClient, t), { data: h } = T({
 		queryKey: [
 			"device",
 			t,
 			"cameraStreams.getCameraStreams"
 		],
-		queryFn: () => p?.cameraStreams?.getCameraStreams({}) ?? [],
-		enabled: !!p,
+		queryFn: () => m?.cameraStreams?.getCameraStreams({}) ?? [],
+		enabled: !!m,
 		staleTime: 3e4
-	}), h = /* @__PURE__ */ new Map();
-	for (let e of m ?? []) h.set(e.camStreamId, e);
-	let { data: v } = e({ deviceId: t }, { staleTime: 3e4 }), x = v?.assignment.sourceNodeId ?? null, S = C(), [T, E] = g(null), [D, O] = g(null), k = ve({
-		muted: Se(u({
+	}), g = /* @__PURE__ */ new Map();
+	for (let e of h ?? []) g.set(e.camStreamId, e);
+	let { data: y } = e({ deviceId: t }, { staleTime: 3e4 }), S = y?.assignment.sourceNodeId ?? null, C = w(), [E, D] = _(null), [O, k] = _(null), A = he({
+		muted: be(d({
 			deviceId: t,
-			nodeId: x ?? void 0
+			nodeId: S ?? void 0
 		}, {
-			enabled: x !== null,
+			enabled: S !== null,
 			staleTime: 3e4
 		}).data),
-		sourceNodeId: x,
-		pendingOn: T
-	}), A = r({
+		sourceNodeId: S,
+		pendingOn: E
+	}), j = r({
 		onError: (e) => {
 			console.error("[StreamBrokerPanel] audio mute write failed — reverting", {
 				tags: { deviceId: t },
 				meta: {
-					nodeId: x,
+					nodeId: S,
 					error: e instanceof Error ? e.message : String(e)
 				}
-			}), E(null), O(e instanceof Error ? e.message : String(e)), S.invalidateQueries({ queryKey: [["streamBroker", "getDeviceAudioMute"]] });
+			}), D(null), k(e instanceof Error ? e.message : String(e)), C.invalidateQueries({ queryKey: [["streamBroker", "getDeviceAudioMute"]] });
 		},
 		onSuccess: () => {
-			O(null), E(null), S.invalidateQueries({ queryKey: [["streamBroker"]] }), S.invalidateQueries({ queryKey: [["pipelineOrchestrator"]] });
+			k(null), D(null), C.invalidateQueries({ queryKey: [["streamBroker"]] }), C.invalidateQueries({ queryKey: [["pipelineOrchestrator"]] });
 		}
-	}), j = _(() => {
-		let e = ye(k, t);
-		e !== null && (E(!e.muted), O(null), A.mutate(e));
+	}), M = v(() => {
+		let e = ge(A, t);
+		e !== null && (D(!e.muted), k(null), j.mutate(e));
 	}, [
-		k,
+		A,
 		t,
-		A
-	]), M = new Set(d.map((e) => e.sourceCamStreamId).filter((e) => e !== null)), N = (m ?? []).filter((e) => !M.has(e.camStreamId)), P = d.length > 0, F = N.length > 0;
-	return a && !P && !F ? null : i === "compact" ? P ? /* @__PURE__ */ y("div", {
+		j
+	]), N = new Set(f.map((e) => e.sourceCamStreamId).filter((e) => e !== null)), P = (h ?? []).filter((e) => !N.has(e.camStreamId)), F = A.nodeId ?? o("audio.thisNode"), I = f.length > 0, L = P.length > 0;
+	return a && !I && !L ? null : i === "compact" ? I ? /* @__PURE__ */ b("div", {
 		className: "divide-y divide-border/30",
-		children: d.map((e) => /* @__PURE__ */ y(je, {
+		children: f.map((e) => /* @__PURE__ */ b(Y, {
 			slot: e,
-			camStreams: h,
+			camStreams: g,
 			compact: !0
 		}, e.brokerId))
-	}) : /* @__PURE__ */ y("div", {
-		className: "text-[11px] text-foreground-subtle italic px-2 py-1",
-		children: "No active profile slots"
 	}) : /* @__PURE__ */ b("div", {
+		className: "text-[11px] text-foreground-subtle italic px-2 py-1",
+		children: o("panel.noActiveSlots")
+	}) : /* @__PURE__ */ x("div", {
 		className: "rounded-lg border border-border bg-surface overflow-hidden",
 		children: [
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ x("div", {
 				className: "border-b border-border px-4 py-2 flex flex-wrap items-center justify-between gap-x-2 gap-y-1",
-				children: [/* @__PURE__ */ y("h2", {
+				children: [/* @__PURE__ */ b("h2", {
 					className: "text-xs font-semibold text-foreground uppercase tracking-wider shrink-0",
-					children: n
-				}), /* @__PURE__ */ b("div", {
+					children: n ?? o("panel.title")
+				}), /* @__PURE__ */ x("div", {
 					className: "flex items-center gap-1.5 min-w-0",
-					children: [x !== null && /* @__PURE__ */ b("span", {
-						title: `Cluster node dialing this camera's source: ${x}`,
+					children: [S !== null && /* @__PURE__ */ x("span", {
+						title: o("panel.sourceNodeTitle", { node: S }),
 						className: "inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-[10px] font-medium bg-accent/10 text-accent border border-accent/30 min-w-0 max-w-full",
-						children: [/* @__PURE__ */ y(I, { className: "h-2.5 w-2.5 shrink-0" }), /* @__PURE__ */ y("span", {
+						children: [/* @__PURE__ */ b(R, { className: "h-2.5 w-2.5 shrink-0" }), /* @__PURE__ */ b("span", {
 							className: "truncate",
-							children: x
+							children: S
 						})]
-					}), P && /* @__PURE__ */ b("span", {
+					}), I && /* @__PURE__ */ b("span", {
 						className: "inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-[10px] font-medium bg-foreground-subtle/10 text-foreground-subtle border border-border shrink-0 whitespace-nowrap",
-						children: [d.length, " assigned"]
+						children: o("panel.assigned", { count: f.length })
 					})]
 				})]
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ x("div", {
 				className: "border-b border-border px-4 py-2 flex items-center gap-3",
-				children: [/* @__PURE__ */ b("button", {
+				children: [/* @__PURE__ */ x("button", {
 					type: "button",
 					role: "switch",
-					"aria-label": k.label,
-					"aria-checked": k.on === !0,
-					disabled: !k.available || A.isPending,
-					onClick: j,
-					title: k.on === null ? "Audio distribution — unknown: the node that serves this camera did not answer." : k.on ? `Audio is distributed by ${k.nodeId ?? "this node"}. Muting it: ${k.costWhenOff}` : `Muted on ${k.nodeId ?? "this node"}. ${k.costWhenOff}`,
-					className: `inline-flex items-center gap-1.5 rounded-lg border px-2 py-1 text-[11px] font-medium transition-colors disabled:cursor-not-allowed shrink-0 ${D === null ? k.on === null ? "border-dashed border-border text-foreground-subtle/50" : k.on === !1 ? "border-warning/40 text-warning hover:bg-warning/10" : "border-success/30 text-success hover:bg-success/10" : "border-danger/50 text-danger bg-danger/5"}`,
-					children: [k.on === !1 ? /* @__PURE__ */ y(ie, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ y(re, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ y("span", { children: k.on === null ? "Audio unknown" : k.on ? "Audio on" : "Audio muted" })]
-				}), /* @__PURE__ */ y("p", {
+					"aria-label": o("audio.label"),
+					"aria-checked": A.on === !0,
+					disabled: !A.available || j.isPending,
+					onClick: M,
+					title: A.on === null ? o("audio.unknownTitle") : A.on ? o("audio.onTitle", {
+						node: F,
+						cost: o("audio.costWhenOff")
+					}) : o("audio.mutedTitle", {
+						node: F,
+						cost: o("audio.costWhenOff")
+					}),
+					className: `inline-flex items-center gap-1.5 rounded-lg border px-2 py-1 text-[11px] font-medium transition-colors disabled:cursor-not-allowed shrink-0 ${O === null ? A.on === null ? "border-dashed border-border text-foreground-subtle/50" : A.on === !1 ? "border-warning/40 text-warning hover:bg-warning/10" : "border-success/30 text-success hover:bg-success/10" : "border-danger/50 text-danger bg-danger/5"}`,
+					children: [A.on === !1 ? /* @__PURE__ */ b(re, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ b(ne, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ b("span", { children: A.on === null ? o("audio.stateUnknown") : A.on ? o("audio.stateOn") : o("audio.stateMuted") })]
+				}), /* @__PURE__ */ b("p", {
 					className: "min-w-0 flex-1 text-[10px] leading-relaxed text-foreground-subtle",
-					children: D === null ? k.on === null ? "The node that serves this camera did not answer, so its audio policy is unknown." : k.costWhenOff : `Write failed: ${D}`
+					children: O === null ? A.on === null ? o("audio.unknownHint") : o("audio.costWhenOff") : o("audio.writeFailed", { error: O })
 				})]
 			}),
-			P ? /* @__PURE__ */ y("div", {
+			I ? /* @__PURE__ */ b("div", {
 				className: "divide-y divide-border/30",
-				children: d.map((e) => /* @__PURE__ */ y(je, {
+				children: f.map((e) => /* @__PURE__ */ b(Y, {
 					slot: e,
-					camStreams: h,
+					camStreams: g,
 					compact: !1
 				}, e.brokerId))
-			}) : /* @__PURE__ */ b("div", {
+			}) : /* @__PURE__ */ x("div", {
 				className: "px-4 py-6 flex flex-col items-center text-center text-foreground-subtle",
-				children: [/* @__PURE__ */ y(I, { className: "h-5 w-5 mb-2 opacity-30" }), /* @__PURE__ */ y("p", {
+				children: [/* @__PURE__ */ b(R, { className: "h-5 w-5 mb-2 opacity-30" }), /* @__PURE__ */ b("p", {
 					className: "text-xs",
-					children: "No profile slots assigned for this device"
+					children: o("panel.noSlotsAssigned")
 				})]
 			}),
-			F && /* @__PURE__ */ y(ke, {
+			L && /* @__PURE__ */ b(ke, {
 				deviceId: t,
-				camStreamIds: N.map((e) => e.camStreamId),
-				camStreams: h
+				camStreamIds: P.map((e) => e.camStreamId),
+				camStreams: g
 			})
 		]
 	});
 }
 function ke({ deviceId: e, camStreamIds: t, camStreams: n }) {
-	let [r, i] = g(!1);
-	return /* @__PURE__ */ b("div", {
+	let { t: r } = z(), [i, a] = _(!1);
+	return /* @__PURE__ */ x("div", {
 		className: "border-t border-border/50",
-		children: [/* @__PURE__ */ b("button", {
+		children: [/* @__PURE__ */ x("button", {
 			type: "button",
-			onClick: () => i((e) => !e),
+			onClick: () => a((e) => !e),
 			className: "w-full px-4 py-1.5 flex items-center justify-between bg-surface-hover/30 hover:bg-surface-hover transition-colors",
-			children: [/* @__PURE__ */ b("span", {
+			children: [/* @__PURE__ */ x("span", {
 				className: "inline-flex items-center gap-1.5 text-[11px] uppercase tracking-wider text-foreground-subtle",
-				children: [y(r ? P : F, { className: "h-3 w-3" }), "Other active streams"]
-			}), /* @__PURE__ */ y("span", {
+				children: [b(i ? F : I, { className: "h-3 w-3" }), r("unassigned.title")]
+			}), /* @__PURE__ */ b("span", {
 				className: "rounded-full px-2 py-0.5 text-[10px] font-medium bg-foreground-subtle/10 text-foreground-subtle border border-border",
 				children: t.length
 			})]
-		}), r && /* @__PURE__ */ y("div", {
+		}), i && /* @__PURE__ */ b("div", {
 			className: "divide-y divide-border/30",
-			children: t.map((t) => /* @__PURE__ */ y(Ae, {
+			children: t.map((t) => /* @__PURE__ */ b(Ae, {
 				deviceId: e,
 				camStreamId: t,
 				camStreams: n
@@ -1346,81 +1691,81 @@ function ke({ deviceId: e, camStreamIds: t, camStreams: n }) {
 	});
 }
 function Ae({ deviceId: e, camStreamId: t, camStreams: n }) {
-	let r = S(e, t), a = i("stream-broker.metrics-snapshot", (e) => e.brokerId === r)?.stats, o = n.get(t), s = a?.status === "streaming";
-	return /* @__PURE__ */ b("div", {
+	let { t: r } = z(), a = C(e, t), o = i("stream-broker.metrics-snapshot", (e) => e.brokerId === a)?.stats, s = n.get(t), c = o?.status === "streaming";
+	return /* @__PURE__ */ x("div", {
 		className: "px-4 py-2",
-		children: [/* @__PURE__ */ y("div", {
+		children: [/* @__PURE__ */ b("div", {
 			className: "flex items-center justify-between mb-1",
-			children: /* @__PURE__ */ b("div", {
+			children: /* @__PURE__ */ x("div", {
 				className: "flex items-center gap-1.5",
 				children: [
-					/* @__PURE__ */ y("span", { className: `h-1.5 w-1.5 rounded-full ${s ? "bg-success" : "bg-foreground-subtle/40"}` }),
-					/* @__PURE__ */ y("span", {
+					/* @__PURE__ */ b("span", { className: `h-1.5 w-1.5 rounded-full ${c ? "bg-success" : "bg-foreground-subtle/40"}` }),
+					/* @__PURE__ */ b("span", {
 						className: "text-[11px] font-medium text-foreground",
-						children: o?.label ?? t
+						children: s?.label ?? t
 					}),
-					o?.resolution && /* @__PURE__ */ b("span", {
+					s?.resolution && /* @__PURE__ */ x("span", {
 						className: "text-[10px] text-foreground-subtle",
 						children: [
-							o.resolution.width,
+							s.resolution.width,
 							"×",
-							o.resolution.height
+							s.resolution.height
 						]
 					}),
-					/* @__PURE__ */ y("span", {
-						className: `text-[10px] ${s ? "text-success" : "text-foreground-subtle"}`,
-						children: a?.status ?? "idle"
+					/* @__PURE__ */ b("span", {
+						className: `text-[10px] ${c ? "text-success" : "text-foreground-subtle"}`,
+						children: o?.status ?? r("stats.idle")
 					})
 				]
 			})
-		}), a && s && /* @__PURE__ */ b("div", {
+		}), o && c && /* @__PURE__ */ x("div", {
 			className: "flex flex-wrap gap-x-3 gap-y-1 text-[10px]",
 			children: [
-				/* @__PURE__ */ b("span", {
+				/* @__PURE__ */ x("span", {
 					className: "inline-flex whitespace-nowrap gap-1",
-					children: [/* @__PURE__ */ y("span", {
+					children: [/* @__PURE__ */ b("span", {
 						className: "text-foreground-subtle",
-						children: "FPS:"
-					}), /* @__PURE__ */ y("span", {
+						children: r("stats.fps")
+					}), /* @__PURE__ */ b("span", {
 						className: "text-foreground",
-						children: a.inputFps.toFixed(1)
+						children: o.inputFps.toFixed(1)
 					})]
 				}),
-				/* @__PURE__ */ b("span", {
+				/* @__PURE__ */ x("span", {
 					className: "inline-flex whitespace-nowrap gap-1",
-					children: [/* @__PURE__ */ y("span", {
+					children: [/* @__PURE__ */ b("span", {
 						className: "text-foreground-subtle",
-						children: "Bitrate:"
-					}), /* @__PURE__ */ y("span", {
+						children: r("stats.bitrate")
+					}), /* @__PURE__ */ b("span", {
 						className: "text-foreground",
-						children: a.bitrateKbps >= 1e3 ? `${(a.bitrateKbps / 1e3).toFixed(1)} Mbps` : `${a.bitrateKbps} kbps`
+						children: o.bitrateKbps >= 1e3 ? `${(o.bitrateKbps / 1e3).toFixed(1)} Mbps` : `${o.bitrateKbps} kbps`
 					})]
 				}),
-				/* @__PURE__ */ b("span", {
+				/* @__PURE__ */ x("span", {
 					className: "inline-flex whitespace-nowrap gap-1",
-					children: [/* @__PURE__ */ y("span", {
+					children: [/* @__PURE__ */ b("span", {
 						className: "text-foreground-subtle",
-						children: "Codec:"
-					}), /* @__PURE__ */ y("span", {
+						children: r("stats.codec")
+					}), /* @__PURE__ */ b("span", {
 						className: "text-foreground",
-						children: a.codec?.toUpperCase() ?? "—"
+						children: o.codec?.toUpperCase() ?? "—"
 					})]
 				}),
-				/* @__PURE__ */ b("span", {
+				/* @__PURE__ */ x("span", {
 					className: "inline-flex whitespace-nowrap gap-1",
-					children: [/* @__PURE__ */ y("span", {
+					children: [/* @__PURE__ */ b("span", {
 						className: "text-foreground-subtle",
-						children: "Pkts:"
-					}), /* @__PURE__ */ y("span", {
+						children: r("stats.pkts")
+					}), /* @__PURE__ */ b("span", {
 						className: "text-foreground",
-						children: a.packetCount > 1e3 ? `${(a.packetCount / 1e3).toFixed(1)}k` : a.packetCount
+						children: o.packetCount > 1e3 ? `${(o.packetCount / 1e3).toFixed(1)}k` : o.packetCount
 					})]
 				})
 			]
 		})]
 	});
 }
-function X(e, t) {
+function je(e, t) {
 	let n = (e) => {
 		if (!e || typeof e != "object") return;
 		let r = e;
@@ -1441,265 +1786,261 @@ function X(e, t) {
 		if (t !== void 0) return t;
 	}
 }
-function je({ slot: e, camStreams: r, compact: o }) {
-	let c = C(), u = i("stream-broker.metrics-snapshot", (t) => t.brokerId === e.brokerId)?.stats;
-	l(["streamBroker", "listClients"], ["stream-broker.metrics-snapshot"]);
-	let { data: d } = n({ brokerId: e.brokerId }, {
-		enabled: u?.status === "streaming",
+function Y({ slot: e, camStreams: r, compact: o }) {
+	let { t: s } = z(), l = w(), d = i("stream-broker.metrics-snapshot", (t) => t.brokerId === e.brokerId)?.stats;
+	u(["streamBroker", "listClients"], ["stream-broker.metrics-snapshot"]);
+	let { data: f } = n({ brokerId: e.brokerId }, {
+		enabled: d?.status === "streaming",
 		staleTime: 2e3
-	}), { data: f, isPending: p } = t({ deviceId: e.deviceId }, { staleTime: 15e3 }), m = e.sourceCamStreamId ?? e.profile, h = X(f, `preBufferEnabled:${m}`), g = typeof h == "boolean", v = h === !0, S = X(f, `preBufferSec:${m}`), w = typeof S == "number" ? S : void 0, T = s({ onSuccess: () => {
-		c.invalidateQueries({ queryKey: [["streamBroker", "getDeviceSettingsContribution"]] });
-	} }), E = (t) => {
-		T.mutate({
+	}), { data: p, isPending: m } = t({ deviceId: e.deviceId }, { staleTime: 15e3 }), h = e.sourceCamStreamId ?? e.profile, g = je(p, `preBufferEnabled:${h}`), _ = typeof g == "boolean", y = g === !0, C = je(p, `preBufferSec:${h}`), T = typeof C == "number" ? C : void 0, E = c({ onSuccess: () => {
+		l.invalidateQueries({ queryKey: [["streamBroker", "getDeviceSettingsContribution"]] });
+	} }), D = (t) => {
+		E.mutate({
 			deviceId: e.deviceId,
-			patch: { [`preBufferEnabled:${m}`]: t }
+			patch: { [`preBufferEnabled:${h}`]: t }
 		});
-	}, D = a({ onSuccess: () => {
-		c.invalidateQueries({ queryKey: [["streamBroker", "listClients"]] });
-	} }), O = _((t) => {
-		D.mutate({
+	}, O = a({ onSuccess: () => {
+		l.invalidateQueries({ queryKey: [["streamBroker", "listClients"]] });
+	} }), k = v((t) => {
+		O.mutate({
 			brokerId: e.brokerId,
 			...t
 		});
-	}, [D, e.brokerId]), k = (e.sourceCamStreamId ? r.get(e.sourceCamStreamId) : void 0)?.resolution ?? e.resolution, A = u?.status === "streaming", j = k ? `${q[e.profile]} (${k.width}×${k.height})` : q[e.profile], M = u ? u.encodedSubscribers + (u.rtspClients ?? 0) + (u.pipeClients ?? 0) : 0;
-	return /* @__PURE__ */ b("div", {
+	}, [O, e.brokerId]), A = (e.sourceCamStreamId ? r.get(e.sourceCamStreamId) : void 0)?.resolution ?? e.resolution, j = d?.status === "streaming", M = s(`profile.${e.profile}`), N = A ? `${M} (${A.width}×${A.height})` : M, P = d ? d.encodedSubscribers + (d.rtspClients ?? 0) + (d.pipeClients ?? 0) : 0;
+	return /* @__PURE__ */ x("div", {
 		className: `@container ${o ? "px-3 py-1.5" : "px-4 py-2"}`,
 		style: { containerType: "inline-size" },
 		children: [
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ x("div", {
 				className: "flex items-center justify-between gap-2 mb-1.5",
-				children: [/* @__PURE__ */ b("div", {
+				children: [/* @__PURE__ */ x("div", {
 					className: "flex items-center gap-1.5 min-w-0",
 					children: [
-						/* @__PURE__ */ y("span", { className: `h-1.5 w-1.5 shrink-0 rounded-full ${A ? e.profile === "high" ? "bg-success" : e.profile === "mid" ? "bg-warning" : "bg-foreground-subtle" : "bg-foreground-subtle/40"}` }),
-						/* @__PURE__ */ y("span", {
+						/* @__PURE__ */ b("span", { className: `h-1.5 w-1.5 shrink-0 rounded-full ${j ? e.profile === "high" ? "bg-success" : e.profile === "mid" ? "bg-warning" : "bg-foreground-subtle" : "bg-foreground-subtle/40"}` }),
+						/* @__PURE__ */ b("span", {
 							className: "text-[11px] font-medium text-foreground whitespace-nowrap shrink-0",
-							children: j
+							children: N
 						}),
-						/* @__PURE__ */ y("span", {
-							className: `text-[10px] shrink-0 ${A ? "text-success" : "text-foreground-subtle"}`,
-							children: u?.status ?? "loading"
+						/* @__PURE__ */ b("span", {
+							className: `text-[10px] shrink-0 ${j ? "text-success" : "text-foreground-subtle"}`,
+							children: d?.status ?? s("stats.loading")
 						}),
-						e.sourceCamStreamId && /* @__PURE__ */ b("span", {
+						e.sourceCamStreamId && /* @__PURE__ */ x("span", {
 							className: "text-[10px] text-foreground-subtle truncate min-w-0",
 							title: e.sourceCamStreamId,
 							children: ["← ", e.sourceCamStreamId]
 						})
 					]
-				}), /* @__PURE__ */ y("span", {
+				}), /* @__PURE__ */ b("span", {
 					className: "text-[10px] text-foreground-subtle shrink-0 whitespace-nowrap",
-					children: u && u.uptimeMs > 0 ? Ce(u.uptimeMs) : "—"
+					children: d && d.uptimeMs > 0 ? xe(d.uptimeMs) : "—"
 				})]
 			}),
-			u && A ? o ? /* @__PURE__ */ b("div", {
+			d && j ? o ? /* @__PURE__ */ x("div", {
 				className: "flex flex-wrap gap-x-3 gap-y-0.5 text-[10px]",
 				children: [
-					/* @__PURE__ */ b("span", {
+					/* @__PURE__ */ x("span", {
 						className: "inline-flex whitespace-nowrap gap-1",
-						children: [/* @__PURE__ */ y("span", {
+						children: [/* @__PURE__ */ b("span", {
 							className: "text-foreground-subtle",
-							children: "FPS:"
-						}), /* @__PURE__ */ b("span", {
+							children: s("stats.fps")
+						}), /* @__PURE__ */ x("span", {
 							className: "text-foreground",
-							children: [u.inputFps.toFixed(1), " fps"]
+							children: [d.inputFps.toFixed(1), " fps"]
 						})]
 					}),
-					/* @__PURE__ */ b("span", {
+					/* @__PURE__ */ x("span", {
 						className: "inline-flex whitespace-nowrap gap-1",
-						children: [/* @__PURE__ */ y("span", {
+						children: [/* @__PURE__ */ b("span", {
 							className: "text-foreground-subtle",
-							children: "Bitrate:"
-						}), /* @__PURE__ */ y("span", {
+							children: s("stats.bitrate")
+						}), /* @__PURE__ */ b("span", {
 							className: "text-foreground",
-							children: u.bitrateKbps >= 1e3 ? `${(u.bitrateKbps / 1e3).toFixed(1)} Mbps` : `${u.bitrateKbps} kbps`
+							children: d.bitrateKbps >= 1e3 ? `${(d.bitrateKbps / 1e3).toFixed(1)} Mbps` : `${d.bitrateKbps} kbps`
 						})]
 					}),
-					/* @__PURE__ */ b("span", {
+					/* @__PURE__ */ x("span", {
 						className: "inline-flex whitespace-nowrap gap-1",
-						children: [/* @__PURE__ */ y("span", {
+						children: [/* @__PURE__ */ b("span", {
 							className: "text-foreground-subtle",
-							children: "Codec:"
-						}), /* @__PURE__ */ y("span", {
+							children: s("stats.codec")
+						}), /* @__PURE__ */ b("span", {
 							className: "text-foreground",
-							children: u.codec?.toUpperCase() ?? "—"
+							children: d.codec?.toUpperCase() ?? "—"
 						})]
 					}),
-					/* @__PURE__ */ b("span", {
+					/* @__PURE__ */ x("span", {
 						className: "inline-flex items-center whitespace-nowrap gap-1",
 						children: [
-							/* @__PURE__ */ y("span", {
+							/* @__PURE__ */ b("span", {
 								className: "text-foreground-subtle",
-								children: "Clients:"
+								children: s("stats.clients")
 							}),
-							/* @__PURE__ */ y("span", {
+							/* @__PURE__ */ b("span", {
 								className: "text-foreground font-semibold",
-								children: M
+								children: P
 							}),
-							/* @__PURE__ */ y("span", {
+							/* @__PURE__ */ b("span", {
 								className: "text-foreground-subtle/70",
 								children: "("
 							}),
-							/* @__PURE__ */ y(Le, {
-								count: u.encodedSubscribers,
-								clients: d,
-								onKill: O
+							/* @__PURE__ */ b(Ie, {
+								count: d.encodedSubscribers,
+								clients: f,
+								onKill: k
 							}),
-							/* @__PURE__ */ y("span", {
+							/* @__PURE__ */ b("span", {
 								className: "text-foreground-subtle/70",
 								children: "·"
 							}),
-							/* @__PURE__ */ y(ze, {
-								count: u.rtspClients ?? 0,
-								clients: d,
-								onKill: O
+							/* @__PURE__ */ b(Re, {
+								count: d.rtspClients ?? 0,
+								clients: f,
+								onKill: k
 							}),
 							/* @__PURE__ */ b("span", {
 								className: "text-foreground-subtle/70",
-								children: [
-									"· pipe ",
-									u.pipeClients ?? 0,
-									")"
-								]
+								children: s("stats.pipeSuffix", { count: d.pipeClients ?? 0 })
 							})
 						]
 					})
 				]
-			}) : /* @__PURE__ */ b(x, { children: [/* @__PURE__ */ b("div", {
+			}) : /* @__PURE__ */ x(S, { children: [/* @__PURE__ */ x("div", {
 				className: "flex flex-wrap gap-x-3 gap-y-1 text-[10px]",
 				children: [
-					/* @__PURE__ */ b("span", {
+					/* @__PURE__ */ x("span", {
 						className: "inline-flex whitespace-nowrap gap-1",
-						children: [/* @__PURE__ */ y("span", {
+						children: [/* @__PURE__ */ b("span", {
 							className: "text-foreground-subtle",
-							children: "In:"
-						}), /* @__PURE__ */ b("span", {
+							children: s("stats.in")
+						}), /* @__PURE__ */ x("span", {
 							className: "text-foreground",
-							children: [u.inputFps.toFixed(1), " fps"]
+							children: [d.inputFps.toFixed(1), " fps"]
 						})]
 					}),
-					/* @__PURE__ */ b("span", {
+					/* @__PURE__ */ x("span", {
 						className: "inline-flex whitespace-nowrap gap-1",
-						children: [/* @__PURE__ */ y("span", {
+						children: [/* @__PURE__ */ b("span", {
 							className: "text-foreground-subtle",
-							children: "Bitrate:"
-						}), /* @__PURE__ */ y("span", {
+							children: s("stats.bitrate")
+						}), /* @__PURE__ */ b("span", {
 							className: "text-foreground",
-							children: u.bitrateKbps >= 1e3 ? `${(u.bitrateKbps / 1e3).toFixed(1)} Mbps` : `${u.bitrateKbps} kbps`
+							children: d.bitrateKbps >= 1e3 ? `${(d.bitrateKbps / 1e3).toFixed(1)} Mbps` : `${d.bitrateKbps} kbps`
 						})]
 					}),
-					/* @__PURE__ */ b("span", {
+					/* @__PURE__ */ x("span", {
 						className: "hidden @[480px]:inline-flex whitespace-nowrap gap-1",
-						children: [/* @__PURE__ */ y("span", {
+						children: [/* @__PURE__ */ b("span", {
 							className: "text-foreground-subtle",
-							children: "IDR:"
-						}), /* @__PURE__ */ y("span", {
+							children: s("stats.idr")
+						}), /* @__PURE__ */ b("span", {
 							className: "text-foreground",
-							children: u.idrIntervalMs > 0 ? `${(u.idrIntervalMs / 1e3).toFixed(1)}s` : "—"
+							children: d.idrIntervalMs > 0 ? `${(d.idrIntervalMs / 1e3).toFixed(1)}s` : "—"
 						})]
 					}),
-					/* @__PURE__ */ b("span", {
+					/* @__PURE__ */ x("span", {
 						className: "inline-flex whitespace-nowrap gap-1",
-						children: [/* @__PURE__ */ y("span", {
+						children: [/* @__PURE__ */ b("span", {
 							className: "text-foreground-subtle",
-							children: "Codec:"
-						}), /* @__PURE__ */ y("span", {
+							children: s("stats.codec")
+						}), /* @__PURE__ */ b("span", {
 							className: "text-foreground",
-							children: u.codec?.toUpperCase() ?? "—"
+							children: d.codec?.toUpperCase() ?? "—"
 						})]
 					}),
-					/* @__PURE__ */ b("span", {
+					/* @__PURE__ */ x("span", {
 						className: "hidden @[640px]:inline-flex whitespace-nowrap gap-1",
-						children: [/* @__PURE__ */ y("span", {
+						children: [/* @__PURE__ */ b("span", {
 							className: "text-foreground-subtle",
-							children: "Pipe:"
-						}), /* @__PURE__ */ y("span", {
+							children: s("stats.pipe")
+						}), /* @__PURE__ */ b("span", {
 							className: "text-foreground",
-							children: u.pipeClients ?? 0
+							children: d.pipeClients ?? 0
 						})]
 					}),
-					/* @__PURE__ */ b("span", {
+					/* @__PURE__ */ x("span", {
 						className: "hidden @[640px]:inline-flex whitespace-nowrap gap-1",
-						children: [/* @__PURE__ */ y("span", {
+						children: [/* @__PURE__ */ b("span", {
 							className: "text-foreground-subtle",
-							children: "Packets:"
-						}), /* @__PURE__ */ y("span", {
+							children: s("stats.packets")
+						}), /* @__PURE__ */ b("span", {
 							className: "text-foreground",
-							children: u.packetCount > 1e3 ? `${(u.packetCount / 1e3).toFixed(1)}k` : u.packetCount
+							children: d.packetCount > 1e3 ? `${(d.packetCount / 1e3).toFixed(1)}k` : d.packetCount
 						})]
 					}),
-					/* @__PURE__ */ b("span", {
+					/* @__PURE__ */ x("span", {
 						className: "hidden @[640px]:inline-flex whitespace-nowrap gap-1",
-						children: [/* @__PURE__ */ y("span", {
+						children: [/* @__PURE__ */ b("span", {
 							className: "text-foreground-subtle",
-							children: "Data:"
-						}), /* @__PURE__ */ y("span", {
+							children: s("stats.data")
+						}), /* @__PURE__ */ b("span", {
 							className: "text-foreground",
-							children: u.totalBytes > 1048576 ? `${(u.totalBytes / 1048576).toFixed(1)} MB` : `${(u.totalBytes / 1024).toFixed(0)} KB`
+							children: d.totalBytes > 1048576 ? `${(d.totalBytes / 1048576).toFixed(1)} MB` : `${(d.totalBytes / 1024).toFixed(0)} KB`
 						})]
 					}),
-					u.audio && /* @__PURE__ */ b("div", {
+					d.audio && /* @__PURE__ */ x("div", {
 						className: "basis-full flex flex-wrap items-center gap-x-1.5 gap-y-0.5",
 						children: [
-							/* @__PURE__ */ y("span", {
+							/* @__PURE__ */ b("span", {
 								className: "text-foreground-subtle whitespace-nowrap",
-								children: "Audio:"
+								children: s("stats.audio")
 							}),
-							/* @__PURE__ */ b("span", {
+							/* @__PURE__ */ x("span", {
 								className: "inline-flex whitespace-nowrap items-center gap-1.5",
 								children: [
-									/* @__PURE__ */ y("span", {
+									/* @__PURE__ */ b("span", {
 										className: "text-foreground",
-										children: u.audio.codec.toUpperCase()
+										children: d.audio.codec.toUpperCase()
 									}),
-									/* @__PURE__ */ y("span", {
+									/* @__PURE__ */ b("span", {
 										className: "text-foreground-subtle",
 										children: "·"
 									}),
-									/* @__PURE__ */ y("span", {
+									/* @__PURE__ */ b("span", {
 										className: "text-foreground",
-										children: u.audio.sampleRate >= 1e3 ? `${(u.audio.sampleRate / 1e3).toFixed(u.audio.sampleRate % 1e3 == 0 ? 0 : 1)}kHz` : `${u.audio.sampleRate}Hz`
+										children: d.audio.sampleRate >= 1e3 ? `${(d.audio.sampleRate / 1e3).toFixed(d.audio.sampleRate % 1e3 == 0 ? 0 : 1)}kHz` : `${d.audio.sampleRate}Hz`
 									}),
-									/* @__PURE__ */ y("span", {
+									/* @__PURE__ */ b("span", {
 										className: "text-foreground-subtle",
 										children: "·"
 									}),
-									/* @__PURE__ */ y("span", {
+									/* @__PURE__ */ b("span", {
 										className: "text-foreground",
-										children: u.audio.channels === 1 ? "mono" : u.audio.channels === 2 ? "stereo" : `${u.audio.channels}ch`
+										children: d.audio.channels === 1 ? s("stats.mono") : d.audio.channels === 2 ? s("stats.stereo") : `${d.audio.channels}ch`
 									})
 								]
 							}),
-							/* @__PURE__ */ y("span", {
-								className: `px-1 py-px rounded text-[8px] font-medium whitespace-nowrap ${u.audio.supported ? "bg-success/15 text-success" : "bg-amber-500/15 text-amber-500"}`,
-								children: u.audio.supported ? "decoded" : "no decoder"
+							/* @__PURE__ */ b("span", {
+								className: `px-1 py-px rounded text-[8px] font-medium whitespace-nowrap ${d.audio.supported ? "bg-success/15 text-success" : "bg-amber-500/15 text-amber-500"}`,
+								children: d.audio.supported ? s("stats.decoded") : s("stats.noDecoder")
 							})
 						]
 					})
 				]
-			}), /* @__PURE__ */ y(Ie, {
-				clients: d,
-				encodedCount: u.encodedSubscribers,
-				onKill: O
-			})] }) : /* @__PURE__ */ y("p", {
+			}), /* @__PURE__ */ b(Fe, {
+				clients: f,
+				encodedCount: d.encodedSubscribers,
+				onKill: k
+			})] }) : /* @__PURE__ */ b("p", {
 				className: "text-[10px] text-foreground-subtle italic",
-				children: "No demand — stream suspended"
+				children: s("stats.noDemand")
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ x("div", {
 				className: "mt-1.5 flex items-center gap-1.5 text-[10px]",
 				children: [
-					/* @__PURE__ */ y("span", {
+					/* @__PURE__ */ b("span", {
 						className: "text-foreground-subtle",
-						children: "Buffer:"
+						children: s("stats.buffer")
 					}),
-					/* @__PURE__ */ y(Re, {
-						enabled: v,
-						known: g,
-						onToggle: (e) => E(e),
-						disabled: p || !g || T.isPending
+					/* @__PURE__ */ b(Le, {
+						enabled: y,
+						known: _,
+						onToggle: (e) => D(e),
+						disabled: m || !_ || E.isPending
 					}),
-					/* @__PURE__ */ b("span", {
+					/* @__PURE__ */ x("span", {
 						className: "text-foreground",
-						children: [g ? `${w ?? u?.preBufferSec ?? 0}s` : "…", g && u && A ? ` (${u.preBufferPackets}p)` : ""]
+						children: [_ ? `${T ?? d?.preBufferSec ?? 0}s` : "…", _ && d && j ? ` (${d.preBufferPackets}p)` : ""]
 					})
 				]
 			})
@@ -1708,15 +2049,15 @@ function je({ slot: e, camStreams: r, compact: o }) {
 }
 var Me = 280, Ne = 120;
 function Pe({ trigger: e, content: t, widthClass: n }) {
-	let r = p(null), i = p(null), [a, o] = g(!1), [s, c] = g(!1), l = _(() => {
+	let r = m(null), i = m(null), [a, o] = _(!1), [s, c] = _(!1), l = v(() => {
 		i.current &&= (clearTimeout(i.current), null);
-	}, []), u = _(() => {
+	}, []), u = v(() => {
 		l(), i.current = setTimeout(() => o(!1), Ne);
 	}, [l]);
-	return /* @__PURE__ */ b("span", {
+	return /* @__PURE__ */ x("span", {
 		ref: r,
 		className: "relative inline-block",
-		onMouseEnter: _(() => {
+		onMouseEnter: v(() => {
 			l();
 			let e = r.current;
 			if (e) {
@@ -1726,7 +2067,7 @@ function Pe({ trigger: e, content: t, widthClass: n }) {
 			o(!0);
 		}, [l]),
 		onMouseLeave: u,
-		children: [e, a && /* @__PURE__ */ y("div", {
+		children: [e, a && /* @__PURE__ */ b("div", {
 			className: `absolute left-0 ${s ? "bottom-full mb-1" : "top-full mt-1"} z-50 ${n} rounded-md border border-border bg-surface shadow-xl p-2 text-[10px] normal-case`,
 			onMouseEnter: l,
 			onMouseLeave: u,
@@ -1734,60 +2075,56 @@ function Pe({ trigger: e, content: t, widthClass: n }) {
 		})]
 	});
 }
-function Z(e) {
+function X(e) {
 	if (e < 1e3) return `${e}ms`;
 	let t = Math.floor(e / 1e3);
 	if (t < 60) return `${t}s`;
 	let n = Math.floor(t / 60);
 	return n < 60 ? `${n}m ${t % 60}s` : `${Math.floor(n / 60)}h ${n % 60}m`;
 }
-function Fe(e) {
+function Z(e) {
 	return e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : e < 1073741824 ? `${(e / 1048576).toFixed(1)} MB` : `${(e / 1073741824).toFixed(2)} GB`;
 }
-function Ie({ clients: e, encodedCount: t, onKill: n }) {
-	let r = e?.audio ?? [], i = e?.rtsp ?? [], a = e?.encoded ?? [], o = r.length + i.length + a.length, [s, c] = g(!0);
-	return o === 0 ? /* @__PURE__ */ y("div", {
+function Fe({ clients: e, encodedCount: t, onKill: n }) {
+	let { t: r } = z(), i = e?.audio ?? [], a = e?.rtsp ?? [], o = e?.encoded ?? [], s = i.length + a.length + o.length, [c, l] = _(!0);
+	return s === 0 ? /* @__PURE__ */ b("div", {
 		className: "mt-1.5 text-[10px] text-foreground-subtle italic",
-		children: "No active subscribers"
-	}) : /* @__PURE__ */ b("div", {
+		children: r("subscribers.none")
+	}) : /* @__PURE__ */ x("div", {
 		className: "mt-1.5 border-t border-border/30 pt-1.5",
-		children: [/* @__PURE__ */ b("button", {
+		children: [/* @__PURE__ */ x("button", {
 			type: "button",
-			onClick: () => c((e) => !e),
+			onClick: () => l((e) => !e),
 			className: "flex items-center gap-1 text-[10px] text-foreground-subtle hover:text-foreground transition-colors",
-			children: [y(s ? P : F, { className: "h-3 w-3" }), /* @__PURE__ */ b("span", {
+			children: [b(c ? F : I, { className: "h-3 w-3" }), /* @__PURE__ */ b("span", {
 				className: "uppercase tracking-wider",
-				children: [
-					"Subscribers (",
-					o,
-					")"
-				]
+				children: r("subscribers.heading", { count: s })
 			})]
-		}), s && /* @__PURE__ */ b("div", {
+		}), c && /* @__PURE__ */ x("div", {
 			className: "mt-1 divide-y divide-border/20",
 			children: [
-				r.map((e, t) => /* @__PURE__ */ y(Q, {
-					kind: "AUDIO",
+				i.map((e, t) => /* @__PURE__ */ b(Q, {
+					kind: r("subscribers.kindAudio"),
 					kindClass: "bg-info/10 text-info",
-					tag: e.tag || "unknown",
-					metrics: [`${e.chunksDelivered} chunks`],
+					tag: e.tag || r("subscribers.unknown"),
+					metrics: [r("subscribers.chunks", { count: e.chunksDelivered })],
 					age: Date.now() - e.subscribedAt,
 					onKill: n && e.tag ? () => n({
 						channel: "audio",
 						handle: e.tag
 					}) : void 0
 				}, `a-${t}`)),
-				i.map((e) => {
-					let t = Date.now() - e.lastRtpAt, r = t > 5e3, i = e.playing ? r ? "stalled" : "playing" : "paused", a = e.playing ? r ? "bg-amber-400/10 text-amber-400" : "bg-success/10 text-success" : "bg-foreground-subtle/10 text-foreground-subtle";
-					return /* @__PURE__ */ y(Q, {
+				a.map((e) => {
+					let t = Date.now() - e.lastRtpAt, i = t > 5e3, a = e.playing ? r(i ? "subscribers.stalled" : "subscribers.playing") : r("subscribers.paused"), o = e.playing ? i ? "bg-amber-400/10 text-amber-400" : "bg-success/10 text-success" : "bg-foreground-subtle/10 text-foreground-subtle";
+					return /* @__PURE__ */ b(Q, {
 						kind: "RTSP",
 						kindClass: "bg-warning/10 text-warning",
-						tag: e.userAgent ? K(e.userAgent) : e.remoteAddr,
+						tag: e.userAgent ? J(e.userAgent) : e.remoteAddr,
 						state: {
-							text: i + (e.muted ? " · muted" : ""),
-							className: a
+							text: e.muted ? r("subscribers.stateMuted", { state: a }) : a,
+							className: o
 						},
-						metrics: [Fe(e.bytesSent), `last rtp ${Z(t)} ago`],
+						metrics: [Z(e.bytesSent), r("subscribers.lastRtp", { age: X(t) })],
 						age: Date.now() - e.connectedAt,
 						onKill: n ? () => n({
 							channel: "rtsp",
@@ -1795,203 +2132,193 @@ function Ie({ clients: e, encodedCount: t, onKill: n }) {
 						}) : void 0
 					}, `r-${e.sessionId}`);
 				}),
-				a.map((e) => {
-					let t = e.attribution, n = we[t.kind] ?? "bg-foreground-subtle/10 text-foreground-subtle", r = t.sessionId ? t.sessionId.slice(0, 8) : null, i = [];
-					t.label && i.push(t.label), r && i.push(`sess ${r}`), t.userId && i.push(`user ${t.userId.slice(0, 8)}`), t.remoteAddr && i.push(`@${t.remoteAddr}`), t.userAgent && i.push(K(t.userAgent));
-					let a = i.length > 0 ? i.join(" · ") : Ee(t.kind), o = [];
-					return t.media && o.push({ text: t.media }), t.targetCodec && o.push(t.targetCodec), t.transport && o.push(t.transport), o.push(`${e.packetsDelivered} pkts`), /* @__PURE__ */ y(Q, {
+				o.map((e) => {
+					let t = e.attribution, n = Ce[t.kind] ?? "bg-foreground-subtle/10 text-foreground-subtle", i = t.sessionId ? t.sessionId.slice(0, 8) : null, a = [];
+					t.label && a.push(t.label), i && a.push(r("subscribers.session", { id: i })), t.userId && a.push(r("subscribers.user", { id: t.userId.slice(0, 8) })), t.remoteAddr && a.push(`@${t.remoteAddr}`), t.userAgent && a.push(J(t.userAgent));
+					let o = a.length > 0 ? a.join(" · ") : Ee(t.kind), s = [];
+					return t.media && s.push({ text: t.media }), t.targetCodec && s.push(t.targetCodec), t.transport && s.push(t.transport), s.push(r("subscribers.pkts", { count: e.packetsDelivered })), /* @__PURE__ */ b(Q, {
 						kind: Te(t.kind),
 						kindClass: n,
-						tag: a,
-						metrics: o,
+						tag: o,
+						metrics: s,
 						age: Date.now() - e.subscribedAt
 					}, e.id);
 				}),
-				a.length === 0 && t > 0 && /* @__PURE__ */ b("div", {
+				o.length === 0 && t > 0 && /* @__PURE__ */ x("div", {
 					className: "py-0.5 text-[10px] text-foreground-subtle",
-					children: [
-						/* @__PURE__ */ y("span", {
-							className: "inline-block px-1 rounded text-[9px] font-bold bg-foreground-subtle/10 text-foreground-subtle mr-2",
-							children: "ENCODED"
-						}),
-						t,
-						" callback subscriber(s)"
-					]
+					children: [/* @__PURE__ */ b("span", {
+						className: "inline-block px-1 rounded text-[9px] font-bold bg-foreground-subtle/10 text-foreground-subtle mr-2",
+						children: r("subscribers.kindEncoded")
+					}), r("subscribers.callbackCount", { count: t })]
 				})
 			]
 		})]
 	});
 }
 function Q({ kind: e, kindClass: t, tag: n, state: r, metrics: i, age: a, onKill: o }) {
-	return /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ x("div", {
 		className: "flex flex-col gap-y-0.5 py-0.5 text-[10px] @[420px]:flex-row @[420px]:items-center @[420px]:gap-2",
 		children: [
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ x("div", {
 				className: "flex items-center gap-2 min-w-0 @[420px]:flex-1",
 				children: [
-					/* @__PURE__ */ y("span", {
+					/* @__PURE__ */ b("span", {
 						className: `inline-block px-1 rounded text-[9px] font-bold shrink-0 w-14 text-center ${t}`,
 						children: e
 					}),
-					/* @__PURE__ */ y("span", {
+					/* @__PURE__ */ b("span", {
 						className: "text-foreground font-medium truncate min-w-0 flex-1",
 						title: n,
 						children: n
 					}),
-					o && /* @__PURE__ */ y("div", {
+					o && /* @__PURE__ */ b("div", {
 						className: "shrink-0 flex items-center justify-end @[420px]:hidden",
-						children: /* @__PURE__ */ y($, { onClick: o })
+						children: /* @__PURE__ */ b($, { onClick: o })
 					})
 				]
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ x("div", {
 				className: "flex items-center flex-wrap gap-1.5 text-foreground-subtle pl-16 @[420px]:pl-0 @[420px]:flex-nowrap @[420px]:shrink-0",
 				children: [
-					r && /* @__PURE__ */ y("span", {
+					r && /* @__PURE__ */ b("span", {
 						className: `text-[9px] px-1 rounded shrink-0 ${r.className}`,
 						children: r.text
 					}),
-					i.map((e, t) => /* @__PURE__ */ b("span", {
+					i.map((e, t) => /* @__PURE__ */ x("span", {
 						className: "whitespace-nowrap",
-						children: [t > 0 && /* @__PURE__ */ y("span", {
+						children: [t > 0 && /* @__PURE__ */ b("span", {
 							className: "mr-1.5 text-foreground-subtle/50",
 							children: "·"
-						}), typeof e == "string" ? e : /* @__PURE__ */ y("span", {
+						}), typeof e == "string" ? e : /* @__PURE__ */ b("span", {
 							className: e.warn ? "text-amber-400" : "",
 							children: e.text
 						})]
 					}, t)),
-					/* @__PURE__ */ b("span", {
+					/* @__PURE__ */ x("span", {
 						className: "text-foreground-subtle/70 whitespace-nowrap",
-						children: ["· ", Z(a)]
+						children: ["· ", X(a)]
 					})
 				]
 			}),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ b("div", {
 				className: "hidden @[420px]:flex w-5 flex-shrink-0 items-center justify-end",
-				children: o ? /* @__PURE__ */ y($, { onClick: o }) : null
+				children: o ? /* @__PURE__ */ b($, { onClick: o }) : null
 			})
 		]
 	});
 }
-function Le({ count: e, clients: t, onKill: n }) {
-	let r = t?.audio ?? [], i = t ? t.encodedSubscribers : 0, a = r.length > 0 || i > 0, o = /* @__PURE__ */ y("span", {
-		className: `text-foreground ${a ? "underline decoration-dotted decoration-foreground-subtle/50 underline-offset-2 cursor-help" : ""}`,
+function Ie({ count: e, clients: t, onKill: n }) {
+	let { t: r } = z(), i = t?.audio ?? [], a = t ? t.encodedSubscribers : 0, o = i.length > 0 || a > 0, s = /* @__PURE__ */ b("span", {
+		className: `text-foreground ${o ? "underline decoration-dotted decoration-foreground-subtle/50 underline-offset-2 cursor-help" : ""}`,
 		children: e
 	});
-	return a ? /* @__PURE__ */ y(Pe, {
-		trigger: o,
-		content: /* @__PURE__ */ b(x, { children: [r.length > 0 && /* @__PURE__ */ b("div", {
+	return o ? /* @__PURE__ */ b(Pe, {
+		trigger: s,
+		content: /* @__PURE__ */ x(S, { children: [i.length > 0 && /* @__PURE__ */ x("div", {
 			className: "mb-2",
-			children: [/* @__PURE__ */ y("div", {
+			children: [/* @__PURE__ */ b("div", {
 				className: "text-foreground-subtle uppercase text-[9px] tracking-wider mb-1",
-				children: "Audio subscribers"
-			}), r.map((e, t) => /* @__PURE__ */ b("div", {
+				children: r("subscribers.audioHeading")
+			}), i.map((e, t) => /* @__PURE__ */ x("div", {
 				className: "flex items-center justify-between gap-2 py-0.5",
-				children: [/* @__PURE__ */ y("span", {
+				children: [/* @__PURE__ */ b("span", {
 					className: "text-foreground font-medium truncate",
-					children: e.tag || "unknown"
-				}), /* @__PURE__ */ b("span", {
+					children: e.tag || r("subscribers.unknown")
+				}), /* @__PURE__ */ x("span", {
 					className: "text-foreground-subtle text-[9px] flex items-center gap-1.5 shrink-0",
 					children: [
-						/* @__PURE__ */ b("span", { children: [e.chunksDelivered, " chunks"] }),
-						/* @__PURE__ */ y("span", { children: "·" }),
-						/* @__PURE__ */ y("span", { children: Z(Date.now() - e.subscribedAt) }),
-						n && e.tag && /* @__PURE__ */ y($, { onClick: () => n({
+						/* @__PURE__ */ b("span", { children: r("subscribers.chunks", { count: e.chunksDelivered }) }),
+						/* @__PURE__ */ b("span", { children: "·" }),
+						/* @__PURE__ */ b("span", { children: X(Date.now() - e.subscribedAt) }),
+						n && e.tag && /* @__PURE__ */ b($, { onClick: () => n({
 							channel: "audio",
 							handle: e.tag
 						}) })
 					]
 				})]
 			}, `a-${t}`))]
-		}), i > 0 && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("div", {
+		}), a > 0 && /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("div", {
 			className: "text-foreground-subtle uppercase text-[9px] tracking-wider mb-1",
-			children: "Encoded"
+			children: r("subscribers.encodedHeading")
 		}), /* @__PURE__ */ b("div", {
 			className: "text-foreground",
-			children: [i, " callback subscriber(s)"]
+			children: r("subscribers.callbackCount", { count: a })
 		})] })] }),
 		widthClass: "min-w-[260px] max-w-[360px]"
-	}) : o;
+	}) : s;
 }
-function Re({ enabled: e, known: t, onToggle: n, disabled: r }) {
-	return /* @__PURE__ */ y("button", {
+function Le({ enabled: e, known: t, onToggle: n, disabled: r }) {
+	let { t: i } = z();
+	return /* @__PURE__ */ b("button", {
 		type: "button",
 		role: "switch",
 		"aria-checked": t ? e : "mixed",
 		disabled: r,
 		onClick: () => n(!e),
 		className: `relative inline-flex h-3 w-6 shrink-0 items-center rounded-full transition-colors ${t ? e ? "bg-success/60" : "bg-foreground-subtle/30" : "bg-foreground-subtle/20"} ${r ? "opacity-50 cursor-wait" : "cursor-pointer"}`,
-		title: t ? e ? "Pre-buffer enabled — click to disable" : "Pre-buffer disabled — click to enable" : "Pre-buffer — loading",
-		children: /* @__PURE__ */ y("span", { className: `inline-block h-2.5 w-2.5 rounded-full bg-white shadow transition-transform ${e ? "translate-x-3" : "translate-x-0.5"}` })
+		title: i(t ? e ? "prebuffer.enabled" : "prebuffer.disabled" : "prebuffer.loading"),
+		children: /* @__PURE__ */ b("span", { className: `inline-block h-2.5 w-2.5 rounded-full bg-white shadow transition-transform ${e ? "translate-x-3" : "translate-x-0.5"}` })
 	});
 }
 function $({ onClick: e }) {
-	return /* @__PURE__ */ y("button", {
+	let { t } = z();
+	return /* @__PURE__ */ b("button", {
 		type: "button",
-		title: "Force-disconnect this client",
+		title: t("subscribers.kick"),
 		onClick: (t) => {
 			t.stopPropagation(), e();
 		},
 		className: "inline-flex items-center justify-center h-4 w-4 rounded-sm border border-border/60 text-foreground-subtle hover:bg-red-500/10 hover:text-red-400 hover:border-red-500/40 transition-colors",
-		children: /* @__PURE__ */ y(ae, { className: "h-2.5 w-2.5" })
+		children: /* @__PURE__ */ b(ie, { className: "h-2.5 w-2.5" })
 	});
 }
-function ze({ count: e, clients: t, onKill: n }) {
-	let r = t?.rtsp ?? [], i = r.length > 0, a = /* @__PURE__ */ y("span", {
-		className: `text-foreground ${i ? "underline decoration-dotted decoration-foreground-subtle/50 underline-offset-2 cursor-help" : ""}`,
+function Re({ count: e, clients: t, onKill: n }) {
+	let { t: r } = z(), i = t?.rtsp ?? [], a = i.length > 0, o = /* @__PURE__ */ b("span", {
+		className: `text-foreground ${a ? "underline decoration-dotted decoration-foreground-subtle/50 underline-offset-2 cursor-help" : ""}`,
 		children: e
 	});
-	return i ? /* @__PURE__ */ y(Pe, {
-		trigger: a,
-		content: /* @__PURE__ */ b(x, { children: [/* @__PURE__ */ y("div", {
+	return a ? /* @__PURE__ */ b(Pe, {
+		trigger: o,
+		content: /* @__PURE__ */ x(S, { children: [/* @__PURE__ */ b("div", {
 			className: "text-foreground-subtle uppercase text-[9px] tracking-wider mb-1",
-			children: "RTSP sessions"
-		}), r.map((e) => {
-			let t = Date.now() - e.lastRtpAt, r = t > 5e3;
-			return /* @__PURE__ */ b("div", {
+			children: r("subscribers.rtspHeading")
+		}), i.map((e) => {
+			let t = Date.now() - e.lastRtpAt, i = t > 5e3, a = e.playing ? r(i ? "subscribers.stalled" : "subscribers.playing") : r("subscribers.paused");
+			return /* @__PURE__ */ x("div", {
 				className: "py-1 border-b border-border/40 last:border-b-0",
-				children: [/* @__PURE__ */ b("div", {
+				children: [/* @__PURE__ */ x("div", {
 					className: "flex items-center justify-between gap-2",
-					children: [/* @__PURE__ */ y("span", {
+					children: [/* @__PURE__ */ b("span", {
 						className: "text-foreground font-mono",
-						children: e.userAgent ? K(e.userAgent) : e.remoteAddr
-					}), /* @__PURE__ */ b("span", {
+						children: e.userAgent ? J(e.userAgent) : e.remoteAddr
+					}), /* @__PURE__ */ x("span", {
 						className: "flex items-center gap-1 shrink-0",
 						children: [/* @__PURE__ */ b("span", {
-							className: `text-[9px] px-1 rounded ${e.playing ? r ? "bg-amber-400/10 text-amber-400" : "bg-success/10 text-success" : "bg-foreground-subtle/10 text-foreground-subtle"}`,
-							children: [e.playing ? r ? "stalled" : "playing" : "paused", e.muted && " · muted"]
-						}), n && /* @__PURE__ */ y($, { onClick: () => n({
+							className: `text-[9px] px-1 rounded ${e.playing ? i ? "bg-amber-400/10 text-amber-400" : "bg-success/10 text-success" : "bg-foreground-subtle/10 text-foreground-subtle"}`,
+							children: e.muted ? r("subscribers.stateMuted", { state: a }) : a
+						}), n && /* @__PURE__ */ b($, { onClick: () => n({
 							channel: "rtsp",
 							handle: e.sessionId
 						}) })]
 					})]
-				}), /* @__PURE__ */ b("div", {
+				}), /* @__PURE__ */ x("div", {
 					className: "flex items-center justify-between gap-2 text-foreground-subtle text-[9px] mt-0.5",
 					children: [
-						/* @__PURE__ */ b("span", { children: [Fe(e.bytesSent), " sent"] }),
-						/* @__PURE__ */ b("span", { children: [
-							"connected ",
-							Z(Date.now() - e.connectedAt),
-							" ago"
-						] }),
-						/* @__PURE__ */ b("span", { children: [
-							"last rtp ",
-							Z(t),
-							" ago"
-						] })
+						/* @__PURE__ */ b("span", { children: r("subscribers.sent", { bytes: Z(e.bytesSent) }) }),
+						/* @__PURE__ */ b("span", { children: r("subscribers.connected", { age: X(Date.now() - e.connectedAt) }) }),
+						/* @__PURE__ */ b("span", { children: r("subscribers.lastRtp", { age: X(t) }) })
 					]
 				})]
 			}, e.sessionId);
 		})] }),
 		widthClass: "min-w-[300px] max-w-[420px]"
-	}) : a;
+	}) : o;
 }
 //#endregion
 //#region src/stream-broker/widgets/index.tsx
-var Be = {
+var ze = {
 	"stream-broker-panel": De,
-	"ffmpeg-params": he
+	"ffmpeg-params": me
 };
 //#endregion
-export { Be as default };
+export { ze as default };