@openc3/vue-common 6.2.1 → 6.4.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 Ie, O as xe } from "./OutputDialog-B5qHVyck.js";
+import { A as De, T as Ae } from "./TopBar-BQhv8Jcc.js";
+import { E as Re, a as Le, F as Se, O as Ee, S as Ue } from "./Openc3Screen-CtwGKfq-.js";
+import { p as k, d as O } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-CVrrWDJ_.js";
+import { D as Oe, e as Be } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-CVrrWDJ_.js";
+import { resolveComponent as o, createBlock as b, openBlock as _, withKeys as E, withCtx as n, createVNode as l, createElementVNode as f, withModifiers as D, withDirectives as U, toDisplayString as w, vShow as P, createTextVNode as g, normalizeStyle as B, createCommentVNode as I, createElementBlock as V, createSlots as K, normalizeClass as W, Fragment as M } from "vue";
+import { _ as C } from "./CustomIcon-h5X7369N.js";
+import { C as We } from "./CriticalCmdDialog-Bcq8PGag.js";
+import { D as ze } from "./DetailsDialog-C5jf8o0K.js";
+import { E as Ge, S as He } from "./ScriptChooser-qiC2xQ_W.js";
+import { G as qe, a as Je, b as Ze } from "./Graph-M382Zo8o.js";
+import { UnknownToAstroStatus as R, AstroStatusColors as L } from "./icons.js";
+import { T as z } from "./timeFilters-BKnCM4rv.js";
+import { f as F } from "./format-CVeawcIv.js";
+import { getMountedApps as G } from "single-spa";
+import { S as Xe } from "./SimpleTextDialog-CGStqYvO.js";
+import { T as $e } from "./TextBoxDialog-C60jmnyN.js";
+import { U as tt } from "./UpgradeToEnterpriseDialog-c6twungI.js";
+const Ne = {
   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 = {
+}, H = {
   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" }, q = ["textContent"];
+function J(t, e, i, c, s, a) {
+  const u = o("v-spacer"), m = o("v-toolbar"), N = o("v-text-field"), v = o("v-row"), p = o("v-btn"), T = o("v-data-table"), y = o("v-card-text"), d = o("v-card-actions"), h = o("v-card"), A = o("v-dialog");
+  return _(), b(A, {
     modelValue: a.show,
-    "onUpdate:modelValue": e[4] || (e[4] = (g) => a.show = g),
-    onKeydown: z(a.cancel, ["esc"]),
-    width: "600"
+    "onUpdate:modelValue": e[4] || (e[4] = (r) => a.show = r),
+    width: "600",
+    onKeydown: E(a.cancel, ["esc"])
   }, {
     default: n(() => [
-      i(k, null, {
+      l(h, null, {
         default: n(() => [
-          d("form", {
-            onSubmit: e[3] || (e[3] = U((...g) => a.success && a.success(...g), ["prevent"]))
+          f("form", {
+            onSubmit: e[3] || (e[3] = D((...r) => a.success && a.success(...r), ["prevent"]))
           }, [
-            i(m, { height: "24" }, {
+            l(m, { height: "24" }, {
               default: n(() => [
-                i(u),
-                e[5] || (e[5] = d("span", null, "Open Configuration", -1)),
-                i(u)
+                l(u),
+                e[5] || (e[5] = f("span", null, "Open Configuration", -1)),
+                l(u)
               ]),
               _: 1
             }),
-            i(x, null, {
+            l(y, null, {
               default: n(() => [
-                d("div", ae, [
-                  i(v, { dense: "" }, {
+                f("div", j, [
+                  l(v, { dense: "" }, {
                     default: n(() => [
-                      i(h, {
-                        label: "search",
+                      l(N, {
                         modelValue: s.search,
-                        "onUpdate:modelValue": e[0] || (e[0] = (g) => s.search = g),
+                        "onUpdate:modelValue": e[0] || (e[0] = (r) => s.search = r),
+                        label: "search",
                         type: "text",
                         "prepend-inner-icon": "mdi-magnify",
                         clearable: "",
@@ -237,9 +191,9 @@ function re(t, e, l, o, s, a) {
                     ]),
                     _: 1
                   }),
-                  i(f, {
+                  l(T, {
                     modelValue: s.selectedRows,
-                    "onUpdate:modelValue": e[1] || (e[1] = (g) => s.selectedRows = g),
+                    "onUpdate:modelValue": e[1] || (e[1] = (r) => s.selectedRows = r),
                     "show-select": "",
                     "select-strategy": "single",
                     "item-value": "configId",
@@ -248,26 +202,26 @@ function re(t, e, l, o, s, a) {
                     items: s.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] = (r, x) => a.selectRow(x))
                   }, {
-                    "item.actions": n(({ item: g }) => [
-                      i(_, {
+                    "item.actions": n(({ item: r }) => [
+                      l(p, {
                         class: "mt-1",
                         icon: "mdi-delete",
                         variant: "text",
                         "data-test": "item-delete",
-                        onClick: (c) => a.deleteConfig(g)
+                        onClick: (x) => a.deleteConfig(r)
                       }, null, 8, ["onClick"])
                     ]),
                     _: 1
                   }, 8, ["modelValue", "search", "headers", "items"]),
-                  i(v, { dense: "" }, {
+                  l(v, { dense: "" }, {
                     default: n(() => [
-                      A(d("span", {
+                      U(f("span", {
                         class: "ma-2 text-red",
-                        textContent: N(a.error)
-                      }, null, 8, oe), [
-                        [R, a.error]
+                        textContent: w(a.error)
+                      }, null, 8, q), [
+                        [P, a.error]
                       ])
                     ]),
                     _: 1
@@ -276,31 +230,31 @@ function re(t, e, l, o, s, a) {
               ]),
               _: 1
             }),
-            i(b, { class: "px-2" }, {
+            l(d, { class: "px-2" }, {
               default: n(() => [
-                i(u),
-                i(_, {
+                l(u),
+                l(p, {
                   variant: "outlined",
-                  onClick: a.cancel,
-                  "data-test": "open-config-cancel-btn"
+                  "data-test": "open-config-cancel-btn",
+                  onClick: a.cancel
                 }, {
                   default: n(() => e[6] || (e[6] = [
-                    y(" Cancel ")
+                    g(" Cancel ")
                   ])),
                   _: 1
                 }, 8, ["onClick"]),
-                i(_, {
+                l(p, {
                   variant: "flat",
-                  onClick: U(a.success, ["prevent"]),
                   type: "submit",
                   "data-test": "open-config-submit-btn",
-                  disabled: !!a.error
+                  disabled: !!a.error,
+                  onClick: D(a.success, ["prevent"])
                 }, {
                   default: n(() => e[7] || (e[7] = [
-                    y(" Ok ")
+                    g(" Ok ")
                   ])),
                   _: 1
-                }, 8, ["onClick", "disabled"])
+                }, 8, ["disabled", "onClick"])
               ]),
               _: 1
             })
@@ -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 ve = /* @__PURE__ */ C(H, [["render", J]]), Z = {
   props: {
     configKey: String,
     modelValue: Boolean
@@ -356,10 +310,15 @@ const Ye = /* @__PURE__ */ O(ne, [["render", re]]), de = {
       }
     }
   },
+  watch: {
+    selectedItem: function(t) {
+      t && (this.configName = t.config);
+    }
+  },
   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 +338,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",
@@ -388,1055 +347,131 @@ const Ye = /* @__PURE__ */ O(ne, [["render", re]]), de = {
         );
       });
     }
-  },
-  watch: {
-    selectedItem: function(t) {
-      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, {
+}, Y = { class: "mt-4 pa-3" }, X = ["textContent"];
+function Q(t, e, i, c, s, a) {
+  const u = o("v-spacer"), m = o("v-toolbar"), N = o("v-text-field"), v = o("v-row"), p = o("v-btn"), T = o("v-data-table"), y = o("v-card-text"), d = o("v-card-actions"), h = o("v-card"), A = o("v-dialog");
+  return _(), b(A, {
     modelValue: a.show,
-    "onUpdate:modelValue": e[5] || (e[5] = (g) => a.show = g),
-    onKeydown: z(a.cancel, ["esc"]),
-    width: "600"
-  }, {
-    default: n(() => [
-      i(k, null, {
-        default: n(() => [
-          d("form", {
-            onSubmit: e[4] || (e[4] = U((...g) => a.success && a.success(...g), ["prevent"]))
-          }, [
-            i(m, { height: "24" }, {
-              default: n(() => [
-                i(u),
-                e[6] || (e[6] = d("span", null, "Save Configuration", -1)),
-                i(u)
-              ]),
-              _: 1
-            }),
-            i(x, null, {
-              default: n(() => [
-                d("div", ce, [
-                  i(v, { dense: "" }, {
-                    default: n(() => [
-                      i(h, {
-                        label: "search",
-                        modelValue: s.search,
-                        "onUpdate:modelValue": e[0] || (e[0] = (g) => s.search = g),
-                        type: "text",
-                        "prepend-inner-icon": "mdi-magnify",
-                        clearable: "",
-                        variant: "outlined",
-                        density: "compact",
-                        "clear-icon": "mdi-close-circle-outline",
-                        "single-line": "",
-                        "hide-details": "",
-                        "data-test": "search"
-                      }, null, 8, ["modelValue"])
-                    ]),
-                    _: 1
-                  }),
-                  i(f, {
-                    modelValue: s.selectedRows,
-                    "onUpdate:modelValue": e[1] || (e[1] = (g) => s.selectedRows = g),
-                    "show-select": "",
-                    "select-strategy": "single",
-                    "item-value": "configId",
-                    search: s.search,
-                    headers: s.headers,
-                    items: s.configs,
-                    "items-per-page": 5,
-                    "items-per-page-options": [5],
-                    "onClick:row": e[2] || (e[2] = (g, c) => a.selectRow(c))
-                  }, {
-                    "item.actions": n(({ item: g }) => [
-                      i(_, {
-                        class: "mt-1",
-                        icon: "mdi-delete",
-                        variant: "text",
-                        "data-test": "item-delete",
-                        onClick: (c) => a.deleteConfig(g)
-                      }, null, 8, ["onClick"])
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue", "search", "headers", "items"]),
-                  i(v, { dense: "" }, {
-                    default: n(() => [
-                      i(h, {
-                        modelValue: s.configName,
-                        "onUpdate:modelValue": e[3] || (e[3] = (g) => s.configName = g),
-                        "hide-details": "",
-                        autofocus: "",
-                        disabled: !!a.selectedItem,
-                        label: "Configuration Name",
-                        "data-test": "name-input-save-config-dialog"
-                      }, null, 8, ["modelValue", "disabled"])
-                    ]),
-                    _: 1
-                  }),
-                  i(v, { dense: "" }, {
-                    default: n(() => [
-                      A(d("span", {
-                        class: "ma-2 text-red",
-                        textContent: N(a.error)
-                      }, null, 8, ue), [
-                        [R, a.error]
-                      ])
-                    ]),
-                    _: 1
-                  })
-                ])
-              ]),
-              _: 1
-            }),
-            i(b, { class: "px-2" }, {
-              default: n(() => [
-                i(u),
-                i(_, {
-                  variant: "outlined",
-                  onClick: a.cancel
-                }, {
-                  default: n(() => e[7] || (e[7] = [
-                    y(" Cancel ")
-                  ])),
-                  _: 1
-                }, 8, ["onClick"]),
-                i(_, {
-                  variant: "flat",
-                  onClick: U(a.success, ["prevent"]),
-                  type: "submit",
-                  "data-test": "save-config-submit-btn",
-                  disabled: !!a.error
-                }, {
-                  default: n(() => e[8] || (e[8] = [
-                    y(" Ok ")
-                  ])),
-                  _: 1
-                }, 8, ["onClick", "disabled"])
-              ]),
-              _: 1
-            })
-          ], 32)
-        ]),
-        _: 1
-      })
-    ]),
-    _: 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"
+    "onUpdate:modelValue": e[5] || (e[5] = (r) => a.show = r),
+    width: "600",
+    onKeydown: E(a.cancel, ["esc"])
   }, {
     default: n(() => [
-      i(p, null, {
+      l(h, null, {
         default: n(() => [
-          d("form", {
-            onSubmit: e[3] || (e[3] = U((...c) => a.addEnvironment && a.addEnvironment(...c), ["prevent"]))
+          f("form", {
+            onSubmit: e[4] || (e[4] = D((...r) => a.success && a.success(...r), ["prevent"]))
           }, [
-            i(m, { height: "24" }, {
+            l(m, { height: "24" }, {
               default: n(() => [
-                i(u),
-                e[5] || (e[5] = d("span", null, "Global Environment Variables", -1)),
-                i(u)
+                l(u),
+                e[6] || (e[6] = f("span", null, "Save Configuration", -1)),
+                l(u)
               ]),
               _: 1
             }),
-            i(k, null, {
+            l(y, null, {
               default: n(() => [
-                d("div", be, [
-                  i(v, {
-                    dense: "",
-                    class: "mb-2"
-                  }, {
+                f("div", Y, [
+                  l(v, { dense: "" }, {
                     default: n(() => [
-                      i(h, {
+                      l(N, {
                         modelValue: s.search,
-                        "onUpdate:modelValue": e[0] || (e[0] = (c) => s.search = c),
+                        "onUpdate:modelValue": e[0] || (e[0] = (r) => s.search = r),
                         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"
+                        "hide-details": "",
+                        "data-test": "search"
                       }, null, 8, ["modelValue"])
                     ]),
                     _: 1
                   }),
-                  i(_, {
-                    dense: "",
-                    class: "mt-2"
+                  l(T, {
+                    modelValue: s.selectedRows,
+                    "onUpdate:modelValue": e[1] || (e[1] = (r) => s.selectedRows = r),
+                    "show-select": "",
+                    "select-strategy": "single",
+                    "item-value": "configId",
+                    search: s.search,
+                    headers: s.headers,
+                    items: s.configs,
+                    "items-per-page": 5,
+                    "items-per-page-options": [5],
+                    "onClick:row": e[2] || (e[2] = (r, x) => a.selectRow(x))
                   }, {
-                    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"])
+                    "item.actions": n(({ item: r }) => [
+                      l(p, {
+                        class: "mt-1",
+                        icon: "mdi-delete",
+                        variant: "text",
+                        "data-test": "item-delete",
+                        onClick: (x) => a.deleteConfig(r)
+                      }, null, 8, ["onClick"])
                     ]),
                     _: 1
-                  }),
-                  i(_, { class: "my-2" }, {
+                  }, 8, ["modelValue", "search", "headers", "items"]),
+                  l(v, { dense: "" }, {
                     default: n(() => [
-                      i(f, {
-                        modelValue: s.selectedFile,
-                        "onUpdate:modelValue": e[2] || (e[2] = (C) => s.selectedFile = C),
+                      l(N, {
+                        modelValue: s.configName,
+                        "onUpdate:modelValue": e[3] || (e[3] = (r) => s.configName = r),
                         "hide-details": "",
-                        label: "Filename",
-                        "data-test": "file-open-save-filename",
-                        disabled: l.type === "open"
+                        autofocus: "",
+                        disabled: !!a.selectedItem,
+                        label: "Configuration Name",
+                        "data-test": "name-input-save-config-dialog"
                       }, null, 8, ["modelValue", "disabled"])
                     ]),
                     _: 1
                   }),
-                  i(_, { dense: "" }, {
+                  l(v, { dense: "" }, {
                     default: n(() => [
-                      A(d("div", {
-                        class: "my-2 text-red",
-                        style: { "white-space": "pre-line" }
-                      }, N(a.error), 513), [
-                        [R, a.error]
+                      U(f("span", {
+                        class: "ma-2 text-red",
+                        textContent: w(a.error)
+                      }, null, 8, X), [
+                        [P, 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
+            }),
+            l(d, { class: "px-2" }, {
+              default: n(() => [
+                l(u),
+                l(p, {
+                  variant: "outlined",
+                  onClick: a.cancel
+                }, {
+                  default: n(() => e[7] || (e[7] = [
+                    g(" Cancel ")
+                  ])),
+                  _: 1
+                }, 8, ["onClick"]),
+                l(p, {
+                  variant: "flat",
+                  type: "submit",
+                  "data-test": "save-config-submit-btn",
+                  disabled: !!a.error,
+                  onClick: D(a.success, ["prevent"])
+                }, {
+                  default: n(() => e[8] || (e[8] = [
+                    g(" Ok ")
+                  ])),
+                  _: 1
+                }, 8, ["disabled", "onClick"])
+              ]),
+              _: 1
             })
           ], 32)
         ]),
@@ -1444,9 +479,10 @@ function ke(t, e, l, o, s, a) {
       })
     ]),
     _: 1
-  }, 8, ["modelValue"]);
+  }, 8, ["modelValue", "onKeydown"]);
 }
-const Je = /* @__PURE__ */ O(Ne, [["render", ke]]), Ce = {
+const _e = /* @__PURE__ */ C(Z, [["render", Q]]), $ = {
+  mixins: [z],
   props: {
     historyCount: {
       type: Number,
@@ -1457,10 +493,9 @@ const Je = /* @__PURE__ */ O(Ne, [["render", ke]]), Ce = {
       default: "local"
     }
   },
-  mixins: [te],
   data() {
     return {
-      AstroStatusColors: K,
+      AstroStatusColors: L,
       data: [],
       shownData: [],
       logLevels: ["DEBUG", "INFO", "WARN", "ERROR", "FATAL"],
@@ -1472,15 +507,12 @@ const Je = /* @__PURE__ */ O(Ne, [["render", ke]]), Ce = {
         { title: "Source", value: "microservice_name" },
         { title: "Message", value: "message" }
       ],
-      cable: new Y(),
+      cable: new O(),
       subscription: null,
       paused: !1
     };
   },
   computed: {
-    buttonLabel: function() {
-      return this.paused ? "Resume" : "Pause";
-    },
     buttonIcon: function() {
       return this.paused ? "mdi-play" : "mdi-pause";
     }
@@ -1533,12 +565,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 s = e.message.raw[c].toString(16).toUpperCase();
+                  s.length < 2 && (s = "0" + s), i += s;
                 }
-                e.message = l;
+                e.message = i;
               } else
                 e.message = e.message.replaceAll("\\n", `
 `);
@@ -1555,25 +587,25 @@ const Je = /* @__PURE__ */ O(Ne, [["render", ke]]), Ce = {
       });
     },
     getColor(t) {
-      return K[W[t]];
+      return L[R[t]];
     },
     getStatus(t) {
-      return W[t];
+      return R[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();
+        F(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,67 +617,47 @@ 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, {
+}, ee = { class: "d-flex align-baseline" }, te = ["title", "datetime"], se = { style: { "white-space": "pre-wrap" } };
+function le(t, e, i, c, s, a) {
+  const u = o("v-btn"), m = o("v-spacer"), N = o("v-select"), v = o("v-text-field"), p = o("v-card-title"), T = o("rux-status"), y = o("v-data-table"), d = o("v-card");
+  return _(), b(d, null, {
     default: n(() => [
-      i(f, { class: "d-flex align-center justify-content-space-between" }, {
+      l(p, { 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, {
-                    icon: "mdi-download",
-                    variant: "text",
-                    size: "small",
-                    class: "mr-2",
-                    "data-test": "download-log",
-                    onClick: a.downloadLog
-                  }, null, 8, ["onClick"])
-                ], 16)
-              ]),
-              default: n(() => [
-                e[2] || (e[2] = d("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, {
-                    icon: a.buttonIcon,
-                    variant: "text",
-                    "data-test": "pause",
-                    onClick: a.pause
-                  }, null, 8, ["icon", "onClick"])
-                ], 16)
-              ]),
-              default: n(() => [
-                d("span", null, N(a.buttonLabel), 1)
-              ]),
-              _: 1
-            })
+          f("div", ee, [
+            l(u, {
+              icon: "mdi-download",
+              variant: "text",
+              size: "small",
+              class: "mr-2",
+              "data-test": "download-log",
+              onClick: a.downloadLog
+            }, null, 8, ["onClick"]),
+            e[2] || (e[2] = f("span", null, " Log Messages ", -1)),
+            l(u, {
+              icon: a.buttonIcon,
+              variant: "text",
+              "data-test": "pause",
+              onClick: a.pause
+            }, null, 8, ["icon", "onClick"])
           ]),
-          i(h),
-          i(v, {
+          l(m),
+          l(N, {
+            modelValue: s.logLevel,
+            "onUpdate:modelValue": e[0] || (e[0] = (h) => s.logLevel = h),
             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),
             class: "mr-2",
             style: { "max-width": "150px" },
             "data-test": "log-messages-level"
-          }, null, 8, ["items", "modelValue"]),
-          i(h),
-          i(_, {
+          }, null, 8, ["modelValue", "items"]),
+          l(m),
+          l(v, {
             modelValue: s.search,
-            "onUpdate:modelValue": e[1] || (e[1] = (p) => s.search = p),
+            "onUpdate:modelValue": e[1] || (e[1] = (h) => s.search = h),
             label: "Search",
             "prepend-inner-icon": "mdi-magnify",
             clearable: "",
@@ -1657,27 +669,17 @@ 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, {
-                  icon: "mdi-delete",
-                  variant: "text",
-                  class: "ml-2",
-                  "data-test": "clear-log",
-                  onClick: a.clearLog
-                }, null, 8, ["onClick"])
-              ], 16)
-            ]),
-            default: n(() => [
-              e[4] || (e[4] = d("span", null, " Clear Log ", -1))
-            ]),
-            _: 1
-          })
+          l(u, {
+            icon: "mdi-delete-sweep",
+            variant: "text",
+            class: "ml-2",
+            "data-test": "clear-log",
+            onClick: a.clearLog
+          }, null, 8, ["onClick"])
         ]),
         _: 1
       }),
-      i(b, {
+      l(y, {
         headers: s.headers,
         items: s.shownData,
         search: s.search,
@@ -1689,25 +691,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: h }) => [
+          f("time", {
+            title: h.timestamp,
+            datetime: h.timestamp
+          }, w(h.timestamp), 9, te)
         ]),
-        "item.level": n(({ item: p }) => [
-          d("span", {
-            style: Z("display: inline-flex; color:" + a.getColor(p.level))
+        "item.level": n(({ item: h }) => [
+          f("span", {
+            style: B("display: inline-flex; color:" + a.getColor(h.level))
           }, [
-            i(x, {
+            l(T, {
               class: "mr-1",
-              status: a.getStatus(p.level)
+              status: a.getStatus(h.level)
             }, null, 8, ["status"]),
-            y(" " + N(p.level), 1)
+            g(" " + w(h.level), 1)
           ], 4)
         ]),
-        "item.message": n(({ item: p }) => [
-          d("div", Ve, N(p.message), 1)
+        "item.message": n(({ item: h }) => [
+          f("div", se, w(h.message), 1)
         ]),
         _: 1
       }, 8, ["headers", "items", "search"])
@@ -1715,23 +717,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 ye = /* @__PURE__ */ C($, [["render", le], ["__scopeId", "data-v-081e936f"]]), S = "single-spa:app-change", ae = {
   data() {
     return {
       show: !1
     };
   },
   created() {
-    window.addEventListener(G, this.handleAppChange);
+    window.addEventListener(S, this.handleAppChange);
   },
   mounted() {
     setTimeout(() => {
-      this.show = se().length === 0;
+      this.show = G().length === 0;
     }, 150);
   },
   unmounted() {
     window.removeEventListener(
-      G,
+      S,
       this.handleAppChange
     );
   },
@@ -1740,692 +742,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 }, {
+}, ie = { class: "mx-1" };
+function ne(t, e, i, c, s, a) {
+  const u = o("v-card-title"), m = o("v-card-text"), N = o("v-card");
+  return s.show ? (_(), b(N, { key: 0 }, {
     default: n(() => [
-      i(u, null, {
+      l(u, null, {
         default: n(() => e[0] || (e[0] = [
-          y(" 404 Not Found ")
+          g(" 404 Not Found ")
         ])),
         _: 1
       }),
-      i(m, { class: "d-flex align-center mt-3" }, {
+      l(m, { 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] = g(" The requested URL ")),
+          f("code", ie, w(t.$route.fullPath), 1),
+          e[2] || (e[2] = g(" was not routable. ")),
+          e[3] || (e[3] = f("span", { class: "text-h3 mx-1" }, " 🦄 ", -1))
         ]),
         _: 1
       })
     ]),
     _: 1
-  })) : V("", !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);
+  })) : I("", !0);
 }
-const et = /* @__PURE__ */ O(Re, [["render", Ue], ["__scopeId", "data-v-8975e347"]]), Oe = {
+const be = /* @__PURE__ */ C(ae, [["render", ne]]), oe = {
   props: {
     allowAll: {
       type: Boolean,
@@ -2463,6 +804,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 +828,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 +869,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 +888,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 +923,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 +975,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 +988,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 +1013,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 +1054,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,28 +1082,28 @@ 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
+}, ce = { class: "pt-4 pb-4" };
+function de(t, e, i, c, s, a) {
+  const u = o("v-autocomplete"), m = o("v-col"), N = o("v-list-item"), v = o("v-divider"), p = o("v-combobox"), T = o("v-btn"), y = o("v-row");
+  return _(), V("div", ce, [
+    l(y, {
+      "no-gutters": !i.vertical
     }, {
       default: n(() => [
-        i(m, {
+        l(m, {
           cols: a.colSize,
           class: "tpic-select pr-4",
           "data-test": "select-target"
         }, {
           default: n(() => [
-            i(u, {
+            l(u, {
               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) => s.selectedTargetName = d)
               ],
               items: s.targetNames,
               "item-title": "label",
@@ -2753,45 +1113,57 @@ function Fe(t, e, l, o, s, a) {
           ]),
           _: 1
         }, 8, ["cols"]),
-        i(m, {
+        l(m, {
           cols: a.colSize,
           class: "tpic-select pr-4",
           "data-test": "select-packet"
         }, {
           default: n(() => [
-            i(u, {
+            l(u, {
               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) => s.selectedPacketName = d)
               ],
               disabled: s.packetsDisabled || a.autocompleteDisabled,
               items: s.packetNames,
               "item-title": "label",
               "item-value": "value",
               modelValue: s.selectedPacketName
-            }, null, 8, ["onUpdate:modelValue", "disabled", "items", "modelValue"])
+            }, K({ _: 2 }, [
+              a.includeLatestPacketInDropdown ? {
+                name: "prepend-item",
+                fn: n(() => [
+                  l(N, {
+                    title: "LATEST",
+                    onClick: e[1] || (e[1] = (d) => a.packetNameChanged("LATEST"))
+                  }),
+                  l(v)
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["onUpdate:modelValue", "disabled", "items", "modelValue"])
           ]),
           _: 1
         }, 8, ["cols"]),
-        l.chooseItem ? (w(), T(m, {
+        i.chooseItem ? (_(), b(m, {
           key: 0,
           cols: a.colSize,
           class: "tpic-select pr-4",
           "data-test": "select-item"
         }, {
           default: n(() => [
-            i(u, {
+            l(u, {
               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) => s.selectedItemName = d)
               ],
               disabled: s.itemsDisabled || a.autocompleteDisabled,
               items: s.itemNames,
@@ -2801,8 +1173,8 @@ function Fe(t, e, l, o, s, a) {
             }, 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() ? (_(), b(m, {
           key: 1,
           cols: "1",
           class: "tpic-select pr-4",
@@ -2810,14 +1182,14 @@ function Fe(t, e, l, o, s, a) {
           style: { "min-width": "105px" }
         }, {
           default: n(() => [
-            i(h, {
+            l(p, {
               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) => s.selectedArrayIndex = d)
               ],
               disabled: s.itemsDisabled || a.autocompleteDisabled,
               items: a.arrayIndexes(),
@@ -2827,79 +1199,79 @@ function Fe(t, e, l, o, s, a) {
             }, null, 8, ["disabled", "items", "modelValue"])
           ]),
           _: 1
-        })) : V("", !0),
-        l.buttonText ? (w(), T(m, {
+        })) : I("", !0),
+        i.buttonText ? (_(), b(m, {
           key: 2,
           cols: a.colSize,
           style: { "max-width": "140px" }
         }, {
           default: n(() => [
-            i(v, {
+            l(T, {
               disabled: a.buttonDisabled,
               color: "primary",
               "data-test": "select-send",
               onClick: a.buttonPressed
             }, {
               default: n(() => [
-                y(N(a.actualButtonText), 1)
+                g(w(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 ? (_(), b(y, {
       key: 0,
       "no-gutters": "",
       class: "pt-6"
     }, {
       default: n(() => [
-        i(m, {
+        l(m, {
           cols: a.colSize,
           class: "tpic-select pr-4",
           "data-test": "data-type"
         }, {
           default: n(() => [
-            i(u, {
+            l(u, {
               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)
+              "onUpdate:modelValue": e[7] || (e[7] = (d) => s.selectedValueType = d)
             }, null, 8, ["items", "modelValue"])
           ]),
           _: 1
         }, 8, ["cols"]),
-        i(m, {
+        l(m, {
           cols: a.colSize,
           class: "tpic-select pr-4",
           "data-test": "reduced"
         }, {
           default: n(() => [
-            i(u, {
+            l(u, {
               label: "Reduced",
               "hide-details": "",
               density: "compact",
               variant: "outlined",
               items: s.reductionModes,
               modelValue: s.selectedReduced,
-              "onUpdate:modelValue": e[7] || (e[7] = (f) => s.selectedReduced = f)
+              "onUpdate:modelValue": e[8] || (e[8] = (d) => s.selectedReduced = d)
             }, null, 8, ["items", "modelValue"])
           ]),
           _: 1
         }, 8, ["cols"]),
-        i(m, {
+        l(m, {
           cols: a.colSize,
           class: "tpic-select pr-4",
           "data-test": "reduced-type"
         }, {
           default: n(() => [
-            i(u, {
+            l(u, {
               label: "Reduced Type",
               "hide-details": "",
               density: "compact",
@@ -2907,32 +1279,32 @@ function Fe(t, e, l, o, s, a) {
               disabled: s.selectedReduced === "DECOM",
               items: s.reducedTypes,
               modelValue: s.selectedReducedType,
-              "onUpdate:modelValue": e[8] || (e[8] = (f) => s.selectedReducedType = f)
+              "onUpdate:modelValue": e[9] || (e[9] = (d) => s.selectedReducedType = d)
             }, null, 8, ["disabled", "items", "modelValue"])
           ]),
           _: 1
         }, 8, ["cols"]),
-        i(m, {
+        l(m, {
           cols: a.colSize,
           style: { "max-width": "140px" }
         }, null, 8, ["cols"])
       ]),
       _: 1
-    })) : V("", !0),
-    i(_, {
+    })) : I("", !0),
+    l(y, {
       "no-gutters": "",
       class: "pa-3"
     }, {
       default: n(() => [
-        i(m, {
+        l(m, {
           cols: a.colSize,
-          class: $({ "openc3-yellow": s.hazardous })
+          class: W({ "openc3-yellow": s.hazardous })
         }, {
           default: n(() => [
-            y(" Description: " + N(s.description) + " ", 1),
-            s.hazardous ? (w(), P(H, { key: 0 }, [
-              y(" (HAZARDOUS) ")
-            ], 64)) : V("", !0)
+            g(" Description: " + w(s.description) + " ", 1),
+            s.hazardous ? (_(), V(M, { key: 0 }, [
+              g(" (HAZARDOUS) ")
+            ], 64)) : I("", !0)
           ]),
           _: 1
         }, 8, ["cols", "class"])
@@ -2941,33 +1313,34 @@ function Fe(t, e, l, o, s, a) {
     })
   ]);
 }
-const tt = /* @__PURE__ */ O(Oe, [["render", Fe], ["__scopeId", "data-v-9ec60fb0"]]);
+const we = /* @__PURE__ */ C(oe, [["render", de], ["__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
+  Ie as AceEditorModes,
+  De as AceEditorUtils,
+  Ne as Config,
+  We as CriticalCmdDialog,
+  Oe as DataViewerComponent,
+  Be as DataViewerHistoryComponent,
+  ze as DetailsDialog,
+  Re as EditScreenDialog,
+  Ge as EnvironmentChooser,
+  Le as EnvironmentDialog,
+  Se as FileOpenSaveDialog,
+  qe as Graph,
+  Je as GraphEditDialog,
+  Ze as GraphEditItemDialog,
+  ye as LogMessages,
+  be as NotFound,
+  ve as OpenConfigDialog,
+  Ee as Openc3Screen,
+  xe as OutputDialog,
+  _e as SaveConfigDialog,
+  Ue as ScreenCompleter,
+  He as ScriptChooser,
+  Xe as SimpleTextDialog,
+  we as TargetPacketItemChooser,
+  $e as TextBoxDialog,
+  Ae as TopBar,
+  tt as UpgradeToEnterpriseDialog
 };
 //# sourceMappingURL=components.js.map