@attraccess/plugin-shelly 0.1.0-nightly.925.2

package/frontend/__federation_expose_Plugin-Dd1Vs4iR.js

@@ -0,0 +1,1627 @@
+import { r as importShared } from "./_virtual___federation_fn_import-BXODRNto.js";
+import { t as require_jsx_runtime } from "./jsx-runtime-B9Qmn8k7.js";
+//#region ../../../libs/plugins-frontend-sdk/src/lib/frontend.api-client.ts
+var BASE_URL_GLOBAL = "__ATTRACCESS_API_BASE_URL__";
+/** The API origin the host is talking to. Falls back to the current origin. */
+function getApiBaseUrl() {
+	return window[BASE_URL_GLOBAL] ?? window.location.origin;
+}
+/** Thrown for any non-2xx response, carrying the status for callers that branch on it. */
+var PluginApiError = class extends Error {
+	constructor(message, status) {
+		super(message);
+		this.status = status;
+		this.name = "PluginApiError";
+	}
+};
+async function toError(res) {
+	try {
+		const body = await res.json();
+		const message = Array.isArray(body.message) ? body.message.join(", ") : body.message;
+		if (message) return new PluginApiError(message, res.status);
+	} catch {}
+	return new PluginApiError(`Request failed (HTTP ${res.status}).`, res.status);
+}
+/**
+* Creates a client bound to `basePath`, which is resolved against the host's
+* API origin. Plugin routes are mounted under `/api/<plugin-name>`, so that is
+* the usual argument; pass nothing to address the host API directly.
+*/
+function createPluginApiClient(basePath = "") {
+	const url = (path, query) => {
+		const target = new URL(`${basePath}${path}`, getApiBaseUrl());
+		Object.entries(query ?? {}).forEach(([key, value]) => {
+			if (value !== void 0 && value !== null) target.searchParams.set(key, String(value));
+		});
+		return target.toString();
+	};
+	const doFetch = (path, init) => fetch(url(path), {
+		credentials: "include",
+		...init
+	});
+	return {
+		url,
+		fetch: doFetch,
+		async request(path, options = {}) {
+			const { body, query, headers, ...init } = options;
+			const res = await fetch(url(path, query), {
+				credentials: "include",
+				...init,
+				headers: body === void 0 ? headers : {
+					"Content-Type": "application/json",
+					...headers
+				},
+				body: body === void 0 ? void 0 : JSON.stringify(body)
+			});
+			if (!res.ok) throw await toError(res);
+			const text = await res.text();
+			return text.length > 0 ? JSON.parse(text) : null;
+		}
+	};
+}
+//#endregion
+//#region frontend/src/api.ts
+var api = createPluginApiClient("/api/shelly");
+function listDevices() {
+	return api.request("/devices");
+}
+function addDevice(input) {
+	return api.request("/devices", {
+		method: "POST",
+		body: input
+	});
+}
+function reprobeDevice(id) {
+	return api.request(`/devices/${id}/probe`, { method: "POST" });
+}
+function deleteDevice(id) {
+	return api.request(`/devices/${id}`, { method: "DELETE" });
+}
+function getDeviceInfo(id, input) {
+	return api.request(`/devices/${id}/info`, {
+		method: "POST",
+		body: input ?? {}
+	});
+}
+/** Firmware state of every registered device, checked in one round trip. */
+function listFirmware() {
+	return api.request("/devices/firmware");
+}
+function getFirmware(id, input) {
+	const params = new URLSearchParams();
+	if (input?.username) params.set("username", input.username);
+	if (input?.currentPassword) params.set("currentPassword", input.currentPassword);
+	const query = params.size ? `?${params.toString()}` : "";
+	return api.request(`/devices/${id}/firmware${query}`);
+}
+function startFirmwareUpdate(id, input) {
+	return api.request(`/devices/${id}/firmware/update`, {
+		method: "POST",
+		body: input
+	});
+}
+function setAdminPassword(id, input) {
+	return api.request(`/devices/${id}/auth`, {
+		method: "POST",
+		body: input
+	});
+}
+/**
+* Runs discovery on the server (mDNS + subnet scan) and returns what it found.
+* Slow by nature — a /24 scan takes a few seconds — so callers must show a
+* pending state.
+*/
+function discoverDevices(input = {}) {
+	return api.request("/discovery", {
+		method: "POST",
+		body: input
+	});
+}
+//#endregion
+//#region frontend/src/drawer.tsx
+var import_jsx_runtime = require_jsx_runtime();
+var { Button: Button$6, Description, DrawerBackdrop, DrawerContent, DrawerDialog, Input, InputGroup, Label, TextField, Tooltip: Tooltip$2 } = await importShared("@heroui/react");
+var { EyeIcon: EyeIcon$1, EyeOffIcon: EyeOffIcon$1 } = await importShared("lucide-react");
+var { useState: useState$6 } = await importShared("react");
+var DRAWER_DIALOG_CLASSNAME = "sh:md:max-w-2xl sh:md:mx-auto sh:bg-surface-secondary";
+var FIELD_CONTRAST_STYLE = {
+	["--field-border"]: "var(--border-secondary)",
+	["--border-width-field"]: "1px"
+};
+function StandardDrawer({ isOpen, onOpenChange, children }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DrawerBackdrop, {
+		isOpen,
+		onOpenChange,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DrawerContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DrawerDialog, {
+			className: DRAWER_DIALOG_CLASSNAME,
+			style: FIELD_CONTRAST_STYLE,
+			children
+		}) })
+	});
+}
+function TextFieldRow({ label, value, onChange, placeholder, required, description, dataCy }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TextField, {
+		value,
+		onChange,
+		isRequired: required,
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, { children: label }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input, {
+				placeholder,
+				autoComplete: "off",
+				"data-cy": dataCy
+			}),
+			description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "sh:mt-1 sh:text-xs sh:text-muted",
+				children: description
+			})
+		]
+	});
+}
+function PasswordFieldRow({ label, value, onChange, description, required, dataCy, autoComplete }) {
+	const [visible, setVisible] = useState$6(false);
+	const toggleLabel = visible ? "Hide password" : "Show password";
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TextField, {
+		value,
+		onChange,
+		isRequired: required,
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, { children: label }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(InputGroup, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputGroup.Input, {
+				type: visible ? "text" : "password",
+				autoComplete,
+				"data-cy": dataCy
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputGroup.Suffix, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Tooltip$2, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip$2.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$6, {
+				isIconOnly: true,
+				variant: "ghost",
+				"aria-label": toggleLabel,
+				onPress: () => setVisible((v) => !v),
+				children: visible ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EyeOffIcon$1, { className: "sh:h-4 sh:w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EyeIcon$1, { className: "sh:h-4 sh:w-4" })
+			}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip$2.Content, { children: toggleLabel })] }) })] }),
+			description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Description, { children: description })
+		]
+	});
+}
+//#endregion
+//#region frontend/src/StatusAlert.tsx
+var { Alert, AlertContent, AlertDescription, AlertIndicator, AlertTitle } = await importShared("@heroui/react");
+var { AlertCircleIcon, AlertTriangleIcon, CheckCircle2Icon, InfoIcon: InfoIcon$2 } = await importShared("lucide-react");
+var iconByStatus = {
+	default: InfoIcon$2,
+	accent: InfoIcon$2,
+	success: CheckCircle2Icon,
+	warning: AlertTriangleIcon,
+	danger: AlertCircleIcon
+};
+function StatusAlert({ status, title, children, dataCy }) {
+	const Icon = iconByStatus[status];
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Alert, {
+		status,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AlertContent, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertTitle, { children: title }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertDescription, {
+			"data-cy": dataCy,
+			children
+		})] })]
+	});
+}
+//#endregion
+//#region frontend/src/AddDeviceDrawer.tsx
+var { Button: Button$5, DrawerBody: DrawerBody$4, DrawerHeader: DrawerHeader$4, Form: Form$3 } = await importShared("@heroui/react");
+var { PlusIcon: PlusIcon$1, XIcon: XIcon$4 } = await importShared("lucide-react");
+var { useCallback: useCallback$5, useRef: useRef$2, useState: useState$5 } = await importShared("react");
+function AddDeviceDrawer({ isOpen, onOpenChange, onAdded }) {
+	const [ipAddress, setIpAddress] = useState$5("");
+	const [name, setName] = useState$5("");
+	const [submitting, setSubmitting] = useState$5(false);
+	const [error, setError] = useState$5(null);
+	const close = useCallback$5(() => onOpenChange(false), [onOpenChange]);
+	const inFlight = useRef$2(false);
+	const submit = useCallback$5(async () => {
+		if (inFlight.current) return;
+		const ip = ipAddress.trim();
+		if (!ip) {
+			setError("IP address is required.");
+			return;
+		}
+		inFlight.current = true;
+		setSubmitting(true);
+		setError(null);
+		try {
+			await addDevice({
+				ipAddress: ip,
+				name: name.trim() || void 0
+			});
+			setIpAddress("");
+			setName("");
+			onAdded();
+			close();
+		} catch (err) {
+			setError(err instanceof Error ? err.message : String(err));
+		} finally {
+			inFlight.current = false;
+			setSubmitting(false);
+		}
+	}, [
+		ipAddress,
+		name,
+		onAdded,
+		close
+	]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StandardDrawer, {
+		isOpen,
+		onOpenChange,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DrawerHeader$4, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "sh:flex sh:w-full sh:items-start sh:justify-between sh:gap-3",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "sh:flex sh:flex-col sh:gap-1",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
+					className: "sh:text-lg sh:font-semibold",
+					children: "Add a device"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+					className: "sh:text-sm sh:text-muted",
+					children: [
+						"Enter the device's IP address. We probe ",
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: "GET /shelly" }),
+						" to detect its generation and model."
+					]
+				})]
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$5, {
+				isIconOnly: true,
+				variant: "ghost",
+				"aria-label": "Close",
+				onPress: close,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(XIcon$4, { size: 16 })
+			})]
+		}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DrawerBody$4, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Form$3, {
+			onSubmit: submit,
+			className: "sh:flex sh:flex-col sh:gap-4",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextFieldRow, {
+					label: "IP address",
+					value: ipAddress,
+					onChange: setIpAddress,
+					placeholder: "192.168.1.42",
+					required: true,
+					dataCy: "shelly-add-ip"
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextFieldRow, {
+					label: "Name (optional)",
+					value: name,
+					onChange: setName,
+					placeholder: "Workshop light",
+					dataCy: "shelly-add-name"
+				}),
+				error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusAlert, {
+					status: "danger",
+					title: "Could not add the device",
+					dataCy: "shelly-add-error",
+					children: error
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "sh:flex sh:justify-end sh:gap-2 sh:pt-2",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$5, {
+						variant: "secondary",
+						onPress: close,
+						children: "Cancel"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$5, {
+						variant: "primary",
+						type: "submit",
+						isPending: submitting,
+						onPress: submit,
+						"data-cy": "shelly-add-submit",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PlusIcon$1, { className: "sh:h-4 sh:w-4" }), " Add device"]
+					})]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
+					type: "submit",
+					hidden: true
+				})
+			]
+		}) })]
+	});
+}
+//#endregion
+//#region frontend/src/AdminPasswordDrawer.tsx
+var { Button: Button$4, DrawerBody: DrawerBody$3, DrawerFooter: DrawerFooter$2, DrawerHeader: DrawerHeader$3, Form: Form$2 } = await importShared("@heroui/react");
+var { KeyRoundIcon: KeyRoundIcon$1, XIcon: XIcon$3 } = await importShared("lucide-react");
+var { useCallback: useCallback$4, useEffect: useEffect$3, useState: useState$4 } = await importShared("react");
+function AdminPasswordDrawer({ device, onOpenChange, onSaved }) {
+	const [currentPassword, setCurrentPassword] = useState$4("");
+	const [password, setPassword] = useState$4("");
+	const [submitting, setSubmitting] = useState$4(false);
+	const [error, setError] = useState$4(null);
+	useEffect$3(() => {
+		if (device) {
+			setCurrentPassword("");
+			setPassword("");
+			setError(null);
+		}
+	}, [device]);
+	const close = useCallback$4(() => onOpenChange(false), [onOpenChange]);
+	const submit = useCallback$4(async () => {
+		if (!device) return;
+		const nextPassword = password.trim();
+		if (!nextPassword) {
+			setError("New password is required.");
+			return;
+		}
+		setSubmitting(true);
+		setError(null);
+		try {
+			await setAdminPassword(device.id, {
+				currentPassword: currentPassword || void 0,
+				password: nextPassword
+			});
+			onSaved();
+			close();
+		} catch (err) {
+			setError(err instanceof Error ? err.message : String(err));
+		} finally {
+			setSubmitting(false);
+		}
+	}, [
+		close,
+		currentPassword,
+		device,
+		onSaved,
+		password
+	]);
+	const onSubmit = useCallback$4((event) => {
+		event.preventDefault();
+		submit();
+	}, [submit]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StandardDrawer, {
+		isOpen: !!device,
+		onOpenChange,
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DrawerHeader$3, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "sh:flex sh:w-full sh:items-start sh:justify-between sh:gap-3",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "sh:flex sh:min-w-0 sh:flex-col sh:gap-1",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "sh:flex sh:items-center sh:gap-2",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(KeyRoundIcon$1, { className: "sh:h-5 sh:w-5 sh:shrink-0 sh:text-accent-soft-foreground" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
+							className: "sh:text-lg sh:font-semibold",
+							children: "Admin password"
+						})]
+					}), device && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+						className: "sh:text-sm sh:text-muted",
+						children: [
+							"Set or change the admin password of ",
+							device.name,
+							" (",
+							device.ipAddress,
+							")."
+						]
+					})]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$4, {
+					isIconOnly: true,
+					variant: "ghost",
+					"aria-label": "Close",
+					onPress: close,
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(XIcon$3, { size: 16 })
+				})]
+			}) }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DrawerBody$3, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Form$2, {
+				onSubmit,
+				className: "sh:flex sh:flex-col sh:gap-4",
+				children: [
+					device?.authState === "required" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PasswordFieldRow, {
+						label: "Current password",
+						value: currentPassword,
+						onChange: setCurrentPassword,
+						description: "Required because this device already has authentication enabled.",
+						autoComplete: "current-password",
+						dataCy: "shelly-auth-current-password"
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PasswordFieldRow, {
+						label: "New admin password",
+						value: password,
+						onChange: setPassword,
+						description: "Protects the device's local web interface and API.",
+						required: true,
+						autoComplete: "new-password",
+						dataCy: "shelly-auth-password"
+					}),
+					error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusAlert, {
+						status: "danger",
+						title: "Could not set password",
+						dataCy: "shelly-auth-error",
+						children: error
+					}),
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
+						type: "submit",
+						hidden: true
+					})
+				]
+			}) }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DrawerFooter$2, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$4, {
+				variant: "secondary",
+				onPress: close,
+				children: "Cancel"
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$4, {
+				variant: "primary",
+				isPending: submitting,
+				onPress: () => void submit(),
+				"data-cy": "shelly-auth-submit",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(KeyRoundIcon$1, { className: "sh:h-4 sh:w-4" }), " Save password"]
+			})] })
+		]
+	});
+}
+//#endregion
+//#region frontend/src/DeviceInfoDrawer.tsx
+var { Button: Button$3, Card, DrawerBody: DrawerBody$2, DrawerFooter: DrawerFooter$1, DrawerHeader: DrawerHeader$2, Form: Form$1, Skeleton } = await importShared("@heroui/react");
+var { EyeIcon, EyeOffIcon, InfoIcon: InfoIcon$1, RefreshCwIcon: RefreshCwIcon$2, XIcon: XIcon$2 } = await importShared("lucide-react");
+var { useCallback: useCallback$3, useEffect: useEffect$2, useState: useState$3 } = await importShared("react");
+function generationLabel$1(generation) {
+	if (generation === null) return "Unknown";
+	return generation === 1 ? "Gen 1" : `Gen ${generation}+`;
+}
+function isRecord(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function readPath(source, path) {
+	return path.split(".").reduce((value, key) => {
+		if (Array.isArray(value)) return value[Number(key)];
+		return isRecord(value) ? value[key] : void 0;
+	}, source);
+}
+function firstValue(source, paths) {
+	for (const path of paths) {
+		const value = readPath(source, path);
+		if (value !== void 0 && value !== null && value !== "") return value;
+	}
+}
+function formatValue(value, suffix = "") {
+	if (value === void 0 || value === null || value === "") return "Not reported";
+	if (typeof value === "boolean") return value ? "On" : "Off";
+	if (typeof value === "number") return `${Number.isInteger(value) ? value : value.toFixed(1)}${suffix}`;
+	return String(value);
+}
+function formatUptime(seconds) {
+	if (typeof seconds !== "number") return formatValue(seconds);
+	const days = Math.floor(seconds / 86400);
+	const hours = Math.floor(seconds % 86400 / 3600);
+	const minutes = Math.floor(seconds % 3600 / 60);
+	if (days > 0) return `${days}d ${hours}h ${minutes}m`;
+	if (hours > 0) return `${hours}h ${minutes}m`;
+	return `${minutes}m`;
+}
+function AuthProtectedForm({ authState, currentPassword, onChange, loading, onLoad }) {
+	const [visible, setVisible] = useState$3(false);
+	if (authState !== "required") return null;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: "sh:rounded-md sh:border-l-4 sh:border-l-warning sh:bg-warning/5 sh:p-4",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Form$1, {
+			onSubmit: (e) => {
+				e.preventDefault();
+				onLoad();
+			},
+			className: "sh:flex sh:flex-col sh:gap-3",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+					className: "sh:text-sm",
+					children: "This device requires authentication. Enter its admin password to read protected info."
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "sh:relative",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextFieldRow, {
+						label: "Admin password",
+						value: currentPassword,
+						onChange,
+						placeholder: "device admin password",
+						dataCy: "shelly-info-current-password"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$3, {
+						isIconOnly: true,
+						variant: "ghost",
+						size: "sm",
+						"aria-label": visible ? "Hide password" : "Show password",
+						className: "sh:absolute sh:right-1 sh:top-6",
+						onPress: () => setVisible((v) => !v),
+						children: visible ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EyeOffIcon, { className: "sh:h-4 sh:w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EyeIcon, { className: "sh:h-4 sh:w-4" })
+					})]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+					className: "sh:flex sh:justify-end",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$3, {
+						variant: "primary",
+						size: "sm",
+						isPending: loading,
+						onPress: onLoad,
+						"data-cy": "shelly-info-unlock",
+						children: "Load info"
+					})
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
+					type: "submit",
+					hidden: true
+				})
+			]
+		})
+	});
+}
+function DeviceInfoCards({ info }) {
+	const status = info.status;
+	const config = info.config;
+	const output = firstValue(status, [
+		"switch:0.output",
+		"relays.0.ison",
+		"lights.0.ison"
+	]);
+	const power = firstValue(status, [
+		"switch:0.apower",
+		"meters.0.power",
+		"lights.0.power"
+	]);
+	const voltage = firstValue(status, ["switch:0.voltage", "meters.0.voltage"]);
+	const current = firstValue(status, ["switch:0.current", "meters.0.current"]);
+	const cards = [
+		{
+			title: "Device",
+			rows: [
+				{
+					label: "Name",
+					value: formatValue(firstValue(config, [
+						"sys.device.name",
+						"name",
+						"device.name"
+					]))
+				},
+				{
+					label: "Generation",
+					value: generationLabel$1(info.generation)
+				},
+				{
+					label: "Timezone",
+					value: formatValue(firstValue(config, ["sys.location.tz", "timezone"]))
+				},
+				{
+					label: "Uptime",
+					value: formatUptime(firstValue(status, ["sys.uptime", "uptime"]))
+				}
+			]
+		},
+		{
+			title: "Network",
+			rows: [
+				{
+					label: "IP address",
+					value: formatValue(firstValue(status, [
+						"wifi.sta_ip",
+						"wifi_sta.ip",
+						"sta_ip"
+					]))
+				},
+				{
+					label: "Wi-Fi network",
+					value: formatValue(firstValue(status, [
+						"wifi.ssid",
+						"wifi_sta.ssid",
+						"ssid"
+					]))
+				},
+				{
+					label: "Signal",
+					value: formatValue(firstValue(status, ["wifi.rssi", "wifi_sta.rssi"]), " dBm")
+				}
+			]
+		},
+		{
+			title: "Output",
+			rows: [
+				{
+					label: "State",
+					value: formatValue(output)
+				},
+				{
+					label: "Power",
+					value: formatValue(power, " W")
+				},
+				{
+					label: "Voltage",
+					value: formatValue(voltage, " V")
+				},
+				{
+					label: "Current",
+					value: formatValue(current, " A")
+				}
+			]
+		}
+	];
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: "sh:grid sh:gap-4",
+		children: cards.map((card) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Card.Header, {
+			className: "sh:pb-0",
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: "sh:text-sm sh:font-semibold",
+				children: card.title
+			})
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Card.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dl", {
+			className: "sh:grid sh:grid-cols-1 sh:gap-3 sh:sm:grid-cols-2",
+			children: card.rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "sh:min-w-0",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", {
+					className: "sh:text-xs sh:font-medium sh:uppercase sh:tracking-wide sh:text-default-500",
+					children: row.label
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", {
+					className: "sh:mt-1 sh:truncate sh:text-sm sh:text-default-800",
+					title: row.value,
+					children: row.value
+				})]
+			}, row.label))
+		}) })] }, card.title))
+	});
+}
+function DeviceInfoDrawer({ device, onOpenChange }) {
+	const [info, setInfo] = useState$3(null);
+	const [currentPassword, setCurrentPassword] = useState$3("");
+	const [loading, setLoading] = useState$3(false);
+	const [error, setError] = useState$3(null);
+	useEffect$2(() => {
+		if (device) {
+			setInfo(null);
+			setCurrentPassword("");
+			setError(null);
+		}
+	}, [device]);
+	const close = useCallback$3(() => onOpenChange(false), [onOpenChange]);
+	const load = useCallback$3(async () => {
+		if (!device) return;
+		setLoading(true);
+		setError(null);
+		try {
+			setInfo(await getDeviceInfo(device.id, { currentPassword: currentPassword || void 0 }));
+		} catch (err) {
+			setError(err instanceof Error ? err.message : String(err));
+		} finally {
+			setLoading(false);
+		}
+	}, [device, currentPassword]);
+	useEffect$2(() => {
+		if (device && device.authState !== "required") load();
+	}, [device]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StandardDrawer, {
+		isOpen: !!device,
+		onOpenChange,
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DrawerHeader$2, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "sh:flex sh:w-full sh:items-start sh:justify-between sh:gap-3",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "sh:flex sh:min-w-0 sh:flex-col sh:gap-1",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "sh:flex sh:items-center sh:gap-2",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InfoIcon$1, { className: "sh:h-5 sh:w-5 sh:shrink-0 sh:text-accent-soft-foreground" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
+							className: "sh:text-lg sh:font-semibold",
+							children: device?.name ?? "Device info"
+						})]
+					}), device && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+						className: "sh:text-sm sh:text-muted",
+						children: device.ipAddress
+					})]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$3, {
+					isIconOnly: true,
+					variant: "ghost",
+					"aria-label": "Close",
+					onPress: close,
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(XIcon$2, { size: 16 })
+				})]
+			}) }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DrawerBody$2, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "sh:flex sh:flex-col sh:gap-4",
+				children: [
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AuthProtectedForm, {
+						authState: device?.authState ?? "unknown",
+						currentPassword,
+						onChange: setCurrentPassword,
+						loading,
+						onLoad: () => void load()
+					}),
+					error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusAlert, {
+						status: "danger",
+						title: "Could not load device info",
+						children: error
+					}),
+					loading && !info ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "sh:flex sh:flex-col sh:gap-4",
+						"aria-hidden": "true",
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "sh:h-32 sh:w-full sh:rounded-xl" }),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "sh:h-32 sh:w-full sh:rounded-xl" }),
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Skeleton, { className: "sh:h-32 sh:w-full sh:rounded-xl" })
+						]
+					}) : info ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DeviceInfoCards, { info }) : null
+				]
+			}) }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DrawerFooter$1, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "sh:flex sh:w-full sh:items-center sh:justify-between sh:gap-3",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+					className: "sh:text-xs sh:text-default-500",
+					children: info ? `Updated ${new Date(info.fetchedAt).toLocaleTimeString()}` : ""
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$3, {
+					variant: "secondary",
+					onPress: () => void load(),
+					isPending: loading,
+					"data-cy": "shelly-info-refresh",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RefreshCwIcon$2, { className: "sh:h-4 sh:w-4" }), " Refresh"]
+				})]
+			}) })
+		]
+	});
+}
+//#endregion
+//#region frontend/src/DiscoverDrawer.tsx
+var { Button: Button$2, Chip: Chip$1, DrawerBody: DrawerBody$1, DrawerHeader: DrawerHeader$1, Form, Spinner: Spinner$2 } = await importShared("@heroui/react");
+var { SearchIcon: SearchIcon$1, XIcon: XIcon$1 } = await importShared("lucide-react");
+var { useCallback: useCallback$2, useRef: useRef$1, useState: useState$2 } = await importShared("react");
+function ResultSummary({ result }) {
+	const added = result.devices.filter((device) => device.isNew).length;
+	const scanned = result.subnets.length > 0 ? result.subnets.join(", ") : "no subnet (mDNS only)";
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "sh:flex sh:flex-col sh:gap-3",
+		"data-cy": "shelly-discover-result",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StatusAlert, {
+				status: result.devices.length > 0 ? "success" : "warning",
+				title: result.devices.length > 0 ? `Found ${result.devices.length}, added ${added}` : "No devices found",
+				children: [
+					"Probed ",
+					result.probed,
+					" address",
+					result.probed === 1 ? "" : "es",
+					" in ",
+					scanned,
+					"."
+				]
+			}),
+			result.devices.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+				className: "sh:text-sm sh:text-muted",
+				children: [
+					"Nothing answered ",
+					/* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { children: "GET /shelly" }),
+					". If Attraccess runs in a container, enter the subnet your devices are on — the container's own network is not your LAN."
+				]
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
+				className: "sh:flex sh:flex-col sh:gap-2",
+				children: result.devices.map((device) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", {
+					className: "sh:flex sh:flex-wrap sh:items-center sh:justify-between sh:gap-2 sh:rounded-lg sh:bg-surface sh:px-3 sh:py-2",
+					"data-cy": `shelly-discovered-${device.deviceId}`,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "sh:min-w-0",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+							className: "sh:truncate sh:font-medium sh:text-foreground",
+							children: device.name
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+							className: "sh:text-xs sh:text-muted",
+							children: [
+								device.ipAddress,
+								" · Gen ",
+								device.generation,
+								" · via ",
+								device.source === "mdns" ? "mDNS" : "subnet scan"
+							]
+						})]
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Chip$1, {
+						variant: "soft",
+						color: device.isNew ? "success" : "default",
+						children: device.isNew ? "Added" : "Already known"
+					})]
+				}, device.deviceId))
+			})
+		]
+	});
+}
+function DiscoverDrawer({ isOpen, onOpenChange, onDiscovered }) {
+	const [cidr, setCidr] = useState$2("");
+	const [running, setRunning] = useState$2(false);
+	const [error, setError] = useState$2(null);
+	const [result, setResult] = useState$2(null);
+	const close = useCallback$2(() => onOpenChange(false), [onOpenChange]);
+	const inFlight = useRef$1(false);
+	const submit = useCallback$2(async () => {
+		if (inFlight.current) return;
+		inFlight.current = true;
+		setRunning(true);
+		setError(null);
+		setResult(null);
+		try {
+			const discovered = await discoverDevices({ cidr: cidr.trim() || void 0 });
+			setResult(discovered);
+			onDiscovered();
+		} catch (err) {
+			setError(err instanceof Error ? err.message : String(err));
+		} finally {
+			inFlight.current = false;
+			setRunning(false);
+		}
+	}, [cidr, onDiscovered]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StandardDrawer, {
+		isOpen,
+		onOpenChange,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DrawerHeader$1, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			className: "sh:flex sh:w-full sh:items-start sh:justify-between sh:gap-3",
+			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "sh:flex sh:flex-col sh:gap-1",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
+					className: "sh:text-lg sh:font-semibold",
+					children: "Discover devices"
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+					className: "sh:text-sm sh:text-muted",
+					children: "Listens for Shelly devices announcing over mDNS, then probes every address of a subnet. Everything found is added to the registry."
+				})]
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$2, {
+				isIconOnly: true,
+				variant: "ghost",
+				"aria-label": "Close",
+				onPress: close,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(XIcon$1, { size: 16 })
+			})]
+		}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DrawerBody$1, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Form, {
+			onSubmit: submit,
+			className: "sh:flex sh:flex-col sh:gap-4",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextFieldRow, {
+					label: "Subnet to scan (optional)",
+					value: cidr,
+					onChange: setCidr,
+					placeholder: "192.168.1.0/24",
+					description: "Leave empty to scan the server's own networks. Private ranges only, /22 at most. Required when Attraccess runs in a container, since its network is not your LAN.",
+					dataCy: "shelly-discover-cidr"
+				}),
+				error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusAlert, {
+					status: "danger",
+					title: "Discovery failed",
+					dataCy: "shelly-discover-error",
+					children: error
+				}),
+				running && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "sh:flex sh:items-center sh:gap-3 sh:text-sm sh:text-muted",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner$2, {
+						color: "accent",
+						size: "sm"
+					}), "Probing addresses — a /24 takes a few seconds."]
+				}),
+				result && !running && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ResultSummary, { result }),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "sh:flex sh:justify-end sh:gap-2 sh:pt-2",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$2, {
+						variant: "secondary",
+						onPress: close,
+						children: result ? "Done" : "Cancel"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$2, {
+						variant: "primary",
+						type: "submit",
+						isPending: running,
+						onPress: submit,
+						"data-cy": "shelly-discover-submit",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SearchIcon$1, { className: "sh:h-4 sh:w-4" }), " Start discovery"]
+					})]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
+					type: "submit",
+					hidden: true
+				})
+			]
+		}) })]
+	});
+}
+//#endregion
+//#region frontend/src/FirmwareDrawer.tsx
+var { Button: Button$1, DrawerBody, DrawerFooter, DrawerHeader, Spinner: Spinner$1, Tooltip: Tooltip$1 } = await importShared("@heroui/react");
+var { ArrowUpCircleIcon, CpuIcon: CpuIcon$1, DownloadIcon, RefreshCwIcon: RefreshCwIcon$1, XIcon } = await importShared("lucide-react");
+var { useCallback: useCallback$1, useEffect: useEffect$1, useRef, useState: useState$1 } = await importShared("react");
+var POLL_INTERVAL_MS = 5e3;
+var UPDATE_TIMEOUT_MS = 3e5;
+var STAGE_LABEL = {
+	stable: "stable",
+	beta: "beta"
+};
+/**
+* Gen1 reports versions as `20230913-114150/v1.14.0` — only the tail is useful
+* at a glance, the full string stays in the tooltip.
+*/
+function shortVersion(version) {
+	const tail = version.split("/").pop();
+	return tail && tail.length > 0 ? tail : version;
+}
+/** Table cell summarising a device's firmware state from the bulk overview. */
+function FirmwareCell({ entry }) {
+	if (!entry) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		className: "sh:text-sm sh:text-default-400",
+		children: "Checking…"
+	});
+	if (entry.error || !entry.status) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		className: "sh:block sh:max-w-40 sh:truncate sh:text-sm sh:text-default-400",
+		title: entry.error ?? void 0,
+		children: "Unavailable"
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "sh:flex sh:flex-col sh:gap-1",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: "sh:block sh:max-w-40 sh:truncate sh:text-sm sh:text-default-700",
+			title: entry.status.currentVersion ?? void 0,
+			children: entry.status.currentVersion ? shortVersion(entry.status.currentVersion) : "Unknown"
+		}), entry.status.hasUpdate && entry.status.available.stable && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+			className: "sh:max-w-40 sh:truncate sh:text-xs sh:text-warning-600",
+			title: entry.status.available.stable,
+			children: [shortVersion(entry.status.available.stable), " available"]
+		})]
+	});
+}
+/**
+* "Update available" marker next to the device name, so the signal survives the
+* breakpoints where the Firmware column is hidden. Icon-only on purpose: a text
+* chip here widens the Device column enough to push the row actions out of the
+* table's visible width on tablets.
+*/
+function UpdateAvailableIndicator({ entry }) {
+	const version = entry?.status?.hasUpdate ? entry.status.available.stable : null;
+	if (!version) return null;
+	const label = `Firmware update available: ${shortVersion(version)}`;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Tooltip$1, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip$1.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+		variant: "ghost",
+		size: "sm",
+		isIconOnly: true,
+		"aria-label": label,
+		className: "sh:h-6 sh:w-6 sh:min-w-6 sh:text-warning",
+		"data-cy": "shelly-update-available",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowUpCircleIcon, { className: "sh:h-4 sh:w-4" })
+	}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip$1.Content, { children: label })] });
+}
+function VersionRow({ label, value }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "sh:flex sh:items-baseline sh:justify-between sh:gap-3 sh:border-b sh:border-default-200 sh:py-2 sh:last:border-b-0",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: "sh:text-xs sh:font-medium sh:uppercase sh:tracking-wide sh:text-default-500",
+			children: label
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: "sh:min-w-0 sh:truncate sh:text-sm sh:text-default-800",
+			title: value,
+			children: value
+		})]
+	});
+}
+function FirmwareDetails({ status }) {
+	if (!status) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		className: "sh:rounded-xl sh:border sh:border-dashed sh:border-default-300 sh:p-4 sh:text-sm sh:text-default-500",
+		children: "No firmware info loaded yet."
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", {
+		className: "sh:rounded-xl sh:border sh:border-default-200 sh:bg-surface sh:p-4",
+		"data-cy": "shelly-firmware-details",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(VersionRow, {
+				label: "Installed",
+				value: status.currentVersion ?? "Unknown"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(VersionRow, {
+				label: "Stable channel",
+				value: status.available.stable ?? "Up to date"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(VersionRow, {
+				label: "Beta channel",
+				value: status.available.beta ?? "Nothing newer"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(VersionRow, {
+				label: "Checked",
+				value: new Date(status.fetchedAt).toLocaleString()
+			})
+		]
+	});
+}
+function FirmwareDrawer({ device, onOpenChange, onUpdated }) {
+	const [status, setStatus] = useState$1(null);
+	const [currentPassword, setCurrentPassword] = useState$1("");
+	const [loading, setLoading] = useState$1(false);
+	const [error, setError] = useState$1(null);
+	const [installing, setInstalling] = useState$1(null);
+	const [installedVersion, setInstalledVersion] = useState$1(null);
+	const targetVersion = useRef(null);
+	const deadline = useRef(0);
+	const close = useCallback$1(() => onOpenChange(false), [onOpenChange]);
+	const fetchStatus = useCallback$1(async () => {
+		if (!device) return null;
+		return getFirmware(device.id, { currentPassword: currentPassword || void 0 });
+	}, [device, currentPassword]);
+	const load = useCallback$1(async () => {
+		if (!device) return;
+		setLoading(true);
+		setError(null);
+		try {
+			setStatus(await fetchStatus());
+		} catch (err) {
+			setError(err instanceof Error ? err.message : String(err));
+		} finally {
+			setLoading(false);
+		}
+	}, [device, fetchStatus]);
+	useEffect$1(() => {
+		if (!device) return;
+		setStatus(null);
+		setInstalling(null);
+		setInstalledVersion(null);
+		setError(null);
+		load();
+	}, [device]);
+	const install = useCallback$1(async (stage) => {
+		if (!device) return;
+		setError(null);
+		setInstalling(stage);
+		targetVersion.current = status?.available[stage] ?? null;
+		deadline.current = Date.now() + UPDATE_TIMEOUT_MS;
+		try {
+			await startFirmwareUpdate(device.id, {
+				stage,
+				currentPassword: currentPassword || void 0
+			});
+		} catch (err) {
+			setInstalling(null);
+			setError(err instanceof Error ? err.message : String(err));
+		}
+	}, [
+		currentPassword,
+		device,
+		status
+	]);
+	useEffect$1(() => {
+		if (!installing || !device) return;
+		let cancelled = false;
+		const poll = async () => {
+			if (cancelled) return;
+			if (Date.now() > deadline.current) {
+				setInstalling(null);
+				setError("The device did not report the expected firmware version within 5 minutes. Check it and re-check the firmware manually.");
+				return;
+			}
+			try {
+				const next = await fetchStatus();
+				if (cancelled || !next) return;
+				setStatus(next);
+				if ((targetVersion.current ? next.currentVersion === targetVersion.current : !next.hasUpdate) && next.state !== "updating" && next.state !== "pending") {
+					setInstalling(null);
+					setInstalledVersion(next.currentVersion);
+					onUpdated();
+				}
+			} catch {}
+		};
+		const timer = setInterval(poll, POLL_INTERVAL_MS);
+		return () => {
+			cancelled = true;
+			clearInterval(timer);
+		};
+	}, [
+		installing,
+		device,
+		fetchStatus,
+		onUpdated
+	]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StandardDrawer, {
+		isOpen: !!device,
+		onOpenChange,
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DrawerHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "sh:flex sh:w-full sh:items-start sh:justify-between sh:gap-3",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "sh:flex sh:min-w-0 sh:flex-col sh:gap-1",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+						className: "sh:flex sh:items-center sh:gap-2",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CpuIcon$1, { className: "sh:h-5 sh:w-5 sh:shrink-0 sh:text-accent-soft-foreground" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
+							className: "sh:text-lg sh:font-semibold",
+							children: "Firmware"
+						})]
+					}), device && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
+						className: "sh:text-sm sh:text-muted",
+						children: [
+							"Check for and install firmware updates on ",
+							device.name,
+							" (",
+							device.ipAddress,
+							")."
+						]
+					})]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button$1, {
+					isIconOnly: true,
+					variant: "ghost",
+					"aria-label": "Close",
+					onPress: close,
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(XIcon, { size: 16 })
+				})]
+			}) }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DrawerBody, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "sh:flex sh:flex-col sh:gap-4",
+				children: [
+					device?.authState === "required" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PasswordFieldRow, {
+						label: "Current password",
+						value: currentPassword,
+						onChange: setCurrentPassword,
+						description: "Required because this device already has authentication enabled.",
+						autoComplete: "current-password",
+						dataCy: "shelly-firmware-current-password"
+					}),
+					error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusAlert, {
+						status: "danger",
+						title: "Firmware check failed",
+						dataCy: "shelly-firmware-error",
+						children: error
+					}),
+					installing && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusAlert, {
+						status: "accent",
+						title: "Update running",
+						dataCy: "shelly-firmware-progress",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+							className: "sh:flex sh:items-center sh:gap-2",
+							children: [
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner$1, {
+									size: "sm",
+									color: "accent"
+								}),
+								"Installing the ",
+								STAGE_LABEL[installing],
+								" firmware",
+								targetVersion.current ? ` (${targetVersion.current})` : "",
+								". The device reboots during the update and is offline for a moment — this page keeps checking."
+							]
+						})
+					}),
+					installedVersion && !installing && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StatusAlert, {
+						status: "success",
+						title: "Update finished",
+						dataCy: "shelly-firmware-success",
+						children: [
+							"The device now runs ",
+							installedVersion,
+							"."
+						]
+					}),
+					loading && !status ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+						className: "sh:flex sh:items-center sh:justify-center sh:p-6",
+						children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner$1, { color: "accent" })
+					}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FirmwareDetails, { status })
+				]
+			}) }),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DrawerFooter, {
+				className: "sh:flex-wrap",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+					variant: "secondary",
+					onPress: load,
+					isPending: loading,
+					isDisabled: !!installing,
+					"data-cy": "shelly-firmware-refresh",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RefreshCwIcon$1, { className: "sh:h-4 sh:w-4" }), " Check again"]
+				}), ["stable", "beta"].map((stage) => {
+					const version = status?.available[stage];
+					if (!version) return null;
+					return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button$1, {
+						variant: stage === "stable" ? "primary" : "secondary",
+						onPress: () => install(stage),
+						isPending: installing === stage,
+						isDisabled: !!installing,
+						"data-cy": `shelly-firmware-install-${stage}`,
+						"aria-label": `Install ${STAGE_LABEL[stage]} firmware ${version}`,
+						children: [
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DownloadIcon, { className: "sh:h-4 sh:w-4" }),
+							" Install ",
+							STAGE_LABEL[stage],
+							" ",
+							shortVersion(version)
+						]
+					}, stage);
+				})]
+			})
+		]
+	});
+}
+//#endregion
+//#region frontend/src/DevicesPage.tsx
+var { Button, Chip, Dropdown, DropdownItem, DropdownMenu, DropdownPopover, DropdownTrigger, Modal, ModalBackdrop, ModalBody, ModalContainer, ModalDialog, ModalFooter, ModalHeader, ModalHeading, Spinner, Table, TableBody, TableCell, TableColumn, TableContent, TableHeader, TableRow, TableScrollContainer, Tooltip, useOverlayState } = await importShared("@heroui/react");
+var { CpuIcon, InfoIcon, KeyRoundIcon, MehIcon, MoreVerticalIcon, PlusIcon, RefreshCwIcon, SearchIcon, Trash2Icon, TriangleAlertIcon, WifiIcon: WifiIcon$1 } = await importShared("lucide-react");
+var { useCallback, useEffect, useState } = await importShared("react");
+function generationLabel(generation) {
+	if (generation === null) return "Unknown";
+	return generation === 1 ? "Gen 1" : `Gen ${generation}+`;
+}
+function AuthChip({ state }) {
+	const { color, label } = {
+		none: {
+			color: "success",
+			label: "No auth"
+		},
+		required: {
+			color: "warning",
+			label: "Auth required"
+		},
+		unknown: {
+			color: "default",
+			label: "Unknown"
+		}
+	}[state];
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Chip, {
+		variant: "soft",
+		color,
+		size: "sm",
+		className: "sh:whitespace-nowrap",
+		children: label
+	});
+}
+function ProbeErrorIndicator({ message }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Tooltip, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+		variant: "ghost",
+		size: "sm",
+		isIconOnly: true,
+		"aria-label": `Probe failed: ${message}`,
+		className: "sh:h-6 sh:w-6 sh:min-w-6 sh:text-warning",
+		"data-cy": "shelly-device-probe-error",
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TriangleAlertIcon, { className: "sh:h-4 sh:w-4" })
+	}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Tooltip.Content, { children: ["Probe failed: ", message] })] });
+}
+function RowActions({ deviceId, isBusy, onInfo, onFirmware, onAuth, onReprobe, onDelete }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "sh:flex sh:flex-row sh:items-center sh:justify-end sh:gap-1 sh:whitespace-nowrap",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Tooltip, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+			variant: "ghost",
+			size: "sm",
+			isIconOnly: true,
+			"aria-label": "View device info",
+			isDisabled: isBusy,
+			onPress: onInfo,
+			"data-cy": `shelly-device-info-${deviceId}`,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InfoIcon, { className: "sh:h-4 sh:w-4" })
+		}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip.Content, { children: "View device info" })] }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Dropdown, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+			variant: "ghost",
+			size: "sm",
+			isIconOnly: true,
+			"aria-label": "More actions",
+			isPending: isBusy,
+			"data-cy": `shelly-device-menu-${deviceId}`,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MoreVerticalIcon, { className: "sh:h-4 sh:w-4" })
+		}) }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownPopover, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DropdownMenu, {
+			"aria-label": "Device actions",
+			children: [
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DropdownItem, {
+					id: "firmware",
+					onPress: onFirmware,
+					"data-cy": `shelly-device-firmware-${deviceId}`,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CpuIcon, { className: "sh:mr-2 sh:inline sh:h-4 sh:w-4" }), " Manage firmware"]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DropdownItem, {
+					id: "auth",
+					onPress: onAuth,
+					"data-cy": `shelly-device-auth-${deviceId}`,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(KeyRoundIcon, { className: "sh:mr-2 sh:inline sh:h-4 sh:w-4" }), " Set admin password"]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DropdownItem, {
+					id: "reprobe",
+					onPress: onReprobe,
+					"data-cy": `shelly-device-reprobe-${deviceId}`,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(RefreshCwIcon, { className: "sh:mr-2 sh:inline sh:h-4 sh:w-4" }), " Re-probe device"]
+				}),
+				/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DropdownItem, {
+					id: "delete",
+					onPress: onDelete,
+					className: "sh:text-danger",
+					"data-cy": `shelly-device-delete-${deviceId}`,
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Trash2Icon, { className: "sh:mr-2 sh:inline sh:h-4 sh:w-4" }), " Delete device"]
+				})
+			]
+		}) })] })]
+	});
+}
+function EmptyDevices({ onAdd }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "sh:flex sh:flex-col sh:items-center sh:justify-center sh:gap-3 sh:px-4 sh:py-12",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MehIcon, {
+				size: 36,
+				className: "sh:text-default-300"
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+				className: "sh:text-sm sh:text-default-500",
+				children: "No devices yet. Run discovery, or add your first Shelly by its IP."
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+				variant: "secondary",
+				size: "sm",
+				onPress: onAdd,
+				"data-cy": "shelly-add-open-empty",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PlusIcon, { className: "sh:h-4 sh:w-4" }), " Add device"]
+			})
+		]
+	});
+}
+function DevicesPage() {
+	const [devices, setDevices] = useState([]);
+	const [loading, setLoading] = useState(true);
+	const [pageError, setPageError] = useState(null);
+	const [rowBusyId, setRowBusyId] = useState(null);
+	const [infoDevice, setInfoDevice] = useState(null);
+	const [authDevice, setAuthDevice] = useState(null);
+	const [firmwareDevice, setFirmwareDevice] = useState(null);
+	const [firmware, setFirmware] = useState({});
+	const [deleteTarget, setDeleteTarget] = useState(null);
+	const [deleting, setDeleting] = useState(false);
+	const addDrawer = useOverlayState();
+	const discoverDrawer = useOverlayState();
+	const refreshFirmware = useCallback(async (known = []) => {
+		try {
+			const entries = await listFirmware();
+			setFirmware(Object.fromEntries(entries.map((entry) => [entry.deviceId, entry])));
+		} catch (err) {
+			const error = err instanceof Error ? err.message : String(err);
+			setFirmware(Object.fromEntries(known.map((device) => [device.id, {
+				deviceId: device.id,
+				status: null,
+				error
+			}])));
+		}
+	}, []);
+	const refresh = useCallback(async () => {
+		try {
+			const next = await listDevices();
+			setDevices(next);
+			setPageError(null);
+			refreshFirmware(next);
+		} catch (err) {
+			setPageError(err instanceof Error ? err.message : String(err));
+		} finally {
+			setLoading(false);
+		}
+	}, [refreshFirmware]);
+	useEffect(() => {
+		refresh();
+	}, [refresh]);
+	const withRowBusy = useCallback(async (id, action) => {
+		setRowBusyId(id);
+		try {
+			await action();
+			await refresh();
+		} catch (err) {
+			setPageError(err instanceof Error ? err.message : String(err));
+		} finally {
+			setRowBusyId(null);
+		}
+	}, [refresh]);
+	const confirmDelete = useCallback(async () => {
+		if (!deleteTarget) return;
+		setDeleting(true);
+		try {
+			await deleteDevice(deleteTarget.id);
+			await refresh();
+			setDeleteTarget(null);
+		} catch (err) {
+			setPageError(err instanceof Error ? err.message : String(err));
+			setDeleteTarget(null);
+		} finally {
+			setDeleting(false);
+		}
+	}, [deleteTarget, refresh]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "sh:mx-auto sh:flex sh:w-full sh:max-w-5xl sh:flex-col sh:gap-6 sh:p-4 sh:md:p-6",
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+				className: "sh:flex sh:w-full sh:flex-wrap sh:items-center sh:justify-between sh:gap-y-4",
+				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "sh:flex sh:items-center sh:gap-3",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(WifiIcon$1, { className: "sh:h-6 sh:w-6 sh:text-accent-soft-foreground" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
+						className: "sh:text-2xl sh:font-bold",
+						children: "Shelly Devices"
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+						className: "sh:mt-1 sh:text-sm sh:text-muted",
+						children: "Discovered and manually added Shelly devices."
+					})] })]
+				}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+					className: "sh:flex sh:flex-wrap sh:gap-2",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+						variant: "secondary",
+						onPress: discoverDrawer.open,
+						"data-cy": "shelly-discover-open",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SearchIcon, { className: "sh:h-4 sh:w-4" }), " Discover"]
+					}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+						variant: "primary",
+						onPress: addDrawer.open,
+						"data-cy": "shelly-add-open",
+						children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(PlusIcon, { className: "sh:h-4 sh:w-4" }), " Add device"]
+					})]
+				})]
+			}),
+			pageError && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatusAlert, {
+				status: "danger",
+				title: "Failed to load devices",
+				children: pageError
+			}),
+			loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: "sh:flex sh:items-center sh:justify-center sh:p-6",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, { color: "accent" })
+			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table, {
+				"data-cy": "shelly-device-table",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableScrollContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableContent, {
+					"aria-label": "Shelly devices",
+					children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableHeader, { children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableColumn, {
+							isRowHeader: true,
+							children: "Device"
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableColumn, {
+							className: "sh:hidden sh:sm:table-cell sh:md:hidden sh:lg:table-cell",
+							children: "Address"
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableColumn, {
+							className: "sh:hidden sh:lg:table-cell",
+							children: "Model"
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableColumn, {
+							className: "sh:hidden sh:sm:table-cell",
+							children: "Auth"
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableColumn, {
+							className: "sh:hidden sh:xl:table-cell",
+							children: "Firmware"
+						}),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableColumn, {
+							className: "sh:text-end",
+							children: "Actions"
+						})
+					] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableBody, {
+						items: devices,
+						dependencies: [firmware, rowBusyId],
+						renderEmptyState: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyDevices, { onAdd: addDrawer.open }),
+						children: (device) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableRow, {
+							id: device.id,
+							"data-cy": `shelly-device-row-${device.id}`,
+							children: [
+								/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableCell, {
+									className: "sh:whitespace-nowrap",
+									children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+										className: "sh:flex sh:items-center sh:gap-1",
+										children: [
+											/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+												className: "sh:max-w-36 sh:truncate sh:font-medium sh:text-default-800 sh:sm:max-w-48",
+												title: device.name,
+												children: device.name
+											}),
+											device.lastProbeError && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProbeErrorIndicator, { message: device.lastProbeError }),
+											/* @__PURE__ */ (0, import_jsx_runtime.jsx)(UpdateAvailableIndicator, { entry: firmware[device.id] })
+										]
+									}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+										className: "sh:text-xs sh:text-default-500 sh:sm:hidden sh:md:block sh:lg:hidden",
+										children: device.ipAddress
+									})]
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+									className: "sh:hidden sh:whitespace-nowrap sh:text-default-600 sh:sm:table-cell sh:md:hidden sh:lg:table-cell",
+									children: device.ipAddress
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+									className: "sh:hidden sh:whitespace-nowrap sh:lg:table-cell",
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+										className: "sh:flex sh:items-center sh:gap-1.5",
+										children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+											className: "sh:max-w-36 sh:truncate",
+											title: device.model ?? void 0,
+											children: device.model ?? "—"
+										}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Chip, {
+											variant: "soft",
+											size: "sm",
+											className: "sh:whitespace-nowrap",
+											children: generationLabel(device.generation)
+										})]
+									})
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+									className: "sh:hidden sh:whitespace-nowrap sh:sm:table-cell",
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AuthChip, { state: device.authState })
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+									className: "sh:hidden sh:whitespace-nowrap sh:xl:table-cell",
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FirmwareCell, { entry: firmware[device.id] })
+								}),
+								/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TableCell, {
+									className: "sh:whitespace-nowrap",
+									children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RowActions, {
+										deviceId: device.id,
+										isBusy: rowBusyId === device.id,
+										onInfo: () => setInfoDevice(device),
+										onFirmware: () => setFirmwareDevice(device),
+										onAuth: () => setAuthDevice(device),
+										onReprobe: () => withRowBusy(device.id, () => reprobeDevice(device.id)),
+										onDelete: () => setDeleteTarget(device)
+									})
+								})
+							]
+						}, device.id)
+					})]
+				}) })
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AddDeviceDrawer, {
+				isOpen: addDrawer.isOpen,
+				onOpenChange: addDrawer.setOpen,
+				onAdded: refresh
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DiscoverDrawer, {
+				isOpen: discoverDrawer.isOpen,
+				onOpenChange: discoverDrawer.setOpen,
+				onDiscovered: refresh
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DeviceInfoDrawer, {
+				device: infoDevice,
+				onOpenChange: (open) => !open && setInfoDevice(null)
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AdminPasswordDrawer, {
+				device: authDevice,
+				onOpenChange: (open) => !open && setAuthDevice(null),
+				onSaved: refresh
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(FirmwareDrawer, {
+				device: firmwareDevice,
+				onOpenChange: (open) => !open && setFirmwareDevice(null),
+				onUpdated: () => void refreshFirmware(devices)
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Modal, {
+				isOpen: !!deleteTarget,
+				onOpenChange: (open) => {
+					if (!open) setDeleteTarget(null);
+				},
+				"data-cy": "shelly-delete-confirmation-modal",
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModalBackdrop, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModalContainer, {
+					size: "sm",
+					children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ModalDialog, { children: [
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModalHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModalHeading, { children: "Delete device" }) }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ModalBody, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
+							"Remove ",
+							/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+								className: "sh:font-semibold",
+								children: deleteTarget?.name
+							}),
+							" (",
+							deleteTarget?.ipAddress,
+							") from the registry? The device itself is not changed."
+						] }) }),
+						/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ModalFooter, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+							variant: "secondary",
+							onPress: () => setDeleteTarget(null),
+							"data-cy": "shelly-delete-cancel",
+							children: "Cancel"
+						}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Button, {
+							variant: "danger",
+							onPress: confirmDelete,
+							isPending: deleting,
+							"data-cy": "shelly-delete-confirm",
+							children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Trash2Icon, { className: "sh:h-4 sh:w-4" }), " Delete"]
+						})] })
+					] })
+				}) })
+			})
+		]
+	});
+}
+//#endregion
+//#region frontend/src/plugin.tsx
+var { WifiIcon } = await importShared("lucide-react");
+var ShellyPlugin = class {
+	getPluginName() {
+		return "shelly-plugin@0.1.0";
+	}
+	getDependencies() {
+		return [];
+	}
+	init(_store) {}
+	activate() {}
+	deactivate() {}
+	onApiAuthStateChange(_authData) {}
+	onApiEndpointChange(_endpoint) {}
+	getRoutes() {
+		return [{
+			path: "/shelly",
+			authRequired: "resources.update",
+			element: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DevicesPage, {})
+		}];
+	}
+	getSidebarItems() {
+		return [{
+			label: "Shelly",
+			path: "/shelly",
+			icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WifiIcon, { className: "sh:w-5 sh:h-5" })
+		}];
+	}
+};
+//#endregion
+export { ShellyPlugin as default };