@camera.ui/server 2.1.11 → 2.1.13

package/dist/interface/ha/CuiPluginCard-ChLIfOms.js

@@ -0,0 +1,769 @@
+import { Dt as e, F as t, H as n, Jt as r, Wt as i, _ as a, _t as o, d as s, f as c, ft as l, kt as u, l as d, lt as f, ot as p, p as m, q as h, qt as g, rt as _, u as v, ut as y, v as ee, x as b, xt as x, y as S, yt as C } from "./runtime-core.esm-bundler-D8slQ3BU.js";
+import { t as te } from "./tooltip-BIrD_hC8.js";
+import { Dn as ne, Kr as re, Lr as w, Xr as ie, _r as ae, _t as T, ei as oe, fr as se, gi as E, gt as ce, kn as D, si as O, vr as k, yr as A } from "./api-CWJkvtnM.js";
+import { M as j } from "./protocol-BB4jdtUC-K1r3LFCq.js";
+import { i as M } from "./intercomService-jB2mTgsn.js";
+import { W as N } from "./pinia-3D39Do4a.js";
+import { n as P } from "./vue-i18n-Dcb07o5U.js";
+import { pt as F, ut as I } from "./dist-Ca9_5rzq.js";
+import { n as le, t as ue } from "./button-BlYuI0Q7.js";
+import { t as L } from "./plugins-dkWbXWVM.js";
+import { t as R } from "./useLogsSocket-CWUE-KXV.js";
+import { t as de } from "./CuiPluginOAuthButton-B6vPOEx2.js";
+import { t as z } from "./trash-fill-BPsrwR8X.js";
+import { t as B } from "./useUpdatesSocket-CaxEs511.js";
+//#region src/composables/usePluginUpdates.ts
+var V = 2e3, H = C({});
+function U() {
+	function e(e) {
+		return H[e];
+	}
+	function t(e) {
+		return H[e]?.status === "updating";
+	}
+	async function n(e, t, n) {
+		if (H[e]?.status === "updating") return !1;
+		H[e] = {
+			status: "updating",
+			lines: [],
+			version: t
+		};
+		let r = H[e], i = l(!0);
+		i.run(() => {
+			R({
+				target: e,
+				onStdout: (e) => {
+					r.lines.push(e), r.lines.length > V && r.lines.splice(0, r.lines.length - V);
+				}
+			});
+		});
+		try {
+			return await n(), r.status = "success", !0;
+		} catch (e) {
+			return r.status = "error", r.error = e?.response?.data?.message ?? e?.message ?? String(e), !1;
+		} finally {
+			i.stop();
+		}
+	}
+	return {
+		runs: H,
+		runOf: e,
+		isUpdating: t,
+		startUpdate: n
+	};
+}
+//#endregion
+//#region ~icons/gg/external
+var fe = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function W(e, t) {
+	return n(), m("svg", fe, [...t[0] ||= [v("g", { fill: "currentColor" }, [v("path", { d: "M15.64 7.025h-3.622v-2h7v7h-2v-3.55l-4.914 4.914l-1.414-1.414z" }), v("path", { d: "M10.982 6.975h-6v12h12v-6h-2v4h-8v-8h4z" })], -1)]]);
+}
+var pe = o({
+	name: "gg-external",
+	render: W
+}), me = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function G(e, t) {
+	return n(), m("svg", me, [...t[0] ||= [v("path", {
+		fill: "currentColor",
+		d: "M4.47 21h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0L2.74 18c-.77 1.33.19 3 1.73 3M12 14c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1m1 4h-2v-2h2z"
+	}, null, -1)]]);
+}
+var he = o({
+	name: "ic-round-warning",
+	render: G
+}), ge = {
+	viewBox: "0 0 48 48",
+	width: "1.2em",
+	height: "1.2em"
+}, _e = ["id"], K = ["mask"];
+function ve(e, t) {
+	return n(), m("svg", ge, [v("defs", null, [v("mask", { id: e.idMap.SVGREtFiUFR }, [...t[0] ||= [v("g", {
+		fill: "none",
+		"stroke-width": "4"
+	}, [
+		v("path", {
+			stroke: "#fff",
+			d: "M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4S4 12.954 4 24s8.954 20 20 20Z",
+			"clip-rule": "evenodd"
+		}),
+		v("path", {
+			fill: "#fff",
+			stroke: "#fff",
+			"stroke-linejoin": "round",
+			d: "M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4S4 12.954 4 24s8.954 20 20 20Z"
+		}),
+		v("path", {
+			stroke: "#000",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			d: "m33 27l-9-9l-9 9"
+		})
+	], -1)]], 8, _e)]), v("path", {
+		fill: "currentColor",
+		d: "M0 0h48v48H0z",
+		mask: "url(#" + e.idMap.SVGREtFiUFR + ")"
+	}, null, 8, K)]);
+}
+var ye = o({
+	name: "icon-park-solid-up-c",
+	render: ve,
+	setup() {
+		return { idMap: { SVGREtFiUFR: "uicons-" + Math.random().toString(36).substr(2, 10) } };
+	}
+}), be = ["fill"], xe = /* @__PURE__ */ b({
+	__name: "CuiJavascriptIcon",
+	props: { color: { default: "currentColor" } },
+	setup(t) {
+		let { color: r } = e(t);
+		return (e, t) => (n(), m("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 256 256",
+			role: "img",
+			"aria-hidden": "true",
+			fill: u(r)
+		}, [...t[0] ||= [v("g", null, [
+			v("path", {
+				d: "M0,0 L256,0 L256,256 L0,256 L0,0 Z",
+				fill: "#F7DF1E"
+			}),
+			v("path", {
+				d: "M67.311746,213.932292 L86.902654,202.076241 C90.6821079,208.777346 94.1202286,214.447137 102.367086,214.447137 C110.272203,214.447137 115.256076,211.354819 115.256076,199.326883 L115.256076,117.528787 L139.313575,117.528787 L139.313575,199.666997 C139.313575,224.58433 124.707759,235.925943 103.3984,235.925943 C84.1532952,235.925943 72.9819429,225.958603 67.3113397,213.93026",
+				fill: "#000000"
+			}),
+			v("path", {
+				d: "M152.380952,211.354413 L171.969422,200.0128 C177.125994,208.433981 183.827911,214.619835 195.684368,214.619835 C205.652521,214.619835 212.009041,209.635962 212.009041,202.762159 C212.009041,194.513676 205.479416,191.592025 194.481168,186.78207 L188.468419,184.202565 C171.111213,176.81473 159.597308,167.53534 159.597308,147.944838 C159.597308,129.901308 173.344508,116.153295 194.825752,116.153295 C210.119924,116.153295 221.117765,121.48094 229.021663,135.400432 L210.29059,147.428775 C206.166146,140.040127 201.699556,137.119289 194.826159,137.119289 C187.78047,137.119289 183.312254,141.587098 183.312254,147.428775 C183.312254,154.646349 187.78047,157.568406 198.089956,162.036622 L204.103924,164.614095 C224.553448,173.378641 236.067352,182.313448 236.067352,202.418387 C236.067352,224.071924 219.055137,235.927975 196.200432,235.927975 C173.860978,235.927975 159.425829,225.274311 152.381359,211.354413",
+				fill: "#000000"
+			})
+		], -1)]], 8, be));
+	}
+}), Se = ["fill"], Ce = /*#__PURE__*/ k(/* @__PURE__ */ b({
+	__name: "CuiGoIcon",
+	props: { color: { default: "currentColor" } },
+	setup(t) {
+		let { color: r } = e(t);
+		return (e, t) => (n(), m("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 256 256",
+			fill: u(r)
+		}, [...t[0] ||= [v("g", { fill: "none" }, [
+			v("rect", {
+				width: "256",
+				height: "256",
+				fill: "#00B4E0",
+				rx: "60"
+			}),
+			v("path", {
+				fill: "#fff",
+				d: "M40.5 113.234c-.4 0-.5-.2-.3-.5l2.1-2.7c.2-.3.7-.5 1.1-.5h35.7c.4 0 .5.3.3.6l-1.7 2.6c-.2.3-.7.6-1 .6zm-15.1 9.2c-.4 0-.5-.2-.3-.5l2.1-2.7c.2-.3.7-.5 1.1-.5h45.6c.4 0 .6.3.5.6l-.8 2.4c-.1.4-.5.6-.9.6zm24.2 9.2c-.4 0-.5-.3-.3-.6l1.4-2.5c.2-.3.6-.6 1-.6h20c.4 0 .6.3.6.7l-.2 2.4c0 .4-.4.7-.7.7zm103.8-20.2c-6.3 1.6-10.6 2.8-16.8 4.4-1.5.4-1.6.5-2.9-1-1.5-1.7-2.6-2.8-4.7-3.8-6.3-3.1-12.4-2.2-18.1 1.5-6.8 4.4-10.3 10.9-10.2 19 .1 8 5.6 14.6 13.5 15.7 6.8.9 12.5-1.5 17-6.6.9-1.1 1.7-2.3 2.7-3.7h-19.3c-2.1 0-2.6-1.3-1.9-3 1.3-3.1 3.7-8.3 5.1-10.9.3-.6 1-1.6 2.5-1.6h36.4c-.2 2.7-.2 5.4-.6 8.1-1.1 7.2-3.8 13.8-8.2 19.6-7.2 9.5-16.6 15.4-28.5 17-9.8 1.3-18.9-.6-26.9-6.6-7.4-5.6-11.6-13-12.7-22.2-1.3-10.9 1.9-20.7 8.5-29.3 7.1-9.3 16.5-15.2 28-17.3 9.4-1.7 18.4-.6 26.5 4.9 5.3 3.5 9.1 8.3 11.6 14.1.6.9.2 1.4-1 1.7"
+			}),
+			v("path", {
+				fill: "#fff",
+				d: "M186.5 166.734c-9.1-.2-17.4-2.8-24.4-8.8-5.9-5.1-9.6-11.6-10.8-19.3-1.8-11.3 1.3-21.3 8.1-30.2 7.3-9.6 16.1-14.6 28-16.7 10.2-1.8 19.8-.8 28.5 5.1 7.9 5.4 12.8 12.7 14.1 22.3 1.7 13.5-2.2 24.5-11.5 33.9-6.6 6.7-14.7 10.9-24 12.8-2.7.5-5.4.6-8 .9m23.8-40.4c-.1-1.3-.1-2.3-.3-3.3-1.8-9.9-10.9-15.5-20.4-13.3-9.3 2.1-15.3 8-17.5 17.4-1.8 7.8 2 15.7 9.2 18.9 5.5 2.4 11 2.1 16.3-.6 7.9-4.1 12.2-10.5 12.7-19.1"
+			})
+		], -1)]], 8, Se));
+	}
+}), [["__scopeId", "data-v-6c6195ac"]]), we = ["fill"], Te = /* @__PURE__ */ b({
+	__name: "CuiPythonIcon",
+	props: { color: { default: "currentColor" } },
+	setup(t) {
+		let { color: r } = e(t);
+		return (e, t) => (n(), m("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 256 255",
+			role: "img",
+			"aria-hidden": "true",
+			fill: u(r)
+		}, [...t[0] ||= [a("<defs><linearGradient id=\"linearGradient-1\" x1=\"12.9593594%\" y1=\"12.0393928%\" x2=\"79.6388325%\" y2=\"78.2008538%\"><stop stop-color=\"#387EB8\" offset=\"0%\"></stop><stop stop-color=\"#366994\" offset=\"100%\"></stop></linearGradient><linearGradient id=\"linearGradient-2\" x1=\"19.127525%\" y1=\"20.5791813%\" x2=\"90.7415328%\" y2=\"88.4290372%\"><stop stop-color=\"#FFE052\" offset=\"0%\"></stop><stop stop-color=\"#FFC331\" offset=\"100%\"></stop></linearGradient></defs><g><path d=\"M126.915866,0.0722755491 C62.0835831,0.0722801733 66.1321288,28.1874648 66.1321288,28.1874648 L66.2044043,57.3145115 L128.072276,57.3145115 L128.072276,66.0598532 L41.6307171,66.0598532 C41.6307171,66.0598532 0.144551098,61.3549438 0.144551098,126.771315 C0.144546474,192.187673 36.3546019,189.867871 36.3546019,189.867871 L57.9649915,189.867871 L57.9649915,159.51214 C57.9649915,159.51214 56.8001363,123.302089 93.5968379,123.302089 L154.95878,123.302089 C154.95878,123.302089 189.434218,123.859386 189.434218,89.9830604 L189.434218,33.9695088 C189.434218,33.9695041 194.668541,0.0722755491 126.915866,0.0722755491 L126.915866,0.0722755491 L126.915866,0.0722755491 Z M92.8018069,19.6589497 C98.9572068,19.6589452 103.932242,24.6339846 103.932242,30.7893845 C103.932246,36.9447844 98.9572068,41.9198193 92.8018069,41.9198193 C86.646407,41.9198239 81.6713721,36.9447844 81.6713721,30.7893845 C81.6713674,24.6339846 86.646407,19.6589497 92.8018069,19.6589497 L92.8018069,19.6589497 L92.8018069,19.6589497 Z\" fill=\"url(#linearGradient-1)\"></path><path d=\"M128.757101,254.126271 C193.589403,254.126271 189.540839,226.011081 189.540839,226.011081 L189.468564,196.884035 L127.600692,196.884035 L127.600692,188.138693 L214.042251,188.138693 C214.042251,188.138693 255.528417,192.843589 255.528417,127.427208 C255.52844,62.0108566 219.318366,64.3306589 219.318366,64.3306589 L197.707976,64.3306589 L197.707976,94.6863832 C197.707976,94.6863832 198.87285,130.896434 162.07613,130.896434 L100.714182,130.896434 C100.714182,130.896434 66.238745,130.339138 66.238745,164.215486 L66.238745,220.229038 C66.238745,220.229038 61.0044225,254.126271 128.757101,254.126271 L128.757101,254.126271 L128.757101,254.126271 Z M162.87116,234.539597 C156.715759,234.539597 151.740726,229.564564 151.740726,223.409162 C151.740726,217.253759 156.715759,212.278727 162.87116,212.278727 C169.026563,212.278727 174.001595,217.253759 174.001595,223.409162 C174.001618,229.564564 169.026563,234.539597 162.87116,234.539597 L162.87116,234.539597 L162.87116,234.539597 Z\" fill=\"url(#linearGradient-2)\"></path></g>", 2)]], 8, we));
+	}
+}), Ee = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function De(e, t) {
+	return n(), m("svg", Ee, [...t[0] ||= [v("g", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2.5"
+	}, [v("path", { d: "M12 3a9 9 0 1 1-5.657 2" }), v("path", { d: "M3 4.5h4v4" })], -1)]]);
+}
+var Oe = o({
+	name: "iconamoon-restart-bold",
+	render: De
+}), ke = { HEIGHT: 220 }, Ae = {
+	viewBox: "0 0 32 32",
+	width: "1.2em",
+	height: "1.2em"
+};
+function je(e, t) {
+	return n(), m("svg", Ae, [...t[0] ||= [v("path", {
+		fill: "currentColor",
+		d: "M16 2a14 14 0 1 0 14 14A14 14 0 0 0 16 2m6 18a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2Z"
+	}, null, -1)]]);
+}
+var Me = o({
+	name: "carbon-stop-filled",
+	render: je
+}), Ne = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Pe(e, t) {
+	return n(), m("svg", Ne, [...t[0] ||= [v("path", {
+		fill: "currentColor",
+		d: "M21.4086 9.35258C23.5305 10.5065 23.5305 13.4935 21.4086 14.6474L8.59662 21.6145C6.53435 22.736 4 21.2763 4 18.9671L4 5.0329C4 2.72368 6.53435 1.26402 8.59661 2.38548L21.4086 9.35258Z"
+	}, null, -1)]]);
+}
+var Fe = o({
+	name: "solar-play-bold",
+	render: Pe
+}), Ie = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Le(e, t) {
+	return n(), m("svg", Ie, [...t[0] ||= [v("path", {
+		fill: "currentColor",
+		"fill-rule": "evenodd",
+		d: "M16.242 7.757A6 6 0 0 0 6.81 8.986l.734-.376a1 1 0 0 1 .911 1.78l-2.704 1.385l-.438-.856l.438.856a1.222 1.222 0 0 1-1.708-.678l-.985-2.761a1 1 0 0 1 1.884-.672l.123.345a8 8 0 1 1 6.364 11.971a1 1 0 0 1 .142-1.995a6 6 0 0 0 4.672-10.227M12 7.111a1 1 0 0 1 1 1v3.808c0 .317-.126.621-.35.845l-2.443 2.443a1 1 0 0 1-1.414-1.414L11 11.586V8.11a1 1 0 0 1 1-1m-5.657 9.132a1 1 0 0 1 1.414 0q.386.384.815.683a1 1 0 1 1-1.144 1.64a8 8 0 0 1-1.085-.91a1 1 0 0 1 0-1.413",
+		"clip-rule": "evenodd"
+	}, null, -1)]]);
+}
+var Re = o({
+	name: "stash-version-solid",
+	render: Le
+}), ze = 5e3, q = /* @__PURE__ */ new Map(), J = /* @__PURE__ */ new Map(), Y = /* @__PURE__ */ new Map(), X = /* @__PURE__ */ new Map(), Z = x([]), Be = null, Q = null;
+function Ve(e, t) {
+	switch (t) {
+		case N.ERROR:
+			e.statusColor = "#9d5752";
+			break;
+		case N.STARTING:
+			e.statusColor = "orange";
+			break;
+		case N.READY:
+			e.statusColor = "yellow";
+			break;
+		case N.STARTED:
+			e.statusColor = "green";
+			break;
+		case N.STOPPED:
+			e.statusColor = "red";
+			break;
+		case N.UPDATE_REQUIRED:
+		case N.SERVER_UPDATE_REQUIRED:
+			e.statusColor = "orange";
+			break;
+		case N.DISABLED:
+		case N.UNKNOWN:
+		default: e.statusColor = "gray";
+	}
+}
+function He(e, t) {
+	let n = q.get(e);
+	n && (n.status = t.status, Ve(n, t.status));
+}
+async function $(e) {
+	if (Q?.ready.value) try {
+		He(e, await Q.request("get-plugin-status", e));
+	} catch {}
+}
+async function Ue() {
+	if (Q?.ready.value) try {
+		Z.value = await Q.request("get-manage-queue");
+	} catch {}
+}
+function We() {
+	return Q || (Be = l(!0), Be.run(() => {
+		let e = O("/plugins");
+		Q = e, e.on("manage-queue", (e) => {
+			Z.value = e;
+		}), e.onReady(() => {
+			for (let e of q.keys()) $(e);
+			Ue();
+		});
+	}), Q);
+}
+function Ge(e) {
+	if (X.has(e)) return;
+	let t = We().on(`plugin-status-${e}`, (t) => He(e, t));
+	X.set(e, t);
+}
+function Ke(e) {
+	let t = Y.get(e);
+	t && (clearTimeout(t), Y.delete(e)), q.has(e) || q.set(e, C({
+		status: N.UNKNOWN,
+		statusColor: "gray"
+	}));
+	let n = q.get(e);
+	J.set(e, (J.get(e) ?? 0) + 1);
+	function r() {
+		We(), Ge(e), Q?.connected.value && $(e);
+	}
+	function i() {
+		$(e);
+	}
+	return j(() => {
+		let t = (J.get(e) ?? 1) - 1;
+		if (J.set(e, t), t > 0) return;
+		let n = setTimeout(() => {
+			(J.get(e) ?? 0) <= 0 && (X.get(e)?.(), X.delete(e), q.delete(e), J.delete(e), Y.delete(e));
+		}, ze);
+		Y.set(e, n);
+	}), {
+		isConnected: d(() => Q?.connected.value ?? !1),
+		status: d(() => n.status),
+		statusColor: d(() => n.statusColor),
+		manageEntry: d(() => Z.value.find((t) => t.pluginName === e)),
+		connect: r,
+		fetchStatus: i
+	};
+}
+//#endregion
+//#region src/components/CuiPluginCard/usePluginActions.ts
+var qe = T(() => import("./PluginConsole-CNrLuFQM.js")), Je = T(() => import("./PluginUpdateProgress-DVvgYMLG.js")), Ye = T(() => import("./VersionsHandler-Cx9u0oj8.js"));
+function Xe(e) {
+	let n = new L(), r = w(), i = ce(), a = E(), { t: o } = P(), s = Ke(e.value.pluginName), { isUpdating: c, runOf: l, startUpdate: f } = U(), m = B(), { data: h } = n.getPluginUpdateQuery(e.value.pluginName), { mutateAsync: g } = n.installPluginQuery(), { mutate: _, isPending: v } = n.enablePluginQuery(), { mutate: y, isPending: ee } = n.disablePluginQuery(), { mutate: b, isPending: S } = n.startPluginQuery(), { mutate: C, isPending: te } = n.stopPluginQuery(), { mutate: ne, isPending: ae } = n.restartPluginQuery(), T = x(!e.value.disabled), oe = d(() => m.status.value?.runActive === !0), se = d(() => s.manageEntry.value?.status === "queued"), D = d(() => {
+		if (c(e.value.pluginName)) return !0;
+		let t = s.manageEntry.value;
+		return t?.action === "install" || t?.action === "update";
+	}), O = d(() => oe.value || v.value || ee.value || ae.value || S.value || te.value || D.value || !!s.manageEntry.value), k = d(() => s.status.value === N.STOPPED || s.status.value === N.DISABLED || s.status.value === N.ERROR || s.status.value === N.UNKNOWN || s.status.value === N.UPDATE_REQUIRED || s.status.value === N.SERVER_UPDATE_REQUIRED), A = d(() => {
+		let t = [
+			{
+				label: o("components.plugin_card.update"),
+				icon: ie,
+				hide: !h.value?.updateAvailable,
+				buttonProps: {
+					disabled: O.value,
+					severity: "primary"
+				},
+				iconProps: { class: "text-primary" },
+				labelProps: { class: "text-primary" },
+				onClick: () => {
+					I("install");
+				}
+			},
+			{
+				label: o("components.plugin_card.settings"),
+				icon: re,
+				to: `/plugins/${e.value.pluginName}`
+			},
+			{
+				label: o("components.plugin_card.select_version"),
+				icon: Re,
+				hide: e.value.private,
+				buttonProps: { disabled: O.value },
+				onClick: () => {
+					I("versions");
+				}
+			},
+			{
+				label: k.value ? o("components.plugin_card.start") : o("components.plugin_card.stop"),
+				icon: k.value ? Fe : Me,
+				hide: e.value.disabled,
+				buttonProps: { disabled: O.value },
+				onClick: () => {
+					k.value ? b({ pluginName: e.value.pluginName }) : C({ pluginName: e.value.pluginName });
+				}
+			},
+			{
+				label: o("components.plugin_card.restart"),
+				icon: Oe,
+				hide: k.value,
+				buttonProps: { disabled: O.value },
+				onClick: () => {
+					I("restart");
+				}
+			},
+			{
+				label: o("components.plugin_card.uninstall"),
+				icon: z,
+				iconProps: { class: "text-red-500" },
+				labelProps: { class: "text-red-500" },
+				buttonProps: {
+					disabled: O.value,
+					severity: "danger"
+				},
+				onClick: () => {
+					I("uninstall");
+				}
+			}
+		];
+		return r.path === `/plugins/${e.value.pluginName}` && t.splice(1, 1), t;
+	});
+	async function j() {
+		let t = e.value.pluginName;
+		if (c(t)) {
+			M();
+			return;
+		}
+		if (s.manageEntry.value) {
+			I("console");
+			return;
+		}
+		let n = h.value?.latestVersion;
+		n && (await f(t, n, () => g({ pluginData: {
+			pluginname: t,
+			pluginversion: n
+		} })) || a.add({
+			severity: "error",
+			summary: e.value.displayName,
+			detail: l(t)?.error,
+			life: 6e3
+		}));
+	}
+	function M() {
+		i.openComponentDialog(Je, { data: {
+			title: o("components.plugin_card.update_progress_title", { name: e.value.displayName }),
+			hideConfirmButton: !0,
+			contentProps: { pluginName: e.value.pluginName },
+			dialogContentClass: "not-md:px-0 h-full md:h-[50vh]"
+		} });
+	}
+	function F() {
+		T.value ? y({ pluginName: e.value.pluginName }, {
+			onError: () => {
+				T.value = !0;
+			},
+			onSuccess: () => {
+				T.value = !1;
+			}
+		}) : _({ pluginName: e.value.pluginName }, {
+			onError: () => {
+				T.value = !1;
+			},
+			onSuccess: () => {
+				T.value = !0;
+			}
+		});
+	}
+	function I(t) {
+		switch (t) {
+			case "console":
+				i.openComponentDialog(qe, { data: {
+					title: o("components.dialog.title.log"),
+					confirmText: o("components.form.button.download"),
+					loading: O,
+					stayActive: !0,
+					contentProps: { plugin: u(e) },
+					dialogContentClass: "not-md:px-0 h-full md:h-[50vh]"
+				} });
+				break;
+			case "versions":
+			case "install":
+				i.openComponentDialog(Ye, { data: {
+					title: o("components.dialog.title.install_version"),
+					confirmText: o(t === "install" ? "components.form.button.restart" : "components.form.button.install"),
+					loading: O,
+					contentProps: {
+						target: u(e),
+						installVersion: t === "install" ? h.value?.latestVersion : void 0
+					}
+				} });
+				break;
+			case "restart":
+				i.openTextDialog({
+					data: {
+						title: o("components.dialog.title.confirm"),
+						contentText: o("components.dialog.message.confirm_restart_plugin"),
+						confirmText: o("components.form.button.restart")
+					},
+					onConfirm: () => {
+						ne({ pluginName: e.value.pluginName });
+					}
+				});
+				break;
+			case "uninstall": i.openComponentDialog(Ye, { data: {
+				title: o("components.dialog.title.confirm"),
+				confirmText: o("components.form.button.uninstall"),
+				confirmButtonProps: { severity: "danger" },
+				loading: O,
+				contentProps: {
+					target: u(e),
+					action: "uninstall"
+				}
+			} });
+		}
+	}
+	return p(s.status, (e) => {
+		(e === N.STARTING || e === N.READY || e === N.STARTED) && (T.value = !0);
+	}), t(() => {
+		s.connect();
+	}), {
+		pluginsSocket: s,
+		pluginUpdate: h,
+		state: T,
+		queued: se,
+		updating: D,
+		isLoading: O,
+		isPluginStopped: k,
+		items: A,
+		togglePlugin: F,
+		openDialog: I,
+		handleInlineUpdate: j,
+		openUpdateProgress: M
+	};
+}
+//#endregion
+//#region src/components/CuiPluginCard/CuiPluginCard.vue?vue&type=script&setup=true&lang.ts
+var Ze = { class: "flex flex-col h-full" }, Qe = { class: "flex items-center w-full gap-4" }, $e = { class: "w-16 h-16 relative rounded-full flex-shrink-0 border-2 border-color" }, et = { class: "flex gap-1 items-center min-w-0 w-full" }, tt = { class: "text-xl font-semibold truncate" }, nt = { class: "text-xs text-muted truncate max-w-full" }, rt = { class: "text-sm text-muted my-4 line-clamp-2" }, it = { class: "flex items-center space-x-1" }, at = { class: "relative w-6 h-6" }, ot = /*#__PURE__*/ k(/* @__PURE__ */ b({
+	__name: "CuiPluginCard",
+	props: {
+		plugin: {},
+		selectionMode: { type: Boolean },
+		selected: { type: Boolean }
+	},
+	emits: ["select"],
+	setup(t) {
+		let a = new L(), o = t, { t: l } = P(), { plugin: p } = e(o), { pluginsSocket: b, pluginUpdate: x, state: C, queued: w, updating: T, isLoading: E, items: ce, togglePlugin: O, openDialog: k, handleInlineUpdate: j } = Xe(p), { data: N } = a.getPluginLogoQuery(p.value.pluginName), R = _("menuRef"), z = p.value.contract && I(p.value.contract, F.NVR), B = p.value.contract && I(p.value.contract, F.OAuthCapable), V = d(() => {
+			let e = [];
+			if (!p.value.compatible) {
+				let t = [];
+				p.value.os?.length && t.push(`os ${p.value.os.join("/")}`), p.value.cpu?.length && t.push(`cpu ${p.value.cpu.join("/")}`), e.push(l("components.plugin_card.compat_platform", { requirement: t.join(", ") }));
+			}
+			for (let t of p.value.engineIssues ?? []) {
+				let n = t.engine === "node" ? "Node.js" : "camera.ui";
+				e.push(l("components.plugin_card.compat_engine", {
+					engine: n,
+					required: t.required,
+					current: t.current
+				}));
+			}
+			return p.value.protocolCompat === "pluginTooOld" ? e.push(l("components.plugin_card.compat_protocol_plugin")) : p.value.protocolCompat === "serverTooOld" && e.push(l("components.plugin_card.compat_protocol_server")), e;
+		});
+		return (e, a) => {
+			let o = se, l = Te, d = Ce, _ = xe, P = le, F = ae, I = ye, L = he, H = h("RouterLink"), U = D, fe = pe, W = ue, me = A, G = oe, ge = re, _e = M, K = te;
+			return n(), m("div", {
+				class: "relative",
+				style: g({ height: `${u(ke).HEIGHT}px` })
+			}, [
+				t.selectionMode ? (n(), m("div", {
+					key: 0,
+					class: "absolute inset-0 z-4 cursor-pointer",
+					onClick: a[0] ||= (t) => e.$emit("select")
+				})) : c("", !0),
+				S(_e, {
+					class: "cui-card",
+					pt: { body: { class: "justify-between h-full" } }
+				}, {
+					content: f(() => [v("div", Ze, [v("div", Qe, [
+						t.selectionMode ? (n(), m("div", {
+							key: 0,
+							class: i(["w-6 h-6 rounded-full border-2 flex items-center justify-center transition-colors shrink-0", t.selected ? "bg-primary border-primary" : "border-color"])
+						}, [t.selected ? (n(), s(o, {
+							key: 0,
+							class: "w-4 h-4 text-white"
+						})) : c("", !0)], 2)) : c("", !0),
+						v("div", $e, [S(P, { class: "absolute right-0 bottom-0 min-w-6 w-6 h-6 rounded-full card-background overflow-hidden p-0 border-4 z-1" }, {
+							default: f(() => [u(p)?.isPython ? (n(), s(l, {
+								key: 0,
+								class: "w-[24px]"
+							})) : u(p)?.isGo ? (n(), s(d, {
+								key: 1,
+								class: "w-[24px] bg-white"
+							})) : (n(), s(_, {
+								key: 2,
+								class: "w-[24px]"
+							}))]),
+							_: 1
+						}), S(F, {
+							src: u(N),
+							alt: "Plugin icon",
+							class: "block rounded-full overflow-hidden w-full h-full",
+							"image-container-class": "w-full h-full"
+						}, null, 8, ["src"])]),
+						S(H, {
+							to: `/plugins/${u(p).pluginName}`,
+							class: "flex flex-col items-start justify-center min-w-0 flex-grow"
+						}, {
+							default: f(() => [v("div", et, [
+								v("h3", tt, r(u(p).displayName || "Plugin Name"), 1),
+								u(x)?.updateAvailable ? y((n(), s(I, {
+									key: 0,
+									class: "text-green-500 flex-shrink-0"
+								}, null, 512)), [[K, { value: e.$t("components.form.tooltip.update_available") }]]) : c("", !0),
+								u(V).length ? y((n(), s(L, {
+									key: 1,
+									class: "text-yellow-500 flex-shrink-0"
+								}, null, 512)), [[K, { value: u(V).join(" · ") }]]) : c("", !0)
+							]), v("span", nt, r(u(p).pluginName), 1)]),
+							_: 1
+						}, 8, ["to"]),
+						S(U, {
+							"model-value": u(C),
+							class: "ml-auto flex-shrink-0",
+							"pt:handle:class": "bg-white",
+							disabled: u(E),
+							onChange: u(O)
+						}, null, 8, [
+							"model-value",
+							"disabled",
+							"onChange"
+						])
+					]), y((n(), m("p", rt, [ee(r(u(p).description), 1)])), [[
+						K,
+						{ value: u(p).description },
+						void 0,
+						{ bottom: !0 }
+					]])])]),
+					footer: f(() => [v("div", it, [
+						S(W, {
+							severity: "secondary",
+							rounded: "",
+							class: "cui-button text-xs p-1 font-bold gap-0",
+							onClick: a[1] ||= (t) => e.$router.absUrl(u(p).links?.homepage)
+						}, {
+							default: f(() => [v("span", null, "v" + r(u(p).installedVersion || u(p).latestVersion), 1), S(fe, { class: "mb-[1px] ml-1" })]),
+							_: 1
+						}),
+						u(p).restartRequired ? y((n(), s(W, {
+							key: 0,
+							severity: "warn",
+							text: "",
+							rounded: "",
+							class: "cui-icon-md",
+							disabled: u(E),
+							onClick: a[2] ||= (e) => u(k)("restart")
+						}, {
+							icon: f(() => [S(u(Oe), {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["disabled"])), [[
+							K,
+							{ value: e.$t("components.plugin_card.restart_required") },
+							void 0,
+							{ top: !0 }
+						]]) : c("", !0),
+						u(x)?.updateAvailable || u(T) ? y((n(), s(W, {
+							key: 1,
+							text: "",
+							rounded: "",
+							class: "cui-icon-md",
+							onClick: u(j)
+						}, {
+							icon: f(() => [u(T) ? (n(), s(me, {
+								key: 0,
+								class: "w-4! h-4! m-0",
+								"stroke-width": "6"
+							})) : (n(), s(u(ie), {
+								key: 1,
+								width: "100%",
+								height: "100%"
+							}))]),
+							_: 1
+						}, 8, ["onClick"])), [[
+							K,
+							{ value: u(T) ? e.$t(u(w) ? "components.plugin_card.update_queued" : "components.plugin_card.update_running") : e.$t("components.plugin_card.update_now", { version: u(x)?.latestVersion }) },
+							void 0,
+							{ top: !0 }
+						]]) : c("", !0),
+						a[5] ||= v("div", { class: "ml-auto" }, null, -1),
+						y(S(P, {
+							class: "min-w-3 w-3 h-3 mr-3",
+							style: g({ background: u(b).statusColor.value })
+						}, null, 8, ["style"]), [[
+							K,
+							{ value: e.$t(`components.plugin_card.status_${u(b).status.value}`) },
+							void 0,
+							{ top: !0 }
+						]]),
+						y((n(), s(W, {
+							severity: "secondary",
+							text: "",
+							rounded: "",
+							class: "cui-icon-md",
+							onClick: a[3] ||= (e) => u(k)("console")
+						}, {
+							icon: f(() => [S(G, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						})), [[
+							K,
+							{ value: e.$t("components.form.tooltip.console") },
+							void 0,
+							{ top: !0 }
+						]]),
+						u(B) ? (n(), s(de, {
+							key: 2,
+							"plugin-name": u(p).pluginName,
+							"route-to": u(z) ? "/settings/recordings" : void 0
+						}, null, 8, ["plugin-name", "route-to"])) : c("", !0),
+						u(z) ? y((n(), s(W, {
+							key: 3,
+							severity: "secondary",
+							text: "",
+							rounded: "",
+							class: "cui-icon-md",
+							onClick: a[4] ||= (t) => e.$router.push("/settings/recordings")
+						}, {
+							icon: f(() => [S(ge, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						})), [[
+							K,
+							{ value: e.$t("components.form.tooltip.nvr_settings") },
+							void 0,
+							{ top: !0 }
+						]]) : c("", !0),
+						y((n(), s(W, {
+							severity: "secondary",
+							text: "",
+							rounded: "",
+							class: "cui-icon-md",
+							disabled: u(E),
+							onClick: u(R)?.toggleMenu
+						}, {
+							icon: f(() => [v("div", at, [
+								v("div", { class: i(["absolute top-1 left-1/2 -translate-x-1/2 w-1 h-1 rounded-full transform transition-all duration-100 origin-center bg-current", {
+									"w-4 h-[2px] rotate-45 top-1/2 -translate-y-1/2 rounded-none": u(R)?.isOpen,
+									"bg-primary-500": u(x)?.updateAvailable
+								}]) }, null, 2),
+								v("div", { class: i(["absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-1 h-1 rounded-full transition-all duration-100 bg-current", {
+									"opacity-0 scale-0": u(R)?.isOpen,
+									"bg-primary-500": u(x)?.updateAvailable
+								}]) }, null, 2),
+								v("div", { class: i(["absolute bottom-1 left-1/2 -translate-x-1/2 w-1 h-1 rounded-full transform transition-all duration-100 origin-center bg-current", {
+									"w-4 h-[2px] -rotate-45 bottom-1/2 translate-y-1/2 rounded-none": u(R)?.isOpen,
+									"bg-primary-500": u(x)?.updateAvailable
+								}]) }, null, 2)
+							])]),
+							_: 1
+						}, 8, ["disabled", "onClick"])), [[
+							K,
+							{ value: u(x)?.updateAvailable ? e.$t("components.form.tooltip.update_available") : "" },
+							void 0,
+							{ top: !0 }
+						]])
+					])]),
+					_: 1
+				}),
+				S(ne, {
+					ref_key: "menuRef",
+					ref: R,
+					items: u(ce),
+					popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
+				}, null, 8, ["items"])
+			], 4);
+		};
+	}
+}), [["__scopeId", "data-v-ef15cba4"]]);
+//#endregion
+export { Me as a, U as c, Fe as i, Xe as n, ke as o, Ke as r, ye as s, ot as t };