@camstack/ui-library 1.2.227 → 1.2.228

package/dist/index.cjs

@@ -7596,8 +7596,12 @@ var useNodesExecuteQuery = trpc.nodes.executeQuery.useMutation;
 var useNotificationOutputListTargetKinds = trpc.notificationOutput.listTargetKinds.useQuery;
 /** Generated alias around `trpc.notificationOutput.listTargets.useQuery`. */
 var useNotificationOutputListTargets = trpc.notificationOutput.listTargets.useQuery;
+/** Generated alias around `trpc.notificationOutput.getTarget.useQuery`. */
+var useNotificationOutputGetTarget = trpc.notificationOutput.getTarget.useQuery;
 /** Generated alias around `trpc.notificationOutput.discoverTargets.useQuery`. */
 var useNotificationOutputDiscoverTargets = trpc.notificationOutput.discoverTargets.useQuery;
+/** Generated alias around `trpc.notificationOutput.probeTargetConfig.useMutation`. */
+var useNotificationOutputProbeTargetConfig = trpc.notificationOutput.probeTargetConfig.useMutation;
 /** Generated alias around `trpc.notificationOutput.send.useMutation`. */
 var useNotificationOutputSend = trpc.notificationOutput.send.useMutation;
 /** Generated alias around `trpc.notificationOutput.testTarget.useMutation`. */
@@ -12392,8 +12396,8 @@ function selectedDeviceOptions(options, selected) {
 */
 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$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";
+var LABEL_CLASS$3 = "block text-[11px] font-medium text-foreground mb-1 break-words";
+var DESC_CLASS$2 = "text-[10px] text-foreground-subtle mt-0.5 break-words";
 /** The compact projection of the listAll rows the device fields consume. */
 function toCandidates(rows) {
 	if (!Array.isArray(rows)) return [];
@@ -12480,14 +12484,14 @@ function FacetDropdown$1({ label, values, chosen, onChange }) {
 		})]
 	})] });
 }
-function FieldShell({ label, description, required, translationFn, children }) {
+function FieldShell$1({ label, description, required, translationFn, children }) {
 	const resolvedLabel = resolveLabel(label, translationFn);
 	const resolvedDescription = resolveLabel(description, translationFn);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "min-w-0",
 		children: [
 			resolvedLabel !== void 0 && resolvedLabel !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-				className: LABEL_CLASS$2,
+				className: LABEL_CLASS$3,
 				children: [resolvedLabel, required && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "text-danger ml-0.5",
 					children: "*"
@@ -12495,7 +12499,7 @@ function FieldShell({ label, description, required, translationFn, children }) {
 			}),
 			children,
 			resolvedDescription && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: DESC_CLASS$1,
+				className: DESC_CLASS$2,
 				children: resolvedDescription
 			})
 		]
@@ -12505,7 +12509,7 @@ function DeviceSelectField({ field, value, onChange, disabled, translationFn })
 	const { data } = useDeviceManagerListAll({});
 	const options = (0, react$1.useMemo)(() => devicesToOptions(toCandidates(data), field.deviceFilter), [data, field.deviceFilter]);
 	const current = value === void 0 || value === null ? "" : String(value);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldShell, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldShell$1, {
 		label: field.label,
 		description: field.description,
 		required: field.required,
@@ -12583,7 +12587,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$2,
+				className: LABEL_CLASS$3,
 				children: label
 			}),
 			selectedOptions.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -12706,6 +12710,720 @@ function DeviceMultiSelectField({ field, value, onChange, disabled, translationF
 				})
 			}),
 			description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: DESC_CLASS$2,
+				children: description
+			})
+		]
+	});
+}
+//#endregion
+//#region ../../node_modules/class-variance-authority/dist/index.mjs
+/**
+* Copyright 2022 Joe Bell. All rights reserved.
+*
+* This file is licensed to you under the Apache License, Version 2.0
+* (the "License"); you may not use this file except in compliance with the
+* License. You may obtain a copy of the License at
+*
+*   http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+* WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the
+* License for the specific language governing permissions and limitations under
+* the License.
+*/ var falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
+var cx = clsx;
+var cva = (base, config) => (props) => {
+	var _config_compoundVariants;
+	if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
+	const { variants, defaultVariants } = config;
+	const getVariantClassNames = Object.keys(variants).map((variant) => {
+		const variantProp = props === null || props === void 0 ? void 0 : props[variant];
+		const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
+		if (variantProp === null) return null;
+		const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
+		return variants[variant][variantKey];
+	});
+	const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param) => {
+		let [key, value] = param;
+		if (value === void 0) return acc;
+		acc[key] = value;
+		return acc;
+	}, {});
+	return cx(base, getVariantClassNames, config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param) => {
+		let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;
+		return Object.entries(compoundVariantOptions).every((param) => {
+			let [key, value] = param;
+			return Array.isArray(value) ? value.includes({
+				...defaultVariants,
+				...propsWithoutUndefined
+			}[key]) : {
+				...defaultVariants,
+				...propsWithoutUndefined
+			}[key] === value;
+		}) ? [
+			...acc,
+			cvClass,
+			cvClassName
+		] : acc;
+	}, []), props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
+};
+//#endregion
+//#region src/primitives/badge.tsx
+var badgeVariants = cva("inline-flex items-center rounded-full text-xs font-medium px-2 py-0.5", {
+	variants: {
+		variant: {
+			default: "bg-surface-hover text-foreground",
+			success: "bg-success/15 text-success",
+			warning: "bg-warning/15 text-warning",
+			danger: "bg-danger/15 text-danger",
+			info: "bg-info/15 text-info"
+		},
+		styleVariant: {
+			solid: "",
+			outline: "border bg-transparent"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		styleVariant: "solid"
+	}
+});
+var Badge = (0, react$1.forwardRef)(({ className, variant, style, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		ref,
+		className: cn(badgeVariants({
+			variant,
+			styleVariant: style
+		}), className),
+		...props
+	});
+});
+Badge.displayName = "Badge";
+//#endregion
+//#region src/composites/event-kind-visuals.tsx
+/**
+* Event-kind VISUALS — the UI-side half of the unified taxonomy dictionary
+* (`@camstack/types` `EVENT_TAXONOMY` owns the serializable data:
+* color / iconId / labelKey; this owns `iconId → lucide component` and
+* `labelKey → t()`).
+*
+* Every UI that renders an event kind (timeline, events tree, chips,
+* detection canvas/tree) resolves its glyph + translated label here — no
+* per-component hardcoded icon or label.
+*/
+/**
+* `iconId` → lucide component. Built ONLY from statically-imported icons
+* (bundle-safe). Unknown ids resolve to the neutral `Tag` fallback.
+*/
+var EVENT_KIND_ICONS = {
+	motion: Activity,
+	audio: Volume2,
+	person: User,
+	vehicle: Car,
+	animal: PawPrint,
+	package: Package,
+	sensor: Radio,
+	control: SlidersHorizontal,
+	car: Car,
+	truck: Truck,
+	bus: Bus,
+	motorcycle: Bike,
+	bicycle: Bike,
+	airplane: Plane,
+	boat: Sailboat,
+	train: TrainFront,
+	bird: Bird,
+	cat: Cat,
+	dog: Dog,
+	horse: PawPrint,
+	sheep: PawPrint,
+	cow: PawPrint,
+	elephant: PawPrint,
+	bear: PawPrint,
+	zebra: PawPrint,
+	giraffe: PawPrint,
+	door: DoorOpen,
+	pir: Radar,
+	smoke: Flame,
+	water: Droplet,
+	gas: Wind,
+	vibration: Vibrate,
+	tamper: ShieldAlert,
+	presence: UserCheck,
+	generic: Tag,
+	lock: Lock,
+	siren: Siren,
+	switch: ToggleRight,
+	doorbell: BellRing,
+	button: CircleDot,
+	"audio-speech": MessageSquare,
+	"audio-scream": Megaphone,
+	"audio-crying": Baby,
+	"audio-laughter": Laugh,
+	"audio-music": Music,
+	"audio-dog": Dog,
+	"audio-cat": Cat,
+	"audio-bird": Bird,
+	"audio-animal": PawPrint,
+	"audio-alarm": BellRing,
+	"audio-doorbell": BellRing,
+	"audio-glass_breaking": TriangleAlert,
+	"audio-gunshot": Crosshair,
+	"audio-vehicle": Car,
+	"audio-siren": Siren,
+	"audio-fire": Flame,
+	"audio-water": Droplets,
+	"audio-wind": Wind,
+	"audio-door": DoorOpen,
+	"audio-footsteps": Footprints,
+	"audio-crowd": Users,
+	"audio-telephone": Phone,
+	"audio-engine": Cog,
+	"audio-tools": Hammer,
+	"audio-silence": VolumeX
+};
+/** Resolve an `iconId` to a lucide component (falls back to `Tag`). */
+function resolveEventKindIcon(iconId) {
+	if (Object.hasOwn(EVENT_KIND_ICONS, iconId)) return EVENT_KIND_ICONS[iconId];
+	if (iconId.startsWith("audio-")) return Volume2;
+	return Tag;
+}
+/**
+* Translated label for an event kind — `t(labelKey)` when a translation
+* exists, else the English `label` fallback. Robust to a missing key: an
+* i18n backend that echoes the key unchanged (react-i18next default) is
+* treated as "no translation" and the fallback label is returned, so the UI
+* never renders a raw `eventKind.*` key.
+*/
+function eventKindLabel(descriptor, t) {
+	if (t === void 0) return descriptor.label;
+	const translated = t(descriptor.labelKey);
+	return translated === descriptor.labelKey || translated.length === 0 ? descriptor.label : translated;
+}
+/** Small convenience component: renders the lucide glyph for an `iconId`. */
+function EventKindGlyph({ iconId, size = 16, color, className }) {
+	return (0, react$1.createElement)(resolveEventKindIcon(iconId), {
+		size,
+		color,
+		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, iconUrl, 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: [
+			iconUrl !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+				src: iconUrl,
+				alt: "",
+				className: "h-3 w-3 shrink-0 rounded-sm object-contain"
+			}) : iconId !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EventKindGlyph, {
+				iconId,
+				size: 12
+			}) : null,
+			/* @__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/option-select/option-select-model.ts
+/** Number of options at/above which search is enabled by default (unless creatable). */
+var OPTION_SELECT_SEARCH_MIN_OPTIONS = 8;
+/** Fold an option into a single lower-cased haystack (value + label + description). */
+function optionSearchText(opt) {
+	return [
+		opt.value,
+		opt.label,
+		opt.description
+	].filter((p) => typeof p === "string" && p.length > 0).join(" ").toLowerCase();
+}
+/**
+* Filter options by a free-text query. An empty / whitespace-only query
+* returns every option (identity, preserving order).
+*/
+function filterOptions(options, query) {
+	const tokens = query.trim().toLowerCase().split(/\s+/).filter(Boolean);
+	if (tokens.length === 0) return options;
+	return options.filter((opt) => {
+		const hay = optionSearchText(opt);
+		return tokens.every((t) => hay.includes(t));
+	});
+}
+/**
+* Split options into the currently-selected set (in selection order) and the
+* rest. Selected values with no matching option are surfaced as synthetic
+* options whose label falls back to the raw value.
+*/
+function partitionSelected(options, selected) {
+	const byValue = new Map(options.map((o) => [o.value, o]));
+	const selectedSet = new Set(selected);
+	return {
+		selectedOptions: selected.map((v) => byValue.get(v) ?? {
+			value: v,
+			label: v
+		}),
+		unselected: options.filter((o) => !selectedSet.has(o.value))
+	};
+}
+function resolveSearchable(optionCount, creatable, searchable) {
+	if (searchable !== void 0) return searchable;
+	return optionCount >= 8 || creatable;
+}
+/** Trimmed non-empty draft from the search box, or null when absent. */
+function draftFromQuery(query) {
+	const trimmed = query.trim();
+	return trimmed.length > 0 ? trimmed : null;
+}
+/**
+* True when an existing catalog option already represents this draft (value or
+* label, case-insensitive). Used to hide the “Use «query»” row when redundant.
+*/
+function catalogHasDraft(options, draft) {
+	const lower = draft.toLowerCase();
+	return options.some((o) => o.value.toLowerCase() === lower || o.label.toLowerCase() === lower);
+}
+/**
+* Show the footer “Add new…” action only when creatable AND the caller
+* provided `onCreateRequest` (e.g. open a dedicated create dialog).
+*
+* Without that hook the footer was a no-op (it only focused the search box),
+* which read as “Add new is broken”. Free-form create already works via the
+* “Use «query»” row once the operator types — no footer needed.
+*/
+function shouldShowAddNewFooter(creatable, hasCreateRequest) {
+	return creatable && hasCreateRequest;
+}
+/**
+* Show the “Use «query»” commit row: creatable, a non-empty draft, and no
+* catalog option that already matches the draft.
+*/
+function shouldShowUseQueryRow(creatable, query, options) {
+	if (!creatable) return false;
+	const draft = draftFromQuery(query);
+	if (draft === null) return false;
+	return !catalogHasDraft(options, draft);
+}
+//#endregion
+//#region src/composites/option-select/OptionSelect.tsx
+var LISTBOX_GAP_PX = 4;
+var LISTBOX_MAX_HEIGHT_PX = 224;
+var VIEWPORT_MARGIN_PX = 8;
+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";
+function OptionIcon({ opt }) {
+	if (opt.iconUrl !== void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+		src: opt.iconUrl,
+		alt: "",
+		className: "h-3.5 w-3.5 shrink-0 rounded-sm object-contain"
+	});
+	if (opt.iconId !== void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EventKindGlyph, {
+		iconId: opt.iconId,
+		size: 13
+	});
+	return null;
+}
+function OptionSelect(props) {
+	const { mode, options, placeholder = "Select…", disabled = false, emptyMessage = "No options available.", creatable = false, createLabel = "Add new…", onCreateRequest, label, description, testId, optionTestIdPrefix, listboxId: listboxIdProp } = props;
+	const isDisabled = disabled;
+	const searchable = resolveSearchable(options.length, creatable, props.searchable);
+	const listboxId = listboxIdProp ?? testId ?? "option-select-listbox";
+	const selectedValues = mode === "single" ? props.value.length > 0 ? [props.value] : [] : props.value;
+	const maxItems = mode === "multi" ? props.maxItems : void 0;
+	const atMax = mode === "multi" && maxItems !== void 0 && selectedValues.length >= maxItems;
+	const [query, setQuery] = (0, react$1.useState)("");
+	const [open, setOpen] = (0, react$1.useState)(false);
+	const [highlight, setHighlight] = (0, react$1.useState)(0);
+	const [coords, setCoords] = (0, react$1.useState)(null);
+	const inputRef = (0, react$1.useRef)(null);
+	const triggerRef = (0, react$1.useRef)(null);
+	const listboxRef = (0, react$1.useRef)(null);
+	const blurTimer = (0, react$1.useRef)(null);
+	const computeListboxCoords = () => {
+		const trigger = triggerRef.current;
+		if (trigger === null) return null;
+		const rect = trigger.getBoundingClientRect();
+		const spaceBelow = window.innerHeight - rect.bottom - VIEWPORT_MARGIN_PX;
+		const spaceAbove = rect.top - VIEWPORT_MARGIN_PX;
+		const preferBelow = spaceBelow >= Math.min(LISTBOX_MAX_HEIGHT_PX, spaceAbove) || spaceBelow >= 120;
+		const maxHeight = Math.max(96, Math.min(LISTBOX_MAX_HEIGHT_PX, preferBelow ? spaceBelow : spaceAbove));
+		const left = Math.max(VIEWPORT_MARGIN_PX, Math.min(rect.left, window.innerWidth - rect.width - VIEWPORT_MARGIN_PX));
+		if (preferBelow) return {
+			top: rect.bottom + LISTBOX_GAP_PX,
+			left,
+			width: rect.width,
+			maxHeight,
+			placement: "below"
+		};
+		return {
+			top: Math.max(VIEWPORT_MARGIN_PX, rect.top - LISTBOX_GAP_PX - maxHeight),
+			left,
+			width: rect.width,
+			maxHeight,
+			placement: "above"
+		};
+	};
+	const { selectedOptions } = (0, react$1.useMemo)(() => partitionSelected(options, selectedValues), [options, selectedValues]);
+	const filtered = (0, react$1.useMemo)(() => filterOptions(options, query), [options, query]);
+	const showUseQuery = shouldShowUseQueryRow(creatable, query, options);
+	const showAddNewFooter = shouldShowAddNewFooter(creatable, onCreateRequest !== void 0);
+	const dropdownRows = (0, react$1.useMemo)(() => {
+		const rows = filtered.map((opt, index) => ({
+			kind: "option",
+			opt,
+			index
+		}));
+		if (showUseQuery) {
+			const draft = draftFromQuery(query);
+			if (draft !== null) rows.push({
+				kind: "use-query",
+				draft
+			});
+		}
+		return rows;
+	}, [
+		filtered,
+		showUseQuery,
+		query
+	]);
+	(0, react$1.useLayoutEffect)(() => {
+		if (!open || isDisabled) {
+			setCoords(null);
+			return;
+		}
+		const update = () => {
+			setCoords(computeListboxCoords());
+		};
+		update();
+		window.addEventListener("resize", update);
+		window.addEventListener("scroll", update, true);
+		return () => {
+			window.removeEventListener("resize", update);
+			window.removeEventListener("scroll", update, true);
+		};
+	}, [
+		open,
+		isDisabled,
+		selectedValues.length,
+		query,
+		dropdownRows.length
+	]);
+	(0, react$1.useEffect)(() => {
+		if (!open) return;
+		const onPointer = (e) => {
+			const target = e.target;
+			if (listboxRef.current?.contains(target)) return;
+			if (triggerRef.current?.contains(target)) return;
+			setOpen(false);
+		};
+		document.addEventListener("mousedown", onPointer);
+		return () => {
+			document.removeEventListener("mousedown", onPointer);
+		};
+	}, [open]);
+	const commitDraft = (draft) => {
+		const trimmed = draft.trim();
+		if (trimmed.length === 0) return;
+		if (onCreateRequest !== void 0) {
+			onCreateRequest(trimmed);
+			setQuery("");
+			setOpen(false);
+			return;
+		}
+		if (mode === "single") {
+			props.onChange(trimmed);
+			setQuery("");
+			setOpen(false);
+			return;
+		}
+		if (props.value.includes(trimmed)) return;
+		if (maxItems !== void 0 && props.value.length >= maxItems) return;
+		props.onChange([...props.value, trimmed]);
+		setQuery("");
+	};
+	const toggleMulti = (optValue) => {
+		if (mode !== "multi" || isDisabled) return;
+		if (props.value.includes(optValue)) props.onChange(props.value.filter((v) => v !== optValue));
+		else {
+			if (maxItems !== void 0 && props.value.length >= maxItems) return;
+			props.onChange([...props.value, optValue]);
+		}
+	};
+	const selectSingle = (optValue) => {
+		if (mode !== "single" || isDisabled) return;
+		props.onChange(optValue);
+		setQuery("");
+		setOpen(false);
+	};
+	const activateRow = (row) => {
+		if (row.kind === "option") {
+			if (row.opt.disabled === true) return;
+			if (mode === "single") selectSingle(row.opt.value);
+			else toggleMulti(row.opt.value);
+		} else if (row.kind === "use-query") commitDraft(row.draft);
+	};
+	const rowCount = dropdownRows.length + (showAddNewFooter && !showUseQuery ? 1 : 0);
+	const handleKeyDown = (e) => {
+		if (e.key === "ArrowDown") {
+			e.preventDefault();
+			setOpen(true);
+			setHighlight((h) => rowCount === 0 ? 0 : (h + 1) % rowCount);
+		} else if (e.key === "ArrowUp") {
+			e.preventDefault();
+			setOpen(true);
+			setHighlight((h) => rowCount === 0 ? 0 : (h - 1 + rowCount) % rowCount);
+		} else if (e.key === "Enter") {
+			e.preventDefault();
+			if (showUseQuery && highlight === dropdownRows.length) {
+				const draft = draftFromQuery(query);
+				if (draft !== null) commitDraft(draft);
+				return;
+			}
+			if (showAddNewFooter && !showUseQuery && highlight === dropdownRows.length) {
+				inputRef.current?.focus();
+				return;
+			}
+			const row = dropdownRows[highlight];
+			if (row) activateRow(row);
+			else if (creatable) {
+				const draft = draftFromQuery(query);
+				if (draft !== null) commitDraft(draft);
+			}
+		} else if (e.key === "Escape") setOpen(false);
+		else if (e.key === "Backspace" && query === "" && mode === "multi" && props.value.length > 0) props.onChange(props.value.slice(0, -1));
+	};
+	const handleNonSearchKeyDown = (e) => {
+		if (e.key === "Enter" || e.key === " ") {
+			e.preventDefault();
+			setOpen((o) => !o);
+		} else if (e.key === "Escape") setOpen(false);
+	};
+	const removeChip = (value) => {
+		if (mode === "single") props.onChange("");
+		else props.onChange(props.value.filter((v) => v !== value));
+	};
+	const triggerPlaceholder = atMax === true ? `Max ${maxItems} selected` : placeholder;
+	const showEmptyCatalog = options.length === 0 && !showUseQuery && dropdownRows.length === 0 && open;
+	let dropdownBody;
+	if (showEmptyCatalog) dropdownBody = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "px-2.5 py-2 text-[11px] text-foreground-subtle",
+		children: emptyMessage
+	});
+	else if (dropdownRows.length === 0 && !creatable) dropdownBody = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "px-2.5 py-2 text-[11px] text-foreground-subtle italic",
+		children: [
+			"No matches for “",
+			query,
+			"”"
+		]
+	});
+	else dropdownBody = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: dropdownRows.map((row, i) => {
+		if (row.kind === "use-query") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			type: "button",
+			role: "option",
+			"aria-selected": false,
+			className: [
+				"flex w-full items-center gap-2 px-2.5 py-1.5 text-left text-xs transition-colors",
+				i === highlight ? "bg-primary/10" : "hover:bg-surface-hover",
+				"cursor-pointer"
+			].join(" "),
+			onMouseEnter: () => setHighlight(i),
+			onClick: () => commitDraft(row.draft),
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Plus, { className: "h-3.5 w-3.5 shrink-0 text-primary" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "truncate text-foreground",
+				children: [
+					"Use “",
+					row.draft,
+					"”"
+				]
+			})]
+		}, "__use-query__");
+		if (row.kind !== "option") return null;
+		const { opt } = row;
+		const checked = mode === "single" ? props.value === opt.value : props.value.includes(opt.value);
+		const blockedByMax = mode === "multi" && !checked && atMax === true;
+		const optionDisabled = opt.disabled === true || blockedByMax;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			type: "button",
+			role: "option",
+			"aria-selected": checked,
+			disabled: optionDisabled,
+			"data-testid": optionTestIdPrefix !== void 0 ? `${optionTestIdPrefix}-${opt.value}` : void 0,
+			className: [
+				"flex w-full items-center gap-2 px-2.5 py-1.5 text-left text-xs transition-colors",
+				i === highlight ? "bg-primary/10" : "hover:bg-surface-hover",
+				optionDisabled ? "opacity-40 cursor-not-allowed" : "cursor-pointer"
+			].join(" "),
+			onMouseEnter: () => setHighlight(i),
+			onClick: () => activateRow(row),
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: ["flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded border", checked ? "border-primary bg-primary text-white" : "border-border"].join(" "),
+					children: checked && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Check, { className: "h-2.5 w-2.5" })
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(OptionIcon, { opt }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "min-w-0 flex-1 truncate text-foreground",
+					children: opt.label
+				}),
+				opt.badge !== void 0 && opt.badge.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
+					variant: "default",
+					children: opt.badge
+				}) : null
+			]
+		}, opt.value);
+	}) });
+	const footerAddNewIndex = dropdownRows.length;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "min-w-0 space-y-1",
+		"data-testid": testId,
+		children: [
+			label !== void 0 && label.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+				className: LABEL_CLASS$2,
+				children: label
+			}),
+			mode === "multi" && selectedOptions.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "flex flex-wrap gap-1 mb-1.5",
+				children: selectedOptions.map((opt) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectedChip, {
+					label: opt.label,
+					...opt.iconUrl !== void 0 ? { iconUrl: opt.iconUrl } : {},
+					...opt.iconId !== void 0 ? { iconId: opt.iconId } : {},
+					...!isDisabled ? { onRemove: () => removeChip(opt.value) } : {},
+					...optionTestIdPrefix !== void 0 ? { testId: `${optionTestIdPrefix}-chip-${opt.value}` } : {}
+				}, opt.value))
+			}),
+			mode === "single" && selectedOptions.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "flex flex-wrap gap-1 mb-1.5",
+				children: selectedOptions.map((opt) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectedChip, {
+					label: opt.label,
+					...opt.iconUrl !== void 0 ? { iconUrl: opt.iconUrl } : {},
+					...opt.iconId !== void 0 ? { iconId: opt.iconId } : {},
+					...!isDisabled ? { onRemove: () => removeChip(opt.value) } : {}
+				}, opt.value))
+			}),
+			searchable ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				ref: (el) => {
+					triggerRef.current = el;
+				},
+				className: INPUT_SHELL + (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", {
+						ref: inputRef,
+						type: "text",
+						role: "combobox",
+						"aria-expanded": open,
+						"aria-controls": listboxId,
+						className: "min-w-0 flex-1 bg-transparent text-xs text-foreground outline-none placeholder:text-foreground-disabled",
+						value: query,
+						placeholder: triggerPlaceholder,
+						disabled: isDisabled,
+						onChange: (e) => {
+							setQuery(e.target.value);
+							setOpen(true);
+							setHighlight(0);
+						},
+						onFocus: () => setOpen(true),
+						onBlur: () => {
+							blurTimer.current = setTimeout(() => {
+								const active = document.activeElement;
+								if (listboxRef.current?.contains(active)) return;
+								setOpen(false);
+							}, 120);
+						},
+						onKeyDown: handleKeyDown
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronDown, {
+						className: "h-3.5 w-3.5 shrink-0 cursor-pointer text-foreground-subtle",
+						onMouseDown: (e) => {
+							e.preventDefault();
+							if (blurTimer.current) clearTimeout(blurTimer.current);
+							setOpen((o) => !o);
+							inputRef.current?.focus();
+						}
+					})
+				]
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+				ref: (el) => {
+					triggerRef.current = el;
+				},
+				type: "button",
+				role: "combobox",
+				"aria-expanded": open,
+				"aria-controls": listboxId,
+				disabled: isDisabled,
+				className: [
+					INPUT_SHELL,
+					"w-full justify-between text-xs text-foreground",
+					isDisabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
+				].join(" "),
+				onClick: () => !isDisabled && setOpen((o) => !o),
+				onKeyDown: handleNonSearchKeyDown,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "truncate text-foreground-subtle",
+					children: selectedOptions[0]?.label ?? triggerPlaceholder
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronDown, { className: "h-3.5 w-3.5 shrink-0 text-foreground-subtle" })]
+			}),
+			open && !isDisabled && coords !== null && typeof document !== "undefined" && (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				ref: listboxRef,
+				id: listboxId,
+				role: "listbox",
+				style: {
+					position: "fixed",
+					top: coords.top,
+					left: coords.left,
+					width: coords.width,
+					maxHeight: coords.maxHeight,
+					zIndex: 9999
+				},
+				className: "overflow-y-auto rounded-md border border-border bg-surface shadow-lg",
+				onMouseDown: (e) => {
+					e.preventDefault();
+					if (blurTimer.current) clearTimeout(blurTimer.current);
+				},
+				children: [dropdownBody, showAddNewFooter && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: [
+						"flex w-full items-center gap-2 border-t border-border px-2.5 py-1.5 text-left text-xs transition-colors",
+						footerAddNewIndex === highlight ? "bg-primary/10" : "hover:bg-surface-hover",
+						"cursor-pointer text-primary"
+					].join(" "),
+					onMouseEnter: () => setHighlight(footerAddNewIndex),
+					onClick: () => {
+						const draft = draftFromQuery(query);
+						if (draft !== null) {
+							onCreateRequest?.(draft);
+							setQuery("");
+							setOpen(false);
+							return;
+						}
+						inputRef.current?.focus();
+					},
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Plus, { className: "h-3.5 w-3.5 shrink-0" }), createLabel]
+				})]
+			}), document.body),
+			description !== void 0 && description.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				className: DESC_CLASS$1,
 				children: description
 			})
@@ -12713,6 +13431,242 @@ function DeviceMultiSelectField({ field, value, onChange, disabled, translationF
 	});
 }
 //#endregion
+//#region src/composites/notification-targets-options.ts
+function kindIconKey(addonId, kind) {
+	return `${addonId}:${kind}`;
+}
+function targetsToOptions(targets, kindIconUrls, noteIds, noteLabel) {
+	return targets.map((target) => {
+		const iconUrl = target.addonId !== void 0 && target.kind !== void 0 ? kindIconUrls.get(kindIconKey(target.addonId, target.kind)) : void 0;
+		let badge;
+		if (noteIds?.has(target.id) === true) badge = noteLabel;
+		else if (!target.enabled) badge = "disabled";
+		return {
+			value: target.id,
+			label: target.name,
+			...iconUrl !== void 0 ? { iconUrl } : {},
+			...badge !== void 0 ? { badge } : {}
+		};
+	});
+}
+function buildKindIconMap(rows) {
+	const map = /* @__PURE__ */ new Map();
+	if (!Array.isArray(rows)) return map;
+	for (const row of rows) {
+		if (row === null || typeof row !== "object") continue;
+		const kind = Reflect.get(row, "kind");
+		const addonId = Reflect.get(row, "addonId");
+		const iconUrl = Reflect.get(row, "iconUrl");
+		if (typeof kind !== "string" || typeof addonId !== "string") continue;
+		if (typeof iconUrl === "string" && iconUrl.length > 0) map.set(kindIconKey(addonId, kind), iconUrl);
+	}
+	return map;
+}
+function toTargetOptions(rows) {
+	if (!Array.isArray(rows)) return [];
+	const out = [];
+	for (const row of rows) {
+		if (row === null || typeof row !== "object") continue;
+		const id = Reflect.get(row, "id");
+		const name = Reflect.get(row, "name");
+		const enabled = Reflect.get(row, "enabled");
+		const kind = Reflect.get(row, "kind");
+		const addonId = Reflect.get(row, "addonId");
+		if (typeof id !== "string" || typeof name !== "string") continue;
+		if (typeof kind !== "string" || typeof addonId !== "string") continue;
+		out.push({
+			id,
+			name,
+			enabled: enabled === true,
+			kind,
+			addonId
+		});
+	}
+	return out;
+}
+//#endregion
+//#region src/composites/notification-targets-field.tsx
+/**
+* Shared notification-output target pickers.
+*
+* The Notification Center editors (Summaries, Timelapses, Rules, Calendar
+* events) and ConfigUISchema forms (script settings, addon settings) all
+* pick the same catalog — `notificationOutput.listTargets`. One presentational
+* control plus two ConfigUISchema wrappers so a script can declare
+* `notification-target-select` / `notification-target-multiselect` without
+* inventing a parallel picker.
+*
+* A DISABLED target is offered and marked, never hidden: it is a legitimate
+* choice (the operator re-enables it later), and hiding it would make a rule
+* whose only target is off look like a rule with no target at all.
+*
+* Single and multi both render through `OptionSelect` (dropdown + pills,
+* searchable, kind brand icons via `iconUrl`).
+*/
+var DEFAULT_EMPTY = "No delivery target is configured. Add one on the Targets tab first — without one the notification is rendered and thrown away.";
+/**
+* Multi-select of delivery targets (NC Summaries / Timelapses / Rules shape).
+*/
+function NotificationTargetsField({ targets, value, onChange, disabled = false, maxItems, testIdPrefix = "notification-target", emptyMessage = DEFAULT_EMPTY, noteIds, noteLabel = "note", label, description, kindIconUrls: kindIconUrlsProp }) {
+	const kindsQuery = useNotificationOutputListTargetKinds({});
+	const kindIconUrlsFromQuery = (0, react$1.useMemo)(() => buildKindIconMap(kindsQuery.data), [kindsQuery.data]);
+	const kindIconUrls = kindIconUrlsProp ?? kindIconUrlsFromQuery;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OptionSelect, {
+		mode: "multi",
+		options: (0, react$1.useMemo)(() => targetsToOptions(targets, kindIconUrls, noteIds, noteLabel), [
+			targets,
+			kindIconUrls,
+			noteIds,
+			noteLabel
+		]),
+		value,
+		onChange,
+		disabled,
+		searchable: true,
+		creatable: false,
+		...maxItems !== void 0 ? { maxItems } : {},
+		emptyMessage,
+		placeholder: "Search targets…",
+		label,
+		description,
+		testId: `${testIdPrefix}s`,
+		optionTestIdPrefix: testIdPrefix,
+		listboxId: `${testIdPrefix}-listbox`
+	});
+}
+/**
+* Single-select of one delivery target (Calendar events / script settings).
+*/
+function NotificationTargetSelectField({ targets, value, onChange, disabled = false, emptyMessage = DEFAULT_EMPTY, placeholder = "Select…", testId = "notification-target-select", label, description, kindIconUrls: kindIconUrlsProp }) {
+	const kindsQuery = useNotificationOutputListTargetKinds({});
+	const kindIconUrlsFromQuery = (0, react$1.useMemo)(() => buildKindIconMap(kindsQuery.data), [kindsQuery.data]);
+	const kindIconUrls = kindIconUrlsProp ?? kindIconUrlsFromQuery;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OptionSelect, {
+		mode: "single",
+		options: (0, react$1.useMemo)(() => targetsToOptions(targets, kindIconUrls, void 0, "note"), [targets, kindIconUrls]),
+		value,
+		onChange,
+		disabled,
+		searchable: true,
+		creatable: false,
+		emptyMessage,
+		placeholder,
+		label,
+		description,
+		testId,
+		optionTestIdPrefix: testId,
+		listboxId: `${testId}-listbox`
+	});
+}
+function FieldShell({ label, description, required, translationFn, children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "space-y-1",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+				className: "block text-[11px] font-medium text-foreground mb-1 break-words",
+				children: [resolveLabel(label, translationFn), required === true ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-danger",
+					children: " *"
+				}) : null]
+			}),
+			children,
+			description !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-[10px] text-foreground-subtle mt-0.5 break-words",
+				children: resolveLabel(description, translationFn)
+			})
+		]
+	});
+}
+/**
+* ConfigUISchema `notification-target-multiselect` — fetches listTargets and
+* stores a `string[]` of target ids.
+*/
+function ConfigNotificationTargetMultiSelectFieldView({ field, value, onChange, disabled, translationFn }) {
+	const targetsQuery = useNotificationOutputListTargets({});
+	const kindsQuery = useNotificationOutputListTargetKinds({});
+	const targets = (0, react$1.useMemo)(() => toTargetOptions(targetsQuery.data), [targetsQuery.data]);
+	const kindIconUrls = (0, react$1.useMemo)(() => buildKindIconMap(kindsQuery.data), [kindsQuery.data]);
+	const selected = Array.isArray(value) ? value.filter((v) => typeof v === "string") : typeof value === "string" && value.length > 0 ? [value] : [];
+	const pending = targetsQuery.isPending || kindsQuery.isPending;
+	const error = targetsQuery.isError ? targetsQuery.error : kindsQuery.isError ? kindsQuery.error : null;
+	if (pending) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldShell, {
+		label: field.label,
+		description: field.description,
+		required: field.required,
+		translationFn,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: "text-[11px] text-foreground-subtle",
+			children: "Loading targets…"
+		})
+	});
+	if (error !== null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldShell, {
+		label: field.label,
+		description: field.description,
+		required: field.required,
+		translationFn,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+			className: "text-[11px] text-danger",
+			children: ["Could not load targets: ", error instanceof Error ? error.message : String(error)]
+		})
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NotificationTargetsField, {
+		targets,
+		value: selected,
+		onChange: (next) => onChange(next),
+		disabled: disabled === true || field.disabled === true,
+		...field.maxItems !== void 0 ? { maxItems: field.maxItems } : {},
+		kindIconUrls,
+		label: resolveLabel(field.label, translationFn),
+		description: field.description !== void 0 ? resolveLabel(field.description, translationFn) : void 0,
+		emptyMessage: "No delivery target is configured. Add one under Notification Center → Targets first.",
+		testIdPrefix: `config-target-${field.key}`
+	});
+}
+/**
+* ConfigUISchema `notification-target-select` — fetches listTargets and stores
+* one target id string.
+*/
+function ConfigNotificationTargetSelectFieldView({ field, value, onChange, disabled, translationFn }) {
+	const targetsQuery = useNotificationOutputListTargets({});
+	const kindsQuery = useNotificationOutputListTargetKinds({});
+	const targets = (0, react$1.useMemo)(() => toTargetOptions(targetsQuery.data), [targetsQuery.data]);
+	const kindIconUrls = (0, react$1.useMemo)(() => buildKindIconMap(kindsQuery.data), [kindsQuery.data]);
+	const current = typeof value === "string" ? value : "";
+	const pending = targetsQuery.isPending || kindsQuery.isPending;
+	const error = targetsQuery.isError ? targetsQuery.error : kindsQuery.isError ? kindsQuery.error : null;
+	if (pending) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldShell, {
+		label: field.label,
+		description: field.description,
+		required: field.required,
+		translationFn,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: "text-[11px] text-foreground-subtle",
+			children: "Loading targets…"
+		})
+	});
+	if (error !== null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldShell, {
+		label: field.label,
+		description: field.description,
+		required: field.required,
+		translationFn,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+			className: "text-[11px] text-danger",
+			children: ["Could not load targets: ", error instanceof Error ? error.message : String(error)]
+		})
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NotificationTargetSelectField, {
+		targets,
+		value: current,
+		onChange: (next) => onChange(next),
+		disabled: disabled === true || field.disabled === true,
+		kindIconUrls,
+		label: resolveLabel(field.label, translationFn),
+		description: field.description !== void 0 ? resolveLabel(field.description, translationFn) : void 0,
+		emptyMessage: "No delivery target is configured. Add one under Notification Center → Targets first.",
+		testId: `config-target-${field.key}`
+	});
+}
+//#endregion
 //#region src/contexts/custom-field-renderers.tsx
 /**
 * Custom field renderer registry.
@@ -12766,115 +13720,6 @@ function useCustomFieldRenderer(type) {
 	return (0, react$1.useContext)(CustomFieldRenderersContext)[type] ?? null;
 }
 //#endregion
-//#region src/composites/event-kind-visuals.tsx
-/**
-* Event-kind VISUALS — the UI-side half of the unified taxonomy dictionary
-* (`@camstack/types` `EVENT_TAXONOMY` owns the serializable data:
-* color / iconId / labelKey; this owns `iconId → lucide component` and
-* `labelKey → t()`).
-*
-* Every UI that renders an event kind (timeline, events tree, chips,
-* detection canvas/tree) resolves its glyph + translated label here — no
-* per-component hardcoded icon or label.
-*/
-/**
-* `iconId` → lucide component. Built ONLY from statically-imported icons
-* (bundle-safe). Unknown ids resolve to the neutral `Tag` fallback.
-*/
-var EVENT_KIND_ICONS = {
-	motion: Activity,
-	audio: Volume2,
-	person: User,
-	vehicle: Car,
-	animal: PawPrint,
-	package: Package,
-	sensor: Radio,
-	control: SlidersHorizontal,
-	car: Car,
-	truck: Truck,
-	bus: Bus,
-	motorcycle: Bike,
-	bicycle: Bike,
-	airplane: Plane,
-	boat: Sailboat,
-	train: TrainFront,
-	bird: Bird,
-	cat: Cat,
-	dog: Dog,
-	horse: PawPrint,
-	sheep: PawPrint,
-	cow: PawPrint,
-	elephant: PawPrint,
-	bear: PawPrint,
-	zebra: PawPrint,
-	giraffe: PawPrint,
-	door: DoorOpen,
-	pir: Radar,
-	smoke: Flame,
-	water: Droplet,
-	gas: Wind,
-	vibration: Vibrate,
-	tamper: ShieldAlert,
-	presence: UserCheck,
-	generic: Tag,
-	lock: Lock,
-	siren: Siren,
-	switch: ToggleRight,
-	doorbell: BellRing,
-	button: CircleDot,
-	"audio-speech": MessageSquare,
-	"audio-scream": Megaphone,
-	"audio-crying": Baby,
-	"audio-laughter": Laugh,
-	"audio-music": Music,
-	"audio-dog": Dog,
-	"audio-cat": Cat,
-	"audio-bird": Bird,
-	"audio-animal": PawPrint,
-	"audio-alarm": BellRing,
-	"audio-doorbell": BellRing,
-	"audio-glass_breaking": TriangleAlert,
-	"audio-gunshot": Crosshair,
-	"audio-vehicle": Car,
-	"audio-siren": Siren,
-	"audio-fire": Flame,
-	"audio-water": Droplets,
-	"audio-wind": Wind,
-	"audio-door": DoorOpen,
-	"audio-footsteps": Footprints,
-	"audio-crowd": Users,
-	"audio-telephone": Phone,
-	"audio-engine": Cog,
-	"audio-tools": Hammer,
-	"audio-silence": VolumeX
-};
-/** Resolve an `iconId` to a lucide component (falls back to `Tag`). */
-function resolveEventKindIcon(iconId) {
-	if (Object.hasOwn(EVENT_KIND_ICONS, iconId)) return EVENT_KIND_ICONS[iconId];
-	if (iconId.startsWith("audio-")) return Volume2;
-	return Tag;
-}
-/**
-* Translated label for an event kind — `t(labelKey)` when a translation
-* exists, else the English `label` fallback. Robust to a missing key: an
-* i18n backend that echoes the key unchanged (react-i18next default) is
-* treated as "no translation" and the fallback label is returned, so the UI
-* never renders a raw `eventKind.*` key.
-*/
-function eventKindLabel(descriptor, t) {
-	if (t === void 0) return descriptor.label;
-	const translated = t(descriptor.labelKey);
-	return translated === descriptor.labelKey || translated.length === 0 ? descriptor.label : translated;
-}
-/** Small convenience component: renders the lucide glyph for an `iconId`. */
-function EventKindGlyph({ iconId, size = 16, color, className }) {
-	return (0, react$1.createElement)(resolveEventKindIcon(iconId), {
-		size,
-		color,
-		className
-	});
-}
-//#endregion
 //#region src/composites/confirm-dialog.tsx
 /**
 * The ONE modal dialog of the product — confirm, alert and prompt.
@@ -19122,59 +19967,6 @@ function useCapabilityPresence(capabilityName) {
 	return classifyCapability(query.data);
 }
 //#endregion
-//#region ../../node_modules/class-variance-authority/dist/index.mjs
-/**
-* Copyright 2022 Joe Bell. All rights reserved.
-*
-* This file is licensed to you under the Apache License, Version 2.0
-* (the "License"); you may not use this file except in compliance with the
-* License. You may obtain a copy of the License at
-*
-*   http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
-* WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the
-* License for the specific language governing permissions and limitations under
-* the License.
-*/ var falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
-var cx = clsx;
-var cva = (base, config) => (props) => {
-	var _config_compoundVariants;
-	if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
-	const { variants, defaultVariants } = config;
-	const getVariantClassNames = Object.keys(variants).map((variant) => {
-		const variantProp = props === null || props === void 0 ? void 0 : props[variant];
-		const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];
-		if (variantProp === null) return null;
-		const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
-		return variants[variant][variantKey];
-	});
-	const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param) => {
-		let [key, value] = param;
-		if (value === void 0) return acc;
-		acc[key] = value;
-		return acc;
-	}, {});
-	return cx(base, getVariantClassNames, config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param) => {
-		let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;
-		return Object.entries(compoundVariantOptions).every((param) => {
-			let [key, value] = param;
-			return Array.isArray(value) ? value.includes({
-				...defaultVariants,
-				...propsWithoutUndefined
-			}[key]) : {
-				...defaultVariants,
-				...propsWithoutUndefined
-			}[key] === value;
-		}) ? [
-			...acc,
-			cvClass,
-			cvClassName
-		] : acc;
-	}, []), props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
-};
-//#endregion
 //#region src/primitives/button.tsx
 var buttonVariants = cva("inline-flex items-center justify-center rounded-md font-medium transition-colors cursor-pointer disabled:opacity-50 disabled:pointer-events-none", {
 	variants: {
@@ -20037,38 +20829,6 @@ function ClipPanel({ deviceId, clip, profile, onProfileChange }) {
 	});
 }
 //#endregion
-//#region src/primitives/badge.tsx
-var badgeVariants = cva("inline-flex items-center rounded-full text-xs font-medium px-2 py-0.5", {
-	variants: {
-		variant: {
-			default: "bg-surface-hover text-foreground",
-			success: "bg-success/15 text-success",
-			warning: "bg-warning/15 text-warning",
-			danger: "bg-danger/15 text-danger",
-			info: "bg-info/15 text-info"
-		},
-		styleVariant: {
-			solid: "",
-			outline: "border bg-transparent"
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		styleVariant: "solid"
-	}
-});
-var Badge = (0, react$1.forwardRef)(({ className, variant, style, ...props }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-		ref,
-		className: cn(badgeVariants({
-			variant,
-			styleVariant: style
-		}), className),
-		...props
-	});
-});
-Badge.displayName = "Badge";
-//#endregion
 //#region src/lib/format-duration.ts
 /**
 * How long something lasted, the way this product says it.
@@ -26099,6 +26859,7 @@ function MultiSelectField({ field, value, onChange, disabled, translationFn }) {
 function PasswordField({ field, value, onChange, disabled, translationFn }) {
 	const [show, setShow] = (0, react$1.useState)(false);
 	const showToggle = field.showToggle !== false;
+	const text = value === void 0 || value === null ? "" : String(value);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldWrapper, {
 		label: field.label,
 		description: field.description,
@@ -26110,14 +26871,20 @@ function PasswordField({ field, value, onChange, disabled, translationFn }) {
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 				type: show ? "text" : "password",
 				className: INPUT_CLASS + (showToggle ? " pr-9" : ""),
-				value: value === void 0 || value === null ? "" : String(value),
+				value: text,
 				placeholder: field.placeholder,
 				disabled: disabled || field.disabled,
-				onChange: (e) => onChange(e.target.value)
+				autoComplete: "new-password",
+				spellCheck: false,
+				onChange: (e) => onChange(e.target.value),
+				onFocus: (e) => {
+					if (text.length > 0 && /^[•●*]{4,}$/u.test(text)) e.currentTarget.select();
+				}
 			}), showToggle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				type: "button",
 				className: "absolute right-2 top-1/2 -translate-y-1/2 text-foreground-subtle hover:text-foreground",
 				tabIndex: -1,
+				"aria-label": show ? "Hide password" : "Show password",
 				onClick: () => setShow((s) => !s),
 				children: show ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EyeOff, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Eye, { className: "h-3.5 w-3.5" })
 			})]
@@ -26263,70 +27030,30 @@ function SliderField({ field, value, onChange, disabled, translationFn }) {
 	});
 }
 function TagsField({ field, value, onChange, disabled, translationFn }) {
-	const tags = Array.isArray(value) ? value : [];
-	const [input, setInput] = (0, react$1.useState)("");
-	const inputRef = (0, react$1.useRef)(null);
-	const addTag = (0, react$1.useCallback)((tag) => {
-		const trimmed = tag.trim();
-		if (!trimmed || tags.includes(trimmed)) return;
-		if (field.maxTags !== void 0 && tags.length >= field.maxTags) return;
-		onChange([...tags, trimmed]);
-		setInput("");
-	}, [
-		tags,
-		field.maxTags,
-		onChange
-	]);
-	const removeTag = (tag) => onChange(tags.filter((t) => t !== tag));
-	const handleKeyDown = (e) => {
-		if (e.key === "Enter" || e.key === ",") {
-			e.preventDefault();
-			addTag(input);
-		} else if (e.key === "Backspace" && input === "" && tags.length > 0) removeTag(tags[tags.length - 1]);
-	};
-	const isDisabled = disabled || field.disabled;
+	const tags = Array.isArray(value) ? value.filter((v) => typeof v === "string") : [];
+	const creatable = field.creatable !== false;
+	const options = (field.suggestions ?? []).map((s) => ({
+		value: s,
+		label: s
+	}));
+	const isDisabled = disabled === true || field.disabled === true;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldWrapper, {
 		label: field.label,
 		description: field.description,
 		required: field.required,
 		span: field.span,
 		translationFn,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: [
-				"flex flex-wrap gap-1.5 rounded-md border border-border bg-background px-2 py-1.5 min-h-[38px] cursor-text",
-				"focus-within:border-primary focus-within:ring-1 focus-within:ring-primary/30",
-				isDisabled ? "opacity-50 cursor-not-allowed" : ""
-			].join(" "),
-			onClick: () => !isDisabled && inputRef.current?.focus(),
-			children: [
-				tags.map((tag) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-					className: "inline-flex items-center gap-1 rounded-md bg-primary/10 px-1.5 py-0.5 text-xs text-primary",
-					children: [tag, !isDisabled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-						type: "button",
-						onClick: () => removeTag(tag),
-						className: "hover:text-danger",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(X, { className: "h-2.5 w-2.5" })
-					})]
-				}, tag)),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-					ref: inputRef,
-					type: "text",
-					className: "flex-1 min-w-[80px] bg-transparent text-sm text-foreground outline-none placeholder:text-foreground-disabled",
-					value: input,
-					placeholder: tags.length === 0 ? field.placeholder ?? "Add tags…" : "",
-					disabled: isDisabled,
-					list: `tags-suggestions-${field.key}`,
-					onChange: (e) => setInput(e.target.value),
-					onKeyDown: handleKeyDown,
-					onBlur: () => {
-						if (input.trim()) addTag(input);
-					}
-				}),
-				field.suggestions && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("datalist", {
-					id: `tags-suggestions-${field.key}`,
-					children: field.suggestions.map((s) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", { value: s }, s))
-				})
-			]
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OptionSelect, {
+			mode: "multi",
+			options,
+			value: tags,
+			onChange: (next) => onChange(next),
+			disabled: isDisabled,
+			creatable,
+			...field.createLabel !== void 0 ? { createLabel: field.createLabel } : {},
+			...field.maxTags !== void 0 ? { maxItems: field.maxTags } : {},
+			placeholder: field.placeholder ?? "Search or add…",
+			testId: `config-tags-${field.key}`
 		})
 	});
 }
@@ -27558,6 +28285,20 @@ function FormField({ field, values, onChange, disabled, translationFn, onTestFie
 			disabled,
 			translationFn
 		});
+		case "notification-target-select": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConfigNotificationTargetSelectFieldView, {
+			field,
+			value,
+			onChange: handleChange,
+			disabled,
+			translationFn
+		});
+		case "notification-target-multiselect": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConfigNotificationTargetMultiSelectFieldView, {
+			field,
+			value,
+			onChange: handleChange,
+			disabled,
+			translationFn
+		});
 		case "probe": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProbeField, {
 			field,
 			value,
@@ -29090,9 +29831,6 @@ var DialogContent = (0, react$1.forwardRef)(({ className, width, placement, scro
 		if (open && !el.open) el.showModal();
 		if (!open && el.open) el.close();
 	}, [open, dialogRef]);
-	const handleClick = (e) => {
-		if (e.target === e.currentTarget) setOpen(false);
-	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dialog", {
 		ref: dialogRef,
 		id: contentId,
@@ -29101,7 +29839,6 @@ var DialogContent = (0, react$1.forwardRef)(({ className, width, placement, scro
 			placement,
 			scroll
 		}), className),
-		onClick: handleClick,
 		onClose: () => setOpen(false),
 		...props,
 		children
@@ -39298,7 +40035,7 @@ function ControlWidget({ slice, busy, setValueFn, layout }) {
 					value: e.target.value
 				} });
 			},
-			className: cn("w-full max-w-full min-w-0 truncate rounded border border-border bg-surface px-1 py-0.5 text-xs", busy && "opacity-40 cursor-not-allowed"),
+			className: cn("w-full max-w-full min-w-0 truncate rounded bg-transparent px-0.5 py-0.5 text-xs", busy && "opacity-40 cursor-not-allowed"),
 			children: slice.options.map((opt) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
 				value: opt,
 				children: opt
@@ -40377,12 +41114,13 @@ function BatteryBar({ percent }) {
 	});
 }
 function SensorHeroInner({ trpc, device }) {
-	const roleDescriptor = device.role != null ? ROLE_DESCRIPTOR[device.role] : void 0;
+	const roleDescriptor = device.role != null ? ROLE_DESCRIPTOR[device.role] : ROLE_DESCRIPTOR["temperature-sensor"];
 	const isBattery = isBatterySensorRole(device.role);
 	const { data: roleDefaultsData } = useDeviceManagerGetRoleDisplayDefaults({}, { staleTime: 6e4 });
 	const dev = useDeviceProxy(trpc, device.id);
 	const numericSlice = useDeviceStateSlice(dev !== null && roleDescriptor !== void 0 ? roleDescriptor.getSliceHandle(dev.state) : void 0);
 	const binaryBatterySlice = useDeviceStateSlice(dev !== null && isBattery ? dev.state.binary : void 0);
+	const occupancySlice = useDeviceStateSlice(dev !== null && !isBattery ? dev.state.binary : void 0);
 	const useBinaryBattery = isBattery && roleDescriptor?.kind === "numeric" && !hasBatteryNumericValue(numericSlice, roleDescriptor.field) && binaryBatterySlice !== void 0;
 	const descriptor = useBinaryBattery ? BINARY_BATTERY_DESCRIPTOR : roleDescriptor;
 	const slice = useBinaryBattery ? binaryBatterySlice : numericSlice;
@@ -40406,12 +41144,14 @@ function SensorHeroInner({ trpc, device }) {
 		const resolved = resolveSensorDisplay({
 			display: device.display,
 			capName: device.role === "numeric-sensor" ? "numeric-sensor" : void 0,
-			roleDefault: device.role != null ? roleDefaultsData?.defaults[device.role] : void 0,
+			roleDefault: device.role != null ? roleDefaultsData?.defaults[device.role] : roleDefaultsData?.defaults["temperature-sensor"],
 			sliceUnit: liveUnit,
 			slicePrecision,
 			canonicalUnit: descriptor.canonicalUnit
 		});
 		const unit = resolved.unit;
+		const formatted = formatNumeric(resolved.toDisplayValue(rawValue), resolved.precision);
+		const occupancyOn = occupancySlice !== void 0 && isBinarySliceValue(occupancySlice) && typeof occupancySlice["on"] === "boolean" ? Boolean(occupancySlice["on"]) : null;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "flex flex-col items-center justify-center gap-2 rounded-lg border border-border bg-surface p-4",
 			children: [
@@ -40419,13 +41159,18 @@ function SensorHeroInner({ trpc, device }) {
 					className: "flex items-baseline gap-1",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "text-3xl font-semibold tabular-nums text-foreground",
-						children: formatNumeric(resolved.toDisplayValue(rawValue), resolved.precision)
+						children: formatted
 					}), unit && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "text-base text-foreground-subtle",
 						children: unit
 					})]
 				}),
 				isBattery && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BatteryBar, { percent: rawValue }),
+				occupancyOn !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: cn("inline-flex items-center rounded px-2 py-0.5 text-xs font-medium", occupancyOn ? "bg-warning/15 text-warning" : "bg-surface-subtle text-foreground-subtle"),
+					"data-testid": "sensor-hero-occupancy",
+					children: occupancyOn ? "Occupied" : "Clear"
+				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "text-sm text-foreground-subtle",
 					children: device.name
@@ -48255,11 +49000,11 @@ function useDeviceAdminLink(trpc, deviceId) {
 		cap: (d) => d.deviceAdminLink,
 		slice: () => void 0
 	});
-	const bound = dev !== null && cap !== void 0 && cap !== null;
+	const capBound = dev !== null && cap !== void 0 && cap !== null && (dev.binding?.entries.some((e) => e.capName === "device-admin-link") ?? true);
 	const [state, setState] = (0, react$1.useState)({ kind: "pending" });
 	(0, react$1.useEffect)(() => {
-		if (!bound || cap === void 0 || cap === null) {
-			setState({ kind: "pending" });
+		if (!capBound || cap === void 0 || cap === null) {
+			setState({ kind: "none" });
 			return;
 		}
 		let live = true;
@@ -48280,7 +49025,7 @@ function useDeviceAdminLink(trpc, deviceId) {
 			live = false;
 		};
 	}, [
-		bound,
+		capBound,
 		cap,
 		deviceId
 	]);
@@ -49354,6 +50099,51 @@ function DeviceItemPreview({ trpc, device, status, enabled, showStatusPills = fa
 	});
 }
 //#endregion
+//#region src/contexts/device-quick-detail.tsx
+/**
+* Optional host-provided "open quick detail for this device id" callback.
+*
+* The devices table (`DeviceItem` / `DeviceList`) draws a discreet quick-
+* detail glyph whenever a host has published a handler — admin-ui mounts
+* ONE provider at the app shell with the modal. Call sites never wire the
+* button themselves; absence of a provider means no glyph (unit tests,
+* embeds that do not host the modal).
+*/
+var DeviceQuickDetailContext = createSharedContext("camstack:device-quick-detail", null);
+function DeviceQuickDetailProvider({ open, children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DeviceQuickDetailContext.Provider, {
+		value: open,
+		children
+	});
+}
+/** The host's open callback, or null when no provider is mounted. */
+function useDeviceQuickDetailOpen() {
+	return (0, react$1.useContext)(DeviceQuickDetailContext);
+}
+//#endregion
+//#region src/composites/device-item/quick-detail-action.tsx
+/**
+* Built-in row glyph for the host's quick-detail modal. Renders nothing
+* unless a `DeviceQuickDetailProvider` is mounted above — same "draw
+* nothing rather than something dead" rule as `AdminLinkQuickAction`.
+*/
+function DeviceQuickDetailAction({ deviceId, className }) {
+	const open = useDeviceQuickDetailOpen();
+	if (open === null) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		type: "button",
+		onClick: (e) => {
+			e.stopPropagation();
+			open(deviceId);
+		},
+		className: cn("inline-flex items-center justify-center rounded text-foreground-subtle hover:text-foreground transition-colors flex-shrink-0", className),
+		title: "Quick detail",
+		"aria-label": "Quick detail",
+		"data-testid": "device-quick-detail",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Settings, { className: "h-3 w-3" })
+	});
+}
+//#endregion
 //#region src/composites/device-item/status-dot.tsx
 /** The states that breathe (are "alive"). Offline + disabled are static. */
 function isAlive(status) {
@@ -49631,6 +50421,7 @@ function DeviceItem(props) {
 					flags,
 					controlPlacement: "right"
 				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DeviceQuickDetailAction, { deviceId: device.id }),
 				renderRowAction && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					onClick: (e) => e.stopPropagation(),
 					children: renderRowAction(device)
@@ -49713,6 +50504,7 @@ function DeviceItem(props) {
 							flags,
 							controlPlacement: "right"
 						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DeviceQuickDetailAction, { deviceId: device.id }),
 						renderRowAction && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							onClick: (e) => e.stopPropagation(),
 							children: renderRowAction(device)
@@ -49814,6 +50606,7 @@ function DeviceItemTableRow(props) {
 							enabled: showSnapshot && isCamera,
 							showStatusPills: true
 						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DeviceQuickDetailAction, { deviceId: device.id }),
 						renderRowAction && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							onClick: (e) => e.stopPropagation(),
 							children: renderRowAction(device)
@@ -50911,10 +51704,10 @@ function useDeviceListRealtimeSync() {
 * `renderItem`.
 */
 function GenericModeList(props) {
-	const { items, getKey, getSearchText, renderItem, getFilterType, mapFilterOption, filterOptions, filterLabel = "Type", columns, renderExpanded, isExpanded, rowClassName, onRowClick, isLoading = false, searchPlaceholder = "Search", emptyLabel = "No items found.", pageSize = 100, toolbar } = props;
+	const { items, getKey, getSearchText, renderItem, getFilterType, mapFilterOption, filterOptions, filterLabel = "Type", initialTypeFilters = [], columns, renderExpanded, isExpanded, rowClassName, onRowClick, isLoading = false, searchPlaceholder = "Search", emptyLabel = "No items found.", pageSize = 100, toolbar } = props;
 	const [searchInput, setSearchInput] = (0, react$1.useState)("");
 	const debouncedSearch = useDebouncedString(searchInput, 300);
-	const [typeFilters, setTypeFilters] = (0, react$1.useState)([]);
+	const [typeFilters, setTypeFilters] = (0, react$1.useState)(() => [...initialTypeFilters]);
 	const [page, setPage] = (0, react$1.useState)(1);
 	(0, react$1.useEffect)(() => {
 		setPage(1);
@@ -55780,39 +56573,6 @@ 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) {
@@ -58190,6 +58950,8 @@ exports.CodeBlock = CodeBlock;
 exports.CollapsibleCard = CollapsibleCard;
 exports.ConfigFormBuilder = ConfigFormBuilder;
 exports.ConfigFormField = FormField;
+exports.ConfigNotificationTargetMultiSelectFieldView = ConfigNotificationTargetMultiSelectFieldView;
+exports.ConfigNotificationTargetSelectFieldView = ConfigNotificationTargetSelectFieldView;
 exports.ConfigSchemaField = ConfigSchemaField;
 exports.ConfirmActionButton = ConfirmActionButton;
 exports.ConfirmDialogProvider = ConfirmDialogProvider;
@@ -58231,6 +58993,7 @@ exports.DeviceItem = DeviceItem;
 exports.DeviceList = DeviceList;
 exports.DeviceMultiSelectField = DeviceMultiSelectField;
 exports.DevicePicker = DevicePicker;
+exports.DeviceQuickDetailProvider = DeviceQuickDetailProvider;
 exports.DeviceSelectField = DeviceSelectField;
 exports.DeviceSelectorPicker = DeviceSelectorPicker;
 exports.DeviceStepMatrix = DeviceStepMatrix;
@@ -58324,7 +59087,11 @@ exports.NetworkLinkBadge = NetworkLinkBadge;
 exports.NodeMultiSelectField = NodeMultiSelectField;
 exports.NodePicker = NodePicker;
 exports.NodeSelectField = NodeSelectField;
+exports.NotificationTargetSelectField = NotificationTargetSelectField;
+exports.NotificationTargetsField = NotificationTargetsField;
+exports.OPTION_SELECT_SEARCH_MIN_OPTIONS = OPTION_SELECT_SEARCH_MIN_OPTIONS;
 exports.OfflineBadge = OfflineBadge;
+exports.OptionSelect = OptionSelect;
 exports.PHASE_CONFIG = PHASE_CONFIG;
 exports.PICKER_CHIP_LIMIT = PICKER_CHIP_LIMIT;
 exports.PICKER_DEFAULT_GROUP_BY = PICKER_DEFAULT_GROUP_BY;
@@ -58462,6 +59229,7 @@ exports.ariaSortForColumn = ariaSortForColumn;
 exports.badgeFor = badgeFor;
 exports.badgeFor$1 = badgeFor;
 exports.buildStepTreeFromSchema = buildStepTreeFromSchema;
+exports.catalogHasDraft = catalogHasDraft;
 exports.childEntityId = childEntityId;
 exports.childListName = childListName;
 exports.chipOverflow = chipOverflow;
@@ -58494,11 +59262,13 @@ exports.deviceTypeLabel = deviceTypeLabel;
 exports.deviceTypeMeta = deviceTypeMeta;
 exports.deviceTypeMetaOf = deviceTypeMetaOf;
 exports.devicesToOptions = devicesToOptions;
+exports.draftFromQuery = draftFromQuery;
 exports.emptyDevicesWidens = emptyDevicesWidens;
 exports.ensureMfHostInit = ensureMfHostInit;
 exports.eventKindLabel = eventKindLabel;
 exports.filterDataTableRows = filterDataTableRows;
 exports.filterDeviceOptions = filterDeviceOptions;
+exports.filterOptionSelectOptions = filterOptions;
 exports.filterPickerDevices = filterPickerDevices;
 exports.findTimezone = _camstack_types.findTimezone;
 exports.flattenPickerGrouping = flattenPickerGrouping;
@@ -58546,11 +59316,13 @@ exports.nextTableSort = nextTableSort;
 exports.normalizeForSearch = normalizeForSearch;
 exports.offListSelections = offListSelections;
 exports.openTopLayer = openTopLayer;
+exports.optionSelectSearchText = optionSearchText;
 exports.orphanDeviceLabel = orphanDeviceLabel;
 exports.overrideEntityIdFromLink = overrideEntityIdFromLink;
 exports.pageRows = pageRows;
 exports.parsePickerGroupBy = parsePickerGroupBy;
 exports.parseRecordedServerMessage = parseRecordedServerMessage;
+exports.partitionOptionSelectSelected = partitionSelected;
 exports.pickerFacetFilterShown = pickerFacetFilterShown;
 exports.pickerFacetKey = pickerFacetKey;
 exports.pickerFacetOptions = pickerFacetOptions;
@@ -58574,6 +59346,7 @@ exports.resolveDisplayIcon = resolveDisplayIcon;
 exports.resolveEffectiveDefaultModel = resolveEffectiveDefaultModel;
 exports.resolveEffectiveStepModel = resolveEffectiveStepModel;
 exports.resolveEventKindIcon = resolveEventKindIcon;
+exports.resolveOptionSelectSearchable = resolveSearchable;
 exports.resolvePrimaryChild = resolvePrimaryChild;
 exports.resolveSelectedDevices = resolveSelectedDevices;
 exports.resolveSensorDisplay = resolveSensorDisplay;
@@ -58588,6 +59361,8 @@ exports.selectedDeviceOptions = selectedDeviceOptions;
 exports.serializeRecordedCommand = serializeRecordedCommand;
 exports.shouldCommit = shouldCommit;
 exports.shouldEmit = shouldEmit;
+exports.shouldShowAddNewFooter = shouldShowAddNewFooter;
+exports.shouldShowUseQueryRow = shouldShowUseQueryRow;
 exports.shouldUseSingleNode = shouldUseSingleNode;
 exports.showsNoCamerasHint = showsNoCamerasHint;
 exports.sortRows = sortRows;
@@ -58970,6 +59745,7 @@ exports.useDeviceProviderSupportsManualCreation = useDeviceProviderSupportsManua
 exports.useDeviceProviderTestCreationField = useDeviceProviderTestCreationField;
 exports.useDeviceProxy = useDeviceProxy;
 exports.useDeviceProxy$1 = useDeviceProxy;
+exports.useDeviceQuickDetailOpen = useDeviceQuickDetailOpen;
 exports.useDeviceSnapshot = useDeviceSnapshot;
 exports.useDeviceSnapshotImage = useDeviceSnapshotImage;
 exports.useDeviceSnapshotImage$1 = useDeviceSnapshotImage;
@@ -59186,8 +59962,10 @@ exports.useNodesTopology = useNodesTopology;
 exports.useNodesUndeployAddon = useNodesUndeployAddon;
 exports.useNotificationOutputDeleteTarget = useNotificationOutputDeleteTarget;
 exports.useNotificationOutputDiscoverTargets = useNotificationOutputDiscoverTargets;
+exports.useNotificationOutputGetTarget = useNotificationOutputGetTarget;
 exports.useNotificationOutputListTargetKinds = useNotificationOutputListTargetKinds;
 exports.useNotificationOutputListTargets = useNotificationOutputListTargets;
+exports.useNotificationOutputProbeTargetConfig = useNotificationOutputProbeTargetConfig;
 exports.useNotificationOutputSend = useNotificationOutputSend;
 exports.useNotificationOutputSetTargetEnabled = useNotificationOutputSetTargetEnabled;
 exports.useNotificationOutputTestTarget = useNotificationOutputTestTarget;