@camera.ui/server 2.4.4 → 2.4.5

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

@@ -0,0 +1,778 @@
+import { F as e, H as t, J as n, Kt as r, Ot as i, St as a, Xt as o, Yt as s, _ as c, bt as l, d as u, f as d, ft as f, jt as p, l as m, lt as h, ot as g, p as _, q as ee, rt as v, u as y, ut as b, v as te, vt as x, x as S, y as C } from "./runtime-core.esm-bundler-CrWKbcD2.js";
+import { Li as ne, Ni as re, Qi as ie, Qn as w, Wi as T, Xn as E, Zn as D, Zr as ae, ii as O, ir as k, ki as oe, ni as A, nr as j, ri as se, yi as ce } from "./api-BMAjMZXW.js";
+import { N as M } from "./protocol-BB4jdtUC-CGK3LRf3.js";
+import { s as le } from "./vee-validate-DWIY1QrX.js";
+import { V as N } from "./pinia-DIpX3XWh.js";
+import { n as P } from "./vue-i18n-DzDRu5NH.js";
+import { O as F, T as I } from "./dist-euRmladF.js";
+import { t as ue } from "./CuiButton-CGAd8xvo.js";
+import { r as de } from "./button-D9sS6H0w.js";
+import { t as L } from "./plugins-BnbAa3my.js";
+import { t as fe } from "./useLogsSocket-DsC5xvkg.js";
+import { t as R } from "./useUpdatesSocket-QeOub1hX.js";
+import { t as pe } from "./CuiPluginOAuthButton-VXBCGWYJ.js";
+import { t as z } from "./trash-fill-BVvtCCQH.js";
+import { t as B } from "./usePlacementLabel-9Tv16qVQ.js";
+//#region src/composables/usePluginUpdates.ts
+var V = 2e3, H = l({});
+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 = f(!0);
+		i.run(() => {
+			fe({
+				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 W = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function me(e, n) {
+	return t(), _("svg", W, [...n[0] ||= [y("g", { fill: "currentColor" }, [y("path", { d: "M15.64 7.025h-3.622v-2h7v7h-2v-3.55l-4.914 4.914l-1.414-1.414z" }), y("path", { d: "M10.982 6.975h-6v12h12v-6h-2v4h-8v-8h4z" })], -1)]]);
+}
+var he = x({
+	name: "gg-external",
+	render: me
+}), ge = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function _e(e, n) {
+	return t(), _("svg", ge, [...n[0] ||= [y("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 ve = x({
+	name: "ic-round-warning",
+	render: _e
+}), ye = {
+	viewBox: "0 0 48 48",
+	width: "1.2em",
+	height: "1.2em"
+}, be = ["id"], xe = ["mask"];
+function G(e, n) {
+	return t(), _("svg", ye, [y("defs", null, [y("mask", { id: e.idMap.SVGREtFiUFR }, [...n[0] ||= [y("g", {
+		fill: "none",
+		"stroke-width": "4"
+	}, [
+		y("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"
+		}),
+		y("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"
+		}),
+		y("path", {
+			stroke: "#000",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			d: "m33 27l-9-9l-9 9"
+		})
+	], -1)]], 8, be)]), y("path", {
+		fill: "currentColor",
+		d: "M0 0h48v48H0z",
+		mask: "url(#" + e.idMap.SVGREtFiUFR + ")"
+	}, null, 8, xe)]);
+}
+var Se = x({
+	name: "icon-park-solid-up-c",
+	render: G,
+	setup() {
+		return { idMap: { SVGREtFiUFR: "uicons-" + Math.random().toString(36).substr(2, 10) } };
+	}
+}), Ce = ["fill"], we = /* @__PURE__ */ S({
+	__name: "CuiJavascriptIcon",
+	props: { color: { default: "currentColor" } },
+	setup(e) {
+		let { color: n } = i(e);
+		return (e, r) => (t(), _("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 256 256",
+			role: "img",
+			"aria-hidden": "true",
+			fill: p(n)
+		}, [...r[0] ||= [y("g", null, [
+			y("path", {
+				d: "M0,0 L256,0 L256,256 L0,256 L0,0 Z",
+				fill: "#F7DF1E"
+			}),
+			y("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"
+			}),
+			y("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, Ce));
+	}
+}), Te = ["fill"], Ee = /*#__PURE__*/ O(/* @__PURE__ */ S({
+	__name: "CuiGoIcon",
+	props: { color: { default: "currentColor" } },
+	setup(e) {
+		let { color: n } = i(e);
+		return (e, r) => (t(), _("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 256 256",
+			fill: p(n)
+		}, [...r[0] ||= [y("g", { fill: "none" }, [
+			y("rect", {
+				width: "256",
+				height: "256",
+				fill: "#00B4E0",
+				rx: "60"
+			}),
+			y("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"
+			}),
+			y("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, Te));
+	}
+}), [["__scopeId", "data-v-6c6195ac"]]), De = ["fill"], Oe = /* @__PURE__ */ S({
+	__name: "CuiPythonIcon",
+	props: { color: { default: "currentColor" } },
+	setup(e) {
+		let { color: n } = i(e);
+		return (e, r) => (t(), _("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 256 255",
+			role: "img",
+			"aria-hidden": "true",
+			fill: p(n)
+		}, [...r[0] ||= [c("<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, De));
+	}
+}), ke = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Ae(e, n) {
+	return t(), _("svg", ke, [...n[0] ||= [y("g", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2.5"
+	}, [y("path", { d: "M12 3a9 9 0 1 1-5.657 2" }), y("path", { d: "M3 4.5h4v4" })], -1)]]);
+}
+var je = x({
+	name: "iconamoon-restart-bold",
+	render: Ae
+}), Me = { HEIGHT: 220 }, Ne = {
+	viewBox: "0 0 32 32",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Pe(e, n) {
+	return t(), _("svg", Ne, [...n[0] ||= [y("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 Fe = x({
+	name: "carbon-stop-filled",
+	render: Pe
+}), Ie = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Le(e, n) {
+	return t(), _("svg", Ie, [...n[0] ||= [y("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 Re = x({
+	name: "solar-play-bold",
+	render: Le
+}), ze = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Be(e, n) {
+	return t(), _("svg", ze, [...n[0] ||= [y("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 Ve = x({
+	name: "stash-version-solid",
+	render: Be
+}), He = 5e3, K = /* @__PURE__ */ new Map(), q = /* @__PURE__ */ new Map(), J = /* @__PURE__ */ new Map(), Y = /* @__PURE__ */ new Map(), X = a([]), Ue = null, Z = null;
+function We(e, t) {
+	if (e.placement?.phase === "waiting-for-worker") e.statusColor = "gray";
+	else switch (t) {
+		case N.ERROR:
+		case N.INCOMPATIBLE:
+			e.statusColor = "#9d5752";
+			break;
+		case N.STARTING:
+		case N.STOPPING:
+			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 Ge(e, t) {
+	let n = K.get(e);
+	n && (n.status = t.status, n.placement = t.placement, We(n, t.status));
+}
+async function Q(e) {
+	if (Z?.ready.value) try {
+		Ge(e, await Z.request("get-plugin-status", e));
+	} catch {}
+}
+async function Ke() {
+	if (Z?.ready.value) try {
+		X.value = await Z.request("get-manage-queue");
+	} catch {}
+}
+function qe() {
+	return Z || (Ue = f(!0), Ue.run(() => {
+		let e = T("/plugins");
+		Z = e, e.on("manage-queue", (e) => {
+			X.value = e;
+		}), e.onReady(() => {
+			for (let e of K.keys()) Q(e);
+			Ke();
+		});
+	}), Z);
+}
+function Je(e) {
+	if (Y.has(e)) return;
+	let t = qe().on(`plugin-status-${e}`, (t) => Ge(e, t));
+	Y.set(e, t);
+}
+function Ye(e) {
+	let t = J.get(e);
+	t && (clearTimeout(t), J.delete(e)), K.has(e) || K.set(e, l({
+		status: N.UNKNOWN,
+		statusColor: "gray"
+	}));
+	let n = K.get(e);
+	q.set(e, (q.get(e) ?? 0) + 1);
+	function r() {
+		qe(), Je(e), Z?.connected.value && Q(e);
+	}
+	function i() {
+		Q(e);
+	}
+	return M(() => {
+		let t = (q.get(e) ?? 1) - 1;
+		if (q.set(e, t), t > 0) return;
+		let n = setTimeout(() => {
+			(q.get(e) ?? 0) <= 0 && (Y.get(e)?.(), Y.delete(e), K.delete(e), q.delete(e), J.delete(e));
+		}, He);
+		J.set(e, n);
+	}), {
+		isConnected: m(() => Z?.connected.value ?? !1),
+		status: m(() => n.status),
+		statusColor: m(() => n.statusColor),
+		placement: m(() => n.placement),
+		manageEntry: m(() => X.value.find((t) => t.pluginName === e)),
+		connect: r,
+		fetchStatus: i
+	};
+}
+//#endregion
+//#region src/components/CuiPluginCard/usePluginActions.ts
+var Xe = w(() => import("./PluginConsole-CahwQuiM.js")), Ze = w(() => import("./PluginUpdateProgress-BAkJbpxS.js")), $ = w(() => import("./VersionsHandler-YXUIJUnp.js"));
+function Qe(t) {
+	let n = new L(), r = ce(), i = D(), o = ie(), { t: s } = P(), c = Ye(t.value.pluginName), { isUpdating: l, runOf: u, startUpdate: d } = U(), f = R(), { data: h } = n.getPluginUpdateQuery(t.value.pluginName), { mutateAsync: _ } = n.installPluginQuery(), { mutate: ee, isPending: v } = n.enablePluginQuery(), { mutate: y, isPending: b } = n.disablePluginQuery(), { mutate: te, isPending: x } = n.startPluginQuery(), { mutate: S, isPending: C } = n.stopPluginQuery(), { mutate: ne, isPending: w } = n.restartPluginQuery(), T = a(!t.value.disabled), E = m(() => f.status.value?.runActive === !0), ae = m(() => c.manageEntry.value?.status === "queued"), O = m(() => {
+		if (l(t.value.pluginName)) return !0;
+		let e = c.manageEntry.value;
+		return e?.action === "install" || e?.action === "update";
+	}), k = m(() => E.value || v.value || b.value || w.value || x.value || C.value || O.value || !!c.manageEntry.value), A = m(() => c.status.value === N.STOPPED || c.status.value === N.DISABLED || c.status.value === N.ERROR || c.status.value === N.UNKNOWN || c.status.value === N.INCOMPATIBLE || c.status.value === N.UPDATE_REQUIRED || c.status.value === N.SERVER_UPDATE_REQUIRED), j = m(() => {
+		let e = [
+			{
+				label: s("components.plugin_card.update"),
+				icon: re,
+				hide: !h.value?.updateAvailable,
+				buttonProps: {
+					disabled: k.value,
+					severity: "primary"
+				},
+				iconProps: { class: "text-primary" },
+				labelProps: { class: "text-primary" },
+				onClick: () => {
+					F("install");
+				}
+			},
+			{
+				label: s("components.plugin_card.settings"),
+				icon: oe,
+				to: `/plugins/${t.value.pluginName}`
+			},
+			{
+				label: s("components.plugin_card.select_version"),
+				icon: Ve,
+				hide: t.value.private,
+				buttonProps: { disabled: k.value },
+				onClick: () => {
+					F("versions");
+				}
+			},
+			{
+				label: A.value ? s("components.plugin_card.start") : s("components.plugin_card.stop"),
+				icon: A.value ? Re : Fe,
+				hide: t.value.disabled,
+				buttonProps: { disabled: k.value },
+				onClick: () => {
+					A.value ? te({ pluginName: t.value.pluginName }) : S({ pluginName: t.value.pluginName });
+				}
+			},
+			{
+				label: s("components.plugin_card.restart"),
+				icon: je,
+				hide: A.value,
+				buttonProps: { disabled: k.value },
+				onClick: () => {
+					F("restart");
+				}
+			},
+			{
+				label: s("components.plugin_card.uninstall"),
+				icon: z,
+				iconProps: { class: "text-red-500" },
+				labelProps: { class: "text-red-500" },
+				buttonProps: {
+					disabled: k.value,
+					severity: "danger"
+				},
+				onClick: () => {
+					F("uninstall");
+				}
+			}
+		];
+		return r.path === `/plugins/${t.value.pluginName}` && e.splice(1, 1), e;
+	});
+	async function se() {
+		let e = t.value.pluginName;
+		if (l(e)) {
+			M();
+			return;
+		}
+		if (c.manageEntry.value) {
+			F("console");
+			return;
+		}
+		let n = h.value?.latestVersion;
+		n && (await d(e, n, () => _({ pluginData: {
+			pluginname: e,
+			pluginversion: n
+		} })) || o.add({
+			severity: "error",
+			summary: t.value.displayName,
+			detail: u(e)?.error,
+			life: 6e3
+		}));
+	}
+	function M() {
+		i.openComponentDialog(Ze, { data: {
+			title: s("components.plugin_card.update_progress_title", { name: t.value.displayName }),
+			hideConfirmButton: !0,
+			contentProps: { pluginName: t.value.pluginName },
+			dialogContentClass: "not-md:px-0 h-full md:h-[50vh]"
+		} });
+	}
+	function le() {
+		T.value ? y({ pluginName: t.value.pluginName }, {
+			onError: () => {
+				T.value = !0;
+			},
+			onSuccess: () => {
+				T.value = !1;
+			}
+		}) : ee({ pluginName: t.value.pluginName }, {
+			onError: () => {
+				T.value = !1;
+			},
+			onSuccess: () => {
+				T.value = !0;
+			}
+		});
+	}
+	function F(e) {
+		switch (e) {
+			case "console":
+				i.openComponentDialog(Xe, { data: {
+					title: s("components.dialog.title.log"),
+					confirmText: s("components.form.button.download"),
+					loading: k,
+					stayActive: !0,
+					contentProps: { plugin: p(t) },
+					dialogContentClass: "not-md:px-0 h-full md:h-[50vh]"
+				} });
+				break;
+			case "versions":
+			case "install":
+				i.openComponentDialog($, { data: {
+					title: s("components.dialog.title.install_version"),
+					confirmText: s(e === "install" ? "components.form.button.restart" : "components.form.button.install"),
+					loading: k,
+					contentProps: {
+						target: p(t),
+						installVersion: e === "install" ? h.value?.latestVersion : void 0
+					}
+				} });
+				break;
+			case "restart":
+				i.openTextDialog({
+					data: {
+						title: s("components.dialog.title.confirm"),
+						contentText: s("components.dialog.message.confirm_restart_plugin"),
+						confirmText: s("components.form.button.restart")
+					},
+					onConfirm: () => {
+						ne({ pluginName: t.value.pluginName });
+					}
+				});
+				break;
+			case "uninstall": i.openComponentDialog($, { data: {
+				title: s("components.dialog.title.confirm"),
+				confirmText: s("components.form.button.uninstall"),
+				confirmButtonProps: { severity: "danger" },
+				loading: k,
+				contentProps: {
+					target: p(t),
+					action: "uninstall"
+				}
+			} });
+		}
+	}
+	return g(c.status, (e) => {
+		(e === N.STARTING || e === N.READY || e === N.STARTED) && (T.value = !0);
+	}), e(() => {
+		c.connect();
+	}), {
+		pluginsSocket: c,
+		pluginUpdate: h,
+		state: T,
+		queued: ae,
+		updating: O,
+		isLoading: k,
+		isPluginStopped: A,
+		items: j,
+		togglePlugin: le,
+		openDialog: F,
+		handleInlineUpdate: se,
+		openUpdateProgress: M
+	};
+}
+//#endregion
+//#region src/components/CuiPluginCard/CuiPluginCard.vue?vue&type=script&setup=true&lang.ts
+var $e = { class: "flex flex-col h-full" }, et = { class: "flex items-center w-full gap-4" }, tt = { class: "w-16 h-16 relative rounded-full flex-shrink-0 border-2 border-color" }, nt = { class: "flex gap-1 items-center min-w-0 w-full" }, rt = { class: "text-xl font-semibold truncate" }, it = { class: "text-xs text-muted truncate max-w-full" }, at = { class: "text-sm text-muted my-4 line-clamp-2" }, ot = { class: "flex items-center space-x-1" }, st = { class: "relative w-6 h-6" }, ct = /*#__PURE__*/ O(/* @__PURE__ */ S({
+	__name: "CuiPluginCard",
+	props: {
+		plugin: {},
+		selectionMode: { type: Boolean },
+		selected: { type: Boolean }
+	},
+	emits: ["select"],
+	setup(e) {
+		let a = new L(), c = e, { t: l } = P(), { statusWithPlacement: f } = B(), { plugin: g } = i(c), { pluginsSocket: x, pluginUpdate: S, state: ie, queued: w, updating: T, isLoading: D, items: O, togglePlugin: ce, openDialog: M, handleInlineUpdate: N } = Qe(g), { mounted: fe, toggleOverlay: R } = E(), { data: z } = a.getPluginLogoQuery(g.value.pluginName), V = v("menuRef"), H = g.value.contract && I(g.value.contract, F.NVR), U = g.value.contract && I(g.value.contract, F.OAuthCapable), W = m(() => {
+			let e = [];
+			if (!g.value.compatible) {
+				let t = [];
+				g.value.os?.length && t.push(`os ${g.value.os.join("/")}`), g.value.cpu?.length && t.push(`cpu ${g.value.cpu.join("/")}`), e.push(l("components.plugin_card.compat_platform", { requirement: t.join(", ") }));
+			}
+			for (let t of g.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 g.value.protocolCompat === "pluginTooOld" ? e.push(l("components.plugin_card.compat_protocol_plugin")) : g.value.protocolCompat === "serverTooOld" && e.push(l("components.plugin_card.compat_protocol_server")), e;
+		}), me = m(() => f(l(`components.plugin_card.status_${x.status.value}`), x.placement.value));
+		function ge(e) {
+			return R("menu", () => V.value?.toggleMenu(e));
+		}
+		return (i, a) => {
+			let c = ae, l = Oe, f = Ee, m = we, v = de, E = se, P = Se, F = ve, I = ee("RouterLink"), L = k, R = he, B = ue, _e = A, ye = ne, be = oe, xe = le, G = n("tooltip");
+			return t(), _("div", {
+				class: "relative",
+				style: s({ height: `${p(Me).HEIGHT}px` })
+			}, [
+				e.selectionMode ? (t(), _("div", {
+					key: 0,
+					class: "absolute inset-0 z-4 cursor-pointer",
+					onClick: a[0] ||= (e) => i.$emit("select")
+				})) : d("", !0),
+				C(xe, {
+					class: "cui-card",
+					pt: { body: { class: "justify-between h-full" } }
+				}, {
+					content: h(() => [y("div", $e, [y("div", et, [
+						e.selectionMode ? (t(), _("div", {
+							key: 0,
+							class: r(["w-6 h-6 rounded-full border-2 flex items-center justify-center transition-colors shrink-0", e.selected ? "bg-primary border-primary" : "border-color"])
+						}, [e.selected ? (t(), u(c, {
+							key: 0,
+							class: "w-4 h-4 text-white"
+						})) : d("", !0)], 2)) : d("", !0),
+						y("div", tt, [C(v, { 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: h(() => [p(g)?.isPython ? (t(), u(l, {
+								key: 0,
+								class: "w-[24px]"
+							})) : p(g)?.isGo ? (t(), u(f, {
+								key: 1,
+								class: "w-[24px] bg-white"
+							})) : (t(), u(m, {
+								key: 2,
+								class: "w-[24px]"
+							}))]),
+							_: 1
+						}), C(E, {
+							src: p(z),
+							alt: "Plugin icon",
+							class: "block rounded-full overflow-hidden w-full h-full",
+							"image-container-class": "w-full h-full"
+						}, null, 8, ["src"])]),
+						C(I, {
+							to: `/plugins/${p(g).pluginName}`,
+							class: "flex flex-col items-start justify-center min-w-0 flex-grow"
+						}, {
+							default: h(() => [y("div", nt, [
+								y("h3", rt, o(p(g).displayName || "Plugin Name"), 1),
+								p(S)?.updateAvailable ? b((t(), u(P, {
+									key: 0,
+									class: "text-green-500 flex-shrink-0"
+								}, null, 512)), [[G, { value: i.$t("components.form.tooltip.update_available") }]]) : d("", !0),
+								p(W).length ? b((t(), u(F, {
+									key: 1,
+									class: "text-yellow-500 flex-shrink-0"
+								}, null, 512)), [[G, { value: p(W).join(" · ") }]]) : d("", !0)
+							]), y("span", it, o(p(g).pluginName), 1)]),
+							_: 1
+						}, 8, ["to"]),
+						C(L, {
+							"model-value": p(ie),
+							class: "ml-auto flex-shrink-0",
+							"pt:handle:class": "bg-white",
+							disabled: p(D),
+							onChange: p(ce)
+						}, null, 8, [
+							"model-value",
+							"disabled",
+							"onChange"
+						])
+					]), b((t(), _("p", at, [te(o(p(g).description), 1)])), [[
+						G,
+						{ value: p(g).description },
+						void 0,
+						{ bottom: !0 }
+					]])])]),
+					footer: h(() => [y("div", ot, [
+						C(B, {
+							severity: "secondary",
+							rounded: "",
+							class: "cui-button text-xs p-1 font-bold gap-0",
+							onClick: a[1] ||= (e) => i.$router.absUrl(p(g).links?.homepage)
+						}, {
+							default: h(() => [y("span", null, "v" + o(p(g).installedVersion || p(g).latestVersion), 1), C(R, { class: "mb-[1px] ml-1" })]),
+							_: 1
+						}),
+						p(g).restartRequired ? b((t(), u(B, {
+							key: 0,
+							severity: "warn",
+							text: "",
+							rounded: "",
+							class: "cui-icon-md",
+							disabled: p(D),
+							onClick: a[2] ||= (e) => p(M)("restart")
+						}, {
+							icon: h(() => [C(p(je), {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["disabled"])), [[
+							G,
+							{ value: i.$t("components.plugin_card.restart_required") },
+							void 0,
+							{ top: !0 }
+						]]) : d("", !0),
+						p(S)?.updateAvailable || p(T) ? b((t(), u(B, {
+							key: 1,
+							text: "",
+							rounded: "",
+							class: "cui-icon-md",
+							onClick: p(N)
+						}, {
+							icon: h(() => [p(T) ? (t(), u(_e, {
+								key: 0,
+								class: "w-4! h-4! m-0",
+								"stroke-width": "6"
+							})) : (t(), u(p(re), {
+								key: 1,
+								width: "100%",
+								height: "100%"
+							}))]),
+							_: 1
+						}, 8, ["onClick"])), [[
+							G,
+							{ value: p(T) ? i.$t(p(w) ? "components.plugin_card.update_queued" : "components.plugin_card.update_running") : i.$t("components.plugin_card.update_now", { version: p(S)?.latestVersion }) },
+							void 0,
+							{ top: !0 }
+						]]) : d("", !0),
+						a[5] ||= y("div", { class: "ml-auto" }, null, -1),
+						b(C(v, {
+							class: "min-w-3 w-3 h-3 mr-3",
+							style: s({ background: p(x).statusColor.value })
+						}, null, 8, ["style"]), [[
+							G,
+							{ value: p(me) },
+							void 0,
+							{ top: !0 }
+						]]),
+						b((t(), u(B, {
+							severity: "secondary",
+							text: "",
+							rounded: "",
+							class: "cui-icon-md",
+							onClick: a[3] ||= (e) => p(M)("console")
+						}, {
+							icon: h(() => [C(ye, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						})), [[
+							G,
+							{ value: i.$t("components.form.tooltip.console") },
+							void 0,
+							{ top: !0 }
+						]]),
+						p(U) ? (t(), u(pe, {
+							key: 2,
+							"plugin-name": p(g).pluginName,
+							"route-to": p(H) ? "/settings/recordings" : void 0
+						}, null, 8, ["plugin-name", "route-to"])) : d("", !0),
+						p(H) ? b((t(), u(B, {
+							key: 3,
+							severity: "secondary",
+							text: "",
+							rounded: "",
+							class: "cui-icon-md",
+							onClick: a[4] ||= (e) => i.$router.push("/settings/recordings")
+						}, {
+							icon: h(() => [C(be, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						})), [[
+							G,
+							{ value: i.$t("components.form.tooltip.nvr_settings") },
+							void 0,
+							{ top: !0 }
+						]]) : d("", !0),
+						b((t(), u(B, {
+							severity: "secondary",
+							text: "",
+							rounded: "",
+							class: "cui-icon-md",
+							disabled: p(D),
+							onClick: ge
+						}, {
+							icon: h(() => [y("div", st, [
+								y("div", { class: r(["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": p(V)?.isOpen,
+									"bg-primary-500": p(S)?.updateAvailable
+								}]) }, null, 2),
+								y("div", { class: r(["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": p(V)?.isOpen,
+									"bg-primary-500": p(S)?.updateAvailable
+								}]) }, null, 2),
+								y("div", { class: r(["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": p(V)?.isOpen,
+									"bg-primary-500": p(S)?.updateAvailable
+								}]) }, null, 2)
+							])]),
+							_: 1
+						}, 8, ["disabled"])), [[
+							G,
+							{ value: p(S)?.updateAvailable ? i.$t("components.form.tooltip.update_available") : "" },
+							void 0,
+							{ top: !0 }
+						]])
+					])]),
+					_: 1
+				}),
+				p(fe).menu ? (t(), u(j, {
+					key: 1,
+					ref_key: "menuRef",
+					ref: V,
+					items: p(O),
+					popover: { pt: { content: { class: "p-0! rounded-xl! overflow-hidden!" } } }
+				}, null, 8, ["items"])) : d("", !0)
+			], 4);
+		};
+	}
+}), [["__scopeId", "data-v-851d7b1e"]]);
+//#endregion
+export { Fe as a, U as c, Re as i, Qe as n, Me as o, Ye as r, Se as s, ct as t };