@camera.ui/server 2.4.2 → 2.4.4

package/dist/interface/ha/Floorplan-DH8-DWF3.js

@@ -0,0 +1,3707 @@
+import { m as e } from "./ripple-CGl9oC16.js";
+import { B as t, G as n, H as r, J as i, Kt as a, M as o, N as s, St as c, Tt as l, Xt as u, Y as d, Yt as f, bt as p, d as m, f as h, ft as g, gt as _, jt as v, l as y, lt as b, ot as ee, p as x, r as S, rt as te, u as C, ut as w, v as T, vt as E, x as D, y as O, z as k } from "./runtime-core.esm-bundler-CrWKbcD2.js";
+import { t as ne } from "./message-CZC3zWwJ.js";
+import { t as re } from "./chevron-down-CJFRRGQC.js";
+import { Bn as ie, Bt as ae, Gn as oe, Gt as se, Ht as ce, Jr as le, Jt as ue, Kt as de, La as fe, Lr as A, Qi as pe, Ut as me, Vt as he, Wi as j, Wt as M, Yr as ge, Zn as _e, _i as ve, bi as ye, ci as be, ii as xe, li as Se, mn as Ce, mt as we, ni as N, nr as Te, o as Ee, qt as P, v as F, xt as De, zr as I, zt as Oe } from "./api-CXtQYIt7.js";
+import { n as ke } from "./vue-i18n-DzDRu5NH.js";
+import { y as Ae } from "./dist-DTq7_9I6.js";
+import { o as L } from "./dist-euRmladF.js";
+import { t as je } from "./CuiButton-CGAd8xvo.js";
+import { t as Me } from "./inputtext-CMGQjYbf.js";
+import { t as Ne } from "./select-Dx9X_nNU.js";
+import { t as Pe } from "./close-BYhywzVJ.js";
+import { t as Fe } from "./divider-DXM1KwGC.js";
+import { i as Ie, n as Le, r as Re, t as ze } from "./accordion-hfR-HxkK.js";
+import { t as Be } from "./speeddial-CoFpZwx8.js";
+import { t as Ve } from "./textarea-BlM9J3yZ.js";
+import { t as He } from "./CuiBottomSheet-DRJj8B44.js";
+import { t as Ue } from "./cctv-B_Ka6Vwb.js";
+import { r as We } from "./cards-Bcz7ceYM.js";
+import { t as Ge } from "./restore-Ds03iOI8.js";
+import { t as Ke } from "./pencil-outline-C2o3oqgD.js";
+import { t as qe } from "./trash-can-outline-B6niwBbo.js";
+import { t as Je } from "./back-filled-DHF_824p.js";
+import { t as Ye } from "./chevron-up-hScufK8W.js";
+import { a as Xe, d as Ze, f as Qe, l as $e, p as et, t as R, u as tt } from "./vue-flow-background-BR0FqOny.js";
+import { n as nt } from "./rooms-Dbs8Sxbv.js";
+import { t as z } from "./minus-Bf1yxhPx.js";
+//#region ~icons/mdi/open-in-new
+var B = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function V(e, t) {
+	return r(), x("svg", B, [...t[0] ||= [C("path", {
+		fill: "currentColor",
+		d: "M14 3v2h3.59l-9.83 9.83l1.41 1.41L19 6.41V10h2V3m-2 16H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2z"
+	}, null, -1)]]);
+}
+var rt = E({
+	name: "mdi-open-in-new",
+	render: V
+}), H = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function U(e, t) {
+	return r(), x("svg", H, [...t[0] ||= [C("path", {
+		fill: "currentColor",
+		d: "M2 2h6v2h8V2h6v6h-2v8h2v6h-6v-2H8v2H2v-6h2V8H2zm14 6V6H8v2H6v8h2v2h8v-2h2V8zM4 4v2h2V4zm14 0v2h2V4zM4 18v2h2v-2zm14 0v2h2v-2z"
+	}, null, -1)]]);
+}
+var it = E({
+	name: "mdi-vector-square",
+	render: U
+}), W = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function G(e, t) {
+	return r(), x("svg", W, [...t[0] ||= [C("path", {
+		fill: "currentColor",
+		d: "M12 3c-1.11 0-2 .89-2 2H3v14H2v2h20v-2h-1V5c0-1.11-.89-2-2-2zm0 2h7v14h-7zm-7 6h2v2H5z"
+	}, null, -1)]]);
+}
+var at = E({
+	name: "mdi-door-open",
+	render: G
+}), ot = .55, st = {
+	min: .2,
+	max: 3
+}, ct = {
+	min: 100,
+	max: 3e3
+}, lt = [
+	"door",
+	"opening",
+	"stairs"
+], ut = {
+	min: 40,
+	max: 400
+}, dt = "application/floorplanitem";
+//#endregion
+//#region src/components/CuiFloorplan/utils.ts
+function K(e) {
+	return e / 100;
+}
+function q(e, t = 2) {
+	return `${K(e).toFixed(t)} m`;
+}
+function J(e) {
+	return {
+		x: e.x + e.width / 2,
+		y: e.y + e.height / 2
+	};
+}
+function ft(e, t) {
+	let n = Math.min(e.y + e.height, t.y + t.height) - Math.max(e.y, t.y), r = Math.min(e.x + e.width, t.x + t.width) - Math.max(e.x, t.x);
+	if (n > 0 && (e.x + e.width === t.x || t.x + t.width === e.x)) return {
+		x: e.x + e.width === t.x ? t.x : e.x,
+		y: Math.max(e.y, t.y),
+		stepX: 0,
+		stepY: 1,
+		length: n
+	};
+	if (r > 0 && (e.y + e.height === t.y || t.y + t.height === e.y)) {
+		let n = e.y + e.height === t.y ? t.y : e.y;
+		return {
+			x: Math.max(e.x, t.x),
+			y: n,
+			stepX: 1,
+			stepY: 0,
+			length: r
+		};
+	}
+	return null;
+}
+function pt(e, t, n) {
+	let r = Math.min(n, e.length) / 2, i = Math.min(Math.max(t ?? e.length / 2, r), e.length - r);
+	return {
+		x1: e.x + e.stepX * (i - r),
+		y1: e.y + e.stepY * (i - r),
+		x2: e.x + e.stepX * (i + r),
+		y2: e.y + e.stepY * (i + r)
+	};
+}
+function mt(e, t, n) {
+	let r = t.filter((t) => t.roomId === e.fromRoomId), i = t.filter((t) => t.roomId === e.toRoomId);
+	if (!r.length || !i.length) return null;
+	let a = r.some((e) => e.levelId === n), o = i.some((e) => e.levelId === n);
+	if (!a && !o) return null;
+	if (a !== o) {
+		let t = a ? e.fromShapeId : e.toShapeId, n = a ? r : i;
+		return {
+			kind: "badge",
+			roomId: a ? e.fromRoomId : e.toRoomId,
+			shapeId: n.find((e) => e.id === t)?.id ?? n[0].id
+		};
+	}
+	let s = r.find((t) => t.id === e.fromShapeId), c = i.find((t) => t.id === e.toShapeId), l = s && c ? [[s, c]] : r.flatMap((e) => i.map((t) => [e, t]));
+	for (let [t, n] of l) {
+		let r = ft(t, n);
+		if (r) return {
+			kind: "edge",
+			...pt(r, e.offset, e.width),
+			wall: r
+		};
+	}
+	let u = J(r[0]), d = J(i[0]);
+	return {
+		kind: "link",
+		x1: u.x,
+		y1: u.y,
+		x2: d.x,
+		y2: d.y
+	};
+}
+function ht(e, t, n) {
+	let r = gt(e);
+	return {
+		fill: r.map((e) => _t(e, t, [])).join(" "),
+		wall: r.map((e) => _t(e, t, n)).join(" ")
+	};
+}
+function gt(e) {
+	if (!e.length) return [];
+	let t = [...new Set(e.flatMap((e) => [e.x, e.x + e.width]))].sort((e, t) => e - t), n = [...new Set(e.flatMap((e) => [e.y, e.y + e.height]))].sort((e, t) => e - t), r = (r, i) => {
+		if (r < 0 || i < 0 || r >= t.length - 1 || i >= n.length - 1) return !1;
+		let a = (t[r] + t[r + 1]) / 2, o = (n[i] + n[i + 1]) / 2;
+		return e.some((e) => a > e.x && a < e.x + e.width && o > e.y && o < e.y + e.height);
+	}, i = (e) => `${e.x},${e.y}`, a = /* @__PURE__ */ new Map();
+	for (let e = 0; e < t.length - 1; e++) for (let o = 0; o < n.length - 1; o++) {
+		if (!r(e, o)) continue;
+		let s = t[e], c = t[e + 1], l = n[o], u = n[o + 1];
+		r(e, o - 1) || a.set(i({
+			x: s,
+			y: l
+		}), {
+			x: c,
+			y: l
+		}), r(e + 1, o) || a.set(i({
+			x: c,
+			y: l
+		}), {
+			x: c,
+			y: u
+		}), r(e, o + 1) || a.set(i({
+			x: c,
+			y: u
+		}), {
+			x: s,
+			y: u
+		}), r(e - 1, o) || a.set(i({
+			x: s,
+			y: u
+		}), {
+			x: s,
+			y: l
+		});
+	}
+	let o = [];
+	for (; a.size;) {
+		let [e] = a.keys(), t = [], n = {
+			x: Number(e.split(",")[0]),
+			y: Number(e.split(",")[1])
+		};
+		for (; n;) {
+			let e = a.get(i(n));
+			if (!e) break;
+			a.delete(i(n)), t.push(n), n = a.has(i(e)) ? e : void 0;
+		}
+		t.length > 2 && o.push(Y(t));
+	}
+	return o;
+}
+function Y(e) {
+	return e.filter((t, n) => {
+		let r = e[(n - 1 + e.length) % e.length], i = e[(n + 1) % e.length];
+		return (r.x !== t.x || i.x !== t.x) && (r.y !== t.y || i.y !== t.y);
+	});
+}
+function _t(e, t, n) {
+	let r = [], i = [], a = [];
+	for (let n = 0; n < e.length; n++) {
+		let o = e[n], s = e[(n - 1 + e.length) % e.length], c = e[(n + 1) % e.length], l = X(s, o), u = X(o, c), d = Math.min(t, l / 2, u / 2);
+		r.push({
+			x: o.x + (s.x - o.x) / l * d,
+			y: o.y + (s.y - o.y) / l * d
+		}), i.push({
+			x: o.x + (c.x - o.x) / u * d,
+			y: o.y + (c.y - o.y) / u * d
+		}), a.push(d);
+	}
+	let o = n.length === 0, s = [], c = !1;
+	for (let t = 0; t < e.length; t++) {
+		let l = (t + 1) % e.length;
+		for (let e of vt(i[t], r[l], n)) (!c || !o) && s.push(`M ${Z(e.x1)} ${Z(e.y1)}`), s.push(`L ${Z(e.x2)} ${Z(e.y2)}`), c = !0;
+		if (a[l] > 0) {
+			let n = e[(l + 1) % e.length], o = (e[l].x - e[t].x) * (n.y - e[l].y) - (e[l].y - e[t].y) * (n.x - e[l].x);
+			c || s.push(`M ${Z(r[l].x)} ${Z(r[l].y)}`), s.push(`A ${Z(a[l])} ${Z(a[l])} 0 0 ${+(o > 0)} ${Z(i[l].x)} ${Z(i[l].y)}`), c = !0;
+		}
+	}
+	return o ? `${s.join(" ")} Z` : s.join(" ");
+}
+function vt(e, t, n) {
+	let r = X(e, t);
+	if (r === 0) return [];
+	let i = (t.x - e.x) / r, a = (t.y - e.y) / r, o = (t) => ({
+		x: e.x + i * t,
+		y: e.y + a * t
+	}), s = (t) => (t.x - e.x) * i + (t.y - e.y) * a, c = [];
+	for (let i of n) {
+		let n = e.x === t.x && i.x1 === i.x2 && Math.abs(i.x1 - e.x) < 1, a = e.y === t.y && i.y1 === i.y2 && Math.abs(i.y1 - e.y) < 1;
+		if (!n && !a) continue;
+		let o = s({
+			x: i.x1,
+			y: i.y1
+		}), l = s({
+			x: i.x2,
+			y: i.y2
+		}), u = Math.max(0, Math.min(o, l)), d = Math.min(r, Math.max(o, l));
+		d > u && c.push({
+			start: u,
+			end: d
+		});
+	}
+	c.sort((e, t) => e.start - t.start);
+	let l = [], u = 0;
+	for (let e of c) {
+		if (e.start > u) {
+			let t = o(u), n = o(e.start);
+			l.push({
+				x1: t.x,
+				y1: t.y,
+				x2: n.x,
+				y2: n.y
+			});
+		}
+		u = Math.max(u, e.end);
+	}
+	if (u < r) {
+		let e = o(u), t = o(r);
+		l.push({
+			x1: e.x,
+			y1: e.y,
+			x2: t.x,
+			y2: t.y
+		});
+	}
+	return l;
+}
+function X(e, t) {
+	return Math.abs(t.x - e.x) + Math.abs(t.y - e.y);
+}
+function Z(e) {
+	return Math.round(e * 100) / 100;
+}
+function yt(e, t) {
+	if (e.north !== t.north) return null;
+	let n = xt(e.rooms, t.rooms, (e) => e.id), r = xt(e.connections, t.connections, (e) => e.id), i = xt(e.cameras, t.cameras, (e) => e.cameraId), a = xt(e.sensors ?? [], t.sensors ?? [], (e) => e.sensorId);
+	return !n || !r || !i || !a ? null : {
+		rooms: n,
+		connections: r,
+		cameras: i,
+		sensors: a
+	};
+}
+function bt(e, t) {
+	return {
+		...e,
+		rooms: e.rooms.filter((e) => !t.rooms.has(e.id)),
+		connections: e.connections.filter((e) => !t.connections.has(e.id)),
+		sensors: e.sensors.filter((e) => !t.sensors.has(e.sensorId)),
+		cameras: e.cameras.filter((e) => !t.cameras.has(e.cameraId))
+	};
+}
+function xt(e, t, n) {
+	let r = new Map(e.map((e) => [n(e), e]));
+	for (let e of t) {
+		let t = r.get(n(e));
+		if (!t || !St(t, e)) return null;
+		r.delete(n(e));
+	}
+	return new Set(r.keys());
+}
+function St(e, t) {
+	let n = Object.keys(e);
+	return n.length === Object.keys(t).length && n.every((n) => e[n] === t[n]);
+}
+//#endregion
+//#region src/components/CuiFloorplan/CuiFloorplanInspector.vue?vue&type=script&setup=true&lang.ts
+var Ct = { class: "h-full flex flex-col overflow-hidden" }, wt = { class: "flex items-center gap-2 px-4 py-3 border-bottom-color" }, Tt = { class: "flex items-center justify-center w-8 h-8 rounded-md shrink-0 inspector-icon" }, Et = { class: "flex-1 min-w-0" }, Dt = { class: "text-sm font-semibold truncate text-color" }, Ot = { class: "text-xs text-muted truncate" }, kt = { class: "text-color font-normal text-sm" }, At = { class: "flex flex-col gap-6" }, jt = {
+	key: 0,
+	class: "flex flex-col field-gap"
+}, Mt = { class: "cui-label" }, Nt = { class: "flex flex-col field-gap" }, Pt = { class: "cui-label" }, Ft = { class: "flex flex-col field-gap" }, It = { class: "cui-label" }, Lt = { class: "flex flex-col field-gap" }, Rt = { class: "cui-label" }, zt = { class: "flex flex-col field-gap" }, Bt = { class: "cui-label" }, Vt = { class: "flex flex-col field-gap" }, Ht = { class: "cui-label" }, Ut = { class: "text-sm text-muted" }, Wt = { class: "text-color font-normal text-sm" }, Q = { class: "flex flex-col field-gap" }, Gt = { class: "cui-label" }, Kt = {
+	key: 1,
+	class: "text-sm text-color"
+}, qt = {
+	key: 0,
+	class: "flex flex-col field-gap mt-6"
+}, Jt = { class: "cui-label" }, Yt = { class: "flex flex-col field-gap mt-6" }, Xt = { class: "cui-label" }, Zt = { class: "text-color font-normal text-sm" }, Qt = { class: "flex flex-col gap-6" }, $t = { class: "flex flex-col field-gap" }, en = { class: "cui-label" }, tn = {
+	key: 0,
+	class: "flex flex-col field-gap"
+}, nn = { class: "cui-label" }, rn = { class: "flex flex-col field-gap" }, an = { class: "cui-label" }, on = { class: "text-color font-normal text-sm" }, sn = { class: "flex flex-col gap-6" }, $ = { class: "flex flex-col field-gap" }, cn = { class: "cui-label" }, ln = { class: "flex flex-col field-gap" }, un = { class: "cui-label" }, dn = { class: "text-color font-normal text-sm" }, fn = { class: "flex flex-col gap-6" }, pn = { class: "flex flex-col field-gap" }, mn = { class: "cui-label" }, hn = { class: "flex flex-col field-gap" }, gn = { class: "cui-label" }, _n = { class: "flex flex-col field-gap" }, vn = { class: "cui-label" }, yn = {
+	key: 0,
+	class: "px-4 pt-4 pb-[max(1rem,var(--cui-bottom-gap))] border-top-color"
+}, bn = /*#__PURE__*/ xe(/* @__PURE__ */ D({
+	__name: "CuiFloorplanInspector",
+	props: {
+		fluid: { type: Boolean },
+		rooms: {},
+		connections: {},
+		cameras: {},
+		sensors: {},
+		levels: {},
+		selection: {},
+		readOnly: { type: Boolean }
+	},
+	emits: [
+		"close",
+		"update-room",
+		"update-camera",
+		"update-sensor",
+		"update-connection",
+		"remove"
+	],
+	setup(e, { emit: t }) {
+		let n = e, i = t, { t: o } = ke(), s = c(["general", "view"]), l = y(() => n.selection?.kind === "room" ? n.rooms.find((e) => e.id === n.selection?.id) : void 0), d = y(() => n.selection?.kind === "camera" ? n.cameras.find((e) => e.id === n.selection?.id) : void 0), f = y(() => n.levels.map((e) => ({
+			label: e.name,
+			value: e.id
+		}))), p = y(() => l.value?.outdoor ? l.value.publicSpace ? "public" : "outdoor" : "indoor"), g = y(() => [
+			"indoor",
+			"outdoor",
+			"public"
+		].map((e) => ({
+			label: o(`views.floorplan.room_kind_${e}`),
+			value: e
+		}))), _ = y(() => l.value ? n.rooms.filter((e) => e.roomId === l.value?.roomId).length : 0), ee = y(() => {
+			let e = l.value;
+			if (!e) return [];
+			let t = /* @__PURE__ */ new Set(), r = [{
+				label: e.name,
+				value: e.roomId
+			}];
+			t.add(e.roomId);
+			for (let i of n.rooms) i.roomId === e.roomId || t.has(i.roomId) || i.levelId !== e.levelId || ft(e, i) && (t.add(i.roomId), r.push({
+				label: i.name,
+				value: i.roomId
+			}));
+			return r;
+		}), te = y(() => {
+			let e = /* @__PURE__ */ new Set();
+			return n.rooms.filter((t) => t.levelId === d.value?.levelId && !e.has(t.roomId) && e.add(t.roomId)).map((e) => ({
+				label: e.name,
+				value: e.roomId
+			}));
+		}), w = y(() => n.selection?.kind === "sensor" ? n.sensors.find((e) => e.id === n.selection?.id) : void 0), E = y(() => {
+			let e = /* @__PURE__ */ new Set();
+			return n.rooms.filter((t) => t.levelId === w.value?.levelId && !e.has(t.roomId) && e.add(t.roomId)).map((e) => ({
+				label: e.name,
+				value: e.roomId
+			}));
+		}), D = y(() => w.value ? n.connections.filter((e) => e.fromRoomId === w.value?.roomId || e.toRoomId === w.value?.roomId).map((e) => {
+			let t = e.fromRoomId === w.value?.roomId ? e.toRoomId : e.fromRoomId;
+			return {
+				label: n.rooms.find((e) => e.roomId === t)?.name ?? t,
+				value: e.id
+			};
+		}) : []), k = y(() => n.selection?.kind === "connection" ? n.connections.find((e) => e.id === n.selection?.id) : void 0), re = y(() => {
+			if (!k.value) return !1;
+			let e = n.rooms.find((e) => e.roomId === k.value?.fromRoomId), t = n.rooms.find((e) => e.roomId === k.value?.toRoomId);
+			return !!e && !!t && e.levelId !== t.levelId;
+		}), ie = y(() => lt.filter((e) => e !== "stairs").map((e) => ({
+			label: o(`views.floorplan.connection_${e}`),
+			value: e
+		}))), ae = y(() => k.value ? `${n.rooms.find((e) => e.roomId === k.value?.fromRoomId)?.name ?? ""} · ${n.rooms.find((e) => e.roomId === k.value?.toRoomId)?.name ?? ""}` : ""), oe = y(() => ((d.value?.rotation ?? 0) % 360 + 360) % 360), se = y(() => w.value ? w.value.owner || (n.rooms.find((e) => e.roomId === w.value?.roomId)?.name ?? "") : l.value ? n.levels.find((e) => e.id === l.value?.levelId)?.name ?? "" : k.value ? o(`views.floorplan.connection_${k.value.type}`) : d.value ? n.rooms.find((e) => e.roomId === d.value?.roomId)?.name ?? o("views.floorplan.no_room") : "");
+		function ce(e) {
+			w.value && i("update-sensor", {
+				id: w.value.id,
+				patch: e
+			});
+		}
+		function le(e) {
+			return {
+				outdoor: e !== "indoor",
+				publicSpace: e === "public"
+			};
+		}
+		function ue(e) {
+			l.value && i("update-room", {
+				id: l.value.id,
+				patch: e
+			});
+		}
+		function de(e) {
+			d.value && i("update-camera", {
+				id: d.value.id,
+				patch: e
+			});
+		}
+		function fe() {
+			l.value ? i("remove", {
+				kind: "room",
+				id: l.value.id
+			}) : w.value ? i("remove", {
+				kind: "sensor",
+				id: w.value.id
+			}) : d.value ? i("remove", {
+				kind: "camera",
+				id: d.value.id
+			}) : k.value && i("remove", {
+				kind: "connection",
+				id: k.value.id
+			});
+		}
+		return (t, n) => {
+			let o = Ue, c = at, y = it, pe = Pe, me = je, he = Re, j = Ne, M = ne, ge = Me, _e = Ve, ve = Ie, ye = Le, be = A, xe = ze;
+			return r(), x("div", Ct, [
+				C("div", wt, [
+					C("div", Tt, [v(d) ? (r(), m(o, {
+						key: 0,
+						class: "w-4 h-4"
+					})) : v(k) ? (r(), m(c, {
+						key: 1,
+						class: "w-4 h-4"
+					})) : (r(), m(y, {
+						key: 2,
+						class: "w-4 h-4"
+					}))]),
+					C("div", Et, [C("div", Dt, u(v(l)?.name ?? v(d)?.name ?? v(w)?.name ?? v(ae)), 1), C("div", Ot, u(v(se)), 1)]),
+					O(me, {
+						severity: "secondary",
+						text: "",
+						rounded: "",
+						class: "shrink-0 cui-icon-sm",
+						onClick: n[0] ||= (e) => i("close")
+					}, {
+						icon: b(() => [O(pe, {
+							width: "100%",
+							height: "100%"
+						})]),
+						_: 1
+					})
+				]),
+				C("div", { class: a(["flex-1 overflow-y-auto", { "pb-[var(--cui-bottom-gap)]": e.readOnly }]) }, [O(xe, {
+					multiple: "",
+					value: v(s),
+					class: a(e.fluid ? "w-full" : "w-[300px]")
+				}, {
+					default: b(() => [
+						v(l) ? (r(), m(ye, {
+							key: 0,
+							value: "general"
+						}, {
+							default: b(() => [O(he, { class: "px-4 rounded-none!" }, {
+								default: b(() => [C("span", kt, u(t.$t("views.floorplan.section_room")), 1)]),
+								_: 1
+							}), O(ve, { pt: { content: { class: e.fluid ? "px-4 w-full" : "px-4 w-[300px]" } } }, {
+								default: b(() => [C("div", At, [
+									v(ee).length > 1 ? (r(), x("div", jt, [
+										C("label", Mt, u(t.$t("views.floorplan.belongs_to")), 1),
+										O(j, {
+											"model-value": v(l).roomId,
+											options: v(ee),
+											"option-label": "label",
+											"option-value": "value",
+											disabled: e.readOnly,
+											"onUpdate:modelValue": n[1] ||= (e) => e && ue({ roomId: e })
+										}, null, 8, [
+											"model-value",
+											"options",
+											"disabled"
+										]),
+										O(M, {
+											severity: "secondary",
+											variant: "simple",
+											size: "small",
+											class: "cui-input-hint"
+										}, {
+											default: b(() => [T(u(t.$t("views.floorplan.belongs_to_hint")), 1)]),
+											_: 1
+										})
+									])) : h("", !0),
+									C("div", Nt, [
+										C("label", Pt, u(t.$t("views.floorplan.room_name")), 1),
+										O(ge, {
+											"model-value": v(l).name,
+											disabled: e.readOnly,
+											"onUpdate:modelValue": n[2] ||= (e) => ue({ name: e ?? "" })
+										}, null, 8, ["model-value", "disabled"]),
+										v(_) > 1 ? (r(), m(M, {
+											key: 0,
+											severity: "secondary",
+											variant: "simple",
+											size: "small",
+											class: "cui-input-hint"
+										}, {
+											default: b(() => [T(u(t.$t("views.floorplan.room_parts", { count: v(_) })), 1)]),
+											_: 1
+										})) : h("", !0)
+									]),
+									C("div", Ft, [C("label", It, u(t.$t("views.floorplan.level")), 1), O(j, {
+										"model-value": v(l).levelId,
+										options: v(f),
+										"option-label": "label",
+										"option-value": "value",
+										disabled: e.readOnly,
+										"onUpdate:modelValue": n[3] ||= (e) => ue({ levelId: e })
+									}, null, 8, [
+										"model-value",
+										"options",
+										"disabled"
+									])]),
+									C("div", Lt, [
+										C("label", Rt, u(t.$t("views.floorplan.room_kind")), 1),
+										O(j, {
+											"model-value": v(p),
+											options: v(g),
+											"option-label": "label",
+											"option-value": "value",
+											disabled: e.readOnly,
+											"onUpdate:modelValue": n[4] ||= (e) => ue(le(e))
+										}, null, 8, [
+											"model-value",
+											"options",
+											"disabled"
+										]),
+										O(M, {
+											severity: "secondary",
+											variant: "simple",
+											size: "small",
+											class: "cui-input-hint"
+										}, {
+											default: b(() => [T(u(t.$t(`views.floorplan.room_kind_${v(p)}_hint`)), 1)]),
+											_: 1
+										})
+									]),
+									C("div", zt, [
+										C("label", Bt, u(t.$t("views.floorplan.note")), 1),
+										O(_e, {
+											"model-value": v(l).note,
+											disabled: e.readOnly,
+											maxlength: v(240),
+											rows: "3",
+											"auto-resize": "",
+											"onUpdate:modelValue": n[5] ||= (e) => ue({ note: e ?? "" })
+										}, null, 8, [
+											"model-value",
+											"disabled",
+											"maxlength"
+										]),
+										O(M, {
+											severity: "secondary",
+											variant: "simple",
+											size: "small",
+											class: "cui-input-hint"
+										}, {
+											default: b(() => [T(u(t.$t("views.floorplan.note_hint")), 1)]),
+											_: 1
+										})
+									]),
+									C("div", Vt, [C("label", Ht, u(t.$t("views.floorplan.size")), 1), C("span", Ut, u(v(q)(v(l).width)) + " x " + u(v(q)(v(l).height)), 1)])
+								])]),
+								_: 1
+							}, 8, ["pt"])]),
+							_: 1
+						})) : h("", !0),
+						v(k) ? (r(), m(ye, {
+							key: 1,
+							value: "general"
+						}, {
+							default: b(() => [O(he, { class: "px-4 rounded-none!" }, {
+								default: b(() => [C("span", Wt, u(t.$t("views.floorplan.section_connection")), 1)]),
+								_: 1
+							}), O(ve, { pt: { content: { class: e.fluid ? "px-4 w-full" : "px-4 w-[300px]" } } }, {
+								default: b(() => [
+									C("div", Q, [
+										C("label", Gt, u(t.$t("views.floorplan.connection_type")), 1),
+										v(re) ? (r(), x("span", Kt, u(t.$t("views.floorplan.connection_stairs")), 1)) : (r(), m(j, {
+											key: 0,
+											"model-value": v(k).type,
+											options: v(ie),
+											"option-label": "label",
+											"option-value": "value",
+											disabled: e.readOnly,
+											"onUpdate:modelValue": n[6] ||= (e) => i("update-connection", {
+												id: v(k).id,
+												patch: { type: e }
+											})
+										}, null, 8, [
+											"model-value",
+											"options",
+											"disabled"
+										])),
+										O(M, {
+											severity: "secondary",
+											variant: "simple",
+											size: "small",
+											class: "cui-input-hint"
+										}, {
+											default: b(() => [T(u(v(re) ? t.$t("views.floorplan.connection_level_hint") : t.$t("views.floorplan.connection_type_hint")), 1)]),
+											_: 1
+										})
+									]),
+									v(re) ? h("", !0) : (r(), x("div", qt, [
+										C("label", Jt, u(t.$t("views.floorplan.connection_width", { value: v(K)(v(k).width).toFixed(2) })), 1),
+										O(be, {
+											"model-value": v(k).width,
+											disabled: e.readOnly,
+											min: v(ut).min,
+											max: v(ut).max,
+											step: 5,
+											"onUpdate:modelValue": n[7] ||= (e) => i("update-connection", {
+												id: v(k).id,
+												patch: { width: Number(e) }
+											})
+										}, null, 8, [
+											"model-value",
+											"disabled",
+											"min",
+											"max"
+										]),
+										O(M, {
+											severity: "secondary",
+											variant: "simple",
+											size: "small",
+											class: "cui-input-hint"
+										}, {
+											default: b(() => [T(u(t.$t("views.floorplan.connection_width_hint")), 1)]),
+											_: 1
+										})
+									])),
+									C("div", Yt, [
+										C("label", Xt, u(t.$t("views.floorplan.note")), 1),
+										O(_e, {
+											"model-value": v(k).note,
+											disabled: e.readOnly,
+											maxlength: v(240),
+											rows: "3",
+											"auto-resize": "",
+											"onUpdate:modelValue": n[8] ||= (e) => i("update-connection", {
+												id: v(k).id,
+												patch: { note: e ?? "" }
+											})
+										}, null, 8, [
+											"model-value",
+											"disabled",
+											"maxlength"
+										]),
+										O(M, {
+											severity: "secondary",
+											variant: "simple",
+											size: "small",
+											class: "cui-input-hint"
+										}, {
+											default: b(() => [T(u(t.$t("views.floorplan.note_hint")), 1)]),
+											_: 1
+										})
+									])
+								]),
+								_: 1
+							}, 8, ["pt"])]),
+							_: 1
+						})) : h("", !0),
+						v(w) ? (r(), m(ye, {
+							key: 2,
+							value: "general"
+						}, {
+							default: b(() => [O(he, { class: "px-4 rounded-none!" }, {
+								default: b(() => [C("span", Zt, u(t.$t("views.floorplan.section_sensor")), 1)]),
+								_: 1
+							}), O(ve, { pt: { content: { class: e.fluid ? "px-4 w-full" : "px-4 w-[300px]" } } }, {
+								default: b(() => [C("div", Qt, [
+									C("div", $t, [C("label", en, u(t.$t("views.floorplan.assigned_room")), 1), O(j, {
+										"model-value": v(w).roomId,
+										options: v(E),
+										disabled: e.readOnly,
+										"option-label": "label",
+										"option-value": "value",
+										"onUpdate:modelValue": n[9] ||= (e) => e && ce({ roomId: e })
+									}, null, 8, [
+										"model-value",
+										"options",
+										"disabled"
+									])]),
+									v(D).length ? (r(), x("div", tn, [
+										C("label", nn, u(t.$t("views.floorplan.sensor_passage")), 1),
+										O(j, {
+											"model-value": v(w).connectionId,
+											options: v(D),
+											disabled: e.readOnly,
+											"option-label": "label",
+											"option-value": "value",
+											"show-clear": "",
+											"onUpdate:modelValue": n[10] ||= (e) => ce({ connectionId: e ?? null })
+										}, null, 8, [
+											"model-value",
+											"options",
+											"disabled"
+										]),
+										O(M, {
+											severity: "secondary",
+											variant: "simple",
+											size: "small",
+											class: "cui-input-hint"
+										}, {
+											default: b(() => [T(u(t.$t("views.floorplan.sensor_passage_hint")), 1)]),
+											_: 1
+										})
+									])) : h("", !0),
+									C("div", rn, [
+										C("label", an, u(t.$t("views.floorplan.note")), 1),
+										O(_e, {
+											"model-value": v(w).note,
+											disabled: e.readOnly,
+											maxlength: v(240),
+											rows: "3",
+											"auto-resize": "",
+											"onUpdate:modelValue": n[11] ||= (e) => ce({ note: e ?? "" })
+										}, null, 8, [
+											"model-value",
+											"disabled",
+											"maxlength"
+										]),
+										O(M, {
+											severity: "secondary",
+											variant: "simple",
+											size: "small",
+											class: "cui-input-hint"
+										}, {
+											default: b(() => [T(u(t.$t("views.floorplan.note_hint")), 1)]),
+											_: 1
+										})
+									])
+								])]),
+								_: 1
+							}, 8, ["pt"])]),
+							_: 1
+						})) : h("", !0),
+						v(d) ? (r(), x(S, { key: 3 }, [O(ye, { value: "general" }, {
+							default: b(() => [O(he, { class: "px-4 rounded-none!" }, {
+								default: b(() => [C("span", on, u(t.$t("views.floorplan.section_camera")), 1)]),
+								_: 1
+							}), O(ve, { pt: { content: { class: e.fluid ? "px-4 w-full" : "px-4 w-[300px]" } } }, {
+								default: b(() => [C("div", sn, [C("div", $, [
+									C("label", cn, u(t.$t("views.floorplan.assigned_room")), 1),
+									O(j, {
+										"model-value": v(d).roomId,
+										options: v(te),
+										disabled: e.readOnly,
+										"option-label": "label",
+										"option-value": "value",
+										"onUpdate:modelValue": n[12] ||= (e) => e && de({ roomId: e })
+									}, null, 8, [
+										"model-value",
+										"options",
+										"disabled"
+									]),
+									O(M, {
+										severity: "secondary",
+										variant: "simple",
+										size: "small",
+										class: "cui-input-hint"
+									}, {
+										default: b(() => [T(u(t.$t("views.floorplan.assigned_room_hint")), 1)]),
+										_: 1
+									})
+								]), C("div", ln, [
+									C("label", un, u(t.$t("views.floorplan.note")), 1),
+									O(_e, {
+										"model-value": v(d).note,
+										disabled: e.readOnly,
+										maxlength: v(240),
+										rows: "3",
+										"auto-resize": "",
+										"onUpdate:modelValue": n[13] ||= (e) => de({ note: e ?? "" })
+									}, null, 8, [
+										"model-value",
+										"disabled",
+										"maxlength"
+									]),
+									O(M, {
+										severity: "secondary",
+										variant: "simple",
+										size: "small",
+										class: "cui-input-hint"
+									}, {
+										default: b(() => [T(u(t.$t("views.floorplan.note_hint")), 1)]),
+										_: 1
+									})
+								])])]),
+								_: 1
+							}, 8, ["pt"])]),
+							_: 1
+						}), O(ye, { value: "view" }, {
+							default: b(() => [O(he, { class: "px-4 rounded-none!" }, {
+								default: b(() => [C("span", dn, u(t.$t("views.floorplan.section_view")), 1)]),
+								_: 1
+							}), O(ve, { pt: { content: { class: e.fluid ? "px-4 w-full" : "px-4 w-[300px]" } } }, {
+								default: b(() => [C("div", fn, [
+									C("div", pn, [C("label", mn, u(t.$t("views.floorplan.direction", { value: v(oe) })), 1), O(be, {
+										"model-value": v(oe),
+										disabled: e.readOnly,
+										min: 0,
+										max: 359,
+										"onUpdate:modelValue": n[14] ||= (e) => de({ rotation: Number(e) })
+									}, null, 8, ["model-value", "disabled"])]),
+									C("div", hn, [C("label", gn, u(t.$t("views.floorplan.fov", { value: v(d).fov })), 1), O(be, {
+										"model-value": v(d).fov,
+										disabled: e.readOnly,
+										min: 30,
+										max: 180,
+										"onUpdate:modelValue": n[15] ||= (e) => de({ fov: Number(e) })
+									}, null, 8, ["model-value", "disabled"])]),
+									C("div", _n, [C("label", vn, u(t.$t("views.floorplan.range", { value: v(K)(v(d).range).toFixed(1) })), 1), O(be, {
+										disabled: e.readOnly,
+										"model-value": v(d).range,
+										min: v(ct).min,
+										max: v(ct).max,
+										step: 50,
+										"onUpdate:modelValue": n[16] ||= (e) => de({ range: Number(e) })
+									}, null, 8, [
+										"disabled",
+										"model-value",
+										"min",
+										"max"
+									])])
+								])]),
+								_: 1
+							}, 8, ["pt"])]),
+							_: 1
+						})], 64)) : h("", !0)
+					]),
+					_: 1
+				}, 8, ["value", "class"])], 2),
+				e.readOnly ? h("", !0) : (r(), x("div", yn, [O(me, {
+					severity: "danger",
+					fluid: "",
+					class: "w-full cui-button-medium",
+					label: v(l) ? t.$t("views.floorplan.delete_room") : v(k) ? t.$t("views.floorplan.remove_connection") : v(w) ? t.$t("views.floorplan.remove_sensor") : t.$t("views.floorplan.remove_camera"),
+					onClick: fe
+				}, null, 8, ["label"])]))
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-79c10243"]]), xn = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Sn(e, t) {
+	return r(), x("svg", xn, [...t[0] ||= [C("path", {
+		fill: "currentColor",
+		d: "M10 13a2 2 0 0 1 2 2c0 1.11-.89 2-2 2s-2-.89-2-2s.9-2 2-2m8-12c-2.76 0-5 2.24-5 5v2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2h-1V6c0-1.66 1.34-3 3-3s3 1.34 3 3v2h2V6c0-2.76-2.24-5-5-5m-2 9v10H4V10z"
+	}, null, -1)]]);
+}
+var Cn = E({
+	name: "mdi-lock-open-variant-outline",
+	render: Sn
+}), wn = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Tn(e, t) {
+	return r(), x("svg", wn, [...t[0] ||= [C("path", {
+		fill: "currentColor",
+		d: "M17 4h3c1.1 0 2 .9 2 2v2h-2V6h-3zM4 8V6h3V4H4c-1.1 0-2 .9-2 2v2zm16 8v2h-3v2h3c1.1 0 2-.9 2-2v-2zM7 18H4v-2H2v2c0 1.1.9 2 2 2h3zm9-8v4H8v-4zm2-2H6v8h12z"
+	}, null, -1)]]);
+}
+var En = E({
+	name: "mdi-fit-to-screen-outline",
+	render: Tn
+}), Dn = ["width", "height"], On = ["width", "height"], kn = ["y2", "stroke-width"], An = ["id"], jn = ["d"], Mn = ["width", "height"], Nn = ["y2", "stroke-width"], Pn = [
+	"x",
+	"y",
+	"width",
+	"height"
+], Fn = ["d"], In = ["clip-path"], Ln = ["d", "transform"], Rn = ["transform"], zn = ["d"], Bn = ["d", "stroke-width"], Vn = ["clip-path"], Hn = ["d", "transform"], Un = [
+	"x",
+	"y",
+	"width",
+	"height"
+], Wn = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"onPointerdown"
+], Gn = [
+	"x",
+	"y",
+	"font-size",
+	"transform"
+], Kn = ["onPointerdown"], qn = ["d", "stroke-width"], Jn = ["d", "stroke-width"], Yn = [
+	"cx",
+	"cy",
+	"r",
+	"stroke-width",
+	"onPointerdown"
+], Xn = [
+	"d",
+	"stroke-width",
+	"onPointerdown"
+], Zn = ["onPointerdown", "onPointerenter"], Qn = [
+	"cx",
+	"cy",
+	"r",
+	"stroke-width"
+], $n = [
+	"cx",
+	"cy",
+	"r"
+], er = {
+	key: 0,
+	class: "camera-chip"
+}, tr = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"rx"
+], nr = [
+	"x",
+	"y",
+	"width",
+	"height"
+], rr = [
+	"x",
+	"y",
+	"font-size"
+], ir = [
+	"cx",
+	"cy",
+	"r",
+	"stroke-width",
+	"onPointerdown"
+], ar = ["d", "stroke-width"], or = ["onPointerdown", "onPointerenter"], sr = [
+	"cx",
+	"cy",
+	"r",
+	"stroke-width"
+], cr = [
+	"x",
+	"y",
+	"width",
+	"height"
+], lr = {
+	key: 0,
+	class: "camera-chip"
+}, ur = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"rx"
+], dr = [
+	"x",
+	"y",
+	"font-size"
+], fr = ["onPointerenter"], pr = [
+	"cx",
+	"cy",
+	"r",
+	"stroke-width"
+], mr = [
+	"cx",
+	"cy",
+	"r"
+], hr = {
+	key: 0,
+	class: "camera-chip"
+}, gr = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"rx"
+], _r = [
+	"x",
+	"y",
+	"font-size"
+], vr = ["onPointerdown"], yr = [
+	"cx",
+	"cy",
+	"r",
+	"stroke-width"
+], br = ["d", "stroke-width"], xr = [
+	"x",
+	"y",
+	"font-size"
+], Sr = {
+	key: 1,
+	class: "camera-chip"
+}, Cr = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"rx"
+], wr = [
+	"x",
+	"y",
+	"font-size"
+], Tr = ["d", "stroke-width"], Er = ["d", "stroke-width"], Dr = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"rx",
+	"stroke-width"
+], Or = [
+	"cx",
+	"cy",
+	"r",
+	"stroke-width"
+], kr = {
+	width: "46",
+	height: "46",
+	viewBox: "0 0 46 46"
+}, Ar = ["transform"], jr = { class: "absolute left-3 bottom-3 flex flex-col gap-2 items-start" }, Mr = { class: "flex flex-col overflow-hidden floorplan-controls" }, Nr = { class: "floorplan-scale flex items-center gap-2 px-2 py-1" }, Pr = ["width"], Fr = ["d"], Ir = { class: "text-xs text-muted whitespace-nowrap" }, Lr = 60, Rr = /*#__PURE__*/ xe(/* @__PURE__ */ D({
+	__name: "CuiFloorplanCanvas",
+	props: {
+		mobile: { type: Boolean },
+		levels: {},
+		rooms: {},
+		connections: {},
+		cameras: {},
+		sensors: {},
+		levelId: {},
+		selection: {},
+		north: {},
+		readOnly: { type: Boolean }
+	},
+	emits: [
+		"select",
+		"history",
+		"move-room",
+		"resize-room",
+		"move-camera",
+		"rotate-camera",
+		"create-connection",
+		"move-connection",
+		"resize-connection",
+		"drop",
+		"update-north",
+		"request-stairs",
+		"settle-room",
+		"hover-camera",
+		"move-sensor",
+		"hover-sensor"
+	],
+	setup(o, { expose: l, emit: p }) {
+		let g = o, _ = p, T = te("wrapperRef"), E = c(!1), D = c(!1), ne = te("compassRef"), re = c({
+			x: null,
+			y: null
+		}), ae = c(null), oe = c(null), se = c(null), le = c(null), ue = /* @__PURE__ */ new Set(["motion", "audio"]), fe = /* @__PURE__ */ new Set([
+			"object",
+			"face",
+			"licensePlate",
+			"classifier",
+			"objectAssist",
+			"clip"
+		]), A = null, pe = !1, he = null, { viewport: j, zoomIn: _e, zoomOut: ve, fitBounds: ye } = $e(), { sensors: be } = Ae(), xe = y(() => g.sensors.filter((e) => e.levelId === g.levelId)), Se = y(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of be.value) {
+				let n = String(t.type), r = ue.has(n), i = fe.has(n);
+				if (!r && !i || t.getProperty("detected") !== !0) continue;
+				let a = qe(t, n);
+				for (let n of t.assignedCameraIds.value) {
+					let t = e.get(n);
+					e.set(n, {
+						level: t?.level === "detection" || i ? "detection" : "motion",
+						labels: [.../* @__PURE__ */ new Set([...t?.labels ?? [], ...a])]
+					});
+				}
+			}
+			return e;
+		}), we = y(() => {
+			let e = F.value.find((e) => e.id === le.value);
+			if (!e) return null;
+			let t = `${q(e.width, 1)} x ${q(e.height, 1)}`;
+			return {
+				text: t,
+				width: G(t),
+				x: e.x + e.width / 2,
+				y: e.y + e.height + 10 / N.value
+			};
+		}), N = y(() => j.value.zoom), Te = y(() => ({
+			x: j.value.x,
+			y: j.value.y
+		})), Ee = y(() => g.north ?? 0), P = y(() => g.readOnly === !0 || E.value), F = y(() => g.rooms.filter((e) => e.levelId === g.levelId)), De = y(() => g.cameras.filter((e) => e.levelId === g.levelId)), I = y(() => {
+			let e = 4e3, t = [0], n = [0];
+			for (let e of F.value) t.push(e.x, e.x + e.width), n.push(e.y, e.y + e.height);
+			for (let e of De.value) t.push(e.x - e.range, e.x + e.range), n.push(e.y - e.range, e.y + e.range);
+			let r = Math.min(...t) - e, i = Math.min(...n) - e;
+			return {
+				x: r,
+				y: i,
+				width: Math.max(...t) + e - r,
+				height: Math.max(...n) + e - i
+			};
+		}), Oe = [{
+			id: "scene",
+			type: "scene",
+			position: {
+				x: 0,
+				y: 0
+			},
+			draggable: !1,
+			selectable: !1,
+			data: {}
+		}], ke = y(() => g.selection?.kind === "room" ? F.value.find((e) => e.id === g.selection?.id) : void 0), L = y(() => g.selection?.kind === "camera" ? De.value.find((e) => e.id === g.selection?.id) : void 0), je = y(() => N.value >= .45), Me = y(() => {
+			let e = [
+				.5,
+				1,
+				2,
+				5,
+				10,
+				20,
+				50
+			], t = e.filter((e) => e * 100 * N.value <= 130).pop() ?? e[0];
+			return {
+				meters: t,
+				width: Math.round(t * 100 * N.value),
+				label: `${t} m`
+			};
+		}), Ne = y(() => g.connections.map((e) => ({
+			connection: e,
+			geometry: mt(e, g.rooms, g.levelId)
+		})).filter((e) => e.geometry !== null)), Pe = y(() => new Map([...Fe.value].map(([e, t]) => [e, U(t.reduce((e, t) => t.width * t.height > e.width * e.height ? t : e))]))), Fe = y(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of F.value) e.set(t.roomId, [...e.get(t.roomId) ?? [], t]);
+			return e;
+		}), Ie = y(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of Ne.value) {
+				if (t.geometry.kind !== "edge") continue;
+				let n = {
+					x1: t.geometry.x1,
+					y1: t.geometry.y1,
+					x2: t.geometry.x2,
+					y2: t.geometry.y2
+				};
+				for (let r of [t.connection.fromRoomId, t.connection.toRoomId]) e.set(r, [...e.get(r) ?? [], n]);
+			}
+			return e;
+		}), Le = y(() => [...Fe.value].map(([e, t]) => ({
+			roomId: e,
+			parts: t,
+			...ht(t, 8 / N.value, Ie.value.get(e) ?? []),
+			outdoor: t.every((e) => e.outdoor),
+			publicSpace: t.every((e) => e.publicSpace),
+			selected: t.some((e) => K("room", e.id))
+		})).sort((e, t) => Number(e.selected) - Number(t.selected))), Re = y(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of Fe.value.keys()) e.set(t, t);
+			let t = (t) => {
+				let n = t;
+				for (; e.get(n) !== n;) n = e.get(n);
+				return n;
+			}, n = (e) => (Fe.value.get(e) ?? []).every((e) => e.outdoor);
+			for (let r of g.connections) {
+				if (!e.has(r.fromRoomId) || !e.has(r.toRoomId) || !n(r.fromRoomId) || !n(r.toRoomId)) continue;
+				let i = t(r.fromRoomId), a = t(r.toRoomId);
+				i !== a && e.set(i, a);
+			}
+			let r = /* @__PURE__ */ new Map();
+			for (let [e, n] of Fe.value) {
+				let i = t(e);
+				r.set(i, [...r.get(i) ?? [], ...n]);
+			}
+			let i = /* @__PURE__ */ new Map();
+			for (let [e, t] of r) i.set(e, ht(t, 8 / N.value, []).fill);
+			return [...Fe.value.keys()].map((e) => ({
+				roomId: e,
+				path: i.get(t(e)) ?? ""
+			}));
+		}), ze = y(() => Ne.value.flatMap((e) => {
+			if (e.geometry.kind !== "edge") return [];
+			let { x1: t, y1: n, x2: r, y2: i, wall: a } = e.geometry;
+			return [{
+				id: e.connection.id,
+				type: e.connection.type,
+				wall: a,
+				line: `M ${t} ${n} L ${r} ${i}`,
+				handles: [{
+					x: t,
+					y: n
+				}, {
+					x: r,
+					y: i
+				}]
+			}];
+		})), Be = y(() => {
+			let e = ke.value;
+			return !e || P.value ? [] : F.value.filter((t) => t.roomId !== e.roomId).map((t) => ({
+				other: t,
+				wall: ft(e, t)
+			})).filter((e) => e.wall !== null).map((t) => ({
+				fromRoomId: e.roomId,
+				fromShapeId: e.id,
+				roomId: t.other.roomId,
+				shapeId: t.other.id,
+				x: t.wall.x + t.wall.stepX * t.wall.length / 2,
+				y: t.wall.y + t.wall.stepY * t.wall.length / 2
+			}));
+		}), Ve = y(() => {
+			let e = /* @__PURE__ */ new Map(), t = (t) => {
+				for (; e.get(t) !== t;) t = e.get(t);
+				return t;
+			};
+			for (let n of g.connections) if (n.type === "stairs") {
+				for (let t of [n.fromRoomId, n.toRoomId]) e.has(t) || e.set(t, t);
+				e.set(t(n.fromRoomId), t(n.toRoomId));
+			}
+			let n = [];
+			for (let r of F.value) {
+				if (!e.has(r.roomId)) continue;
+				let i = t(r.roomId), a = g.cameras.filter((n) => n.roomId !== r.roomId && e.has(n.roomId) && t(n.roomId) === i);
+				a.length && n.push({
+					key: `${r.id}-flight`,
+					label: a.map((e) => e.name).join(", "),
+					x: r.x + r.width / 2,
+					y: r.y + r.height / 2
+				});
+			}
+			return n;
+		}), He = y(() => {
+			let e = [], t = /* @__PURE__ */ new Map(), n = (n, r, i, a) => {
+				let o = F.value.find((e) => e.id === r) ?? F.value.find((e) => e.roomId === n);
+				if (!o || o.width * N.value < 80 || o.height * N.value < 60) return;
+				let s = t.get(o.id) ?? 0;
+				t.set(o.id, s + 1), e.push({
+					key: i ?? `stairs-${n}`,
+					roomId: n,
+					connectionId: i,
+					direction: a,
+					x: o.x + o.width - (16 + s * 30) / N.value,
+					y: o.y + 16 / N.value
+				});
+			};
+			for (let e of Ne.value) e.geometry.kind === "badge" && n(e.geometry.roomId, e.geometry.shapeId, e.connection.id, V(e.connection, e.geometry.roomId));
+			return Ue.value && n(Ue.value.roomId, Ue.value.shapeId, void 0, void 0), e;
+		}), Ue = y(() => {
+			let e = ke.value;
+			if (!e || P.value) return null;
+			let t = new Set(g.connections.flatMap((e) => [e.fromRoomId, e.toRoomId].join("|")));
+			return g.rooms.some((n) => n.levelId !== e.levelId && !t.has([e.roomId, n.roomId].join("|")) && !t.has([n.roomId, e.roomId].join("|"))) ? {
+				roomId: e.roomId,
+				shapeId: e.id
+			} : null;
+		}), Ge = y(() => {
+			let e = T.value?.getBoundingClientRect(), t = e?.width ?? 0, n = e?.height ?? 0;
+			return {
+				left: -Te.value.x / N.value,
+				top: -Te.value.y / N.value,
+				right: (t - Te.value.x) / N.value,
+				bottom: (n - Te.value.y) / N.value
+			};
+		}), Ke = y(() => new Set(De.value.filter((e) => Se.value.has(e.id)).map((e) => e.roomId)));
+		function qe(e, t) {
+			switch (t) {
+				case "object":
+				case "classifier": {
+					let t = e.getProperty("labels");
+					return Array.isArray(t) && t.length ? t : ["other"];
+				}
+				case "face": return ["face"];
+				case "licensePlate": return ["license_plate"];
+				case "motion":
+				case "audio": return ["motion"];
+				case "clip":
+				case "objectAssist": return [];
+				default: return ["other"];
+			}
+		}
+		function Je(e) {
+			return Se.value.get(e)?.level;
+		}
+		function Ye(e) {
+			return Se.value.get(e.id)?.labels ?? [];
+		}
+		function Ze(e) {
+			let t = (8 + Ye(e).length * 17) / N.value;
+			return {
+				width: t + G(e.name) - 10 / N.value,
+				textOffset: t
+			};
+		}
+		function Qe(e, t) {
+			se.value = t.id, e.pointerType === "mouse" && _("hover-sensor", {
+				sensorId: t.id,
+				x: e.clientX,
+				y: e.clientY
+			});
+		}
+		function et() {
+			se.value = null, _("hover-sensor", null);
+		}
+		function tt(e) {
+			return be.value.find((t) => t.id === e);
+		}
+		function nt(e) {
+			return de(e.sensorType, M(tt(e.id)));
+		}
+		function B(e) {
+			let t = me(tt(e.id));
+			return t ? `${e.name} · ${t}` : e.name;
+		}
+		function V(e, t) {
+			let n = e.fromRoomId === t ? e.toRoomId : e.fromRoomId, r = g.rooms.find((e) => e.roomId === t)?.levelId, i = g.rooms.find((e) => e.roomId === n)?.levelId;
+			if (!r || !i) return;
+			let a = g.levels.findIndex((e) => e.id === r), o = g.levels.findIndex((e) => e.id === i);
+			if (!(a < 0 || o < 0 || a === o)) return o > a ? "↑" : "↓";
+		}
+		function rt(e, t) {
+			if (t.connectionId) return xt(e, t.connectionId);
+			_("request-stairs", {
+				roomId: t.roomId,
+				event: e
+			});
+		}
+		function H(e) {
+			let t = Pe.value.get(e.roomId);
+			return t ? [t] : [];
+		}
+		function U(e) {
+			let t = e.width >= e.height, n = t ? e.width : e.height, r = t ? e.height : e.width, i = 9 / N.value, a = Math.max(Math.min(15, r * .3), i);
+			if (a > r) return null;
+			let o = n - a, s = a * ot, c = e.name;
+			if (s * c.length > o) {
+				let e = Math.floor(o / s) - 1;
+				if (e < 2) return null;
+				c = `${c.slice(0, e)}…`;
+			}
+			return {
+				text: c,
+				size: a,
+				x: e.x + e.width / 2,
+				y: e.y + e.height / 2 + a * .35,
+				upright: t
+			};
+		}
+		function it(e, t) {
+			e.pointerType === "mouse" && (ae.value = t.id, _("hover-camera", {
+				cameraId: t.id,
+				x: e.clientX,
+				y: e.clientY
+			}));
+		}
+		function W() {
+			ae.value = null, _("hover-camera", null);
+		}
+		function G(e) {
+			return (e.length * 7 + 20) / N.value;
+		}
+		function at(e, t) {
+			let n = 4 / N.value;
+			return `M ${e - n * 2} ${t + n * 1.5} L ${e - n} ${t + n * 1.5} L ${e - n} ${t} L ${e + n} ${t} L ${e + n} ${t - n * 1.5} L ${e + n * 2} ${t - n * 1.5}`;
+		}
+		function lt(e) {
+			return e * Math.PI / 180;
+		}
+		function K(e, t) {
+			return g.selection?.kind === e && g.selection.id === t;
+		}
+		function J(e) {
+			let t = lt(e.fov / 2), n = Math.cos(-t) * e.range, r = Math.sin(-t) * e.range, i = Math.cos(t) * e.range, a = Math.sin(t) * e.range, o = +(e.fov > 180);
+			return `M 0 0 L ${n} ${r} A ${e.range} ${e.range} 0 ${o} 1 ${i} ${a} Z`;
+		}
+		function gt(e) {
+			let t = T.value?.getBoundingClientRect();
+			return t ? {
+				x: (e.clientX - t.left - Te.value.x) / N.value,
+				y: (e.clientY - t.top - Te.value.y) / N.value
+			} : {
+				x: 0,
+				y: 0
+			};
+		}
+		function Y(e) {
+			return Math.round(e / 10) * 10;
+		}
+		function _t(e, t) {
+			return F.value.some((n) => n.id !== t && e.x < n.x + n.width && e.x + e.width > n.x && e.y < n.y + n.height && e.y + e.height > n.y);
+		}
+		function vt(e, t, n) {
+			let r = 10 / N.value, i = n === "end" ? [e.x + e.width] : [e.x, e.x + e.width], a = n === "end" ? [e.y + e.height] : [e.y, e.y + e.height], o, s;
+			for (let e of F.value) if (e.id !== t) {
+				for (let t of i) for (let n of [e.x, e.x + e.width]) {
+					let e = n - t;
+					Math.abs(e) <= r && (o === void 0 || Math.abs(e) < Math.abs(o)) && (o = e);
+				}
+				for (let t of a) for (let n of [e.y, e.y + e.height]) {
+					let e = n - t;
+					Math.abs(e) <= r && (s === void 0 || Math.abs(e) < Math.abs(s)) && (s = e);
+				}
+			}
+			return re.value = {
+				x: o === void 0 ? null : (n === "end" ? e.x + e.width : e.x) + o,
+				y: s === void 0 ? null : (n === "end" ? e.y + e.height : e.y) + s
+			}, n === "end" ? {
+				...e,
+				width: e.width + (o ?? 0),
+				height: e.height + (s ?? 0)
+			} : {
+				...e,
+				x: e.x + (o ?? 0),
+				y: e.y + (s ?? 0)
+			};
+		}
+		function X(e, t, n) {
+			return Math.min(Math.max(e, t), n);
+		}
+		function Z(e, t, n) {
+			let r = Fe.value.get(e);
+			if (!r?.length || r.some((e) => t >= e.x && t <= e.x + e.width && n >= e.y && n <= e.y + e.height)) return {
+				x: t,
+				y: n
+			};
+			let i = {
+				x: t,
+				y: n
+			}, a = Infinity;
+			for (let e of r) {
+				let r = {
+					x: X(t, e.x, e.x + e.width),
+					y: X(n, e.y, e.y + e.height)
+				}, o = Math.hypot(r.x - t, r.y - n);
+				o < a && (a = o, i = r);
+			}
+			return i;
+		}
+		function yt(e) {
+			return De.value.filter((t) => t.roomId === e);
+		}
+		function bt(e) {
+			T.value?.setPointerCapture?.(e.pointerId);
+		}
+		function xt(e, t) {
+			Pt(e, {
+				kind: "connection",
+				id: t
+			});
+		}
+		function St(e, t) {
+			if (Pt(e, {
+				kind: "room",
+				id: t.id
+			}), P.value) return;
+			e.stopPropagation();
+			let n = gt(e);
+			A = {
+				mode: "room",
+				id: t.id,
+				offsetX: n.x - t.x,
+				offsetY: n.y - t.y
+			}, bt(e);
+		}
+		function Ct(e, t) {
+			_("select", {
+				kind: "room",
+				id: t.id
+			}), !P.value && (e.stopPropagation(), le.value = t.id, A = {
+				mode: "resize",
+				id: t.id,
+				originX: t.x,
+				originY: t.y
+			}, bt(e));
+		}
+		function wt(e, t) {
+			if (Pt(e, {
+				kind: "camera",
+				id: t.id
+			}), P.value) return;
+			e.stopPropagation();
+			let n = gt(e);
+			A = {
+				mode: "camera",
+				id: t.id,
+				offsetX: n.x - t.x,
+				offsetY: n.y - t.y
+			}, bt(e);
+		}
+		function Tt(e, t) {
+			_("select", {
+				kind: "camera",
+				id: t.id
+			}), !P.value && (e.stopPropagation(), A = {
+				mode: "rotate",
+				id: t.id
+			}, bt(e));
+		}
+		function Et(e) {
+			if (!A) return;
+			if (A.mode === "north") {
+				let t = ne.value?.getBoundingClientRect();
+				if (!t) return;
+				let n = Math.atan2(e.clientY - (t.top + t.height / 2), e.clientX - (t.left + t.width / 2)) * 180 / Math.PI;
+				_("update-north", Math.round((n + 450) % 360));
+				return;
+			}
+			pe || (pe = !0, _("history"));
+			let t = gt(e);
+			if (A.mode === "room") {
+				let e = A.id, n = F.value.find((t) => t.id === e);
+				if (!n) return;
+				let r = vt({
+					x: Y(t.x - A.offsetX),
+					y: Y(t.y - A.offsetY),
+					width: n.width,
+					height: n.height
+				}, n.id, "both"), i = _t(n, n.id) ? {
+					x: r.x,
+					y: r.y
+				} : Dt(n, r);
+				i && _("move-room", {
+					id: n.id,
+					x: i.x,
+					y: i.y
+				});
+				return;
+			}
+			if (A.mode === "resize") {
+				let e = A.id, n = F.value.find((t) => t.id === e);
+				if (!n) return;
+				let r = vt({
+					x: n.x,
+					y: n.y,
+					width: Math.max(60, Y(t.x - A.originX)),
+					height: Math.max(60, Y(t.y - A.originY))
+				}, n.id, "end"), i = _t({
+					...r,
+					height: n.height
+				}, n.id) ? n.width : Math.max(60, r.width), a = _t({
+					...r,
+					width: i
+				}, n.id) ? n.height : Math.max(60, r.height);
+				_("resize-room", {
+					id: n.id,
+					width: i,
+					height: a
+				});
+				return;
+			}
+			if (A.mode === "passage") {
+				let e = A, n = g.connections.find((t) => t.id === e.id);
+				if (!n) return;
+				let r = pt(e.wall, n.offset, n.width), i = Nt(e.wall, {
+					x: (r.x1 + r.x2) / 2,
+					y: (r.y1 + r.y2) / 2
+				}), a = Nt(e.wall, t);
+				_("move-connection", {
+					id: e.id,
+					offset: Math.round(i + (a - e.grab))
+				}), e.grab = a;
+				return;
+			}
+			if (A.mode === "passage-resize") {
+				let e = A, n = g.connections.find((t) => t.id === e.id);
+				if (!n) return;
+				let r = pt(e.wall, n.offset, n.width), i = Nt(e.wall, e.end === 0 ? {
+					x: r.x2,
+					y: r.y2
+				} : {
+					x: r.x1,
+					y: r.y1
+				}), a = Math.min(Math.max(Nt(e.wall, t), 0), e.wall.length), o = Math.min(Math.max(Math.abs(a - i), ut.min), ut.max), s = a < i ? i - o : i;
+				_("resize-connection", {
+					id: e.id,
+					offset: Math.round(s + o / 2),
+					width: Math.round(o)
+				});
+				return;
+			}
+			if (A.mode === "sensor") {
+				let e = A.id, n = Z(xe.value.find((t) => t.id === e)?.roomId ?? "", Y(t.x - A.offsetX), Y(t.y - A.offsetY));
+				_("move-sensor", {
+					id: e,
+					...n
+				});
+				return;
+			}
+			if (A.mode === "camera") {
+				let e = A.id, n = Z(De.value.find((t) => t.id === e)?.roomId ?? "", Y(t.x - A.offsetX), Y(t.y - A.offsetY));
+				_("move-camera", {
+					id: e,
+					...n
+				});
+				return;
+			}
+			let n = A.id, r = De.value.find((e) => e.id === n);
+			if (!r) return;
+			let i = t.x - r.x, a = t.y - r.y;
+			_("rotate-camera", {
+				id: n,
+				rotation: Math.round(Math.atan2(a, i) * 180 / Math.PI),
+				range: Math.round(X(Math.hypot(i, a), ct.min, ct.max))
+			});
+		}
+		function Dt(e, t) {
+			for (let n of [
+				t,
+				{
+					...t,
+					y: e.y
+				},
+				{
+					...t,
+					x: e.x
+				}
+			]) if (!_t(n, e.id)) return {
+				x: n.x,
+				y: n.y
+			};
+		}
+		function Ot(e) {
+			P.value || (e.stopPropagation(), _("history"), A = { mode: "north" }, ne.value?.setPointerCapture?.(e.pointerId));
+		}
+		function kt(e) {
+			let t = e.dataTransfer?.getData(dt);
+			if (!t || g.readOnly) return;
+			e.preventDefault();
+			let n = JSON.parse(t), r = T.value?.getBoundingClientRect();
+			r && _("drop", {
+				...n,
+				x: Y((e.clientX - r.left - Te.value.x) / N.value),
+				y: Y((e.clientY - r.top - Te.value.y) / N.value)
+			});
+		}
+		function At(e, t) {
+			if (Pt(e, {
+				kind: "sensor",
+				id: t.id
+			}), P.value) return;
+			e.stopPropagation();
+			let n = gt(e);
+			A = {
+				mode: "sensor",
+				id: t.id,
+				offsetX: n.x - t.x,
+				offsetY: n.y - t.y
+			}, bt(e);
+		}
+		function jt(e, t) {
+			Pt(e, {
+				kind: "connection",
+				id: t.id
+			}), !P.value && (e.stopPropagation(), A = {
+				mode: "passage",
+				id: t.id,
+				wall: t.wall,
+				grab: Nt(t.wall, gt(e))
+			}, bt(e));
+		}
+		function Mt(e, t, n) {
+			P.value || (e.stopPropagation(), A = {
+				mode: "passage-resize",
+				id: t.id,
+				wall: t.wall,
+				end: n
+			}, bt(e));
+		}
+		function Nt(e, t) {
+			return (t.x - e.x) * e.stepX + (t.y - e.y) * e.stepY;
+		}
+		function Pt(e, t) {
+			he = {
+				target: t,
+				x: e.clientX,
+				y: e.clientY
+			};
+		}
+		function Ft(e) {
+			le.value = null, he &&= (e && Math.abs(e.clientX - he.x) < 4 && Math.abs(e.clientY - he.y) < 4 && _("select", he.target), null), A?.mode === "room" && pe && _("settle-room", A.id), A = null, pe = !1, re.value = {
+				x: null,
+				y: null
+			};
+		}
+		function It() {
+			let e = [], t = [];
+			for (let n of F.value) e.push(n.x, n.x + n.width), t.push(n.y, n.y + n.height);
+			for (let n of De.value) e.push(n.x - Lr, n.x + Lr), t.push(n.y - Lr, n.y + Lr);
+			if (!e.length) return;
+			let n = Math.min(...e), r = Math.min(...t);
+			ye({
+				x: n,
+				y: r,
+				width: Math.max(Math.max(...e) - n, 1),
+				height: Math.max(Math.max(...t) - r, 1)
+			}, { padding: .15 });
+		}
+		return ee(() => g.levelId, () => s(It)), k(() => {
+			window.addEventListener("pointerup", Ft), s(It);
+		}), t(() => window.removeEventListener("pointerup", Ft)), l({ fit: It }), (t, s) => {
+			let c = We, l = z, p = En, g = Ce, y = Cn, ee = ge, te = i("tooltip");
+			return r(), x("div", {
+				ref_key: "wrapperRef",
+				ref: T,
+				class: a(["floorplan-canvas relative w-full h-full overflow-hidden border-left-color border-bottom-color border-right-color rounded-b-xl", { "rounded-none! border-0!": o.mobile }]),
+				onPointermove: Et,
+				onPointerup: Ft,
+				onPointercancel: Ft,
+				onDrop: kt,
+				onDragover: s[14] ||= e(() => {}, ["prevent"]),
+				onDragenter: s[15] ||= e(() => {}, ["prevent"])
+			}, [
+				O(v(Xe), {
+					nodes: Oe,
+					"nodes-draggable": !1,
+					"nodes-connectable": !1,
+					"elements-selectable": !1,
+					"zoom-on-double-click": !1,
+					"min-zoom": v(st).min,
+					"max-zoom": v(st).max,
+					"default-viewport": {
+						x: 0,
+						y: 0,
+						zoom: 1
+					},
+					class: "floorplan-flow",
+					onPaneClick: s[3] ||= (e) => _("select", null)
+				}, {
+					"node-scene": b(() => [(r(), x("svg", {
+						class: "floorplan-scene",
+						style: f({
+							left: `${v(I).x}px`,
+							top: `${v(I).y}px`,
+							width: `${v(I).width}px`,
+							height: `${v(I).height}px`
+						})
+					}, [C("defs", null, [
+						C("pattern", {
+							id: "floorplan-public",
+							width: 14 / v(N),
+							height: 14 / v(N),
+							patternUnits: "userSpaceOnUse",
+							patternTransform: "rotate(45)"
+						}, [C("rect", {
+							width: 14 / v(N),
+							height: 14 / v(N),
+							class: "public-base"
+						}, null, 8, On), C("line", {
+							x1: "0",
+							y1: "0",
+							x2: "0",
+							y2: 14 / v(N),
+							class: "public-hatch",
+							"stroke-width": 1.5 / v(N)
+						}, null, 8, kn)], 8, Dn),
+						(r(!0), x(S, null, n(v(Re), (e) => (r(), x("clipPath", {
+							id: `floorplan-sight-${e.roomId}`,
+							key: e.roomId
+						}, [C("path", { d: e.path }, null, 8, jn)], 8, An))), 128)),
+						C("pattern", {
+							id: "floorplan-gaps-hatch",
+							width: 10 / v(N),
+							height: 10 / v(N),
+							patternUnits: "userSpaceOnUse",
+							patternTransform: "rotate(-45)"
+						}, [C("line", {
+							x1: "0",
+							y1: "0",
+							x2: "0",
+							y2: 10 / v(N),
+							class: "gaps-hatch",
+							"stroke-width": 1.5 / v(N)
+						}, null, 8, Nn)], 8, Mn),
+						v(D) ? (r(), x("mask", {
+							key: 0,
+							id: "floorplan-gaps",
+							maskUnits: "userSpaceOnUse",
+							x: v(I).x,
+							y: v(I).y,
+							width: v(I).width,
+							height: v(I).height
+						}, [(r(!0), x(S, null, n(v(Le), (e) => (r(), x(S, { key: `gap-room-${e.roomId}` }, [e.publicSpace ? h("", !0) : (r(), x("path", {
+							key: 0,
+							d: e.fill,
+							fill: "white"
+						}, null, 8, Fn))], 64))), 128)), (r(!0), x(S, null, n(v(Re), (e) => (r(), x("g", {
+							key: `gap-sight-${e.roomId}`,
+							"clip-path": `url(#floorplan-sight-${e.roomId})`
+						}, [(r(!0), x(S, null, n(yt(e.roomId), (e) => (r(), x("path", {
+							key: `gap-cone-${e.id}`,
+							d: J(e),
+							fill: "black",
+							transform: `translate(${e.x} ${e.y}) rotate(${e.rotation})`
+						}, null, 8, Ln))), 128))], 8, In))), 128))], 8, Pn)) : h("", !0)
+					]), C("g", { transform: `translate(${-v(I).x} ${-v(I).y})` }, [
+						(r(!0), x(S, null, n(v(Le), (e) => (r(), x("g", { key: e.roomId }, [C("path", {
+							d: e.fill,
+							class: a(["room", {
+								"room-outdoor": e.outdoor && !e.publicSpace,
+								"room-public": e.publicSpace,
+								"room-active": v(Ke).has(e.roomId)
+							}])
+						}, null, 10, zn), C("path", {
+							d: e.wall,
+							class: a(["room-wall", {
+								"room-selected": e.selected,
+								"room-public-wall": e.publicSpace
+							}]),
+							"stroke-width": (e.selected ? 2.5 : 1.5) / v(N)
+						}, null, 10, Bn)]))), 128)),
+						(r(!0), x(S, null, n(v(Re), (e) => (r(), x("g", {
+							key: `sight-${e.roomId}`,
+							"clip-path": `url(#floorplan-sight-${e.roomId})`
+						}, [(r(!0), x(S, null, n(yt(e.roomId), (e) => (r(), x("path", {
+							key: e.id,
+							d: J(e),
+							class: a(["cone", [`cone-${Je(e.id) ?? "idle"}`, { "cone-selected": K("camera", e.id) }]]),
+							transform: `translate(${e.x} ${e.y}) rotate(${e.rotation})`
+						}, null, 10, Hn))), 128))], 8, Vn))), 128)),
+						v(D) ? (r(), x("rect", {
+							key: 0,
+							x: v(I).x,
+							y: v(I).y,
+							width: v(I).width,
+							height: v(I).height,
+							fill: "url(#floorplan-gaps-hatch)",
+							mask: "url(#floorplan-gaps)",
+							class: "gaps-layer"
+						}, null, 8, Un)) : h("", !0),
+						(r(!0), x(S, null, n(v(Le), (e) => (r(), x("g", { key: `hits-${e.roomId}` }, [(r(!0), x(S, null, n(e.parts, (e) => (r(), x("rect", {
+							key: e.id,
+							x: e.x,
+							y: e.y,
+							width: e.width,
+							height: e.height,
+							class: a(["room-hit", { nopan: !v(P) }]),
+							onPointerdown: (t) => St(t, e)
+						}, null, 42, Wn))), 128)), (r(!0), x(S, null, n(H(e), (e) => (r(), x("text", {
+							key: e.text,
+							x: e.x,
+							y: e.y,
+							"font-size": e.size,
+							transform: e.upright ? void 0 : `rotate(-90 ${e.x} ${e.y})`,
+							class: "room-label",
+							"text-anchor": "middle"
+						}, u(e.text), 9, Gn))), 128))]))), 128)),
+						(r(!0), x(S, null, n(v(ze), (e) => (r(), x("g", {
+							key: e.id,
+							class: a({ nopan: !v(P) }),
+							onPointerdown: (t) => jt(t, e)
+						}, [
+							C("path", {
+								d: e.line,
+								class: "connection-hit",
+								"stroke-width": 24 / v(N)
+							}, null, 8, qn),
+							C("path", {
+								d: e.line,
+								class: a(["connection", [`connection-${e.type}`, { "connection-selected": K("connection", e.id) }]]),
+								"stroke-width": 7 / v(N)
+							}, null, 10, Jn),
+							(r(!0), x(S, null, n(K("connection", e.id) && !v(P) ? e.handles : [], (t, n) => (r(), x("circle", {
+								key: n,
+								cx: t.x,
+								cy: t.y,
+								r: 7 / v(N),
+								class: "passage-handle nopan",
+								"stroke-width": 2 / v(N),
+								onPointerdown: (t) => Mt(t, e, n)
+							}, null, 40, Yn))), 128))
+						], 42, Kn))), 128)),
+						(r(!0), x(S, null, n(v(Ne), (e) => (r(), x(S, { key: e.connection.id }, [e.geometry.kind === "link" ? (r(), x("path", {
+							key: 0,
+							d: `M ${e.geometry.x1} ${e.geometry.y1} L ${e.geometry.x2} ${e.geometry.y2}`,
+							class: a(["connection connection-stairs", { "connection-selected": K("connection", e.connection.id) }]),
+							"stroke-width": 2 / v(N),
+							onPointerdown: (t) => xt(t, e.connection.id)
+						}, null, 42, Xn)) : h("", !0)], 64))), 128)),
+						(r(!0), x(S, null, n(v(De), (e) => (r(), x("g", {
+							key: e.id,
+							class: a({ nopan: !v(P) }),
+							onPointerdown: (t) => wt(t, e),
+							onPointerenter: (t) => it(t, e),
+							onPointerleave: W
+						}, [
+							C("circle", {
+								cx: e.x,
+								cy: e.y,
+								r: 13 / v(N),
+								class: a(["camera-body", [`camera-${Je(e.id) ?? "idle"}`, { "camera-selected": K("camera", e.id) }]]),
+								"stroke-width": 2 / v(N)
+							}, null, 10, Qn),
+							C("circle", {
+								cx: e.x,
+								cy: e.y,
+								r: 4 / v(N),
+								class: "camera-lens"
+							}, null, 8, $n),
+							v(ae) === e.id || K("camera", e.id) || v(Se).has(e.id) ? (r(), x("g", er, [
+								C("rect", {
+									x: e.x - Ze(e).width / 2,
+									y: e.y - 42 / v(N),
+									width: Ze(e).width,
+									height: 20 / v(N),
+									rx: 10 / v(N)
+								}, null, 8, tr),
+								(r(!0), x(S, null, n(Ye(e), (t, n) => (r(), x("foreignObject", {
+									key: t,
+									x: e.x - Ze(e).width / 2 + (8 + n * 17) / v(N),
+									y: e.y - 39.5 / v(N),
+									width: 15 / v(N),
+									height: 15 / v(N),
+									class: "chip-glyph"
+								}, [(r(), m(d(v(ie)(t).icon), {
+									width: "100%",
+									height: "100%"
+								}))], 8, nr))), 128)),
+								C("text", {
+									x: e.x - Ze(e).width / 2 + Ze(e).textOffset,
+									y: e.y - 28 / v(N),
+									"font-size": 12 / v(N)
+								}, u(e.name), 9, rr)
+							])) : h("", !0)
+						], 42, Zn))), 128)),
+						(r(!0), x(S, null, n(v(je) ? v(Be) : [], (t) => (r(), x("g", { key: t.roomId }, [C("circle", {
+							cx: t.x,
+							cy: t.y,
+							r: 11 / v(N),
+							class: "connection-ghost nopan",
+							"stroke-width": 1.5 / v(N),
+							onPointerdown: e((e) => _("create-connection", {
+								fromRoomId: t.fromRoomId,
+								toRoomId: t.roomId,
+								fromShapeId: t.fromShapeId,
+								toShapeId: t.shapeId
+							}), ["stop"])
+						}, null, 40, ir), C("path", {
+							d: `M ${t.x - 5 / v(N)} ${t.y} L ${t.x + 5 / v(N)} ${t.y} M ${t.x} ${t.y - 5 / v(N)} L ${t.x} ${t.y + 5 / v(N)}`,
+							class: "connection-ghost-plus",
+							"stroke-width": 1.5 / v(N)
+						}, null, 8, ar)]))), 128)),
+						(r(!0), x(S, null, n(v(xe), (e) => (r(), x("g", {
+							key: `sensor-${e.id}`,
+							class: a({ nopan: !v(P) }),
+							onPointerdown: (t) => At(t, e),
+							onPointerenter: (t) => Qe(t, e),
+							onPointerleave: et
+						}, [
+							C("circle", {
+								cx: e.x,
+								cy: e.y,
+								r: 11 / v(N),
+								class: a(["sensor-body", { "sensor-selected": K("sensor", e.id) }]),
+								"stroke-width": 2 / v(N)
+							}, null, 10, sr),
+							(r(), x("foreignObject", {
+								x: e.x - 7 / v(N),
+								y: e.y - 7 / v(N),
+								width: 14 / v(N),
+								height: 14 / v(N),
+								class: "sensor-glyph"
+							}, [(r(), m(d(v(ce)(e.sensorType, tt(e.id))), {
+								width: "100%",
+								height: "100%",
+								style: f(nt(e))
+							}, null, 8, ["style"]))], 8, cr)),
+							v(se) === e.id || K("sensor", e.id) ? (r(), x("g", lr, [C("rect", {
+								x: e.x - G(B(e)) / 2,
+								y: e.y - 42 / v(N),
+								width: G(B(e)),
+								height: 20 / v(N),
+								rx: 10 / v(N)
+							}, null, 8, ur), C("text", {
+								x: e.x,
+								y: e.y - 28 / v(N),
+								"text-anchor": "middle",
+								"font-size": 12 / v(N)
+							}, u(B(e)), 9, dr)])) : h("", !0)
+						], 42, or))), 128)),
+						(r(!0), x(S, null, n(v(Ve), (e) => (r(), x("g", {
+							key: e.key,
+							class: "flight-camera",
+							onPointerenter: (t) => oe.value = e.key,
+							onPointerleave: s[0] ||= (e) => oe.value = null
+						}, [
+							C("circle", {
+								cx: e.x,
+								cy: e.y,
+								r: 11 / v(N),
+								class: "flight-camera-body",
+								"stroke-width": 1.5 / v(N)
+							}, null, 8, pr),
+							C("circle", {
+								cx: e.x,
+								cy: e.y,
+								r: 3.5 / v(N),
+								class: "flight-camera-lens"
+							}, null, 8, mr),
+							v(oe) === e.key ? (r(), x("g", hr, [C("rect", {
+								x: e.x - G(e.label) / 2,
+								y: e.y - 42 / v(N),
+								width: G(e.label),
+								height: 20 / v(N),
+								rx: 10 / v(N)
+							}, null, 8, gr), C("text", {
+								x: e.x,
+								y: e.y - 28 / v(N),
+								"text-anchor": "middle",
+								"font-size": 12 / v(N)
+							}, u(e.label), 9, _r)])) : h("", !0)
+						], 40, fr))), 128)),
+						(r(!0), x(S, null, n(v(He), (e) => (r(), x("g", {
+							key: e.key,
+							class: a({ nopan: !v(P) }),
+							onPointerdown: (t) => rt(t, e)
+						}, [
+							C("circle", {
+								cx: e.x,
+								cy: e.y,
+								r: 12 / v(N),
+								class: a([e.connectionId ? "connection-badge" : "connection-ghost", { "connection-selected": e.connectionId && K("connection", e.connectionId) }]),
+								"stroke-width": (e.connectionId ? 2 : 1.5) / v(N)
+							}, null, 10, yr),
+							C("path", {
+								d: at(e.x, e.y),
+								class: "badge-glyph",
+								"stroke-width": 1.5 / v(N),
+								fill: "none",
+								"stroke-linejoin": "round"
+							}, null, 8, br),
+							e.direction ? (r(), x("text", {
+								key: 0,
+								x: e.x + 13 / v(N),
+								y: e.y - 7 / v(N),
+								class: "badge-direction",
+								"font-size": 12 / v(N)
+							}, u(e.direction), 9, xr)) : h("", !0),
+							v(we) ? (r(), x("g", Sr, [C("rect", {
+								x: v(we).x - v(we).width / 2,
+								y: v(we).y,
+								width: v(we).width,
+								height: 20 / v(N),
+								rx: 10 / v(N)
+							}, null, 8, Cr), C("text", {
+								x: v(we).x,
+								y: v(we).y + 14 / v(N),
+								"text-anchor": "middle",
+								"font-size": 12 / v(N)
+							}, u(v(we).text), 9, wr)])) : h("", !0)
+						], 42, vr))), 128)),
+						v(re).x === null ? h("", !0) : (r(), x("path", {
+							key: 1,
+							d: `M ${v(re).x} ${v(Ge).top} L ${v(re).x} ${v(Ge).bottom}`,
+							class: "guide",
+							"stroke-width": 1 / v(N)
+						}, null, 8, Tr)),
+						v(re).y === null ? h("", !0) : (r(), x("path", {
+							key: 2,
+							d: `M ${v(Ge).left} ${v(re).y} L ${v(Ge).right} ${v(re).y}`,
+							class: "guide",
+							"stroke-width": 1 / v(N)
+						}, null, 8, Er)),
+						v(ke) && !v(P) ? (r(), x("rect", {
+							key: 3,
+							x: v(ke).x + v(ke).width - 7 / v(N),
+							y: v(ke).y + v(ke).height - 7 / v(N),
+							width: 14 / v(N),
+							height: 14 / v(N),
+							rx: 3 / v(N),
+							class: "handle nopan",
+							"stroke-width": 1.5 / v(N),
+							onPointerdown: s[1] ||= (e) => Ct(e, v(ke))
+						}, null, 40, Dr)) : h("", !0),
+						v(L) && !v(P) ? (r(), x("circle", {
+							key: 4,
+							cx: v(L).x + Math.cos(lt(v(L).rotation)) * v(L).range,
+							cy: v(L).y + Math.sin(lt(v(L).rotation)) * v(L).range,
+							r: 9 / v(N),
+							class: "handle nopan",
+							"stroke-width": 1.5 / v(N),
+							onPointerdown: s[2] ||= (e) => Tt(e, v(L))
+						}, null, 40, Or)) : h("", !0)
+					], 8, Rn)], 4))]),
+					default: b(() => [O(v(R), {
+						gap: v(16),
+						size: v(1),
+						"pattern-color": "#81818a"
+					}, null, 8, ["gap", "size"])]),
+					_: 1
+				}, 8, ["min-zoom", "max-zoom"]),
+				w((r(), x("div", {
+					ref_key: "compassRef",
+					ref: ne,
+					class: a(["floorplan-compass absolute top-3 right-3", { "cursor-grab active:cursor-grabbing": !v(P) }]),
+					onPointerdown: e(Ot, ["stop"])
+				}, [(r(), x("svg", kr, [s[17] ||= C("circle", {
+					cx: "23",
+					cy: "23",
+					r: "21",
+					class: "compass-ring",
+					"stroke-width": "1"
+				}, null, -1), C("g", { transform: `rotate(${v(Ee)} 23 23)` }, [...s[16] ||= [C("path", {
+					d: "M 23 6 L 27 23 L 23 19 L 19 23 Z",
+					class: "compass-needle"
+				}, null, -1), C("text", {
+					x: "23",
+					y: "41",
+					"text-anchor": "middle",
+					class: "compass-label",
+					"font-size": "9"
+				}, "N", -1)]], 8, Ar)]))], 34)), [[
+					te,
+					{ value: v(P) ? t.$t("views.floorplan.north_reading", { value: v(Ee) }) : t.$t("views.floorplan.north_hint") },
+					void 0,
+					{ left: !0 }
+				]]),
+				C("div", jr, [C("div", Mr, [
+					w((r(), x("button", {
+						type: "button",
+						class: "control-button",
+						onPointerdown: s[4] ||= e(() => {}, ["stop"]),
+						onClick: s[5] ||= e((e) => v(_e)(), ["stop"])
+					}, [O(c, { class: "w-4 h-4" })], 32)), [[
+						te,
+						{ value: t.$t("views.floorplan.zoom_in") },
+						void 0,
+						{ right: !0 }
+					]]),
+					w((r(), x("button", {
+						type: "button",
+						class: "control-button",
+						onPointerdown: s[6] ||= e(() => {}, ["stop"]),
+						onClick: s[7] ||= e((e) => v(ve)(), ["stop"])
+					}, [O(l, { class: "w-4 h-4" })], 32)), [[
+						te,
+						{ value: t.$t("views.floorplan.zoom_out") },
+						void 0,
+						{ right: !0 }
+					]]),
+					w((r(), x("button", {
+						type: "button",
+						class: "control-button",
+						onPointerdown: s[8] ||= e(() => {}, ["stop"]),
+						onClick: s[9] ||= e((e) => It(), ["stop"])
+					}, [O(p, { class: "w-4 h-4" })], 32)), [[
+						te,
+						{ value: t.$t("views.floorplan.fit") },
+						void 0,
+						{ right: !0 }
+					]]),
+					w((r(), x("button", {
+						type: "button",
+						class: a(["control-button", { "control-active": v(E) }]),
+						onPointerdown: s[10] ||= e(() => {}, ["stop"]),
+						onClick: s[11] ||= e((e) => E.value = !v(E), ["stop"])
+					}, [v(E) ? (r(), m(g, {
+						key: 0,
+						class: "w-4 h-4"
+					})) : (r(), m(y, {
+						key: 1,
+						class: "w-4 h-4"
+					}))], 34)), [[
+						te,
+						{ value: v(E) ? t.$t("views.floorplan.unlock") : t.$t("views.floorplan.lock") },
+						void 0,
+						{ right: !0 }
+					]]),
+					w((r(), x("button", {
+						type: "button",
+						class: a(["control-button", { "control-active": v(D) }]),
+						onPointerdown: s[12] ||= e(() => {}, ["stop"]),
+						onClick: s[13] ||= e((e) => D.value = !v(D), ["stop"])
+					}, [O(ee, { class: "w-4 h-4" })], 34)), [[
+						te,
+						{ value: t.$t("views.floorplan.blind_spots") },
+						void 0,
+						{ right: !0 }
+					]])
+				]), C("div", Nr, [(r(), x("svg", {
+					width: v(Me).width,
+					height: "10",
+					class: "shrink-0"
+				}, [C("path", {
+					d: `M 1 1 L 1 9 M 1 5 L ${v(Me).width - 1} 5 M ${v(Me).width - 1} 1 L ${v(Me).width - 1} 9`,
+					class: "scale-line",
+					"stroke-width": "1"
+				}, null, 8, Fr)], 8, Pr)), C("span", Ir, u(v(Me).label), 1)])])
+			], 34);
+		};
+	}
+}), [["__scopeId", "data-v-bcd2833e"]]), zr = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Br(e, t) {
+	return r(), x("svg", zr, [...t[0] ||= [C("path", {
+		fill: "currentColor",
+		d: "M13 19c0-.3 0-.7.1-1H8v-2H6V8h2V6h8v2h2v5.1c.3-.1.7-.1 1-.1s.7 0 1 .1V8h2V2h-6v2H8V2H2v6h2v8H2v6h6v-2h5.1c-.1-.3-.1-.7-.1-1m5-15h2v2h-2zM4 4h2v2H4zm2 16H4v-2h2zm14-5v3h3v2h-3v3h-2v-3h-3v-2h3v-3z"
+	}, null, -1)]]);
+}
+var Vr = E({
+	name: "mdi-vector-square-plus",
+	render: Br
+}), Hr = {
+	key: 0,
+	class: "text-xs font-semibold text-muted uppercase tracking-wider mb-3"
+}, Ur = { class: "mb-4" }, Wr = { class: "text-xs font-medium text-muted mb-2" }, Gr = ["draggable"], Kr = { class: "flex items-center gap-2.5 flex-1 min-w-0 px-3 py-2.5" }, qr = { class: "flex items-center justify-center w-8 h-8 rounded-lg shrink-0 palette-icon" }, Jr = { class: "text-[13px] font-medium truncate text-color leading-tight" }, Yr = {
+	key: 0,
+	class: "flex flex-col gap-1.5 mt-1.5"
+}, Xr = [
+	"draggable",
+	"onDragstart",
+	"onClick"
+], Zr = { class: "flex items-center gap-2.5 flex-1 min-w-0 px-3 py-2.5" }, Qr = { class: "flex items-center justify-center w-8 h-8 rounded-lg shrink-0 palette-icon" }, $r = { class: "text-[13px] font-medium truncate text-color leading-tight" }, ei = { class: "mb-4" }, ti = { class: "text-xs font-medium text-muted mb-2" }, ni = {
+	key: 0,
+	class: "text-xs text-muted px-1"
+}, ri = {
+	key: 1,
+	class: "flex flex-col gap-1.5"
+}, ii = [
+	"draggable",
+	"onDragstart",
+	"onClick"
+], ai = { class: "flex items-center gap-2.5 flex-1 min-w-0 px-3 py-2.5" }, oi = { class: "flex items-center justify-center w-8 h-8 rounded-lg shrink-0 palette-icon" }, si = { class: "text-[13px] font-medium truncate text-color leading-tight" }, ci = { class: "text-xs font-medium text-muted mb-2" }, li = {
+	key: 0,
+	class: "text-xs text-muted px-1"
+}, ui = {
+	key: 1,
+	class: "flex flex-col gap-1.5"
+}, di = [
+	"draggable",
+	"onDragstart",
+	"onClick"
+], fi = { class: "flex items-center gap-2.5 flex-1 min-w-0 px-3 py-2.5" }, pi = { class: "flex items-center justify-center w-8 h-8 rounded-lg shrink-0 palette-icon" }, mi = { class: "flex flex-col min-w-0" }, hi = { class: "text-[13px] font-medium truncate text-color leading-tight" }, gi = {
+	key: 0,
+	class: "text-[11px] text-muted truncate leading-tight"
+}, _i = /*#__PURE__*/ xe(/* @__PURE__ */ D({
+	__name: "CuiFloorplanPalette",
+	props: {
+		cameras: {},
+		sensors: {},
+		rooms: {},
+		mode: { default: "drag" },
+		disabled: { type: Boolean }
+	},
+	emits: ["pick"],
+	setup(e, { emit: t }) {
+		let o = e, s = t;
+		function c(e, t, n, r, i) {
+			!o.disabled && e.dataTransfer && (e.dataTransfer.setData(dt, JSON.stringify({
+				kind: t,
+				cameraId: n,
+				roomId: r,
+				sensorId: i?.id,
+				sensorType: i?.sensorType
+			})), e.dataTransfer.effectAllowed = "move");
+		}
+		return (t, o) => {
+			let l = ne, f = it, p = Vr, g = Ue, _ = i("tooltip");
+			return r(), x("div", { class: a(["overflow-y-auto p-3", e.mode === "drag" ? "h-full pb-[var(--cui-bottom-gap)]" : "pb-0"]) }, [
+				e.mode === "drag" ? (r(), x("div", Hr, u(t.$t("views.floorplan.palette")), 1)) : h("", !0),
+				e.disabled ? (r(), m(l, {
+					key: 1,
+					severity: "secondary",
+					variant: "simple",
+					size: "small",
+					class: "cui-input-hint mb-3"
+				}, {
+					default: b(() => [T(u(t.$t("views.floorplan.needs_level")), 1)]),
+					_: 1
+				})) : h("", !0),
+				C("div", Ur, [
+					C("div", Wr, u(t.$t("views.floorplan.section_room")), 1),
+					C("div", {
+						class: a(["floorplan-palette-item", [e.mode === "drag" ? "cursor-grab active:cursor-grabbing" : "cursor-pointer", { "palette-disabled": e.disabled }]]),
+						draggable: e.mode === "drag" && !e.disabled,
+						onDragstart: o[0] ||= (e) => c(e, "room"),
+						onClick: o[1] ||= (t) => !e.disabled && s("pick", { kind: "room" })
+					}, [C("div", Kr, [C("div", qr, [O(f, { class: "w-4 h-4" })]), C("span", Jr, u(t.$t("views.floorplan.new_room")), 1)])], 42, Gr),
+					e.rooms.length ? (r(), x("div", Yr, [(r(!0), x(S, null, n(e.rooms, (n) => w((r(), x("div", {
+						key: n.id,
+						class: a(["floorplan-palette-item", [e.mode === "drag" ? "cursor-grab active:cursor-grabbing" : "cursor-pointer", { "palette-disabled": e.disabled }]]),
+						draggable: e.mode === "drag" && !e.disabled,
+						onDragstart: (e) => c(e, "room", void 0, n.id),
+						onClick: (t) => !e.disabled && s("pick", {
+							kind: "room",
+							roomId: n.id
+						})
+					}, [C("div", Zr, [C("div", Qr, [O(p, { class: "w-4 h-4" })]), C("span", $r, u(n.name), 1)])], 42, Xr)), [[
+						_,
+						{ value: t.$t("views.floorplan.room_not_drawn") },
+						void 0,
+						{ right: !0 }
+					]])), 128))])) : h("", !0)
+				]),
+				C("div", ei, [C("div", ti, u(t.$t("views.floorplan.section_cameras")), 1), e.cameras.length ? (r(), x("div", ri, [(r(!0), x(S, null, n(e.cameras, (t) => (r(), x("div", {
+					key: t.id,
+					class: a(["floorplan-palette-item", [e.mode === "drag" ? "cursor-grab active:cursor-grabbing" : "cursor-pointer", { "palette-disabled": e.disabled }]]),
+					draggable: e.mode === "drag" && !e.disabled,
+					onDragstart: (e) => c(e, "camera", t.id),
+					onClick: (n) => !e.disabled && s("pick", {
+						kind: "camera",
+						cameraId: t.id
+					})
+				}, [C("div", ai, [C("div", oi, [O(g, { class: "w-4 h-4" })]), C("span", si, u(t.name), 1)])], 42, ii))), 128))])) : (r(), x("span", ni, u(t.$t("views.floorplan.all_cameras_placed")), 1))]),
+				C("div", null, [C("div", ci, u(t.$t("views.floorplan.section_sensors")), 1), e.sensors.length ? (r(), x("div", ui, [(r(!0), x(S, null, n(e.sensors, (t) => (r(), x("div", {
+					key: t.id,
+					class: a(["floorplan-palette-item", [e.mode === "drag" ? "cursor-grab active:cursor-grabbing" : "cursor-pointer", { "palette-disabled": e.disabled }]]),
+					draggable: e.mode === "drag" && !e.disabled,
+					onDragstart: (e) => c(e, "sensor", void 0, void 0, t),
+					onClick: (n) => !e.disabled && s("pick", {
+						kind: "sensor",
+						sensorId: t.id,
+						sensorType: t.sensorType
+					})
+				}, [C("div", fi, [C("div", pi, [(r(), m(d(v(ce)(t.sensorType, void 0)), { class: "w-4 h-4" }))]), C("div", mi, [C("span", hi, u(t.name), 1), t.subtitle ? (r(), x("span", gi, u(t.subtitle), 1)) : h("", !0)])])], 42, di))), 128))])) : (r(), x("span", li, u(t.$t("views.floorplan.all_sensors_placed")), 1))])
+			], 2);
+		};
+	}
+}), [["__scopeId", "data-v-bc16fdc2"]]), vi = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function yi(e, t) {
+	return r(), x("svg", vi, [...t[0] ||= [C("path", {
+		fill: "currentColor",
+		d: "m12 18.54l7.37-5.74L21 14.07l-9 7l-9-7l1.62-1.26zM12 16L3 9l9-7l9 7zm0-11.47L6.26 9L12 13.47L17.74 9z"
+	}, null, -1)]]);
+}
+var bi = E({
+	name: "mdi-layers-outline",
+	render: yi
+}), xi = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Si(e, t) {
+	return r(), x("svg", xi, [...t[0] ||= [C("path", {
+		fill: "currentColor",
+		d: "M15 5v4h-4v4H7v4H3v3h7v-4h4v-4h4V8h4V5z"
+	}, null, -1)]]);
+}
+var Ci = E({
+	name: "mdi-stairs",
+	render: Si
+});
+//#endregion
+//#region src/api/routes/floorplan.ts
+async function wi({ signal: e } = {}) {
+	return (await fe.get("/floorplan", { signal: e })).data;
+}
+async function Ti(e, t) {
+	return (await fe.put("/floorplan", e, { params: { version: t } })).data;
+}
+//#endregion
+//#region src/components/CuiDialog/templates/FloorplanLevel/FloorplanLevel.vue?vue&type=script&setup=true&lang.ts
+var Ei = { class: "flex flex-col gap-2 w-full" }, Di = {
+	for: "floorplanLevelName",
+	class: "cui-label"
+}, Oi = /* @__PURE__ */ D({
+	__name: "FloorplanLevel",
+	props: { name: { default: "" } },
+	setup(e, { expose: t }) {
+		let n = c(e.name);
+		return t({ onConfirm: async () => n.value.trim() || null }), (e, t) => {
+			let i = Me;
+			return r(), x("div", Ei, [C("label", Di, u(e.$t("components.form.label.name")), 1), O(i, {
+				id: "floorplanLevelName",
+				modelValue: v(n),
+				"onUpdate:modelValue": t[0] ||= (e) => _(n) ? n.value = e : null,
+				class: "w-full",
+				placeholder: e.$t("views.floorplan.level_name_placeholder"),
+				autofocus: ""
+			}, null, 8, ["modelValue", "placeholder"])]);
+		};
+	}
+}), ki = p({ plan: null }), Ai = null, ji = null, Mi = /* @__PURE__ */ new Set();
+function Ni() {
+	ji || (Ai = g(!0), Ai.run(() => {
+		let e = j("/camera.ui");
+		ji = e, e.on("floorplan-changed", (e) => {
+			ki.plan = e;
+			for (let t of Mi) try {
+				t(e);
+			} catch {}
+		});
+	}));
+}
+function Pi() {
+	function e() {
+		Ni();
+	}
+	function t(e) {
+		return Mi.add(e), () => Mi.delete(e);
+	}
+	return {
+		plan: y(() => ki.plan),
+		connect: e,
+		onPlan: t
+	};
+}
+//#endregion
+//#region src/views/Floorplan.vue?vue&type=script&setup=true&lang.ts
+var Fi = { class: "h-full w-full relative overflow-hidden flex flex-col" }, Ii = { class: "flex items-center gap-2 px-3 py-2 border-bottom-color card-background min-h-[48px]" }, Li = {
+	key: 0,
+	class: "flex-1 flex items-center justify-center"
+}, Ri = {
+	key: 1,
+	class: "flex flex-1 min-h-0"
+}, zi = { class: "relative w-6 h-6" }, Bi = { class: "flex items-center gap-2.5" }, Vi = { class: "flex items-center justify-center w-8 h-8 rounded-lg shrink-0 palette-icon" }, Hi = { class: "flex-1 min-w-0" }, Ui = { class: "text-sm font-semibold truncate text-color" }, Wi = {
+	key: 0,
+	class: "text-[11px] text-muted truncate"
+}, Gi = { class: "text-xs text-muted truncate" }, Ki = {
+	key: 0,
+	class: "text-xs text-muted"
+}, qi = {
+	key: 1,
+	class: "flex flex-col gap-1"
+}, Ji = { class: "flex items-center justify-center" }, Yi = {
+	key: 0,
+	class: "flex items-center gap-2 pl-3 pr-2 py-1.5"
+}, Xi = { class: "flex-1 min-w-0 text-sm font-semibold truncate text-color" }, Zi = 50, Qi = 92, $i = /*#__PURE__*/ xe(/* @__PURE__ */ D({
+	__name: "Floorplan",
+	setup(e) {
+		let { t: p } = ke(), { smBreakpoint: g } = be(), { bottombarHeight: T } = Se(), D = _e(), ne = pe(), ie = ye(), de = Pi(), fe = j("/camera.ui"), A = new oe(), { sensors: me } = Ae(), { data: M } = A.getCamerasQuery({
+			page: 1,
+			pageSize: -1
+		}), ge = c(), xe = c(), Ce = c(null), Me = c(null), Ne = c({
+			x: 0,
+			y: 0
+		}), Pe = c(null), Ie = c({
+			x: 0,
+			y: 0
+		}), Le = c(), Re = c(null), ze = c({
+			x: 0,
+			y: 0
+		}), Ve = c(), Ue = c(null), Xe = c(null), $e = c({
+			version: 0,
+			updatedAt: 0,
+			levels: [],
+			rooms: []
+		}), R = c([]), z = c([]), B = c([]), V = c([]), H = c([]), U = c(""), it = c(null), W = c(null), G = c(!1), at = c(!0), ot = c(!1), st = c(null), ct = c(""), lt = te("sheetRef"), ut = c(0), dt = c(0), K = c(!1), q = l([]), J = l([]), mt = [
+			{
+				value: L.Disarmed,
+				labelKey: "views.floorplan.security_disarmed"
+			},
+			{
+				value: L.StayArm,
+				labelKey: "views.floorplan.security_stay"
+			},
+			{
+				value: L.AwayArm,
+				labelKey: "views.floorplan.security_away"
+			},
+			{
+				value: L.NightArm,
+				labelKey: "views.floorplan.security_night"
+			}
+		], ht = 0, gt = !1, Y, _t, vt, X = null, Z = le(void 0, "admin"), xt = y(() => Math.max(ut.value - Qi, 0)), St = y(() => q.value.length > 0), Ct = y(() => J.value.length > 0), wt = y(() => (M.value?.result ?? []).find((e) => e._id === Xe.value)), Tt = y(() => R.value.find((e) => e.id === U.value)), Et = y(() => Vt() !== ct.value), Dt = y(() => new Map((M.value?.result ?? []).map((e) => [e._id, e.name]))), Ot = y(() => me.value.filter((e) => ae.has(String(e.type)))), kt = y(() => new Map(Ot.value.map((e) => [e.id, {
+			name: zt(e),
+			owner: Bt(e)
+		}]))), At = y(() => {
+			let e = new Set(H.value.map((e) => e.id));
+			return Ot.value.filter((t) => !e.has(t.id)).map((e) => ({
+				id: e.id,
+				name: zt(e),
+				subtitle: Bt(e),
+				sensorType: String(e.type)
+			}));
+		}), jt = y(() => {
+			let e = new Set(z.value.map((e) => e.roomId));
+			return $e.value.rooms.filter((t) => !e.has(t.id)).map((e) => ({
+				id: e.id,
+				name: e.name
+			}));
+		}), Mt = y(() => {
+			let e = new Set(V.value.map((e) => e.id));
+			return (M.value?.result ?? []).filter((t) => !e.has(t._id)).map((e) => ({
+				id: e._id,
+				name: e.name
+			}));
+		}), Nt = y(() => g.value || !W.value ? void 0 : "calc(300px + 1.25rem + var(--safe-area-inset-right))"), Pt = y(() => R.value.findIndex((e) => e.id === U.value)), Ft = y(() => [...R.value].reverse().map((e) => ({
+			key: e.id,
+			label: e.name,
+			icon: E(bi),
+			active: e.id === U.value,
+			onClick: () => U.value = e.id
+		}))), It = y(() => [
+			{
+				label: p("views.floorplan.undo"),
+				icon: tt,
+				buttonProps: { disabled: !St.value },
+				command: Gt
+			},
+			{
+				label: p("views.floorplan.redo"),
+				icon: Qe,
+				buttonProps: { disabled: !Ct.value },
+				command: Kt
+			},
+			{
+				label: p("views.floorplan.clear_level"),
+				icon: et,
+				buttonProps: { disabled: !R.value.length },
+				command: Rn
+			},
+			{
+				label: p("views.floorplan.revert"),
+				icon: Ge,
+				buttonProps: { disabled: !Et.value },
+				command: Kn
+			}
+		]), Lt = y(() => {
+			let e = z.value.find((e) => e.roomId === Ce.value);
+			if (!e) return [];
+			let t = new Set(B.value.flatMap((e) => [e.fromRoomId, e.toRoomId].join("|"))), n = /* @__PURE__ */ new Set();
+			return z.value.filter((r) => r.levelId === e.levelId || n.has(r.roomId) || t.has([e.roomId, r.roomId].join("|")) || t.has([r.roomId, e.roomId].join("|")) ? !1 : (n.add(r.roomId), !0)).map((t) => ({
+				key: t.roomId,
+				label: t.name,
+				description: R.value.find((e) => e.id === t.levelId)?.name,
+				icon: E(Ci),
+				onClick: () => xn({
+					fromRoomId: e.roomId,
+					toRoomId: t.roomId
+				})
+			}));
+		}), Rt = y(() => {
+			let e = z.value.filter((e) => e.levelId === U.value);
+			if (!e.length) return {
+				x: 0,
+				y: 0
+			};
+			let t = Math.min(...e.map((e) => e.x)), n = Math.min(...e.map((e) => e.y)), r = Math.max(...e.map((e) => e.x + e.width)), i = Math.max(...e.map((e) => e.y + e.height));
+			return {
+				x: Math.round((t + r) / 2),
+				y: Math.round((n + i) / 2)
+			};
+		});
+		function zt(e) {
+			return e.displayName.value || e.name;
+		}
+		function Bt(e) {
+			return e.assignedCameraIds.value.map((e) => Dt.value.get(e)).filter(Boolean).join(", ");
+		}
+		function Vt() {
+			return JSON.stringify(Ht());
+		}
+		function Ht() {
+			return {
+				catalogVersion: $e.value.version,
+				north: it.value,
+				levels: R.value.map((e, t) => ({
+					id: e.id,
+					name: e.name,
+					order: t
+				})),
+				rooms: z.value.map((e) => ({
+					id: e.id,
+					roomId: e.roomId,
+					name: e.name,
+					note: e.note,
+					publicSpace: e.publicSpace,
+					levelId: e.levelId,
+					outdoor: e.outdoor,
+					x: e.x,
+					y: e.y,
+					width: e.width,
+					height: e.height
+				})),
+				connections: B.value.map((e) => ({ ...e })),
+				sensors: H.value.map((e) => ({
+					sensorId: e.id,
+					sensorType: e.sensorType,
+					roomId: e.roomId,
+					connectionId: e.connectionId,
+					note: e.note,
+					x: e.x,
+					y: e.y
+				})),
+				cameras: V.value.map((e) => ({
+					cameraId: e.id,
+					roomId: e.roomId,
+					note: e.note,
+					x: e.x,
+					y: e.y,
+					rotation: e.rotation,
+					fov: e.fov,
+					range: e.range
+				}))
+			};
+		}
+		function Ut(e) {
+			it.value = e.north, R.value = e.levels.map((e) => ({
+				id: e.id,
+				name: e.name
+			})), z.value = e.rooms.map((e) => ({ ...e }));
+			let t = new Map(z.value.map((e) => [e.roomId, e.levelId]));
+			B.value = e.connections.map((e) => Jt({ ...e })), V.value = e.cameras.map((e) => ({
+				id: e.cameraId,
+				name: Dt.value.get(e.cameraId) ?? e.cameraId,
+				levelId: t.get(e.roomId) ?? "",
+				roomId: e.roomId,
+				note: e.note ?? "",
+				x: e.x,
+				y: e.y,
+				rotation: e.rotation,
+				fov: e.fov,
+				range: e.range
+			})), H.value = e.sensors.map((e) => ({
+				id: e.sensorId,
+				name: kt.value.get(e.sensorId)?.name ?? e.sensorId,
+				owner: kt.value.get(e.sensorId)?.owner ?? "",
+				sensorType: e.sensorType,
+				levelId: t.get(e.roomId) ?? "",
+				roomId: e.roomId,
+				connectionId: e.connectionId,
+				note: e.note ?? "",
+				x: e.x,
+				y: e.y
+			})), R.value.some((e) => e.id === U.value) || (U.value = R.value[0]?.id ?? ""), W.value = null;
+		}
+		function Wt(e, t) {
+			X = e, st.value = null, $e.value = t;
+			let n = new Map(t.rooms.map((e) => [e.id, e]));
+			Ut({
+				catalogVersion: t.version,
+				north: e.north,
+				levels: [...t.levels].sort((e, t) => e.order - t.order),
+				rooms: e.rooms.flatMap((e) => {
+					let t = n.get(e.roomId);
+					return t?.levelId ? [{
+						id: e.id,
+						roomId: t.id,
+						name: t.name,
+						note: t.note ?? "",
+						levelId: t.levelId,
+						outdoor: t.outdoor,
+						publicSpace: t.publicSpace ?? !1,
+						x: e.x,
+						y: e.y,
+						width: e.width,
+						height: e.height
+					}] : [];
+				}),
+				connections: e.connections,
+				cameras: e.cameras,
+				sensors: e.sensors ?? []
+			}), ct.value = Vt(), q.value = [], J.value = [];
+		}
+		function Q(e = !1) {
+			let t = Date.now();
+			if (e && t - ht < 600) return;
+			ht = t;
+			let n = [...q.value, Vt()];
+			n.length > Zi && n.shift(), q.value = n, J.value = [];
+		}
+		function Gt() {
+			let e = [...q.value], t = e.pop();
+			t && (J.value = [...J.value, Vt()], q.value = e, ht = 0, Ut(JSON.parse(t)));
+		}
+		function Kt() {
+			let e = [...J.value], t = e.pop();
+			t && (q.value = [...q.value, Vt()], J.value = e, ht = 0, Ut(JSON.parse(t)));
+		}
+		function qt(e) {
+			return z.value.find((t) => t.id === e);
+		}
+		function Jt(e) {
+			if (e.width ||= 90, e.offset ??= null, e.note ??= "", e.fromShapeId && e.toShapeId) return e;
+			let t = z.value.filter((t) => t.roomId === e.fromRoomId), n = z.value.filter((t) => t.roomId === e.toRoomId);
+			for (let r of t) for (let t of n) if (ft(r, t)) return {
+				...e,
+				fromShapeId: r.id,
+				toShapeId: t.id
+			};
+			return {
+				...e,
+				fromShapeId: t[0]?.id ?? null,
+				toShapeId: n[0]?.id ?? null
+			};
+		}
+		function Yt(e) {
+			return z.value.filter((t) => t.roomId === e);
+		}
+		function Xt(e) {
+			let t = qt(e);
+			if (!t) return;
+			let n = Yt(t.roomId).filter((e) => e.id !== t.id);
+			if (!n.length || n.some((e) => ft(t, e))) return;
+			let r = new Set(z.value.map((e) => e.name.toLowerCase())), i = t.name;
+			for (let e = 2; r.has(i.toLowerCase()); e++) i = `${t.name} ${e}`;
+			let a = F();
+			for (let e of V.value) e.roomId === t.roomId && Tn(t, e) && (e.roomId = a);
+			Object.assign(t, {
+				roomId: a,
+				name: i
+			}), ne.add({
+				severity: "info",
+				detail: p("views.floorplan.room_detached", { name: i }),
+				life: 4e3
+			});
+		}
+		function Zt(e, t) {
+			let n = Yt(t)[0];
+			if (!n) return;
+			let r = e.roomId;
+			Object.assign(e, {
+				roomId: t,
+				name: n.name,
+				note: n.note,
+				levelId: n.levelId,
+				outdoor: n.outdoor,
+				publicSpace: n.publicSpace
+			});
+			for (let n of V.value) n.roomId === r && Tn(e, n) && (n.roomId = t);
+			Yt(r).length || (V.value = V.value.filter((e) => e.roomId !== r), B.value = B.value.filter((e) => e.fromRoomId !== r && e.toRoomId !== r));
+		}
+		function Qt(e) {
+			return V.value.find((t) => t.id === e);
+		}
+		function $t({ id: e, x: t, y: n }) {
+			let r = qt(e);
+			if (!r) return;
+			let i = t - r.x, a = n - r.y;
+			r.x = t, r.y = n;
+			for (let e of V.value) e.roomId === r.roomId && Tn(r, e) && (e.x += i, e.y += a);
+		}
+		function en({ id: e, width: t, height: n }) {
+			let r = qt(e);
+			if (r) {
+				r.width = t, r.height = n;
+				for (let e of V.value) e.roomId === r.id && (e.x = Math.min(Math.max(e.x, r.x), r.x + r.width), e.y = Math.min(Math.max(e.y, r.y), r.y + r.height));
+			}
+		}
+		function tn({ id: e, x: t, y: n }) {
+			let r = Qt(e);
+			r && (r.x = t, r.y = n);
+		}
+		function nn({ id: e, rotation: t, range: n }) {
+			let r = Qt(e);
+			r && (r.rotation = t, r.range = n);
+		}
+		function rn({ id: e, patch: t }) {
+			Q(!0);
+			let n = qt(e);
+			if (!n) return;
+			if (t.roomId && t.roomId !== n.roomId) {
+				Zt(n, t.roomId);
+				return;
+			}
+			let r = {
+				name: t.name,
+				note: t.note,
+				levelId: t.levelId,
+				outdoor: t.outdoor,
+				publicSpace: t.publicSpace
+			}, i = Object.fromEntries(Object.entries(r).filter(([, e]) => e !== void 0));
+			if (Object.assign(n, t), Object.keys(i).length) {
+				for (let e of Yt(n.roomId)) Object.assign(e, i);
+				if (t.levelId) for (let e of V.value) e.roomId === n.roomId && (e.levelId = t.levelId);
+			}
+		}
+		function an({ id: e, patch: t }) {
+			Q(!0);
+			let n = Qt(e);
+			if (n && (Object.assign(n, t), t.roomId)) {
+				let e = Yt(t.roomId), r = e.find((e) => Tn(e, n)) ?? e[0];
+				r && !Tn(r, n) && (n.x = Math.round(r.x + r.width / 2), n.y = Math.round(r.y + r.height / 2), n.levelId = r.levelId);
+			}
+		}
+		function on({ id: e, x: t, y: n }) {
+			let r = H.value.find((t) => t.id === e);
+			r && Object.assign(r, {
+				x: t,
+				y: n
+			});
+		}
+		function sn({ id: e, patch: t }) {
+			Q(!0);
+			let n = H.value.find((t) => t.id === e);
+			n && Object.assign(n, t);
+		}
+		let $ = y(() => H.value.find((e) => e.id === Ue.value));
+		function cn(e) {
+			return me.value.find((t) => t.id === e);
+		}
+		function ln(e) {
+			return Z && !Oe.has(e);
+		}
+		async function un(e) {
+			Z && await ue(cn(e));
+		}
+		async function dn(e, t) {
+			Z && await P(cn(e), t);
+		}
+		function fn() {
+			clearTimeout(_t);
+		}
+		function pn() {
+			clearTimeout(_t), _t = setTimeout(() => {
+				Ue.value = null, Ve.value?.hide();
+			}, 220);
+		}
+		function mn(e) {
+			if (!e) return pn();
+			fn(), Ue.value = e.sensorId, ze.value = {
+				x: e.x,
+				y: e.y
+			}, s(() => {
+				Re.value && Ve.value?.show({ currentTarget: Re.value });
+			});
+		}
+		function hn(e) {
+			clearTimeout(Y), e ? (Ie.value = {
+				x: e.x,
+				y: e.y
+			}, Xe.value = e.cameraId, Y = setTimeout(() => {
+				Pe.value && Le.value?.show({ currentTarget: Pe.value });
+			}, 350)) : _n();
+		}
+		function gn() {
+			clearTimeout(Y);
+		}
+		function _n() {
+			Y = setTimeout(() => {
+				Le.value?.hide(), Xe.value = null;
+			}, 200);
+		}
+		function vn({ roomId: e, event: t }) {
+			Ce.value = e, Ne.value = {
+				x: t.clientX,
+				y: t.clientY
+			}, s(() => xe.value?.toggleMenu(t, Me.value));
+		}
+		function yn({ id: e, patch: t }) {
+			Q(!0);
+			let n = B.value.find((t) => t.id === e);
+			n && Object.assign(n, t);
+		}
+		function xn({ fromRoomId: e, toRoomId: t, fromShapeId: n, toShapeId: r }) {
+			Q();
+			let i = z.value.find((e) => e.id === n) ?? Yt(e)[0], a = z.value.find((e) => e.id === r) ?? Yt(t)[0], o = i && a ? ft(i, a) : null, s = {
+				id: F(),
+				fromRoomId: e,
+				toRoomId: t,
+				fromShapeId: i?.id ?? null,
+				toShapeId: a?.id ?? null,
+				offset: o ? Sn(o, i?.id, a?.id) : null,
+				width: 90,
+				note: "",
+				type: i && a && i.levelId !== a.levelId ? "stairs" : "door"
+			};
+			B.value.push(s), W.value = {
+				kind: "connection",
+				id: s.id
+			};
+		}
+		function Sn(e, t, n) {
+			let r = B.value.filter((e) => e.fromShapeId === t && e.toShapeId === n).map((t) => pt(e, t.offset, t.width)).map((t) => {
+				let n = (t.x1 - e.x) * e.stepX + (t.y1 - e.y) * e.stepY, r = (t.x2 - e.x) * e.stepX + (t.y2 - e.y) * e.stepY;
+				return {
+					start: Math.min(n, r),
+					end: Math.max(n, r)
+				};
+			}).sort((e, t) => e.start - t.start), i = Math.min(90, e.length) / 2, a = 0;
+			for (let e of r) {
+				if (e.start - a >= i * 2) break;
+				a = Math.max(a, e.end);
+			}
+			return Math.round(Math.min(Math.max(a + i, i), e.length - i));
+		}
+		function Cn({ id: e, offset: t }) {
+			Q(!0);
+			let n = B.value.find((t) => t.id === e);
+			n && (n.offset = t);
+		}
+		function wn({ id: e, offset: t, width: n }) {
+			Q(!0);
+			let r = B.value.find((t) => t.id === e);
+			r && Object.assign(r, {
+				offset: t,
+				width: n
+			});
+		}
+		function Tn(e, t) {
+			return t.x >= e.x && t.x <= e.x + e.width && t.y >= e.y && t.y <= e.y + e.height;
+		}
+		function En(e) {
+			if (Q(), e.kind === "room") {
+				let t = qt(e.id);
+				if (!t) return;
+				z.value = z.value.filter((t) => t.id !== e.id), V.value = V.value.filter((e) => e.roomId !== t.roomId || !Tn(t, e)), Yt(t.roomId).length || (V.value = V.value.filter((e) => e.roomId !== t.roomId), B.value = B.value.filter((e) => e.fromRoomId !== t.roomId && e.toRoomId !== t.roomId));
+			} else e.kind === "connection" ? B.value = B.value.filter((t) => t.id !== e.id) : e.kind === "sensor" ? H.value = H.value.filter((t) => t.id !== e.id) : V.value = V.value.filter((t) => t.id !== e.id);
+			W.value = null;
+		}
+		function Dn(e, t, n) {
+			Q();
+			let r = On(Math.round(e - 120), Math.round(t - 100), 240, 200), i = n ? $e.value.rooms.find((e) => e.id === n) : void 0, a = {
+				id: F(),
+				roomId: i?.id ?? F(),
+				name: i?.name ?? p("views.floorplan.new_room"),
+				note: i?.note ?? "",
+				publicSpace: i?.publicSpace ?? !1,
+				levelId: U.value,
+				outdoor: i?.outdoor ?? !1,
+				x: r.x,
+				y: r.y,
+				width: 240,
+				height: 200
+			};
+			z.value.push(a), W.value = {
+				kind: "room",
+				id: a.id
+			};
+		}
+		function On(e, t, n, r) {
+			let i = z.value.filter((e) => e.levelId === U.value), a = (e, t) => i.some((i) => e < i.x + i.width && e + n > i.x && t < i.y + i.height && t + r > i.y);
+			if (!a(e, t)) return {
+				x: e,
+				y: t
+			};
+			for (let i = 1; i <= 12; i++) for (let [o, s] of [
+				[1, 0],
+				[0, 1],
+				[-1, 0],
+				[0, -1],
+				[1, 1],
+				[-1, 1],
+				[1, -1],
+				[-1, -1]
+			]) {
+				let c = e + o * i * (n + 20), l = t + s * i * (r + 20);
+				if (!a(c, l)) return {
+					x: c,
+					y: l
+				};
+			}
+			return {
+				x: e,
+				y: t
+			};
+		}
+		function kn(e, t, n) {
+			let r = z.value.find((e) => e.levelId === U.value && t >= e.x && t <= e.x + e.width && n >= e.y && n <= e.y + e.height);
+			if (!r) return;
+			Q();
+			let i = {
+				id: e,
+				name: Dt.value.get(e) ?? e,
+				levelId: U.value,
+				roomId: r.roomId,
+				note: "",
+				x: Math.round(t),
+				y: Math.round(n),
+				rotation: 0,
+				fov: 90,
+				range: 800
+			};
+			V.value.push(i), W.value = {
+				kind: "camera",
+				id: i.id
+			};
+		}
+		function An(e, t, n, r) {
+			let i = z.value.find((e) => e.levelId === U.value && n >= e.x && n <= e.x + e.width && r >= e.y && r <= e.y + e.height);
+			if (!i) return;
+			Q();
+			let a = {
+				id: e,
+				name: kt.value.get(e)?.name ?? e,
+				owner: kt.value.get(e)?.owner ?? "",
+				sensorType: t,
+				levelId: U.value,
+				roomId: i.roomId,
+				connectionId: null,
+				note: "",
+				x: Math.round(n),
+				y: Math.round(r)
+			};
+			H.value.push(a), W.value = {
+				kind: "sensor",
+				id: a.id
+			};
+		}
+		function jn({ kind: e, cameraId: t, sensorId: n, sensorType: r, roomId: i, x: a, y: o }) {
+			R.value.length && (e === "room" ? Dn(a, o, i) : e === "sensor" && n && r ? An(n, r, a, o) : t && kn(t, a, o));
+		}
+		function Mn(e) {
+			jn({
+				...e,
+				x: Rt.value.x,
+				y: Rt.value.y
+			});
+		}
+		function Nn(e) {
+			G.value = !1, Mn(e);
+		}
+		function Pn() {
+			D.openComponentDialog(Oi, {
+				data: {
+					title: p("views.floorplan.add_level"),
+					confirmText: p("components.form.button.add"),
+					contentProps: {}
+				},
+				onConfirm: (e) => {
+					if (!e) return;
+					Q();
+					let t = {
+						id: F(),
+						name: e
+					};
+					R.value.push(t), U.value = t.id, W.value = null;
+				}
+			});
+		}
+		function Fn() {
+			let e = Tt.value;
+			e && D.openComponentDialog(Oi, {
+				data: {
+					title: p("views.floorplan.rename_level"),
+					confirmText: p("components.form.button.save"),
+					contentProps: { name: e.name }
+				},
+				onConfirm: (t) => {
+					t && (Q(), e.name = t);
+				}
+			});
+		}
+		function In() {
+			if (!Tt.value) return;
+			Q();
+			let e = U.value, t = new Set(z.value.filter((t) => t.levelId === e).map((e) => e.id));
+			R.value = R.value.filter((t) => t.id !== e), z.value = z.value.filter((t) => t.levelId !== e), V.value = V.value.filter((t) => t.levelId !== e), B.value = B.value.filter((e) => !t.has(e.fromRoomId) && !t.has(e.toRoomId)), U.value = R.value[0]?.id ?? "", W.value = null;
+		}
+		function Ln(e) {
+			let t = Pt.value, n = t + e;
+			if (t < 0 || n < 0 || n >= R.value.length) return;
+			Q();
+			let r = [...R.value];
+			[r[t], r[n]] = [r[n], r[t]], R.value = r;
+		}
+		function Rn() {
+			Q();
+			let e = new Set(z.value.filter((e) => e.levelId === U.value).map((e) => e.id));
+			z.value = z.value.filter((e) => e.levelId !== U.value), V.value = V.value.filter((e) => e.levelId !== U.value), B.value = B.value.filter((t) => !e.has(t.fromRoomId) && !e.has(t.toRoomId)), W.value = null;
+		}
+		async function zn() {
+			if (!st.value) {
+				await Bn(X?.version);
+				return;
+			}
+			let e = st.value === "rooms";
+			D.openTextDialog({
+				data: {
+					title: p("views.floorplan.conflict_title"),
+					contentText: p(e ? "views.floorplan.conflict_rooms_message" : "views.floorplan.conflict_message"),
+					confirmText: p(e ? "views.floorplan.discard" : "views.floorplan.save_anyway")
+				},
+				onConfirm: () => e ? Kn() : Bn()
+			});
+		}
+		async function Bn(e) {
+			ot.value = !0;
+			let t = !1;
+			try {
+				Wt(await Ti(Ht(), e), await nt()), await Wn(), ne.add({
+					severity: "success",
+					detail: p("views.floorplan.saved"),
+					life: 3e3
+				});
+			} catch (e) {
+				t = e?.response?.status === 409, ne.add({
+					severity: "error",
+					detail: Ee(e),
+					life: 5e3
+				});
+			} finally {
+				ot.value = !1;
+			}
+			t && await Un(!1);
+		}
+		function Vn(e, t) {
+			!st.value && t && ne.add({
+				severity: "warn",
+				detail: p("views.floorplan.changed_elsewhere"),
+				life: 5e3
+			}), st.value !== "rooms" && (st.value = e);
+		}
+		function Hn(e, t) {
+			let n = X && yt(X, e);
+			if (!n) {
+				Vn("plan", t);
+				return;
+			}
+			if (X = e, !n.rooms.size && !n.connections.size && !n.cameras.size && !n.sensors.size) return;
+			z.value = z.value.filter((e) => !n.rooms.has(e.id)), B.value = B.value.filter((e) => !n.connections.has(e.id)), V.value = V.value.filter((e) => !n.cameras.has(e.id)), H.value = H.value.filter((e) => !n.sensors.has(e.id)), W.value = null;
+			let r = (e) => JSON.stringify(bt(JSON.parse(e), n));
+			q.value = q.value.map(r), J.value = J.value.map(r), ct.value = r(ct.value);
+		}
+		async function Un(e = !0) {
+			if (at.value || ot.value) return;
+			if (!X) return Gn();
+			let t = X;
+			try {
+				let [n, r] = await Promise.all([wi(), nt()]);
+				if (ot.value || X !== t || n.version === t.version && r.version === $e.value.version) return;
+				Et.value ? r.version === $e.value.version ? Hn(n, e) : Vn("rooms", e) : (Wt(n, r), await Wn());
+			} catch {}
+		}
+		async function Wn() {
+			await Promise.all([
+				A.queryClient.refetchQueries({ queryKey: ["camerasList"] }),
+				A.queryClient.refetchQueries({ queryKey: ["cameras"] }),
+				A.queryClient.refetchQueries({
+					queryKey: ["rooms"],
+					exact: !0
+				})
+			]);
+		}
+		async function Gn() {
+			try {
+				let [e, t] = await Promise.all([wi(), nt()]);
+				Wt(e, t);
+			} catch (e) {
+				ne.add({
+					severity: "error",
+					detail: Ee(e),
+					life: 5e3
+				});
+			} finally {
+				at.value = !1;
+			}
+		}
+		async function Kn() {
+			await Gn();
+		}
+		function qn(e) {
+			if (!Z) return;
+			let t = e.target;
+			if (t?.isContentEditable || [
+				"INPUT",
+				"TEXTAREA",
+				"SELECT"
+			].includes(t?.tagName ?? "")) return;
+			let n = e.metaKey || e.ctrlKey;
+			n && e.key.toLowerCase() === "z" ? (e.preventDefault(), e.shiftKey ? Kt() : Gt()) : n && e.key.toLowerCase() === "y" ? (e.preventDefault(), Kt()) : (e.key === "Delete" || e.key === "Backspace") && W.value && (e.preventDefault(), En(W.value));
+		}
+		let Jn = de.onPlan(async (e) => {
+			at.value || ot.value || e.version === X?.version || (X && Et.value ? await Un() : (Wt(e, await nt()), await Wn()));
+		});
+		fe.onReady(() => Un());
+		function Yn(e) {
+			let t = e.clientY, n = dt.value, r = !1;
+			K.value = !0, e.currentTarget.setPointerCapture(e.pointerId);
+			let i = (e) => {
+				Math.abs(e.clientY - t) > 3 && (r = !0), dt.value = Math.min(Math.max(n + (e.clientY - t), 0), xt.value);
+			}, a = () => {
+				window.removeEventListener("pointermove", i), window.removeEventListener("pointerup", a), window.removeEventListener("pointercancel", a), K.value = !1, r ? dt.value = dt.value > xt.value * .35 ? xt.value : 0 : dt.value = n > 0 ? 0 : xt.value;
+			};
+			window.addEventListener("pointermove", i), window.addEventListener("pointerup", a), window.addEventListener("pointercancel", a);
+		}
+		return ee(Dt, (e) => {
+			for (let t of V.value) t.name = e.get(t.id) ?? t.id;
+		}), ee(kt, (e) => {
+			for (let t of H.value) t.name = e.get(t.id)?.name ?? t.id, t.owner = e.get(t.id)?.owner ?? "";
+		}), ee(lt, (e) => {
+			vt?.disconnect(), e ? (vt = new ResizeObserver(([e]) => ut.value = Math.round(e.contentRect.height)), vt.observe(e)) : ut.value = 0;
+		}), ee(() => W.value && `${W.value.kind}:${W.value.id}`, () => dt.value = 0), k(() => {
+			de.connect(), window.addEventListener("keydown", qn), Gn();
+		}), ve((e) => !Et.value || gt ? !0 : (D.openTextDialog({
+			data: {
+				title: p("views.floorplan.unsaved_title"),
+				contentText: p("views.floorplan.unsaved_message"),
+				confirmText: p("views.floorplan.discard")
+			},
+			onConfirm: async () => {
+				gt = !0, ie.push(e.fullPath);
+			}
+		}), !1)), t(() => {
+			clearTimeout(Y), clearTimeout(_t), Jn(), vt?.disconnect(), window.removeEventListener("keydown", qn);
+		}), (e, t) => {
+			let s = Je, c = je, l = we, p = bi, y = re, ee = Ye, te = Fe, E = qe, D = Ke, k = We, ne = N, ie = _i, ae = Rr, oe = bn, le = Be, ue = Ze, de = He, fe = I, A = De, pe = rt, me = Te, j = i("tooltip");
+			return r(), x("div", Fi, [
+				O(l, { position: "left" }, {
+					default: b(() => [O(c, {
+						severity: "secondary",
+						text: "",
+						class: "cui-button p-2 text-color non-draggable-region",
+						onClick: t[0] ||= (t) => e.$router.push("/menu")
+					}, {
+						icon: b(() => [O(s, { class: "w-6 h-6" })]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				C("div", Ii, [
+					O(c, {
+						severity: "secondary",
+						text: "",
+						class: "cui-button-medium shrink-0",
+						label: v(Tt)?.name ?? e.$t("views.floorplan.no_levels"),
+						disabled: !v(R).length,
+						onClick: t[1] ||= (e) => v(ge)?.toggleMenu(e)
+					}, {
+						icon: b(() => [O(p)]),
+						_: 1
+					}, 8, ["label", "disabled"]),
+					t[13] ||= C("div", { class: "flex-1" }, null, -1),
+					v(Z) ? (r(), x(S, { key: 0 }, [
+						w((r(), m(c, {
+							severity: "secondary",
+							text: "",
+							rounded: "",
+							class: "cui-icon-md shrink-0",
+							disabled: v(Pt) < 1,
+							onClick: t[2] ||= (e) => Ln(-1)
+						}, {
+							icon: b(() => [O(y, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["disabled"])), [[
+							j,
+							{ value: e.$t("views.floorplan.level_down") },
+							void 0,
+							{ bottom: !0 }
+						]]),
+						w((r(), m(c, {
+							severity: "secondary",
+							text: "",
+							rounded: "",
+							class: "cui-icon-md shrink-0",
+							disabled: v(Pt) < 0 || v(Pt) >= v(R).length - 1,
+							onClick: t[3] ||= (e) => Ln(1)
+						}, {
+							icon: b(() => [O(ee, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["disabled"])), [[
+							j,
+							{ value: e.$t("views.floorplan.level_up") },
+							void 0,
+							{ bottom: !0 }
+						]]),
+						O(te, {
+							layout: "vertical",
+							class: "floorplan-divider"
+						}),
+						w((r(), m(c, {
+							severity: "secondary",
+							text: "",
+							rounded: "",
+							class: "cui-icon-md shrink-0",
+							disabled: !v(R).length,
+							onClick: In
+						}, {
+							icon: b(() => [O(E, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["disabled"])), [[
+							j,
+							{ value: e.$t("views.floorplan.remove_level") },
+							void 0,
+							{ bottom: !0 }
+						]]),
+						w((r(), m(c, {
+							severity: "secondary",
+							text: "",
+							rounded: "",
+							class: "cui-icon-md shrink-0",
+							disabled: !v(R).length,
+							onClick: Fn
+						}, {
+							icon: b(() => [O(D, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["disabled"])), [[
+							j,
+							{ value: e.$t("views.floorplan.rename_level") },
+							void 0,
+							{ bottom: !0 }
+						]]),
+						w((r(), m(c, {
+							severity: "secondary",
+							text: "",
+							rounded: "",
+							class: "cui-icon-md shrink-0",
+							onClick: Pn
+						}, {
+							icon: b(() => [O(k, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						})), [[
+							j,
+							{ value: e.$t("views.floorplan.add_level") },
+							void 0,
+							{ bottom: !0 }
+						]])
+					], 64)) : h("", !0)
+				]),
+				v(at) ? (r(), x("div", Li, [O(ne, {
+					class: "w-[30px] h-[30px] m-0",
+					"stroke-width": "5"
+				})])) : (r(), x("div", Ri, [
+					v(Z) && !v(g) ? (r(), m(ie, {
+						key: 0,
+						cameras: v(Mt),
+						sensors: v(At),
+						rooms: v(jt),
+						disabled: !v(R).length,
+						class: "w-[240px] shrink-0",
+						onPick: Mn
+					}, null, 8, [
+						"cameras",
+						"sensors",
+						"rooms",
+						"disabled"
+					])) : h("", !0),
+					O(ae, {
+						mobile: v(g),
+						levels: v(R),
+						rooms: v(z),
+						connections: v(B),
+						cameras: v(V),
+						sensors: v(H),
+						"level-id": v(U),
+						selection: v(W),
+						"read-only": !v(Z),
+						north: v(it),
+						class: a(["flex-1 min-w-0", { "mb-[var(--cui-bottom-gap)] h-auto!": !v(g) }]),
+						onSelect: t[4] ||= (e) => W.value = e,
+						onHistory: t[5] ||= (e) => Q(),
+						onCreateConnection: xn,
+						onDrop: jn,
+						onUpdateNorth: t[6] ||= (e) => it.value = e,
+						onRequestStairs: vn,
+						onHoverCamera: hn,
+						onMoveRoom: $t,
+						onResizeRoom: en,
+						onSettleRoom: Xt,
+						onMoveCamera: tn,
+						onMoveSensor: on,
+						onHoverSensor: mn,
+						onRotateCamera: nn,
+						onMoveConnection: Cn,
+						onResizeConnection: wn
+					}, null, 8, [
+						"mobile",
+						"levels",
+						"rooms",
+						"connections",
+						"cameras",
+						"sensors",
+						"level-id",
+						"selection",
+						"read-only",
+						"north",
+						"class"
+					]),
+					v(g) ? h("", !0) : (r(), x("div", {
+						key: 1,
+						class: "shrink-0 overflow-hidden transition-[width] duration-200 ease-in-out",
+						style: f({ width: v(W) ? "300px" : "0px" })
+					}, [v(W) ? (r(), m(oe, {
+						key: 0,
+						rooms: v(z),
+						connections: v(B),
+						cameras: v(V),
+						sensors: v(H),
+						levels: v(R),
+						selection: v(W),
+						"read-only": !v(Z),
+						class: "w-[300px]",
+						onClose: t[7] ||= (e) => W.value = null,
+						onUpdateRoom: rn,
+						onUpdateCamera: an,
+						onUpdateSensor: sn,
+						onUpdateConnection: yn,
+						onRemove: En
+					}, null, 8, [
+						"rooms",
+						"connections",
+						"cameras",
+						"sensors",
+						"levels",
+						"selection",
+						"read-only"
+					])) : h("", !0)], 4))
+				])),
+				v(g) && v(W) ? (r(), x("div", {
+					key: 2,
+					ref_key: "sheetRef",
+					ref: lt,
+					class: "fixed inset-x-0 z-[16] rounded-t-xl overflow-hidden shadow-lg border-top-color card-background",
+					style: f({
+						bottom: `calc(${v(T)}px + var(--safe-area-inset-bottom))`,
+						transform: `translateY(${v(dt)}px)`,
+						transition: v(K) ? "none" : "transform 0.2s ease-in-out"
+					})
+				}, [C("div", {
+					class: "flex justify-center py-2 cursor-grab active:cursor-grabbing sheet-grip",
+					onPointerdown: Yn
+				}, [...t[14] ||= [C("div", { class: "w-10 h-1 rounded-full sheet-grip-bar" }, null, -1)]], 32), O(oe, {
+					rooms: v(z),
+					connections: v(B),
+					cameras: v(V),
+					sensors: v(H),
+					levels: v(R),
+					selection: v(W),
+					"read-only": !v(Z),
+					fluid: "",
+					class: "max-h-[55vh]",
+					onClose: t[8] ||= (e) => W.value = null,
+					onUpdateRoom: rn,
+					onUpdateCamera: an,
+					onUpdateSensor: sn,
+					onUpdateConnection: yn,
+					onRemove: En
+				}, null, 8, [
+					"rooms",
+					"connections",
+					"cameras",
+					"sensors",
+					"levels",
+					"selection",
+					"read-only"
+				])], 4)) : h("", !0),
+				v(Z) && !v(at) ? (r(), m(le, {
+					key: 3,
+					model: v(It),
+					direction: "up",
+					"transition-delay": 80,
+					"tooltip-options": {
+						position: "left",
+						event: void 0
+					},
+					style: f({
+						position: "fixed",
+						zIndex: 15,
+						bottom: `calc(${v(T)}px + ${v(Et) ? "4.25rem" : "1.25rem"} + var(--safe-area-inset-bottom))`,
+						right: v(Nt) || "calc(1.25rem + var(--safe-area-inset-right))",
+						transition: "right 0.2s ease-in-out, bottom 0.2s ease-in-out"
+					}),
+					pt: { root: { style: "pointer-events: none" } }
+				}, {
+					button: b(({ visible: e, toggleCallback: t }) => [O(c, {
+						rounded: "",
+						severity: "secondary",
+						class: "pointer-events-auto",
+						onClick: t
+					}, {
+						icon: b(() => [C("div", zi, [
+							C("div", {
+								class: a(["absolute top-0.5 left-1/2 -translate-x-1/2 w-1.5 h-1.5 rounded-full transform transition-all duration-100 origin-center", { "w-4 h-[2px] rotate-45 top-1/2 -translate-y-1/2 rounded-none": e }]),
+								style: { backgroundColor: "var(--text-color)" }
+							}, null, 2),
+							C("div", {
+								class: a(["absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-1.5 h-1.5 rounded-full transition-all duration-100", { "opacity-0 scale-0": e }]),
+								style: { backgroundColor: "var(--text-color)" }
+							}, null, 2),
+							C("div", {
+								class: a(["absolute bottom-0.5 left-1/2 -translate-x-1/2 w-1.5 h-1.5 rounded-full transform transition-all duration-100 origin-center", { "w-4 h-[2px] -rotate-45 bottom-1/2 translate-y-1/2 rounded-none": e }]),
+								style: { backgroundColor: "var(--text-color)" }
+							}, null, 2)
+						])]),
+						_: 2
+					}, 1032, ["onClick"])]),
+					item: b(({ item: e, toggleCallback: t }) => [w((r(), m(c, o({ severity: "secondary" }, e.buttonProps, {
+						rounded: "",
+						class: "pointer-events-auto",
+						onClick: t
+					}), {
+						icon: b(() => [(r(), m(d(e.icon)))]),
+						_: 2
+					}, 1040, ["onClick"])), [[j, { value: e.label }]])]),
+					_: 1
+				}, 8, ["model", "style"])) : h("", !0),
+				v(Z) && v(Et) ? w((r(), m(c, {
+					key: 4,
+					rounded: "",
+					severity: "success",
+					class: "text-white",
+					loading: v(ot),
+					style: f({
+						position: "fixed",
+						zIndex: 15,
+						bottom: `calc(${v(T)}px + ${Math.max(v(ut) - v(dt), 0)}px + 1.25rem + var(--safe-area-inset-bottom))`,
+						right: v(Nt) || "calc(1.25rem + var(--safe-area-inset-right))",
+						transition: v(K) ? "right 0.2s ease-in-out" : "right 0.2s ease-in-out, bottom 0.2s ease-in-out"
+					}),
+					onClick: zn
+				}, {
+					icon: b(() => [O(ue, { class: "w-5 h-5" })]),
+					_: 1
+				}, 8, ["loading", "style"])), [[j, { value: e.$t("views.floorplan.save") }]]) : h("", !0),
+				v(Z) && v(g) && !v(at) ? w((r(), m(c, {
+					key: 5,
+					rounded: "",
+					class: "pointer-events-auto text-white",
+					style: f({
+						position: "fixed",
+						zIndex: 15,
+						bottom: `calc(${v(T)}px + 1.25rem + var(--safe-area-inset-bottom))`,
+						right: "calc(4.75rem + var(--safe-area-inset-right))"
+					}),
+					onClick: t[9] ||= (e) => G.value = !0
+				}, {
+					icon: b(() => [O(k, { class: "w-5 h-5" })]),
+					_: 1
+				}, 8, ["style"])), [[j, { value: e.$t("views.floorplan.palette") }]]) : h("", !0),
+				O(de, {
+					modelValue: v(G),
+					"onUpdate:modelValue": t[10] ||= (e) => _(G) ? G.value = e : null,
+					title: e.$t("views.floorplan.palette"),
+					"max-height": "70vh"
+				}, {
+					default: b(() => [O(ie, {
+						cameras: v(Mt),
+						sensors: v(At),
+						rooms: v(jt),
+						disabled: !v(R).length,
+						mode: "click",
+						onPick: Nn
+					}, null, 8, [
+						"cameras",
+						"sensors",
+						"rooms",
+						"disabled"
+					])]),
+					_: 1
+				}, 8, ["modelValue", "title"]),
+				C("div", {
+					ref_key: "menuAnchorRef",
+					ref: Me,
+					class: "fixed w-0 h-0",
+					style: f({
+						left: `${v(Ne).x}px`,
+						top: `${v(Ne).y}px`
+					})
+				}, null, 4),
+				C("div", {
+					ref_key: "previewAnchorRef",
+					ref: Pe,
+					class: "fixed w-0 h-0",
+					style: f({
+						left: `${v(Ie).x}px`,
+						top: `${v(Ie).y}px`
+					})
+				}, null, 4),
+				C("div", {
+					ref_key: "sensorAnchorRef",
+					ref: Re,
+					class: "fixed w-0 h-0",
+					style: f({
+						left: `${v(ze).x}px`,
+						top: `${v(ze).y}px`
+					})
+				}, null, 4),
+				O(fe, {
+					ref_key: "sensorPopoverRef",
+					ref: Ve,
+					class: "shadow-lg cui-rounded-corner",
+					pt: { content: { class: "p-3" } }
+				}, {
+					default: b(() => [v($) ? (r(), x("div", {
+						key: 0,
+						class: "w-[220px] flex flex-col gap-3",
+						onPointerenter: fn,
+						onPointerleave: pn
+					}, [
+						C("div", Bi, [C("div", Vi, [(r(), m(d(v(ce)(v($).sensorType, cn(v($).id))), { class: "w-4 h-4" }))]), C("div", Hi, [
+							C("div", Ui, u(v($).name), 1),
+							v($).owner ? (r(), x("div", Wi, u(v($).owner), 1)) : h("", !0),
+							C("div", Gi, u(v(se)(v($).sensorType, cn(v($).id))), 1)
+						])]),
+						v($).note ? (r(), x("div", Ki, u(v($).note), 1)) : h("", !0),
+						v(Z) && v($).sensorType === "securitySystem" ? (r(), x("div", qi, [(r(), x(S, null, n(mt, (t) => O(c, {
+							key: t.value,
+							severity: "secondary",
+							outlined: v(he)(cn(v($).id)) !== t.value,
+							size: "small",
+							class: "cui-button-medium",
+							label: e.$t(t.labelKey),
+							onClick: (e) => dn(v($).id, t.value)
+						}, null, 8, [
+							"outlined",
+							"label",
+							"onClick"
+						])), 64))])) : ln(v($).sensorType) ? (r(), m(c, {
+							key: 2,
+							severity: "secondary",
+							size: "small",
+							class: "cui-button-medium",
+							label: e.$t("views.floorplan.sensor_toggle"),
+							onClick: t[11] ||= (e) => un(v($).id)
+						}, null, 8, ["label"])) : h("", !0)
+					], 32)) : h("", !0)]),
+					_: 1
+				}, 512),
+				O(fe, {
+					ref_key: "previewRef",
+					ref: Le,
+					class: "shadow-lg cui-rounded-corner overflow-hidden",
+					pt: { content: { class: "p-0" } }
+				}, {
+					default: b(() => [C("div", {
+						class: "w-[280px] flex flex-col",
+						onPointerenter: gn,
+						onPointerleave: _n
+					}, [C("div", Ji, [v(wt) ? (r(), m(A, {
+						key: 0,
+						"camera-info": v(wt),
+						"source-role": "low-resolution",
+						"activity-mode": "always-on",
+						"streaming-mode": "auto",
+						toolbar: !1,
+						control: !1,
+						subcontrol: !1,
+						"isolated-stream": !0,
+						"live-indicator-overlay": "",
+						class: "w-full",
+						"flat-card": ""
+					}, null, 8, ["camera-info"])) : h("", !0)]), v(wt) ? (r(), x("div", Yi, [C("span", Xi, u(v(wt).name), 1), w((r(), m(c, {
+						severity: "secondary",
+						text: "",
+						class: "cui-button p-1.5",
+						onClick: t[12] ||= (t) => e.$router.push(`/cameras/${v(wt).name}`)
+					}, {
+						icon: b(() => [O(pe, { class: "w-4 h-4" })]),
+						_: 1
+					})), [[
+						j,
+						{ value: e.$t("views.floorplan.open_camera") },
+						void 0,
+						{ top: !0 }
+					]])])) : h("", !0)], 32)]),
+					_: 1
+				}, 512),
+				O(me, {
+					ref_key: "stairsMenuRef",
+					ref: xe,
+					items: v(Lt),
+					"max-height": "320px",
+					popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
+				}, null, 8, ["items"]),
+				O(me, {
+					ref_key: "levelMenuRef",
+					ref: ge,
+					items: v(Ft),
+					popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
+				}, null, 8, ["items"])
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-0ff21f3d"]]);
+//#endregion
+export { $i as default };