@camstack/ui-library 1.2.300 → 1.2.302

package/dist/index.cjs

@@ -11016,6 +11016,8 @@ var useDeviceStatusGetStatus = trpc.deviceStatus.getStatus.useQuery;
 var useDishwasherStart = trpc.dishwasher.start.useMutation;
 /** Generated alias around `trpc.dishwasher.pause.useMutation`. */
 var useDishwasherPause = trpc.dishwasher.pause.useMutation;
+/** Generated alias around `trpc.dishwasher.resume.useMutation`. */
+var useDishwasherResume = trpc.dishwasher.resume.useMutation;
 /** Generated alias around `trpc.dishwasher.stop.useMutation`. */
 var useDishwasherStop = trpc.dishwasher.stop.useMutation;
 /** Generated alias around `trpc.dishwasher.setProgram.useMutation`. */
@@ -11026,8 +11028,18 @@ var useDishwasherSetPower = trpc.dishwasher.setPower.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.setExtraDry.useMutation`. */
+var useDishwasherSetExtraDry = trpc.dishwasher.setExtraDry.useMutation;
+/** Generated alias around `trpc.dishwasher.setIntensiveZone.useMutation`. */
+var useDishwasherSetIntensiveZone = trpc.dishwasher.setIntensiveZone.useMutation;
+/** Generated alias around `trpc.dishwasher.setVarioSpeedPlus.useMutation`. */
+var useDishwasherSetVarioSpeedPlus = trpc.dishwasher.setVarioSpeedPlus.useMutation;
+/** Generated alias around `trpc.dishwasher.setChildLock.useMutation`. */
+var useDishwasherSetChildLock = trpc.dishwasher.setChildLock.useMutation;
 /** Generated alias around `trpc.dishwasher.setOption.useMutation`. */
 var useDishwasherSetOption = trpc.dishwasher.setOption.useMutation;
+/** Generated alias around `trpc.dishwasher.getOptions.useQuery`. */
+var useDishwasherGetOptions = trpc.dishwasher.getOptions.useQuery;
 /** Generated alias around `trpc.dishwasher.getStatus.useQuery`. */
 var useDishwasherGetStatus = trpc.dishwasher.getStatus.useQuery;
 /** Generated alias around `trpc.doorbell.getStatus.useQuery`. */
@@ -12354,6 +12366,8 @@ var useStorageMigrationStatus = trpc.storageMigration.status.useQuery;
 var useStorageMigrationCancel = trpc.storageMigration.cancel.useMutation;
 /** Generated alias around `trpc.storageMigration.movers.useQuery`. */
 var useStorageMigrationMovers = trpc.storageMigration.movers.useQuery;
+/** Generated alias around `trpc.storageMigration.moverClearance.useQuery`. */
+var useStorageMigrationMoverClearance = trpc.storageMigration.moverClearance.useQuery;
 /** Generated alias around `trpc.storageMigration.residue.useQuery`. */
 var useStorageMigrationResidue = trpc.storageMigration.residue.useQuery;
 /** Generated alias around `trpc.storageMigration.drain.useMutation`. */
@@ -28580,7 +28594,7 @@ var STATUS_DOT_STYLES = {
 	idle: "bg-foreground-subtle/40",
 	unknown: "bg-foreground-subtle/40"
 };
-function formatDuration(ms) {
+function formatDuration$1(ms) {
 	if (!Number.isFinite(ms) || ms < 0) return "—";
 	if (ms < 1e3) return `${ms}ms`;
 	const totalSec = Math.round(ms / 1e3);
@@ -28608,7 +28622,7 @@ function ObjectArrayCell({ kind, value }) {
 	});
 	if (kind === "duration" && typeof value === "number") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 		className: "font-mono text-[11px]",
-		children: formatDuration(value)
+		children: formatDuration$1(value)
 	});
 	if (kind === "timestamp" && typeof value === "number") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 		className: "font-mono text-[11px]",
@@ -35108,7 +35122,7 @@ var ALIGN_CLASS = {
 	right: "text-right",
 	center: "text-center"
 };
-function DataTable({ columns, rows, rowKey, onRowClick, minWidthPx = 480, emptyMessage, className, bordered = true, rowClassName, maxBodyHeight, fill = false, defaultSort, sort: sortProp, onSortChange, pageSize, page: pageProp, onPageChange, paginationLabels = DEFAULT_PAGINATION_LABELS, selection }) {
+function DataTable({ columns, rows, rowKey, onRowClick, minWidthPx = 480, emptyMessage, className, bordered = true, rowClassName, maxBodyHeight, fill = false, defaultSort, sort: sortProp, onSortChange, pageSize, page: pageProp, onPageChange, paginationLabels = DEFAULT_PAGINATION_LABELS, selection, renderExpanded, isExpanded }) {
 	const [innerSort, setInnerSort] = (0, react$1.useState)(defaultSort ?? null);
 	const [innerPage, setInnerPage] = (0, react$1.useState)(0);
 	const sort = sortProp !== void 0 ? sortProp : innerSort;
@@ -35185,7 +35199,8 @@ function DataTable({ columns, rows, rowKey, onRowClick, minWidthPx = 480, emptyM
 				const key = rowKey ? rowKey(row, rowIndex) : rowIndex;
 				const extra = rowClassName?.(row, rowIndex) ?? "";
 				const interactive = onRowClick !== void 0;
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", {
+				const detail = renderExpanded !== void 0 && isExpanded?.(row) === true ? renderExpanded(row, rowIndex) : null;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react$1.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", {
 					onClick: interactive ? () => onRowClick(row, rowIndex) : void 0,
 					className: [interactive ? "cursor-pointer hover:bg-primary/5" : "hover:bg-primary/5", extra].filter(Boolean).join(" "),
 					children: shownColumns.map((col) => {
@@ -35201,7 +35216,15 @@ function DataTable({ columns, rows, rowKey, onRowClick, minWidthPx = 480, emptyM
 							children: col.render(row, rowIndex)
 						}, col.key);
 					})
-				}, key);
+				}), detail !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", {
+					"data-expanded-row": "",
+					className: "bg-surface",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+						colSpan: shownColumns.length,
+						className: "border-b border-border px-3 py-2",
+						children: detail
+					})
+				})] }, key);
 			}) })]
 		})
 	});
@@ -37765,6 +37788,88 @@ function filterDataTableRows(rows, state, config) {
 	});
 }
 //#endregion
+//#region src/composites/device-list/multi-select.tsx
+/**
+* Compact multi-select dropdown — a single chip-sized trigger ("Label · N")
+* that opens a checklist. Self-contained (outside-click / Escape dismiss), so
+* it stays compressed regardless of how many options exist or how little
+* horizontal room the container has. Shared by the device list's generic-mode
+* type filter and any other multi-select needs.
+*/
+function MultiSelectDropdown({ label, options, selected, onChange }) {
+	const t = useUiText();
+	const [open, setOpen] = (0, react$1.useState)(false);
+	const rootRef = (0, react$1.useRef)(null);
+	(0, react$1.useEffect)(() => {
+		if (!open) return;
+		const onOutside = (e) => {
+			const target = e.target instanceof Node ? e.target : null;
+			if (target && rootRef.current && !rootRef.current.contains(target)) setOpen(false);
+		};
+		const onKey = (e) => {
+			if (e.key === "Escape") setOpen(false);
+		};
+		document.addEventListener("mousedown", onOutside);
+		document.addEventListener("touchstart", onOutside);
+		document.addEventListener("keydown", onKey);
+		return () => {
+			document.removeEventListener("mousedown", onOutside);
+			document.removeEventListener("touchstart", onOutside);
+			document.removeEventListener("keydown", onKey);
+		};
+	}, [open]);
+	const selectedSet = new Set(selected);
+	const count = selected.length;
+	const toggle = (id) => {
+		const next = new Set(selectedSet);
+		if (next.has(id)) next.delete(id);
+		else next.add(id);
+		onChange(options.filter((o) => next.has(o.id)).map((o) => o.id));
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref: rootRef,
+		className: "relative",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			type: "button",
+			onClick: () => setOpen((v) => !v),
+			"aria-haspopup": "listbox",
+			"aria-expanded": open,
+			className: `inline-flex items-center gap-1.5 h-7 px-2.5 rounded-full border text-[10.5px] font-medium transition-colors ${count > 0 ? "border-primary/40 bg-primary/15 text-primary" : "border-border bg-surface text-foreground-subtle hover:text-foreground hover:bg-surface-hover"}`,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [label, count > 0 ? ` · ${String(count)}` : ""] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronDown, { className: `h-3 w-3 transition-transform ${open ? "rotate-180" : ""}` })]
+		}), open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			role: "listbox",
+			className: "absolute left-0 top-full mt-1 z-30 min-w-[180px] max-h-72 overflow-y-auto rounded-lg border border-border bg-surface shadow-xl py-1",
+			children: [count > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				onClick: () => onChange([]),
+				className: "flex w-full items-center px-3 py-1.5 text-left text-[10.5px] text-foreground-subtle hover:bg-surface-hover hover:text-foreground",
+				children: t("uiLibrary.multiSelect.clear", "Clear selection")
+			}), options.map((o) => {
+				const active = selectedSet.has(o.id);
+				const Icon = o.icon;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					role: "option",
+					"aria-selected": active,
+					onClick: () => toggle(o.id),
+					className: "flex w-full items-center gap-2 px-3 py-1.5 text-left text-[10.5px] text-foreground hover:bg-surface-hover",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: `flex h-3.5 w-3.5 items-center justify-center rounded border shrink-0 ${active ? "border-primary bg-primary" : "border-border"}`,
+							children: active && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Check, { className: "h-2.5 w-2.5 text-primary-foreground" })
+						}),
+						Icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { className: "h-3.5 w-3.5 shrink-0 text-foreground-subtle" }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "truncate",
+							children: o.label
+						})
+					]
+				}, o.id);
+			})]
+		})]
+	});
+}
+//#endregion
 //#region src/composites/data-table-filter-bar.tsx
 /**
 * The controls of one table's filter: a search box and the facet chips.
@@ -37817,7 +37922,18 @@ function DataTableFilterBar({ state, facets, labels, onSearch, onToggleFacet, on
 					}, facet.value);
 				})
 			}),
-			groups.filter((group) => group.facets.length > 1).map((group) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			groups.filter((group) => group.facets.length > 1).map((group) => group.display === "menu" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MultiSelectDropdown, {
+				label: group.label,
+				options: group.facets.map((facet) => ({
+					id: facet.value,
+					label: `${group.facetLabel ? group.facetLabel(facet.value) : facet.value} (${String(facet.count)})`
+				})),
+				selected: group.selected,
+				onChange: (next) => {
+					const chosen = new Set(next);
+					for (const facet of group.facets) if (chosen.has(facet.value) !== group.selected.includes(facet.value)) onToggleGroupFacet?.(group.id, facet.value);
+				}
+			}, group.id) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				role: "group",
 				"aria-label": group.label,
 				className: "flex flex-wrap items-center gap-1",
@@ -48681,47 +48797,95 @@ function PetFeederHeroCard({ trpc, deviceId, features, optimistic }) {
 *
 * Reads the `dishwasher` cap status slice and renders inline + hero surfaces
 * mirroring vacuum-control / pet-feeder patterns.
+*
+* UNKNOWN IS NOT OFF. The slice carries `null` for everything the appliance has not
+* reported, and this view renders that as "—" / a disabled control, never as an unchecked
+* box or a zero. It also does not echo a command before the appliance confirms it: the
+* slice moves when the appliance says so.
 */
-function dishwasherStateMeta(state, t = defaultUiText) {
-	switch (state) {
-		case "running": return {
-			label: t("uiLibrary.dishwasher.running", "Running"),
+/** What the operation state is called to a person, and how it is toned. */
+function dishwasherOperationMeta(operationState, t = defaultUiText) {
+	switch (operationState) {
+		case "Run": return {
+			label: t("uiLibrary.dishwasher.op.run", "Running"),
 			tone: "text-primary"
 		};
-		case "paused": return {
-			label: t("uiLibrary.dishwasher.paused", "Paused"),
+		case "Pause": return {
+			label: t("uiLibrary.dishwasher.op.pause", "Paused"),
 			tone: "text-warning"
 		};
-		case "finished": return {
-			label: t("uiLibrary.dishwasher.finished", "Finished"),
+		case "Finished": return {
+			label: t("uiLibrary.dishwasher.op.finished", "Finished"),
 			tone: "text-success"
 		};
-		case "error": return {
-			label: t("uiLibrary.dishwasher.error", "Error"),
-			tone: "text-destructive"
+		case "Error": return {
+			label: t("uiLibrary.dishwasher.op.error", "Error"),
+			tone: "text-danger"
 		};
-		case "unavailable": return {
-			label: t("uiLibrary.dishwasher.unavailable", "Unavailable"),
-			tone: "text-foreground-subtle"
+		case "Aborting": return {
+			label: t("uiLibrary.dishwasher.op.aborting", "Stopping"),
+			tone: "text-warning"
 		};
-		case "idle": return {
-			label: t("uiLibrary.dishwasher.idle", "Idle"),
+		case "ActionRequired": return {
+			label: t("uiLibrary.dishwasher.op.actionRequired", "Action required"),
+			tone: "text-warning"
+		};
+		case "DelayedStart": return {
+			label: t("uiLibrary.dishwasher.op.delayedStart", "Delayed start"),
+			tone: "text-primary"
+		};
+		case "Ready": return {
+			label: t("uiLibrary.dishwasher.op.ready", "Ready"),
+			tone: "text-foreground"
+		};
+		case "Inactive": return {
+			label: t("uiLibrary.dishwasher.op.inactive", "Inactive"),
 			tone: "text-foreground-subtle"
 		};
-		case void 0: return {
+		case null: return {
 			label: t("uiLibrary.dishwasher.unknown", "Unknown"),
 			tone: "text-foreground-subtle"
 		};
 	}
 }
+/** The headline for the whole slice: the appliance's state, or why there is none. */
+function dishwasherHeadline(status, t = defaultUiText) {
+	switch (status.availability) {
+		case "offline": return {
+			label: t("uiLibrary.dishwasher.offline", "Offline"),
+			tone: "text-foreground-subtle"
+		};
+		case "description-missing": return {
+			label: t("uiLibrary.dishwasher.descriptionMissing", "Waiting for the appliance profile"),
+			tone: "text-warning"
+		};
+		case "available": return dishwasherOperationMeta(status.operationState, t);
+	}
+}
 function consumableTone(level) {
 	switch (level) {
 		case "ok": return "text-success";
 		case "low": return "text-warning";
-		case "empty": return "text-destructive";
+		case "empty": return "text-danger";
 		case null: return "text-foreground-subtle";
 	}
 }
+/** Last segment of a feature key, spaced out: `Dishcare.Dishwasher.Program.Eco50` -> `Eco50`. */
+function featureLabel(key) {
+	return (key.split(".").pop() ?? key).replace(/([a-z0-9])([A-Z])/g, "$1 $2");
+}
+/** Whole seconds as a short duration: `1 h 24 min`, `42 min`, `30 s`. */
+function formatDuration(seconds, t = defaultUiText) {
+	if (seconds < 60) return t("uiLibrary.dishwasher.durationSeconds", "{{n}} s", { n: seconds });
+	const minutes = Math.round(seconds / 60);
+	if (minutes < 60) return t("uiLibrary.dishwasher.durationMinutes", "{{n}} min", { n: minutes });
+	const hours = Math.floor(minutes / 60);
+	const rest = minutes % 60;
+	return rest === 0 ? t("uiLibrary.dishwasher.durationHours", "{{n}} h", { n: hours }) : t("uiLibrary.dishwasher.durationHoursMinutes", "{{h}} h {{m}} min", {
+		h: hours,
+		m: rest
+	});
+}
 function useDishwasher(trpc, deviceId) {
 	return useDeviceCapability({
 		trpc,
@@ -48755,13 +48919,11 @@ function ConsumableBadge({ label, level }) {
 		]
 	});
 }
-function DishwasherGraphic({ state, progressPercent }) {
-	const running = state === "running";
+function DishwasherGraphic({ running, progressPercent }) {
 	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}%` }
@@ -48771,61 +48933,73 @@ function DishwasherGraphic({ state, progressPercent }) {
 		})]
 	});
 }
-function DishwasherPanel({ trpc, deviceId, layout, optimistic }) {
+function DishwasherPanel({ trpc, deviceId, layout }) {
 	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 (slice === void 0) return null;
+	const display = slice;
+	const link = display.availability === "available";
+	const busy = !available || !link;
+	const optionTogglesLocked = display.childLock === true;
+	const meta = dishwasherHeadline(display, t);
+	const running = display.operationState === "Run";
+	const paused = display.operationState === "Pause";
+	const startable = display.remoteStartAllowed === true && display.selectedProgram !== null;
+	const press = (fn) => {
 		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
+	if (layout === "compact") {
+		const saltWarn = display.saltLevel === "low" || display.saltLevel === "empty";
+		const rinseWarn = display.rinseAidLevel === "low" || display.rinseAidLevel === "empty";
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "inline-flex items-center gap-1.5 max-w-full",
+			children: [
+				display.doorOpen === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "inline-flex text-warning shrink-0",
+					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" })
 				}),
-				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" })
-			})
-		]
-	});
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: cn("text-xs font-medium tabular-nums shrink-0", meta.tone),
+					children: meta.label
+				}),
+				display.program != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-xs text-foreground-subtle truncate max-w-[7rem]",
+					title: display.program,
+					children: featureLabel(display.program)
+				}),
+				display.remainingSeconds != null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "inline-flex items-center gap-0.5 text-xs text-foreground-subtle tabular-nums shrink-0",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Timer, { className: "h-3 w-3" }), formatDuration(display.remainingSeconds, t)]
+				}),
+				saltWarn && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: cn("text-[10px] font-medium shrink-0", consumableTone(display.saltLevel)),
+					children: t("uiLibrary.dishwasher.salt", "Salt")
+				}),
+				rinseWarn && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: cn("text-[10px] font-medium shrink-0", consumableTone(display.rinseAidLevel)),
+					children: t("uiLibrary.dishwasher.rinseAid", "Rinse")
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DishwasherIconButton, {
+					label: t("uiLibrary.dishwasher.start", "Start"),
+					busy: busy || !startable,
+					active: running,
+					onClick: () => press(() => cap.start({})),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Play, { className: "h-3 w-3" })
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DishwasherIconButton, {
+					label: paused ? t("uiLibrary.dishwasher.resume", "Resume") : t("uiLibrary.dishwasher.pause", "Pause"),
+					busy: busy || !(running || paused),
+					active: paused,
+					onClick: () => press(() => paused ? cap.resume({}) : cap.pause({})),
+					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",
@@ -48833,7 +49007,7 @@ function DishwasherPanel({ trpc, deviceId, layout, optimistic }) {
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "flex items-start gap-4",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DishwasherGraphic, {
-					state: display.state,
+					running,
 					progressPercent: display.progressPercent
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "flex min-w-0 flex-1 flex-col gap-2",
@@ -48843,14 +49017,23 @@ function DishwasherPanel({ trpc, deviceId, layout, optimistic }) {
 							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", {
+							}), display.powerOn === false && /* @__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
+							title: display.program,
+							children: featureLabel(display.program)
+						}),
+						display.remainingSeconds != null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "inline-flex items-center gap-1 text-sm text-foreground-subtle tabular-nums",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Timer, { className: "h-3.5 w-3.5" }), t("uiLibrary.dishwasher.remaining", "{{time}} left", { time: formatDuration(display.remainingSeconds, t) })]
+						}),
+						display.delayedStartSeconds != null && display.delayedStartSeconds > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "text-xs text-foreground-subtle tabular-nums",
+							children: t("uiLibrary.dishwasher.startsIn", "Starts in {{time}}", { time: formatDuration(display.delayedStartSeconds, t) })
 						}),
 						display.progressPercent != null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "flex items-center gap-2",
@@ -48876,53 +49059,52 @@ function DishwasherPanel({ trpc, deviceId, layout, optimistic }) {
 									label: t("uiLibrary.dishwasher.rinseAid", "Rinse aid"),
 									level: display.rinseAidLevel
 								}),
-								display.doorOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+								display.doorOpen === true && /* @__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.activeEvents.map((event) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "text-xs text-warning",
+									title: event,
+									children: featureLabel(event)
+								}, event))
 							]
 						}),
-						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 }) })]
+						display.operationState === "Error" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "inline-flex items-center gap-1 text-xs text-danger",
+							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 != null ? featureLabel(display.errorLabel) : display.errorCode != null ? t("uiLibrary.dishwasher.errorCode", "Error {{code}}", { code: display.errorCode }) : t("uiLibrary.dishwasher.op.error", "Error") })]
 						}),
 						/* @__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,
+									busy: busy || !startable,
 									active: running,
-									onClick: () => press(() => cap.start({}), {
-										state: "running",
-										remoteStartAllowed: false
-									}),
+									onClick: () => press(() => cap.start({})),
 									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,
+									label: paused ? t("uiLibrary.dishwasher.resume", "Resume") : t("uiLibrary.dishwasher.pause", "Pause"),
+									busy: busy || !(running || paused),
 									active: paused,
-									onClick: () => press(() => cap.pause({}), { state: "paused" }),
+									onClick: () => press(() => paused ? cap.resume({}) : cap.pause({})),
 									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,
+									busy: busy || !(running || paused),
 									active: false,
-									onClick: () => press(() => cap.stop({}), {
-										state: "idle",
-										remainingMinutes: null
-									}),
+									onClick: () => press(() => cap.stop({})),
 									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,
+									busy: busy || display.powerOn === null,
+									active: display.powerOn === true,
 									onClick: () => {
-										const next = !display.powerOn;
-										press(() => cap.setPower({ on: next }), { powerOn: next });
+										const next = display.powerOn !== true;
+										press(() => cap.setPower({ on: next }));
 									},
 									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Power, { className: "h-4 w-4" })
 								})
@@ -48938,65 +49120,106 @@ function DishwasherPanel({ trpc, deviceId, layout, optimistic }) {
 					children: t("uiLibrary.dishwasher.program", "Program")
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
 					"aria-label": t("uiLibrary.dishwasher.program", "Program"),
-					value: display.program ?? "",
+					value: display.selectedProgram ?? "",
 					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", {
+					children: [display.selectedProgram == null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
 						value: "",
 						children: "—"
 					}), programs.map((p) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
 						value: p,
-						children: p
+						children: featureLabel(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 });
-					}
-				})]
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleRow, {
+						label: t("uiLibrary.dishwasher.halfLoad", "Half load"),
+						checked: display.halfLoad,
+						shown: link,
+						busy: busy || optionTogglesLocked,
+						onChange: (on) => void cap.setHalfLoad({ on })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleRow, {
+						label: t("uiLibrary.dishwasher.hygienePlus", "Hygiene plus"),
+						checked: display.hygienePlus,
+						shown: link,
+						busy: busy || optionTogglesLocked,
+						onChange: (on) => void cap.setHygienePlus({ on })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleRow, {
+						label: t("uiLibrary.dishwasher.extraDry", "Extra dry"),
+						checked: display.extraDry,
+						shown: link,
+						busy: busy || optionTogglesLocked,
+						onChange: (on) => void cap.setExtraDry({ on })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleRow, {
+						label: t("uiLibrary.dishwasher.intensiveZone", "Intensive zone"),
+						checked: display.intensiveZone,
+						shown: link,
+						busy: busy || optionTogglesLocked,
+						onChange: (on) => void cap.setIntensiveZone({ on })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleRow, {
+						label: t("uiLibrary.dishwasher.varioSpeedPlus", "VarioSpeed+"),
+						checked: display.varioSpeedPlus,
+						shown: link,
+						busy: busy || optionTogglesLocked,
+						onChange: (on) => void cap.setVarioSpeedPlus({ on })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleRow, {
+						label: t("uiLibrary.dishwasher.childLock", "Child lock"),
+						checked: display.childLock,
+						shown: link,
+						busy,
+						onChange: (on) => void cap.setChildLock({ on })
+					})
+				]
 			})
 		]
 	});
 }
-function ToggleRow({ label, checked, busy, onChange }) {
+/**
+* One boolean setting. `checked === null` is "the appliance has not said": on a reachable
+* appliance that means it does not offer the setting (hidden); on an unreachable one the
+* setting is shown but disabled and marked unknown — never as an unchecked box.
+*/
+function ToggleRow({ label, checked, shown, busy, onChange }) {
+	const t = useUiText();
+	if (checked === null && shown) return null;
 	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 })]
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				type: "checkbox",
+				checked: checked === true,
+				"aria-checked": checked === null ? "mixed" : checked,
+				disabled: busy || checked === null,
+				onChange: (e) => {
+					onChange(e.target.checked);
+				},
+				onClick: (e) => {
+					e.stopPropagation();
+				},
+				className: "rounded border-border"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label }),
+			checked === null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "text-foreground-subtle",
+				children: t("uiLibrary.dishwasher.unknownValue", "—")
+			})
+		]
 	});
 }
 function DishwasherInlineControl(props) {
@@ -54628,88 +54851,6 @@ function PageSizeSelect({ value, options, onChange, ariaLabel }) {
 	});
 }
 //#endregion
-//#region src/composites/device-list/multi-select.tsx
-/**
-* Compact multi-select dropdown — a single chip-sized trigger ("Label · N")
-* that opens a checklist. Self-contained (outside-click / Escape dismiss), so
-* it stays compressed regardless of how many options exist or how little
-* horizontal room the container has. Shared by the device list's generic-mode
-* type filter and any other multi-select needs.
-*/
-function MultiSelectDropdown({ label, options, selected, onChange }) {
-	const t = useUiText();
-	const [open, setOpen] = (0, react$1.useState)(false);
-	const rootRef = (0, react$1.useRef)(null);
-	(0, react$1.useEffect)(() => {
-		if (!open) return;
-		const onOutside = (e) => {
-			const target = e.target instanceof Node ? e.target : null;
-			if (target && rootRef.current && !rootRef.current.contains(target)) setOpen(false);
-		};
-		const onKey = (e) => {
-			if (e.key === "Escape") setOpen(false);
-		};
-		document.addEventListener("mousedown", onOutside);
-		document.addEventListener("touchstart", onOutside);
-		document.addEventListener("keydown", onKey);
-		return () => {
-			document.removeEventListener("mousedown", onOutside);
-			document.removeEventListener("touchstart", onOutside);
-			document.removeEventListener("keydown", onKey);
-		};
-	}, [open]);
-	const selectedSet = new Set(selected);
-	const count = selected.length;
-	const toggle = (id) => {
-		const next = new Set(selectedSet);
-		if (next.has(id)) next.delete(id);
-		else next.add(id);
-		onChange(options.filter((o) => next.has(o.id)).map((o) => o.id));
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		ref: rootRef,
-		className: "relative",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-			type: "button",
-			onClick: () => setOpen((v) => !v),
-			"aria-haspopup": "listbox",
-			"aria-expanded": open,
-			className: `inline-flex items-center gap-1.5 h-7 px-2.5 rounded-full border text-[10.5px] font-medium transition-colors ${count > 0 ? "border-primary/40 bg-primary/15 text-primary" : "border-border bg-surface text-foreground-subtle hover:text-foreground hover:bg-surface-hover"}`,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [label, count > 0 ? ` · ${String(count)}` : ""] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronDown, { className: `h-3 w-3 transition-transform ${open ? "rotate-180" : ""}` })]
-		}), open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			role: "listbox",
-			className: "absolute left-0 top-full mt-1 z-30 min-w-[180px] max-h-72 overflow-y-auto rounded-lg border border-border bg-surface shadow-xl py-1",
-			children: [count > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-				type: "button",
-				onClick: () => onChange([]),
-				className: "flex w-full items-center px-3 py-1.5 text-left text-[10.5px] text-foreground-subtle hover:bg-surface-hover hover:text-foreground",
-				children: t("uiLibrary.multiSelect.clear", "Clear selection")
-			}), options.map((o) => {
-				const active = selectedSet.has(o.id);
-				const Icon = o.icon;
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-					type: "button",
-					role: "option",
-					"aria-selected": active,
-					onClick: () => toggle(o.id),
-					className: "flex w-full items-center gap-2 px-3 py-1.5 text-left text-[10.5px] text-foreground hover:bg-surface-hover",
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: `flex h-3.5 w-3.5 items-center justify-center rounded border shrink-0 ${active ? "border-primary bg-primary" : "border-border"}`,
-							children: active && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Check, { className: "h-2.5 w-2.5 text-primary-foreground" })
-						}),
-						Icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { className: "h-3.5 w-3.5 shrink-0 text-foreground-subtle" }),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "truncate",
-							children: o.label
-						})
-					]
-				}, o.id);
-			})]
-		})]
-	});
-}
-//#endregion
 //#region src/composites/device-list/type-filter.tsx
 /**
 * Shared, multi-select type filter that adapts to its OWN available width
@@ -59402,19 +59543,35 @@ function objectFromJson(text) {
 		return null;
 	}
 }
-function RecordEntrySecretField({ label, required, value, disabled, onPatch }) {
-	const [shown, setShown] = (0, react$1.useState)(false);
-	const stored = isRedactedSecret(value);
+/**
+* What the secret control is hydrated with. A read hands a stored secret as a
+* VIEW (`{ $secret: <row ref>, set: true }`) the control reveals by ref through
+* the host's audited reveal; the legacy redaction token is "set, no ref" (it
+* can be replaced but not revealed); anything else is "nothing stored".
+*/
+function hydratedSecret(value) {
+	if ((0, _camstack_types.isSecretFieldView)(value) || (0, _camstack_types.isSecretClear)(value)) return value;
+	if (isRedactedSecret(value)) return {
+		$secret: null,
+		v: 1,
+		set: true
+	};
+	return null;
+}
+function RecordEntrySecretField({ name, label, required, value, disabled, onPatch }) {
 	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()}`
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SecretFieldControl, {
+			field: {
+				type: "password",
+				key: name,
+				label,
+				required
+			},
+			value: hydratedSecret(value),
+			onChange: onPatch,
+			disabled
 		})
 	});
 }
@@ -59422,6 +59579,7 @@ 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, {
+		name,
 		label,
 		required,
 		value,
@@ -59571,7 +59729,7 @@ function defaultBody(schema) {
 	}
 	return out;
 }
-function RecordEntriesPanel({ kind }) {
+function RecordEntriesPanel({ kind, rowActions, extraColumns = [], showUpdated = true, minWidthPx }) {
 	const t = useUiText();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
 	const confirm = useConfirm();
@@ -59644,41 +59802,51 @@ function RecordEntriesPanel({ kind }) {
 					})
 				})
 			},
-			{
+			...showUpdated ? [{
 				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()
+					title: new Date(row.updatedAt).toLocaleString(),
+					children: new Date(row.updatedAt).toLocaleDateString()
 				})
-			},
+			}] : [],
+			...extraColumns,
 			{
 				key: "actions",
 				header: "",
 				align: "right",
 				nowrap: true,
+				width: "w-px",
 				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" })
-					})]
+					children: [
+						rowActions?.(row),
+						/* @__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" })
+						})
+					]
 				})
 			}
 		];
 	}, [
+		extraColumns,
 		onDelete,
 		openEdit,
+		rowActions,
+		showUpdated,
 		t
 	]);
 	const dialogOpen = formUrl.state.mode !== "closed";
@@ -59726,6 +59894,7 @@ function RecordEntriesPanel({ kind }) {
 				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, {
+				...minWidthPx !== void 0 ? { minWidthPx } : {},
 				columns,
 				rows: entries,
 				rowKey: (r) => r.id,
@@ -59756,73 +59925,6 @@ function RecordEntriesPanel({ kind }) {
 	});
 }
 //#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();
@@ -59946,47 +60048,143 @@ function StorageRecordsPanel({ kind }) {
 	});
 }
 //#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}`;
+//#region src/composites/data-records/data-records-model.ts
+function dataRecordKey(kind) {
+	return `${kind.owner}/${kind.kind}`;
+}
+function dataRecordType(kind) {
+	return kind.entry ? "entry" : "record";
 }
+/** `unknown` is a kind whose count was not asked for or could not be read — never "empty". */
+function dataRecordContents(kind) {
+	if (kind.rows === null) return "unknown";
+	return kind.rows > 0 ? "has-rows" : "empty";
+}
+/**
+* Join the declared kinds with the entry catalog. A pending/failed catalog
+* (`undefined`) leaves titles `null`; it never changes which kinds are listed.
+*/
+function buildDataRecordRows(kinds, entryKinds) {
+	const titles = /* @__PURE__ */ new Map();
+	for (const entry of entryKinds ?? []) titles.set(dataRecordKey(entry), entry.title);
+	return kinds.map((kind) => ({
+		kind,
+		entryTitle: kind.entry ? titles.get(dataRecordKey(kind)) ?? null : null
+	}));
+}
+var DATA_RECORD_FACET_GROUPS = [
+	{
+		id: "kind",
+		value: (row) => dataRecordKey(row.kind)
+	},
+	{
+		id: "owner",
+		value: (row) => row.kind.owner
+	},
+	{
+		id: "type",
+		value: (row) => dataRecordType(row.kind)
+	},
+	{
+		id: "database",
+		value: (row) => row.kind.database
+	},
+	{
+		id: "class",
+		value: (row) => row.kind.class
+	},
+	{
+		id: "state",
+		value: (row) => row.kind.state
+	},
+	{
+		id: "contents",
+		value: (row) => dataRecordContents(row.kind)
+	}
+];
+function dataRecordSearchText(row) {
+	const { kind } = row;
+	return [
+		kind.owner,
+		kind.kind,
+		kind.class,
+		kind.database,
+		kind.state,
+		row.entryTitle ?? ""
+	];
+}
+//#endregion
+//#region src/composites/data-records/data-records-hub.tsx
+var DATA_RECORDS_OWNER_PARAM = "recordsOwner";
+var DATA_RECORDS_KIND_PARAM = "recordsKind";
 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() {
+function groupLabel(id, t) {
+	switch (id) {
+		case "kind": return t("uiLibrary.dataRecords.facetKind", "Kind");
+		case "owner": return t("uiLibrary.dataRecords.facetOwner", "Owner");
+		case "type": return t("uiLibrary.dataRecords.facetType", "Type");
+		case "database": return t("uiLibrary.dataRecords.facetDatabase", "Database");
+		case "class": return t("uiLibrary.dataRecords.facetClass", "Class");
+		case "state": return t("uiLibrary.dataRecords.facetState", "State");
+		default: return t("uiLibrary.dataRecords.facetContents", "Contents");
+	}
+}
+function facetCaption(groupId, value, t) {
+	if (groupId === "type") return value === "entry" ? t("uiLibrary.dataRecords.typeEntry", "Entries (editable)") : t("uiLibrary.dataRecords.typeRecord", "Records (read-only)");
+	if (groupId === "contents") {
+		if (value === "has-rows") return t("uiLibrary.dataRecords.contentsHasRows", "Has rows");
+		if (value === "empty") return t("uiLibrary.dataRecords.contentsEmpty", "Empty");
+		return t("uiLibrary.dataRecords.contentsUnknown", "Count unknown");
+	}
+	return value;
+}
+/** Entry kinds open the editable list; every other kind opens the read-only preview. */
+function KindDetail({ kind, entryKinds, entryKindsPending, entryKindsError }) {
+	const t = useUiText();
+	if (!kind.entry) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StorageRecordsPanel, { kind });
+	if (entryKindsPending) return /* @__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" })
+	});
+	if (entryKindsError !== null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorBox, { message: entryKindsError });
+	const info = entryKinds?.find((e) => dataRecordKey(e) === dataRecordKey(kind));
+	if (info === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorBox, { message: t("uiLibrary.dataRecords.entryKindMissing", "This entry kind is not served by the entries service.") });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "space-y-2",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+			className: "text-sm font-semibold text-foreground",
+			children: info.title
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RecordEntriesPanel, { kind: info })]
+	});
+}
+/**
+* System → Data → Records: every declared record kind in ONE table with
+* compact filters; an entry kind opens its editable list, any other kind its
+* read-only row preview. Selection is in `?recordsOwner=&recordsKind=`.
+*/
+function DataRecordsHub() {
 	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 entryKindsQuery = useRecordEntriesListEntryKinds({}, { staleTime: 3e4 });
+	const [ownerParam, setOwner] = useUrlQueryParam(DATA_RECORDS_OWNER_PARAM);
+	const [kindParam, setKind] = useUrlQueryParam(DATA_RECORDS_KIND_PARAM);
+	const entryKinds = entryKindsQuery.data?.kinds;
+	const rows = (0, react$1.useMemo)(() => buildDataRecordRows(kindsQuery.data?.kinds ?? [], entryKinds), [entryKinds, kindsQuery.data?.kinds]);
+	const filter = useDataTableFilter(rows, {
+		searchText: dataRecordSearchText,
+		facetGroups: DATA_RECORD_FACET_GROUPS
 	});
 	const active = (0, react$1.useMemo)(() => {
-		if (kinds.length === 0) return null;
-		return kinds.find((k) => k.owner === ownerParam && k.kind === kindParam) ?? null;
+		return rows.find((r) => r.kind.owner === ownerParam && r.kind.kind === kindParam)?.kind ?? null;
 	}, [
 		kindParam,
-		kinds,
-		ownerParam
+		ownerParam,
+		rows
 	]);
 	const selectKind = (0, react$1.useCallback)((k) => {
 		setOwner(k.owner);
@@ -59996,72 +60194,87 @@ function StorageRecordsHub() {
 		return [
 			{
 				key: "kind",
-				header: t("uiLibrary.storageRecords.colKind", "Kind"),
+				header: t("uiLibrary.dataRecords.colKind", "Kind"),
 				render: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-					className: "font-mono text-xs",
-					children: [
-						row.owner,
-						"/",
-						row.kind
-					]
+					className: "flex flex-col",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "font-mono text-xs",
+						children: dataRecordKey(row.kind)
+					}), row.entryTitle !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "text-[11px] text-foreground-subtle",
+						children: row.entryTitle
+					}) : null]
+				}),
+				sortValue: (row) => dataRecordKey(row.kind)
+			},
+			{
+				key: "type",
+				header: t("uiLibrary.dataRecords.colType", "Type"),
+				nowrap: true,
+				render: (row) => row.kind.entry ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
+					variant: "info",
+					children: t("uiLibrary.dataRecords.badgeEntry", "Entry")
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
+					variant: "neutral",
+					children: t("uiLibrary.dataRecords.badgeRecord", "Record")
 				}),
-				sortValue: (row) => kindKey(row)
+				sortValue: (row) => row.kind.entry ? "entry" : "record"
 			},
 			{
 				key: "database",
-				header: t("uiLibrary.storageRecords.colDatabase", "DB"),
+				header: t("uiLibrary.dataRecords.colDatabase", "DB"),
 				nowrap: true,
 				render: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
 					variant: "neutral",
 					style: "outline",
-					children: row.database
+					children: row.kind.database
 				}),
-				sortValue: (row) => row.database
+				sortValue: (row) => row.kind.database
 			},
 			{
 				key: "class",
-				header: t("uiLibrary.storageRecords.colClass", "Class"),
+				header: t("uiLibrary.dataRecords.colClass", "Class"),
 				nowrap: true,
 				render: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "text-xs text-foreground-muted",
-					children: row.class
+					children: row.kind.class
 				}),
-				sortValue: (row) => row.class
+				sortValue: (row) => row.kind.class
 			},
 			{
 				key: "state",
-				header: t("uiLibrary.storageRecords.colState", "State"),
+				header: t("uiLibrary.dataRecords.colState", "State"),
 				nowrap: true,
 				render: (row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
-					variant: row.state === "declared" ? "default" : "neutral",
-					children: row.state
+					variant: row.kind.state === "declared" ? "default" : "neutral",
+					children: row.kind.state
 				}),
-				sortValue: (row) => row.state
+				sortValue: (row) => row.kind.state
 			},
 			{
 				key: "rows",
-				header: t("uiLibrary.storageRecords.colRows", "Rows"),
+				header: t("uiLibrary.dataRecords.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
+					children: row.kind.rows === null ? "—" : row.kind.rows
 				}),
-				sortValue: (row) => row.rows ?? -1
+				sortValue: (row) => row.kind.rows ?? -1
 			},
 			{
 				key: "bytes",
-				header: t("uiLibrary.storageRecords.colSize", "Est. size"),
+				header: t("uiLibrary.dataRecords.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)
+					children: formatBytes(row.kind.bytesEstimate)
 				}),
-				sortValue: (row) => row.bytesEstimate ?? -1
+				sortValue: (row) => row.kind.bytesEstimate ?? -1
 			},
 			{
-				key: "inspect",
+				key: "open",
 				header: "",
 				align: "right",
 				nowrap: true,
@@ -60069,12 +60282,12 @@ function StorageRecordsHub() {
 					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")
+						variant: active !== null && dataRecordKey(active) === dataRecordKey(row.kind) ? "primary" : "outline",
+						onClick: () => selectKind(row.kind),
+						children: row.kind.entry ? t("uiLibrary.dataRecords.manage", "Manage") : t("uiLibrary.dataRecords.viewRows", "View rows")
 					});
 				},
-				notSortableReason: t("uiLibrary.storageRecords.actionColumn", "Actions")
+				notSortableReason: t("uiLibrary.dataRecords.actionColumn", "Actions")
 			}
 		];
 	}, [
@@ -60082,14 +60295,14 @@ function StorageRecordsHub() {
 		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.isError) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorBox, { message: kindsQuery.error instanceof Error ? kindsQuery.error.message : t("uiLibrary.dataRecords.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.")
+	if (rows.length === 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState, {
+		title: t("uiLibrary.dataRecords.noKindsTitle", "No record kinds"),
+		description: t("uiLibrary.dataRecords.noKindsDescription", "No addon has declared a record kind on this hub yet.")
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "space-y-4",
@@ -60099,13 +60312,15 @@ function StorageRecordsHub() {
 				facets: filter.facets,
 				groups: filter.groups.map((g) => ({
 					...g,
-					label: g.id === "owner" ? t("uiLibrary.storageRecords.facetOwner", "Owner") : t("uiLibrary.storageRecords.facetDatabase", "Database")
+					label: groupLabel(g.id, t),
+					display: "menu",
+					facetLabel: (value) => facetCaption(g.id, value, t)
 				})),
 				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")
+					searchPlaceholder: t("uiLibrary.dataRecords.search", "Search kinds…"),
+					searchLabel: t("uiLibrary.dataRecords.searchLabel", "Search record kinds"),
+					facetsLabel: t("uiLibrary.dataRecords.facetsLabel", "Filter record kinds"),
+					clearLabel: t("uiLibrary.dataRecords.clearFilters", "Clear filters")
 				},
 				onSearch: filter.setSearch,
 				onToggleFacet: filter.toggleFacet,
@@ -60115,15 +60330,20 @@ function StorageRecordsHub() {
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataTable, {
 				columns,
 				rows: filter.rows,
-				rowKey: (k) => kindKey(k),
+				rowKey: (r) => dataRecordKey(r.kind),
 				maxBodyHeight: TABLE_SCROLL_MAX_H,
 				defaultSort: {
 					columnKey: "kind",
 					dir: "asc"
 				},
-				emptyMessage: t("uiLibrary.storageRecords.noMatch", "No kinds match the filter")
+				emptyMessage: t("uiLibrary.dataRecords.noMatch", "No kinds match the filter")
 			}),
-			active !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StorageRecordsPanel, { kind: active }) : null
+			active !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(KindDetail, {
+				kind: active,
+				entryKinds,
+				entryKindsPending: entryKindsQuery.isPending,
+				entryKindsError: entryKindsQuery.isError ? entryKindsQuery.error instanceof Error ? entryKindsQuery.error.message : t("uiLibrary.dataRecords.entryKindsFailed", "Could not load entry kinds") : null
+			}) : null
 		]
 	});
 }
@@ -64532,6 +64752,9 @@ exports.CoverPanel = CoverPanel;
 exports.Cpu = Cpu;
 exports.Crosshair = Crosshair;
 exports.CustomFieldRenderersProvider = CustomFieldRenderersProvider;
+exports.DATA_RECORDS_KIND_PARAM = DATA_RECORDS_KIND_PARAM;
+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.DEVICE_COLUMNS = DEVICE_COLUMNS;
@@ -64542,6 +64765,7 @@ exports.DEVICE_PICKER_GROUP_STORAGE_KEY = DEVICE_PICKER_GROUP_STORAGE_KEY;
 exports.DEVICE_ROLE_META = DEVICE_ROLE_META;
 exports.DEVICE_TYPE_CONTROL = DEVICE_TYPE_CONTROL;
 exports.DEVICE_TYPE_META = DEVICE_TYPE_META;
+exports.DataRecordsHub = DataRecordsHub;
 exports.DataTable = DataTable;
 exports.DataTableFilterBar = DataTableFilterBar;
 exports.DataTablePager = DataTablePager;
@@ -64786,8 +65010,6 @@ 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;
@@ -64796,7 +65018,6 @@ exports.Radar = Radar;
 exports.RadialGauge = RadialGauge;
 exports.Radio = Radio;
 exports.RadioTower = RadioTower;
-exports.RecordEntriesHub = RecordEntriesHub;
 exports.RecordEntriesPanel = RecordEntriesPanel;
 exports.RecordedPlaybackProvider = RecordedPlaybackProvider;
 exports.RecordingPanel = RecordingPanel;
@@ -64830,8 +65051,6 @@ 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;
@@ -64890,7 +65109,6 @@ exports.StepInspectorPanel = StepInspectorPanel;
 exports.StepModelRow = StepModelRow;
 exports.StepTimings = StepTimings;
 exports.Stepper = Stepper;
-exports.StorageRecordsHub = StorageRecordsHub;
 exports.StorageRecordsPanel = StorageRecordsPanel;
 exports.StreamBrokerSelector = StreamBrokerSelector;
 exports.StreamDebugOverlay = StreamDebugOverlay;
@@ -64992,6 +65210,7 @@ exports.badgeFor = badgeFor;
 exports.badgeFor$1 = badgeFor;
 exports.bindsToModel = bindsToModel;
 exports.buildColorByNodeId = buildColorByNodeId;
+exports.buildDataRecordRows = buildDataRecordRows;
 exports.buildPeerConnectionConfig = buildPeerConnectionConfig;
 exports.buildStepTreeFromSchema = buildStepTreeFromSchema;
 exports.catalogHasDraft = catalogHasDraft;
@@ -65019,6 +65238,10 @@ exports.createTheme = require_theme_index.createTheme$1;
 exports.currentAddonLanguage = currentAddonLanguage;
 exports.cursorFractionFor = cursorFractionFor;
 exports.darkColors = require_theme_to_root_css.darkColors;
+exports.dataRecordContents = dataRecordContents;
+exports.dataRecordKey = dataRecordKey;
+exports.dataRecordSearchText = dataRecordSearchText;
+exports.dataRecordType = dataRecordType;
 exports.dataTableFacetGroups = dataTableFacetGroups;
 exports.dataTableFacets = dataTableFacets;
 exports.defaultOfField = defaultOfField;
@@ -65602,13 +65825,19 @@ exports.useDeviceStateSlice$1 = useDeviceStateSlice;
 exports.useDeviceStatusGetStatus = useDeviceStatusGetStatus;
 exports.useDeviceWebrtc = useDeviceWebrtc;
 exports.useDevices = useDevices;
+exports.useDishwasherGetOptions = useDishwasherGetOptions;
 exports.useDishwasherGetStatus = useDishwasherGetStatus;
 exports.useDishwasherPause = useDishwasherPause;
+exports.useDishwasherResume = useDishwasherResume;
+exports.useDishwasherSetChildLock = useDishwasherSetChildLock;
+exports.useDishwasherSetExtraDry = useDishwasherSetExtraDry;
 exports.useDishwasherSetHalfLoad = useDishwasherSetHalfLoad;
 exports.useDishwasherSetHygienePlus = useDishwasherSetHygienePlus;
+exports.useDishwasherSetIntensiveZone = useDishwasherSetIntensiveZone;
 exports.useDishwasherSetOption = useDishwasherSetOption;
 exports.useDishwasherSetPower = useDishwasherSetPower;
 exports.useDishwasherSetProgram = useDishwasherSetProgram;
+exports.useDishwasherSetVarioSpeedPlus = useDishwasherSetVarioSpeedPlus;
 exports.useDishwasherStart = useDishwasherStart;
 exports.useDishwasherStop = useDishwasherStop;
 exports.useDisplayIconResolver = useDisplayIconResolver;
@@ -66294,6 +66523,7 @@ exports.useStorageMigrationCleanupStart = useStorageMigrationCleanupStart;
 exports.useStorageMigrationCleanupStatus = useStorageMigrationCleanupStatus;
 exports.useStorageMigrationDrain = useStorageMigrationDrain;
 exports.useStorageMigrationHistory = useStorageMigrationHistory;
+exports.useStorageMigrationMoverClearance = useStorageMigrationMoverClearance;
 exports.useStorageMigrationMovers = useStorageMigrationMovers;
 exports.useStorageMigrationPlan = useStorageMigrationPlan;
 exports.useStorageMigrationResidue = useStorageMigrationResidue;