@camera.ui/server 2.4.0 → 2.4.2

package/dist/interface/ha/Automation-Bt8_5TEo.js

@@ -0,0 +1,2009 @@
+import { r as e } from "./rolldown-runtime-BItFwnF5.js";
+import { m as t } from "./ripple-CGl9oC16.js";
+import { A as n, B as r, Dt as i, G as a, H as o, J as s, K as c, Kt as l, M as u, St as d, Tt as f, Xt as p, Y as m, Yt as h, d as g, f as _, g as v, gt as y, jt as b, kt as x, l as S, lt as C, ot as w, p as T, r as E, rt as D, u as O, ut as k, v as A, vt as j, x as M, y as N, z as ee } from "./runtime-core.esm-bundler-CrWKbcD2.js";
+import { t as te } from "./message-CZC3zWwJ.js";
+import { t as ne } from "./history-CNLtdHVN.js";
+import { $i as re, Cn as ie, Jr as ae, Qn as P, Yi as oe, Zn as se, _i as ce, bi as le, ci as ue, ei as de, ii as F, ir as fe, li as pe, mt as me, ni as he, nr as ge, y as _e, yi as ve } from "./api-DUn3L5D7.js";
+import { s as I } from "./vee-validate-DWIY1QrX.js";
+import { A as L, j as R, n as ye, r as be } from "./pinia-BBBIELZl.js";
+import { n as z } from "./vue-i18n-DzDRu5NH.js";
+import { y as B } from "./dist-DTq7_9I6.js";
+import { t as xe } from "./CuiButton-CGAd8xvo.js";
+import { t as Se } from "./inputtext-DfgvQQt_.js";
+import { t as V } from "./close-BYhywzVJ.js";
+import { i as H, n as Ce, r as we, t as Te } from "./accordion-w3Av_-S6.js";
+import { t as Ee } from "./inputnumber-DRHTgmOE.js";
+import { t as De } from "./speeddial-Cxa_1lY2.js";
+import { a as U, i as W, l as Oe, r as G } from "./types-4TNJU75d.js";
+import { a as K, i as ke } from "./automationBlueprint-DLWpQex2.js";
+import { t as Ae } from "./CuiBottomSheet-C06koVFt.js";
+import { t as je } from "./back-filled-DHF_824p.js";
+import { a as Me, c as Ne, d as Pe, f as Fe, i as Ie, l as Le, n as Re, o as q, p as ze, r as J, s as Y, t as Be, u as Ve } from "./vue-flow-background-BR0FqOny.js";
+import { t as He } from "./plus-CVdkLDRi.js";
+import { t as Ue } from "./exclamation-thick-TCzPZwNy.js";
+import { t as We } from "./settings-BN8SfzNL.js";
+//#region src/stores/automations.ts
+var X = ye("automations", () => {
+	let e = d(null), t = d(null), n = d(null), r = d(!1), i = d(null), a = d([]);
+	function o(e) {
+		if (!n.value) return;
+		let t = n.value.edges, r = n.value.nodes, i = t.filter((t) => t.target === e).map((e) => e.source);
+		return r.find((e) => i.includes(e.id));
+	}
+	return {
+		activeFlowId: e,
+		selectedNodeId: t,
+		draft: n,
+		draftDirty: r,
+		lastOutput: i,
+		validationIssues: a,
+		getDraftSourceNode: o
+	};
+});
+//#endregion
+//#region src/components/CuiAutomation/config/flowSchema.ts
+function Ge(e, t) {
+	if (!e) return [];
+	let n = [];
+	return Ye(e, t, n, /* @__PURE__ */ new Set(), /* @__PURE__ */ new Set()), n;
+}
+function Ke(e, t, n) {
+	let r = (n ?? "").trim();
+	if (r) return Ge(e, t).find((e) => e.template === r);
+}
+function qe(e) {
+	let t = X(), { t: n } = z(), r = S(() => Ge(t.draft, x(e)));
+	return {
+		variables: r,
+		options: S(() => r.value.map((e) => ({
+			label: e.labelKey ? n(`components.automation_nodes.${e.labelKey}`) : e.label ?? e.template,
+			value: e.template
+		})))
+	};
+}
+function Je(e, t) {
+	return e?.values ? e.values.map((e) => ({
+		label: e.labelKey ? `${t(`components.automation_nodes.${e.labelKey}`)} (${e.value})` : e.value,
+		value: e.value
+	})) : [];
+}
+function Ye(e, t, n, r, i) {
+	if (i.has(t)) return;
+	i.add(t);
+	let a = e.edges, o = e.nodes;
+	for (let s of a) {
+		if (s.target !== t) continue;
+		let a = o.find((e) => e.id === s.source);
+		if (!a?.type) continue;
+		let c = Xe(a), l = typeof a.data?.alias == "string" ? a.data.alias : void 0;
+		for (let e of c) {
+			if (l) {
+				let t = {
+					...e,
+					template: e.template.replace("{{", `{{${l}.`),
+					label: `${l}: ${e.label ?? ""}`.trim()
+				};
+				r.has(t.template) || (r.add(t.template), n.push(t));
+			}
+			r.has(e.template) || (r.add(e.template), n.push(e));
+		}
+		Ye(e, s.source, n, r, i);
+	}
+}
+function Xe(e) {
+	let t = e.data ?? {}, n = [], r = (t, r, i, a, o) => {
+		n.push({
+			template: t,
+			valueType: r,
+			labelKey: i,
+			sourceNodeId: e.id,
+			sourceType: e.type ?? "",
+			...a && a.length > 0 ? { values: a } : {},
+			...o ? { label: o } : {}
+		});
+	};
+	switch (e.type) {
+		case "trigger-detection": {
+			let e = (t.detectionLabels ?? []).map((e) => ({ value: e }));
+			r("{{event.type}}", "enum", "variable_event_type", e), r("{{event.types}}", "string", "variable_event_types"), r("{{event.label}}", "string", "variable_event_label", e), r("{{event.confidence}}", "number", "variable_event_confidence"), r("{{event.state}}", "enum", "variable_event_state", [{
+				value: "active",
+				labelKey: "variable_value_active"
+			}, {
+				value: "ended",
+				labelKey: "variable_value_ended"
+			}]), r("{{event.cameraId}}", "string", "variable_event_camera"), r("{{event.faces}}", "string", "variable_event_faces", (t.faceFilter ?? []).map((e) => ({ value: e }))), r("{{event.plates}}", "string", "variable_event_plates", (t.licensePlateFilter ?? []).map((e) => ({ value: e }))), r("{{event.id}}", "string", "variable_event_id");
+			break;
+		}
+		case "trigger-sensor": {
+			let i = String(t.sensorType ?? ""), a = (t.properties ?? []).length > 0 ? t.properties : L(i), o = a.map((e) => R(i, e)).filter((e) => !!e);
+			r("{{sensor.value}}", Ze(o), "variable_sensor_value", Qe(i, o)), r("{{sensor.previousValue}}", Ze(o), "variable_sensor_previous_value");
+			for (let t of a) {
+				let r = R(i, t);
+				for (let i of r?.keys ?? []) n.push({
+					template: `{{sensor.value.${i}}}`,
+					valueType: "number",
+					label: `${t}.${i}`,
+					sourceNodeId: e.id,
+					sourceType: e.type
+				});
+			}
+			r("{{sensor.property}}", "enum", "variable_sensor_property", a.map((e) => ({
+				value: e,
+				labelKey: `sensor_property_${e}`
+			}))), r("{{sensor.sensorType}}", "string", "variable_sensor_type"), r("{{sensor.sensorId}}", "string", "variable_sensor_id"), r("{{sensor.assignedCameraIds}}", "string", "variable_sensor_cameras");
+			break;
+		}
+		case "trigger-webhook":
+			r("{{webhook.body}}", "string", "variable_webhook_body"), r("{{webhook.data}}", "string", "variable_webhook_data"), r("{{webhook.method}}", "enum", "variable_webhook_method", [
+				"GET",
+				"POST",
+				"PUT",
+				"PATCH",
+				"DELETE"
+			].map((e) => ({ value: e }))), r("{{webhook.headers}}", "object", "variable_webhook_headers");
+			break;
+		case "trigger-mqtt":
+			r("{{mqtt.topic}}", "string", "variable_mqtt_topic", typeof t.topic == "string" && t.topic ? [{ value: t.topic }] : void 0), r("{{mqtt.payload}}", "string", "variable_mqtt_payload");
+			break;
+		case "trigger-geofence": {
+			let e = t.event ?? "both";
+			r("{{geo.event}}", "enum", "variable_geo_event", (e === "both" ? ["enter", "leave"] : [e]).map((e) => ({
+				value: e,
+				labelKey: `variable_value_${e}`
+			}))), r("{{geo.user}}", "enum", "variable_geo_user", (t.users ?? []).map((e) => ({ value: e }))), r("{{geo.zone}}", "string", "variable_geo_zone", typeof t.zoneName == "string" && t.zoneName ? [{ value: t.zoneName }] : void 0), r("{{geo.lat}}", "number", "variable_geo_lat"), r("{{geo.lon}}", "number", "variable_geo_lon"), r("{{geo.distance}}", "number", "variable_geo_distance");
+			break;
+		}
+		case "trigger-system":
+			r("{{system.eventType}}", "enum", "variable_system_event_type", typeof t.eventType == "string" && t.eventType ? [{ value: t.eventType }] : void 0), r("{{system.cameraId}}", "string", "variable_system_camera_id"), r("{{system.cameraName}}", "string", "variable_system_camera_name"), r("{{system.pluginName}}", "string", "variable_system_plugin_name"), r("{{system.pluginId}}", "string", "variable_system_plugin_id"), r("{{system.status}}", "string", "variable_system_status"), r("{{system.property}}", "string", "variable_system_property"), r("{{system.sensorId}}", "string", "variable_system_sensor_id"), r("{{system.sensorType}}", "string", "variable_system_sensor_type"), r("{{system.sensorName}}", "string", "variable_system_sensor_name");
+			break;
+		case "action-snapshot":
+			r("{{snapshot}}", "string", "variable_snapshot"), r("{{snapshot.base64}}", "string", "variable_snapshot_data_uri");
+			break;
+		case "action-assistant":
+			r("{{assistant.answer}}", "string", "variable_assistant_answer"), r("{{assistant.replied}}", "boolean", "variable_assistant_replied");
+			break;
+		case "action-http":
+			r("{{http.status}}", "number", "variable_http_status"), r("{{http.body}}", "string", "variable_http_body"), r("{{http.base64}}", "string", "variable_http_base64"), r("{{http.json}}", "object", "variable_http_json");
+			break;
+		case "action-plugin":
+			r("{{plugin.detected}}", "boolean", "variable_plugin_detected", [{ value: "true" }, { value: "false" }]), r("{{plugin.labels}}", "string", "variable_plugin_labels"), r("{{plugin.detections}}", "object", "variable_plugin_detections"), r("{{plugin.result}}", "object", "variable_plugin_result"), r("{{plugin.durationMs}}", "number", "variable_plugin_duration");
+			break;
+		case "action-camera-control":
+			r("{{camera.id}}", "string", "variable_camera_id"), r("{{camera.name}}", "string", "variable_camera_name");
+			break;
+		case "action-image-input": {
+			let r = typeof t.variableName == "string" && t.variableName ? t.variableName : "image";
+			n.push({
+				template: `{{${r}}}`,
+				valueType: "string",
+				label: r,
+				sourceNodeId: e.id,
+				sourceType: e.type
+			}), n.push({
+				template: `{{${r}.width}}`,
+				valueType: "number",
+				label: `${r}.width`,
+				sourceNodeId: e.id,
+				sourceType: e.type
+			}), n.push({
+				template: `{{${r}.height}}`,
+				valueType: "number",
+				label: `${r}.height`,
+				sourceNodeId: e.id,
+				sourceType: e.type
+			});
+			break;
+		}
+		case "action-variable": typeof t.variableName == "string" && t.variableName && n.push({
+			template: `{{${t.variableName}}}`,
+			valueType: "string",
+			label: t.variableName,
+			sourceNodeId: e.id,
+			sourceType: e.type
+		});
+	}
+	return typeof t.repeat == "number" && t.repeat > 1 && (typeof t.repeatConcurrency == "number" && t.repeatConcurrency > 1 || (r("{{repeat.index}}", "number", "variable_repeat_index"), r("{{repeat.iteration}}", "number", "variable_repeat_iteration")), r("{{repeat.total}}", "number", "variable_repeat_total"), r("{{repeat.totalCalls}}", "number", "variable_repeat_total_calls"), r("{{repeat.elapsedMs}}", "number", "variable_repeat_elapsed_ms"), r("{{repeat.elapsedSec}}", "number", "variable_repeat_elapsed_sec")), (e.type ?? "").startsWith("action-") && (r("{{previous.success}}", "boolean", "variable_previous_success", [{ value: "true" }, { value: "false" }]), r("{{previous.result}}", "string", "variable_previous_result")), n;
+}
+function Ze(e) {
+	let t = new Set(e.map((e) => e.type));
+	return t.size === 1 ? [...t][0] : "string";
+}
+function Qe(e, t) {
+	let n = [], r = /* @__PURE__ */ new Set(), i = (e, t) => {
+		r.has(e) || (r.add(e), n.push({
+			value: e,
+			...t ? { labelKey: t } : {}
+		}));
+	};
+	for (let n of t) if (n.type === "boolean") i("true"), i("false");
+	else if (n.type === "enum" && n.values) for (let [t, r] of Object.entries(n.values)) i(String(r), `${e}_state_${t}`);
+	return n;
+}
+//#endregion
+//#region ~icons/carbon/share
+var $e = {
+	viewBox: "0 0 32 32",
+	width: "1.2em",
+	height: "1.2em"
+};
+function et(e, t) {
+	return o(), T("svg", $e, [...t[0] ||= [O("path", {
+		fill: "currentColor",
+		d: "M23 20a5 5 0 0 0-3.89 1.89l-7.31-4.57a4.46 4.46 0 0 0 0-2.64l7.31-4.57A5 5 0 1 0 18 7a4.8 4.8 0 0 0 .2 1.32l-7.31 4.57a5 5 0 1 0 0 6.22l7.31 4.57A4.8 4.8 0 0 0 18 25a5 5 0 1 0 5-5m0-16a3 3 0 1 1-3 3a3 3 0 0 1 3-3M7 19a3 3 0 1 1 3-3a3 3 0 0 1-3 3m16 9a3 3 0 1 1 3-3a3 3 0 0 1-3 3"
+	}, null, -1)]]);
+}
+var tt = j({
+	name: "carbon-share",
+	render: et
+}), nt = {
+	viewBox: "0 0 32 32",
+	width: "1.2em",
+	height: "1.2em"
+};
+function rt(e, t) {
+	return o(), T("svg", nt, [...t[0] ||= [O("path", {
+		fill: "currentColor",
+		d: "M12 12h2v12h-2zm6 0h2v12h-2z"
+	}, null, -1), O("path", {
+		fill: "currentColor",
+		d: "M4 6v2h2v20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8h2V6Zm4 22V8h16v20Zm4-26h8v2h-8z"
+	}, null, -1)]]);
+}
+var it = j({
+	name: "carbon-trash-can",
+	render: rt
+}), at = {
+	name: "ControlButton",
+	compatConfig: { MODE: 3 }
+}, ot = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, st = {
+	type: "button",
+	class: "vue-flow__controls-button"
+};
+function ct(e, t, n, r, i, a) {
+	return o(), T("button", st, [c(e.$slots, "default")]);
+}
+var Z = /* @__PURE__ */ ot(at, [["render", ct]]), lt = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 32 32"
+}, ut = [/* @__PURE__ */ O("path", { d: "M32 18.133H18.133V32h-4.266V18.133H0v-4.266h13.867V0h4.266v13.867H32z" }, null, -1)];
+function dt(e, t) {
+	return o(), T("svg", lt, ut);
+}
+var ft = { render: dt }, pt = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 32 5"
+}, mt = [/* @__PURE__ */ O("path", { d: "M0 0h32v4.2H0z" }, null, -1)];
+function ht(e, t) {
+	return o(), T("svg", pt, mt);
+}
+var gt = { render: ht }, _t = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 32 30"
+}, vt = [/* @__PURE__ */ O("path", { d: "M3.692 4.63c0-.53.4-.938.939-.938h5.215V0H4.708C2.13 0 0 2.054 0 4.63v5.216h3.692V4.631zM27.354 0h-5.2v3.692h5.17c.53 0 .984.4.984.939v5.215H32V4.631A4.624 4.624 0 0 0 27.354 0zm.954 24.83c0 .532-.4.94-.939.94h-5.215v3.768h5.215c2.577 0 4.631-2.13 4.631-4.707v-5.139h-3.692v5.139zm-23.677.94a.919.919 0 0 1-.939-.94v-5.138H0v5.139c0 2.577 2.13 4.707 4.708 4.707h5.138V25.77H4.631z" }, null, -1)];
+function yt(e, t) {
+	return o(), T("svg", _t, vt);
+}
+var bt = { render: yt }, xt = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 25 32"
+}, St = [/* @__PURE__ */ O("path", { d: "M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0 8 0 4.571 3.429 4.571 7.619v3.048H3.048A3.056 3.056 0 0 0 0 13.714v15.238A3.056 3.056 0 0 0 3.048 32h18.285a3.056 3.056 0 0 0 3.048-3.048V13.714a3.056 3.056 0 0 0-3.048-3.047zM12.19 24.533a3.056 3.056 0 0 1-3.047-3.047 3.056 3.056 0 0 1 3.047-3.048 3.056 3.056 0 0 1 3.048 3.048 3.056 3.056 0 0 1-3.048 3.047zm4.724-13.866H7.467V7.619c0-2.59 2.133-4.724 4.723-4.724 2.591 0 4.724 2.133 4.724 4.724v3.048z" }, null, -1)];
+function Ct(e, t) {
+	return o(), T("svg", xt, St);
+}
+var wt = { render: Ct }, Tt = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 25 32"
+}, Et = [/* @__PURE__ */ O("path", { d: "M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0c-4.114 1.828-1.37 2.133.305 2.438 1.676.305 4.42 2.59 4.42 5.181v3.048H3.047A3.056 3.056 0 0 0 0 13.714v15.238A3.056 3.056 0 0 0 3.048 32h18.285a3.056 3.056 0 0 0 3.048-3.048V13.714a3.056 3.056 0 0 0-3.048-3.047zM12.19 24.533a3.056 3.056 0 0 1-3.047-3.047 3.056 3.056 0 0 1 3.047-3.048 3.056 3.056 0 0 1 3.048 3.048 3.056 3.056 0 0 1-3.048 3.047z" }, null, -1)];
+function Dt(e, t) {
+	return o(), T("svg", Tt, Et);
+}
+var Ot = { render: Dt }, kt = /* @__PURE__ */ M({
+	name: "Controls",
+	compatConfig: { MODE: 3 },
+	props: {
+		showZoom: {
+			type: Boolean,
+			default: !0
+		},
+		showFitView: {
+			type: Boolean,
+			default: !0
+		},
+		showInteractive: {
+			type: Boolean,
+			default: !0
+		},
+		fitViewParams: {},
+		position: { default: () => Re.BottomLeft }
+	},
+	emits: [
+		"zoomIn",
+		"zoomOut",
+		"fitView",
+		"interactionChange"
+	],
+	setup(e, { emit: t }) {
+		let { nodesDraggable: n, nodesConnectable: r, elementsSelectable: a, setInteractive: s, zoomIn: l, zoomOut: u, fitView: d, viewport: f, minZoom: p, maxZoom: h } = Le(), v = i(() => n.value || r.value || a.value), y = i(() => f.value.zoom <= p.value), x = i(() => f.value.zoom >= h.value);
+		function S() {
+			l(), t("zoomIn");
+		}
+		function w() {
+			u(), t("zoomOut");
+		}
+		function D() {
+			d(e.fitViewParams), t("fitView");
+		}
+		function O() {
+			s(!v.value), t("interactionChange", !v.value);
+		}
+		return (e, t) => (o(), g(b(Ie), {
+			class: "vue-flow__controls",
+			position: e.position
+		}, {
+			default: C(() => [
+				c(e.$slots, "top"),
+				e.showZoom ? (o(), T(E, { key: 0 }, [c(e.$slots, "control-zoom-in", {}, () => [N(Z, {
+					class: "vue-flow__controls-zoomin",
+					disabled: x.value,
+					onClick: S
+				}, {
+					default: C(() => [c(e.$slots, "icon-zoom-in", {}, () => [(o(), g(m(b(ft))))])]),
+					_: 3
+				}, 8, ["disabled"])]), c(e.$slots, "control-zoom-out", {}, () => [N(Z, {
+					class: "vue-flow__controls-zoomout",
+					disabled: y.value,
+					onClick: w
+				}, {
+					default: C(() => [c(e.$slots, "icon-zoom-out", {}, () => [(o(), g(m(b(gt))))])]),
+					_: 3
+				}, 8, ["disabled"])])], 64)) : _("", !0),
+				e.showFitView ? c(e.$slots, "control-fit-view", { key: 1 }, () => [N(Z, {
+					class: "vue-flow__controls-fitview",
+					onClick: D
+				}, {
+					default: C(() => [c(e.$slots, "icon-fit-view", {}, () => [(o(), g(m(b(bt))))])]),
+					_: 3
+				})]) : _("", !0),
+				e.showInteractive ? c(e.$slots, "control-interactive", { key: 2 }, () => [e.showInteractive ? (o(), g(Z, {
+					key: 0,
+					class: "vue-flow__controls-interactive",
+					onClick: O
+				}, {
+					default: C(() => [v.value ? c(e.$slots, "icon-unlock", { key: 0 }, () => [(o(), g(m(b(Ot))))]) : _("", !0), v.value ? _("", !0) : c(e.$slots, "icon-lock", { key: 1 }, () => [(o(), g(m(b(wt))))])]),
+					_: 3
+				})) : _("", !0)]) : _("", !0),
+				c(e.$slots, "default")
+			]),
+			_: 3
+		}, 8, ["position"]));
+	}
+});
+//#endregion
+//#region src/components/CuiAutomation/caseHandle.ts
+function At(e) {
+	return `case-${encodeURIComponent(e)}`;
+}
+//#endregion
+//#region src/components/CuiAutomation/edges/DeletableEdge.vue?vue&type=script&setup=true&lang.ts
+var jt = ["id", "d"], Mt = 24, Nt = /* @__PURE__ */ M({
+	__name: "DeletableEdge",
+	props: {
+		id: {},
+		sourceNode: {},
+		targetNode: {},
+		source: {},
+		target: {},
+		type: {},
+		label: { type: [
+			String,
+			Object,
+			Function
+		] },
+		style: {},
+		selected: { type: Boolean },
+		sourcePosition: {},
+		targetPosition: {},
+		sourceHandleId: {},
+		targetHandleId: {},
+		animated: { type: Boolean },
+		updatable: { type: Boolean },
+		markerStart: {},
+		markerEnd: {},
+		curvature: {},
+		interactionWidth: {},
+		data: {},
+		events: {},
+		labelStyle: {},
+		labelShowBg: { type: Boolean },
+		labelBgStyle: {},
+		labelBgPadding: {},
+		labelBgBorderRadius: {},
+		sourceX: {},
+		sourceY: {},
+		targetX: {},
+		targetY: {}
+	},
+	setup(e) {
+		let n = e, { removeEdges: r } = Le(), i = S(() => Ne({
+			sourceX: n.sourceX,
+			sourceY: n.sourceY,
+			sourcePosition: n.sourcePosition,
+			targetX: n.targetX,
+			targetY: n.targetY,
+			targetPosition: n.targetPosition
+		})), a = S(() => i.value[0]), s = S(() => i.value[1]), c = S(() => i.value[2]), l = S(() => {
+			let e = document.createElementNS("http://www.w3.org/2000/svg", "path");
+			return e.setAttribute("d", a.value), e.getTotalLength();
+		}), u = S(() => {
+			let e = l.value;
+			if (e <= 0) return {
+				stroke: "var(--text-muted-color)",
+				strokeWidth: 2,
+				fill: "none"
+			};
+			let t = e / 2, n = Mt / 2;
+			return {
+				stroke: "var(--text-muted-color)",
+				strokeWidth: 2,
+				fill: "none",
+				strokeDasharray: `${Math.max(0, t - n)} ${Mt} ${Math.max(0, e - t - n)}`
+			};
+		});
+		function d() {
+			r([n.id]);
+		}
+		return (n, r) => {
+			let i = V;
+			return o(), T(E, null, [O("path", {
+				id: e.id,
+				d: b(a),
+				style: h(b(u)),
+				class: "vue-flow__edge-path"
+			}, null, 12, jt), N(b(q), null, {
+				default: C(() => [O("div", {
+					class: "automation-edge-button nodrag nopan",
+					style: h({
+						pointerEvents: "all",
+						position: "absolute",
+						transform: `translate(-50%, -50%) translate(${b(s)}px, ${b(c)}px)`
+					})
+				}, [O("button", {
+					class: "automation-edge-delete",
+					onClick: t(d, ["stop"])
+				}, [N(i, { class: "w-3 h-3" })])], 4)]),
+				_: 1
+			})], 64);
+		};
+	}
+}), Pt = {
+	"trigger-detection": ["cameraId"],
+	"trigger-sensor": ["sensorId"],
+	"trigger-schedule": ["cron"],
+	"trigger-mqtt": ["topic"],
+	"trigger-system": ["eventType"],
+	"condition-switch": ["variable"],
+	"condition-ifelse": ["leftOperand", "operator"],
+	"condition-sensorstate": ["sensorId"],
+	"condition-time": ["startTime", "endTime"],
+	"action-snapshot": ["cameraId"],
+	"action-sensor": ["sensorId"],
+	"action-notification": ["title"],
+	"action-assistant": ["user", "prompt"],
+	"action-http": ["url"],
+	"action-mqtt": ["topic"],
+	"action-variable": ["variableName"],
+	"action-plugin": ["pluginName", "method"],
+	"action-camera-control": ["cameraId"],
+	"action-image-input": ["source"]
+}, Ft = /* @__PURE__ */ new Set([
+	"http",
+	"mqtt",
+	"webhook",
+	"sensor",
+	"system",
+	"repeat",
+	"previous",
+	"plugin",
+	"camera",
+	"geo",
+	"event"
+]), It = /* @__PURE__ */ new Set([
+	"time.now",
+	"flow.startMs",
+	"snapshot",
+	"snapshot.base64",
+	"output"
+]);
+function Lt(e) {
+	if (!e) return [];
+	let t = [], n = e.nodes, r = e.edges, i = n.filter((e) => e.type?.startsWith("trigger-"));
+	i.length === 0 && t.push({ messageKey: "validation_no_trigger" });
+	let a = new Set(i.map((e) => e.id)), o = !0;
+	for (; o;) {
+		o = !1;
+		for (let e of r) a.has(e.source) && !a.has(e.target) && (a.add(e.target), o = !0);
+	}
+	for (let r of n) {
+		if (!r.type) continue;
+		let n = r.data ?? {};
+		!r.type.startsWith("trigger-") && !a.has(r.id) && t.push({
+			nodeId: r.id,
+			messageKey: "validation_unreachable"
+		});
+		for (let e of Pt[r.type] ?? []) {
+			let i = n[e];
+			if (i == null || i === "") {
+				t.push({
+					nodeId: r.id,
+					messageKey: "validation_missing_fields"
+				});
+				break;
+			}
+		}
+		r.type === "condition-switch" && (!Array.isArray(n.cases) || n.cases.length === 0) && t.push({
+			nodeId: r.id,
+			messageKey: "validation_no_cases"
+		}), r.type === "trigger-schedule" && typeof n.cron == "string" && n.cron && n.cron.trim().split(/\s+/).length !== 5 && t.push({
+			nodeId: r.id,
+			messageKey: "validation_invalid_cron"
+		}), r.type === "action-variable" && typeof n.variableName == "string" && n.variableName && !/^\w+(?:\.\w+)*$/.test(n.variableName) && t.push({
+			nodeId: r.id,
+			messageKey: "validation_invalid_variable_name"
+		}), t.push(...Rt(e, r));
+	}
+	return t;
+}
+function Rt(e, t) {
+	let n = [], r = new Set(Ge(e, t.id).map((e) => e.template.slice(2, -2))), i = new Set([...r].map((e) => e.split(".")[0])), a = zt(e), o = [];
+	Bt(t.data ?? {}, o);
+	let s = /* @__PURE__ */ new Set();
+	for (let e of o) for (let o of e.matchAll(/\{\{(\w+(?:\.\w+)*)\}\}/g)) {
+		let e = o[1];
+		if (r.has(e) || It.has(e) || a.has(e) || s.has(e)) continue;
+		let c = e.split(".")[0];
+		Ft.has(c) && i.has(c) || a.has(c) || (s.add(e), n.push({
+			nodeId: t.id,
+			messageKey: "validation_unknown_variable",
+			params: { name: e }
+		}));
+	}
+	return n;
+}
+function zt(e) {
+	let t = /* @__PURE__ */ new Set();
+	for (let n of e.nodes) {
+		let e = n.data ?? {};
+		n.type === "action-variable" && typeof e.variableName == "string" && e.variableName && t.add(e.variableName), n.type === "action-image-input" && t.add(typeof e.variableName == "string" && e.variableName ? e.variableName : "image"), typeof e.alias == "string" && e.alias && t.add(e.alias);
+	}
+	return t;
+}
+function Bt(e, t) {
+	if (typeof e == "string") e.includes("{{") && t.push(e);
+	else if (Array.isArray(e)) for (let n of e) Bt(n, t);
+	else if (e && typeof e == "object") for (let n of Object.values(e)) Bt(n, t);
+}
+function Vt(e) {
+	let t = X(), { t: n } = z();
+	return S(() => {
+		let r = t.validationIssues.filter((t) => t.nodeId === x(e));
+		if (r.length !== 0) return r.map((e) => n(`components.automation_nodes.${e.messageKey}`, e.params ?? {})).join("\n");
+	});
+}
+//#endregion
+//#region src/components/CuiAutomation/utils.ts
+var Ht = [
+	"cameraId",
+	"sensorId",
+	"sensorType"
+];
+function Ut(e, t) {
+	if (!e || !t) return null;
+	let n = {}, r = e, i = t;
+	for (let e of Ht) r[e] && e in i && !i[e] && (n[e] = r[e]);
+	return Object.keys(n).length > 0 ? n : null;
+}
+function Wt(e) {
+	return e.type === "trigger-webhook" && !e.webhookId ? {
+		...e,
+		webhookId: oe()
+	} : e.type === "trigger-geofence" && !e.geofenceId ? {
+		...e,
+		geofenceId: oe()
+	} : e;
+}
+function Gt(e, t, n) {
+	if (!e) return;
+	let r = (e) => e ? t?.(e) ?? e : void 0, i = (e, t) => e ? n?.(e) ?? t ?? e : void 0;
+	switch (e.type) {
+		case "trigger-detection": return r(e.cameraId);
+		case "trigger-sensor": return i(e.sensorId, e.sensorType);
+		case "trigger-schedule": return e.cron || void 0;
+		case "trigger-webhook": return e.webhookId ? `...${e.webhookId.slice(-8)}` : void 0;
+		case "trigger-system": return e.eventType ? `${e.category}: ${e.eventType.split(":").pop()}` : void 0;
+		case "trigger-manual": return;
+		case "trigger-geofence": return e.zoneName || void 0;
+		case "trigger-mqtt": return e.topic || void 0;
+		case "condition-ifelse": return e.leftOperand && e.operator ? `${e.leftOperand} ${e.operator} ${e.rightOperand}` : void 0;
+		case "condition-switch": return e.variable || void 0;
+		case "condition-sensorstate": return i(e.sensorId, e.sensorType);
+		case "condition-time": return e.startTime && e.endTime ? `${e.startTime} - ${e.endTime}` : void 0;
+		case "action-snapshot": return r(e.cameraId);
+		case "action-camera-control": return r(e.cameraId);
+		case "action-sensor": return i(e.sensorId, e.sensorType);
+		case "action-notification": return e.title || void 0;
+		case "action-notification-control": return `${e.mode} · ${e.scope}`;
+		case "action-assistant": return e.prompt ? e.prompt.slice(0, 40) : void 0;
+		case "action-http": return e.url ? `${e.method} ${e.url}` : void 0;
+		case "action-mqtt": return e.topic || void 0;
+		case "action-delay": return `${e.duration} ${e.unit}`;
+		case "action-variable": return e.variableName || void 0;
+		case "action-plugin": return [e.pluginName, e.method].filter(Boolean).join(": ") || void 0;
+		default: return;
+	}
+}
+//#endregion
+//#region src/components/CuiAutomation/nodes/types.ts
+var Kt = { maxInputs: Infinity }, qt = {
+	key: 0,
+	class: "absolute -top-2 -right-2 z-10 flex items-center justify-center w-5 h-5 rounded-full bg-amber-500 text-white"
+}, Jt = { class: "flex items-center gap-2 px-3 py-2.5" }, Yt = { class: "flex-1 min-w-0" }, Xt = { class: "text-xs font-semibold truncate text-color" }, Zt = {
+	key: 0,
+	class: "text-[10px] text-muted truncate mt-0.5"
+}, Qt = /*#__PURE__*/ F(/* @__PURE__ */ M({
+	__name: "BaseNode",
+	props: /*@__PURE__*/ n({
+		icon: {},
+		label: {},
+		subtitle: {},
+		color: {},
+		selected: { type: Boolean },
+		showInput: { type: Boolean },
+		showOutput: { type: Boolean },
+		maxInputs: {},
+		warning: {}
+	}, Kt),
+	setup(e) {
+		let t = {
+			backgroundColor: "var(--text-muted-color)",
+			borderColor: "var(--card-background)"
+		};
+		return (n, r) => {
+			let i = Ue, a = s("tooltip");
+			return o(), T("div", {
+				class: l(["automation-node relative card-background rounded-lg border-2 shadow-lg min-w-[180px] max-w-[220px] select-none", { "ring-2 ring-primary": e.selected }]),
+				style: h({ borderColor: e.color })
+			}, [
+				e.warning ? k((o(), T("div", qt, [N(i, { class: "w-3.5 h-3.5" })])), [[
+					a,
+					e.warning,
+					void 0,
+					{ top: !0 }
+				]]) : _("", !0),
+				O("div", Jt, [O("div", {
+					class: "flex items-center justify-center w-8 h-8 rounded-md shrink-0",
+					style: h({
+						backgroundColor: `${e.color}20`,
+						color: e.color
+					})
+				}, [(o(), g(m(e.icon), { class: "w-4.5 h-4.5" }))], 4), O("div", Yt, [O("div", Xt, p(e.label), 1), e.subtitle ? (o(), T("div", Zt, p(e.subtitle), 1)) : _("", !0)])]),
+				e.showInput ? (o(), g(b(Y), {
+					key: 1,
+					type: "target",
+					position: b(J).Top,
+					connectable: e.maxInputs,
+					class: "!w-5 !h-5 !border-2",
+					style: t
+				}, null, 8, ["position", "connectable"])) : _("", !0),
+				c(n.$slots, "handles", {}, () => [e.showOutput ? (o(), g(b(Y), {
+					key: 0,
+					type: "source",
+					position: b(J).Bottom,
+					class: "!w-5 !h-5 !border-2",
+					style: t
+				}, null, 8, ["position"])) : _("", !0)], !0)
+			], 6);
+		};
+	}
+}), [["__scopeId", "data-v-13cfb248"]]), $t = { class: "text-muted font-medium truncate" }, en = { class: "text-color font-semibold text-right" }, Q = /* @__PURE__ */ M({
+	__name: "ActionNode",
+	props: {
+		id: {},
+		type: {},
+		selected: { type: Boolean },
+		connectable: { type: [
+			Boolean,
+			Number,
+			String,
+			Function
+		] },
+		position: {},
+		dimensions: {},
+		label: {},
+		isValidTargetPos: { type: Function },
+		isValidSourcePos: { type: Function },
+		parent: {},
+		parentNodeId: {},
+		dragging: { type: Boolean },
+		resizing: { type: Boolean },
+		zIndex: {},
+		targetPosition: {},
+		sourcePosition: {},
+		dragHandle: {},
+		data: {},
+		events: {}
+	},
+	setup(e) {
+		let t = e, { t: n } = z(), r = X(), { lastOutput: i } = be(r), s = Vt(() => t.id), c = S(() => W(t.type)), u = S(() => c.value ? n(c.value.labelKey) : t.type), { cameraName: d } = K(), { sensors: f } = B(), m = S(() => {
+			let e = t.data, n = e.alias, r = Gt(t.data, d, v);
+			return e.type === "action-plugin" && e.repeat && e.repeat > 1 && (r = r ? `${r} (${e.repeat}x)` : `${e.repeat}x`), n && r ? `[${n}] ${r}` : n ? `[${n}]` : r;
+		}), h = S(() => t.type !== "action-output" || !i.value ? [] : Object.entries(i.value));
+		function v(e) {
+			let t = f.value.find((t) => t.id === e);
+			return t ? t.displayName.value || t.name : void 0;
+		}
+		return (t, n) => {
+			let r = I;
+			return o(), T("div", null, [N(Qt, {
+				icon: b(c).icon,
+				label: b(u),
+				subtitle: b(m),
+				color: b(c)?.color ?? "#3b82f6",
+				selected: e.selected,
+				warning: b(s),
+				"show-input": !0,
+				"show-output": !0
+			}, null, 8, [
+				"icon",
+				"label",
+				"subtitle",
+				"color",
+				"selected",
+				"warning"
+			]), e.type === "action-output" && b(h).length ? (o(), g(r, {
+				key: 0,
+				class: "cui-card mt-1",
+				pt: { body: { class: "p-0" } },
+				style: { "min-width": "180px" }
+			}, {
+				content: C(() => [(o(!0), T(E, null, a(b(h), (e, t) => (o(), T("div", {
+					key: t,
+					class: l(["flex justify-between gap-3 px-3 py-1.5 text-[11px]", { "border-t border-surface-100 dark:border-surface-800": t > 0 }])
+				}, [O("span", $t, p(e[0]), 1), O("span", en, p(e[1]), 1)], 2))), 128))]),
+				_: 1
+			})) : _("", !0)]);
+		};
+	}
+}), tn = /* @__PURE__ */ M({
+	__name: "ConditionNode",
+	props: {
+		id: {},
+		type: {},
+		selected: { type: Boolean },
+		connectable: { type: [
+			Boolean,
+			Number,
+			String,
+			Function
+		] },
+		position: {},
+		dimensions: {},
+		label: {},
+		isValidTargetPos: { type: Function },
+		isValidSourcePos: { type: Function },
+		parent: {},
+		parentNodeId: {},
+		dragging: { type: Boolean },
+		resizing: { type: Boolean },
+		zIndex: {},
+		targetPosition: {},
+		sourcePosition: {},
+		dragHandle: {},
+		data: {},
+		events: {}
+	},
+	setup(e) {
+		let t = e, { t: n } = z(), r = { borderColor: "var(--card-background)" }, i = Vt(() => t.id), a = S(() => W(t.type)), s = S(() => a.value ? n(a.value.labelKey) : t.type), { cameraName: c } = K(), { sensors: l } = B(), u = S(() => Gt(t.data, c, d));
+		function d(e) {
+			let t = l.value.find((t) => t.id === e);
+			return t ? t.displayName.value || t.name : void 0;
+		}
+		return (t, n) => (o(), g(Qt, {
+			icon: b(a).icon,
+			label: b(s),
+			subtitle: b(u),
+			color: b(a)?.color ?? "#f59e0b",
+			selected: e.selected,
+			warning: b(i),
+			"show-input": !0,
+			"show-output": !1,
+			"max-inputs": 1
+		}, {
+			handles: C(() => [N(b(Y), {
+				type: "source",
+				position: b(J).Bottom,
+				id: "true",
+				class: "!w-5 !h-5 !border-2",
+				style: h({
+					...r,
+					backgroundColor: "var(--text-success-color)",
+					left: "30%"
+				})
+			}, null, 8, ["position", "style"]), N(b(Y), {
+				type: "source",
+				position: b(J).Bottom,
+				id: "false",
+				class: "!w-5 !h-5 !border-2",
+				style: h({
+					...r,
+					backgroundColor: "var(--text-danger-color)",
+					left: "70%"
+				})
+			}, null, 8, ["position", "style"])]),
+			_: 1
+		}, 8, [
+			"icon",
+			"label",
+			"subtitle",
+			"color",
+			"selected",
+			"warning"
+		]));
+	}
+}), nn = { class: "absolute top-5 left-1/2 -translate-x-1/2 text-[10px] text-muted whitespace-nowrap pointer-events-none" }, rn = /* @__PURE__ */ M({
+	__name: "SwitchNode",
+	props: {
+		id: {},
+		type: {},
+		selected: { type: Boolean },
+		connectable: { type: [
+			Boolean,
+			Number,
+			String,
+			Function
+		] },
+		position: {},
+		dimensions: {},
+		label: {},
+		isValidTargetPos: { type: Function },
+		isValidSourcePos: { type: Function },
+		parent: {},
+		parentNodeId: {},
+		dragging: { type: Boolean },
+		resizing: { type: Boolean },
+		zIndex: {},
+		targetPosition: {},
+		sourcePosition: {},
+		dragHandle: {},
+		data: {},
+		events: {}
+	},
+	setup(e) {
+		let t = e, { t: n } = z(), r = {
+			backgroundColor: "#f59e0b",
+			borderColor: "var(--card-background)"
+		}, i = Vt(() => t.id), s = S(() => W(t.type)), c = S(() => s.value ? n(s.value.labelKey) : t.type), l = S(() => t.data.type === "condition-switch" && Array.isArray(t.data.cases) ? t.data.cases : []), u = S(() => t.data.type === "condition-switch" && t.data.variable ? t.data.variable : void 0);
+		return (t, n) => (o(), g(Qt, {
+			icon: b(s).icon,
+			label: b(c),
+			subtitle: b(u),
+			color: b(s)?.color ?? "#f59e0b",
+			selected: e.selected,
+			warning: b(i),
+			"show-input": !0,
+			"show-output": !1,
+			"max-inputs": 1
+		}, {
+			handles: C(() => [(o(!0), T(E, null, a(b(l), (e, t) => (o(), g(b(Y), {
+				id: b(At)(e),
+				key: b(At)(e),
+				type: "source",
+				position: b(J).Bottom,
+				class: "!w-5 !h-5 !border-2",
+				style: h({
+					...r,
+					left: `${(t + 1) / (b(l).length + 1) * 100}%`
+				})
+			}, {
+				default: C(() => [O("div", nn, p(e), 1)]),
+				_: 2
+			}, 1032, [
+				"id",
+				"position",
+				"style"
+			]))), 128))]),
+			_: 1
+		}, 8, [
+			"icon",
+			"label",
+			"subtitle",
+			"color",
+			"selected",
+			"warning"
+		]));
+	}
+}), $ = /* @__PURE__ */ M({
+	__name: "TriggerNode",
+	props: {
+		id: {},
+		type: {},
+		selected: { type: Boolean },
+		connectable: { type: [
+			Boolean,
+			Number,
+			String,
+			Function
+		] },
+		position: {},
+		dimensions: {},
+		label: {},
+		isValidTargetPos: { type: Function },
+		isValidSourcePos: { type: Function },
+		parent: {},
+		parentNodeId: {},
+		dragging: { type: Boolean },
+		resizing: { type: Boolean },
+		zIndex: {},
+		targetPosition: {},
+		sourcePosition: {},
+		dragHandle: {},
+		data: {},
+		events: {}
+	},
+	setup(e) {
+		let t = e, { t: n } = z(), { cameraName: r } = K(), { sensors: i } = B(), a = Vt(() => t.id), s = S(() => W(t.type)), c = S(() => s.value ? n(s.value.labelKey) : t.type), l = S(() => Gt(t.data, r, u));
+		function u(e) {
+			let t = i.value.find((t) => t.id === e);
+			return t ? t.displayName.value || t.name : void 0;
+		}
+		return (t, n) => (o(), g(Qt, {
+			icon: b(s).icon,
+			label: b(c),
+			subtitle: b(l),
+			color: b(s)?.color ?? "#22c55e",
+			selected: e.selected,
+			warning: b(a),
+			"show-input": !1,
+			"show-output": !0
+		}, null, 8, [
+			"icon",
+			"label",
+			"subtitle",
+			"color",
+			"selected",
+			"warning"
+		]));
+	}
+}), an = 50;
+function on() {
+	let e = f([]), t = f([]);
+	function n(e, t) {
+		return JSON.stringify({
+			nodes: e,
+			edges: t
+		});
+	}
+	function r(e) {
+		return JSON.parse(e);
+	}
+	function i(r, i) {
+		let a = [...e.value, n(r, i)];
+		a.length > an && a.shift(), e.value = a, t.value = [];
+	}
+	function a(i, a) {
+		let o = [...e.value], s = o.pop();
+		if (s) return e.value = o, t.value = [...t.value, n(i, a)], r(s);
+	}
+	function o(i, a) {
+		let o = [...t.value], s = o.pop();
+		if (s) return t.value = o, e.value = [...e.value, n(i, a)], r(s);
+	}
+	function s() {
+		e.value = [], t.value = [];
+	}
+	return {
+		push: i,
+		undo: a,
+		redo: o,
+		clear: s,
+		canUndo: S(() => e.value.length > 0),
+		canRedo: S(() => t.value.length > 0)
+	};
+}
+//#endregion
+//#region src/components/CuiAutomation/CuiAutomationCanvas.vue?vue&type=script&setup=true&lang.ts
+var sn = { class: "absolute inset-0 flex items-center justify-center pointer-events-none" }, cn = { class: "text-muted text-sm" }, ln = /* @__PURE__ */ M({
+	__name: "CuiAutomationCanvas",
+	props: {
+		flow: {},
+		mobile: { type: Boolean }
+	},
+	emits: ["node-select", "change"],
+	setup(e, { expose: n, emit: i }) {
+		let a = e, s = i, { t: c } = z(), { smBreakpoint: u } = ue(), { screenToFlowCoordinate: f, getViewport: m, dimensions: h } = Le(), g = on(), _ = {
+			"trigger-detection": j($),
+			"trigger-sensor": j($),
+			"trigger-schedule": j($),
+			"trigger-webhook": j($),
+			"trigger-system": j($),
+			"trigger-manual": j($),
+			"trigger-geofence": j($),
+			"trigger-mqtt": j($),
+			"condition-ifelse": j(tn),
+			"condition-switch": j(rn),
+			"condition-sensorstate": j(tn),
+			"condition-time": j(tn),
+			"action-snapshot": j(Q),
+			"action-sensor": j(Q),
+			"action-notification": j(Q),
+			"action-notification-control": j(Q),
+			"action-assistant": j(Q),
+			"action-http": j(Q),
+			"action-mqtt": j(Q),
+			"action-delay": j(Q),
+			"action-variable": j(Q),
+			"action-plugin": j(Q),
+			"action-camera-control": j(Q),
+			"action-image-input": j(Q),
+			"action-output": j(Q)
+		}, x = { default: j(Nt) }, S = d([...a.flow.nodes]), E = d([...a.flow.edges]);
+		function D() {
+			g.push(S.value, E.value);
+		}
+		function k() {
+			let e = g.undo(S.value, E.value);
+			e && (S.value = e.nodes, E.value = e.edges, s("node-select", null), s("change"));
+		}
+		function A() {
+			let e = g.redo(S.value, E.value);
+			e && (S.value = e.nodes, E.value = e.edges, s("node-select", null), s("change"));
+		}
+		function M(e) {
+			s("node-select", e.node.id);
+		}
+		function te() {
+			s("node-select", null);
+		}
+		function ne(e) {
+			let t = S.value.find((t) => t.id === e.source), n = S.value.find((t) => t.id === e.target);
+			return !(!t || !n || e.source === e.target || n.type?.startsWith("trigger-"));
+		}
+		function re(e) {
+			if (!ne(e)) return;
+			D();
+			let t = e.targetHandle ?? void 0, n = S.value.find((t) => t.id === e.target);
+			if (n?.type?.startsWith("condition-")) {
+				let n = E.value.find((n) => n.target === e.target && (n.targetHandle ?? void 0) === t);
+				n && (E.value = E.value.filter((e) => e.id !== n.id));
+			}
+			let r = {
+				id: `e-${e.source}-${e.sourceHandle ?? "out"}-${e.target}`,
+				source: e.source,
+				target: e.target,
+				sourceHandle: e.sourceHandle ?? void 0,
+				targetHandle: t
+			};
+			E.value.push(r);
+			let i = Ut(S.value.find((t) => t.id === e.source)?.data, n?.data);
+			i && n?.data && Object.assign(n.data, i), s("change");
+		}
+		function ie(e) {
+			e.some((e) => e.type === "remove") && (D(), s("node-select", null), s("change"));
+		}
+		function ae(e) {
+			let t = e.dataTransfer?.getData("application/automationnode");
+			if (!t) return;
+			let n = W(t);
+			if (!n) return;
+			D();
+			let r = f({
+				x: e.clientX,
+				y: e.clientY
+			}), i = {
+				id: _e(12),
+				type: t,
+				position: r,
+				data: Wt({ ...n.defaults })
+			};
+			S.value = [...S.value, i], s("change");
+		}
+		function P(e) {
+			let t = W(e);
+			if (!t) return;
+			D();
+			let { x: n, y: r, zoom: i } = m(), { width: a, height: o } = h.value, c = (-n + a / 2) / i, l = (-r + o / 2) / i, u = () => (Math.random() - .5) * 80, d = {
+				id: _e(12),
+				type: e,
+				position: {
+					x: c + u(),
+					y: l + u()
+				},
+				data: Wt({ ...t.defaults })
+			};
+			return S.value = [...S.value, d], s("change"), d;
+		}
+		function oe(e) {
+			D(), S.value = S.value.filter((t) => t.id !== e), E.value = E.value.filter((t) => t.source !== e && t.target !== e), s("change");
+		}
+		function se() {
+			D(), S.value = [], E.value = [], s("change");
+		}
+		function ce() {
+			return [...S.value];
+		}
+		function le() {
+			return [...E.value];
+		}
+		function de(e, t) {
+			let n = S.value.find((t) => t.id === e);
+			if (n && (n.data = t, n.type === "condition-switch" && Array.isArray(t.cases))) {
+				let n = new Set(t.cases.map(At));
+				E.value = E.value.filter((t) => t.source !== e || !t.sourceHandle?.startsWith("case-") || n.has(t.sourceHandle));
+			}
+		}
+		function F(e) {
+			let t = e.metaKey || e.ctrlKey;
+			t && e.key === "z" && !e.shiftKey ? (e.preventDefault(), k()) : (t && e.key === "z" && e.shiftKey || t && e.key === "y") && (e.preventDefault(), A());
+		}
+		return w(() => a.flow._id, () => {
+			S.value = [...a.flow.nodes], E.value = [...a.flow.edges], g.clear();
+		}), ee(() => window.addEventListener("keydown", F)), r(() => window.removeEventListener("keydown", F)), n({
+			removeNode: oe,
+			addNodeAtCenter: P,
+			clearAll: se,
+			getNodes: ce,
+			getEdges: le,
+			updateNodeData: de,
+			undo: k,
+			redo: A,
+			canUndo: g.canUndo,
+			canRedo: g.canRedo
+		}), (n, r) => (o(), T("div", {
+			ref: "canvasRef",
+			class: l(["h-full w-full border-left-color border-bottom-color border-right-color rounded-b-xl overflow-hidden", { "rounded-none! border-0!": b(u) }]),
+			onDrop: ae,
+			onDragover: r[2] ||= t(() => {}, ["prevent"]),
+			onDragenter: r[3] ||= t(() => {}, ["prevent"])
+		}, [N(b(Me), {
+			nodes: b(S),
+			"onUpdate:nodes": r[0] ||= (e) => y(S) ? S.value = e : null,
+			edges: b(E),
+			"onUpdate:edges": r[1] ||= (e) => y(E) ? E.value = e : null,
+			"node-types": _,
+			"edge-types": x,
+			"default-viewport": {
+				zoom: e.mobile ? .7 : .9,
+				x: 0,
+				y: 0
+			},
+			"snap-to-grid": !0,
+			"snap-grid": [16, 16],
+			"is-valid-connection": ne,
+			class: "automation-canvas",
+			onNodeClick: M,
+			onPaneClick: te,
+			onConnect: re,
+			onNodesChange: ie
+		}, v({
+			default: C(() => [N(b(Be), { gap: 16 }), N(b(kt))]),
+			_: 2
+		}, [b(S).length ? void 0 : {
+			name: "default",
+			fn: C(() => [O("div", sn, [O("span", cn, p(e.mobile ? b(c)("views.automation.no_nodes_mobile") : b(c)("views.automation.no_nodes")), 1)])]),
+			key: "0"
+		}]), 1032, [
+			"nodes",
+			"edges",
+			"default-viewport"
+		])], 34));
+	}
+}), un = {
+	"trigger-detection": P(() => import("./ConfigTriggerDetection-Dw1CThHp.js")),
+	"trigger-sensor": P(() => import("./ConfigTriggerSensor-D9HhDzY2.js")),
+	"trigger-schedule": P(() => import("./ConfigTriggerSchedule-DJBZwACr.js")),
+	"trigger-webhook": P(() => import("./ConfigTriggerWebhook-BH4Tf_gl.js")),
+	"trigger-mqtt": P(() => import("./ConfigTriggerMqtt-Ca5Nyw3p.js")),
+	"trigger-system": P(() => import("./ConfigTriggerSystem-DwjzJNEe.js")),
+	"trigger-manual": P(() => import("./ConfigTriggerManual-BrPSmUG_.js")),
+	"trigger-geofence": P(() => import("./ConfigTriggerGeofence-DdPHZNwK.js")),
+	"action-snapshot": P(() => import("./ConfigActionSnapshot-DZfadRAR.js")),
+	"action-sensor": P(() => import("./ConfigActionSensor-CfdmXrhC.js")),
+	"action-notification": P(() => import("./ConfigActionNotification-CJ8AMA6m.js")),
+	"action-notification-control": P(() => import("./ConfigActionNotificationControl-Jmal0N0N.js")),
+	"action-assistant": P(() => import("./ConfigActionAssistant-4bgOEfWc.js")),
+	"action-http": P(() => import("./ConfigActionHttp-Cf-KsMnx.js")),
+	"action-mqtt": P(() => import("./ConfigActionMqtt-8I3xv7mW.js")),
+	"action-delay": P(() => import("./ConfigActionDelay-CWP3cIw-.js")),
+	"action-variable": P(() => import("./ConfigActionVariable-Bs6GAr-a.js")),
+	"action-plugin": P(() => import("./ConfigActionPlugin-BIZABnsj.js")),
+	"action-image-input": P(() => import("./ConfigActionImageInput-BojghoLq.js")),
+	"action-output": P(() => import("./ConfigActionOutput-Tjb8_M61.js")),
+	"action-camera-control": P(() => import("./ConfigActionCameraControl-DHb4TaeM.js")),
+	"condition-ifelse": P(() => import("./ConfigConditionIfElse-Djycw0JW.js")),
+	"condition-switch": P(() => import("./ConfigConditionSwitch-CgJOmOpa.js")),
+	"condition-sensorstate": P(() => import("./ConfigConditionSensorState-CMU8ZqA0.js")),
+	"condition-time": P(() => import("./ConfigConditionTime-CBsqkY5y.js"))
+}, dn = { class: "h-full overflow-y-auto flex flex-col" }, fn = { class: "flex items-center gap-2 px-4 py-3 border-bottom-color" }, pn = { class: "flex-1 min-w-0" }, mn = { class: "text-sm font-semibold truncate text-color" }, hn = { class: "text-xs text-muted" }, gn = { class: "flex-1 overflow-y-auto" }, _n = { class: "text-color font-normal text-sm" }, vn = { class: "flex flex-col field-gap" }, yn = { class: "text-color font-normal text-sm" }, bn = { class: "text-color font-normal text-sm" }, xn = { class: "flex flex-col gap-3" }, Sn = { class: "flex flex-col field-gap" }, Cn = { class: "cui-label" }, wn = {
+	key: 0,
+	class: "flex flex-col field-gap"
+}, Tn = { class: "cui-label" }, En = {
+	key: 1,
+	class: "flex flex-col field-gap"
+}, Dn = { class: "cui-label" }, On = { class: "px-4 pt-4 pb-[max(1rem,var(--cui-bottom-gap))] border-top-color" }, kn = /* @__PURE__ */ M({
+	__name: "CuiAutomationNodeConfig",
+	props: { node: {} },
+	emits: [
+		"close",
+		"update:data",
+		"delete"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, { t: i } = z(), a = S(() => n.node.type ? W(n.node.type) : void 0), s = S(() => n.node.type?.startsWith("action-")), c = S(() => {
+			if (n.node.type) return un[n.node.type];
+		}), l = S(() => {
+			let e = ["config"];
+			return s.value && n.node.data.alias && e.push("alias"), a.value?.supportsRepeat && n.node.data.repeat > 1 && e.push("repeat"), e;
+		});
+		function u(e) {
+			r("update:data", e);
+		}
+		return (t, n) => {
+			let r = V, d = xe, f = we, v = Se, y = te, x = H, S = Ce, w = Ee, E = Te;
+			return o(), T("div", dn, [
+				O("div", fn, [
+					O("div", {
+						class: "flex items-center justify-center w-8 h-8 rounded-md shrink-0",
+						style: h({
+							backgroundColor: `${b(a)?.color}20`,
+							color: b(a)?.color
+						})
+					}, [(o(), g(m(b(a)?.icon), { class: "w-4 h-4" }))], 4),
+					O("div", pn, [O("div", mn, p(b(a) ? b(i)(b(a).labelKey) : e.node.type), 1), O("div", hn, p(b(i)("views.automation.node_config")), 1)]),
+					N(d, {
+						severity: "secondary",
+						text: "",
+						rounded: "",
+						class: "shrink-0 cui-icon-sm",
+						onClick: n[0] ||= (e) => t.$emit("close")
+					}, {
+						icon: C(() => [N(r, {
+							width: "100%",
+							height: "100%"
+						})]),
+						_: 1
+					})
+				]),
+				O("div", gn, [N(E, {
+					multiple: "",
+					value: b(l),
+					class: "w-[300px]"
+				}, {
+					default: C(() => [
+						b(s) ? (o(), g(S, {
+							key: 0,
+							value: "alias"
+						}, {
+							default: C(() => [N(f, { class: "px-4 rounded-none!" }, {
+								default: C(() => [O("span", _n, p(b(i)("components.automation_nodes.alias")), 1)]),
+								_: 1
+							}), N(x, { pt: { content: { class: "px-4 w-[300px]" } } }, {
+								default: C(() => [O("div", vn, [N(v, {
+									"model-value": e.node.data.alias ?? "",
+									placeholder: b(i)("components.automation_nodes.alias_placeholder"),
+									"onUpdate:modelValue": n[1] ||= (e) => u({ alias: e || void 0 })
+								}, null, 8, ["model-value", "placeholder"]), N(y, {
+									severity: "secondary",
+									variant: "simple",
+									size: "small",
+									class: "cui-input-hint"
+								}, {
+									default: C(() => [A(p(b(i)("components.automation_nodes.alias_hint")), 1)]),
+									_: 1
+								})])]),
+								_: 1
+							})]),
+							_: 1
+						})) : _("", !0),
+						b(c) ? (o(), g(S, {
+							key: 1,
+							value: "config"
+						}, {
+							default: C(() => [N(f, { class: "px-4 rounded-none!" }, {
+								default: C(() => [O("span", yn, p(b(i)("views.automation.node_config")), 1)]),
+								_: 1
+							}), N(x, { pt: { content: { class: "px-4 w-[300px]" } } }, {
+								default: C(() => [O("div", null, [(o(), g(m(b(c)), {
+									data: e.node.data,
+									"node-id": e.node.id,
+									"onUpdate:data": u
+								}, null, 40, ["data", "node-id"]))])]),
+								_: 1
+							})]),
+							_: 1
+						})) : _("", !0),
+						b(a)?.supportsRepeat ? (o(), g(S, {
+							key: 2,
+							value: "repeat"
+						}, {
+							default: C(() => [N(f, { class: "px-4 rounded-none!" }, {
+								default: C(() => [O("span", bn, p(b(i)("components.automation_nodes.repeat")), 1)]),
+								_: 1
+							}), N(x, { pt: { content: { class: "px-4 w-[300px]" } } }, {
+								default: C(() => [O("div", xn, [
+									O("div", Sn, [O("label", Cn, p(b(i)("components.automation_nodes.repeat_count")), 1), N(w, {
+										"model-value": e.node.data.repeat ?? 1,
+										min: 1,
+										max: 1e5,
+										class: "w-full",
+										"onUpdate:modelValue": n[2] ||= (e) => u({ repeat: e })
+									}, null, 8, ["model-value"])]),
+									e.node.data.repeat > 1 ? (o(), T("div", wn, [
+										O("label", Tn, p(b(i)("components.automation_nodes.repeat_concurrency")), 1),
+										N(w, {
+											"model-value": e.node.data.repeatConcurrency ?? 1,
+											min: 1,
+											max: 64,
+											class: "w-full",
+											"onUpdate:modelValue": n[3] ||= (e) => u({ repeatConcurrency: e })
+										}, null, 8, ["model-value"]),
+										N(y, {
+											severity: "secondary",
+											variant: "simple",
+											size: "small",
+											class: "cui-input-hint"
+										}, {
+											default: C(() => [A(p(b(i)("components.automation_nodes.repeat_concurrency_hint")), 1)]),
+											_: 1
+										})
+									])) : _("", !0),
+									e.node.data.repeat > 1 ? (o(), T("div", En, [O("label", Dn, p(b(i)("components.automation_nodes.repeat_delay")), 1), N(w, {
+										"model-value": e.node.data.repeatDelayMs ?? 0,
+										min: 0,
+										max: 6e4,
+										suffix: " ms",
+										class: "w-full",
+										"onUpdate:modelValue": n[4] ||= (e) => u({ repeatDelayMs: e })
+									}, null, 8, ["model-value"])])) : _("", !0)
+								])]),
+								_: 1
+							})]),
+							_: 1
+						})) : _("", !0)
+					]),
+					_: 1
+				}, 8, ["value"])]),
+				O("div", On, [N(d, {
+					severity: "danger",
+					fluid: "",
+					class: "w-full cui-button-medium",
+					label: b(i)("views.automation.delete_node"),
+					onClick: n[5] ||= (e) => t.$emit("delete")
+				}, null, 8, ["label"])])
+			]);
+		};
+	}
+}), An = {
+	key: 0,
+	class: "text-xs font-semibold text-muted uppercase tracking-wider mb-3"
+}, jn = { class: "text-xs font-medium text-muted mb-2" }, Mn = { class: "flex flex-col gap-1.5" }, Nn = [
+	"draggable",
+	"onDragstart",
+	"onClick"
+], Pn = { class: "flex items-center gap-2.5 flex-1 min-w-0 px-3 py-2.5" }, Fn = { class: "flex-1 min-w-0" }, In = { class: "text-[13px] font-medium truncate text-color block leading-tight" }, Ln = {
+	key: 0,
+	class: "text-[11px] text-muted block truncate mt-0.5 leading-tight"
+}, Rn = /*#__PURE__*/ F(/* @__PURE__ */ M({
+	__name: "CuiAutomationNodePalette",
+	props: /*@__PURE__*/ n({ mode: {} }, G),
+	emits: ["node-click"],
+	setup(e) {
+		let { t } = z(), n = [
+			{
+				key: "trigger",
+				labelKey: "components.automation_nodes.category_triggers",
+				nodes: U("trigger")
+			},
+			{
+				key: "condition",
+				labelKey: "components.automation_nodes.category_conditions",
+				nodes: U("condition")
+			},
+			{
+				key: "utility",
+				labelKey: "components.automation_nodes.category_utilities",
+				nodes: U("utility")
+			},
+			{
+				key: "action",
+				labelKey: "components.automation_nodes.category_actions",
+				nodes: U("action")
+			}
+		];
+		function r(e, t) {
+			e.dataTransfer && (e.dataTransfer.setData("application/automationnode", t), e.dataTransfer.effectAllowed = "move");
+		}
+		return (i, s) => (o(), T("div", { class: l(["overflow-y-auto p-3", e.mode === "drag" ? "h-full pb-[var(--cui-bottom-gap)]" : "pb-0"]) }, [e.mode === "drag" ? (o(), T("div", An, p(b(t)("views.automation.node_palette")), 1)) : _("", !0), (o(), T(E, null, a(n, (s, c) => O("div", {
+			key: s.key,
+			class: l({ "mb-4": c !== n.length - 1 })
+		}, [O("div", jn, p(b(t)(s.labelKey)), 1), O("div", Mn, [(o(!0), T(E, null, a(s.nodes, (n) => (o(), T("div", {
+			key: n.type,
+			class: l(["automation-palette-node", e.mode === "drag" ? "cursor-grab active:cursor-grabbing" : "cursor-pointer"]),
+			draggable: e.mode === "drag",
+			onDragstart: (t) => e.mode === "drag" ? r(t, n.type) : void 0,
+			onClick: (t) => e.mode === "click" ? i.$emit("node-click", n.type) : void 0
+		}, [O("div", {
+			class: "automation-palette-node__accent",
+			style: h({ backgroundColor: n.color })
+		}, null, 4), O("div", Pn, [O("div", {
+			class: "flex items-center justify-center w-8 h-8 rounded-lg shrink-0",
+			style: h({
+				backgroundColor: `${n.color}15`,
+				color: n.color
+			})
+		}, [(o(), g(m(n.icon), { class: "w-4.5 h-4.5" }))], 4), O("div", Fn, [O("span", In, p(b(t)(n.labelKey)), 1), e.mode === "click" ? (o(), T("span", Ln, p(b(t)(n.descriptionKey)), 1)) : _("", !0)])])], 42, Nn))), 128))])], 2)), 64))], 2));
+	}
+}), [["__scopeId", "data-v-218bcc30"]]), zn = { class: "flex items-center gap-2 px-3 py-2 border-bottom-color card-background min-h-[48px]" }, Bn = /* @__PURE__ */ M({
+	__name: "CuiAutomationToolbar",
+	props: {
+		flow: {},
+		showHistory: { type: Boolean }
+	},
+	emits: [
+		"update:name",
+		"toggle-enabled",
+		"toggle-suppress-duplicates",
+		"toggle-single-execution",
+		"show-history"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, { t: i } = z(), { smBreakpoint: a } = ue(), c = D("menuRef"), u = S(() => [{
+			key: "suppressDuplicates",
+			label: i("views.automation.suppress_duplicates"),
+			description: i("views.automation.suppress_duplicates_hint"),
+			toggle: !0,
+			toggleState: n.flow.suppressDuplicates,
+			onClick: () => r("toggle-suppress-duplicates")
+		}, {
+			key: "singleExecution",
+			label: i("views.automation.single_execution"),
+			description: i("views.automation.single_execution_hint"),
+			toggle: !0,
+			toggleState: n.flow.singleExecution,
+			onClick: () => r("toggle-single-execution")
+		}]);
+		return (t, n) => {
+			let r = je, d = xe, f = Se, p = fe, m = ne, h = We, v = ge, y = s("tooltip");
+			return o(), T("div", zn, [
+				b(a) ? _("", !0) : (o(), g(d, {
+					key: 0,
+					severity: "secondary",
+					text: "",
+					rounded: "",
+					class: "cui-icon-md shrink-0",
+					onClick: n[0] ||= (e) => t.$router.push("/automations")
+				}, {
+					icon: C(() => [N(r, {
+						width: "100%",
+						height: "100%"
+					})]),
+					_: 1
+				})),
+				N(f, {
+					"model-value": e.flow.name,
+					class: l(["font-medium text-sm min-w-0 flex-1", { "max-w-[300px]": !b(a) }]),
+					placeholder: b(i)("views.automations.flow_name_placeholder"),
+					"onUpdate:modelValue": n[1] ||= (e) => t.$emit("update:name", String(e ?? ""))
+				}, null, 8, [
+					"model-value",
+					"class",
+					"placeholder"
+				]),
+				n[5] ||= O("div", { class: "flex-1" }, null, -1),
+				N(p, {
+					"model-value": e.flow.enabled,
+					class: "shrink-0",
+					"onUpdate:modelValue": n[2] ||= (e) => t.$emit("toggle-enabled")
+				}, null, 8, ["model-value"]),
+				e.showHistory ? k((o(), g(d, {
+					key: 1,
+					severity: "secondary",
+					text: "",
+					rounded: "",
+					class: "cui-icon-md shrink-0",
+					onClick: n[3] ||= (e) => t.$emit("show-history")
+				}, {
+					icon: C(() => [N(m, {
+						width: "100%",
+						height: "100%"
+					})]),
+					_: 1
+				})), [[
+					y,
+					{ value: b(i)("views.automations.run_history") },
+					void 0,
+					{ bottom: !0 }
+				]]) : _("", !0),
+				N(d, {
+					severity: "secondary",
+					text: "",
+					rounded: "",
+					class: "cui-icon-md shrink-0",
+					onClick: n[4] ||= (e) => b(c)?.toggleMenu(e)
+				}, {
+					icon: C(() => [N(h, {
+						width: "100%",
+						height: "100%"
+					})]),
+					_: 1
+				}),
+				N(v, {
+					ref_key: "menuRef",
+					ref: c,
+					items: b(u),
+					"auto-hide": !1,
+					popover: { pt: {
+						root: { class: "w-[18rem]" },
+						content: { class: "p-0! rounded-xl! overflow-hidden!" }
+					} }
+				}, null, 8, ["items"])
+			]);
+		};
+	}
+}), Vn = { class: "flex flex-col gap-4 w-full" }, Hn = {
+	key: 1,
+	class: "text-sm text-muted"
+}, Un = /* @__PURE__ */ M({
+	__name: "CuiAutomationMobileNodeConfig",
+	props: { node: {} },
+	setup(e, { expose: t }) {
+		let n = e, { t: r } = z(), i = X(), a = S(() => {
+			if (n.node.type) return un[n.node.type];
+		});
+		function s(e) {
+			if (!i.draft) return;
+			let t = i.draft.nodes.find((e) => e.id === n.node.id);
+			t?.data && (Object.assign(t.data, e), i.draftDirty = !0);
+		}
+		return t({ onConfirm: async () => {
+			if (i.draft) {
+				let e = n.node.id;
+				i.draft.nodes = i.draft.nodes.filter((t) => t.id !== e), i.draft.edges = i.draft.edges.filter((t) => t.source !== e && t.target !== e);
+			}
+		} }), (t, n) => (o(), T("div", Vn, [b(a) ? (o(), g(m(b(a)), {
+			key: 0,
+			data: e.node.data,
+			"node-id": e.node.id,
+			"onUpdate:data": s
+		}, null, 40, ["data", "node-id"])) : (o(), T("div", Hn, p(b(r)("views.automation.no_node_selected")), 1))]));
+	}
+}), Wn = { class: "h-full w-full relative overflow-hidden flex flex-col" }, Gn = { class: "flex flex-1 min-h-0" }, Kn = { class: "relative w-6 h-6" }, qn = {
+	key: 1,
+	class: "flex flex-1 items-center justify-center"
+}, Jn = {
+	key: 2,
+	class: "flex flex-1 items-center justify-center"
+}, Yn = { class: "text-muted" }, Xn = /*@__PURE__*/ M({
+	__name: "Automation",
+	setup(e) {
+		let t = P(() => import("./CuiAutomationRunsDialog-DTa_aU4B.js")), n = new Oe(), r = ve(), i = le(), { t: a } = z(), { smBreakpoint: c } = ue(), { bottombarHeight: f } = pe(), v = se(), x = re(), A = X(), j = S(() => r.params.id), M = S(() => j.value === "new"), ee = S(() => ae(void 0, "admin")), { data: te, isBusy: ne } = n.getAutomationQuery(j), { mutateAsync: oe } = n.createAutomationQuery(), { mutateAsync: F } = n.patchAutomationQuery(), { mutateAsync: fe } = n.deleteAutomationQuery(), { mutateAsync: ge } = n.triggerAutomationQuery(), I = D("canvasRef"), L = d(!1), R = d(!1), ye = d(!1), be = d(!1), B = !1, Se, V = S({
+			get: () => A.draft,
+			set: (e) => {
+				A.draft = e;
+			}
+		}), H = S(() => {
+			if (V.value && A.selectedNodeId) return V.value.nodes.find((e) => e.id === A.selectedNodeId);
+		}), Ce = S(() => {
+			if (!c.value && H.value) return "calc(300px + 1.25rem + var(--safe-area-inset-right))";
+		}), we = S(() => [
+			...V.value?.nodes.some((e) => e.type === "trigger-manual") ?? !1 ? [{
+				label: a("views.automation.run"),
+				icon: ie,
+				buttonProps: { disabled: M.value || R.value },
+				command: () => Ue()
+			}] : [],
+			{
+				label: a("views.automation.undo"),
+				icon: Ve,
+				buttonProps: { disabled: !ye.value },
+				command: () => {
+					I.value?.undo(), G();
+				}
+			},
+			{
+				label: a("views.automation.redo"),
+				icon: Fe,
+				buttonProps: { disabled: !be.value },
+				command: () => {
+					I.value?.redo(), G();
+				}
+			},
+			{
+				label: a("views.automation.export_blueprint"),
+				icon: tt,
+				command: () => We()
+			},
+			{
+				label: a("views.automation.clear"),
+				icon: ze,
+				command: () => Ge()
+			},
+			{
+				label: a("views.automations.delete"),
+				icon: it,
+				buttonProps: { severity: "danger" },
+				command: () => Ke()
+			}
+		]);
+		function Te() {
+			ye.value = I.value?.canUndo ?? !1, be.value = I.value?.canRedo ?? !1;
+		}
+		function Ee() {
+			V.value = {
+				_id: _e(12),
+				name: a("views.automation.untitled"),
+				enabled: !1,
+				nodes: [],
+				edges: [],
+				suppressDuplicates: !1,
+				singleExecution: !1,
+				createdAt: Date.now(),
+				updatedAt: Date.now()
+			}, A.selectedNodeId = null;
+		}
+		function U() {
+			clearTimeout(Se), Se = setTimeout(() => {
+				q(), A.validationIssues = Lt(V.value);
+			}, 300);
+		}
+		function G() {
+			R.value = !0, Te(), U();
+		}
+		function K() {
+			v.openComponentDialog(t, { data: {
+				title: a("views.automations.run_history"),
+				contentProps: { flowId: j.value },
+				hideConfirmButton: !0
+			} });
+		}
+		function Me() {
+			q(), G();
+		}
+		function Ne(e) {
+			V.value && (V.value.name = e, G());
+		}
+		function Ie(e, t) {
+			if (!V.value) return;
+			let n = V.value.nodes.find((t) => t.id === e);
+			if (n?.data) {
+				if (!Object.entries(t).some(([e, t]) => n.data[e] !== t)) return;
+				Object.assign(n.data, t), I.value?.updateNodeData(e, { ...n.data }), G();
+			}
+		}
+		function Le() {
+			if (!V.value) return {};
+			let e = I.value?.getNodes?.() ?? V.value.nodes, t = I.value?.getEdges?.() ?? V.value.edges;
+			return {
+				name: V.value.name,
+				enabled: V.value.enabled,
+				suppressDuplicates: V.value.suppressDuplicates,
+				singleExecution: V.value.singleExecution,
+				nodes: e.map((e) => ({
+					id: e.id,
+					type: e.type ?? "",
+					position: e.position,
+					data: e.data ?? {}
+				})),
+				edges: t.map((e) => ({
+					id: e.id,
+					source: e.source,
+					target: e.target,
+					sourceHandle: e.sourceHandle ?? void 0,
+					targetHandle: e.targetHandle ?? void 0
+				}))
+			};
+		}
+		async function Re() {
+			if (!V.value) return;
+			q();
+			let e = Le();
+			try {
+				if (M.value) {
+					let t = await oe({ data: e });
+					R.value = !1, i.replace(`/automations/${t._id}`);
+				} else {
+					let t = await F({
+						id: V.value._id,
+						data: e
+					});
+					if (R.value = !1, t?.nodes && V.value) for (let e of t.nodes) {
+						let t = V.value.nodes.find((t) => t.id === e.id);
+						t?.data && e.data && Object.assign(t.data, e.data);
+					}
+					x.add({
+						severity: "success",
+						detail: a("views.automation.saved"),
+						life: 3e3
+					});
+				}
+			} catch {
+				x.add({
+					severity: "error",
+					detail: a("views.automation.save_failed"),
+					life: 3e3
+				});
+			}
+		}
+		function q() {
+			if (!V.value) return;
+			let e = I.value?.getNodes(), t = I.value?.getEdges();
+			e && (V.value.nodes = e), t && (V.value.edges = t);
+		}
+		function J(e) {
+			if (A.selectedNodeId = e, c.value && e) {
+				q();
+				let t = V.value?.nodes.find((t) => t.id === e);
+				if (!t) return;
+				let n = t.type ? W(t.type) : void 0, r = n ? a(n.labelKey) : "Node", i = t.id;
+				v.openComponentDialog(Un, {
+					data: {
+						title: r,
+						confirmText: a("views.automation.delete_node"),
+						confirmButtonProps: { severity: "danger" },
+						contentProps: { node: {
+							id: t.id,
+							type: t.type,
+							data: t.data
+						} }
+					},
+					onSettled: () => {
+						V.value?.nodes.some((e) => e.id === i) || (I.value?.removeNode(i), G());
+					}
+				});
+			}
+		}
+		function Y(e) {
+			L.value = !1, I.value?.addNodeAtCenter(e), G();
+		}
+		function Be() {
+			A.selectedNodeId && (I.value?.removeNode(A.selectedNodeId), V.value && (V.value.nodes = V.value.nodes.filter((e) => e.id !== A.selectedNodeId), V.value.edges = V.value.edges.filter((e) => e.source !== A.selectedNodeId && e.target !== A.selectedNodeId)), A.selectedNodeId = null, A.lastOutput = null, G());
+		}
+		async function Ue() {
+			if (V.value && !M.value) try {
+				A.lastOutput = null;
+				let e = await ge({ id: V.value._id });
+				e?.output && Object.keys(e.output).length > 0 && (A.lastOutput = e.output), x.add({
+					severity: "success",
+					detail: a("views.automation.triggered"),
+					life: 3e3
+				});
+			} catch {
+				x.add({
+					severity: "error",
+					detail: a("views.automation.trigger_failed"),
+					life: 3e3
+				});
+			}
+		}
+		function We() {
+			if (!V.value) return;
+			Re();
+			let e = {
+				version: 1,
+				name: V.value.name,
+				nodes: ke(V.value.nodes),
+				edges: V.value.edges
+			}, t = JSON.stringify(e, null, 2), n = new Blob([t], { type: "application/json" });
+			de({
+				blob: n,
+				filename: `${V.value.name.replace(/\s+/g, "_").toLowerCase()}.blueprint.json`
+			});
+		}
+		function Ge() {
+			v.openTextDialog({
+				data: {
+					title: a("views.automation.clear"),
+					contentText: a("views.automation.clear_confirm"),
+					confirmText: a("views.automation.clear")
+				},
+				onConfirm: async () => {
+					I.value?.clearAll(), V.value && (V.value.nodes = [], V.value.edges = []), A.selectedNodeId = null, G();
+				}
+			});
+		}
+		function Ke() {
+			if (!V.value) return;
+			let e = V.value._id;
+			v.openTextDialog({
+				data: {
+					title: a("views.automations.delete"),
+					contentText: a("views.automations.delete_confirm"),
+					confirmText: a("views.automations.delete")
+				},
+				onConfirm: async () => {
+					await fe({ id: e }), i.push("/automations");
+				}
+			});
+		}
+		function qe() {
+			i.push("/automations");
+		}
+		return w(j, (e) => {
+			A.activeFlowId = e === "new" ? null : e ?? null, A.selectedNodeId = null, A.lastOutput = null, R.value = !1, e === "new" ? Ee() : V.value = null;
+		}, { immediate: !0 }), w(te, (e) => {
+			e && !R.value && (V.value = JSON.parse(JSON.stringify(e)), A.validationIssues = Lt(V.value));
+		}, { immediate: !0 }), w(() => A.draftDirty, (e) => {
+			e && (A.draftDirty = !1, G());
+		}), ce((e) => !R.value || B ? !0 : (v.openTextDialog({
+			data: {
+				title: a("views.automation.unsaved_title"),
+				contentText: a("views.automation.unsaved_message"),
+				confirmText: a("views.automation.discard")
+			},
+			onConfirm: async () => {
+				B = !0, i.push(e.fullPath);
+			}
+		}), !1)), (e, t) => {
+			let n = je, r = xe, i = me, d = De, v = Ae, x = he, S = s("tooltip");
+			return o(), T("div", Wn, [N(i, { position: "left" }, {
+				default: C(() => [N(r, {
+					severity: "secondary",
+					text: "",
+					class: "cui-button p-2 text-color non-draggable-region",
+					onClick: qe
+				}, {
+					icon: C(() => [N(n, { class: "w-6 h-6" })]),
+					_: 1
+				})]),
+				_: 1
+			}), b(V) ? (o(), T(E, { key: 0 }, [
+				N(Bn, {
+					flow: b(V),
+					"show-history": !b(M) && b(ee),
+					onShowHistory: K,
+					"onUpdate:name": Ne,
+					onToggleEnabled: t[0] ||= (e) => {
+						b(V).enabled = !b(V).enabled, G();
+					},
+					onToggleSuppressDuplicates: t[1] ||= (e) => {
+						b(V).suppressDuplicates = !b(V).suppressDuplicates, G();
+					},
+					onToggleSingleExecution: t[2] ||= (e) => {
+						b(V).singleExecution = !b(V).singleExecution, G();
+					}
+				}, null, 8, ["flow", "show-history"]),
+				O("div", Gn, [
+					b(c) ? _("", !0) : (o(), g(Rn, {
+						key: 0,
+						class: "w-[240px] shrink-0"
+					})),
+					N(ln, {
+						ref_key: "canvasRef",
+						ref: I,
+						flow: b(V),
+						mobile: b(c),
+						class: l(["flex-1 min-w-0", { "mb-[var(--cui-bottom-gap)] h-auto!": !b(c) }]),
+						onNodeSelect: J,
+						onChange: Me
+					}, null, 8, [
+						"flow",
+						"mobile",
+						"class"
+					]),
+					b(c) ? _("", !0) : (o(), T("div", {
+						key: 1,
+						class: "shrink-0 overflow-hidden transition-[width] duration-200 ease-in-out",
+						style: h({ width: b(H) ? "300px" : "0px" })
+					}, [b(H) ? (o(), g(kn, {
+						key: 0,
+						node: b(H),
+						class: "w-[300px]",
+						onClose: t[3] ||= (e) => b(A).selectedNodeId = null,
+						"onUpdate:data": t[4] ||= (e) => Ie(b(A).selectedNodeId, e),
+						onDelete: Be
+					}, null, 8, ["node"])) : _("", !0)], 4))
+				]),
+				N(d, {
+					model: b(we),
+					direction: "up",
+					"transition-delay": 80,
+					"tooltip-options": {
+						position: "left",
+						event: void 0
+					},
+					style: h({
+						position: "fixed",
+						zIndex: 15,
+						bottom: `calc(${b(f)}px + ${b(R) ? "4.25rem" : "1.25rem"} + var(--safe-area-inset-bottom))`,
+						right: b(Ce) || "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: C(({ visible: e, toggleCallback: t }) => [N(r, {
+						rounded: "",
+						severity: "secondary",
+						class: "pointer-events-auto",
+						onClick: t
+					}, {
+						icon: C(() => [O("div", Kn, [
+							O("div", {
+								class: l(["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),
+							O("div", {
+								class: l(["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),
+							O("div", {
+								class: l(["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: C(({ item: e, toggleCallback: t }) => [k((o(), g(r, u({ severity: "secondary" }, e.buttonProps, {
+						rounded: "",
+						class: "pointer-events-auto",
+						onClick: t
+					}), {
+						icon: C(() => [(o(), g(m(e.icon)))]),
+						_: 2
+					}, 1040, ["onClick"])), [[S, { value: e.label }]])]),
+					_: 1
+				}, 8, ["model", "style"]),
+				b(c) ? k((o(), g(r, {
+					key: 0,
+					rounded: "",
+					class: "pointer-events-auto text-white",
+					style: h({
+						position: "fixed",
+						zIndex: 15,
+						bottom: `calc(${b(f)}px + 1.25rem + var(--safe-area-inset-bottom))`,
+						right: "calc(4.75rem + var(--safe-area-inset-right))"
+					}),
+					onClick: t[5] ||= (e) => L.value = !0
+				}, {
+					icon: C(() => [N(b(He), { class: "w-5 h-5" })]),
+					_: 1
+				}, 8, ["style"])), [[S, { value: b(a)("views.automation.add_step") }]]) : _("", !0),
+				b(R) ? k((o(), g(r, {
+					key: 1,
+					rounded: "",
+					severity: "success",
+					class: "pointer-events-auto text-white",
+					style: h({
+						position: "fixed",
+						zIndex: 15,
+						bottom: `calc(${b(f)}px + 1.25rem + var(--safe-area-inset-bottom))`,
+						right: b(Ce) || "calc(1.25rem + var(--safe-area-inset-right))",
+						transition: "right 0.2s ease-in-out"
+					}),
+					onClick: Re
+				}, {
+					icon: C(() => [N(b(Pe), { class: "w-5 h-5" })]),
+					_: 1
+				}, 8, ["style"])), [[S, { value: b(a)("views.automation.save") }]]) : _("", !0),
+				N(v, {
+					modelValue: b(L),
+					"onUpdate:modelValue": t[6] ||= (e) => y(L) ? L.value = e : null,
+					title: b(a)("views.automation.add_step"),
+					"max-height": "70vh"
+				}, {
+					default: C(() => [N(Rn, {
+						mode: "click",
+						onNodeClick: Y
+					})]),
+					_: 1
+				}, 8, ["modelValue", "title"])
+			], 64)) : b(ne) ? (o(), T("div", qn, [N(x, {
+				class: "!w-8 !h-8",
+				"stroke-width": "5"
+			})])) : (o(), T("div", Jn, [O("span", Yn, p(b(a)("views.automations.no_automations")), 1)]))]);
+		};
+	}
+}), Zn = /* @__PURE__ */ e({ default: () => Qn }), Qn = Xn;
+//#endregion
+export { X as a, Qn as default, qe as i, Ke as n, Je as r, Zn as t };