@openc3/vue-common 5.21.0-beta0

package/dist/components.js

@@ -0,0 +1,2936 @@
+import { A as it, O as st } from "./OutputDialog-CjFsDUYh.js";
+import { n as E, i as U, a as F, r as H, W as X, l as Y, s as j } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_6fa47877_lang-BrapmXxi.js";
+import { D as nt, b as at } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_6fa47877_lang-BrapmXxi.js";
+import { resolveComponent as o, openBlock as w, createBlock as x, withKeys as z, withCtx as n, createVNode as i, createElementVNode as d, withModifiers as O, withDirectives as R, toDisplayString as N, vShow as L, createTextVNode as _, normalizeProps as V, guardReactiveProps as D, createElementBlock as M, Fragment as q, renderList as J, createCommentVNode as S, normalizeStyle as G } from "vue";
+import { _ as A } from "./CosmosRuxIcon.vue_vue_type_style_index_0_scoped_9af48e85_lang-CHgC5LLL.js";
+import { C as rt } from "./CriticalCmdDialog-ChYR9_7n.js";
+import { D as ct } from "./DetailsDialog-ScKx0N2e.js";
+import { E as mt, S as ht } from "./ScriptChooser-Cx985GFr.js";
+import { f as Q } from "./fileIcon-DqRHb1_Z.js";
+import { G as pt, a as gt, b as vt } from "./Graph-D2frd7mZ.js";
+import { AstroStatusColors as W, UnknownToAstroStatus as K } from "./icons.js";
+import { T as $ } from "./timeFilters-CN3Tdo2Z.js";
+import { f as ee } from "./format-Da42caYw.js";
+import { S as yt } from "./SimpleTextDialog-BLlux8b4.js";
+import { T as wt } from "./TextBoxDialog-CZ3h4LP-.js";
+import { T as xt } from "./TopBar-B1dOQ1W9.js";
+import { U as Ct } from "./UpgradeToEnterpriseDialog-CY9g4hzD.js";
+class te {
+  constructor() {
+    E.get("/openc3-api/autocomplete/data/screen").then((e) => {
+      this.autocompleteData = e.data;
+    }), this.api = new U();
+  }
+  async getCompletions(e, s, r, l, a) {
+    var u = s.getLine(r.row), m = u.slice(0, r.column), f = m.trimStart().split(/ (?![^<]*>)/), p = this.autocompleteData;
+    f.length > 1 && (p = p.find((c) => c.caption === f[0]));
+    var g = {}, h = !0;
+    if (p && p.params) {
+      p.params.length == f.length - 1 && (h = !1);
+      var k = p.params[f.length - 2];
+      if (k["Target name"]) {
+        var C = await this.api.get_target_names();
+        p = C.reduce((c, b) => (c[b] = 1, c), {});
+      } else if (k["Packet name"]) {
+        var T = f[f.length - 2], y = await this.api.get_all_tlm(T);
+        p = y.reduce(
+          (c, b) => (c[b.packet_name] = b.description, c),
+          {}
+        );
+      } else if (k["Item name"]) {
+        var T = f[f.length - 3], v = f[f.length - 2], v = await this.api.get_tlm(T, v);
+        p = v.items.reduce(
+          (b, P) => (b[P.name] = P.description, b),
+          {}
+        );
+      } else
+        p = k;
+      g = Object.keys(p || {}).map((c) => {
+        var b = {
+          value: c + (h ? " " : ""),
+          // We want the autoComplete to continue right up
+          // to the last parameter
+          command: h && "startAutocomplete"
+        };
+        return typeof p[c] == "string" && (b.meta = p[c]), b;
+      });
+    } else
+      g = p;
+    a(null, g);
+  }
+}
+const Ge = {
+  data: {
+    configKey: "",
+    // Applications can set to avoid persisting default config
+    // Useful when loading and setting existing config
+    dontSaveDefaultConfig: !1
+  },
+  methods: {
+    loadDefaultConfig: function() {
+      return localStorage[`${this.configKey}__default`] ? JSON.parse(localStorage[`${this.configKey}__default`]) : {};
+    },
+    saveDefaultConfig: function(t) {
+      this.dontSaveDefaultConfig !== !0 && (localStorage[`${this.configKey}__default`] = JSON.stringify(t));
+    },
+    openConfigBase: function(t, e = !1, s = null) {
+      new U().load_config(this.configKey, t).then((r) => {
+        r ? (this.$notify.normal({
+          title: "Loading configuration",
+          body: t
+        }), s && s(JSON.parse(r)), e || this.$route.fullPath.includes(t) || this.$router.push({
+          query: {
+            config: t
+          }
+        })) : this.$notify.caution({
+          title: "Unknown configuration",
+          body: t
+        });
+      }).catch((r) => {
+        r && this.$notify.serious({
+          title: `Error opening configuration: ${t}`,
+          body: r
+        });
+      });
+    },
+    saveConfigBase: function(t, e) {
+      new U().save_config(this.configKey, t, JSON.stringify(e)).then(() => {
+        this.$notify.normal({
+          title: "Saved configuration",
+          body: t
+        });
+      }).catch((s) => {
+        s && this.$notify.serious({
+          title: `Error saving configuration: ${t}`,
+          body: s
+        });
+      });
+    },
+    resetConfigBase: function() {
+      localStorage.removeItem(`${this.configKey}__default`);
+      const t = { ...this.$route.query };
+      delete t.config, this.$router.replace({ query: t });
+    }
+  }
+}, ie = {
+  props: {
+    configKey: String,
+    modelValue: Boolean
+    // modelValue is the default prop when using v-model
+  },
+  data() {
+    return {
+      configs: [],
+      headers: [
+        {
+          title: "Configuration",
+          value: "config"
+        },
+        {
+          title: "Actions",
+          value: "actions",
+          align: "end",
+          sortable: !1
+        }
+      ],
+      search: null,
+      selectedRows: []
+    };
+  },
+  computed: {
+    selectedItem: function() {
+      return this.selectedRows.length ? this.configs.find(
+        (t) => t.configId === this.selectedRows[0]
+      ) : null;
+    },
+    error: function() {
+      return this.selectedItem === "" || this.selectedItem === null ? "Must select a config" : null;
+    },
+    show: {
+      get() {
+        return this.modelValue;
+      },
+      set(t) {
+        this.$emit("update:modelValue", t);
+      }
+    }
+  },
+  mounted() {
+    let t = -1;
+    new U().list_configs(this.configKey).then((e) => {
+      this.configs = e.map((s) => (t += 1, { configId: t, config: s }));
+    }).catch((e) => {
+      this.$emit("warning", `Failed to connect to OpenC3. ${e}`);
+    });
+  },
+  methods: {
+    selectRow: function(t) {
+      this.selectedRows = [t.item.configId];
+    },
+    success: function() {
+      this.selectedItem && (this.$emit("success", this.selectedItem.config), this.show = !1, this.search = null, this.selectedRows = []);
+    },
+    cancel: function() {
+      this.show = !1, this.search = null, this.selectedRows = [];
+    },
+    deleteConfig: function(t) {
+      this.$dialog.confirm(`Are you sure you want to delete: ${t.config}`, {
+        okText: "Delete",
+        cancelText: "Cancel"
+      }).then((e) => {
+        var s;
+        ((s = this.selectedItem) == null ? void 0 : s.config) === t.config && (this.selectedRows = []), this.configs.splice(this.configs.indexOf(t), 1), new U().delete_config(this.configKey, t.config);
+      }).catch((e) => {
+        e !== !0 && this.$emit(
+          "warning",
+          `Failed to delete config ${t.config} Error: ${e}`
+        );
+      });
+    }
+  }
+}, se = { class: "mt-4 pa-3" }, le = ["textContent"];
+function ne(t, e, s, r, l, a) {
+  const u = o("v-spacer"), m = o("v-toolbar"), f = o("v-text-field"), p = o("v-row"), g = o("v-btn"), h = o("v-data-table"), k = o("v-card-text"), C = o("v-card-actions"), T = o("v-card"), y = o("v-dialog");
+  return w(), x(y, {
+    modelValue: a.show,
+    "onUpdate:modelValue": e[4] || (e[4] = (v) => a.show = v),
+    onKeydown: z(a.cancel, ["esc"]),
+    width: "600"
+  }, {
+    default: n(() => [
+      i(T, null, {
+        default: n(() => [
+          d("form", {
+            onSubmit: e[3] || (e[3] = O((...v) => a.success && a.success(...v), ["prevent"]))
+          }, [
+            i(m, { height: "24" }, {
+              default: n(() => [
+                i(u),
+                e[5] || (e[5] = d("span", null, "Open Configuration", -1)),
+                i(u)
+              ]),
+              _: 1
+            }),
+            i(k, null, {
+              default: n(() => [
+                d("div", se, [
+                  i(p, { dense: "" }, {
+                    default: n(() => [
+                      i(f, {
+                        label: "search",
+                        modelValue: l.search,
+                        "onUpdate:modelValue": e[0] || (e[0] = (v) => l.search = v),
+                        type: "text",
+                        "prepend-inner-icon": "mdi-magnify",
+                        clearable: "",
+                        variant: "outlined",
+                        density: "compact",
+                        "clear-icon": "mdi-close-circle-outline",
+                        autofocus: "",
+                        "single-line": "",
+                        "hide-details": "",
+                        "data-test": "search"
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  i(h, {
+                    modelValue: l.selectedRows,
+                    "onUpdate:modelValue": e[1] || (e[1] = (v) => l.selectedRows = v),
+                    "show-select": "",
+                    "select-strategy": "single",
+                    "item-value": "configId",
+                    search: l.search,
+                    headers: l.headers,
+                    items: l.configs,
+                    "items-per-page": 5,
+                    "items-per-page-options": [5],
+                    "onClick:row": e[2] || (e[2] = (v, c) => a.selectRow(c))
+                  }, {
+                    "item.actions": n(({ item: v }) => [
+                      i(g, {
+                        class: "mt-1",
+                        icon: "mdi-delete",
+                        variant: "text",
+                        "data-test": "item-delete",
+                        onClick: (c) => a.deleteConfig(v)
+                      }, null, 8, ["onClick"])
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "search", "headers", "items"]),
+                  i(p, { dense: "" }, {
+                    default: n(() => [
+                      R(d("span", {
+                        class: "ma-2 text-red",
+                        textContent: N(a.error)
+                      }, null, 8, le), [
+                        [L, a.error]
+                      ])
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              _: 1
+            }),
+            i(C, { class: "px-2" }, {
+              default: n(() => [
+                i(u),
+                i(g, {
+                  variant: "outlined",
+                  onClick: a.cancel,
+                  "data-test": "open-config-cancel-btn"
+                }, {
+                  default: n(() => e[6] || (e[6] = [
+                    _(" Cancel ")
+                  ])),
+                  _: 1
+                }, 8, ["onClick"]),
+                i(g, {
+                  variant: "flat",
+                  onClick: O(a.success, ["prevent"]),
+                  type: "submit",
+                  "data-test": "open-config-submit-btn",
+                  disabled: !!a.error
+                }, {
+                  default: n(() => e[7] || (e[7] = [
+                    _(" Ok ")
+                  ])),
+                  _: 1
+                }, 8, ["onClick", "disabled"])
+              ]),
+              _: 1
+            })
+          ], 32)
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  }, 8, ["modelValue", "onKeydown"]);
+}
+const Ze = /* @__PURE__ */ A(ie, [["render", ne]]), ae = {
+  props: {
+    configKey: String,
+    modelValue: Boolean
+    // modelValue is the default prop when using v-model
+  },
+  data() {
+    return {
+      configName: "",
+      configs: [],
+      headers: [
+        {
+          title: "Configuration",
+          value: "config"
+        },
+        {
+          title: "Actions",
+          value: "actions",
+          align: "end",
+          sortable: !1
+        }
+      ],
+      search: null,
+      selectedRows: []
+    };
+  },
+  computed: {
+    selectedItem: function() {
+      return this.selectedRows.length ? this.configs.find(
+        (t) => t.configId === this.selectedRows[0]
+      ) : null;
+    },
+    error: function() {
+      return this.configName ? null : "Config must have a name";
+    },
+    show: {
+      get() {
+        return this.modelValue;
+      },
+      set(t) {
+        this.$emit("update:modelValue", t);
+      }
+    }
+  },
+  mounted() {
+    let t = -1;
+    new U().list_configs(this.configKey).then((e) => {
+      this.configs = e.map((s) => (t += 1, { configId: t, config: s }));
+    }).catch((e) => {
+      this.$emit("warning", `Failed to connect to OpenC3. ${e}`);
+    });
+  },
+  methods: {
+    selectRow: function(t) {
+      this.selectedRows = [t.item.configId];
+    },
+    success: function() {
+      this.$emit("success", this.configName), this.show = !1, this.search = null, this.selectedRows = [], this.configName = "";
+    },
+    cancel: function() {
+      this.show = !1, this.search = null, this.selectedRows = [], this.configName = "";
+    },
+    deleteConfig: function(t) {
+      this.$dialog.confirm(`Are you sure you want to delete: ${t.config}`, {
+        okText: "Delete",
+        cancelText: "Cancel"
+      }).then((e) => {
+        var s;
+        ((s = this.selectedItem) == null ? void 0 : s.config) === t.config && (this.selectedRows = [], this.configName = ""), this.configs.splice(this.configs.indexOf(t), 1), new U().delete_config(this.configKey, t.config);
+      }).catch((e) => {
+        e !== !0 && this.$emit(
+          "warning",
+          `Failed to delete config ${t.config} Error: ${e}`
+        );
+      });
+    }
+  },
+  watch: {
+    selectedItem: function(t) {
+      t && (this.configName = t.config);
+    }
+  }
+}, oe = { class: "mt-4 pa-3" }, re = ["textContent"];
+function de(t, e, s, r, l, a) {
+  const u = o("v-spacer"), m = o("v-toolbar"), f = o("v-text-field"), p = o("v-row"), g = o("v-btn"), h = o("v-data-table"), k = o("v-card-text"), C = o("v-card-actions"), T = o("v-card"), y = o("v-dialog");
+  return w(), x(y, {
+    modelValue: a.show,
+    "onUpdate:modelValue": e[5] || (e[5] = (v) => a.show = v),
+    onKeydown: z(a.cancel, ["esc"]),
+    width: "600"
+  }, {
+    default: n(() => [
+      i(T, null, {
+        default: n(() => [
+          d("form", {
+            onSubmit: e[4] || (e[4] = O((...v) => a.success && a.success(...v), ["prevent"]))
+          }, [
+            i(m, { height: "24" }, {
+              default: n(() => [
+                i(u),
+                e[6] || (e[6] = d("span", null, "Save Configuration", -1)),
+                i(u)
+              ]),
+              _: 1
+            }),
+            i(k, null, {
+              default: n(() => [
+                d("div", oe, [
+                  i(p, { dense: "" }, {
+                    default: n(() => [
+                      i(f, {
+                        label: "search",
+                        modelValue: l.search,
+                        "onUpdate:modelValue": e[0] || (e[0] = (v) => l.search = v),
+                        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(h, {
+                    modelValue: l.selectedRows,
+                    "onUpdate:modelValue": e[1] || (e[1] = (v) => l.selectedRows = v),
+                    "show-select": "",
+                    "select-strategy": "single",
+                    "item-value": "configId",
+                    search: l.search,
+                    headers: l.headers,
+                    items: l.configs,
+                    "items-per-page": 5,
+                    "items-per-page-options": [5],
+                    "onClick:row": e[2] || (e[2] = (v, c) => a.selectRow(c))
+                  }, {
+                    "item.actions": n(({ item: v }) => [
+                      i(g, {
+                        class: "mt-1",
+                        icon: "mdi-delete",
+                        variant: "text",
+                        "data-test": "item-delete",
+                        onClick: (c) => a.deleteConfig(v)
+                      }, null, 8, ["onClick"])
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "search", "headers", "items"]),
+                  i(p, { dense: "" }, {
+                    default: n(() => [
+                      i(f, {
+                        modelValue: l.configName,
+                        "onUpdate:modelValue": e[3] || (e[3] = (v) => l.configName = v),
+                        "hide-details": "",
+                        autofocus: "",
+                        disabled: !!a.selectedItem,
+                        label: "Configuration Name",
+                        "data-test": "name-input-save-config-dialog"
+                      }, null, 8, ["modelValue", "disabled"])
+                    ]),
+                    _: 1
+                  }),
+                  i(p, { dense: "" }, {
+                    default: n(() => [
+                      R(d("span", {
+                        class: "ma-2 text-red",
+                        textContent: N(a.error)
+                      }, null, 8, re), [
+                        [L, a.error]
+                      ])
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              _: 1
+            }),
+            i(C, { class: "px-2" }, {
+              default: n(() => [
+                i(u),
+                i(g, {
+                  variant: "outlined",
+                  onClick: a.cancel
+                }, {
+                  default: n(() => e[7] || (e[7] = [
+                    _(" Cancel ")
+                  ])),
+                  _: 1
+                }, 8, ["onClick"]),
+                i(g, {
+                  variant: "flat",
+                  onClick: O(a.success, ["prevent"]),
+                  type: "submit",
+                  "data-test": "save-config-submit-btn",
+                  disabled: !!a.error
+                }, {
+                  default: n(() => e[8] || (e[8] = [
+                    _(" Ok ")
+                  ])),
+                  _: 1
+                }, 8, ["onClick", "disabled"])
+              ]),
+              _: 1
+            })
+          ], 32)
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  }, 8, ["modelValue", "onKeydown"]);
+}
+const He = /* @__PURE__ */ A(ae, [["render", de]]), ce = {
+  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 = [];
+        for (const s of this.errors) {
+          if (t.has(s.message))
+            continue;
+          let r = `At ${s.lineNumber}: (${s.line}) ${s.message}.`;
+          s.usage && (r += ` Usage: ${s.usage}`), e.push(r), t.add(s.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 te()], 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(), s = this.editor.session.getTokenAt(e.row, e.column);
+      if (s) {
+        let r = s.value.trim();
+        r.includes(" ") ? this.docsKeyword = r.split(" ")[0] : this.docsKeyword = r, 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, s = this.keywords.join("|"), r = 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*(${s})\\b`)
+            }
+          ]
+        }, this.normalizeRules();
+      };
+      t.inherits(r, e);
+      let l = function() {
+        this.HighlightRules = r;
+      }, a = F.require("ace/mode/text").Mode;
+      return t.inherits(l, a), (function() {
+        this.$id = "ace/mode/openc3";
+      }).call(l.prototype), l;
+    },
+    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");
+      });
+    }
+  }
+}, ue = { class: "mx-2" }, me = { class: "mx-2" }, he = ["textContent"];
+function fe(t, e, s, r, l, a) {
+  const u = o("v-icon"), m = o("v-tooltip"), f = o("v-spacer"), p = o("v-toolbar"), g = o("v-row"), h = o("v-btn"), k = o("v-file-input"), C = o("v-list-item-title"), T = o("v-list-item"), y = o("v-list"), v = o("v-menu"), c = o("v-card-text"), b = o("v-card"), P = o("v-dialog");
+  return w(), x(P, {
+    persistent: "",
+    modelValue: a.show,
+    "onUpdate:modelValue": e[5] || (e[5] = (I) => a.show = I),
+    width: "75vw"
+  }, {
+    default: n(() => [
+      i(b, null, {
+        default: n(() => [
+          i(p, { height: "24" }, {
+            default: n(() => [
+              d("div", ue, [
+                i(m, { location: "top" }, {
+                  activator: n(({ props: I }) => [
+                    d("div", V(D(I)), [
+                      i(u, {
+                        "data-test": "delete-screen-icon",
+                        onClick: a.deleteScreen
+                      }, {
+                        default: n(() => e[6] || (e[6] = [
+                          _(" mdi-delete ")
+                        ])),
+                        _: 1
+                      }, 8, ["onClick"])
+                    ], 16)
+                  ]),
+                  default: n(() => [
+                    e[7] || (e[7] = d("span", null, " Delete Screen ", -1))
+                  ]),
+                  _: 1
+                })
+              ]),
+              i(f),
+              d("span", null, " Edit Screen: " + N(s.target) + " " + N(s.screen), 1),
+              i(f),
+              d("div", me, [
+                i(m, { location: "top" }, {
+                  activator: n(({ props: I }) => [
+                    d("div", V(D(I)), [
+                      i(u, {
+                        "data-test": "download-screen-icon",
+                        onClick: a.downloadScreen
+                      }, {
+                        default: n(() => e[8] || (e[8] = [
+                          _(" mdi-download ")
+                        ])),
+                        _: 1
+                      }, 8, ["onClick"])
+                    ], 16)
+                  ]),
+                  default: n(() => [
+                    e[9] || (e[9] = d("span", null, " Download Screen ", -1))
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            _: 1
+          }),
+          i(c, null, {
+            default: n(() => [
+              i(g, { class: "mt-3" }, {
+                default: n(() => e[10] || (e[10] = [
+                  _(" Upload a screen file. ")
+                ])),
+                _: 1
+              }),
+              i(g, {
+                "no-gutters": "",
+                align: "center"
+              }, {
+                default: n(() => [
+                  i(h, {
+                    onClick: a.loadFile,
+                    disabled: !l.file,
+                    color: "primary",
+                    class: "mr-3",
+                    "data-test": "edit-screen-load"
+                  }, {
+                    default: n(() => e[11] || (e[11] = [
+                      _(" Load ")
+                    ])),
+                    _: 1
+                  }, 8, ["onClick", "disabled"]),
+                  i(k, {
+                    modelValue: l.file,
+                    "onUpdate:modelValue": e[0] || (e[0] = (I) => l.file = I),
+                    "truncate-length": "15",
+                    accept: ".txt",
+                    label: "Click to select .txt screen file."
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              i(g, { class: "mb-2" }, {
+                default: n(() => e[12] || (e[12] = [
+                  _(" Edit the screen definition. ")
+                ])),
+                _: 1
+              }),
+              i(g, { class: "mb-2" }, {
+                default: n(() => [
+                  d("pre", {
+                    ref: "editor",
+                    class: "editor",
+                    onContextmenu: e[1] || (e[1] = O((...I) => a.showContextMenu && a.showContextMenu(...I), ["prevent"]))
+                  }, null, 544),
+                  i(v, {
+                    modelValue: l.contextMenu,
+                    "onUpdate:modelValue": e[2] || (e[2] = (I) => l.contextMenu = I),
+                    target: [l.menuX, l.menuY]
+                  }, {
+                    default: n(() => [
+                      i(y, null, {
+                        default: n(() => [
+                          i(T, { link: "" }, {
+                            default: n(() => [
+                              i(C, { onClick: a.openDocumentation }, {
+                                default: n(() => [
+                                  _(N(l.docsKeyword) + " documentation ", 1)
+                                ]),
+                                _: 1
+                              }, 8, ["onClick"])
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "target"])
+                ]),
+                _: 1
+              }),
+              (w(!0), M(q, null, J(a.editErrors, (I, Z) => (w(), x(g, {
+                key: Z,
+                class: "my-3"
+              }, {
+                default: n(() => [
+                  d("span", {
+                    class: "text-red",
+                    textContent: N(I)
+                  }, null, 8, he)
+                ]),
+                _: 2
+              }, 1024))), 128)),
+              i(g, null, {
+                default: n(() => [
+                  e[15] || (e[15] = d("span", null, "Ctrl-space brings up autocomplete. Right click keywords for documentation.", -1)),
+                  i(f),
+                  i(h, {
+                    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] = [
+                      _(" Cancel ")
+                    ])),
+                    _: 1
+                  }),
+                  i(h, {
+                    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] = [
+                      _(" Save ")
+                    ])),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  }, 8, ["modelValue"]);
+}
+const pe = /* @__PURE__ */ A(ce, [["render", fe], ["__scopeId", "data-v-9e086b45"]]), ge = {};
+function ve(t, e) {
+  return w(), M("div");
+}
+const Xe = /* @__PURE__ */ A(ge, [["render", ve]]), _e = {
+  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 s = {
+          text: `Removed environment variable: ${t.name}`,
+          type: "success"
+        };
+        this.alertHandler(s), this.update();
+      }).catch((e) => {
+        const s = {
+          text: `Failed to delete environment: ${e}`,
+          type: "error"
+        };
+        this.alertHandler(s);
+      });
+    }
+  }
+}, ye = { class: "pa-3" };
+function be(t, e, s, r, l, a) {
+  const u = o("v-spacer"), m = o("v-toolbar"), f = o("v-text-field"), p = o("v-row"), g = o("v-icon"), h = o("v-btn"), k = o("v-data-table"), C = o("v-col"), T = o("v-card-text"), y = o("v-card"), v = o("v-dialog");
+  return w(), x(v, {
+    modelValue: a.show,
+    "onUpdate:modelValue": e[4] || (e[4] = (c) => a.show = c),
+    width: "600"
+  }, {
+    default: n(() => [
+      i(y, null, {
+        default: n(() => [
+          d("form", {
+            onSubmit: e[3] || (e[3] = O((...c) => a.addEnvironment && a.addEnvironment(...c), ["prevent"]))
+          }, [
+            i(m, { height: "24" }, {
+              default: n(() => [
+                i(u),
+                e[5] || (e[5] = d("span", null, "Global Environment Variables", -1)),
+                i(u)
+              ]),
+              _: 1
+            }),
+            i(T, null, {
+              default: n(() => [
+                d("div", ye, [
+                  i(p, {
+                    dense: "",
+                    class: "mb-2"
+                  }, {
+                    default: n(() => [
+                      i(f, {
+                        modelValue: l.search,
+                        "onUpdate:modelValue": e[0] || (e[0] = (c) => l.search = c),
+                        label: "search",
+                        type: "text",
+                        "data-test": "search",
+                        "prepend-inner-icon": "mdi-magnify",
+                        clearable: "",
+                        variant: "outlined",
+                        density: "compact",
+                        "clear-icon": "mdi-close-circle-outline",
+                        autofocus: "",
+                        "single-line": "",
+                        "hide-details": ""
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  i(k, {
+                    "item-key": "name",
+                    "hide-default-header": "",
+                    "data-test": "env-table",
+                    search: l.search,
+                    headers: l.headers,
+                    items: l.environment,
+                    "items-per-page": 5,
+                    "items-per-page-options": [5]
+                  }, {
+                    "item.actions": n(({ item: c }) => [
+                      i(h, {
+                        onClick: (b) => a.deleteEnvironment(c),
+                        icon: "",
+                        class: "mt-1",
+                        "data-test": "item-delete"
+                      }, {
+                        default: n(() => [
+                          i(g, null, {
+                            default: n(() => e[6] || (e[6] = [
+                              _("mdi-delete")
+                            ])),
+                            _: 1
+                          })
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"])
+                    ]),
+                    _: 1
+                  }, 8, ["search", "headers", "items"]),
+                  i(p, { dense: "" }, {
+                    default: n(() => [
+                      i(C, null, {
+                        default: n(() => [
+                          i(f, {
+                            modelValue: l.key,
+                            "onUpdate:modelValue": e[1] || (e[1] = (c) => l.key = c),
+                            label: "Key",
+                            "data-test": "env-key"
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                      }),
+                      i(C, null, {
+                        default: n(() => [
+                          i(f, {
+                            modelValue: l.keyValue,
+                            "onUpdate:modelValue": e[2] || (e[2] = (c) => l.keyValue = c),
+                            label: "Value",
+                            "data-test": "env-value"
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }),
+                  i(p, { dense: "" }, {
+                    default: n(() => [
+                      i(h, {
+                        onClick: O(a.addEnvironment, ["prevent"]),
+                        block: "",
+                        type: "submit",
+                        color: "primary",
+                        "data-test": "add-env",
+                        disabled: !l.key || !l.keyValue
+                      }, {
+                        default: n(() => e[7] || (e[7] = [
+                          _(" Add ")
+                        ])),
+                        _: 1
+                      }, 8, ["onClick", "disabled"])
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              _: 1
+            })
+          ], 32)
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  }, 8, ["modelValue"]);
+}
+const Ye = /* @__PURE__ */ A(_e, [["render", be]]), we = {
+  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 s = `[${`${t}\\/\\!\\-\\_\\.\\*\\'\\(\\)`}]+\\.[${t}]+`;
+      return this.requireTargetParentDir && (s = `\\/?${`(${this.targets.join("|")})`}\\/${s}`), new RegExp(s);
+    }
+  },
+  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 Q(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 s of t) {
+        if (s.id === e)
+          return s.path;
+        if (s.children) {
+          const r = this.findItem(s.children, e);
+          if (r)
+            return r;
+        }
+      }
+      return null;
+    },
+    exists: function(t, e) {
+      let s = !1;
+      for (let r of t) {
+        if (r.path === e || r.path.length > 1 && r.path[r.path.length - 1] === "*" && r.path.slice(0, r.path.length - 1) === e)
+          return !0;
+        r.children && (s = s || this.exists(r.children, e));
+      }
+      return s;
+    },
+    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 s = t.data.locked, r = t.data.breakpoints;
+        this.$emit("file", { file: e, locked: s, breakpoints: r }), 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, s) {
+      let r = s.split("/");
+      if (r.length === 1) {
+        t.push({
+          id: this.id,
+          title: r[0],
+          file: "ruby",
+          path: this.filepath
+        }), this.id++;
+        return;
+      }
+      const l = t.findIndex((a) => a.title === r[0]);
+      l === -1 ? (t.push({
+        id: this.id,
+        title: r[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,
+        r.slice(1).join("/")
+        // Strip the first part of the path
+      )) : this.insertFile(
+        t[l].children,
+        e + 1,
+        r.slice(1).join("/")
+      );
+    }
+  }
+}, Ne = { class: "pa-3" };
+function xe(t, e, s, r, l, a) {
+  const u = o("v-progress-circular"), m = o("v-overlay"), f = o("v-spacer"), p = o("v-toolbar"), g = o("v-row"), h = o("v-text-field"), k = o("v-icon"), C = o("v-btn"), T = o("v-treeview"), y = o("v-card-text"), v = o("v-card"), c = o("v-dialog");
+  return w(), x(c, {
+    modelValue: a.show,
+    "onUpdate:modelValue": e[5] || (e[5] = (b) => a.show = b),
+    width: "600",
+    scrollable: "",
+    onKeydown: e[6] || (e[6] = z((b) => a.success(), ["enter"]))
+  }, {
+    default: n(() => [
+      i(v, null, {
+        default: n(() => [
+          i(m, { "model-value": l.loading }, {
+            default: n(() => [
+              i(u, {
+                indeterminate: "",
+                absolute: "",
+                size: "64"
+              })
+            ]),
+            _: 1
+          }, 8, ["model-value"]),
+          d("form", {
+            onSubmit: e[4] || (e[4] = O((...b) => a.success && a.success(...b), ["prevent"]))
+          }, [
+            i(p, { height: "24" }, {
+              default: n(() => [
+                i(f),
+                d("span", null, N(a.title), 1),
+                i(f)
+              ]),
+              _: 1
+            }),
+            i(y, null, {
+              default: n(() => [
+                d("div", Ne, [
+                  i(g, null, {
+                    default: n(() => [
+                      _(N(a.helpText), 1)
+                    ]),
+                    _: 1
+                  }),
+                  i(g, {
+                    dense: "",
+                    class: "mt-5"
+                  }, {
+                    default: n(() => [
+                      i(h, {
+                        modelValue: l.search,
+                        "onUpdate:modelValue": e[0] || (e[0] = (b) => l.search = b),
+                        flat: "",
+                        autofocus: "",
+                        "hide-details": "",
+                        clearable: "",
+                        label: "Search",
+                        "prepend-inner-icon": "mdi-magnify",
+                        density: "compact",
+                        "data-test": "file-open-save-search"
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  i(g, {
+                    dense: "",
+                    class: "mt-2"
+                  }, {
+                    default: n(() => [
+                      i(T, {
+                        modelValue: l.tree,
+                        "onUpdate:modelValue": e[1] || (e[1] = (b) => l.tree = b),
+                        "onUpdate:activated": a.activeFile,
+                        density: "compact",
+                        activatable: "",
+                        ref: "tree",
+                        style: { width: "100%", "max-height": "60vh", overflow: "auto" },
+                        "item-value": "id",
+                        items: l.items,
+                        search: l.search,
+                        "open-on-click": s.type === "open",
+                        "open-all": !!l.search
+                      }, {
+                        prepend: n(({ item: b, open: P }) => [
+                          b.file ? (w(), x(k, { key: 1 }, {
+                            default: n(() => [
+                              _(N(a.calcIcon(b.title)), 1)
+                            ]),
+                            _: 2
+                          }, 1024)) : (w(), x(k, { key: 0 }, {
+                            default: n(() => [
+                              _(N(P ? "mdi-folder-open" : "mdi-folder"), 1)
+                            ]),
+                            _: 2
+                          }, 1024))
+                        ]),
+                        append: n(({ item: b }) => [
+                          b.title === "__TEMP__" ? (w(), x(C, {
+                            key: 0,
+                            icon: "",
+                            onClick: a.deleteTemp
+                          }, {
+                            default: n(() => [
+                              i(k, null, {
+                                default: n(() => e[7] || (e[7] = [
+                                  _(" mdi-delete ")
+                                ])),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          }, 8, ["onClick"])) : S("", !0)
+                        ]),
+                        _: 1
+                      }, 8, ["modelValue", "onUpdate:activated", "items", "search", "open-on-click", "open-all"])
+                    ]),
+                    _: 1
+                  }),
+                  i(g, { class: "my-2" }, {
+                    default: n(() => [
+                      i(h, {
+                        modelValue: l.selectedFile,
+                        "onUpdate:modelValue": e[2] || (e[2] = (b) => l.selectedFile = b),
+                        "hide-details": "",
+                        label: "Filename",
+                        "data-test": "file-open-save-filename",
+                        disabled: s.type === "open"
+                      }, null, 8, ["modelValue", "disabled"])
+                    ]),
+                    _: 1
+                  }),
+                  i(g, { dense: "" }, {
+                    default: n(() => [
+                      R(d("div", {
+                        class: "my-2 text-red",
+                        style: { "white-space": "pre-line" }
+                      }, N(a.error), 513), [
+                        [L, a.error]
+                      ])
+                    ]),
+                    _: 1
+                  }),
+                  i(g, { class: "mt-2" }, {
+                    default: n(() => [
+                      i(f),
+                      i(C, {
+                        onClick: e[3] || (e[3] = (b) => a.show = !1),
+                        variant: "outlined",
+                        class: "mx-2",
+                        "data-test": "file-open-save-cancel-btn",
+                        disabled: l.disableButtons
+                      }, {
+                        default: n(() => e[8] || (e[8] = [
+                          _(" Cancel ")
+                        ])),
+                        _: 1
+                      }, 8, ["disabled"]),
+                      i(C, {
+                        onClick: O(a.success, ["prevent"]),
+                        ref: "submitBtn",
+                        type: "submit",
+                        color: "primary",
+                        class: "mx-2",
+                        "data-test": "file-open-save-submit-btn",
+                        disabled: l.disableButtons || !!a.error
+                      }, {
+                        default: n(() => [
+                          _(N(a.submit), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["onClick", "disabled"])
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              _: 1
+            })
+          ], 32)
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  }, 8, ["modelValue"]);
+}
+const je = /* @__PURE__ */ A(we, [["render", xe]]), ke = {
+  props: {
+    historyCount: {
+      type: Number,
+      default: 200
+    },
+    timeZone: {
+      type: String,
+      default: "local"
+    }
+  },
+  mixins: [$],
+  data() {
+    return {
+      AstroStatusColors: W,
+      data: [],
+      shownData: [],
+      logLevels: ["DEBUG", "INFO", "WARN", "ERROR", "FATAL"],
+      logLevel: "INFO",
+      search: "",
+      headers: [
+        { title: "Time", value: "timestamp", nowrap: !0 },
+        { title: "Level", value: "level" },
+        { title: "Source", value: "microservice_name" },
+        { title: "Message", value: "message" }
+      ],
+      cable: new H(),
+      subscription: null,
+      paused: !1
+    };
+  },
+  computed: {
+    buttonLabel: function() {
+      return this.paused ? "Resume" : "Pause";
+    },
+    buttonIcon: function() {
+      return this.paused ? "mdi-play" : "mdi-pause";
+    }
+  },
+  watch: {
+    logLevel: function(t, e) {
+      this.createSubscription();
+    }
+  },
+  created() {
+    this.createSubscription();
+  },
+  unmounted() {
+    this.subscription && this.subscription.unsubscribe(), this.cable.disconnect();
+  },
+  methods: {
+    pause: function() {
+      this.paused = !this.paused;
+    },
+    createSubscription() {
+      this.subscription && (this.subscription.unsubscribe(), this.data = [], this.shownData = this.data), this.cable.createSubscription(
+        "MessagesChannel",
+        window.openc3Scope,
+        {
+          received: (t) => {
+            this.cable.recordPing(), t.length > this.historyCount && t.splice(0, t.length - this.historyCount), t = t.filter((e) => {
+              switch (this.logLevel) {
+                case "DEBUG":
+                  return !0;
+                case "INFO":
+                  if (e.level !== "DEBUG")
+                    return !0;
+                  break;
+                case "WARN":
+                  if (e.level !== "DEBUG" && e.level !== "INFO")
+                    return !0;
+                  break;
+                case "ERROR":
+                  if (e.level !== "DEBUG" && e.level !== "INFO" && e.level !== "WARN")
+                    return !0;
+                  break;
+                case "FATAL":
+                  if (e.level !== "DEBUG" && e.level !== "INFO" && e.level !== "WARN" && e.level !== "ERROR")
+                    return !0;
+                  break;
+              }
+              return !1;
+            }), t.map((e) => {
+              if (e.timestamp = this.formatTimestamp(
+                e["@timestamp"],
+                this.timeZone
+              ), e.message.raw && e.message.json_class === "String") {
+                let s = "0x";
+                for (let r = 0; r < e.message.raw.length; r++) {
+                  let l = e.message.raw[r].toString(16).toUpperCase();
+                  l.length < 2 && (l = "0" + l), s += l;
+                }
+                e.message = s;
+              } else
+                e.message = e.message.replaceAll("\\n", `
+`);
+            }), this.data = t.reverse().concat(this.data), this.data.length > this.historyCount && (this.data.length = this.historyCount), this.paused || (this.shownData = this.data);
+          }
+        },
+        {
+          // Channel parameter is history_count with underscore
+          history_count: this.historyCount,
+          types: ["log", "notification", "alert"]
+        }
+      ).then((t) => {
+        this.subscription = t;
+      });
+    },
+    getColor(t) {
+      return W[K[t]];
+    },
+    getStatus(t) {
+      return K[t];
+    },
+    downloadLog() {
+      const t = this.shownData.map(
+        (r) => (
+          // Other fields are available like container_name, msg_id ... probably not useful
+          `${r.timestamp} | ${r.level} | ${r.microservice_name} | ${r.message}`
+        )
+      ).join(`
+`), e = new Blob([t], {
+        type: "text/plain"
+      }), s = document.createElement("a");
+      s.href = URL.createObjectURL(e), s.setAttribute(
+        "download",
+        ee(Date.now(), "yyyy_MM_dd_HH_mm_ss") + "_message_log.txt"
+      ), s.click();
+    },
+    clearLog: function() {
+      this.$dialog.confirm("Are you sure you want to clear the log?", {
+        okText: "Clear",
+        cancelText: "Cancel"
+      }).then((t) => {
+        this.data = [], this.shownData = [];
+      }).catch(function(t) {
+      });
+    }
+  }
+}, Ce = { class: "d-flex align-baseline" }, Te = ["title", "datetime"], Ie = { style: { "white-space": "pre-wrap" } };
+function Ve(t, e, s, r, l, a) {
+  const u = o("v-btn"), m = o("v-tooltip"), f = o("v-spacer"), p = o("v-select"), g = o("v-text-field"), h = o("v-card-title"), k = o("rux-status"), C = o("v-data-table"), T = o("v-card");
+  return w(), x(T, null, {
+    default: n(() => [
+      i(h, { class: "d-flex align-center justify-content-space-between" }, {
+        default: n(() => [
+          d("div", Ce, [
+            i(m, { location: "top" }, {
+              activator: n(({ props: y }) => [
+                d("div", V(D(y)), [
+                  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: y }) => [
+                d("div", V(D(y)), [
+                  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
+            })
+          ]),
+          i(f),
+          i(p, {
+            label: "Filter by log level",
+            "hide-details": "",
+            variant: "outlined",
+            density: "compact",
+            items: l.logLevels,
+            modelValue: l.logLevel,
+            "onUpdate:modelValue": e[0] || (e[0] = (y) => l.logLevel = y),
+            class: "mr-2",
+            style: { "max-width": "150px" },
+            "data-test": "log-messages-level"
+          }, null, 8, ["items", "modelValue"]),
+          i(f),
+          i(g, {
+            modelValue: l.search,
+            "onUpdate:modelValue": e[1] || (e[1] = (y) => l.search = y),
+            label: "Search",
+            "prepend-inner-icon": "mdi-magnify",
+            clearable: "",
+            variant: "outlined",
+            density: "compact",
+            "single-line": "",
+            "hide-details": "",
+            style: { "max-width": "300px" },
+            class: "search",
+            "data-test": "search-log-messages"
+          }, null, 8, ["modelValue"]),
+          i(m, { location: "top" }, {
+            activator: n(({ props: y }) => [
+              d("div", V(D(y)), [
+                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
+          })
+        ]),
+        _: 1
+      }),
+      i(C, {
+        headers: l.headers,
+        items: l.shownData,
+        search: l.search,
+        "items-per-page": -1,
+        "hide-default-footer": "",
+        "multi-sort": "",
+        density: "compact",
+        sticky: "",
+        hover: "",
+        "data-test": "log-messages"
+      }, {
+        "item.timestamp": n(({ item: y }) => [
+          d("time", {
+            title: y.timestamp,
+            datetime: y.timestamp
+          }, N(y.timestamp), 9, Te)
+        ]),
+        "item.level": n(({ item: y }) => [
+          d("span", {
+            style: G("display: inline-flex; color:" + a.getColor(y.level))
+          }, [
+            i(k, {
+              class: "mr-1",
+              status: a.getStatus(y.level)
+            }, null, 8, ["status"]),
+            _(" " + N(y.level), 1)
+          ], 4)
+        ]),
+        "item.message": n(({ item: y }) => [
+          d("div", Ie, N(y.message), 1)
+        ]),
+        _: 1
+      }, 8, ["headers", "items", "search"])
+    ]),
+    _: 1
+  });
+}
+const qe = /* @__PURE__ */ A(ke, [["render", Ve], ["__scopeId", "data-v-d5f1f607"]]), De = {};
+function Se(t, e) {
+  const s = o("v-card-title"), r = o("v-card-text"), l = o("v-card");
+  return w(), x(l, null, {
+    default: n(() => [
+      i(s, null, {
+        default: n(() => e[0] || (e[0] = [
+          _("404 Not Found Error")
+        ])),
+        _: 1
+      }),
+      i(r, null, {
+        default: n(() => [
+          e[1] || (e[1] = _("The requested URL ")),
+          d("code", null, N(t.$route.fullPath), 1),
+          e[2] || (e[2] = _(" was not routable."))
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const Je = /* @__PURE__ */ A(De, [["render", Se]]), B = 20, Ee = {
+  mixins: [X],
+  components: {
+    EditScreenDialog: pe
+  },
+  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: Y.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 s of this.errors) {
+          if (t.has(s.message))
+            continue;
+          let r = `${s.time}: (${s.type}) ${s.message}
+`;
+          e += r, t.add(s.message);
+        }
+        return e;
+      }
+      return null;
+    },
+    computedStyle() {
+      let t = {};
+      return this.floated && (t.position = "absolute", t.top = this.top + "px", t.left = this.left + "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, s) {
+    return console.log({ err: t, vm: e, info: s }), 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 U(), this.configParser = new j(), 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, s, r) => {
+          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, s, r);
+                break;
+            }
+        }
+      ), typeof this.layoutStack[0] > "u") {
+        let t = [], e = [];
+        for (const s of this.dynamicWidgets)
+          t.push(s.name), e.push(s.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, s = this.dragY - t.clientY;
+      this.dragX = t.clientX, this.dragY = t.clientY, this.top = this.$refs.bar.offsetTop - s, 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, s, r) {
+      let l = null;
+      t === "NAMED_WIDGET" && (this.configParser.verify_num_parameters(
+        2,
+        null,
+        `${t} <Widget Name> <Widget Type> <Widget Settings... (optional)>`
+      ), l = 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]), l !== null && u.push(["NAMED_WIDGET", l]), 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: s,
+          lineNumber: r
+        });
+      else {
+        let m = {
+          type: "DynamicWidget",
+          target: this.target,
+          parameters: e,
+          settings: u,
+          screenValues: this.screenValues,
+          screenTimeZone: this.timeZone,
+          name: a,
+          line: s,
+          lineNumber: r
+        };
+        this.currentLayout.widgets.push(m), this.dynamicWidgets.push(m);
+      }
+    },
+    applyGlobalSettings: function(t) {
+      t.forEach((e) => {
+        this.globalSettings.forEach((s) => {
+          e.type.toLowerCase() === s[0].toLowerCase() + "widget" && e.settings.push(s.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((s) => s.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);
+    }
+  }
+}, Ae = {
+  class: "pa-1",
+  style: { position: "relative" },
+  ref: "screen"
+};
+function Re(t, e, s, r, l, a) {
+  const u = o("v-icon"), m = o("v-tooltip"), f = o("v-spacer"), p = o("v-toolbar"), g = o("v-overlay"), h = o("vertical-widget"), k = o("v-expand-transition"), C = o("v-card"), T = o("edit-screen-dialog"), y = o("v-textarea"), v = o("v-dialog");
+  return w(), M("div", {
+    style: G(a.computedStyle),
+    ref: "bar"
+  }, [
+    i(C, {
+      "min-height": l.height,
+      "min-width": l.width,
+      style: { cursor: "default" }
+    }, {
+      default: n(() => [
+        i(p, { height: "24" }, {
+          default: n(() => [
+            R(d("div", null, [
+              i(m, { location: "top" }, {
+                activator: n(({ props: c }) => [
+                  d("div", V(D(c)), [
+                    i(u, {
+                      "data-test": "error-graph-icon",
+                      onClick: e[0] || (e[0] = (b) => l.errorDialog = !0)
+                    }, {
+                      default: n(() => e[7] || (e[7] = [
+                        _(" mdi-alert ")
+                      ])),
+                      _: 1
+                    })
+                  ], 16)
+                ]),
+                default: n(() => [
+                  e[8] || (e[8] = d("span", null, " Errors ", -1))
+                ]),
+                _: 1
+              })
+            ], 512), [
+              [L, l.errors.length !== 0]
+            ]),
+            i(m, { location: "top" }, {
+              activator: n(({ props: c }) => [
+                d("div", V(D(c)), [
+                  i(u, {
+                    "data-test": "edit-screen-icon",
+                    onClick: a.openEdit
+                  }, {
+                    default: n(() => e[9] || (e[9] = [
+                      _(" mdi-pencil ")
+                    ])),
+                    _: 1
+                  }, 8, ["onClick"])
+                ], 16)
+              ]),
+              default: n(() => [
+                e[10] || (e[10] = d("span", null, " Edit Screen ", -1))
+              ]),
+              _: 1
+            }),
+            s.fixFloated ? S("", !0) : (w(), x(m, {
+              key: 0,
+              location: "top"
+            }, {
+              activator: n(({ props: c }) => [
+                d("div", V(D(c)), [
+                  i(u, {
+                    "data-test": "float-screen-icon",
+                    onClick: a.floatScreen
+                  }, {
+                    default: n(() => [
+                      _(N(l.floated ? "mdi-balloon" : "mdi-view-grid-outline"), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ], 16)
+              ]),
+              default: n(() => [
+                d("span", null, N(l.floated ? "Unfloat Screen" : "Float Screen"), 1)
+              ]),
+              _: 1
+            })),
+            l.floated ? (w(), x(m, {
+              key: 1,
+              location: "top"
+            }, {
+              activator: n(({ props: c }) => [
+                d("div", V(D(c)), [
+                  i(u, {
+                    "data-test": "up-screen-icon",
+                    onClick: a.upScreen
+                  }, {
+                    default: n(() => e[11] || (e[11] = [
+                      _(" mdi-arrow-up ")
+                    ])),
+                    _: 1
+                  }, 8, ["onClick"])
+                ], 16)
+              ]),
+              default: n(() => [
+                e[12] || (e[12] = d("span", null, " Move Screen Up ", -1))
+              ]),
+              _: 1
+            })) : S("", !0),
+            l.floated && l.zIndex > s.minZ ? (w(), x(m, {
+              key: 2,
+              location: "top"
+            }, {
+              activator: n(({ props: c }) => [
+                d("div", V(D(c)), [
+                  i(u, {
+                    "data-test": "down-screen-icon",
+                    onClick: a.downScreen
+                  }, {
+                    default: n(() => e[13] || (e[13] = [
+                      _(" mdi-arrow-down ")
+                    ])),
+                    _: 1
+                  }, 8, ["onClick"])
+                ], 16)
+              ]),
+              default: n(() => [
+                e[14] || (e[14] = d("span", null, " Move Screen Down ", -1))
+              ]),
+              _: 1
+            })) : S("", !0),
+            i(f),
+            d("span", null, N(s.target) + " " + N(s.screen), 1),
+            i(f),
+            i(m, { location: "top" }, {
+              activator: n(({ props: c }) => [
+                d("div", V(D(c)), [
+                  R(i(u, {
+                    "data-test": "minimize-screen-icon",
+                    onClick: a.minMaxTransition
+                  }, {
+                    default: n(() => e[15] || (e[15] = [
+                      _(" mdi-window-minimize ")
+                    ])),
+                    _: 1
+                  }, 8, ["onClick"]), [
+                    [L, l.expand]
+                  ]),
+                  R(i(u, {
+                    "data-test": "maximize-screen-icon",
+                    onClick: a.minMaxTransition
+                  }, {
+                    default: n(() => e[16] || (e[16] = [
+                      _(" mdi-window-maximize ")
+                    ])),
+                    _: 1
+                  }, 8, ["onClick"]), [
+                    [L, !l.expand]
+                  ])
+                ], 16)
+              ]),
+              default: n(() => [
+                R(d("span", null, " Minimize Screen ", 512), [
+                  [L, l.expand]
+                ]),
+                R(d("span", null, " Maximize Screen ", 512), [
+                  [L, !l.expand]
+                ])
+              ]),
+              _: 1
+            }),
+            s.showClose ? (w(), x(m, {
+              key: 3,
+              location: "top"
+            }, {
+              activator: n(({ props: c }) => [
+                d("div", V(D(c)), [
+                  i(u, {
+                    "data-test": "close-screen-icon",
+                    onClick: e[1] || (e[1] = (b) => t.$emit("close-screen"))
+                  }, {
+                    default: n(() => e[17] || (e[17] = [
+                      _(" mdi-close-box ")
+                    ])),
+                    _: 1
+                  })
+                ], 16)
+              ]),
+              default: n(() => [
+                e[18] || (e[18] = d("span", null, " Close Screen ", -1))
+              ]),
+              _: 1
+            })) : S("", !0)
+          ]),
+          _: 1
+        }),
+        l.editDialog ? S("", !0) : (w(), x(k, { key: 0 }, {
+          default: n(() => [
+            R(d("div", Ae, [
+              i(g, {
+                style: { "pointer-events": "none" },
+                "model-value": l.errors.length !== 0,
+                opacity: "0.8",
+                absolute: ""
+              }, null, 8, ["model-value"]),
+              (w(), x(h, {
+                key: l.screenKey,
+                widgets: l.layoutStack[0].widgets,
+                "screen-values": l.screenValues,
+                "screen-time-zone": s.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), [
+              [L, l.expand]
+            ])
+          ]),
+          _: 1
+        }))
+      ]),
+      _: 1
+    }, 8, ["min-height", "min-width"]),
+    l.editDialog ? (w(), x(T, {
+      key: 0,
+      modelValue: l.editDialog,
+      "onUpdate:modelValue": e[2] || (e[2] = (c) => l.editDialog = c),
+      target: s.target,
+      screen: s.screen,
+      definition: l.currentDefinition,
+      keywords: s.keywords,
+      errors: l.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"])) : S("", !0),
+    i(v, {
+      modelValue: l.errorDialog,
+      "onUpdate:modelValue": e[6] || (e[6] = (c) => l.errorDialog = c),
+      "max-width": "600"
+    }, {
+      default: n(() => [
+        i(p, { height: "24" }, {
+          default: n(() => [
+            i(f),
+            d("span", null, " Screen: " + N(s.target) + " " + N(s.screen) + " Errors ", 1),
+            i(f)
+          ]),
+          _: 1
+        }),
+        i(C, null, {
+          default: n(() => [
+            i(y, {
+              class: "errors",
+              readonly: "",
+              rows: "13",
+              "model-value": a.error
+            }, null, 8, ["model-value"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"])
+  ], 4);
+}
+const Qe = /* @__PURE__ */ A(Ee, [["render", Re], ["__scopeId", "data-v-97014e16"]]), Le = {
+  props: {
+    allowAll: {
+      type: Boolean,
+      default: !1
+    },
+    allowAllTargets: {
+      type: Boolean,
+      default: !1
+    },
+    buttonText: {
+      type: String,
+      default: null
+    },
+    chooseItem: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    initialTargetName: {
+      type: String,
+      default: ""
+    },
+    initialPacketName: {
+      type: String,
+      default: ""
+    },
+    initialItemName: {
+      type: String,
+      default: ""
+    },
+    selectTypes: {
+      type: Boolean,
+      default: !1
+    },
+    mode: {
+      type: String,
+      default: "tlm",
+      // TODO: add validators throughout
+      validator: (t) => ["cmd", "tlm"].includes(t)
+    },
+    unknown: {
+      type: Boolean,
+      default: !1
+    },
+    vertical: {
+      type: Boolean,
+      default: !1
+    },
+    hidden: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  data() {
+    var t, e, s;
+    return {
+      targetNames: [],
+      selectedTargetName: (t = this.initialTargetName) == null ? void 0 : t.toUpperCase(),
+      packetNames: [],
+      selectedPacketName: (e = this.initialPacketName) == null ? void 0 : e.toUpperCase(),
+      itemNames: [],
+      selectedItemName: (s = this.initialItemName) == null ? void 0 : s.toUpperCase(),
+      valueTypes: ["CONVERTED", "RAW"],
+      selectedValueType: "CONVERTED",
+      reductionModes: [
+        // Map NONE to DECOM for clarity
+        { title: "NONE", value: "DECOM" },
+        { title: "REDUCED_MINUTE", value: "REDUCED_MINUTE" },
+        { title: "REDUCED_HOUR", value: "REDUCED_HOUR" },
+        { title: "REDUCED_DAY", value: "REDUCED_DAY" }
+      ],
+      selectedArrayIndex: null,
+      selectedReduced: "DECOM",
+      reducedTypes: ["MIN", "MAX", "AVG", "STDDEV"],
+      selectedReducedType: "AVG",
+      description: "",
+      hazardous: !1,
+      internalDisabled: !1,
+      packetsDisabled: !1,
+      itemsDisabled: !1,
+      api: null,
+      ALL: {
+        label: "[ ALL ]",
+        value: "ALL",
+        description: "ALL"
+      },
+      // Constant to indicate all packets or items
+      UNKNOWN: {
+        label: "[ UNKNOWN ]",
+        value: "UNKNOWN",
+        description: "UNKNOWN"
+      }
+    };
+  },
+  created() {
+    this.internalDisabled = !0, this.api = new U(), 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);
+    });
+  },
+  computed: {
+    actualButtonText: function() {
+      return this.selectedPacketName === "ALL" ? "Add Target" : this.selectedItemName === "ALL" ? "Add Packet" : this.buttonText;
+    },
+    autocompleteDisabled: function() {
+      return this.disabled || this.internalDisabled;
+    },
+    buttonDisabled: function() {
+      return this.disabled || this.internalDisabled || this.selectedTargetName === null || this.selectedPacketName === null || this.selectedItemNameWIndex === null;
+    },
+    colSize: function() {
+      return this.vertical ? 12 : !1;
+    },
+    selectedItemNameWIndex: function() {
+      return this.itemIsArray() && this.selectedArrayIndex !== null && this.selectedArrayIndex !== this.ALL.label ? `${this.selectedItemName}[${this.selectedArrayIndex}]` : this.selectedItemName;
+    }
+  },
+  watch: {
+    mode: function(t, e) {
+      this.selectedPacketName = null, this.selectedItemName = null, this.targetNameChanged(this.selectedTargetName);
+    },
+    chooseItem: function(t, e) {
+      t ? this.updateItems() : this.itemNames = [];
+    }
+  },
+  methods: {
+    updatePackets: function() {
+      if (this.selectedTargetName === "UNKNOWN") {
+        this.packetNames = [this.UNKNOWN], this.selectedPacketName = this.packetNames[0].value, this.updatePacketDetails(this.UNKNOWN.value), this.description = "UNKNOWN";
+        return;
+      }
+      if (this.selectedTargetName === "ALL") {
+        this.packetNames = [this.ALL], this.selectedPacketName = this.packetNames[0].value, this.updatePacketDetails(this.ALL.value), this.description = "ALL";
+        return;
+      }
+      this.internalDisabled = !0;
+      const t = this.mode === "tlm" ? "get_all_tlm_names" : "get_all_cmd_names";
+      this.api[t](this.selectedTargetName, this.hidden).then((e) => {
+        this.packetNames = e.map((r) => ({
+          label: r,
+          value: r
+        })), this.allowAll && this.packetNames.unshift(this.ALL), this.selectedPacketName || (this.selectedPacketName = this.packetNames[0].value), this.updatePacketDetails(this.selectedPacketName), this.packetNames.find((r) => r.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((s) => {
+            let r = s.name;
+            return s.data_type == "DERIVED" && (r += " *"), [
+              {
+                label: r,
+                value: s.name,
+                description: s.description,
+                array: s.array_size / s.bit_size
+              }
+            ];
+          }).reduce((s, r) => s.concat(r), []), this.itemNames.sort((s, r) => s.label > r.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;
+        }
+      );
+    },
+    itemIsArray: function() {
+      let t = this.itemNames.findIndex(
+        (e) => e.value === this.selectedItemName
+      );
+      return t === -1 ? (this.selectedArrayIndex = null, !1) : isNaN(this.itemNames[t].array) ? (this.selectedArrayIndex = null, !1) : (this.selectedArrayIndex === null && (this.selectedArrayIndex = 0), !0);
+    },
+    arrayIndexes: function() {
+      let t = this.itemNames.findIndex(
+        (s) => s.value === this.selectedItemName
+      ), e = [...Array(this.itemNames[t].array).keys()];
+      return this.allowAll && e.unshift(this.ALL.label), e;
+    },
+    targetNameChanged: function(t) {
+      this.selectedTargetName = t, this.selectedPacketName = "", this.selectedItemName = "", t !== null && this.updatePackets();
+    },
+    packetNameChanged: function(t) {
+      this.selectedItemName = "", t !== null && this.updatePacketDetails(t);
+    },
+    updatePacketDetails: function(t) {
+      if (t === "ALL")
+        this.itemsDisabled = !0, this.internalDisabled = !1;
+      else {
+        this.itemsDisabled = !1;
+        const e = this.packetNames.find((s) => t === s.value);
+        if (e) {
+          this.selectedPacketName = e.value;
+          const s = this.mode === "tlm" ? "get_tlm" : "get_cmd";
+          this.api[s](this.selectedTargetName, this.selectedPacketName).then(
+            (r) => {
+              this.description = r.description, this.hazardous = r.hazardous;
+            }
+          );
+        }
+      }
+      this.chooseItem ? this.updateItems() : this.$emit("on-set", {
+        targetName: this.selectedTargetName,
+        packetName: this.selectedPacketName,
+        itemName: this.selectedItemNameWIndex,
+        valueType: this.selectedValueType,
+        reduced: this.selectedReduced,
+        reducedType: this.selectedReducedType
+      });
+    },
+    itemNameChanged: function(t) {
+      const e = this.itemNames.find((s) => t === s.value);
+      e && (this.itemIsArray(), this.selectedItemName = e.value, this.description = e.description, this.$emit("on-set", {
+        targetName: this.selectedTargetName,
+        packetName: this.selectedPacketName,
+        itemName: this.selectedItemNameWIndex,
+        valueType: this.selectedValueType,
+        reduced: this.selectedReduced,
+        reducedType: this.selectedReducedType
+      }));
+    },
+    indexChanged: function(t) {
+      this.$emit("on-set", {
+        targetName: this.selectedTargetName,
+        packetName: this.selectedPacketName,
+        itemName: this.selectedItemNameWIndex,
+        valueType: this.selectedValueType,
+        reduced: this.selectedReduced,
+        reducedType: this.selectedReducedType
+      });
+    },
+    buttonPressed: function() {
+      this.selectedPacketName === "ALL" ? this.allTargetPacketItems() : this.selectedItemName === "ALL" ? this.allPacketItems() : this.chooseItem ? this.$emit("addItem", {
+        targetName: this.selectedTargetName,
+        packetName: this.selectedPacketName,
+        itemName: this.selectedItemNameWIndex,
+        valueType: this.selectedValueType,
+        reduced: this.selectedReduced,
+        reducedType: this.selectedReducedType
+      }) : this.$emit("addItem", {
+        targetName: this.selectedTargetName,
+        packetName: this.selectedPacketName,
+        valueType: this.selectedValueType,
+        reduced: this.selectedReduced,
+        reducedType: this.selectedReducedType
+      });
+    },
+    allTargetPacketItems: function() {
+      this.packetNames.forEach((t) => {
+        if (t === this.ALL) return;
+        const e = this.mode === "tlm" ? "get_tlm" : "get_cmd";
+        this.api[e](this.selectedTargetName, t.value).then(
+          (s) => {
+            s.items.forEach((r) => {
+              this.$emit("addItem", {
+                targetName: this.selectedTargetName,
+                packetName: t.value,
+                itemName: r.name,
+                valueType: this.selectedValueType,
+                reduced: this.selectedReduced,
+                reducedType: this.selectedReducedType
+              });
+            });
+          }
+        );
+      });
+    },
+    allPacketItems: function() {
+      this.itemNames.forEach((t) => {
+        t !== this.ALL && this.$emit("addItem", {
+          targetName: this.selectedTargetName,
+          packetName: this.selectedPacketName,
+          itemName: t.value,
+          valueType: this.selectedValueType,
+          reduced: this.selectedReduced,
+          reducedType: this.selectedReducedType
+        });
+      });
+    }
+  }
+}, Ue = { class: "pt-4 pb-4" };
+function Oe(t, e, s, r, l, a) {
+  const u = o("v-autocomplete"), m = o("v-col"), f = o("v-combobox"), p = o("v-btn"), g = o("v-row");
+  return w(), M("div", Ue, [
+    i(g, null, {
+      default: n(() => [
+        i(m, {
+          cols: a.colSize,
+          class: "select",
+          "data-test": "select-target"
+        }, {
+          default: n(() => [
+            i(u, {
+              label: "Select Target",
+              "hide-details": "",
+              density: "compact",
+              variant: "outlined",
+              "onUpdate:modelValue": [
+                a.targetNameChanged,
+                e[0] || (e[0] = (h) => l.selectedTargetName = h)
+              ],
+              items: l.targetNames,
+              "item-title": "label",
+              "item-value": "value",
+              modelValue: l.selectedTargetName
+            }, null, 8, ["onUpdate:modelValue", "items", "modelValue"])
+          ]),
+          _: 1
+        }, 8, ["cols"]),
+        i(m, {
+          cols: a.colSize,
+          class: "select",
+          "data-test": "select-packet"
+        }, {
+          default: n(() => [
+            i(u, {
+              label: "Select Packet",
+              "hide-details": "",
+              density: "compact",
+              variant: "outlined",
+              "onUpdate:modelValue": [
+                a.packetNameChanged,
+                e[1] || (e[1] = (h) => l.selectedPacketName = h)
+              ],
+              disabled: l.packetsDisabled || a.autocompleteDisabled,
+              items: l.packetNames,
+              "item-title": "label",
+              "item-value": "value",
+              modelValue: l.selectedPacketName
+            }, null, 8, ["onUpdate:modelValue", "disabled", "items", "modelValue"])
+          ]),
+          _: 1
+        }, 8, ["cols"]),
+        s.chooseItem ? (w(), x(m, {
+          key: 0,
+          cols: a.colSize,
+          class: "select",
+          "data-test": "select-item"
+        }, {
+          default: n(() => [
+            i(u, {
+              label: "Select Item",
+              "hide-details": "",
+              density: "compact",
+              variant: "outlined",
+              "onUpdate:modelValue": [
+                e[2] || (e[2] = (h) => a.itemNameChanged(h)),
+                e[3] || (e[3] = (h) => l.selectedItemName = h)
+              ],
+              disabled: l.itemsDisabled || a.autocompleteDisabled,
+              items: l.itemNames,
+              "item-title": "label",
+              "item-value": "value",
+              modelValue: l.selectedItemName
+            }, null, 8, ["disabled", "items", "modelValue"])
+          ]),
+          _: 1
+        }, 8, ["cols"])) : S("", !0),
+        s.chooseItem && a.itemIsArray() ? (w(), x(m, {
+          key: 1,
+          cols: "1",
+          class: "select",
+          "data-test": "array-index"
+        }, {
+          default: n(() => [
+            i(f, {
+              label: "Index",
+              "hide-details": "",
+              density: "compact",
+              variant: "outlined",
+              "onUpdate:modelValue": [
+                e[4] || (e[4] = (h) => a.indexChanged(h)),
+                e[5] || (e[5] = (h) => l.selectedArrayIndex = h)
+              ],
+              disabled: l.itemsDisabled || a.autocompleteDisabled,
+              items: a.arrayIndexes(),
+              "item-title": "label",
+              "item-value": "value",
+              modelValue: l.selectedArrayIndex
+            }, null, 8, ["disabled", "items", "modelValue"])
+          ]),
+          _: 1
+        })) : S("", !0),
+        s.buttonText ? (w(), x(m, {
+          key: 2,
+          cols: a.colSize,
+          style: { "max-width": "140px" }
+        }, {
+          default: n(() => [
+            i(p, {
+              disabled: a.buttonDisabled,
+              color: "primary",
+              "data-test": "select-send",
+              onClick: a.buttonPressed
+            }, {
+              default: n(() => [
+                _(N(a.actualButtonText), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled", "onClick"])
+          ]),
+          _: 1
+        }, 8, ["cols"])) : S("", !0)
+      ]),
+      _: 1
+    }),
+    s.selectTypes ? (w(), x(g, { key: 0 }, {
+      default: n(() => [
+        i(m, {
+          cols: a.colSize,
+          class: "select",
+          "data-test": "data-type"
+        }, {
+          default: n(() => [
+            i(u, {
+              label: "Value Type",
+              "hide-details": "",
+              density: "compact",
+              variant: "outlined",
+              items: l.valueTypes,
+              modelValue: l.selectedValueType,
+              "onUpdate:modelValue": e[6] || (e[6] = (h) => l.selectedValueType = h)
+            }, null, 8, ["items", "modelValue"])
+          ]),
+          _: 1
+        }, 8, ["cols"]),
+        i(m, {
+          cols: a.colSize,
+          class: "select",
+          "data-test": "reduced"
+        }, {
+          default: n(() => [
+            i(u, {
+              label: "Reduced",
+              "hide-details": "",
+              density: "compact",
+              variant: "outlined",
+              items: l.reductionModes,
+              modelValue: l.selectedReduced,
+              "onUpdate:modelValue": e[7] || (e[7] = (h) => l.selectedReduced = h)
+            }, null, 8, ["items", "modelValue"])
+          ]),
+          _: 1
+        }, 8, ["cols"]),
+        i(m, {
+          cols: a.colSize,
+          class: "select",
+          "data-test": "reduced-type"
+        }, {
+          default: n(() => [
+            i(u, {
+              label: "Reduced Type",
+              "hide-details": "",
+              density: "compact",
+              variant: "outlined",
+              disabled: l.selectedReduced === "DECOM",
+              items: l.reducedTypes,
+              modelValue: l.selectedReducedType,
+              "onUpdate:modelValue": e[8] || (e[8] = (h) => l.selectedReducedType = h)
+            }, null, 8, ["disabled", "items", "modelValue"])
+          ]),
+          _: 1
+        }, 8, ["cols"]),
+        i(m, {
+          cols: a.colSize,
+          style: { "max-width": "140px" }
+        }, null, 8, ["cols"])
+      ]),
+      _: 1
+    })) : S("", !0),
+    i(g, {
+      "no-gutters": "",
+      class: "pt-3 pb-3"
+    }, {
+      default: n(() => [
+        l.hazardous ? (w(), x(m, {
+          key: 0,
+          cols: a.colSize,
+          class: "openc3-yellow"
+        }, {
+          default: n(() => [
+            _("Description: " + N(l.description) + " (HAZARDOUS)", 1)
+          ]),
+          _: 1
+        }, 8, ["cols"])) : (w(), x(m, {
+          key: 1,
+          cols: a.colSize
+        }, {
+          default: n(() => [
+            _("Description: " + N(l.description), 1)
+          ]),
+          _: 1
+        }, 8, ["cols"]))
+      ]),
+      _: 1
+    })
+  ]);
+}
+const $e = /* @__PURE__ */ A(Le, [["render", Oe], ["__scopeId", "data-v-c1c7e787"]]);
+export {
+  it as AceEditorModes,
+  Ge as Config,
+  rt as CriticalCmdDialog,
+  nt as DataViewerComponent,
+  at as DataViewerHistoryComponent,
+  ct as DetailsDialog,
+  pe as EditScreenDialog,
+  Xe as Empty,
+  mt as EnvironmentChooser,
+  Ye as EnvironmentDialog,
+  je as FileOpenSaveDialog,
+  pt as Graph,
+  gt as GraphEditDialog,
+  vt as GraphEditItemDialog,
+  qe as LogMessages,
+  Je as NotFound,
+  Ze as OpenConfigDialog,
+  Qe as Openc3Screen,
+  st as OutputDialog,
+  He as SaveConfigDialog,
+  te as ScreenCompleter,
+  ht as ScriptChooser,
+  yt as SimpleTextDialog,
+  $e as TargetPacketItemChooser,
+  wt as TextBoxDialog,
+  xt as TopBar,
+  Ct as UpgradeToEnterpriseDialog
+};
+//# sourceMappingURL=components.js.map