@openc3/vue-common 6.6.0 → 6.8.0

package/dist/components.js

@@ -1,22 +1,24 @@
-import { A as Ie, O as xe } from "./OutputDialog-CcSp-Uqo.js";
-import { A as De, T as Ae } from "./TopBar-BrCfgCxc.js";
-import { E as Re, a as Le, F as Se, O as Ee, S as Ue } from "./Openc3Screen-BZN0Wtrm.js";
-import { p as k, d as O } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-NIAkCgU6.js";
-import { D as Oe, e as Be } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-NIAkCgU6.js";
-import { resolveComponent as o, createBlock as b, openBlock as _, withKeys as E, withCtx as n, createVNode as l, createElementVNode as f, withModifiers as D, withDirectives as U, toDisplayString as w, vShow as P, createTextVNode as g, normalizeStyle as B, createCommentVNode as I, createElementBlock as V, createSlots as K, normalizeClass as W, Fragment as M } from "vue";
-import { _ as C } from "./CustomIcon-h5X7369N.js";
-import { C as We } from "./CriticalCmdDialog-Dylpoz_4.js";
-import { D as ze } from "./DetailsDialog-BQE0TraI.js";
-import { E as Ge, S as He } from "./ScriptChooser-Cua8ObYv.js";
-import { G as qe, a as Je, b as Ze } from "./Graph-DCihpnT0.js";
-import { UnknownToAstroStatus as R, AstroStatusColors as L } from "./icons.js";
-import { T as z } from "./timeFilters-BKnCM4rv.js";
-import { f as F } from "./format-CVeawcIv.js";
-import { getMountedApps as G } from "single-spa";
-import { S as Xe } from "./SimpleTextDialog-BulqUrdH.js";
-import { T as $e } from "./TextBoxDialog-C60jmnyN.js";
-import { U as tt } from "./UpgradeToEnterpriseDialog-CGyR2v7U.js";
-const Ne = {
+import { A as Ke, O as Ge } from "./OutputDialog-Ut5cXGxQ.js";
+import { A as je, T as He } from "./TopBar-BoI8SRaF.js";
+import { E as qe, a as We, F as Je, O as Ze, S as Xe } from "./Openc3Screen-1rQ_Dbp4.js";
+import { d as V, a as G } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-quWsUlLr.js";
+import { D as Qe, g as et } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-quWsUlLr.js";
+import { resolveComponent as o, createBlock as y, openBlock as v, withKeys as M, withCtx as l, createVNode as s, createElementVNode as g, withModifiers as k, withDirectives as L, toDisplayString as N, vShow as F, createTextVNode as x, createElementBlock as D, normalizeClass as $, createCommentVNode as O, renderSlot as j, Fragment as B, renderList as H, normalizeStyle as z } from "vue";
+import { _ as I } from "./CustomIcon-h5X7369N.js";
+import { T as q } from "./Graph-CWcrowaT.js";
+import { G as nt, a as st, b as at } from "./Graph-CWcrowaT.js";
+import { C as K } from "./cmdUtilities-BMsSNjt_.js";
+import { D as W } from "./DetailsDialog-CLKEfU0s.js";
+import { C as ot } from "./CriticalCmdDialog-FhXDdBn4.js";
+import { E as rt, S as ct } from "./ScriptChooser-CXjcm3bN.js";
+import { UnknownToAstroStatus as T, AstroStatusColors as U } from "./icons.js";
+import { T as J } from "./timeFilters-BKnCM4rv.js";
+import { f as Z } from "./format-CVeawcIv.js";
+import { getMountedApps as A } from "single-spa";
+import { S as mt } from "./SimpleTextDialog-ChV5vRcV.js";
+import { T as ft } from "./TextBoxDialog-CdFHdj5W.js";
+import { U as pt } from "./UpgradeToEnterpriseDialog-BYz9YoyY.js";
+const Te = {
   data: {
     configKey: "",
     // Applications can set to avoid persisting default config
@@ -30,12 +32,12 @@ const Ne = {
     saveDefaultConfig: function(t) {
       this.dontSaveDefaultConfig !== !0 && (localStorage[`${this.configKey}__default`] = JSON.stringify(t));
     },
-    openConfigBase: function(t, e = !1, i = null) {
-      new k().load_config(this.configKey, t).then((c) => {
-        c ? (this.$notify.normal({
+    openConfigBase: function(t, e = !1, a = null) {
+      new V().load_config(this.configKey, t).then((r) => {
+        r ? (this.$notify.normal({
           title: "Loading configuration",
           body: t
-        }), i && i(JSON.parse(c)), e || this.$route.fullPath.includes(t) || this.$router.push({
+        }), a && a(JSON.parse(r)), e || this.$route.fullPath.includes(t) || this.$router.push({
           query: {
             config: t
           }
@@ -43,23 +45,23 @@ const Ne = {
           title: "Unknown configuration",
           body: t
         });
-      }).catch((c) => {
-        c && this.$notify.serious({
+      }).catch((r) => {
+        r && this.$notify.serious({
           title: `Error opening configuration: ${t}`,
-          body: c
+          body: r
         });
       });
     },
     saveConfigBase: function(t, e) {
-      new k().save_config(this.configKey, t, JSON.stringify(e)).then(() => {
+      new V().save_config(this.configKey, t, JSON.stringify(e)).then(() => {
         this.$notify.normal({
           title: "Saved configuration",
           body: t
         });
-      }).catch((i) => {
-        i && this.$notify.serious({
+      }).catch((a) => {
+        a && this.$notify.serious({
           title: `Error saving configuration: ${t}`,
-          body: i
+          body: a
         });
       });
     },
@@ -69,7 +71,7 @@ const Ne = {
       delete t.config, this.$router.replace({ query: t });
     }
   }
-}, H = {
+}, X = {
   props: {
     configKey: String,
     modelValue: Boolean
@@ -114,8 +116,8 @@ const Ne = {
   },
   mounted() {
     let t = -1;
-    new k().list_configs(this.configKey).then((e) => {
-      this.configs = e.map((i) => (t += 1, { configId: t, config: i }));
+    new V().list_configs(this.configKey).then((e) => {
+      this.configs = e.map((a) => (t += 1, { configId: t, config: a }));
     }).catch((e) => {
       this.$emit("warning", `Failed to connect to OpenC3. ${e}`);
     });
@@ -135,8 +137,8 @@ const Ne = {
         okText: "Delete",
         cancelText: "Cancel"
       }).then((e) => {
-        var i;
-        ((i = this.selectedItem) == null ? void 0 : i.config) === t.config && (this.selectedRows = []), this.configs.splice(this.configs.indexOf(t), 1), new k().delete_config(this.configKey, t.config);
+        var a;
+        ((a = this.selectedItem) == null ? void 0 : a.config) === t.config && (this.selectedRows = []), this.configs.splice(this.configs.indexOf(t), 1), new V().delete_config(this.configKey, t.config);
       }).catch((e) => {
         e !== !0 && this.$emit(
           "warning",
@@ -145,37 +147,37 @@ const Ne = {
       });
     }
   }
-}, j = { class: "mt-4 pa-3" }, q = ["textContent"];
-function J(t, e, i, c, s, a) {
-  const u = o("v-spacer"), m = o("v-toolbar"), N = o("v-text-field"), v = o("v-row"), p = o("v-btn"), T = o("v-data-table"), y = o("v-card-text"), d = o("v-card-actions"), h = o("v-card"), A = o("v-dialog");
-  return _(), b(A, {
-    modelValue: a.show,
-    "onUpdate:modelValue": e[4] || (e[4] = (r) => a.show = r),
+}, Y = { class: "mt-4 pa-3" }, Q = ["textContent"];
+function ee(t, e, a, r, n, i) {
+  const m = o("v-spacer"), p = o("v-toolbar"), f = o("v-text-field"), d = o("v-row"), _ = o("v-btn"), C = o("v-data-table"), w = o("v-card-text"), b = o("v-card-actions"), u = o("v-card"), E = o("v-dialog");
+  return v(), y(E, {
+    modelValue: i.show,
+    "onUpdate:modelValue": e[4] || (e[4] = (c) => i.show = c),
     width: "600",
-    onKeydown: E(a.cancel, ["esc"])
+    onKeydown: M(i.cancel, ["esc"])
   }, {
-    default: n(() => [
-      l(h, null, {
-        default: n(() => [
-          f("form", {
-            onSubmit: e[3] || (e[3] = D((...r) => a.success && a.success(...r), ["prevent"]))
+    default: l(() => [
+      s(u, null, {
+        default: l(() => [
+          g("form", {
+            onSubmit: e[3] || (e[3] = k((...c) => i.success && i.success(...c), ["prevent"]))
           }, [
-            l(m, { height: "24" }, {
-              default: n(() => [
-                l(u),
-                e[5] || (e[5] = f("span", null, "Open Configuration", -1)),
-                l(u)
+            s(p, { height: "24" }, {
+              default: l(() => [
+                s(m),
+                e[5] || (e[5] = g("span", null, "Open Configuration", -1)),
+                s(m)
               ]),
               _: 1
             }),
-            l(y, null, {
-              default: n(() => [
-                f("div", j, [
-                  l(v, { dense: "" }, {
-                    default: n(() => [
-                      l(N, {
-                        modelValue: s.search,
-                        "onUpdate:modelValue": e[0] || (e[0] = (r) => s.search = r),
+            s(w, null, {
+              default: l(() => [
+                g("div", Y, [
+                  s(d, { dense: "" }, {
+                    default: l(() => [
+                      s(f, {
+                        modelValue: n.search,
+                        "onUpdate:modelValue": e[0] || (e[0] = (c) => n.search = c),
                         label: "search",
                         type: "text",
                         "prepend-inner-icon": "mdi-magnify",
@@ -191,37 +193,37 @@ function J(t, e, i, c, s, a) {
                     ]),
                     _: 1
                   }),
-                  l(T, {
-                    modelValue: s.selectedRows,
-                    "onUpdate:modelValue": e[1] || (e[1] = (r) => s.selectedRows = r),
+                  s(C, {
+                    modelValue: n.selectedRows,
+                    "onUpdate:modelValue": e[1] || (e[1] = (c) => n.selectedRows = c),
                     "show-select": "",
                     "select-strategy": "single",
                     "item-value": "configId",
-                    search: s.search,
-                    headers: s.headers,
-                    items: s.configs,
+                    search: n.search,
+                    headers: n.headers,
+                    items: n.configs,
                     "items-per-page": 5,
                     "items-per-page-options": [5],
-                    "onClick:row": e[2] || (e[2] = (r, x) => a.selectRow(x))
+                    "onClick:row": e[2] || (e[2] = (c, S) => i.selectRow(S))
                   }, {
-                    "item.actions": n(({ item: r }) => [
-                      l(p, {
+                    "item.actions": l(({ item: c }) => [
+                      s(_, {
                         class: "mt-1",
                         icon: "mdi-delete",
                         variant: "text",
                         "data-test": "item-delete",
-                        onClick: (x) => a.deleteConfig(r)
+                        onClick: (S) => i.deleteConfig(c)
                       }, null, 8, ["onClick"])
                     ]),
                     _: 1
                   }, 8, ["modelValue", "search", "headers", "items"]),
-                  l(v, { dense: "" }, {
-                    default: n(() => [
-                      U(f("span", {
+                  s(d, { dense: "" }, {
+                    default: l(() => [
+                      L(g("span", {
                         class: "ma-2 text-red",
-                        textContent: w(a.error)
-                      }, null, 8, q), [
-                        [P, a.error]
+                        textContent: N(i.error)
+                      }, null, 8, Q), [
+                        [F, i.error]
                       ])
                     ]),
                     _: 1
@@ -230,29 +232,29 @@ function J(t, e, i, c, s, a) {
               ]),
               _: 1
             }),
-            l(d, { class: "px-2" }, {
-              default: n(() => [
-                l(u),
-                l(p, {
+            s(b, { class: "px-2" }, {
+              default: l(() => [
+                s(m),
+                s(_, {
                   variant: "outlined",
                   "data-test": "open-config-cancel-btn",
-                  onClick: a.cancel
+                  onClick: i.cancel
                 }, {
-                  default: n(() => e[6] || (e[6] = [
-                    g(" Cancel ")
-                  ])),
+                  default: l(() => [...e[6] || (e[6] = [
+                    x(" Cancel ", -1)
+                  ])]),
                   _: 1
                 }, 8, ["onClick"]),
-                l(p, {
+                s(_, {
                   variant: "flat",
                   type: "submit",
                   "data-test": "open-config-submit-btn",
-                  disabled: !!a.error,
-                  onClick: D(a.success, ["prevent"])
+                  disabled: !!i.error,
+                  onClick: k(i.success, ["prevent"])
                 }, {
-                  default: n(() => e[7] || (e[7] = [
-                    g(" Ok ")
-                  ])),
+                  default: l(() => [...e[7] || (e[7] = [
+                    x(" Ok ", -1)
+                  ])]),
                   _: 1
                 }, 8, ["disabled", "onClick"])
               ]),
@@ -266,7 +268,7 @@ function J(t, e, i, c, s, a) {
     _: 1
   }, 8, ["modelValue", "onKeydown"]);
 }
-const ve = /* @__PURE__ */ C(H, [["render", J]]), Z = {
+const Ue = /* @__PURE__ */ I(X, [["render", ee]]), te = {
   props: {
     configKey: String,
     modelValue: Boolean
@@ -317,8 +319,8 @@ const ve = /* @__PURE__ */ C(H, [["render", J]]), Z = {
   },
   mounted() {
     let t = -1;
-    new k().list_configs(this.configKey).then((e) => {
-      this.configs = e.map((i) => (t += 1, { configId: t, config: i }));
+    new V().list_configs(this.configKey).then((e) => {
+      this.configs = e.map((a) => (t += 1, { configId: t, config: a }));
     }).catch((e) => {
       this.$emit("warning", `Failed to connect to OpenC3. ${e}`);
     });
@@ -338,8 +340,8 @@ const ve = /* @__PURE__ */ C(H, [["render", J]]), Z = {
         okText: "Delete",
         cancelText: "Cancel"
       }).then((e) => {
-        var i;
-        ((i = this.selectedItem) == null ? void 0 : i.config) === t.config && (this.selectedRows = [], this.configName = ""), this.configs.splice(this.configs.indexOf(t), 1), new k().delete_config(this.configKey, t.config);
+        var a;
+        ((a = this.selectedItem) == null ? void 0 : a.config) === t.config && (this.selectedRows = [], this.configName = ""), this.configs.splice(this.configs.indexOf(t), 1), new V().delete_config(this.configKey, t.config);
       }).catch((e) => {
         e !== !0 && this.$emit(
           "warning",
@@ -348,37 +350,37 @@ const ve = /* @__PURE__ */ C(H, [["render", J]]), Z = {
       });
     }
   }
-}, Y = { class: "mt-4 pa-3" }, X = ["textContent"];
-function Q(t, e, i, c, s, a) {
-  const u = o("v-spacer"), m = o("v-toolbar"), N = o("v-text-field"), v = o("v-row"), p = o("v-btn"), T = o("v-data-table"), y = o("v-card-text"), d = o("v-card-actions"), h = o("v-card"), A = o("v-dialog");
-  return _(), b(A, {
-    modelValue: a.show,
-    "onUpdate:modelValue": e[5] || (e[5] = (r) => a.show = r),
+}, ne = { class: "mt-4 pa-3" }, se = ["textContent"];
+function ae(t, e, a, r, n, i) {
+  const m = o("v-spacer"), p = o("v-toolbar"), f = o("v-text-field"), d = o("v-row"), _ = o("v-btn"), C = o("v-data-table"), w = o("v-card-text"), b = o("v-card-actions"), u = o("v-card"), E = o("v-dialog");
+  return v(), y(E, {
+    modelValue: i.show,
+    "onUpdate:modelValue": e[5] || (e[5] = (c) => i.show = c),
     width: "600",
-    onKeydown: E(a.cancel, ["esc"])
+    onKeydown: M(i.cancel, ["esc"])
   }, {
-    default: n(() => [
-      l(h, null, {
-        default: n(() => [
-          f("form", {
-            onSubmit: e[4] || (e[4] = D((...r) => a.success && a.success(...r), ["prevent"]))
+    default: l(() => [
+      s(u, null, {
+        default: l(() => [
+          g("form", {
+            onSubmit: e[4] || (e[4] = k((...c) => i.success && i.success(...c), ["prevent"]))
           }, [
-            l(m, { height: "24" }, {
-              default: n(() => [
-                l(u),
-                e[6] || (e[6] = f("span", null, "Save Configuration", -1)),
-                l(u)
+            s(p, { height: "24" }, {
+              default: l(() => [
+                s(m),
+                e[6] || (e[6] = g("span", null, "Save Configuration", -1)),
+                s(m)
               ]),
               _: 1
             }),
-            l(y, null, {
-              default: n(() => [
-                f("div", Y, [
-                  l(v, { dense: "" }, {
-                    default: n(() => [
-                      l(N, {
-                        modelValue: s.search,
-                        "onUpdate:modelValue": e[0] || (e[0] = (r) => s.search = r),
+            s(w, null, {
+              default: l(() => [
+                g("div", ne, [
+                  s(d, { dense: "" }, {
+                    default: l(() => [
+                      s(f, {
+                        modelValue: n.search,
+                        "onUpdate:modelValue": e[0] || (e[0] = (c) => n.search = c),
                         label: "search",
                         type: "text",
                         "prepend-inner-icon": "mdi-magnify",
@@ -393,51 +395,51 @@ function Q(t, e, i, c, s, a) {
                     ]),
                     _: 1
                   }),
-                  l(T, {
-                    modelValue: s.selectedRows,
-                    "onUpdate:modelValue": e[1] || (e[1] = (r) => s.selectedRows = r),
+                  s(C, {
+                    modelValue: n.selectedRows,
+                    "onUpdate:modelValue": e[1] || (e[1] = (c) => n.selectedRows = c),
                     "show-select": "",
                     "select-strategy": "single",
                     "item-value": "configId",
-                    search: s.search,
-                    headers: s.headers,
-                    items: s.configs,
+                    search: n.search,
+                    headers: n.headers,
+                    items: n.configs,
                     "items-per-page": 5,
                     "items-per-page-options": [5],
-                    "onClick:row": e[2] || (e[2] = (r, x) => a.selectRow(x))
+                    "onClick:row": e[2] || (e[2] = (c, S) => i.selectRow(S))
                   }, {
-                    "item.actions": n(({ item: r }) => [
-                      l(p, {
+                    "item.actions": l(({ item: c }) => [
+                      s(_, {
                         class: "mt-1",
                         icon: "mdi-delete",
                         variant: "text",
                         "data-test": "item-delete",
-                        onClick: (x) => a.deleteConfig(r)
+                        onClick: (S) => i.deleteConfig(c)
                       }, null, 8, ["onClick"])
                     ]),
                     _: 1
                   }, 8, ["modelValue", "search", "headers", "items"]),
-                  l(v, { dense: "" }, {
-                    default: n(() => [
-                      l(N, {
-                        modelValue: s.configName,
-                        "onUpdate:modelValue": e[3] || (e[3] = (r) => s.configName = r),
+                  s(d, { dense: "" }, {
+                    default: l(() => [
+                      s(f, {
+                        modelValue: n.configName,
+                        "onUpdate:modelValue": e[3] || (e[3] = (c) => n.configName = c),
                         "hide-details": "",
                         autofocus: "",
-                        disabled: !!a.selectedItem,
+                        disabled: !!i.selectedItem,
                         label: "Configuration Name",
                         "data-test": "name-input-save-config-dialog"
                       }, null, 8, ["modelValue", "disabled"])
                     ]),
                     _: 1
                   }),
-                  l(v, { dense: "" }, {
-                    default: n(() => [
-                      U(f("span", {
+                  s(d, { dense: "" }, {
+                    default: l(() => [
+                      L(g("span", {
                         class: "ma-2 text-red",
-                        textContent: w(a.error)
-                      }, null, 8, X), [
-                        [P, a.error]
+                        textContent: N(i.error)
+                      }, null, 8, se), [
+                        [F, i.error]
                       ])
                     ]),
                     _: 1
@@ -446,28 +448,28 @@ function Q(t, e, i, c, s, a) {
               ]),
               _: 1
             }),
-            l(d, { class: "px-2" }, {
-              default: n(() => [
-                l(u),
-                l(p, {
+            s(b, { class: "px-2" }, {
+              default: l(() => [
+                s(m),
+                s(_, {
                   variant: "outlined",
-                  onClick: a.cancel
+                  onClick: i.cancel
                 }, {
-                  default: n(() => e[7] || (e[7] = [
-                    g(" Cancel ")
-                  ])),
+                  default: l(() => [...e[7] || (e[7] = [
+                    x(" Cancel ", -1)
+                  ])]),
                   _: 1
                 }, 8, ["onClick"]),
-                l(p, {
+                s(_, {
                   variant: "flat",
                   type: "submit",
                   "data-test": "save-config-submit-btn",
-                  disabled: !!a.error,
-                  onClick: D(a.success, ["prevent"])
+                  disabled: !!i.error,
+                  onClick: k(i.success, ["prevent"])
                 }, {
-                  default: n(() => e[8] || (e[8] = [
-                    g(" Ok ")
-                  ])),
+                  default: l(() => [...e[8] || (e[8] = [
+                    x(" Ok ", -1)
+                  ])]),
                   _: 1
                 }, 8, ["disabled", "onClick"])
               ]),
@@ -481,8 +483,400 @@ function Q(t, e, i, c, s, a) {
     _: 1
   }, 8, ["modelValue", "onKeydown"]);
 }
-const _e = /* @__PURE__ */ C(Z, [["render", Q]]), $ = {
-  mixins: [z],
+const Ae = /* @__PURE__ */ I(te, [["render", ae]]), ie = {
+  name: "CommandParameterEditor",
+  mixins: [K],
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: void 0
+    },
+    states: {
+      type: Object,
+      default: () => null
+    },
+    statesInHex: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  computed: {
+    textFieldValue() {
+      return this.convertToString(this.modelValue);
+    },
+    stateValue() {
+      return this.statesInHex ? "0x" + this.modelValue.toString(16) : this.modelValue;
+    },
+    selectValue() {
+      return this.modelValue === "" ? null : this.modelValue;
+    },
+    stateOptions() {
+      return this.states ? Object.keys(this.states).map((t) => ({
+        label: t,
+        ...this.states[t]
+      })) : null;
+    },
+    hazardous() {
+      var t, e;
+      return ((e = (t = Object.entries(this.states).find(([a, r]) => r.value === this.modelValue)) == null ? void 0 : t.at(1)) == null ? void 0 : e.hazardous) !== void 0;
+    },
+    stateClass() {
+      return this.hazardous ? "hazardous mr-4" : "mr-4";
+    }
+  },
+  methods: {
+    handleChange(t) {
+      this.$emit("update:modelValue", t);
+    }
+  }
+}, oe = {
+  key: 1,
+  class: "d-flex align-center"
+};
+function le(t, e, a, r, n, i) {
+  const m = o("v-text-field"), p = o("v-select");
+  return v(), D("div", null, [
+    a.states ? (v(), D("div", oe, [
+      s(p, {
+        items: i.stateOptions,
+        "model-value": i.selectValue,
+        "item-title": "label",
+        class: $(i.stateClass),
+        "hide-details": "",
+        density: "compact",
+        variant: "outlined",
+        placeholder: "Select...",
+        "min-width": "120px",
+        "data-test": "cmd-param-select",
+        "onUpdate:modelValue": i.handleChange
+      }, null, 8, ["items", "model-value", "class", "onUpdate:modelValue"]),
+      s(m, {
+        "model-value": i.stateValue,
+        disabled: "",
+        "hide-details": "",
+        density: "compact",
+        variant: "outlined",
+        "min-width": "60px",
+        "data-test": "cmd-param-value"
+      }, null, 8, ["model-value"])
+    ])) : (v(), y(m, {
+      key: 0,
+      "model-value": i.textFieldValue,
+      "hide-details": "",
+      density: "compact",
+      variant: "filled",
+      "data-test": "cmd-param-value",
+      "onUpdate:modelValue": i.handleChange
+    }, null, 8, ["model-value", "onUpdate:modelValue"]))
+  ]);
+}
+const re = /* @__PURE__ */ I(ie, [["render", le], ["__scopeId", "data-v-b38d5e7f"]]), ce = {
+  name: "CommandEditor",
+  components: {
+    TargetPacketItemChooser: q,
+    CommandParameterEditor: re,
+    DetailsDialog: W
+  },
+  mixins: [K],
+  props: {
+    initialTargetName: {
+      type: String,
+      default: null
+    },
+    initialPacketName: {
+      type: String,
+      default: null
+    },
+    cmdString: {
+      type: String,
+      default: null
+    },
+    sendDisabled: {
+      type: Boolean,
+      default: !1
+    },
+    statesInHex: {
+      type: Boolean,
+      default: !1
+    },
+    showIgnoredParams: {
+      type: Boolean,
+      default: !1
+    },
+    cmdRaw: {
+      type: Boolean,
+      default: !1
+    },
+    showCommandButton: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["command-changed", "build-cmd"],
+  data() {
+    return {
+      search: "",
+      headers: [
+        { title: "Name", value: "parameter_name" },
+        { title: "Value or State", value: "val" },
+        { title: "Units", value: "units" },
+        { title: "Range", value: "range" },
+        { title: "Description", value: "description" }
+      ],
+      api: null,
+      targetName: "",
+      commandName: "",
+      commandDescription: "",
+      ignoredParams: [],
+      computedRows: [],
+      reservedItemNames: [
+        "PACKET_TIMESECONDS",
+        "PACKET_TIMEFORMATTED",
+        "RECEIVED_TIMESECONDS",
+        "RECEIVED_TIMEFORMATTED",
+        "RECEIVED_COUNT"
+      ],
+      contextMenuShown: !1,
+      viewDetails: !1,
+      parameterName: "",
+      x: 0,
+      y: 0,
+      contextMenuOptions: [
+        {
+          title: "Details",
+          action: () => {
+            this.contextMenuShown = !1, this.viewDetails = !0;
+          }
+        }
+      ]
+    };
+  },
+  created() {
+    this.api = new V(), this.cmdString ? this.processCmdString() : (this.targetName = this.initialTargetName, this.commandName = this.initialPacketName, this.updateCmdParams());
+  },
+  methods: {
+    commandChanged(t) {
+      (this.targetName !== t.targetName || this.commandName !== t.packetName) && (this.targetName = t.targetName, this.commandName = t.packetName, this.updateCmdParams()), this.$emit("command-changed", t);
+    },
+    buildCmd(t) {
+      this.$emit("build-cmd", t);
+    },
+    showContextMenu(t, e) {
+      t.preventDefault(), this.parameterName = e.item.parameter_name, this.contextMenuShown = !1, this.x = t.clientX, this.y = t.clientY, this.$nextTick(() => {
+        this.contextMenuShown = !0;
+      });
+    },
+    updateCmdParams() {
+      this.ignoredParams = [], this.computedRows = [], this.targetName && this.commandName && this.api.get_target(this.targetName).then(
+        (t) => (this.ignoredParams = t.ignored_parameters, this.api.get_cmd(this.targetName, this.commandName)),
+        (t) => {
+          console.error("Error getting ignored parameters:", t);
+        }
+      ).then(
+        (t) => {
+          t && (t.items.forEach((e) => {
+            if (!this.reservedItemNames.includes(e.name) && (!this.ignoredParams.includes(e.name) || this.showIgnoredParams)) {
+              let a = e.default;
+              !e.states && e.data_type === "STRING" && typeof e.default == "string" && (a = `'${a}'`), e.required && (a = null), e.format_string && e.default && (a = sprintf(e.format_string, e.default));
+              let r = "N/A";
+              e.minimum != null && e.maximum != null && (e.data_type === "FLOAT" && (e.minimum < -1e6 && Number.isSafeInteger(e.minimum) && (e.minimum = e.minimum.toExponential(3)), e.maximum > 1e6 && Number.isSafeInteger(e.maximum) && (e.maximum = e.maximum.toExponential(3))), r = `${e.minimum}..${e.maximum}`), this.computedRows.push({
+                parameter_name: e.name,
+                val: a,
+                states: e.states,
+                description: e.description,
+                range: r,
+                units: e.units,
+                type: e.data_type
+              });
+            }
+          }), this.commandDescription = t.description, this.populateParametersFromParsed());
+        },
+        (t) => {
+          console.error("Error getting command parameters:", t);
+        }
+      );
+    },
+    triggerUpdateCmdParams() {
+      this.updateCmdParams();
+    },
+    getRows() {
+      return this.computedRows;
+    },
+    getCmdString() {
+      let t = `${this.targetName} ${this.commandName}`;
+      if (this.computedRows.length === 0) return t;
+      t += " with ";
+      for (const e of this.computedRows) {
+        if (e.val === null)
+          throw new Error(`Required parameter ${e.parameter_name} not set`);
+        if (e.val !== null && e.val !== void 0 && e.val !== "") {
+          if (e.states) {
+            const r = Object.entries(e.states).find(
+              ([, n]) => n.value === e.val
+            );
+            if (r) {
+              t += ` ${e.parameter_name} '${r[0]}',`;
+              continue;
+            }
+          }
+          let a = this.convertToString(e.val);
+          a.includes(" ") && !this.isArray(a) ? t += ` ${e.parameter_name} '${a}',` : t += ` ${e.parameter_name} ${a},`;
+        }
+      }
+      return t.slice(0, -1);
+    },
+    parseCmdString(t) {
+      const e = t.split(" ");
+      if (e.length < 2) return { target: "", command: "", params: {} };
+      if (e.length === 2)
+        return { target: e[0], command: e[1], params: {} };
+      if (e[2] !== "with") return { target: "", command: "", params: {} };
+      const a = e[0], r = e[1];
+      let n = {};
+      const i = t.split(" with ")[1];
+      let m = [], p = 0, f = "";
+      for (let d of i)
+        d === "[" ? (p++, f += d) : d === "]" ? (p--, f += d) : d === "," && p === 0 ? (m.push(f.trim()), f = "") : f += d;
+      f.trim() !== "" && m.push(f.trim());
+      for (let d of m) {
+        let _ = d.indexOf(" ");
+        if (_ > 0) {
+          let C = d.substring(0, _).trim(), w = d.substring(_ + 1).trim();
+          n[C] = w;
+        }
+      }
+      return { target: a, command: r, params: n };
+    },
+    processCmdString() {
+      const t = this.parseCmdString(this.cmdString);
+      t.target && t.command && (this.targetName = t.target, this.commandName = t.command, this.parsedParameters = t.params, this.updateCmdParams());
+    },
+    populateParametersFromParsed() {
+      !this.parsedParameters || Object.keys(this.parsedParameters).length === 0 || this.$nextTick(() => {
+        setTimeout(() => {
+          this.computedRows.forEach((t) => {
+            if (this.parsedParameters.hasOwnProperty(t.parameter_name)) {
+              const e = this.parsedParameters[t.parameter_name];
+              if (t.states && typeof e == "string") {
+                const a = Object.keys(t.states).find(
+                  (r) => r === e || r.toLowerCase() === e.toLowerCase()
+                );
+                a ? t.val = t.states[a].value : t.val = e;
+              } else t.type === "STRING" && typeof e == "string" ? t.val = e.startsWith("'") || e.startsWith('"') ? e : `'${e}'` : t.val = e;
+            }
+          });
+        }, 100);
+      });
+    }
+  }
+}, de = { style: { padding: "10px" } };
+function me(t, e, a, r, n, i) {
+  const m = o("target-packet-item-chooser"), p = o("v-spacer"), f = o("v-text-field"), d = o("v-card-title"), _ = o("command-parameter-editor"), C = o("v-data-table"), w = o("v-card"), b = o("v-list-item-title"), u = o("v-list-item"), E = o("v-list"), c = o("v-menu"), S = o("details-dialog");
+  return v(), y(w, null, {
+    default: l(() => [
+      g("div", de, [
+        s(m, {
+          "initial-target-name": n.targetName,
+          "initial-packet-name": n.commandName,
+          disabled: a.sendDisabled,
+          "button-text": a.showCommandButton ? "Send" : null,
+          mode: "cmd",
+          onOnSet: e[0] || (e[0] = (h) => i.commandChanged(h)),
+          onAddItem: e[1] || (e[1] = (h) => i.buildCmd(h))
+        }, null, 8, ["initial-target-name", "initial-packet-name", "disabled", "button-text"])
+      ]),
+      n.computedRows.length !== 0 ? (v(), y(w, { key: 0 }, {
+        default: l(() => [
+          s(d, { class: "d-flex align-center justify-content-space-between" }, {
+            default: l(() => [
+              e[5] || (e[5] = x(" Parameters ", -1)),
+              s(p),
+              s(f, {
+                modelValue: n.search,
+                "onUpdate:modelValue": e[2] || (e[2] = (h) => n.search = h),
+                label: "Search",
+                "prepend-inner-icon": "mdi-magnify",
+                clearable: "",
+                variant: "outlined",
+                density: "compact",
+                "single-line": "",
+                "hide-details": "",
+                class: "search"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          s(C, {
+            headers: n.headers,
+            items: n.computedRows,
+            search: n.search,
+            "items-per-page": -1,
+            "hide-default-footer": "",
+            "multi-sort": "",
+            density: "compact",
+            "onContextmenu:row": i.showContextMenu
+          }, {
+            "item.val": l(({ item: h }) => [
+              j(t.$slots, "parameter-editor", {
+                item: h,
+                statesInHex: a.statesInHex
+              }, () => [
+                s(_, {
+                  modelValue: h.val,
+                  "onUpdate:modelValue": (R) => h.val = R,
+                  states: h.states,
+                  "states-in-hex": a.statesInHex
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "states", "states-in-hex"])
+              ])
+            ]),
+            _: 3
+          }, 8, ["headers", "items", "search", "onContextmenu:row"])
+        ]),
+        _: 3
+      })) : O("", !0),
+      s(c, {
+        modelValue: n.contextMenuShown,
+        "onUpdate:modelValue": e[3] || (e[3] = (h) => n.contextMenuShown = h),
+        target: [n.x, n.y]
+      }, {
+        default: l(() => [
+          s(E, null, {
+            default: l(() => [
+              (v(!0), D(B, null, H(n.contextMenuOptions, (h, R) => (v(), y(u, {
+                key: R,
+                onClick: k(h.action, ["stop"])
+              }, {
+                default: l(() => [
+                  s(b, null, {
+                    default: l(() => [
+                      x(N(h.title), 1)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1032, ["onClick"]))), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue", "target"]),
+      s(S, {
+        modelValue: n.viewDetails,
+        "onUpdate:modelValue": e[4] || (e[4] = (h) => n.viewDetails = h),
+        "target-name": n.targetName,
+        "packet-name": n.commandName,
+        "item-name": n.parameterName,
+        type: "cmd"
+      }, null, 8, ["modelValue", "target-name", "packet-name", "item-name"])
+    ]),
+    _: 3
+  });
+}
+const Pe = /* @__PURE__ */ I(ce, [["render", me]]), ue = {
+  mixins: [J],
   props: {
     historyCount: {
       type: Number,
@@ -495,7 +889,7 @@ const _e = /* @__PURE__ */ C(Z, [["render", Q]]), $ = {
   },
   data() {
     return {
-      AstroStatusColors: L,
+      AstroStatusColors: U,
       data: [],
       shownData: [],
       logLevels: ["DEBUG", "INFO", "WARN", "ERROR", "FATAL"],
@@ -507,7 +901,7 @@ const _e = /* @__PURE__ */ C(Z, [["render", Q]]), $ = {
         { title: "Source", value: "microservice_name" },
         { title: "Message", value: "message" }
       ],
-      cable: new O(),
+      cable: new G(),
       subscription: null,
       paused: !1
     };
@@ -565,12 +959,12 @@ const _e = /* @__PURE__ */ C(Z, [["render", Q]]), $ = {
                 e["@timestamp"],
                 this.timeZone
               ), e.message.raw && e.message.json_class === "String") {
-                let i = "0x";
-                for (let c = 0; c < e.message.raw.length; c++) {
-                  let s = e.message.raw[c].toString(16).toUpperCase();
-                  s.length < 2 && (s = "0" + s), i += s;
+                let a = "0x";
+                for (let r = 0; r < e.message.raw.length; r++) {
+                  let n = e.message.raw[r].toString(16).toUpperCase();
+                  n.length < 2 && (n = "0" + n), a += n;
                 }
-                e.message = i;
+                e.message = a;
               } else
                 e.message = e.message.replaceAll("\\n", `
 `);
@@ -587,25 +981,25 @@ const _e = /* @__PURE__ */ C(Z, [["render", Q]]), $ = {
       });
     },
     getColor(t) {
-      return L[R[t]];
+      return U[T[t]];
     },
     getStatus(t) {
-      return R[t];
+      return T[t];
     },
     downloadLog() {
       const t = this.shownData.map(
-        (c) => (
+        (r) => (
           // Other fields are available like container_name, msg_id ... probably not useful
-          `${c.timestamp} | ${c.level} | ${c.microservice_name} | ${c.message}`
+          `${r.timestamp} | ${r.level} | ${r.microservice_name} | ${r.message}`
         )
       ).join(`
 `), e = new Blob([t], {
         type: "text/plain"
-      }), i = document.createElement("a");
-      i.href = URL.createObjectURL(e), i.setAttribute(
+      }), a = document.createElement("a");
+      a.href = URL.createObjectURL(e), a.setAttribute(
         "download",
-        F(Date.now(), "yyyy_MM_dd_HH_mm_ss") + "_message_log.txt"
-      ), i.click();
+        Z(Date.now(), "yyyy_MM_dd_HH_mm_ss") + "_message_log.txt"
+      ), a.click();
     },
     clearLog: function() {
       this.$dialog.confirm("Are you sure you want to clear the log?", {
@@ -617,47 +1011,47 @@ const _e = /* @__PURE__ */ C(Z, [["render", Q]]), $ = {
       });
     }
   }
-}, ee = { class: "d-flex align-baseline" }, te = ["title", "datetime"], se = { style: { "white-space": "pre-wrap" } };
-function le(t, e, i, c, s, a) {
-  const u = o("v-btn"), m = o("v-spacer"), N = o("v-select"), v = o("v-text-field"), p = o("v-card-title"), T = o("rux-status"), y = o("v-data-table"), d = o("v-card");
-  return _(), b(d, null, {
-    default: n(() => [
-      l(p, { class: "d-flex align-center justify-content-space-between" }, {
-        default: n(() => [
-          f("div", ee, [
-            l(u, {
+}, fe = { class: "d-flex align-baseline" }, he = ["title", "datetime"], pe = { style: { "white-space": "pre-wrap" } };
+function ge(t, e, a, r, n, i) {
+  const m = o("v-btn"), p = o("v-spacer"), f = o("v-select"), d = o("v-text-field"), _ = o("v-card-title"), C = o("rux-status"), w = o("v-data-table"), b = o("v-card");
+  return v(), y(b, null, {
+    default: l(() => [
+      s(_, { class: "d-flex align-center justify-content-space-between" }, {
+        default: l(() => [
+          g("div", fe, [
+            s(m, {
               icon: "mdi-download",
               variant: "text",
               size: "small",
               class: "mr-2",
               "data-test": "download-log",
-              onClick: a.downloadLog
+              onClick: i.downloadLog
             }, null, 8, ["onClick"]),
-            e[2] || (e[2] = f("span", null, " Log Messages ", -1)),
-            l(u, {
-              icon: a.buttonIcon,
+            e[2] || (e[2] = g("span", null, " Log Messages ", -1)),
+            s(m, {
+              icon: i.buttonIcon,
               variant: "text",
               "data-test": "pause",
-              onClick: a.pause
+              onClick: i.pause
             }, null, 8, ["icon", "onClick"])
           ]),
-          l(m),
-          l(N, {
-            modelValue: s.logLevel,
-            "onUpdate:modelValue": e[0] || (e[0] = (h) => s.logLevel = h),
+          s(p),
+          s(f, {
+            modelValue: n.logLevel,
+            "onUpdate:modelValue": e[0] || (e[0] = (u) => n.logLevel = u),
             label: "Filter by log level",
             "hide-details": "",
             variant: "outlined",
             density: "compact",
-            items: s.logLevels,
+            items: n.logLevels,
             class: "mr-2",
             style: { "max-width": "150px" },
             "data-test": "log-messages-level"
           }, null, 8, ["modelValue", "items"]),
-          l(m),
-          l(v, {
-            modelValue: s.search,
-            "onUpdate:modelValue": e[1] || (e[1] = (h) => s.search = h),
+          s(p),
+          s(d, {
+            modelValue: n.search,
+            "onUpdate:modelValue": e[1] || (e[1] = (u) => n.search = u),
             label: "Search",
             "prepend-inner-icon": "mdi-magnify",
             clearable: "",
@@ -669,20 +1063,20 @@ function le(t, e, i, c, s, a) {
             class: "search",
             "data-test": "search-log-messages"
           }, null, 8, ["modelValue"]),
-          l(u, {
+          s(m, {
             icon: "mdi-delete-sweep",
             variant: "text",
             class: "ml-2",
             "data-test": "clear-log",
-            onClick: a.clearLog
+            onClick: i.clearLog
           }, null, 8, ["onClick"])
         ]),
         _: 1
       }),
-      l(y, {
-        headers: s.headers,
-        items: s.shownData,
-        search: s.search,
+      s(w, {
+        headers: n.headers,
+        items: n.shownData,
+        search: n.search,
         "items-per-page": -1,
         "hide-default-footer": "",
         "multi-sort": "",
@@ -691,25 +1085,25 @@ function le(t, e, i, c, s, a) {
         hover: "",
         "data-test": "log-messages"
       }, {
-        "item.timestamp": n(({ item: h }) => [
-          f("time", {
-            title: h.timestamp,
-            datetime: h.timestamp
-          }, w(h.timestamp), 9, te)
+        "item.timestamp": l(({ item: u }) => [
+          g("time", {
+            title: u.timestamp,
+            datetime: u.timestamp
+          }, N(u.timestamp), 9, he)
         ]),
-        "item.level": n(({ item: h }) => [
-          f("span", {
-            style: B("display: inline-flex; color:" + a.getColor(h.level))
+        "item.level": l(({ item: u }) => [
+          g("span", {
+            style: z("display: inline-flex; color:" + i.getColor(u.level))
           }, [
-            l(T, {
+            s(C, {
               class: "mr-1",
-              status: a.getStatus(h.level)
+              status: i.getStatus(u.level)
             }, null, 8, ["status"]),
-            g(" " + w(h.level), 1)
+            x(" " + N(u.level), 1)
           ], 4)
         ]),
-        "item.message": n(({ item: h }) => [
-          f("div", se, w(h.message), 1)
+        "item.message": l(({ item: u }) => [
+          g("div", pe, N(u.message), 1)
         ]),
         _: 1
       }, 8, ["headers", "items", "search"])
@@ -717,638 +1111,106 @@ function le(t, e, i, c, s, a) {
     _: 1
   });
 }
-const ye = /* @__PURE__ */ C($, [["render", le], ["__scopeId", "data-v-081e936f"]]), S = "single-spa:app-change", ae = {
+const Me = /* @__PURE__ */ I(ue, [["render", ge], ["__scopeId", "data-v-081e936f"]]), _e = 50, ve = 2e3, P = "single-spa:app-change", we = {
   data() {
     return {
-      show: !1
+      appsMounted: !1,
+      show: !1,
+      hideSpinner: !1,
+      pollInterval: null
     };
   },
+  computed: {
+    showSpinner: function() {
+      return !this.hideSpinner && !this.show;
+    }
+  },
   created() {
-    window.addEventListener(S, this.handleAppChange);
+    window.addEventListener(P, this.handleAppChange);
   },
   mounted() {
-    setTimeout(() => {
-      this.show = G().length === 0;
-    }, 150);
+    this.pollForMountedApps(), setTimeout(() => {
+      this.appsMounted || (this.show = !0, this.pollInterval && clearInterval(this.pollInterval));
+    }, ve);
   },
   unmounted() {
     window.removeEventListener(
-      S,
+      P,
       this.handleAppChange
-    );
+    ), this.pollInterval && clearInterval(this.pollInterval);
   },
   methods: {
     handleAppChange: function(t) {
       this.show = !t.detail.appsByNewStatus.MOUNTED;
-    }
-  }
-}, ie = { class: "mx-1" };
-function ne(t, e, i, c, s, a) {
-  const u = o("v-card-title"), m = o("v-card-text"), N = o("v-card");
-  return s.show ? (_(), b(N, { key: 0 }, {
-    default: n(() => [
-      l(u, null, {
-        default: n(() => e[0] || (e[0] = [
-          g(" 404 Not Found ")
-        ])),
-        _: 1
-      }),
-      l(m, { class: "d-flex align-center mt-3" }, {
-        default: n(() => [
-          e[1] || (e[1] = g(" The requested URL ")),
-          f("code", ie, w(t.$route.fullPath), 1),
-          e[2] || (e[2] = g(" was not routable. ")),
-          e[3] || (e[3] = f("span", { class: "text-h3 mx-1" }, " 🦄 ", -1))
-        ]),
-        _: 1
-      })
-    ]),
-    _: 1
-  })) : I("", !0);
-}
-const be = /* @__PURE__ */ C(ae, [["render", ne]]), oe = {
-  props: {
-    allowAll: {
-      type: Boolean,
-      default: !1
-    },
-    allowAllTargets: {
-      type: Boolean,
-      default: !1
     },
-    allowAllArrayIndex: {
-      type: Boolean,
-      default: !1
-    },
-    buttonText: {
-      type: String,
-      default: null
-    },
-    chooseItem: {
-      type: Boolean,
-      default: !1
-    },
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    initialTargetName: {
-      type: String,
-      default: ""
-    },
-    initialPacketName: {
-      type: String,
-      default: ""
-    },
-    initialItemName: {
-      type: String,
-      default: ""
-    },
-    selectTypes: {
-      type: Boolean,
-      default: !1
-    },
-    showLatest: {
-      type: Boolean,
-      default: !1
-    },
-    mode: {
-      type: String,
-      default: "tlm",
-      // TODO: add validators throughout
-      validator: (t) => ["cmd", "tlm"].includes(t)
-    },
-    unknown: {
-      type: Boolean,
-      default: !1
-    },
-    vertical: {
-      type: Boolean,
-      default: !1
-    },
-    hidden: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["on-set", "addItem"],
-  data() {
-    var t, e, i;
-    return {
-      targetNames: [],
-      selectedTargetName: (t = this.initialTargetName) == null ? void 0 : t.toUpperCase(),
-      packetNames: [],
-      selectedPacketName: (e = this.initialPacketName) == null ? void 0 : e.toUpperCase(),
-      itemNames: [],
-      selectedItemName: (i = this.initialItemName) == null ? void 0 : i.toUpperCase(),
-      valueTypes: ["CONVERTED", "RAW"],
-      selectedValueType: "CONVERTED",
-      reductionModes: [
-        // Map NONE to DECOM for clarity
-        { title: "NONE", value: "DECOM" },
-        { title: "REDUCED_MINUTE", value: "REDUCED_MINUTE" },
-        { title: "REDUCED_HOUR", value: "REDUCED_HOUR" },
-        { title: "REDUCED_DAY", value: "REDUCED_DAY" }
-      ],
-      selectedArrayIndex: null,
-      selectedReduced: "DECOM",
-      reducedTypes: ["MIN", "MAX", "AVG", "STDDEV"],
-      selectedReducedType: "AVG",
-      description: "",
-      hazardous: !1,
-      internalDisabled: !1,
-      packetsDisabled: !1,
-      itemsDisabled: !1,
-      api: null,
-      ALL: {
-        label: "[ ALL ]",
-        value: "ALL",
-        description: "ALL"
-      },
-      // Constant to indicate all packets or items
-      UNKNOWN: {
-        label: "[ UNKNOWN ]",
-        value: "UNKNOWN",
-        description: "UNKNOWN"
-      }
-    };
-  },
-  computed: {
-    actualButtonText: function() {
-      return this.selectedPacketName === "ALL" ? "Add Target" : this.selectedItemName === "ALL" ? "Add Packet" : this.buttonText;
-    },
-    autocompleteDisabled: function() {
-      return this.disabled || this.internalDisabled;
-    },
-    buttonDisabled: function() {
-      return this.disabled || this.internalDisabled || this.selectedTargetName === null || this.selectedPacketName === null || this.selectedItemNameWIndex === null;
-    },
-    colSize: function() {
-      return this.vertical ? 12 : !1;
-    },
-    selectedItemNameWIndex: function() {
-      return this.itemIsArray && this.selectedArrayIndex !== null && this.selectedArrayIndex !== this.ALL.label ? `${this.selectedItemName}[${this.selectedArrayIndex}]` : this.selectedItemName;
-    },
-    includeLatestPacketInDropdown: function() {
-      return this.showLatest && this.mode === "tlm";
-    },
-    arrayIndexes: function() {
-      let t = this.itemNames.findIndex(
-        (i) => i.value === this.selectedItemName
-      ), e = [...Array(this.itemNames[t].array).keys()];
-      return (this.allowAll || this.allowAllArrayIndex) && e.unshift(this.ALL.label), e;
-    },
-    itemIsArray: function() {
-      let t = this.itemNames.findIndex(
-        (e) => e.value === this.selectedItemName
-      );
-      return !(t === -1 || isNaN(this.itemNames[t].array));
-    }
-  },
-  watch: {
-    initialTargetName: function(t) {
-      t && (this.selectedTargetName = t.toUpperCase());
-    },
-    initialPacketName: function(t) {
-      t && (this.selectedPacketName = t.toUpperCase());
-    },
-    initialItemName: function(t) {
-      t && (this.selectedItemName = t.toUpperCase());
-    },
-    mode: function(t, e) {
-      this.selectedPacketName = null, this.selectedItemName = null, this.targetNameChanged(this.selectedTargetName);
-    },
-    chooseItem: function(t, e) {
-      t ? this.updateItems() : this.itemNames = [];
-    },
-    itemIsArray: function(t) {
-      t ? this.selectedArrayIndex || (this.selectedArrayIndex = 0) : this.selectedArrayIndex = null;
-    }
-  },
-  created() {
-    this.internalDisabled = !0, this.api = new k(), this.api.get_target_names().then((t) => {
-      this.targetNames = t.flatMap((e) => e == "UNKNOWN" ? [] : { label: e, value: e }), this.allowAllTargets && this.targetNames.unshift(this.ALL), this.selectedTargetName ? this.updatePackets() : (this.selectedTargetName = this.targetNames[0].value, this.targetNameChanged(this.selectedTargetName)), this.unknown && this.targetNames.push(this.UNKNOWN);
-    });
-  },
-  methods: {
-    updatePackets: function() {
-      if (this.selectedTargetName === "UNKNOWN") {
-        this.packetNames = [this.UNKNOWN], this.selectedPacketName = this.packetNames[0].value, this.updatePacketDetails(this.UNKNOWN.value), this.description = "UNKNOWN";
-        return;
-      }
-      if (this.selectedTargetName === "ALL") {
-        this.packetNames = [this.ALL], this.selectedPacketName = this.packetNames[0].value, this.updatePacketDetails(this.ALL.value), this.description = "ALL";
-        return;
-      }
-      this.internalDisabled = !0;
-      const t = this.mode === "tlm" ? "get_all_tlm_names" : "get_all_cmd_names";
-      this.api[t](this.selectedTargetName, this.hidden).then((e) => {
-        this.packetNames = e.map((c) => ({
-          label: c,
-          value: c
-        })), this.allowAll && this.packetNames.unshift(this.ALL), this.selectedPacketName || (this.packetNames.length === 0 ? this.selectedPacketName = null : this.selectedPacketName = this.packetNames[0].value), this.updatePacketDetails(this.selectedPacketName), this.packetNames.find((c) => c.value === this.selectedPacketName) && this.chooseItem && this.updateItems(), this.internalDisabled = !1;
-      });
-    },
-    updateItems: function() {
-      if (this.selectedPacketName !== "ALL")
-        if (this.internalDisabled = !0, this.selectedPacketName === "LATEST")
-          this.api.get_all_tlm_item_names(this.selectedTargetName).then((t) => {
-            this.itemNames = t.map((e) => ({
-              label: e,
-              value: e,
-              description: `LATEST ${e}`
-              // Don't handle array for LATEST
-            })), this.finishUpdateItems();
-          });
-        else {
-          const t = this.mode === "tlm" ? "get_tlm" : "get_cmd";
-          this.api[t](this.selectedTargetName, this.selectedPacketName).then(
-            (e) => {
-              this.itemNames = e.items.map((i) => {
-                let c = i.name;
-                return i.data_type == "DERIVED" && (c += " *"), {
-                  label: c,
-                  value: i.name,
-                  description: i.description,
-                  array: i.array_size / i.bit_size
-                };
-              }), this.itemNames.sort((i, c) => i.label > c.label ? 1 : -1), this.finishUpdateItems();
-            }
-          );
-        }
-    },
-    finishUpdateItems: function() {
-      this.allowAll && this.itemNames.unshift(this.ALL), this.selectedItemName || (this.selectedItemName = this.itemNames[0].value), this.description = this.itemNames[0].description, this.$emit("on-set", {
-        targetName: this.selectedTargetName,
-        packetName: this.selectedPacketName,
-        itemName: this.selectedItemNameWIndex,
-        valueType: this.selectedValueType,
-        reduced: this.selectedReduced,
-        reducedType: this.selectedReducedType
-      }), this.internalDisabled = !1;
-    },
-    targetNameChanged: function(t) {
-      this.selectedTargetName = t, this.selectedPacketName = "", this.selectedItemName = "", t !== null && this.updatePackets();
-    },
-    packetNameChanged: function(t) {
-      this.selectedItemName = "", t !== null && this.updatePacketDetails(t);
-    },
-    updatePacketDetails: function(t) {
-      if (t === "ALL")
-        this.itemsDisabled = !0, this.internalDisabled = !1;
-      else if (t === "LATEST")
-        this.itemsDisabled = !1, this.selectedPacketName = "LATEST";
-      else {
-        this.itemsDisabled = !1;
-        const e = this.packetNames.find((i) => t === i.value);
-        if (e) {
-          this.selectedPacketName = e.value;
-          const i = this.mode === "tlm" ? "get_tlm" : "get_cmd";
-          this.api[i](this.selectedTargetName, this.selectedPacketName).then(
-            (c) => {
-              this.description = c.description, this.hazardous = c.hazardous;
-            }
-          );
-        }
-      }
-      this.chooseItem ? this.updateItems() : this.$emit("on-set", {
-        targetName: this.selectedTargetName,
-        packetName: this.selectedPacketName,
-        itemName: this.selectedItemNameWIndex,
-        valueType: this.selectedValueType,
-        reduced: this.selectedReduced,
-        reducedType: this.selectedReducedType
-      });
-    },
-    itemNameChanged: function(t) {
-      const e = this.itemNames.find((i) => t === i.value);
-      e && (this.selectedItemName = e.value, this.description = e.description, this.$emit("on-set", {
-        targetName: this.selectedTargetName,
-        packetName: this.selectedPacketName,
-        itemName: this.selectedItemNameWIndex,
-        valueType: this.selectedValueType,
-        reduced: this.selectedReduced,
-        reducedType: this.selectedReducedType
-      }));
-    },
-    indexChanged: function(t) {
-      this.$emit("on-set", {
-        targetName: this.selectedTargetName,
-        packetName: this.selectedPacketName,
-        itemName: this.selectedItemNameWIndex,
-        valueType: this.selectedValueType,
-        reduced: this.selectedReduced,
-        reducedType: this.selectedReducedType
-      });
-    },
-    buttonPressed: function() {
-      this.selectedPacketName === "ALL" ? this.allTargetPacketItems() : this.selectedItemName === "ALL" ? this.allPacketItems() : this.chooseItem ? this.$emit("addItem", {
-        targetName: this.selectedTargetName,
-        packetName: this.selectedPacketName,
-        itemName: this.selectedItemNameWIndex,
-        valueType: this.selectedValueType,
-        reduced: this.selectedReduced,
-        reducedType: this.selectedReducedType
-      }) : this.$emit("addItem", {
-        targetName: this.selectedTargetName,
-        packetName: this.selectedPacketName,
-        valueType: this.selectedValueType,
-        reduced: this.selectedReduced,
-        reducedType: this.selectedReducedType
-      });
-    },
-    allTargetPacketItems: function() {
-      this.packetNames.forEach((t) => {
-        if (t === this.ALL) return;
-        const e = this.mode === "tlm" ? "get_tlm" : "get_cmd";
-        this.api[e](this.selectedTargetName, t.value).then(
-          (i) => {
-            i.items.forEach((c) => {
-              this.$emit("addItem", {
-                targetName: this.selectedTargetName,
-                packetName: t.value,
-                itemName: c.name,
-                valueType: this.selectedValueType,
-                reduced: this.selectedReduced,
-                reducedType: this.selectedReducedType
-              });
-            });
-          }
-        );
-      });
-    },
-    allPacketItems: function() {
-      this.itemNames.forEach((t) => {
-        t !== this.ALL && this.$emit("addItem", {
-          targetName: this.selectedTargetName,
-          packetName: this.selectedPacketName,
-          itemName: t.value,
-          valueType: this.selectedValueType,
-          reduced: this.selectedReduced,
-          reducedType: this.selectedReducedType
-        });
-      });
+    pollForMountedApps: function() {
+      this.pollInterval = setInterval(() => {
+        this.appsMounted = A().length > 0, A().length > 0 && (this.hideSpinner = !0, clearInterval(this.pollInterval));
+      }, _e);
     }
   }
-}, ce = { class: "pt-4 pb-4" };
-function de(t, e, i, c, s, a) {
-  const u = o("v-autocomplete"), m = o("v-col"), N = o("v-list-item"), v = o("v-divider"), p = o("v-combobox"), T = o("v-btn"), y = o("v-row");
-  return _(), V("div", ce, [
-    l(y, {
-      "no-gutters": !i.vertical
-    }, {
-      default: n(() => [
-        l(m, {
-          cols: a.colSize,
-          class: "tpic-select pr-4",
-          "data-test": "select-target"
-        }, {
-          default: n(() => [
-            l(u, {
-              modelValue: s.selectedTargetName,
-              "onUpdate:modelValue": [
-                e[0] || (e[0] = (d) => s.selectedTargetName = d),
-                a.targetNameChanged
-              ],
-              label: "Select Target",
-              "hide-details": "",
-              density: "compact",
-              variant: "outlined",
-              items: s.targetNames,
-              "item-title": "label",
-              "item-value": "value"
-            }, null, 8, ["modelValue", "items", "onUpdate:modelValue"])
-          ]),
-          _: 1
-        }, 8, ["cols"]),
-        l(m, {
-          cols: a.colSize,
-          class: "tpic-select pr-4",
-          "data-test": "select-packet"
-        }, {
-          default: n(() => [
-            l(u, {
-              modelValue: s.selectedPacketName,
-              "onUpdate:modelValue": [
-                e[2] || (e[2] = (d) => s.selectedPacketName = d),
-                a.packetNameChanged
-              ],
-              label: "Select Packet",
-              "hide-details": "",
-              density: "compact",
-              variant: "outlined",
-              disabled: s.packetsDisabled || a.autocompleteDisabled,
-              items: s.packetNames,
-              "item-title": "label",
-              "item-value": "value"
-            }, K({ _: 2 }, [
-              a.includeLatestPacketInDropdown ? {
-                name: "prepend-item",
-                fn: n(() => [
-                  l(N, {
-                    title: "LATEST",
-                    onClick: e[1] || (e[1] = (d) => a.packetNameChanged("LATEST"))
-                  }),
-                  l(v)
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["modelValue", "disabled", "items", "onUpdate:modelValue"])
-          ]),
-          _: 1
-        }, 8, ["cols"]),
-        i.chooseItem ? (_(), b(m, {
-          key: 0,
-          cols: a.colSize,
-          class: "tpic-select pr-4",
-          "data-test": "select-item"
-        }, {
-          default: n(() => [
-            l(u, {
-              modelValue: s.selectedItemName,
-              "onUpdate:modelValue": [
-                e[3] || (e[3] = (d) => s.selectedItemName = d),
-                e[4] || (e[4] = (d) => a.itemNameChanged(d))
-              ],
-              label: "Select Item",
-              "hide-details": "",
-              density: "compact",
-              variant: "outlined",
-              disabled: s.itemsDisabled || a.autocompleteDisabled,
-              items: s.itemNames,
-              "item-title": "label",
-              "item-value": "value"
-            }, null, 8, ["modelValue", "disabled", "items"])
-          ]),
-          _: 1
-        }, 8, ["cols"])) : I("", !0),
-        i.chooseItem && a.itemIsArray ? (_(), b(m, {
-          key: 1,
-          cols: "1",
-          class: "tpic-select pr-4",
-          "data-test": "array-index",
-          style: { "min-width": "105px" }
-        }, {
-          default: n(() => [
-            l(p, {
-              modelValue: s.selectedArrayIndex,
-              "onUpdate:modelValue": [
-                e[5] || (e[5] = (d) => s.selectedArrayIndex = d),
-                e[6] || (e[6] = (d) => a.indexChanged(d))
-              ],
-              label: "Index",
-              "hide-details": "",
-              density: "compact",
-              variant: "outlined",
-              disabled: s.itemsDisabled || a.autocompleteDisabled,
-              items: a.arrayIndexes,
-              "item-title": "label",
-              "item-value": "value"
-            }, null, 8, ["modelValue", "disabled", "items"])
-          ]),
-          _: 1
-        })) : I("", !0),
-        i.buttonText ? (_(), b(m, {
-          key: 2,
-          cols: a.colSize,
-          style: { "max-width": "140px" }
-        }, {
-          default: n(() => [
-            l(T, {
-              disabled: a.buttonDisabled,
-              color: "primary",
-              "data-test": "select-send",
-              onClick: a.buttonPressed
-            }, {
-              default: n(() => [
-                g(w(a.actualButtonText), 1)
-              ]),
-              _: 1
-            }, 8, ["disabled", "onClick"])
-          ]),
-          _: 1
-        }, 8, ["cols"])) : I("", !0)
-      ]),
-      _: 1
-    }, 8, ["no-gutters"]),
-    i.selectTypes ? (_(), b(y, {
-      key: 0,
-      class: "pt-6",
-      "no-gutters": ""
-    }, {
-      default: n(() => [
-        l(m, {
-          cols: a.colSize,
-          class: "tpic-select pr-4",
-          "data-test": "data-type"
-        }, {
-          default: n(() => [
-            l(u, {
-              modelValue: s.selectedValueType,
-              "onUpdate:modelValue": e[7] || (e[7] = (d) => s.selectedValueType = d),
-              label: "Value Type",
-              "hide-details": "",
-              density: "compact",
-              variant: "outlined",
-              items: s.valueTypes
-            }, null, 8, ["modelValue", "items"])
-          ]),
-          _: 1
-        }, 8, ["cols"]),
-        l(m, {
-          cols: a.colSize,
-          class: "tpic-select pr-4",
-          "data-test": "reduced"
-        }, {
-          default: n(() => [
-            l(u, {
-              modelValue: s.selectedReduced,
-              "onUpdate:modelValue": e[8] || (e[8] = (d) => s.selectedReduced = d),
-              label: "Reduced",
-              "hide-details": "",
-              density: "compact",
-              variant: "outlined",
-              items: s.reductionModes
-            }, null, 8, ["modelValue", "items"])
-          ]),
+}, xe = { class: "mx-1" }, Ce = {
+  key: 1,
+  class: "d-flex justify-center align-center"
+};
+function ye(t, e, a, r, n, i) {
+  const m = o("v-card-title"), p = o("v-card-text"), f = o("v-card"), d = o("v-progress-circular");
+  return v(), D(B, null, [
+    n.show ? (v(), y(f, { key: 0 }, {
+      default: l(() => [
+        s(m, null, {
+          default: l(() => [...e[0] || (e[0] = [
+            x(" 404 Not Found ", -1)
+          ])]),
           _: 1
-        }, 8, ["cols"]),
-        l(m, {
-          cols: a.colSize,
-          class: "tpic-select pr-4",
-          "data-test": "reduced-type"
-        }, {
-          default: n(() => [
-            l(u, {
-              modelValue: s.selectedReducedType,
-              "onUpdate:modelValue": e[9] || (e[9] = (d) => s.selectedReducedType = d),
-              label: "Reduced Type",
-              "hide-details": "",
-              density: "compact",
-              variant: "outlined",
-              disabled: s.selectedReduced === "DECOM",
-              items: s.reducedTypes
-            }, null, 8, ["modelValue", "disabled", "items"])
+        }),
+        s(p, { class: "d-flex align-center mt-3" }, {
+          default: l(() => [
+            e[1] || (e[1] = x(" The requested URL ", -1)),
+            g("code", xe, N(t.$route.fullPath), 1),
+            e[2] || (e[2] = x(" was not routable. ", -1)),
+            e[3] || (e[3] = g("span", { class: "text-h3 mx-1" }, " 🦄 ", -1))
           ]),
           _: 1
-        }, 8, ["cols"]),
-        l(m, {
-          cols: a.colSize,
-          style: { "max-width": "140px" }
-        }, null, 8, ["cols"])
+        })
       ]),
       _: 1
-    })) : I("", !0),
-    l(y, {
-      "no-gutters": "",
-      class: "pa-3"
-    }, {
-      default: n(() => [
-        l(m, {
-          cols: a.colSize,
-          class: W({ "openc3-yellow": s.hazardous })
-        }, {
-          default: n(() => [
-            g(" Description: " + w(s.description) + " ", 1),
-            s.hazardous ? (_(), V(M, { key: 0 }, [
-              g(" (HAZARDOUS) ")
-            ], 64)) : I("", !0)
-          ]),
-          _: 1
-        }, 8, ["cols", "class"])
-      ]),
-      _: 1
-    })
-  ]);
+    })) : O("", !0),
+    i.showSpinner ? (v(), D("div", Ce, [
+      s(d, { indeterminate: "" })
+    ])) : O("", !0)
+  ], 64);
 }
-const we = /* @__PURE__ */ C(oe, [["render", de], ["__scopeId", "data-v-4e03f389"]]);
+const Le = /* @__PURE__ */ I(we, [["render", ye]]);
 export {
-  Ie as AceEditorModes,
-  De as AceEditorUtils,
-  Ne as Config,
-  We as CriticalCmdDialog,
-  Oe as DataViewerComponent,
-  Be as DataViewerHistoryComponent,
-  ze as DetailsDialog,
-  Re as EditScreenDialog,
-  Ge as EnvironmentChooser,
-  Le as EnvironmentDialog,
-  Se as FileOpenSaveDialog,
-  qe as Graph,
-  Je as GraphEditDialog,
-  Ze as GraphEditItemDialog,
-  ye as LogMessages,
-  be as NotFound,
-  ve as OpenConfigDialog,
-  Ee as Openc3Screen,
-  xe as OutputDialog,
-  _e as SaveConfigDialog,
-  Ue as ScreenCompleter,
-  He as ScriptChooser,
-  Xe as SimpleTextDialog,
-  we as TargetPacketItemChooser,
-  $e as TextBoxDialog,
-  Ae as TopBar,
-  tt as UpgradeToEnterpriseDialog
+  Ke as AceEditorModes,
+  je as AceEditorUtils,
+  Pe as CommandEditor,
+  re as CommandParameterEditor,
+  Te as Config,
+  ot as CriticalCmdDialog,
+  Qe as DataViewerComponent,
+  et as DataViewerHistoryComponent,
+  W as DetailsDialog,
+  qe as EditScreenDialog,
+  rt as EnvironmentChooser,
+  We as EnvironmentDialog,
+  Je as FileOpenSaveDialog,
+  nt as Graph,
+  st as GraphEditDialog,
+  at as GraphEditItemDialog,
+  Me as LogMessages,
+  Le as NotFound,
+  Ue as OpenConfigDialog,
+  Ze as Openc3Screen,
+  Ge as OutputDialog,
+  Ae as SaveConfigDialog,
+  Xe as ScreenCompleter,
+  ct as ScriptChooser,
+  mt as SimpleTextDialog,
+  q as TargetPacketItemChooser,
+  ft as TextBoxDialog,
+  He as TopBar,
+  pt as UpgradeToEnterpriseDialog
 };
 //# sourceMappingURL=components.js.map