@camera.ui/server 2.2.5 → 2.2.7

package/dist/interface/ha/{Terminal-DT7-WNH1.js → Terminal-BP3b8IBP.js}

@@ -1,50 +1,51 @@
 import { f as e, m as t } from "./ripple-ZDATPc2w.js";
-import { B as n, Dt as r, G as i, H as a, Jt as o, M as s, N as c, Wt as l, Y as u, _t as d, bt as f, d as p, f as m, kt as h, l as g, lt as _, ot as v, p as y, qt as b, r as x, rt as S, u as C, ut as w, wt as T, x as E, xt as D, y as O, yt as k, z as A } from "./runtime-core.esm-bundler-_TfE0DWz.js";
-import { t as j } from "./tooltip-BDrlgLof.js";
-import { Ar as M, Er as N, J as P, Wr as F, m as I } from "./api-Dv3Lk_g5.js";
-import { F as L } from "./protocol-BB4jdtUC-DW3jl2tV.js";
-import { C as R, _ as ee, o as z } from "./intercomService-B7HkLs6z.js";
-import { r as te } from "./pinia-Du8AM917.js";
+import { B as n, Dt as r, G as i, H as a, Jt as o, M as s, N as c, Wt as l, Y as u, _t as d, d as f, f as p, kt as m, l as h, lt as g, ot as _, p as v, qt as y, r as b, rt as x, u as S, ut as C, wt as w, x as T, xt as E, y as D, yt as O, z as k } from "./runtime-core.esm-bundler-_TfE0DWz.js";
+import { t as A } from "./tooltip-BDrlgLof.js";
+import { Ar as j, Er as M, Wr as N, m as P, q as F } from "./api-BelbnLQO.js";
+import { F as I } from "./protocol-BB4jdtUC-DW3jl2tV.js";
+import { C as L, _ as ee, o as R } from "./intercomService-B7HkLs6z.js";
+import { r as z } from "./pinia-BokSpDzj.js";
 import { n as B } from "./vue-i18n-D5EAy78K.js";
 import { t as V } from "./button-BouAFgf5.js";
-import { R as H } from "./dist-oFWkn6pD.js";
+import { R as H } from "./dist-BybVYMVs.js";
 import { t as U } from "./speeddial-B5p0fuqL.js";
-import { a as W, i as G, n as ne, r as K, t as q } from "./xterm-BGomxc5L.js";
-import { t as J } from "./back-filled-CaxrZv0Q.js";
+import { a as W, i as G, n as K, r as q, t as J } from "./xterm-BGomxc5L.js";
+import { t as te } from "./back-filled-CaxrZv0Q.js";
+import { r as ne } from "./useKeyboardInset-DwUQCWHC.js";
 import { t as Y } from "./settings-lWJfHaif.js";
 import { n as re, t as ie } from "./zoom-in-BCxZo2jC.js";
-import { n as ae, t as oe } from "./CuiTopNavbarItem-CFeI6ZYU.js";
+import { n as ae, t as oe } from "./CuiTopNavbarItem-C2VZB7WV.js";
 import { t as se } from "./trash-2-pgydLlch.js";
 //#region ~icons/carbon/reset
-var X = {
+var ce = {
 	viewBox: "0 0 32 32",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Z(e, t) {
-	return a(), y("svg", X, [...t[0] ||= [C("path", {
+function X(e, t) {
+	return a(), v("svg", ce, [...t[0] ||= [S("path", {
 		fill: "currentColor",
 		d: "M18 28A12 12 0 1 0 6 16v6.2l-3.6-3.6L1 20l6 6l6-6l-1.4-1.4L8 22.2V16a10 10 0 1 1 10 10Z"
 	}, null, -1)]]);
 }
-var ce = d({
+var le = d({
 	name: "carbon-reset",
-	render: Z
-}), le = {
+	render: X
+}), Z = {
 	viewBox: "0 0 32 32",
 	width: "1.2em",
 	height: "1.2em"
 };
-function Q(e, t) {
-	return a(), y("svg", le, [...t[0] ||= [C("path", {
+function ue(e, t) {
+	return a(), v("svg", Z, [...t[0] ||= [S("path", {
 		fill: "currentColor",
 		d: "M17 15V8h-2v7H8v2h7v7h2v-7h7v-2z"
 	}, null, -1)]]);
 }
-var ue = d({
+var de = d({
 	name: "carbon-add",
-	render: Q
-}), de = /*#__PURE__*/ N(/* @__PURE__ */ E({
+	render: ue
+}), fe = /*#__PURE__*/ M(/* @__PURE__ */ T({
 	__name: "CuiTerminal",
 	props: {
 		autoConnect: {
@@ -62,7 +63,7 @@ var ue = d({
 		"error"
 	],
 	setup(e, { expose: t, emit: i }) {
-		let o = e, s = i, { isConnected: l, isConnecting: u, isClientConnected: d, error: f, connect: p, write: m, resize: h, close: g } = H(), { options: _ } = r(o), b = {
+		let o = e, s = i, { isConnected: l, isConnecting: u, isClientConnected: d, error: f, connect: p, write: m, resize: h, close: g } = H(), { options: y } = r(o), b = {
 			fontSize: 14,
 			scrollback: 5e3,
 			allowTransparency: !1,
@@ -70,115 +71,115 @@ var ue = d({
 			cursorBlink: !0,
 			allowProposedApi: !0,
 			theme: { background: "#000000" }
-		}, x = {
+		}, S = {
 			"\x1B[A": "\x1BOA",
 			"\x1B[B": "\x1BOB",
 			"\x1B[C": "\x1BOC",
 			"\x1B[D": "\x1BOD",
 			"\x1B[H": "\x1BOH",
 			"\x1B[F": "\x1BOF"
-		}, C = S("terminalContainerRef"), w = T(null), E = null, D = null, O = null, k = null, j = ee(C);
+		}, C = x("terminalContainerRef"), T = w(null), E = null, D = null, O = null, A = null, j = ee(C);
 		function M(e) {
 			l.value && m(o.inputTransform ? o.inputTransform(e) : e);
 		}
 		function N(e) {
-			w.value && w.value.write(e);
+			T.value && T.value.write(e);
 		}
 		function P() {
-			if (w.value && E) try {
+			if (T.value && E) try {
 				E.fit();
 			} catch {}
 		}
 		function F() {
-			P(), l.value && w.value && h({
-				cols: w.value.cols,
-				rows: w.value.rows
+			P(), l.value && T.value && h({
+				cols: T.value.cols,
+				rows: T.value.rows
 			});
 		}
-		function I() {
-			w.value && c(() => {
-				P(), w.value && (w.value.refresh(0, w.value.rows - 1), w.value.focus());
+		function L() {
+			T.value && c(() => {
+				P(), T.value && (T.value.refresh(0, T.value.rows - 1), T.value.focus());
 			});
 		}
-		let R = L(F, 100);
+		let R = I(F, 100);
 		function z(e) {
 			if (e) try {
 				e.dispose();
 			} catch {}
 		}
-		function te() {
-			C.value && (w.value = new q({
+		function B() {
+			C.value && (T.value = new J({
 				...b,
-				..._.value
-			}), E = new W(), k = new ne(), D = new G(), O = new K(), w.value.loadAddon(D), w.value.loadAddon(O), w.value.loadAddon(k), w.value.loadAddon(E), w.value.open(C.value), w.value.onData(M), w.value.onResize(({ cols: e, rows: t }) => {
+				...y.value
+			}), E = new W(), A = new K(), D = new G(), O = new q(), T.value.loadAddon(D), T.value.loadAddon(O), T.value.loadAddon(A), T.value.loadAddon(E), T.value.open(C.value), T.value.onData(M), T.value.onResize(({ cols: e, rows: t }) => {
 				l.value && h({
 					cols: e,
 					rows: t
 				});
-			}), k.onContextLoss(() => {
-				z(k), k = null;
+			}), A.onContextLoss(() => {
+				z(A), A = null;
 			}), F());
 		}
-		async function B() {
-			w.value && await p({
-				cols: w.value.cols,
-				rows: w.value.rows,
+		async function V() {
+			T.value && await p({
+				cols: T.value.cols,
+				rows: T.value.rows,
 				cwd: o.cwd,
 				shell: o.shell,
 				onData: N,
 				onClose: () => {
-					w.value?.write("\r\n\x1B[33mSession closed.\x1B[0m\r\n");
+					T.value?.write("\r\n\x1B[33mSession closed.\x1B[0m\r\n");
 				},
 				onError: (e) => {
 					s("error", e);
 				}
 			});
 		}
-		async function V() {
+		async function U() {
 			await g();
 		}
-		function U() {
-			w.value?.clear();
+		function te() {
+			T.value?.clear();
 		}
-		function J() {
-			w.value?.focus();
+		function ne() {
+			T.value?.focus();
 		}
 		function Y(e) {
-			w.value?.modes.applicationCursorKeysMode && (e = x[e] ?? e), M(e);
+			T.value?.modes.applicationCursorKeysMode && (e = S[e] ?? e), M(e);
 		}
-		return v(_, () => {
-			w.value && (w.value.options = {
+		return _(y, () => {
+			T.value && (T.value.options = {
 				...b,
-				..._.value
+				...y.value
 			}, R());
-		}, { deep: !0 }), v(l, (e) => {
-			e ? (s("connected"), c(() => w.value?.focus())) : s("disconnected");
-		}), v([j.height, j.width], () => {
+		}, { deep: !0 }), _(l, (e) => {
+			e ? (s("connected"), c(() => T.value?.focus())) : s("disconnected");
+		}), _([j.height, j.width], () => {
 			R();
-		}), A(() => {
-			te(), o.autoConnect && B();
+		}), k(() => {
+			B(), o.autoConnect && V();
 		}), n(() => {
-			g(), z(E), z(k), z(D), z(O), z(w.value);
+			g(), z(E), z(A), z(D), z(O), z(T.value);
 		}), t({
-			connect: B,
-			disconnect: V,
-			clear: U,
-			focus: J,
+			connect: V,
+			disconnect: U,
+			clear: te,
+			focus: ne,
 			resize: F,
-			refresh: I,
+			refresh: L,
 			sendInput: Y,
 			isConnected: l,
 			isConnecting: u,
 			isClientConnected: d,
 			error: f,
-			term: w
-		}), (e, t) => (a(), y("div", {
+			term: T
+		}), (e, t) => (a(), v("div", {
 			ref_key: "terminalContainerRef",
 			ref: C,
 			class: "cui-terminal w-full h-full bg-black overflow-hidden p-2 min-w-0"
 		}, null, 512));
 	}
-}), [["__scopeId", "data-v-82bcb47c"]]), fe = [
+}), [["__scopeId", "data-v-82bcb47c"]]), Q = [
 	{
 		id: "esc",
 		label: "Esc",
@@ -271,14 +272,14 @@ var ue = d({
 		label: "_",
 		sequence: "_"
 	}
-], $ = [
+], pe = [
 	"tab",
 	"ctrl",
 	"up",
 	"down",
 	"left",
 	"right"
-], pe = {
+], $ = {
 	a: "
",
 	b: "",
 	c: "",
@@ -308,74 +309,68 @@ var ue = d({
 }, me = ["onPointerdown"], he = {
 	key: 0,
 	class: "flex flex-wrap gap-1.5 px-2 py-2 bg-black/90 border-t border-white/10"
-}, ge = ["onClick"], _e = /*#__PURE__*/ N(/* @__PURE__ */ E({
+}, ge = ["onClick"], _e = /*#__PURE__*/ M(/* @__PURE__ */ T({
 	__name: "CuiTerminalToolbar",
 	emits: ["send"],
 	setup(e, { expose: n, emit: r }) {
-		let s = r, { smBreakpoint: c } = M(), u = fe, d = R("cui-terminal-toolbar-keys", $), f = D(!1), p = k(/* @__PURE__ */ new Set()), _ = g(() => d.value.map((e) => u.find((t) => t.id === e)).filter(Boolean));
-		function v(e) {
-			if (p.has("ctrl") && e.length === 1) {
-				let t = pe[e.toLowerCase()];
+		let s = r, { smBreakpoint: c } = j(), u = Q, d = L("cui-terminal-toolbar-keys", pe), f = E(!1), g = O(/* @__PURE__ */ new Set()), _ = h(() => d.value.map((e) => u.find((t) => t.id === e)).filter(Boolean));
+		function y(e) {
+			if (g.has("ctrl") && e.length === 1) {
+				let t = $[e.toLowerCase()];
 				if (t) return t;
 			}
-			return p.has("alt") && e.length === 1 ? `\x1b${e}` : e;
+			return g.has("alt") && e.length === 1 ? `\x1b${e}` : e;
 		}
-		function b(e) {
+		function x(e) {
 			if (e.modifier) {
-				p.has(e.id) ? p.delete(e.id) : p.add(e.id);
+				g.has(e.id) ? g.delete(e.id) : g.add(e.id);
 				return;
 			}
-			let t = v(e.sequence);
-			s("send", t), p.clear();
+			let t = y(e.sequence);
+			s("send", t), g.clear();
 		}
-		function S(e) {
+		function C(e) {
 			let t = d.value.indexOf(e);
 			t >= 0 ? d.value.splice(t, 1) : d.value.push(e);
 		}
 		return n({
-			activeModifiers: p,
-			applyModifiers: v
+			activeModifiers: g,
+			applyModifiers: y
 		}), (e, n) => {
 			let r = Y;
-			return a(), y("div", null, [C("div", { class: l(["cui-terminal-toolbar flex items-center gap-1 px-2 py-1.5 bg-black/80 border-t border-white/10 overflow-x-auto no-scrollbar", { "pt-3": !h(c) }]) }, [(a(!0), y(x, null, i(h(_), (e) => (a(), y("button", {
+			return a(), v("div", null, [S("div", { class: l(["cui-terminal-toolbar flex items-center gap-1 px-2 py-1.5 bg-black/80 border-t border-white/10 overflow-x-auto no-scrollbar", { "pt-3": !m(c) }]) }, [(a(!0), v(b, null, i(m(_), (e) => (a(), v("button", {
 				key: e.id,
 				class: l(["toolbar-key flex-shrink-0 px-2.5 py-1.5 rounded text-xs font-mono select-none transition-colors duration-100 border min-w-[32px] text-center cursor-pointer", {
-					"bg-white/20 border-white/30 text-white": e.modifier && h(p).has(e.id),
-					"bg-white/5 border-white/10 text-white/70 hover:bg-white/15 hover:text-white active:bg-white/25": !(e.modifier && h(p).has(e.id))
+					"bg-white/20 border-white/30 text-white": e.modifier && m(g).has(e.id),
+					"bg-white/5 border-white/10 text-white/70 hover:bg-white/15 hover:text-white active:bg-white/25": !(e.modifier && m(g).has(e.id))
 				}]),
-				onPointerdown: t((t) => b(e), ["prevent"])
-			}, o(e.label), 43, me))), 128)), C("button", {
+				onPointerdown: t((t) => x(e), ["prevent"])
+			}, o(e.label), 43, me))), 128)), S("button", {
 				class: l(["toolbar-key flex-shrink-0 px-2 py-1.5 rounded text-xs select-none transition-colors duration-100 border ml-auto", {
-					"bg-white/20 border-white/30 text-white": h(f),
-					"bg-white/5 border-white/10 text-white/50 hover:bg-white/15 hover:text-white": !h(f)
+					"bg-white/20 border-white/30 text-white": m(f),
+					"bg-white/5 border-white/10 text-white/50 hover:bg-white/15 hover:text-white": !m(f)
 				}]),
-				onPointerdown: n[0] ||= t((e) => f.value = !h(f), ["prevent"])
-			}, [O(r, { class: "w-3.5 h-3.5" })], 34)], 2), h(f) ? (a(), y("div", he, [(a(!0), y(x, null, i(h(u), (e) => (a(), y("button", {
+				onPointerdown: n[0] ||= t((e) => f.value = !m(f), ["prevent"])
+			}, [D(r, { class: "w-3.5 h-3.5" })], 34)], 2), m(f) ? (a(), v("div", he, [(a(!0), v(b, null, i(m(u), (e) => (a(), v("button", {
 				key: e.id,
 				class: l(["px-2.5 py-1 rounded text-xs font-mono select-none transition-colors duration-100 border", {
-					"bg-white/20 border-white/30 text-white": h(d).includes(e.id),
-					"bg-white/5 border-white/10 text-white/30": !h(d).includes(e.id)
+					"bg-white/20 border-white/30 text-white": m(d).includes(e.id),
+					"bg-white/5 border-white/10 text-white/30": !m(d).includes(e.id)
 				}]),
-				onClick: (t) => S(e.id)
-			}, o(e.label), 11, ge))), 128))])) : m("", !0)]);
+				onClick: (t) => C(e.id)
+			}, o(e.label), 11, ge))), 128))])) : p("", !0)]);
 		};
 	}
-}), [["__scopeId", "data-v-e111c595"]]), ve = D(0);
-function ye() {
-	return { keyboardInset: f(ve) };
-}
-//#endregion
-//#region src/views/Terminal.vue?vue&type=script&setup=true&lang.ts
-var be = { class: "h-full w-full dark-mode relative overflow-hidden" }, xe = { class: "relative w-6 h-6" }, Se = /* @__PURE__ */ E({
+}), [["__scopeId", "data-v-e111c595"]]), ve = { class: "h-full w-full dark-mode relative overflow-hidden" }, ye = { class: "relative w-6 h-6" }, be = /* @__PURE__ */ T({
 	__name: "Terminal",
 	props: {
 		navbarWidth: { default: 0 },
 		navbarLeft: { default: 0 }
 	},
 	setup(t) {
-		let o = t, d = z(), { t: f } = B(), m = F(), { uiSettings: T } = te(m), { navbarWidth: E, navbarLeft: k } = r(o), { keyboardInset: M } = ye(), N = S("toolbar"), L = D([]), R = D(""), H = /* @__PURE__ */ new Map(), W = 0, G = ee(N), ne = g(() => E.value + k.value), K = g(() => L.value.find((e) => e.id === R.value)), q = g(() => ({ fontSize: T.value.console.zoom })), Y = D([
+		let o = t, d = R(), { t: p } = B(), w = N(), { uiSettings: T } = z(w), { navbarWidth: O, navbarLeft: j } = r(o), { keyboardInset: M } = ne(), I = x("toolbar"), L = E([]), H = E(""), W = /* @__PURE__ */ new Map(), G = 0, K = ee(I), q = h(() => O.value + j.value), J = h(() => L.value.find((e) => e.id === H.value)), Y = h(() => ({ fontSize: T.value.console.zoom })), ce = E([
 			{
-				label: f("components.form.tooltip.clear"),
+				label: p("components.form.tooltip.clear"),
 				icon: se,
 				buttonProps: { severity: "danger" },
 				command: () => {
@@ -383,14 +378,14 @@ var be = { class: "h-full w-full dark-mode relative overflow-hidden" }, xe = { c
 				}
 			},
 			{
-				label: f("components.form.tooltip.zoom_out"),
+				label: p("components.form.tooltip.zoom_out"),
 				icon: re,
 				command: () => {
 					Ee();
 				}
 			},
 			{
-				label: f("components.form.tooltip.zoom_in"),
+				label: p("components.form.tooltip.zoom_in"),
 				icon: ie,
 				command: () => {
 					Te();
@@ -403,55 +398,55 @@ var be = { class: "h-full w-full dark-mode relative overflow-hidden" }, xe = { c
 		function Z(e) {
 			e ? (document.addEventListener("touchmove", X, { passive: !1 }), document.documentElement.style.overscrollBehavior = "none") : (document.removeEventListener("touchmove", X), document.documentElement.style.overscrollBehavior = "");
 		}
-		function le(e, t) {
-			t ? H.set(e, t) : H.delete(e);
+		function ue(e, t) {
+			t ? W.set(e, t) : W.delete(e);
 		}
 		function Q() {
-			return H.get(R.value);
+			return W.get(H.value);
 		}
-		function fe() {
-			return W++, {
-				id: I(12),
-				name: `Terminal ${W}`,
+		function pe() {
+			return G++, {
+				id: P(12),
+				name: `Terminal ${G}`,
 				isConnected: !1,
 				isConnecting: !0
 			};
 		}
 		function $() {
-			let e = fe();
-			L.value.push(e), R.value = e.id;
+			let e = pe();
+			L.value.push(e), H.value = e.id;
 		}
-		async function pe(e) {
+		async function me(e) {
 			let t = L.value.findIndex((t) => t.id === e);
 			if (t === -1) return;
-			let n = H.get(e);
-			if (n && await n.disconnect(), L.value.splice(t, 1), H.delete(e), R.value === e && L.value.length > 0) {
+			let n = W.get(e);
+			if (n && await n.disconnect(), L.value.splice(t, 1), W.delete(e), H.value === e && L.value.length > 0) {
 				let e = Math.min(t, L.value.length - 1);
-				R.value = L.value[e].id, c(() => {
+				H.value = L.value[e].id, c(() => {
 					Q()?.refresh();
 				});
 			}
 		}
-		function me(e) {
-			R.value = e, c(() => {
-				H.get(e)?.refresh();
-			});
-		}
 		function he(e) {
-			if (!N.value?.activeModifiers?.size) return e;
-			let t = N.value.applyModifiers(e);
-			return N.value.activeModifiers.clear(), t;
+			H.value = e, c(() => {
+				W.get(e)?.refresh();
+			});
 		}
 		function ge(e) {
+			if (!I.value?.activeModifiers?.size) return e;
+			let t = I.value.applyModifiers(e);
+			return I.value.activeModifiers.clear(), t;
+		}
+		function be(e) {
 			Q()?.sendInput(e);
 		}
-		async function ve() {
+		async function xe() {
 			let e = Q();
 			e && (await e.disconnect(), await e.connect());
 		}
 		function Se(e) {
 			let t = L.value.find((t) => t.id === e);
-			t && (t.isConnected = !0, t.isConnecting = !1), e === R.value && c(() => {
+			t && (t.isConnected = !0, t.isConnecting = !1), e === H.value && c(() => {
 				Q()?.refresh();
 			});
 		}
@@ -474,39 +469,39 @@ var be = { class: "h-full w-full dark-mode relative overflow-hidden" }, xe = { c
 				Q()?.resize();
 			}));
 		}
-		return v(M, (e) => Z(e > 0)), A(() => {
+		return _(M, (e) => Z(e > 0)), k(() => {
 			$();
 		}), n(() => {
 			Z(!1);
 		}), (t, n) => {
-			let r = J, o = V, c = P, d = oe, m = ue, g = ae, v = U, S = ce, T = j;
-			return a(), y("div", be, [
-				O(c, { position: "left" }, {
-					default: _(() => [O(o, {
+			let r = te, o = V, c = F, d = oe, h = de, _ = ae, x = U, w = le, T = A;
+			return a(), v("div", ve, [
+				D(c, { position: "left" }, {
+					default: g(() => [D(o, {
 						severity: "secondary",
 						text: "",
 						class: "cui-button p-2 text-color non-draggable-region",
 						onClick: n[0] ||= (e) => t.$router.push("/menu")
 					}, {
-						icon: _(() => [O(r, { class: "w-6 h-6" })]),
+						icon: g(() => [D(r, { class: "w-6 h-6" })]),
 						_: 1
 					})]),
 					_: 1
 				}),
-				O(g, {
+				D(_, {
 					scrollable: "",
-					"left-offset": h(ne),
+					"left-offset": m(q),
 					animate: ""
 				}, {
-					left: _(() => [(a(!0), y(x, null, i(h(L), (e) => (a(), p(d, {
+					left: g(() => [(a(!0), v(b, null, i(m(L), (e) => (a(), f(d, {
 						key: e.id,
 						type: "tab",
 						label: e.name,
-						active: h(R) === e.id,
+						active: m(H) === e.id,
 						status: e.isConnected ? "connected" : e.isConnecting ? "connecting" : "disconnected",
-						closeable: h(L).length > 1,
-						onClick: (t) => me(e.id),
-						onClose: (t) => pe(e.id)
+						closeable: m(L).length > 1,
+						onClick: (t) => he(e.id),
+						onClose: (t) => me(e.id)
 					}, null, 8, [
 						"label",
 						"active",
@@ -514,24 +509,24 @@ var be = { class: "h-full w-full dark-mode relative overflow-hidden" }, xe = { c
 						"closeable",
 						"onClick",
 						"onClose"
-					]))), 128)), w((a(), p(d, {
+					]))), 128)), C((a(), f(d, {
 						type: "button",
 						onClick: $
 					}, {
-						icon: _(() => [O(m, { class: "w-4 h-4" })]),
+						icon: g(() => [D(h, { class: "w-4 h-4" })]),
 						_: 1
-					})), [[T, h(f)("views.terminal.new_tab")]])]),
+					})), [[T, m(p)("views.terminal.new_tab")]])]),
 					_: 1
 				}, 8, ["left-offset"]),
-				C("div", {
+				S("div", {
 					class: "w-full h-full flex flex-col relative",
-					style: b({ paddingTop: `${h(55)}px` })
-				}, [C("div", { class: l(["flex-1 relative min-h-0 overflow-hidden", { "pb-1": h(M) > 0 }]) }, [(a(!0), y(x, null, i(h(L), (t) => w((a(), p(de, {
+					style: y({ paddingTop: `${m(55)}px` })
+				}, [S("div", { class: l(["flex-1 relative min-h-0 overflow-hidden", { "pb-1": m(M) > 0 }]) }, [(a(!0), v(b, null, i(m(L), (t) => C((a(), f(fe, {
 					key: t.id,
 					ref_for: !0,
-					ref: (e) => le(t.id, e),
-					options: h(q),
-					"input-transform": he,
+					ref: (e) => ue(t.id, e),
+					options: m(Y),
+					"input-transform": ge,
 					"auto-connect": "",
 					onConnected: () => Se(t.id),
 					onDisconnected: () => Ce(t.id),
@@ -541,13 +536,13 @@ var be = { class: "h-full w-full dark-mode relative overflow-hidden" }, xe = { c
 					"onConnected",
 					"onDisconnected",
 					"onError"
-				])), [[e, h(R) === t.id]])), 128))], 2), O(_e, {
+				])), [[e, m(H) === t.id]])), 128))], 2), D(_e, {
 					ref_key: "toolbar",
-					ref: N,
-					onSend: ge
+					ref: I,
+					onSend: be
 				}, null, 512)], 4),
-				O(v, {
-					model: h(Y),
+				D(x, {
+					model: m(ce),
 					direction: "up",
 					"transition-delay": 80,
 					"tooltip-options": {
@@ -556,62 +551,62 @@ var be = { class: "h-full w-full dark-mode relative overflow-hidden" }, xe = { c
 					},
 					class: "absolute right-3 z-11",
 					pt: { root: { style: "pointer-events: none" } },
-					style: b({
-						bottom: `calc(0.75rem + ${h(G).height.value}px)`,
+					style: y({
+						bottom: `calc(0.75rem + ${m(K).height.value}px)`,
 						transition: "bottom 150ms ease-out"
 					})
 				}, {
-					button: _(({ visible: e, toggleCallback: t }) => [O(o, {
+					button: g(({ visible: e, toggleCallback: t }) => [D(o, {
 						severity: "secondary",
 						class: l(["dark-mode opacity-40 hover:opacity-100 active:opacity-100 focus:opacity-100 transition pointer-events-auto", { "opacity-100": e }]),
 						rounded: "",
 						onClick: t
 					}, {
-						icon: _(() => [C("div", xe, [
-							C("div", {
+						icon: g(() => [S("div", ye, [
+							S("div", {
 								class: l(["absolute top-0.5 left-1/2 -translate-x-1/2 w-1.5 h-1.5 rounded-full transform transition-all duration-100 origin-center", { "w-4 h-[2px] rotate-45 top-1/2 -translate-y-1/2 rounded-none": e }]),
 								style: { backgroundColor: "var(--text-color)" }
 							}, null, 2),
-							C("div", {
+							S("div", {
 								class: l(["absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-1.5 h-1.5 rounded-full transition-all duration-100", { "opacity-0 scale-0": e }]),
 								style: { backgroundColor: "var(--text-color)" }
 							}, null, 2),
-							C("div", {
+							S("div", {
 								class: l(["absolute bottom-0.5 left-1/2 -translate-x-1/2 w-1.5 h-1.5 rounded-full transform transition-all duration-100 origin-center", { "w-4 h-[2px] -rotate-45 bottom-1/2 translate-y-1/2 rounded-none": e }]),
 								style: { backgroundColor: "var(--text-color)" }
 							}, null, 2)
 						])]),
 						_: 2
 					}, 1032, ["class", "onClick"])]),
-					item: _(({ item: e, toggleCallback: t }) => [w((a(), p(o, s({ severity: "secondary" }, e.buttonProps, {
+					item: g(({ item: e, toggleCallback: t }) => [C((a(), f(o, s({ severity: "secondary" }, e.buttonProps, {
 						rounded: "",
 						onClick: t
 					}), {
-						icon: _(() => [(a(), p(u(e.icon)))]),
+						icon: g(() => [(a(), f(u(e.icon)))]),
 						_: 2
 					}, 1040, ["onClick"])), [[T, { value: e.label }]])]),
 					_: 1
 				}, 8, ["model", "style"]),
-				w((a(), p(o, {
-					class: l(["opacity-40 hover:opacity-100 active:opacity-100 focus:opacity-100 transition absolute right-14 z-11", { "!opacity-20 pointer-events-none": h(K)?.isConnected || h(K)?.isConnecting }]),
-					style: b({
-						bottom: `calc(0.75rem + ${h(G).height.value}px)`,
+				C((a(), f(o, {
+					class: l(["opacity-40 hover:opacity-100 active:opacity-100 focus:opacity-100 transition absolute right-14 z-11", { "!opacity-20 pointer-events-none": m(J)?.isConnected || m(J)?.isConnecting }]),
+					style: y({
+						bottom: `calc(0.75rem + ${m(K).height.value}px)`,
 						transition: "bottom 150ms ease-out"
 					}),
 					rounded: "",
-					disabled: h(K)?.isConnected || h(K)?.isConnecting,
-					onClick: ve
+					disabled: m(J)?.isConnected || m(J)?.isConnecting,
+					onClick: xe
 				}, {
-					icon: _(() => [O(S, { class: "text-white" })]),
+					icon: g(() => [D(w, { class: "text-white" })]),
 					_: 1
 				}, 8, [
 					"class",
 					"style",
 					"disabled"
-				])), [[T, h(f)("views.terminal.reconnect")]])
+				])), [[T, m(p)("views.terminal.reconnect")]])
 			]);
 		};
 	}
 });
 //#endregion
-export { Se as default };
+export { be as default };