@camstack/ui-library 1.2.12 → 1.2.13

package/dist/index.cjs

@@ -12644,7 +12644,7 @@ var buttonVariants = cva("inline-flex items-center justify-center rounded-md fon
 			secondary: "bg-surface text-foreground hover:bg-surface-hover",
 			ghost: "hover:bg-surface-hover text-foreground-muted",
 			danger: "bg-danger text-white hover:bg-danger/90",
-			outline: "border border-border bg-transparent hover:bg-surface-hover"
+			outline: "border border-border bg-transparent text-foreground hover:bg-surface-hover"
 		},
 		size: {
 			sm: "h-7 px-2.5 text-xs gap-1.5",
@@ -12949,7 +12949,7 @@ function DialogTrigger({ children, ...props }) {
 * `w-full` (which would overflow/clip a centered dialog); the per-variant
 * `max-w-*` keeps small dialogs small while the cap prevents overflow.
 */
-var contentVariants = cva("fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 m-0 w-[calc(100vw-2rem)] bg-background-elevated border border-border rounded-lg p-4 backdrop:bg-black/50 backdrop:backdrop-blur-sm max-h-[calc(100dvh-2rem)] overflow-y-auto [&:not([open])]:hidden", {
+var contentVariants = cva("fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 m-0 w-[calc(100vw-2rem)] bg-background-elevated text-foreground border border-border rounded-lg p-4 backdrop:bg-black/50 backdrop:backdrop-blur-sm max-h-[calc(100dvh-2rem)] overflow-y-auto [&:not([open])]:hidden", {
 	variants: {
 		width: {
 			sm: "max-w-sm",
@@ -18728,6 +18728,10 @@ var useLocalNetworkList = trpc.localNetwork.list.useQuery;
 var useLocalNetworkGetPreferred = trpc.localNetwork.getPreferred.useQuery;
 /** Generated alias around `trpc.localNetwork.getConnectionEndpoints.useQuery`. */
 var useLocalNetworkGetConnectionEndpoints = trpc.localNetwork.getConnectionEndpoints.useQuery;
+/** Generated alias around `trpc.localNetwork.getNotificationEndpoint.useQuery`. */
+var useLocalNetworkGetNotificationEndpoint = trpc.localNetwork.getNotificationEndpoint.useQuery;
+/** Generated alias around `trpc.localNetwork.setNotificationEndpoint.useMutation`. */
+var useLocalNetworkSetNotificationEndpoint = trpc.localNetwork.setNotificationEndpoint.useMutation;
 /** Generated alias around `trpc.localNetwork.getAllowedAddresses.useQuery`. */
 var useLocalNetworkGetAllowedAddresses = trpc.localNetwork.getAllowedAddresses.useQuery;
 /** Generated alias around `trpc.localNetwork.setAllowedAddresses.useMutation`. */
@@ -19000,6 +19004,12 @@ var usePipelineAnalyticsGetEventStoreFootprint = trpc.pipelineAnalytics.getEvent
 var usePipelineAnalyticsPruneEvents = trpc.pipelineAnalytics.pruneEvents.useMutation;
 /** Generated alias around `trpc.pipelineAnalytics.deleteDeviceEvents.useMutation`. */
 var usePipelineAnalyticsDeleteDeviceEvents = trpc.pipelineAnalytics.deleteDeviceEvents.useMutation;
+/** Generated alias around `trpc.pipelineAnalytics.relocateMedia.useMutation`. */
+var usePipelineAnalyticsRelocateMedia = trpc.pipelineAnalytics.relocateMedia.useMutation;
+/** Generated alias around `trpc.pipelineAnalytics.getMediaRelocateStatus.useQuery`. */
+var usePipelineAnalyticsGetMediaRelocateStatus = trpc.pipelineAnalytics.getMediaRelocateStatus.useQuery;
+/** Generated alias around `trpc.pipelineAnalytics.cancelMediaRelocate.useMutation`. */
+var usePipelineAnalyticsCancelMediaRelocate = trpc.pipelineAnalytics.cancelMediaRelocate.useMutation;
 /** Generated alias around `trpc.pipelineAnalytics.listOpsLog.useQuery`. */
 var usePipelineAnalyticsListOpsLog = trpc.pipelineAnalytics.listOpsLog.useQuery;
 /** Generated alias around `trpc.pipelineAnalytics.getEventMedia.useQuery`. */
@@ -19296,6 +19306,16 @@ var useRecordingPruneFootage = trpc.recording.pruneFootage.useMutation;
 var useRecordingDeleteFootprint = trpc.recording.deleteFootprint.useMutation;
 /** Generated alias around `trpc.recording.listOpsLog.useQuery`. */
 var useRecordingListOpsLog = trpc.recording.listOpsLog.useQuery;
+/** Generated alias around `trpc.recording.renderGif.useMutation`. */
+var useRecordingRenderGif = trpc.recording.renderGif.useMutation;
+/** Generated alias around `trpc.recording.renderClip.useMutation`. */
+var useRecordingRenderClip = trpc.recording.renderClip.useMutation;
+/** Generated alias around `trpc.recording.relocateFootage.useMutation`. */
+var useRecordingRelocateFootage = trpc.recording.relocateFootage.useMutation;
+/** Generated alias around `trpc.recording.getRelocateStatus.useQuery`. */
+var useRecordingGetRelocateStatus = trpc.recording.getRelocateStatus.useQuery;
+/** Generated alias around `trpc.recording.cancelRelocate.useMutation`. */
+var useRecordingCancelRelocate = trpc.recording.cancelRelocate.useMutation;
 /** Generated alias around `trpc.recording.getStatus.useQuery`. */
 var useRecordingGetStatus = trpc.recording.getStatus.useQuery;
 /** Generated alias around `trpc.recording.getDeviceSettingsContribution.useQuery`. */
@@ -19436,6 +19456,8 @@ var useStreamBrokerRetractCameraStream = trpc.streamBroker.retractCameraStream.u
 var useStreamBrokerAssignProfile = trpc.streamBroker.assignProfile.useMutation;
 /** Generated alias around `trpc.streamBroker.unassignProfile.useMutation`. */
 var useStreamBrokerUnassignProfile = trpc.streamBroker.unassignProfile.useMutation;
+/** Generated alias around `trpc.streamBroker.renderPreBufferClip.useMutation`. */
+var useStreamBrokerRenderPreBufferClip = trpc.streamBroker.renderPreBufferClip.useMutation;
 /** Generated alias around `trpc.streamBroker.listAllCameraStreams.useQuery`. */
 var useStreamBrokerListAllCameraStreams = trpc.streamBroker.listAllCameraStreams.useQuery;
 /** Generated alias around `trpc.streamBroker.listAllProfileSlots.useQuery`. */
@@ -34735,315 +34757,108 @@ function AutotrackSection({ deviceId }) {
 }
 //#endregion
 //#region src/composites/cap-settings/recording-config-form.ts
-function emptyRule() {
+/** Every weekday — the `days` of a band that covers the whole week. */
+var ALL_WEEKDAYS = [
+	0,
+	1,
+	2,
+	3,
+	4,
+	5,
+	6
+];
+/** The full-day span of an always-on band (`HH:MM`, 23:59 = end of day). */
+var ALL_DAY_START = "00:00";
+var ALL_DAY_END = "23:59";
+/** A band covering every day, all day, in `mode` — what the Base tab authors. */
+function alwaysBand(mode, rest) {
 	return {
-		schedule: { kind: "always" },
-		mode: "continuous",
-		preBufferSec: 0,
-		postBufferSec: 0,
-		resetTimeoutOnNewEvent: true
+		days: [...ALL_WEEKDAYS],
+		start: ALL_DAY_START,
+		end: ALL_DAY_END,
+		mode,
+		...rest
 	};
 }
-function isTriggerMode(mode) {
-	return mode === "onMotion" || mode === "onAudioThreshold";
+/** A fresh row for the Advanced band table: every day, office hours, continuous. */
+function emptyBand() {
+	return {
+		days: [...ALL_WEEKDAYS],
+		start: "09:00",
+		end: "18:00",
+		mode: "continuous"
+	};
 }
-function withRuleAt(rules, index, patch) {
-	return rules.map((r, i) => i === index ? {
-		...r,
+function withBandAt(bands, index, patch) {
+	return bands.map((band, i) => i === index ? {
+		...band,
 		...patch
-	} : r);
+	} : band);
+}
+function removeBandAt(bands, index) {
+	return bands.filter((_, i) => i !== index);
 }
-function removeRuleAt(rules, index) {
-	return rules.filter((_, i) => i !== index);
+/** Does this band cover the whole week, all day? (the Base-tab shape) */
+function isAlwaysBand(band) {
+	return (band.days.length === 0 || ALL_WEEKDAYS.every((d) => band.days.includes(d))) && band.start === "00:00" && band.end === "23:59";
 }
-/** Recording bands normalized: explicit `schedules[]` wins, the deprecated
-*  singular `schedule` is lifted, absent = empty (= always). */
-function bandsOf(cfg) {
-	if (cfg.schedules && cfg.schedules.length > 0) return [...cfg.schedules];
-	if (cfg.schedule) return [cfg.schedule];
-	return [];
+/**
+* A config is "advanced" when its bands cannot be expressed by the Base tab —
+* i.e. more than one band, or a single band restricted in time or weekday. Such
+* a config opens directly in the Advanced band table so nothing is silently
+* flattened by the simpler form.
+*/
+function isAdvancedConfig(cfg) {
+	if (cfg.bands.length > 1) return true;
+	const [only] = cfg.bands;
+	return only !== void 0 && !isAlwaysBand(only);
 }
-/** Read a persisted/migrated config into the Basic form state. `mode` is read
-*  directly; a legacy mode-less config falls back to continuous/off by `enabled`. */
+/**
+* Read a persisted config into the Basic form state. `mode` is DERIVED from the
+* bands by the same function the recorder stamps `config.mode` with; the
+* `events` parameters come from the first events band, so re-opening the form
+* shows what is actually recorded.
+*/
 function formStateFromConfig(cfg) {
+	const eventsBand = cfg.bands.find((band) => band.mode === "events");
 	return {
-		mode: cfg.mode ?? (cfg.enabled ? "continuous" : "off"),
+		mode: (0, _camstack_types.deriveRecordingMode)(cfg),
 		profiles: cfg.profiles,
 		segmentSeconds: cfg.segmentSeconds,
-		schedules: bandsOf(cfg),
-		triggers: cfg.triggers ?? {},
-		preBufferSec: cfg.preBufferSec,
-		postBufferSec: cfg.postBufferSec,
+		triggers: eventsBand?.triggers ?? {},
+		preBufferSec: eventsBand?.preBufferSec,
+		postBufferSec: eventsBand?.postBufferSec,
 		retention: cfg.retention,
 		scrubThumbnails: cfg.scrubThumbnails
 	};
 }
-/** Serialize the Basic form state back to the wire config. `enabled` is derived
-*  from `mode`; `rules`/singular `schedule` are never emitted. Schedules,
-*  triggers and buffers are preserved even when off so they survive a re-enable. */
+/**
+* Serialize the Basic form state to the wire config: one always-on band of the
+* chosen mode, none when `off`. `enabled` follows the mode; `mode` itself is
+* NOT sent — the recorder stamps it as the derived summary of the bands.
+*/
 function configFromFormState(state) {
 	return {
 		enabled: state.mode !== "off",
-		mode: state.mode,
+		bands: bandsFromFormState(state),
 		profiles: state.profiles ? [...state.profiles] : void 0,
 		segmentSeconds: state.segmentSeconds,
-		schedules: state.schedules.length > 0 ? [...state.schedules] : void 0,
-		triggers: Object.keys(state.triggers).length > 0 ? state.triggers : void 0,
-		preBufferSec: state.preBufferSec,
-		postBufferSec: state.postBufferSec,
 		retention: state.retention,
 		scrubThumbnails: state.scrubThumbnails
 	};
 }
-/**
-* A config is "advanced" when it carries `rules[]` that the backend could NOT
-* cleanly collapse to a `mode` (the non-destructive `migrateRulesToMode` leaves
-* `mode` absent). The settings UI opens such a config in the Advanced rules tab.
-*/
-function isAdvancedConfig(cfg) {
-	return cfg.mode == null && (cfg.rules?.length ?? 0) > 0;
-}
-//#endregion
-//#region src/composites/cap-settings/RecordingRulesEditor.tsx
-var DAYS = [
-	{
-		d: 0,
-		label: "S"
-	},
-	{
-		d: 1,
-		label: "M"
-	},
-	{
-		d: 2,
-		label: "T"
-	},
-	{
-		d: 3,
-		label: "W"
-	},
-	{
-		d: 4,
-		label: "T"
-	},
-	{
-		d: 5,
-		label: "F"
-	},
-	{
-		d: 6,
-		label: "S"
-	}
-];
-/** Converts a select string value to RecordingMode without a cast. */
-function toMode(v) {
-	return v === "onMotion" || v === "onAudioThreshold" ? v : "continuous";
-}
-/**
-* The rule patch to apply when the mode changes, normalising the fields that
-* only apply to certain modes so a saved rule never carries stale values:
-* `continuous` drops the pre/post buffers + threshold; trigger modes drop the
-* threshold unless it's `onAudioThreshold`, which is seeded to -30 dBFS when
-* unset so the displayed default is the value actually persisted.
-*/
-function modePatch(rule, mode) {
-	if (mode === "onAudioThreshold") return {
-		mode,
-		thresholdDbfs: rule.thresholdDbfs ?? -30
-	};
-	if (mode === "onMotion") return {
-		mode,
-		thresholdDbfs: void 0
-	};
-	return {
-		mode,
-		preBufferSec: 0,
-		postBufferSec: 0,
-		thresholdDbfs: void 0
-	};
-}
-function TimeOfDayRow({ schedule, onChange }) {
-	const toggleDay = (d) => {
-		const cur = schedule.days ?? [
-			0,
-			1,
-			2,
-			3,
-			4,
-			5,
-			6
-		];
-		const days = cur.includes(d) ? cur.filter((x) => x !== d) : [...cur, d].toSorted((a, b) => a - b);
-		onChange({
-			...schedule,
-			days
-		});
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "flex flex-wrap items-center gap-2 text-xs",
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-				type: "time",
-				value: schedule.start,
-				onChange: (e) => onChange({
-					...schedule,
-					start: e.target.value
-				}),
-				className: "rounded-md border border-border bg-background px-2 py-1 text-xs"
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "–" }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-				type: "time",
-				value: schedule.end,
-				onChange: (e) => onChange({
-					...schedule,
-					end: e.target.value
-				}),
-				className: "rounded-md border border-border bg-background px-2 py-1 text-xs"
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "flex gap-1",
-				children: DAYS.map(({ d, label }) => {
-					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-						type: "button",
-						onClick: () => toggleDay(d),
-						className: `h-6 w-6 rounded text-[10px] ${!schedule.days || schedule.days.includes(d) ? "bg-primary text-primary-foreground" : "bg-surface-hover text-foreground-subtle"}`,
-						children: label
-					}, d);
-				})
-			})
-		]
-	});
-}
-function RecordingRulesEditor({ rules, onChange }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "space-y-2",
-		children: [
-			rules.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "text-xs text-foreground-subtle",
-				children: "No rules — recording is continuous (always) when enabled."
-			}) : null,
-			rules.map((rule, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "space-y-2 rounded-lg border border-border bg-surface p-3",
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "flex items-center justify-between gap-2",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-							className: "rounded-md border border-border bg-background px-2 py-1 text-xs",
-							value: rule.schedule.kind,
-							onChange: (e) => {
-								onChange(withRuleAt(rules, i, { schedule: e.target.value === "timeOfDay" ? {
-									kind: "timeOfDay",
-									start: "00:00",
-									end: "23:59"
-								} : { kind: "always" } }));
-							},
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-								value: "always",
-								children: "Always"
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-								value: "timeOfDay",
-								children: "Time of day"
-							})]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							type: "button",
-							onClick: () => onChange(removeRuleAt(rules, i)),
-							className: "text-foreground-subtle hover:text-red-500",
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(X, { className: "h-4 w-4" })
-						})]
-					}),
-					rule.schedule.kind === "timeOfDay" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TimeOfDayRow, {
-						schedule: rule.schedule,
-						onChange: (schedule) => onChange(withRuleAt(rules, i, { schedule }))
-					}) : null,
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "flex flex-wrap items-center gap-2 text-xs",
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-								className: "rounded-md border border-border bg-background px-2 py-1 text-xs",
-								value: rule.mode,
-								onChange: (e) => onChange(withRuleAt(rules, i, modePatch(rule, toMode(e.target.value)))),
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-										value: "continuous",
-										children: "Continuous"
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-										value: "onMotion",
-										children: "On motion"
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-										value: "onAudioThreshold",
-										children: "On audio"
-									})
-								]
-							}),
-							isTriggerMode(rule.mode) ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-									className: "flex items-center gap-1",
-									children: [
-										"pre",
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-											type: "number",
-											min: 0,
-											value: rule.preBufferSec,
-											onChange: (e) => onChange(withRuleAt(rules, i, { preBufferSec: Number(e.target.value) })),
-											className: "w-14 rounded-md border border-border bg-background px-1 py-1 text-xs"
-										}),
-										"s"
-									]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-									className: "flex items-center gap-1",
-									children: [
-										"post",
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-											type: "number",
-											min: 0,
-											value: rule.postBufferSec,
-											onChange: (e) => onChange(withRuleAt(rules, i, { postBufferSec: Number(e.target.value) })),
-											className: "w-14 rounded-md border border-border bg-background px-1 py-1 text-xs"
-										}),
-										"s"
-									]
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-									className: "flex items-center gap-1",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-										type: "checkbox",
-										checked: rule.resetTimeoutOnNewEvent,
-										onChange: (e) => onChange(withRuleAt(rules, i, { resetTimeoutOnNewEvent: e.target.checked }))
-									}), "reset"]
-								})
-							] }) : null,
-							rule.mode === "onAudioThreshold" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-								className: "flex items-center gap-1",
-								children: [
-									"thr",
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-										type: "number",
-										value: rule.thresholdDbfs ?? -30,
-										onChange: (e) => onChange(withRuleAt(rules, i, { thresholdDbfs: Number(e.target.value) })),
-										className: "w-16 rounded-md border border-border bg-background px-1 py-1 text-xs"
-									}),
-									"dBFS"
-								]
-							}) : null
-						]
-					})
-				]
-			}, i)),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-				type: "button",
-				onClick: () => onChange([...rules, emptyRule()]),
-				className: "flex items-center gap-1 rounded-md border border-dashed border-border px-3 py-1.5 text-xs text-foreground-subtle hover:border-primary hover:text-foreground",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Plus, { className: "h-3.5 w-3.5" }), " Add rule"]
-			})
-		]
-	});
+/** The Base tab's bands: one always-on band of the chosen mode (none = off). */
+function bandsFromFormState(state) {
+	if (state.mode === "off") return [];
+	if (state.mode === "continuous") return [alwaysBand("continuous")];
+	return [alwaysBand("events", {
+		...Object.keys(state.triggers).length > 0 ? { triggers: state.triggers } : {},
+		...state.preBufferSec !== void 0 ? { preBufferSec: state.preBufferSec } : {},
+		...state.postBufferSec !== void 0 ? { postBufferSec: state.postBufferSec } : {}
+	})];
 }
 //#endregion
-//#region src/composites/cap-settings/ScheduleBandsEditor.tsx
+//#region src/composites/cap-settings/RecordingBandsEditor.tsx
 /** Weekday chips in display order (Mon→Sun); value is `Date.getDay()` (0=Sun). */
 var WEEKDAYS = [
 	{
@@ -35075,115 +34890,177 @@ var WEEKDAYS = [
 		label: "Sun"
 	}
 ];
-function newBand() {
-	return {
-		kind: "timeOfDay",
-		start: "09:00",
-		end: "18:00"
-	};
-}
-function ScheduleBandsEditor({ schedules, onChange }) {
-	const replaceAt = (i, band) => onChange(schedules.map((s, idx) => idx === i ? band : s));
-	const removeAt = (i) => onChange(schedules.filter((_, idx) => idx !== i));
-	const addBand = () => onChange([...schedules, newBand()]);
+var BAND_MODES = [{
+	value: "continuous",
+	label: "Continuous"
+}, {
+	value: "events",
+	label: "Events"
+}];
+/**
+* The band table — the ONLY authoring surface for recording intent since the
+* legacy mode/schedules/triggers/rules model was retired (2026-07-30).
+*
+* Each row is one `RecordingBand`: when it applies (weekdays + `HH:MM` span,
+* `end <= start` wraps past midnight) and how it records (continuous, or events
+* with its own triggers and pre/post buffers). No band covering *now* = nothing
+* is recorded then; "off" is the absence of a band, never a band value.
+*/
+function RecordingBandsEditor({ bands, onChange }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "space-y-2",
-		children: [schedules.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		children: [bands.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 			className: "text-[11px] text-foreground-subtle",
-			children: "Always (24/7) — add a band to restrict hours."
-		}) : schedules.map((band, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BandRow, {
+			children: "No bands — nothing is recorded. Add one to start."
+		}) : bands.map((band, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BandRow, {
 			band,
-			onChange: (b) => replaceAt(i, b),
-			onRemove: () => removeAt(i)
+			onChange: (patch) => onChange(withBandAt(bands, i, patch)),
+			onRemove: () => onChange(removeBandAt(bands, i))
 		}, i)), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 			type: "button",
-			onClick: addBand,
+			onClick: () => onChange([...bands, emptyBand()]),
 			className: "flex items-center gap-1 rounded-md bg-surface-hover px-2 py-1 text-[11px] text-foreground-subtle hover:text-foreground",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Plus, { className: "h-3 w-3" }), " Add band"]
 		})]
 	});
 }
+function numOrUndef(value) {
+	return value === "" ? void 0 : Number(value);
+}
 function BandRow({ band, onChange, onRemove }) {
-	if (band.kind === "always") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "flex items-center gap-2 text-xs",
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "flex-1",
-				children: "Always"
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-				type: "button",
-				onClick: () => onChange(newBand()),
-				className: "text-foreground-subtle hover:text-foreground underline",
-				children: "Set band"
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-				type: "button",
-				onClick: onRemove,
-				"aria-label": "Remove band",
-				className: "text-foreground-subtle hover:text-red-500",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Trash2, { className: "h-3.5 w-3.5" })
-			})
-		]
-	});
-	const days = band.days ?? [];
 	const toggleDay = (value) => {
-		const next = days.includes(value) ? days.filter((d) => d !== value) : [...days, value];
-		onChange({
-			...band,
-			days: next.length > 0 ? next : void 0
-		});
+		const current = band.days.length === 0 ? WEEKDAYS.map((d) => d.value) : band.days;
+		onChange({ days: current.includes(value) ? current.filter((d) => d !== value) : [...current, value] });
 	};
+	const setTriggers = (patch) => onChange({ triggers: {
+		...band.triggers,
+		...patch
+	} });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "space-y-1.5 rounded-md border border-border p-2",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "flex items-center gap-2 text-xs",
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-					type: "time",
-					value: band.start,
-					onChange: (e) => onChange({
-						...band,
-						start: e.target.value
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-wrap items-center gap-2 text-xs",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						type: "time",
+						"aria-label": "Band start",
+						value: band.start,
+						onChange: (e) => onChange({ start: e.target.value }),
+						className: "rounded-md border border-border bg-background px-1 py-0.5"
 					}),
-					className: "rounded-md border border-border bg-background px-1 py-0.5"
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "text-foreground-subtle",
-					children: "→"
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-					type: "time",
-					value: band.end,
-					onChange: (e) => onChange({
-						...band,
-						end: e.target.value
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "text-foreground-subtle",
+						children: "→"
 					}),
-					className: "rounded-md border border-border bg-background px-1 py-0.5"
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "flex-1" }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-					type: "button",
-					onClick: onRemove,
-					"aria-label": "Remove band",
-					className: "text-foreground-subtle hover:text-red-500",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Trash2, { className: "h-3.5 w-3.5" })
-				})
-			]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "flex flex-wrap gap-1",
-			children: [WEEKDAYS.map((d) => {
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-					type: "button",
-					onClick: () => toggleDay(d.value),
-					className: `rounded px-1.5 py-0.5 text-[10px] ${days.includes(d.value) ? "bg-primary text-primary-foreground" : "bg-surface-hover text-foreground-subtle"}`,
-					children: d.label
-				}, d.value);
-			}), days.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "self-center text-[10px] text-foreground-subtle",
-				children: "every day"
-			}) : null]
-		})]
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						type: "time",
+						"aria-label": "Band end",
+						value: band.end,
+						onChange: (e) => onChange({ end: e.target.value }),
+						className: "rounded-md border border-border bg-background px-1 py-0.5"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "flex gap-1",
+						children: BAND_MODES.map((m) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							onClick: () => onChange({ mode: m.value }),
+							className: `rounded px-2 py-0.5 ${band.mode === m.value ? "bg-primary text-primary-foreground" : "bg-surface-hover text-foreground-subtle"}`,
+							children: m.label
+						}, m.value))
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "flex-1" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						onClick: onRemove,
+						"aria-label": "Remove band",
+						className: "text-foreground-subtle hover:text-red-500",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Trash2, { className: "h-3.5 w-3.5" })
+					})
+				]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-wrap gap-1",
+				children: [WEEKDAYS.map((d) => {
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						onClick: () => toggleDay(d.value),
+						className: `rounded px-1.5 py-0.5 text-[10px] ${band.days.length === 0 || band.days.includes(d.value) ? "bg-primary text-primary-foreground" : "bg-surface-hover text-foreground-subtle"}`,
+						children: d.label
+					}, d.value);
+				}), band.days.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "self-center text-[10px] text-foreground-subtle",
+					children: "every day"
+				}) : null]
+			}),
+			band.mode === "events" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "space-y-1.5 border-t border-border pt-1.5",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "flex items-center gap-2 text-xs",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "checkbox",
+							checked: band.triggers?.motion ?? false,
+							onChange: (e) => setTriggers({ motion: e.target.checked ? true : void 0 })
+						}), "Motion"]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "flex items-center gap-2 text-xs",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								type: "checkbox",
+								checked: band.triggers?.audioThresholdDbfs != null,
+								onChange: (e) => setTriggers({ audioThresholdDbfs: e.target.checked ? -30 : void 0 })
+							}),
+							"Audio above threshold",
+							band.triggers?.audioThresholdDbfs != null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								type: "number",
+								"aria-label": "Audio threshold dBFS",
+								value: band.triggers.audioThresholdDbfs,
+								onChange: (e) => setTriggers({ audioThresholdDbfs: numOrUndef(e.target.value) }),
+								className: "w-16 rounded-md border border-border bg-background px-1 py-0.5 text-xs"
+							}) : null,
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "text-foreground-subtle",
+								children: "dBFS"
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex flex-wrap items-center gap-3 text-xs",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							className: "flex items-center gap-1",
+							children: [
+								"Pre-buffer",
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "number",
+									min: 0,
+									value: band.preBufferSec ?? "",
+									placeholder: "0",
+									onChange: (e) => onChange({ preBufferSec: numOrUndef(e.target.value) }),
+									className: "w-16 rounded-md border border-border bg-background px-1 py-1 text-xs"
+								}),
+								"s"
+							]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+							className: "flex items-center gap-1",
+							children: [
+								"Post-buffer",
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									type: "number",
+									min: 0,
+									value: band.postBufferSec ?? "",
+									placeholder: "0",
+									onChange: (e) => onChange({ postBufferSec: numOrUndef(e.target.value) }),
+									className: "w-16 rounded-md border border-border bg-background px-1 py-1 text-xs"
+								}),
+								"s"
+							]
+						})]
+					})
+				]
+			}) : null
+		]
 	});
 }
 //#endregion
@@ -35207,16 +35084,15 @@ var MODES = [
 		label: "Continuous"
 	}
 ];
-function RecordingSettings({ initial, saving, onSave }) {
+function RecordingSettings({ initial, saving, onSave, onRegenerateStrips, regeneratingStrips }) {
 	const [tab, setTab] = (0, react$1.useState)(isAdvancedConfig(initial) ? "advanced" : "base");
 	const [base, setBase] = (0, react$1.useState)(formStateFromConfig(initial));
-	const [advEnabled, setAdvEnabled] = (0, react$1.useState)(initial.enabled);
-	const [rules, setRules] = (0, react$1.useState)(initial.rules ? [...initial.rules] : []);
+	const [bands, setBands] = (0, react$1.useState)([...initial.bands]);
 	const [common, setCommon] = (0, react$1.useState)({
 		profiles: initial.profiles,
 		segmentSeconds: initial.segmentSeconds,
 		retention: initial.retention,
-		scrubThumbnails: initial.scrubThumbnails
+		stripsEnabled: initial.stripsEnabled
 	});
 	const ret = common.retention ?? {};
 	const setRet = (patch) => setCommon({
@@ -35227,10 +35103,6 @@ function RecordingSettings({ initial, saving, onSave }) {
 		}
 	});
 	const numOrUndef = (v) => v === "" ? void 0 : Number(v);
-	const parsePreset = (v) => {
-		const parsed = _camstack_types.ScrubThumbnailPresetSchema.safeParse(v);
-		return parsed.success ? parsed.data : _camstack_types.DEFAULT_SCRUB_THUMBNAIL_PRESET;
-	};
 	const toggleProfile = (p) => {
 		const cur = common.profiles ?? [...PROFILES];
 		const next = cur.includes(p) ? cur.filter((x) => x !== p) : [...cur, p];
@@ -35247,24 +35119,31 @@ function RecordingSettings({ initial, saving, onSave }) {
 		}
 	});
 	const switchTab = (next) => {
-		if (next === "advanced" && rules.length === 0) setRules([emptyRule()]);
+		if (next === "advanced") setBands(bandsFromFormState(base));
+		else setBase(formStateFromConfig({
+			enabled: bands.length > 0,
+			bands
+		}));
 		setTab(next);
 	};
 	const handleSave = () => {
-		if (tab === "base") onSave(configFromFormState({
-			...base,
-			profiles: common.profiles,
-			segmentSeconds: common.segmentSeconds,
-			retention: common.retention,
-			scrubThumbnails: common.scrubThumbnails
-		}));
-		else onSave({
-			enabled: advEnabled,
-			rules,
+		const shared = {
 			profiles: common.profiles ? [...common.profiles] : void 0,
 			segmentSeconds: common.segmentSeconds,
 			retention: common.retention,
-			scrubThumbnails: common.scrubThumbnails
+			...common.stripsEnabled === void 0 ? {} : { stripsEnabled: common.stripsEnabled }
+		};
+		if (tab === "base") onSave({
+			...configFromFormState({
+				...base,
+				...shared
+			}),
+			...shared
+		});
+		else onSave({
+			enabled: bands.length > 0,
+			bands,
+			...shared
 		});
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -35276,7 +35155,7 @@ function RecordingSettings({ initial, saving, onSave }) {
 					type: "button",
 					onClick: () => switchTab(t),
 					className: `rounded px-2.5 py-1 ${tab === t ? "bg-primary text-primary-foreground" : "bg-surface-hover text-foreground-subtle"}`,
-					children: t === "base" ? "Base" : "Advanced (rules)"
+					children: t === "base" ? "Base" : "Advanced (bands)"
 				}, t))
 			}),
 			tab === "base" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -35297,16 +35176,17 @@ function RecordingSettings({ initial, saving, onSave }) {
 							children: m.label
 						}, m.value))]
 					}),
-					base.mode !== "off" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "mb-1.5 text-[11px] font-semibold uppercase tracking-wider text-foreground-subtle",
-						children: "Time bands"
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScheduleBandsEditor, {
-						schedules: base.schedules,
-						onChange: (schedules) => setBase({
-							...base,
-							schedules
-						})
-					})] }) : null,
+					base.mode !== "off" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+						className: "text-[11px] text-foreground-subtle",
+						children: [
+							"Records 24/7. Use ",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "font-medium",
+								children: "Advanced (bands)"
+							}),
+							" to restrict hours or weekdays, or to mix continuous and event windows."
+						]
+					}) : null,
 					base.mode === "events" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "space-y-2",
 						children: [
@@ -35384,22 +35264,22 @@ function RecordingSettings({ initial, saving, onSave }) {
 						]
 					}) : null
 				]
-			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "space-y-4",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-					className: "flex items-center gap-2 text-xs",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-						type: "checkbox",
-						checked: advEnabled,
-						onChange: (e) => setAdvEnabled(e.target.checked)
-					}), "Record this camera"]
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "mb-1.5 text-[11px] font-semibold uppercase tracking-wider text-foreground-subtle",
-					children: "Rules"
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RecordingRulesEditor, {
-					rules,
-					onChange: setRules
-				})] })]
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "mb-1.5 text-[11px] font-semibold uppercase tracking-wider text-foreground-subtle",
+						children: "Recording bands"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RecordingBandsEditor, {
+						bands,
+						onChange: setBands
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "mt-1.5 text-[11px] text-foreground-subtle",
+						children: "A band says WHEN to record and HOW. Nothing is recorded outside every band — an empty table means this camera is off."
+					})
+				] })
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "flex flex-wrap items-center gap-4 text-xs",
@@ -35438,27 +35318,30 @@ function RecordingSettings({ initial, saving, onSave }) {
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 						className: "flex items-center gap-1",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "text-foreground-subtle",
-							children: "Scrub preview quality"
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
-							value: common.scrubThumbnails ?? _camstack_types.DEFAULT_SCRUB_THUMBNAIL_PRESET,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							type: "checkbox",
+							checked: common.stripsEnabled === true,
 							onChange: (e) => setCommon({
 								...common,
-								scrubThumbnails: parsePreset(e.target.value)
-							}),
-							className: "rounded-md border border-border bg-background px-1 py-1 text-xs",
-							children: _camstack_types.SCRUB_THUMBNAIL_PRESET_ORDER.map((p) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-								value: p,
-								children: _camstack_types.SCRUB_THUMBNAIL_PRESET_LABELS[p]
-							}, p))
+								stripsEnabled: e.target.checked
+							})
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "text-foreground-subtle",
+							children: "Scrub thumbnail strips"
 						})]
-					})
+					}),
+					onRegenerateStrips ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						onClick: onRegenerateStrips,
+						disabled: regeneratingStrips === true,
+						className: "rounded-md border border-border bg-surface-hover px-2 py-1 text-xs text-foreground-subtle transition-colors hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50",
+						children: regeneratingStrips === true ? "Regenerating…" : "Regenerate strips"
+					}) : null
 				]
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				className: "text-[11px] text-foreground-subtle",
-				children: "Timeline scrub-preview resolution + quality. Higher = crisper previews but larger sprite sheets. Applies to NEW recordings only — existing preview sheets keep their original resolution."
+				children: "OPT-IN: save every keyframe of the low recording as a JPEG strip for fluid fast scrubbing. Costs disk (a derived cache, reclaimed with the footage). Regenerate clears and rebuilds the recent days from the segments already on disk."
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "mb-1.5 text-[11px] font-semibold uppercase tracking-wider text-foreground-subtle",
@@ -36707,6 +36590,14 @@ function RecordingPanel({ deviceId }) {
 	const configQuery = useRecordingGetDeviceConfig({ deviceId });
 	const setConfig = useRecordingSetDeviceConfig();
 	const rescanStorage = useRecordingRescanStorage();
+	const customAction = useAddonsCustom();
+	const regenerateStrips = (0, react$1.useCallback)(() => {
+		customAction.mutate({
+			addonId: "recorder",
+			action: "regenerateStrips",
+			input: { deviceId }
+		});
+	}, [customAction, deviceId]);
 	const saveConfig = (config) => {
 		setConfig.mutate({
 			deviceId,
@@ -36748,7 +36639,9 @@ function RecordingPanel({ deviceId }) {
 			children: resolvedConfig ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RecordingSettings, {
 				initial: resolvedConfig,
 				saving: setConfig.isPending,
-				onSave: saveConfig
+				onSave: saveConfig,
+				onRegenerateStrips: regenerateStrips,
+				regeneratingStrips: customAction.isPending
 			}, JSON.stringify(resolvedConfig)) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "px-1 py-2 text-xs text-foreground-subtle",
 				children: "Loading settings…"
@@ -40314,6 +40207,21 @@ function DetectionBoxes({ detections, frameWidth, frameHeight }) {
 }
 //#endregion
 //#region src/composites/camera-stream-player.tsx
+/**
+* Silence (or restore) a live WebRTC stream FOR REAL.
+*
+* `video.muted` alone is not enough: iOS WebKit keeps playing a
+* `MediaStream`'s audio track through a muted element, which is why live audio
+* kept sounding under recorded playback on the viewer. Gating the audio TRACK
+* (`track.enabled`) is what actually stops it, so both are set together — and
+* re-applied at every stream swap, because a freshly-attached stream arrives
+* with its tracks enabled whatever the element says.
+*/
+function applyStreamMute(video, muted) {
+	video.muted = muted;
+	const stream = video.srcObject;
+	if (stream instanceof MediaStream) for (const track of stream.getAudioTracks()) track.enabled = !muted;
+}
 function isTouchDevice() {
 	if (typeof window === "undefined") return false;
 	return window.matchMedia("(hover: none) and (pointer: coarse)").matches || typeof navigator !== "undefined" && navigator.maxTouchPoints > 0 || "ontouchstart" in window;
@@ -40396,6 +40304,11 @@ function CameraStreamPlayer({ serverUrl, streamKey, label, autoPlay = true, mute
 	const [state, setState] = (0, react$1.useState)("idle");
 	const [errorMessage, setErrorMessage] = (0, react$1.useState)("");
 	const [isMuted, setIsMuted] = (0, react$1.useState)(initialMuted);
+	/** Read by the async stream-swap closures: a freshly-promoted stream must
+	*  arrive already respecting the CURRENT mute, not the one captured at
+	*  connect time. */
+	const isMutedRef = (0, react$1.useRef)(isMuted);
+	isMutedRef.current = isMuted;
 	const [isFullscreen, setIsFullscreen] = (0, react$1.useState)(false);
 	const [isPipSupported, setIsPipSupported] = (0, react$1.useState)(false);
 	const isTouch = isTouchDevice();
@@ -40525,6 +40438,7 @@ function CameraStreamPlayer({ serverUrl, streamKey, label, autoPlay = true, mute
 				pcRef.current = pc;
 				if (videoRef.current) {
 					videoRef.current.srcObject = combinedStream;
+					applyStreamMute(videoRef.current, isMutedRef.current);
 					videoRef.current.play().catch(() => {});
 				}
 				if (oldPc && oldPc !== pc) try {
@@ -40544,6 +40458,7 @@ function CameraStreamPlayer({ serverUrl, streamKey, label, autoPlay = true, mute
 				}
 				if (videoRef.current) {
 					videoRef.current.srcObject = combinedStream;
+					applyStreamMute(videoRef.current, isMutedRef.current);
 					videoRef.current.play().catch(() => {});
 				}
 			};
@@ -40630,6 +40545,7 @@ function CameraStreamPlayer({ serverUrl, streamKey, label, autoPlay = true, mute
 				whepStream.addTrack(event.track);
 				if (videoRef.current) {
 					videoRef.current.srcObject = whepStream;
+					applyStreamMute(videoRef.current, isMutedRef.current);
 					videoRef.current.play().catch(() => {});
 				}
 			};
@@ -40702,6 +40618,7 @@ function CameraStreamPlayer({ serverUrl, streamKey, label, autoPlay = true, mute
 				pcRef.current = pc;
 				if (videoRef.current) {
 					videoRef.current.srcObject = combinedStream;
+					applyStreamMute(videoRef.current, isMutedRef.current);
 					videoRef.current.play().catch(() => {});
 				}
 				if (oldPc && oldPc !== pc) try {
@@ -40722,6 +40639,7 @@ function CameraStreamPlayer({ serverUrl, streamKey, label, autoPlay = true, mute
 				}
 				if (videoRef.current) {
 					videoRef.current.srcObject = combinedStream;
+					applyStreamMute(videoRef.current, isMutedRef.current);
 					videoRef.current.play().catch(() => {});
 				}
 			};
@@ -41046,7 +40964,7 @@ function CameraStreamPlayer({ serverUrl, streamKey, label, autoPlay = true, mute
 			mountedRef.current = false;
 			cleanup();
 		};
-	}, [serverUrl, streamKey]);
+	}, []);
 	const hasSignaledRef = (0, react$1.useRef)(false);
 	(0, react$1.useEffect)(() => {
 		if (!autoPlay) return;
@@ -41084,6 +41002,23 @@ function CameraStreamPlayer({ serverUrl, streamKey, label, autoPlay = true, mute
 		}
 		connect();
 	};
+	const prevServerUrlRef = (0, react$1.useRef)(serverUrl);
+	const prevStreamKeyRef = (0, react$1.useRef)(streamKey);
+	(0, react$1.useEffect)(() => {
+		const serverChanged = prevServerUrlRef.current !== serverUrl;
+		const keyChanged = prevStreamKeyRef.current !== streamKey;
+		prevServerUrlRef.current = serverUrl;
+		prevStreamKeyRef.current = streamKey;
+		if (!serverChanged && !keyChanged) return;
+		if (!mountedRef.current) return;
+		reconnectAttemptsRef.current = 0;
+		if (serverChanged) {
+			cleanup();
+			connect();
+			return;
+		}
+		handleSeamlessReconnect();
+	}, [serverUrl, streamKey]);
 	const prevReconnectSignalRef = (0, react$1.useRef)(reconnectSignal);
 	(0, react$1.useEffect)(() => {
 		if (prevReconnectSignalRef.current === reconnectSignal) return;
@@ -41093,8 +41028,9 @@ function CameraStreamPlayer({ serverUrl, streamKey, label, autoPlay = true, mute
 	}, [reconnectSignal]);
 	const toggleMute = () => {
 		if (videoRef.current) {
-			videoRef.current.muted = !videoRef.current.muted;
-			setIsMuted(videoRef.current.muted);
+			const next = !videoRef.current.muted;
+			applyStreamMute(videoRef.current, next);
+			setIsMuted(next);
 		}
 	};
 	const toggleFullscreen = async () => {
@@ -41322,7 +41258,7 @@ function CameraStreamPlayer({ serverUrl, streamKey, label, autoPlay = true, mute
 		setIsMuted(initialMuted);
 		const video = videoRef.current;
 		if (!video) return;
-		video.muted = initialMuted;
+		applyStreamMute(video, initialMuted);
 		if (!initialMuted) video.play().catch(() => {});
 	}, [initialMuted]);
 	const showToolbarBriefly = () => {
@@ -42434,7 +42370,7 @@ function StreamPanel({ serverUrl, createSession, sendAnswer, handleOffer, getIce
 						extraOverlay,
 						ptzOverlayVisible && ptzOverlay
 					] }) : void 0
-				}, effectiveStreamId)
+				})
 			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SnapshotPreview, {
 				src: snapshotSrc ?? null,
 				isLoading: snapshotLoading,
@@ -46815,6 +46751,15 @@ function useDeviceDetections(trpc, deviceId) {
 * @param deviceId - numeric device ID (null = disabled)
 * @param pollIntervalMs - how often to refresh profile slots (default: 5000)
 */
+/** TTL for the TURN/STUN credential cache. Short enough that rotated creds
+*  are picked up promptly, long enough to cover a connect + several profile
+*  switches without re-paying the fetch. */
+var TURN_CACHE_TTL_MS = 5 * 6e4;
+/** Keyed on the caller's trpc client object (stable per connected system —
+*  NOT on `trpc.turnProvider`, which is a proxy minted fresh on every property
+*  access), so two admin tabs pointed at different hubs never cross-serve
+*  credentials. An unstable key degrades to a cache miss, never to wrong creds. */
+var turnServersCache = /* @__PURE__ */ new WeakMap();
 function useDeviceWebrtc(trpc, deviceId, pollIntervalMs = 5e3) {
 	const [remoteStreams, setRemoteStreams] = (0, react$1.useState)([]);
 	(0, react$1.useEffect)(() => {
@@ -46884,18 +46829,28 @@ function useDeviceWebrtc(trpc, deviceId, pollIntervalMs = 5e3) {
 	}, [deviceId, remoteStreams]);
 	const getIceServers = (0, react$1.useCallback)(async () => {
 		if (!trpc.turnProvider) return void 0;
+		const cached = turnServersCache.get(trpc);
+		if (cached && Date.now() - cached.fetchedAt < TURN_CACHE_TTL_MS) return cached.servers;
 		try {
-			return (await trpc.turnProvider.getTurnServers.query()).map((s) => {
+			const mapped = (await trpc.turnProvider.getTurnServers.query()).map((s) => {
 				return {
 					urls: typeof s.urls === "string" ? s.urls : [...s.urls],
 					...s.username !== void 0 ? { username: s.username } : {},
 					...s.credential !== void 0 ? { credential: s.credential } : {}
 				};
 			});
+			turnServersCache.set(trpc, {
+				servers: mapped,
+				fetchedAt: Date.now()
+			});
+			return mapped;
 		} catch {
-			return;
+			return cached?.servers;
 		}
 	}, [trpc]);
+	(0, react$1.useEffect)(() => {
+		getIceServers();
+	}, [getIceServers]);
 	const createSession = (0, react$1.useCallback)(async (target, hints) => {
 		if (deviceId === null) throw new Error("No device selected");
 		const res = await trpc.webrtcSession.createSession.mutate({
@@ -47993,10 +47948,12 @@ exports.useLlmTestProfile = useLlmTestProfile;
 exports.useLlmUpsertProfile = useLlmUpsertProfile;
 exports.useLocalNetworkGetAllowedAddresses = useLocalNetworkGetAllowedAddresses;
 exports.useLocalNetworkGetConnectionEndpoints = useLocalNetworkGetConnectionEndpoints;
+exports.useLocalNetworkGetNotificationEndpoint = useLocalNetworkGetNotificationEndpoint;
 exports.useLocalNetworkGetPreferred = useLocalNetworkGetPreferred;
 exports.useLocalNetworkList = useLocalNetworkList;
 exports.useLocalNetworkResetAllowlistToBestMatch = useLocalNetworkResetAllowlistToBestMatch;
 exports.useLocalNetworkSetAllowedAddresses = useLocalNetworkSetAllowedAddresses;
+exports.useLocalNetworkSetNotificationEndpoint = useLocalNetworkSetNotificationEndpoint;
 exports.useLockControlGetStatus = useLockControlGetStatus;
 exports.useLockControlLock = useLockControlLock;
 exports.useLockControlOpen = useLockControlOpen;
@@ -48116,6 +48073,7 @@ exports.usePetFeederSetFeedSound = usePetFeederSetFeedSound;
 exports.usePetFeederSetIndicatorLight = usePetFeederSetIndicatorLight;
 exports.usePetFeederSetVolume = usePetFeederSetVolume;
 exports.usePipelineAnalyticsApplyDeviceSettingsPatch = usePipelineAnalyticsApplyDeviceSettingsPatch;
+exports.usePipelineAnalyticsCancelMediaRelocate = usePipelineAnalyticsCancelMediaRelocate;
 exports.usePipelineAnalyticsClearTracks = usePipelineAnalyticsClearTracks;
 exports.usePipelineAnalyticsDeleteDeviceEvents = usePipelineAnalyticsDeleteDeviceEvents;
 exports.usePipelineAnalyticsDeleteTracks = usePipelineAnalyticsDeleteTracks;
@@ -48127,6 +48085,7 @@ exports.usePipelineAnalyticsGetEventDensity = usePipelineAnalyticsGetEventDensit
 exports.usePipelineAnalyticsGetEventMedia = usePipelineAnalyticsGetEventMedia;
 exports.usePipelineAnalyticsGetEventStoreFootprint = usePipelineAnalyticsGetEventStoreFootprint;
 exports.usePipelineAnalyticsGetKeyEvents = usePipelineAnalyticsGetKeyEvents;
+exports.usePipelineAnalyticsGetMediaRelocateStatus = usePipelineAnalyticsGetMediaRelocateStatus;
 exports.usePipelineAnalyticsGetMotionEvents = usePipelineAnalyticsGetMotionEvents;
 exports.usePipelineAnalyticsGetObjectEvents = usePipelineAnalyticsGetObjectEvents;
 exports.usePipelineAnalyticsGetSensorEvents = usePipelineAnalyticsGetSensorEvents;
@@ -48139,6 +48098,7 @@ exports.usePipelineAnalyticsListTracks = usePipelineAnalyticsListTracks;
 exports.usePipelineAnalyticsPruneEvents = usePipelineAnalyticsPruneEvents;
 exports.usePipelineAnalyticsPruneEventsBefore = usePipelineAnalyticsPruneEventsBefore;
 exports.usePipelineAnalyticsPruneTracksBefore = usePipelineAnalyticsPruneTracksBefore;
+exports.usePipelineAnalyticsRelocateMedia = usePipelineAnalyticsRelocateMedia;
 exports.usePipelineAnalyticsSearchObjectEvents = usePipelineAnalyticsSearchObjectEvents;
 exports.usePipelineAnalyticsWipeAllAnalytics = usePipelineAnalyticsWipeAllAnalytics;
 exports.usePipelineExecutorCacheFrameInPool = usePipelineExecutorCacheFrameInPool;
@@ -48276,6 +48236,7 @@ exports.usePtzStop = usePtzStop;
 exports.useRebootReboot = useRebootReboot;
 exports.useRecordedPlayback = useRecordedPlayback;
 exports.useRecordingApplyDeviceSettingsPatch = useRecordingApplyDeviceSettingsPatch;
+exports.useRecordingCancelRelocate = useRecordingCancelRelocate;
 exports.useRecordingDeleteFootprint = useRecordingDeleteFootprint;
 exports.useRecordingExportCancelExport = useRecordingExportCancelExport;
 exports.useRecordingExportCreateExport = useRecordingExportCreateExport;
@@ -48289,12 +48250,16 @@ exports.useRecordingGetDeviceConfig = useRecordingGetDeviceConfig;
 exports.useRecordingGetDeviceLiveContribution = useRecordingGetDeviceLiveContribution;
 exports.useRecordingGetDeviceSettingsContribution = useRecordingGetDeviceSettingsContribution;
 exports.useRecordingGetPlaybackManifest = useRecordingGetPlaybackManifest;
+exports.useRecordingGetRelocateStatus = useRecordingGetRelocateStatus;
 exports.useRecordingGetStatus = useRecordingGetStatus;
 exports.useRecordingGetStorageUsage = useRecordingGetStorageUsage;
 exports.useRecordingListOpsLog = useRecordingListOpsLog;
 exports.useRecordingLocateSegment = useRecordingLocateSegment;
 exports.useRecordingPruneFootage = useRecordingPruneFootage;
 exports.useRecordingReadSegmentBytes = useRecordingReadSegmentBytes;
+exports.useRecordingRelocateFootage = useRecordingRelocateFootage;
+exports.useRecordingRenderClip = useRecordingRenderClip;
+exports.useRecordingRenderGif = useRecordingRenderGif;
 exports.useRecordingRescanStorage = useRecordingRescanStorage;
 exports.useRecordingSetDeviceConfig = useRecordingSetDeviceConfig;
 exports.useRemoteComponent = useRemoteComponent;
@@ -48377,6 +48342,7 @@ exports.useStreamBrokerPullAudioChunks = useStreamBrokerPullAudioChunks;
 exports.useStreamBrokerPullFrameHandles = useStreamBrokerPullFrameHandles;
 exports.useStreamBrokerRegenerateRtspToken = useStreamBrokerRegenerateRtspToken;
 exports.useStreamBrokerReleaseStreamWithCodec = useStreamBrokerReleaseStreamWithCodec;
+exports.useStreamBrokerRenderPreBufferClip = useStreamBrokerRenderPreBufferClip;
 exports.useStreamBrokerRestartProfile = useStreamBrokerRestartProfile;
 exports.useStreamBrokerRetractCameraStream = useStreamBrokerRetractCameraStream;
 exports.useStreamBrokerSetPreBufferDuration = useStreamBrokerSetPreBufferDuration;