@camstack/ui-library 1.2.356 → 1.2.358

package/dist/index.cjs

@@ -5251,9 +5251,11 @@ function useEventStreamMap(category, keyOf, filter) {
 * `nodes.getNodeAddons`, which is one node and does not walk the fleet.
 */
 function useClusterTopology() {
-	const { data: bootstrapTopology, isLoading, isError } = trpc.nodes.topology.useQuery(void 0, { staleTime: Number.POSITIVE_INFINITY });
+	const { data: bootstrapTopology, dataUpdatedAt, isLoading, isError } = trpc.nodes.topology.useQuery(void 0, { staleTime: Number.POSITIVE_INFINITY });
+	const snapshot = useEventStreamLatest("cluster.topology-snapshot");
+	const snapshotReceivedAt = (0, react$1.useMemo)(() => snapshot === null ? 0 : Date.now(), [snapshot]);
 	return {
-		nodes: useEventStreamLatest("cluster.topology-snapshot")?.nodes ?? bootstrapTopology,
+		nodes: snapshot !== null && !(bootstrapTopology !== void 0 && dataUpdatedAt > snapshotReceivedAt) ? snapshot.nodes : bootstrapTopology,
 		isLoading,
 		isError
 	};
@@ -10446,6 +10448,14 @@ var Select = (0, react$1.forwardRef)(({ className, options, disabled, ...props }
 });
 Select.displayName = "Select";
 //#endregion
+//#region src/primitives/disclosure-chevron.tsx
+function DisclosureChevron({ expanded, className }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(expanded ? ChevronDown : ChevronRight, {
+		"aria-hidden": "true",
+		className: cn("h-4 w-4 shrink-0 text-foreground-subtle", className)
+	});
+}
+//#endregion
 //#region src/composites/config-secret-field.tsx
 /**
 * A keychain-stored secret in a settings form (D787, D789) — drawn as ONE
@@ -10709,6 +10719,10 @@ var useAddonSettingsGetGlobalSettings = trpc.addonSettings.getGlobalSettings.use
 var useAddonSettingsUpdateGlobalSettings = trpc.addonSettings.updateGlobalSettings.useMutation;
 /** Generated alias around `trpc.addonSettings.getIntegrationSettings.useQuery`. */
 var useAddonSettingsGetIntegrationSettings = trpc.addonSettings.getIntegrationSettings.useQuery;
+/** Generated alias around `trpc.addonSettings.getDeclaredSettingsKeys.useQuery`. */
+var useAddonSettingsGetDeclaredSettingsKeys = trpc.addonSettings.getDeclaredSettingsKeys.useQuery;
+/** Generated alias around `trpc.addonSettings.unsetStoredSettingsKeys.useMutation`. */
+var useAddonSettingsUnsetStoredSettingsKeys = trpc.addonSettings.unsetStoredSettingsKeys.useMutation;
 /** Generated alias around `trpc.addonSettings.getDeviceSettings.useQuery`. */
 var useAddonSettingsGetDeviceSettings = trpc.addonSettings.getDeviceSettings.useQuery;
 /** Generated alias around `trpc.addonSettings.updateDeviceSettings.useMutation`. */
@@ -11345,6 +11359,10 @@ var useDeviceProviderReloadDevice = trpc.deviceProvider.reloadDevice.useMutation
 var useDeviceProviderSupportsDiscovery = trpc.deviceProvider.supportsDiscovery.useQuery;
 /** Generated alias around `trpc.deviceProvider.discoverDevices.useMutation`. */
 var useDeviceProviderDiscoverDevices = trpc.deviceProvider.discoverDevices.useMutation;
+/** Generated alias around `trpc.deviceProvider.getDiscoveryModes.useQuery`. */
+var useDeviceProviderGetDiscoveryModes = trpc.deviceProvider.getDiscoveryModes.useQuery;
+/** Generated alias around `trpc.deviceProvider.classifyDiscoveryHits.useMutation`. */
+var useDeviceProviderClassifyDiscoveryHits = trpc.deviceProvider.classifyDiscoveryHits.useMutation;
 /** Generated alias around `trpc.deviceProvider.getDiscoveryParamsSchema.useQuery`. */
 var useDeviceProviderGetDiscoveryParamsSchema = trpc.deviceProvider.getDiscoveryParamsSchema.useQuery;
 /** Generated alias around `trpc.deviceProvider.getManualCreationType.useQuery`. */
@@ -11651,6 +11669,12 @@ var useLocalNetworkUploadCertificate = trpc.localNetwork.uploadCertificate.useMu
 var useLocalNetworkDownloadCa = trpc.localNetwork.downloadCa.useQuery;
 /** Generated alias around `trpc.localNetwork.useStoredUploadedCertificate.useMutation`. */
 var useLocalNetworkUseStoredUploadedCertificate = trpc.localNetwork.useStoredUploadedCertificate.useMutation;
+/** Generated alias around `trpc.localNetwork.scanNetwork.useMutation`. */
+var useLocalNetworkScanNetwork = trpc.localNetwork.scanNetwork.useMutation;
+/** Generated alias around `trpc.localNetwork.getScanSubnets.useQuery`. */
+var useLocalNetworkGetScanSubnets = trpc.localNetwork.getScanSubnets.useQuery;
+/** Generated alias around `trpc.localNetwork.setScanSubnets.useMutation`. */
+var useLocalNetworkSetScanSubnets = trpc.localNetwork.setScanSubnets.useMutation;
 /** Generated alias around `trpc.localNetwork.revertToGeneratedCertificate.useMutation`. */
 var useLocalNetworkRevertToGeneratedCertificate = trpc.localNetwork.revertToGeneratedCertificate.useMutation;
 /** Generated alias around `trpc.lockControl.lock.useMutation`. */
@@ -29314,7 +29338,7 @@ function DialogTrigger({ children, ...props }) {
 * whenever they are asymmetric (they are: ~59px top vs ~34px bottom). Every
 * term collapses to the previous `100dvh - 2rem` where the insets are 0.
 */
-var contentVariants = cva("relative fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 m-0 w-[calc(100vw-2rem)] bg-background-elevated text-foreground border border-border rounded-lg p-4 backdrop:bg-black/50 backdrop:backdrop-blur-sm max-h-[calc(100dvh-2rem-2*max(env(safe-area-inset-top),env(safe-area-inset-bottom)))] [&:not([open])]:hidden", {
+var contentVariants = cva("relative fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 m-0 w-[calc(100vw-2rem)] whitespace-normal bg-background-elevated text-foreground border border-border rounded-lg p-4 backdrop:bg-black/50 backdrop:backdrop-blur-sm max-h-[calc(100dvh-2rem-2*max(env(safe-area-inset-top),env(safe-area-inset-bottom)))] [&:not([open])]:hidden", {
 	variants: {
 		width: {
 			sm: "max-w-sm",
@@ -31837,6 +31861,195 @@ function TimezoneSelector({ value, onChange, disabled }) {
 	});
 }
 //#endregion
+//#region src/contexts/broker-picker-slot.tsx
+/**
+* The broker picker a host mounts for `broker-select` fields.
+*
+* Creating a broker needs the host's sign-in dialogs, which the library does
+* not carry, so the host supplies the picker (`BrokerPicker` in admin-ui) here.
+* Without one, `broker-select` still lists the existing brokers and lets the
+* operator choose; it just cannot create.
+*/
+var BrokerPickerSlotContext = createSharedContext("camstack:broker-picker-slot", null);
+function BrokerPickerSlotProvider({ picker, children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BrokerPickerSlotContext.Provider, {
+		value: picker,
+		children
+	});
+}
+function useBrokerPickerSlot() {
+	return (0, react$1.useContext)(BrokerPickerSlotContext);
+}
+//#endregion
+//#region src/composites/config-broker-select-field.tsx
+function toRows(data) {
+	if (!Array.isArray(data)) return [];
+	const rows = [];
+	for (const entry of data) {
+		if (typeof entry !== "object" || entry === null) continue;
+		const { id, name, kind } = { ...entry };
+		if (typeof id === "string" && typeof kind === "string") rows.push({
+			id,
+			kind,
+			name: typeof name === "string" ? name : id
+		});
+	}
+	return rows;
+}
+function PlainBrokerSelect({ kind, value, onChange, disabled, controlId }) {
+	const t = useUiText();
+	const query = useBrokerList({ kind });
+	const rows = toRows(query.data).filter((row) => row.kind === kind);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Select, {
+		id: controlId,
+		disabled,
+		value,
+		onChange: (e) => onChange(e.target.value),
+		options: [{
+			value: "",
+			label: query.isLoading ? t("uiLibrary.configFormField.loadingOptions", "Loading options…") : t("uiLibrary.configFormField.select", "— Select —")
+		}, ...rows.map((row) => ({
+			value: row.id,
+			label: row.name
+		}))]
+	});
+}
+function ConfigBrokerSelectControl({ field, value, onChange, disabled, controlId }) {
+	const Picker = useBrokerPickerSlot();
+	const current = typeof value === "string" ? value : "";
+	if (Picker !== null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Picker, {
+		kind: field.brokerKind,
+		value: current === "" ? null : current,
+		onChange: (brokerId) => onChange(brokerId ?? "")
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PlainBrokerSelect, {
+		kind: field.brokerKind,
+		value: current,
+		onChange,
+		disabled: disabled || field.disabled,
+		controlId
+	});
+}
+//#endregion
+//#region src/hooks/use-debounced-string.ts
+/**
+* useDebouncedString — return `value` after `delay` ms have passed
+* without further changes. Resets the timer on every change.
+*
+* Useful for search inputs that should NOT push to URL state on every
+* keystroke. The DOM input stays controlled by an external `value`
+* (caller's `useState`); this hook produces a debounced derivation.
+*/
+function useDebouncedString(value, delayMs) {
+	const [debounced, setDebounced] = (0, react$1.useState)(value);
+	(0, react$1.useEffect)(() => {
+		const t = setTimeout(() => setDebounced(value), delayMs);
+		return () => clearTimeout(t);
+	}, [value, delayMs]);
+	return debounced;
+}
+//#endregion
+//#region src/composites/config-discovered-select-field.tsx
+/**
+* A `select` whose options come from a notification kind's `discoverTargets`,
+* asked for the form's CURRENT values.
+*
+* Nothing is fetched until every `dependsOn` field has a value, so a kind that
+* needs a broker or a token is never asked without it. Each state is its own
+* line (not yet / loading / failed / nothing found) and the field stays a free
+* text input in all of them but "found", so the operator is never stuck behind
+* a list that did not come.
+*/
+var TYPING_DEBOUNCE_MS = 500;
+function isConfigValue(value) {
+	return typeof value === "string" || typeof value === "number" || typeof value === "boolean";
+}
+function hasValue(value) {
+	return typeof value === "string" ? value.trim().length > 0 : value !== void 0 && value !== null;
+}
+/** The non-empty scalar form values: what the provider is asked about. */
+function discoveryConfig(values) {
+	const config = {};
+	for (const [key, value] of Object.entries(values)) if (isConfigValue(value) && hasValue(value)) config[key] = value;
+	return config;
+}
+function optionsFrom(candidates, key) {
+	const seen = /* @__PURE__ */ new Set();
+	const options = [];
+	for (const candidate of candidates) {
+		const raw = candidate.config[key];
+		if (typeof raw !== "string" || raw === "" || seen.has(raw)) continue;
+		seen.add(raw);
+		options.push({
+			value: raw,
+			label: candidate.suggestedName
+		});
+	}
+	return options;
+}
+function ConfigDiscoveredSelectControl({ field, values, value, onChange, disabled, controlId }) {
+	const t = useUiText();
+	const discover = field.discoverOptions;
+	const kind = discover?.kind ?? "";
+	const dependsOn = discover?.dependsOn ?? [];
+	const ready = discover !== void 0 && dependsOn.every((key) => hasValue(values[key]));
+	const config = (0, react$1.useMemo)(() => discoveryConfig(values), [values]);
+	const configKey = JSON.stringify(config);
+	const settled = configKey === useDebouncedString(configKey, TYPING_DEBOUNCE_MS);
+	const query = useNotificationOutputDiscoverTargets({
+		kind,
+		config
+	}, {
+		enabled: ready && settled,
+		retry: false
+	});
+	const current = value === void 0 || value === null ? "" : String(value);
+	const found = ready && settled && query.data !== void 0 ? optionsFrom(query.data, field.key) : [];
+	const disabledNow = disabled || field.disabled;
+	if (found.length > 0) {
+		const known = found.some((option) => option.value === current);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Select, {
+			id: controlId,
+			disabled: disabledNow,
+			value: current,
+			onChange: (e) => onChange(e.target.value),
+			options: [
+				{
+					value: "",
+					label: t("uiLibrary.configFormField.select", "— Select —")
+				},
+				...current !== "" && !known ? [{
+					value: current,
+					label: current
+				}] : [],
+				...found.map((option) => ({
+					value: option.value,
+					label: option.label
+				}))
+			]
+		});
+	}
+	let status;
+	if (!ready) status = t("uiLibrary.configFormField.discoverNotReady", "Fill in the fields above to load the list, or type the value.");
+	else if (!settled || query.isLoading || query.isFetching) status = t("uiLibrary.configFormField.loadingOptions", "Loading options…");
+	else if (query.isError) status = t("uiLibrary.configFormField.discoverFailed", "Could not load the list: {{message}}. Type the value instead.", { message: query.error instanceof Error ? query.error.message : String(query.error) });
+	else status = t("uiLibrary.configFormField.discoverEmpty", "Nothing was found. Type the value instead.");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "space-y-1",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Input, {
+			id: controlId,
+			value: current,
+			placeholder: field.placeholder,
+			disabled: disabledNow,
+			onChange: (e) => onChange(e.target.value)
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			"data-testid": `${controlId}-status`,
+			className: `text-[11px] ${query.isError ? "text-danger" : "text-foreground-subtle"}`,
+			children: status
+		})]
+	});
+}
+//#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$1 = "block text-[11px] font-medium text-foreground mb-1 break-words";
@@ -32021,7 +32234,7 @@ function BooleanField({ field, value, onChange, disabled, translationFn }) {
 		})
 	});
 }
-function SelectField({ field, value, onChange, disabled, translationFn }) {
+function SelectField({ field, values, value, onChange, disabled, translationFn }) {
 	const t = useUiText();
 	const hasEmptyOption = field.options.some((o) => o.value === "");
 	const options = [...!field.required && !hasEmptyOption ? [{
@@ -32039,7 +32252,14 @@ function SelectField({ field, value, onChange, disabled, translationFn }) {
 		span: field.span,
 		htmlFor: controlId,
 		translationFn,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Select, {
+		children: field.discoverOptions !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConfigDiscoveredSelectControl, {
+			field,
+			values,
+			value,
+			onChange,
+			disabled,
+			controlId
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Select, {
 			id: controlId,
 			options,
 			value: value === void 0 || value === null ? "" : String(value),
@@ -32048,6 +32268,22 @@ function SelectField({ field, value, onChange, disabled, translationFn }) {
 		})
 	});
 }
+function BrokerSelectField({ field, value, onChange, disabled, translationFn }) {
+	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.jsx)(ConfigBrokerSelectControl, {
+			field,
+			value,
+			onChange,
+			disabled,
+			controlId: `config-broker-select-${field.key}`
+		})
+	});
+}
 function TimezoneField({ field, value, onChange, disabled, translationFn }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldWrapper, {
 		label: field.label,
@@ -32520,16 +32756,24 @@ function GroupField({ field, values, onChange, onChangeMany, disabled, translati
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "@container rounded-lg border border-border bg-surface/50 overflow-hidden",
 			style: { containerType: "inline-size" },
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: ["px-3 py-2 flex items-center justify-between min-w-0", isAccordion ? "cursor-pointer hover:bg-surface" : ""].join(" "),
-				onClick: isAccordion ? () => setCollapsed((c) => !c) : void 0,
+			children: [isAccordion ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+				type: "button",
+				"aria-expanded": !collapsed,
+				onClick: () => setCollapsed((c) => !c),
+				className: "px-3 py-2 flex w-full items-center justify-between min-w-0 text-left hover:bg-surface",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "text-xs font-semibold text-foreground min-w-0 break-words",
 					children: resolveLabel(field.label, translationFn)
-				}), isAccordion && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "text-foreground-subtle text-xs shrink-0 ml-2",
-					children: collapsed ? "▸" : "▾"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DisclosureChevron, {
+					expanded: !collapsed,
+					className: "ml-2"
 				})]
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "px-3 py-2 flex items-center justify-between min-w-0",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-xs font-semibold text-foreground min-w-0 break-words",
+					children: resolveLabel(field.label, translationFn)
+				})
 			}), !collapsed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "px-3 pb-3 grid grid-cols-1 @[480px]:grid-cols-2 gap-x-4 gap-y-3",
 				children: field.fields.map((subField) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormField, {
@@ -33487,8 +33731,16 @@ function FormField({ field, values, onChange, onChangeMany, disabled, translatio
 			disabled,
 			translationFn
 		});
+		case "broker-select": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BrokerSelectField, {
+			field,
+			value,
+			onChange: handleChange,
+			disabled,
+			translationFn
+		});
 		case "select": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectField, {
 			field,
+			values,
 			value,
 			onChange: handleChange,
 			disabled,
@@ -33742,19 +33994,30 @@ function SectionCard$1({ section, values, onChange, disabled, translationFn, onT
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "@container rounded-lg border border-border bg-surface p-3",
 		style: { containerType: "inline-size" },
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: ["flex items-center justify-between mb-2", isAccordion ? "cursor-pointer" : ""].join(" "),
-			onClick: isAccordion ? () => setCollapsed((c) => !c) : void 0,
+		children: [isAccordion ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			type: "button",
+			"aria-expanded": !collapsed,
+			onClick: () => setCollapsed((c) => !c),
+			className: "flex w-full items-center justify-between mb-2 text-left",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
 				className: "text-[11px] font-semibold text-foreground-subtle uppercase tracking-wider",
 				children: resolveLabel(section.title, translationFn)
 			}), section.description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				className: "text-[10px] text-foreground-subtle mt-0.5",
 				children: resolveLabel(section.description, translationFn)
-			})] }), isAccordion && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "text-foreground-subtle text-xs ml-2",
-				children: collapsed ? "▸" : "▾"
+			})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DisclosureChevron, {
+				expanded: !collapsed,
+				className: "ml-2"
 			})]
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "flex items-center justify-between mb-2",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+				className: "text-[11px] font-semibold text-foreground-subtle uppercase tracking-wider",
+				children: resolveLabel(section.title, translationFn)
+			}), section.description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-[10px] text-foreground-subtle mt-0.5",
+				children: resolveLabel(section.description, translationFn)
+			})] })
 		}), !collapsed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: `grid ${gridClass} gap-x-3 gap-y-2.5`,
 			children: section.fields.map((field) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormField, {
@@ -43149,12 +43412,11 @@ function AlternateLabelsSection({ alternateLabels, colors }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "mt-1",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			type: "button",
+			"aria-expanded": expanded,
 			onClick: () => setExpanded((v) => !v),
 			className: "text-[9px] text-foreground-subtle hover:text-foreground transition-colors flex items-center gap-1",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: `transition-transform ${expanded ? "rotate-90" : ""}`,
-				children: "▶"
-			}), t("uiLibrary.detectionResultTree.alternates", {
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DisclosureChevron, { expanded }), t("uiLibrary.detectionResultTree.alternates", {
 				one: "Alternates ({{count}} source)",
 				other: "Alternates ({{count}} sources)"
 			}, { count: sources.length })]
@@ -44267,24 +44529,6 @@ function useLiveBuffer(max) {
 	]);
 }
 //#endregion
-//#region src/hooks/use-debounced-string.ts
-/**
-* useDebouncedString — return `value` after `delay` ms have passed
-* without further changes. Resets the timer on every change.
-*
-* Useful for search inputs that should NOT push to URL state on every
-* keystroke. The DOM input stays controlled by an external `value`
-* (caller's `useState`); this hook produces a debounced derivation.
-*/
-function useDebouncedString(value, delayMs) {
-	const [debounced, setDebounced] = (0, react$1.useState)(value);
-	(0, react$1.useEffect)(() => {
-		const t = setTimeout(() => setDebounced(value), delayMs);
-		return () => clearTimeout(t);
-	}, [value, delayMs]);
-	return debounced;
-}
-//#endregion
 //#region src/composites/log-history-paging.ts
 /**
 * Accumulate slices until `limit` entries, `done`, or an abort. An abort keeps
@@ -48299,7 +48543,7 @@ function MediaPlayerPanel({ trpc, deviceId, features: _features, layout, optimis
 					}
 				},
 				className: cn("inline-flex h-5 w-5 items-center justify-center rounded text-foreground-subtle hover:text-foreground hover:bg-surface-hover transition-colors text-xs", busy && "opacity-40 cursor-not-allowed"),
-				children: action === "play" ? "▶" : "⏸"
+				children: action === "play" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Play, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pause, { className: "h-3 w-3" })
 			})]
 		}), layout === "full" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -65995,15 +66239,14 @@ function ResponseLog({ data, label = "Response", className = "" }) {
 	const json = JSON.stringify(data, null, 2);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: `rounded-xl border border-border bg-surface overflow-hidden ${className}`,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "px-3 py-2 border-b border-border flex items-center justify-between cursor-pointer select-none hover:bg-surface-hover/30",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			type: "button",
+			"aria-expanded": expanded,
+			className: "w-full px-3 py-2 border-b border-border flex items-center justify-between text-left select-none hover:bg-surface-hover/30",
 			onClick: () => setExpanded((e) => !e),
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "text-[10px] text-foreground-subtle",
-					children: expanded ? "▼" : "▶"
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DisclosureChevron, { expanded }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
 					className: "text-xs font-medium text-foreground",
 					children: label
 				})]
@@ -68971,7 +69214,7 @@ function noItemsSentence(noun, emptyMeansAll, t) {
 		noun: pickerNounLabel(noun, t)
 	});
 }
-function DevicePicker({ devices: devicesIn, listState, fleet, value, onChange, selection = "multiple", groupBy: pinnedGroupBy, emptyMeansAll = false, savedHadDevices = false, noun = "camera", groupTitle: groupTitleProp, emptyLabel, annotate, disabled = false, testId, showAll = false, lockedIds, lockedNote: lockedNoteProp }) {
+function DevicePicker({ devices: devicesIn, listState, fleet, value, onChange, selection = "multiple", groupBy: pinnedGroupBy, emptyMeansAll = false, savedHadDevices = false, noun = "camera", groupTitle: groupTitleProp, emptyLabel, annotate, disabled = false, testId, showAll = false, fillHeight = false, lockedIds, lockedNote: lockedNoteProp }) {
 	const t = useUiText();
 	const groupTitle = groupTitleProp ?? ((group) => deviceGroupTitle(group, t));
 	const lockedNote = lockedNoteProp ?? t("uiLibrary.devicePicker.alreadyAdded", "Already added");
@@ -68999,7 +69242,7 @@ function DevicePicker({ devices: devicesIn, listState, fleet, value, onChange, s
 		}), widening && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DevicesWidenWarning, { noun })]
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "mt-1 space-y-1.5",
+		className: fillHeight ? "mt-1 flex min-h-0 flex-1 flex-col gap-1.5" : "mt-1 space-y-1.5",
 		"data-testid": testId,
 		children: [
 			listState === "pending" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DevicesLoadingLine, { noun: plural }),
@@ -69049,6 +69292,7 @@ function DevicePicker({ devices: devicesIn, listState, fleet, value, onChange, s
 				noun,
 				disabled,
 				showAll,
+				fillHeight,
 				selection,
 				...pinnedGroupBy !== void 0 ? { pinnedGroupBy } : {}
 			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PickerPanel, {
@@ -69062,6 +69306,7 @@ function DevicePicker({ devices: devicesIn, listState, fleet, value, onChange, s
 				noun,
 				disabled,
 				showAll,
+				fillHeight,
 				selection
 			})),
 			widening && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DevicesWidenWarning, { noun })
@@ -69110,7 +69355,7 @@ var NO_ZONES = {
 	zones: []
 };
 /** The searchable, grouped list — rendered one page at a time. */
-function PickerPanel({ devices, value, onChange, annotate, groupTitle, noun, disabled, locked, lockedNote, showAll, selection, grouping, providers = NO_PROVIDERS }) {
+function PickerPanel({ devices, value, onChange, annotate, groupTitle, noun, disabled, locked, lockedNote, showAll, fillHeight, selection, grouping, providers = NO_PROVIDERS }) {
 	const t = useUiText();
 	const radioName = (0, react$1.useId)();
 	const [filters, setFilters] = (0, react$1.useState)(PICKER_NO_FILTERS);
@@ -69162,7 +69407,7 @@ function PickerPanel({ devices, value, onChange, annotate, groupTitle, noun, dis
 	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",
+		className: fillHeight ? "flex min-h-0 flex-1 flex-col rounded-md border border-border bg-surface p-2" : "rounded-md border border-border bg-surface p-2",
 		"data-testid": "device-picker-panel",
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DeviceFilterBar, {
@@ -69199,7 +69444,7 @@ function PickerPanel({ devices, value, onChange, annotate, groupTitle, noun, dis
 				className: "py-2 text-[11px] text-foreground-subtle italic",
 				children: noun === "camera" || noun === "device" ? t("uiLibrary.devicePicker.noDeviceMatches", "No device matches.") : t("uiLibrary.devicePicker.noNounMatches", "No {{noun}} matches.", { noun: pickerNounLabel(noun, t) })
 			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: showAll ? "mt-1" : "mt-1 max-h-72 overflow-y-auto",
+				className: fillHeight ? "mt-1 min-h-0 flex-1 overflow-y-auto" : 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,
@@ -69259,7 +69504,7 @@ function PickerRowView({ row, value, onChange, onToggleGroup, annotate, groupTit
 					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)(DisclosureChevron, { expanded }),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: "truncate",
 							children: groupTitle(group)
@@ -72669,6 +72914,7 @@ exports.BottomSheet = BottomSheet;
 exports.Box = Box;
 exports.Breadcrumb = Breadcrumb;
 exports.BrightnessPanel = BrightnessPanel;
+exports.BrokerPickerSlotProvider = BrokerPickerSlotProvider;
 exports.Bug = Bug;
 exports.Bus = Bus;
 exports.Button = Button;
@@ -72810,6 +73056,7 @@ exports.DialogFooter = DialogFooter;
 exports.DialogHeader = DialogHeader;
 exports.DialogTitle = DialogTitle;
 exports.DialogTrigger = DialogTrigger;
+exports.DisclosureChevron = DisclosureChevron;
 exports.DiscoveryPanel = DiscoveryPanel;
 exports.DisplayPaletteProvider = DisplayPaletteProvider;
 exports.Dog = Dog;
@@ -73615,9 +73862,11 @@ exports.useActionsSetLinks = useActionsSetLinks;
 exports.useActionsStop = useActionsStop;
 exports.useActionsUpdate = useActionsUpdate;
 exports.useAddonPagesListPages = useAddonPagesListPages;
+exports.useAddonSettingsGetDeclaredSettingsKeys = useAddonSettingsGetDeclaredSettingsKeys;
 exports.useAddonSettingsGetDeviceSettings = useAddonSettingsGetDeviceSettings;
 exports.useAddonSettingsGetGlobalSettings = useAddonSettingsGetGlobalSettings;
 exports.useAddonSettingsGetIntegrationSettings = useAddonSettingsGetIntegrationSettings;
+exports.useAddonSettingsUnsetStoredSettingsKeys = useAddonSettingsUnsetStoredSettingsKeys;
 exports.useAddonSettingsUpdateDeviceSettings = useAddonSettingsUpdateDeviceSettings;
 exports.useAddonSettingsUpdateGlobalSettings = useAddonSettingsUpdateGlobalSettings;
 exports.useAddonT = useAddonT;
@@ -73734,6 +73983,7 @@ exports.useBrokerGetState = useBrokerGetState;
 exports.useBrokerGetStatus = useBrokerGetStatus;
 exports.useBrokerList = useBrokerList;
 exports.useBrokerListProviders = useBrokerListProviders;
+exports.useBrokerPickerSlot = useBrokerPickerSlot;
 exports.useBrokerPublish = useBrokerPublish;
 exports.useBrokerRemove = useBrokerRemove;
 exports.useBrokerSetSettings = useBrokerSetSettings;
@@ -73993,10 +74243,12 @@ exports.useDeviceOpsRemoveDevice = useDeviceOpsRemoveDevice;
 exports.useDeviceOpsRunAction = useDeviceOpsRunAction;
 exports.useDeviceOpsSetConfig = useDeviceOpsSetConfig;
 exports.useDeviceProviderAdoptDiscoveredDevice = useDeviceProviderAdoptDiscoveredDevice;
+exports.useDeviceProviderClassifyDiscoveryHits = useDeviceProviderClassifyDiscoveryHits;
 exports.useDeviceProviderCreateDevice = useDeviceProviderCreateDevice;
 exports.useDeviceProviderDiscoverDevices = useDeviceProviderDiscoverDevices;
 exports.useDeviceProviderGetChildCreationSchema = useDeviceProviderGetChildCreationSchema;
 exports.useDeviceProviderGetDevices = useDeviceProviderGetDevices;
+exports.useDeviceProviderGetDiscoveryModes = useDeviceProviderGetDiscoveryModes;
 exports.useDeviceProviderGetDiscoveryParamsSchema = useDeviceProviderGetDiscoveryParamsSchema;
 exports.useDeviceProviderGetManualCreationType = useDeviceProviderGetManualCreationType;
 exports.useDeviceProviderGetStatus = useDeviceProviderGetStatus;
@@ -74168,6 +74420,7 @@ exports.useLocalNetworkGetConnectionEndpoints = useLocalNetworkGetConnectionEndp
 exports.useLocalNetworkGetHubAddresses = useLocalNetworkGetHubAddresses;
 exports.useLocalNetworkGetNotificationEndpoint = useLocalNetworkGetNotificationEndpoint;
 exports.useLocalNetworkGetPreferred = useLocalNetworkGetPreferred;
+exports.useLocalNetworkGetScanSubnets = useLocalNetworkGetScanSubnets;
 exports.useLocalNetworkGetTlsStatus = useLocalNetworkGetTlsStatus;
 exports.useLocalNetworkGetViewerEndpoints = useLocalNetworkGetViewerEndpoints;
 exports.useLocalNetworkList = useLocalNetworkList;
@@ -74175,9 +74428,11 @@ exports.useLocalNetworkRegenerateCertificate = useLocalNetworkRegenerateCertific
 exports.useLocalNetworkRemoveCustomAddress = useLocalNetworkRemoveCustomAddress;
 exports.useLocalNetworkResetAllowlistToBestMatch = useLocalNetworkResetAllowlistToBestMatch;
 exports.useLocalNetworkRevertToGeneratedCertificate = useLocalNetworkRevertToGeneratedCertificate;
+exports.useLocalNetworkScanNetwork = useLocalNetworkScanNetwork;
 exports.useLocalNetworkSetAddressRole = useLocalNetworkSetAddressRole;
 exports.useLocalNetworkSetAllowedAddresses = useLocalNetworkSetAllowedAddresses;
 exports.useLocalNetworkSetNotificationEndpoint = useLocalNetworkSetNotificationEndpoint;
+exports.useLocalNetworkSetScanSubnets = useLocalNetworkSetScanSubnets;
 exports.useLocalNetworkSetViewerEndpoints = useLocalNetworkSetViewerEndpoints;
 exports.useLocalNetworkUploadCertificate = useLocalNetworkUploadCertificate;
 exports.useLocalNetworkUseStoredUploadedCertificate = useLocalNetworkUseStoredUploadedCertificate;

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export * from "./composites";
 export * from "./hotkeys";
 export * from "./contexts/custom-field-renderers";
+export * from "./contexts/broker-picker-slot";
 export * from "./contexts/device-context";
 export * from "./contexts/device-quick-detail";
 export * from "./contexts/player-overlays";