@openc3/vue-common 6.7.0 → 6.8.1

package/dist/components.js

@@ -1,22 +1,24 @@
-import { A as _e, O as ve } from "./OutputDialog-M5Xc_DqH.js";
-import { A as be, T as ye } from "./TopBar-D_2lT9RB.js";
-import { E as xe, a as Se, F as Ve, O as De, S as Re } from "./Openc3Screen-CkdegNDJ.js";
-import { d as w, a as U } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-DWYRspHE.js";
-import { D as Ne, g as Ee } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-DWYRspHE.js";
-import { resolveComponent as i, createBlock as V, openBlock as D, withKeys as A, withCtx as l, createVNode as o, createElementVNode as u, withModifiers as S, withDirectives as O, toDisplayString as v, vShow as T, createTextVNode as _, normalizeStyle as L, createCommentVNode as F } from "vue";
-import { _ as R } from "./CustomIcon-h5X7369N.js";
-import { C as Ae } from "./CriticalCmdDialog-CF7Sqjdm.js";
-import { D as Te } from "./DetailsDialog-DRVahE5z.js";
-import { E as Le, S as Fe } from "./ScriptChooser-B5TkGuZ4.js";
-import { G as Be, a as $e, b as Ge, T as Me } from "./Graph-BiU56Qj2.js";
-import { UnknownToAstroStatus as N, AstroStatusColors as E } from "./icons.js";
-import { T as K } from "./timeFilters-BKnCM4rv.js";
-import { f as B } from "./format-CVeawcIv.js";
-import { getMountedApps as $ } from "single-spa";
-import { S as je } from "./SimpleTextDialog-Cmtrmt79.js";
-import { T as He } from "./TextBoxDialog-BlZ6MBoW.js";
-import { U as We } from "./UpgradeToEnterpriseDialog-Cvt5MMTj.js";
-const de = {
+import { A as Ke, O as Ge } from "./OutputDialog-wBy-sg3k.js";
+import { A as je, T as He } from "./TopBar-CmP-ZyVe.js";
+import { E as qe, a as We, F as Je, O as Ze, S as Xe } from "./Openc3Screen-B31-mKUZ.js";
+import { g as V, p as G } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-BuwHe3dn.js";
+import { D as Qe, d as et } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-BuwHe3dn.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-DZBpdSgR.js";
+import { G as nt, a as st, b as at } from "./Graph-DZBpdSgR.js";
+import { C as K } from "./cmdUtilities-BMsSNjt_.js";
+import { D as W } from "./DetailsDialog-B2l0BNc2.js";
+import { C as ot } from "./CriticalCmdDialog-CD72VN-P.js";
+import { E as rt, S as ct } from "./ScriptChooser-Ci_3uZDo.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-LQJdcAXX.js";
+import { T as ft } from "./TextBoxDialog-CdFHdj5W.js";
+import { U as pt } from "./UpgradeToEnterpriseDialog-DpWUa84S.js";
+const Te = {
   data: {
     configKey: "",
     // Applications can set to avoid persisting default config
@@ -31,7 +33,7 @@ const de = {
       this.dontSaveDefaultConfig !== !0 && (localStorage[`${this.configKey}__default`] = JSON.stringify(t));
     },
     openConfigBase: function(t, e = !1, a = null) {
-      new w().load_config(this.configKey, t).then((r) => {
+      new V().load_config(this.configKey, t).then((r) => {
         r ? (this.$notify.normal({
           title: "Loading configuration",
           body: t
@@ -51,7 +53,7 @@ const de = {
       });
     },
     saveConfigBase: function(t, e) {
-      new w().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
@@ -69,7 +71,7 @@ const de = {
       delete t.config, this.$router.replace({ query: t });
     }
   }
-}, G = {
+}, X = {
   props: {
     configKey: String,
     modelValue: Boolean
@@ -114,7 +116,7 @@ const de = {
   },
   mounted() {
     let t = -1;
-    new w().list_configs(this.configKey).then((e) => {
+    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}`);
@@ -136,7 +138,7 @@ const de = {
         cancelText: "Cancel"
       }).then((e) => {
         var a;
-        ((a = this.selectedItem) == null ? void 0 : a.config) === t.config && (this.selectedRows = []), this.configs.splice(this.configs.indexOf(t), 1), new w().delete_config(this.configKey, t.config);
+        ((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,38 +147,37 @@ const de = {
       });
     }
   }
-}, M = { class: "mt-4 pa-3" }, P = ["textContent"];
-function j(t, e, a, r, s, n) {
-  const f = i("v-spacer"), h = i("v-toolbar"), g = i("v-text-field"), p = i("v-row"), m = i("v-btn"), b = i("v-data-table"), y = i("v-card-text"), C = i("v-card-actions"), d = i("v-card"), k = i("v-dialog");
-  return D(), V(k, {
-    modelValue: n.show,
-    "onUpdate:modelValue": e[4] || (e[4] = (c) => n.show = c),
+}, 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: A(n.cancel, ["esc"])
+    onKeydown: M(i.cancel, ["esc"])
   }, {
     default: l(() => [
-      o(d, null, {
+      s(u, null, {
         default: l(() => [
-          u("form", {
-            onSubmit: e[3] || (e[3] = S((...c) => n.success && n.success(...c), ["prevent"]))
+          g("form", {
+            onSubmit: e[3] || (e[3] = k((...c) => i.success && i.success(...c), ["prevent"]))
           }, [
-            o(h, { height: "24" }, {
+            s(p, { height: "24" }, {
               default: l(() => [
-                o(f),
-                e[5] || (e[5] = u("span", null, "Open Configuration", -1)),
-                o(f)
+                s(m),
+                e[5] || (e[5] = g("span", null, "Open Configuration", -1)),
+                s(m)
               ]),
-              _: 1,
-              __: [5]
+              _: 1
             }),
-            o(y, null, {
+            s(w, null, {
               default: l(() => [
-                u("div", M, [
-                  o(p, { dense: "" }, {
+                g("div", Y, [
+                  s(d, { dense: "" }, {
                     default: l(() => [
-                      o(g, {
-                        modelValue: s.search,
-                        "onUpdate:modelValue": e[0] || (e[0] = (c) => s.search = c),
+                      s(f, {
+                        modelValue: n.search,
+                        "onUpdate:modelValue": e[0] || (e[0] = (c) => n.search = c),
                         label: "search",
                         type: "text",
                         "prepend-inner-icon": "mdi-magnify",
@@ -192,37 +193,37 @@ function j(t, e, a, r, s, n) {
                     ]),
                     _: 1
                   }),
-                  o(b, {
-                    modelValue: s.selectedRows,
-                    "onUpdate:modelValue": e[1] || (e[1] = (c) => s.selectedRows = c),
+                  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] = (c, x) => n.selectRow(x))
+                    "onClick:row": e[2] || (e[2] = (c, S) => i.selectRow(S))
                   }, {
                     "item.actions": l(({ item: c }) => [
-                      o(m, {
+                      s(_, {
                         class: "mt-1",
                         icon: "mdi-delete",
                         variant: "text",
                         "data-test": "item-delete",
-                        onClick: (x) => n.deleteConfig(c)
+                        onClick: (S) => i.deleteConfig(c)
                       }, null, 8, ["onClick"])
                     ]),
                     _: 1
                   }, 8, ["modelValue", "search", "headers", "items"]),
-                  o(p, { dense: "" }, {
+                  s(d, { dense: "" }, {
                     default: l(() => [
-                      O(u("span", {
+                      L(g("span", {
                         class: "ma-2 text-red",
-                        textContent: v(n.error)
-                      }, null, 8, P), [
-                        [T, n.error]
+                        textContent: N(i.error)
+                      }, null, 8, Q), [
+                        [F, i.error]
                       ])
                     ]),
                     _: 1
@@ -231,32 +232,30 @@ function j(t, e, a, r, s, n) {
               ]),
               _: 1
             }),
-            o(C, { class: "px-2" }, {
+            s(b, { class: "px-2" }, {
               default: l(() => [
-                o(f),
-                o(m, {
+                s(m),
+                s(_, {
                   variant: "outlined",
                   "data-test": "open-config-cancel-btn",
-                  onClick: n.cancel
+                  onClick: i.cancel
                 }, {
-                  default: l(() => e[6] || (e[6] = [
-                    _(" Cancel ", -1)
-                  ])),
-                  _: 1,
-                  __: [6]
+                  default: l(() => [...e[6] || (e[6] = [
+                    x(" Cancel ", -1)
+                  ])]),
+                  _: 1
                 }, 8, ["onClick"]),
-                o(m, {
+                s(_, {
                   variant: "flat",
                   type: "submit",
                   "data-test": "open-config-submit-btn",
-                  disabled: !!n.error,
-                  onClick: S(n.success, ["prevent"])
+                  disabled: !!i.error,
+                  onClick: k(i.success, ["prevent"])
                 }, {
-                  default: l(() => e[7] || (e[7] = [
-                    _(" Ok ", -1)
-                  ])),
-                  _: 1,
-                  __: [7]
+                  default: l(() => [...e[7] || (e[7] = [
+                    x(" Ok ", -1)
+                  ])]),
+                  _: 1
                 }, 8, ["disabled", "onClick"])
               ]),
               _: 1
@@ -269,7 +268,7 @@ function j(t, e, a, r, s, n) {
     _: 1
   }, 8, ["modelValue", "onKeydown"]);
 }
-const ue = /* @__PURE__ */ R(G, [["render", j]]), q = {
+const Ue = /* @__PURE__ */ I(X, [["render", ee]]), te = {
   props: {
     configKey: String,
     modelValue: Boolean
@@ -320,7 +319,7 @@ const ue = /* @__PURE__ */ R(G, [["render", j]]), q = {
   },
   mounted() {
     let t = -1;
-    new w().list_configs(this.configKey).then((e) => {
+    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}`);
@@ -342,7 +341,7 @@ const ue = /* @__PURE__ */ R(G, [["render", j]]), q = {
         cancelText: "Cancel"
       }).then((e) => {
         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 w().delete_config(this.configKey, t.config);
+        ((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",
@@ -351,38 +350,37 @@ const ue = /* @__PURE__ */ R(G, [["render", j]]), q = {
       });
     }
   }
-}, H = { class: "mt-4 pa-3" }, J = ["textContent"];
-function W(t, e, a, r, s, n) {
-  const f = i("v-spacer"), h = i("v-toolbar"), g = i("v-text-field"), p = i("v-row"), m = i("v-btn"), b = i("v-data-table"), y = i("v-card-text"), C = i("v-card-actions"), d = i("v-card"), k = i("v-dialog");
-  return D(), V(k, {
-    modelValue: n.show,
-    "onUpdate:modelValue": e[5] || (e[5] = (c) => n.show = c),
+}, 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: A(n.cancel, ["esc"])
+    onKeydown: M(i.cancel, ["esc"])
   }, {
     default: l(() => [
-      o(d, null, {
+      s(u, null, {
         default: l(() => [
-          u("form", {
-            onSubmit: e[4] || (e[4] = S((...c) => n.success && n.success(...c), ["prevent"]))
+          g("form", {
+            onSubmit: e[4] || (e[4] = k((...c) => i.success && i.success(...c), ["prevent"]))
           }, [
-            o(h, { height: "24" }, {
+            s(p, { height: "24" }, {
               default: l(() => [
-                o(f),
-                e[6] || (e[6] = u("span", null, "Save Configuration", -1)),
-                o(f)
+                s(m),
+                e[6] || (e[6] = g("span", null, "Save Configuration", -1)),
+                s(m)
               ]),
-              _: 1,
-              __: [6]
+              _: 1
             }),
-            o(y, null, {
+            s(w, null, {
               default: l(() => [
-                u("div", H, [
-                  o(p, { dense: "" }, {
+                g("div", ne, [
+                  s(d, { dense: "" }, {
                     default: l(() => [
-                      o(g, {
-                        modelValue: s.search,
-                        "onUpdate:modelValue": e[0] || (e[0] = (c) => s.search = c),
+                      s(f, {
+                        modelValue: n.search,
+                        "onUpdate:modelValue": e[0] || (e[0] = (c) => n.search = c),
                         label: "search",
                         type: "text",
                         "prepend-inner-icon": "mdi-magnify",
@@ -397,51 +395,51 @@ function W(t, e, a, r, s, n) {
                     ]),
                     _: 1
                   }),
-                  o(b, {
-                    modelValue: s.selectedRows,
-                    "onUpdate:modelValue": e[1] || (e[1] = (c) => s.selectedRows = c),
+                  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] = (c, x) => n.selectRow(x))
+                    "onClick:row": e[2] || (e[2] = (c, S) => i.selectRow(S))
                   }, {
                     "item.actions": l(({ item: c }) => [
-                      o(m, {
+                      s(_, {
                         class: "mt-1",
                         icon: "mdi-delete",
                         variant: "text",
                         "data-test": "item-delete",
-                        onClick: (x) => n.deleteConfig(c)
+                        onClick: (S) => i.deleteConfig(c)
                       }, null, 8, ["onClick"])
                     ]),
                     _: 1
                   }, 8, ["modelValue", "search", "headers", "items"]),
-                  o(p, { dense: "" }, {
+                  s(d, { dense: "" }, {
                     default: l(() => [
-                      o(g, {
-                        modelValue: s.configName,
-                        "onUpdate:modelValue": e[3] || (e[3] = (c) => s.configName = c),
+                      s(f, {
+                        modelValue: n.configName,
+                        "onUpdate:modelValue": e[3] || (e[3] = (c) => n.configName = c),
                         "hide-details": "",
                         autofocus: "",
-                        disabled: !!n.selectedItem,
+                        disabled: !!i.selectedItem,
                         label: "Configuration Name",
                         "data-test": "name-input-save-config-dialog"
                       }, null, 8, ["modelValue", "disabled"])
                     ]),
                     _: 1
                   }),
-                  o(p, { dense: "" }, {
+                  s(d, { dense: "" }, {
                     default: l(() => [
-                      O(u("span", {
+                      L(g("span", {
                         class: "ma-2 text-red",
-                        textContent: v(n.error)
-                      }, null, 8, J), [
-                        [T, n.error]
+                        textContent: N(i.error)
+                      }, null, 8, se), [
+                        [F, i.error]
                       ])
                     ]),
                     _: 1
@@ -450,31 +448,29 @@ function W(t, e, a, r, s, n) {
               ]),
               _: 1
             }),
-            o(C, { class: "px-2" }, {
+            s(b, { class: "px-2" }, {
               default: l(() => [
-                o(f),
-                o(m, {
+                s(m),
+                s(_, {
                   variant: "outlined",
-                  onClick: n.cancel
+                  onClick: i.cancel
                 }, {
-                  default: l(() => e[7] || (e[7] = [
-                    _(" Cancel ", -1)
-                  ])),
-                  _: 1,
-                  __: [7]
+                  default: l(() => [...e[7] || (e[7] = [
+                    x(" Cancel ", -1)
+                  ])]),
+                  _: 1
                 }, 8, ["onClick"]),
-                o(m, {
+                s(_, {
                   variant: "flat",
                   type: "submit",
                   "data-test": "save-config-submit-btn",
-                  disabled: !!n.error,
-                  onClick: S(n.success, ["prevent"])
+                  disabled: !!i.error,
+                  onClick: k(i.success, ["prevent"])
                 }, {
-                  default: l(() => e[8] || (e[8] = [
-                    _(" Ok ", -1)
-                  ])),
-                  _: 1,
-                  __: [8]
+                  default: l(() => [...e[8] || (e[8] = [
+                    x(" Ok ", -1)
+                  ])]),
+                  _: 1
                 }, 8, ["disabled", "onClick"])
               ]),
               _: 1
@@ -487,8 +483,400 @@ function W(t, e, a, r, s, n) {
     _: 1
   }, 8, ["modelValue", "onKeydown"]);
 }
-const fe = /* @__PURE__ */ R(q, [["render", W]]), 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,
@@ -501,7 +889,7 @@ const fe = /* @__PURE__ */ R(q, [["render", W]]), z = {
   },
   data() {
     return {
-      AstroStatusColors: E,
+      AstroStatusColors: U,
       data: [],
       shownData: [],
       logLevels: ["DEBUG", "INFO", "WARN", "ERROR", "FATAL"],
@@ -513,7 +901,7 @@ const fe = /* @__PURE__ */ R(q, [["render", W]]), z = {
         { title: "Source", value: "microservice_name" },
         { title: "Message", value: "message" }
       ],
-      cable: new U(),
+      cable: new G(),
       subscription: null,
       paused: !1
     };
@@ -573,8 +961,8 @@ const fe = /* @__PURE__ */ R(q, [["render", W]]), z = {
               ), e.message.raw && e.message.json_class === "String") {
                 let a = "0x";
                 for (let r = 0; r < e.message.raw.length; r++) {
-                  let s = e.message.raw[r].toString(16).toUpperCase();
-                  s.length < 2 && (s = "0" + s), a += s;
+                  let n = e.message.raw[r].toString(16).toUpperCase();
+                  n.length < 2 && (n = "0" + n), a += n;
                 }
                 e.message = a;
               } else
@@ -593,10 +981,10 @@ const fe = /* @__PURE__ */ R(q, [["render", W]]), z = {
       });
     },
     getColor(t) {
-      return E[N[t]];
+      return U[T[t]];
     },
     getStatus(t) {
-      return N[t];
+      return T[t];
     },
     downloadLog() {
       const t = this.shownData.map(
@@ -610,7 +998,7 @@ const fe = /* @__PURE__ */ R(q, [["render", W]]), z = {
       }), a = document.createElement("a");
       a.href = URL.createObjectURL(e), a.setAttribute(
         "download",
-        B(Date.now(), "yyyy_MM_dd_HH_mm_ss") + "_message_log.txt"
+        Z(Date.now(), "yyyy_MM_dd_HH_mm_ss") + "_message_log.txt"
       ), a.click();
     },
     clearLog: function() {
@@ -623,47 +1011,47 @@ const fe = /* @__PURE__ */ R(q, [["render", W]]), z = {
       });
     }
   }
-}, Z = { class: "d-flex align-baseline" }, Q = ["title", "datetime"], X = { style: { "white-space": "pre-wrap" } };
-function Y(t, e, a, r, s, n) {
-  const f = i("v-btn"), h = i("v-spacer"), g = i("v-select"), p = i("v-text-field"), m = i("v-card-title"), b = i("rux-status"), y = i("v-data-table"), C = i("v-card");
-  return D(), V(C, null, {
+}, 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(() => [
-      o(m, { class: "d-flex align-center justify-content-space-between" }, {
+      s(_, { class: "d-flex align-center justify-content-space-between" }, {
         default: l(() => [
-          u("div", Z, [
-            o(f, {
+          g("div", fe, [
+            s(m, {
               icon: "mdi-download",
               variant: "text",
               size: "small",
               class: "mr-2",
               "data-test": "download-log",
-              onClick: n.downloadLog
+              onClick: i.downloadLog
             }, null, 8, ["onClick"]),
-            e[2] || (e[2] = u("span", null, " Log Messages ", -1)),
-            o(f, {
-              icon: n.buttonIcon,
+            e[2] || (e[2] = g("span", null, " Log Messages ", -1)),
+            s(m, {
+              icon: i.buttonIcon,
               variant: "text",
               "data-test": "pause",
-              onClick: n.pause
+              onClick: i.pause
             }, null, 8, ["icon", "onClick"])
           ]),
-          o(h),
-          o(g, {
-            modelValue: s.logLevel,
-            "onUpdate:modelValue": e[0] || (e[0] = (d) => s.logLevel = d),
+          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"]),
-          o(h),
-          o(p, {
-            modelValue: s.search,
-            "onUpdate:modelValue": e[1] || (e[1] = (d) => s.search = d),
+          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: "",
@@ -675,20 +1063,20 @@ function Y(t, e, a, r, s, n) {
             class: "search",
             "data-test": "search-log-messages"
           }, null, 8, ["modelValue"]),
-          o(f, {
+          s(m, {
             icon: "mdi-delete-sweep",
             variant: "text",
             class: "ml-2",
             "data-test": "clear-log",
-            onClick: n.clearLog
+            onClick: i.clearLog
           }, null, 8, ["onClick"])
         ]),
         _: 1
       }),
-      o(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": "",
@@ -697,25 +1085,25 @@ function Y(t, e, a, r, s, n) {
         hover: "",
         "data-test": "log-messages"
       }, {
-        "item.timestamp": l(({ item: d }) => [
-          u("time", {
-            title: d.timestamp,
-            datetime: d.timestamp
-          }, v(d.timestamp), 9, Q)
+        "item.timestamp": l(({ item: u }) => [
+          g("time", {
+            title: u.timestamp,
+            datetime: u.timestamp
+          }, N(u.timestamp), 9, he)
         ]),
-        "item.level": l(({ item: d }) => [
-          u("span", {
-            style: L("display: inline-flex; color:" + n.getColor(d.level))
+        "item.level": l(({ item: u }) => [
+          g("span", {
+            style: z("display: inline-flex; color:" + i.getColor(u.level))
           }, [
-            o(b, {
+            s(C, {
               class: "mr-1",
-              status: n.getStatus(d.level)
+              status: i.getStatus(u.level)
             }, null, 8, ["status"]),
-            _(" " + v(d.level), 1)
+            x(" " + N(u.level), 1)
           ], 4)
         ]),
-        "item.message": l(({ item: d }) => [
-          u("div", X, v(d.message), 1)
+        "item.message": l(({ item: u }) => [
+          g("div", pe, N(u.message), 1)
         ]),
         _: 1
       }, 8, ["headers", "items", "search"])
@@ -723,85 +1111,106 @@ function Y(t, e, a, r, s, n) {
     _: 1
   });
 }
-const me = /* @__PURE__ */ R(z, [["render", Y], ["__scopeId", "data-v-081e936f"]]), I = "single-spa:app-change", ee = {
+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(I, this.handleAppChange);
+    window.addEventListener(P, this.handleAppChange);
   },
   mounted() {
-    setTimeout(() => {
-      this.show = $().length === 0;
-    }, 150);
+    this.pollForMountedApps(), setTimeout(() => {
+      this.appsMounted || (this.show = !0, this.pollInterval && clearInterval(this.pollInterval));
+    }, ve);
   },
   unmounted() {
     window.removeEventListener(
-      I,
+      P,
       this.handleAppChange
-    );
+    ), this.pollInterval && clearInterval(this.pollInterval);
   },
   methods: {
     handleAppChange: function(t) {
       this.show = !t.detail.appsByNewStatus.MOUNTED;
+    },
+    pollForMountedApps: function() {
+      this.pollInterval = setInterval(() => {
+        this.appsMounted = A().length > 0, A().length > 0 && (this.hideSpinner = !0, clearInterval(this.pollInterval));
+      }, _e);
     }
   }
-}, te = { class: "mx-1" };
-function oe(t, e, a, r, s, n) {
-  const f = i("v-card-title"), h = i("v-card-text"), g = i("v-card");
-  return s.show ? (D(), V(g, { key: 0 }, {
-    default: l(() => [
-      o(f, null, {
-        default: l(() => e[0] || (e[0] = [
-          _(" 404 Not Found ", -1)
-        ])),
-        _: 1,
-        __: [0]
-      }),
-      o(h, { class: "d-flex align-center mt-3" }, {
-        default: l(() => [
-          e[1] || (e[1] = _(" The requested URL ", -1)),
-          u("code", te, v(t.$route.fullPath), 1),
-          e[2] || (e[2] = _(" was not routable. ", -1)),
-          e[3] || (e[3] = u("span", { class: "text-h3 mx-1" }, " 🦄 ", -1))
-        ]),
-        _: 1,
-        __: [1, 2, 3]
-      })
-    ]),
-    _: 1
-  })) : F("", !0);
+}, 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
+        }),
+        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
+        })
+      ]),
+      _: 1
+    })) : O("", !0),
+    i.showSpinner ? (v(), D("div", Ce, [
+      s(d, { indeterminate: "" })
+    ])) : O("", !0)
+  ], 64);
 }
-const he = /* @__PURE__ */ R(ee, [["render", oe]]);
+const Le = /* @__PURE__ */ I(we, [["render", ye]]);
 export {
-  _e as AceEditorModes,
-  be as AceEditorUtils,
-  de as Config,
-  Ae as CriticalCmdDialog,
-  Ne as DataViewerComponent,
-  Ee as DataViewerHistoryComponent,
-  Te as DetailsDialog,
-  xe as EditScreenDialog,
-  Le as EnvironmentChooser,
-  Se as EnvironmentDialog,
-  Ve as FileOpenSaveDialog,
-  Be as Graph,
-  $e as GraphEditDialog,
-  Ge as GraphEditItemDialog,
-  me as LogMessages,
-  he as NotFound,
-  ue as OpenConfigDialog,
-  De as Openc3Screen,
-  ve as OutputDialog,
-  fe as SaveConfigDialog,
-  Re as ScreenCompleter,
-  Fe as ScriptChooser,
-  je as SimpleTextDialog,
-  Me as TargetPacketItemChooser,
-  He as TextBoxDialog,
-  ye as TopBar,
-  We 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