@camstack/ui-library 1.2.222 → 1.2.223

package/dist/index.cjs

@@ -7670,6 +7670,12 @@ var useOsdManagerCopyDeviceConfiguration = trpc.osdManager.copyDeviceConfigurati
 var useOsdManagerPreviewSlot = trpc.osdManager.previewSlot.useMutation;
 /** Generated alias around `trpc.osdManager.renderDevice.useMutation`. */
 var useOsdManagerRenderDevice = trpc.osdManager.renderDevice.useMutation;
+/** Generated alias around `trpc.osdManager.listTemplates.useQuery`. */
+var useOsdManagerListTemplates = trpc.osdManager.listTemplates.useQuery;
+/** Generated alias around `trpc.osdManager.upsertTemplate.useMutation`. */
+var useOsdManagerUpsertTemplate = trpc.osdManager.upsertTemplate.useMutation;
+/** Generated alias around `trpc.osdManager.deleteTemplate.useMutation`. */
+var useOsdManagerDeleteTemplate = trpc.osdManager.deleteTemplate.useMutation;
 /** Generated alias around `trpc.petFeeder.feed.useMutation`. */
 var usePetFeederFeed = trpc.petFeeder.feed.useMutation;
 /** Generated alias around `trpc.petFeeder.cancelFeed.useMutation`. */
@@ -12355,8 +12361,8 @@ function selectedDeviceOptions(options, selected) {
 * renders the shared form field gets them without extra registration.
 */
 var INPUT_CLASS$1 = "w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-xs text-foreground focus:border-primary focus:ring-1 focus:ring-primary/30 outline-none disabled:opacity-50 disabled:cursor-not-allowed";
-var INPUT_SHELL = "flex items-center gap-1.5 rounded-md border border-border bg-background px-2 py-1.5 focus-within:border-primary focus-within:ring-1 focus-within:ring-primary/30";
-var LABEL_CLASS$1 = "block text-[11px] font-medium text-foreground mb-1 break-words";
+var INPUT_SHELL$1 = "flex items-center gap-1.5 rounded-md border border-border bg-background px-2 py-1.5 focus-within:border-primary focus-within:ring-1 focus-within:ring-primary/30";
+var LABEL_CLASS$2 = "block text-[11px] font-medium text-foreground mb-1 break-words";
 var DESC_CLASS$1 = "text-[10px] text-foreground-subtle mt-0.5 break-words";
 /** The compact projection of the listAll rows the device fields consume. */
 function toCandidates(rows) {
@@ -12393,7 +12399,7 @@ var FACET_ITEM = "flex h-7 w-full items-center gap-2 px-2 text-left text-xs text
 * The operator asked for dropdowns over rows of chips (2026-09-05): with
 * sixteen rooms and a dozen types the chips ate the panel.
 */
-function FacetDropdown({ label, values, chosen, onChange }) {
+function FacetDropdown$1({ label, values, chosen, onChange }) {
 	if (values.length < 2) return null;
 	const summary = chosen.length === 0 ? "All" : chosen.join(", ");
 	const toggle = (value) => {
@@ -12451,7 +12457,7 @@ function FieldShell({ label, description, required, translationFn, children }) {
 		className: "min-w-0",
 		children: [
 			resolvedLabel !== void 0 && resolvedLabel !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-				className: LABEL_CLASS$1,
+				className: LABEL_CLASS$2,
 				children: [resolvedLabel, required && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "text-danger ml-0.5",
 					children: "*"
@@ -12547,7 +12553,7 @@ function DeviceMultiSelectField({ field, value, onChange, disabled, translationF
 		className: "min-w-0",
 		children: [
 			label !== void 0 && label !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-				className: LABEL_CLASS$1,
+				className: LABEL_CLASS$2,
 				children: label
 			}),
 			selectedOptions.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -12568,7 +12574,7 @@ function DeviceMultiSelectField({ field, value, onChange, disabled, translationF
 			}),
 			smart && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "mb-1.5 flex flex-wrap gap-1.5",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FacetDropdown, {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FacetDropdown$1, {
 					label: "Location",
 					values: facetValues.locations,
 					chosen: facets.locations,
@@ -12576,7 +12582,7 @@ function DeviceMultiSelectField({ field, value, onChange, disabled, translationF
 						...f,
 						locations
 					}))
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FacetDropdown, {
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FacetDropdown$1, {
 					label: "Type",
 					values: facetValues.types,
 					chosen: facets.types,
@@ -12587,7 +12593,7 @@ function DeviceMultiSelectField({ field, value, onChange, disabled, translationF
 				})]
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: INPUT_SHELL + (isDisabled ? " opacity-50" : ""),
+				className: INPUT_SHELL$1 + (isDisabled ? " opacity-50" : ""),
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Search, { className: "h-3.5 w-3.5 shrink-0 text-foreground-subtle" }),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
@@ -25810,7 +25816,7 @@ function TimezoneSelector({ value, onChange, disabled }) {
 //#endregion
 //#region src/composites/config-form-field.tsx
 var INPUT_CLASS = "w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-xs text-foreground focus:border-primary focus:ring-1 focus:ring-primary/30 outline-none disabled:opacity-50 disabled:cursor-not-allowed";
-var LABEL_CLASS = "block text-[11px] font-medium text-foreground mb-1 break-words";
+var LABEL_CLASS$1 = "block text-[11px] font-medium text-foreground mb-1 break-words";
 var DESC_CLASS = "text-[10px] text-foreground-subtle mt-0.5 break-words";
 function FieldWrapper({ label, description, required, span, children, translationFn }) {
 	const colSpanClass = span === 2 ? "col-span-1 @[480px]:col-span-2" : span === 3 ? "col-span-1 @[480px]:col-span-2 @[880px]:col-span-3" : span === 4 ? "col-span-1 @[480px]:col-span-2 @[1140px]:col-span-4" : "col-span-1";
@@ -25821,7 +25827,7 @@ function FieldWrapper({ label, description, required, span, children, translatio
 		className: `${colSpanClass} min-w-0`,
 		children: [
 			hasLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-				className: LABEL_CLASS,
+				className: LABEL_CLASS$1,
 				children: [resolvedLabel, required && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "text-danger ml-0.5",
 					children: "*"
@@ -26511,7 +26517,7 @@ function SubTabsField({ field, values, onChange, disabled, translationFn, onTest
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: `${colSpanClass} min-w-0`,
 		children: [field.label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: LABEL_CLASS,
+			className: LABEL_CLASS$1,
 			children: resolveLabel(field.label, translationFn)
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "@container rounded-lg border border-border-subtle bg-surface-hover/40 overflow-hidden",
@@ -27309,7 +27315,7 @@ function MultipleFieldWrapper({ field, values, onChange, disabled, translationFn
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "space-y-1",
 					children: [itemLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: LABEL_CLASS,
+						className: LABEL_CLASS$1,
 						children: itemLabel
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "flex items-center gap-2",
@@ -50579,7 +50585,7 @@ function SectionRows({ title, count, open, colSpan, onToggle, rows, trpc, parent
 //#region src/composites/device-list/sort.ts
 /** Human-facing type label used for the `type` comparator — matches the label
 *  the row renders, so the sort order reads as the user sees it. */
-function typeLabel(device) {
+function typeLabel$1(device) {
 	return deviceTypeMetaOf(device.type).label.toLowerCase();
 }
 function nameKey(device) {
@@ -50588,7 +50594,7 @@ function nameKey(device) {
 /** Ascending comparator for a given sortable column. */
 function ascComparator(columnId) {
 	if (columnId === "name") return (a, b) => nameKey(a).localeCompare(nameKey(b));
-	if (columnId === "type") return (a, b) => typeLabel(a).localeCompare(typeLabel(b));
+	if (columnId === "type") return (a, b) => typeLabel$1(a).localeCompare(typeLabel$1(b));
 	return compareHardware;
 }
 /**
@@ -55744,6 +55750,1362 @@ function VersionBadge({ version, preRelease, className }) {
 	});
 }
 //#endregion
+//#region src/composites/device-picker/SelectedChip.tsx
+/**
+* Removable selection chip + the search-box shell shared by DevicePicker and
+* SearchableMultiSelectField (admin-ui). Lives here so addon MFEs can render
+* the same picker without importing admin-ui.
+*/
+/** The search box's shell — shared with multiselect fields that mirror this picker. */
+var INPUT_SHELL = "flex items-center gap-1.5 rounded-md border border-border bg-background px-2 py-1.5 focus-within:border-primary focus-within:ring-1 focus-within:ring-primary/30";
+/** One selected entry as a removable chip. */
+function SelectedChip({ label, onRemove, warning = false, iconId, testId }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		"data-testid": testId,
+		className: warning ? "inline-flex items-center gap-1 rounded-md bg-warning/10 px-1.5 py-0.5 text-[11px] text-warning max-w-full" : "inline-flex items-center gap-1 rounded-md bg-primary/10 px-1.5 py-0.5 text-[11px] text-primary max-w-full",
+		children: [
+			iconId !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EventKindGlyph, {
+				iconId,
+				size: 12
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "truncate",
+				children: label
+			}),
+			onRemove !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				className: "shrink-0 hover:text-danger",
+				"aria-label": `Remove ${label}`,
+				onClick: onRemove,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(X, { className: "h-2.5 w-2.5" })
+			})
+		]
+	});
+}
+//#endregion
+//#region src/composites/device-picker/device-picker-model.ts
+/** Numbers numerically, anything else by its text — the name tie-break. */
+function compareIds(a, b) {
+	if (typeof a === "number" && typeof b === "number") return a - b;
+	return String(a).localeCompare(String(b));
+}
+/** How long the search waits after the last keystroke. */
+var PICKER_SEARCH_DEBOUNCE_MS = 200;
+/** A group with more devices than this starts collapsed (unless searching). */
+var PICKER_GROUP_COLLAPSE_AT = 8;
+/** How many selected chips are drawn before "+N more". */
+var PICKER_CHIP_LIMIT = 6;
+/** Rows a capped render draws per "show more". */
+var PICKER_PAGE_SIZE = 60;
+/** Rows a virtualised list renders per batch and initially. */
+var PICKER_WINDOW = 30;
+/** Everything a query can match on, lower-cased. */
+function pickerSearchText(device) {
+	return `${[
+		device.name,
+		device.location ?? "",
+		device.type ?? "",
+		device.detail ?? ""
+	].join(" ")} ${String(device.id)}`.toLowerCase();
+}
+/** The query's tokens; empty for a blank query. */
+function pickerQueryTokens(query) {
+	return query.trim().toLowerCase().split(/\s+/).filter((token) => token.length > 0);
+}
+/** Devices matching EVERY token. A blank query keeps the list as it is. */
+function filterPickerDevices(devices, query) {
+	const tokens = pickerQueryTokens(query);
+	if (tokens.length === 0) return devices;
+	return devices.filter((device) => {
+		const hay = pickerSearchText(device);
+		return tokens.every((token) => hay.includes(token));
+	});
+}
+function compareNullableLast(a, b) {
+	if (a === b) return 0;
+	if (a === null) return 1;
+	if (b === null) return -1;
+	return a.localeCompare(b);
+}
+function blankToNull(value) {
+	return value === void 0 || value === null || value.trim() === "" ? null : value;
+}
+/** The key a group is remembered by (collapsed / expanded). */
+function pickerGroupKey(type, location) {
+	return `${type ?? ""}|${location ?? ""}`;
+}
+/** Group by type, then room; both ascending, "none" last; devices by name. */
+function groupPickerDevices(devices, selected) {
+	const picked = new Set(selected);
+	const buckets = /* @__PURE__ */ new Map();
+	for (const device of devices) {
+		const type = blankToNull(device.type);
+		const location = blankToNull(device.location);
+		const key = pickerGroupKey(type, location);
+		const bucket = buckets.get(key);
+		if (bucket === void 0) buckets.set(key, {
+			type,
+			location,
+			devices: [device]
+		});
+		else bucket.devices.push(device);
+	}
+	const groups = [];
+	for (const [key, bucket] of buckets) {
+		const sorted = [...bucket.devices].sort((a, b) => a.name.localeCompare(b.name) || compareIds(a.id, b.id));
+		groups.push({
+			key,
+			type: bucket.type,
+			location: bucket.location,
+			devices: sorted,
+			selectedCount: sorted.filter((device) => picked.has(device.id)).length
+		});
+	}
+	return groups.sort((a, b) => compareNullableLast(a.type, b.type) || compareNullableLast(a.location, b.location));
+}
+/**
+* Whether a group is open. The operator's own toggle wins; otherwise a small
+* group is open, a big one is closed — unless a search is running (the result
+* IS what they asked to see) or it holds a selected device.
+*/
+function isGroupExpanded(group, toggles, searching) {
+	const own = toggles.get(group.key);
+	if (own !== void 0) return own;
+	if (searching || group.selectedCount > 0) return true;
+	return group.devices.length <= 8;
+}
+/** The groups as ONE list of rows — what a virtualised list renders. */
+function flattenPickerRows(groups, selected, toggles, searching) {
+	const picked = new Set(selected);
+	const rows = [];
+	for (const group of groups) {
+		const expanded = isGroupExpanded(group, toggles, searching);
+		rows.push({
+			kind: "header",
+			key: `h:${group.key}`,
+			group,
+			expanded
+		});
+		if (!expanded) continue;
+		for (const device of group.devices) rows.push({
+			kind: "device",
+			key: `d:${String(device.id)}`,
+			device,
+			groupKey: group.key,
+			selected: picked.has(device.id)
+		});
+	}
+	return rows;
+}
+/** Tick or untick one id. The order of the rest is kept. */
+function togglePickerDevice(value, id) {
+	return value.includes(id) ? value.filter((v) => v !== id) : [...value, id];
+}
+/** Add every device of the group (only the ones the current search shows). */
+function selectPickerGroup(value, group) {
+	const next = [...value];
+	const have = new Set(value);
+	for (const device of group.devices) if (!have.has(device.id)) next.push(device.id);
+	return next;
+}
+/** Remove every device of the group; ids outside it are untouched. */
+function clearPickerGroup(value, group) {
+	const drop = new Set(group.devices.map((device) => device.id));
+	return value.filter((id) => !drop.has(id));
+}
+function chipOverflow(items, expanded) {
+	if (expanded || items.length <= 6) return {
+		shown: items,
+		hidden: 0
+	};
+	return {
+		shown: items.slice(0, 6),
+		hidden: items.length - 6
+	};
+}
+function pageRows(rows, shown) {
+	const count = Math.max(0, Math.min(rows.length, shown));
+	return {
+		rows: rows.slice(0, count),
+		remaining: rows.length - count
+	};
+}
+/** The modes, in the order the control draws them. */
+var PICKER_GROUP_BY_MODES = [
+	"zone",
+	"location",
+	"none"
+];
+/** What an operator who never chose gets. */
+var PICKER_DEFAULT_GROUP_BY = "zone";
+/** A stored choice; anything unreadable is the default. */
+function parsePickerGroupBy(raw) {
+	return raw === "zone" || raw === "location" || raw === "none" ? raw : PICKER_DEFAULT_GROUP_BY;
+}
+/** The folded key a location label joins a zone by — `siteZoneKey`'s fold. */
+function pickerLocationKey(label) {
+	return label.trim().toLowerCase();
+}
+var NO_ZONE_RANK = 1;
+var NO_LOCATION_RANK = 2;
+function byName(a, b) {
+	return a.name.localeCompare(b.name) || compareIds(a.id, b.id);
+}
+function headingLabel(heading) {
+	return heading.kind === "zone" || heading.kind === "location" ? heading.label : "";
+}
+var NO_LOCATION = {
+	key: "-location",
+	heading: { kind: "no-location" },
+	rank: NO_LOCATION_RANK
+};
+var NO_ZONE = {
+	key: "-zone",
+	heading: { kind: "no-zone" },
+	rank: NO_ZONE_RANK
+};
+/** Every zone by the folded location keys it holds; the first zone wins a key. */
+function zoneByLocation(zones) {
+	const out = /* @__PURE__ */ new Map();
+	for (const zone of zones) for (const key of zone.locationKeys) {
+		const folded = pickerLocationKey(key);
+		if (!out.has(folded)) out.set(folded, zone);
+	}
+	return out;
+}
+function placeByLocation(location) {
+	if (location === null) return NO_LOCATION;
+	return {
+		key: `l:${pickerLocationKey(location)}`,
+		heading: {
+			kind: "location",
+			label: location.trim()
+		},
+		rank: 0
+	};
+}
+function placeByZone(location, zones) {
+	if (location === null) return NO_LOCATION;
+	const zone = zones.get(pickerLocationKey(location));
+	if (zone === void 0) return NO_ZONE;
+	return {
+		key: `z:${zone.zoneKey}`,
+		heading: {
+			kind: "zone",
+			label: zone.label
+		},
+		rank: 0
+	};
+}
+/**
+* Group the list by zone, location or nothing.
+*
+* Zone: a group per site zone that holds a listed device (by label), then
+* "No zone" (a location no zone holds), then "No location". Location: a group
+* per location (folded; named after the first device's trimmed spelling), then "No
+* location". None: one flat list by name, then id.
+*
+* A zone read that is pending or failed can NOT say a location is in no zone
+* (D315), so Zone mode then groups by location and returns the reason as
+* {@link PickerGrouping.fallback} for the UI's one-line note.
+*/
+function groupPickerDevicesBy(devices, selected, groupBy, zones) {
+	const picked = new Set(selected);
+	const sorted = [...devices].sort(byName);
+	const count = (list) => list.filter((device) => picked.has(device.id)).length;
+	if (groupBy === "none") return {
+		groupBy,
+		fallback: null,
+		flat: true,
+		groups: [{
+			key: "all",
+			type: null,
+			location: null,
+			devices: sorted,
+			selectedCount: count(sorted)
+		}]
+	};
+	const fallback = groupBy === "zone" && zones.state !== "answered" ? zones.state : null;
+	const effective = fallback === null ? groupBy : "location";
+	const zoneMap = zones.state === "answered" ? zoneByLocation(zones.zones) : /* @__PURE__ */ new Map();
+	const buckets = /* @__PURE__ */ new Map();
+	for (const device of sorted) {
+		const location = blankToNull(device.location);
+		const place = effective === "zone" ? placeByZone(location, zoneMap) : placeByLocation(location);
+		const bucket = buckets.get(place.key);
+		if (bucket === void 0) buckets.set(place.key, {
+			heading: place.heading,
+			rank: place.rank,
+			devices: [device]
+		});
+		else bucket.devices.push(device);
+	}
+	return {
+		groupBy: effective,
+		fallback,
+		flat: false,
+		groups: [...buckets].sort(([, a], [, b]) => a.rank - b.rank || headingLabel(a.heading).localeCompare(headingLabel(b.heading))).map(([key, bucket]) => ({
+			key,
+			type: null,
+			location: bucket.heading.kind === "location" ? bucket.heading.label : null,
+			devices: bucket.devices,
+			selectedCount: count(bucket.devices),
+			heading: bucket.heading
+		}))
+	};
+}
+/** The grouping as rows: a flat grouping draws no header and is always open. */
+function flattenPickerGrouping(grouping, selected, toggles, searching) {
+	if (!grouping.flat) return flattenPickerRows(grouping.groups, selected, toggles, searching);
+	const picked = new Set(selected);
+	const rows = [];
+	for (const group of grouping.groups) for (const device of group.devices) rows.push({
+		kind: "device",
+		key: `d:${String(device.id)}`,
+		device,
+		groupKey: group.key,
+		selected: picked.has(device.id)
+	});
+	return rows;
+}
+function pickerRowFacts(device, groupBy) {
+	return {
+		location: groupBy === "location" ? null : blankToNull(device.location),
+		type: blankToNull(device.type)
+	};
+}
+/** The filter key of an item with no type / no location / no zone. */
+var PICKER_NONE_KEY = "(none)";
+var PICKER_NO_FILTERS = {
+	query: "",
+	types: [],
+	zones: [],
+	locations: []
+};
+var NO_FACET_VALUE = {
+	key: PICKER_NONE_KEY,
+	label: null
+};
+function facetValue(item, facet, zones) {
+	if (facet === "type") {
+		const type = blankToNull(item.type);
+		return type === null ? NO_FACET_VALUE : {
+			key: type,
+			label: type
+		};
+	}
+	const location = blankToNull(item.location);
+	if (location === null) return NO_FACET_VALUE;
+	if (facet === "location") return {
+		key: pickerLocationKey(location),
+		label: location.trim()
+	};
+	if (zones.state !== "answered") return NO_FACET_VALUE;
+	const zone = zoneByLocation(zones.zones).get(pickerLocationKey(location));
+	return zone === void 0 ? NO_FACET_VALUE : {
+		key: zone.zoneKey,
+		label: zone.label
+	};
+}
+/** The key an item filters by under one facet; `(none)` when it has no such value. */
+function pickerFacetKey(item, facet, zones) {
+	return facetValue(item, facet, zones).key;
+}
+function compareFacetOptions(a, b) {
+	if (a.key === "(none)" || b.key === "(none)") return a.key === b.key ? 0 : a.key === "(none)" ? 1 : -1;
+	return (a.label ?? "").localeCompare(b.label ?? "");
+}
+/** Every value of a facet the list holds (plus chosen ones it no longer holds, at 0). */
+function pickerFacetOptions(items, facet, chosen, zones) {
+	if (facet === "zone" && zones.state !== "answered") return [];
+	const byKey = /* @__PURE__ */ new Map();
+	for (const item of items) {
+		const value = facetValue(item, facet, zones);
+		const have = byKey.get(value.key);
+		if (have === void 0) byKey.set(value.key, {
+			label: value.label,
+			count: 1
+		});
+		else have.count++;
+	}
+	for (const key of chosen) if (!byKey.has(key)) byKey.set(key, {
+		label: key === "(none)" ? null : key,
+		count: 0
+	});
+	const options = [];
+	for (const [key, entry] of byKey) options.push({
+		key,
+		label: entry.label,
+		count: entry.count
+	});
+	return options.sort(compareFacetOptions);
+}
+/** A zone filter is chosen but the zones read has not answered: it is paused, not applied. */
+function pickerZoneFilterSuspended(filters, zones) {
+	return filters.zones.length > 0 && zones.state !== "answered";
+}
+function keepFacet(items, facet, chosen, zones) {
+	if (chosen.length === 0) return items;
+	return items.filter((item) => chosen.includes(pickerFacetKey(item, facet, zones)));
+}
+/** Search, then Type, Zone (only from an answered read), Location. No filter: the list itself. */
+function applyPickerFilters(items, filters, zones) {
+	const typed = keepFacet(filterPickerDevices(items, filters.query), "type", filters.types, zones);
+	return keepFacet(zones.state === "answered" ? keepFacet(typed, "zone", filters.zones, zones) : typed, "location", filters.locations, zones);
+}
+/** Tick or untick one filter key. */
+function togglePickerKey(chosen, key) {
+	return chosen.includes(key) ? chosen.filter((k) => k !== key) : [...chosen, key];
+}
+function pickerFiltersActive(filters) {
+	return filters.query.trim() !== "" || filters.types.length > 0 || filters.zones.length > 0 || filters.locations.length > 0;
+}
+/** Reset clears search, Type, Zone and Location — never "Group by". */
+function resetPickerFilters() {
+	return PICKER_NO_FILTERS;
+}
+/**
+* Selected ids the current filters hide — they stay selected, they are only not listed. Only a
+* LISTED device can be hidden: an id the list does not hold at all (removed, unknown, off-offer)
+* is not "hidden", so it is not counted.
+*/
+function pickerHiddenSelectedCount(selected, list, matches) {
+	const listed = new Set(list.map((item) => item.id));
+	const shown = new Set(matches.map((item) => item.id));
+	return selected.filter((id) => listed.has(id) && !shown.has(id)).length;
+}
+/** A dropdown is drawn when it can narrow (two values or more) or a key is chosen. */
+function pickerFacetFilterShown(options, chosen) {
+	return options.length >= 2 || chosen.length > 0;
+}
+//#endregion
+//#region src/composites/device-picker/device-filter-bar.tsx
+/**
+* The filter bar above a picker's list (D697): search, "Group by" (when the
+* list offers it), the Type / Zone / Location dropdowns and "Reset filters".
+*
+* It owns no filter state — the caller holds `PickerFilters` and applies them
+* (`applyPickerFilters`); this only draws the controls and reports changes.
+* The search box keeps its own text so typing is instant, and tells the
+* caller `PICKER_SEARCH_DEBOUNCE_MS` after the last keystroke.
+*
+* The Zone and Location dropdowns are provisional (operator answer Q1): to
+* drop them, delete the two `FacetDropdown` uses in {@link DeviceFilterBar}
+* and their option props — the model side is described in
+* `device-picker-model.ts`.
+*
+*  - D315: a zones read that has not answered draws the Zone dropdown
+*    DISABLED ("loading zones…" / "zones unavailable"), never empty, and a
+*    chosen zone is reported as paused, not as matching nothing.
+*  - "Reset filters" clears search, Type, Zone and Location and leaves the
+*    Group-by choice alone.
+*/
+/** "media-player" → "Media player"; null → "No type". */
+function typeLabel(type) {
+	if (type === null) return "No type";
+	const spaced = type.replaceAll("-", " ");
+	return spaced.charAt(0).toUpperCase() + spaced.slice(1);
+}
+var GROUP_BY_LABEL = {
+	zone: "Zone",
+	location: "Location",
+	none: "None"
+};
+var FACET_TITLE = {
+	type: "Type",
+	zone: "Zone",
+	location: "Location"
+};
+var NO_VALUE_LABEL = {
+	type: "No type",
+	zone: "No zone",
+	location: "No location"
+};
+function optionLabel(facet, option) {
+	if (option.key === "(none)" || option.label === null) return NO_VALUE_LABEL[facet];
+	return facet === "type" ? typeLabel(option.label) : option.label;
+}
+/** "Group by: Zone | Location | None", and why Zone is showing locations. */
+function GroupByControl({ grouping }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "mb-1.5",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			role: "radiogroup",
+			"aria-label": "Group by",
+			className: "flex flex-wrap items-center gap-1 text-[10px] text-foreground-subtle",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "mr-1 font-semibold uppercase tracking-wide",
+				children: "Group by"
+			}), PICKER_GROUP_BY_MODES.map((mode) => {
+				const active = mode === grouping.groupBy;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					role: "radio",
+					"aria-checked": active,
+					onClick: () => grouping.onGroupByChange(mode),
+					className: active ? "rounded-md border border-primary bg-primary/10 px-1.5 py-0.5 text-[11px] text-primary" : "rounded-md border border-border px-1.5 py-0.5 text-[11px] text-foreground-subtle hover:bg-surface-hover",
+					children: GROUP_BY_LABEL[mode]
+				}, mode);
+			})]
+		}), grouping.fallback !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: "mt-0.5 text-[10px] text-foreground-subtle",
+			"data-testid": "picker-zones-note",
+			children: grouping.fallback === "pending" ? "Loading zones — grouped by location for now" : "Zones unavailable — grouped by location"
+		})]
+	});
+}
+function FacetDropdown({ facet, options, chosen, onChange, unavailable, disabled }) {
+	const title = FACET_TITLE[facet];
+	const summary = unavailable !== void 0 ? unavailable : chosen.length === 0 ? "All" : `${String(chosen.length)} selected`;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-testid": `picker-filter-${facet}`,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Popover, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(PopoverTrigger, {
+			disabled: disabled || unavailable !== void 0,
+			className: "rounded-md border border-border px-1.5 py-0.5 text-[11px] text-foreground hover:bg-surface-hover disabled:opacity-50",
+			children: [
+				title,
+				": ",
+				summary
+			]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverContent, {
+			className: "min-w-[200px] max-h-[40vh] overflow-y-auto p-1",
+			children: options.map((option) => {
+				const label = optionLabel(facet, option);
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+					className: "flex cursor-pointer items-center gap-2 px-2 py-1 text-xs text-foreground hover:bg-surface-hover",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Checkbox, {
+							checked: chosen.includes(option.key),
+							onChange: () => onChange(togglePickerKey(chosen, option.key)),
+							"aria-label": label
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "min-w-0 flex-1 truncate",
+							children: label
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "text-[10px] text-foreground-subtle",
+							children: [
+								"(",
+								option.count,
+								")"
+							]
+						})
+					]
+				}, option.key);
+			})
+		})] })
+	});
+}
+/** Why the Zone dropdown cannot be used, or undefined when the read answered. */
+function zoneUnavailable(zones) {
+	if (zones.state === "pending") return "loading zones…";
+	if (zones.state === "failed") return "zones unavailable";
+}
+function DeviceFilterBar({ filters, onFiltersChange, typeOptions, zoneOptions, locationOptions, zones, grouping, searchPlaceholder, searchLabel, disabled = false }) {
+	const [text, setText] = (0, react$1.useState)(filters.query);
+	const latest = (0, react$1.useRef)({
+		filters,
+		onFiltersChange
+	});
+	latest.current = {
+		filters,
+		onFiltersChange
+	};
+	(0, react$1.useEffect)(() => {
+		if (text === latest.current.filters.query) return;
+		const timer = setTimeout(() => latest.current.onFiltersChange({
+			...latest.current.filters,
+			query: text
+		}), 200);
+		return () => clearTimeout(timer);
+	}, [text]);
+	const unavailable = zoneUnavailable(zones);
+	const zoneShown = unavailable !== void 0 || pickerFacetFilterShown(zoneOptions, filters.zones);
+	const active = pickerFiltersActive(filters) || text.trim() !== "";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "space-y-1.5",
+		"data-testid": "device-filter-bar",
+		children: [
+			grouping !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GroupByControl, { grouping }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: INPUT_SHELL,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Search, { className: "h-3.5 w-3.5 shrink-0 text-foreground-subtle" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					type: "text",
+					value: text,
+					placeholder: searchPlaceholder,
+					"aria-label": searchLabel,
+					className: "min-w-0 flex-1 bg-transparent text-xs text-foreground outline-none placeholder:text-foreground-disabled",
+					onChange: (e) => setText(e.target.value)
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-wrap items-center gap-1",
+				children: [
+					pickerFacetFilterShown(typeOptions, filters.types) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FacetDropdown, {
+						facet: "type",
+						options: typeOptions,
+						chosen: filters.types,
+						onChange: (types) => onFiltersChange({
+							...filters,
+							types
+						}),
+						disabled
+					}),
+					zoneShown && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FacetDropdown, {
+						facet: "zone",
+						options: zoneOptions,
+						chosen: filters.zones,
+						onChange: (next) => onFiltersChange({
+							...filters,
+							zones: next
+						}),
+						...unavailable !== void 0 ? { unavailable } : {},
+						disabled
+					}),
+					pickerFacetFilterShown(locationOptions, filters.locations) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FacetDropdown, {
+						facet: "location",
+						options: locationOptions,
+						chosen: filters.locations,
+						onChange: (locations) => onFiltersChange({
+							...filters,
+							locations
+						}),
+						disabled
+					}),
+					active && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+						variant: "ghost",
+						"data-testid": "picker-reset-filters",
+						onClick: () => {
+							setText("");
+							onFiltersChange(resetPickerFilters());
+						},
+						children: "Reset filters"
+					})
+				]
+			}),
+			pickerZoneFilterSuspended(filters, zones) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-[10px] text-foreground-subtle",
+				"data-testid": "picker-zone-filter-paused",
+				children: "Zone filter paused — zones not loaded"
+			})
+		]
+	});
+}
+//#endregion
+//#region src/composites/device-picker/device-picker-grouping.ts
+/**
+* The admin side of the device picker's "Group by" (Zone | Location | None):
+* the remembered choice, and the site-zone read. What each mode DRAWS is
+* `device-picker-model.ts` (shared with the viewer); this only supplies what
+* is side-specific.
+*
+*  - The choice lives in `localStorage`, one value for every device picker in
+*    this browser. Storage that throws or holds an unknown value is the
+*    default (`zone`), never an error.
+*  - The zones are read whenever the picker's panel is open (the Zone filter
+*    needs them even in Location or None mode) — the caller mounts this with
+*    the panel — and a failure stays a FAILURE: an
+*    empty list would put every device under "No zone", a claim of absence
+*    from a read that did not answer (D315). The model then groups by
+*    location and the panel says why.
+*/
+var DEVICE_PICKER_GROUP_STORAGE_KEY = "camstack.admin.device-picker.group-by";
+/**
+* Under `listSiteZones`'s own prefix, so the Locations page's invalidation of
+* `[['deviceManager', 'listSiteZones']]` refreshes it too.
+*/
+var PICKER_ZONES_QUERY_KEY = [["deviceManager", "listSiteZones"], "device-picker"];
+var PICKER_ZONES_STALE_MS = 6e4;
+/** The stored choice; the default when storage is absent, throws or is unreadable. */
+function readStoredGroupBy() {
+	try {
+		const raw = globalThis.localStorage?.getItem("camstack.admin.device-picker.group-by") ?? null;
+		return raw === null ? PICKER_DEFAULT_GROUP_BY : parsePickerGroupBy(raw);
+	} catch {
+		return PICKER_DEFAULT_GROUP_BY;
+	}
+}
+/** Remember the choice; a storage that refuses keeps it for this page only. */
+function writeStoredGroupBy(next) {
+	try {
+		globalThis.localStorage?.setItem(DEVICE_PICKER_GROUP_STORAGE_KEY, next);
+	} catch {}
+}
+function useStoredGroupBy() {
+	const [groupBy, setState] = (0, react$1.useState)(readStoredGroupBy);
+	const setGroupBy = (next) => {
+		setState(next);
+		writeStoredGroupBy(next);
+	};
+	return {
+		groupBy,
+		setGroupBy
+	};
+}
+/** The site zones, with whether the read ANSWERED — read only while `enabled`. */
+function usePickerSiteZones(enabled) {
+	const trpcClient = useSystem().trpcClient;
+	const { data, isError } = (0, _tanstack_react_query.useQuery)({
+		queryKey: PICKER_ZONES_QUERY_KEY,
+		enabled,
+		staleTime: PICKER_ZONES_STALE_MS,
+		queryFn: () => trpcClient.deviceManager.listSiteZones.query()
+	});
+	return (0, react$1.useMemo)(() => {
+		if (data !== void 0) return {
+			state: "answered",
+			zones: data
+		};
+		return isError ? { state: "failed" } : { state: "pending" };
+	}, [data, isError]);
+}
+//#endregion
+//#region src/composites/device-picker/device-selection.ts
+function deviceListStateOf(query) {
+	if (query.data !== void 0) return "answered";
+	return query.isError ? "failed" : "pending";
+}
+function resolveSelectedDevices(selectedIds, cameras, state) {
+	if (state !== "answered" || cameras === void 0) return selectedIds.map((id) => ({
+		id,
+		removed: false
+	}));
+	const byId = new Map(cameras.map((cam) => [cam.id, cam.name]));
+	return selectedIds.map((id) => {
+		const name = byId.get(id);
+		return name === void 0 ? {
+			id,
+			removed: true
+		} : {
+			id,
+			name,
+			removed: false
+		};
+	});
+}
+/**
+* The selected ids a picker's DRAWN list does not contain, judged against the
+* WHOLE fleet — never against the drawn list itself. A camera picker draws
+* cameras, but a rule's devices can be a sensor picked on another surface: the
+* camera list lacking it says nothing about whether it still exists. Each row
+* is `removed` (the answered fleet lacks it), named (the fleet has it) or
+* unnamed (the fleet has not answered).
+*/
+function offListSelections(selectedIds, listed, fleet, fleetState) {
+	const listedIds = new Set((listed ?? []).map((device) => device.id));
+	return resolveSelectedDevices(selectedIds.filter((id) => !listedIds.has(id)), fleet, fleetState);
+}
+/** The "no cameras" hint: only an ANSWERED empty list with nothing selected. */
+function showsNoCamerasHint(state, cameraCount, selectedCount) {
+	return state === "answered" && cameraCount === 0 && selectedCount === 0;
+}
+/**
+* The widening warning: on a picker where an empty selection means ALL
+* devices, an empty selection that once held devices must say so.
+*/
+function emptyDevicesWidens(emptyMeansAll, selectedCount, hadDevices) {
+	return emptyMeansAll && selectedCount === 0 && hadDevices;
+}
+//#endregion
+//#region src/composites/device-picker/device-selection-rows.tsx
+/** Each noun's plural. */
+var PICKER_NOUN_PLURAL = {
+	camera: "cameras",
+	device: "devices",
+	node: "nodes",
+	package: "packages",
+	class: "classes",
+	zone: "zones",
+	face: "faces"
+};
+/** The label a picker gives a selected id its drawn list does not contain. */
+function orphanDeviceLabel(row, noun = "device") {
+	const id = String(row.id);
+	switch (noun) {
+		case "node":
+			if (row.removed) return `Node ${id} — unknown to the hub`;
+			return row.name ?? `Node ${id}`;
+		case "package":
+			if (row.removed) return `${id} — not installed`;
+			return row.name ?? id;
+		case "class":
+			if (row.removed) return `${id} — not in the class list`;
+			return row.name ?? id;
+		case "zone":
+			if (row.removed) return `${id} — zone not found`;
+			return row.name ?? `${id} — zone unavailable`;
+		case "face":
+			if (row.removed) return `${id} — not in the face gallery`;
+			return row.name ?? id;
+		case "camera":
+		case "device":
+			if (row.removed) return `Device #${id} — removed`;
+			return row.name ?? `Device #${id}`;
+	}
+}
+/** Said under a picker whose empty selection means EVERY device. */
+function DevicesWidenWarning({ noun = "camera" }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+		className: "mt-1 text-[11px] text-warning",
+		"data-testid": "devices-widen-warning",
+		children: [
+			"No ",
+			noun,
+			" selected: the rule will apply to ALL ",
+			PICKER_NOUN_PLURAL[noun],
+			"."
+		]
+	});
+}
+/** A list that has not answered: never an absence claim (D315). */
+function DevicesLoadingLine({ noun = "cameras" }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+		className: "text-[11px] text-foreground-subtle",
+		children: [
+			"Loading ",
+			noun,
+			"…"
+		]
+	});
+}
+/** A list that failed: said, while the selected ids stay removable. */
+function DevicesFailedLine({ noun = "devices" }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+		className: "text-[11px] text-warning",
+		children: [
+			"The hub did not return its ",
+			noun,
+			" — selected ones are listed by id so they can still be removed."
+		]
+	});
+}
+//#endregion
+//#region src/composites/device-picker/DevicePicker.tsx
+/**
+* The smart device picker every notification editor uses: the selection as
+* compact chips, and a searchable, grouped list opened only to change it.
+*
+* It replaces the long checklists (a rule's devices, a system rule's
+* include/exclude, the timelapse and digest cameras, the alarm's non-blocking
+* openings) with the same UX the viewer's picker has (D636). The decisions are
+* `device-picker-model.ts` (shared with the viewer, byte-identical); what a
+* selected id the list does not draw IS — removed, named, or unknown — is
+* `device-selection.ts`, and so are the two rules that shaped it:
+*
+*  - D315: only a list that ANSWERED may call an id removed or say "no
+*    cameras"; a pending list is a loading line and names nothing absent.
+*  - D49: a read never drops a selected id; every one is a chip the operator
+*    can remove, and only the operator removes one.
+*
+* It reads nothing. It filters the list its caller already holds, and judges
+* an off-list id against the caller's fleet (a camera picker draws cameras,
+* and a selected sensor missing from it still exists).
+*
+* Generic over the id since D637: the system family's node and package pickers
+* (`scope-pickers.tsx`) are this picker over string ids, with their own noun
+* and group titles.
+*
+* Bounded at hundreds of devices of one type: big groups start collapsed, the
+* rows are rendered a page at a time with "Show N more", and the chips stop at
+* `PICKER_CHIP_LIMIT` with a "+N more". `showAll` turns all three off, and the
+* list is always open: the rule editor's Devices tab exists to show every
+* device (R15, D690).
+*
+* "Group by" (Zone | Location | None) sits at the top of a DEVICE picker's
+* list only — the node and package pickers keep their own groups, and so does
+* the CLASS picker (D641), whose groups are the taxonomy's categories. The choice
+* is remembered in `localStorage`, and the site zones are read whenever the
+* panel is open (the Zone filter needs them; `device-picker-grouping.ts`); a zone read that has
+* not answered groups by location with a one-line note, never "No zone"
+* (D315).
+*/
+/** A "Group by" group's title: the zone or room, or which one it lacks. */
+function headingTitle(heading) {
+	switch (heading.kind) {
+		case "zone":
+		case "location": return heading.label;
+		case "no-zone": return "No zone";
+		case "no-location": return "No location";
+	}
+}
+function deviceGroupTitle(group) {
+	if (group.heading !== void 0) return headingTitle(group.heading);
+	return `${typeLabel(group.type)} · ${group.location ?? "No room"}`;
+}
+/** Whether a picker lists devices — the only kind with "Group by". */
+function isDeviceNoun(noun) {
+	return noun === "camera" || noun === "device";
+}
+function chipsOf(value, devices, fleet, noun) {
+	const byId = new Map(devices.map((device) => [device.id, device.name]));
+	const orphans = new Map(offListSelections(value, devices, fleet.devices, fleet.state).map((row) => [row.id, row]));
+	return value.map((id) => {
+		const name = byId.get(id);
+		if (name !== void 0) return {
+			id,
+			label: name,
+			removed: false
+		};
+		const row = orphans.get(id) ?? {
+			id,
+			removed: false
+		};
+		return {
+			id,
+			label: orphanDeviceLabel(row, noun),
+			removed: row.removed
+		};
+	});
+}
+/** The empty-list sentence: the device pickers keep the words they shipped with. */
+function noItemsSentence(noun, emptyMeansAll) {
+	const plural = PICKER_NOUN_PLURAL[noun];
+	if (!emptyMeansAll) return `No ${plural} available.`;
+	if (noun === "camera" || noun === "device") return "No cameras available — the rule applies to all devices.";
+	return `No ${plural} available — the rule applies to every ${noun}.`;
+}
+function DevicePicker({ devices, listState, fleet, value, onChange, emptyMeansAll = false, savedHadDevices = false, noun = "camera", groupTitle = deviceGroupTitle, emptyLabel, annotate, disabled = false, testId, showAll = false }) {
+	const judge = fleet ?? {
+		state: listState,
+		devices: listState === "answered" ? devices : void 0
+	};
+	const [open, setOpen] = (0, react$1.useState)(false);
+	const [chipsExpanded, setChipsExpanded] = (0, react$1.useState)(false);
+	const [hadDevices, setHadDevices] = (0, react$1.useState)(savedHadDevices || value.length > 0);
+	if (value.length > 0 && !hadDevices) setHadDevices(true);
+	const chips = chipsOf(value, devices, judge, noun);
+	const overflow = chipOverflow(chips, chipsExpanded || showAll);
+	const listOpen = open || showAll;
+	const widening = emptyDevicesWidens(emptyMeansAll, value.length, hadDevices);
+	const plural = PICKER_NOUN_PLURAL[noun];
+	if (listState === "answered" && showsNoCamerasHint(listState, devices.length, value.length)) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		"data-testid": testId,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: "text-[10px] text-foreground-subtle mt-0.5",
+			children: noItemsSentence(noun, emptyMeansAll)
+		}), widening && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DevicesWidenWarning, { noun })]
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "mt-1 space-y-1.5",
+		"data-testid": testId,
+		children: [
+			listState === "pending" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DevicesLoadingLine, { noun: plural }),
+			listState === "failed" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DevicesFailedLine, { noun: noun === "camera" ? "devices" : plural }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-wrap items-center gap-1",
+				children: [
+					chips.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "text-[11px] text-foreground-subtle",
+						children: emptyLabel ?? (emptyMeansAll ? `Every ${noun} — no restriction` : "None selected")
+					}) : overflow.shown.map((chip) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectedChip, {
+						testId: `picker-chip-${String(chip.id)}`,
+						label: chip.label,
+						warning: chip.removed,
+						...!disabled ? { onRemove: () => onChange(value.filter((id) => id !== chip.id)) } : {}
+					}, chip.id)),
+					overflow.hidden > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						type: "button",
+						className: "rounded-md border border-border px-1.5 py-0.5 text-[11px] text-foreground-subtle hover:bg-surface-hover",
+						onClick: () => setChipsExpanded(true),
+						children: [
+							"+",
+							overflow.hidden,
+							" more"
+						]
+					}),
+					chipsExpanded && chips.length > 6 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: "text-[11px] text-foreground-subtle underline",
+						onClick: () => setChipsExpanded(false),
+						children: "Show fewer"
+					}),
+					listState !== "pending" && !showAll && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						disabled,
+						"aria-expanded": open,
+						onClick: () => setOpen((o) => !o),
+						className: "rounded-md border border-dashed border-border px-1.5 py-0.5 text-[11px] text-foreground hover:bg-surface-hover disabled:opacity-50",
+						children: open ? "Done" : value.length === 0 ? `Add ${plural}…` : "Edit…"
+					})
+				]
+			}),
+			listOpen && listState === "answered" && (isDeviceNoun(noun) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GroupedPickerPanel, {
+				devices,
+				value,
+				onChange,
+				annotate,
+				groupTitle,
+				noun,
+				disabled,
+				showAll
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PickerPanel, {
+				devices,
+				value,
+				onChange,
+				annotate,
+				groupTitle,
+				noun,
+				disabled,
+				showAll
+			})),
+			widening && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DevicesWidenWarning, { noun })
+		]
+	});
+}
+/**
+* The device picker's panel: mounted only while the list is open, so the zone
+* read below happens only then (for Zone grouping and the Zone filter).
+*/
+function GroupedPickerPanel(props) {
+	const { groupBy, setGroupBy } = useStoredGroupBy();
+	const zones = usePickerSiteZones(true);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PickerPanel, {
+		...props,
+		grouping: {
+			groupBy,
+			onGroupByChange: setGroupBy,
+			zones
+		}
+	});
+}
+/** The search box's hint: a device has a room and a type, a class a category, a node or package an id. */
+function searchPlaceholder(noun) {
+	if (noun === "camera" || noun === "device") return "Search by name, room or type…";
+	if (noun === "class") return "Search by class or category…";
+	if (noun === "zone") return "Search by camera or zone…";
+	return "Search by name or id…";
+}
+/** An answered read with no zones: what the pickers without "Group by" are judged against. */
+var NO_ZONES = {
+	state: "answered",
+	zones: []
+};
+/** The searchable, grouped list — rendered one page at a time. */
+function PickerPanel({ devices, value, onChange, annotate, groupTitle, noun, disabled, showAll, grouping }) {
+	const [filters, setFilters] = (0, react$1.useState)(PICKER_NO_FILTERS);
+	const [toggles, setToggles] = (0, react$1.useState)(/* @__PURE__ */ new Map());
+	const [shown, setShown] = (0, react$1.useState)(60);
+	const searching = showAll || pickerQueryTokens(filters.query).length > 0;
+	const groupBy = grouping?.groupBy;
+	const zones = grouping?.zones ?? NO_ZONES;
+	const matches = (0, react$1.useMemo)(() => applyPickerFilters(devices, filters, zones), [
+		devices,
+		filters,
+		zones
+	]);
+	const grouped = (0, react$1.useMemo)(() => groupBy !== void 0 ? groupPickerDevicesBy(matches, value, groupBy, zones) : null, [
+		matches,
+		value,
+		groupBy,
+		zones
+	]);
+	const rows = (0, react$1.useMemo)(() => grouped !== null ? flattenPickerGrouping(grouped, value, toggles, searching) : flattenPickerRows(groupPickerDevices(matches, value), value, toggles, searching), [
+		grouped,
+		matches,
+		value,
+		toggles,
+		searching
+	]);
+	const shownBy = grouped?.groupBy ?? null;
+	const typeOptions = (0, react$1.useMemo)(() => pickerFacetOptions(devices, "type", filters.types, zones), [
+		devices,
+		filters.types,
+		zones
+	]);
+	const zoneOptions = (0, react$1.useMemo)(() => pickerFacetOptions(devices, "zone", filters.zones, zones), [
+		devices,
+		filters.zones,
+		zones
+	]);
+	const locationOptions = (0, react$1.useMemo)(() => grouping === void 0 ? [] : pickerFacetOptions(devices, "location", filters.locations, zones), [
+		devices,
+		filters.locations,
+		zones,
+		grouping
+	]);
+	const hiddenSelected = (0, react$1.useMemo)(() => pickerHiddenSelectedCount(value, devices, matches), [
+		devices,
+		value,
+		matches
+	]);
+	const page = pageRows(rows, showAll ? rows.length : shown);
+	const toggleGroup = (group, expanded) => setToggles((current) => new Map([...current, [group.key, !expanded]]));
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "rounded-md border border-border bg-surface p-2",
+		"data-testid": "device-picker-panel",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DeviceFilterBar, {
+				filters,
+				onFiltersChange: (next) => {
+					setFilters(next);
+					setShown(60);
+				},
+				typeOptions,
+				zoneOptions,
+				locationOptions,
+				zones,
+				...grouping !== void 0 ? { grouping: {
+					groupBy: grouping.groupBy,
+					onGroupByChange: grouping.onGroupByChange,
+					fallback: grouped?.fallback ?? null
+				} } : {},
+				searchPlaceholder: searchPlaceholder(noun),
+				searchLabel: noun === "camera" || noun === "device" ? "Search devices" : `Search ${PICKER_NOUN_PLURAL[noun]}`,
+				disabled
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+				className: "mt-1 text-[10px] text-foreground-subtle",
+				children: [
+					matches.length,
+					" of ",
+					devices.length,
+					" shown · ",
+					value.length,
+					" selected"
+				]
+			}),
+			rows.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "py-2 text-[11px] text-foreground-subtle italic",
+				children: noun === "camera" || noun === "device" ? "No device matches." : `No ${noun} matches.`
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: showAll ? "mt-1" : "mt-1 max-h-72 overflow-y-auto",
+				"data-testid": "device-picker-rows",
+				children: [page.rows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PickerRowView, {
+					row,
+					value,
+					onChange,
+					onToggleGroup: toggleGroup,
+					annotate,
+					groupTitle,
+					groupBy: shownBy,
+					disabled
+				}, row.key)), page.remaining > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: "mt-1 w-full rounded border border-border py-1 text-[11px] text-foreground-subtle hover:bg-surface-hover",
+					onClick: () => setShown((n) => n + 60),
+					children: [
+						"Show ",
+						Math.min(page.remaining, 60),
+						" more (",
+						page.remaining,
+						" left)"
+					]
+				})]
+			}),
+			hiddenSelected > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+				className: "mt-1 text-[10px] text-foreground-subtle",
+				"data-testid": "picker-hidden-selected",
+				children: [hiddenSelected, " selected hidden by filters"]
+			})
+		]
+	});
+}
+/** The second line: under "Group by" the room (where the header lacks it) and type, then the container. */
+function secondLine(device, groupBy) {
+	if (groupBy === null) return device.detail;
+	const facts = pickerRowFacts(device, groupBy);
+	const parts = [
+		facts.location,
+		facts.type === null ? null : typeLabel(facts.type),
+		device.detail ?? null
+	].filter((part) => part !== null);
+	return parts.length > 0 ? parts.join(" · ") : void 0;
+}
+function PickerRowView({ row, value, onChange, onToggleGroup, annotate, groupTitle, groupBy, disabled }) {
+	if (row.kind === "header") {
+		const { group, expanded } = row;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex items-center gap-2 border-b border-border px-1 py-1",
+			"data-testid": "device-picker-group",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					"aria-expanded": expanded,
+					onClick: () => onToggleGroup(group, expanded),
+					className: "flex min-w-0 flex-1 items-center gap-1 text-left text-[10px] font-semibold uppercase tracking-wide text-foreground-subtle",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: expanded ? "▾" : "▸" }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "truncate",
+							children: groupTitle(group)
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "font-normal normal-case",
+							children: [
+								"(",
+								group.selectedCount,
+								"/",
+								group.devices.length,
+								")"
+							]
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					disabled,
+					className: "text-[10px] text-primary hover:underline disabled:opacity-50",
+					onClick: () => onChange(selectPickerGroup(value, group)),
+					children: "All"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					disabled,
+					className: "text-[10px] text-foreground-subtle hover:underline disabled:opacity-50",
+					onClick: () => onChange(clearPickerGroup(value, group)),
+					children: "Clear"
+				})
+			]
+		});
+	}
+	const note = annotate?.(row.device.id);
+	const second = secondLine(row.device, groupBy);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+		className: "flex cursor-pointer items-center gap-2.5 px-3 py-1 text-xs text-foreground hover:bg-surface-hover",
+		"data-testid": "device-picker-row",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+			type: "checkbox",
+			checked: row.selected,
+			disabled,
+			onChange: () => onChange(togglePickerDevice(value, row.device.id)),
+			className: "accent-primary",
+			"data-device-id": String(row.device.id)
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+			className: "flex min-w-0 flex-1 flex-col",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "truncate",
+					children: row.device.name
+				}),
+				second !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "truncate text-[10px] text-foreground-subtle",
+					children: second
+				}),
+				note !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-[10px] text-warning",
+					children: note
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/composites/unit-picker/UnitPicker.tsx
+/**
+* Same-dimension unit picker. Lists only `unitsForDimension(dimension)`; an
+* empty dimension disables the control and shows `emptyReason` so the operator
+* never sees a refused conversion as a pickable option.
+*/
+var FIELD_CLASS = "w-full min-w-0 px-1.5 py-0.5 text-[11px] bg-background border border-border rounded focus:outline-none focus:border-primary disabled:opacity-50 disabled:cursor-not-allowed";
+function UnitPicker({ dimension, value, onChange, disabled = false, emptyReason, inheritLabel, className, id, "aria-label": ariaLabel }) {
+	const choices = dimension !== void 0 ? (0, _camstack_types.unitsForDimension)(dimension) : [];
+	const isEmpty = dimension === void 0;
+	const selectDisabled = disabled || isEmpty;
+	const handleChange = (event) => {
+		const raw = event.target.value;
+		if (raw === "") {
+			onChange("");
+			return;
+		}
+		onChange((0, _camstack_types.normalizeUnit)(raw) ?? raw);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-0.5 min-w-0 w-full",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+			id,
+			className: className ?? FIELD_CLASS,
+			"aria-label": ariaLabel,
+			value,
+			onChange: handleChange,
+			disabled: selectDisabled,
+			children: [inheritLabel !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+				value: "",
+				children: inheritLabel
+			}), choices.map((unit) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+				value: unit,
+				children: unit
+			}, unit))]
+		}), isEmpty && emptyReason !== void 0 && emptyReason !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "text-[10px] text-foreground-subtle",
+			children: emptyReason
+		})]
+	});
+}
+//#endregion
+//#region src/composites/placeholder-field/PlaceholderChipField.tsx
+/**
+* Text field with insertable placeholder chips — the same interaction model
+* as Notification Center's TemplateField, without the NC variable catalog.
+*/
+var LABEL_CLASS = "block text-[11px] font-medium text-foreground mb-1";
+var TEXTAREA_CLASS = "w-full rounded-md border border-border bg-surface px-2.5 py-1.5 text-xs text-foreground placeholder:text-foreground-subtle focus:outline-none focus:ring-1 focus:ring-primary";
+function insertAtSelection(value, selection, token) {
+	const before = value.slice(0, selection.start);
+	return {
+		value: `${before}${token}${value.slice(selection.end)}`,
+		cursor: before.length + token.length
+	};
+}
+function PlaceholderChipField({ label, value, onChange, chips, multiline = false, placeholder, disabled = false, testId, maxLength }) {
+	const inputRef = (0, react$1.useRef)(null);
+	const areaRef = (0, react$1.useRef)(null);
+	const insert = (token) => {
+		const element = multiline ? areaRef.current : inputRef.current;
+		const result = insertAtSelection(value, {
+			start: element?.selectionStart ?? value.length,
+			end: element?.selectionEnd ?? value.length
+		}, token);
+		onChange(result.value);
+		requestAnimationFrame(() => {
+			element?.focus();
+			element?.setSelectionRange(result.cursor, result.cursor);
+		});
+	};
+	const handle = (e) => onChange(e.target.value);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "space-y-1",
+		"data-testid": testId,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+				className: LABEL_CLASS,
+				children: label
+			}),
+			multiline ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+				ref: areaRef,
+				value,
+				rows: 2,
+				disabled,
+				placeholder,
+				maxLength,
+				onChange: handle,
+				className: TEXTAREA_CLASS,
+				"data-testid": `${testId}-input`
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Input, {
+				ref: inputRef,
+				value,
+				disabled,
+				placeholder,
+				maxLength,
+				onChange: handle,
+				"data-testid": `${testId}-input`
+			}),
+			chips !== void 0 && chips.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "flex flex-wrap gap-1 pt-0.5",
+				"data-testid": `${testId}-chips`,
+				children: chips.map((chip) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					disabled,
+					className: "rounded-md bg-primary/10 px-1.5 py-0.5 text-[10px] text-primary hover:bg-primary/20 disabled:opacity-50",
+					onClick: () => insert(chip.token),
+					"data-testid": `${testId}-chip-${chip.id}`,
+					children: chip.label
+				}, chip.id))
+			})
+		]
+	});
+}
+//#endregion
 //#region src/contexts/zone-editing.tsx
 /**
 * Per-device zone-editing state shared between the player overlay
@@ -56761,6 +58123,7 @@ exports.DEFAULT_COLOR = DEFAULT_COLOR;
 exports.DEVICE_COLUMNS = DEVICE_COLUMNS;
 exports.DEVICE_LIST_PAGE_SIZE_KEY = DEVICE_LIST_PAGE_SIZE_KEY;
 exports.DEVICE_LIST_PAGE_SIZE_OPTIONS = DEVICE_LIST_PAGE_SIZE_OPTIONS;
+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;
@@ -56776,13 +58139,18 @@ exports.DeviceBatchToolbar = DeviceBatchToolbar;
 exports.DeviceCard = DeviceCard;
 exports.DeviceContextProvider = DeviceContextProvider;
 exports.DeviceExportPanel = DeviceExportPanel;
+exports.DeviceFilterBar = DeviceFilterBar;
 exports.DeviceGrid = DeviceGrid;
 exports.DeviceItem = DeviceItem;
 exports.DeviceList = DeviceList;
 exports.DeviceMultiSelectField = DeviceMultiSelectField;
+exports.DevicePicker = DevicePicker;
 exports.DeviceSelectField = DeviceSelectField;
 exports.DeviceSelectorPicker = DeviceSelectorPicker;
 exports.DeviceStepMatrix = DeviceStepMatrix;
+exports.DevicesFailedLine = DevicesFailedLine;
+exports.DevicesLoadingLine = DevicesLoadingLine;
+exports.DevicesWidenWarning = DevicesWidenWarning;
 exports.Dialog = Dialog;
 exports.DialogBody = DialogBody;
 exports.DialogContent = DialogContent;
@@ -56831,6 +58199,7 @@ exports.HoverZoomImage = HoverZoomImage;
 exports.HumidifierHeroCard = HumidifierHeroCard;
 exports.HumidifierInlineControl = HumidifierInlineControl;
 exports.INPUT_COMPACT = INPUT_COMPACT;
+exports.INPUT_SHELL = INPUT_SHELL;
 exports.IconAction = IconAction;
 exports.IconButton = IconButton;
 exports.IconPicker = IconPicker;
@@ -56871,6 +58240,16 @@ exports.NodePicker = NodePicker;
 exports.NodeSelectField = NodeSelectField;
 exports.OfflineBadge = OfflineBadge;
 exports.PHASE_CONFIG = PHASE_CONFIG;
+exports.PICKER_CHIP_LIMIT = PICKER_CHIP_LIMIT;
+exports.PICKER_DEFAULT_GROUP_BY = PICKER_DEFAULT_GROUP_BY;
+exports.PICKER_GROUP_BY_MODES = PICKER_GROUP_BY_MODES;
+exports.PICKER_GROUP_COLLAPSE_AT = PICKER_GROUP_COLLAPSE_AT;
+exports.PICKER_NONE_KEY = PICKER_NONE_KEY;
+exports.PICKER_NOUN_PLURAL = PICKER_NOUN_PLURAL;
+exports.PICKER_NO_FILTERS = PICKER_NO_FILTERS;
+exports.PICKER_PAGE_SIZE = PICKER_PAGE_SIZE;
+exports.PICKER_SEARCH_DEBOUNCE_MS = PICKER_SEARCH_DEBOUNCE_MS;
+exports.PICKER_WINDOW = PICKER_WINDOW;
 exports.PRIORITY = PRIORITY;
 exports.PTZOverlay = PTZOverlay;
 exports.PageHeader = PageHeader;
@@ -56879,6 +58258,7 @@ exports.PipelineBuilder = PipelineBuilder;
 exports.PipelineRuntimeSelector = PipelineRuntimeSelector;
 exports.PipelineStep = PipelineStep;
 exports.PipelineTreeMatrix = PipelineTreeMatrix;
+exports.PlaceholderChipField = PlaceholderChipField;
 exports.PlayerOverlaysProvider = PlayerOverlaysProvider;
 exports.Popover = Popover;
 exports.PopoverContent = PopoverContent;
@@ -56922,6 +58302,7 @@ exports.ScriptHeroCard = ScriptHeroCard;
 exports.ScriptInlineControl = ScriptInlineControl;
 exports.ScrollArea = ScrollArea;
 exports.Select = Select;
+exports.SelectedChip = SelectedChip;
 exports.SemanticBadge = SemanticBadge;
 exports.SensorHeroCard = SensorHeroCard;
 exports.SensorInlineControl = SensorInlineControl;
@@ -56970,6 +58351,7 @@ exports.Tooltip = Tooltip;
 exports.TooltipContent = TooltipContent;
 exports.TooltipTrigger = TooltipTrigger;
 exports.Trash2 = Trash2;
+exports.UnitPicker = UnitPicker;
 exports.VacuumHeroCard = VacuumHeroCard;
 exports.VacuumInlineControl = VacuumInlineControl;
 exports.ValueReadout = ValueReadout;
@@ -56989,13 +58371,16 @@ exports.ZoneEditingProvider = ZoneEditingProvider;
 exports.agentColumnKey = agentColumnKey;
 exports.allDeviceTypeFilterOptions = allDeviceTypeFilterOptions;
 exports.applyFleetQueryDefaults = applyFleetQueryDefaults;
+exports.applyPickerFilters = applyPickerFilters;
 exports.ariaSortForColumn = ariaSortForColumn;
 exports.badgeFor = badgeFor;
 exports.badgeFor$1 = badgeFor;
 exports.buildStepTreeFromSchema = buildStepTreeFromSchema;
 exports.childEntityId = childEntityId;
 exports.childListName = childListName;
+exports.chipOverflow = chipOverflow;
 exports.classifyCapability = classifyCapability;
+exports.clearPickerGroup = clearPickerGroup;
 exports.cn = cn;
 exports.columnsForContext = columnsForContext;
 exports.containerChildToRef = containerChildToRef;
@@ -57014,6 +58399,7 @@ exports.deriveDeviceKind = deriveDeviceKind;
 exports.deriveWebrtcDebugStats = deriveWebrtcDebugStats;
 exports.describeDeviceSelector = describeDeviceSelector;
 exports.deviceIntegrationResolver = deviceIntegrationResolver;
+exports.deviceListStateOf = deviceListStateOf;
 exports.deviceMatchesFilter = deviceMatchesFilter;
 exports.deviceOptionLabel = deviceOptionLabel;
 exports.deviceRoleMeta = deviceRoleMeta;
@@ -57022,11 +58408,15 @@ exports.deviceTypeLabel = deviceTypeLabel;
 exports.deviceTypeMeta = deviceTypeMeta;
 exports.deviceTypeMetaOf = deviceTypeMetaOf;
 exports.devicesToOptions = devicesToOptions;
+exports.emptyDevicesWidens = emptyDevicesWidens;
 exports.ensureMfHostInit = ensureMfHostInit;
 exports.eventKindLabel = eventKindLabel;
 exports.filterDataTableRows = filterDataTableRows;
 exports.filterDeviceOptions = filterDeviceOptions;
+exports.filterPickerDevices = filterPickerDevices;
 exports.findTimezone = _camstack_types.findTimezone;
+exports.flattenPickerGrouping = flattenPickerGrouping;
+exports.flattenPickerRows = flattenPickerRows;
 exports.formatControlDateTime = formatControlDateTime;
 exports.formatLastSeen = formatLastSeen;
 exports.formatNumeric = formatNumeric;
@@ -57036,6 +58426,8 @@ exports.getClassColor = getClassColor;
 exports.getPhaseVisual = getPhaseVisual;
 exports.groupAgentColumns = groupAgentColumns;
 exports.groupChildrenByLayout = groupChildrenByLayout;
+exports.groupPickerDevices = groupPickerDevices;
+exports.groupPickerDevicesBy = groupPickerDevicesBy;
 exports.hardwareLabel = hardwareLabel;
 exports.hubOrigin = hubOrigin;
 exports.hubPath = hubPath;
@@ -57045,10 +58437,12 @@ exports.hubWsUrl = hubWsUrl;
 exports.humanDuration = humanDuration;
 exports.humidifierTint = humidifierTint;
 exports.initialScrubState = initialScrubState;
+exports.insertAtSelection = insertAtSelection;
 exports.isAbsentProvider = isAbsentProvider;
 exports.isAbsentProvider$1 = isAbsentProvider;
 exports.isDataTableFilterActive = isDataTableFilterActive;
 exports.isFieldVisible = isFieldVisible;
+exports.isGroupExpanded = isGroupExpanded;
 exports.lawnMowerActivityMeta = lawnMowerActivityMeta;
 exports.lightColors = require_theme_index.lightColors$1;
 exports.loadRemoteBundle = loadRemoteBundle;
@@ -57063,11 +58457,28 @@ exports.nextSort = nextSort;
 exports.nextSortDirection = nextSortDirection;
 exports.nextTableSort = nextTableSort;
 exports.normalizeForSearch = normalizeForSearch;
+exports.offListSelections = offListSelections;
 exports.openTopLayer = openTopLayer;
+exports.orphanDeviceLabel = orphanDeviceLabel;
 exports.overrideEntityIdFromLink = overrideEntityIdFromLink;
+exports.pageRows = pageRows;
+exports.parsePickerGroupBy = parsePickerGroupBy;
 exports.parseRecordedServerMessage = parseRecordedServerMessage;
+exports.pickerFacetFilterShown = pickerFacetFilterShown;
+exports.pickerFacetKey = pickerFacetKey;
+exports.pickerFacetOptions = pickerFacetOptions;
+exports.pickerFiltersActive = pickerFiltersActive;
+exports.pickerGroupKey = pickerGroupKey;
+exports.pickerHiddenSelectedCount = pickerHiddenSelectedCount;
+exports.pickerLocationKey = pickerLocationKey;
+exports.pickerQueryTokens = pickerQueryTokens;
+exports.pickerRowFacts = pickerRowFacts;
+exports.pickerSearchText = pickerSearchText;
+exports.pickerZoneFilterSuspended = pickerZoneFilterSuspended;
 exports.providerIcons = providerIcons;
+exports.readStoredGroupBy = readStoredGroupBy;
 exports.resetHubMountForTests = resetHubMountForTests;
+exports.resetPickerFilters = resetPickerFilters;
 exports.resolveContainerPrimary = resolveContainerPrimary;
 exports.resolveControlAlign = resolveControlAlign;
 exports.resolveDeviceControl = resolveDeviceControl;
@@ -57077,6 +58488,7 @@ exports.resolveEffectiveDefaultModel = resolveEffectiveDefaultModel;
 exports.resolveEffectiveStepModel = resolveEffectiveStepModel;
 exports.resolveEventKindIcon = resolveEventKindIcon;
 exports.resolvePrimaryChild = resolvePrimaryChild;
+exports.resolveSelectedDevices = resolveSelectedDevices;
 exports.resolveSensorDisplay = resolveSensorDisplay;
 exports.resolveStepDefaultModel = resolveStepDefaultModel;
 exports.resolveTableLayout = resolveTableLayout;
@@ -57084,11 +58496,13 @@ exports.roiTooLarge = roiTooLarge;
 exports.roiTooLarge$1 = roiTooLarge;
 exports.routerBasename = routerBasename;
 exports.scrubReducer = scrubReducer;
+exports.selectPickerGroup = selectPickerGroup;
 exports.selectedDeviceOptions = selectedDeviceOptions;
 exports.serializeRecordedCommand = serializeRecordedCommand;
 exports.shouldCommit = shouldCommit;
 exports.shouldEmit = shouldEmit;
 exports.shouldUseSingleNode = shouldUseSingleNode;
+exports.showsNoCamerasHint = showsNoCamerasHint;
 exports.sortRows = sortRows;
 exports.sortRowsByColumn = sortRowsByColumn;
 exports.statusIcons = statusIcons;
@@ -57102,7 +58516,10 @@ exports.tankAlert = tankAlert;
 exports.themeToCss = require_theme_index.themeToCss$1;
 exports.toStationaryOverlayBox = toStationaryOverlayBox;
 exports.toggleDataTableFacet = toggleDataTableFacet;
+exports.togglePickerDevice = togglePickerDevice;
+exports.togglePickerKey = togglePickerKey;
 exports.trpc = trpc;
+exports.typeLabel = typeLabel;
 exports.useAccessoriesGetStatus = useAccessoriesGetStatus;
 exports.useAccessoriesSetChildHidden = useAccessoriesSetChildHidden;
 exports.useAddonPagesListPages = useAddonPagesListPages;
@@ -57715,12 +59132,15 @@ exports.useOptionalWidgetRegistry = useOptionalWidgetRegistry;
 exports.useOsdGetStatus = useOsdGetStatus;
 exports.useOsdManagerClearSlotBinding = useOsdManagerClearSlotBinding;
 exports.useOsdManagerCopyDeviceConfiguration = useOsdManagerCopyDeviceConfiguration;
+exports.useOsdManagerDeleteTemplate = useOsdManagerDeleteTemplate;
 exports.useOsdManagerGetConditionSupport = useOsdManagerGetConditionSupport;
 exports.useOsdManagerGetDeviceOsd = useOsdManagerGetDeviceOsd;
 exports.useOsdManagerGetSourceCatalog = useOsdManagerGetSourceCatalog;
+exports.useOsdManagerListTemplates = useOsdManagerListTemplates;
 exports.useOsdManagerPreviewSlot = useOsdManagerPreviewSlot;
 exports.useOsdManagerRenderDevice = useOsdManagerRenderDevice;
 exports.useOsdManagerSetSlotBinding = useOsdManagerSetSlotBinding;
+exports.useOsdManagerUpsertTemplate = useOsdManagerUpsertTemplate;
 exports.useOsdSetOverlay = useOsdSetOverlay;
 exports.usePTZ = usePTZ;
 exports.usePetFeederCallPet = usePetFeederCallPet;
@@ -57734,6 +59154,7 @@ exports.usePetFeederSetChildLock = usePetFeederSetChildLock;
 exports.usePetFeederSetFeedSound = usePetFeederSetFeedSound;
 exports.usePetFeederSetIndicatorLight = usePetFeederSetIndicatorLight;
 exports.usePetFeederSetVolume = usePetFeederSetVolume;
+exports.usePickerSiteZones = usePickerSiteZones;
 exports.usePipelineAnalyticsApplyDeviceSettingsPatch = usePipelineAnalyticsApplyDeviceSettingsPatch;
 exports.usePipelineAnalyticsCancelRelocateMedia = usePipelineAnalyticsCancelRelocateMedia;
 exports.usePipelineAnalyticsCancelStorageMigrationMove = usePipelineAnalyticsCancelStorageMigrationMove;
@@ -58093,6 +59514,7 @@ exports.useStorageTestLocation = useStorageTestLocation;
 exports.useStorageUpsertLocation = useStorageUpsertLocation;
 exports.useStorageWrite = useStorageWrite;
 exports.useStorageWriteChunk = useStorageWriteChunk;
+exports.useStoredGroupBy = useStoredGroupBy;
 exports.useStreamBrokerAcquireEgressTranscode = useStreamBrokerAcquireEgressTranscode;
 exports.useStreamBrokerApplyDeviceSettingsPatch = useStreamBrokerApplyDeviceSettingsPatch;
 exports.useStreamBrokerAssignProfile = useStreamBrokerAssignProfile;
@@ -58267,3 +59689,4 @@ exports.waterHeaterPhase = waterHeaterPhase;
 exports.waterHeaterTint = waterHeaterTint;
 exports.weatherConditionMeta = weatherConditionMeta;
 exports.weatherTint = weatherTint;
+exports.writeStoredGroupBy = writeStoredGroupBy;