@camstack/ui-library 1.2.347 → 1.2.348

package/dist/index.cjs

@@ -12528,6 +12528,16 @@ var useRecordingOnboardSetSettings = trpc.recordingOnboard.setSettings.useMutati
 var useRecordingOnboardGetStatus = trpc.recordingOnboard.getStatus.useQuery;
 /** Generated alias around `trpc.recordingSignal.getStatus.useQuery`. */
 var useRecordingSignalGetStatus = trpc.recordingSignal.getStatus.useQuery;
+/** Generated alias around `trpc.remote.getConfig.useQuery`. */
+var useRemoteGetConfig = trpc.remote.getConfig.useQuery;
+/** Generated alias around `trpc.remote.setConfig.useMutation`. */
+var useRemoteSetConfig = trpc.remote.setConfig.useMutation;
+/** Generated alias around `trpc.remote.listCommands.useQuery`. */
+var useRemoteListCommands = trpc.remote.listCommands.useQuery;
+/** Generated alias around `trpc.remote.sendCommand.useMutation`. */
+var useRemoteSendCommand = trpc.remote.sendCommand.useMutation;
+/** Generated alias around `trpc.remote.sendMediaCommand.useMutation`. */
+var useRemoteSendMediaCommand = trpc.remote.sendMediaCommand.useMutation;
 /** Generated alias around `trpc.runningState.getStatus.useQuery`. */
 var useRunningStateGetStatus = trpc.runningState.getStatus.useQuery;
 /** Generated alias around `trpc.sceneMonitor.listScenes.useQuery`. */
@@ -12814,6 +12824,16 @@ var useSystemSetLoggingSettings = trpc.system.setLoggingSettings.useMutation;
 var useTamperGetStatus = trpc.tamper.getStatus.useQuery;
 /** Generated alias around `trpc.temperatureSensor.getStatus.useQuery`. */
 var useTemperatureSensorGetStatus = trpc.temperatureSensor.getStatus.useQuery;
+/** Generated alias around `trpc.template.list.useQuery`. */
+var useTemplateList = trpc.template.list.useQuery;
+/** Generated alias around `trpc.template.get.useQuery`. */
+var useTemplateGet = trpc.template.get.useQuery;
+/** Generated alias around `trpc.template.create.useMutation`. */
+var useTemplateCreate = trpc.template.create.useMutation;
+/** Generated alias around `trpc.template.update.useMutation`. */
+var useTemplateUpdate = trpc.template.update.useMutation;
+/** Generated alias around `trpc.template.delete.useMutation`. */
+var useTemplateDelete = trpc.template.delete.useMutation;
 /** Generated alias around `trpc.terminalSession.listProfiles.useQuery`. */
 var useTerminalSessionListProfiles = trpc.terminalSession.listProfiles.useQuery;
 /** Generated alias around `trpc.terminalSession.listInstances.useQuery`. */
@@ -14732,7 +14752,7 @@ Button.displayName = "Button";
 var INPUT_CLASS$1 = "w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-xs text-foreground focus:border-primary focus:ring-1 focus:ring-primary/30 outline-none disabled:opacity-50 disabled:cursor-not-allowed";
 var CLAIM_POLL_MS = 2e3;
 var BARE_CODE = /^[A-Za-z0-9._~-]{8,}$/;
-function isRecord$4(value) {
+function isRecord$5(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function isPresent(value) {
@@ -14761,7 +14781,7 @@ function choicesOf(value) {
 	if (!Array.isArray(value)) return [];
 	const out = [];
 	for (const row of value) {
-		if (!isRecord$4(row) || typeof row["value"] !== "string" || typeof row["label"] !== "string") continue;
+		if (!isRecord$5(row) || typeof row["value"] !== "string" || typeof row["label"] !== "string") continue;
 		out.push({
 			value: row["value"],
 			label: row["label"],
@@ -14823,7 +14843,7 @@ function AccountSignInField({ field, values, disabled, onAction, onChangeMany })
 		const timer = setInterval(() => {
 			if (inFlight.current) return;
 			onAction(claimAction, field.key, { attemptId }).then((result) => {
-				if (stopped || !isRecord$4(result) || result["pending"] === true) return;
+				if (stopped || !isRecord$5(result) || result["pending"] === true) return;
 				stopped = true;
 				applyResult(result);
 			}).catch((err) => {
@@ -14849,7 +14869,7 @@ function AccountSignInField({ field, values, disabled, onAction, onChangeMany })
 		setError(null);
 		try {
 			const result = await onAction(field.beginAction, field.key, {});
-			if (!isRecord$4(result) || typeof result["authorizeUrl"] !== "string" || typeof result["attemptId"] !== "string") {
+			if (!isRecord$5(result) || typeof result["authorizeUrl"] !== "string" || typeof result["attemptId"] !== "string") {
 				setError(t("uiLibrary.accountSignIn.noLink", "The sign-in page could not be opened. Try again."));
 				return;
 			}
@@ -14877,7 +14897,7 @@ function AccountSignInField({ field, values, disabled, onAction, onChangeMany })
 				attemptId,
 				callback
 			});
-			if (!isRecord$4(result)) {
+			if (!isRecord$5(result)) {
 				setError(t("uiLibrary.accountSignIn.rejected", "The sign-in was not accepted. Start again."));
 				return;
 			}
@@ -20045,7 +20065,12 @@ var DEVICE_NAME_FORMS = [
 	"nested",
 	"with-location"
 ];
-var PARENT_SEPARATORS = [" — ", " "];
+var PARENT_SEPARATORS = [
+	" — ",
+	" - ",
+	": ",
+	" "
+];
 /**
 * Readings that are never what a container is. Matches the comment on
 * `CONTAINER_CHILD_ROLE_PRIORITY`: battery, temperature, humidity, illuminance,
@@ -20069,9 +20094,10 @@ function sameDeviceName(left, right) {
 	return foldDeviceName(left) === foldDeviceName(right);
 }
 /**
-* Drop a parent prefix. `" — "` before a space, case-insensitive, so a provider
-* that capitalised the parent differently still strips, and an em-dash child
-* does not keep a dangling dash.
+* Drop a parent prefix. The separators `" — "`, `" - "` and `": "` are tried
+* before a plain space, case-insensitive, so a provider that capitalised the
+* parent differently still strips, and a dash or colon child does not keep a
+* dangling mark.
 */
 function stripDeviceParentPrefix(name, parentName) {
 	if (parentName.length === 0) return name;
@@ -21396,11 +21422,11 @@ function useDeviceSnapshotImage(deviceId, options = {}) {
 //#region src/composites/cap-settings/camera-grid-layout.ts
 /** Smallest rectangle the editor will produce — ffmpeg refuses a zero-area crop. */
 var MIN_EXTENT = .02;
-function isRecord$3(value) {
+function isRecord$4(value) {
 	return value !== null && typeof value === "object" && !Array.isArray(value);
 }
 function readRect(value) {
-	if (!isRecord$3(value)) return null;
+	if (!isRecord$4(value)) return null;
 	const { x, y, width, height } = value;
 	if (typeof x !== "number" || typeof y !== "number" || typeof width !== "number" || typeof height !== "number") return null;
 	if (x < 0 || y < 0 || width <= 0 || height <= 0) return null;
@@ -21413,7 +21439,7 @@ function readRect(value) {
 	};
 }
 function readCell(value) {
-	if (!isRecord$3(value)) return null;
+	if (!isRecord$4(value)) return null;
 	const deviceId = value["deviceId"];
 	if (typeof deviceId !== "number" || !Number.isInteger(deviceId)) return null;
 	const source = readRect(value["source"]);
@@ -21426,7 +21452,7 @@ function readCell(value) {
 	};
 }
 function readProfileOffer(value) {
-	if (!isRecord$3(value)) return null;
+	if (!isRecord$4(value)) return null;
 	const profile = value["profile"];
 	const offered = value["offered"];
 	const missing = value["missingSources"];
@@ -21455,7 +21481,7 @@ function readProfileOffer(value) {
 */
 function parseGridView(raw) {
 	if (raw === null) return null;
-	if (!isRecord$3(raw)) return "unreadable";
+	if (!isRecord$4(raw)) return "unreadable";
 	const { instanceId, deviceId, name, fps, cells, profiles } = raw;
 	if (typeof instanceId !== "string" || typeof deviceId !== "number" || typeof name !== "string" || typeof fps !== "number" || !Array.isArray(cells) || !Array.isArray(profiles)) return "unreadable";
 	const parsed = [];
@@ -48319,6 +48345,76 @@ function formatNumeric(value, precision) {
 	return Number.isInteger(value) ? String(value) : value.toFixed(1);
 }
 //#endregion
+//#region src/lib/unit-preferences.ts
+/**
+* The signed-in user's unit preferences (account preference, namespace
+* `admin.units`). Stored numbers stay in each quantity's base unit (D944); a
+* preference only picks the label and the conversion at display time.
+*
+* Two independent choices: the temperature scale, and metric or imperial for
+* every other quantity. The default is metric and °C, so a user who never
+* opens the page sees what they always saw.
+*/
+var UNIT_PREFERENCES_NAMESPACE = "admin.units";
+var TEMPERATURE_SCALES = ["celsius", "fahrenheit"];
+var DEFAULT_UNIT_PREFERENCES = {
+	system: _camstack_types.DEFAULT_DISPLAY_PREFERENCE,
+	temperature: "celsius"
+};
+function isSystem(value) {
+	return _camstack_types.DISPLAY_PREFERENCES.some((candidate) => candidate === value);
+}
+function isScale(value) {
+	return TEMPERATURE_SCALES.some((candidate) => candidate === value);
+}
+function isRecord$3(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+/** A missing row or field is the default; a field of the wrong shape is unreadable. */
+function readUnitPreferences(raw) {
+	if (raw === void 0 || raw === null) return {
+		value: DEFAULT_UNIT_PREFERENCES,
+		parsed: true
+	};
+	if (!isRecord$3(raw)) return {
+		value: DEFAULT_UNIT_PREFERENCES,
+		parsed: false
+	};
+	const system = raw["system"];
+	const temperature = raw["temperature"];
+	const systemOk = system === void 0 || isSystem(system);
+	const scaleOk = temperature === void 0 || isScale(temperature);
+	return {
+		value: {
+			system: isSystem(system) ? system : DEFAULT_UNIT_PREFERENCES.system,
+			temperature: isScale(temperature) ? temperature : DEFAULT_UNIT_PREFERENCES.temperature
+		},
+		parsed: systemOk && scaleOk
+	};
+}
+/** The display preference to hand `formatReading` for one quantity. */
+function preferenceForQuantity(preferences, quantity) {
+	if (quantity === "temperature") return preferences.temperature === "fahrenheit" ? "imperial" : "metric";
+	return preferences.system;
+}
+//#endregion
+//#region src/contexts/unit-preferences.tsx
+/**
+* The signed-in user's unit preferences, published by context so every
+* reading renders in the same units without a query of its own. Without a
+* provider (a spec, a standalone addon page) the default applies: metric, °C.
+*/
+var UnitPreferencesContext = (0, react$1.createContext)(DEFAULT_UNIT_PREFERENCES);
+function UnitPreferencesProvider({ value, children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UnitPreferencesContext.Provider, {
+		value,
+		children
+	});
+}
+function useUnitPreferences() {
+	return (0, react$1.useContext)(UnitPreferencesContext);
+}
+//#endregion
 //#region src/lib/resolve-sensor-display.ts
 function canonUnit(raw) {
 	if (raw === void 0) return void 0;
@@ -48337,7 +48433,7 @@ function resolveSensorDisplay(input) {
 	const perCap = input.capName !== void 0 ? input.display?.perCap?.[input.capName] : void 0;
 	const precision = perCap?.precision ?? input.display?.precision ?? input.roleDefault?.precision ?? input.declarationPrecision;
 	const quantity = concreteQuantity(input);
-	const preference = input.preference ?? _camstack_types.DEFAULT_DISPLAY_PREFERENCE;
+	const preference = input.preference ?? (input.unitPreferences === void 0 ? _camstack_types.DEFAULT_DISPLAY_PREFERENCE : preferenceForQuantity(input.unitPreferences, quantity));
 	const base = quantity === void 0 ? void 0 : (0, _camstack_types.baseUnitOf)(quantity);
 	const preferred = quantity === void 0 ? void 0 : (0, _camstack_types.displayUnitFor)(quantity, preference);
 	const overrideUnit = canonUnit(perCap?.unit ?? input.display?.unit ?? input.roleDefault?.unit);
@@ -48552,13 +48648,15 @@ function TextControl({ value, busy, onCommit }) {
 }
 function ControlWidget({ slice, busy, setValueFn, layout, quantity, display, dateTimeShape }) {
 	const t = useUiText();
+	const unitPreferences = useUnitPreferences();
 	switch (slice.kind) {
 		case "numeric": {
 			const numericValue = typeof slice.value === "number" ? slice.value : Number(slice.value);
 			const resolved = quantity === void 0 ? void 0 : resolveSensorDisplay({
 				quantity,
 				display,
-				capName: "control"
+				capName: "control",
+				unitPreferences
 			});
 			const toShown = resolved?.toDisplayValue ?? ((raw) => raw);
 			const toBase = resolved?.fromDisplayValue ?? ((shown) => shown);
@@ -49012,6 +49110,7 @@ function renderPresenceLabel$1(state, t) {
 }
 function SensorValueAtom({ trpc, device }) {
 	const t = useUiText();
+	const unitPreferences = useUnitPreferences();
 	const roleDescriptor = device.role != null ? ROLE_DESCRIPTOR[device.role] : void 0;
 	const isBattery = isBatterySensorRole(device.role);
 	const { data: roleDefaultsData } = useDeviceManagerGetRoleDisplayDefaults({}, { staleTime: 6e4 });
@@ -49040,7 +49139,8 @@ function SensorValueAtom({ trpc, device }) {
 			capName: device.role === "numeric-sensor" ? "numeric-sensor" : void 0,
 			roleDefault: device.role != null ? roleDefaultsData?.defaults[device.role] : void 0,
 			quantity: descriptor.quantity ?? "device",
-			deviceQuantity: deviceQuantity === "device" ? void 0 : deviceQuantity
+			deviceQuantity: deviceQuantity === "device" ? void 0 : deviceQuantity,
+			unitPreferences
 		}).format(rawValue);
 		const unit = rendered.unit;
 		const formatted = rendered.text;
@@ -49764,6 +49864,7 @@ function BatteryBar({ percent }) {
 }
 function SensorHeroInner({ trpc, device }) {
 	const t = useUiText();
+	const unitPreferences = useUnitPreferences();
 	const roleDescriptor = device.role != null ? ROLE_DESCRIPTOR[device.role] : ROLE_DESCRIPTOR["temperature-sensor"];
 	const isBattery = isBatterySensorRole(device.role);
 	const { data: roleDefaultsData } = useDeviceManagerGetRoleDisplayDefaults({}, { staleTime: 6e4 });
@@ -49817,7 +49918,8 @@ function SensorHeroInner({ trpc, device }) {
 			capName: device.role === "numeric-sensor" ? "numeric-sensor" : void 0,
 			roleDefault: device.role != null ? roleDefaultsData?.defaults?.[device.role] : roleDefaultsData?.defaults?.["temperature-sensor"],
 			quantity: descriptor.quantity ?? "device",
-			deviceQuantity: deviceQuantity === "device" ? void 0 : deviceQuantity
+			deviceQuantity: deviceQuantity === "device" ? void 0 : deviceQuantity,
+			unitPreferences
 		}).format(rawValue);
 		const unit = rendered.unit;
 		const formatted = rendered.text;
@@ -52338,13 +52440,14 @@ function useWeather(trpc, deviceId) {
 		slice: (d) => d.state.weather
 	});
 }
-/** Format a base-unit weather reading (metric). */
-function formatWeather(value, quantity) {
+/** Format a base-unit weather reading in the user's units. */
+function formatWeather(value, quantity, unitPreferences) {
 	if (value === null) return "—";
 	const rendered = (0, _camstack_types.formatReading)({
 		value,
 		quantity,
-		precision: 0
+		precision: 0,
+		preference: preferenceForQuantity(unitPreferences, quantity)
 	});
 	return rendered.unit.length === 0 ? rendered.text : `${rendered.text}${rendered.unit}`;
 }
@@ -52355,6 +52458,7 @@ function formatWeather(value, quantity) {
 function WeatherInlineControl({ trpc, deviceId }) {
 	const t = useUiText();
 	const { slice } = useWeather(trpc, deviceId);
+	const unitPreferences = useUnitPreferences();
 	if (slice === void 0) return null;
 	const meta = weatherConditionMeta(slice.condition, t);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -52366,7 +52470,7 @@ function WeatherInlineControl({ trpc, deviceId }) {
 			children: inlineGlyph(meta.glyph)
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 			className: "tabular-nums",
-			children: formatWeather(slice.temperature, "temperature")
+			children: formatWeather(slice.temperature, "temperature", unitPreferences)
 		})]
 	});
 }
@@ -52673,13 +52777,15 @@ function Readout$1({ icon, label, value }) {
 function WeatherHeroCard({ trpc, deviceId }) {
 	const t = useUiText();
 	const { slice } = useWeather(trpc, deviceId);
+	const unitPreferences = useUnitPreferences();
 	if (slice === void 0) return null;
 	const meta = weatherConditionMeta(slice.condition, t);
 	const tint = weatherTint(slice.condition);
 	const temperature = slice.temperature === null ? void 0 : (0, _camstack_types.formatReading)({
 		value: slice.temperature,
 		quantity: "temperature",
-		precision: 0
+		precision: 0,
+		preference: preferenceForQuantity(unitPreferences, "temperature")
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: "flex flex-col items-stretch gap-4 rounded-lg border border-border bg-surface p-4",
@@ -52701,7 +52807,8 @@ function WeatherHeroCard({ trpc, deviceId }) {
 							className: "text-base text-foreground-subtle",
 							children: temperature !== void 0 ? temperature.unit : (0, _camstack_types.formatReading)({
 								value: 0,
-								quantity: "temperature"
+								quantity: "temperature",
+								preference: preferenceForQuantity(unitPreferences, "temperature")
 							}).unit
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -52723,12 +52830,12 @@ function WeatherHeroCard({ trpc, deviceId }) {
 								style: { transform: `rotate(${slice.windBearing}deg)` }
 							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Wind, { className: "h-3.5 w-3.5" }),
 							label: t("uiLibrary.weatherControl.wind", "Wind"),
-							value: formatWeather(slice.windSpeed, "speed")
+							value: formatWeather(slice.windSpeed, "speed", unitPreferences)
 						}),
 						slice.pressure !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Readout$1, {
 							icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Gauge, { className: "h-3.5 w-3.5" }),
 							label: t("uiLibrary.weatherControl.pressure", "Pressure"),
-							value: formatWeather(slice.pressure, "pressure")
+							value: formatWeather(slice.pressure, "pressure", unitPreferences)
 						})
 					]
 				})]
@@ -52968,6 +53075,12 @@ var VOLUME_MAX = 9;
 /** Amber kibble accent for the bowl fill; destructive red when low. */
 var KIBBLE = "#f59e0b";
 var KIBBLE_LOW = "#ef4444";
+/** Hold-to-repeat timing: first repeat after HOLD_DELAY_MS, then every
+*  HOLD_INTERVAL_MS, and after HOLD_ACCEL_AFTER repeats the step grows to 5 g. */
+var HOLD_DELAY_MS = 350;
+var HOLD_INTERVAL_MS = 70;
+var HOLD_ACCEL_AFTER = 8;
+var HOLD_FAST_STEP = 5;
 function clampPortion(grams) {
 	return Math.min(_camstack_types.PET_FEEDER_MANUAL_FEED_MAX, Math.max(_camstack_types.PET_FEEDER_MANUAL_FEED_MIN, grams));
 }
@@ -52987,9 +53100,9 @@ function PetFeederPanel({ trpc, deviceId, layout, optimistic }) {
 		slice: (d) => d.state.petFeeder
 	});
 	const { display, applyOptimistic } = useOptimisticSlice(slice, { enabled: optimistic ?? true });
-	const [portion, setPortion] = (0, react$1.useState)(DEFAULT_PORTION);
-	const [hopper1, setHopper1] = (0, react$1.useState)(DEFAULT_PORTION);
-	const [hopper2, setHopper2] = (0, react$1.useState)(DEFAULT_PORTION);
+	const [portion, setPortion] = usePortion(display?.lastFeedGrams ?? null);
+	const [hopper1, setHopper1] = usePortion(display?.lastFeedHopper1 ?? null);
+	const [hopper2, setHopper2] = usePortion(display?.lastFeedHopper2 ?? null);
 	if (cap === void 0) return null;
 	if (display === void 0) return null;
 	const busy = !available;
@@ -53246,7 +53359,8 @@ function PetFeederPanel({ trpc, deviceId, layout, optimistic }) {
 							label: t("uiLibrary.petFeeder.decreaseVolume", "Decrease volume"),
 							symbol: "−",
 							disabled: busy || display.volume <= 0,
-							onClick: () => {
+							repeat: false,
+							onStep: () => {
 								const next = Math.max(0, display.volume - 1);
 								applyOptimistic({ volume: next });
 								cap.setVolume({ level: next });
@@ -53260,7 +53374,8 @@ function PetFeederPanel({ trpc, deviceId, layout, optimistic }) {
 							label: t("uiLibrary.petFeeder.increaseVolume", "Increase volume"),
 							symbol: "+",
 							disabled: busy || display.volume >= VOLUME_MAX,
-							onClick: () => {
+							repeat: false,
+							onStep: () => {
 								const next = Math.min(VOLUME_MAX, display.volume + 1);
 								applyOptimistic({ volume: next });
 								cap.setVolume({ level: next });
@@ -53272,6 +53387,22 @@ function PetFeederPanel({ trpc, deviceId, layout, optimistic }) {
 		]
 	});
 }
+/**
+* Local manual-feed portion. `null` = untouched: the value follows the device's
+* remembered last feed (or the default) and picks it up when the slice arrives;
+* once the operator steps it, the local value wins and stays put.
+*/
+function usePortion(remembered) {
+	const [local, setLocal] = (0, react$1.useState)(null);
+	const value = local ?? remembered ?? DEFAULT_PORTION;
+	const valueRef = (0, react$1.useRef)(value);
+	valueRef.current = value;
+	return [value, (0, react$1.useCallback)((update) => {
+		const next = clampPortion(update(valueRef.current));
+		valueRef.current = next;
+		setLocal(next);
+	}, [])];
+}
 /** Labelled control group — a small uppercase header above its control. */
 function Field$1({ label, children }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -53367,8 +53498,9 @@ function HopperFeed({ label, grams, busy, onGrams, onFeed }) {
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RoundStep$1, {
 						label: t("uiLibrary.petFeeder.decreasePortion", "Decrease {{label}} portion", { label }),
 						symbol: "−",
-						disabled: busy || grams <= _camstack_types.PET_FEEDER_MANUAL_FEED_MIN,
-						onClick: () => onGrams(clampPortion(grams - 1))
+						large: true,
+						disabled: grams <= _camstack_types.PET_FEEDER_MANUAL_FEED_MIN,
+						onStep: (step) => onGrams((current) => current - step)
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 						className: "w-12 text-center text-sm font-semibold tabular-nums text-foreground",
@@ -53380,8 +53512,9 @@ function HopperFeed({ label, grams, busy, onGrams, onFeed }) {
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RoundStep$1, {
 						label: t("uiLibrary.petFeeder.increasePortion", "Increase {{label}} portion", { label }),
 						symbol: "+",
-						disabled: busy || grams >= _camstack_types.PET_FEEDER_MANUAL_FEED_MAX,
-						onClick: () => onGrams(clampPortion(grams + 1))
+						large: true,
+						disabled: grams >= _camstack_types.PET_FEEDER_MANUAL_FEED_MAX,
+						onStep: (step) => onGrams((current) => current + step)
 					})
 				]
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
@@ -53397,14 +53530,55 @@ function HopperFeed({ label, grams, busy, onGrams, onFeed }) {
 		})]
 	});
 }
-/** Circular ± button. */
-function RoundStep$1({ label, symbol, disabled, onClick }) {
+/**
+* Circular ± button. Pressing steps once at once; holding repeats (and speeds
+* up) so a large change is one gesture, not dozens of taps. `repeat={false}`
+* makes it a plain one-shot button (the volume steppers). A keyboard activation
+* (click without a pointer press, `detail === 0`) steps once.
+*/
+function RoundStep$1({ label, symbol, disabled, onStep, repeat = true, large = false }) {
+	const stepRef = (0, react$1.useRef)(onStep);
+	stepRef.current = onStep;
+	const delayRef = (0, react$1.useRef)(null);
+	const loopRef = (0, react$1.useRef)(null);
+	const stop = (0, react$1.useCallback)(() => {
+		if (delayRef.current !== null) clearTimeout(delayRef.current);
+		if (loopRef.current !== null) clearInterval(loopRef.current);
+		delayRef.current = null;
+		loopRef.current = null;
+	}, []);
+	(0, react$1.useEffect)(() => stop, [stop]);
+	(0, react$1.useEffect)(() => {
+		if (disabled) stop();
+	}, [disabled, stop]);
+	const start = () => {
+		if (disabled) return;
+		stepRef.current(1);
+		if (!repeat) return;
+		let repeats = 0;
+		delayRef.current = setTimeout(() => {
+			loopRef.current = setInterval(() => {
+				repeats += 1;
+				stepRef.current(repeats > HOLD_ACCEL_AFTER ? HOLD_FAST_STEP : 1);
+			}, HOLD_INTERVAL_MS);
+		}, HOLD_DELAY_MS);
+	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 		type: "button",
 		"aria-label": label,
 		disabled,
-		onClick,
-		className: cn("flex h-7 w-7 shrink-0 items-center justify-center rounded-full border border-border bg-surface text-base leading-none text-foreground-subtle transition-colors hover:bg-surface-hover hover:text-foreground active:scale-95", disabled && "opacity-40 cursor-not-allowed"),
+		onPointerDown: (e) => {
+			if (e.button !== 0) return;
+			start();
+		},
+		onPointerUp: stop,
+		onPointerLeave: stop,
+		onPointerCancel: stop,
+		onContextMenu: (e) => e.preventDefault(),
+		onClick: (e) => {
+			if (e.detail === 0 && !disabled) stepRef.current(1);
+		},
+		className: cn("flex shrink-0 touch-manipulation select-none items-center justify-center rounded-full border border-border bg-surface leading-none text-foreground-subtle transition-colors hover:bg-surface-hover hover:text-foreground active:bg-surface-hover", large ? "h-9 w-9 text-xl" : "h-7 w-7 text-base", disabled && "opacity-40 cursor-not-allowed"),
 		children: symbol
 	});
 }
@@ -57216,17 +57390,13 @@ function deviceLeadIcon(device, roleDefaults) {
 *
 * The `" — "` separator is tried BEFORE the plain space so an Ecowitt child
 * (`"Ecowitt Gateway — gateway"`) yields `"gateway"` rather than `"— gateway"`.
-* A missing parent name, or a name that doesn't carry the prefix, is returned
-* verbatim.
+* Matching is case-insensitive and also accepts `" - "` and `": "`. A missing
+* parent name, a name that doesn't carry the prefix, a name equal to the
+* parent's, or one with nothing after the prefix is returned verbatim.
 */
-var CHILD_NAME_SEPARATORS = [" — ", " "];
 function stripParentNamePrefix(name, parentName) {
-	if (parentName.length === 0) return name;
-	for (const sep of CHILD_NAME_SEPARATORS) {
-		const prefix = `${parentName}${sep}`;
-		if (name.startsWith(prefix)) return name.slice(prefix.length);
-	}
-	return name;
+	const rest = stripDeviceParentPrefix(name, parentName.trim());
+	return rest.length > 0 ? rest : name;
 }
 /**
 * Display name for a child device rendered UNDER its container/parent row.
@@ -59047,7 +59217,7 @@ function DeviceItem(props) {
 	const flags = resolveFlags(props);
 	const variant = props.variant ?? "compact";
 	const view = props.view ?? "card";
-	const nameForm = props.isAccessoryRow ? "nested" : "compact";
+	const nameForm = props.nameForm ?? (props.isAccessoryRow ? "nested" : "compact");
 	const nameParent = nameForm === "nested" && parent ? {
 		id: parent.id,
 		name: parent.name,
@@ -70368,12 +70538,12 @@ function useHistoryReads(items, window, compare, enabled = true) {
 * re-applies the same change to the row as it now stands, once. A row this
 * client cannot read is never overwritten.
 */
-var QUERY_KEY = ["preferences", HISTORY_PANELS_NAMESPACE];
+var QUERY_KEY$1 = ["preferences", HISTORY_PANELS_NAMESPACE];
 function useHistoryPanels() {
 	const client = useSystem().trpcClient;
 	const qc = (0, _tanstack_react_query.useQueryClient)();
 	const q = (0, _tanstack_react_query.useQuery)({
-		queryKey: QUERY_KEY,
+		queryKey: QUERY_KEY$1,
 		queryFn: async () => {
 			const row = (await client.preferences.get.query({ namespaces: [HISTORY_PANELS_NAMESPACE] })).rows.find((x) => x.namespace === HISTORY_PANELS_NAMESPACE);
 			return row === void 0 ? null : {
@@ -70396,7 +70566,7 @@ function useHistoryPanels() {
 				baseRevision: base?.revision ?? 0
 			});
 			if (res.status === "saved") {
-				qc.setQueryData(QUERY_KEY, {
+				qc.setQueryData(QUERY_KEY$1, {
 					value: res.row.value,
 					revision: res.row.revision
 				});
@@ -70406,7 +70576,7 @@ function useHistoryPanels() {
 				value: res.current.value,
 				revision: res.current.revision
 			};
-			qc.setQueryData(QUERY_KEY, fresh);
+			qc.setQueryData(QUERY_KEY$1, fresh);
 			if (!retry) throw new Error("history-panels: the row changed while saving");
 			await write(fresh, false);
 		};
@@ -70620,6 +70790,83 @@ function HistorySkeleton() {
 	});
 }
 //#endregion
+//#region src/hooks/use-account-unit-preferences.ts
+/**
+* Unit preferences in the signed-in user's ACCOUNT preferences (D894): one
+* row, namespace `admin.units`, synced to every device signed in as that user.
+*
+* A write is a compare-and-set on the revision it was based on; a conflict
+* re-applies the same change to the row as it now stands, once. A row this
+* client cannot read is never overwritten.
+*/
+var QUERY_KEY = ["preferences", UNIT_PREFERENCES_NAMESPACE];
+function useAccountUnitPreferences() {
+	const client = useSystem().trpcClient;
+	const qc = (0, _tanstack_react_query.useQueryClient)();
+	const q = (0, _tanstack_react_query.useQuery)({
+		queryKey: QUERY_KEY,
+		queryFn: async () => {
+			const row = (await client.preferences.get.query({ namespaces: [UNIT_PREFERENCES_NAMESPACE] })).rows.find((x) => x.namespace === UNIT_PREFERENCES_NAMESPACE);
+			return row === void 0 ? null : {
+				value: row.value,
+				revision: row.revision
+			};
+		},
+		staleTime: 3e4
+	});
+	const row = q.data ?? null;
+	const parsed = readUnitPreferences(row?.value);
+	const update = (0, react$1.useCallback)(async (change) => {
+		const write = async (base, retry) => {
+			const current = readUnitPreferences(base?.value);
+			if (!current.parsed) throw new Error("unit-preferences: stored row is not readable");
+			const next = {
+				...current.value,
+				...change
+			};
+			const res = await client.preferences.put.mutate({
+				namespace: UNIT_PREFERENCES_NAMESPACE,
+				value: { ...next },
+				baseRevision: base?.revision ?? 0
+			});
+			if (res.status === "saved") {
+				qc.setQueryData(QUERY_KEY, {
+					value: res.row.value,
+					revision: res.row.revision
+				});
+				return;
+			}
+			const fresh = res.current === null ? null : {
+				value: res.current.value,
+				revision: res.current.revision
+			};
+			qc.setQueryData(QUERY_KEY, fresh);
+			if (!retry) throw new Error("unit-preferences: the row changed while saving");
+			await write(fresh, false);
+		};
+		await write(row, true);
+	}, [
+		client,
+		qc,
+		row
+	]);
+	return {
+		status: q.status === "success" ? "ok" : q.status === "error" ? "error" : "pending",
+		value: q.status === "success" ? parsed.value : DEFAULT_UNIT_PREFERENCES,
+		writable: q.status === "success" && parsed.parsed,
+		update
+	};
+}
+//#endregion
+//#region src/contexts/unit-preferences-from-server.tsx
+function UnitPreferencesFromServer({ children }) {
+	const { value } = useAccountUnitPreferences();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UnitPreferencesProvider, {
+		value,
+		children
+	});
+}
+//#endregion
 //#region src/contexts/zone-editing.tsx
 /**
 * Per-device zone-editing state shared between the player overlay
@@ -71503,6 +71750,7 @@ exports.DATA_RECORDS_OWNER_PARAM = DATA_RECORDS_OWNER_PARAM;
 exports.DATA_RECORD_FACET_GROUPS = DATA_RECORD_FACET_GROUPS;
 exports.DEFAULT_COLOR = DEFAULT_COLOR;
 exports.DEFAULT_PAGINATION_LABELS = DEFAULT_PAGINATION_LABELS;
+exports.DEFAULT_UNIT_PREFERENCES = DEFAULT_UNIT_PREFERENCES;
 exports.DEVICE_COLUMNS = DEVICE_COLUMNS;
 exports.DEVICE_EXPORT_PAGE_SIZE_KEY = DEVICE_EXPORT_PAGE_SIZE_KEY;
 exports.DEVICE_LIST_PAGE_SIZE_KEY = DEVICE_LIST_PAGE_SIZE_KEY;
@@ -71914,6 +72162,7 @@ exports.SwitchInlineControl = SwitchInlineControl;
 exports.SwitchPanel = SwitchPanel;
 exports.SystemProvider = SystemProvider;
 exports.TABLE_SCROLL_MAX_H = TABLE_SCROLL_MAX_H;
+exports.TEMPERATURE_SCALES = TEMPERATURE_SCALES;
 exports.TEXT_FIELD_LABEL = TEXT_FIELD_LABEL;
 exports.TEXT_HINT = TEXT_HINT;
 exports.TEXT_METRIC = TEXT_METRIC;
@@ -71949,10 +72198,13 @@ exports.TrendingUp = TrendingUp;
 exports.TriangleAlert = TriangleAlert;
 exports.Truck = Truck;
 exports.Type = Type;
+exports.UNIT_PREFERENCES_NAMESPACE = UNIT_PREFERENCES_NAMESPACE;
 exports.UiTextProvider = UiTextProvider;
 exports.UiTrans = UiTrans;
 exports.Undo2 = Undo2;
 exports.UnitPicker = UnitPicker;
+exports.UnitPreferencesFromServer = UnitPreferencesFromServer;
+exports.UnitPreferencesProvider = UnitPreferencesProvider;
 exports.Unlink2 = Unlink2;
 exports.Upload = Upload;
 exports.User = User;
@@ -72220,6 +72472,7 @@ exports.pickerSearchText = pickerSearchText;
 exports.pickerZoneFilterSuspended = pickerZoneFilterSuspended;
 exports.pinnedStreamChoices = pinnedStreamChoices;
 exports.placePopover = placePopover;
+exports.preferenceForQuantity = preferenceForQuantity;
 exports.previousWindow = previousWindow;
 Object.defineProperty(exports, "projectSubjectPath", {
 	enumerable: true,
@@ -72232,6 +72485,7 @@ exports.readHistory = readHistory;
 exports.readHistoryPanels = readHistoryPanels;
 exports.readItemId = readItemId;
 exports.readStoredGroupBy = readStoredGroupBy;
+exports.readUnitPreferences = readUnitPreferences;
 exports.reduceSessionRun = reduceSessionRun;
 exports.registerAddonBundle = registerAddonBundle;
 exports.renderMarkup = renderMarkup;
@@ -72328,6 +72582,7 @@ exports.typeLabel = typeLabel;
 exports.unitAxes = unitAxes;
 exports.useAccessoriesGetStatus = useAccessoriesGetStatus;
 exports.useAccessoriesSetChildHidden = useAccessoriesSetChildHidden;
+exports.useAccountUnitPreferences = useAccountUnitPreferences;
 exports.useActionSourceListActions = useActionSourceListActions;
 exports.useActionSourceRunAction = useActionSourceRunAction;
 exports.useActionSourceStopAction = useActionSourceStopAction;
@@ -73391,6 +73646,11 @@ exports.useRecordingOnboardGetStatus = useRecordingOnboardGetStatus;
 exports.useRecordingOnboardSetSettings = useRecordingOnboardSetSettings;
 exports.useRecordingSignalGetStatus = useRecordingSignalGetStatus;
 exports.useRemoteComponent = useRemoteComponent;
+exports.useRemoteGetConfig = useRemoteGetConfig;
+exports.useRemoteListCommands = useRemoteListCommands;
+exports.useRemoteSendCommand = useRemoteSendCommand;
+exports.useRemoteSendMediaCommand = useRemoteSendMediaCommand;
+exports.useRemoteSetConfig = useRemoteSetConfig;
 exports.useRoleDisplayDefaults = useRoleDisplayDefaults;
 exports.useRunningStateGetStatus = useRunningStateGetStatus;
 exports.useSceneMonitorCaptureReference = useSceneMonitorCaptureReference;
@@ -73543,6 +73803,11 @@ exports.useSystemSetRetentionConfig = useSystemSetRetentionConfig;
 exports.useSystemSetSiteLocation = useSystemSetSiteLocation;
 exports.useTamperGetStatus = useTamperGetStatus;
 exports.useTemperatureSensorGetStatus = useTemperatureSensorGetStatus;
+exports.useTemplateCreate = useTemplateCreate;
+exports.useTemplateDelete = useTemplateDelete;
+exports.useTemplateGet = useTemplateGet;
+exports.useTemplateList = useTemplateList;
+exports.useTemplateUpdate = useTemplateUpdate;
 exports.useTerminalSessionAdoptLegacyMonitor = useTerminalSessionAdoptLegacyMonitor;
 exports.useTerminalSessionClose = useTerminalSessionClose;
 exports.useTerminalSessionCreateInstance = useTerminalSessionCreateInstance;
@@ -73574,6 +73839,7 @@ exports.useTrainingStartJob = useTrainingStartJob;
 exports.useTrainingStartJobBatch = useTrainingStartJobBatch;
 exports.useTurnProviderGetTurnServers = useTurnProviderGetTurnServers;
 exports.useUiText = useUiText;
+exports.useUnitPreferences = useUnitPreferences;
 exports.useUpdateGetStatus = useUpdateGetStatus;
 exports.useUpdateInstallUpdate = useUpdateInstallUpdate;
 exports.useUrlQueryParam = useUrlQueryParam;