@gameap/frontend 4.1.0-dev8 → 4.1.0-dev9

package/dist/RconConsole-DkRK7vz3.js

@@ -0,0 +1,74 @@
+import { ref as v, computed as h, onMounted as g, createElementBlock as e, openBlock as o, createElementVNode as a, createCommentVNode as x, createVNode as c, unref as t, toDisplayString as d, Fragment as k, renderList as b, withKeys as y, withCtx as w } from "vue";
+import { NInput as C } from "naive-ui";
+import { l as R, _ as N, a as S, e as $ } from "./index-BDKiNPpP.js";
+import { storeToRefs as V } from "pinia";
+import { u as B } from "./ServerIdView-BJS6wcMH.js";
+const E = { id: "rcon-console-component" }, F = { class: "coding inverse-toggle px-5 pt-4 shadow-lg text-stone-100 text-sm font-mono subpixel-antialiased bg-stone-800 dark:bg-stone-900 pb-6 pt-4 rounded-lg leading-normal overflow-hidden" }, I = {
+  ref: "consoleRef",
+  class: "whitespace-pre-wrap mt-4 flex h-[40vh] overflow-y-scroll overscroll-contain"
+}, K = {
+  key: 0,
+  class: "flex w-full items-center justify-center"
+}, j = { key: 1 }, z = {
+  key: 0,
+  class: "gap-x-2 mt-2"
+}, A = ["onClick"], D = { class: "grid grid-cols-8 gap-x-2 mt-2" }, L = { class: "col-span-7 w-full" }, M = { class: "hidden lg:inline" }, P = {
+  __name: "RconConsole",
+  props: {
+    serverId: null
+  },
+  setup(T) {
+    const l = B(), { output: _, fastRcon: m } = V(l), n = v(""), u = h(() => l.loading), i = () => {
+      l.sendCommand(n.value).then(() => {
+        n.value = "";
+      }).catch((s) => {
+        $(s);
+      });
+    }, f = (s) => {
+      n.value = s, i();
+    };
+    return g(() => {
+      l.fetchFastRcon();
+    }), (s, p) => (o(), e("div", E, [
+      a("div", F, [
+        a("div", I, [
+          u.value ? (o(), e("div", K, [
+            c(t(R))
+          ])) : (o(), e("div", j, d(t(_)), 1))
+        ], 512)
+      ]),
+      t(m) ? (o(), e("div", z, [
+        (o(!0), e(k, null, b(t(m), (r) => (o(), e("span", {
+          onClick: (U) => f(r.command),
+          class: "bg-stone-100 hover:bg-stone-200 text-stone-800 text-xs font-medium me-2 px-2.5 py-1 rounded dark:bg-stone-700 dark:text-stone-300 cursor-pointer"
+        }, d(r.info), 9, A))), 256))
+      ])) : x("", !0),
+      a("div", D, [
+        a("div", L, [
+          c(t(C), {
+            value: n.value,
+            "onUpdate:value": p[0] || (p[0] = (r) => n.value = r),
+            onKeyup: y(i, ["enter"]),
+            disabled: u.value,
+            type: "text",
+            placeholder: ""
+          }, null, 8, ["value", "disabled"])
+        ]),
+        c(N, {
+          color: "black",
+          size: "small",
+          onClick: i
+        }, {
+          default: w(() => [
+            c(t(S), { name: "terminal" }),
+            a("span", M, " " + d(s.trans("main.send")), 1)
+          ]),
+          _: 1
+        })
+      ])
+    ]));
+  }
+};
+export {
+  P as default
+};

package/dist/{RconPlayers-CXL0bHlU.js → RconPlayers-CDRCp79f.js}

@@ -1,115 +1,116 @@
-import { resolveComponent as k, createElementBlock as u, openBlock as m, createVNode as f, withCtx as h, createElementVNode as s, createCommentVNode as c, toDisplayString as o, Fragment as O, renderList as D, withDirectives as _, vModelText as w, ref as L } from "vue";
-import { storeToRefs as G } from "pinia";
-import { S as B, J as S, K as T, L as C, M as U, N as M, O as z, P as K, Q as R, R as V, T as I, U as q, V as H, W as J, X as Q, Y as W, Z as X, b as Y, _ as Z, n as P, e as v, u as x, $ as A } from "./index-Fmomw6wi.js";
-import { u as $ } from "./ServerIdView-wsnPfVUi.js";
+import { resolveComponent as y, createElementBlock as u, openBlock as m, createVNode as h, withCtx as p, createElementVNode as t, createCommentVNode as c, toDisplayString as o, Fragment as O, renderList as D, withDirectives as _, vModelText as w, ref as L } from "vue";
+import { storeToRefs as B } from "pinia";
+import { W as T, H as S, X as U, Y as R, Z as z, $ as H, G as M, R as K, a0 as C, a1 as V, a2 as q, a3 as W, a4 as X, a5 as Y, c as Z, a as J, _ as Q, n as P, e as v, u as $ } from "./index-BDKiNPpP.js";
+import { u as x } from "./ServerIdView-BJS6wcMH.js";
 import "naive-ui";
-var j = 1, ee = 2;
-function re(e, r, n, i) {
-  var a = n.length, t = a;
+import { S as j, b as I, a as ee, i as A } from "./isEmpty-lBntcFaB.js";
+var re = 1, ne = 2;
+function se(e, r, n, a) {
+  var i = n.length, s = i;
   if (e == null)
-    return !t;
-  for (e = Object(e); a--; ) {
-    var d = n[a];
+    return !s;
+  for (e = Object(e); i--; ) {
+    var d = n[i];
     if (d[2] ? d[1] !== e[d[0]] : !(d[0] in e))
       return !1;
   }
-  for (; ++a < t; ) {
-    d = n[a];
-    var p = d[0], g = e[p], l = d[1];
+  for (; ++i < s; ) {
+    d = n[i];
+    var f = d[0], b = e[f], k = d[1];
     if (d[2]) {
-      if (g === void 0 && !(p in e))
+      if (b === void 0 && !(f in e))
         return !1;
     } else {
-      var b = new B(), y;
-      if (!(y === void 0 ? S(l, g, j | ee, i, b) : y))
+      var l = new j(), g;
+      if (!(g === void 0 ? I(k, b, re | ne, a, l) : g))
         return !1;
     }
   }
   return !0;
 }
-function N(e) {
+function F(e) {
   return e === e && !T(e);
 }
-function ne(e) {
-  for (var r = C(e), n = r.length; n--; ) {
-    var i = r[n], a = e[i];
-    r[n] = [i, a, N(a)];
+function te(e) {
+  for (var r = S(e), n = r.length; n--; ) {
+    var a = r[n], i = e[a];
+    r[n] = [a, i, F(i)];
   }
   return r;
 }
-function F(e, r) {
+function G(e, r) {
   return function(n) {
     return n == null ? !1 : n[e] === r && (r !== void 0 || e in Object(n));
   };
 }
-function se(e) {
-  var r = ne(e);
-  return r.length == 1 && r[0][2] ? F(r[0][0], r[0][1]) : function(n) {
-    return n === e || re(n, e, r);
+function oe(e) {
+  var r = te(e);
+  return r.length == 1 && r[0][2] ? G(r[0][0], r[0][1]) : function(n) {
+    return n === e || se(n, e, r);
   };
 }
-function te(e, r) {
+function ae(e, r) {
   return e != null && r in Object(e);
 }
-function oe(e, r, n) {
+function ie(e, r, n) {
   r = U(r, e);
-  for (var i = -1, a = r.length, t = !1; ++i < a; ) {
-    var d = M(r[i]);
-    if (!(t = e != null && n(e, d)))
+  for (var a = -1, i = r.length, s = !1; ++a < i; ) {
+    var d = R(r[a]);
+    if (!(s = e != null && n(e, d)))
       break;
     e = e[d];
   }
-  return t || ++i != a ? t : (a = e == null ? 0 : e.length, !!a && z(a) && K(d, a) && (R(e) || V(e)));
+  return s || ++a != i ? s : (i = e == null ? 0 : e.length, !!i && z(i) && H(d, i) && (M(e) || K(e)));
 }
-function ie(e, r) {
-  return e != null && oe(e, r, te);
+function le(e, r) {
+  return e != null && ie(e, r, ae);
 }
-var ae = 1, le = 2;
-function de(e, r) {
-  return I(e) && N(r) ? F(M(e), r) : function(n) {
-    var i = q(n, e);
-    return i === void 0 && i === r ? ie(n, e) : S(r, i, ae | le);
+var de = 1, ue = 2;
+function me(e, r) {
+  return C(e) && F(r) ? G(R(e), r) : function(n) {
+    var a = V(n, e);
+    return a === void 0 && a === r ? le(n, e) : I(r, a, de | ue);
   };
 }
-function ue(e) {
+function ce(e) {
   return function(r) {
     return r?.[e];
   };
 }
-function me(e) {
+function he(e) {
   return function(r) {
-    return H(r, e);
+    return q(r, e);
   };
 }
-function ce(e) {
-  return I(e) ? ue(M(e)) : me(e);
-}
-function he(e) {
-  return typeof e == "function" ? e : e == null ? J : typeof e == "object" ? R(e) ? de(e[0], e[1]) : se(e) : ce(e);
+function fe(e) {
+  return C(e) ? ce(R(e)) : he(e);
 }
-var fe = Q();
-function pe(e, r) {
-  return e && fe(e, r, C);
+function pe(e) {
+  return typeof e == "function" ? e : e == null ? W : typeof e == "object" ? M(e) ? me(e[0], e[1]) : oe(e) : fe(e);
 }
-var ge = W(pe);
+var ge = X();
 function be(e, r) {
+  return e && ge(e, r, S);
+}
+var ye = Y(be);
+function ke(e, r) {
   var n;
-  return ge(e, function(i, a, t) {
-    return n = r(i, a, t), !n;
+  return ye(e, function(a, i, s) {
+    return n = r(a, i, s), !n;
   }), !!n;
 }
 function E(e, r, n) {
-  var i = R(e) ? X : be;
-  return i(e, he(r));
+  var a = M(e) ? ee : ke;
+  return a(e, pe(r));
 }
-const ye = {
+const _e = {
   name: "RconPlayers",
-  components: { GButton: Z },
+  components: { GButton: Q, GIcon: J },
   props: {
     serverId: Number
   },
   setup() {
-    const e = x(), r = $(), { players: n } = G(r);
+    const e = $(), r = x(), { players: n } = B(r);
     return {
       serverStore: e,
       rconStore: r,
@@ -232,90 +233,93 @@ const ye = {
   mounted() {
     this.serverStore.setServerId(this.serverId), this.rconStore.fetchPlayers();
   }
-}, ke = { id: "rcon-players-component" }, _e = { key: 0 }, we = { key: 1 }, Pe = { key: 2 }, ve = { key: 0 }, Ae = { key: 1 }, Ee = { key: 2 }, Me = { class: "grid grid-cols-2 gap-x-4" }, Re = { class: "hidden lg:inline" }, Se = { class: "hidden lg:inline" }, Ce = {
+}, we = { id: "rcon-players-component" }, Pe = { key: 0 }, ve = { key: 1 }, Ae = { key: 2 }, Ee = { key: 0 }, Re = { key: 1 }, Me = { key: 2 }, Se = { class: "grid grid-cols-2 gap-x-4" }, Ce = { class: "hidden lg:inline" }, Ie = { class: "hidden lg:inline" }, Fe = {
   key: 0,
   class: "mb-3"
-}, Ie = {
+}, Ge = {
   for: "input-reason",
   class: "control-label"
 }, Ne = {
   key: 0,
   class: "help-block"
-}, Fe = { class: "text-red-600" }, Oe = {
+}, Oe = { class: "text-red-600" }, De = {
   key: 1,
   class: "mb-3"
-}, De = {
+}, Le = {
   for: "input-time",
   class: "control-label"
-}, Le = {
+}, Be = {
   key: 0,
   class: "help-block"
-}, Ge = { class: "text-red-600" }, Be = {
+}, Te = { class: "text-red-600" }, Ue = {
   key: 2,
   class: "mb-3"
-}, Te = {
+}, ze = {
   for: "input-mesage",
   class: "control-label"
-}, Ue = {
+}, He = {
   key: 0,
   class: "help-block"
-}, ze = { class: "text-red-600" };
-function Ke(e, r, n, i, a, t) {
-  const d = k("GButton"), p = k("n-table"), g = k("n-modal");
-  return m(), u("div", ke, [
-    f(d, {
+}, Ke = { class: "text-red-600" };
+function Ve(e, r, n, a, i, s) {
+  const d = y("GIcon"), f = y("GButton"), b = y("n-table"), k = y("n-modal");
+  return m(), u("div", we, [
+    h(f, {
       color: "green",
       size: "small",
       class: "mb-2",
-      onClick: t.updatePlayers
+      onClick: s.updatePlayers
     }, {
-      default: h(() => [...r[6] || (r[6] = [
-        s("i", { class: "fas fa-sync" }, null, -1)
-      ])]),
+      default: p(() => [
+        h(d, { name: "sync" })
+      ]),
       _: 1
     }, 8, ["onClick"]),
-    f(p, {
+    h(b, {
       size: "small",
       bordered: !1
     }, {
-      default: h(() => [
-        s("thead", null, [
-          s("tr", null, [
-            s("th", null, o(e.trans("rcon.player_name")), 1),
-            t.scoreRow ? (m(), u("th", _e, o(e.trans("rcon.player_score")), 1)) : c("", !0),
-            t.pingRow ? (m(), u("th", we, o(e.trans("rcon.player_ping")), 1)) : c("", !0),
-            t.ipRow ? (m(), u("th", Pe, o(e.trans("rcon.player_ip")), 1)) : c("", !0),
-            s("th", null, o(e.trans("main.actions")), 1)
+      default: p(() => [
+        t("thead", null, [
+          t("tr", null, [
+            t("th", null, o(e.trans("rcon.player_name")), 1),
+            s.scoreRow ? (m(), u("th", Pe, o(e.trans("rcon.player_score")), 1)) : c("", !0),
+            s.pingRow ? (m(), u("th", ve, o(e.trans("rcon.player_ping")), 1)) : c("", !0),
+            s.ipRow ? (m(), u("th", Ae, o(e.trans("rcon.player_ip")), 1)) : c("", !0),
+            t("th", null, o(e.trans("main.actions")), 1)
           ])
         ]),
-        (m(!0), u(O, null, D(i.players, (l, b) => (m(), u("tbody", null, [
-          s("tr", null, [
-            s("td", null, o(l.name), 1),
-            t.scoreRow ? (m(), u("td", ve, o(l.score), 1)) : c("", !0),
-            t.pingRow ? (m(), u("td", Ae, o(l.ping), 1)) : c("", !0),
-            t.ipRow ? (m(), u("td", Ee, o(l.ip), 1)) : c("", !0),
-            s("td", Me, [
-              f(d, {
+        (m(!0), u(O, null, D(a.players, (l, g) => (m(), u("tbody", null, [
+          t("tr", null, [
+            t("td", null, o(l.name), 1),
+            s.scoreRow ? (m(), u("td", Ee, o(l.score), 1)) : c("", !0),
+            s.pingRow ? (m(), u("td", Re, o(l.ping), 1)) : c("", !0),
+            s.ipRow ? (m(), u("td", Me, o(l.ip), 1)) : c("", !0),
+            t("td", Se, [
+              h(f, {
                 color: "black",
                 size: "small",
                 class: "mb-2",
-                onClick: (y) => t.openDialog("kick", b)
+                onClick: (N) => s.openDialog("kick", g)
               }, {
-                default: h(() => [
-                  r[7] || (r[7] = s("i", { class: "gicon gicon-kick mr-1" }, null, -1)),
-                  s("span", Re, o(e.trans("rcon.kick")), 1)
+                default: p(() => [
+                  r[6] || (r[6] = t("i", { class: "gicon gicon-kick mr-1" }, null, -1)),
+                  t("span", Ce, o(e.trans("rcon.kick")), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"]),
-              f(d, {
+              h(f, {
                 color: "black",
                 size: "small",
                 class: "mb-2",
-                onClick: (y) => t.openDialog("ban", b)
+                onClick: (N) => s.openDialog("ban", g)
               }, {
-                default: h(() => [
-                  r[8] || (r[8] = s("i", { class: "fas fa-ban mr-1" }, null, -1)),
-                  s("span", Se, o(e.trans("rcon.ban")), 1)
+                default: p(() => [
+                  h(d, {
+                    name: "ban",
+                    class: "mr-1"
+                  }),
+                  t("span", Ie, o(e.trans("rcon.ban")), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"])
@@ -325,34 +329,34 @@ function Ke(e, r, n, i, a, t) {
       ]),
       _: 1
     }),
-    f(g, {
+    h(k, {
       show: e.modalEnabled,
       "onUpdate:show": r[5] || (r[5] = (l) => e.modalEnabled = l),
       class: "custom-card",
       preset: "card",
-      title: t.dialogTitle,
+      title: s.dialogTitle,
       bordered: !1,
       style: { width: "600px" },
       segmented: e.segmented
     }, {
-      footer: h(() => [
-        s("button", {
+      footer: p(() => [
+        t("button", {
           type: "button",
           class: "inline-block align-middle text-center select-none border font-normal whitespace-no-wrap rounded py-2 px-3 leading-normal no-underline bg-blue-600 text-white hover:bg-blue-600 me-1",
-          onClick: r[3] || (r[3] = (...l) => t.send && t.send(...l))
+          onClick: r[3] || (r[3] = (...l) => s.send && s.send(...l))
         }, o(e.trans("main.send")), 1),
-        s("button", {
+        t("button", {
           type: "button",
           class: "inline-block align-middle text-center select-none border font-normal whitespace-no-wrap rounded py-2 px-3 leading-normal no-underline bg-stone-600 text-white hover:bg-stone-700",
-          onClick: r[4] || (r[4] = (...l) => t.hideModal && t.hideModal(...l))
+          onClick: r[4] || (r[4] = (...l) => s.hideModal && s.hideModal(...l))
         }, o(e.trans("main.close")), 1)
       ]),
-      default: h(() => [
-        s("div", null, [
-          s("form", null, [
-            e.dialogAction === "ban" || e.dialogAction === "kick" ? (m(), u("div", Ce, [
-              s("label", Ie, o(e.trans("rcon.reason")), 1),
-              _(s("input", {
+      default: p(() => [
+        t("div", null, [
+          t("form", null, [
+            e.dialogAction === "ban" || e.dialogAction === "kick" ? (m(), u("div", Fe, [
+              t("label", Ge, o(e.trans("rcon.reason")), 1),
+              _(t("input", {
                 "onUpdate:modelValue": r[0] || (r[0] = (l) => e.form.reason = l),
                 id: "input-reason",
                 type: "text",
@@ -366,12 +370,12 @@ function Ke(e, r, n, i, a, t) {
                 ]
               ]),
               e.errors.reason ? (m(), u("span", Ne, [
-                s("strong", Fe, o(e.errors.reason), 1)
+                t("strong", Oe, o(e.errors.reason), 1)
               ])) : c("", !0)
             ])) : c("", !0),
-            e.dialogAction === "ban" ? (m(), u("div", Oe, [
-              s("label", De, o(e.trans("rcon.time")), 1),
-              _(s("input", {
+            e.dialogAction === "ban" ? (m(), u("div", De, [
+              t("label", Le, o(e.trans("rcon.time")), 1),
+              _(t("input", {
                 "onUpdate:modelValue": r[1] || (r[1] = (l) => e.form.time = l),
                 id: "input-time",
                 type: "number",
@@ -384,13 +388,13 @@ function Ke(e, r, n, i, a, t) {
                   { number: !0 }
                 ]
               ]),
-              e.errors.time ? (m(), u("span", Le, [
-                s("strong", Ge, o(e.errors.time), 1)
+              e.errors.time ? (m(), u("span", Be, [
+                t("strong", Te, o(e.errors.time), 1)
               ])) : c("", !0)
             ])) : c("", !0),
-            e.dialogAction === "message" ? (m(), u("div", Be, [
-              s("label", Te, o(e.trans("rcon.message")), 1),
-              _(s("input", {
+            e.dialogAction === "message" ? (m(), u("div", Ue, [
+              t("label", ze, o(e.trans("rcon.message")), 1),
+              _(t("input", {
                 "onUpdate:modelValue": r[2] || (r[2] = (l) => e.form.message = l),
                 id: "input-mesage",
                 type: "text",
@@ -403,8 +407,8 @@ function Ke(e, r, n, i, a, t) {
                   { number: !0 }
                 ]
               ]),
-              e.errors.message ? (m(), u("span", Ue, [
-                s("strong", ze, o(e.errors.message), 1)
+              e.errors.message ? (m(), u("span", He, [
+                t("strong", Ke, o(e.errors.message), 1)
               ])) : c("", !0)
             ])) : c("", !0)
           ])
@@ -414,7 +418,7 @@ function Ke(e, r, n, i, a, t) {
     }, 8, ["show", "title", "segmented"])
   ]);
 }
-const We = /* @__PURE__ */ Y(ye, [["render", Ke]]);
+const Qe = /* @__PURE__ */ Z(_e, [["render", Ve]]);
 export {
-  We as default
+  Qe as default
 };

package/dist/ServerConsole-Bj0Zr1BS.js

@@ -0,0 +1,99 @@
+import { ref as l, onMounted as N, onUnmounted as T, createElementBlock as n, openBlock as t, createElementVNode as o, createCommentVNode as k, createVNode as I, toDisplayString as v, createBlock as A, withDirectives as B, unref as _, withKeys as V, vModelText as R, createTextVNode as S } from "vue";
+import { a as $, b as x, r as D, e as H } from "./index-BDKiNPpP.js";
+import { NDivider as E } from "naive-ui";
+const K = { class: "w-full" }, M = { class: "coding inverse-toggle px-5 pt-4 shadow-lg text-stone-100 text-sm font-mono subpixel-antialiased bg-stone-800 dark:bg-stone-900 pb-6 pt-4 rounded-lg leading-normal overflow-hidden" }, U = {
+  key: 0,
+  class: "bg-red-500 text-white dark:bg-red-800 dark:text-stone-200 font-bold rounded px-4 py-2 mt-6 mb-3"
+}, L = {
+  key: 1,
+  class: "mt-4"
+}, j = { class: "relative flex items-stretch w-full" }, q = { class: "w-full" }, z = { class: "inline" }, F = ["placeholder"], G = { key: 0 }, J = { key: 1 }, W = {
+  __name: "ServerConsole",
+  props: {
+    serverId: Number,
+    consoleHostname: String,
+    serverActive: Boolean,
+    sendCommandAvailable: Boolean
+  },
+  setup(a) {
+    const g = a, r = l(), m = l(), h = l(null), i = l(null), d = l(!1), f = l(!1), c = l(!0), u = l(!0);
+    function y() {
+      u.value && r.value && r.value.scrollTo({ top: r.value.scrollHeight, behavior: "smooth" });
+    }
+    function p() {
+      c.value && x.get(`/api/servers/${g.serverId}/console`).then((e) => {
+        h.value = D(e.data.console, /(\r\n|\n|\r)/gm, `
+`), setTimeout(y, 1e3);
+      }).catch((e) => {
+        console.log(e), c.value = !1;
+      });
+    }
+    function C() {
+      d.value || (d.value = !0, f.value = !0, x.post(`/api/servers/${g.serverId}/console`, { command: i.value }).then((e) => {
+        i.value = "", d.value = !1, c.value = !0, setTimeout(p, 1e3);
+      }).catch((e) => {
+        d.value = !1, console.log(e), H(e);
+      }).finally(() => {
+        f.value = !1, setTimeout(() => {
+          m.value && m.value.select();
+        }, 200);
+      }));
+    }
+    let b;
+    return N(() => {
+      p(), b = setInterval(p, 1e4);
+    }), T(() => {
+      c.value = !1, clearInterval(b);
+    }), (e, s) => (t(), n("div", null, [
+      o("div", K, [
+        o("div", M, [
+          s[2] || (s[2] = o("div", { class: "top mb-2 flex" }, [
+            o("div", { class: "h-3 w-3 bg-red-500 rounded-full" }),
+            o("div", { class: "ml-2 h-3 w-3 bg-orange-300 rounded-full" }),
+            o("div", { class: "ml-2 h-3 w-3 bg-green-500 rounded-full" })
+          ], -1)),
+          a.serverActive ? k("", !0) : (t(), n("div", U, v(e.trans("servers.offline_console_msg")), 1)),
+          o("div", {
+            ref_key: "consoleRef",
+            ref: r,
+            class: "break-all whitespace-pre-wrap mt-4 flex h-[60vh] overflow-y-scroll overscroll-contain"
+          }, v(h.value), 513),
+          a.serverActive && a.sendCommandAvailable ? (t(), n("div", L, [
+            o("div", j, [
+              o("div", q, [
+                o("div", z, v(a.consoleHostname) + ":> ", 1),
+                f.value ? (t(), A(_($), {
+                  key: 0,
+                  name: "loading",
+                  class: "animate-spin"
+                })) : B((t(), n("input", {
+                  key: 1,
+                  onKeyup: V(C, ["enter"]),
+                  "onUpdate:modelValue": s[0] || (s[0] = (w) => i.value = w),
+                  type: "text",
+                  ref_key: "inputRef",
+                  ref: m,
+                  class: "terminal-input inline md:w-[40vw] lg:w-[50vw]",
+                  placeholder: e.trans("servers.enter_command") + " ..."
+                }, null, 40, F)), [
+                  [R, i.value]
+                ])
+              ])
+            ])
+          ])) : k("", !0),
+          I(_(E), { dashed: "" }),
+          o("div", {
+            class: "p-1 cursor-pointer inline",
+            onClick: s[1] || (s[1] = (w) => u.value = !u.value)
+          }, [
+            u.value ? (t(), n("span", G, "[x]")) : (t(), n("span", J, "[ ]")),
+            S(" " + v(e.trans("main.autoscroll")), 1)
+          ])
+        ])
+      ])
+    ]));
+  }
+};
+export {
+  W as default
+};