@openc3/vue-common 6.2.1 → 6.3.0

package/dist/components.js

@@ -1,68 +1,22 @@
-import { A as lt, O as nt } from "./OutputDialog-Ci5OT_fH.js";
-import { a as E, m as L, c as F, f as Y, W as j, p as q, l as J } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_6fa47877_lang-iq-jp8dD.js";
-import { D as ot, e as rt } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_6fa47877_lang-iq-jp8dD.js";
-import { resolveComponent as r, createBlock as T, openBlock as w, withKeys as z, withCtx as n, createVNode as i, createElementVNode as d, withModifiers as U, withDirectives as A, toDisplayString as N, vShow as R, createTextVNode as y, normalizeProps as S, guardReactiveProps as D, createElementBlock as P, Fragment as H, renderList as Q, createCommentVNode as V, normalizeStyle as Z, normalizeClass as $ } from "vue";
-import { _ as O } from "./CosmosRuxIcon.vue_vue_type_style_index_0_scoped_9af48e85_lang-CHgC5LLL.js";
-import { C as ct } from "./CriticalCmdDialog-DLEasFsx.js";
-import { D as mt } from "./DetailsDialog-BvbziA7Y.js";
-import { E as ft, S as pt } from "./ScriptChooser-l5i8c8KP.js";
-import { f as ee } from "./fileIcon-DqRHb1_Z.js";
-import { G as vt, a as _t, b as yt } from "./Graph-3rkhFP3G.js";
-import { UnknownToAstroStatus as W, AstroStatusColors as K } from "./icons.js";
-import { T as te } from "./timeFilters-CRYpYDdf.js";
-import { f as ie } from "./format-CVeawcIv.js";
-import { getMountedApps as se } from "single-spa";
-import { S as wt } from "./SimpleTextDialog-CheuP_ls.js";
-import { T as xt } from "./TextBoxDialog-fHkDTtzI.js";
-import { T as Ct } from "./TopBar-F1jHuFan.js";
-import { U as It } from "./UpgradeToEnterpriseDialog-DVcAH30Y.js";
-class le {
-  constructor() {
-    E.get("/openc3-api/autocomplete/data/screen").then((e) => {
-      this.autocompleteData = e.data;
-    }), this.api = new L();
-  }
-  async getCompletions(e, l, o, s, a) {
-    let h = l.getLine(o.row).slice(0, o.column).trimStart().split(/ (?![^<]*>)/), v = this.autocompleteData;
-    h.length > 1 && (v = v.find((x) => x.caption === h[0]));
-    let _ = {}, f = !0;
-    if (v && v.params) {
-      v.params.length == h.length - 1 && (f = !1);
-      let x = v.params[h.length - 2];
-      if (x["Target name"])
-        v = (await this.api.get_target_names()).reduce(
-          (k, p) => (k[p] = 1, k),
-          {}
-        );
-      else if (x["Packet name"]) {
-        let b = h[h.length - 2];
-        v = (await this.api.get_all_tlm(b)).reduce(
-          (p, g) => (p[g.packet_name] = g.description, p),
-          {}
-        );
-      } else if (x["Item name"]) {
-        let b = h[h.length - 3], k = h[h.length - 2];
-        v = (await this.api.get_tlm(b, k)).items.reduce(
-          (g, c) => (g[c.name] = c.description, g),
-          {}
-        );
-      } else
-        v = x;
-      _ = Object.keys(v || {}).map((b) => {
-        let k = {
-          value: b + (f ? " " : ""),
-          // We want the autoComplete to continue right up
-          // to the last parameter
-          command: f && "startAutocomplete"
-        };
-        return typeof v[b] == "string" && (k.meta = v[b]), k;
-      });
-    } else
-      _ = v;
-    a(null, _);
-  }
-}
-const Xe = {
+import { A as Ce, O as De } from "./OutputDialog-zVPZiZay.js";
+import { A as Ve, T as Le } from "./TopBar-CnJNNJlV.js";
+import { E as Se, a as Ee, F as Ue, O as Pe, S as Oe } from "./Openc3Screen-Cud0OCFu.js";
+import { h as k, l as K } from "./WidgetComponents-C1lSLZ0I.js";
+import { D as Ke, d as We } from "./WidgetComponents-C1lSLZ0I.js";
+import { resolveComponent as o, createBlock as w, openBlock as _, withKeys as P, withCtx as n, createVNode as s, createElementVNode as m, withModifiers as A, withDirectives as O, toDisplayString as b, vShow as B, createTextVNode as v, normalizeProps as V, guardReactiveProps as L, normalizeStyle as W, createCommentVNode as I, createElementBlock as R, createSlots as z, normalizeClass as M, Fragment as F } from "vue";
+import { _ as D } from "./CustomIcon-h5X7369N.js";
+import { C as Me } from "./CriticalCmdDialog-DPIZOBeP.js";
+import { D as Ge } from "./DetailsDialog-DmEC5BTs.js";
+import { E as je, S as qe } from "./ScriptChooser-EV65rbWx.js";
+import { G as Ze, a as Ye, b as Xe } from "./Graph-Bgo0cjl3.js";
+import { UnknownToAstroStatus as S, AstroStatusColors as E } from "./icons.js";
+import { T as G } from "./timeFilters-CRYpYDdf.js";
+import { f as H } from "./format-CVeawcIv.js";
+import { getMountedApps as j } from "single-spa";
+import { S as $e } from "./SimpleTextDialog-pwN8oRy1.js";
+import { T as tt } from "./TextBoxDialog-DOJ5d2RM.js";
+import { U as lt } from "./UpgradeToEnterpriseDialog-BvfgoNB1.js";
+const _e = {
   data: {
     configKey: "",
     // Applications can set to avoid persisting default config
@@ -76,12 +30,12 @@ const Xe = {
     saveDefaultConfig: function(t) {
       this.dontSaveDefaultConfig !== !0 && (localStorage[`${this.configKey}__default`] = JSON.stringify(t));
     },
-    openConfigBase: function(t, e = !1, l = null) {
-      new L().load_config(this.configKey, t).then((o) => {
-        o ? (this.$notify.normal({
+    openConfigBase: function(t, e = !1, i = null) {
+      new k().load_config(this.configKey, t).then((c) => {
+        c ? (this.$notify.normal({
           title: "Loading configuration",
           body: t
-        }), l && l(JSON.parse(o)), e || this.$route.fullPath.includes(t) || this.$router.push({
+        }), i && i(JSON.parse(c)), e || this.$route.fullPath.includes(t) || this.$router.push({
           query: {
             config: t
           }
@@ -89,23 +43,23 @@ const Xe = {
           title: "Unknown configuration",
           body: t
         });
-      }).catch((o) => {
-        o && this.$notify.serious({
+      }).catch((c) => {
+        c && this.$notify.serious({
           title: `Error opening configuration: ${t}`,
-          body: o
+          body: c
         });
       });
     },
     saveConfigBase: function(t, e) {
-      new L().save_config(this.configKey, t, JSON.stringify(e)).then(() => {
+      new k().save_config(this.configKey, t, JSON.stringify(e)).then(() => {
         this.$notify.normal({
           title: "Saved configuration",
           body: t
         });
-      }).catch((l) => {
-        l && this.$notify.serious({
+      }).catch((i) => {
+        i && this.$notify.serious({
           title: `Error saving configuration: ${t}`,
-          body: l
+          body: i
         });
       });
     },
@@ -115,7 +69,7 @@ const Xe = {
       delete t.config, this.$router.replace({ query: t });
     }
   }
-}, ne = {
+}, q = {
   props: {
     configKey: String,
     modelValue: Boolean
@@ -160,8 +114,8 @@ const Xe = {
   },
   mounted() {
     let t = -1;
-    new L().list_configs(this.configKey).then((e) => {
-      this.configs = e.map((l) => (t += 1, { configId: t, config: l }));
+    new k().list_configs(this.configKey).then((e) => {
+      this.configs = e.map((i) => (t += 1, { configId: t, config: i }));
     }).catch((e) => {
       this.$emit("warning", `Failed to connect to OpenC3. ${e}`);
     });
@@ -181,8 +135,8 @@ const Xe = {
         okText: "Delete",
         cancelText: "Cancel"
       }).then((e) => {
-        var l;
-        ((l = this.selectedItem) == null ? void 0 : l.config) === t.config && (this.selectedRows = []), this.configs.splice(this.configs.indexOf(t), 1), new L().delete_config(this.configKey, t.config);
+        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);
       }).catch((e) => {
         e !== !0 && this.$emit(
           "warning",
@@ -191,38 +145,38 @@ const Xe = {
       });
     }
   }
-}, ae = { class: "mt-4 pa-3" }, oe = ["textContent"];
-function re(t, e, l, o, s, a) {
-  const u = r("v-spacer"), m = r("v-toolbar"), h = r("v-text-field"), v = r("v-row"), _ = r("v-btn"), f = r("v-data-table"), x = r("v-card-text"), b = r("v-card-actions"), k = r("v-card"), p = r("v-dialog");
-  return w(), T(p, {
+}, J = { class: "mt-4 pa-3" }, Z = ["textContent"];
+function Y(t, e, i, c, l, a) {
+  const h = o("v-spacer"), f = o("v-toolbar"), p = o("v-text-field"), N = o("v-row"), g = o("v-btn"), T = o("v-data-table"), y = o("v-card-text"), d = o("v-card-actions"), x = o("v-card"), r = o("v-dialog");
+  return _(), w(r, {
     modelValue: a.show,
-    "onUpdate:modelValue": e[4] || (e[4] = (g) => a.show = g),
-    onKeydown: z(a.cancel, ["esc"]),
+    "onUpdate:modelValue": e[4] || (e[4] = (u) => a.show = u),
+    onKeydown: P(a.cancel, ["esc"]),
     width: "600"
   }, {
     default: n(() => [
-      i(k, null, {
+      s(x, null, {
         default: n(() => [
-          d("form", {
-            onSubmit: e[3] || (e[3] = U((...g) => a.success && a.success(...g), ["prevent"]))
+          m("form", {
+            onSubmit: e[3] || (e[3] = A((...u) => a.success && a.success(...u), ["prevent"]))
           }, [
-            i(m, { height: "24" }, {
+            s(f, { height: "24" }, {
               default: n(() => [
-                i(u),
-                e[5] || (e[5] = d("span", null, "Open Configuration", -1)),
-                i(u)
+                s(h),
+                e[5] || (e[5] = m("span", null, "Open Configuration", -1)),
+                s(h)
               ]),
               _: 1
             }),
-            i(x, null, {
+            s(y, null, {
               default: n(() => [
-                d("div", ae, [
-                  i(v, { dense: "" }, {
+                m("div", J, [
+                  s(N, { dense: "" }, {
                     default: n(() => [
-                      i(h, {
+                      s(p, {
                         label: "search",
-                        modelValue: s.search,
-                        "onUpdate:modelValue": e[0] || (e[0] = (g) => s.search = g),
+                        modelValue: l.search,
+                        "onUpdate:modelValue": e[0] || (e[0] = (u) => l.search = u),
                         type: "text",
                         "prepend-inner-icon": "mdi-magnify",
                         clearable: "",
@@ -237,37 +191,37 @@ function re(t, e, l, o, s, a) {
                     ]),
                     _: 1
                   }),
-                  i(f, {
-                    modelValue: s.selectedRows,
-                    "onUpdate:modelValue": e[1] || (e[1] = (g) => s.selectedRows = g),
+                  s(T, {
+                    modelValue: l.selectedRows,
+                    "onUpdate:modelValue": e[1] || (e[1] = (u) => l.selectedRows = u),
                     "show-select": "",
                     "select-strategy": "single",
                     "item-value": "configId",
-                    search: s.search,
-                    headers: s.headers,
-                    items: s.configs,
+                    search: l.search,
+                    headers: l.headers,
+                    items: l.configs,
                     "items-per-page": 5,
                     "items-per-page-options": [5],
-                    "onClick:row": e[2] || (e[2] = (g, c) => a.selectRow(c))
+                    "onClick:row": e[2] || (e[2] = (u, C) => a.selectRow(C))
                   }, {
-                    "item.actions": n(({ item: g }) => [
-                      i(_, {
+                    "item.actions": n(({ item: u }) => [
+                      s(g, {
                         class: "mt-1",
                         icon: "mdi-delete",
                         variant: "text",
                         "data-test": "item-delete",
-                        onClick: (c) => a.deleteConfig(g)
+                        onClick: (C) => a.deleteConfig(u)
                       }, null, 8, ["onClick"])
                     ]),
                     _: 1
                   }, 8, ["modelValue", "search", "headers", "items"]),
-                  i(v, { dense: "" }, {
+                  s(N, { dense: "" }, {
                     default: n(() => [
-                      A(d("span", {
+                      O(m("span", {
                         class: "ma-2 text-red",
-                        textContent: N(a.error)
-                      }, null, 8, oe), [
-                        [R, a.error]
+                        textContent: b(a.error)
+                      }, null, 8, Z), [
+                        [B, a.error]
                       ])
                     ]),
                     _: 1
@@ -276,28 +230,28 @@ function re(t, e, l, o, s, a) {
               ]),
               _: 1
             }),
-            i(b, { class: "px-2" }, {
+            s(d, { class: "px-2" }, {
               default: n(() => [
-                i(u),
-                i(_, {
+                s(h),
+                s(g, {
                   variant: "outlined",
                   onClick: a.cancel,
                   "data-test": "open-config-cancel-btn"
                 }, {
                   default: n(() => e[6] || (e[6] = [
-                    y(" Cancel ")
+                    v(" Cancel ")
                   ])),
                   _: 1
                 }, 8, ["onClick"]),
-                i(_, {
+                s(g, {
                   variant: "flat",
-                  onClick: U(a.success, ["prevent"]),
+                  onClick: A(a.success, ["prevent"]),
                   type: "submit",
                   "data-test": "open-config-submit-btn",
                   disabled: !!a.error
                 }, {
                   default: n(() => e[7] || (e[7] = [
-                    y(" Ok ")
+                    v(" Ok ")
                   ])),
                   _: 1
                 }, 8, ["onClick", "disabled"])
@@ -312,7 +266,7 @@ function re(t, e, l, o, s, a) {
     _: 1
   }, 8, ["modelValue", "onKeydown"]);
 }
-const Ye = /* @__PURE__ */ O(ne, [["render", re]]), de = {
+const ye = /* @__PURE__ */ D(q, [["render", Y]]), X = {
   props: {
     configKey: String,
     modelValue: Boolean
@@ -358,8 +312,8 @@ const Ye = /* @__PURE__ */ O(ne, [["render", re]]), de = {
   },
   mounted() {
     let t = -1;
-    new L().list_configs(this.configKey).then((e) => {
-      this.configs = e.map((l) => (t += 1, { configId: t, config: l }));
+    new k().list_configs(this.configKey).then((e) => {
+      this.configs = e.map((i) => (t += 1, { configId: t, config: i }));
     }).catch((e) => {
       this.$emit("warning", `Failed to connect to OpenC3. ${e}`);
     });
@@ -379,8 +333,8 @@ const Ye = /* @__PURE__ */ O(ne, [["render", re]]), de = {
         okText: "Delete",
         cancelText: "Cancel"
       }).then((e) => {
-        var l;
-        ((l = this.selectedItem) == null ? void 0 : l.config) === t.config && (this.selectedRows = [], this.configName = ""), this.configs.splice(this.configs.indexOf(t), 1), new L().delete_config(this.configKey, t.config);
+        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);
       }).catch((e) => {
         e !== !0 && this.$emit(
           "warning",
@@ -394,38 +348,38 @@ const Ye = /* @__PURE__ */ O(ne, [["render", re]]), de = {
       t && (this.configName = t.config);
     }
   }
-}, ce = { class: "mt-4 pa-3" }, ue = ["textContent"];
-function me(t, e, l, o, s, a) {
-  const u = r("v-spacer"), m = r("v-toolbar"), h = r("v-text-field"), v = r("v-row"), _ = r("v-btn"), f = r("v-data-table"), x = r("v-card-text"), b = r("v-card-actions"), k = r("v-card"), p = r("v-dialog");
-  return w(), T(p, {
+}, Q = { class: "mt-4 pa-3" }, $ = ["textContent"];
+function ee(t, e, i, c, l, a) {
+  const h = o("v-spacer"), f = o("v-toolbar"), p = o("v-text-field"), N = o("v-row"), g = o("v-btn"), T = o("v-data-table"), y = o("v-card-text"), d = o("v-card-actions"), x = o("v-card"), r = o("v-dialog");
+  return _(), w(r, {
     modelValue: a.show,
-    "onUpdate:modelValue": e[5] || (e[5] = (g) => a.show = g),
-    onKeydown: z(a.cancel, ["esc"]),
+    "onUpdate:modelValue": e[5] || (e[5] = (u) => a.show = u),
+    onKeydown: P(a.cancel, ["esc"]),
     width: "600"
   }, {
     default: n(() => [
-      i(k, null, {
+      s(x, null, {
         default: n(() => [
-          d("form", {
-            onSubmit: e[4] || (e[4] = U((...g) => a.success && a.success(...g), ["prevent"]))
+          m("form", {
+            onSubmit: e[4] || (e[4] = A((...u) => a.success && a.success(...u), ["prevent"]))
           }, [
-            i(m, { height: "24" }, {
+            s(f, { height: "24" }, {
               default: n(() => [
-                i(u),
-                e[6] || (e[6] = d("span", null, "Save Configuration", -1)),
-                i(u)
+                s(h),
+                e[6] || (e[6] = m("span", null, "Save Configuration", -1)),
+                s(h)
               ]),
               _: 1
             }),
-            i(x, null, {
+            s(y, null, {
               default: n(() => [
-                d("div", ce, [
-                  i(v, { dense: "" }, {
+                m("div", Q, [
+                  s(N, { dense: "" }, {
                     default: n(() => [
-                      i(h, {
+                      s(p, {
                         label: "search",
-                        modelValue: s.search,
-                        "onUpdate:modelValue": e[0] || (e[0] = (g) => s.search = g),
+                        modelValue: l.search,
+                        "onUpdate:modelValue": e[0] || (e[0] = (u) => l.search = u),
                         type: "text",
                         "prepend-inner-icon": "mdi-magnify",
                         clearable: "",
@@ -439,35 +393,35 @@ function me(t, e, l, o, s, a) {
                     ]),
                     _: 1
                   }),
-                  i(f, {
-                    modelValue: s.selectedRows,
-                    "onUpdate:modelValue": e[1] || (e[1] = (g) => s.selectedRows = g),
+                  s(T, {
+                    modelValue: l.selectedRows,
+                    "onUpdate:modelValue": e[1] || (e[1] = (u) => l.selectedRows = u),
                     "show-select": "",
                     "select-strategy": "single",
                     "item-value": "configId",
-                    search: s.search,
-                    headers: s.headers,
-                    items: s.configs,
+                    search: l.search,
+                    headers: l.headers,
+                    items: l.configs,
                     "items-per-page": 5,
                     "items-per-page-options": [5],
-                    "onClick:row": e[2] || (e[2] = (g, c) => a.selectRow(c))
+                    "onClick:row": e[2] || (e[2] = (u, C) => a.selectRow(C))
                   }, {
-                    "item.actions": n(({ item: g }) => [
-                      i(_, {
+                    "item.actions": n(({ item: u }) => [
+                      s(g, {
                         class: "mt-1",
                         icon: "mdi-delete",
                         variant: "text",
                         "data-test": "item-delete",
-                        onClick: (c) => a.deleteConfig(g)
+                        onClick: (C) => a.deleteConfig(u)
                       }, null, 8, ["onClick"])
                     ]),
                     _: 1
                   }, 8, ["modelValue", "search", "headers", "items"]),
-                  i(v, { dense: "" }, {
+                  s(N, { dense: "" }, {
                     default: n(() => [
-                      i(h, {
-                        modelValue: s.configName,
-                        "onUpdate:modelValue": e[3] || (e[3] = (g) => s.configName = g),
+                      s(p, {
+                        modelValue: l.configName,
+                        "onUpdate:modelValue": e[3] || (e[3] = (u) => l.configName = u),
                         "hide-details": "",
                         autofocus: "",
                         disabled: !!a.selectedItem,
@@ -477,13 +431,13 @@ function me(t, e, l, o, s, a) {
                     ]),
                     _: 1
                   }),
-                  i(v, { dense: "" }, {
+                  s(N, { dense: "" }, {
                     default: n(() => [
-                      A(d("span", {
+                      O(m("span", {
                         class: "ma-2 text-red",
-                        textContent: N(a.error)
-                      }, null, 8, ue), [
-                        [R, a.error]
+                        textContent: b(a.error)
+                      }, null, 8, $), [
+                        [B, a.error]
                       ])
                     ]),
                     _: 1
@@ -492,27 +446,27 @@ function me(t, e, l, o, s, a) {
               ]),
               _: 1
             }),
-            i(b, { class: "px-2" }, {
+            s(d, { class: "px-2" }, {
               default: n(() => [
-                i(u),
-                i(_, {
+                s(h),
+                s(g, {
                   variant: "outlined",
                   onClick: a.cancel
                 }, {
                   default: n(() => e[7] || (e[7] = [
-                    y(" Cancel ")
+                    v(" Cancel ")
                   ])),
                   _: 1
                 }, 8, ["onClick"]),
-                i(_, {
+                s(g, {
                   variant: "flat",
-                  onClick: U(a.success, ["prevent"]),
+                  onClick: A(a.success, ["prevent"]),
                   type: "submit",
                   "data-test": "save-config-submit-btn",
                   disabled: !!a.error
                 }, {
                   default: n(() => e[8] || (e[8] = [
-                    y(" Ok ")
+                    v(" Ok ")
                   ])),
                   _: 1
                 }, 8, ["onClick", "disabled"])
@@ -527,926 +481,7 @@ function me(t, e, l, o, s, a) {
     _: 1
   }, 8, ["modelValue", "onKeydown"]);
 }
-const je = /* @__PURE__ */ O(de, [["render", me]]), he = {
-  props: {
-    modelValue: Boolean,
-    target: {
-      type: String,
-      default: ""
-    },
-    screen: {
-      type: String,
-      default: ""
-    },
-    definition: {
-      type: String,
-      default: ""
-    },
-    keywords: {
-      type: Array,
-      default: () => []
-    },
-    errors: {
-      type: Array,
-      default: () => []
-    }
-  },
-  data() {
-    return {
-      file: null,
-      docsKeyword: "",
-      contextMenu: !1,
-      menuX: 0,
-      menuY: 0
-    };
-  },
-  computed: {
-    editErrors: function() {
-      if (this.definition === "" && !this.file)
-        return ["Input can not be blank."];
-      if (this.errors.length !== 0) {
-        let t = /* @__PURE__ */ new Set(), e = [];
-        const l = this.errors.toSorted(
-          (o, s) => o.lineNumber - s.lineNumber
-        );
-        for (const o of l) {
-          let s = `At ${o.lineNumber}: (${o.line}) ${o.message}.`;
-          o.usage && (s += ` Usage: ${o.usage}`), e.push(s), t.add(o.message);
-        }
-        return e;
-      }
-      return [];
-    },
-    show: {
-      get() {
-        return this.modelValue;
-      },
-      set(t) {
-        this.$emit("update:modelValue", t);
-      }
-    }
-  },
-  mounted: function() {
-    this.editor = F.edit(this.$refs.editor), this.editor.setTheme("ace/theme/twilight");
-    const t = this.buildScreenMode();
-    this.editor.session.setMode(new t()), this.editor.session.setTabSize(2), this.editor.session.setUseWrapMode(!0), this.editor.$blockScrolling = 1 / 0, this.editor.setOption("enableBasicAutocompletion", !0), this.editor.setOption("enableLiveAutocompletion", !0), this.editor.completers = [new le()], this.editor.setHighlightActiveLine(!1), this.editor.setValue(this.definition), this.editor.clearSelection(), this.editor.focus();
-  },
-  beforeUnmount() {
-    this.editor.destroy(), this.editor.container.remove();
-  },
-  methods: {
-    showContextMenu: function(t) {
-      this.menuX = t.pageX, this.menuY = t.pageY;
-      let e = this.editor.getCursorPosition(), l = this.editor.session.getTokenAt(e.row, e.column);
-      if (l) {
-        let o = l.value.trim();
-        o.includes(" ") ? this.docsKeyword = o.split(" ")[0] : this.docsKeyword = o, this.contextMenu = !0;
-      }
-    },
-    openDocumentation() {
-      window.open(
-        `${window.location.origin}/tools/staticdocs/docs/configuration/telemetry-screens#${this.docsKeyword.toLowerCase()}`,
-        "_blank"
-      );
-    },
-    buildScreenMode() {
-      let t = F.require("ace/lib/oop"), e = F.require(
-        "ace/mode/text_highlight_rules"
-      ).TextHighlightRules, l = this.keywords.join("|"), o = function() {
-        this.$rules = {
-          start: [
-            {
-              token: "comment",
-              regex: "#.*$"
-            },
-            {
-              token: "string",
-              regex: '".*?"'
-            },
-            {
-              token: "string",
-              regex: "'.*?'"
-            },
-            {
-              token: "constant.numeric",
-              regex: "\\b\\d+(?:\\.\\d+)?\\b"
-            },
-            {
-              token: "keyword",
-              regex: new RegExp(`^\\s*(${l})\\b`)
-            }
-          ]
-        }, this.normalizeRules();
-      };
-      t.inherits(o, e);
-      let s = function() {
-        this.HighlightRules = o;
-      }, a = F.require("ace/mode/text").Mode;
-      return t.inherits(s, a), (function() {
-        this.$id = "ace/mode/openc3";
-      }).call(s.prototype), s;
-    },
-    downloadScreen: function() {
-      const t = new Blob([this.editor.getValue()], {
-        type: "text/plain"
-      }), e = document.createElement("a");
-      e.href = URL.createObjectURL(t), e.setAttribute("download", `${this.screen.toLowerCase()}.txt`), e.click();
-    },
-    loadFile: function() {
-      const t = new FileReader();
-      t.readAsText(this.file);
-      const e = this;
-      t.onload = function() {
-        e.editor.setValue(t.result), e.file = null;
-      };
-    },
-    deleteScreen: function() {
-      this.$dialog.confirm("Are you sure you want to delete this screen?!", {
-        okText: "Delete",
-        cancelText: "Cancel"
-      }).then((t) => {
-        this.$emit("delete");
-      });
-    }
-  }
-}, fe = { class: "mx-2" }, pe = { class: "mx-2" }, ge = ["textContent"];
-function ve(t, e, l, o, s, a) {
-  const u = r("v-icon"), m = r("v-tooltip"), h = r("v-spacer"), v = r("v-toolbar"), _ = r("v-row"), f = r("v-btn"), x = r("v-file-input"), b = r("v-list-item-title"), k = r("v-list-item"), p = r("v-list"), g = r("v-menu"), c = r("v-card-text"), C = r("v-card"), M = r("v-dialog");
-  return w(), T(M, {
-    persistent: "",
-    modelValue: a.show,
-    "onUpdate:modelValue": e[5] || (e[5] = (I) => a.show = I),
-    width: "75vw"
-  }, {
-    default: n(() => [
-      i(C, null, {
-        default: n(() => [
-          i(v, { height: "24" }, {
-            default: n(() => [
-              d("div", fe, [
-                i(m, { location: "top" }, {
-                  activator: n(({ props: I }) => [
-                    d("div", S(D(I)), [
-                      i(u, {
-                        "data-test": "delete-screen-icon",
-                        onClick: a.deleteScreen
-                      }, {
-                        default: n(() => e[6] || (e[6] = [
-                          y(" mdi-delete ")
-                        ])),
-                        _: 1
-                      }, 8, ["onClick"])
-                    ], 16)
-                  ]),
-                  default: n(() => [
-                    e[7] || (e[7] = d("span", null, " Delete Screen ", -1))
-                  ]),
-                  _: 1
-                })
-              ]),
-              i(h),
-              d("span", null, " Edit Screen: " + N(l.target) + " " + N(l.screen), 1),
-              i(h),
-              d("div", pe, [
-                i(m, { location: "top" }, {
-                  activator: n(({ props: I }) => [
-                    d("div", S(D(I)), [
-                      i(u, {
-                        "data-test": "download-screen-icon",
-                        onClick: a.downloadScreen
-                      }, {
-                        default: n(() => e[8] || (e[8] = [
-                          y(" mdi-download ")
-                        ])),
-                        _: 1
-                      }, 8, ["onClick"])
-                    ], 16)
-                  ]),
-                  default: n(() => [
-                    e[9] || (e[9] = d("span", null, " Download Screen ", -1))
-                  ]),
-                  _: 1
-                })
-              ])
-            ]),
-            _: 1
-          }),
-          i(c, { style: { "max-height": "90vh" } }, {
-            default: n(() => [
-              i(_, { class: "mt-3" }, {
-                default: n(() => e[10] || (e[10] = [
-                  y(" Upload a screen file. ")
-                ])),
-                _: 1
-              }),
-              i(_, {
-                "no-gutters": "",
-                align: "center"
-              }, {
-                default: n(() => [
-                  i(f, {
-                    onClick: a.loadFile,
-                    disabled: !s.file,
-                    color: "primary",
-                    class: "mr-3",
-                    "data-test": "edit-screen-load"
-                  }, {
-                    default: n(() => e[11] || (e[11] = [
-                      y(" Load ")
-                    ])),
-                    _: 1
-                  }, 8, ["onClick", "disabled"]),
-                  i(x, {
-                    modelValue: s.file,
-                    "onUpdate:modelValue": e[0] || (e[0] = (I) => s.file = I),
-                    "truncate-length": "15",
-                    accept: ".txt",
-                    label: "Click to select .txt screen file."
-                  }, null, 8, ["modelValue"])
-                ]),
-                _: 1
-              }),
-              i(_, { class: "mb-2" }, {
-                default: n(() => e[12] || (e[12] = [
-                  y(" Edit the screen definition. ")
-                ])),
-                _: 1
-              }),
-              i(_, { class: "mb-2" }, {
-                default: n(() => [
-                  d("pre", {
-                    ref: "editor",
-                    class: "editor",
-                    onContextmenu: e[1] || (e[1] = U((...I) => a.showContextMenu && a.showContextMenu(...I), ["prevent"]))
-                  }, null, 544),
-                  i(g, {
-                    modelValue: s.contextMenu,
-                    "onUpdate:modelValue": e[2] || (e[2] = (I) => s.contextMenu = I),
-                    target: [s.menuX, s.menuY]
-                  }, {
-                    default: n(() => [
-                      i(p, null, {
-                        default: n(() => [
-                          i(k, { link: "" }, {
-                            default: n(() => [
-                              i(b, { onClick: a.openDocumentation }, {
-                                default: n(() => [
-                                  y(N(s.docsKeyword) + " documentation ", 1)
-                                ]),
-                                _: 1
-                              }, 8, ["onClick"])
-                            ]),
-                            _: 1
-                          })
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue", "target"])
-                ]),
-                _: 1
-              }),
-              i(_, { style: { "max-height": "120px", "overflow-y": "auto" } }, {
-                default: n(() => [
-                  (w(!0), P(H, null, Q(a.editErrors, (I, X) => (w(), P("div", { key: X }, [
-                    d("span", {
-                      class: "text-red",
-                      textContent: N(I)
-                    }, null, 8, ge)
-                  ]))), 128))
-                ]),
-                _: 1
-              }),
-              i(_, { class: "mt-5" }, {
-                default: n(() => [
-                  e[15] || (e[15] = d("span", null, "Ctrl-space brings up autocomplete. Right click keywords for documentation.", -1)),
-                  i(h),
-                  i(f, {
-                    onClick: e[3] || (e[3] = (I) => t.$emit("cancel")),
-                    class: "mx-2",
-                    variant: "outlined",
-                    "data-test": "edit-screen-cancel"
-                  }, {
-                    default: n(() => e[13] || (e[13] = [
-                      y(" Cancel ")
-                    ])),
-                    _: 1
-                  }),
-                  i(f, {
-                    onClick: e[4] || (e[4] = (I) => t.$emit("save", t.editor.getValue())),
-                    class: "mx-2",
-                    color: "primary",
-                    "data-test": "edit-screen-save"
-                  }, {
-                    default: n(() => e[14] || (e[14] = [
-                      y(" Save ")
-                    ])),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      })
-    ]),
-    _: 1
-  }, 8, ["modelValue"]);
-}
-const _e = /* @__PURE__ */ O(he, [["render", ve], ["__scopeId", "data-v-9c6e250e"]]), ye = {
-  props: {
-    modelValue: Boolean
-  },
-  data() {
-    return {
-      alert: "",
-      alertType: "success",
-      showAlert: !1,
-      search: "",
-      key: "",
-      keyValue: "",
-      environment: [],
-      headers: [
-        {
-          text: "Key",
-          value: "key"
-        },
-        {
-          text: "Value",
-          value: "value"
-        },
-        {
-          text: "Actions",
-          value: "actions",
-          align: "end",
-          sortable: !1
-        }
-      ]
-    };
-  },
-  computed: {
-    show: {
-      get() {
-        return this.modelValue;
-      },
-      set(t) {
-        this.$emit("update:modelValue", t);
-      }
-    }
-  },
-  mounted() {
-    this.update();
-  },
-  methods: {
-    alertHandler: function(t) {
-      this.alert = t.text, this.alertType = t.type, this.showAlert = !0;
-    },
-    update: function() {
-      E.get("/openc3-api/environment").then((t) => {
-        this.environment = t.data;
-      }).catch((t) => {
-      });
-    },
-    addEnvironment: function() {
-      E.post("/openc3-api/environment", {
-        data: {
-          key: this.key.toUpperCase(),
-          value: this.keyValue
-        }
-      }).then((t) => {
-        `${t.data.name}`, this.update();
-      }).catch((t) => {
-        const e = {
-          text: `Failed to add environment variable: ${t}`,
-          type: "error"
-        };
-        this.alertHandler(e);
-      }), this.key = "", this.keyValue = "";
-    },
-    deleteEnvironment: function(t) {
-      this.$dialog.confirm(`Are you sure you want to delete: ${t.key}=${t.value}`, {
-        okText: "Delete",
-        cancelText: "Cancel"
-      }).then((e) => E.delete(`/openc3-api/environment/${t.name}`)).then((e) => {
-        const l = {
-          text: `Removed environment variable: ${t.name}`,
-          type: "success"
-        };
-        this.alertHandler(l), this.update();
-      }).catch((e) => {
-        const l = {
-          text: `Failed to delete environment: ${e}`,
-          type: "error"
-        };
-        this.alertHandler(l);
-      });
-    }
-  }
-}, be = { class: "pa-3" };
-function we(t, e, l, o, s, a) {
-  const u = r("v-spacer"), m = r("v-toolbar"), h = r("v-text-field"), v = r("v-row"), _ = r("v-icon"), f = r("v-btn"), x = r("v-data-table"), b = r("v-col"), k = r("v-card-text"), p = r("v-card"), g = r("v-dialog");
-  return w(), T(g, {
-    modelValue: a.show,
-    "onUpdate:modelValue": e[4] || (e[4] = (c) => a.show = c),
-    width: "600"
-  }, {
-    default: n(() => [
-      i(p, null, {
-        default: n(() => [
-          d("form", {
-            onSubmit: e[3] || (e[3] = U((...c) => a.addEnvironment && a.addEnvironment(...c), ["prevent"]))
-          }, [
-            i(m, { height: "24" }, {
-              default: n(() => [
-                i(u),
-                e[5] || (e[5] = d("span", null, "Global Environment Variables", -1)),
-                i(u)
-              ]),
-              _: 1
-            }),
-            i(k, null, {
-              default: n(() => [
-                d("div", be, [
-                  i(v, {
-                    dense: "",
-                    class: "mb-2"
-                  }, {
-                    default: n(() => [
-                      i(h, {
-                        modelValue: s.search,
-                        "onUpdate:modelValue": e[0] || (e[0] = (c) => s.search = c),
-                        label: "search",
-                        type: "text",
-                        "data-test": "search",
-                        "prepend-inner-icon": "mdi-magnify",
-                        clearable: "",
-                        variant: "outlined",
-                        density: "compact",
-                        "clear-icon": "mdi-close-circle-outline",
-                        autofocus: "",
-                        "single-line": "",
-                        "hide-details": ""
-                      }, null, 8, ["modelValue"])
-                    ]),
-                    _: 1
-                  }),
-                  i(x, {
-                    "item-key": "name",
-                    "hide-default-header": "",
-                    "data-test": "env-table",
-                    search: s.search,
-                    headers: s.headers,
-                    items: s.environment,
-                    "items-per-page": 5,
-                    "items-per-page-options": [5]
-                  }, {
-                    "item.actions": n(({ item: c }) => [
-                      i(f, {
-                        onClick: (C) => a.deleteEnvironment(c),
-                        icon: "",
-                        class: "mt-1",
-                        "data-test": "item-delete"
-                      }, {
-                        default: n(() => [
-                          i(_, null, {
-                            default: n(() => e[6] || (e[6] = [
-                              y("mdi-delete")
-                            ])),
-                            _: 1
-                          })
-                        ]),
-                        _: 2
-                      }, 1032, ["onClick"])
-                    ]),
-                    _: 1
-                  }, 8, ["search", "headers", "items"]),
-                  i(v, { dense: "" }, {
-                    default: n(() => [
-                      i(b, null, {
-                        default: n(() => [
-                          i(h, {
-                            modelValue: s.key,
-                            "onUpdate:modelValue": e[1] || (e[1] = (c) => s.key = c),
-                            label: "Key",
-                            "data-test": "env-key"
-                          }, null, 8, ["modelValue"])
-                        ]),
-                        _: 1
-                      }),
-                      i(b, null, {
-                        default: n(() => [
-                          i(h, {
-                            modelValue: s.keyValue,
-                            "onUpdate:modelValue": e[2] || (e[2] = (c) => s.keyValue = c),
-                            label: "Value",
-                            "data-test": "env-value"
-                          }, null, 8, ["modelValue"])
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }),
-                  i(v, { dense: "" }, {
-                    default: n(() => [
-                      i(f, {
-                        onClick: U(a.addEnvironment, ["prevent"]),
-                        block: "",
-                        type: "submit",
-                        color: "primary",
-                        "data-test": "add-env",
-                        disabled: !s.key || !s.keyValue
-                      }, {
-                        default: n(() => e[7] || (e[7] = [
-                          y(" Add ")
-                        ])),
-                        _: 1
-                      }, 8, ["onClick", "disabled"])
-                    ]),
-                    _: 1
-                  })
-                ])
-              ]),
-              _: 1
-            })
-          ], 32)
-        ]),
-        _: 1
-      })
-    ]),
-    _: 1
-  }, 8, ["modelValue"]);
-}
-const qe = /* @__PURE__ */ O(ye, [["render", we]]), Ne = {
-  props: {
-    type: {
-      type: String,
-      required: !0,
-      validator: function(t) {
-        return ["open", "save"].indexOf(t) !== -1;
-      }
-    },
-    apiUrl: String,
-    // Base API URL for use with scripts or cmd-tlm
-    requireTargetParentDir: Boolean,
-    // Require that the save filename be nested in a directory with the name of a target
-    inputFilename: String,
-    // passed if this is a 'save' dialog
-    modelValue: Boolean
-  },
-  data() {
-    return {
-      tree: [],
-      items: [],
-      id: 1,
-      search: null,
-      selectedFile: null,
-      disableButtons: !1,
-      targets: [],
-      loading: !0
-    };
-  },
-  computed: {
-    show: {
-      get() {
-        return this.modelValue;
-      },
-      set(t) {
-        this.$emit("update:modelValue", t);
-      }
-    },
-    title: function() {
-      return this.type === "open" ? "File Open" : "File Save As...";
-    },
-    submit: function() {
-      return this.type === "open" ? "OPEN" : "SAVE";
-    },
-    helpText: function() {
-      return this.type === "open" ? "Click on folders to open them and then click a file to select it before clicking Open. Use the search box to filter the results." : "Click on the folder to save into. Then complete the filename path with the desired name. Use the search box to filter the results.";
-    },
-    error: function() {
-      if (this.selectedFile === "" || this.selectedFile === null)
-        return "No file selected must select a file";
-      if (!this.selectedFile.match(this.validFilenameRegex) || this.selectedFile.match(/\.\.|\/\/|\.\/|\/\./)) {
-        let t = `${this.selectedFile} is not a valid filename. Must `;
-        return this.requireTargetParentDir && (t += "be in a target directory and "), t += `only contain alphanumeric characters (including !-_.*) and a valid extension.
-
-For example: TGT1/procedures/test.py or TGT2/lib/inst.rb`, t;
-      }
-      return this.type === "save" && this.selectedFile.match(/\*$/) ? `${this.selectedFile} is not a valid filename. Must not end in '*'.` : null;
-    },
-    validFilenameRegex: function() {
-      const t = "0-9a-zA-Z";
-      let l = `[${`${t}\\/\\!\\-\\_\\.\\*\\'\\(\\)`}]+\\.[${t}]+`;
-      return this.requireTargetParentDir && (l = `\\/?${`(${this.targets.join("|")})`}\\/${l}`), new RegExp(l);
-    }
-  },
-  created() {
-    this.loadFiles(), this.requireTargetParentDir && E.get("/openc3-api/targets").then((t) => {
-      this.targets = t.data, this.targets.push("__TEMP__");
-    });
-  },
-  methods: {
-    calcIcon: function(t) {
-      return ee(t);
-    },
-    loadFiles: function() {
-      E.get(this.apiUrl).then((t) => {
-        this.items = [], this.id = 1;
-        for (let e of t.data)
-          this.filepath = e, this.insertFile(this.items, 1, e), this.id++;
-        this.inputFilename && (this.selectedFile = this.inputFilename), this.loading = !1;
-      }).catch((t) => {
-        this.$emit("error", `Failed to connect to OpenC3. ${t}`);
-      });
-    },
-    clear: function() {
-      this.show = !1, this.overwrite = !1, this.disableButtons = !1;
-    },
-    activeFile: function(t) {
-      t.length === 0 ? this.selectedFile = null : (this.selectedFile = this.findItem(this.items, t[0]), setTimeout(() => {
-        this.$refs.submitBtn.$el.focus();
-      }, 100));
-    },
-    findItem: function(t, e) {
-      for (let l of t) {
-        if (l.id === e)
-          return l.path;
-        if (l.children) {
-          const o = this.findItem(l.children, e);
-          if (o)
-            return o;
-        }
-      }
-      return null;
-    },
-    exists: function(t, e) {
-      let l = !1;
-      for (let o of t) {
-        if (o.path === e || o.path.length > 1 && o.path[o.path.length - 1] === "*" && o.path.slice(0, o.path.length - 1) === e)
-          return !0;
-        o.children && (l = l || this.exists(o.children, e));
-      }
-      return l;
-    },
-    success: function() {
-      this.selectedFile !== null && this.error === null && (this.type === "open" ? this.openSuccess() : this.saveSuccess());
-    },
-    deleteTemp: function() {
-      this.$dialog.confirm("Are you sure you want to delete all the temporary files?", {
-        okText: "Delete",
-        cancelText: "Cancel"
-      }).then((t) => E.delete("/script-api/scripts/temp_files")).then((t) => {
-        this.$emit("clear-temp"), this.loadFiles();
-      }).catch((t) => {
-        this.$notify.serious({
-          title: "Error",
-          body: `Failed to remove script temporary files due to ${t}`
-        });
-      });
-    },
-    openSuccess: function() {
-      this.disableButtons = !0, E.get(`${this.apiUrl}/${this.selectedFile}`).then((t) => {
-        const e = {
-          name: this.selectedFile,
-          contents: t.data.contents
-        };
-        t.data.suites && (e.suites = JSON.parse(t.data.suites)), t.data.error && (e.error = t.data.error), t.data.success && (e.success = t.data.success);
-        const l = t.data.locked, o = t.data.breakpoints;
-        this.$emit("file", { file: e, locked: l, breakpoints: o }), this.clear();
-      }).catch((t) => {
-        this.$emit("error", `Failed to open ${this.selectedFile}. ${t}`), this.clear();
-      });
-    },
-    saveSuccess: function() {
-      this.exists(this.items, this.selectedFile) ? this.$dialog.confirm(`Are you sure you want to overwrite: ${this.selectedFile}`, {
-        okText: "Overwrite",
-        cancelText: "Cancel"
-      }).then((e) => {
-        this.$emit("filename", this.selectedFile), this.clear();
-      }).catch((e) => {
-      }) : (this.$emit("filename", this.selectedFile), this.clear());
-    },
-    insertFile: function(t, e, l) {
-      let o = l.split("/");
-      if (o.length === 1) {
-        t.push({
-          id: this.id,
-          title: o[0],
-          file: "ruby",
-          path: this.filepath
-        }), this.id++;
-        return;
-      }
-      const s = t.findIndex((a) => a.title === o[0]);
-      s === -1 ? (t.push({
-        id: this.id,
-        title: o[0],
-        children: [],
-        path: this.filepath.split("/").slice(0, e).join("/")
-      }), this.id++, this.insertFile(
-        t[t.length - 1].children,
-        // Start from the node we just added
-        e + 1,
-        o.slice(1).join("/")
-        // Strip the first part of the path
-      )) : this.insertFile(
-        t[s].children,
-        e + 1,
-        o.slice(1).join("/")
-      );
-    }
-  }
-}, xe = { class: "pa-3" };
-function ke(t, e, l, o, s, a) {
-  const u = r("v-progress-circular"), m = r("v-overlay"), h = r("v-spacer"), v = r("v-toolbar"), _ = r("v-row"), f = r("v-text-field"), x = r("v-icon"), b = r("v-btn"), k = r("v-treeview"), p = r("v-card-text"), g = r("v-card"), c = r("v-dialog");
-  return w(), T(c, {
-    modelValue: a.show,
-    "onUpdate:modelValue": e[5] || (e[5] = (C) => a.show = C),
-    width: "600",
-    scrollable: "",
-    onKeydown: e[6] || (e[6] = z((C) => a.success(), ["enter"]))
-  }, {
-    default: n(() => [
-      i(g, null, {
-        default: n(() => [
-          i(m, { "model-value": s.loading }, {
-            default: n(() => [
-              i(u, {
-                indeterminate: "",
-                absolute: "",
-                size: "64"
-              })
-            ]),
-            _: 1
-          }, 8, ["model-value"]),
-          d("form", {
-            onSubmit: e[4] || (e[4] = U((...C) => a.success && a.success(...C), ["prevent"]))
-          }, [
-            i(v, { height: "24" }, {
-              default: n(() => [
-                i(h),
-                d("span", null, N(a.title), 1),
-                i(h)
-              ]),
-              _: 1
-            }),
-            i(p, null, {
-              default: n(() => [
-                d("div", xe, [
-                  i(_, null, {
-                    default: n(() => [
-                      y(N(a.helpText), 1)
-                    ]),
-                    _: 1
-                  }),
-                  i(_, {
-                    dense: "",
-                    class: "mt-5"
-                  }, {
-                    default: n(() => [
-                      i(f, {
-                        modelValue: s.search,
-                        "onUpdate:modelValue": e[0] || (e[0] = (C) => s.search = C),
-                        flat: "",
-                        autofocus: "",
-                        "hide-details": "",
-                        clearable: "",
-                        label: "Search",
-                        "prepend-inner-icon": "mdi-magnify",
-                        density: "compact",
-                        "data-test": "file-open-save-search"
-                      }, null, 8, ["modelValue"])
-                    ]),
-                    _: 1
-                  }),
-                  i(_, {
-                    dense: "",
-                    class: "mt-2"
-                  }, {
-                    default: n(() => [
-                      i(k, {
-                        modelValue: s.tree,
-                        "onUpdate:modelValue": e[1] || (e[1] = (C) => s.tree = C),
-                        "onUpdate:activated": a.activeFile,
-                        density: "compact",
-                        activatable: "",
-                        ref: "tree",
-                        style: { width: "100%", "max-height": "60vh", overflow: "auto" },
-                        "item-value": "id",
-                        items: s.items,
-                        search: s.search,
-                        "open-on-click": l.type === "open",
-                        "open-all": !!s.search
-                      }, {
-                        prepend: n(({ item: C, open: M }) => [
-                          C.file ? (w(), T(x, { key: 1 }, {
-                            default: n(() => [
-                              y(N(a.calcIcon(C.title)), 1)
-                            ]),
-                            _: 2
-                          }, 1024)) : (w(), T(x, { key: 0 }, {
-                            default: n(() => [
-                              y(N(M ? "mdi-folder-open" : "mdi-folder"), 1)
-                            ]),
-                            _: 2
-                          }, 1024))
-                        ]),
-                        append: n(({ item: C }) => [
-                          C.title === "__TEMP__" ? (w(), T(b, {
-                            key: 0,
-                            icon: "",
-                            onClick: a.deleteTemp
-                          }, {
-                            default: n(() => [
-                              i(x, null, {
-                                default: n(() => e[7] || (e[7] = [
-                                  y(" mdi-delete ")
-                                ])),
-                                _: 1
-                              })
-                            ]),
-                            _: 1
-                          }, 8, ["onClick"])) : V("", !0)
-                        ]),
-                        _: 1
-                      }, 8, ["modelValue", "onUpdate:activated", "items", "search", "open-on-click", "open-all"])
-                    ]),
-                    _: 1
-                  }),
-                  i(_, { class: "my-2" }, {
-                    default: n(() => [
-                      i(f, {
-                        modelValue: s.selectedFile,
-                        "onUpdate:modelValue": e[2] || (e[2] = (C) => s.selectedFile = C),
-                        "hide-details": "",
-                        label: "Filename",
-                        "data-test": "file-open-save-filename",
-                        disabled: l.type === "open"
-                      }, null, 8, ["modelValue", "disabled"])
-                    ]),
-                    _: 1
-                  }),
-                  i(_, { dense: "" }, {
-                    default: n(() => [
-                      A(d("div", {
-                        class: "my-2 text-red",
-                        style: { "white-space": "pre-line" }
-                      }, N(a.error), 513), [
-                        [R, a.error]
-                      ])
-                    ]),
-                    _: 1
-                  }),
-                  i(_, { class: "mt-2" }, {
-                    default: n(() => [
-                      i(h),
-                      i(b, {
-                        onClick: e[3] || (e[3] = (C) => a.show = !1),
-                        variant: "outlined",
-                        class: "mx-2",
-                        "data-test": "file-open-save-cancel-btn",
-                        disabled: s.disableButtons
-                      }, {
-                        default: n(() => e[8] || (e[8] = [
-                          y(" Cancel ")
-                        ])),
-                        _: 1
-                      }, 8, ["disabled"]),
-                      i(b, {
-                        onClick: U(a.success, ["prevent"]),
-                        ref: "submitBtn",
-                        type: "submit",
-                        color: "primary",
-                        class: "mx-2",
-                        "data-test": "file-open-save-submit-btn",
-                        disabled: s.disableButtons || !!a.error
-                      }, {
-                        default: n(() => [
-                          y(N(a.submit), 1)
-                        ]),
-                        _: 1
-                      }, 8, ["onClick", "disabled"])
-                    ]),
-                    _: 1
-                  })
-                ])
-              ]),
-              _: 1
-            })
-          ], 32)
-        ]),
-        _: 1
-      })
-    ]),
-    _: 1
-  }, 8, ["modelValue"]);
-}
-const Je = /* @__PURE__ */ O(Ne, [["render", ke]]), Ce = {
+const be = /* @__PURE__ */ D(X, [["render", ee]]), te = {
   props: {
     historyCount: {
       type: Number,
@@ -1457,10 +492,10 @@ const Je = /* @__PURE__ */ O(Ne, [["render", ke]]), Ce = {
       default: "local"
     }
   },
-  mixins: [te],
+  mixins: [G],
   data() {
     return {
-      AstroStatusColors: K,
+      AstroStatusColors: E,
       data: [],
       shownData: [],
       logLevels: ["DEBUG", "INFO", "WARN", "ERROR", "FATAL"],
@@ -1472,7 +507,7 @@ const Je = /* @__PURE__ */ O(Ne, [["render", ke]]), Ce = {
         { title: "Source", value: "microservice_name" },
         { title: "Message", value: "message" }
       ],
-      cable: new Y(),
+      cable: new K(),
       subscription: null,
       paused: !1
     };
@@ -1533,12 +568,12 @@ const Je = /* @__PURE__ */ O(Ne, [["render", ke]]), Ce = {
                 e["@timestamp"],
                 this.timeZone
               ), e.message.raw && e.message.json_class === "String") {
-                let l = "0x";
-                for (let o = 0; o < e.message.raw.length; o++) {
-                  let s = e.message.raw[o].toString(16).toUpperCase();
-                  s.length < 2 && (s = "0" + s), l += s;
+                let i = "0x";
+                for (let c = 0; c < e.message.raw.length; c++) {
+                  let l = e.message.raw[c].toString(16).toUpperCase();
+                  l.length < 2 && (l = "0" + l), i += l;
                 }
-                e.message = l;
+                e.message = i;
               } else
                 e.message = e.message.replaceAll("\\n", `
 `);
@@ -1555,25 +590,25 @@ const Je = /* @__PURE__ */ O(Ne, [["render", ke]]), Ce = {
       });
     },
     getColor(t) {
-      return K[W[t]];
+      return E[S[t]];
     },
     getStatus(t) {
-      return W[t];
+      return S[t];
     },
     downloadLog() {
       const t = this.shownData.map(
-        (o) => (
+        (c) => (
           // Other fields are available like container_name, msg_id ... probably not useful
-          `${o.timestamp} | ${o.level} | ${o.microservice_name} | ${o.message}`
+          `${c.timestamp} | ${c.level} | ${c.microservice_name} | ${c.message}`
         )
       ).join(`
 `), e = new Blob([t], {
         type: "text/plain"
-      }), l = document.createElement("a");
-      l.href = URL.createObjectURL(e), l.setAttribute(
+      }), i = document.createElement("a");
+      i.href = URL.createObjectURL(e), i.setAttribute(
         "download",
-        ie(Date.now(), "yyyy_MM_dd_HH_mm_ss") + "_message_log.txt"
-      ), l.click();
+        H(Date.now(), "yyyy_MM_dd_HH_mm_ss") + "_message_log.txt"
+      ), i.click();
     },
     clearLog: function() {
       this.$dialog.confirm("Are you sure you want to clear the log?", {
@@ -1585,18 +620,18 @@ const Je = /* @__PURE__ */ O(Ne, [["render", ke]]), Ce = {
       });
     }
   }
-}, Te = { class: "d-flex align-baseline" }, Ie = ["title", "datetime"], Ve = { style: { "white-space": "pre-wrap" } };
-function Se(t, e, l, o, s, a) {
-  const u = r("v-btn"), m = r("v-tooltip"), h = r("v-spacer"), v = r("v-select"), _ = r("v-text-field"), f = r("v-card-title"), x = r("rux-status"), b = r("v-data-table"), k = r("v-card");
-  return w(), T(k, null, {
+}, se = { class: "d-flex align-baseline" }, le = ["title", "datetime"], ae = { style: { "white-space": "pre-wrap" } };
+function ie(t, e, i, c, l, a) {
+  const h = o("v-btn"), f = o("v-tooltip"), p = o("v-spacer"), N = o("v-select"), g = o("v-text-field"), T = o("v-card-title"), y = o("rux-status"), d = o("v-data-table"), x = o("v-card");
+  return _(), w(x, null, {
     default: n(() => [
-      i(f, { class: "d-flex align-center justify-content-space-between" }, {
+      s(T, { class: "d-flex align-center justify-content-space-between" }, {
         default: n(() => [
-          d("div", Te, [
-            i(m, { location: "top" }, {
-              activator: n(({ props: p }) => [
-                d("div", S(D(p)), [
-                  i(u, {
+          m("div", se, [
+            s(f, { location: "top" }, {
+              activator: n(({ props: r }) => [
+                m("div", V(L(r)), [
+                  s(h, {
                     icon: "mdi-download",
                     variant: "text",
                     size: "small",
@@ -1607,15 +642,15 @@ function Se(t, e, l, o, s, a) {
                 ], 16)
               ]),
               default: n(() => [
-                e[2] || (e[2] = d("span", null, " Download Log ", -1))
+                e[2] || (e[2] = m("span", null, " Download Log ", -1))
               ]),
               _: 1
             }),
-            e[3] || (e[3] = d("span", null, " Log Messages ", -1)),
-            i(m, { location: "top" }, {
-              activator: n(({ props: p }) => [
-                d("div", S(D(p)), [
-                  i(u, {
+            e[3] || (e[3] = m("span", null, " Log Messages ", -1)),
+            s(f, { location: "top" }, {
+              activator: n(({ props: r }) => [
+                m("div", V(L(r)), [
+                  s(h, {
                     icon: a.buttonIcon,
                     variant: "text",
                     "data-test": "pause",
@@ -1624,28 +659,28 @@ function Se(t, e, l, o, s, a) {
                 ], 16)
               ]),
               default: n(() => [
-                d("span", null, N(a.buttonLabel), 1)
+                m("span", null, b(a.buttonLabel), 1)
               ]),
               _: 1
             })
           ]),
-          i(h),
-          i(v, {
+          s(p),
+          s(N, {
             label: "Filter by log level",
             "hide-details": "",
             variant: "outlined",
             density: "compact",
-            items: s.logLevels,
-            modelValue: s.logLevel,
-            "onUpdate:modelValue": e[0] || (e[0] = (p) => s.logLevel = p),
+            items: l.logLevels,
+            modelValue: l.logLevel,
+            "onUpdate:modelValue": e[0] || (e[0] = (r) => l.logLevel = r),
             class: "mr-2",
             style: { "max-width": "150px" },
             "data-test": "log-messages-level"
           }, null, 8, ["items", "modelValue"]),
-          i(h),
-          i(_, {
-            modelValue: s.search,
-            "onUpdate:modelValue": e[1] || (e[1] = (p) => s.search = p),
+          s(p),
+          s(g, {
+            modelValue: l.search,
+            "onUpdate:modelValue": e[1] || (e[1] = (r) => l.search = r),
             label: "Search",
             "prepend-inner-icon": "mdi-magnify",
             clearable: "",
@@ -1657,10 +692,10 @@ function Se(t, e, l, o, s, a) {
             class: "search",
             "data-test": "search-log-messages"
           }, null, 8, ["modelValue"]),
-          i(m, { location: "top" }, {
-            activator: n(({ props: p }) => [
-              d("div", S(D(p)), [
-                i(u, {
+          s(f, { location: "top" }, {
+            activator: n(({ props: r }) => [
+              m("div", V(L(r)), [
+                s(h, {
                   icon: "mdi-delete",
                   variant: "text",
                   class: "ml-2",
@@ -1670,17 +705,17 @@ function Se(t, e, l, o, s, a) {
               ], 16)
             ]),
             default: n(() => [
-              e[4] || (e[4] = d("span", null, " Clear Log ", -1))
+              e[4] || (e[4] = m("span", null, " Clear Log ", -1))
             ]),
             _: 1
           })
         ]),
         _: 1
       }),
-      i(b, {
-        headers: s.headers,
-        items: s.shownData,
-        search: s.search,
+      s(d, {
+        headers: l.headers,
+        items: l.shownData,
+        search: l.search,
         "items-per-page": -1,
         "hide-default-footer": "",
         "multi-sort": "",
@@ -1689,25 +724,25 @@ function Se(t, e, l, o, s, a) {
         hover: "",
         "data-test": "log-messages"
       }, {
-        "item.timestamp": n(({ item: p }) => [
-          d("time", {
-            title: p.timestamp,
-            datetime: p.timestamp
-          }, N(p.timestamp), 9, Ie)
+        "item.timestamp": n(({ item: r }) => [
+          m("time", {
+            title: r.timestamp,
+            datetime: r.timestamp
+          }, b(r.timestamp), 9, le)
         ]),
-        "item.level": n(({ item: p }) => [
-          d("span", {
-            style: Z("display: inline-flex; color:" + a.getColor(p.level))
+        "item.level": n(({ item: r }) => [
+          m("span", {
+            style: W("display: inline-flex; color:" + a.getColor(r.level))
           }, [
-            i(x, {
+            s(y, {
               class: "mr-1",
-              status: a.getStatus(p.level)
+              status: a.getStatus(r.level)
             }, null, 8, ["status"]),
-            y(" " + N(p.level), 1)
+            v(" " + b(r.level), 1)
           ], 4)
         ]),
-        "item.message": n(({ item: p }) => [
-          d("div", Ve, N(p.message), 1)
+        "item.message": n(({ item: r }) => [
+          m("div", ae, b(r.message), 1)
         ]),
         _: 1
       }, 8, ["headers", "items", "search"])
@@ -1715,23 +750,23 @@ function Se(t, e, l, o, s, a) {
     _: 1
   });
 }
-const Qe = /* @__PURE__ */ O(Ce, [["render", Se], ["__scopeId", "data-v-d5f1f607"]]), G = "single-spa:app-change", De = {
+const we = /* @__PURE__ */ D(te, [["render", ie], ["__scopeId", "data-v-d5f1f607"]]), U = "single-spa:app-change", ne = {
   data() {
     return {
       show: !1
     };
   },
   created() {
-    window.addEventListener(G, this.handleAppChange);
+    window.addEventListener(U, this.handleAppChange);
   },
   mounted() {
     setTimeout(() => {
-      this.show = se().length === 0;
+      this.show = j().length === 0;
     }, 150);
   },
   unmounted() {
     window.removeEventListener(
-      G,
+      U,
       this.handleAppChange
     );
   },
@@ -1740,692 +775,31 @@ const Qe = /* @__PURE__ */ O(Ce, [["render", Se], ["__scopeId", "data-v-d5f1f607
       this.show = !t.detail.appsByNewStatus.MOUNTED;
     }
   }
-}, Ee = { class: "mx-1" };
-function Ae(t, e, l, o, s, a) {
-  const u = r("v-card-title"), m = r("v-card-text"), h = r("v-card");
-  return s.show ? (w(), T(h, { key: 0 }, {
+}, oe = { class: "mx-1" };
+function ce(t, e, i, c, l, a) {
+  const h = o("v-card-title"), f = o("v-card-text"), p = o("v-card");
+  return l.show ? (_(), w(p, { key: 0 }, {
     default: n(() => [
-      i(u, null, {
+      s(h, null, {
         default: n(() => e[0] || (e[0] = [
-          y(" 404 Not Found ")
+          v(" 404 Not Found ")
         ])),
         _: 1
       }),
-      i(m, { class: "d-flex align-center mt-3" }, {
+      s(f, { class: "d-flex align-center mt-3" }, {
         default: n(() => [
-          e[1] || (e[1] = y(" The requested URL ")),
-          d("code", Ee, N(t.$route.fullPath), 1),
-          e[2] || (e[2] = y(" was not routable. ")),
-          e[3] || (e[3] = d("span", { class: "text-h3 mx-1" }, " 🦄 ", -1))
+          e[1] || (e[1] = v(" The requested URL ")),
+          m("code", oe, b(t.$route.fullPath), 1),
+          e[2] || (e[2] = v(" was not routable. ")),
+          e[3] || (e[3] = m("span", { class: "text-h3 mx-1" }, " 🦄 ", -1))
         ]),
         _: 1
       })
     ]),
     _: 1
-  })) : V("", !0);
+  })) : I("", !0);
 }
-const $e = /* @__PURE__ */ O(De, [["render", Ae]]), B = 20, Re = {
-  mixins: [j],
-  components: {
-    EditScreenDialog: _e
-  },
-  props: {
-    target: {
-      type: String,
-      default: ""
-    },
-    screen: {
-      type: String,
-      default: ""
-    },
-    definition: {
-      type: String,
-      default: ""
-    },
-    keywords: {
-      type: Array,
-      default: () => []
-    },
-    initialFloated: {
-      type: Boolean,
-      default: !1
-    },
-    initialTop: {
-      type: Number,
-      default: 0
-    },
-    initialLeft: {
-      type: Number,
-      default: 0
-    },
-    initialZ: {
-      type: Number,
-      default: 0
-    },
-    minZ: {
-      type: Number,
-      default: 0
-    },
-    fixFloated: {
-      type: Boolean,
-      default: !1
-    },
-    count: {
-      type: Number,
-      default: 0
-    },
-    showClose: {
-      type: Boolean,
-      default: !0
-    },
-    timeZone: {
-      type: String,
-      default: "local"
-    }
-  },
-  data() {
-    return {
-      api: null,
-      backup: "",
-      currentDefinition: this.definition,
-      editDialog: !1,
-      expand: !0,
-      configParser: null,
-      configError: !1,
-      currentLayout: null,
-      layoutStack: [],
-      namedWidgets: {},
-      dynamicWidgets: [],
-      width: null,
-      height: null,
-      staleTime: 30,
-      cacheTimeout: 0.1,
-      globalSettings: [],
-      substitute: !1,
-      original_target_name: null,
-      force_substitute: !1,
-      pollingPeriod: 1,
-      errors: [],
-      errorDialog: !1,
-      screenKey: null,
-      dragX: 0,
-      dragY: 0,
-      floated: this.initialFloated,
-      top: this.initialTop,
-      left: this.initialLeft,
-      zIndex: this.initialZ,
-      changeCounter: 0,
-      screenItems: [],
-      screenValues: {},
-      updateCounter: 0,
-      screenId: J.uniqueId("openc3-screen_")
-    };
-  },
-  watch: {
-    count: {
-      handler(t, e) {
-        this.currentDefinition = this.definition, this.rerender();
-      }
-    }
-  },
-  computed: {
-    error: function() {
-      if (this.errorDialog && this.errors.length > 0) {
-        let t = /* @__PURE__ */ new Set(), e = "";
-        for (const l of this.errors) {
-          if (t.has(l.message))
-            continue;
-          let o = `${l.time}: (${l.type}) ${l.message}
-`;
-          e += o, t.add(l.message);
-        }
-        return e;
-      }
-      return null;
-    },
-    computedStyle() {
-      var l;
-      let t = {};
-      const e = this.width || ((l = this.$refs.bar) == null ? void 0 : l.clientWidth);
-      return this.floated && (t.position = "absolute", t.top = this.top + "px", t.left = this.left + "px", t.width = e + "px"), t;
-    }
-  },
-  // Called when an error from any descendent component is captured
-  // We need this because an error can occur from any of the children
-  // in the widget stack and are typically thrown on create()
-  errorCaptured(t, e, l) {
-    return console.log({ err: t, vm: e, info: l }), this.errors.length < B && (console.log({ errors: this.errors }), t.usage ? this.errors.push({
-      type: "usage",
-      message: t.message,
-      usage: t.usage,
-      line: t.line,
-      lineNumber: t.lineNumber,
-      time: (/* @__PURE__ */ new Date()).getTime()
-    }) : this.errors.push({
-      type: "error",
-      message: t,
-      time: (/* @__PURE__ */ new Date()).getTime()
-    }), this.configError = !0), !1;
-  },
-  created() {
-    this.api = new L(), this.configParser = new q(), this.parseDefinition(), this.screenKey = Math.floor(Math.random() * 1e6);
-  },
-  mounted() {
-    this.updateRefreshInterval(), this.floated && (this.$refs.bar.onmousedown = this.dragMouseDown, this.$refs.bar.parentElement.parentElement.style = "z-index: " + this.zIndex);
-  },
-  unmounted() {
-    this.updater != null && (clearInterval(this.updater), this.updater = null);
-  },
-  methods: {
-    // These are API methods that ButtonWidget uses to open and close screens
-    open(t, e) {
-      this.$parent.showScreen(t, e);
-    },
-    close(t, e) {
-      this.$parent.closeScreenByName(t, e);
-    },
-    closeAll() {
-      this.$parent.closeAll();
-    },
-    clearErrors: function() {
-      this.errors = [], this.configError = !1;
-    },
-    updateRefreshInterval: function() {
-      let t = this.pollingPeriod * 1e3;
-      this.updater && clearInterval(this.updater), this.updater = setInterval(() => {
-        this.update();
-      }, t);
-    },
-    parseDefinition: function() {
-      if (this.clearErrors(), this.namedWidgets = {}, this.layoutStack = [], this.dynamicWidgets = [], this.layoutStack.push({
-        type: "VerticalWidget",
-        parameters: [],
-        widgets: []
-      }), this.currentLayout = this.layoutStack[this.layoutStack.length - 1], this.configParser.parse_string(
-        this.currentDefinition,
-        "",
-        !1,
-        !0,
-        (t, e, l, o) => {
-          if (t)
-            switch (t) {
-              case "SCREEN":
-                this.configParser.verify_num_parameters(
-                  3,
-                  4,
-                  `${t} <Width or AUTO> <Height or AUTO> <Polling Period>`
-                ), this.width = parseInt(e[0]), this.height = parseInt(e[1]), this.pollingPeriod = parseFloat(e[2]);
-                break;
-              case "END":
-                this.configParser.verify_num_parameters(0, 0, `${t}`), this.layoutStack.pop(), this.currentLayout = this.layoutStack[this.layoutStack.length - 1];
-                break;
-              case "STALE_TIME":
-                this.configParser.verify_num_parameters(
-                  1,
-                  1,
-                  `${t} <Time (s)>`
-                ), this.staleTime = parseInt(e[0]);
-                break;
-              case "SETTING":
-              case "SUBSETTING":
-                (this.currentLayout.widgets[this.currentLayout.widgets.length - 1] ?? this.currentLayout).settings.push(e);
-                break;
-              case "GLOBAL_SETTING":
-              case "GLOBAL_SUBSETTING":
-                this.globalSettings.push(e);
-                break;
-              default:
-                this.processWidget(t, e, l, o);
-                break;
-            }
-        }
-      ), typeof this.layoutStack[0] > "u") {
-        let t = [], e = [];
-        for (const l of this.dynamicWidgets)
-          t.push(l.name), e.push(l.lineNumber);
-        this.errors.length < B && (this.errors.push({
-          type: "usage",
-          message: `Unknown widget! Are these widgets: ${t.join(",")}?`,
-          lineNumber: e.join(","),
-          time: (/* @__PURE__ */ new Date()).getTime()
-        }), this.configError = !0), this.layoutStack[0] = {
-          type: "VerticalWidget",
-          parameters: [],
-          widgets: []
-        };
-      } else
-        this.applyGlobalSettings(this.layoutStack[0].widgets);
-    },
-    openEdit: function() {
-      this.backup = this.currentDefinition.repeat(1), this.editDialog = !0;
-    },
-    upScreen: function() {
-      this.zIndex += 1, this.$refs.bar.parentElement.parentElement.style = "z-index: " + this.zIndex, this.$emit("drag-screen", [
-        this.floated,
-        this.top,
-        this.left,
-        this.zIndex
-      ]);
-    },
-    downScreen: function() {
-      this.zIndex > this.minZ && (this.zIndex -= 1, this.$refs.bar.parentElement.parentElement.style = "z-index: " + this.zIndex, this.$emit("drag-screen", [
-        this.floated,
-        this.top,
-        this.left,
-        this.zIndex
-      ]));
-    },
-    floatScreen: function() {
-      if (this.floated)
-        this.$refs.bar.onmousedown = null, this.$refs.bar.parentElement.parentElement.style = "z-index: 0", this.floated = !1, this.$emit("unfloat-screen", [
-          this.floated,
-          this.top,
-          this.left,
-          this.zIndex
-        ]);
-      else {
-        let t = this.$refs.bar.parentElement.parentElement.parentElement.getBoundingClientRect(), e = this.$refs.bar.getBoundingClientRect();
-        this.top = e.top - t.top - 5, this.left = e.left - t.left - 5, this.$refs.bar.onmousedown = this.dragMouseDown, this.$refs.bar.parentElement.parentElement.style = "z-index: " + this.zIndex, this.floated = !0, this.$emit("float-screen", [
-          this.floated,
-          this.top,
-          this.left,
-          this.zIndex
-        ]);
-      }
-    },
-    dragMouseDown: function(t) {
-      t = t || window.event, t.preventDefault(), this.dragX = t.clientX, this.dragY = t.clientY, document.onmouseup = this.closeDragElement, document.onmousemove = this.elementDrag;
-    },
-    elementDrag: function(t) {
-      t = t || window.event, t.preventDefault();
-      let e = this.dragX - t.clientX, l = this.dragY - t.clientY;
-      this.dragX = t.clientX, this.dragY = t.clientY, this.top = this.$refs.bar.offsetTop - l, this.left = this.$refs.bar.offsetLeft - e, this.$emit("drag-screen", [
-        this.floated,
-        this.top,
-        this.left,
-        this.zIndex
-      ]);
-    },
-    closeDragElement: function() {
-      document.onmouseup = null, document.onmousemove = null;
-    },
-    rerender: function() {
-      this.parseDefinition(), this.updateRefreshInterval(), this.screenKey = Math.floor(Math.random() * 1e6), this.$nextTick(function() {
-        this.clearErrors(), this.$emit("edit-screen");
-      });
-    },
-    cancelEdit: function() {
-      this.file = null, this.editDialog = !1, this.currentDefinition = this.backup, this.rerender();
-    },
-    saveEdit: function(t) {
-      this.editDialog = !1, this.currentDefinition = t, this.rerender(), this.$nextTick(function() {
-        E.post(
-          "/openc3-api/screen/",
-          {
-            data: {
-              scope: window.openc3Scope,
-              target: this.target,
-              screen: this.screen,
-              text: this.currentDefinition
-            }
-          },
-          0
-        );
-      });
-    },
-    deleteScreen: function() {
-      this.editDialog = !1, E.delete(`/openc3-api/screen/${this.target}/${this.screen}`).then(
-        (t) => {
-          this.$emit("delete-screen");
-        }
-      );
-    },
-    minMaxTransition: function() {
-      this.expand = !this.expand, this.$emit("min-max-screen");
-    },
-    processWidget: function(t, e, l, o) {
-      let s = null;
-      t === "NAMED_WIDGET" && (this.configParser.verify_num_parameters(
-        2,
-        null,
-        `${t} <Widget Name> <Widget Type> <Widget Settings... (optional)>`
-      ), s = e[0].toUpperCase(), t = e[1].toUpperCase(), e = e.slice(2, e.length));
-      const a = t.charAt(0).toUpperCase() + t.slice(1).toLowerCase() + "Widget";
-      let u = [];
-      if (u.push(["__SCREEN_ID__", this.screenId]), s !== null && u.push(["NAMED_WIDGET", s]), t === "VERTICAL" || t === "VERTICALBOX" || t === "HORIZONTAL" || t === "HORIZONTALBOX" || t === "MATRIXBYCOLUMNS" || t === "TABBOOK" || t === "TABITEM" || t === "CANVAS" || t === "RADIOGROUP" || t === "SCROLLWINDOW") {
-        const m = {
-          type: a,
-          parameters: e,
-          settings: u,
-          screenValues: this.screenValues,
-          screenTimeZone: this.timeZone,
-          widgets: []
-        };
-        this.layoutStack.push(m), this.currentLayout.widgets.push(m), this.currentLayout = m;
-      } else if (this.$options.components[a])
-        this.currentLayout.widgets.push({
-          type: a,
-          target: this.target,
-          parameters: e,
-          settings: u,
-          screenValues: this.screenValues,
-          screenTimeZone: this.timeZone,
-          line: l,
-          lineNumber: o
-        });
-      else {
-        let m = {
-          type: "DynamicWidget",
-          target: this.target,
-          parameters: e,
-          settings: u,
-          screenValues: this.screenValues,
-          screenTimeZone: this.timeZone,
-          name: a,
-          line: l,
-          lineNumber: o
-        };
-        this.currentLayout.widgets.push(m), this.dynamicWidgets.push(m);
-      }
-    },
-    applyGlobalSettings: function(t) {
-      t.forEach((e) => {
-        this.globalSettings.forEach((l) => {
-          e.type.toLowerCase() === l[0].toLowerCase() + "widget" && e.settings.push(l.slice(1));
-        }), e.widgets && this.applyGlobalSettings(e.widgets);
-      });
-    },
-    update: function() {
-      this.screenItems.length !== 0 && this.configError === !1 && this.api.get_tlm_values(this.screenItems, this.staleTime, this.cacheTimeout).then((t) => {
-        this.clearErrors(), this.updateValues(t);
-      }).catch((t) => {
-        let e = JSON.stringify(t, null, 2);
-        e.includes("no response received") || (this.configError = !0), this.errors.find((l) => l.message === e) || this.errors.length < B && this.errors.push({
-          type: "error",
-          message: e,
-          time: (/* @__PURE__ */ new Date()).getTime()
-        });
-      });
-    },
-    updateValues: function(t) {
-      this.updateCounter += 1;
-      for (let e = 0; e < t.length; e++)
-        t[e].push(this.updateCounter), this.screenValues[this.screenItems[e]] = t[e];
-    },
-    addItem: function(t) {
-      this.screenItems.push(t), this.screenValues[t] = [null, null, 0];
-    },
-    deleteItem: function(t) {
-      let e = this.screenItems.indexOf(t);
-      this.screenItems.splice(e, 1);
-    }
-  }
-}, Le = {
-  class: "pa-1",
-  style: { position: "relative" },
-  ref: "screen"
-};
-function Ue(t, e, l, o, s, a) {
-  const u = r("v-icon"), m = r("v-tooltip"), h = r("v-spacer"), v = r("v-toolbar"), _ = r("v-overlay"), f = r("vertical-widget"), x = r("v-expand-transition"), b = r("v-card"), k = r("edit-screen-dialog"), p = r("v-textarea"), g = r("v-dialog");
-  return w(), P("div", {
-    style: Z(a.computedStyle),
-    ref: "bar"
-  }, [
-    i(b, {
-      "min-height": s.height,
-      "min-width": s.width,
-      style: { cursor: "default" }
-    }, {
-      default: n(() => [
-        i(v, { height: "24" }, {
-          default: n(() => [
-            A(d("div", null, [
-              i(m, { location: "top" }, {
-                activator: n(({ props: c }) => [
-                  d("div", S(D(c)), [
-                    i(u, {
-                      "data-test": "error-graph-icon",
-                      onClick: e[0] || (e[0] = (C) => s.errorDialog = !0)
-                    }, {
-                      default: n(() => e[7] || (e[7] = [
-                        y(" mdi-alert ")
-                      ])),
-                      _: 1
-                    })
-                  ], 16)
-                ]),
-                default: n(() => [
-                  e[8] || (e[8] = d("span", null, " Errors ", -1))
-                ]),
-                _: 1
-              })
-            ], 512), [
-              [R, s.errors.length !== 0]
-            ]),
-            i(m, { location: "top" }, {
-              activator: n(({ props: c }) => [
-                d("div", S(D(c)), [
-                  i(u, {
-                    "data-test": "edit-screen-icon",
-                    onClick: a.openEdit
-                  }, {
-                    default: n(() => e[9] || (e[9] = [
-                      y(" mdi-pencil ")
-                    ])),
-                    _: 1
-                  }, 8, ["onClick"])
-                ], 16)
-              ]),
-              default: n(() => [
-                e[10] || (e[10] = d("span", null, " Edit Screen ", -1))
-              ]),
-              _: 1
-            }),
-            l.fixFloated ? V("", !0) : (w(), T(m, {
-              key: 0,
-              location: "top"
-            }, {
-              activator: n(({ props: c }) => [
-                d("div", S(D(c)), [
-                  i(u, {
-                    "data-test": "float-screen-icon",
-                    onClick: a.floatScreen
-                  }, {
-                    default: n(() => [
-                      y(N(s.floated ? "mdi-balloon" : "mdi-view-grid-outline"), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["onClick"])
-                ], 16)
-              ]),
-              default: n(() => [
-                d("span", null, N(s.floated ? "Unfloat Screen" : "Float Screen"), 1)
-              ]),
-              _: 1
-            })),
-            s.floated ? (w(), T(m, {
-              key: 1,
-              location: "top"
-            }, {
-              activator: n(({ props: c }) => [
-                d("div", S(D(c)), [
-                  i(u, {
-                    "data-test": "up-screen-icon",
-                    onClick: a.upScreen
-                  }, {
-                    default: n(() => e[11] || (e[11] = [
-                      y(" mdi-arrow-up ")
-                    ])),
-                    _: 1
-                  }, 8, ["onClick"])
-                ], 16)
-              ]),
-              default: n(() => [
-                e[12] || (e[12] = d("span", null, " Move Screen Up ", -1))
-              ]),
-              _: 1
-            })) : V("", !0),
-            s.floated && s.zIndex > l.minZ ? (w(), T(m, {
-              key: 2,
-              location: "top"
-            }, {
-              activator: n(({ props: c }) => [
-                d("div", S(D(c)), [
-                  i(u, {
-                    "data-test": "down-screen-icon",
-                    onClick: a.downScreen
-                  }, {
-                    default: n(() => e[13] || (e[13] = [
-                      y(" mdi-arrow-down ")
-                    ])),
-                    _: 1
-                  }, 8, ["onClick"])
-                ], 16)
-              ]),
-              default: n(() => [
-                e[14] || (e[14] = d("span", null, " Move Screen Down ", -1))
-              ]),
-              _: 1
-            })) : V("", !0),
-            i(h),
-            d("span", null, N(l.target) + " " + N(l.screen), 1),
-            i(h),
-            i(m, { location: "top" }, {
-              activator: n(({ props: c }) => [
-                d("div", S(D(c)), [
-                  A(i(u, {
-                    "data-test": "minimize-screen-icon",
-                    onClick: a.minMaxTransition
-                  }, {
-                    default: n(() => e[15] || (e[15] = [
-                      y(" mdi-window-minimize ")
-                    ])),
-                    _: 1
-                  }, 8, ["onClick"]), [
-                    [R, s.expand]
-                  ]),
-                  A(i(u, {
-                    "data-test": "maximize-screen-icon",
-                    onClick: a.minMaxTransition
-                  }, {
-                    default: n(() => e[16] || (e[16] = [
-                      y(" mdi-window-maximize ")
-                    ])),
-                    _: 1
-                  }, 8, ["onClick"]), [
-                    [R, !s.expand]
-                  ])
-                ], 16)
-              ]),
-              default: n(() => [
-                A(d("span", null, " Minimize Screen ", 512), [
-                  [R, s.expand]
-                ]),
-                A(d("span", null, " Maximize Screen ", 512), [
-                  [R, !s.expand]
-                ])
-              ]),
-              _: 1
-            }),
-            l.showClose ? (w(), T(m, {
-              key: 3,
-              location: "top"
-            }, {
-              activator: n(({ props: c }) => [
-                d("div", S(D(c)), [
-                  i(u, {
-                    "data-test": "close-screen-icon",
-                    onClick: e[1] || (e[1] = (C) => t.$emit("close-screen"))
-                  }, {
-                    default: n(() => e[17] || (e[17] = [
-                      y(" mdi-close-box ")
-                    ])),
-                    _: 1
-                  })
-                ], 16)
-              ]),
-              default: n(() => [
-                e[18] || (e[18] = d("span", null, " Close Screen ", -1))
-              ]),
-              _: 1
-            })) : V("", !0)
-          ]),
-          _: 1
-        }),
-        s.editDialog ? V("", !0) : (w(), T(x, { key: 0 }, {
-          default: n(() => [
-            A(d("div", Le, [
-              i(_, {
-                style: { "pointer-events": "none" },
-                "model-value": s.errors.length !== 0,
-                opacity: "0.8",
-                absolute: "",
-                attach: ""
-              }, null, 8, ["model-value"]),
-              (w(), T(f, {
-                key: s.screenKey,
-                widgets: s.layoutStack[0].widgets,
-                "screen-values": s.screenValues,
-                "screen-time-zone": l.timeZone,
-                onAddItem: a.addItem,
-                onDeleteItem: a.deleteItem,
-                onOpen: a.open,
-                onClose: a.close,
-                onCloseAll: a.closeAll
-              }, null, 8, ["widgets", "screen-values", "screen-time-zone", "onAddItem", "onDeleteItem", "onOpen", "onClose", "onCloseAll"]))
-            ], 512), [
-              [R, s.expand]
-            ])
-          ]),
-          _: 1
-        }))
-      ]),
-      _: 1
-    }, 8, ["min-height", "min-width"]),
-    s.editDialog ? (w(), T(k, {
-      key: 0,
-      modelValue: s.editDialog,
-      "onUpdate:modelValue": e[2] || (e[2] = (c) => s.editDialog = c),
-      target: l.target,
-      screen: l.screen,
-      definition: s.currentDefinition,
-      keywords: l.keywords,
-      errors: s.errors,
-      onSave: e[3] || (e[3] = (c) => a.saveEdit(c)),
-      onCancel: e[4] || (e[4] = (c) => a.cancelEdit()),
-      onDelete: e[5] || (e[5] = (c) => a.deleteScreen())
-    }, null, 8, ["modelValue", "target", "screen", "definition", "keywords", "errors"])) : V("", !0),
-    i(g, {
-      modelValue: s.errorDialog,
-      "onUpdate:modelValue": e[6] || (e[6] = (c) => s.errorDialog = c),
-      width: "60vw"
-    }, {
-      default: n(() => [
-        i(v, { height: "24" }, {
-          default: n(() => [
-            i(h),
-            d("span", null, " Screen: " + N(l.target) + " " + N(l.screen) + " Errors ", 1),
-            i(h)
-          ]),
-          _: 1
-        }),
-        i(b, null, {
-          default: n(() => [
-            i(p, {
-              class: "errors",
-              readonly: "",
-              rows: "13",
-              "model-value": a.error
-            }, null, 8, ["model-value"])
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }, 8, ["modelValue"])
-  ], 4);
-}
-const et = /* @__PURE__ */ O(Re, [["render", Ue], ["__scopeId", "data-v-8975e347"]]), Oe = {
+const Te = /* @__PURE__ */ D(ne, [["render", ce]]), de = {
   props: {
     allowAll: {
       type: Boolean,
@@ -2463,6 +837,10 @@ const et = /* @__PURE__ */ O(Re, [["render", Ue], ["__scopeId", "data-v-8975e347
       type: Boolean,
       default: !1
     },
+    showLatest: {
+      type: Boolean,
+      default: !1
+    },
     mode: {
       type: String,
       default: "tlm",
@@ -2483,14 +861,14 @@ const et = /* @__PURE__ */ O(Re, [["render", Ue], ["__scopeId", "data-v-8975e347
     }
   },
   data() {
-    var t, e, l;
+    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: (l = this.initialItemName) == null ? void 0 : l.toUpperCase(),
+      selectedItemName: (i = this.initialItemName) == null ? void 0 : i.toUpperCase(),
       valueTypes: ["CONVERTED", "RAW"],
       selectedValueType: "CONVERTED",
       reductionModes: [
@@ -2524,7 +902,7 @@ const et = /* @__PURE__ */ O(Re, [["render", Ue], ["__scopeId", "data-v-8975e347
     };
   },
   created() {
-    this.internalDisabled = !0, this.api = new L(), this.api.get_target_names().then((t) => {
+    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);
     });
   },
@@ -2543,6 +921,9 @@ const et = /* @__PURE__ */ O(Re, [["render", Ue], ["__scopeId", "data-v-8975e347
     },
     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";
     }
   },
   watch: {
@@ -2575,39 +956,49 @@ const et = /* @__PURE__ */ O(Re, [["render", Ue], ["__scopeId", "data-v-8975e347
       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((o) => ({
-          label: o,
-          value: o
-        })), this.allowAll && this.packetNames.unshift(this.ALL), this.selectedPacketName || (this.selectedPacketName = this.packetNames[0].value), this.updatePacketDetails(this.selectedPacketName), this.packetNames.find((o) => o.value === this.selectedPacketName) && this.chooseItem && this.updateItems(), this.internalDisabled = !1;
+        this.packetNames = e.map((c) => ({
+          label: c,
+          value: c
+        })), this.allowAll && this.packetNames.unshift(this.ALL), this.selectedPacketName || (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")
-        return;
-      this.internalDisabled = !0;
-      const t = this.mode === "tlm" ? "get_tlm" : "get_cmd";
-      this.api[t](this.selectedTargetName, this.selectedPacketName).then(
-        (e) => {
-          this.itemNames = e.items.map((l) => {
-            let o = l.name;
-            return l.data_type == "DERIVED" && (o += " *"), [
-              {
-                label: o,
-                value: l.name,
-                description: l.description,
-                array: l.array_size / l.bit_size
-              }
-            ];
-          }).reduce((l, o) => l.concat(o), []), this.itemNames.sort((l, o) => l.label > o.label ? 1 : -1), this.allowAll && this.itemNames.unshift(this.ALL), this.selectedItemName || (this.selectedItemName = this.itemNames[0].value), this.description = this.itemNames[0].description, this.itemIsArray(), 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;
+      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.itemIsArray(), 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;
     },
     itemIsArray: function() {
       let t = this.itemNames.findIndex(
@@ -2617,7 +1008,7 @@ const et = /* @__PURE__ */ O(Re, [["render", Ue], ["__scopeId", "data-v-8975e347
     },
     arrayIndexes: function() {
       let t = this.itemNames.findIndex(
-        (l) => l.value === this.selectedItemName
+        (i) => i.value === this.selectedItemName
       ), e = [...Array(this.itemNames[t].array).keys()];
       return this.allowAll && e.unshift(this.ALL.label), e;
     },
@@ -2630,15 +1021,17 @@ const et = /* @__PURE__ */ O(Re, [["render", Ue], ["__scopeId", "data-v-8975e347
     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((l) => t === l.value);
+        const e = this.packetNames.find((i) => t === i.value);
         if (e) {
           this.selectedPacketName = e.value;
-          const l = this.mode === "tlm" ? "get_tlm" : "get_cmd";
-          this.api[l](this.selectedTargetName, this.selectedPacketName).then(
-            (o) => {
-              this.description = o.description, this.hazardous = o.hazardous;
+          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;
             }
           );
         }
@@ -2653,7 +1046,7 @@ const et = /* @__PURE__ */ O(Re, [["render", Ue], ["__scopeId", "data-v-8975e347
       });
     },
     itemNameChanged: function(t) {
-      const e = this.itemNames.find((l) => t === l.value);
+      const e = this.itemNames.find((i) => t === i.value);
       e && (this.itemIsArray(), this.selectedItemName = e.value, this.description = e.description, this.$emit("on-set", {
         targetName: this.selectedTargetName,
         packetName: this.selectedPacketName,
@@ -2694,12 +1087,12 @@ const et = /* @__PURE__ */ O(Re, [["render", Ue], ["__scopeId", "data-v-8975e347
         if (t === this.ALL) return;
         const e = this.mode === "tlm" ? "get_tlm" : "get_cmd";
         this.api[e](this.selectedTargetName, t.value).then(
-          (l) => {
-            l.items.forEach((o) => {
+          (i) => {
+            i.items.forEach((c) => {
               this.$emit("addItem", {
                 targetName: this.selectedTargetName,
                 packetName: t.value,
-                itemName: o.name,
+                itemName: c.name,
                 valueType: this.selectedValueType,
                 reduced: this.selectedReduced,
                 reducedType: this.selectedReducedType
@@ -2722,87 +1115,99 @@ const et = /* @__PURE__ */ O(Re, [["render", Ue], ["__scopeId", "data-v-8975e347
       });
     }
   }
-}, Pe = { class: "pt-4 pb-4" };
-function Fe(t, e, l, o, s, a) {
-  const u = r("v-autocomplete"), m = r("v-col"), h = r("v-combobox"), v = r("v-btn"), _ = r("v-row");
-  return w(), P("div", Pe, [
-    i(_, {
-      "no-gutters": !l.vertical
+}, re = { class: "pt-4 pb-4" };
+function ue(t, e, i, c, l, a) {
+  const h = o("v-autocomplete"), f = o("v-col"), p = o("v-list-item"), N = o("v-divider"), g = o("v-combobox"), T = o("v-btn"), y = o("v-row");
+  return _(), R("div", re, [
+    s(y, {
+      "no-gutters": !i.vertical
     }, {
       default: n(() => [
-        i(m, {
+        s(f, {
           cols: a.colSize,
           class: "tpic-select pr-4",
           "data-test": "select-target"
         }, {
           default: n(() => [
-            i(u, {
+            s(h, {
               label: "Select Target",
               "hide-details": "",
               density: "compact",
               variant: "outlined",
               "onUpdate:modelValue": [
                 a.targetNameChanged,
-                e[0] || (e[0] = (f) => s.selectedTargetName = f)
+                e[0] || (e[0] = (d) => l.selectedTargetName = d)
               ],
-              items: s.targetNames,
+              items: l.targetNames,
               "item-title": "label",
               "item-value": "value",
-              modelValue: s.selectedTargetName
+              modelValue: l.selectedTargetName
             }, null, 8, ["onUpdate:modelValue", "items", "modelValue"])
           ]),
           _: 1
         }, 8, ["cols"]),
-        i(m, {
+        s(f, {
           cols: a.colSize,
           class: "tpic-select pr-4",
           "data-test": "select-packet"
         }, {
           default: n(() => [
-            i(u, {
+            s(h, {
               label: "Select Packet",
               "hide-details": "",
               density: "compact",
               variant: "outlined",
               "onUpdate:modelValue": [
                 a.packetNameChanged,
-                e[1] || (e[1] = (f) => s.selectedPacketName = f)
+                e[2] || (e[2] = (d) => l.selectedPacketName = d)
               ],
-              disabled: s.packetsDisabled || a.autocompleteDisabled,
-              items: s.packetNames,
+              disabled: l.packetsDisabled || a.autocompleteDisabled,
+              items: l.packetNames,
               "item-title": "label",
               "item-value": "value",
-              modelValue: s.selectedPacketName
-            }, null, 8, ["onUpdate:modelValue", "disabled", "items", "modelValue"])
+              modelValue: l.selectedPacketName
+            }, z({ _: 2 }, [
+              a.includeLatestPacketInDropdown ? {
+                name: "prepend-item",
+                fn: n(() => [
+                  s(p, {
+                    title: "LATEST",
+                    onClick: e[1] || (e[1] = (d) => a.packetNameChanged("LATEST"))
+                  }),
+                  s(N)
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["onUpdate:modelValue", "disabled", "items", "modelValue"])
           ]),
           _: 1
         }, 8, ["cols"]),
-        l.chooseItem ? (w(), T(m, {
+        i.chooseItem ? (_(), w(f, {
           key: 0,
           cols: a.colSize,
           class: "tpic-select pr-4",
           "data-test": "select-item"
         }, {
           default: n(() => [
-            i(u, {
+            s(h, {
               label: "Select Item",
               "hide-details": "",
               density: "compact",
               variant: "outlined",
               "onUpdate:modelValue": [
-                e[2] || (e[2] = (f) => a.itemNameChanged(f)),
-                e[3] || (e[3] = (f) => s.selectedItemName = f)
+                e[3] || (e[3] = (d) => a.itemNameChanged(d)),
+                e[4] || (e[4] = (d) => l.selectedItemName = d)
               ],
-              disabled: s.itemsDisabled || a.autocompleteDisabled,
-              items: s.itemNames,
+              disabled: l.itemsDisabled || a.autocompleteDisabled,
+              items: l.itemNames,
               "item-title": "label",
               "item-value": "value",
-              modelValue: s.selectedItemName
+              modelValue: l.selectedItemName
             }, null, 8, ["disabled", "items", "modelValue"])
           ]),
           _: 1
-        }, 8, ["cols"])) : V("", !0),
-        l.chooseItem && a.itemIsArray() ? (w(), T(m, {
+        }, 8, ["cols"])) : I("", !0),
+        i.chooseItem && a.itemIsArray() ? (_(), w(f, {
           key: 1,
           cols: "1",
           class: "tpic-select pr-4",
@@ -2810,129 +1215,129 @@ function Fe(t, e, l, o, s, a) {
           style: { "min-width": "105px" }
         }, {
           default: n(() => [
-            i(h, {
+            s(g, {
               label: "Index",
               "hide-details": "",
               density: "compact",
               variant: "outlined",
               "onUpdate:modelValue": [
-                e[4] || (e[4] = (f) => a.indexChanged(f)),
-                e[5] || (e[5] = (f) => s.selectedArrayIndex = f)
+                e[5] || (e[5] = (d) => a.indexChanged(d)),
+                e[6] || (e[6] = (d) => l.selectedArrayIndex = d)
               ],
-              disabled: s.itemsDisabled || a.autocompleteDisabled,
+              disabled: l.itemsDisabled || a.autocompleteDisabled,
               items: a.arrayIndexes(),
               "item-title": "label",
               "item-value": "value",
-              modelValue: s.selectedArrayIndex
+              modelValue: l.selectedArrayIndex
             }, null, 8, ["disabled", "items", "modelValue"])
           ]),
           _: 1
-        })) : V("", !0),
-        l.buttonText ? (w(), T(m, {
+        })) : I("", !0),
+        i.buttonText ? (_(), w(f, {
           key: 2,
           cols: a.colSize,
           style: { "max-width": "140px" }
         }, {
           default: n(() => [
-            i(v, {
+            s(T, {
               disabled: a.buttonDisabled,
               color: "primary",
               "data-test": "select-send",
               onClick: a.buttonPressed
             }, {
               default: n(() => [
-                y(N(a.actualButtonText), 1)
+                v(b(a.actualButtonText), 1)
               ]),
               _: 1
             }, 8, ["disabled", "onClick"])
           ]),
           _: 1
-        }, 8, ["cols"])) : V("", !0)
+        }, 8, ["cols"])) : I("", !0)
       ]),
       _: 1
     }, 8, ["no-gutters"]),
-    l.selectTypes ? (w(), T(_, {
+    i.selectTypes ? (_(), w(y, {
       key: 0,
       "no-gutters": "",
       class: "pt-6"
     }, {
       default: n(() => [
-        i(m, {
+        s(f, {
           cols: a.colSize,
           class: "tpic-select pr-4",
           "data-test": "data-type"
         }, {
           default: n(() => [
-            i(u, {
+            s(h, {
               label: "Value Type",
               "hide-details": "",
               density: "compact",
               variant: "outlined",
-              items: s.valueTypes,
-              modelValue: s.selectedValueType,
-              "onUpdate:modelValue": e[6] || (e[6] = (f) => s.selectedValueType = f)
+              items: l.valueTypes,
+              modelValue: l.selectedValueType,
+              "onUpdate:modelValue": e[7] || (e[7] = (d) => l.selectedValueType = d)
             }, null, 8, ["items", "modelValue"])
           ]),
           _: 1
         }, 8, ["cols"]),
-        i(m, {
+        s(f, {
           cols: a.colSize,
           class: "tpic-select pr-4",
           "data-test": "reduced"
         }, {
           default: n(() => [
-            i(u, {
+            s(h, {
               label: "Reduced",
               "hide-details": "",
               density: "compact",
               variant: "outlined",
-              items: s.reductionModes,
-              modelValue: s.selectedReduced,
-              "onUpdate:modelValue": e[7] || (e[7] = (f) => s.selectedReduced = f)
+              items: l.reductionModes,
+              modelValue: l.selectedReduced,
+              "onUpdate:modelValue": e[8] || (e[8] = (d) => l.selectedReduced = d)
             }, null, 8, ["items", "modelValue"])
           ]),
           _: 1
         }, 8, ["cols"]),
-        i(m, {
+        s(f, {
           cols: a.colSize,
           class: "tpic-select pr-4",
           "data-test": "reduced-type"
         }, {
           default: n(() => [
-            i(u, {
+            s(h, {
               label: "Reduced Type",
               "hide-details": "",
               density: "compact",
               variant: "outlined",
-              disabled: s.selectedReduced === "DECOM",
-              items: s.reducedTypes,
-              modelValue: s.selectedReducedType,
-              "onUpdate:modelValue": e[8] || (e[8] = (f) => s.selectedReducedType = f)
+              disabled: l.selectedReduced === "DECOM",
+              items: l.reducedTypes,
+              modelValue: l.selectedReducedType,
+              "onUpdate:modelValue": e[9] || (e[9] = (d) => l.selectedReducedType = d)
             }, null, 8, ["disabled", "items", "modelValue"])
           ]),
           _: 1
         }, 8, ["cols"]),
-        i(m, {
+        s(f, {
           cols: a.colSize,
           style: { "max-width": "140px" }
         }, null, 8, ["cols"])
       ]),
       _: 1
-    })) : V("", !0),
-    i(_, {
+    })) : I("", !0),
+    s(y, {
       "no-gutters": "",
       class: "pa-3"
     }, {
       default: n(() => [
-        i(m, {
+        s(f, {
           cols: a.colSize,
-          class: $({ "openc3-yellow": s.hazardous })
+          class: M({ "openc3-yellow": l.hazardous })
         }, {
           default: n(() => [
-            y(" Description: " + N(s.description) + " ", 1),
-            s.hazardous ? (w(), P(H, { key: 0 }, [
-              y(" (HAZARDOUS) ")
-            ], 64)) : V("", !0)
+            v(" Description: " + b(l.description) + " ", 1),
+            l.hazardous ? (_(), R(F, { key: 0 }, [
+              v(" (HAZARDOUS) ")
+            ], 64)) : I("", !0)
           ]),
           _: 1
         }, 8, ["cols", "class"])
@@ -2941,33 +1346,34 @@ function Fe(t, e, l, o, s, a) {
     })
   ]);
 }
-const tt = /* @__PURE__ */ O(Oe, [["render", Fe], ["__scopeId", "data-v-9ec60fb0"]]);
+const ke = /* @__PURE__ */ D(de, [["render", ue], ["__scopeId", "data-v-17a5870b"]]);
 export {
-  lt as AceEditorModes,
-  Xe as Config,
-  ct as CriticalCmdDialog,
-  ot as DataViewerComponent,
-  rt as DataViewerHistoryComponent,
-  mt as DetailsDialog,
-  _e as EditScreenDialog,
-  ft as EnvironmentChooser,
-  qe as EnvironmentDialog,
-  Je as FileOpenSaveDialog,
-  vt as Graph,
-  _t as GraphEditDialog,
-  yt as GraphEditItemDialog,
-  Qe as LogMessages,
-  $e as NotFound,
-  Ye as OpenConfigDialog,
-  et as Openc3Screen,
-  nt as OutputDialog,
-  je as SaveConfigDialog,
-  le as ScreenCompleter,
-  pt as ScriptChooser,
-  wt as SimpleTextDialog,
-  tt as TargetPacketItemChooser,
-  xt as TextBoxDialog,
-  Ct as TopBar,
-  It as UpgradeToEnterpriseDialog
+  Ce as AceEditorModes,
+  Ve as AceEditorUtils,
+  _e as Config,
+  Me as CriticalCmdDialog,
+  Ke as DataViewerComponent,
+  We as DataViewerHistoryComponent,
+  Ge as DetailsDialog,
+  Se as EditScreenDialog,
+  je as EnvironmentChooser,
+  Ee as EnvironmentDialog,
+  Ue as FileOpenSaveDialog,
+  Ze as Graph,
+  Ye as GraphEditDialog,
+  Xe as GraphEditItemDialog,
+  we as LogMessages,
+  Te as NotFound,
+  ye as OpenConfigDialog,
+  Pe as Openc3Screen,
+  De as OutputDialog,
+  be as SaveConfigDialog,
+  Oe as ScreenCompleter,
+  qe as ScriptChooser,
+  $e as SimpleTextDialog,
+  ke as TargetPacketItemChooser,
+  tt as TextBoxDialog,
+  Le as TopBar,
+  lt as UpgradeToEnterpriseDialog
 };
 //# sourceMappingURL=components.js.map