@camstack/ui-library 1.2.248 → 1.2.250

package/dist/index.cjs

@@ -25,13 +25,13 @@ const require_theme_index = require("./theme/index.cjs");
 let react = require("react");
 let react$1 = __toESM(react, 1);
 react = __toESM(react);
+let _camstack_types = require("@camstack/types");
 let _trpc_react_query = require("@trpc/react-query");
 _trpc_react_query = __toESM(_trpc_react_query, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = __toESM(react_jsx_runtime, 1);
 let react_dom = require("react-dom");
 react_dom = __toESM(react_dom, 1);
-let _camstack_types = require("@camstack/types");
 let _tanstack_react_query = require("@tanstack/react-query");
 _tanstack_react_query = __toESM(_tanstack_react_query, 1);
 let react_dom_client = require("react-dom/client");
@@ -2454,6 +2454,26 @@ var Gauge = createLucideIcon("gauge", [["path", {
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
+var GraduationCap = createLucideIcon("graduation-cap", [
+	["path", {
+		d: "M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z",
+		key: "j76jl0"
+	}],
+	["path", {
+		d: "M22 10v6",
+		key: "1lu8f3"
+	}],
+	["path", {
+		d: "M6 12.5V16a6 3 0 0 0 12 0v-3.5",
+		key: "1r8lef"
+	}]
+]);
+/**
+* @license lucide-react v0.576.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
 var Grid2x2 = createLucideIcon("grid-2x2", [
 	["path", {
 		d: "M12 3v18",
@@ -6466,138 +6486,1061 @@ function useClusterNodes() {
 	};
 }
 //#endregion
-//#region src/generated/system-hooks.ts
+//#region src/composites/device-meta.ts
+var DEVICE_TYPE_META = {
+	[_camstack_types.DeviceType.Camera]: {
+		icon: Camera,
+		label: "Camera"
+	},
+	[_camstack_types.DeviceType.Hub]: {
+		icon: Network,
+		label: "Hub"
+	},
+	[_camstack_types.DeviceType.Light]: {
+		icon: Lightbulb,
+		label: "Light"
+	},
+	[_camstack_types.DeviceType.Siren]: {
+		icon: Siren,
+		label: "Siren"
+	},
+	[_camstack_types.DeviceType.Switch]: {
+		icon: ToggleLeft,
+		label: "Switch"
+	},
+	[_camstack_types.DeviceType.Sensor]: {
+		icon: Activity,
+		label: "Sensor"
+	},
+	[_camstack_types.DeviceType.Thermostat]: {
+		icon: Thermometer,
+		label: "Thermostat"
+	},
+	[_camstack_types.DeviceType.Climate]: {
+		icon: AirVent,
+		label: "Air conditioner"
+	},
+	[_camstack_types.DeviceType.Button]: {
+		icon: CircleDot,
+		label: "Button"
+	},
+	[_camstack_types.DeviceType.EventEmitter]: {
+		icon: Zap,
+		label: "Event Emitter"
+	},
+	[_camstack_types.DeviceType.Update]: {
+		icon: RefreshCw,
+		label: "Update"
+	},
+	[_camstack_types.DeviceType.Generic]: {
+		icon: Box,
+		label: "Generic"
+	},
+	[_camstack_types.DeviceType.Notifier]: {
+		icon: Bell,
+		label: "Notifier"
+	},
+	[_camstack_types.DeviceType.Script]: {
+		icon: ScrollText,
+		label: "Script"
+	},
+	[_camstack_types.DeviceType.Automation]: {
+		icon: Workflow,
+		label: "Automation"
+	},
+	[_camstack_types.DeviceType.Lock]: {
+		icon: Lock,
+		label: "Lock"
+	},
+	[_camstack_types.DeviceType.Cover]: {
+		icon: Blinds,
+		label: "Cover"
+	},
+	[_camstack_types.DeviceType.Valve]: {
+		icon: Pipette,
+		label: "Valve"
+	},
+	[_camstack_types.DeviceType.Humidifier]: {
+		icon: Waves,
+		label: "Humidifier"
+	},
+	[_camstack_types.DeviceType.WaterHeater]: {
+		icon: Bath,
+		label: "Water heater"
+	},
+	[_camstack_types.DeviceType.Fan]: {
+		icon: Fan,
+		label: "Fan"
+	},
+	[_camstack_types.DeviceType.MediaPlayer]: {
+		icon: MonitorPlay,
+		label: "Media player"
+	},
+	[_camstack_types.DeviceType.AlarmPanel]: {
+		icon: ShieldAlert,
+		label: "Alarm panel"
+	},
+	[_camstack_types.DeviceType.Control]: {
+		icon: SlidersHorizontal,
+		label: "Control"
+	},
+	[_camstack_types.DeviceType.Presence]: {
+		icon: MapPin,
+		label: "Presence"
+	},
+	[_camstack_types.DeviceType.Weather]: {
+		icon: CloudSun,
+		label: "Weather"
+	},
+	[_camstack_types.DeviceType.Vacuum]: {
+		icon: Bot,
+		label: "Vacuum"
+	},
+	[_camstack_types.DeviceType.LawnMower]: {
+		icon: Tractor,
+		label: "Lawn mower"
+	},
+	[_camstack_types.DeviceType.Container]: {
+		icon: Box,
+		label: "Container"
+	},
+	[_camstack_types.DeviceType.Image]: {
+		icon: Image,
+		label: "Image"
+	},
+	[_camstack_types.DeviceType.PetFeeder]: {
+		icon: Bone,
+		label: "Pet feeder"
+	}
+};
+var DEVICE_ROLE_META = {
+	[_camstack_types.DeviceRole.Siren]: {
+		icon: Siren,
+		label: "Siren"
+	},
+	[_camstack_types.DeviceRole.Floodlight]: {
+		icon: Lightbulb,
+		label: "Floodlight"
+	},
+	[_camstack_types.DeviceRole.Spotlight]: {
+		icon: Flashlight,
+		label: "Spotlight"
+	},
+	[_camstack_types.DeviceRole.PirSensor]: {
+		icon: Radar,
+		label: "PIR sensor"
+	},
+	[_camstack_types.DeviceRole.Chime]: {
+		icon: Bell,
+		label: "Chime"
+	},
+	[_camstack_types.DeviceRole.Autotrack]: {
+		icon: Crosshair,
+		label: "Auto-track"
+	},
+	[_camstack_types.DeviceRole.Nightvision]: {
+		icon: Moon,
+		label: "Night vision"
+	},
+	[_camstack_types.DeviceRole.PrivacyMask]: {
+		icon: EyeOff,
+		label: "Privacy mask"
+	},
+	[_camstack_types.DeviceRole.Doorbell]: {
+		icon: DoorClosed,
+		label: "Doorbell"
+	},
+	[_camstack_types.DeviceRole.BinaryHelper]: {
+		icon: ToggleLeft,
+		label: "Binary helper"
+	},
+	[_camstack_types.DeviceRole.MotionSensor]: {
+		icon: Footprints,
+		label: "Motion sensor"
+	},
+	[_camstack_types.DeviceRole.ContactSensor]: {
+		icon: DoorOpen,
+		label: "Contact sensor"
+	},
+	[_camstack_types.DeviceRole.LeakSensor]: {
+		icon: Droplet,
+		label: "Leak sensor"
+	},
+	[_camstack_types.DeviceRole.SmokeSensor]: {
+		icon: AlarmSmoke,
+		label: "Smoke sensor"
+	},
+	[_camstack_types.DeviceRole.COSensor]: {
+		icon: Wind,
+		label: "CO sensor"
+	},
+	[_camstack_types.DeviceRole.GasSensor]: {
+		icon: Flame,
+		label: "Gas sensor"
+	},
+	[_camstack_types.DeviceRole.TamperSensor]: {
+		icon: ShieldAlert,
+		label: "Tamper sensor"
+	},
+	[_camstack_types.DeviceRole.VibrationSensor]: {
+		icon: Vibrate,
+		label: "Vibration sensor"
+	},
+	[_camstack_types.DeviceRole.ConnectivitySensor]: {
+		icon: Wifi,
+		label: "Connectivity"
+	},
+	[_camstack_types.DeviceRole.SoundSensor]: {
+		icon: Volume2,
+		label: "Sound sensor"
+	},
+	[_camstack_types.DeviceRole.BinarySensor]: {
+		icon: ToggleLeft,
+		label: "Binary sensor"
+	},
+	[_camstack_types.DeviceRole.TemperatureSensor]: {
+		icon: Thermometer,
+		label: "Temperature"
+	},
+	[_camstack_types.DeviceRole.HumiditySensor]: {
+		icon: Droplets,
+		label: "Humidity"
+	},
+	[_camstack_types.DeviceRole.AmbientLightSensor]: {
+		icon: Sun,
+		label: "Ambient light"
+	},
+	[_camstack_types.DeviceRole.PressureSensor]: {
+		icon: Gauge,
+		label: "Pressure"
+	},
+	[_camstack_types.DeviceRole.WindSensor]: {
+		icon: Wind,
+		label: "Wind"
+	},
+	[_camstack_types.DeviceRole.RainSensor]: {
+		icon: CloudRain,
+		label: "Rain"
+	},
+	[_camstack_types.DeviceRole.UvSensor]: {
+		icon: SunMedium,
+		label: "UV index"
+	},
+	[_camstack_types.DeviceRole.SolarRadiationSensor]: {
+		icon: Sunrise,
+		label: "Solar radiation"
+	},
+	[_camstack_types.DeviceRole.SoilMoistureSensor]: {
+		icon: Sprout,
+		label: "Soil moisture"
+	},
+	[_camstack_types.DeviceRole.PowerSensor]: {
+		icon: Zap,
+		label: "Power"
+	},
+	[_camstack_types.DeviceRole.EnergySensor]: {
+		icon: Zap,
+		label: "Energy"
+	},
+	[_camstack_types.DeviceRole.VoltageSensor]: {
+		icon: Zap,
+		label: "Voltage"
+	},
+	[_camstack_types.DeviceRole.CurrentSensor]: {
+		icon: Zap,
+		label: "Current"
+	},
+	[_camstack_types.DeviceRole.AirQualitySensor]: {
+		icon: Wind,
+		label: "Air quality"
+	},
+	[_camstack_types.DeviceRole.BatterySensor]: {
+		icon: Gauge,
+		label: "Battery"
+	},
+	[_camstack_types.DeviceRole.NumericSensor]: {
+		icon: Hash,
+		label: "Numeric sensor"
+	},
+	[_camstack_types.DeviceRole.EnumSensor]: {
+		icon: List,
+		label: "Enum sensor"
+	},
+	[_camstack_types.DeviceRole.DateTimeSensor]: {
+		icon: Clock,
+		label: "Date / time"
+	},
+	[_camstack_types.DeviceRole.GenericSensor]: {
+		icon: Gauge,
+		label: "Sensor"
+	},
+	[_camstack_types.DeviceRole.NumericControl]: {
+		icon: SlidersHorizontal,
+		label: "Numeric control"
+	},
+	[_camstack_types.DeviceRole.SelectControl]: {
+		icon: ListChecks,
+		label: "Select control"
+	},
+	[_camstack_types.DeviceRole.TextControl]: {
+		icon: Type,
+		label: "Text control"
+	},
+	[_camstack_types.DeviceRole.DateTimeControl]: {
+		icon: Clock,
+		label: "Date / time control"
+	},
+	[_camstack_types.DeviceRole.MobilePushNotifier]: {
+		icon: Smartphone,
+		label: "Mobile push"
+	},
+	[_camstack_types.DeviceRole.MessagingNotifier]: {
+		icon: MessageSquare,
+		label: "Messaging"
+	},
+	[_camstack_types.DeviceRole.EmailNotifier]: {
+		icon: Mail,
+		label: "Email"
+	},
+	[_camstack_types.DeviceRole.GenericNotifier]: {
+		icon: Bell,
+		label: "Notifier"
+	}
+};
+var DEVICE_TYPE_VALUES$1 = new Set(Object.values(_camstack_types.DeviceType));
+var DEVICE_ROLE_VALUES = new Set(Object.values(_camstack_types.DeviceRole));
+function isDeviceType(value) {
+	return DEVICE_TYPE_VALUES$1.has(value);
+}
+function isDeviceRole(value) {
+	return DEVICE_ROLE_VALUES.has(value);
+}
+/** Meta for a known `DeviceType`. */
+function deviceTypeMeta(type) {
+	return DEVICE_TYPE_META[type];
+}
+/** Meta for a known `DeviceRole`. */
+function deviceRoleMeta(role) {
+	return DEVICE_ROLE_META[role];
+}
+var FALLBACK_DEVICE_TYPE_META = DEVICE_TYPE_META[_camstack_types.DeviceType.Generic];
+var FALLBACK_DEVICE_ROLE_META = DEVICE_ROLE_META[_camstack_types.DeviceRole.GenericSensor];
 /**
-* Per-method React-Query hooks for every `scope: 'system'` capability.
+* Runtime-string-safe lookup: device data crosses process / network boundaries
+* as plain strings, so an unrecognised value falls back to the `Generic` meta
+* instead of throwing.
 *
-* Each hook is a thin pass-through to `trpc.<cap>.<method>.useQuery` /
-* `.useMutation` / `.useSubscription` so the typed inference + RQ
-* cache/dedup keep working — the generator only contributes a consistent
-* name and stable export surface so admin-ui pages can write
-* `useAddonsList()` instead of `trpc.addons.list.useQuery()`.
+* This also guards mixed-version module-federation loads where the host
+* `@camstack/types` enum has a new member before the loaded ui-library bundle
+* has the matching `DEVICE_TYPE_META` entry.
+*/
+function deviceTypeMetaOf(type) {
+	if (!isDeviceType(type)) return FALLBACK_DEVICE_TYPE_META;
+	return DEVICE_TYPE_META[type] ?? FALLBACK_DEVICE_TYPE_META;
+}
+/** Runtime-string-safe role lookup; unknown roles fall back to `GenericSensor`. */
+function deviceRoleMetaOf(role) {
+	if (!isDeviceRole(role)) return FALLBACK_DEVICE_ROLE_META;
+	return DEVICE_ROLE_META[role] ?? FALLBACK_DEVICE_ROLE_META;
+}
+/**
+* Icons an operator may pick for a per-device `display.icon` override (and for
+* a per-role default), keyed by a stable kebab-case name. Named imports only —
+* no dynamic indexing into lucide, so the bundle carries exactly this set.
+* Unknown keys resolve to `undefined` (caller falls through to the next level).
 *
-* Push-subscription methods (`kind: 'subscription'`) emit a typeof
-* alias over `useSubscription`, so the call shape is
-* `useToastOnToast(input, { onData: cb })` — same as the underlying
-* tRPC hook. The eventBus-backed `useLiveEvent` (see
-* `../hooks/use-live-event.ts`) covers events that don't ride a tRPC
-* subscription; the two surfaces coexist by design.
+* The vocabulary is the one the VIEWER draws from too (its own icon module,
+* keyed by these same strings): a key added here that the phone cannot draw
+* falls through to the next resolution level there, which reads as "my change
+* did nothing". So the KEY is the contract — a stable kebab-case string, never
+* a glyph identity — and `device-meta.test.ts` pins that every key resolves
+* and that the set never loses a key an operator may already have persisted.
+*
+* Grouped by what an operator is naming: a device, a light or appliance, a
+* sensor or the weather it reads, a room, or what moves through it. `gauge2`
+* is a legacy alias kept for rows that persisted it.
 */
-/** Generated alias around `trpc.accessories.setChildHidden.useMutation`. */
-var useAccessoriesSetChildHidden = trpc.accessories.setChildHidden.useMutation;
-/** Generated alias around `trpc.accessories.getStatus.useQuery`. */
-var useAccessoriesGetStatus = trpc.accessories.getStatus.useQuery;
-/** Generated alias around `trpc.addonPages.listPages.useQuery`. */
-var useAddonPagesListPages = trpc.addonPages.listPages.useQuery;
-/** Generated alias around `trpc.addons.list.useQuery`. */
-var useAddonsList = trpc.addons.list.useQuery;
-/** Generated alias around `trpc.addons.getLogs.useQuery`. */
-var useAddonsGetLogs = trpc.addons.getLogs.useQuery;
-/** Generated alias around `trpc.addons.listPackages.useQuery`. */
-var useAddonsListPackages = trpc.addons.listPackages.useQuery;
-/** Generated alias around `trpc.addons.installPackage.useMutation`. */
-var useAddonsInstallPackage = trpc.addons.installPackage.useMutation;
-/** Generated alias around `trpc.addons.installFromWorkspace.useMutation`. */
-var useAddonsInstallFromWorkspace = trpc.addons.installFromWorkspace.useMutation;
-/** Generated alias around `trpc.addons.isWorkspaceAvailable.useQuery`. */
-var useAddonsIsWorkspaceAvailable = trpc.addons.isWorkspaceAvailable.useQuery;
-/** Generated alias around `trpc.addons.listWorkspacePackages.useQuery`. */
-var useAddonsListWorkspacePackages = trpc.addons.listWorkspacePackages.useQuery;
-/** Generated alias around `trpc.addons.uninstallPackage.useMutation`. */
-var useAddonsUninstallPackage = trpc.addons.uninstallPackage.useMutation;
-/** Generated alias around `trpc.addons.listInstallations.useQuery`. */
-var useAddonsListInstallations = trpc.addons.listInstallations.useQuery;
-/** Generated alias around `trpc.addons.reloadPackages.useMutation`. */
-var useAddonsReloadPackages = trpc.addons.reloadPackages.useMutation;
-/** Generated alias around `trpc.addons.searchAvailable.useQuery`. */
-var useAddonsSearchAvailable = trpc.addons.searchAvailable.useQuery;
-/** Generated alias around `trpc.addons.listUpdates.useQuery`. */
-var useAddonsListUpdates = trpc.addons.listUpdates.useQuery;
-/** Generated alias around `trpc.addons.updatePackage.useMutation`. */
-var useAddonsUpdatePackage = trpc.addons.updatePackage.useMutation;
-/** Generated alias around `trpc.addons.rollbackPackage.useMutation`. */
-var useAddonsRollbackPackage = trpc.addons.rollbackPackage.useMutation;
-/** Generated alias around `trpc.addons.forceRefresh.useMutation`. */
-var useAddonsForceRefresh = trpc.addons.forceRefresh.useMutation;
-/** Generated alias around `trpc.addons.restartServer.useMutation`. */
-var useAddonsRestartServer = trpc.addons.restartServer.useMutation;
-/** Generated alias around `trpc.addons.getLastRestart.useQuery`. */
-var useAddonsGetLastRestart = trpc.addons.getLastRestart.useQuery;
-/** Generated alias around `trpc.addons.listFrameworkPackages.useQuery`. */
-var useAddonsListFrameworkPackages = trpc.addons.listFrameworkPackages.useQuery;
-/** Generated alias around `trpc.addons.listCapabilityProviders.useQuery`. */
-var useAddonsListCapabilityProviders = trpc.addons.listCapabilityProviders.useQuery;
-/** Generated alias around `trpc.addons.setCapabilityProviderEnabled.useMutation`. */
-var useAddonsSetCapabilityProviderEnabled = trpc.addons.setCapabilityProviderEnabled.useMutation;
-/** Generated alias around `trpc.addons.getVersions.useQuery`. */
-var useAddonsGetVersions = trpc.addons.getVersions.useQuery;
-/** Generated alias around `trpc.addons.restartAddon.useMutation`. */
-var useAddonsRestartAddon = trpc.addons.restartAddon.useMutation;
-/** Generated alias around `trpc.addons.retryLoad.useMutation`. */
-var useAddonsRetryLoad = trpc.addons.retryLoad.useMutation;
-/** Generated alias around `trpc.addons.getAutoUpdateSettings.useQuery`. */
-var useAddonsGetAutoUpdateSettings = trpc.addons.getAutoUpdateSettings.useQuery;
-/** Generated alias around `trpc.addons.setAutoUpdateSettings.useMutation`. */
-var useAddonsSetAutoUpdateSettings = trpc.addons.setAutoUpdateSettings.useMutation;
-/** Generated alias around `trpc.addons.getAddonAutoUpdate.useQuery`. */
-var useAddonsGetAddonAutoUpdate = trpc.addons.getAddonAutoUpdate.useQuery;
-/** Generated alias around `trpc.addons.setAddonAutoUpdate.useMutation`. */
-var useAddonsSetAddonAutoUpdate = trpc.addons.setAddonAutoUpdate.useMutation;
-/** Generated alias around `trpc.addons.applyAutoUpdateToAll.useMutation`. */
-var useAddonsApplyAutoUpdateToAll = trpc.addons.applyAutoUpdateToAll.useMutation;
-/** Generated alias around `trpc.addons.custom.useMutation`. */
-var useAddonsCustom = trpc.addons.custom.useMutation;
-/** Generated alias around `trpc.addons.startJob.useMutation`. */
-var useAddonsStartJob = trpc.addons.startJob.useMutation;
-/** Generated alias around `trpc.addons.getJob.useQuery`. */
-var useAddonsGetJob = trpc.addons.getJob.useQuery;
-/** Generated alias around `trpc.addons.listJobs.useQuery`. */
-var useAddonsListJobs = trpc.addons.listJobs.useQuery;
-/** Generated alias around `trpc.addons.cancelJob.useMutation`. */
-var useAddonsCancelJob = trpc.addons.cancelJob.useMutation;
-/** Generated alias around `trpc.addons.onAddonLogs.useSubscription`. */
-var useAddonsOnAddonLogs = trpc.addons.onAddonLogs.useSubscription;
-/** Generated alias around `trpc.addonSettings.getGlobalSettings.useQuery`. */
-var useAddonSettingsGetGlobalSettings = trpc.addonSettings.getGlobalSettings.useQuery;
-/** Generated alias around `trpc.addonSettings.updateGlobalSettings.useMutation`. */
-var useAddonSettingsUpdateGlobalSettings = trpc.addonSettings.updateGlobalSettings.useMutation;
-/** Generated alias around `trpc.addonSettings.getIntegrationSettings.useQuery`. */
-var useAddonSettingsGetIntegrationSettings = trpc.addonSettings.getIntegrationSettings.useQuery;
-/** Generated alias around `trpc.addonSettings.getDeviceSettings.useQuery`. */
-var useAddonSettingsGetDeviceSettings = trpc.addonSettings.getDeviceSettings.useQuery;
-/** Generated alias around `trpc.addonSettings.updateDeviceSettings.useMutation`. */
-var useAddonSettingsUpdateDeviceSettings = trpc.addonSettings.updateDeviceSettings.useMutation;
-/** Generated alias around `trpc.addonWidgets.listWidgets.useQuery`. */
-var useAddonWidgetsListWidgets = trpc.addonWidgets.listWidgets.useQuery;
-/** Generated alias around `trpc.airQualitySensor.getStatus.useQuery`. */
-var useAirQualitySensorGetStatus = trpc.airQualitySensor.getStatus.useQuery;
-/** Generated alias around `trpc.alarmPanel.arm.useMutation`. */
-var useAlarmPanelArm = trpc.alarmPanel.arm.useMutation;
-/** Generated alias around `trpc.alarmPanel.disarm.useMutation`. */
-var useAlarmPanelDisarm = trpc.alarmPanel.disarm.useMutation;
-/** Generated alias around `trpc.alarmPanel.trigger.useMutation`. */
-var useAlarmPanelTrigger = trpc.alarmPanel.trigger.useMutation;
-/** Generated alias around `trpc.alarmPanel.getStatus.useQuery`. */
-var useAlarmPanelGetStatus = trpc.alarmPanel.getStatus.useQuery;
-/** Generated alias around `trpc.alerts.emit.useMutation`. */
-var useAlertsEmit = trpc.alerts.emit.useMutation;
-/** Generated alias around `trpc.alerts.update.useMutation`. */
-var useAlertsUpdate = trpc.alerts.update.useMutation;
-/** Generated alias around `trpc.alerts.list.useQuery`. */
-var useAlertsList = trpc.alerts.list.useQuery;
-/** Generated alias around `trpc.alerts.getUnreadCount.useQuery`. */
-var useAlertsGetUnreadCount = trpc.alerts.getUnreadCount.useQuery;
-/** Generated alias around `trpc.alerts.markRead.useMutation`. */
-var useAlertsMarkRead = trpc.alerts.markRead.useMutation;
-/** Generated alias around `trpc.alerts.markAllRead.useMutation`. */
-var useAlertsMarkAllRead = trpc.alerts.markAllRead.useMutation;
-/** Generated alias around `trpc.alerts.dismiss.useMutation`. */
-var useAlertsDismiss = trpc.alerts.dismiss.useMutation;
-/** Generated alias around `trpc.ambientLightSensor.getStatus.useQuery`. */
-var useAmbientLightSensorGetStatus = trpc.ambientLightSensor.getStatus.useQuery;
-/** Generated alias around `trpc.audioAnalysis.resolveDeviceSettings.useQuery`. */
-var useAudioAnalysisResolveDeviceSettings = trpc.audioAnalysis.resolveDeviceSettings.useQuery;
-/** Generated alias around `trpc.audioAnalysis.getDeviceSettingsContribution.useQuery`. */
+var DISPLAY_ICON_REGISTRY = {
+	camera: Camera,
+	network: Network,
+	"toggle-left": ToggleLeft,
+	"toggle-right": ToggleRight,
+	"circle-dot": CircleDot,
+	"refresh-cw": RefreshCw,
+	box: Box,
+	"scroll-text": ScrollText,
+	workflow: Workflow,
+	lock: Lock,
+	"lock-open": LockOpen,
+	blinds: Blinds,
+	"air-vent": AirVent,
+	"monitor-play": MonitorPlay,
+	"sliders-horizontal": SlidersHorizontal,
+	"map-pin": MapPin,
+	bot: Bot,
+	tractor: Tractor,
+	image: Image,
+	bone: Bone,
+	"door-closed": DoorClosed,
+	"door-open": DoorOpen,
+	crosshair: Crosshair,
+	eye: Eye,
+	"eye-off": EyeOff,
+	smartphone: Smartphone,
+	phone: Phone,
+	tablet: Tablet,
+	laptop: Laptop,
+	monitor: Monitor,
+	tv: Tv,
+	speaker: Speaker,
+	printer: Printer,
+	projector: Projector,
+	"gamepad-2": Gamepad2,
+	radio: Radio,
+	router: Router,
+	bluetooth: Bluetooth,
+	cpu: Cpu,
+	"hard-drive": HardDrive,
+	server: Server,
+	mic: Mic,
+	"mic-off": MicOff,
+	video: Video,
+	"video-off": VideoOff,
+	music: Music,
+	plug: Plug,
+	"plug-zap": PlugZap,
+	power: Power,
+	"power-off": PowerOff,
+	cable: Cable,
+	battery: Battery,
+	"battery-charging": BatteryCharging,
+	"battery-full": BatteryFull,
+	"battery-low": BatteryLow,
+	key: Key,
+	"key-round": KeyRound,
+	mailbox: Mailbox,
+	package: Package,
+	shield: Shield,
+	"shield-check": ShieldCheck,
+	"shield-off": ShieldOff,
+	lightbulb: Lightbulb,
+	lamp: Lamp,
+	"lamp-ceiling": LampCeiling,
+	"lamp-desk": LampDesk,
+	"lamp-floor": LampFloor,
+	flashlight: Flashlight,
+	heater: Heater,
+	snowflake: Snowflake,
+	"thermometer-sun": ThermometerSun,
+	"thermometer-snowflake": ThermometerSnowflake,
+	refrigerator: Refrigerator,
+	microwave: Microwave,
+	"washing-machine": WashingMachine,
+	"cooking-pot": CookingPot,
+	utensils: Utensils,
+	thermometer: Thermometer,
+	droplets: Droplets,
+	droplet: Droplet,
+	gauge: Gauge,
+	gauge2: Gauge,
+	sun: Sun,
+	"sun-medium": SunMedium,
+	sunrise: Sunrise,
+	moon: Moon,
+	wind: Wind,
+	cloud: Cloud,
+	"cloud-rain": CloudRain,
+	"cloud-sun": CloudSun,
+	waves: Waves,
+	sprout: Sprout,
+	leaf: Leaf,
+	flower: Flower,
+	zap: Zap,
+	flame: Flame,
+	bell: Bell,
+	"bell-ring": BellRing,
+	"bell-off": BellOff,
+	siren: Siren,
+	radar: Radar,
+	activity: Activity,
+	hash: Hash,
+	clock: Clock,
+	timer: Timer,
+	calendar: Calendar,
+	pipette: Pipette,
+	fan: Fan,
+	bath: Bath,
+	footprints: Footprints,
+	"alarm-smoke": AlarmSmoke,
+	"shield-alert": ShieldAlert,
+	vibrate: Vibrate,
+	wifi: Wifi,
+	"wifi-off": WifiOff,
+	"volume-2": Volume2,
+	"volume-x": VolumeX,
+	heart: Heart,
+	"heart-pulse": HeartPulse,
+	star: Star,
+	sparkles: Sparkles,
+	house: House,
+	sofa: Sofa,
+	"bed-double": BedDouble,
+	bed: Bed,
+	warehouse: Warehouse,
+	trees: Trees,
+	"tree-pine": TreePine,
+	fence: Fence,
+	store: Store,
+	building: Building,
+	"building-2": Building2,
+	mountain: Mountain,
+	umbrella: Umbrella,
+	dumbbell: Dumbbell,
+	wrench: Wrench,
+	hammer: Hammer,
+	drill: Drill,
+	"waves-ladder": WavesLadder,
+	"circle-parking": CircleParking,
+	briefcase: Briefcase,
+	route: Route,
+	car: Car,
+	bike: Bike,
+	bus: Bus,
+	truck: Truck,
+	plane: Plane,
+	"train-front": TrainFront,
+	sailboat: Sailboat,
+	dog: Dog,
+	cat: Cat,
+	bird: Bird,
+	"paw-print": PawPrint,
+	baby: Baby,
+	user: User,
+	users: Users,
+	"person-standing": PersonStanding
+};
+/** Resolve a `display.icon` name to a lucide component, or `undefined` when the
+*  name is not in the curated `DISPLAY_ICON_REGISTRY`. */
+function resolveDisplayIcon(name) {
+	return Object.hasOwn(DISPLAY_ICON_REGISTRY, name) ? DISPLAY_ICON_REGISTRY[name] : void 0;
+}
+/**
+* EXHAUSTIVE device-type filter options — one entry per `DeviceType` member,
+* derived from `DEVICE_TYPE_META` so the set is always complete and a newly
+* added `DeviceType` automatically appears in every type filter (Devices page,
+* adoption modal, …) without touching any consumer.
+*
+* The previous per-consumer logic built options from the types PRESENT in the
+* list (or a hand-maintained subset), so recently-added types (vacuum, lawn
+* mower, valve, humidifier, water heater, weather, image, …) were silently
+* missing from the dropdown. This is the single source of truth instead.
+*
+* `id` is the raw `DeviceType` string (matches the filtering predicate, which
+* compares against `device.type`); `label` + `icon` come from the meta map.
+* Ordered by `DeviceType` declaration order for a stable, intentional layout.
+*/
+var ALL_DEVICE_TYPE_FILTER_OPTIONS = Object.values(_camstack_types.DeviceType).map((type) => {
+	const meta = deviceTypeMetaOf(type);
+	return {
+		id: type,
+		label: meta.label,
+		icon: meta.icon
+	};
+});
+function allDeviceTypeFilterOptions() {
+	return ALL_DEVICE_TYPE_FILTER_OPTIONS;
+}
+//#endregion
+//#region src/composites/icon-picker.tsx
+/**
+* icon-picker — the ONE control for choosing an icon, wherever admin-ui asks.
+*
+* There were two: a device one over `DISPLAY_ICON_REGISTRY` and a room one
+* over `LOCATION_ICON_IDS`, identical apart from the vocabulary they walked.
+* That was tolerable while the device set was 56 glyphs in a flat grid. It is
+* not at 157: a picker that only lets the operator HUNT is a picker they stop
+* using, and the two copies were already drifting — only one of them had an
+* i18n'd label.
+*
+* So the vocabulary, the grouping and the search all come from
+* `@camstack/types`' `display-icon-vocabulary`, which is the same module the
+* viewer's sheet searches. What is left here is the web half: a popover, a
+* grid, and a text field.
+*
+* ## What it does NOT own
+*
+* - **The glyphs.** `resolveGlyph` is a prop, because this package's table is
+*   `lucide-react` and the viewer's is `lucide-react-native`. A key this build
+*   cannot draw is SKIPPED rather than rendered as a hole — an empty tile
+*   reads as a rendering bug, not as a missing choice.
+* - **The words.** Every string is a prop. This package has no i18n (one file
+*   in it imports react-i18next, and that is the exception), and a control
+*   that reached for a translation would force it on every consumer.
+* - **The write.** `onPick` is called and that is all; whether it is a form
+*   value or an immediate mutation is the caller's business, as it already was
+*   in both pickers this replaces.
+*
+* ## The clear tile is never filtered away
+*
+* The "inherit" / "no icon" choice sits above the sections and ignores the
+* search. A query that hid it would strand the operator on a glyph they picked
+* by accident with no way back to the default — the one action a picker must
+* always offer.
+*/
+function IconPicker({ value, onPick, resolveGlyph, fallbackGlyph, labels, only, extraWords, clearGlyph, labelFor, disabled = false }) {
+	const [open, setOpen] = (0, react$1.useState)(false);
+	const [query, setQuery] = (0, react$1.useState)("");
+	const allowed = (0, react$1.useMemo)(() => only === void 0 ? null : new Set(only), [only]);
+	const sections = (0, react$1.useMemo)(() => {
+		const hits = (0, _camstack_types.searchDisplayIcons)(query, extraWords);
+		const byGroup = /* @__PURE__ */ new Map();
+		for (const hit of hits) {
+			const { key, group } = hit.entry;
+			if (allowed !== null && !allowed.has(key)) continue;
+			if (resolveGlyph(key) === void 0) continue;
+			const bucket = byGroup.get(group);
+			if (bucket === void 0) byGroup.set(group, [key]);
+			else bucket.push(key);
+		}
+		return _camstack_types.DISPLAY_ICON_GROUPS.flatMap((group) => {
+			const keys = byGroup.get(group);
+			return keys === void 0 || keys.length === 0 ? [] : [{
+				group,
+				keys
+			}];
+		});
+	}, [
+		query,
+		extraWords,
+		allowed,
+		resolveGlyph
+	]);
+	const Current = (value === null ? void 0 : resolveGlyph(value)) ?? fallbackGlyph;
+	const choose = async (next) => {
+		setOpen(false);
+		setQuery("");
+		await onPick(next);
+	};
+	const Clear = clearGlyph ?? fallbackGlyph;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "relative flex shrink-0 items-center gap-2",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			type: "button",
+			disabled,
+			onClick: () => setOpen((o) => !o),
+			"aria-expanded": open,
+			"aria-label": labels.trigger,
+			title: labels.trigger,
+			className: "rounded border border-border p-1 text-foreground-muted hover:bg-surface-hover disabled:opacity-50",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Current, { className: "h-4 w-4" })
+		}), open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			type: "button",
+			"aria-label": labels.close,
+			onClick: () => setOpen(false),
+			className: "fixed inset-0 z-10 cursor-default"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			role: "group",
+			"aria-label": labels.panel,
+			className: "absolute left-0 top-full z-20 mt-1 max-h-80 w-72 overflow-y-auto rounded-md border border-border bg-surface p-2 shadow-lg",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					type: "search",
+					value: query,
+					autoFocus: true,
+					onChange: (e) => setQuery(e.target.value),
+					placeholder: labels.searchPlaceholder,
+					"aria-label": labels.searchPlaceholder,
+					className: "mb-2 w-full rounded border border-border bg-surface-raised px-2 py-1 text-xs text-foreground placeholder:text-foreground-subtle"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					onClick: () => void choose(null),
+					"aria-pressed": value === null,
+					className: "mb-2 flex w-full items-center gap-1.5 rounded px-1.5 py-1 text-[11px] text-foreground-subtle hover:bg-surface-hover",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Clear, { className: "h-3.5 w-3.5" }), labels.clear]
+				}),
+				sections.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "px-1.5 py-2 text-[11px] text-foreground-subtle",
+					children: labels.noMatches
+				}) : sections.map(({ group, keys }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+					className: "mb-2 last:mb-0",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", {
+						className: "px-1.5 pb-1 text-[10px] uppercase tracking-wide text-foreground-subtle",
+						children: labels.groups[group]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "grid grid-cols-7 gap-1",
+						children: keys.map((key) => {
+							const Glyph = resolveGlyph(key);
+							if (Glyph === void 0) return null;
+							const selected = value === key;
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								onClick: () => void choose(key),
+								"aria-pressed": selected,
+								"aria-label": labelFor?.(key) ?? key,
+								title: labelFor?.(key) ?? key,
+								className: selected ? "flex items-center justify-center rounded border border-primary bg-primary/10 p-1.5 text-foreground" : "flex items-center justify-center rounded border border-transparent p-1.5 text-foreground-muted hover:bg-surface-hover",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Glyph, { className: "h-4 w-4" })
+							}, key);
+						})
+					})]
+				}, group))
+			]
+		})] })]
+	});
+}
+//#endregion
+//#region src/composites/config-icon-field.tsx
+/**
+* The control behind a `type: 'icon'` settings field (D780).
+*
+* The shared `<IconPicker>` over the display-icon vocabulary, with the device
+* glyph table — the same control and the same keys the device and room
+* pickers use. An icon field always draws something, so clearing is "back to
+* the field's default", and a stored value the vocabulary does not know (a
+* free-text lucide name from before D780) is drawn as that default.
+*/
+function labelsFor(label) {
+	return {
+		trigger: `Choose an icon for ${label}`,
+		panel: `${label} icon`,
+		close: "Close",
+		searchPlaceholder: "Search icons",
+		clear: "Default icon",
+		noMatches: "No icon matches",
+		groups: {
+			device: "Devices",
+			lighting: "Lighting",
+			sensing: "Sensing",
+			place: "Places",
+			life: "Life"
+		}
+	};
+}
+function ConfigIconFieldControl({ label, value, defaultKey, disabled, onChange }) {
+	const key = (0, _camstack_types.resolveDisplayIconKey)(value, defaultKey);
+	const DefaultGlyph = resolveDisplayIcon(defaultKey) ?? ShieldCheck;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconPicker, {
+			value: key === "" ? null : key,
+			onPick: (next) => onChange(next ?? defaultKey),
+			resolveGlyph: resolveDisplayIcon,
+			fallbackGlyph: DefaultGlyph,
+			labels: labelsFor(label),
+			disabled
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "text-[11px] text-foreground-subtle font-mono",
+			children: key
+		})]
+	});
+}
+//#endregion
+//#region src/composites/config-secret-field.tsx
+/**
+* A keychain-stored secret in a settings form (D787, D789).
+*
+* The form never holds the value. It receives the field's VIEW —
+* `{ $secret, v, set: true }` when something is stored, `null` when nothing
+* is — and sends back exactly one of three things:
+*
+*  - the view, unchanged ........ KEEP (also what an untouched form saves);
+*  - a non-empty typed string ... CHANGE (the owner stores it in the keychain);
+*  - `{ $secretClear: true }` ... CLEAR (the only thing that removes it).
+*
+* `''` is never sent for "remove": the save path reads it as KEEP, because an
+* empty string is what a defaults fallback writes back.
+*
+* Reveal shows the stored value for a few seconds, through the host's audited
+* `keychain-admin.reveal` (provided with {@link SecretRevealProvider}); a host
+* that provides none has no Reveal button.
+*/
+/** How long a revealed value stays on screen. */
+var SECRET_REVEAL_MS = 1e4;
+var SecretRevealContext = createSharedContext("camstack:secret-reveal", null);
+function SecretRevealProvider({ reveal, children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SecretRevealContext.Provider, {
+		value: reveal,
+		children
+	});
+}
+/** Does this value belong to the keychain rendering (a view, or "not set")? */
+function isKeychainFieldValue(value) {
+	return value === null || (0, _camstack_types.isSecretFieldView)(value) || (0, _camstack_types.isSecretClear)(value);
+}
+var BUTTON$1 = "inline-flex items-center gap-1 rounded border border-border bg-surface px-2 py-0.5 text-[11px] font-medium text-foreground hover:border-primary/40 hover:bg-primary/5 disabled:opacity-40 disabled:cursor-not-allowed";
+var INPUT = "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";
+function SecretFieldControl({ field, value, onChange, disabled, multiline }) {
+	const reveal = (0, react$1.useContext)(SecretRevealContext);
+	const [original] = (0, react$1.useState)(() => (0, _camstack_types.isSecretFieldView)(value) ? value : null);
+	const [mode, setMode] = (0, react$1.useState)(() => typeof value === "string" && value.length > 0 ? {
+		kind: "editing",
+		text: value
+	} : (0, _camstack_types.isSecretClear)(value) ? { kind: "clearing" } : { kind: "idle" });
+	const [shown, setShown] = (0, react$1.useState)(null);
+	const [revealError, setRevealError] = (0, react$1.useState)(null);
+	const [showTyped, setShowTyped] = (0, react$1.useState)(false);
+	(0, react$1.useEffect)(() => {
+		if (shown === null) return;
+		const timer = setTimeout(() => setShown(null), SECRET_REVEAL_MS);
+		return () => clearTimeout(timer);
+	}, [shown]);
+	const isSet = original !== null;
+	const ref = original?.$secret ?? null;
+	const keep = () => {
+		setMode({ kind: "idle" });
+		onChange(original);
+	};
+	const label = "label" in field ? field.label : "";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "space-y-1",
+		"data-secret-field": "key" in field ? field.key : void 0,
+		children: [
+			mode.kind === "editing" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-start gap-1.5",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "relative flex-1",
+					children: [multiline ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+						className: `${INPUT} min-h-[60px] font-mono`,
+						"aria-label": label,
+						value: mode.text,
+						autoComplete: "off",
+						spellCheck: false,
+						disabled,
+						onChange: (e) => {
+							setMode({
+								kind: "editing",
+								text: e.target.value
+							});
+							onChange(e.target.value.length > 0 ? e.target.value : original);
+						}
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						type: showTyped ? "text" : "password",
+						className: `${INPUT} pr-8`,
+						"aria-label": label,
+						value: mode.text,
+						autoComplete: "new-password",
+						spellCheck: false,
+						disabled,
+						autoFocus: true,
+						onChange: (e) => {
+							setMode({
+								kind: "editing",
+								text: e.target.value
+							});
+							onChange(e.target.value.length > 0 ? e.target.value : original);
+						}
+					}), !multiline && /* @__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": showTyped ? "Hide" : "Show",
+						onClick: () => setShowTyped((s) => !s),
+						children: showTyped ? /* @__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" })
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: BUTTON$1,
+					onClick: keep,
+					disabled,
+					children: "Cancel"
+				})]
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-wrap items-center gap-1.5",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: `inline-flex items-center gap-1 rounded-md border px-2 py-1 text-xs ${mode.kind === "clearing" ? "border-danger/40 text-danger" : isSet ? "border-border text-foreground" : "border-dashed border-border text-foreground-subtle"}`,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(KeyRound, { className: "h-3 w-3" }), mode.kind === "clearing" ? "will be removed on save" : shown !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
+						className: "font-mono break-all",
+						children: shown
+					}) : isSet ? "●●●●●● set" : "not set"]
+				}), mode.kind === "clearing" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: BUTTON$1,
+					onClick: keep,
+					disabled,
+					children: "Undo"
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: BUTTON$1,
+						disabled,
+						onClick: () => setMode({
+							kind: "editing",
+							text: ""
+						}),
+						children: isSet ? "Change" : "Set"
+					}),
+					isSet && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: BUTTON$1,
+						disabled,
+						onClick: () => {
+							setShown(null);
+							setMode({ kind: "clearing" });
+							onChange(_camstack_types.SECRET_CLEAR);
+						},
+						children: "Clear"
+					}),
+					isSet && ref !== null && reveal !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: BUTTON$1,
+						disabled,
+						onClick: () => {
+							if (shown !== null) {
+								setShown(null);
+								return;
+							}
+							setRevealError(null);
+							reveal(ref).then(setShown, (err) => setRevealError(err instanceof Error ? err.message : String(err)));
+						},
+						children: shown !== null ? "Hide" : "Reveal"
+					})
+				] })]
+			}),
+			original?.inline === true && mode.kind === "idle" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-[10px] text-foreground-subtle",
+				children: "Stored before the keychain; it moves there the next time it is changed."
+			}),
+			revealError !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-[10px] text-danger",
+				children: revealError
+			})
+		]
+	});
+}
+//#endregion
+//#region src/generated/system-hooks.ts
+/**
+* Per-method React-Query hooks for every `scope: 'system'` capability.
+*
+* Each hook is a thin pass-through to `trpc.<cap>.<method>.useQuery` /
+* `.useMutation` / `.useSubscription` so the typed inference + RQ
+* cache/dedup keep working — the generator only contributes a consistent
+* name and stable export surface so admin-ui pages can write
+* `useAddonsList()` instead of `trpc.addons.list.useQuery()`.
+*
+* Push-subscription methods (`kind: 'subscription'`) emit a typeof
+* alias over `useSubscription`, so the call shape is
+* `useToastOnToast(input, { onData: cb })` — same as the underlying
+* tRPC hook. The eventBus-backed `useLiveEvent` (see
+* `../hooks/use-live-event.ts`) covers events that don't ride a tRPC
+* subscription; the two surfaces coexist by design.
+*/
+/** Generated alias around `trpc.accessories.setChildHidden.useMutation`. */
+var useAccessoriesSetChildHidden = trpc.accessories.setChildHidden.useMutation;
+/** Generated alias around `trpc.accessories.getStatus.useQuery`. */
+var useAccessoriesGetStatus = trpc.accessories.getStatus.useQuery;
+/** Generated alias around `trpc.addonPages.listPages.useQuery`. */
+var useAddonPagesListPages = trpc.addonPages.listPages.useQuery;
+/** Generated alias around `trpc.addons.list.useQuery`. */
+var useAddonsList = trpc.addons.list.useQuery;
+/** Generated alias around `trpc.addons.getLogs.useQuery`. */
+var useAddonsGetLogs = trpc.addons.getLogs.useQuery;
+/** Generated alias around `trpc.addons.listPackages.useQuery`. */
+var useAddonsListPackages = trpc.addons.listPackages.useQuery;
+/** Generated alias around `trpc.addons.installPackage.useMutation`. */
+var useAddonsInstallPackage = trpc.addons.installPackage.useMutation;
+/** Generated alias around `trpc.addons.installFromWorkspace.useMutation`. */
+var useAddonsInstallFromWorkspace = trpc.addons.installFromWorkspace.useMutation;
+/** Generated alias around `trpc.addons.isWorkspaceAvailable.useQuery`. */
+var useAddonsIsWorkspaceAvailable = trpc.addons.isWorkspaceAvailable.useQuery;
+/** Generated alias around `trpc.addons.listWorkspacePackages.useQuery`. */
+var useAddonsListWorkspacePackages = trpc.addons.listWorkspacePackages.useQuery;
+/** Generated alias around `trpc.addons.uninstallPackage.useMutation`. */
+var useAddonsUninstallPackage = trpc.addons.uninstallPackage.useMutation;
+/** Generated alias around `trpc.addons.listInstallations.useQuery`. */
+var useAddonsListInstallations = trpc.addons.listInstallations.useQuery;
+/** Generated alias around `trpc.addons.reloadPackages.useMutation`. */
+var useAddonsReloadPackages = trpc.addons.reloadPackages.useMutation;
+/** Generated alias around `trpc.addons.searchAvailable.useQuery`. */
+var useAddonsSearchAvailable = trpc.addons.searchAvailable.useQuery;
+/** Generated alias around `trpc.addons.listUpdates.useQuery`. */
+var useAddonsListUpdates = trpc.addons.listUpdates.useQuery;
+/** Generated alias around `trpc.addons.updatePackage.useMutation`. */
+var useAddonsUpdatePackage = trpc.addons.updatePackage.useMutation;
+/** Generated alias around `trpc.addons.rollbackPackage.useMutation`. */
+var useAddonsRollbackPackage = trpc.addons.rollbackPackage.useMutation;
+/** Generated alias around `trpc.addons.forceRefresh.useMutation`. */
+var useAddonsForceRefresh = trpc.addons.forceRefresh.useMutation;
+/** Generated alias around `trpc.addons.restartServer.useMutation`. */
+var useAddonsRestartServer = trpc.addons.restartServer.useMutation;
+/** Generated alias around `trpc.addons.getLastRestart.useQuery`. */
+var useAddonsGetLastRestart = trpc.addons.getLastRestart.useQuery;
+/** Generated alias around `trpc.addons.listFrameworkPackages.useQuery`. */
+var useAddonsListFrameworkPackages = trpc.addons.listFrameworkPackages.useQuery;
+/** Generated alias around `trpc.addons.listCapabilityProviders.useQuery`. */
+var useAddonsListCapabilityProviders = trpc.addons.listCapabilityProviders.useQuery;
+/** Generated alias around `trpc.addons.setCapabilityProviderEnabled.useMutation`. */
+var useAddonsSetCapabilityProviderEnabled = trpc.addons.setCapabilityProviderEnabled.useMutation;
+/** Generated alias around `trpc.addons.getVersions.useQuery`. */
+var useAddonsGetVersions = trpc.addons.getVersions.useQuery;
+/** Generated alias around `trpc.addons.restartAddon.useMutation`. */
+var useAddonsRestartAddon = trpc.addons.restartAddon.useMutation;
+/** Generated alias around `trpc.addons.retryLoad.useMutation`. */
+var useAddonsRetryLoad = trpc.addons.retryLoad.useMutation;
+/** Generated alias around `trpc.addons.getAutoUpdateSettings.useQuery`. */
+var useAddonsGetAutoUpdateSettings = trpc.addons.getAutoUpdateSettings.useQuery;
+/** Generated alias around `trpc.addons.setAutoUpdateSettings.useMutation`. */
+var useAddonsSetAutoUpdateSettings = trpc.addons.setAutoUpdateSettings.useMutation;
+/** Generated alias around `trpc.addons.getAddonAutoUpdate.useQuery`. */
+var useAddonsGetAddonAutoUpdate = trpc.addons.getAddonAutoUpdate.useQuery;
+/** Generated alias around `trpc.addons.setAddonAutoUpdate.useMutation`. */
+var useAddonsSetAddonAutoUpdate = trpc.addons.setAddonAutoUpdate.useMutation;
+/** Generated alias around `trpc.addons.applyAutoUpdateToAll.useMutation`. */
+var useAddonsApplyAutoUpdateToAll = trpc.addons.applyAutoUpdateToAll.useMutation;
+/** Generated alias around `trpc.addons.custom.useMutation`. */
+var useAddonsCustom = trpc.addons.custom.useMutation;
+/** Generated alias around `trpc.addons.startJob.useMutation`. */
+var useAddonsStartJob = trpc.addons.startJob.useMutation;
+/** Generated alias around `trpc.addons.getJob.useQuery`. */
+var useAddonsGetJob = trpc.addons.getJob.useQuery;
+/** Generated alias around `trpc.addons.listJobs.useQuery`. */
+var useAddonsListJobs = trpc.addons.listJobs.useQuery;
+/** Generated alias around `trpc.addons.cancelJob.useMutation`. */
+var useAddonsCancelJob = trpc.addons.cancelJob.useMutation;
+/** Generated alias around `trpc.addons.onAddonLogs.useSubscription`. */
+var useAddonsOnAddonLogs = trpc.addons.onAddonLogs.useSubscription;
+/** Generated alias around `trpc.addonSettings.getGlobalSettings.useQuery`. */
+var useAddonSettingsGetGlobalSettings = trpc.addonSettings.getGlobalSettings.useQuery;
+/** Generated alias around `trpc.addonSettings.updateGlobalSettings.useMutation`. */
+var useAddonSettingsUpdateGlobalSettings = trpc.addonSettings.updateGlobalSettings.useMutation;
+/** Generated alias around `trpc.addonSettings.getIntegrationSettings.useQuery`. */
+var useAddonSettingsGetIntegrationSettings = trpc.addonSettings.getIntegrationSettings.useQuery;
+/** Generated alias around `trpc.addonSettings.getDeviceSettings.useQuery`. */
+var useAddonSettingsGetDeviceSettings = trpc.addonSettings.getDeviceSettings.useQuery;
+/** Generated alias around `trpc.addonSettings.updateDeviceSettings.useMutation`. */
+var useAddonSettingsUpdateDeviceSettings = trpc.addonSettings.updateDeviceSettings.useMutation;
+/** Generated alias around `trpc.addonWidgets.listWidgets.useQuery`. */
+var useAddonWidgetsListWidgets = trpc.addonWidgets.listWidgets.useQuery;
+/** Generated alias around `trpc.airQualitySensor.getStatus.useQuery`. */
+var useAirQualitySensorGetStatus = trpc.airQualitySensor.getStatus.useQuery;
+/** Generated alias around `trpc.alarmPanel.arm.useMutation`. */
+var useAlarmPanelArm = trpc.alarmPanel.arm.useMutation;
+/** Generated alias around `trpc.alarmPanel.disarm.useMutation`. */
+var useAlarmPanelDisarm = trpc.alarmPanel.disarm.useMutation;
+/** Generated alias around `trpc.alarmPanel.trigger.useMutation`. */
+var useAlarmPanelTrigger = trpc.alarmPanel.trigger.useMutation;
+/** Generated alias around `trpc.alarmPanel.getStatus.useQuery`. */
+var useAlarmPanelGetStatus = trpc.alarmPanel.getStatus.useQuery;
+/** Generated alias around `trpc.alerts.emit.useMutation`. */
+var useAlertsEmit = trpc.alerts.emit.useMutation;
+/** Generated alias around `trpc.alerts.update.useMutation`. */
+var useAlertsUpdate = trpc.alerts.update.useMutation;
+/** Generated alias around `trpc.alerts.list.useQuery`. */
+var useAlertsList = trpc.alerts.list.useQuery;
+/** Generated alias around `trpc.alerts.getUnreadCount.useQuery`. */
+var useAlertsGetUnreadCount = trpc.alerts.getUnreadCount.useQuery;
+/** Generated alias around `trpc.alerts.markRead.useMutation`. */
+var useAlertsMarkRead = trpc.alerts.markRead.useMutation;
+/** Generated alias around `trpc.alerts.markAllRead.useMutation`. */
+var useAlertsMarkAllRead = trpc.alerts.markAllRead.useMutation;
+/** Generated alias around `trpc.alerts.dismiss.useMutation`. */
+var useAlertsDismiss = trpc.alerts.dismiss.useMutation;
+/** Generated alias around `trpc.ambientLightSensor.getStatus.useQuery`. */
+var useAmbientLightSensorGetStatus = trpc.ambientLightSensor.getStatus.useQuery;
+/** Generated alias around `trpc.audioAnalysis.resolveDeviceSettings.useQuery`. */
+var useAudioAnalysisResolveDeviceSettings = trpc.audioAnalysis.resolveDeviceSettings.useQuery;
+/** Generated alias around `trpc.audioAnalysis.getDeviceSettingsContribution.useQuery`. */
 var useAudioAnalysisGetDeviceSettingsContribution = trpc.audioAnalysis.getDeviceSettingsContribution.useQuery;
 /** Generated alias around `trpc.audioAnalysis.getDeviceLiveContribution.useQuery`. */
 var useAudioAnalysisGetDeviceLiveContribution = trpc.audioAnalysis.getDeviceLiveContribution.useQuery;
@@ -7267,6 +8210,24 @@ var useIntercomPushTalkAudio = trpc.intercom.pushTalkAudio.useMutation;
 var useIntercomEndTalkSession = trpc.intercom.endTalkSession.useMutation;
 /** Generated alias around `trpc.intercom.getStatus.useQuery`. */
 var useIntercomGetStatus = trpc.intercom.getStatus.useQuery;
+/** Generated alias around `trpc.keychainAdmin.status.useQuery`. */
+var useKeychainAdminStatus = trpc.keychainAdmin.status.useQuery;
+/** Generated alias around `trpc.keychainAdmin.listSecrets.useQuery`. */
+var useKeychainAdminListSecrets = trpc.keychainAdmin.listSecrets.useQuery;
+/** Generated alias around `trpc.keychainAdmin.listAudit.useQuery`. */
+var useKeychainAdminListAudit = trpc.keychainAdmin.listAudit.useQuery;
+/** Generated alias around `trpc.keychainAdmin.reveal.useMutation`. */
+var useKeychainAdminReveal = trpc.keychainAdmin.reveal.useMutation;
+/** Generated alias around `trpc.keychainAdmin.deleteOrphans.useMutation`. */
+var useKeychainAdminDeleteOrphans = trpc.keychainAdmin.deleteOrphans.useMutation;
+/** Generated alias around `trpc.keychainAdmin.rotateMasterKey.useMutation`. */
+var useKeychainAdminRotateMasterKey = trpc.keychainAdmin.rotateMasterKey.useMutation;
+/** Generated alias around `trpc.keychainAdmin.purgeRetiredKeys.useMutation`. */
+var useKeychainAdminPurgeRetiredKeys = trpc.keychainAdmin.purgeRetiredKeys.useMutation;
+/** Generated alias around `trpc.keychainAdmin.downloadRecoveryKey.useMutation`. */
+var useKeychainAdminDownloadRecoveryKey = trpc.keychainAdmin.downloadRecoveryKey.useMutation;
+/** Generated alias around `trpc.keychainAdmin.resetKeychain.useMutation`. */
+var useKeychainAdminResetKeychain = trpc.keychainAdmin.resetKeychain.useMutation;
 /** Generated alias around `trpc.lawnMowerControl.startMowing.useMutation`. */
 var useLawnMowerControlStartMowing = trpc.lawnMowerControl.startMowing.useMutation;
 /** Generated alias around `trpc.lawnMowerControl.pause.useMutation`. */
@@ -7803,6 +8764,30 @@ var usePipelineAnalyticsCompleteRetrainTrack = trpc.pipelineAnalytics.completeRe
 var usePipelineAnalyticsRestageRetrainTrack = trpc.pipelineAnalytics.restageRetrainTrack.useMutation;
 /** Generated alias around `trpc.pipelineAnalytics.getRetrainExportUrl.useQuery`. */
 var usePipelineAnalyticsGetRetrainExportUrl = trpc.pipelineAnalytics.getRetrainExportUrl.useQuery;
+/** Generated alias around `trpc.pipelineAnalytics.setRetrainFrameComplete.useMutation`. */
+var usePipelineAnalyticsSetRetrainFrameComplete = trpc.pipelineAnalytics.setRetrainFrameComplete.useMutation;
+/** Generated alias around `trpc.pipelineAnalytics.writeRetrainArchive.useMutation`. */
+var usePipelineAnalyticsWriteRetrainArchive = trpc.pipelineAnalytics.writeRetrainArchive.useMutation;
+/** Generated alias around `trpc.pipelineAnalytics.listRetrainAssistProfiles.useQuery`. */
+var usePipelineAnalyticsListRetrainAssistProfiles = trpc.pipelineAnalytics.listRetrainAssistProfiles.useQuery;
+/** Generated alias around `trpc.pipelineAnalytics.proposeRetrainAnnotationsWithLlm.useMutation`. */
+var usePipelineAnalyticsProposeRetrainAnnotationsWithLlm = trpc.pipelineAnalytics.proposeRetrainAnnotationsWithLlm.useMutation;
+/** Generated alias around `trpc.pipelineAnalytics.createRetrainCollection.useMutation`. */
+var usePipelineAnalyticsCreateRetrainCollection = trpc.pipelineAnalytics.createRetrainCollection.useMutation;
+/** Generated alias around `trpc.pipelineAnalytics.listRetrainCollections.useQuery`. */
+var usePipelineAnalyticsListRetrainCollections = trpc.pipelineAnalytics.listRetrainCollections.useQuery;
+/** Generated alias around `trpc.pipelineAnalytics.renameRetrainCollection.useMutation`. */
+var usePipelineAnalyticsRenameRetrainCollection = trpc.pipelineAnalytics.renameRetrainCollection.useMutation;
+/** Generated alias around `trpc.pipelineAnalytics.deleteRetrainCollection.useMutation`. */
+var usePipelineAnalyticsDeleteRetrainCollection = trpc.pipelineAnalytics.deleteRetrainCollection.useMutation;
+/** Generated alias around `trpc.pipelineAnalytics.addRetrainFrameFromRecording.useMutation`. */
+var usePipelineAnalyticsAddRetrainFrameFromRecording = trpc.pipelineAnalytics.addRetrainFrameFromRecording.useMutation;
+/** Generated alias around `trpc.pipelineAnalytics.addRetrainFramesToCollection.useMutation`. */
+var usePipelineAnalyticsAddRetrainFramesToCollection = trpc.pipelineAnalytics.addRetrainFramesToCollection.useMutation;
+/** Generated alias around `trpc.pipelineAnalytics.removeRetrainFrameFromCollection.useMutation`. */
+var usePipelineAnalyticsRemoveRetrainFrameFromCollection = trpc.pipelineAnalytics.removeRetrainFrameFromCollection.useMutation;
+/** Generated alias around `trpc.pipelineAnalytics.listRetrainCollectionFrames.useQuery`. */
+var usePipelineAnalyticsListRetrainCollectionFrames = trpc.pipelineAnalytics.listRetrainCollectionFrames.useQuery;
 /** Generated alias around `trpc.pipelineAnalytics.getEventMedia.useQuery`. */
 var usePipelineAnalyticsGetEventMedia = trpc.pipelineAnalytics.getEventMedia.useQuery;
 /** Generated alias around `trpc.pipelineAnalytics.getTrackMedia.useQuery`. */
@@ -7975,6 +8960,20 @@ var usePipelineOrchestratorSuggestShares = trpc.pipelineOrchestrator.suggestShar
 var usePipelineOrchestratorGetEffectiveShares = trpc.pipelineOrchestrator.getEffectiveShares.useQuery;
 /** Generated alias around `trpc.pipelineOrchestrator.setShareSource.useMutation`. */
 var usePipelineOrchestratorSetShareSource = trpc.pipelineOrchestrator.setShareSource.useMutation;
+/** Generated alias around `trpc.pipelineOrchestrator.getNodeBenchmarkPreflight.useQuery`. */
+var usePipelineOrchestratorGetNodeBenchmarkPreflight = trpc.pipelineOrchestrator.getNodeBenchmarkPreflight.useQuery;
+/** Generated alias around `trpc.pipelineOrchestrator.startNodeBenchmark.useMutation`. */
+var usePipelineOrchestratorStartNodeBenchmark = trpc.pipelineOrchestrator.startNodeBenchmark.useMutation;
+/** Generated alias around `trpc.pipelineOrchestrator.getNodeBenchmarkStatus.useQuery`. */
+var usePipelineOrchestratorGetNodeBenchmarkStatus = trpc.pipelineOrchestrator.getNodeBenchmarkStatus.useQuery;
+/** Generated alias around `trpc.pipelineOrchestrator.abortNodeBenchmark.useMutation`. */
+var usePipelineOrchestratorAbortNodeBenchmark = trpc.pipelineOrchestrator.abortNodeBenchmark.useMutation;
+/** Generated alias around `trpc.pipelineOrchestrator.getNodeBenchmarkCandidates.useQuery`. */
+var usePipelineOrchestratorGetNodeBenchmarkCandidates = trpc.pipelineOrchestrator.getNodeBenchmarkCandidates.useQuery;
+/** Generated alias around `trpc.pipelineOrchestrator.listNodeBenchmarkResults.useQuery`. */
+var usePipelineOrchestratorListNodeBenchmarkResults = trpc.pipelineOrchestrator.listNodeBenchmarkResults.useQuery;
+/** Generated alias around `trpc.pipelineOrchestrator.deleteNodeBenchmarkResult.useMutation`. */
+var usePipelineOrchestratorDeleteNodeBenchmarkResult = trpc.pipelineOrchestrator.deleteNodeBenchmarkResult.useMutation;
 /** Generated alias around `trpc.pipelineOrchestrator.getCameraSettings.useQuery`. */
 var usePipelineOrchestratorGetCameraSettings = trpc.pipelineOrchestrator.getCameraSettings.useQuery;
 /** Generated alias around `trpc.pipelineOrchestrator.setCameraStepToggle.useMutation`. */
@@ -8039,6 +9038,12 @@ var usePipelineRunnerParkTrackFrame = trpc.pipelineRunner.parkTrackFrame.useMuta
 var usePipelineRunnerGetParkedTrackFrame = trpc.pipelineRunner.getParkedTrackFrame.useQuery;
 /** Generated alias around `trpc.pipelineRunner.releaseParkedTrackFrames.useMutation`. */
 var usePipelineRunnerReleaseParkedTrackFrames = trpc.pipelineRunner.releaseParkedTrackFrames.useMutation;
+/** Generated alias around `trpc.pipelineRunner.startNodeBench.useMutation`. */
+var usePipelineRunnerStartNodeBench = trpc.pipelineRunner.startNodeBench.useMutation;
+/** Generated alias around `trpc.pipelineRunner.getNodeBenchStatus.useQuery`. */
+var usePipelineRunnerGetNodeBenchStatus = trpc.pipelineRunner.getNodeBenchStatus.useQuery;
+/** Generated alias around `trpc.pipelineRunner.abortNodeBench.useMutation`. */
+var usePipelineRunnerAbortNodeBench = trpc.pipelineRunner.abortNodeBench.useMutation;
 /** Generated alias around `trpc.plateGallery.listPlates.useQuery`. */
 var usePlateGalleryListPlates = trpc.plateGallery.listPlates.useQuery;
 /** Generated alias around `trpc.plateGallery.getPlateByTrack.useQuery`. */
@@ -8591,6 +9596,14 @@ var useUserManagementOauthExchangeCode = trpc.userManagement.oauthExchangeCode.u
 var useUserManagementOauthRefresh = trpc.userManagement.oauthRefresh.useMutation;
 /** Generated alias around `trpc.userManagement.oauthVerifyAccessToken.useQuery`. */
 var useUserManagementOauthVerifyAccessToken = trpc.userManagement.oauthVerifyAccessToken.useQuery;
+/** Generated alias around `trpc.userManagement.listExternalIdentities.useQuery`. */
+var useUserManagementListExternalIdentities = trpc.userManagement.listExternalIdentities.useQuery;
+/** Generated alias around `trpc.userManagement.findUserByExternalIdentity.useQuery`. */
+var useUserManagementFindUserByExternalIdentity = trpc.userManagement.findUserByExternalIdentity.useQuery;
+/** Generated alias around `trpc.userManagement.linkExternalIdentity.useMutation`. */
+var useUserManagementLinkExternalIdentity = trpc.userManagement.linkExternalIdentity.useMutation;
+/** Generated alias around `trpc.userManagement.unlinkExternalIdentity.useMutation`. */
+var useUserManagementUnlinkExternalIdentity = trpc.userManagement.unlinkExternalIdentity.useMutation;
 /** Generated alias around `trpc.userManagement.listOauthSessions.useQuery`. */
 var useUserManagementListOauthSessions = trpc.userManagement.listOauthSessions.useQuery;
 /** Generated alias around `trpc.userManagement.revokeOauthSession.useMutation`. */
@@ -20876,7 +21889,7 @@ function formatDurationMs(ms) {
 * firmware inventing a refusal reaches the operator rather than becoming a
 * blank tile.
 */
-var REFUSAL_TEXT = {
+var REFUSAL_TEXT$1 = {
 	sleeping: () => "The camera is asleep — a still would cost a wake",
 	"camera-refused": (reason) => `The camera refused — ${reason}`,
 	"no-keyframe": () => "No decodable frame inside this window",
@@ -20888,7 +21901,7 @@ var REFUSAL_TEXT = {
 	"uid-missing": () => "The camera’s id is not known yet"
 };
 function wordsFor(code, reason) {
-	const known = code === void 0 ? void 0 : REFUSAL_TEXT[code];
+	const known = code === void 0 ? void 0 : REFUSAL_TEXT$1[code];
 	return known === void 0 ? reason : known(reason);
 }
 function refusal(reason, code) {
@@ -24471,6 +25484,426 @@ function useScrubController(sink, isPlayerLive = () => false) {
 	};
 }
 //#endregion
+//#region src/primitives/dialog.tsx
+var DialogContext = (0, react$1.createContext)(null);
+function useDialogContext() {
+	const ctx = (0, react$1.useContext)(DialogContext);
+	if (!ctx) throw new Error("Dialog compound components must be used within <Dialog>");
+	return ctx;
+}
+function Dialog({ children, open: controlledOpen, onOpenChange }) {
+	const [uncontrolledOpen, setUncontrolledOpen] = (0, react$1.useState)(false);
+	const open = controlledOpen ?? uncontrolledOpen;
+	const contentId = (0, react$1.useId)();
+	const setOpen = (0, react$1.useCallback)((next) => {
+		onOpenChange?.(next);
+		if (controlledOpen === void 0) setUncontrolledOpen(next);
+	}, [controlledOpen, onOpenChange]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogContext.Provider, {
+		value: {
+			open,
+			setOpen,
+			contentId
+		},
+		children
+	});
+}
+function DialogTrigger({ children, ...props }) {
+	const { setOpen } = useDialogContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		type: "button",
+		onClick: () => setOpen(true),
+		...props,
+		children
+	});
+}
+/**
+* A native <dialog> opened with showModal() is promoted to the top layer, so
+* ancestor transform/overflow can't clip it — but it relies on the UA
+* stylesheet's `dialog { margin: auto }` for modal centering. Tailwind's
+* preflight resets `margin: 0` on every element, which defeats that centering
+* and pins the modal to the top-left. We therefore center deterministically:
+* a top-layer dialog with `position: fixed` is viewport-relative, and a
+* self-transform is fine, so `fixed left-1/2 top-1/2 -translate-x-1/2
+* -translate-y-1/2 m-0` always centers regardless of any margin reset. Width
+* is capped to the viewport (`w-[calc(100vw-2rem)]`) rather than a bare
+* `w-full` (which would overflow/clip a centered dialog); the per-variant
+* `max-w-*` keeps small dialogs small while the cap prevents overflow.
+*
+* Height is capped against the SAFE viewport, not the raw one. A top-layer
+* `fixed` dialog is viewport-relative, and under `viewport-fit=cover` the
+* viewport extends behind the iOS notch/Dynamic Island and home indicator —
+* so a dialog tall enough to hit its `max-h` put its header under the clock.
+* Because the box is centred on the viewport (not on the safe area), the cap
+* has to subtract TWICE the LARGER of the two insets for the box to clear
+* both edges; using each inset once would still overflow the taller side
+* 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("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", {
+	variants: {
+		width: {
+			sm: "max-w-sm",
+			md: "max-w-md",
+			lg: "max-w-lg"
+		},
+		/**
+		* WHICH box scrolls when the content is taller than the height cap.
+		*
+		* `content` (default) scrolls the whole dialog: the title, any tab strip
+		* and the Save/Cancel row travel with the fields. That is fine for a
+		* short form and wrong for a long one — the operator scrolls to the
+		* bottom of a rule editor and the buttons are somewhere above him, the
+		* tab strip is gone, and the only way back to either is to scroll the
+		* form he was reading.
+		*
+		* `body` makes the dialog a flex column that does not scroll at all and
+		* hands the scrolling to `<DialogBody>`. The chrome around the body —
+		* header, tab strip, footer — stays put at every height. The dialog
+		* keeps its own padding either way, so `sheet-on-mobile`'s
+		* safe-area bottom padding still applies to the footer.
+		*
+		* `body` also takes a DEFINITE height below `md` — see the
+		* `scroll: 'body'` compound variants. That is not a style choice; the
+		* flex chain does not resolve without it on iOS Safari.
+		*/
+		scroll: {
+			content: "overflow-y-auto",
+			body: "flex flex-col overflow-hidden"
+		},
+		placement: {
+			center: "",
+			"sheet-on-mobile": "bottom-0 left-0 right-0 top-auto w-full max-w-full translate-x-0 translate-y-0 rounded-b-none max-h-[92dvh] pb-[calc(1rem+env(safe-area-inset-bottom))] md:left-1/2 md:top-1/2 md:-translate-x-1/2 md:-translate-y-1/2 md:rounded-lg md:bottom-auto md:pb-4 md:max-h-[calc(100dvh-2rem-2*max(env(safe-area-inset-top),env(safe-area-inset-bottom)))]"
+		}
+	},
+	compoundVariants: [
+		{
+			placement: "sheet-on-mobile",
+			width: "sm",
+			class: "md:w-[calc(100vw-2rem)] md:max-w-sm"
+		},
+		{
+			placement: "sheet-on-mobile",
+			width: "md",
+			class: "md:w-[calc(100vw-2rem)] md:max-w-md"
+		},
+		{
+			placement: "sheet-on-mobile",
+			width: "lg",
+			class: "md:w-[calc(100vw-2rem)] md:max-w-lg"
+		},
+		{
+			scroll: "body",
+			placement: "sheet-on-mobile",
+			class: "h-[92dvh] md:h-auto"
+		},
+		{
+			scroll: "body",
+			placement: "center",
+			class: "h-[calc(100dvh-2rem-2*max(env(safe-area-inset-top),env(safe-area-inset-bottom)))] md:h-auto"
+		}
+	],
+	defaultVariants: {
+		width: "md",
+		placement: "center",
+		scroll: "content"
+	}
+});
+var DialogContent = (0, react$1.forwardRef)(({ className, width, placement, scroll, children, ...props }, ref) => {
+	const { open, setOpen, contentId } = useDialogContext();
+	const innerRef = (0, react$1.useRef)(null);
+	const dialogRef = ref ?? innerRef;
+	(0, react$1.useEffect)(() => {
+		const el = dialogRef.current;
+		if (!el) return;
+		if (open && !el.open) el.showModal();
+		if (!open && el.open) el.close();
+	}, [open, dialogRef]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dialog", {
+		ref: dialogRef,
+		id: contentId,
+		className: cn(contentVariants({
+			width,
+			placement,
+			scroll
+		}), className),
+		onClose: () => setOpen(false),
+		...props,
+		children
+	});
+});
+DialogContent.displayName = "DialogContent";
+/** `shrink-0` is inert outside a flex column and load-bearing inside one:
+*  under `scroll="body"` the header must keep its height while the body gives
+*  ground, or a long form squeezes its own title to nothing. */
+function DialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: cn("flex flex-col gap-1 mb-3 shrink-0", className),
+		...props
+	});
+}
+/**
+* The scrolling middle of a `scroll="body"` dialog.
+*
+* `min-h-0` is what makes it work: a flex item's default `min-height: auto`
+* refuses to shrink below its content, so without it the body pushes the
+* footer out of the dialog instead of scrolling — the exact failure this
+* variant exists to remove. Anything sticky INSIDE a dialog body pins against
+* this element, since it is the scroll container.
+*
+* It only bounds a scroll area if every ancestor up to the dialog has a
+* resolved height. `DialogContent` supplies the top of that chain (see the
+* `scroll: 'body'` compound variants); an intermediate wrapper between them —
+* a `<Tabs>` that owns the tab strip, say — must carry `flex-1 min-h-0` too,
+* or it collapses and takes the body with it.
+*/
+function DialogBody({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: cn("flex-1 min-h-0 overflow-y-auto", className),
+		...props
+	});
+}
+function DialogFooter({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: cn("flex justify-end gap-2 mt-4 shrink-0", className),
+		...props
+	});
+}
+function DialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+		className: cn("text-sm font-semibold text-foreground", className),
+		...props
+	});
+}
+function DialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		className: cn("text-xs text-foreground-muted", className),
+		...props
+	});
+}
+//#endregion
+//#region src/primitives/input.tsx
+/**
+* `disabled:opacity-50 disabled:cursor-not-allowed` for the same reason as
+* `Select` — an explicit `bg-surface` / `text-foreground` overrides the greying
+* a browser would otherwise apply, leaving an inert field indistinguishable
+* from a live one. See `disabled-affordance.test.tsx`.
+*/
+var inputVariants = cva("h-7 w-full px-2.5 text-xs bg-surface border rounded-md text-foreground placeholder:text-foreground-subtle focus:outline-none focus:ring-1 focus:ring-primary transition-colors disabled:opacity-50 disabled:cursor-not-allowed", {
+	variants: { state: {
+		default: "border-border",
+		error: "border-danger"
+	} },
+	defaultVariants: { state: "default" }
+});
+var Input = (0, react$1.forwardRef)(({ className, state, leftSlot, rightSlot, ...props }, ref) => {
+	if (leftSlot || rightSlot) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "relative flex items-center w-full",
+		children: [
+			leftSlot && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "absolute left-2.5 flex items-center pointer-events-none",
+				children: leftSlot
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				ref,
+				className: cn(inputVariants({ state }), leftSlot ? "pl-7" : "", rightSlot ? "pr-7" : "", className),
+				...props
+			}),
+			rightSlot && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "absolute right-2.5 flex items-center pointer-events-none",
+				children: rightSlot
+			})
+		]
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+		ref,
+		className: cn(inputVariants({ state }), className),
+		...props
+	});
+});
+Input.displayName = "Input";
+//#endregion
+//#region src/composites/training/training-collection-picker.tsx
+/**
+* <TrainingCollectionPicker> — choose a named training collection, or create
+* one in place.
+*
+* A collection is a named set over the retrain corpus ("packages porch
+* night"). The picker lists them (newest first, with their frame counts) and
+* offers a name field for a new one; the hub refuses an empty or duplicate
+* name, and the refusal is shown here rather than swallowed.
+*/
+var CREATE_REFUSAL = {
+	"empty-name": "Give the collection a name.",
+	"duplicate-name": "A collection with that name already exists."
+};
+function TrainingCollectionPicker({ value, onChange }) {
+	const collections = usePipelineAnalyticsListRetrainCollections({});
+	const create = usePipelineAnalyticsCreateRetrainCollection();
+	const [name, setName] = (0, react$1.useState)("");
+	const [error, setError] = (0, react$1.useState)(null);
+	const list = collections.data ?? [];
+	const onCreate = async () => {
+		setError(null);
+		const result = await create.mutateAsync({ name });
+		if (result.kind === "refused") {
+			setError(CREATE_REFUSAL[result.reason]);
+			return;
+		}
+		setName("");
+		await collections.refetch();
+		onChange(result.collection.id);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "space-y-2",
+		"data-testid": "training-collection-picker",
+		children: [
+			list.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Select, {
+				"aria-label": "Collection",
+				value: value ?? "",
+				options: [{
+					value: "",
+					label: "Choose a collection…"
+				}, ...list.map((c) => ({
+					value: c.id,
+					label: `${c.name} (${String(c.frameCount)})`
+				}))],
+				onChange: (event) => {
+					if (event.target.value !== "") onChange(event.target.value);
+				}
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-xs text-foreground-subtle",
+				children: collections.isLoading ? "Reading the collections…" : "No collection yet — create one."
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Input, {
+					className: "flex-1",
+					"aria-label": "New collection name",
+					placeholder: "New collection (e.g. missed at night)",
+					value: name,
+					onChange: (event) => {
+						setName(event.target.value);
+					}
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Button, {
+					type: "button",
+					variant: "secondary",
+					size: "sm",
+					disabled: create.isPending || name.trim() === "",
+					onClick: () => void onCreate(),
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Plus, { className: "h-3 w-3" }), "Create"]
+				})]
+			}),
+			error !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-xs text-danger",
+				children: error
+			})
+		]
+	});
+}
+//#endregion
+//#region src/composites/training/training-refusal-text.ts
+var REFUSAL_TEXT = {
+	"unknown-collection": "That collection no longer exists — pick another one.",
+	"still-unavailable": "No frame could be taken from the recording at that moment.",
+	"still-busy": "The recorder is busy decoding other frames. Try again in a moment.",
+	"unreadable-image": "The recorder returned something that is not a picture.",
+	"write-failed": "The frame could not be stored. Check the artifacts storage."
+};
+/** One sentence for a refusal, with the hub's own detail appended. */
+function trainingRefusalText(reason, detail) {
+	const base = REFUSAL_TEXT[reason];
+	return detail !== void 0 && detail !== "" ? `${base} (${detail})` : base;
+}
+//#endregion
+//#region src/composites/training/send-frame-to-training.tsx
+/**
+* <SendFrameToTrainingButton> — "Send frame to training" from a recording
+* playhead.
+*
+* The frame a detector most needs to learn from is often one where it saw
+* NOTHING — no event, no track, nothing to mark. From the recording, the
+* operator stops on that moment and sends it: the hub re-decodes the native
+* frame at the playhead instant and adds it to a named training collection,
+* where the Retrain page annotates it like any other frame.
+*
+* Draws NOTHING for a session that cannot curate training data: the
+* collection list is admin-only, and a button that 403s is worse than no
+* button. It is disabled, with the reason, while there is no playhead.
+*/
+function SendFrameToTrainingButton({ deviceId, epochMs }) {
+	const collections = usePipelineAnalyticsListRetrainCollections({}, { retry: false });
+	const send = usePipelineAnalyticsAddRetrainFrameFromRecording();
+	const [open, setOpen] = (0, react$1.useState)(false);
+	const [collectionId, setCollectionId] = (0, react$1.useState)(null);
+	const [instant, setInstant] = (0, react$1.useState)(null);
+	const [outcome, setOutcome] = (0, react$1.useState)(null);
+	if (collections.isError) return null;
+	const onSend = async () => {
+		if (collectionId === null || instant === null) return;
+		const result = await send.mutateAsync({
+			collectionId,
+			deviceId,
+			epochMs: instant
+		});
+		const name = collections.data?.find((c) => c.id === collectionId)?.name ?? "the collection";
+		setOutcome(result.kind === "added" ? {
+			kind: "added",
+			reused: result.reused,
+			collection: name
+		} : {
+			kind: "refused",
+			text: trainingRefusalText(result.reason, result.detail)
+		});
+		if (result.kind === "added") await collections.refetch();
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Button, {
+		type: "button",
+		variant: "secondary",
+		size: "sm",
+		"data-testid": "send-frame-to-training",
+		disabled: epochMs === null,
+		title: epochMs === null ? "Play back a recording first — the frame at the playhead is the one sent" : "Add the frame at the playhead to a training collection",
+		onClick: () => {
+			setInstant(epochMs);
+			setOutcome(null);
+			setOpen(true);
+		},
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(GraduationCap, { className: "h-3.5 w-3.5" }), "Send frame to training"]
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Dialog, {
+		open,
+		onOpenChange: (next) => !send.isPending && setOpen(next),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DialogContent, { children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DialogHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogTitle, { children: "Send this frame to training" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogDescription, { children: instant !== null ? `The camera's frame at ${new Date(instant).toLocaleString()} is taken from the recording at full resolution and added to the collection. Annotate it on the Retrain page — including what the model missed.` : "" })] }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TrainingCollectionPicker, {
+				value: collectionId,
+				onChange: setCollectionId
+			}),
+			outcome !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: `mt-2 text-xs ${outcome.kind === "added" ? "text-success" : "text-danger"}`,
+				role: "status",
+				children: outcome.kind === "added" ? outcome.reused ? `That moment was already in the dataset; it is now in ${outcome.collection}.` : `Added to ${outcome.collection}.` : outcome.text
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DialogFooter, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
+				type: "button",
+				variant: "ghost",
+				size: "sm",
+				disabled: send.isPending,
+				onClick: () => {
+					setOpen(false);
+				},
+				children: outcome?.kind === "added" ? "Done" : "Cancel"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Button, {
+				type: "button",
+				size: "sm",
+				disabled: collectionId === null || send.isPending || outcome?.kind === "added",
+				onClick: () => void onSend(),
+				children: [send.isPending && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LoaderCircle, { className: "h-3.5 w-3.5 animate-spin" }), "Send"]
+			})] })
+		] })
+	})] });
+}
+//#endregion
 //#region src/composites/cap-settings/CoverageTrack.tsx
 function CoverageTrack({ windowFrom, windowTo, spans, playheadMs, onSeek, onScrubStart, onScrubMove, onScrubEnd }) {
 	const [hoverInfo, setHoverInfo] = (0, react$1.useState)(null);
@@ -25049,6 +26482,13 @@ function RecordingTimeline({ deviceId }) {
 				dayBounds: computedDayBounds,
 				onViewChange: handleViewChange
 			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "flex justify-end",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SendFrameToTrainingButton, {
+					deviceId,
+					epochMs: displayPlayheadMs
+				})
+			}),
 			recorded.channelOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				"data-testid": "frame-push-status-row",
 				className: "flex flex-wrap items-center gap-2 text-[10px]",
@@ -26646,6 +28086,32 @@ function FieldWrapper({ label, description, required, span, children, translatio
 		]
 	});
 }
+/**
+* A keychain-stored secret (D787) arrives as its VIEW — `{ $secret, set }` —
+* or `null`, never as a value; it renders as "set · Change · Clear · Reveal".
+* Decided ONCE, at mount, from what the form was hydrated with: once the
+* operator types, the value is a plain string and the field must stay the
+* same control. A form that was not hydrated from a keychain-aware store (a
+* create dialog seeding `''`) keeps the plain input.
+*/
+function KeychainOr({ field, value, onChange, disabled, translationFn, multiline, children }) {
+	const [keychain] = (0, react$1.useState)(() => (0, _camstack_types.isKeychainStoredField)(field) && isKeychainFieldValue(value));
+	if (!keychain) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldWrapper, {
+		label: "label" in field ? field.label : void 0,
+		description: "description" in field ? field.description : void 0,
+		required: "required" in field ? field.required : void 0,
+		span: "span" in field ? field.span : void 0,
+		translationFn,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SecretFieldControl, {
+			field,
+			value,
+			onChange,
+			disabled,
+			multiline
+		})
+	});
+}
 function TextField({ field, value, onChange, disabled, translationFn }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldWrapper, {
 		label: field.label,
@@ -27166,6 +28632,23 @@ function ColorField({ field, value, onChange, disabled, translationFn }) {
 		})]
 	});
 }
+function IconField({ field, value, onChange, disabled, translationFn }) {
+	const defaultKey = typeof field.default === "string" ? field.default : "";
+	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)(ConfigIconFieldControl, {
+			label: resolveLabel(field.label, translationFn) ?? field.label,
+			value,
+			defaultKey,
+			disabled: disabled || field.disabled,
+			onChange
+		})
+	});
+}
 function ProbeField({ field, value, onChange, disabled, translationFn, onTestField, onAction, externalProbe }) {
 	const [localStatus, setLocalStatus] = (0, react$1.useState)("idle");
 	const [localResult, setLocalResult] = (0, react$1.useState)(null);
@@ -27701,7 +29184,7 @@ function resolveActionParams(field, values) {
 	const params = { ...field.paramsStatic };
 	if (field.paramsFromForm) for (const [paramKey, formKey] of Object.entries(field.paramsFromForm)) {
 		const v = values[formKey];
-		if (v !== void 0 && v !== null && v !== "") params[paramKey] = v;
+		if (v !== void 0 && v !== null && v !== "" && !(0, _camstack_types.isSecretClear)(v)) params[paramKey] = v;
 	}
 	return params;
 }
@@ -27800,8 +29283,16 @@ function AddonActionButtonField({ field, values, disabled, onAction }) {
 	const [loading, setLoading] = (0, react$1.useState)(false);
 	const [status, setStatus] = (0, react$1.useState)(null);
 	const confirm = useConfirm();
+	const prompt = usePrompt();
 	const deviceId = useDeviceId();
 	const handleClick = async () => {
+		const asked = field.prompt ? await prompt({
+			title: field.prompt.title ?? field.label,
+			...field.prompt.message !== void 0 ? { message: field.prompt.message } : {},
+			...field.prompt.placeholder !== void 0 ? { placeholder: field.prompt.placeholder } : {},
+			confirmLabel: field.buttonLabel
+		}) : null;
+		if (field.prompt && asked === null) return;
 		if (field.confirmMessage) {
 			if (!await confirm({
 				title: field.label,
@@ -27812,6 +29303,7 @@ function AddonActionButtonField({ field, values, disabled, onAction }) {
 		}
 		if (!onAction) return;
 		const params = resolveActionParams(field, values);
+		if (field.prompt && asked !== null) params[field.prompt.param] = asked;
 		if (field.includeDeviceId === true && deviceId !== null && deviceId !== void 0) params["deviceId"] = deviceId;
 		setLoading(true);
 		setStatus(null);
@@ -28188,12 +29680,19 @@ function FormField({ field, values, onChange, disabled, translationFn, onTestFie
 	const handleChange = (v) => onChange(field.key, v);
 	const customRenderer = useCustomFieldRenderer(field.type);
 	switch (field.type) {
-		case "text": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
+		case "text": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(KeychainOr, {
 			field,
 			value,
 			onChange: handleChange,
 			disabled,
-			translationFn
+			translationFn,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
+				field,
+				value,
+				onChange: handleChange,
+				disabled,
+				translationFn
+			})
 		});
 		case "number": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NumberField, {
 			field,
@@ -28237,19 +29736,34 @@ function FormField({ field, values, onChange, disabled, translationFn, onTestFie
 			disabled,
 			translationFn
 		});
-		case "password": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PasswordField, {
+		case "password": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(KeychainOr, {
 			field,
 			value,
 			onChange: handleChange,
 			disabled,
-			translationFn
+			translationFn,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PasswordField, {
+				field,
+				value,
+				onChange: handleChange,
+				disabled,
+				translationFn
+			})
 		});
-		case "textarea": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextAreaField, {
+		case "textarea": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(KeychainOr, {
 			field,
 			value,
 			onChange: handleChange,
 			disabled,
-			translationFn
+			translationFn,
+			multiline: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextAreaField, {
+				field,
+				value,
+				onChange: handleChange,
+				disabled,
+				translationFn
+			})
 		});
 		case "slider": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SliderField, {
 			field,
@@ -28272,6 +29786,13 @@ function FormField({ field, values, onChange, disabled, translationFn, onTestFie
 			disabled,
 			translationFn
 		});
+		case "icon": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconField, {
+			field,
+			value,
+			onChange: handleChange,
+			disabled,
+			translationFn
+		});
 		case "node-select": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NodeSelectField, {
 			field,
 			value,
@@ -30044,47 +31565,6 @@ var Separator = (0, react$1.forwardRef)(({ className, orientation, ...props }, r
 });
 Separator.displayName = "Separator";
 //#endregion
-//#region src/primitives/input.tsx
-/**
-* `disabled:opacity-50 disabled:cursor-not-allowed` for the same reason as
-* `Select` — an explicit `bg-surface` / `text-foreground` overrides the greying
-* a browser would otherwise apply, leaving an inert field indistinguishable
-* from a live one. See `disabled-affordance.test.tsx`.
-*/
-var inputVariants = cva("h-7 w-full px-2.5 text-xs bg-surface border rounded-md text-foreground placeholder:text-foreground-subtle focus:outline-none focus:ring-1 focus:ring-primary transition-colors disabled:opacity-50 disabled:cursor-not-allowed", {
-	variants: { state: {
-		default: "border-border",
-		error: "border-danger"
-	} },
-	defaultVariants: { state: "default" }
-});
-var Input = (0, react$1.forwardRef)(({ className, state, leftSlot, rightSlot, ...props }, ref) => {
-	if (leftSlot || rightSlot) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "relative flex items-center w-full",
-		children: [
-			leftSlot && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "absolute left-2.5 flex items-center pointer-events-none",
-				children: leftSlot
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-				ref,
-				className: cn(inputVariants({ state }), leftSlot ? "pl-7" : "", rightSlot ? "pr-7" : "", className),
-				...props
-			}),
-			rightSlot && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "absolute right-2.5 flex items-center pointer-events-none",
-				children: rightSlot
-			})
-		]
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-		ref,
-		className: cn(inputVariants({ state }), className),
-		...props
-	});
-});
-Input.displayName = "Input";
-//#endregion
 //#region src/primitives/checkbox.tsx
 var Checkbox = (0, react$1.forwardRef)(({ className, ...props }, ref) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
@@ -30117,204 +31597,6 @@ var Switch = (0, react$1.forwardRef)(({ className, checked, onCheckedChange, lab
 });
 Switch.displayName = "Switch";
 //#endregion
-//#region src/primitives/dialog.tsx
-var DialogContext = (0, react$1.createContext)(null);
-function useDialogContext() {
-	const ctx = (0, react$1.useContext)(DialogContext);
-	if (!ctx) throw new Error("Dialog compound components must be used within <Dialog>");
-	return ctx;
-}
-function Dialog({ children, open: controlledOpen, onOpenChange }) {
-	const [uncontrolledOpen, setUncontrolledOpen] = (0, react$1.useState)(false);
-	const open = controlledOpen ?? uncontrolledOpen;
-	const contentId = (0, react$1.useId)();
-	const setOpen = (0, react$1.useCallback)((next) => {
-		onOpenChange?.(next);
-		if (controlledOpen === void 0) setUncontrolledOpen(next);
-	}, [controlledOpen, onOpenChange]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogContext.Provider, {
-		value: {
-			open,
-			setOpen,
-			contentId
-		},
-		children
-	});
-}
-function DialogTrigger({ children, ...props }) {
-	const { setOpen } = useDialogContext();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-		type: "button",
-		onClick: () => setOpen(true),
-		...props,
-		children
-	});
-}
-/**
-* A native <dialog> opened with showModal() is promoted to the top layer, so
-* ancestor transform/overflow can't clip it — but it relies on the UA
-* stylesheet's `dialog { margin: auto }` for modal centering. Tailwind's
-* preflight resets `margin: 0` on every element, which defeats that centering
-* and pins the modal to the top-left. We therefore center deterministically:
-* a top-layer dialog with `position: fixed` is viewport-relative, and a
-* self-transform is fine, so `fixed left-1/2 top-1/2 -translate-x-1/2
-* -translate-y-1/2 m-0` always centers regardless of any margin reset. Width
-* is capped to the viewport (`w-[calc(100vw-2rem)]`) rather than a bare
-* `w-full` (which would overflow/clip a centered dialog); the per-variant
-* `max-w-*` keeps small dialogs small while the cap prevents overflow.
-*
-* Height is capped against the SAFE viewport, not the raw one. A top-layer
-* `fixed` dialog is viewport-relative, and under `viewport-fit=cover` the
-* viewport extends behind the iOS notch/Dynamic Island and home indicator —
-* so a dialog tall enough to hit its `max-h` put its header under the clock.
-* Because the box is centred on the viewport (not on the safe area), the cap
-* has to subtract TWICE the LARGER of the two insets for the box to clear
-* both edges; using each inset once would still overflow the taller side
-* 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("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", {
-	variants: {
-		width: {
-			sm: "max-w-sm",
-			md: "max-w-md",
-			lg: "max-w-lg"
-		},
-		/**
-		* WHICH box scrolls when the content is taller than the height cap.
-		*
-		* `content` (default) scrolls the whole dialog: the title, any tab strip
-		* and the Save/Cancel row travel with the fields. That is fine for a
-		* short form and wrong for a long one — the operator scrolls to the
-		* bottom of a rule editor and the buttons are somewhere above him, the
-		* tab strip is gone, and the only way back to either is to scroll the
-		* form he was reading.
-		*
-		* `body` makes the dialog a flex column that does not scroll at all and
-		* hands the scrolling to `<DialogBody>`. The chrome around the body —
-		* header, tab strip, footer — stays put at every height. The dialog
-		* keeps its own padding either way, so `sheet-on-mobile`'s
-		* safe-area bottom padding still applies to the footer.
-		*
-		* `body` also takes a DEFINITE height below `md` — see the
-		* `scroll: 'body'` compound variants. That is not a style choice; the
-		* flex chain does not resolve without it on iOS Safari.
-		*/
-		scroll: {
-			content: "overflow-y-auto",
-			body: "flex flex-col overflow-hidden"
-		},
-		placement: {
-			center: "",
-			"sheet-on-mobile": "bottom-0 left-0 right-0 top-auto w-full max-w-full translate-x-0 translate-y-0 rounded-b-none max-h-[92dvh] pb-[calc(1rem+env(safe-area-inset-bottom))] md:left-1/2 md:top-1/2 md:-translate-x-1/2 md:-translate-y-1/2 md:rounded-lg md:bottom-auto md:pb-4 md:max-h-[calc(100dvh-2rem-2*max(env(safe-area-inset-top),env(safe-area-inset-bottom)))]"
-		}
-	},
-	compoundVariants: [
-		{
-			placement: "sheet-on-mobile",
-			width: "sm",
-			class: "md:w-[calc(100vw-2rem)] md:max-w-sm"
-		},
-		{
-			placement: "sheet-on-mobile",
-			width: "md",
-			class: "md:w-[calc(100vw-2rem)] md:max-w-md"
-		},
-		{
-			placement: "sheet-on-mobile",
-			width: "lg",
-			class: "md:w-[calc(100vw-2rem)] md:max-w-lg"
-		},
-		{
-			scroll: "body",
-			placement: "sheet-on-mobile",
-			class: "h-[92dvh] md:h-auto"
-		},
-		{
-			scroll: "body",
-			placement: "center",
-			class: "h-[calc(100dvh-2rem-2*max(env(safe-area-inset-top),env(safe-area-inset-bottom)))] md:h-auto"
-		}
-	],
-	defaultVariants: {
-		width: "md",
-		placement: "center",
-		scroll: "content"
-	}
-});
-var DialogContent = (0, react$1.forwardRef)(({ className, width, placement, scroll, children, ...props }, ref) => {
-	const { open, setOpen, contentId } = useDialogContext();
-	const innerRef = (0, react$1.useRef)(null);
-	const dialogRef = ref ?? innerRef;
-	(0, react$1.useEffect)(() => {
-		const el = dialogRef.current;
-		if (!el) return;
-		if (open && !el.open) el.showModal();
-		if (!open && el.open) el.close();
-	}, [open, dialogRef]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dialog", {
-		ref: dialogRef,
-		id: contentId,
-		className: cn(contentVariants({
-			width,
-			placement,
-			scroll
-		}), className),
-		onClose: () => setOpen(false),
-		...props,
-		children
-	});
-});
-DialogContent.displayName = "DialogContent";
-/** `shrink-0` is inert outside a flex column and load-bearing inside one:
-*  under `scroll="body"` the header must keep its height while the body gives
-*  ground, or a long form squeezes its own title to nothing. */
-function DialogHeader({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: cn("flex flex-col gap-1 mb-3 shrink-0", className),
-		...props
-	});
-}
-/**
-* The scrolling middle of a `scroll="body"` dialog.
-*
-* `min-h-0` is what makes it work: a flex item's default `min-height: auto`
-* refuses to shrink below its content, so without it the body pushes the
-* footer out of the dialog instead of scrolling — the exact failure this
-* variant exists to remove. Anything sticky INSIDE a dialog body pins against
-* this element, since it is the scroll container.
-*
-* It only bounds a scroll area if every ancestor up to the dialog has a
-* resolved height. `DialogContent` supplies the top of that chain (see the
-* `scroll: 'body'` compound variants); an intermediate wrapper between them —
-* a `<Tabs>` that owns the tab strip, say — must carry `flex-1 min-h-0` too,
-* or it collapses and takes the body with it.
-*/
-function DialogBody({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: cn("flex-1 min-h-0 overflow-y-auto", className),
-		...props
-	});
-}
-function DialogFooter({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: cn("flex justify-end gap-2 mt-4 shrink-0", className),
-		...props
-	});
-}
-function DialogTitle({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
-		className: cn("text-sm font-semibold text-foreground", className),
-		...props
-	});
-}
-function DialogDescription({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-		className: cn("text-xs text-foreground-muted", className),
-		...props
-	});
-}
-//#endregion
 //#region src/primitives/tooltip.tsx
 var TooltipContext = (0, react$1.createContext)(null);
 function useTooltipContext() {
@@ -49421,1248 +50703,683 @@ function SwitchInlineControl({ trpc, deviceId, features, optimistic }) {
 		optimistic
 	});
 }
-function useLockCapGuard(trpc, deviceId) {
-	const { cap } = useDeviceCapability({
-		trpc,
-		deviceId,
-		cap: (d) => d.lockControl,
-		slice: (d) => d.state.lockControl
-	});
-	return cap !== void 0;
-}
-function LockInlineControl({ trpc, deviceId, features, optimistic }) {
-	if (!useLockCapGuard(trpc, deviceId)) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LockPanel, {
-		trpc,
-		deviceId,
-		features,
-		layout: "compact",
-		optimistic
-	});
-}
-function LightInlineControl({ trpc, deviceId, features, optimistic }) {
-	if (!useSwitchCapGuard(trpc, deviceId)) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "inline-flex items-center gap-2",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SwitchPanel, {
-			trpc,
-			deviceId,
-			features,
-			layout: "compact",
-			optimistic
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BrightnessPanel, {
-			trpc,
-			deviceId,
-			features,
-			layout: "compact",
-			optimistic
-		})]
-	});
-}
-function useFanCapGuard(trpc, deviceId) {
-	const { cap } = useDeviceCapability({
-		trpc,
-		deviceId,
-		cap: (d) => d.fanControl,
-		slice: (d) => d.state.fanControl
-	});
-	return cap !== void 0;
-}
-function FanInlineControl({ trpc, deviceId, features, optimistic }) {
-	if (!useFanCapGuard(trpc, deviceId)) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "inline-flex items-center gap-2",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SwitchPanel, {
-			trpc,
-			deviceId,
-			features,
-			layout: "compact",
-			optimistic
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FanPanel, {
-			trpc,
-			deviceId,
-			features,
-			layout: "compact",
-			optimistic
-		})]
-	});
-}
-function useClimateCapGuard(trpc, deviceId) {
-	const { cap } = useDeviceCapability({
-		trpc,
-		deviceId,
-		cap: (d) => d.climateControl,
-		slice: (d) => d.state.climateControl
-	});
-	return cap !== void 0;
-}
-function ThermostatInlineControl({ trpc, deviceId, features, optimistic }) {
-	if (!useClimateCapGuard(trpc, deviceId)) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClimatePanel, {
-		trpc,
-		deviceId,
-		features,
-		layout: "compact",
-		optimistic
-	});
-}
-function AcInlineControl({ trpc, deviceId, features, optimistic }) {
-	if (!useClimateCapGuard(trpc, deviceId)) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AcPanel, {
-		trpc,
-		deviceId,
-		features,
-		layout: "compact",
-		optimistic
-	});
-}
-function AcHeroCard({ trpc, deviceId, features, optimistic }) {
-	if (!useClimateCapGuard(trpc, deviceId)) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AcPanel, {
-		trpc,
-		deviceId,
-		features,
-		layout: "full",
-		optimistic
-	});
-}
-function useMediaPlayerCapGuard(trpc, deviceId) {
-	const { cap } = useDeviceCapability({
-		trpc,
-		deviceId,
-		cap: (d) => d.mediaPlayer,
-		slice: (d) => d.state.mediaPlayer
-	});
-	return cap !== void 0;
-}
-function MediaPlayerInlineControl({ trpc, deviceId, features, optimistic }) {
-	if (!useMediaPlayerCapGuard(trpc, deviceId)) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MediaPlayerPanel, {
-		trpc,
-		deviceId,
-		features,
-		layout: "compact",
-		optimistic
-	});
-}
-function useControlCapGuard(trpc, deviceId) {
-	const { cap } = useDeviceCapability({
-		trpc,
-		deviceId,
-		cap: (d) => d.control,
-		slice: (d) => d.state.control
-	});
-	return cap !== void 0;
-}
-function ControlInlineControl({ trpc, deviceId, features, optimistic }) {
-	if (!useControlCapGuard(trpc, deviceId)) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ControlPanel, {
-		trpc,
-		deviceId,
-		features,
-		layout: "compact",
-		optimistic
-	});
-}
-function ControlHeroCard({ trpc, deviceId, features, optimistic }) {
-	if (!useControlCapGuard(trpc, deviceId)) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HeroShell, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ControlPanel, {
-		trpc,
-		deviceId,
-		features,
-		layout: "full",
-		optimistic
-	}) });
-}
-//#endregion
-//#region src/composites/device-controls/control-registry.tsx
-/**
-* Presentation binding: the shared `DeviceControlKind` (decided in
-* `@camstack/types` `resolveDeviceControlKind`) → this platform's web
-* components. Exhaustive over `DeviceControlKind` — omitting a kind fails the
-* build here. The type→kind DECISION is single-sourced in `@camstack/types`;
-* this map only binds a kind to its web widgets.
-*/
-var CONTROL_KIND_COMPONENTS = {
-	cover: {
-		InlineControl: CoverInlineControl,
-		HeroCard: CoverHeroCard
-	},
-	valve: {
-		InlineControl: ValveInlineControl,
-		HeroCard: ValveHeroCard
-	},
-	humidifier: {
-		InlineControl: HumidifierInlineControl,
-		HeroCard: HumidifierHeroCard
-	},
-	"water-heater": {
-		InlineControl: WaterHeaterInlineControl,
-		HeroCard: WaterHeaterHeroCard
-	},
-	switch: {
-		InlineControl: SwitchInlineControl,
-		HeroCard: SwitchHeroCard
-	},
-	light: {
-		InlineControl: LightInlineControl,
-		HeroCard: LightHeroCard
-	},
-	fan: {
-		InlineControl: FanInlineControl,
-		HeroCard: FanHeroCard
-	},
-	sensor: {
-		InlineControl: SensorInlineControl,
-		HeroCard: SensorHeroCard
-	},
-	thermostat: {
-		InlineControl: ThermostatInlineControl,
-		HeroCard: ThermostatHeroCard
-	},
-	climate: {
-		InlineControl: AcInlineControl,
-		HeroCard: AcHeroCard
-	},
-	button: {
-		InlineControl: ButtonControl,
-		HeroCard: ButtonHeroCard
-	},
-	update: {
-		InlineControl: UpdateInlineControl,
-		HeroCard: UpdateHeroCard
-	},
-	lock: {
-		InlineControl: LockInlineControl,
-		HeroCard: LockHeroCard
-	},
-	"media-player": {
-		InlineControl: MediaPlayerInlineControl,
-		HeroCard: MediaPlayerHeroCard
-	},
-	alarm: {
-		InlineControl: AlarmInlineControl,
-		HeroCard: AlarmHeroCard
-	},
-	control: {
-		InlineControl: ControlInlineControl,
-		HeroCard: ControlHeroCard
-	},
-	weather: {
-		InlineControl: WeatherInlineControl,
-		HeroCard: WeatherHeroCard
-	},
-	vacuum: {
-		InlineControl: VacuumInlineControl,
-		HeroCard: VacuumHeroCard
-	},
-	"lawn-mower": {
-		InlineControl: LawnMowerInlineControl,
-		HeroCard: LawnMowerHeroCard
-	},
-	image: {
-		InlineControl: ImageInlineControl,
-		HeroCard: ImageHeroCard
-	},
-	"pet-feeder": {
-		InlineControl: PetFeederInlineControl,
-		HeroCard: PetFeederHeroCard
-	},
-	script: {
-		InlineControl: ScriptInlineControl,
-		HeroCard: ScriptHeroCard
-	},
-	automation: {
-		InlineControl: AutomationInlineControl,
-		HeroCard: AutomationHeroCard
-	},
-	dummy: {
-		InlineControl: DummyInline,
-		HeroCard: DummyHeroCard
-	}
-};
-/**
-* Exhaustive record over DeviceType, DERIVED from the shared decision
-* (`DEVICE_TYPE_CONTROL_KIND`) composed with the web `CONTROL_KIND_COMPONENTS`
-* binding — so the type→control mapping can never diverge from the single
-* source in `@camstack/types`. Preserved as a public export for consumers/tests
-* that index it by `DeviceType`.
-*
-* The `Object.fromEntries` result is a `{ [k: string]: DeviceTypeControl }`;
-* `Object.values(DeviceType)` (a string enum) yields exactly the enum's members,
-* so the record is fully populated — the assertion narrows that documented
-* enum-record projection boundary.
-*/
-var DEVICE_TYPE_CONTROL = Object.fromEntries(Object.values(_camstack_types.DeviceType).map((type) => [type, CONTROL_KIND_COMPONENTS[_camstack_types.DEVICE_TYPE_CONTROL_KIND[type]]]));
-/**
-* Per-type FILL flag.
-*
-*   true  — range / choice / button controls (cover ▲■▼ triad, thermostat
-*           setpoint stepper, media/control/button action buttons, alarm
-*           segmented control). The child STRETCHES to the full column width.
-*   false — readouts, tap-toggles, icon controls (lock), and dummy/placeholder
-*           types. The child keeps its NATURAL width; where it sits in the
-*           column (flush right vs centered) is decided by the caller via a
-*           `ControlPlacement` — see `resolveControlAlign`.
-*
-* Dummy types (Camera, Hub, Generic, Weather, Vacuum, Container, and placeholder
-* types Notifier/Script/Automation whose InlineControl renders "—") are `false` —
-* the dash placeholder must not be stretched to the full column width. (AlarmPanel
-* has a real segmented inline control and is `true`.) When a later task gives a
-* remaining placeholder type a real stretchy inline control, flip its flag to true.
-*
-* Exhaustive over DeviceType — a missing member is a TypeScript build error.
-*/
-var CONTROL_FILLS = {
-	[_camstack_types.DeviceType.Cover]: true,
-	[_camstack_types.DeviceType.Valve]: true,
-	[_camstack_types.DeviceType.Thermostat]: true,
-	[_camstack_types.DeviceType.Climate]: true,
-	[_camstack_types.DeviceType.Control]: true,
-	[_camstack_types.DeviceType.Button]: true,
-	[_camstack_types.DeviceType.MediaPlayer]: true,
-	[_camstack_types.DeviceType.AlarmPanel]: true,
-	[_camstack_types.DeviceType.Lock]: false,
-	[_camstack_types.DeviceType.Vacuum]: false,
-	[_camstack_types.DeviceType.LawnMower]: false,
-	[_camstack_types.DeviceType.Humidifier]: false,
-	[_camstack_types.DeviceType.Switch]: false,
-	[_camstack_types.DeviceType.Siren]: false,
-	[_camstack_types.DeviceType.Light]: false,
-	[_camstack_types.DeviceType.Fan]: false,
-	[_camstack_types.DeviceType.WaterHeater]: false,
-	[_camstack_types.DeviceType.Sensor]: false,
-	[_camstack_types.DeviceType.Presence]: false,
-	[_camstack_types.DeviceType.EventEmitter]: false,
-	[_camstack_types.DeviceType.Notifier]: false,
-	[_camstack_types.DeviceType.Script]: false,
-	[_camstack_types.DeviceType.Automation]: false,
-	[_camstack_types.DeviceType.Camera]: false,
-	[_camstack_types.DeviceType.Hub]: false,
-	[_camstack_types.DeviceType.Update]: false,
-	[_camstack_types.DeviceType.Generic]: false,
-	[_camstack_types.DeviceType.Weather]: false,
-	[_camstack_types.DeviceType.Container]: false,
-	[_camstack_types.DeviceType.Image]: false,
-	[_camstack_types.DeviceType.PetFeeder]: false
-};
-var DEVICE_TYPE_VALUES$1 = new Set(Object.values(_camstack_types.DeviceType));
-/**
-* Runtime-string-safe lookup: a device row's `type` crosses the wire as a plain
-* string. The type→control-kind DECISION is single-sourced in `@camstack/types`
-* (`resolveDeviceControlKind`, null for an unrecognised type); this maps the
-* resolved kind onto the web components.
-*/
-function resolveDeviceControl(type) {
-	const kind = (0, _camstack_types.resolveDeviceControlKind)(type);
-	return kind ? CONTROL_KIND_COMPONENTS[kind] : null;
-}
-/**
-* Runtime-string-safe alignment lookup for the fixed-width control column.
-*
-* A device's `type` crosses the wire as a plain string;
-* `DEVICE_TYPE_VALUES.has(type)` narrows it to `DeviceType` before indexing
-* `CONTROL_FILLS`, making the cast sound. The `'table'` placement is
-* content-width for EVERY type (returns `FIT`), so a wide control never
-* overflows a fixed box — the FILL flag is irrelevant there. For the fixed-box
-* placements a FILL type always stretches (`FILL`) and a natural-width type is
-* placed by the caller's `placement` — `'center'` → `CENTER`, `'right'` →
-* `RIGHT` (card / minimal view). An unrecognised type falls back to
-* natural-width placement.
-*/
-function resolveControlAlign(type, placement) {
-	if (placement === "table") return "fit";
-	return DEVICE_TYPE_VALUES$1.has(type) && CONTROL_FILLS[type] ? FILL : placement === "center" ? CENTER : RIGHT;
-}
-//#endregion
-//#region src/lib/format-last-seen.ts
-/**
-* Relative "last seen" formatter for the offline affordance.
-*
-* Renders a short relative-time label from a millisecond epoch:
-* "just now", "5m ago", "3h ago", "2d ago". Returns `null` for missing
-* inputs, or inputs below {@link MIN_PLAUSIBLE_TIMESTAMP_MS} (a
-* placeholder or a seeded "known value, unknown change time" stamp), so
-* callers can render nothing rather than a misleading "—", "NaN ago", or
-* (for a seeded `1`) "20000 days ago".
-*
-* Future timestamps (clock skew between the device and the browser)
-* collapse to "just now" instead of a negative duration.
-*/
-var SECOND_MS = 1e3;
-var MINUTE_MS = 60 * SECOND_MS;
-var HOUR_MS = 60 * MINUTE_MS;
-var DAY_MS = 24 * HOUR_MS;
-var JUST_NOW_MS = 30 * SECOND_MS;
-/**
-* The earliest timestamp a real "last seen" could plausibly carry. Below
-* this, a value is a placeholder or a seeded "known value, unknown change
-* time" stamp (e.g. Homematic's `HM_SEEDED_CHANGED_AT = 1`) — never a real
-* instant. Year 2000 predates every device this renders.
-*/
-var MIN_PLAUSIBLE_TIMESTAMP_MS = Date.UTC(2e3, 0, 1);
-function formatLastSeen(timestampMs) {
-	if (timestampMs === null || timestampMs === void 0 || timestampMs < MIN_PLAUSIBLE_TIMESTAMP_MS) return null;
-	const delta = Date.now() - timestampMs;
-	if (delta < JUST_NOW_MS) return "just now";
-	if (delta < HOUR_MS) return `${String(Math.floor(delta / MINUTE_MS))}m ago`;
-	if (delta < DAY_MS) return `${String(Math.floor(delta / HOUR_MS))}h ago`;
-	return `${String(Math.floor(delta / DAY_MS))}d ago`;
-}
-//#endregion
-//#region src/composites/device-controls/offline-badge.tsx
-function OfflineBadge({ lastChangedAt, className }) {
-	const lastSeen = formatLastSeen(lastChangedAt);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-		title: lastSeen === null ? "Unavailable" : `Unavailable · last seen ${lastSeen}`,
-		className: cn("inline-flex items-center gap-1 rounded-full px-2 py-0.5", "bg-surface-hover text-foreground-subtle text-[10px] font-medium", "border border-border", className),
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(WifiOff, {
-				className: "h-3 w-3 flex-shrink-0",
-				"aria-hidden": "true"
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "Unavailable" }),
-			lastSeen !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "text-foreground-subtle/70",
-				children: `· last seen ${lastSeen}`
-			}) : null
-		]
-	});
-}
-//#endregion
-//#region src/composites/device-controls/primary-child.ts
-/**
-* Which child a container is rendered AS — this surface's name for the shared
-* rule.
-*
-* The list and the resolution used to live here, in a COPY that carried a
-* comment asking the Home Assistant adoption mapping and the viewer's panel to
-* stay in sync with it. Three lists and three comments is not one rule, it is
-* three chances to drift. Both now come from `@camstack/types`, which all of
-* them already depend on; what remains here is the adapter for this module's
-* historical `ChildRef` shape.
-*/
-/** The shared precedence, under this module's historical name. */
-var PRIORITY = _camstack_types.CONTAINER_CHILD_PRIORITY;
-/**
-* Resolve a container's primary child: the operator's pick when it still
-* matches a live child, else the highest-priority type.
-*
-* `entityId` here is `sourceInfo?.id ?? stableId` (see `containerChildToRef`).
-* The shared resolver matches its canonical `stableId` key first and accepts
-* that legacy value too, so a pick stored under either keeps resolving.
-*/
-function resolvePrimaryChild(children, overrideEntityId, containerName) {
-	const picked = (0, _camstack_types.resolveContainerPrimaryChild)(children.map((c) => ({
-		id: c.id,
-		stableId: c.entityId,
-		type: c.type,
-		...c.role !== void 0 ? { role: c.role } : {},
-		...c.name !== void 0 ? { name: c.name } : {}
-	})), overrideEntityId, containerName);
-	return picked === null ? null : children.find((c) => c.id === picked.id) ?? null;
-}
-//#endregion
-//#region src/composites/device-controls/container-primary.ts
-/**
-* Re-sync-stable identity of a child. Prefers the upstream-system dispatch key
-* (`sourceInfo.id` — e.g. HA `entity_id`); falls back to `stableId` for
-* providers that never populated SourceInfo. Both survive a re-sync that may
-* reallocate the numeric `id`.
-*/
-function childEntityId(child) {
-	return child.sourceInfo?.id ?? child.stableId;
-}
-/** Project a raw child row onto the pure resolver's {@link ChildRef} shape. */
-function containerChildToRef(child) {
-	return {
-		id: child.id,
-		entityId: childEntityId(child),
-		type: child.type,
-		...child.role !== void 0 && child.role !== null ? { role: child.role } : {},
-		...child.name !== void 0 ? { name: child.name } : {}
-	};
-}
-/**
-* Resolve the entityId override from the container's persisted `linkDeviceId`.
-* Returns the linked child's stable entityId, or `undefined` when there is no
-* link or the link is stale (points to a numeric id no longer present) — in
-* which case the resolver falls back to the priority default.
-*/
-function overrideEntityIdFromLink(children, linkDeviceId) {
-	if (linkDeviceId === null || linkDeviceId === void 0) return void 0;
-	const linked = children.find((c) => c.id === linkDeviceId);
-	return linked === void 0 ? void 0 : childEntityId(linked);
-}
-/**
-* Full container → primary-child resolution: project children to refs, resolve
-* the override entityId, and delegate to the pure resolver. Returns `null` for a
-* container with no children (caller degrades gracefully).
-*
-* Override precedence:
-*   1. `primaryChildEntityId` — the DURABLE override (re-sync/rename-stable),
-*      passed straight to the resolver which matches on `entityId`. Wins when a
-*      non-empty string is supplied.
-*   2. `linkDeviceId` — LEGACY numeric override, re-derived to an entityId from
-*      the live child set. Consulted only when there is no durable override.
-*
-* When neither resolves to a live child, the resolver falls back to the
-* priority default.
-*/
-function resolveContainerPrimary(children, linkDeviceId, primaryChildEntityId) {
-	return resolvePrimaryChild(children.map(containerChildToRef), primaryChildEntityId !== null && primaryChildEntityId !== void 0 && primaryChildEntityId !== "" ? primaryChildEntityId : overrideEntityIdFromLink(children, linkDeviceId));
-}
-//#endregion
-//#region src/composites/device-controls/container-primary-hero.tsx
-function ContainerPrimaryHero({ trpc, children, linkDeviceId, primaryChildEntityId }) {
-	const primary = resolveContainerPrimary(children, linkDeviceId, primaryChildEntityId);
-	const primaryChild = primary === null ? void 0 : children.find((c) => c.id === primary.id);
-	if (primaryChild === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "flex h-full w-full items-center justify-center p-4 text-[11px] italic text-foreground-subtle",
-		children: "No child entities to display."
+function useLockCapGuard(trpc, deviceId) {
+	const { cap } = useDeviceCapability({
+		trpc,
+		deviceId,
+		cap: (d) => d.lockControl,
+		slice: (d) => d.state.lockControl
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "flex h-full w-full flex-col items-stretch gap-3 p-3 sm:p-4",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(resolveDeviceControl(primaryChild.type)?.HeroCard ?? DummyHeroCard, {
+	return cap !== void 0;
+}
+function LockInlineControl({ trpc, deviceId, features, optimistic }) {
+	if (!useLockCapGuard(trpc, deviceId)) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LockPanel, {
+		trpc,
+		deviceId,
+		features,
+		layout: "compact",
+		optimistic
+	});
+}
+function LightInlineControl({ trpc, deviceId, features, optimistic }) {
+	if (!useSwitchCapGuard(trpc, deviceId)) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "inline-flex items-center gap-2",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SwitchPanel, {
 			trpc,
-			deviceId: primaryChild.id,
-			features: primaryChild.features
-		})
+			deviceId,
+			features,
+			layout: "compact",
+			optimistic
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BrightnessPanel, {
+			trpc,
+			deviceId,
+			features,
+			layout: "compact",
+			optimistic
+		})]
 	});
 }
-//#endregion
-//#region src/composites/device-controls/primary-child-picker.tsx
-var BASE_SELECT_CLASS = "rounded-md border border-border bg-surface px-1.5 py-0.5 text-[11px] text-foreground";
-function PrimaryChildPicker({ childrenList, selectedId, onSetPrimary, disabled, className }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
-		value: selectedId,
-		disabled,
-		onChange: (e) => {
-			const nextId = Number(e.target.value);
-			if (!Number.isFinite(nextId) || nextId === selectedId) return;
-			const picked = childrenList.find((c) => c.id === nextId);
-			if (picked !== void 0) onSetPrimary(picked.stableId);
-		},
-		className: className === void 0 ? BASE_SELECT_CLASS : `${BASE_SELECT_CLASS} ${className}`,
-		children: childrenList.map((c) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("option", {
-			value: c.id,
-			children: [
-				c.name,
-				" (",
-				c.type,
-				")"
-			]
-		}, c.id))
+function useFanCapGuard(trpc, deviceId) {
+	const { cap } = useDeviceCapability({
+		trpc,
+		deviceId,
+		cap: (d) => d.fanControl,
+		slice: (d) => d.state.fanControl
 	});
+	return cap !== void 0;
 }
-//#endregion
-//#region src/composites/device-list/batch-toolbar.tsx
-function DeviceBatchToolbar({ selectedIds, onClear, remove, disable, enable }) {
-	const [pendingDelete, setPendingDelete] = (0, react$1.useState)(false);
-	if (selectedIds.size === 0) return null;
-	const ids = [...selectedIds];
-	const count = ids.length;
-	const handleDisable = () => {
-		for (const id of ids) disable({ deviceId: id });
-		onClear();
-	};
-	const handleEnable = () => {
-		for (const id of ids) enable({ deviceId: id });
-		onClear();
-	};
-	const handleDeleteFirst = () => {
-		setPendingDelete(true);
-	};
-	const handleDeleteConfirm = () => {
-		for (const id of ids) remove({ deviceId: id });
-		setPendingDelete(false);
-		onClear();
-	};
-	const handleDeleteCancel = () => {
-		setPendingDelete(false);
-	};
-	const handleClear = () => {
-		setPendingDelete(false);
-		onClear();
-	};
+function FanInlineControl({ trpc, deviceId, features, optimistic }) {
+	if (!useFanCapGuard(trpc, deviceId)) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "flex items-center gap-2 px-3 py-2 rounded-lg border border-border bg-surface-hover",
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-				className: "text-xs font-medium text-foreground-subtle shrink-0",
-				children: [count, " selected"]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "h-3.5 w-px bg-border shrink-0",
-				"aria-hidden": "true"
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "flex items-center gap-1.5 flex-wrap",
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-						type: "button",
-						onClick: handleDisable,
-						className: cn("inline-flex items-center h-6 px-2.5 rounded-md border text-[10.5px] font-medium transition-colors", "border-border bg-surface text-foreground-subtle hover:text-foreground hover:bg-surface"),
-						children: "Disable"
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-						type: "button",
-						onClick: handleEnable,
-						className: cn("inline-flex items-center h-6 px-2.5 rounded-md border text-[10.5px] font-medium transition-colors", "border-border bg-surface text-foreground-subtle hover:text-foreground hover:bg-surface"),
-						children: "Enable"
-					}),
-					pendingDelete ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-						type: "button",
-						onClick: handleDeleteConfirm,
-						className: cn("inline-flex items-center h-6 px-2.5 rounded-md border text-[10.5px] font-medium transition-colors", "border-red-500/50 bg-red-500/10 text-red-400 hover:bg-red-500/20"),
-						children: [
-							"Confirm delete ",
-							count,
-							"?"
-						]
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-						type: "button",
-						onClick: handleDeleteCancel,
-						className: cn("inline-flex items-center h-6 px-2.5 rounded-md border text-[10.5px] font-medium transition-colors", "border-border bg-surface text-foreground-subtle hover:text-foreground hover:bg-surface"),
-						children: "Cancel"
-					})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-						type: "button",
-						onClick: handleDeleteFirst,
-						className: cn("inline-flex items-center h-6 px-2.5 rounded-md border text-[10.5px] font-medium transition-colors", "border-red-500/40 bg-red-500/10 text-red-400 hover:bg-red-500/20"),
-						children: "Delete"
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-						type: "button",
-						onClick: handleClear,
-						className: cn("inline-flex items-center h-6 px-2.5 rounded-md border text-[10.5px] font-medium transition-colors", "border-border bg-surface text-foreground-subtle hover:text-foreground hover:bg-surface"),
-						children: "Clear"
-					})
-				]
-			})
-		]
+		className: "inline-flex items-center gap-2",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SwitchPanel, {
+			trpc,
+			deviceId,
+			features,
+			layout: "compact",
+			optimistic
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FanPanel, {
+			trpc,
+			deviceId,
+			features,
+			layout: "compact",
+			optimistic
+		})]
 	});
 }
-//#endregion
-//#region src/composites/device-list/batch-actions-bar.tsx
-/**
-* <DeviceBatchActionsBar> — responsive wrapper around <DeviceBatchToolbar>.
-*
-* Surfaces the available bulk actions once devices are selected:
-*   - L2+ (`sm` and up): the toolbar renders inline as a row of buttons.
-*   - L1 (`< sm`): a compact "Actions · N" trigger opens a popover that
-*     hosts the SAME <DeviceBatchToolbar>, so the action logic (inline
-*     delete-confirm, clear) is reused verbatim — never forked.
-*
-* Renders nothing while the selection is empty (delegated to the toolbar).
-*/
-function DeviceBatchActionsBar(props) {
-	const [open, setOpen] = (0, react$1.useState)(false);
-	const rootRef = (0, react$1.useRef)(null);
-	const count = props.selectedIds.size;
-	(0, react$1.useEffect)(() => {
-		if (!open) return;
-		const onOutside = (e) => {
-			const target = e.target instanceof Node ? e.target : null;
-			if (target && rootRef.current && !rootRef.current.contains(target)) setOpen(false);
-		};
-		const onKey = (e) => {
-			if (e.key === "Escape") setOpen(false);
-		};
-		document.addEventListener("mousedown", onOutside);
-		document.addEventListener("touchstart", onOutside);
-		document.addEventListener("keydown", onKey);
-		return () => {
-			document.removeEventListener("mousedown", onOutside);
-			document.removeEventListener("touchstart", onOutside);
-			document.removeEventListener("keydown", onKey);
-		};
-	}, [open]);
-	if (count === 0) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "hidden sm:block",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DeviceBatchToolbar, { ...props })
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		ref: rootRef,
-		"data-testid": "batch-actions-compact",
-		className: "relative sm:hidden",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-			type: "button",
-			onClick: () => setOpen((v) => !v),
-			"aria-haspopup": "menu",
-			"aria-expanded": open,
-			className: "inline-flex items-center gap-1.5 h-7 px-2.5 rounded-full border border-primary/40 bg-primary/15 text-[10.5px] font-medium text-primary",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: ["Actions · ", String(count)] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronDown, { className: `h-3 w-3 transition-transform ${open ? "rotate-180" : ""}` })]
-		}), open && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			role: "menu",
-			className: "absolute left-0 top-full mt-1 z-30 rounded-lg border border-border bg-surface shadow-md",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DeviceBatchToolbar, { ...props })
-		})]
-	})] });
+function useClimateCapGuard(trpc, deviceId) {
+	const { cap } = useDeviceCapability({
+		trpc,
+		deviceId,
+		cap: (d) => d.climateControl,
+		slice: (d) => d.state.climateControl
+	});
+	return cap !== void 0;
 }
-//#endregion
-//#region src/composites/device-meta.ts
-var DEVICE_TYPE_META = {
-	[_camstack_types.DeviceType.Camera]: {
-		icon: Camera,
-		label: "Camera"
-	},
-	[_camstack_types.DeviceType.Hub]: {
-		icon: Network,
-		label: "Hub"
-	},
-	[_camstack_types.DeviceType.Light]: {
-		icon: Lightbulb,
-		label: "Light"
-	},
-	[_camstack_types.DeviceType.Siren]: {
-		icon: Siren,
-		label: "Siren"
-	},
-	[_camstack_types.DeviceType.Switch]: {
-		icon: ToggleLeft,
-		label: "Switch"
-	},
-	[_camstack_types.DeviceType.Sensor]: {
-		icon: Activity,
-		label: "Sensor"
-	},
-	[_camstack_types.DeviceType.Thermostat]: {
-		icon: Thermometer,
-		label: "Thermostat"
-	},
-	[_camstack_types.DeviceType.Climate]: {
-		icon: AirVent,
-		label: "Air conditioner"
-	},
-	[_camstack_types.DeviceType.Button]: {
-		icon: CircleDot,
-		label: "Button"
-	},
-	[_camstack_types.DeviceType.EventEmitter]: {
-		icon: Zap,
-		label: "Event Emitter"
-	},
-	[_camstack_types.DeviceType.Update]: {
-		icon: RefreshCw,
-		label: "Update"
-	},
-	[_camstack_types.DeviceType.Generic]: {
-		icon: Box,
-		label: "Generic"
-	},
-	[_camstack_types.DeviceType.Notifier]: {
-		icon: Bell,
-		label: "Notifier"
-	},
-	[_camstack_types.DeviceType.Script]: {
-		icon: ScrollText,
-		label: "Script"
-	},
-	[_camstack_types.DeviceType.Automation]: {
-		icon: Workflow,
-		label: "Automation"
-	},
-	[_camstack_types.DeviceType.Lock]: {
-		icon: Lock,
-		label: "Lock"
-	},
-	[_camstack_types.DeviceType.Cover]: {
-		icon: Blinds,
-		label: "Cover"
-	},
-	[_camstack_types.DeviceType.Valve]: {
-		icon: Pipette,
-		label: "Valve"
-	},
-	[_camstack_types.DeviceType.Humidifier]: {
-		icon: Waves,
-		label: "Humidifier"
-	},
-	[_camstack_types.DeviceType.WaterHeater]: {
-		icon: Bath,
-		label: "Water heater"
-	},
-	[_camstack_types.DeviceType.Fan]: {
-		icon: Fan,
-		label: "Fan"
-	},
-	[_camstack_types.DeviceType.MediaPlayer]: {
-		icon: MonitorPlay,
-		label: "Media player"
-	},
-	[_camstack_types.DeviceType.AlarmPanel]: {
-		icon: ShieldAlert,
-		label: "Alarm panel"
-	},
-	[_camstack_types.DeviceType.Control]: {
-		icon: SlidersHorizontal,
-		label: "Control"
-	},
-	[_camstack_types.DeviceType.Presence]: {
-		icon: MapPin,
-		label: "Presence"
-	},
-	[_camstack_types.DeviceType.Weather]: {
-		icon: CloudSun,
-		label: "Weather"
-	},
-	[_camstack_types.DeviceType.Vacuum]: {
-		icon: Bot,
-		label: "Vacuum"
-	},
-	[_camstack_types.DeviceType.LawnMower]: {
-		icon: Tractor,
-		label: "Lawn mower"
-	},
-	[_camstack_types.DeviceType.Container]: {
-		icon: Box,
-		label: "Container"
-	},
-	[_camstack_types.DeviceType.Image]: {
-		icon: Image,
-		label: "Image"
-	},
-	[_camstack_types.DeviceType.PetFeeder]: {
-		icon: Bone,
-		label: "Pet feeder"
-	}
-};
-var DEVICE_ROLE_META = {
-	[_camstack_types.DeviceRole.Siren]: {
-		icon: Siren,
-		label: "Siren"
-	},
-	[_camstack_types.DeviceRole.Floodlight]: {
-		icon: Lightbulb,
-		label: "Floodlight"
-	},
-	[_camstack_types.DeviceRole.Spotlight]: {
-		icon: Flashlight,
-		label: "Spotlight"
-	},
-	[_camstack_types.DeviceRole.PirSensor]: {
-		icon: Radar,
-		label: "PIR sensor"
-	},
-	[_camstack_types.DeviceRole.Chime]: {
-		icon: Bell,
-		label: "Chime"
-	},
-	[_camstack_types.DeviceRole.Autotrack]: {
-		icon: Crosshair,
-		label: "Auto-track"
-	},
-	[_camstack_types.DeviceRole.Nightvision]: {
-		icon: Moon,
-		label: "Night vision"
-	},
-	[_camstack_types.DeviceRole.PrivacyMask]: {
-		icon: EyeOff,
-		label: "Privacy mask"
-	},
-	[_camstack_types.DeviceRole.Doorbell]: {
-		icon: DoorClosed,
-		label: "Doorbell"
-	},
-	[_camstack_types.DeviceRole.BinaryHelper]: {
-		icon: ToggleLeft,
-		label: "Binary helper"
-	},
-	[_camstack_types.DeviceRole.MotionSensor]: {
-		icon: Footprints,
-		label: "Motion sensor"
-	},
-	[_camstack_types.DeviceRole.ContactSensor]: {
-		icon: DoorOpen,
-		label: "Contact sensor"
-	},
-	[_camstack_types.DeviceRole.LeakSensor]: {
-		icon: Droplet,
-		label: "Leak sensor"
-	},
-	[_camstack_types.DeviceRole.SmokeSensor]: {
-		icon: AlarmSmoke,
-		label: "Smoke sensor"
-	},
-	[_camstack_types.DeviceRole.COSensor]: {
-		icon: Wind,
-		label: "CO sensor"
-	},
-	[_camstack_types.DeviceRole.GasSensor]: {
-		icon: Flame,
-		label: "Gas sensor"
-	},
-	[_camstack_types.DeviceRole.TamperSensor]: {
-		icon: ShieldAlert,
-		label: "Tamper sensor"
-	},
-	[_camstack_types.DeviceRole.VibrationSensor]: {
-		icon: Vibrate,
-		label: "Vibration sensor"
-	},
-	[_camstack_types.DeviceRole.ConnectivitySensor]: {
-		icon: Wifi,
-		label: "Connectivity"
-	},
-	[_camstack_types.DeviceRole.SoundSensor]: {
-		icon: Volume2,
-		label: "Sound sensor"
-	},
-	[_camstack_types.DeviceRole.BinarySensor]: {
-		icon: ToggleLeft,
-		label: "Binary sensor"
-	},
-	[_camstack_types.DeviceRole.TemperatureSensor]: {
-		icon: Thermometer,
-		label: "Temperature"
-	},
-	[_camstack_types.DeviceRole.HumiditySensor]: {
-		icon: Droplets,
-		label: "Humidity"
-	},
-	[_camstack_types.DeviceRole.AmbientLightSensor]: {
-		icon: Sun,
-		label: "Ambient light"
-	},
-	[_camstack_types.DeviceRole.PressureSensor]: {
-		icon: Gauge,
-		label: "Pressure"
+function ThermostatInlineControl({ trpc, deviceId, features, optimistic }) {
+	if (!useClimateCapGuard(trpc, deviceId)) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClimatePanel, {
+		trpc,
+		deviceId,
+		features,
+		layout: "compact",
+		optimistic
+	});
+}
+function AcInlineControl({ trpc, deviceId, features, optimistic }) {
+	if (!useClimateCapGuard(trpc, deviceId)) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AcPanel, {
+		trpc,
+		deviceId,
+		features,
+		layout: "compact",
+		optimistic
+	});
+}
+function AcHeroCard({ trpc, deviceId, features, optimistic }) {
+	if (!useClimateCapGuard(trpc, deviceId)) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AcPanel, {
+		trpc,
+		deviceId,
+		features,
+		layout: "full",
+		optimistic
+	});
+}
+function useMediaPlayerCapGuard(trpc, deviceId) {
+	const { cap } = useDeviceCapability({
+		trpc,
+		deviceId,
+		cap: (d) => d.mediaPlayer,
+		slice: (d) => d.state.mediaPlayer
+	});
+	return cap !== void 0;
+}
+function MediaPlayerInlineControl({ trpc, deviceId, features, optimistic }) {
+	if (!useMediaPlayerCapGuard(trpc, deviceId)) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MediaPlayerPanel, {
+		trpc,
+		deviceId,
+		features,
+		layout: "compact",
+		optimistic
+	});
+}
+function useControlCapGuard(trpc, deviceId) {
+	const { cap } = useDeviceCapability({
+		trpc,
+		deviceId,
+		cap: (d) => d.control,
+		slice: (d) => d.state.control
+	});
+	return cap !== void 0;
+}
+function ControlInlineControl({ trpc, deviceId, features, optimistic }) {
+	if (!useControlCapGuard(trpc, deviceId)) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ControlPanel, {
+		trpc,
+		deviceId,
+		features,
+		layout: "compact",
+		optimistic
+	});
+}
+function ControlHeroCard({ trpc, deviceId, features, optimistic }) {
+	if (!useControlCapGuard(trpc, deviceId)) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HeroShell, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ControlPanel, {
+		trpc,
+		deviceId,
+		features,
+		layout: "full",
+		optimistic
+	}) });
+}
+//#endregion
+//#region src/composites/device-controls/control-registry.tsx
+/**
+* Presentation binding: the shared `DeviceControlKind` (decided in
+* `@camstack/types` `resolveDeviceControlKind`) → this platform's web
+* components. Exhaustive over `DeviceControlKind` — omitting a kind fails the
+* build here. The type→kind DECISION is single-sourced in `@camstack/types`;
+* this map only binds a kind to its web widgets.
+*/
+var CONTROL_KIND_COMPONENTS = {
+	cover: {
+		InlineControl: CoverInlineControl,
+		HeroCard: CoverHeroCard
 	},
-	[_camstack_types.DeviceRole.WindSensor]: {
-		icon: Wind,
-		label: "Wind"
+	valve: {
+		InlineControl: ValveInlineControl,
+		HeroCard: ValveHeroCard
 	},
-	[_camstack_types.DeviceRole.RainSensor]: {
-		icon: CloudRain,
-		label: "Rain"
+	humidifier: {
+		InlineControl: HumidifierInlineControl,
+		HeroCard: HumidifierHeroCard
 	},
-	[_camstack_types.DeviceRole.UvSensor]: {
-		icon: SunMedium,
-		label: "UV index"
+	"water-heater": {
+		InlineControl: WaterHeaterInlineControl,
+		HeroCard: WaterHeaterHeroCard
 	},
-	[_camstack_types.DeviceRole.SolarRadiationSensor]: {
-		icon: Sunrise,
-		label: "Solar radiation"
+	switch: {
+		InlineControl: SwitchInlineControl,
+		HeroCard: SwitchHeroCard
 	},
-	[_camstack_types.DeviceRole.SoilMoistureSensor]: {
-		icon: Sprout,
-		label: "Soil moisture"
+	light: {
+		InlineControl: LightInlineControl,
+		HeroCard: LightHeroCard
 	},
-	[_camstack_types.DeviceRole.PowerSensor]: {
-		icon: Zap,
-		label: "Power"
+	fan: {
+		InlineControl: FanInlineControl,
+		HeroCard: FanHeroCard
 	},
-	[_camstack_types.DeviceRole.EnergySensor]: {
-		icon: Zap,
-		label: "Energy"
+	sensor: {
+		InlineControl: SensorInlineControl,
+		HeroCard: SensorHeroCard
 	},
-	[_camstack_types.DeviceRole.VoltageSensor]: {
-		icon: Zap,
-		label: "Voltage"
+	thermostat: {
+		InlineControl: ThermostatInlineControl,
+		HeroCard: ThermostatHeroCard
 	},
-	[_camstack_types.DeviceRole.CurrentSensor]: {
-		icon: Zap,
-		label: "Current"
+	climate: {
+		InlineControl: AcInlineControl,
+		HeroCard: AcHeroCard
 	},
-	[_camstack_types.DeviceRole.AirQualitySensor]: {
-		icon: Wind,
-		label: "Air quality"
+	button: {
+		InlineControl: ButtonControl,
+		HeroCard: ButtonHeroCard
 	},
-	[_camstack_types.DeviceRole.BatterySensor]: {
-		icon: Gauge,
-		label: "Battery"
+	update: {
+		InlineControl: UpdateInlineControl,
+		HeroCard: UpdateHeroCard
 	},
-	[_camstack_types.DeviceRole.NumericSensor]: {
-		icon: Hash,
-		label: "Numeric sensor"
+	lock: {
+		InlineControl: LockInlineControl,
+		HeroCard: LockHeroCard
 	},
-	[_camstack_types.DeviceRole.EnumSensor]: {
-		icon: List,
-		label: "Enum sensor"
+	"media-player": {
+		InlineControl: MediaPlayerInlineControl,
+		HeroCard: MediaPlayerHeroCard
 	},
-	[_camstack_types.DeviceRole.DateTimeSensor]: {
-		icon: Clock,
-		label: "Date / time"
+	alarm: {
+		InlineControl: AlarmInlineControl,
+		HeroCard: AlarmHeroCard
 	},
-	[_camstack_types.DeviceRole.GenericSensor]: {
-		icon: Gauge,
-		label: "Sensor"
+	control: {
+		InlineControl: ControlInlineControl,
+		HeroCard: ControlHeroCard
 	},
-	[_camstack_types.DeviceRole.NumericControl]: {
-		icon: SlidersHorizontal,
-		label: "Numeric control"
+	weather: {
+		InlineControl: WeatherInlineControl,
+		HeroCard: WeatherHeroCard
 	},
-	[_camstack_types.DeviceRole.SelectControl]: {
-		icon: ListChecks,
-		label: "Select control"
+	vacuum: {
+		InlineControl: VacuumInlineControl,
+		HeroCard: VacuumHeroCard
 	},
-	[_camstack_types.DeviceRole.TextControl]: {
-		icon: Type,
-		label: "Text control"
+	"lawn-mower": {
+		InlineControl: LawnMowerInlineControl,
+		HeroCard: LawnMowerHeroCard
 	},
-	[_camstack_types.DeviceRole.DateTimeControl]: {
-		icon: Clock,
-		label: "Date / time control"
+	image: {
+		InlineControl: ImageInlineControl,
+		HeroCard: ImageHeroCard
 	},
-	[_camstack_types.DeviceRole.MobilePushNotifier]: {
-		icon: Smartphone,
-		label: "Mobile push"
+	"pet-feeder": {
+		InlineControl: PetFeederInlineControl,
+		HeroCard: PetFeederHeroCard
 	},
-	[_camstack_types.DeviceRole.MessagingNotifier]: {
-		icon: MessageSquare,
-		label: "Messaging"
+	script: {
+		InlineControl: ScriptInlineControl,
+		HeroCard: ScriptHeroCard
 	},
-	[_camstack_types.DeviceRole.EmailNotifier]: {
-		icon: Mail,
-		label: "Email"
+	automation: {
+		InlineControl: AutomationInlineControl,
+		HeroCard: AutomationHeroCard
 	},
-	[_camstack_types.DeviceRole.GenericNotifier]: {
-		icon: Bell,
-		label: "Notifier"
+	dummy: {
+		InlineControl: DummyInline,
+		HeroCard: DummyHeroCard
 	}
 };
+/**
+* Exhaustive record over DeviceType, DERIVED from the shared decision
+* (`DEVICE_TYPE_CONTROL_KIND`) composed with the web `CONTROL_KIND_COMPONENTS`
+* binding — so the type→control mapping can never diverge from the single
+* source in `@camstack/types`. Preserved as a public export for consumers/tests
+* that index it by `DeviceType`.
+*
+* The `Object.fromEntries` result is a `{ [k: string]: DeviceTypeControl }`;
+* `Object.values(DeviceType)` (a string enum) yields exactly the enum's members,
+* so the record is fully populated — the assertion narrows that documented
+* enum-record projection boundary.
+*/
+var DEVICE_TYPE_CONTROL = Object.fromEntries(Object.values(_camstack_types.DeviceType).map((type) => [type, CONTROL_KIND_COMPONENTS[_camstack_types.DEVICE_TYPE_CONTROL_KIND[type]]]));
+/**
+* Per-type FILL flag.
+*
+*   true  — range / choice / button controls (cover ▲■▼ triad, thermostat
+*           setpoint stepper, media/control/button action buttons, alarm
+*           segmented control). The child STRETCHES to the full column width.
+*   false — readouts, tap-toggles, icon controls (lock), and dummy/placeholder
+*           types. The child keeps its NATURAL width; where it sits in the
+*           column (flush right vs centered) is decided by the caller via a
+*           `ControlPlacement` — see `resolveControlAlign`.
+*
+* Dummy types (Camera, Hub, Generic, Weather, Vacuum, Container, and placeholder
+* types Notifier/Script/Automation whose InlineControl renders "—") are `false` —
+* the dash placeholder must not be stretched to the full column width. (AlarmPanel
+* has a real segmented inline control and is `true`.) When a later task gives a
+* remaining placeholder type a real stretchy inline control, flip its flag to true.
+*
+* Exhaustive over DeviceType — a missing member is a TypeScript build error.
+*/
+var CONTROL_FILLS = {
+	[_camstack_types.DeviceType.Cover]: true,
+	[_camstack_types.DeviceType.Valve]: true,
+	[_camstack_types.DeviceType.Thermostat]: true,
+	[_camstack_types.DeviceType.Climate]: true,
+	[_camstack_types.DeviceType.Control]: true,
+	[_camstack_types.DeviceType.Button]: true,
+	[_camstack_types.DeviceType.MediaPlayer]: true,
+	[_camstack_types.DeviceType.AlarmPanel]: true,
+	[_camstack_types.DeviceType.Lock]: false,
+	[_camstack_types.DeviceType.Vacuum]: false,
+	[_camstack_types.DeviceType.LawnMower]: false,
+	[_camstack_types.DeviceType.Humidifier]: false,
+	[_camstack_types.DeviceType.Switch]: false,
+	[_camstack_types.DeviceType.Siren]: false,
+	[_camstack_types.DeviceType.Light]: false,
+	[_camstack_types.DeviceType.Fan]: false,
+	[_camstack_types.DeviceType.WaterHeater]: false,
+	[_camstack_types.DeviceType.Sensor]: false,
+	[_camstack_types.DeviceType.Presence]: false,
+	[_camstack_types.DeviceType.EventEmitter]: false,
+	[_camstack_types.DeviceType.Notifier]: false,
+	[_camstack_types.DeviceType.Script]: false,
+	[_camstack_types.DeviceType.Automation]: false,
+	[_camstack_types.DeviceType.Camera]: false,
+	[_camstack_types.DeviceType.Hub]: false,
+	[_camstack_types.DeviceType.Update]: false,
+	[_camstack_types.DeviceType.Generic]: false,
+	[_camstack_types.DeviceType.Weather]: false,
+	[_camstack_types.DeviceType.Container]: false,
+	[_camstack_types.DeviceType.Image]: false,
+	[_camstack_types.DeviceType.PetFeeder]: false
+};
 var DEVICE_TYPE_VALUES = new Set(Object.values(_camstack_types.DeviceType));
-var DEVICE_ROLE_VALUES = new Set(Object.values(_camstack_types.DeviceRole));
-function isDeviceType(value) {
-	return DEVICE_TYPE_VALUES.has(value);
-}
-function isDeviceRole(value) {
-	return DEVICE_ROLE_VALUES.has(value);
-}
-/** Meta for a known `DeviceType`. */
-function deviceTypeMeta(type) {
-	return DEVICE_TYPE_META[type];
-}
-/** Meta for a known `DeviceRole`. */
-function deviceRoleMeta(role) {
-	return DEVICE_ROLE_META[role];
+/**
+* Runtime-string-safe lookup: a device row's `type` crosses the wire as a plain
+* string. The type→control-kind DECISION is single-sourced in `@camstack/types`
+* (`resolveDeviceControlKind`, null for an unrecognised type); this maps the
+* resolved kind onto the web components.
+*/
+function resolveDeviceControl(type) {
+	const kind = (0, _camstack_types.resolveDeviceControlKind)(type);
+	return kind ? CONTROL_KIND_COMPONENTS[kind] : null;
 }
-var FALLBACK_DEVICE_TYPE_META = DEVICE_TYPE_META[_camstack_types.DeviceType.Generic];
-var FALLBACK_DEVICE_ROLE_META = DEVICE_ROLE_META[_camstack_types.DeviceRole.GenericSensor];
 /**
-* Runtime-string-safe lookup: device data crosses process / network boundaries
-* as plain strings, so an unrecognised value falls back to the `Generic` meta
-* instead of throwing.
+* Runtime-string-safe alignment lookup for the fixed-width control column.
 *
-* This also guards mixed-version module-federation loads where the host
-* `@camstack/types` enum has a new member before the loaded ui-library bundle
-* has the matching `DEVICE_TYPE_META` entry.
+* A device's `type` crosses the wire as a plain string;
+* `DEVICE_TYPE_VALUES.has(type)` narrows it to `DeviceType` before indexing
+* `CONTROL_FILLS`, making the cast sound. The `'table'` placement is
+* content-width for EVERY type (returns `FIT`), so a wide control never
+* overflows a fixed box — the FILL flag is irrelevant there. For the fixed-box
+* placements a FILL type always stretches (`FILL`) and a natural-width type is
+* placed by the caller's `placement` — `'center'` → `CENTER`, `'right'` →
+* `RIGHT` (card / minimal view). An unrecognised type falls back to
+* natural-width placement.
 */
-function deviceTypeMetaOf(type) {
-	if (!isDeviceType(type)) return FALLBACK_DEVICE_TYPE_META;
-	return DEVICE_TYPE_META[type] ?? FALLBACK_DEVICE_TYPE_META;
-}
-/** Runtime-string-safe role lookup; unknown roles fall back to `GenericSensor`. */
-function deviceRoleMetaOf(role) {
-	if (!isDeviceRole(role)) return FALLBACK_DEVICE_ROLE_META;
-	return DEVICE_ROLE_META[role] ?? FALLBACK_DEVICE_ROLE_META;
+function resolveControlAlign(type, placement) {
+	if (placement === "table") return "fit";
+	return DEVICE_TYPE_VALUES.has(type) && CONTROL_FILLS[type] ? FILL : placement === "center" ? CENTER : RIGHT;
 }
+//#endregion
+//#region src/lib/format-last-seen.ts
 /**
-* Icons an operator may pick for a per-device `display.icon` override (and for
-* a per-role default), keyed by a stable kebab-case name. Named imports only —
-* no dynamic indexing into lucide, so the bundle carries exactly this set.
-* Unknown keys resolve to `undefined` (caller falls through to the next level).
+* Relative "last seen" formatter for the offline affordance.
 *
-* The vocabulary is the one the VIEWER draws from too (its own icon module,
-* keyed by these same strings): a key added here that the phone cannot draw
-* falls through to the next resolution level there, which reads as "my change
-* did nothing". So the KEY is the contract — a stable kebab-case string, never
-* a glyph identity — and `device-meta.test.ts` pins that every key resolves
-* and that the set never loses a key an operator may already have persisted.
+* Renders a short relative-time label from a millisecond epoch:
+* "just now", "5m ago", "3h ago", "2d ago". Returns `null` for missing
+* inputs, or inputs below {@link MIN_PLAUSIBLE_TIMESTAMP_MS} (a
+* placeholder or a seeded "known value, unknown change time" stamp), so
+* callers can render nothing rather than a misleading "—", "NaN ago", or
+* (for a seeded `1`) "20000 days ago".
 *
-* Grouped by what an operator is naming: a device, a light or appliance, a
-* sensor or the weather it reads, a room, or what moves through it. `gauge2`
-* is a legacy alias kept for rows that persisted it.
+* Future timestamps (clock skew between the device and the browser)
+* collapse to "just now" instead of a negative duration.
 */
-var DISPLAY_ICON_REGISTRY = {
-	camera: Camera,
-	network: Network,
-	"toggle-left": ToggleLeft,
-	"toggle-right": ToggleRight,
-	"circle-dot": CircleDot,
-	"refresh-cw": RefreshCw,
-	box: Box,
-	"scroll-text": ScrollText,
-	workflow: Workflow,
-	lock: Lock,
-	"lock-open": LockOpen,
-	blinds: Blinds,
-	"air-vent": AirVent,
-	"monitor-play": MonitorPlay,
-	"sliders-horizontal": SlidersHorizontal,
-	"map-pin": MapPin,
-	bot: Bot,
-	tractor: Tractor,
-	image: Image,
-	bone: Bone,
-	"door-closed": DoorClosed,
-	"door-open": DoorOpen,
-	crosshair: Crosshair,
-	eye: Eye,
-	"eye-off": EyeOff,
-	smartphone: Smartphone,
-	phone: Phone,
-	tablet: Tablet,
-	laptop: Laptop,
-	monitor: Monitor,
-	tv: Tv,
-	speaker: Speaker,
-	printer: Printer,
-	projector: Projector,
-	"gamepad-2": Gamepad2,
-	radio: Radio,
-	router: Router,
-	bluetooth: Bluetooth,
-	cpu: Cpu,
-	"hard-drive": HardDrive,
-	server: Server,
-	mic: Mic,
-	"mic-off": MicOff,
-	video: Video,
-	"video-off": VideoOff,
-	music: Music,
-	plug: Plug,
-	"plug-zap": PlugZap,
-	power: Power,
-	"power-off": PowerOff,
-	cable: Cable,
-	battery: Battery,
-	"battery-charging": BatteryCharging,
-	"battery-full": BatteryFull,
-	"battery-low": BatteryLow,
-	key: Key,
-	"key-round": KeyRound,
-	mailbox: Mailbox,
-	package: Package,
-	shield: Shield,
-	"shield-check": ShieldCheck,
-	"shield-off": ShieldOff,
-	lightbulb: Lightbulb,
-	lamp: Lamp,
-	"lamp-ceiling": LampCeiling,
-	"lamp-desk": LampDesk,
-	"lamp-floor": LampFloor,
-	flashlight: Flashlight,
-	heater: Heater,
-	snowflake: Snowflake,
-	"thermometer-sun": ThermometerSun,
-	"thermometer-snowflake": ThermometerSnowflake,
-	refrigerator: Refrigerator,
-	microwave: Microwave,
-	"washing-machine": WashingMachine,
-	"cooking-pot": CookingPot,
-	utensils: Utensils,
-	thermometer: Thermometer,
-	droplets: Droplets,
-	droplet: Droplet,
-	gauge: Gauge,
-	gauge2: Gauge,
-	sun: Sun,
-	"sun-medium": SunMedium,
-	sunrise: Sunrise,
-	moon: Moon,
-	wind: Wind,
-	cloud: Cloud,
-	"cloud-rain": CloudRain,
-	"cloud-sun": CloudSun,
-	waves: Waves,
-	sprout: Sprout,
-	leaf: Leaf,
-	flower: Flower,
-	zap: Zap,
-	flame: Flame,
-	bell: Bell,
-	"bell-ring": BellRing,
-	"bell-off": BellOff,
-	siren: Siren,
-	radar: Radar,
-	activity: Activity,
-	hash: Hash,
-	clock: Clock,
-	timer: Timer,
-	calendar: Calendar,
-	pipette: Pipette,
-	fan: Fan,
-	bath: Bath,
-	footprints: Footprints,
-	"alarm-smoke": AlarmSmoke,
-	"shield-alert": ShieldAlert,
-	vibrate: Vibrate,
-	wifi: Wifi,
-	"wifi-off": WifiOff,
-	"volume-2": Volume2,
-	"volume-x": VolumeX,
-	heart: Heart,
-	"heart-pulse": HeartPulse,
-	star: Star,
-	sparkles: Sparkles,
-	house: House,
-	sofa: Sofa,
-	"bed-double": BedDouble,
-	bed: Bed,
-	warehouse: Warehouse,
-	trees: Trees,
-	"tree-pine": TreePine,
-	fence: Fence,
-	store: Store,
-	building: Building,
-	"building-2": Building2,
-	mountain: Mountain,
-	umbrella: Umbrella,
-	dumbbell: Dumbbell,
-	wrench: Wrench,
-	hammer: Hammer,
-	drill: Drill,
-	"waves-ladder": WavesLadder,
-	"circle-parking": CircleParking,
-	briefcase: Briefcase,
-	route: Route,
-	car: Car,
-	bike: Bike,
-	bus: Bus,
-	truck: Truck,
-	plane: Plane,
-	"train-front": TrainFront,
-	sailboat: Sailboat,
-	dog: Dog,
-	cat: Cat,
-	bird: Bird,
-	"paw-print": PawPrint,
-	baby: Baby,
-	user: User,
-	users: Users,
-	"person-standing": PersonStanding
-};
-/** Resolve a `display.icon` name to a lucide component, or `undefined` when the
-*  name is not in the curated `DISPLAY_ICON_REGISTRY`. */
-function resolveDisplayIcon(name) {
-	return Object.hasOwn(DISPLAY_ICON_REGISTRY, name) ? DISPLAY_ICON_REGISTRY[name] : void 0;
+var SECOND_MS = 1e3;
+var MINUTE_MS = 60 * SECOND_MS;
+var HOUR_MS = 60 * MINUTE_MS;
+var DAY_MS = 24 * HOUR_MS;
+var JUST_NOW_MS = 30 * SECOND_MS;
+/**
+* The earliest timestamp a real "last seen" could plausibly carry. Below
+* this, a value is a placeholder or a seeded "known value, unknown change
+* time" stamp (e.g. Homematic's `HM_SEEDED_CHANGED_AT = 1`) — never a real
+* instant. Year 2000 predates every device this renders.
+*/
+var MIN_PLAUSIBLE_TIMESTAMP_MS = Date.UTC(2e3, 0, 1);
+function formatLastSeen(timestampMs) {
+	if (timestampMs === null || timestampMs === void 0 || timestampMs < MIN_PLAUSIBLE_TIMESTAMP_MS) return null;
+	const delta = Date.now() - timestampMs;
+	if (delta < JUST_NOW_MS) return "just now";
+	if (delta < HOUR_MS) return `${String(Math.floor(delta / MINUTE_MS))}m ago`;
+	if (delta < DAY_MS) return `${String(Math.floor(delta / HOUR_MS))}h ago`;
+	return `${String(Math.floor(delta / DAY_MS))}d ago`;
+}
+//#endregion
+//#region src/composites/device-controls/offline-badge.tsx
+function OfflineBadge({ lastChangedAt, className }) {
+	const lastSeen = formatLastSeen(lastChangedAt);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+		title: lastSeen === null ? "Unavailable" : `Unavailable · last seen ${lastSeen}`,
+		className: cn("inline-flex items-center gap-1 rounded-full px-2 py-0.5", "bg-surface-hover text-foreground-subtle text-[10px] font-medium", "border border-border", className),
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(WifiOff, {
+				className: "h-3 w-3 flex-shrink-0",
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "Unavailable" }),
+			lastSeen !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "text-foreground-subtle/70",
+				children: `· last seen ${lastSeen}`
+			}) : null
+		]
+	});
 }
+//#endregion
+//#region src/composites/device-controls/primary-child.ts
 /**
-* EXHAUSTIVE device-type filter options — one entry per `DeviceType` member,
-* derived from `DEVICE_TYPE_META` so the set is always complete and a newly
-* added `DeviceType` automatically appears in every type filter (Devices page,
-* adoption modal, …) without touching any consumer.
+* Which child a container is rendered AS — this surface's name for the shared
+* rule.
 *
-* The previous per-consumer logic built options from the types PRESENT in the
-* list (or a hand-maintained subset), so recently-added types (vacuum, lawn
-* mower, valve, humidifier, water heater, weather, image, …) were silently
-* missing from the dropdown. This is the single source of truth instead.
+* The list and the resolution used to live here, in a COPY that carried a
+* comment asking the Home Assistant adoption mapping and the viewer's panel to
+* stay in sync with it. Three lists and three comments is not one rule, it is
+* three chances to drift. Both now come from `@camstack/types`, which all of
+* them already depend on; what remains here is the adapter for this module's
+* historical `ChildRef` shape.
+*/
+/** The shared precedence, under this module's historical name. */
+var PRIORITY = _camstack_types.CONTAINER_CHILD_PRIORITY;
+/**
+* Resolve a container's primary child: the operator's pick when it still
+* matches a live child, else the highest-priority type.
 *
-* `id` is the raw `DeviceType` string (matches the filtering predicate, which
-* compares against `device.type`); `label` + `icon` come from the meta map.
-* Ordered by `DeviceType` declaration order for a stable, intentional layout.
+* `entityId` here is `sourceInfo?.id ?? stableId` (see `containerChildToRef`).
+* The shared resolver matches its canonical `stableId` key first and accepts
+* that legacy value too, so a pick stored under either keeps resolving.
 */
-var ALL_DEVICE_TYPE_FILTER_OPTIONS = Object.values(_camstack_types.DeviceType).map((type) => {
-	const meta = deviceTypeMetaOf(type);
+function resolvePrimaryChild(children, overrideEntityId, containerName) {
+	const picked = (0, _camstack_types.resolveContainerPrimaryChild)(children.map((c) => ({
+		id: c.id,
+		stableId: c.entityId,
+		type: c.type,
+		...c.role !== void 0 ? { role: c.role } : {},
+		...c.name !== void 0 ? { name: c.name } : {}
+	})), overrideEntityId, containerName);
+	return picked === null ? null : children.find((c) => c.id === picked.id) ?? null;
+}
+//#endregion
+//#region src/composites/device-controls/container-primary.ts
+/**
+* Re-sync-stable identity of a child. Prefers the upstream-system dispatch key
+* (`sourceInfo.id` — e.g. HA `entity_id`); falls back to `stableId` for
+* providers that never populated SourceInfo. Both survive a re-sync that may
+* reallocate the numeric `id`.
+*/
+function childEntityId(child) {
+	return child.sourceInfo?.id ?? child.stableId;
+}
+/** Project a raw child row onto the pure resolver's {@link ChildRef} shape. */
+function containerChildToRef(child) {
 	return {
-		id: type,
-		label: meta.label,
-		icon: meta.icon
+		id: child.id,
+		entityId: childEntityId(child),
+		type: child.type,
+		...child.role !== void 0 && child.role !== null ? { role: child.role } : {},
+		...child.name !== void 0 ? { name: child.name } : {}
 	};
-});
-function allDeviceTypeFilterOptions() {
-	return ALL_DEVICE_TYPE_FILTER_OPTIONS;
+}
+/**
+* Resolve the entityId override from the container's persisted `linkDeviceId`.
+* Returns the linked child's stable entityId, or `undefined` when there is no
+* link or the link is stale (points to a numeric id no longer present) — in
+* which case the resolver falls back to the priority default.
+*/
+function overrideEntityIdFromLink(children, linkDeviceId) {
+	if (linkDeviceId === null || linkDeviceId === void 0) return void 0;
+	const linked = children.find((c) => c.id === linkDeviceId);
+	return linked === void 0 ? void 0 : childEntityId(linked);
+}
+/**
+* Full container → primary-child resolution: project children to refs, resolve
+* the override entityId, and delegate to the pure resolver. Returns `null` for a
+* container with no children (caller degrades gracefully).
+*
+* Override precedence:
+*   1. `primaryChildEntityId` — the DURABLE override (re-sync/rename-stable),
+*      passed straight to the resolver which matches on `entityId`. Wins when a
+*      non-empty string is supplied.
+*   2. `linkDeviceId` — LEGACY numeric override, re-derived to an entityId from
+*      the live child set. Consulted only when there is no durable override.
+*
+* When neither resolves to a live child, the resolver falls back to the
+* priority default.
+*/
+function resolveContainerPrimary(children, linkDeviceId, primaryChildEntityId) {
+	return resolvePrimaryChild(children.map(containerChildToRef), primaryChildEntityId !== null && primaryChildEntityId !== void 0 && primaryChildEntityId !== "" ? primaryChildEntityId : overrideEntityIdFromLink(children, linkDeviceId));
+}
+//#endregion
+//#region src/composites/device-controls/container-primary-hero.tsx
+function ContainerPrimaryHero({ trpc, children, linkDeviceId, primaryChildEntityId }) {
+	const primary = resolveContainerPrimary(children, linkDeviceId, primaryChildEntityId);
+	const primaryChild = primary === null ? void 0 : children.find((c) => c.id === primary.id);
+	if (primaryChild === void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "flex h-full w-full items-center justify-center p-4 text-[11px] italic text-foreground-subtle",
+		children: "No child entities to display."
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "flex h-full w-full flex-col items-stretch gap-3 p-3 sm:p-4",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(resolveDeviceControl(primaryChild.type)?.HeroCard ?? DummyHeroCard, {
+			trpc,
+			deviceId: primaryChild.id,
+			features: primaryChild.features
+		})
+	});
+}
+//#endregion
+//#region src/composites/device-controls/primary-child-picker.tsx
+var BASE_SELECT_CLASS = "rounded-md border border-border bg-surface px-1.5 py-0.5 text-[11px] text-foreground";
+function PrimaryChildPicker({ childrenList, selectedId, onSetPrimary, disabled, className }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+		value: selectedId,
+		disabled,
+		onChange: (e) => {
+			const nextId = Number(e.target.value);
+			if (!Number.isFinite(nextId) || nextId === selectedId) return;
+			const picked = childrenList.find((c) => c.id === nextId);
+			if (picked !== void 0) onSetPrimary(picked.stableId);
+		},
+		className: className === void 0 ? BASE_SELECT_CLASS : `${BASE_SELECT_CLASS} ${className}`,
+		children: childrenList.map((c) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("option", {
+			value: c.id,
+			children: [
+				c.name,
+				" (",
+				c.type,
+				")"
+			]
+		}, c.id))
+	});
+}
+//#endregion
+//#region src/composites/device-list/batch-toolbar.tsx
+function DeviceBatchToolbar({ selectedIds, onClear, remove, disable, enable }) {
+	const [pendingDelete, setPendingDelete] = (0, react$1.useState)(false);
+	if (selectedIds.size === 0) return null;
+	const ids = [...selectedIds];
+	const count = ids.length;
+	const handleDisable = () => {
+		for (const id of ids) disable({ deviceId: id });
+		onClear();
+	};
+	const handleEnable = () => {
+		for (const id of ids) enable({ deviceId: id });
+		onClear();
+	};
+	const handleDeleteFirst = () => {
+		setPendingDelete(true);
+	};
+	const handleDeleteConfirm = () => {
+		for (const id of ids) remove({ deviceId: id });
+		setPendingDelete(false);
+		onClear();
+	};
+	const handleDeleteCancel = () => {
+		setPendingDelete(false);
+	};
+	const handleClear = () => {
+		setPendingDelete(false);
+		onClear();
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex items-center gap-2 px-3 py-2 rounded-lg border border-border bg-surface-hover",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "text-xs font-medium text-foreground-subtle shrink-0",
+				children: [count, " selected"]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "h-3.5 w-px bg-border shrink-0",
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-1.5 flex-wrap",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						onClick: handleDisable,
+						className: cn("inline-flex items-center h-6 px-2.5 rounded-md border text-[10.5px] font-medium transition-colors", "border-border bg-surface text-foreground-subtle hover:text-foreground hover:bg-surface"),
+						children: "Disable"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						onClick: handleEnable,
+						className: cn("inline-flex items-center h-6 px-2.5 rounded-md border text-[10.5px] font-medium transition-colors", "border-border bg-surface text-foreground-subtle hover:text-foreground hover:bg-surface"),
+						children: "Enable"
+					}),
+					pendingDelete ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						type: "button",
+						onClick: handleDeleteConfirm,
+						className: cn("inline-flex items-center h-6 px-2.5 rounded-md border text-[10.5px] font-medium transition-colors", "border-red-500/50 bg-red-500/10 text-red-400 hover:bg-red-500/20"),
+						children: [
+							"Confirm delete ",
+							count,
+							"?"
+						]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						onClick: handleDeleteCancel,
+						className: cn("inline-flex items-center h-6 px-2.5 rounded-md border text-[10.5px] font-medium transition-colors", "border-border bg-surface text-foreground-subtle hover:text-foreground hover:bg-surface"),
+						children: "Cancel"
+					})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						onClick: handleDeleteFirst,
+						className: cn("inline-flex items-center h-6 px-2.5 rounded-md border text-[10.5px] font-medium transition-colors", "border-red-500/40 bg-red-500/10 text-red-400 hover:bg-red-500/20"),
+						children: "Delete"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						onClick: handleClear,
+						className: cn("inline-flex items-center h-6 px-2.5 rounded-md border text-[10.5px] font-medium transition-colors", "border-border bg-surface text-foreground-subtle hover:text-foreground hover:bg-surface"),
+						children: "Clear"
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/composites/device-list/batch-actions-bar.tsx
+/**
+* <DeviceBatchActionsBar> — responsive wrapper around <DeviceBatchToolbar>.
+*
+* Surfaces the available bulk actions once devices are selected:
+*   - L2+ (`sm` and up): the toolbar renders inline as a row of buttons.
+*   - L1 (`< sm`): a compact "Actions · N" trigger opens a popover that
+*     hosts the SAME <DeviceBatchToolbar>, so the action logic (inline
+*     delete-confirm, clear) is reused verbatim — never forked.
+*
+* Renders nothing while the selection is empty (delegated to the toolbar).
+*/
+function DeviceBatchActionsBar(props) {
+	const [open, setOpen] = (0, react$1.useState)(false);
+	const rootRef = (0, react$1.useRef)(null);
+	const count = props.selectedIds.size;
+	(0, react$1.useEffect)(() => {
+		if (!open) return;
+		const onOutside = (e) => {
+			const target = e.target instanceof Node ? e.target : null;
+			if (target && rootRef.current && !rootRef.current.contains(target)) setOpen(false);
+		};
+		const onKey = (e) => {
+			if (e.key === "Escape") setOpen(false);
+		};
+		document.addEventListener("mousedown", onOutside);
+		document.addEventListener("touchstart", onOutside);
+		document.addEventListener("keydown", onKey);
+		return () => {
+			document.removeEventListener("mousedown", onOutside);
+			document.removeEventListener("touchstart", onOutside);
+			document.removeEventListener("keydown", onKey);
+		};
+	}, [open]);
+	if (count === 0) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "hidden sm:block",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DeviceBatchToolbar, { ...props })
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref: rootRef,
+		"data-testid": "batch-actions-compact",
+		className: "relative sm:hidden",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			type: "button",
+			onClick: () => setOpen((v) => !v),
+			"aria-haspopup": "menu",
+			"aria-expanded": open,
+			className: "inline-flex items-center gap-1.5 h-7 px-2.5 rounded-full border border-primary/40 bg-primary/15 text-[10.5px] font-medium text-primary",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: ["Actions · ", String(count)] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronDown, { className: `h-3 w-3 transition-transform ${open ? "rotate-180" : ""}` })]
+		}), open && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			role: "menu",
+			className: "absolute left-0 top-full mt-1 z-30 rounded-lg border border-border bg-surface shadow-md",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DeviceBatchToolbar, { ...props })
+		})]
+	})] });
 }
 //#endregion
 //#region src/hooks/use-debounced-string.ts
@@ -50683,6 +51400,59 @@ function useDebouncedString(value, delayMs) {
 	return debounced;
 }
 //#endregion
+//#region src/hooks/use-persisted-page-size.ts
+/**
+* usePersistedPageSize — a "rows per page" choice remembered per viewer.
+*
+* The caller names the storage key, the allowed sizes and the default. Each
+* surface with its own default or option set keeps its own key, so one
+* surface's choice never lands on another that cannot show it (the device
+* list's global key stays `useDeviceListPageSize`'s, with its own options).
+*
+* `PAGE_SIZE_ALL` (0) is the "All" option: one page holding every row.
+*
+* Storage is a convenience, never a requirement: every read and write is
+* guarded, and a blocked / private-mode / missing storage simply means the
+* choice lasts until the page is left. A stored value that is not one of the
+* options (an older option set, a hand-edited value) is ignored.
+*/
+/** The "All" option — one page holding every row. */
+var PAGE_SIZE_ALL = 0;
+function readStored(key, options, fallback) {
+	if (key === null || typeof window === "undefined") return fallback;
+	try {
+		const raw = window.localStorage.getItem(key);
+		if (raw === null) return fallback;
+		const parsed = Number.parseInt(raw, 10);
+		return Number.isFinite(parsed) && options.includes(parsed) ? parsed : fallback;
+	} catch {
+		return fallback;
+	}
+}
+function writeStored(key, value) {
+	if (key === null || typeof window === "undefined") return;
+	try {
+		window.localStorage.setItem(key, String(value));
+	} catch {}
+}
+/** @returns `[size, setSize]`; `setSize` ignores a size that is not an option. */
+function usePersistedPageSize({ storageKey, options, defaultSize }) {
+	const seed = options.includes(defaultSize) ? defaultSize : options[0] ?? defaultSize;
+	const [size, setSize] = (0, react$1.useState)(() => readStored(storageKey, options, seed));
+	return [size, (0, react$1.useCallback)((next) => {
+		if (!options.includes(next)) return;
+		setSize(next);
+		writeStored(storageKey, next);
+	}, [options, storageKey])];
+}
+/**
+* The number of rows one page holds for a chosen size: "All" is every row
+* (at least 1, so the pager arithmetic never divides by zero).
+*/
+function effectivePageSize(size, totalItems) {
+	return size === 0 ? Math.max(1, totalItems) : size;
+}
+//#endregion
 //#region src/hooks/use-device-list-page-size.ts
 /**
 * useDeviceListPageSize — global page-size preference for the device-list
@@ -50693,8 +51463,9 @@ function useDebouncedString(value, delayMs) {
 * value is validated against {@link DEVICE_LIST_PAGE_SIZE_OPTIONS}; any
 * garbage / out-of-range value falls back to the provided default.
 *
-* SSR / jsdom-safe: every `window` access is guarded so the hook can run in
-* a non-browser environment without throwing.
+* A thin binding of `usePersistedPageSize` to that key and option set; a
+* surface with a different default or options uses the generic hook with a
+* key of its own.
 */
 /** Selectable per-page sizes. The table default (50) is intentionally one of them. */
 var DEVICE_LIST_PAGE_SIZE_OPTIONS = [
@@ -50705,33 +51476,6 @@ var DEVICE_LIST_PAGE_SIZE_OPTIONS = [
 ];
 /** Single global key shared across every device-list surface. */
 var DEVICE_LIST_PAGE_SIZE_KEY = "camstack.device-list.pageSize";
-function isAllowed(value) {
-	return DEVICE_LIST_PAGE_SIZE_OPTIONS.includes(value);
-}
-/**
-* Normalize a caller-supplied `defaultSize` to an allowed option, falling back
-* to the canonical default so a stray value can never seed a phantom size.
-*/
-function safeDefault(defaultSize) {
-	return isAllowed(defaultSize) ? defaultSize : 50;
-}
-function readStored(defaultSize) {
-	if (typeof window === "undefined") return defaultSize;
-	try {
-		const raw = window.localStorage.getItem(DEVICE_LIST_PAGE_SIZE_KEY);
-		if (raw === null) return defaultSize;
-		const parsed = Number.parseInt(raw, 10);
-		return Number.isFinite(parsed) && isAllowed(parsed) ? parsed : defaultSize;
-	} catch {
-		return defaultSize;
-	}
-}
-function writeStored(value) {
-	if (typeof window === "undefined") return;
-	try {
-		window.localStorage.setItem(DEVICE_LIST_PAGE_SIZE_KEY, String(value));
-	} catch {}
-}
 /**
 * @param defaultSize fallback when nothing valid is stored. If it is not itself
 *   a member of {@link DEVICE_LIST_PAGE_SIZE_OPTIONS}, it is replaced by
@@ -50739,13 +51483,11 @@ function writeStored(value) {
 * @returns `[size, setSize]` — `setSize` ignores values outside the allowed set.
 */
 function useDeviceListPageSize(defaultSize) {
-	const seed = safeDefault(defaultSize);
-	const [size, setSize] = (0, react$1.useState)(() => readStored(seed));
-	return [size, (0, react$1.useCallback)((next) => {
-		if (!isAllowed(next)) return;
-		setSize(next);
-		writeStored(next);
-	}, [])];
+	return usePersistedPageSize({
+		storageKey: DEVICE_LIST_PAGE_SIZE_KEY,
+		options: DEVICE_LIST_PAGE_SIZE_OPTIONS,
+		defaultSize: DEVICE_LIST_PAGE_SIZE_OPTIONS.includes(defaultSize) ? defaultSize : 50
+	});
 }
 //#endregion
 //#region src/composites/device-item/helpers.ts
@@ -53043,6 +53785,29 @@ function groupTopLevelAndAccessories(devices, options) {
 	};
 }
 //#endregion
+//#region src/composites/device-list/page-size-select.tsx
+function pageSizeLabel(size) {
+	return size === 0 ? "All" : String(size);
+}
+function PageSizeSelect({ value, options, onChange, ariaLabel }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "inline-flex items-center gap-1.5",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			"aria-hidden": "true",
+			children: "Per page"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+			"aria-label": ariaLabel,
+			value,
+			onChange: (e) => onChange(Number.parseInt(e.target.value, 10)),
+			className: "h-7 px-1.5 rounded-md border border-border bg-surface text-[11px] text-foreground focus:outline-none focus:ring-1 focus:ring-primary/40",
+			children: options.map((opt) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+				value: opt,
+				children: pageSizeLabel(opt)
+			}, opt))
+		})]
+	});
+}
+//#endregion
 //#region src/composites/device-list/multi-select.tsx
 /**
 * Compact multi-select dropdown — a single chip-sized trigger ("Label · N")
@@ -53957,23 +54722,11 @@ function DeviceModeList(props) {
 						totalItems,
 						" ",
 						totalItems === 1 ? "device" : "devices"
-					] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "inline-flex items-center gap-1.5",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							"aria-hidden": "true",
-							children: "Per page"
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
-							"aria-label": "Devices per page",
-							value: tablePageSize,
-							onChange: (e) => {
-								setTablePageSize(Number.parseInt(e.target.value, 10));
-							},
-							className: "h-7 px-1.5 rounded-md border border-border bg-surface text-[11px] text-foreground focus:outline-none focus:ring-1 focus:ring-primary/40",
-							children: DEVICE_LIST_PAGE_SIZE_OPTIONS.map((opt) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-								value: opt,
-								children: opt
-							}, opt))
-						})]
+					] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PageSizeSelect, {
+						ariaLabel: "Devices per page",
+						value: tablePageSize,
+						options: DEVICE_LIST_PAGE_SIZE_OPTIONS,
+						onChange: setTablePageSize
 					})]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pagination, {
 					currentPage: safePage,
@@ -54017,6 +54770,7 @@ function useDeviceListRealtimeSync() {
 }
 //#endregion
 //#region src/composites/device-list/generic-mode.tsx
+var FIXED_PAGE_SIZE = 100;
 /**
 * Generic render-prop list: search + pagination chrome shared with the device
 * list, over an arbitrary item type. Local (non-URL) state — intended for
@@ -54024,7 +54778,12 @@ function useDeviceListRealtimeSync() {
 * `renderItem`.
 */
 function GenericModeList(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 { items, getKey, getSearchText, renderItem, getFilterType, mapFilterOption, filterOptions, filterLabel = "Type", initialTypeFilters = [], columns, renderExpanded, isExpanded, rowClassName, onRowClick, isLoading = false, searchPlaceholder = "Search", emptyLabel = "No items found.", pageSize: fixedPageSize = FIXED_PAGE_SIZE, pageSizeSelector, toolbar } = props;
+	const [chosenPageSize, setChosenPageSize] = usePersistedPageSize(pageSizeSelector ?? {
+		storageKey: null,
+		options: [fixedPageSize],
+		defaultSize: fixedPageSize
+	});
 	const [searchInput, setSearchInput] = (0, react$1.useState)("");
 	const debouncedSearch = useDebouncedString(searchInput, 300);
 	const [typeFilters, setTypeFilters] = (0, react$1.useState)(() => [...initialTypeFilters]);
@@ -54073,6 +54832,7 @@ function GenericModeList(props) {
 		getFilterType
 	]);
 	const totalItems = filtered.length;
+	const pageSize = pageSizeSelector ? effectivePageSize(chosenPageSize, totalItems) : fixedPageSize;
 	const totalPages = Math.max(1, Math.ceil(totalItems / pageSize));
 	const safePage = Math.min(page, totalPages);
 	const startIdx = (safePage - 1) * pageSize;
@@ -54156,7 +54916,23 @@ function GenericModeList(props) {
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "shrink-0",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pagination, {
+				children: pageSizeSelector && totalItems > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex items-center justify-between gap-4 flex-wrap pt-2 text-[11px] text-foreground-subtle",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "inline-flex items-center gap-2",
+						children: [totalItems <= pageSize && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [totalItems, " total"] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PageSizeSelect, {
+							ariaLabel: "Rows per page",
+							value: chosenPageSize,
+							options: pageSizeSelector.options,
+							onChange: setChosenPageSize
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pagination, {
+						currentPage: safePage,
+						totalItems,
+						pageSize,
+						onPageChange: setPage
+					})]
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pagination, {
 					currentPage: safePage,
 					totalItems,
 					pageSize,
@@ -54285,6 +55061,24 @@ var DeviceItemRowSchema = zod.z.object({
 });
 var SupportedKindsSchema = zod.z.array(zod.z.string());
 var STATUS_POLL_INTERVAL_MS = 1e4;
+/** Where the viewer's "rows per page" choice for this table is remembered. */
+var DEVICE_EXPORT_PAGE_SIZE_KEY = "camstack.device-export.pageSize";
+/**
+* The exposed-devices table's page sizes. Its own key and options, not the
+* Devices page's (25/50/100/200, default 50): the operator asked for a short
+* default here (25) and an "All" for a quick scan of every exportable device.
+*/
+var DEVICE_EXPORT_PAGE_SIZE = {
+	options: [
+		10,
+		25,
+		50,
+		100,
+		0
+	],
+	defaultSize: 25,
+	storageKey: DEVICE_EXPORT_PAGE_SIZE_KEY
+};
 /**
 * The fleet-list poll. Deliberately the same 30 s as the window
 * `applyFleetQueryDefaults` registers for `deviceManager.listAll` (D274) —
@@ -54369,6 +55163,35 @@ function SetupSection({ setup }) {
 		})]
 	});
 }
+/** Parse `getStatus` against the canonical cap schema (loose wire output). */
+function parseStatus(data) {
+	const parsed = _camstack_types.DeviceExportStatusSchema.safeParse(data);
+	return parsed.success ? parsed.data : null;
+}
+/**
+* The exporter's error and Setup block on their own — for a page that shows
+* them above its settings while the devices table sits at the bottom. Renders
+* nothing when the exporter reports neither. Shares `getStatus`'s query key
+* with the panel, so mounting both costs one request.
+*/
+function DeviceExportSetup({ addonId }) {
+	const statusQuery = useDeviceExportGetStatus({
+		nodeId: "hub",
+		addonId
+	}, {
+		refetchInterval: STATUS_POLL_INTERVAL_MS,
+		retry: false
+	});
+	const status = (0, react$1.useMemo)(() => parseStatus(statusQuery.data), [statusQuery.data]);
+	if (!status?.error && !status?.setup) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "rounded-lg border border-border bg-surface overflow-hidden",
+		children: [status.error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "px-2 sm:px-4 py-3 border-b border-border",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorBox, { message: status.error })
+		}), status.setup && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SetupSection, { setup: status.setup })]
+	});
+}
 /**
 * Per-row Expose/Exposed toggle. Reflects whether the row's device is exposed
 * to THIS exporter and flips it through the SAME runner the bulk buttons use —
@@ -54447,7 +55270,7 @@ function BulkSummary({ outcome, onDismiss }) {
 * Generic device-export panel. Addon-agnostic — only the `device-export`
 * cap drives it.
 */
-function DeviceExportPanel({ addonId, onOpenDevice }) {
+function DeviceExportPanel({ addonId, onOpenDevice, showSetup = true }) {
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
 	const statusQuery = useDeviceExportGetStatus({
 		nodeId: "hub",
@@ -54473,10 +55296,7 @@ function DeviceExportPanel({ addonId, onOpenDevice }) {
 	}, [queryClient]);
 	const exposeMutation = useDeviceExportExposeDevice({ onSuccess: invalidate });
 	const unexposeMutation = useDeviceExportUnexposeDevice({ onSuccess: invalidate });
-	const status = (0, react$1.useMemo)(() => {
-		const parsed = _camstack_types.DeviceExportStatusSchema.safeParse(statusQuery.data);
-		return parsed.success ? parsed.data : null;
-	}, [statusQuery.data]);
+	const status = (0, react$1.useMemo)(() => parseStatus(statusQuery.data), [statusQuery.data]);
 	const exposed = (0, react$1.useMemo)(() => {
 		const parsed = ExposedDeviceArraySchema.safeParse(exposedQuery.data);
 		return parsed.success ? parsed.data : [];
@@ -54699,11 +55519,11 @@ function DeviceExportPanel({ addonId, onOpenDevice }) {
 					]
 				}), loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LoaderCircle, { className: "h-3.5 w-3.5 animate-spin text-foreground-subtle" })]
 			}),
-			status?.error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			showSetup && status?.error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "px-2 sm:px-4 py-3 border-b border-border",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorBox, { message: status.error })
 			}),
-			status?.setup && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SetupSection, { setup: status.setup }),
+			showSetup && status?.setup && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SetupSection, { setup: status.setup }),
 			outcome !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BulkSummary, {
 				outcome,
 				onDismiss: dismissOutcome
@@ -54723,6 +55543,7 @@ function DeviceExportPanel({ addonId, onOpenDevice }) {
 					columns,
 					onRowClick: onOpenDevice ? onRowClick : void 0,
 					toolbar: selectionToolbar,
+					pageSizeSelector: DEVICE_EXPORT_PAGE_SIZE,
 					searchPlaceholder: "Search by name or stableId",
 					emptyLabel: "No device matches this search."
 				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EmptyState, {
@@ -54748,145 +55569,6 @@ function DeviceGrid({ children, minCardWidth = 220, gap = 3, className }) {
 	});
 }
 //#endregion
-//#region src/composites/icon-picker.tsx
-/**
-* icon-picker — the ONE control for choosing an icon, wherever admin-ui asks.
-*
-* There were two: a device one over `DISPLAY_ICON_REGISTRY` and a room one
-* over `LOCATION_ICON_IDS`, identical apart from the vocabulary they walked.
-* That was tolerable while the device set was 56 glyphs in a flat grid. It is
-* not at 157: a picker that only lets the operator HUNT is a picker they stop
-* using, and the two copies were already drifting — only one of them had an
-* i18n'd label.
-*
-* So the vocabulary, the grouping and the search all come from
-* `@camstack/types`' `display-icon-vocabulary`, which is the same module the
-* viewer's sheet searches. What is left here is the web half: a popover, a
-* grid, and a text field.
-*
-* ## What it does NOT own
-*
-* - **The glyphs.** `resolveGlyph` is a prop, because this package's table is
-*   `lucide-react` and the viewer's is `lucide-react-native`. A key this build
-*   cannot draw is SKIPPED rather than rendered as a hole — an empty tile
-*   reads as a rendering bug, not as a missing choice.
-* - **The words.** Every string is a prop. This package has no i18n (one file
-*   in it imports react-i18next, and that is the exception), and a control
-*   that reached for a translation would force it on every consumer.
-* - **The write.** `onPick` is called and that is all; whether it is a form
-*   value or an immediate mutation is the caller's business, as it already was
-*   in both pickers this replaces.
-*
-* ## The clear tile is never filtered away
-*
-* The "inherit" / "no icon" choice sits above the sections and ignores the
-* search. A query that hid it would strand the operator on a glyph they picked
-* by accident with no way back to the default — the one action a picker must
-* always offer.
-*/
-function IconPicker({ value, onPick, resolveGlyph, fallbackGlyph, labels, only, extraWords, clearGlyph, labelFor, disabled = false }) {
-	const [open, setOpen] = (0, react$1.useState)(false);
-	const [query, setQuery] = (0, react$1.useState)("");
-	const allowed = (0, react$1.useMemo)(() => only === void 0 ? null : new Set(only), [only]);
-	const sections = (0, react$1.useMemo)(() => {
-		const hits = (0, _camstack_types.searchDisplayIcons)(query, extraWords);
-		const byGroup = /* @__PURE__ */ new Map();
-		for (const hit of hits) {
-			const { key, group } = hit.entry;
-			if (allowed !== null && !allowed.has(key)) continue;
-			if (resolveGlyph(key) === void 0) continue;
-			const bucket = byGroup.get(group);
-			if (bucket === void 0) byGroup.set(group, [key]);
-			else bucket.push(key);
-		}
-		return _camstack_types.DISPLAY_ICON_GROUPS.flatMap((group) => {
-			const keys = byGroup.get(group);
-			return keys === void 0 || keys.length === 0 ? [] : [{
-				group,
-				keys
-			}];
-		});
-	}, [
-		query,
-		extraWords,
-		allowed,
-		resolveGlyph
-	]);
-	const Current = (value === null ? void 0 : resolveGlyph(value)) ?? fallbackGlyph;
-	const choose = async (next) => {
-		setOpen(false);
-		setQuery("");
-		await onPick(next);
-	};
-	const Clear = clearGlyph ?? fallbackGlyph;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "relative flex shrink-0 items-center gap-2",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-			type: "button",
-			disabled,
-			onClick: () => setOpen((o) => !o),
-			"aria-expanded": open,
-			"aria-label": labels.trigger,
-			title: labels.trigger,
-			className: "rounded border border-border p-1 text-foreground-muted hover:bg-surface-hover disabled:opacity-50",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Current, { className: "h-4 w-4" })
-		}), open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-			type: "button",
-			"aria-label": labels.close,
-			onClick: () => setOpen(false),
-			className: "fixed inset-0 z-10 cursor-default"
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			role: "group",
-			"aria-label": labels.panel,
-			className: "absolute left-0 top-full z-20 mt-1 max-h-80 w-72 overflow-y-auto rounded-md border border-border bg-surface p-2 shadow-lg",
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-					type: "search",
-					value: query,
-					autoFocus: true,
-					onChange: (e) => setQuery(e.target.value),
-					placeholder: labels.searchPlaceholder,
-					"aria-label": labels.searchPlaceholder,
-					className: "mb-2 w-full rounded border border-border bg-surface-raised px-2 py-1 text-xs text-foreground placeholder:text-foreground-subtle"
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-					type: "button",
-					onClick: () => void choose(null),
-					"aria-pressed": value === null,
-					className: "mb-2 flex w-full items-center gap-1.5 rounded px-1.5 py-1 text-[11px] text-foreground-subtle hover:bg-surface-hover",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Clear, { className: "h-3.5 w-3.5" }), labels.clear]
-				}),
-				sections.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: "px-1.5 py-2 text-[11px] text-foreground-subtle",
-					children: labels.noMatches
-				}) : sections.map(({ group, keys }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-					className: "mb-2 last:mb-0",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", {
-						className: "px-1.5 pb-1 text-[10px] uppercase tracking-wide text-foreground-subtle",
-						children: labels.groups[group]
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "grid grid-cols-7 gap-1",
-						children: keys.map((key) => {
-							const Glyph = resolveGlyph(key);
-							if (Glyph === void 0) return null;
-							const selected = value === key;
-							return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								onClick: () => void choose(key),
-								"aria-pressed": selected,
-								"aria-label": labelFor?.(key) ?? key,
-								title: labelFor?.(key) ?? key,
-								className: selected ? "flex items-center justify-center rounded border border-primary bg-primary/10 p-1.5 text-foreground" : "flex items-center justify-center rounded border border-transparent p-1.5 text-foreground-muted hover:bg-surface-hover",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Glyph, { className: "h-4 w-4" })
-							}, key);
-						})
-					})]
-				}, group))
-			]
-		})] })]
-	});
-}
-//#endregion
 //#region src/composites/device-selector-picker.tsx
 /**
 * <DeviceSelectorPicker> — the operator-facing editor for a v3
@@ -61087,6 +61769,7 @@ exports.CoverPanel = CoverPanel;
 exports.CustomFieldRenderersProvider = CustomFieldRenderersProvider;
 exports.DEFAULT_COLOR = DEFAULT_COLOR;
 exports.DEVICE_COLUMNS = DEVICE_COLUMNS;
+exports.DEVICE_EXPORT_PAGE_SIZE_KEY = DEVICE_EXPORT_PAGE_SIZE_KEY;
 exports.DEVICE_LIST_PAGE_SIZE_KEY = DEVICE_LIST_PAGE_SIZE_KEY;
 exports.DEVICE_LIST_PAGE_SIZE_OPTIONS = DEVICE_LIST_PAGE_SIZE_OPTIONS;
 exports.DEVICE_PICKER_GROUP_STORAGE_KEY = DEVICE_PICKER_GROUP_STORAGE_KEY;
@@ -61105,6 +61788,7 @@ exports.DeviceBatchToolbar = DeviceBatchToolbar;
 exports.DeviceCard = DeviceCard;
 exports.DeviceContextProvider = DeviceContextProvider;
 exports.DeviceExportPanel = DeviceExportPanel;
+exports.DeviceExportSetup = DeviceExportSetup;
 exports.DeviceFilterBar = DeviceFilterBar;
 exports.DeviceGrid = DeviceGrid;
 exports.DeviceItem = DeviceItem;
@@ -61218,6 +61902,7 @@ exports.NotificationTargetsField = NotificationTargetsField;
 exports.OPTION_SELECT_SEARCH_MIN_OPTIONS = OPTION_SELECT_SEARCH_MIN_OPTIONS;
 exports.OfflineBadge = OfflineBadge;
 exports.OptionSelect = OptionSelect;
+exports.PAGE_SIZE_ALL = PAGE_SIZE_ALL;
 exports.PHASE_CONFIG = PHASE_CONFIG;
 exports.PICKER_CHIP_LIMIT = PICKER_CHIP_LIMIT;
 exports.PICKER_DEFAULT_GROUP_BY = PICKER_DEFAULT_GROUP_BY;
@@ -61232,6 +61917,7 @@ exports.PICKER_WINDOW = PICKER_WINDOW;
 exports.PRIORITY = PRIORITY;
 exports.PTZOverlay = PTZOverlay;
 exports.PageHeader = PageHeader;
+exports.PageSizeSelect = PageSizeSelect;
 exports.PhaseIcon = PhaseIcon;
 exports.PipelineBuilder = PipelineBuilder;
 exports.PipelineRuntimeSelector = PipelineRuntimeSelector;
@@ -61264,6 +61950,7 @@ exports.RotateCcw = RotateCcw;
 exports.RunReport = RunReport;
 exports.SCENE_CAPTURE_VARIANTS = SCENE_CAPTURE_VARIANTS;
 exports.SCENE_CAPTURE_VARIANTS$1 = SCENE_CAPTURE_VARIANTS;
+exports.SECRET_REVEAL_MS = SECRET_REVEAL_MS;
 exports.SECTION_BODY = SECTION_BODY;
 exports.SECTION_CARD = SECTION_CARD;
 exports.SECTION_HEADER = SECTION_HEADER;
@@ -61283,11 +61970,14 @@ exports.ScopePicker = ScopePicker;
 exports.ScriptHeroCard = ScriptHeroCard;
 exports.ScriptInlineControl = ScriptInlineControl;
 exports.ScrollArea = ScrollArea;
+exports.SecretFieldControl = SecretFieldControl;
+exports.SecretRevealProvider = SecretRevealProvider;
 exports.SectionCard = SectionCard;
 exports.SegmentedChoice = SegmentedChoice;
 exports.Select = Select;
 exports.SelectedChip = SelectedChip;
 exports.SemanticBadge = SemanticBadge;
+exports.SendFrameToTrainingButton = SendFrameToTrainingButton;
 exports.SensorHeroCard = SensorHeroCard;
 exports.SensorInlineControl = SensorInlineControl;
 exports.SensorValueAtom = SensorValueAtom;
@@ -61335,6 +62025,7 @@ exports.TimezoneSelector = TimezoneSelector;
 exports.Tooltip = Tooltip;
 exports.TooltipContent = TooltipContent;
 exports.TooltipTrigger = TooltipTrigger;
+exports.TrainingCollectionPicker = TrainingCollectionPicker;
 exports.Trash2 = Trash2;
 exports.UnitPicker = UnitPicker;
 exports.VacuumHeroCard = VacuumHeroCard;
@@ -61404,6 +62095,7 @@ exports.deviceTypeMetaOf = deviceTypeMetaOf;
 exports.devicesToOptions = devicesToOptions;
 exports.dockBox = dockBox;
 exports.draftFromQuery = draftFromQuery;
+exports.effectivePageSize = effectivePageSize;
 exports.emptyDevicesWidens = emptyDevicesWidens;
 exports.emptySessionRun = emptySessionRun;
 exports.ensureMfHostInit = ensureMfHostInit;
@@ -61444,6 +62136,7 @@ exports.isAbsentProvider$1 = isAbsentProvider;
 exports.isDataTableFilterActive = isDataTableFilterActive;
 exports.isFieldVisible = isFieldVisible;
 exports.isGroupExpanded = isGroupExpanded;
+exports.isKeychainFieldValue = isKeychainFieldValue;
 exports.isValueField = isValueField;
 exports.lawnMowerActivityMeta = lawnMowerActivityMeta;
 exports.lightColors = require_theme_index.lightColors$1;
@@ -61466,6 +62159,7 @@ exports.optionSelectSearchText = optionSearchText;
 exports.orphanDeviceLabel = orphanDeviceLabel;
 exports.overrideEntityIdFromLink = overrideEntityIdFromLink;
 exports.pageRows = pageRows;
+exports.pageSizeLabel = pageSizeLabel;
 exports.parentDetailOf = parentDetailOf;
 exports.parseIceCandidate = parseIceCandidate;
 exports.parsePickerGroupBy = parsePickerGroupBy;
@@ -61539,6 +62233,7 @@ exports.toStationaryOverlayBox = toStationaryOverlayBox;
 exports.toggleDataTableFacet = toggleDataTableFacet;
 exports.togglePickerDevice = togglePickerDevice;
 exports.togglePickerKey = togglePickerKey;
+exports.trainingRefusalText = trainingRefusalText;
 exports.trpc = trpc;
 exports.typeLabel = typeLabel;
 exports.useAccessoriesGetStatus = useAccessoriesGetStatus;
@@ -61971,6 +62666,15 @@ exports.useIntercomStartTalkSession = useIntercomStartTalkSession;
 exports.useIntercomStopSession = useIntercomStopSession;
 exports.useIsMidWidth = useIsMidWidth;
 exports.useIsMobile = useIsMobile;
+exports.useKeychainAdminDeleteOrphans = useKeychainAdminDeleteOrphans;
+exports.useKeychainAdminDownloadRecoveryKey = useKeychainAdminDownloadRecoveryKey;
+exports.useKeychainAdminListAudit = useKeychainAdminListAudit;
+exports.useKeychainAdminListSecrets = useKeychainAdminListSecrets;
+exports.useKeychainAdminPurgeRetiredKeys = useKeychainAdminPurgeRetiredKeys;
+exports.useKeychainAdminResetKeychain = useKeychainAdminResetKeychain;
+exports.useKeychainAdminReveal = useKeychainAdminReveal;
+exports.useKeychainAdminRotateMasterKey = useKeychainAdminRotateMasterKey;
+exports.useKeychainAdminStatus = useKeychainAdminStatus;
 exports.useLawnMowerControlDock = useLawnMowerControlDock;
 exports.useLawnMowerControlGetStatus = useLawnMowerControlGetStatus;
 exports.useLawnMowerControlPause = useLawnMowerControlPause;
@@ -62176,6 +62880,7 @@ exports.useOsdManagerSetSlotBinding = useOsdManagerSetSlotBinding;
 exports.useOsdManagerUpsertTemplate = useOsdManagerUpsertTemplate;
 exports.useOsdSetOverlay = useOsdSetOverlay;
 exports.usePTZ = usePTZ;
+exports.usePersistedPageSize = usePersistedPageSize;
 exports.usePetFeederCallPet = usePetFeederCallPet;
 exports.usePetFeederCancelFeed = usePetFeederCancelFeed;
 exports.usePetFeederFeed = usePetFeederFeed;
@@ -62188,6 +62893,8 @@ exports.usePetFeederSetFeedSound = usePetFeederSetFeedSound;
 exports.usePetFeederSetIndicatorLight = usePetFeederSetIndicatorLight;
 exports.usePetFeederSetVolume = usePetFeederSetVolume;
 exports.usePickerSiteZones = usePickerSiteZones;
+exports.usePipelineAnalyticsAddRetrainFrameFromRecording = usePipelineAnalyticsAddRetrainFrameFromRecording;
+exports.usePipelineAnalyticsAddRetrainFramesToCollection = usePipelineAnalyticsAddRetrainFramesToCollection;
 exports.usePipelineAnalyticsApplyDeviceSettingsPatch = usePipelineAnalyticsApplyDeviceSettingsPatch;
 exports.usePipelineAnalyticsCancelRelocateMedia = usePipelineAnalyticsCancelRelocateMedia;
 exports.usePipelineAnalyticsCancelStorageMigrationMove = usePipelineAnalyticsCancelStorageMigrationMove;
@@ -62196,7 +62903,9 @@ exports.usePipelineAnalyticsClearTracks = usePipelineAnalyticsClearTracks;
 exports.usePipelineAnalyticsCompleteRetrainTrack = usePipelineAnalyticsCompleteRetrainTrack;
 exports.usePipelineAnalyticsCountRelocatableMedia = usePipelineAnalyticsCountRelocatableMedia;
 exports.usePipelineAnalyticsCountUnstampedEventMedia = usePipelineAnalyticsCountUnstampedEventMedia;
+exports.usePipelineAnalyticsCreateRetrainCollection = usePipelineAnalyticsCreateRetrainCollection;
 exports.usePipelineAnalyticsDeleteDeviceEvents = usePipelineAnalyticsDeleteDeviceEvents;
+exports.usePipelineAnalyticsDeleteRetrainCollection = usePipelineAnalyticsDeleteRetrainCollection;
 exports.usePipelineAnalyticsDeleteTracks = usePipelineAnalyticsDeleteTracks;
 exports.usePipelineAnalyticsDeselectRetrainFrame = usePipelineAnalyticsDeselectRetrainFrame;
 exports.usePipelineAnalyticsGetActiveTracks = usePipelineAnalyticsGetActiveTracks;
@@ -62231,6 +62940,9 @@ exports.usePipelineAnalyticsListOpsLog = usePipelineAnalyticsListOpsLog;
 exports.usePipelineAnalyticsListRecentTracks = usePipelineAnalyticsListRecentTracks;
 exports.usePipelineAnalyticsListRelocateMediaJobs = usePipelineAnalyticsListRelocateMediaJobs;
 exports.usePipelineAnalyticsListRetrainAnnotations = usePipelineAnalyticsListRetrainAnnotations;
+exports.usePipelineAnalyticsListRetrainAssistProfiles = usePipelineAnalyticsListRetrainAssistProfiles;
+exports.usePipelineAnalyticsListRetrainCollectionFrames = usePipelineAnalyticsListRetrainCollectionFrames;
+exports.usePipelineAnalyticsListRetrainCollections = usePipelineAnalyticsListRetrainCollections;
 exports.usePipelineAnalyticsListRetrainFrames = usePipelineAnalyticsListRetrainFrames;
 exports.usePipelineAnalyticsListRetrainStaging = usePipelineAnalyticsListRetrainStaging;
 exports.usePipelineAnalyticsListTrackMedia = usePipelineAnalyticsListTrackMedia;
@@ -62239,6 +62951,7 @@ exports.usePipelineAnalyticsListTracks = usePipelineAnalyticsListTracks;
 exports.usePipelineAnalyticsOwnersWithMedia = usePipelineAnalyticsOwnersWithMedia;
 exports.usePipelineAnalyticsPauseForStorageMigration = usePipelineAnalyticsPauseForStorageMigration;
 exports.usePipelineAnalyticsProposeRetrainAnnotations = usePipelineAnalyticsProposeRetrainAnnotations;
+exports.usePipelineAnalyticsProposeRetrainAnnotationsWithLlm = usePipelineAnalyticsProposeRetrainAnnotationsWithLlm;
 exports.usePipelineAnalyticsPruneEvents = usePipelineAnalyticsPruneEvents;
 exports.usePipelineAnalyticsPruneEventsBefore = usePipelineAnalyticsPruneEventsBefore;
 exports.usePipelineAnalyticsPruneTracksBefore = usePipelineAnalyticsPruneTracksBefore;
@@ -62248,17 +62961,21 @@ exports.usePipelineAnalyticsReclaimDebugMedia = usePipelineAnalyticsReclaimDebug
 exports.usePipelineAnalyticsReconcileFromDisk = usePipelineAnalyticsReconcileFromDisk;
 exports.usePipelineAnalyticsRefreshStorageLocationsForMigration = usePipelineAnalyticsRefreshStorageLocationsForMigration;
 exports.usePipelineAnalyticsRelocateMedia = usePipelineAnalyticsRelocateMedia;
+exports.usePipelineAnalyticsRemoveRetrainFrameFromCollection = usePipelineAnalyticsRemoveRetrainFrameFromCollection;
+exports.usePipelineAnalyticsRenameRetrainCollection = usePipelineAnalyticsRenameRetrainCollection;
 exports.usePipelineAnalyticsRestageRetrainTrack = usePipelineAnalyticsRestageRetrainTrack;
 exports.usePipelineAnalyticsResumeForStorageMigration = usePipelineAnalyticsResumeForStorageMigration;
 exports.usePipelineAnalyticsSaveRetrainAnnotations = usePipelineAnalyticsSaveRetrainAnnotations;
 exports.usePipelineAnalyticsSearchObjectEvents = usePipelineAnalyticsSearchObjectEvents;
 exports.usePipelineAnalyticsSelectRetrainFrames = usePipelineAnalyticsSelectRetrainFrames;
+exports.usePipelineAnalyticsSetRetrainFrameComplete = usePipelineAnalyticsSetRetrainFrameComplete;
 exports.usePipelineAnalyticsSetTrackFlags = usePipelineAnalyticsSetTrackFlags;
 exports.usePipelineAnalyticsSetTrackPurity = usePipelineAnalyticsSetTrackPurity;
 exports.usePipelineAnalyticsSetTrackRelation = usePipelineAnalyticsSetTrackRelation;
 exports.usePipelineAnalyticsStartStorageMigrationMove = usePipelineAnalyticsStartStorageMigrationMove;
 exports.usePipelineAnalyticsWipeAllAnalytics = usePipelineAnalyticsWipeAllAnalytics;
 exports.usePipelineAnalyticsWipeObjectEmbeddings = usePipelineAnalyticsWipeObjectEmbeddings;
+exports.usePipelineAnalyticsWriteRetrainArchive = usePipelineAnalyticsWriteRetrainArchive;
 exports.usePipelineExecutorCacheFrameInPool = usePipelineExecutorCacheFrameInPool;
 exports.usePipelineExecutorClearDeviceOverrides = usePipelineExecutorClearDeviceOverrides;
 exports.usePipelineExecutorClearModelBoundDeviceOverrides = usePipelineExecutorClearModelBoundDeviceOverrides;
@@ -62294,10 +63011,12 @@ exports.usePipelineExecutorSetVideoPipelineSteps = usePipelineExecutorSetVideoPi
 exports.usePipelineExecutorSpinEngine = usePipelineExecutorSpinEngine;
 exports.usePipelineExecutorUncacheFrame = usePipelineExecutorUncacheFrame;
 exports.usePipelineExecutorValidatePipeline = usePipelineExecutorValidatePipeline;
+exports.usePipelineOrchestratorAbortNodeBenchmark = usePipelineOrchestratorAbortNodeBenchmark;
 exports.usePipelineOrchestratorApplyAutoTune = usePipelineOrchestratorApplyAutoTune;
 exports.usePipelineOrchestratorApplyDeviceSettingsPatch = usePipelineOrchestratorApplyDeviceSettingsPatch;
 exports.usePipelineOrchestratorAssignAudio = usePipelineOrchestratorAssignAudio;
 exports.usePipelineOrchestratorAssignPipeline = usePipelineOrchestratorAssignPipeline;
+exports.usePipelineOrchestratorDeleteNodeBenchmarkResult = usePipelineOrchestratorDeleteNodeBenchmarkResult;
 exports.usePipelineOrchestratorGetAgentLoad = usePipelineOrchestratorGetAgentLoad;
 exports.usePipelineOrchestratorGetAgentSettings = usePipelineOrchestratorGetAgentSettings;
 exports.usePipelineOrchestratorGetAudioAssignment = usePipelineOrchestratorGetAudioAssignment;
@@ -62316,6 +63035,9 @@ exports.usePipelineOrchestratorGetDeviceSettingsContribution = usePipelineOrches
 exports.usePipelineOrchestratorGetEffectiveShares = usePipelineOrchestratorGetEffectiveShares;
 exports.usePipelineOrchestratorGetGlobalMetrics = usePipelineOrchestratorGetGlobalMetrics;
 exports.usePipelineOrchestratorGetIngestOwner = usePipelineOrchestratorGetIngestOwner;
+exports.usePipelineOrchestratorGetNodeBenchmarkCandidates = usePipelineOrchestratorGetNodeBenchmarkCandidates;
+exports.usePipelineOrchestratorGetNodeBenchmarkPreflight = usePipelineOrchestratorGetNodeBenchmarkPreflight;
+exports.usePipelineOrchestratorGetNodeBenchmarkStatus = usePipelineOrchestratorGetNodeBenchmarkStatus;
 exports.usePipelineOrchestratorGetNodeInferenceDevices = usePipelineOrchestratorGetNodeInferenceDevices;
 exports.usePipelineOrchestratorGetPipelineAssignment = usePipelineOrchestratorGetPipelineAssignment;
 exports.usePipelineOrchestratorGetPipelineAssignments = usePipelineOrchestratorGetPipelineAssignments;
@@ -62323,6 +63045,7 @@ exports.usePipelineOrchestratorGetPipelineDevicePin = usePipelineOrchestratorGet
 exports.usePipelineOrchestratorGetPlacementStats = usePipelineOrchestratorGetPlacementStats;
 exports.usePipelineOrchestratorGetReconcileFromDiskStatus = usePipelineOrchestratorGetReconcileFromDiskStatus;
 exports.usePipelineOrchestratorListAgentSettings = usePipelineOrchestratorListAgentSettings;
+exports.usePipelineOrchestratorListNodeBenchmarkResults = usePipelineOrchestratorListNodeBenchmarkResults;
 exports.usePipelineOrchestratorPauseForStorageMigration = usePipelineOrchestratorPauseForStorageMigration;
 exports.usePipelineOrchestratorPlanAutoTune = usePipelineOrchestratorPlanAutoTune;
 exports.usePipelineOrchestratorRebalance = usePipelineOrchestratorRebalance;
@@ -62347,9 +63070,11 @@ exports.usePipelineOrchestratorSetCapabilityBinding = usePipelineOrchestratorSet
 exports.usePipelineOrchestratorSetLoadBalancingShares = usePipelineOrchestratorSetLoadBalancingShares;
 exports.usePipelineOrchestratorSetPipelineDevicePin = usePipelineOrchestratorSetPipelineDevicePin;
 exports.usePipelineOrchestratorSetShareSource = usePipelineOrchestratorSetShareSource;
+exports.usePipelineOrchestratorStartNodeBenchmark = usePipelineOrchestratorStartNodeBenchmark;
 exports.usePipelineOrchestratorSuggestShares = usePipelineOrchestratorSuggestShares;
 exports.usePipelineOrchestratorUnassignAudio = usePipelineOrchestratorUnassignAudio;
 exports.usePipelineOrchestratorUnassignPipeline = usePipelineOrchestratorUnassignPipeline;
+exports.usePipelineRunnerAbortNodeBench = usePipelineRunnerAbortNodeBench;
 exports.usePipelineRunnerAttachCamera = usePipelineRunnerAttachCamera;
 exports.usePipelineRunnerDetachCamera = usePipelineRunnerDetachCamera;
 exports.usePipelineRunnerGetAllCameraMetrics = usePipelineRunnerGetAllCameraMetrics;
@@ -62358,6 +63083,7 @@ exports.usePipelineRunnerGetLocalCameras = usePipelineRunnerGetLocalCameras;
 exports.usePipelineRunnerGetLocalLoad = usePipelineRunnerGetLocalLoad;
 exports.usePipelineRunnerGetLocalMetrics = usePipelineRunnerGetLocalMetrics;
 exports.usePipelineRunnerGetNativeCrop = usePipelineRunnerGetNativeCrop;
+exports.usePipelineRunnerGetNodeBenchStatus = usePipelineRunnerGetNodeBenchStatus;
 exports.usePipelineRunnerGetParkedTrackFrame = usePipelineRunnerGetParkedTrackFrame;
 exports.usePipelineRunnerParkTrackFrame = usePipelineRunnerParkTrackFrame;
 exports.usePipelineRunnerReleaseParkedTrackFrames = usePipelineRunnerReleaseParkedTrackFrames;
@@ -62365,6 +63091,7 @@ exports.usePipelineRunnerReportMotion = usePipelineRunnerReportMotion;
 exports.usePipelineRunnerRequestOccupancyBurst = usePipelineRunnerRequestOccupancyBurst;
 exports.usePipelineRunnerRunDetailSubtree = usePipelineRunnerRunDetailSubtree;
 exports.usePipelineRunnerRunStatelessStep = usePipelineRunnerRunStatelessStep;
+exports.usePipelineRunnerStartNodeBench = usePipelineRunnerStartNodeBench;
 exports.usePlateGalleryAssignPlate = usePlateGalleryAssignPlate;
 exports.usePlateGalleryAssignPlates = usePlateGalleryAssignPlates;
 exports.usePlateGalleryCorrectPlateText = usePlateGalleryCorrectPlateText;
@@ -62640,8 +63367,11 @@ exports.useUserManagementCreateScopedToken = useUserManagementCreateScopedToken;
 exports.useUserManagementCreateUser = useUserManagementCreateUser;
 exports.useUserManagementDeleteUser = useUserManagementDeleteUser;
 exports.useUserManagementDisableTotp = useUserManagementDisableTotp;
+exports.useUserManagementFindUserByExternalIdentity = useUserManagementFindUserByExternalIdentity;
 exports.useUserManagementGetTotpStatus = useUserManagementGetTotpStatus;
+exports.useUserManagementLinkExternalIdentity = useUserManagementLinkExternalIdentity;
 exports.useUserManagementListApiKeys = useUserManagementListApiKeys;
+exports.useUserManagementListExternalIdentities = useUserManagementListExternalIdentities;
 exports.useUserManagementListOauthSessions = useUserManagementListOauthSessions;
 exports.useUserManagementListScopedTokens = useUserManagementListScopedTokens;
 exports.useUserManagementListUsers = useUserManagementListUsers;
@@ -62655,6 +63385,7 @@ exports.useUserManagementRevokeOauthSession = useUserManagementRevokeOauthSessio
 exports.useUserManagementRevokeScopedToken = useUserManagementRevokeScopedToken;
 exports.useUserManagementSetUserScopes = useUserManagementSetUserScopes;
 exports.useUserManagementSetupTotp = useUserManagementSetupTotp;
+exports.useUserManagementUnlinkExternalIdentity = useUserManagementUnlinkExternalIdentity;
 exports.useUserManagementUpdateUser = useUserManagementUpdateUser;
 exports.useUserManagementValidateApiKey = useUserManagementValidateApiKey;
 exports.useUserManagementValidateCredentials = useUserManagementValidateCredentials;