@camera.ui/server 2.2.5-beta.1 → 2.2.5-beta.2

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

@@ -0,0 +1,2025 @@
+import { r as e } from "./rolldown-runtime-CEFd7nDs.js";
+import { m as t } from "./ripple-ZDATPc2w.js";
+import { A as n, B as r, Et as i, G as a, H as o, Jt as s, K as c, M as l, Ot as u, Wt as d, Y as f, _t as p, d as m, f as h, g, gt as _, kt as v, l as y, lt as b, ot as x, p as S, qt as C, r as w, rt as T, u as E, ut as D, v as O, wt as k, x as A, xt as j, y as M, z as ee } from "./runtime-core.esm-bundler-_TfE0DWz.js";
+import { t as N } from "./tooltip-Z7VN-E1u.js";
+import { t as te } from "./message-D6dIy_hz.js";
+import { t as ne } from "./history-XMyO_cLc.js";
+import { Br as re, En as ie, J as ae, Lr as oe, On as se, Or as ce, bi as le, br as ue, gn as de, gt as P, ht as fe, kr as pe, m as me, mr as he, pi as ge, ur as _e, yr as ve, zr as ye } from "./api-BmYisoxj.js";
+import { i as F } from "./intercomService-B7HkLs6z.js";
+import { A as I, j as L, n as be, r as xe } from "./pinia-C6gt7A_Q.js";
+import { n as R } from "./vue-i18n-D5EAy78K.js";
+import { t as Se } from "./button-BouAFgf5.js";
+import { v as z } from "./dist-C6MBHJhs.js";
+import { t as B } from "./inputtext-C_ygnPrC.js";
+import { t as V } from "./close-CxFbonhd.js";
+import { i as H, n as Ce, r as we, t as Te } from "./accordion-Xem2SzgR.js";
+import { t as Ee } from "./inputnumber-DZRwKgXr.js";
+import { t as De } from "./speeddial-LCbl5g8p.js";
+import { a as U, i as W, l as Oe, r as G } from "./types-B8B9MqK0.js";
+import { a as K, i as ke } from "./automationBlueprint-C-12Yjl7.js";
+import { t as Ae } from "./CuiBottomSheet-DLkC2OmT.js";
+import { t as je } from "./back-filled-CaxrZv0Q.js";
+import { a as Me, c as Ne, d as Pe, f as Fe, i as Ie, l as q, n as Le, o as J, p as Re, r as Y, s as X, t as ze, u as Be } from "./vue-flow-background-8ZUqhPBF.js";
+import { t as Ve } from "./plus-CgxY7W0L.js";
+import { t as He } from "./settings-lWJfHaif.js";
+//#region src/stores/automations.ts
+var Z = be("automations", () => {
+	let e = j(null), t = j(null), n = j(null), r = j(!1), i = j(null), a = j([]);
+	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 Ue(e, t) {
+	if (!e) return [];
+	let n = [];
+	return qe(e, t, n, /* @__PURE__ */ new Set(), /* @__PURE__ */ new Set()), n;
+}
+function We(e, t, n) {
+	let r = (n ?? "").trim();
+	if (r) return Ue(e, t).find((e) => e.template === r);
+}
+function Ge(e) {
+	let t = Z(), { t: n } = R(), r = y(() => Ue(t.draft, u(e)));
+	return {
+		variables: r,
+		options: y(() => r.value.map((e) => ({
+			label: e.labelKey ? n(`components.automation_nodes.${e.labelKey}`) : e.label ?? e.template,
+			value: e.template
+		})))
+	};
+}
+function Ke(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 qe(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 = Je(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));
+		}
+		qe(e, s.source, n, r, i);
+	}
+}
+function Je(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 : I(i), o = a.map((e) => L(i, e)).filter((e) => !!e);
+			r("{{sensor.value}}", Ye(o), "variable_sensor_value", Xe(i, o)), r("{{sensor.previousValue}}", Ye(o), "variable_sensor_previous_value");
+			for (let t of a) {
+				let r = L(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 Ye(e) {
+	let t = new Set(e.map((e) => e.type));
+	return t.size === 1 ? [...t][0] : "string";
+}
+function Xe(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 Ze = {
+	viewBox: "0 0 32 32",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Qe(e, t) {
+	return o(), S("svg", Ze, [...t[0] ||= [E("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 $e = p({
+	name: "carbon-share",
+	render: Qe
+}), et = {
+	viewBox: "0 0 32 32",
+	width: "1.2em",
+	height: "1.2em"
+};
+function tt(e, t) {
+	return o(), S("svg", et, [...t[0] ||= [E("path", {
+		fill: "currentColor",
+		d: "M12 12h2v12h-2zm6 0h2v12h-2z"
+	}, null, -1), E("path", {
+		fill: "currentColor",
+		d: "M4 6v2h2v20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8h2V6Zm4 22V8h16v20Zm4-26h8v2h-8z"
+	}, null, -1)]]);
+}
+var nt = p({
+	name: "carbon-trash-can",
+	render: tt
+}), rt = {
+	name: "ControlButton",
+	compatConfig: { MODE: 3 }
+}, it = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, at = {
+	type: "button",
+	class: "vue-flow__controls-button"
+};
+function ot(e, t, n, r, i, a) {
+	return o(), S("button", at, [c(e.$slots, "default")]);
+}
+var st = /* @__PURE__ */ it(rt, [["render", ot]]), ct = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 32 32"
+}, lt = [/* @__PURE__ */ E("path", { d: "M32 18.133H18.133V32h-4.266V18.133H0v-4.266h13.867V0h4.266v13.867H32z" }, null, -1)];
+function ut(e, t) {
+	return o(), S("svg", ct, lt);
+}
+var dt = { render: ut }, ft = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 32 5"
+}, pt = [/* @__PURE__ */ E("path", { d: "M0 0h32v4.2H0z" }, null, -1)];
+function mt(e, t) {
+	return o(), S("svg", ft, pt);
+}
+var ht = { render: mt }, gt = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 32 30"
+}, _t = [/* @__PURE__ */ E("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 vt(e, t) {
+	return o(), S("svg", gt, _t);
+}
+var yt = { render: vt }, bt = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 25 32"
+}, xt = [/* @__PURE__ */ E("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 St(e, t) {
+	return o(), S("svg", bt, xt);
+}
+var Ct = { render: St }, wt = {
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 25 32"
+}, Tt = [/* @__PURE__ */ E("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 Et(e, t) {
+	return o(), S("svg", wt, Tt);
+}
+var Dt = { render: Et }, Ot = /* @__PURE__ */ A({
+	name: "Controls",
+	compatConfig: { MODE: 3 },
+	props: {
+		showZoom: {
+			type: Boolean,
+			default: !0
+		},
+		showFitView: {
+			type: Boolean,
+			default: !0
+		},
+		showInteractive: {
+			type: Boolean,
+			default: !0
+		},
+		fitViewParams: {},
+		position: { default: () => Le.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: p, minZoom: g, maxZoom: _ } = q(), y = i(() => n.value || r.value || a.value), x = i(() => p.value.zoom <= g.value), C = i(() => p.value.zoom >= _.value);
+		function T() {
+			l(), t("zoomIn");
+		}
+		function E() {
+			u(), t("zoomOut");
+		}
+		function D() {
+			d(e.fitViewParams), t("fitView");
+		}
+		function O() {
+			s(!y.value), t("interactionChange", !y.value);
+		}
+		return (e, t) => (o(), m(v(Ie), {
+			class: "vue-flow__controls",
+			position: e.position
+		}, {
+			default: b(() => [
+				c(e.$slots, "top"),
+				e.showZoom ? (o(), S(w, { key: 0 }, [c(e.$slots, "control-zoom-in", {}, () => [M(st, {
+					class: "vue-flow__controls-zoomin",
+					disabled: C.value,
+					onClick: T
+				}, {
+					default: b(() => [c(e.$slots, "icon-zoom-in", {}, () => [(o(), m(f(v(dt))))])]),
+					_: 3
+				}, 8, ["disabled"])]), c(e.$slots, "control-zoom-out", {}, () => [M(st, {
+					class: "vue-flow__controls-zoomout",
+					disabled: x.value,
+					onClick: E
+				}, {
+					default: b(() => [c(e.$slots, "icon-zoom-out", {}, () => [(o(), m(f(v(ht))))])]),
+					_: 3
+				}, 8, ["disabled"])])], 64)) : h("", !0),
+				e.showFitView ? c(e.$slots, "control-fit-view", { key: 1 }, () => [M(st, {
+					class: "vue-flow__controls-fitview",
+					onClick: D
+				}, {
+					default: b(() => [c(e.$slots, "icon-fit-view", {}, () => [(o(), m(f(v(yt))))])]),
+					_: 3
+				})]) : h("", !0),
+				e.showInteractive ? c(e.$slots, "control-interactive", { key: 2 }, () => [e.showInteractive ? (o(), m(st, {
+					key: 0,
+					class: "vue-flow__controls-interactive",
+					onClick: O
+				}, {
+					default: b(() => [y.value ? c(e.$slots, "icon-unlock", { key: 0 }, () => [(o(), m(f(v(Dt))))]) : h("", !0), y.value ? h("", !0) : c(e.$slots, "icon-lock", { key: 1 }, () => [(o(), m(f(v(Ct))))])]),
+					_: 3
+				})) : h("", !0)]) : h("", !0),
+				c(e.$slots, "default")
+			]),
+			_: 3
+		}, 8, ["position"]));
+	}
+});
+//#endregion
+//#region src/components/CuiAutomation/caseHandle.ts
+function kt(e) {
+	return `case-${encodeURIComponent(e)}`;
+}
+//#endregion
+//#region src/components/CuiAutomation/edges/DeletableEdge.vue?vue&type=script&setup=true&lang.ts
+var At = ["id", "d"], jt = 24, Mt = /* @__PURE__ */ A({
+	__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 } = q(), i = y(() => Ne({
+			sourceX: n.sourceX,
+			sourceY: n.sourceY,
+			sourcePosition: n.sourcePosition,
+			targetX: n.targetX,
+			targetY: n.targetY,
+			targetPosition: n.targetPosition
+		})), a = y(() => i.value[0]), s = y(() => i.value[1]), c = y(() => i.value[2]), l = y(() => {
+			let e = document.createElementNS("http://www.w3.org/2000/svg", "path");
+			return e.setAttribute("d", a.value), e.getTotalLength();
+		}), u = y(() => {
+			let e = l.value;
+			if (e <= 0) return {
+				stroke: "var(--text-muted-color)",
+				strokeWidth: 2,
+				fill: "none"
+			};
+			let t = e / 2, n = jt / 2;
+			return {
+				stroke: "var(--text-muted-color)",
+				strokeWidth: 2,
+				fill: "none",
+				strokeDasharray: `${Math.max(0, t - n)} ${jt} ${Math.max(0, e - t - n)}`
+			};
+		});
+		function d() {
+			r([n.id]);
+		}
+		return (n, r) => {
+			let i = V;
+			return o(), S(w, null, [E("path", {
+				id: e.id,
+				d: v(a),
+				style: C(v(u)),
+				class: "vue-flow__edge-path"
+			}, null, 12, At), M(v(J), null, {
+				default: b(() => [E("div", {
+					class: "automation-edge-button nodrag nopan",
+					style: C({
+						pointerEvents: "all",
+						position: "absolute",
+						transform: `translate(-50%, -50%) translate(${v(s)}px, ${v(c)}px)`
+					})
+				}, [E("button", {
+					class: "automation-edge-delete",
+					onClick: t(d, ["stop"])
+				}, [M(i, { class: "w-3 h-3" })])], 4)]),
+				_: 1
+			})], 64);
+		};
+	}
+}), Nt = {
+	"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"]
+}, Pt = /* @__PURE__ */ new Set([
+	"http",
+	"mqtt",
+	"webhook",
+	"sensor",
+	"system",
+	"repeat",
+	"previous",
+	"plugin",
+	"camera",
+	"geo",
+	"event"
+]), Ft = /* @__PURE__ */ new Set([
+	"time.now",
+	"flow.startMs",
+	"snapshot",
+	"snapshot.base64",
+	"output"
+]);
+function It(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 Nt[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(...Lt(e, r));
+	}
+	return t;
+}
+function Lt(e, t) {
+	let n = [], r = new Set(Ue(e, t.id).map((e) => e.template.slice(2, -2))), i = new Set([...r].map((e) => e.split(".")[0])), a = Rt(e), o = [];
+	zt(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) || Ft.has(e) || a.has(e) || s.has(e)) continue;
+		let c = e.split(".")[0];
+		Pt.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 Rt(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 zt(e, t) {
+	if (typeof e == "string") {
+		e.includes("{{") && t.push(e);
+		return;
+	}
+	if (Array.isArray(e)) {
+		for (let n of e) zt(n, t);
+		return;
+	}
+	if (e && typeof e == "object") for (let n of Object.values(e)) zt(n, t);
+}
+function Bt(e) {
+	let t = Z(), { t: n } = R();
+	return y(() => {
+		let r = t.validationIssues.filter((t) => t.nodeId === u(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 Vt = [
+	"cameraId",
+	"sensorId",
+	"sensorType"
+];
+function Ht(e, t) {
+	if (!e || !t) return null;
+	let n = {}, r = e, i = t;
+	for (let e of Vt) r[e] && e in i && !i[e] && (n[e] = r[e]);
+	return Object.keys(n).length > 0 ? n : null;
+}
+function Ut(e) {
+	return e.type === "trigger-webhook" && !e.webhookId ? {
+		...e,
+		webhookId: ge()
+	} : e.type === "trigger-geofence" && !e.geofenceId ? {
+		...e,
+		geofenceId: ge()
+	} : e;
+}
+function Wt(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 ~icons/mdi/exclamation-thick
+var Gt = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Kt(e, t) {
+	return o(), S("svg", Gt, [...t[0] ||= [E("path", {
+		fill: "currentColor",
+		d: "M10 3h4v11h-4zm0 18v-4h4v4z"
+	}, null, -1)]]);
+}
+var qt = p({
+	name: "mdi-exclamation-thick",
+	render: Kt
+}), Jt = { maxInputs: Infinity }, Yt = {
+	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"
+}, Xt = { class: "flex items-center gap-2 px-3 py-2.5" }, Zt = { class: "flex-1 min-w-0" }, Qt = { class: "text-xs font-semibold truncate text-color" }, $t = {
+	key: 0,
+	class: "text-[10px] text-muted truncate mt-0.5"
+}, en = /*#__PURE__*/ ve(/* @__PURE__ */ A({
+	__name: "BaseNode",
+	props: /*@__PURE__*/ n({
+		icon: {},
+		label: {},
+		subtitle: {},
+		color: {},
+		selected: { type: Boolean },
+		showInput: { type: Boolean },
+		showOutput: { type: Boolean },
+		maxInputs: {},
+		warning: {}
+	}, Jt),
+	setup(e) {
+		let t = {
+			backgroundColor: "var(--text-muted-color)",
+			borderColor: "var(--card-background)"
+		};
+		return (n, r) => {
+			let i = qt, a = N;
+			return o(), S("div", {
+				class: d(["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: C({ borderColor: e.color })
+			}, [
+				e.warning ? D((o(), S("div", Yt, [M(i, { class: "w-3.5 h-3.5" })])), [[
+					a,
+					e.warning,
+					void 0,
+					{ top: !0 }
+				]]) : h("", !0),
+				E("div", Xt, [E("div", {
+					class: "flex items-center justify-center w-8 h-8 rounded-md shrink-0",
+					style: C({
+						backgroundColor: `${e.color}20`,
+						color: e.color
+					})
+				}, [(o(), m(f(e.icon), { class: "w-4.5 h-4.5" }))], 4), E("div", Zt, [E("div", Qt, s(e.label), 1), e.subtitle ? (o(), S("div", $t, s(e.subtitle), 1)) : h("", !0)])]),
+				e.showInput ? (o(), m(v(X), {
+					key: 1,
+					type: "target",
+					position: v(Y).Top,
+					connectable: e.maxInputs,
+					class: "!w-5 !h-5 !border-2",
+					style: t
+				}, null, 8, ["position", "connectable"])) : h("", !0),
+				c(n.$slots, "handles", {}, () => [e.showOutput ? (o(), m(v(X), {
+					key: 0,
+					type: "source",
+					position: v(Y).Bottom,
+					class: "!w-5 !h-5 !border-2",
+					style: t
+				}, null, 8, ["position"])) : h("", !0)], !0)
+			], 6);
+		};
+	}
+}), [["__scopeId", "data-v-13cfb248"]]), tn = { class: "text-muted font-medium truncate" }, nn = { class: "text-color font-semibold text-right" }, Q = /* @__PURE__ */ A({
+	__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 } = R(), r = Z(), { lastOutput: i } = xe(r), c = Bt(() => t.id), l = y(() => W(t.type)), u = y(() => l.value ? n(l.value.labelKey) : t.type), { cameraName: f } = K(), { sensors: p } = z(), g = y(() => {
+			let e = t.data, n = e.alias, r = Wt(t.data, f, x);
+			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;
+		}), _ = y(() => t.type !== "action-output" || !i.value ? [] : Object.entries(i.value));
+		function x(e) {
+			let t = p.value.find((t) => t.id === e);
+			return t ? t.displayName.value || t.name : void 0;
+		}
+		return (t, n) => {
+			let r = F;
+			return o(), S("div", null, [M(en, {
+				icon: v(l).icon,
+				label: v(u),
+				subtitle: v(g),
+				color: v(l)?.color ?? "#3b82f6",
+				selected: e.selected,
+				warning: v(c),
+				"show-input": !0,
+				"show-output": !0
+			}, null, 8, [
+				"icon",
+				"label",
+				"subtitle",
+				"color",
+				"selected",
+				"warning"
+			]), e.type === "action-output" && v(_).length ? (o(), m(r, {
+				key: 0,
+				class: "cui-card mt-1",
+				pt: { body: { class: "p-0" } },
+				style: { "min-width": "180px" }
+			}, {
+				content: b(() => [(o(!0), S(w, null, a(v(_), (e, t) => (o(), S("div", {
+					key: t,
+					class: d(["flex justify-between gap-3 px-3 py-1.5 text-[11px]", { "border-t border-surface-100 dark:border-surface-800": t > 0 }])
+				}, [E("span", tn, s(e[0]), 1), E("span", nn, s(e[1]), 1)], 2))), 128))]),
+				_: 1
+			})) : h("", !0)]);
+		};
+	}
+}), rn = /* @__PURE__ */ A({
+	__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 } = R(), r = { borderColor: "var(--card-background)" }, i = Bt(() => t.id), a = y(() => W(t.type)), s = y(() => a.value ? n(a.value.labelKey) : t.type), { cameraName: c } = K(), { sensors: l } = z(), u = y(() => Wt(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(), m(en, {
+			icon: v(a).icon,
+			label: v(s),
+			subtitle: v(u),
+			color: v(a)?.color ?? "#f59e0b",
+			selected: e.selected,
+			warning: v(i),
+			"show-input": !0,
+			"show-output": !1,
+			"max-inputs": 1
+		}, {
+			handles: b(() => [M(v(X), {
+				type: "source",
+				position: v(Y).Bottom,
+				id: "true",
+				class: "!w-5 !h-5 !border-2",
+				style: C({
+					...r,
+					backgroundColor: "var(--text-success-color)",
+					left: "30%"
+				})
+			}, null, 8, ["position", "style"]), M(v(X), {
+				type: "source",
+				position: v(Y).Bottom,
+				id: "false",
+				class: "!w-5 !h-5 !border-2",
+				style: C({
+					...r,
+					backgroundColor: "var(--text-danger-color)",
+					left: "70%"
+				})
+			}, null, 8, ["position", "style"])]),
+			_: 1
+		}, 8, [
+			"icon",
+			"label",
+			"subtitle",
+			"color",
+			"selected",
+			"warning"
+		]));
+	}
+}), an = { class: "absolute top-5 left-1/2 -translate-x-1/2 text-[10px] text-muted whitespace-nowrap pointer-events-none" }, on = /* @__PURE__ */ A({
+	__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 } = R(), r = {
+			backgroundColor: "#f59e0b",
+			borderColor: "var(--card-background)"
+		}, i = Bt(() => t.id), c = y(() => W(t.type)), l = y(() => c.value ? n(c.value.labelKey) : t.type), u = y(() => t.data.type === "condition-switch" && Array.isArray(t.data.cases) ? t.data.cases : []), d = y(() => t.data.type === "condition-switch" && t.data.variable ? t.data.variable : void 0);
+		return (t, n) => (o(), m(en, {
+			icon: v(c).icon,
+			label: v(l),
+			subtitle: v(d),
+			color: v(c)?.color ?? "#f59e0b",
+			selected: e.selected,
+			warning: v(i),
+			"show-input": !0,
+			"show-output": !1,
+			"max-inputs": 1
+		}, {
+			handles: b(() => [(o(!0), S(w, null, a(v(u), (e, t) => (o(), m(v(X), {
+				id: v(kt)(e),
+				key: v(kt)(e),
+				type: "source",
+				position: v(Y).Bottom,
+				class: "!w-5 !h-5 !border-2",
+				style: C({
+					...r,
+					left: `${(t + 1) / (v(u).length + 1) * 100}%`
+				})
+			}, {
+				default: b(() => [E("div", an, s(e), 1)]),
+				_: 2
+			}, 1032, [
+				"id",
+				"position",
+				"style"
+			]))), 128))]),
+			_: 1
+		}, 8, [
+			"icon",
+			"label",
+			"subtitle",
+			"color",
+			"selected",
+			"warning"
+		]));
+	}
+}), $ = /* @__PURE__ */ A({
+	__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 } = R(), { cameraName: r } = K(), { sensors: i } = z(), a = Bt(() => t.id), s = y(() => W(t.type)), c = y(() => s.value ? n(s.value.labelKey) : t.type), l = y(() => Wt(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(), m(en, {
+			icon: v(s).icon,
+			label: v(c),
+			subtitle: v(l),
+			color: v(s)?.color ?? "#22c55e",
+			selected: e.selected,
+			warning: v(a),
+			"show-input": !1,
+			"show-output": !0
+		}, null, 8, [
+			"icon",
+			"label",
+			"subtitle",
+			"color",
+			"selected",
+			"warning"
+		]));
+	}
+}), sn = 50;
+function cn() {
+	let e = k([]), t = k([]);
+	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 > sn && 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: y(() => e.value.length > 0),
+		canRedo: y(() => t.value.length > 0)
+	};
+}
+//#endregion
+//#region src/components/CuiAutomation/CuiAutomationCanvas.vue?vue&type=script&setup=true&lang.ts
+var ln = { class: "absolute inset-0 flex items-center justify-center pointer-events-none" }, un = { class: "text-muted text-sm" }, dn = /* @__PURE__ */ A({
+	__name: "CuiAutomationCanvas",
+	props: {
+		flow: {},
+		mobile: { type: Boolean }
+	},
+	emits: ["node-select", "change"],
+	setup(e, { expose: n, emit: i }) {
+		let a = e, c = i, { t: l } = R(), { smBreakpoint: u } = ce(), { screenToFlowCoordinate: f, getViewport: m, dimensions: h } = q(), y = cn(), C = {
+			"trigger-detection": p($),
+			"trigger-sensor": p($),
+			"trigger-schedule": p($),
+			"trigger-webhook": p($),
+			"trigger-system": p($),
+			"trigger-manual": p($),
+			"trigger-geofence": p($),
+			"trigger-mqtt": p($),
+			"condition-ifelse": p(rn),
+			"condition-switch": p(on),
+			"condition-sensorstate": p(rn),
+			"condition-time": p(rn),
+			"action-snapshot": p(Q),
+			"action-sensor": p(Q),
+			"action-notification": p(Q),
+			"action-notification-control": p(Q),
+			"action-assistant": p(Q),
+			"action-http": p(Q),
+			"action-mqtt": p(Q),
+			"action-delay": p(Q),
+			"action-variable": p(Q),
+			"action-plugin": p(Q),
+			"action-camera-control": p(Q),
+			"action-image-input": p(Q),
+			"action-output": p(Q)
+		}, w = { default: p(Mt) }, T = j([...a.flow.nodes]), D = j([...a.flow.edges]);
+		function O() {
+			y.push(T.value, D.value);
+		}
+		function k() {
+			let e = y.undo(T.value, D.value);
+			e && (T.value = e.nodes, D.value = e.edges, c("node-select", null), c("change"));
+		}
+		function A() {
+			let e = y.redo(T.value, D.value);
+			e && (T.value = e.nodes, D.value = e.edges, c("node-select", null), c("change"));
+		}
+		function N(e) {
+			c("node-select", e.node.id);
+		}
+		function te() {
+			c("node-select", null);
+		}
+		function ne(e) {
+			let t = T.value.find((t) => t.id === e.source), n = T.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;
+			O();
+			let t = e.targetHandle ?? void 0, n = T.value.find((t) => t.id === e.target);
+			if (n?.type?.startsWith("condition-")) {
+				let n = D.value.find((n) => n.target === e.target && (n.targetHandle ?? void 0) === t);
+				n && (D.value = D.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
+			};
+			D.value.push(r);
+			let i = Ht(T.value.find((t) => t.id === e.source)?.data, n?.data);
+			i && n?.data && Object.assign(n.data, i), c("change");
+		}
+		function ie(e) {
+			e.some((e) => e.type === "remove") && (O(), c("node-select", null), c("change"));
+		}
+		function ae(e) {
+			let t = e.dataTransfer?.getData("application/automationnode");
+			if (!t) return;
+			let n = W(t);
+			if (!n) return;
+			O();
+			let r = f({
+				x: e.clientX,
+				y: e.clientY
+			}), i = {
+				id: me(12),
+				type: t,
+				position: r,
+				data: Ut({ ...n.defaults })
+			};
+			T.value = [...T.value, i], c("change");
+		}
+		function oe(e) {
+			let t = W(e);
+			if (!t) return;
+			O();
+			let { x: n, y: r, zoom: i } = m(), { width: a, height: o } = h.value, s = (-n + a / 2) / i, l = (-r + o / 2) / i, u = () => (Math.random() - .5) * 80, d = {
+				id: me(12),
+				type: e,
+				position: {
+					x: s + u(),
+					y: l + u()
+				},
+				data: Ut({ ...t.defaults })
+			};
+			return T.value = [...T.value, d], c("change"), d;
+		}
+		function se(e) {
+			O(), T.value = T.value.filter((t) => t.id !== e), D.value = D.value.filter((t) => t.source !== e && t.target !== e), c("change");
+		}
+		function le() {
+			O(), T.value = [], D.value = [], c("change");
+		}
+		function ue() {
+			return [...T.value];
+		}
+		function de() {
+			return [...D.value];
+		}
+		function P(e, t) {
+			let n = T.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(kt));
+				D.value = D.value.filter((t) => t.source !== e || !t.sourceHandle?.startsWith("case-") || n.has(t.sourceHandle));
+			}
+		}
+		function fe(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 x(() => a.flow._id, () => {
+			T.value = [...a.flow.nodes], D.value = [...a.flow.edges], y.clear();
+		}), ee(() => window.addEventListener("keydown", fe)), r(() => window.removeEventListener("keydown", fe)), n({
+			removeNode: se,
+			addNodeAtCenter: oe,
+			clearAll: le,
+			getNodes: ue,
+			getEdges: de,
+			updateNodeData: P,
+			undo: k,
+			redo: A,
+			canUndo: y.canUndo,
+			canRedo: y.canRedo
+		}), (n, r) => (o(), S("div", {
+			ref: "canvasRef",
+			class: d(["h-full w-full border-left-color border-bottom-color border-right-color rounded-b-xl overflow-hidden", { "rounded-none! border-0!": v(u) }]),
+			onDrop: ae,
+			onDragover: r[2] ||= t(() => {}, ["prevent"]),
+			onDragenter: r[3] ||= t(() => {}, ["prevent"])
+		}, [M(v(Me), {
+			nodes: v(T),
+			"onUpdate:nodes": r[0] ||= (e) => _(T) ? T.value = e : null,
+			edges: v(D),
+			"onUpdate:edges": r[1] ||= (e) => _(D) ? D.value = e : null,
+			"node-types": C,
+			"edge-types": w,
+			"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: N,
+			onPaneClick: te,
+			onConnect: re,
+			onNodesChange: ie
+		}, g({
+			default: b(() => [M(v(ze), { gap: 16 }), M(v(Ot))]),
+			_: 2
+		}, [v(T).length ? void 0 : {
+			name: "default",
+			fn: b(() => [E("div", ln, [E("span", un, s(e.mobile ? v(l)("views.automation.no_nodes_mobile") : v(l)("views.automation.no_nodes")), 1)])]),
+			key: "0"
+		}]), 1032, [
+			"nodes",
+			"edges",
+			"default-viewport"
+		])], 34));
+	}
+}), fn = {
+	"trigger-detection": P(() => import("./ConfigTriggerDetection-D37OkR_u.js")),
+	"trigger-sensor": P(() => import("./ConfigTriggerSensor-BFGEtBVF.js")),
+	"trigger-schedule": P(() => import("./ConfigTriggerSchedule-_ThdB8Bb.js")),
+	"trigger-webhook": P(() => import("./ConfigTriggerWebhook-DegifRdj.js")),
+	"trigger-mqtt": P(() => import("./ConfigTriggerMqtt-BX6uNEZy.js")),
+	"trigger-system": P(() => import("./ConfigTriggerSystem-fRnAgUGR.js")),
+	"trigger-manual": P(() => import("./ConfigTriggerManual-B0DDQtoz.js")),
+	"trigger-geofence": P(() => import("./ConfigTriggerGeofence-EbXy_y3Q.js")),
+	"action-snapshot": P(() => import("./ConfigActionSnapshot-CRjD5AMC.js")),
+	"action-sensor": P(() => import("./ConfigActionSensor-Dzp16VyX.js")),
+	"action-notification": P(() => import("./ConfigActionNotification-DIL7abEm.js")),
+	"action-notification-control": P(() => import("./ConfigActionNotificationControl-BQ2w5yeg.js")),
+	"action-assistant": P(() => import("./ConfigActionAssistant-DVVVfVvT.js")),
+	"action-http": P(() => import("./ConfigActionHttp-BsNy03j4.js")),
+	"action-mqtt": P(() => import("./ConfigActionMqtt-PZqAKfTo.js")),
+	"action-delay": P(() => import("./ConfigActionDelay-zU6H75hY.js")),
+	"action-variable": P(() => import("./ConfigActionVariable-CR8g7gEh.js")),
+	"action-plugin": P(() => import("./ConfigActionPlugin-BUfTEJQ_.js")),
+	"action-image-input": P(() => import("./ConfigActionImageInput-JUvNYn0w.js")),
+	"action-output": P(() => import("./ConfigActionOutput-DVilKhPV.js")),
+	"action-camera-control": P(() => import("./ConfigActionCameraControl-BPpzE9-F.js")),
+	"condition-ifelse": P(() => import("./ConfigConditionIfElse-CHoSgzXF.js")),
+	"condition-switch": P(() => import("./ConfigConditionSwitch-Ds-nqWeU.js")),
+	"condition-sensorstate": P(() => import("./ConfigConditionSensorState-Dn8_OhQe.js")),
+	"condition-time": P(() => import("./ConfigConditionTime-DWNfEluj.js"))
+}, pn = { class: "h-full overflow-y-auto flex flex-col" }, mn = { class: "flex items-center gap-2 px-4 py-3 border-bottom-color" }, hn = { class: "flex-1 min-w-0" }, gn = { class: "text-sm font-semibold truncate text-color" }, _n = { class: "text-xs text-muted" }, vn = { class: "flex-1 overflow-y-auto" }, yn = { class: "text-color font-normal text-sm" }, bn = { class: "flex flex-col field-gap" }, xn = { class: "text-color font-normal text-sm" }, Sn = { class: "text-color font-normal text-sm" }, Cn = { class: "flex flex-col gap-3" }, wn = { class: "flex flex-col field-gap" }, Tn = { class: "cui-label" }, En = {
+	key: 0,
+	class: "flex flex-col field-gap"
+}, Dn = { class: "cui-label" }, On = {
+	key: 1,
+	class: "flex flex-col field-gap"
+}, kn = { class: "cui-label" }, An = { class: "p-4 border-top-color" }, jn = /* @__PURE__ */ A({
+	__name: "CuiAutomationNodeConfig",
+	props: { node: {} },
+	emits: [
+		"close",
+		"update:data",
+		"delete"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, { t: i } = R(), a = y(() => n.node.type ? W(n.node.type) : void 0), c = y(() => n.node.type?.startsWith("action-")), l = y(() => {
+			if (n.node.type) return fn[n.node.type];
+		}), u = y(() => {
+			let e = ["config"];
+			return c.value && n.node.data.alias && e.push("alias"), a.value?.supportsRepeat && n.node.data.repeat > 1 && e.push("repeat"), e;
+		});
+		function d(e) {
+			r("update:data", e);
+		}
+		return (t, n) => {
+			let r = V, p = Se, g = we, _ = B, y = te, x = H, w = Ce, T = Ee, D = Te;
+			return o(), S("div", pn, [
+				E("div", mn, [
+					E("div", {
+						class: "flex items-center justify-center w-8 h-8 rounded-md shrink-0",
+						style: C({
+							backgroundColor: `${v(a)?.color}20`,
+							color: v(a)?.color
+						})
+					}, [(o(), m(f(v(a)?.icon), { class: "w-4 h-4" }))], 4),
+					E("div", hn, [E("div", gn, s(v(a) ? v(i)(v(a).labelKey) : e.node.type), 1), E("div", _n, s(v(i)("views.automation.node_config")), 1)]),
+					M(p, {
+						severity: "secondary",
+						text: "",
+						rounded: "",
+						class: "shrink-0 cui-icon-sm",
+						onClick: n[0] ||= (e) => t.$emit("close")
+					}, {
+						icon: b(() => [M(r, {
+							width: "100%",
+							height: "100%"
+						})]),
+						_: 1
+					})
+				]),
+				E("div", vn, [M(D, {
+					multiple: "",
+					value: v(u),
+					class: "w-[300px]"
+				}, {
+					default: b(() => [
+						v(c) ? (o(), m(w, {
+							key: 0,
+							value: "alias"
+						}, {
+							default: b(() => [M(g, { class: "px-4 rounded-none!" }, {
+								default: b(() => [E("span", yn, s(v(i)("components.automation_nodes.alias")), 1)]),
+								_: 1
+							}), M(x, { pt: { content: { class: "px-4 w-[300px]" } } }, {
+								default: b(() => [E("div", bn, [M(_, {
+									"model-value": e.node.data.alias ?? "",
+									placeholder: v(i)("components.automation_nodes.alias_placeholder"),
+									"onUpdate:modelValue": n[1] ||= (e) => d({ alias: e || void 0 })
+								}, null, 8, ["model-value", "placeholder"]), M(y, {
+									severity: "secondary",
+									variant: "simple",
+									size: "small",
+									class: "cui-input-hint"
+								}, {
+									default: b(() => [O(s(v(i)("components.automation_nodes.alias_hint")), 1)]),
+									_: 1
+								})])]),
+								_: 1
+							})]),
+							_: 1
+						})) : h("", !0),
+						v(l) ? (o(), m(w, {
+							key: 1,
+							value: "config"
+						}, {
+							default: b(() => [M(g, { class: "px-4 rounded-none!" }, {
+								default: b(() => [E("span", xn, s(v(i)("views.automation.node_config")), 1)]),
+								_: 1
+							}), M(x, { pt: { content: { class: "px-4 w-[300px]" } } }, {
+								default: b(() => [E("div", null, [(o(), m(f(v(l)), {
+									data: e.node.data,
+									"node-id": e.node.id,
+									"onUpdate:data": d
+								}, null, 40, ["data", "node-id"]))])]),
+								_: 1
+							})]),
+							_: 1
+						})) : h("", !0),
+						v(a)?.supportsRepeat ? (o(), m(w, {
+							key: 2,
+							value: "repeat"
+						}, {
+							default: b(() => [M(g, { class: "px-4 rounded-none!" }, {
+								default: b(() => [E("span", Sn, s(v(i)("components.automation_nodes.repeat")), 1)]),
+								_: 1
+							}), M(x, { pt: { content: { class: "px-4 w-[300px]" } } }, {
+								default: b(() => [E("div", Cn, [
+									E("div", wn, [E("label", Tn, s(v(i)("components.automation_nodes.repeat_count")), 1), M(T, {
+										"model-value": e.node.data.repeat ?? 1,
+										min: 1,
+										max: 1e5,
+										class: "w-full",
+										"onUpdate:modelValue": n[2] ||= (e) => d({ repeat: e })
+									}, null, 8, ["model-value"])]),
+									e.node.data.repeat > 1 ? (o(), S("div", En, [
+										E("label", Dn, s(v(i)("components.automation_nodes.repeat_concurrency")), 1),
+										M(T, {
+											"model-value": e.node.data.repeatConcurrency ?? 1,
+											min: 1,
+											max: 64,
+											class: "w-full",
+											"onUpdate:modelValue": n[3] ||= (e) => d({ repeatConcurrency: e })
+										}, null, 8, ["model-value"]),
+										M(y, {
+											severity: "secondary",
+											variant: "simple",
+											size: "small",
+											class: "cui-input-hint"
+										}, {
+											default: b(() => [O(s(v(i)("components.automation_nodes.repeat_concurrency_hint")), 1)]),
+											_: 1
+										})
+									])) : h("", !0),
+									e.node.data.repeat > 1 ? (o(), S("div", On, [E("label", kn, s(v(i)("components.automation_nodes.repeat_delay")), 1), M(T, {
+										"model-value": e.node.data.repeatDelayMs ?? 0,
+										min: 0,
+										max: 6e4,
+										suffix: " ms",
+										class: "w-full",
+										"onUpdate:modelValue": n[4] ||= (e) => d({ repeatDelayMs: e })
+									}, null, 8, ["model-value"])])) : h("", !0)
+								])]),
+								_: 1
+							})]),
+							_: 1
+						})) : h("", !0)
+					]),
+					_: 1
+				}, 8, ["value"])]),
+				E("div", An, [M(p, {
+					severity: "danger",
+					fluid: "",
+					class: "w-full cui-button-medium",
+					label: v(i)("views.automation.delete_node"),
+					onClick: n[5] ||= (e) => t.$emit("delete")
+				}, null, 8, ["label"])])
+			]);
+		};
+	}
+}), Mn = {
+	key: 0,
+	class: "text-xs font-semibold text-muted uppercase tracking-wider mb-3"
+}, Nn = { class: "text-xs font-medium text-muted mb-2" }, Pn = { class: "flex flex-col gap-1.5" }, Fn = [
+	"draggable",
+	"onDragstart",
+	"onClick"
+], In = { class: "flex items-center gap-2.5 flex-1 min-w-0 px-3 py-2.5" }, Ln = { class: "flex-1 min-w-0" }, Rn = { class: "text-[13px] font-medium truncate text-color block leading-tight" }, zn = {
+	key: 0,
+	class: "text-[11px] text-muted block truncate mt-0.5 leading-tight"
+}, Bn = /*#__PURE__*/ ve(/* @__PURE__ */ A({
+	__name: "CuiAutomationNodePalette",
+	props: /*@__PURE__*/ n({ mode: {} }, G),
+	emits: ["node-click"],
+	setup(e) {
+		let { t } = R(), 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, c) => (o(), S("div", { class: d(["overflow-y-auto p-3", e.mode === "drag" ? "h-full" : ""]) }, [e.mode === "drag" ? (o(), S("div", Mn, s(v(t)("views.automation.node_palette")), 1)) : h("", !0), (o(), S(w, null, a(n, (n) => E("div", {
+			key: n.key,
+			class: "mb-4"
+		}, [E("div", Nn, s(v(t)(n.labelKey)), 1), E("div", Pn, [(o(!0), S(w, null, a(n.nodes, (n) => (o(), S("div", {
+			key: n.type,
+			class: d(["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
+		}, [E("div", {
+			class: "automation-palette-node__accent",
+			style: C({ backgroundColor: n.color })
+		}, null, 4), E("div", In, [E("div", {
+			class: "flex items-center justify-center w-8 h-8 rounded-lg shrink-0",
+			style: C({
+				backgroundColor: `${n.color}15`,
+				color: n.color
+			})
+		}, [(o(), m(f(n.icon), { class: "w-4.5 h-4.5" }))], 4), E("div", Ln, [E("span", Rn, s(v(t)(n.labelKey)), 1), e.mode === "click" ? (o(), S("span", zn, s(v(t)(n.descriptionKey)), 1)) : h("", !0)])])], 42, Fn))), 128))])])), 64))], 2));
+	}
+}), [["__scopeId", "data-v-08caad7f"]]), Vn = { class: "flex items-center gap-2 px-3 py-2 border-bottom-color card-background min-h-[48px]" }, Hn = /* @__PURE__ */ A({
+	__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 } = R(), { smBreakpoint: a } = ce(), s = T("menuRef"), c = y(() => [{
+			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, l = Se, u = B, f = se, p = ne, g = He, _ = ie, y = N;
+			return o(), S("div", Vn, [
+				v(a) ? h("", !0) : (o(), m(l, {
+					key: 0,
+					severity: "secondary",
+					text: "",
+					rounded: "",
+					class: "cui-icon-md shrink-0",
+					onClick: n[0] ||= (e) => t.$router.push("/automations")
+				}, {
+					icon: b(() => [M(r, {
+						width: "100%",
+						height: "100%"
+					})]),
+					_: 1
+				})),
+				M(u, {
+					"model-value": e.flow.name,
+					class: d(["font-medium text-sm min-w-0 flex-1", { "max-w-[300px]": !v(a) }]),
+					placeholder: v(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] ||= E("div", { class: "flex-1" }, null, -1),
+				M(f, {
+					"model-value": e.flow.enabled,
+					class: "shrink-0",
+					"onUpdate:modelValue": n[2] ||= (e) => t.$emit("toggle-enabled")
+				}, null, 8, ["model-value"]),
+				e.showHistory ? D((o(), m(l, {
+					key: 1,
+					severity: "secondary",
+					text: "",
+					rounded: "",
+					class: "cui-icon-md shrink-0",
+					onClick: n[3] ||= (e) => t.$emit("show-history")
+				}, {
+					icon: b(() => [M(p, {
+						width: "100%",
+						height: "100%"
+					})]),
+					_: 1
+				})), [[
+					y,
+					{ value: v(i)("views.automations.run_history") },
+					void 0,
+					{ bottom: !0 }
+				]]) : h("", !0),
+				M(l, {
+					severity: "secondary",
+					text: "",
+					rounded: "",
+					class: "cui-icon-md shrink-0",
+					onClick: n[4] ||= (e) => v(s)?.toggleMenu(e)
+				}, {
+					icon: b(() => [M(g, {
+						width: "100%",
+						height: "100%"
+					})]),
+					_: 1
+				}),
+				M(_, {
+					ref_key: "menuRef",
+					ref: s,
+					items: v(c),
+					"auto-hide": !1,
+					popover: { pt: {
+						root: { class: "w-[18rem]" },
+						content: { class: "p-0! rounded-xl! overflow-hidden!" }
+					} }
+				}, null, 8, ["items"])
+			]);
+		};
+	}
+}), Un = { class: "flex flex-col gap-4 w-full" }, Wn = {
+	key: 1,
+	class: "text-sm text-muted"
+}, Gn = /* @__PURE__ */ A({
+	__name: "CuiAutomationMobileNodeConfig",
+	props: { node: {} },
+	setup(e, { expose: t }) {
+		let n = e, { t: r } = R(), i = Z(), a = y(() => {
+			if (n.node.type) return fn[n.node.type];
+		});
+		function c(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(), S("div", Un, [v(a) ? (o(), m(f(v(a)), {
+			key: 0,
+			data: e.node.data,
+			"node-id": e.node.id,
+			"onUpdate:data": c
+		}, null, 40, ["data", "node-id"])) : (o(), S("div", Wn, s(v(r)("views.automation.no_node_selected")), 1))]));
+	}
+}), Kn = { class: "h-full w-full relative overflow-hidden flex flex-col" }, qn = { class: "flex flex-1 min-h-0" }, Jn = { class: "relative w-6 h-6" }, Yn = {
+	key: 1,
+	class: "flex flex-1 items-center justify-center"
+}, Xn = {
+	key: 2,
+	class: "flex flex-1 items-center justify-center"
+}, Zn = { class: "text-muted" }, Qn = /*@__PURE__*/ A({
+	__name: "Automation",
+	setup(e) {
+		let t = P(() => import("./CuiAutomationRunsDialog-DXpNJqDE.js")), n = new Oe(), r = ye(), i = re(), { t: a } = R(), { smBreakpoint: c } = ce(), { bottombarHeight: u } = pe(), p = fe(), g = le(), O = Z(), k = y(() => r.params.id), A = y(() => k.value === "new"), ee = y(() => _e(void 0, "admin")), { data: te, isBusy: ne } = n.getAutomationQuery(k), { mutateAsync: ie } = n.createAutomationQuery(), { mutateAsync: se } = n.patchAutomationQuery(), { mutateAsync: ge } = n.deleteAutomationQuery(), { mutateAsync: ve } = n.triggerAutomationQuery(), F = T("canvasRef"), I = j(!1), L = j(!1), be = j(!1), xe = j(!1), z = !1, B, V = y({
+			get: () => O.draft,
+			set: (e) => {
+				O.draft = e;
+			}
+		}), H = y(() => {
+			if (V.value && O.selectedNodeId) return V.value.nodes.find((e) => e.id === O.selectedNodeId);
+		}), Ce = y(() => {
+			if (!c.value && H.value) return "calc(300px + 1.25rem + var(--safe-area-inset-right))";
+		}), we = y(() => [
+			...V.value?.nodes.some((e) => e.type === "trigger-manual") ?? !1 ? [{
+				label: a("views.automation.run"),
+				icon: de,
+				buttonProps: { disabled: A.value || L.value },
+				command: () => He()
+			}] : [],
+			{
+				label: a("views.automation.undo"),
+				icon: Be,
+				buttonProps: { disabled: !be.value },
+				command: () => {
+					F.value?.undo(), G();
+				}
+			},
+			{
+				label: a("views.automation.redo"),
+				icon: Fe,
+				buttonProps: { disabled: !xe.value },
+				command: () => {
+					F.value?.redo(), G();
+				}
+			},
+			{
+				label: a("views.automation.export_blueprint"),
+				icon: $e,
+				command: () => Ue()
+			},
+			{
+				label: a("views.automation.clear"),
+				icon: Re,
+				command: () => We()
+			},
+			{
+				label: a("views.automations.delete"),
+				icon: nt,
+				buttonProps: { severity: "danger" },
+				command: () => Ge()
+			}
+		]);
+		function Te() {
+			be.value = F.value?.canUndo ?? !1, xe.value = F.value?.canRedo ?? !1;
+		}
+		function Ee() {
+			V.value = {
+				_id: me(12),
+				name: a("views.automation.untitled"),
+				enabled: !1,
+				nodes: [],
+				edges: [],
+				suppressDuplicates: !1,
+				singleExecution: !1,
+				createdAt: Date.now(),
+				updatedAt: Date.now()
+			}, O.selectedNodeId = null;
+		}
+		function U() {
+			clearTimeout(B), B = setTimeout(() => {
+				J(), O.validationIssues = It(V.value);
+			}, 300);
+		}
+		function G() {
+			L.value = !0, Te(), U();
+		}
+		function K() {
+			p.openComponentDialog(t, { data: {
+				title: a("views.automations.run_history"),
+				contentProps: { flowId: k.value },
+				hideConfirmButton: !0
+			} });
+		}
+		function Me() {
+			J(), 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), F.value?.updateNodeData(e, { ...n.data }), G();
+			}
+		}
+		function q() {
+			if (!V.value) return {};
+			let e = F.value?.getNodes?.() ?? V.value.nodes, t = F.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 Le() {
+			if (!V.value) return;
+			J();
+			let e = q();
+			try {
+				if (A.value) {
+					let t = await ie({ data: e });
+					L.value = !1, i.replace(`/automations/${t._id}`);
+				} else {
+					let t = await se({
+						id: V.value._id,
+						data: e
+					});
+					if (L.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);
+					}
+					g.add({
+						severity: "success",
+						detail: a("views.automation.saved"),
+						life: 3e3
+					});
+				}
+			} catch {
+				g.add({
+					severity: "error",
+					detail: a("views.automation.save_failed"),
+					life: 3e3
+				});
+			}
+		}
+		function J() {
+			if (!V.value) return;
+			let e = F.value?.getNodes(), t = F.value?.getEdges();
+			e && (V.value.nodes = e), t && (V.value.edges = t);
+		}
+		function Y(e) {
+			if (O.selectedNodeId = e, c.value && e) {
+				J();
+				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;
+				p.openComponentDialog(Gn, {
+					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) || (F.value?.removeNode(i), G());
+					}
+				});
+			}
+		}
+		function X(e) {
+			I.value = !1, F.value?.addNodeAtCenter(e), G();
+		}
+		function ze() {
+			O.selectedNodeId && (F.value?.removeNode(O.selectedNodeId), V.value && (V.value.nodes = V.value.nodes.filter((e) => e.id !== O.selectedNodeId), V.value.edges = V.value.edges.filter((e) => e.source !== O.selectedNodeId && e.target !== O.selectedNodeId)), O.selectedNodeId = null, O.lastOutput = null, G());
+		}
+		async function He() {
+			if (V.value && !A.value) try {
+				O.lastOutput = null;
+				let e = await ve({ id: V.value._id });
+				e?.output && Object.keys(e.output).length > 0 && (O.lastOutput = e.output), g.add({
+					severity: "success",
+					detail: a("views.automation.triggered"),
+					life: 3e3
+				});
+			} catch {
+				g.add({
+					severity: "error",
+					detail: a("views.automation.trigger_failed"),
+					life: 3e3
+				});
+			}
+		}
+		function Ue() {
+			if (!V.value) return;
+			Le();
+			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" });
+			he({
+				blob: n,
+				filename: `${V.value.name.replace(/\s+/g, "_").toLowerCase()}.blueprint.json`
+			});
+		}
+		function We() {
+			p.openTextDialog({
+				data: {
+					title: a("views.automation.clear"),
+					contentText: a("views.automation.clear_confirm"),
+					confirmText: a("views.automation.clear")
+				},
+				onConfirm: async () => {
+					F.value?.clearAll(), V.value && (V.value.nodes = [], V.value.edges = []), O.selectedNodeId = null, G();
+				}
+			});
+		}
+		function Ge() {
+			if (!V.value) return;
+			let e = V.value._id;
+			p.openTextDialog({
+				data: {
+					title: a("views.automations.delete"),
+					contentText: a("views.automations.delete_confirm"),
+					confirmText: a("views.automations.delete")
+				},
+				onConfirm: async () => {
+					await ge({ id: e }), i.push("/automations");
+				}
+			});
+		}
+		function Ke() {
+			i.push("/automations");
+		}
+		return x(k, (e) => {
+			O.activeFlowId = e === "new" ? null : e ?? null, O.selectedNodeId = null, O.lastOutput = null, L.value = !1, e === "new" ? Ee() : V.value = null;
+		}, { immediate: !0 }), x(te, (e) => {
+			e && !L.value && (V.value = JSON.parse(JSON.stringify(e)), O.validationIssues = It(V.value));
+		}, { immediate: !0 }), x(() => O.draftDirty, (e) => {
+			e && (O.draftDirty = !1, G());
+		}), oe((e) => !L.value || z ? !0 : (p.openTextDialog({
+			data: {
+				title: a("views.automation.unsaved_title"),
+				contentText: a("views.automation.unsaved_message"),
+				confirmText: a("views.automation.discard")
+			},
+			onConfirm: async () => {
+				z = !0, i.push(e.fullPath);
+			}
+		}), !1)), (e, t) => {
+			let n = je, r = Se, i = ae, p = De, g = Ae, y = ue, x = N;
+			return o(), S("div", Kn, [M(i, { position: "left" }, {
+				default: b(() => [M(r, {
+					severity: "secondary",
+					text: "",
+					class: "cui-button p-2 text-color non-draggable-region",
+					onClick: Ke
+				}, {
+					icon: b(() => [M(n, { class: "w-6 h-6" })]),
+					_: 1
+				})]),
+				_: 1
+			}), v(V) ? (o(), S(w, { key: 0 }, [
+				M(Hn, {
+					flow: v(V),
+					"show-history": !v(A) && v(ee),
+					onShowHistory: K,
+					"onUpdate:name": Ne,
+					onToggleEnabled: t[0] ||= (e) => {
+						v(V).enabled = !v(V).enabled, G();
+					},
+					onToggleSuppressDuplicates: t[1] ||= (e) => {
+						v(V).suppressDuplicates = !v(V).suppressDuplicates, G();
+					},
+					onToggleSingleExecution: t[2] ||= (e) => {
+						v(V).singleExecution = !v(V).singleExecution, G();
+					}
+				}, null, 8, ["flow", "show-history"]),
+				E("div", qn, [
+					v(c) ? h("", !0) : (o(), m(Bn, {
+						key: 0,
+						class: "w-[240px] shrink-0"
+					})),
+					M(dn, {
+						ref_key: "canvasRef",
+						ref: F,
+						flow: v(V),
+						mobile: v(c),
+						class: "flex-1 min-w-0",
+						onNodeSelect: Y,
+						onChange: Me
+					}, null, 8, ["flow", "mobile"]),
+					v(c) ? h("", !0) : (o(), S("div", {
+						key: 1,
+						class: "shrink-0 overflow-hidden transition-[width] duration-200 ease-in-out",
+						style: C({ width: v(H) ? "300px" : "0px" })
+					}, [v(H) ? (o(), m(jn, {
+						key: 0,
+						node: v(H),
+						class: "w-[300px]",
+						onClose: t[3] ||= (e) => v(O).selectedNodeId = null,
+						"onUpdate:data": t[4] ||= (e) => Ie(v(O).selectedNodeId, e),
+						onDelete: ze
+					}, null, 8, ["node"])) : h("", !0)], 4))
+				]),
+				M(p, {
+					model: v(we),
+					direction: "up",
+					"transition-delay": 80,
+					"tooltip-options": {
+						position: "left",
+						event: void 0
+					},
+					style: C({
+						position: "fixed",
+						zIndex: 15,
+						bottom: `calc(${v(u)}px + ${v(L) ? "4.25rem" : "1.25rem"} + var(--safe-area-inset-bottom))`,
+						right: v(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: b(({ visible: e, toggleCallback: t }) => [M(r, {
+						rounded: "",
+						severity: "secondary",
+						class: "pointer-events-auto",
+						onClick: t
+					}, {
+						icon: b(() => [E("div", Jn, [
+							E("div", {
+								class: d(["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),
+							E("div", {
+								class: d(["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),
+							E("div", {
+								class: d(["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 }) => [D((o(), m(r, l({ severity: "secondary" }, e.buttonProps, {
+						rounded: "",
+						class: "pointer-events-auto",
+						onClick: t
+					}), {
+						icon: b(() => [(o(), m(f(e.icon)))]),
+						_: 2
+					}, 1040, ["onClick"])), [[x, { value: e.label }]])]),
+					_: 1
+				}, 8, ["model", "style"]),
+				v(c) ? D((o(), m(r, {
+					key: 0,
+					rounded: "",
+					class: "pointer-events-auto text-white",
+					style: C({
+						position: "fixed",
+						zIndex: 15,
+						bottom: `calc(${v(u)}px + 1.25rem + var(--safe-area-inset-bottom))`,
+						right: "calc(4.75rem + var(--safe-area-inset-right))"
+					}),
+					onClick: t[5] ||= (e) => I.value = !0
+				}, {
+					icon: b(() => [M(v(Ve), { class: "w-5 h-5" })]),
+					_: 1
+				}, 8, ["style"])), [[x, { value: v(a)("views.automation.add_step") }]]) : h("", !0),
+				v(L) ? D((o(), m(r, {
+					key: 1,
+					rounded: "",
+					severity: "success",
+					class: "pointer-events-auto text-white",
+					style: C({
+						position: "fixed",
+						zIndex: 15,
+						bottom: `calc(${v(u)}px + 1.25rem + var(--safe-area-inset-bottom))`,
+						right: v(Ce) || "calc(1.25rem + var(--safe-area-inset-right))",
+						transition: "right 0.2s ease-in-out"
+					}),
+					onClick: Le
+				}, {
+					icon: b(() => [M(v(Pe), { class: "w-5 h-5" })]),
+					_: 1
+				}, 8, ["style"])), [[x, { value: v(a)("views.automation.save") }]]) : h("", !0),
+				M(g, {
+					modelValue: v(I),
+					"onUpdate:modelValue": t[6] ||= (e) => _(I) ? I.value = e : null,
+					title: v(a)("views.automation.add_step"),
+					"max-height": "70vh"
+				}, {
+					default: b(() => [M(Bn, {
+						mode: "click",
+						onNodeClick: X
+					})]),
+					_: 1
+				}, 8, ["modelValue", "title"])
+			], 64)) : v(ne) ? (o(), S("div", Yn, [M(y, {
+				class: "!w-8 !h-8",
+				"stroke-width": "5"
+			})])) : (o(), S("div", Xn, [E("span", Zn, s(v(a)("views.automations.no_automations")), 1)]))]);
+		};
+	}
+}), $n = /* @__PURE__ */ e({ default: () => er }), er = Qn;
+//#endregion
+export { Z as a, er as default, Ge as i, We as n, Ke as r, $n as t };