@camstack/ui-library 1.2.298 → 1.2.300

package/dist/index.cjs

@@ -2185,6 +2185,54 @@ var Hash = require_createLucideIcon.createLucideIcon("hash", [
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var Heater = require_createLucideIcon.createLucideIcon("heater", [
+	["path", {
+		d: "M11 8c2-3-2-3 0-6",
+		key: "1ldv5m"
+	}],
+	["path", {
+		d: "M15.5 8c2-3-2-3 0-6",
+		key: "1otqoz"
+	}],
+	["path", {
+		d: "M6 10h.01",
+		key: "1lbq93"
+	}],
+	["path", {
+		d: "M6 14h.01",
+		key: "zudwn7"
+	}],
+	["path", {
+		d: "M10 16v-4",
+		key: "1c25yv"
+	}],
+	["path", {
+		d: "M14 16v-4",
+		key: "1dkbt8"
+	}],
+	["path", {
+		d: "M18 16v-4",
+		key: "1yg9me"
+	}],
+	["path", {
+		d: "M20 6a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3",
+		key: "1ubg90"
+	}],
+	["path", {
+		d: "M5 20v2",
+		key: "1abpe8"
+	}],
+	["path", {
+		d: "M19 20v2",
+		key: "kqn6ft"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var House = require_createLucideIcon.createLucideIcon("house", [["path", {
 	d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8",
 	key: "5wwlr5"
@@ -4173,6 +4221,34 @@ var Thermometer = require_createLucideIcon.createLucideIcon("thermometer", [["pa
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var Timer = require_createLucideIcon.createLucideIcon("timer", [
+	["line", {
+		x1: "10",
+		x2: "14",
+		y1: "2",
+		y2: "2",
+		key: "14vaq8"
+	}],
+	["line", {
+		x1: "12",
+		x2: "15",
+		y1: "14",
+		y2: "11",
+		key: "17fdiu"
+	}],
+	["circle", {
+		cx: "12",
+		cy: "14",
+		r: "8",
+		key: "1e1u0o"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var ToggleLeft = require_createLucideIcon.createLucideIcon("toggle-left", [["circle", {
 	cx: "9",
 	cy: "12",
@@ -5275,6 +5351,11 @@ var DEVICE_TYPE_META = {
 		icon: Bone,
 		labelKey: "uiLibrary.deviceMeta.type.petFeeder",
 		labelFallback: "Pet feeder"
+	},
+	[_camstack_types.DeviceType.Dishwasher]: {
+		icon: Waves,
+		labelKey: "uiLibrary.deviceMeta.type.dishwasher",
+		labelFallback: "Dishwasher"
 	}
 };
 var DEVICE_ROLE_META = {
@@ -5756,7 +5837,7 @@ function lucideExportName(key) {
 function loadIconGlyphs() {
 	if (fullTable !== void 0) return Promise.resolve();
 	if (failure !== void 0) return Promise.reject(failure);
-	pending ??= Promise.resolve().then(() => require("./icons-CLC60C-_.cjs")).then((module) => {
+	pending ??= Promise.resolve().then(() => require("./icons-B1AFXUaZ.cjs")).then((module) => {
 		fullTable = module;
 		publish();
 	}, (error) => {
@@ -10931,6 +11012,24 @@ var useDeviceStateListClaims = trpc.deviceState.listClaims.useQuery;
 var useDeviceStateGetNativeCapSlice = trpc.deviceState.getNativeCapSlice.useQuery;
 /** Generated alias around `trpc.deviceStatus.getStatus.useQuery`. */
 var useDeviceStatusGetStatus = trpc.deviceStatus.getStatus.useQuery;
+/** Generated alias around `trpc.dishwasher.start.useMutation`. */
+var useDishwasherStart = trpc.dishwasher.start.useMutation;
+/** Generated alias around `trpc.dishwasher.pause.useMutation`. */
+var useDishwasherPause = trpc.dishwasher.pause.useMutation;
+/** Generated alias around `trpc.dishwasher.stop.useMutation`. */
+var useDishwasherStop = trpc.dishwasher.stop.useMutation;
+/** Generated alias around `trpc.dishwasher.setProgram.useMutation`. */
+var useDishwasherSetProgram = trpc.dishwasher.setProgram.useMutation;
+/** Generated alias around `trpc.dishwasher.setPower.useMutation`. */
+var useDishwasherSetPower = trpc.dishwasher.setPower.useMutation;
+/** Generated alias around `trpc.dishwasher.setHalfLoad.useMutation`. */
+var useDishwasherSetHalfLoad = trpc.dishwasher.setHalfLoad.useMutation;
+/** Generated alias around `trpc.dishwasher.setHygienePlus.useMutation`. */
+var useDishwasherSetHygienePlus = trpc.dishwasher.setHygienePlus.useMutation;
+/** Generated alias around `trpc.dishwasher.setOption.useMutation`. */
+var useDishwasherSetOption = trpc.dishwasher.setOption.useMutation;
+/** Generated alias around `trpc.dishwasher.getStatus.useQuery`. */
+var useDishwasherGetStatus = trpc.dishwasher.getStatus.useQuery;
 /** Generated alias around `trpc.doorbell.getStatus.useQuery`. */
 var useDoorbellGetStatus = trpc.doorbell.getStatus.useQuery;
 /** Generated alias around `trpc.enumSensor.getStatus.useQuery`. */
@@ -10985,6 +11084,8 @@ var useFeatureProbeGetStatus = trpc.featureProbe.getStatus.useQuery;
 var useFloodGetStatus = trpc.flood.getStatus.useQuery;
 /** Generated alias around `trpc.gas.getStatus.useQuery`. */
 var useGasGetStatus = trpc.gas.getStatus.useQuery;
+/** Generated alias around `trpc.heatingValve.getStatus.useQuery`. */
+var useHeatingValveGetStatus = trpc.heatingValve.getStatus.useQuery;
 /** Generated alias around `trpc.humidifier.setOn.useMutation`. */
 var useHumidifierSetOn = trpc.humidifier.setOn.useMutation;
 /** Generated alias around `trpc.humidifier.setTargetHumidity.useMutation`. */
@@ -14135,7 +14236,7 @@ function ConfigNotificationTargetMultiSelectFieldView({ field, value, onChange,
 	const kindsQuery = useNotificationOutputListTargetKinds({});
 	const targets = (0, react$1.useMemo)(() => toTargetOptions(targetsQuery.data), [targetsQuery.data]);
 	const kindIconUrls = (0, react$1.useMemo)(() => buildKindIconMap(kindsQuery.data), [kindsQuery.data]);
-	const selected = Array.isArray(value) ? value.filter((v) => typeof v === "string") : typeof value === "string" && value.length > 0 ? [value] : [];
+	const selected = Array.isArray(value) ? value.filter((v) => typeof v === "string") : typeof value === "string" && value.length > 0 ? value.includes(",") ? value.split(",").map((id) => id.trim()).filter((id) => id.length > 0) : [value] : [];
 	const pending = targetsQuery.isPending || kindsQuery.isPending;
 	const error = targetsQuery.isError ? targetsQuery.error : kindsQuery.isError ? kindsQuery.error : null;
 	if (pending) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldShell, {
@@ -19498,11 +19599,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(value) {
+function isRecord$2(value) {
 	return value !== null && typeof value === "object" && !Array.isArray(value);
 }
 function readRect(value) {
-	if (!isRecord(value)) return null;
+	if (!isRecord$2(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;
@@ -19515,7 +19616,7 @@ function readRect(value) {
 	};
 }
 function readCell(value) {
-	if (!isRecord(value)) return null;
+	if (!isRecord$2(value)) return null;
 	const deviceId = value["deviceId"];
 	if (typeof deviceId !== "number" || !Number.isInteger(deviceId)) return null;
 	const source = readRect(value["source"]);
@@ -19528,7 +19629,7 @@ function readCell(value) {
 	};
 }
 function readProfileOffer(value) {
-	if (!isRecord(value)) return null;
+	if (!isRecord$2(value)) return null;
 	const profile = value["profile"];
 	const offered = value["offered"];
 	const missing = value["missingSources"];
@@ -19557,7 +19658,7 @@ function readProfileOffer(value) {
 */
 function parseGridView(raw) {
 	if (raw === null) return null;
-	if (!isRecord(raw)) return "unreadable";
+	if (!isRecord$2(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 = [];
@@ -25714,7 +25815,7 @@ function mergeAvailabilitySpans(ranges) {
 * significant digits (binary prefixes, matching recording sizes elsewhere).
 * KB and up render one decimal under 100, none above; bytes never get a decimal.
 */
-function formatBytes(bytes) {
+function formatBytes$1(bytes) {
 	if (!Number.isFinite(bytes) || bytes < 0) return "—";
 	if (bytes < 1024) return `${Math.round(bytes)} B`;
 	const units = [
@@ -26247,7 +26348,7 @@ function RecordingPanel({ deviceId }) {
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(WidgetMetricCard, {
 								label: t("uiLibrary.recordingPanel.storage", "Storage"),
 								icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HardDrive, { className: "h-3.5 w-3.5" }),
-								children: status ? formatBytes(status.storageBytes) : "—"
+								children: status ? formatBytes$1(status.storageBytes) : "—"
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(WidgetMetricCard, {
 								label: t("uiLibrary.recordingPanel.recorded24h", "Recorded (24h)"),
@@ -28815,7 +28916,7 @@ function AddonActionSelectField({ field, value, values, onChange, disabled, onAc
 		})()
 	});
 }
-function AddonActionButtonField({ field, values, disabled, onAction }) {
+function AddonActionButtonField({ field, values, disabled, onAction, onChange, onChangeMany }) {
 	const t = useUiText();
 	const [loading, setLoading] = (0, react$1.useState)(false);
 	const [status, setStatus] = (0, react$1.useState)(null);
@@ -28847,6 +28948,17 @@ function AddonActionButtonField({ field, values, disabled, onAction }) {
 		try {
 			const result = await onAction(field.action, field.key, params);
 			const resultRecord = typeof result === "object" && result !== null ? result : null;
+			if (resultRecord !== null && field.assignResult && (onChange || onChangeMany)) {
+				const patch = {};
+				for (const [formKey, resultKey] of Object.entries(field.assignResult)) {
+					const assigned = resultRecord[resultKey];
+					if (typeof assigned === "string") patch[formKey] = assigned;
+				}
+				if (Object.keys(patch).length > 0) {
+					if (onChangeMany) onChangeMany(patch);
+					else if (onChange) for (const [formKey, assigned] of Object.entries(patch)) onChange(formKey, assigned);
+				}
+			}
 			setStatus({
 				kind: "ok",
 				text: field.successMessage ? field.successMessage.replace(/\{(\w+)\}/g, (_, k) => {
@@ -29195,7 +29307,7 @@ function isFieldVisible(field, values, allFields) {
 	if (condition.notIncludes !== void 0) return !Array.isArray(condVal) || !condVal.includes(condition.notIncludes);
 	return true;
 }
-function FormField({ field, values, onChange, disabled, translationFn, onTestField, externalProbe, allFields, onAction }) {
+function FormField({ field, values, onChange, onChangeMany, disabled, translationFn, onTestField, externalProbe, allFields, onAction }) {
 	if (hasMultiple(field)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MultipleFieldWrapper, {
 		field,
 		values,
@@ -29431,7 +29543,9 @@ function FormField({ field, values, onChange, disabled, translationFn, onTestFie
 			field,
 			values,
 			disabled,
-			onAction
+			onAction,
+			onChange,
+			onChangeMany
 		});
 		case "device-action-button": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DeviceActionButtonField, {
 			field,
@@ -29608,17 +29722,7 @@ function applyValuesToSchema(schema, nextValues) {
 	};
 }
 function stripValues(schema) {
-	return {
-		...schema,
-		sections: schema.sections.map((s) => ({
-			...s,
-			fields: s.fields.map((f) => {
-				if (!isValueBearingField(f)) return f;
-				const { value: _drop, ...rest } = f;
-				return rest;
-			})
-		}))
-	};
+	return (0, _camstack_types.dehydrateSchema)(schema);
 }
 function AddonGlobalSettingsForm({ trpc, addonId, nodeId, title, disabled, onAfterChange, refreshToken, sectionIds, bare = false, collapsible, defaultOpen, mode, onOverrideChange }) {
 	const t = useUiText();
@@ -42924,6 +43028,19 @@ function FanPanel({ trpc, deviceId, features, layout, optimistic }) {
 }
 //#endregion
 //#region src/composites/device-controls/climate-panel.tsx
+/** Step size for target ± buttons; defaults to 1 °C when unset or invalid. */
+function resolveClimateTempStep(tempStep) {
+	if (typeof tempStep === "number" && Number.isFinite(tempStep) && tempStep > 0) return tempStep;
+	return 1;
+}
+function nextClimateTarget(current, deltaSteps, display) {
+	let next = current + deltaSteps * resolveClimateTempStep(display.tempStep);
+	const min = display.minTemp;
+	const max = display.maxTemp;
+	if (typeof min === "number" && Number.isFinite(min)) next = Math.max(next, min);
+	if (typeof max === "number" && Number.isFinite(max)) next = Math.min(next, max);
+	return next;
+}
 /**
 * Exhaustive colour map — one entry per HvacMode. Build will fail if a
 * mode is added to the enum and not reflected here (Record<HvacMode, ...>
@@ -43004,7 +43121,7 @@ function ClimatePanel({ trpc, deviceId, features: _features, layout, optimistic
 				onClick: (e) => {
 					e.stopPropagation();
 					if (!busy && display.target !== null) {
-						const next = display.target - 1;
+						const next = nextClimateTarget(display.target, -1, display);
 						applyOptimistic({ target: next });
 						cap.setTarget({ target: next });
 					}
@@ -43018,7 +43135,7 @@ function ClimatePanel({ trpc, deviceId, features: _features, layout, optimistic
 				onClick: (e) => {
 					e.stopPropagation();
 					if (!busy && display.target !== null) {
-						const next = display.target + 1;
+						const next = nextClimateTarget(display.target, 1, display);
 						applyOptimistic({ target: next });
 						cap.setTarget({ target: next });
 					}
@@ -43073,7 +43190,7 @@ function ClimatePanel({ trpc, deviceId, features: _features, layout, optimistic
 						onClick: (e) => {
 							e.stopPropagation();
 							if (!busy && display.target !== null) {
-								const next = display.target - 1;
+								const next = nextClimateTarget(display.target, -1, display);
 								applyOptimistic({ target: next });
 								cap.setTarget({ target: next });
 							}
@@ -43088,7 +43205,7 @@ function ClimatePanel({ trpc, deviceId, features: _features, layout, optimistic
 						onClick: (e) => {
 							e.stopPropagation();
 							if (!busy && display.target !== null) {
-								const next = display.target + 1;
+								const next = nextClimateTarget(display.target, 1, display);
 								applyOptimistic({ target: next });
 								cap.setTarget({ target: next });
 							}
@@ -43746,7 +43863,8 @@ var CONTROL_CAP_NAMES = [
 	"climate-control",
 	"media-player",
 	"control",
-	"pet-feeder"
+	"pet-feeder",
+	"dishwasher"
 ];
 //#endregion
 //#region src/composites/device-controls/popover-row-action.tsx
@@ -48557,7 +48675,405 @@ function PetFeederHeroCard({ trpc, deviceId, features, optimistic }) {
 	});
 }
 //#endregion
+//#region src/composites/device-controls/dishwasher-control.tsx
+/**
+* Dishwasher controls for a `DeviceType.Dishwasher` device.
+*
+* Reads the `dishwasher` cap status slice and renders inline + hero surfaces
+* mirroring vacuum-control / pet-feeder patterns.
+*/
+function dishwasherStateMeta(state, t = defaultUiText) {
+	switch (state) {
+		case "running": return {
+			label: t("uiLibrary.dishwasher.running", "Running"),
+			tone: "text-primary"
+		};
+		case "paused": return {
+			label: t("uiLibrary.dishwasher.paused", "Paused"),
+			tone: "text-warning"
+		};
+		case "finished": return {
+			label: t("uiLibrary.dishwasher.finished", "Finished"),
+			tone: "text-success"
+		};
+		case "error": return {
+			label: t("uiLibrary.dishwasher.error", "Error"),
+			tone: "text-destructive"
+		};
+		case "unavailable": return {
+			label: t("uiLibrary.dishwasher.unavailable", "Unavailable"),
+			tone: "text-foreground-subtle"
+		};
+		case "idle": return {
+			label: t("uiLibrary.dishwasher.idle", "Idle"),
+			tone: "text-foreground-subtle"
+		};
+		case void 0: return {
+			label: t("uiLibrary.dishwasher.unknown", "Unknown"),
+			tone: "text-foreground-subtle"
+		};
+	}
+}
+function consumableTone(level) {
+	switch (level) {
+		case "ok": return "text-success";
+		case "low": return "text-warning";
+		case "empty": return "text-destructive";
+		case null: return "text-foreground-subtle";
+	}
+}
+function useDishwasher(trpc, deviceId) {
+	return useDeviceCapability({
+		trpc,
+		deviceId,
+		cap: (d) => d.dishwasher,
+		slice: (d) => d.state.dishwasher
+	});
+}
+function DishwasherIconButton({ label, busy, active, onClick, children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		type: "button",
+		"aria-label": label,
+		title: label,
+		disabled: busy,
+		onClick: (e) => {
+			e.stopPropagation();
+			onClick();
+		},
+		className: cn("inline-flex h-5 w-5 items-center justify-center rounded text-foreground-subtle hover:text-foreground hover:bg-surface-hover transition-colors", active && "bg-primary text-primary-foreground", busy && "opacity-40 cursor-not-allowed"),
+		children
+	});
+}
+function ConsumableBadge({ label, level }) {
+	if (level === null) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		className: cn("text-xs font-medium capitalize", consumableTone(level)),
+		children: [
+			label,
+			": ",
+			level
+		]
+	});
+}
+function DishwasherGraphic({ state, progressPercent }) {
+	const running = state === "running";
+	const pct = progressPercent != null ? Math.max(0, Math.min(100, progressPercent)) : running ? 40 : 0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		"aria-hidden": "true",
+		className: "relative w-28 h-36 rounded border-2 border-border bg-gradient-to-b from-surface-hover to-surface overflow-hidden flex-shrink-0",
+		style: { boxShadow: "inset 0 0 0 2px rgba(255,255,255,.06)" },
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: cn("absolute inset-x-0 bottom-0 bg-primary/25 transition-[height] duration-500", running && "animate-pulse"),
+			style: { height: `${pct}%` }
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "absolute inset-0 flex items-center justify-center text-foreground-subtle",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Waves, { className: "h-10 w-10 opacity-70" })
+		})]
+	});
+}
+function DishwasherPanel({ trpc, deviceId, layout, optimistic }) {
+	const t = useUiText();
+	const { cap, slice, available } = useDishwasher(trpc, deviceId);
+	const { display, applyOptimistic } = useOptimisticSlice(slice, { enabled: optimistic ?? true });
+	if (cap === void 0) return null;
+	if (display === void 0) return null;
+	const busy = !available;
+	const meta = dishwasherStateMeta(display.state, t);
+	const running = display.state === "running";
+	const paused = display.state === "paused";
+	const press = (fn, patch) => {
+		if (busy) return;
+		applyOptimistic(patch);
+		fn();
+	};
+	if (layout === "compact") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "inline-flex items-center gap-1",
+		children: [
+			display.doorOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "inline-flex text-warning",
+				title: t("uiLibrary.dishwasher.doorOpen", "Door open"),
+				"aria-label": t("uiLibrary.dishwasher.doorOpen", "Door open"),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DoorOpen, { className: "h-3.5 w-3.5" })
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: cn("text-xs font-medium tabular-nums", meta.tone),
+				children: meta.label
+			}),
+			display.remainingMinutes != null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "inline-flex items-center gap-0.5 text-xs text-foreground-subtle tabular-nums",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Timer, { className: "h-3 w-3" }),
+					display.remainingMinutes,
+					"m"
+				]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DishwasherIconButton, {
+				label: t("uiLibrary.dishwasher.start", "Start"),
+				busy: busy || !display.remoteStartAllowed,
+				active: running,
+				onClick: () => press(() => cap.start({}), {
+					state: "running",
+					remoteStartAllowed: false
+				}),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Play, { className: "h-3 w-3" })
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DishwasherIconButton, {
+				label: t("uiLibrary.dishwasher.pause", "Pause"),
+				busy: busy || !running,
+				active: paused,
+				onClick: () => press(() => cap.pause({}), { state: "paused" }),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pause, { className: "h-3 w-3" })
+			})
+		]
+	});
+	const programs = display.availablePrograms;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-3 rounded-lg border border-border bg-surface p-4",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-start gap-4",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DishwasherGraphic, {
+					state: display.state,
+					progressPercent: display.progressPercent
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex min-w-0 flex-1 flex-col gap-2",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex flex-wrap items-center gap-2",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: cn("text-3xl font-semibold", meta.tone),
+								children: meta.label
+							}), !display.powerOn && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "text-xs font-medium text-foreground-subtle",
+								children: t("uiLibrary.dishwasher.powerOff", "Power off")
+							})]
+						}),
+						display.program != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "text-sm text-foreground-subtle",
+							children: display.program
+						}),
+						display.progressPercent != null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "h-1.5 flex-1 rounded bg-surface-hover overflow-hidden",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "h-full bg-primary transition-[width] duration-500",
+									style: { width: `${Math.max(0, Math.min(100, display.progressPercent))}%` }
+								})
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								className: "tabular-nums text-xs text-foreground-subtle",
+								children: [Math.round(display.progressPercent), "%"]
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex flex-wrap gap-3",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConsumableBadge, {
+									label: t("uiLibrary.dishwasher.salt", "Salt"),
+									level: display.saltLevel
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConsumableBadge, {
+									label: t("uiLibrary.dishwasher.rinseAid", "Rinse aid"),
+									level: display.rinseAidLevel
+								}),
+								display.doorOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "inline-flex items-center gap-1 text-xs text-warning",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DoorOpen, { className: "h-3.5 w-3.5" }), t("uiLibrary.dishwasher.doorOpen", "Door open")]
+								})
+							]
+						}),
+						display.errorCode != null && display.errorCode !== 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "inline-flex items-center gap-1 text-xs text-destructive",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TriangleAlert, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: display.errorLabel ?? t("uiLibrary.dishwasher.errorCode", "Error {{code}}", { code: display.errorCode }) })]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex flex-wrap items-center gap-2",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DishwasherIconButton, {
+									label: t("uiLibrary.dishwasher.start", "Start"),
+									busy: busy || !display.remoteStartAllowed,
+									active: running,
+									onClick: () => press(() => cap.start({}), {
+										state: "running",
+										remoteStartAllowed: false
+									}),
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Play, { className: "h-4 w-4" })
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DishwasherIconButton, {
+									label: t("uiLibrary.dishwasher.pause", "Pause"),
+									busy: busy || !running,
+									active: paused,
+									onClick: () => press(() => cap.pause({}), { state: "paused" }),
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pause, { className: "h-4 w-4" })
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DishwasherIconButton, {
+									label: t("uiLibrary.dishwasher.stop", "Stop"),
+									busy,
+									active: false,
+									onClick: () => press(() => cap.stop({}), {
+										state: "idle",
+										remainingMinutes: null
+									}),
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Square, { className: "h-3.5 w-3.5" })
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DishwasherIconButton, {
+									label: t("uiLibrary.dishwasher.power", "Power"),
+									busy,
+									active: display.powerOn,
+									onClick: () => {
+										const next = !display.powerOn;
+										press(() => cap.setPower({ on: next }), { powerOn: next });
+									},
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Power, { className: "h-4 w-4" })
+								})
+							]
+						})
+					]
+				})]
+			}),
+			programs.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+				className: "flex items-center gap-2 text-xs text-foreground-subtle",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "w-16 shrink-0",
+					children: t("uiLibrary.dishwasher.program", "Program")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+					"aria-label": t("uiLibrary.dishwasher.program", "Program"),
+					value: display.program ?? "",
+					disabled: busy,
+					onChange: (e) => {
+						const program = e.target.value;
+						if (!program) return;
+						applyOptimistic({ program });
+						cap.setProgram({ program });
+					},
+					onClick: (e) => {
+						e.stopPropagation();
+					},
+					className: "flex-1 rounded border border-border bg-surface px-2 py-1 text-foreground disabled:opacity-50",
+					children: [display.program == null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+						value: "",
+						children: "—"
+					}), programs.map((p) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+						value: p,
+						children: p
+					}, p))]
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-wrap gap-4 text-xs",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleRow, {
+					label: t("uiLibrary.dishwasher.halfLoad", "Half load"),
+					checked: display.halfLoad,
+					busy,
+					onChange: (on) => {
+						applyOptimistic({ halfLoad: on });
+						cap.setHalfLoad({ on });
+					}
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleRow, {
+					label: t("uiLibrary.dishwasher.hygienePlus", "Hygiene plus"),
+					checked: display.hygienePlus,
+					busy,
+					onChange: (on) => {
+						applyOptimistic({ hygienePlus: on });
+						cap.setHygienePlus({ on });
+					}
+				})]
+			})
+		]
+	});
+}
+function ToggleRow({ label, checked, busy, onChange }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+		className: "inline-flex items-center gap-2 cursor-pointer",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+			type: "checkbox",
+			checked,
+			disabled: busy,
+			onChange: (e) => {
+				onChange(e.target.checked);
+			},
+			onClick: (e) => {
+				e.stopPropagation();
+			},
+			className: "rounded border-border"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label })]
+	});
+}
+function DishwasherInlineControl(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DishwasherPanel, {
+		...props,
+		layout: "compact"
+	});
+}
+function DishwasherHeroCard(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DishwasherPanel, {
+		...props,
+		layout: "full"
+	});
+}
+//#endregion
+//#region src/composites/device-controls/heating-valve-readout.tsx
+function formatHeatingValvePosition(position) {
+	return position !== null ? `${position}%` : "—";
+}
+function HeatingValveReadout({ trpc, deviceId, layout }) {
+	const t = useUiText();
+	const { cap, slice } = useDeviceCapability({
+		trpc,
+		deviceId,
+		cap: (d) => d.heatingValve,
+		slice: (d) => d.state.heatingValve
+	});
+	if (cap === void 0 || slice === void 0) return null;
+	const label = t("uiLibrary.heatingValveReadout.valve", "Valve");
+	const value = formatHeatingValvePosition(slice.position);
+	if (layout === "compact") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: "inline-flex items-center text-xs tabular-nums text-foreground-subtle",
+		"aria-label": `${label} ${value}`,
+		children: value
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex items-center gap-2 text-xs tabular-nums text-foreground-subtle",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "font-medium text-foreground",
+			children: value
+		})]
+	});
+}
+//#endregion
 //#region src/composites/device-controls/ac-panel.tsx
+/** Modes that mean the device can cool, dry, or move air — an air conditioner. */
+var COOLING_MODES = new Set([
+	"cool",
+	"heat_cool",
+	"dry",
+	"fan_only"
+]);
+/** A heater offers heat (and maybe auto/off) and none of the cooling modes. */
+function climateOffersCooling(modes) {
+	return modes.some((mode) => COOLING_MODES.has(mode));
+}
+/** Setpoint track bounds. Absent when the integration did not report both ends. */
+function climateSetpointBounds(status) {
+	const min = status.minTemp;
+	const max = status.maxTemp;
+	if (typeof min !== "number" || typeof max !== "number") return null;
+	if (!Number.isFinite(min) || !Number.isFinite(max) || max <= min) return null;
+	return {
+		min,
+		max
+	};
+}
+/** Map a 0–1 drag fraction onto the setpoint, snapped to `tempStep`. */
+function climateTargetFromFraction(fraction, bounds, tempStep) {
+	const step = resolveClimateTempStep(tempStep);
+	const clamped = Math.min(1, Math.max(0, fraction));
+	const raw = bounds.min + clamped * (bounds.max - bounds.min);
+	const steps = Math.round((raw - bounds.min) / step);
+	const snapped = bounds.min + steps * step;
+	const rounded = Math.round(snapped * 1e3) / 1e3;
+	return Math.min(bounds.max, Math.max(bounds.min, rounded));
+}
 /** AC-appropriate short mode labels. Exhaustive over HvacMode. */
 function modeLabel(t, mode) {
 	switch (mode) {
@@ -48591,9 +49107,6 @@ var MODE_ACCENT = {
 	dry: "#22d3ee",
 	off: "#a1a1aa"
 };
-/** Practical AC setpoint range (Celsius) for the target range track. */
-var TARGET_MIN = 16;
-var TARGET_MAX = 30;
 /** Title-case a snake/lower token for a selector option ('medium_low' → 'Medium
 *  low', 'turbo' → 'Turbo'). Shared by the fan + preset selectors. */
 function fanLabel(token) {
@@ -48680,7 +49193,7 @@ function AcPanel({ trpc, deviceId, layout, optimistic }) {
 				onClick: (e) => {
 					e.stopPropagation();
 					if (!busy && display.target !== null) {
-						const next = display.target - 1;
+						const next = nextClimateTarget(display.target, -1, display);
 						applyOptimistic({ target: next });
 						cap.setTarget({ target: next });
 					}
@@ -48694,7 +49207,7 @@ function AcPanel({ trpc, deviceId, layout, optimistic }) {
 				onClick: (e) => {
 					e.stopPropagation();
 					if (!busy && display.target !== null) {
-						const next = display.target + 1;
+						const next = nextClimateTarget(display.target, 1, display);
 						applyOptimistic({ target: next });
 						cap.setTarget({ target: next });
 					}
@@ -48724,6 +49237,8 @@ function AcPanel({ trpc, deviceId, layout, optimistic }) {
 	});
 	const accent = MODE_ACCENT[display.mode];
 	const on = display.mode !== "off";
+	const heatingOnly = !climateOffersCooling(display.availableModes);
+	const setpointBounds = climateSetpointBounds(display);
 	const CurrentPresetIcon = presetIcon(display.preset);
 	const boost = display.preset === "turbo";
 	const period = Math.max(.55, airflowPeriodSec(display.fanMode) * (boost ? .6 : 1));
@@ -48740,11 +49255,12 @@ function AcPanel({ trpc, deviceId, layout, optimistic }) {
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "pointer-events-none absolute inset-0 opacity-60",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AirflowViz, {
+						children: heatingOnly && !on ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RadiatorFins, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AirflowViz, {
 							mode: display.mode,
 							accent,
 							periodSec: period,
-							swaying
+							swaying,
+							forceRising: heatingOnly
 						})
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "pointer-events-none absolute inset-0 bg-gradient-to-b from-surface/50 via-transparent to-surface/50" }),
@@ -48762,6 +49278,7 @@ function AcPanel({ trpc, deviceId, layout, optimistic }) {
 						children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModeIcon, {
 								mode: display.mode,
+								heatingOnly,
 								className: "h-3.5 w-3.5"
 							}),
 							modeLabel(t, display.mode),
@@ -48788,7 +49305,7 @@ function AcPanel({ trpc, deviceId, layout, optimistic }) {
 								disabled: busy,
 								onClick: () => {
 									if (busy || display.target === null) return;
-									const next = display.target - 1;
+									const next = nextClimateTarget(display.target, -1, display);
 									applyOptimistic({ target: next });
 									cap.setTarget({ target: next });
 								}
@@ -48810,19 +49327,29 @@ function AcPanel({ trpc, deviceId, layout, optimistic }) {
 								disabled: busy,
 								onClick: () => {
 									if (busy || display.target === null) return;
-									const next = display.target + 1;
+									const next = nextClimateTarget(display.target, 1, display);
 									applyOptimistic({ target: next });
 									cap.setTarget({ target: next });
 								}
 							})
 						]
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "relative z-10 w-36",
+					}), setpointBounds !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "relative z-10 w-full px-1",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RangeTrack, {
 							value: display.target,
-							min: TARGET_MIN,
-							max: TARGET_MAX,
-							accent
+							min: setpointBounds.min,
+							max: setpointBounds.max,
+							step: display.tempStep,
+							accent,
+							disabled: busy,
+							label: t("uiLibrary.acPanel.setpoint", "Setpoint"),
+							onPreview: (next) => {
+								applyOptimistic({ target: next });
+							},
+							onCommit: (next) => {
+								applyOptimistic({ target: next });
+								cap.setTarget({ target: next });
+							}
 						})
 					})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "relative z-10 flex items-baseline gap-0.5",
@@ -48846,6 +49373,7 @@ function AcPanel({ trpc, deviceId, layout, optimistic }) {
 							className: "flex",
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModeIcon, {
 								mode: display.mode,
+								heatingOnly,
 								className: "h-4 w-4"
 							})
 						}),
@@ -48929,9 +49457,8 @@ function Field({ label, children }) {
 		}), children]
 	});
 }
-function ModeIcon({ mode, className }) {
-	const Icon = MODE_ICON[mode];
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
+function ModeIcon({ mode, heatingOnly = false, className }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(heatingOnly && mode === "heat" ? Heater : MODE_ICON[mode], {
 		className,
 		"aria-hidden": true
 	});
@@ -48981,11 +49508,89 @@ function RoundStep({ label, symbol, disabled, onClick }) {
 		children: symbol
 	});
 }
-/** Thin gradient range track with a knob at the setpoint fraction. */
-function RangeTrack({ value, min, max, accent }) {
-	const pct = `${Math.min(1, Math.max(0, (value - min) / (max - min))) * 100}%`;
+/** Setpoint track. Drag previews; the command is sent when the pointer is released. */
+function RangeTrack({ value, min, max, step, accent, disabled, label, onPreview, onCommit }) {
+	const trackRef = (0, react$1.useRef)(null);
+	const draggingRef = (0, react$1.useRef)(false);
+	const [draft, setDraft] = (0, react$1.useState)(null);
+	const shown = draft ?? value;
+	const pct = `${Math.min(1, Math.max(0, (shown - min) / (max - min))) * 100}%`;
+	const tempAt = (clientX) => {
+		const el = trackRef.current;
+		if (el === null) return value;
+		const rect = el.getBoundingClientRect();
+		if (rect.width <= 0) return value;
+		return climateTargetFromFraction((clientX - rect.left) / rect.width, {
+			min,
+			max
+		}, step);
+	};
+	const onPointerDown = (event) => {
+		if (disabled) return;
+		event.stopPropagation();
+		event.preventDefault();
+		draggingRef.current = true;
+		if (typeof event.currentTarget.setPointerCapture === "function") event.currentTarget.setPointerCapture(event.pointerId);
+		const next = tempAt(event.clientX);
+		setDraft(next);
+		onPreview(next);
+	};
+	const onPointerMove = (event) => {
+		if (disabled || !draggingRef.current) return;
+		event.stopPropagation();
+		const next = tempAt(event.clientX);
+		setDraft(next);
+		onPreview(next);
+	};
+	const endDrag = (event) => {
+		if (!draggingRef.current) return;
+		event.stopPropagation();
+		draggingRef.current = false;
+		const next = tempAt(event.clientX);
+		setDraft(null);
+		if (event.currentTarget.hasPointerCapture?.(event.pointerId) === true) event.currentTarget.releasePointerCapture(event.pointerId);
+		onCommit(next);
+	};
+	const onKeyDown = (event) => {
+		if (disabled) return;
+		const current = draft ?? value;
+		if (event.key === "ArrowRight" || event.key === "ArrowUp") {
+			event.preventDefault();
+			onCommit(nextClimateTarget(current, 1, {
+				tempStep: step,
+				minTemp: min,
+				maxTemp: max
+			}));
+		} else if (event.key === "ArrowLeft" || event.key === "ArrowDown") {
+			event.preventDefault();
+			onCommit(nextClimateTarget(current, -1, {
+				tempStep: step,
+				minTemp: min,
+				maxTemp: max
+			}));
+		} else if (event.key === "Home") {
+			event.preventDefault();
+			onCommit(min);
+		} else if (event.key === "End") {
+			event.preventDefault();
+			onCommit(max);
+		}
+	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "mt-2 w-full",
+		ref: trackRef,
+		role: "slider",
+		"aria-label": label,
+		"aria-valuemin": min,
+		"aria-valuemax": max,
+		"aria-valuenow": shown,
+		"aria-disabled": disabled,
+		tabIndex: disabled ? -1 : 0,
+		onPointerDown,
+		onPointerMove,
+		onPointerUp: endDrag,
+		onPointerCancel: endDrag,
+		onKeyDown,
+		className: cn("mt-1 w-full touch-none select-none py-2", disabled ? "cursor-not-allowed opacity-40" : "cursor-ew-resize"),
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "relative h-1.5 w-full rounded-full bg-surface-subtle",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -48995,7 +49600,7 @@ function RangeTrack({ value, min, max, accent }) {
 					background: accent
 				}
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "absolute top-1/2 h-3 w-3 -translate-x-1/2 -translate-y-1/2 rounded-full border-2 border-surface shadow",
+				className: "absolute top-1/2 h-3.5 w-3.5 -translate-x-1/2 -translate-y-1/2 rounded-full border-2 border-surface shadow",
 				style: {
 					left: pct,
 					background: accent
@@ -49012,7 +49617,7 @@ function RangeTrack({ value, min, max, accent }) {
 * vent; every active mode renders drifting particles that FALL (cool/dry/auto)
 * or RISE (heat), with a horizontal sweep overlaid when a swing axis is active.
 */
-function AirflowViz({ mode, accent, periodSec, swaying }) {
+function AirflowViz({ mode, accent, periodSec, swaying, forceRising = false }) {
 	const columns = [
 		0,
 		1,
@@ -49021,7 +49626,7 @@ function AirflowViz({ mode, accent, periodSec, swaying }) {
 		4,
 		5
 	];
-	const rising = mode === "heat";
+	const rising = forceRising || mode === "heat";
 	const isDroplet = mode === "dry";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		"aria-hidden": true,
@@ -49037,6 +49642,7 @@ function AirflowViz({ mode, accent, periodSec, swaying }) {
 				size: 56
 			})
 		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			"data-testid": forceRising ? "climate-heat-rise" : void 0,
 			className: cn("acv-sway-wrap absolute inset-0", swaying && "acv-sway"),
 			style: swaying ? { animation: "acv-sway 2.6s ease-in-out infinite" } : void 0,
 			children: columns.map((i) => {
@@ -49059,6 +49665,23 @@ function AirflowViz({ mode, accent, periodSec, swaying }) {
 		})
 	});
 }
+/** Still radiator fins — the off state of a heating-only climate. */
+function RadiatorFins() {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-testid": "climate-radiator",
+		"aria-hidden": true,
+		className: "flex h-full items-end justify-center gap-1.5 px-8 pb-3 opacity-40",
+		children: [
+			0,
+			1,
+			2,
+			3,
+			4,
+			5,
+			6
+		].map((i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "h-10 w-1.5 rounded-t-full bg-foreground-subtle" }, i))
+	});
+}
 /** Big spinning fan for `fan_only` mode. */
 function FanBlades({ color, periodSec, size }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
@@ -49225,16 +49848,33 @@ var MODE_ARC_COLOR = {
 */
 function ThermostatHeroCard({ trpc, deviceId, features: _features, optimistic }) {
 	const t = useUiText();
-	const { cap, slice, available } = useDeviceCapability({
+	const climate = useDeviceCapability({
 		trpc,
 		deviceId,
 		cap: (d) => d.climateControl,
 		slice: (d) => d.state.climateControl
 	});
-	const { display, applyOptimistic } = useOptimisticSlice(slice, { enabled: optimistic ?? true });
-	if (cap === void 0) return null;
-	if (display === void 0) return null;
-	const busy = !available;
+	const valve = useDeviceCapability({
+		trpc,
+		deviceId,
+		cap: (d) => d.heatingValve,
+		slice: (d) => d.state.heatingValve
+	});
+	const { display, applyOptimistic } = useOptimisticSlice(climate.slice, { enabled: optimistic ?? true });
+	const hasClimate = climate.cap !== void 0 && display !== void 0;
+	const hasValve = valve.cap !== void 0;
+	if (!hasClimate && !hasValve) return null;
+	if (!hasClimate && hasValve) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "flex flex-col items-stretch gap-3 rounded-lg border border-border bg-surface p-4",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HeatingValveReadout, {
+			trpc,
+			deviceId,
+			layout: "full"
+		})
+	});
+	if (climate.cap === void 0 || display === void 0) return null;
+	const cap = climate.cap;
+	const busy = !climate.available;
 	const color = MODE_ARC_COLOR[display.mode];
 	const isRange = display.mode === "heat_cool" || display.targetLow !== null && display.targetHigh !== null;
 	const min = DEFAULT_TEMP_MIN;
@@ -49245,132 +49885,140 @@ function ThermostatHeroCard({ trpc, deviceId, features: _features, optimistic })
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		"data-mode": display.mode,
 		className: cn("flex flex-col items-stretch gap-4 rounded-lg border border-border bg-surface p-4 transition-colors", MODE_COLOR[display.mode]),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "flex flex-col items-center gap-3",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "relative",
-				style: {
-					width: GAUGE_SIZE,
-					height: GAUGE_SIZE
-				},
-				children: [
-					isRange ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GaugeRing, {
-						mode: "band",
-						band: {
-							from: fractionLow,
-							to: fractionHigh
-						},
-						color
-					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GaugeRing, {
-						mode: "fill",
-						fraction: singleFraction,
-						color
-					}),
-					isRange ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						"data-testid": "arc-knob",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArcKnob, {
-							fraction: fractionLow,
-							color,
-							knobTopPx: THERMOSTAT_KNOB_TOP_PX,
-							onDragFraction: (f) => {
-								if (busy || display.targetHigh === null) return;
-								const next = Math.min(fractionToTemp(f, min, max), display.targetHigh);
-								applyOptimistic({ targetLow: next });
-								cap.setTargetRange({
-									targetLow: next,
-									targetHigh: display.targetHigh
-								});
-							}
-						})
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						"data-testid": "arc-knob",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArcKnob, {
-							fraction: fractionHigh,
-							color,
-							knobTopPx: THERMOSTAT_KNOB_TOP_PX,
-							onDragFraction: (f) => {
-								if (busy || display.targetLow === null) return;
-								const next = Math.max(fractionToTemp(f, min, max), display.targetLow);
-								applyOptimistic({ targetHigh: next });
-								cap.setTargetRange({
-									targetLow: display.targetLow,
-									targetHigh: next
-								});
-							}
-						})
-					})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						"data-testid": "arc-knob",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArcKnob, {
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col items-center gap-3",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "relative",
+					style: {
+						width: GAUGE_SIZE,
+						height: GAUGE_SIZE
+					},
+					children: [
+						isRange ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GaugeRing, {
+							mode: "band",
+							band: {
+								from: fractionLow,
+								to: fractionHigh
+							},
+							color
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GaugeRing, {
+							mode: "fill",
 							fraction: singleFraction,
-							color,
-							knobTopPx: THERMOSTAT_KNOB_TOP_PX,
-							onDragFraction: (f) => {
-								if (busy) return;
-								const next = fractionToTemp(f, min, max);
-								applyOptimistic({ target: next });
-								cap.setTarget({ target: next });
-							}
-						})
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "absolute inset-0 flex flex-col items-center justify-center gap-0.5 pointer-events-none",
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								"data-testid": "current-temp",
-								className: "text-4xl font-bold tabular-nums text-foreground leading-none",
-								children: [display.currentTemp !== null ? display.currentTemp : "—", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "text-lg text-foreground-subtle font-normal ml-0.5",
-									children: "°"
-								})]
-							}),
-							!isRange && display.target !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "text-xs font-semibold",
-								style: { color },
-								children: t("uiLibrary.thermostatHeroCard.setTo", "set {{value}}°", { value: display.target })
-							}),
-							isRange && display.targetLow !== null && display.targetHigh !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "text-xs font-semibold",
-								style: { color },
-								children: [
-									display.targetLow,
-									"° – ",
-									display.targetHigh,
-									"°"
-								]
+							color
+						}),
+						isRange ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							"data-testid": "arc-knob",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArcKnob, {
+								fraction: fractionLow,
+								color,
+								knobTopPx: THERMOSTAT_KNOB_TOP_PX,
+								onDragFraction: (f) => {
+									if (busy || display.targetHigh === null) return;
+									const next = Math.min(fractionToTemp(f, min, max), display.targetHigh);
+									applyOptimistic({ targetLow: next });
+									cap.setTargetRange({
+										targetLow: next,
+										targetHigh: display.targetHigh
+									});
+								}
 							})
-						]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							"data-testid": "arc-knob",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArcKnob, {
+								fraction: fractionHigh,
+								color,
+								knobTopPx: THERMOSTAT_KNOB_TOP_PX,
+								onDragFraction: (f) => {
+									if (busy || display.targetLow === null) return;
+									const next = Math.max(fractionToTemp(f, min, max), display.targetLow);
+									applyOptimistic({ targetHigh: next });
+									cap.setTargetRange({
+										targetLow: display.targetLow,
+										targetHigh: next
+									});
+								}
+							})
+						})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							"data-testid": "arc-knob",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArcKnob, {
+								fraction: singleFraction,
+								color,
+								knobTopPx: THERMOSTAT_KNOB_TOP_PX,
+								onDragFraction: (f) => {
+									if (busy) return;
+									const next = fractionToTemp(f, min, max);
+									applyOptimistic({ target: next });
+									cap.setTarget({ target: next });
+								}
+							})
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "absolute inset-0 flex flex-col items-center justify-center gap-0.5 pointer-events-none",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									"data-testid": "current-temp",
+									className: "text-4xl font-bold tabular-nums text-foreground leading-none",
+									children: [display.currentTemp !== null ? display.currentTemp : "—", /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "text-lg text-foreground-subtle font-normal ml-0.5",
+										children: "°"
+									})]
+								}),
+								!isRange && display.target !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "text-xs font-semibold",
+									style: { color },
+									children: t("uiLibrary.thermostatHeroCard.setTo", "set {{value}}°", { value: display.target })
+								}),
+								isRange && display.targetLow !== null && display.targetHigh !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "text-xs font-semibold",
+									style: { color },
+									children: [
+										display.targetLow,
+										"° – ",
+										display.targetHigh,
+										"°"
+									]
+								})
+							]
+						})
+					]
+				}), !isRange && display.target !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "w-[200px]",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Stepper, {
+						value: `${display.target}°`,
+						onDelta: (d) => {
+							if (busy || display.target === null) return;
+							const next = display.target + d;
+							applyOptimistic({ target: next });
+							cap.setTarget({ target: next });
+						}
 					})
-				]
-			}), !isRange && display.target !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "w-[200px]",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Stepper, {
-					value: `${display.target}°`,
-					onDelta: (d) => {
-						if (busy || display.target === null) return;
-						const next = display.target + d;
-						applyOptimistic({ target: next });
-						cap.setTarget({ target: next });
+				})]
+			}),
+			hasValve ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HeatingValveReadout, {
+				trpc,
+				deviceId,
+				layout: "full"
+			}) : null,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+				"aria-label": t("uiLibrary.thermostatHeroCard.mode", "Mode"),
+				value: display.mode,
+				disabled: busy,
+				onChange: (e) => {
+					e.stopPropagation();
+					const mode = e.target.value;
+					if (!busy && mode) {
+						applyOptimistic({ mode: display.availableModes.find((m) => m === mode) ?? display.mode });
+						cap.setMode({ mode: display.availableModes.find((m) => m === mode) ?? display.mode });
 					}
-				})
-			})]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
-			"aria-label": t("uiLibrary.thermostatHeroCard.mode", "Mode"),
-			value: display.mode,
-			disabled: busy,
-			onChange: (e) => {
-				e.stopPropagation();
-				const mode = e.target.value;
-				if (!busy && mode) {
-					applyOptimistic({ mode: display.availableModes.find((m) => m === mode) ?? display.mode });
-					cap.setMode({ mode: display.availableModes.find((m) => m === mode) ?? display.mode });
-				}
-			},
-			className: cn("w-full rounded border border-border bg-surface px-3 py-1.5 text-sm", busy && "opacity-40 cursor-not-allowed"),
-			children: display.availableModes.map((m) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-				value: m,
-				children: m
-			}, m))
-		})]
+				},
+				className: cn("w-full rounded border border-border bg-surface px-3 py-1.5 text-sm", busy && "opacity-40 cursor-not-allowed"),
+				children: display.availableModes.map((m) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+					value: m,
+					children: m
+				}, m))
+			})
+		]
 	});
 }
 //#endregion
@@ -50878,14 +51526,32 @@ function useClimateCapGuard(trpc, deviceId) {
 	});
 	return cap !== void 0;
 }
-function ThermostatInlineControl({ trpc, deviceId, features, optimistic }) {
-	if (!useClimateCapGuard(trpc, deviceId)) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClimatePanel, {
+function useHeatingValveCapGuard(trpc, deviceId) {
+	const { cap } = useDeviceCapability({
 		trpc,
 		deviceId,
-		features,
-		layout: "compact",
-		optimistic
+		cap: (d) => d.heatingValve,
+		slice: (d) => d.state.heatingValve
+	});
+	return cap !== void 0;
+}
+function ThermostatInlineControl({ trpc, deviceId, features, optimistic }) {
+	const hasClimate = useClimateCapGuard(trpc, deviceId);
+	const hasValve = useHeatingValveCapGuard(trpc, deviceId);
+	if (!hasClimate && !hasValve) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		className: "inline-flex items-center gap-2",
+		children: [hasClimate ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClimatePanel, {
+			trpc,
+			deviceId,
+			features,
+			layout: "compact",
+			optimistic
+		}) : null, hasValve ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HeatingValveReadout, {
+			trpc,
+			deviceId,
+			layout: "compact"
+		}) : null]
 	});
 }
 function AcInlineControl({ trpc, deviceId, features, optimistic }) {
@@ -51050,6 +51716,10 @@ var CONTROL_KIND_COMPONENTS = {
 		InlineControl: PetFeederInlineControl,
 		HeroCard: PetFeederHeroCard
 	},
+	dishwasher: {
+		InlineControl: DishwasherInlineControl,
+		HeroCard: DishwasherHeroCard
+	},
 	script: {
 		InlineControl: ScriptInlineControl,
 		HeroCard: ScriptHeroCard
@@ -51126,7 +51796,8 @@ var CONTROL_FILLS = {
 	[_camstack_types.DeviceType.Weather]: false,
 	[_camstack_types.DeviceType.Container]: false,
 	[_camstack_types.DeviceType.Image]: false,
-	[_camstack_types.DeviceType.PetFeeder]: false
+	[_camstack_types.DeviceType.PetFeeder]: false,
+	[_camstack_types.DeviceType.Dishwasher]: false
 };
 var DEVICE_TYPE_VALUES = new Set(Object.values(_camstack_types.DeviceType));
 /**
@@ -58683,6 +59354,780 @@ function EntryIcon({ url }) {
 	});
 }
 //#endregion
+//#region src/composites/record-entries/record-entry-secrets.ts
+/** Whether a record entry field still holds the redaction token from a read. */
+function isRedactedSecret(value) {
+	return value === _camstack_types.REDACTED_SECRET;
+}
+/** Text shown in a password box for a redacted stored secret (empty — placeholder carries the hint). */
+function secretDisplayValue(value) {
+	if (isRedactedSecret(value)) return "";
+	return typeof value === "string" ? value : "";
+}
+/** Merge an edited password box back into the body sent to `putEntry`. */
+function mergeSecretForSubmit(draft, original) {
+	if (!isRedactedSecret(original)) return draft;
+	if (draft.length === 0) return _camstack_types.REDACTED_SECRET;
+	return draft;
+}
+/** Is this JSON-schema leaf (or path) a credential field? */
+function isSecretField(path, secretPaths, schemaNode) {
+	if (schemaNode["secret"] === true) return true;
+	return secretPaths.includes(path);
+}
+//#endregion
+//#region src/composites/record-entries/entry-json-schema-form.tsx
+function isRecord$1(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function labelFor(key, node) {
+	const desc = node["description"];
+	if (typeof desc === "string" && desc.length > 0) return desc;
+	return key.replace(/([A-Z])/g, " $1").replace(/^./, (c) => c.toUpperCase());
+}
+function readString(value) {
+	return typeof value === "string" ? value : "";
+}
+function readNumber(value) {
+	return typeof value === "number" && Number.isFinite(value) ? value : void 0;
+}
+function readBool(value) {
+	return value === true;
+}
+function objectFromJson(text) {
+	try {
+		const parsed = JSON.parse(text);
+		return isRecord$1(parsed) ? parsed : null;
+	} catch {
+		return null;
+	}
+}
+function RecordEntrySecretField({ label, required, value, disabled, onPatch }) {
+	const [shown, setShown] = (0, react$1.useState)(false);
+	const stored = isRedactedSecret(value);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormField$1, {
+		label,
+		required,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PasswordInput, {
+			value: secretDisplayValue(value),
+			onValueChange: (text) => onPatch(mergeSecretForSubmit(text, value)),
+			shown,
+			onToggleShown: () => setShown((s) => !s),
+			disabled,
+			placeholder: stored ? SECRET_MASK_PLACEHOLDER : `Enter ${label.toLowerCase()}`
+		})
+	});
+}
+function SchemaField(props) {
+	const { path, name, node, value, secretPaths, required, disabled, onPatch } = props;
+	const label = labelFor(name, node);
+	if (isSecretField(path, secretPaths, node)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RecordEntrySecretField, {
+		label,
+		required,
+		value,
+		disabled,
+		onPatch: (next) => onPatch(path, next)
+	});
+	const enumValues = node["enum"];
+	if (Array.isArray(enumValues) && enumValues.every((v) => typeof v === "string")) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormField$1, {
+		label,
+		required,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Select, {
+			value: readString(value),
+			onChange: (e) => onPatch(path, e.target.value),
+			disabled,
+			options: enumValues.map((opt) => ({
+				value: opt,
+				label: opt
+			}))
+		})
+	});
+	const type = node["type"];
+	if (type === "boolean") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormField$1, {
+		label,
+		required,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Switch, {
+			checked: readBool(value),
+			onCheckedChange: (v) => onPatch(path, v),
+			disabled
+		})
+	});
+	if (type === "integer" || type === "number") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormField$1, {
+		label,
+		required,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Input, {
+			type: "number",
+			value: readNumber(value) ?? "",
+			onChange: (e) => {
+				const raw = e.target.value;
+				onPatch(path, raw === "" ? void 0 : Number(raw));
+			},
+			disabled
+		})
+	});
+	if (type === "object") {
+		const properties = node["properties"];
+		if (isRecord$1(properties)) {
+			const childValue = isRecord$1(value) ? value : {};
+			const childRequired = Array.isArray(node["required"]) ? node["required"].filter((k) => typeof k === "string") : [];
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("fieldset", {
+				className: "space-y-3 rounded-lg border border-border-subtle p-3",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("legend", {
+					className: "px-1 text-xs font-medium text-foreground-muted",
+					children: label
+				}), Object.entries(properties).map(([key, childNode]) => isRecord$1(childNode) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SchemaField, {
+					path: `${path}.${key}`,
+					name: key,
+					node: childNode,
+					value: childValue[key],
+					secretPaths,
+					required: childRequired.includes(key),
+					disabled,
+					onPatch
+				}, key) : null)]
+			});
+		}
+		const jsonText = isRecord$1(value) ? JSON.stringify(value, null, 2) : "{}";
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormField$1, {
+			label,
+			required,
+			description: "JSON object",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+				className: cn("min-h-[8rem] w-full resize-y rounded-md border border-border bg-surface px-2.5 py-2 font-mono text-xs text-foreground", "placeholder:text-foreground-subtle focus:outline-none focus:ring-1 focus:ring-inset focus:ring-primary", "disabled:cursor-not-allowed disabled:opacity-50"),
+				rows: 6,
+				defaultValue: jsonText,
+				disabled,
+				onBlur: (e) => {
+					const parsed = objectFromJson(e.target.value);
+					if (parsed !== null) onPatch(path, parsed);
+				}
+			})
+		});
+	}
+	if (type === "string" || type === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormField$1, {
+		label,
+		required,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Input, {
+			value: readString(value),
+			onChange: (e) => onPatch(path, e.target.value),
+			disabled
+		})
+	});
+	return null;
+}
+function setAtPath(root, path, next) {
+	const parts = path.split(".");
+	if (parts.length === 1) return {
+		...root,
+		[parts[0]]: next
+	};
+	const [head, ...rest] = parts;
+	const key = head;
+	const child = isRecord$1(root[key]) ? root[key] : {};
+	return {
+		...root,
+		[key]: setAtPath(child, rest.join("."), next)
+	};
+}
+/** Renders an entry body from the engine's JSON Schema descriptor. */
+function EntryJsonSchemaForm({ schema, secretPaths, value, onChange, disabled }) {
+	const properties = schema["properties"];
+	if (!isRecord$1(properties)) return null;
+	const required = Array.isArray(schema["required"]) ? schema["required"].filter((k) => typeof k === "string") : [];
+	const onPatch = (path, next) => {
+		onChange(setAtPath(value, path, next));
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "space-y-3",
+		children: Object.entries(properties).map(([key, node]) => isRecord$1(node) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SchemaField, {
+			path: key,
+			name: key,
+			node,
+			value: value[key],
+			secretPaths,
+			required: required.includes(key),
+			disabled,
+			onPatch
+		}, key) : null)
+	});
+}
+//#endregion
+//#region src/composites/record-entries/record-entries-panel.tsx
+function isRecord(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function defaultBody(schema) {
+	const properties = schema["properties"];
+	if (!isRecord(properties)) return {};
+	const out = {};
+	for (const [key, node] of Object.entries(properties)) {
+		if (!isRecord(node)) continue;
+		if (node["default"] !== void 0) {
+			out[key] = node["default"];
+			continue;
+		}
+		if (node["type"] === "boolean") out[key] = false;
+		else if (node["type"] === "object") out[key] = {};
+	}
+	return out;
+}
+function RecordEntriesPanel({ kind }) {
+	const t = useUiText();
+	const queryClient = (0, _tanstack_react_query.useQueryClient)();
+	const confirm = useConfirm();
+	const formUrl = useItemFormUrl({
+		newKey: "entryNew",
+		editKey: "entryEdit"
+	});
+	const listQuery = useRecordEntriesListEntries({
+		owner: kind.owner,
+		kind: kind.kind
+	}, { staleTime: 15e3 });
+	const putMutation = useRecordEntriesPutEntry({ onSuccess: async () => {
+		await queryClient.invalidateQueries({ queryKey: [["recordEntries"]] });
+		formUrl.close();
+	} });
+	const deleteMutation = useRecordEntriesDeleteEntry({ onSuccess: async () => {
+		await queryClient.invalidateQueries({ queryKey: [["recordEntries"]] });
+	} });
+	const entries = listQuery.data?.entries ?? [];
+	const editing = (0, react$1.useMemo)(() => {
+		const st = formUrl.state;
+		if (st.mode !== "edit") return null;
+		return entries.find((e) => e.id === st.id) ?? null;
+	}, [entries, formUrl.state]);
+	const [draft, setDraft] = (0, react$1.useState)({});
+	const [saveError, setSaveError] = (0, react$1.useState)(null);
+	const openNew = (0, react$1.useCallback)(() => {
+		setDraft(defaultBody(kind.fields));
+		setSaveError(null);
+		formUrl.openNew();
+	}, [formUrl, kind.fields]);
+	const openEdit = (0, react$1.useCallback)((entry) => {
+		setDraft({ ...entry.data });
+		setSaveError(null);
+		formUrl.openEdit(entry.id);
+	}, [formUrl]);
+	const onDelete = (0, react$1.useCallback)(async (entry) => {
+		if (!await confirm({
+			title: t("uiLibrary.recordEntries.deleteTitle", "Delete entry"),
+			message: t("uiLibrary.recordEntries.deleteDescription", "Remove \"{{name}}\" permanently?", { name: entry.name }),
+			confirmLabel: t("uiLibrary.recordEntries.deleteConfirm", "Delete"),
+			variant: "danger"
+		})) return;
+		await deleteMutation.mutateAsync({
+			owner: kind.owner,
+			kind: kind.kind,
+			id: entry.id
+		});
+	}, [
+		confirm,
+		deleteMutation,
+		kind.kind,
+		kind.owner,
+		t
+	]);
+	const columns = (0, react$1.useMemo)(() => {
+		return [
+			{
+				key: "name",
+				header: t("uiLibrary.recordEntries.colName", "Name"),
+				render: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+					type: "button",
+					variant: "ghost",
+					size: "sm",
+					className: "h-auto max-w-full justify-start px-0 py-0 font-medium hover:underline",
+					onClick: () => openEdit(row),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "truncate",
+						children: row.name
+					})
+				})
+			},
+			{
+				key: "updated",
+				header: t("uiLibrary.recordEntries.colUpdated", "Updated"),
+				nowrap: true,
+				render: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-[11px] text-foreground-subtle",
+					children: new Date(row.updatedAt).toLocaleString()
+				})
+			},
+			{
+				key: "actions",
+				header: "",
+				align: "right",
+				nowrap: true,
+				render: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "flex justify-end gap-1",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+						size: "sm",
+						variant: "ghost",
+						type: "button",
+						onClick: () => openEdit(row),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pencil, { className: "h-3.5 w-3.5" })
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+						size: "sm",
+						variant: "ghost",
+						type: "button",
+						onClick: () => void onDelete(row),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Trash2, { className: "h-3.5 w-3.5 text-danger" })
+					})]
+				})
+			}
+		];
+	}, [
+		onDelete,
+		openEdit,
+		t
+	]);
+	const dialogOpen = formUrl.state.mode !== "closed";
+	const dialogTitle = formUrl.state.mode === "new" ? t("uiLibrary.recordEntries.addTitle", "Add entry") : t("uiLibrary.recordEntries.editTitle", "Edit entry");
+	const onSave = async () => {
+		setSaveError(null);
+		try {
+			if (formUrl.state.mode === "new") await putMutation.mutateAsync({
+				owner: kind.owner,
+				kind: kind.kind,
+				data: draft
+			});
+			else if (formUrl.state.mode === "edit" && editing !== null) await putMutation.mutateAsync({
+				owner: kind.owner,
+				kind: kind.kind,
+				id: editing.id,
+				data: draft,
+				ifRev: editing.rev
+			});
+			else {
+				setSaveError(t("uiLibrary.recordEntries.saveUnavailable", "Nothing to save"));
+				return;
+			}
+		} catch (err) {
+			setSaveError(err instanceof Error ? err.message : t("uiLibrary.recordEntries.saveFailed", "Save failed"));
+		}
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "space-y-3",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "flex justify-end",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Button, {
+					type: "button",
+					size: "sm",
+					onClick: openNew,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Plus, { className: "mr-1 h-3.5 w-3.5" }), t("uiLibrary.recordEntries.add", "Add")]
+				})
+			}),
+			listQuery.isError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorBox, { message: listQuery.error instanceof Error ? listQuery.error.message : t("uiLibrary.recordEntries.loadFailed", "Could not load entries") }),
+			listQuery.isPending ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "flex justify-center py-8 text-foreground-subtle",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LoaderCircle, { className: "h-5 w-5 animate-spin" })
+			}) : entries.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState, {
+				title: t("uiLibrary.recordEntries.emptyTitle", "No entries yet"),
+				description: t("uiLibrary.recordEntries.emptyDescription", "Add the first row for this kind.")
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataTable, {
+				columns,
+				rows: entries,
+				rowKey: (r) => r.id,
+				maxBodyHeight: TABLE_SCROLL_MAX_H,
+				emptyMessage: t("uiLibrary.recordEntries.emptyTitle", "No entries yet")
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ItemFormDialog, {
+				open: dialogOpen,
+				onClose: formUrl.close,
+				title: dialogTitle,
+				error: saveError,
+				footer: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+					type: "button",
+					size: "sm",
+					disabled: putMutation.isPending,
+					onClick: () => void onSave(),
+					children: putMutation.isPending ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LoaderCircle, { className: "h-3.5 w-3.5 animate-spin" }) : t("uiLibrary.recordEntries.save", "Save")
+				}),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EntryJsonSchemaForm, {
+					schema: kind.fields,
+					secretPaths: kind.secretPaths,
+					value: draft,
+					onChange: setDraft,
+					disabled: putMutation.isPending
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/composites/record-entries/record-entries-hub.tsx
+var RECORD_ENTRY_OWNER_PARAM = "entryOwner";
+var RECORD_ENTRY_KIND_PARAM = "entryKind";
+function kindKey$1(k) {
+	return `${k.owner}/${k.kind}`;
+}
+function RecordEntriesHub({ filter }) {
+	const t = useUiText();
+	const kindsQuery = useRecordEntriesListEntryKinds({}, { staleTime: 3e4 });
+	const [ownerParam, setOwner] = useUrlQueryParam(RECORD_ENTRY_OWNER_PARAM);
+	const [kindParam, setKind] = useUrlQueryParam(RECORD_ENTRY_KIND_PARAM);
+	const kinds = (0, react$1.useMemo)(() => {
+		return (kindsQuery.data?.kinds ?? []).filter((k) => {
+			if (filter?.owner !== void 0 && k.owner !== filter.owner) return false;
+			if (filter?.kind !== void 0 && k.kind !== filter.kind) return false;
+			return true;
+		});
+	}, [
+		filter?.kind,
+		filter?.owner,
+		kindsQuery.data?.kinds
+	]);
+	const active = (0, react$1.useMemo)(() => {
+		if (kinds.length === 0) return null;
+		return kinds.find((k) => k.owner === ownerParam && k.kind === kindParam) ?? kinds[0] ?? null;
+	}, [
+		kindParam,
+		kinds,
+		ownerParam
+	]);
+	const selectKind = (k) => {
+		setOwner(k.owner);
+		setKind(k.kind);
+	};
+	if (kindsQuery.isError) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorBox, { message: kindsQuery.error instanceof Error ? kindsQuery.error.message : t("uiLibrary.recordEntries.kindsFailed", "Could not load entry kinds") });
+	if (kindsQuery.isPending) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "flex justify-center py-10 text-foreground-subtle",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LoaderCircle, { className: "h-5 w-5 animate-spin" })
+	});
+	if (kinds.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState, {
+		title: t("uiLibrary.recordEntries.noKindsTitle", "No entry kinds"),
+		description: t("uiLibrary.recordEntries.noKindsDescription", "No addon has declared an entry record kind yet.")
+	});
+	const activeKey = active === null ? "" : kindKey$1(active);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "space-y-4",
+		children: [kinds.length > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Tabs, {
+			appearance: "pills",
+			value: activeKey,
+			onValueChange: (key) => {
+				const found = kinds.find((k) => kindKey$1(k) === key);
+				if (found !== void 0) selectKind(found);
+			},
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TabsList, {
+				className: "flex flex-wrap gap-1",
+				children: kinds.map((k) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(TabsTrigger, {
+					value: kindKey$1(k),
+					children: [k.title, k.rows > 0 ? ` (${k.rows})` : ""]
+				}, kindKey$1(k)))
+			})
+		}), active !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [kinds.length === 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+			className: "mb-2 text-sm font-semibold text-foreground",
+			children: active.title
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RecordEntriesPanel, { kind: active })] })]
+	});
+}
+//#endregion
+//#region src/composites/storage-records/storage-records-panel.tsx
+function StorageRecordsPanel({ kind }) {
+	const t = useUiText();
+	const [inspect, setInspect] = (0, react$1.useState)(null);
+	const recordsQuery = trpc.storageAdmin.readRecords.useQuery({
+		owner: kind.owner,
+		kind: kind.kind,
+		limit: 100,
+		desc: true
+	}, { staleTime: 15e3 });
+	const records = recordsQuery.data?.records ?? [];
+	const columns = (0, react$1.useMemo)(() => {
+		return [
+			{
+				key: "id",
+				header: t("uiLibrary.storageRecords.colId", "Id"),
+				render: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+					type: "button",
+					variant: "ghost",
+					size: "sm",
+					className: "h-auto max-w-full justify-start px-0 py-0 font-mono text-xs hover:underline",
+					onClick: () => setInspect(row),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "truncate",
+						children: row.id
+					})
+				})
+			},
+			{
+				key: "deviceId",
+				header: t("uiLibrary.storageRecords.colDevice", "Device"),
+				nowrap: true,
+				render: (row) => row.deviceId === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-foreground-subtle",
+					children: "—"
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "font-mono text-xs",
+					children: row.deviceId
+				})
+			},
+			{
+				key: "at",
+				header: t("uiLibrary.storageRecords.colAt", "At"),
+				nowrap: true,
+				render: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-[11px] text-foreground-subtle",
+					children: row.at === null ? "—" : new Date(row.at).toLocaleString()
+				})
+			},
+			{
+				key: "updatedAt",
+				header: t("uiLibrary.storageRecords.colUpdated", "Updated"),
+				nowrap: true,
+				render: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-[11px] text-foreground-subtle",
+					children: new Date(row.updatedAt).toLocaleString()
+				})
+			}
+		];
+	}, [t]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "space-y-3",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+						className: "text-sm font-semibold text-foreground",
+						children: `${kind.owner}/${kind.kind}`
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
+						variant: "neutral",
+						style: "outline",
+						children: kind.database
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
+						variant: "neutral",
+						style: "outline",
+						children: kind.class
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
+						variant: kind.state === "declared" ? "default" : "neutral",
+						children: kind.state
+					}),
+					kind.entry ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
+						variant: "info",
+						children: t("uiLibrary.storageRecords.entryKind", "Entry")
+					}) : null
+				]
+			}),
+			recordsQuery.isError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorBox, { message: recordsQuery.error instanceof Error ? recordsQuery.error.message : t("uiLibrary.storageRecords.loadFailed", "Could not load records") }) : recordsQuery.isPending ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "flex justify-center py-8 text-foreground-subtle",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LoaderCircle, { className: "h-5 w-5 animate-spin" })
+			}) : records.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState, {
+				title: t("uiLibrary.storageRecords.emptyTitle", "No rows"),
+				description: t("uiLibrary.storageRecords.emptyDescription", "This kind has no stored records yet.")
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataTable, {
+				columns,
+				rows: records,
+				rowKey: (r) => r.id,
+				maxBodyHeight: TABLE_SCROLL_MAX_H,
+				emptyMessage: t("uiLibrary.storageRecords.emptyTitle", "No rows")
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Dialog, {
+				open: inspect !== null,
+				onOpenChange: (open) => !open && setInspect(null),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DialogContent, {
+					width: "lg",
+					placement: "sheet-on-mobile",
+					scroll: "body",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DialogHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogTitle, { children: t("uiLibrary.storageRecords.inspectTitle", "Record") }), inspect !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogDescription, {
+						className: "font-mono",
+						children: inspect.id
+					}) : null] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogBody, { children: inspect !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CodeBlock, {
+						maxHeight: 480,
+						children: JSON.stringify(inspect, null, 2)
+					}) : null })]
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/composites/storage-records/storage-records-hub.tsx
+var STORAGE_RECORDS_OWNER_PARAM = "recordsOwner";
+var STORAGE_RECORDS_KIND_PARAM = "recordsKind";
+function kindKey(k) {
+	return `${k.owner}/${k.kind}`;
+}
+function formatBytes(n) {
+	if (n === null) return "—";
+	if (n < 1024) return `${n} B`;
+	if (n < 1024 * 1024) return `${(n / 1024).toFixed(1)} KiB`;
+	return `${(n / (1024 * 1024)).toFixed(1)} MiB`;
+}
+function StorageRecordsHub() {
+	const t = useUiText();
+	const kindsQuery = trpc.storageAdmin.listKinds.useQuery({}, { staleTime: 3e4 });
+	const [ownerParam, setOwner] = useUrlQueryParam(STORAGE_RECORDS_OWNER_PARAM);
+	const [kindParam, setKind] = useUrlQueryParam(STORAGE_RECORDS_KIND_PARAM);
+	const kinds = kindsQuery.data?.kinds ?? [];
+	const filter = useDataTableFilter(kinds, {
+		searchText: (row) => [
+			row.owner,
+			row.kind,
+			row.class,
+			row.database,
+			row.state
+		],
+		facetGroups: [{
+			id: "owner",
+			value: (row) => row.owner
+		}, {
+			id: "database",
+			value: (row) => row.database
+		}]
+	});
+	const active = (0, react$1.useMemo)(() => {
+		if (kinds.length === 0) return null;
+		return kinds.find((k) => k.owner === ownerParam && k.kind === kindParam) ?? null;
+	}, [
+		kindParam,
+		kinds,
+		ownerParam
+	]);
+	const selectKind = (0, react$1.useCallback)((k) => {
+		setOwner(k.owner);
+		setKind(k.kind);
+	}, [setKind, setOwner]);
+	const columns = (0, react$1.useMemo)(() => {
+		return [
+			{
+				key: "kind",
+				header: t("uiLibrary.storageRecords.colKind", "Kind"),
+				render: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "font-mono text-xs",
+					children: [
+						row.owner,
+						"/",
+						row.kind
+					]
+				}),
+				sortValue: (row) => kindKey(row)
+			},
+			{
+				key: "database",
+				header: t("uiLibrary.storageRecords.colDatabase", "DB"),
+				nowrap: true,
+				render: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
+					variant: "neutral",
+					style: "outline",
+					children: row.database
+				}),
+				sortValue: (row) => row.database
+			},
+			{
+				key: "class",
+				header: t("uiLibrary.storageRecords.colClass", "Class"),
+				nowrap: true,
+				render: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-xs text-foreground-muted",
+					children: row.class
+				}),
+				sortValue: (row) => row.class
+			},
+			{
+				key: "state",
+				header: t("uiLibrary.storageRecords.colState", "State"),
+				nowrap: true,
+				render: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
+					variant: row.state === "declared" ? "default" : "neutral",
+					children: row.state
+				}),
+				sortValue: (row) => row.state
+			},
+			{
+				key: "rows",
+				header: t("uiLibrary.storageRecords.colRows", "Rows"),
+				align: "right",
+				nowrap: true,
+				render: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "font-mono text-xs tabular-nums",
+					children: row.rows === null ? "—" : row.rows
+				}),
+				sortValue: (row) => row.rows ?? -1
+			},
+			{
+				key: "bytes",
+				header: t("uiLibrary.storageRecords.colSize", "Est. size"),
+				align: "right",
+				nowrap: true,
+				render: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-xs text-foreground-subtle",
+					children: formatBytes(row.bytesEstimate)
+				}),
+				sortValue: (row) => row.bytesEstimate ?? -1
+			},
+			{
+				key: "inspect",
+				header: "",
+				align: "right",
+				nowrap: true,
+				render: (row) => {
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+						type: "button",
+						size: "sm",
+						variant: active !== null && kindKey(active) === kindKey(row) ? "primary" : "outline",
+						onClick: () => selectKind(row),
+						children: t("uiLibrary.storageRecords.viewRows", "View rows")
+					});
+				},
+				notSortableReason: t("uiLibrary.storageRecords.actionColumn", "Actions")
+			}
+		];
+	}, [
+		active,
+		selectKind,
+		t
+	]);
+	if (kindsQuery.isError) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorBox, { message: kindsQuery.error instanceof Error ? kindsQuery.error.message : t("uiLibrary.storageRecords.kindsFailed", "Could not load record kinds") });
+	if (kindsQuery.isPending) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "flex justify-center py-10 text-foreground-subtle",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LoaderCircle, { className: "h-5 w-5 animate-spin" })
+	});
+	if (kinds.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState, {
+		title: t("uiLibrary.storageRecords.noKindsTitle", "No record kinds"),
+		description: t("uiLibrary.storageRecords.noKindsDescription", "No addon has declared a record kind on this hub yet.")
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "space-y-4",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataTableFilterBar, {
+				state: filter.state,
+				facets: filter.facets,
+				groups: filter.groups.map((g) => ({
+					...g,
+					label: g.id === "owner" ? t("uiLibrary.storageRecords.facetOwner", "Owner") : t("uiLibrary.storageRecords.facetDatabase", "Database")
+				})),
+				labels: {
+					searchPlaceholder: t("uiLibrary.storageRecords.search", "Search kinds…"),
+					searchLabel: t("uiLibrary.storageRecords.searchLabel", "Search record kinds"),
+					facetsLabel: t("uiLibrary.storageRecords.facetsLabel", "Filter record kinds"),
+					clearLabel: t("uiLibrary.storageRecords.clearFilters", "Clear filters")
+				},
+				onSearch: filter.setSearch,
+				onToggleFacet: filter.toggleFacet,
+				onToggleGroupFacet: filter.toggleGroupFacet,
+				onClear: filter.clear
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataTable, {
+				columns,
+				rows: filter.rows,
+				rowKey: (k) => kindKey(k),
+				maxBodyHeight: TABLE_SCROLL_MAX_H,
+				defaultSort: {
+					columnKey: "kind",
+					dir: "asc"
+				},
+				emptyMessage: t("uiLibrary.storageRecords.noMatch", "No kinds match the filter")
+			}),
+			active !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StorageRecordsPanel, { kind: active }) : null
+		]
+	});
+}
+//#endregion
 //#region src/composites/response-log.tsx
 /**
 * Expandable log box showing the raw JSON response from a pipeline run.
@@ -63152,6 +64597,7 @@ exports.EllipsisVertical = EllipsisVertical;
 exports.EmptyState = EmptyState;
 exports.EndpointResultsCard = EndpointResultsCard;
 exports.EndpointTestCard = EndpointTestCard;
+exports.EntryJsonSchemaForm = EntryJsonSchemaForm;
 exports.ErrorBox = ErrorBox;
 exports.EventKindGlyph = EventKindGlyph;
 exports.EventStream = EventStream;
@@ -63199,6 +64645,7 @@ exports.Hammer = Hammer;
 exports.Hand = Hand;
 exports.HardDrive = HardDrive;
 exports.Hash = Hash;
+exports.Heater = Heater;
 exports.HlsVideo = HlsVideo;
 exports.House = House;
 exports.HoverZoomImage = HoverZoomImage;
@@ -63339,6 +64786,8 @@ exports.QrCode = QrCode;
 exports.QrCode$1 = QrCode$1;
 exports.RECONNECT_POLICY = RECONNECT_POLICY;
 exports.RECORDED_PLAYBACK_MODES = RECORDED_PLAYBACK_MODES;
+exports.RECORD_ENTRY_KIND_PARAM = RECORD_ENTRY_KIND_PARAM;
+exports.RECORD_ENTRY_OWNER_PARAM = RECORD_ENTRY_OWNER_PARAM;
 exports.RIGHT = RIGHT;
 exports.ROI_AREA_WARN_FRACTION = ROI_AREA_WARN_FRACTION;
 exports.ROLE_DESCRIPTOR = ROLE_DESCRIPTOR;
@@ -63347,6 +64796,8 @@ exports.Radar = Radar;
 exports.RadialGauge = RadialGauge;
 exports.Radio = Radio;
 exports.RadioTower = RadioTower;
+exports.RecordEntriesHub = RecordEntriesHub;
+exports.RecordEntriesPanel = RecordEntriesPanel;
 exports.RecordedPlaybackProvider = RecordedPlaybackProvider;
 exports.RecordingPanel = RecordingPanel;
 exports.RefreshCw = RefreshCw;
@@ -63379,6 +64830,8 @@ exports.SPLIT_PANEL_SIDE = SPLIT_PANEL_SIDE;
 exports.STACK_GAP = STACK_GAP;
 exports.STATE_COLOR = STATE_COLOR;
 exports.STEP_DOCK_WIDTH_PX = STEP_DOCK_WIDTH_PX;
+exports.STORAGE_RECORDS_KIND_PARAM = STORAGE_RECORDS_KIND_PARAM;
+exports.STORAGE_RECORDS_OWNER_PARAM = STORAGE_RECORDS_OWNER_PARAM;
 exports.Sailboat = Sailboat;
 exports.Save = Save;
 exports.Scan = Scan;
@@ -63437,6 +64890,8 @@ exports.StepInspectorPanel = StepInspectorPanel;
 exports.StepModelRow = StepModelRow;
 exports.StepTimings = StepTimings;
 exports.Stepper = Stepper;
+exports.StorageRecordsHub = StorageRecordsHub;
+exports.StorageRecordsPanel = StorageRecordsPanel;
 exports.StreamBrokerSelector = StreamBrokerSelector;
 exports.StreamDebugOverlay = StreamDebugOverlay;
 exports.StreamPanel = StreamPanel;
@@ -63466,6 +64921,7 @@ exports.ThemeProvider = require_theme_index.ThemeProvider$1;
 exports.Thermometer = Thermometer;
 exports.ThermostatHeroCard = ThermostatHeroCard;
 exports.ThermostatInlineControl = ThermostatInlineControl;
+exports.Timer = Timer;
 exports.TimezoneSelector = TimezoneSelector;
 exports.ToggleLeft = ToggleLeft;
 exports.ToggleRight = ToggleRight;
@@ -63629,6 +65085,8 @@ exports.isDataTableFilterActive = isDataTableFilterActive;
 exports.isFieldVisible = isFieldVisible;
 exports.isGroupExpanded = isGroupExpanded;
 exports.isKeychainFieldValue = isKeychainFieldValue;
+exports.isRedactedSecret = isRedactedSecret;
+exports.isSecretField = isSecretField;
 exports.isValueField = isValueField;
 exports.lawnMowerActivityMeta = lawnMowerActivityMeta;
 exports.lightColors = require_theme_to_root_css.lightColors;
@@ -63637,6 +65095,7 @@ exports.loadRemoteBundle = loadRemoteBundle;
 exports.lucideExportName = lucideExportName;
 exports.makeScrubBridge = makeScrubBridge;
 exports.mapRootDetectorPlacements = mapRootDetectorPlacements;
+exports.mergeSecretForSubmit = mergeSecretForSubmit;
 exports.metadataEntries = metadataEntries;
 exports.metadataString = metadataString;
 exports.mirror = mirror;
@@ -63709,6 +65168,7 @@ exports.routerBasename = routerBasename;
 exports.sameLocationSuggestions = sameLocationSuggestions;
 exports.scrubReducer = scrubReducer;
 exports.searchSteps = searchSteps;
+exports.secretDisplayValue = secretDisplayValue;
 exports.secretSubmitValue = secretSubmitValue;
 exports.selectPickerGroup = selectPickerGroup;
 exports.selectedDeviceOptions = selectedDeviceOptions;
@@ -64142,6 +65602,15 @@ exports.useDeviceStateSlice$1 = useDeviceStateSlice;
 exports.useDeviceStatusGetStatus = useDeviceStatusGetStatus;
 exports.useDeviceWebrtc = useDeviceWebrtc;
 exports.useDevices = useDevices;
+exports.useDishwasherGetStatus = useDishwasherGetStatus;
+exports.useDishwasherPause = useDishwasherPause;
+exports.useDishwasherSetHalfLoad = useDishwasherSetHalfLoad;
+exports.useDishwasherSetHygienePlus = useDishwasherSetHygienePlus;
+exports.useDishwasherSetOption = useDishwasherSetOption;
+exports.useDishwasherSetPower = useDishwasherSetPower;
+exports.useDishwasherSetProgram = useDishwasherSetProgram;
+exports.useDishwasherStart = useDishwasherStart;
+exports.useDishwasherStop = useDishwasherStop;
 exports.useDisplayIconResolver = useDisplayIconResolver;
 exports.useDoorbellEvents = useDoorbellEvents;
 exports.useDoorbellGetStatus = useDoorbellGetStatus;
@@ -64174,6 +65643,7 @@ exports.useFanControlSetPreset = useFanControlSetPreset;
 exports.useFeatureProbeGetStatus = useFeatureProbeGetStatus;
 exports.useFloodGetStatus = useFloodGetStatus;
 exports.useGasGetStatus = useGasGetStatus;
+exports.useHeatingValveGetStatus = useHeatingValveGetStatus;
 exports.useHumidifierGetStatus = useHumidifierGetStatus;
 exports.useHumidifierSetMode = useHumidifierSetMode;
 exports.useHumidifierSetOn = useHumidifierSetOn;