@openc3/vue-common 6.5.1 → 6.7.0

package/dist/{Openc3Screen-BZN0Wtrm.js → Openc3Screen-CkdegNDJ.js}

@@ -1,51 +1,51 @@
-import { l as I, p as P, b as A, W as G, f as X, g as Y } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-NIAkCgU6.js";
-import { resolveComponent as a, createBlock as b, openBlock as h, withCtx as r, createVNode as s, createElementVNode as _, toDisplayString as k, createTextVNode as C, withModifiers as D, createElementBlock as T, Fragment as z, renderList as U, ref as H, computed as j, watch as B, createCommentVNode as V, withKeys as q, withDirectives as O, vShow as M, normalizeStyle as $, normalizeProps as N, guardReactiveProps as R } from "vue";
+import { c as D, d as q, e as M, W as G, h as X, l as j } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-DWYRspHE.js";
+import { resolveComponent as r, createBlock as y, openBlock as m, withCtx as a, createVNode as s, createElementVNode as _, toDisplayString as k, createTextVNode as T, withModifiers as A, createElementBlock as E, Fragment as W, renderList as z, ref as Y, computed as H, watch as B, createCommentVNode as V, withKeys as Z, withDirectives as O, vShow as N, normalizeStyle as $, normalizeProps as R, guardReactiveProps as L } from "vue";
 import { _ as F } from "./CustomIcon-h5X7369N.js";
 import { f as J } from "./fileIcon-DqRHb1_Z.js";
-import { A as W } from "./TopBar-BrCfgCxc.js";
+import { A as P } from "./TopBar-D_2lT9RB.js";
 class Q {
   constructor() {
-    I.get("/openc3-api/autocomplete/data/screen").then((t) => {
+    D.get("/openc3-api/autocomplete/data/screen").then((t) => {
       this.autocompleteData = t.data;
-    }), this.api = new P();
+    }), this.api = new q();
   }
   async getCompletions(t, n, o, i, l) {
-    let p = n.getLine(o.row).slice(0, o.column).trimStart().split(/ (?![^<]*>)/), u = this.autocompleteData;
-    p.length > 1 && (u = u.find((g) => g.caption === p[0]));
+    let f = n.getLine(o.row).slice(0, o.column).trimStart().split(/ (?![^<]*>)/), h = this.autocompleteData;
+    f.length > 1 && (h = h.find((p) => p.caption === f[0]));
     let d = {}, c = !0;
-    if (u && u.params) {
-      u.params.length == p.length - 1 && (c = !1);
-      let g = u.params[p.length - 2];
-      if (g["Target name"])
-        u = (await this.api.get_target_names()).reduce(
+    if (h && h.params) {
+      h.params.length == f.length - 1 && (c = !1);
+      let p = h.params[f.length - 2];
+      if (p["Target name"])
+        h = (await this.api.get_target_names()).reduce(
           (S, w) => (S[w] = 1, S),
           {}
         );
-      else if (g["Packet name"]) {
-        let x = p[p.length - 2];
-        u = (await this.api.get_all_tlm(x)).reduce(
-          (w, y) => (w[y.packet_name] = y.description, w),
+      else if (p["Packet name"]) {
+        let b = f[f.length - 2];
+        h = (await this.api.get_all_tlm(b)).reduce(
+          (w, v) => (w[v.packet_name] = v.description, w),
           {}
         );
-      } else if (g["Item name"]) {
-        let x = p[p.length - 3], S = p[p.length - 2];
-        u = (await this.api.get_tlm(x, S)).items.reduce(
-          (y, f) => (y[f.name] = f.description, y),
+      } else if (p["Item name"]) {
+        let b = f[f.length - 3], S = f[f.length - 2];
+        h = (await this.api.get_tlm(b, S)).items.reduce(
+          (v, x) => (v[x.name] = x.description, v),
           {}
         );
       } else
-        u = g;
-      d = Object.keys(u || {}).map((x) => {
+        h = p;
+      d = Object.keys(h || {}).map((b) => {
         let S = {
-          value: x + (c ? " " : ""),
+          value: b + (c ? " " : ""),
           // We want the autoComplete to continue right up
           // to the last parameter
           command: c && "startAutocomplete"
         };
-        return typeof u[x] == "string" && (S.meta = u[x]), S;
+        return typeof h[b] == "string" && (S.meta = h[b]), S;
       });
     } else
-      d = u;
+      d = h;
     l(null, d);
   }
 }
@@ -110,16 +110,16 @@ const ee = {
     }
   },
   mounted: function() {
-    this.editor = A.edit(this.$refs.editor), this.editor.setTheme("ace/theme/twilight");
+    this.editor = M.edit(this.$refs.editor), this.editor.setTheme("ace/theme/twilight");
     const e = this.buildScreenMode();
-    this.editor.session.setMode(new e()), 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 Q()], this.editor.setHighlightActiveLine(!1), this.editor.setValue(this.definition), this.editor.clearSelection(), W.applyVimModeIfEnabled(this.editor), this.editor.focus();
+    this.editor.session.setMode(new e()), 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 Q()], this.editor.setHighlightActiveLine(!1), this.editor.setValue(this.definition), this.editor.clearSelection(), P.applyVimModeIfEnabled(this.editor), this.editor.focus();
   },
   beforeUnmount() {
     this.editor.destroy(), this.editor.container.remove();
   },
   methods: {
     toggleVimMode: function() {
-      W.toggleVimMode(this.editor);
+      P.toggleVimMode(this.editor);
     },
     showContextMenu: function(e) {
       this.menuX = e.pageX, this.menuY = e.pageY;
@@ -136,7 +136,7 @@ const ee = {
       );
     },
     buildScreenMode() {
-      let e = A.require("ace/lib/oop"), t = A.require(
+      let e = M.require("ace/lib/oop"), t = M.require(
         "ace/mode/text_highlight_rules"
       ).TextHighlightRules, n = this.keywords.join("|"), o = function() {
         this.$rules = {
@@ -167,7 +167,7 @@ const ee = {
       e.inherits(o, t);
       let i = function() {
         this.HighlightRules = o;
-      }, l = A.require("ace/mode/text").Mode;
+      }, l = M.require("ace/mode/text").Mode;
       return e.inherits(i, l), (function() {
         this.$id = "ace/mode/openc3";
       }).call(i.prototype), i;
@@ -197,19 +197,19 @@ const ee = {
   }
 }, te = ["textContent"];
 function ne(e, t, n, o, i, l) {
-  const m = a("v-btn"), v = a("v-spacer"), p = a("v-toolbar"), u = a("v-row"), d = a("v-file-input"), c = a("v-list-item-title"), g = a("v-list-item"), x = a("v-divider"), S = a("v-list"), w = a("v-menu"), y = a("v-card-text"), f = a("v-card"), Z = a("v-dialog");
-  return h(), b(Z, {
+  const u = r("v-btn"), g = r("v-spacer"), f = r("v-toolbar"), h = r("v-row"), d = r("v-file-input"), c = r("v-list-item-title"), p = r("v-list-item"), b = r("v-divider"), S = r("v-list"), w = r("v-menu"), v = r("v-card-text"), x = r("v-card"), C = r("v-dialog");
+  return m(), y(C, {
     modelValue: l.show,
-    "onUpdate:modelValue": t[5] || (t[5] = (E) => l.show = E),
+    "onUpdate:modelValue": t[5] || (t[5] = (I) => l.show = I),
     persistent: "",
     width: "75vw"
   }, {
-    default: r(() => [
-      s(f, null, {
-        default: r(() => [
-          s(p, { height: "24" }, {
-            default: r(() => [
-              s(m, {
+    default: a(() => [
+      s(x, null, {
+        default: a(() => [
+          s(f, { height: "24" }, {
+            default: a(() => [
+              s(u, {
                 class: "mx-2",
                 icon: "mdi-delete",
                 variant: "text",
@@ -217,10 +217,10 @@ function ne(e, t, n, o, i, l) {
                 "data-test": "delete-screen-icon",
                 onClick: l.deleteScreen
               }, null, 8, ["onClick"]),
-              s(v),
+              s(g),
               _("span", null, " Edit Screen: " + k(n.target) + " " + k(n.screen), 1),
-              s(v),
-              s(m, {
+              s(g),
+              s(u, {
                 class: "mx-2",
                 icon: "mdi-download",
                 variant: "text",
@@ -231,34 +231,36 @@ function ne(e, t, n, o, i, l) {
             ]),
             _: 1
           }),
-          s(y, { style: { "max-height": "90vh" } }, {
-            default: r(() => [
-              s(u, { class: "mt-3" }, {
-                default: r(() => t[6] || (t[6] = [
-                  C(" Upload a screen file. ")
+          s(v, { style: { "max-height": "90vh" } }, {
+            default: a(() => [
+              s(h, { class: "mt-3" }, {
+                default: a(() => t[6] || (t[6] = [
+                  T(" Upload a screen file. ", -1)
                 ])),
-                _: 1
+                _: 1,
+                __: [6]
               }),
-              s(u, {
+              s(h, {
                 "no-gutters": "",
                 align: "center"
               }, {
-                default: r(() => [
-                  s(m, {
+                default: a(() => [
+                  s(u, {
                     disabled: !i.file,
                     color: "primary",
                     class: "mr-3",
                     "data-test": "edit-screen-load",
                     onClick: l.loadFile
                   }, {
-                    default: r(() => t[7] || (t[7] = [
-                      C(" Load ")
+                    default: a(() => t[7] || (t[7] = [
+                      T(" Load ", -1)
                     ])),
-                    _: 1
+                    _: 1,
+                    __: [7]
                   }, 8, ["disabled", "onClick"]),
                   s(d, {
                     modelValue: i.file,
-                    "onUpdate:modelValue": t[0] || (t[0] = (E) => i.file = E),
+                    "onUpdate:modelValue": t[0] || (t[0] = (I) => i.file = I),
                     "truncate-length": "15",
                     accept: ".txt",
                     label: "Click to select .txt screen file."
@@ -266,40 +268,41 @@ function ne(e, t, n, o, i, l) {
                 ]),
                 _: 1
               }),
-              s(u, { class: "mb-2" }, {
-                default: r(() => t[8] || (t[8] = [
-                  C(" Edit the screen definition. ")
+              s(h, { class: "mb-2" }, {
+                default: a(() => t[8] || (t[8] = [
+                  T(" Edit the screen definition. ", -1)
                 ])),
-                _: 1
+                _: 1,
+                __: [8]
               }),
-              s(u, { class: "mb-2" }, {
-                default: r(() => [
+              s(h, { class: "mb-2" }, {
+                default: a(() => [
                   _("pre", {
                     ref: "editor",
                     class: "editor",
-                    onContextmenu: t[1] || (t[1] = D((...E) => l.showContextMenu && l.showContextMenu(...E), ["prevent"]))
+                    onContextmenu: t[1] || (t[1] = A((...I) => l.showContextMenu && l.showContextMenu(...I), ["prevent"]))
                   }, null, 544),
                   s(w, {
                     modelValue: i.contextMenu,
-                    "onUpdate:modelValue": t[2] || (t[2] = (E) => i.contextMenu = E),
+                    "onUpdate:modelValue": t[2] || (t[2] = (I) => i.contextMenu = I),
                     target: [i.menuX, i.menuY]
                   }, {
-                    default: r(() => [
+                    default: a(() => [
                       s(S, null, {
-                        default: r(() => [
-                          s(g, { link: "" }, {
-                            default: r(() => [
+                        default: a(() => [
+                          s(p, { link: "" }, {
+                            default: a(() => [
                               s(c, { onClick: l.openDocumentation }, {
-                                default: r(() => [
-                                  C(k(i.docsKeyword) + " documentation ", 1)
+                                default: a(() => [
+                                  T(k(i.docsKeyword) + " documentation ", 1)
                                 ]),
                                 _: 1
                               }, 8, ["onClick"])
                             ]),
                             _: 1
                           }),
-                          s(x),
-                          s(g, {
+                          s(b),
+                          s(p, {
                             title: "Toggle Vim mode",
                             "prepend-icon": "extras:vim",
                             onClick: l.toggleVimMode
@@ -313,45 +316,48 @@ function ne(e, t, n, o, i, l) {
                 ]),
                 _: 1
               }),
-              s(u, { style: { "max-height": "120px", "overflow-y": "auto" } }, {
-                default: r(() => [
-                  (h(!0), T(z, null, U(l.editErrors, (E, K) => (h(), T("div", { key: K }, [
+              s(h, { style: { "max-height": "120px", "overflow-y": "auto" } }, {
+                default: a(() => [
+                  (m(!0), E(W, null, z(l.editErrors, (I, K) => (m(), E("div", { key: K }, [
                     _("span", {
                       class: "text-red",
-                      textContent: k(E)
+                      textContent: k(I)
                     }, null, 8, te)
                   ]))), 128))
                 ]),
                 _: 1
               }),
-              s(u, { class: "mt-5" }, {
-                default: r(() => [
+              s(h, { class: "mt-5" }, {
+                default: a(() => [
                   t[11] || (t[11] = _("span", null, " Ctrl-space brings up autocomplete. Right click keywords for documentation. ", -1)),
-                  s(v),
-                  s(m, {
+                  s(g),
+                  s(u, {
                     class: "mx-2",
                     variant: "outlined",
                     "data-test": "edit-screen-cancel",
-                    onClick: t[3] || (t[3] = (E) => e.$emit("cancel"))
+                    onClick: t[3] || (t[3] = (I) => e.$emit("cancel"))
                   }, {
-                    default: r(() => t[9] || (t[9] = [
-                      C(" Cancel ")
+                    default: a(() => t[9] || (t[9] = [
+                      T(" Cancel ", -1)
                     ])),
-                    _: 1
+                    _: 1,
+                    __: [9]
                   }),
-                  s(m, {
+                  s(u, {
                     class: "mx-2",
                     color: "primary",
                     "data-test": "edit-screen-save",
-                    onClick: t[4] || (t[4] = (E) => e.$emit("save", e.editor.getValue()))
+                    onClick: t[4] || (t[4] = (I) => e.$emit("save", e.editor.getValue()))
                   }, {
-                    default: r(() => t[10] || (t[10] = [
-                      C(" Save ")
+                    default: a(() => t[10] || (t[10] = [
+                      T(" Save ", -1)
                     ])),
-                    _: 1
+                    _: 1,
+                    __: [10]
                   })
                 ]),
-                _: 1
+                _: 1,
+                __: [11]
               })
             ]),
             _: 1
@@ -363,7 +369,7 @@ function ne(e, t, n, o, i, l) {
     _: 1
   }, 8, ["modelValue"]);
 }
-const ie = /* @__PURE__ */ F(ee, [["render", ne], ["__scopeId", "data-v-65b25a74"]]), se = {
+const ie = /* @__PURE__ */ F(ee, [["render", ne], ["__scopeId", "data-v-65b25a74"]]), le = {
   props: {
     modelValue: Boolean
   },
@@ -412,13 +418,13 @@ const ie = /* @__PURE__ */ F(ee, [["render", ne], ["__scopeId", "data-v-65b25a74
       this.alert = e.text, this.alertType = e.type, this.showAlert = !0;
     },
     update: function() {
-      I.get("/openc3-api/environment").then((e) => {
+      D.get("/openc3-api/environment").then((e) => {
         this.environment = e.data;
       }).catch((e) => {
       });
     },
     addEnvironment: function() {
-      I.post("/openc3-api/environment", {
+      D.post("/openc3-api/environment", {
         data: {
           key: this.key.toUpperCase(),
           value: this.keyValue
@@ -437,7 +443,7 @@ const ie = /* @__PURE__ */ F(ee, [["render", ne], ["__scopeId", "data-v-65b25a74
       this.$dialog.confirm(`Are you sure you want to delete: ${e.key}=${e.value}`, {
         okText: "Delete",
         cancelText: "Cancel"
-      }).then((t) => I.delete(`/openc3-api/environment/${e.name}`)).then((t) => {
+      }).then((t) => D.delete(`/openc3-api/environment/${e.name}`)).then((t) => {
         const n = {
           text: `Removed environment variable: ${e.name}`,
           type: "success"
@@ -452,39 +458,40 @@ const ie = /* @__PURE__ */ F(ee, [["render", ne], ["__scopeId", "data-v-65b25a74
       });
     }
   }
-}, le = { class: "pa-3" };
+}, se = { class: "pa-3" };
 function oe(e, t, n, o, i, l) {
-  const m = a("v-spacer"), v = a("v-toolbar"), p = a("v-text-field"), u = a("v-row"), d = a("v-btn"), c = a("v-data-table"), g = a("v-col"), x = a("v-card-text"), S = a("v-card"), w = a("v-dialog");
-  return h(), b(w, {
+  const u = r("v-spacer"), g = r("v-toolbar"), f = r("v-text-field"), h = r("v-row"), d = r("v-btn"), c = r("v-data-table"), p = r("v-col"), b = r("v-card-text"), S = r("v-card"), w = r("v-dialog");
+  return m(), y(w, {
     modelValue: l.show,
-    "onUpdate:modelValue": t[4] || (t[4] = (y) => l.show = y),
+    "onUpdate:modelValue": t[4] || (t[4] = (v) => l.show = v),
     width: "600"
   }, {
-    default: r(() => [
+    default: a(() => [
       s(S, null, {
-        default: r(() => [
+        default: a(() => [
           _("form", {
-            onSubmit: t[3] || (t[3] = D((...y) => l.addEnvironment && l.addEnvironment(...y), ["prevent"]))
+            onSubmit: t[3] || (t[3] = A((...v) => l.addEnvironment && l.addEnvironment(...v), ["prevent"]))
           }, [
-            s(v, { height: "24" }, {
-              default: r(() => [
-                s(m),
+            s(g, { height: "24" }, {
+              default: a(() => [
+                s(u),
                 t[5] || (t[5] = _("span", null, "Global Environment Variables", -1)),
-                s(m)
+                s(u)
               ]),
-              _: 1
+              _: 1,
+              __: [5]
             }),
-            s(x, null, {
-              default: r(() => [
-                _("div", le, [
-                  s(u, {
+            s(b, null, {
+              default: a(() => [
+                _("div", se, [
+                  s(h, {
                     dense: "",
                     class: "mb-2"
                   }, {
-                    default: r(() => [
-                      s(p, {
+                    default: a(() => [
+                      s(f, {
                         modelValue: i.search,
-                        "onUpdate:modelValue": t[0] || (t[0] = (y) => i.search = y),
+                        "onUpdate:modelValue": t[0] || (t[0] = (v) => i.search = v),
                         label: "search",
                         type: "text",
                         "data-test": "search",
@@ -510,36 +517,36 @@ function oe(e, t, n, o, i, l) {
                     "items-per-page": 5,
                     "items-per-page-options": [5]
                   }, {
-                    "item.actions": r(({ item: y }) => [
+                    "item.actions": a(({ item: v }) => [
                       s(d, {
                         icon: "mdi-delete",
                         variant: "text",
                         class: "mt-1",
                         "data-test": "item-delete",
                         "aria-label": "Delete Environment Variable",
-                        onClick: (f) => l.deleteEnvironment(y)
+                        onClick: (x) => l.deleteEnvironment(v)
                       }, null, 8, ["onClick"])
                     ]),
                     _: 1
                   }, 8, ["search", "headers", "items"]),
-                  s(u, { dense: "" }, {
-                    default: r(() => [
-                      s(g, null, {
-                        default: r(() => [
-                          s(p, {
+                  s(h, { dense: "" }, {
+                    default: a(() => [
+                      s(p, null, {
+                        default: a(() => [
+                          s(f, {
                             modelValue: i.key,
-                            "onUpdate:modelValue": t[1] || (t[1] = (y) => i.key = y),
+                            "onUpdate:modelValue": t[1] || (t[1] = (v) => i.key = v),
                             label: "Key",
                             "data-test": "env-key"
                           }, null, 8, ["modelValue"])
                         ]),
                         _: 1
                       }),
-                      s(g, null, {
-                        default: r(() => [
-                          s(p, {
+                      s(p, null, {
+                        default: a(() => [
+                          s(f, {
                             modelValue: i.keyValue,
-                            "onUpdate:modelValue": t[2] || (t[2] = (y) => i.keyValue = y),
+                            "onUpdate:modelValue": t[2] || (t[2] = (v) => i.keyValue = v),
                             label: "Value",
                             "data-test": "env-value"
                           }, null, 8, ["modelValue"])
@@ -549,20 +556,21 @@ function oe(e, t, n, o, i, l) {
                     ]),
                     _: 1
                   }),
-                  s(u, { dense: "" }, {
-                    default: r(() => [
+                  s(h, { dense: "" }, {
+                    default: a(() => [
                       s(d, {
                         block: "",
                         type: "submit",
                         color: "primary",
                         "data-test": "add-env",
                         disabled: !i.key || !i.keyValue,
-                        onClick: D(l.addEnvironment, ["prevent"])
+                        onClick: A(l.addEnvironment, ["prevent"])
                       }, {
-                        default: r(() => t[6] || (t[6] = [
-                          C(" Add ")
+                        default: a(() => t[6] || (t[6] = [
+                          T(" Add ", -1)
                         ])),
-                        _: 1
+                        _: 1,
+                        __: [6]
                       }, 8, ["disabled", "onClick"])
                     ]),
                     _: 1
@@ -579,7 +587,7 @@ function oe(e, t, n, o, i, l) {
     _: 1
   }, 8, ["modelValue"]);
 }
-const Ve = /* @__PURE__ */ F(se, [["render", oe]]), re = { class: "tree-node" }, ae = { class: "content-wrapper" }, de = ["tabindex"], ce = { key: 1 }, ue = {
+const Ie = /* @__PURE__ */ F(le, [["render", oe]]), ae = { class: "tree-node" }, re = { class: "content-wrapper" }, de = ["tabindex"], ce = { key: 1 }, ue = {
   key: 2,
   class: "children"
 }, he = {
@@ -600,10 +608,10 @@ const Ve = /* @__PURE__ */ F(se, [["render", oe]]), re = { class: "tree-node" },
   },
   emits: ["nodeToggled", "request"],
   setup(e, { emit: t }) {
-    const n = e, o = H(n.node.isOpen || !1), i = j(() => {
+    const n = e, o = Y(n.node.isOpen || !1), i = H(() => {
       const d = (c) => {
-        var g;
-        return !n.search || c.path.toLowerCase().includes(n.search.toLowerCase()) ? !0 : !!((g = c.children) != null && g.some(d));
+        var p;
+        return !n.search || c.path.toLowerCase().includes(n.search.toLowerCase()) ? !0 : !!((p = c.children) != null && p.some(d));
       };
       return d(n.node);
     });
@@ -615,80 +623,84 @@ const Ve = /* @__PURE__ */ F(se, [["render", oe]]), re = { class: "tree-node" },
     ), B(
       () => n.search,
       (d) => {
-        d ? n.node.isOpen || v() : n.node.isOpen && v();
+        d ? n.node.isOpen || g() : n.node.isOpen && g();
       }
     );
-    const l = t, m = (d) => {
-      d.children ? (v(), n.type === "save" && l("request", d)) : l("request", d);
-    }, v = () => {
+    const l = t, u = (d) => {
+      d.children ? (g(), n.type === "save" && l("request", d)) : l("request", d);
+    }, g = () => {
       n.node.children && (o.value = !o.value, n.node.isOpen = o.value, l("nodeToggled", n.node.id, o.value));
-    }, p = (d, c) => {
+    }, f = (d, c) => {
       l("nodeToggled", d, c);
-    }, u = (d) => {
+    }, h = (d) => {
       l("request", d);
     };
     return (d, c) => {
-      const g = a("v-icon"), x = a("v-btn"), S = a("tree-node", !0);
-      return h(), T("div", re, [
-        i.value ? (h(), T("div", {
+      const p = r("v-icon"), b = r("v-btn"), S = r("tree-node", !0);
+      return m(), E("div", ae, [
+        i.value ? (m(), E("div", {
           key: 0,
           class: "node-content",
-          onClick: c[2] || (c[2] = (w) => m(e.node))
+          onClick: c[2] || (c[2] = (w) => u(e.node))
         }, [
-          _("div", ae, [
-            e.node.children ? (h(), b(g, {
+          _("div", re, [
+            e.node.children ? (m(), y(p, {
               key: 0,
               class: "toggle-icon",
               style: { "padding-right": "10px" }
             }, {
-              default: r(() => [
-                C(k(e.node.isOpen ? "mdi-menu-down" : "mdi-menu-right"), 1)
+              default: a(() => [
+                T(k(e.node.isOpen ? "mdi-menu-down" : "mdi-menu-right"), 1)
               ]),
               _: 1
             })) : V("", !0),
-            e.node.children ? (h(), b(g, {
+            e.node.children ? (m(), y(p, {
               key: 1,
               size: "small",
               style: { "padding-right": "10px" }
             }, {
-              default: r(() => c[3] || (c[3] = [
-                C(k("mdi-folder"))
+              default: a(() => c[3] || (c[3] = [
+                T(k("mdi-folder"), -1)
               ])),
-              _: 1
-            })) : e.node.title.includes(".rb") ? (h(), b(g, {
+              _: 1,
+              __: [3]
+            })) : e.node.title.includes(".rb") ? (m(), y(p, {
               key: 2,
               size: "small",
               style: { "padding-right": "10px" }
             }, {
-              default: r(() => c[4] || (c[4] = [
-                C(k("mdi-language-ruby"))
+              default: a(() => c[4] || (c[4] = [
+                T(k("mdi-language-ruby"), -1)
               ])),
-              _: 1
-            })) : e.node.title.includes(".py") ? (h(), b(g, {
+              _: 1,
+              __: [4]
+            })) : e.node.title.includes(".py") ? (m(), y(p, {
               key: 3,
               size: "small",
               style: { "padding-right": "10px" }
             }, {
-              default: r(() => c[5] || (c[5] = [
-                C(k("mdi-language-python"))
+              default: a(() => c[5] || (c[5] = [
+                T(k("mdi-language-python"), -1)
               ])),
-              _: 1
-            })) : (h(), b(g, {
+              _: 1,
+              __: [5]
+            })) : (m(), y(p, {
               key: 4,
               size: "small",
               style: { "padding-right": "10px" }
             }, {
-              default: r(() => c[6] || (c[6] = [
-                C(k("mdi-file-document"))
+              default: a(() => c[6] || (c[6] = [
+                T(k("mdi-file-document"), -1)
               ])),
-              _: 1
+              _: 1,
+              __: [6]
             })),
             _("span", {
               class: "title",
               tabindex: e.node.children ? -1 : 0,
-              onKeyup: c[0] || (c[0] = q((w) => m(e.node), ["enter"]))
+              onKeyup: c[0] || (c[0] = Z((w) => u(e.node), ["enter"]))
             }, k(e.node.title), 41, de),
-            e.node.title === "__TEMP__" ? (h(), b(x, {
+            e.node.title === "__TEMP__" ? (m(), y(b, {
               key: 5,
               icon: "mdi-delete",
               variant: "text",
@@ -697,15 +709,15 @@ const Ve = /* @__PURE__ */ F(se, [["render", oe]]), re = { class: "tree-node" },
               onClick: c[1] || (c[1] = (w) => l("delete"))
             })) : V("", !0)
           ])
-        ])) : (h(), T("div", ce)),
-        e.node.children && e.node.isOpen ? (h(), T("div", ue, [
-          (h(!0), T(z, null, U(e.node.children, (w) => (h(), b(S, {
+        ])) : (m(), E("div", ce)),
+        e.node.children && e.node.isOpen ? (m(), E("div", ue, [
+          (m(!0), E(W, null, z(e.node.children, (w) => (m(), y(S, {
             key: w.id,
             node: w,
             search: e.search,
             type: e.type,
-            onNodeToggled: p,
-            onRequest: u
+            onNodeToggled: f,
+            onRequest: h
           }, null, 8, ["node", "search", "type"]))), 128))
         ])) : V("", !0)
       ]);
@@ -779,7 +791,7 @@ For example: TGT1/procedures/test.py or TGT2/lib/inst.rb`, e;
     }
   },
   created() {
-    I.get("/openc3-api/targets").then((e) => {
+    D.get("/openc3-api/targets").then((e) => {
       this.targets = e.data, this.targets.push("__TEMP__"), this.targets.forEach((t) => {
         this.items.push({
           id: t,
@@ -796,7 +808,7 @@ For example: TGT1/procedures/test.py or TGT2/lib/inst.rb`, e;
       return J(e);
     },
     loadFiles: function(e) {
-      I.get(this.apiUrl, { params: { target: e } }).then((t) => {
+      D.get(this.apiUrl, { params: { target: e } }).then((t) => {
         if (t.data.length === 0) {
           this.items = this.items.filter((o) => o.id !== e);
           return;
@@ -846,7 +858,7 @@ For example: TGT1/procedures/test.py or TGT2/lib/inst.rb`, e;
       this.$dialog.confirm("Are you sure you want to delete all the temporary files?", {
         okText: "Delete",
         cancelText: "Cancel"
-      }).then((e) => I.delete("/script-api/scripts/temp_files")).then((e) => {
+      }).then((e) => D.delete("/script-api/scripts/temp_files")).then((e) => {
         this.$emit("clear-temp"), this.loadFiles("__TEMP__");
       }).catch((e) => {
         this.$notify.serious({
@@ -856,7 +868,7 @@ For example: TGT1/procedures/test.py or TGT2/lib/inst.rb`, e;
       });
     },
     openSuccess: function() {
-      this.disableButtons = !0, I.get(`${this.apiUrl}/${this.selectedFile}`).then((e) => {
+      this.disableButtons = !0, D.get(`${this.apiUrl}/${this.selectedFile}`).then((e) => {
         const t = {
           name: this.selectedFile,
           contents: e.data.contents
@@ -909,19 +921,19 @@ For example: TGT1/procedures/test.py or TGT2/lib/inst.rb`, e;
   }
 }, pe = { class: "pa-3" }, ge = { class: "overflow-y-auto tree-container" };
 function ve(e, t, n, o, i, l) {
-  const m = a("v-progress-circular"), v = a("v-overlay"), p = a("v-spacer"), u = a("v-toolbar"), d = a("v-row"), c = a("v-text-field"), g = a("tree-node"), x = a("v-btn"), S = a("v-card-text"), w = a("v-card"), y = a("v-dialog");
-  return h(), b(y, {
+  const u = r("v-progress-circular"), g = r("v-overlay"), f = r("v-spacer"), h = r("v-toolbar"), d = r("v-row"), c = r("v-text-field"), p = r("tree-node"), b = r("v-btn"), S = r("v-card-text"), w = r("v-card"), v = r("v-dialog");
+  return m(), y(v, {
     modelValue: l.show,
-    "onUpdate:modelValue": t[4] || (t[4] = (f) => l.show = f),
+    "onUpdate:modelValue": t[4] || (t[4] = (x) => l.show = x),
     width: "600",
-    onKeydown: t[5] || (t[5] = q((f) => l.success(), ["enter"]))
+    onKeydown: t[5] || (t[5] = Z((x) => l.success(), ["enter"]))
   }, {
-    default: r(() => [
+    default: a(() => [
       s(w, null, {
-        default: r(() => [
-          s(v, { "model-value": i.loading }, {
-            default: r(() => [
-              s(m, {
+        default: a(() => [
+          s(g, { "model-value": i.loading }, {
+            default: a(() => [
+              s(u, {
                 indeterminate: "",
                 absolute: "",
                 size: "64"
@@ -930,22 +942,22 @@ function ve(e, t, n, o, i, l) {
             _: 1
           }, 8, ["model-value"]),
           _("form", {
-            onSubmit: t[3] || (t[3] = D((...f) => l.success && l.success(...f), ["prevent"]))
+            onSubmit: t[3] || (t[3] = A((...x) => l.success && l.success(...x), ["prevent"]))
           }, [
-            s(u, { height: "24" }, {
-              default: r(() => [
-                s(p),
+            s(h, { height: "24" }, {
+              default: a(() => [
+                s(f),
                 _("span", null, k(l.title), 1),
-                s(p)
+                s(f)
               ]),
               _: 1
             }),
             s(S, null, {
-              default: r(() => [
+              default: a(() => [
                 _("div", pe, [
                   s(d, null, {
-                    default: r(() => [
-                      C(k(l.helpText), 1)
+                    default: a(() => [
+                      T(k(l.helpText), 1)
                     ]),
                     _: 1
                   }),
@@ -953,10 +965,10 @@ function ve(e, t, n, o, i, l) {
                     dense: "",
                     class: "mt-5"
                   }, {
-                    default: r(() => [
+                    default: a(() => [
                       s(c, {
                         modelValue: i.search,
-                        "onUpdate:modelValue": t[0] || (t[0] = (f) => i.search = f),
+                        "onUpdate:modelValue": t[0] || (t[0] = (x) => i.search = x),
                         flat: "",
                         autofocus: "",
                         "hide-details": "",
@@ -970,9 +982,9 @@ function ve(e, t, n, o, i, l) {
                     _: 1
                   }),
                   _("div", ge, [
-                    (h(!0), T(z, null, U(i.items, (f) => (h(), b(g, {
-                      key: `${f.id}`,
-                      node: f,
+                    (m(!0), E(W, null, z(i.items, (x) => (m(), y(p, {
+                      key: `${x.id}`,
+                      node: x,
                       search: i.search,
                       type: n.type,
                       onRequest: l.activeFile,
@@ -980,10 +992,10 @@ function ve(e, t, n, o, i, l) {
                     }, null, 8, ["node", "search", "type", "onRequest", "onDelete"]))), 128))
                   ]),
                   s(d, { class: "my-2" }, {
-                    default: r(() => [
+                    default: a(() => [
                       s(c, {
                         modelValue: i.selectedFile,
-                        "onUpdate:modelValue": t[1] || (t[1] = (f) => i.selectedFile = f),
+                        "onUpdate:modelValue": t[1] || (t[1] = (x) => i.selectedFile = x),
                         "hide-details": "",
                         label: "Filename",
                         "data-test": "file-open-save-filename",
@@ -993,42 +1005,43 @@ function ve(e, t, n, o, i, l) {
                     _: 1
                   }),
                   s(d, { dense: "" }, {
-                    default: r(() => [
+                    default: a(() => [
                       O(_("div", {
                         class: "my-2 text-red",
                         style: { "white-space": "pre-line" }
                       }, k(l.error), 513), [
-                        [M, l.error]
+                        [N, l.error]
                       ])
                     ]),
                     _: 1
                   }),
                   s(d, { class: "mt-2" }, {
-                    default: r(() => [
-                      s(p),
-                      s(x, {
+                    default: a(() => [
+                      s(f),
+                      s(b, {
                         variant: "outlined",
                         class: "mx-2",
                         "data-test": "file-open-save-cancel-btn",
                         disabled: i.disableButtons,
-                        onClick: t[2] || (t[2] = (f) => l.show = !1)
+                        onClick: t[2] || (t[2] = (x) => l.show = !1)
                       }, {
-                        default: r(() => t[6] || (t[6] = [
-                          C(" Cancel ")
+                        default: a(() => t[6] || (t[6] = [
+                          T(" Cancel ", -1)
                         ])),
-                        _: 1
+                        _: 1,
+                        __: [6]
                       }, 8, ["disabled"]),
-                      s(x, {
+                      s(b, {
                         ref: "submitBtn",
                         type: "submit",
                         color: "primary",
                         class: "mx-2",
                         "data-test": "file-open-save-submit-btn",
                         disabled: i.disableButtons || !!l.error,
-                        onClick: D(l.success, ["prevent"])
+                        onClick: A(l.success, ["prevent"])
                       }, {
-                        default: r(() => [
-                          C(k(l.submit), 1)
+                        default: a(() => [
+                          T(k(l.submit), 1)
                         ]),
                         _: 1
                       }, 8, ["disabled", "onClick"])
@@ -1047,7 +1060,7 @@ function ve(e, t, n, o, i, l) {
     _: 1
   }, 8, ["modelValue"]);
 }
-const Te = /* @__PURE__ */ F(fe, [["render", ve]]), L = 20, ye = {
+const Ve = /* @__PURE__ */ F(fe, [["render", ve]]), U = 20, _e = {
   components: {
     EditScreenDialog: ie
   },
@@ -1108,6 +1121,14 @@ const Te = /* @__PURE__ */ F(fe, [["render", ve]]), L = 20, ye = {
     inline: {
       type: Boolean,
       default: !1
+    },
+    playbackMode: {
+      type: String,
+      default: "realtime"
+    },
+    playbackDateTime: {
+      type: Date,
+      default: null
     }
   },
   emits: [
@@ -1127,7 +1148,6 @@ const Te = /* @__PURE__ */ F(fe, [["render", ve]]), L = 20, ye = {
       editDialog: !1,
       expand: !0,
       configParser: null,
-      configError: !1,
       currentLayout: null,
       layoutStack: [],
       namedWidgets: {},
@@ -1152,9 +1172,12 @@ const Te = /* @__PURE__ */ F(fe, [["render", ve]]), L = 20, ye = {
       zIndex: this.initialZ,
       changeCounter: 0,
       screenItems: [],
+      actualScreenItems: [],
       screenValues: {},
       updateCounter: 0,
-      screenId: Y.uniqueId("openc3-screen_")
+      updater: null,
+      screenId: j.uniqueId("openc3-screen_"),
+      tlmAvailableTimeout: null
     };
   },
   computed: {
@@ -1184,13 +1207,23 @@ const Te = /* @__PURE__ */ F(fe, [["render", ve]]), L = 20, ye = {
       handler(e, t) {
         this.currentDefinition = this.definition, this.rerender();
       }
+    },
+    playbackDateTime: {
+      handler(e, t) {
+        this.playbackMode === "playback" && e && this.update();
+      }
+    },
+    playbackMode: {
+      handler(e, t) {
+        e === "realtime" ? this.updateRefreshInterval() : (clearInterval(this.updater), this.updater = null);
+      }
     }
   },
   // 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(e, t, n) {
-    return this.errors.length < L && (e.usage ? this.errors.push({
+    return this.errors.length < U && (e.usage ? this.errors.push({
       type: "usage",
       message: e.message,
       usage: e.usage,
@@ -1201,16 +1234,16 @@ const Te = /* @__PURE__ */ F(fe, [["render", ve]]), L = 20, ye = {
       type: "error",
       message: e,
       time: (/* @__PURE__ */ new Date()).getTime()
-    }), console.log(this.errors), this.configError = !0), !1;
+    })), !1;
   },
   created() {
-    this.api = new P(), this.configParser = new X(), this.parseDefinition(), this.screenKey = Math.floor(Math.random() * 1e6);
+    this.api = new q(), this.configParser = new X(), 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);
+    this.playbackMode === "realtime" && 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);
+    this.updater != null && (clearInterval(this.updater), this.updater = null), this.tlmAvailableTimeout != null && (clearTimeout(this.tlmAvailableTimeout), this.tlmAvailableTimeout = null);
   },
   methods: {
     // These are API methods that ButtonWidget uses to open and close screens
@@ -1224,7 +1257,7 @@ const Te = /* @__PURE__ */ F(fe, [["render", ve]]), L = 20, ye = {
       this.$parent.closeAll();
     },
     clearErrors: function() {
-      this.errors = [], this.configError = !1;
+      this.errors = [];
     },
     updateRefreshInterval: function() {
       let e = this.pollingPeriod * 1e3;
@@ -1262,13 +1295,31 @@ const Te = /* @__PURE__ */ F(fe, [["render", ve]]), L = 20, ye = {
                   `${e} <Time (s)>`
                 ), this.staleTime = parseInt(t[0]);
                 break;
-              case "SETTING":
               case "SUBSETTING":
-                (this.currentLayout.widgets[this.currentLayout.widgets.length - 1] ?? this.currentLayout).settings.push(t);
+                this.configParser.verify_num_parameters(
+                  3,
+                  null,
+                  `${e} <Index> <Widget Type> <Widget Settings...>`
+                ), t[1] === "RAW" && (t[1] = "RAW__" + t[2].toLowerCase());
+              case "SETTING":
+                this.configParser.verify_num_parameters(
+                  2,
+                  null,
+                  `${e} <Widget Type> <Widget Settings...>`
+                ), t[0] === "RAW" && (t[0] = "RAW__" + t[1].toLowerCase()), (this.currentLayout.widgets[this.currentLayout.widgets.length - 1] ?? this.currentLayout).settings.push(t);
                 break;
-              case "GLOBAL_SETTING":
               case "GLOBAL_SUBSETTING":
-                this.globalSettings.push(t);
+                this.configParser.verify_num_parameters(
+                  3,
+                  null,
+                  `${e} <Index> <Widget Type> <Widget Settings...>`
+                ), t[2] === "RAW" && (t[2] = "RAW__" + t[3].toLowerCase());
+              case "GLOBAL_SETTING":
+                this.configParser.verify_num_parameters(
+                  2,
+                  null,
+                  `${e} <Widget Type> <Widget Settings...>`
+                ), t[1] === "RAW" && (t[1] = "RAW__" + t[2].toLowerCase()), this.globalSettings.push(t);
                 break;
               default:
                 this.processWidget(e, t, n, o);
@@ -1279,12 +1330,12 @@ const Te = /* @__PURE__ */ F(fe, [["render", ve]]), L = 20, ye = {
         let e = [], t = [];
         for (const n of this.dynamicWidgets)
           e.push(n.name), t.push(n.lineNumber);
-        this.errors.length < L && (this.errors.push({
+        this.errors.length < U && this.errors.push({
           type: "usage",
           message: `Unknown widget! Are these widgets: ${e.join(",")}?`,
           lineNumber: t.join(","),
           time: (/* @__PURE__ */ new Date()).getTime()
-        }), this.configError = !0), this.layoutStack[0] = {
+        }), this.layoutStack[0] = {
           type: "VerticalWidget",
           parameters: [],
           widgets: []
@@ -1355,7 +1406,7 @@ const Te = /* @__PURE__ */ F(fe, [["render", ve]]), L = 20, ye = {
     },
     saveEdit: function(e) {
       this.editDialog = !1, this.currentDefinition = e, this.rerender(), this.$nextTick(function() {
-        I.post(
+        D.post(
           "/openc3-api/screen/",
           {
             data: {
@@ -1370,7 +1421,7 @@ const Te = /* @__PURE__ */ F(fe, [["render", ve]]), L = 20, ye = {
       });
     },
     deleteScreen: function() {
-      this.editDialog = !1, I.delete(`/openc3-api/screen/${this.target}/${this.screen}`).then(
+      this.editDialog = !1, D.delete(`/openc3-api/screen/${this.target}/${this.screen}`).then(
         (e) => {
           this.$emit("delete-screen");
         }
@@ -1387,41 +1438,41 @@ const Te = /* @__PURE__ */ F(fe, [["render", ve]]), L = 20, ye = {
         `${e} <Widget Name> <Widget Type> <Widget Settings... (optional)>`
       ), i = t[0].toUpperCase(), e = t[1].toUpperCase(), t = t.slice(2, t.length));
       const l = e.charAt(0).toUpperCase() + e.slice(1).toLowerCase() + "Widget";
-      let m = [];
-      if (m.push(["__SCREEN_ID__", this.screenId]), i !== null && m.push(["NAMED_WIDGET", i]), e === "VERTICAL" || e === "VERTICALBOX" || e === "HORIZONTAL" || e === "HORIZONTALBOX" || e === "MATRIXBYCOLUMNS" || e === "TABBOOK" || e === "TABITEM" || e === "CANVAS" || e === "RADIOGROUP" || e === "SCROLLWINDOW") {
-        const v = {
+      let u = [];
+      if (u.push(["__SCREEN_ID__", this.screenId]), i !== null && u.push(["NAMED_WIDGET", i]), e === "VERTICAL" || e === "VERTICALBOX" || e === "HORIZONTAL" || e === "HORIZONTALBOX" || e === "MATRIXBYCOLUMNS" || e === "TABBOOK" || e === "TABITEM" || e === "CANVAS" || e === "RADIOGROUP" || e === "SCROLLWINDOW") {
+        const g = {
           type: l,
           parameters: t,
-          settings: m,
+          settings: u,
           screenValues: this.screenValues,
           screenTimeZone: this.timeZone,
           widgets: []
         };
-        this.layoutStack.push(v), this.currentLayout.widgets.push(v), this.currentLayout = v;
+        this.layoutStack.push(g), this.currentLayout.widgets.push(g), this.currentLayout = g;
       } else if (this.$options.components[l])
         this.currentLayout.widgets.push({
           type: l,
           target: this.target,
           parameters: t,
-          settings: m,
+          settings: u,
           screenValues: this.screenValues,
           screenTimeZone: this.timeZone,
           line: n,
           lineNumber: o
         });
       else {
-        let v = {
+        let g = {
           type: "DynamicWidget",
           target: this.target,
           parameters: t,
-          settings: m,
+          settings: u,
           screenValues: this.screenValues,
           screenTimeZone: this.timeZone,
           name: l,
           line: n,
           lineNumber: o
         };
-        this.currentLayout.widgets.push(v), this.dynamicWidgets.push(v);
+        this.currentLayout.widgets.push(g), this.dynamicWidgets.push(g);
       }
     },
     applyGlobalSettings: function(e) {
@@ -1434,31 +1485,78 @@ const Te = /* @__PURE__ */ F(fe, [["render", ve]]), L = 20, ye = {
       });
     },
     update: function() {
-      this.screenItems.length !== 0 && this.configError === !1 && this.api.get_tlm_values(this.screenItems, this.staleTime, this.cacheTimeout).then((e) => {
-        this.clearErrors(), this.updateValues(e);
-      }).catch((e) => {
-        let t = JSON.stringify(e, null, 2);
-        t.includes("no response received") || (this.configError = !0), this.errors.find((n) => n.message === t) || this.errors.length < L && this.errors.push({
+      let e = this.playbackMode === "playback" ? this.playbackDateTime : null;
+      this.actualScreenItems.length !== 0 && this.api.get_tlm_values(
+        this.actualScreenItems,
+        this.staleTime,
+        this.cacheTimeout,
+        e
+      ).then((t) => {
+        t && t.length > 0 && this.updateValues(t);
+      }).catch((t) => {
+        let n = JSON.stringify(t, null, 2);
+        this.errors.find((o) => o.message === n) || this.errors.length < U && this.errors.push({
           type: "error",
-          message: t,
+          message: n,
           time: (/* @__PURE__ */ new Date()).getTime()
         });
       });
     },
     updateValues: function(e) {
-      this.updateCounter += 1;
-      for (let t = 0; t < e.length; t++)
-        e[t].push(this.updateCounter), this.screenValues[this.screenItems[t]] = e[t];
+      if (this.updateCounter += 1, e.length != this.screenItems.length || e.length != this.actualScreenItems.length)
+        console.log(
+          `get_tlm_values mismatch: data.length: ${e.length}, screenItems.length: ${this.screenItems.length}, actualScreenItems.length: ${this.actualScreenItems.length}`,
+          JSON.stringify(e),
+          JSON.stringify(this.screenItems),
+          JSON.stringify(this.actualScreenItems)
+        );
+      else
+        for (let t = 0; t < e.length; t++)
+          e[t].push(this.updateCounter), this.screenValues[this.screenItems[t]] = e[t];
+    },
+    debouncedUpdateTlmAvailable: function() {
+      this.tlmAvailableTimeout != null && clearTimeout(this.tlmAvailableTimeout), this.tlmAvailableTimeout = setTimeout(() => {
+        this.api.get_tlm_available(this.screenItems).then((e) => {
+          if (this.actualScreenItems = e, this.screenItems.length != e.length)
+            console.log(
+              "Error getting tlm available",
+              this.screenItems,
+              this.actualScreenItems
+            );
+          else
+            for (let t = 0; t < this.actualScreenItems.length; t++)
+              if (this.actualScreenItems[t] === null) {
+                const n = this.screenItems[t].split("__"), o = this.currentDefinition.split(`
+`), i = o.findIndex(
+                  (l) => l.includes(n[0]) && l.includes(n[1]) && l.includes(n[2])
+                ) + 1;
+                i > 0 ? this.errors.push({
+                  type: "usage",
+                  message: `Null for ${n.join(" ")}! Does it exist?`,
+                  line: o[i - 1],
+                  // 0-based line array
+                  lineNumber: i,
+                  time: (/* @__PURE__ */ new Date()).getTime()
+                }) : this.errors.push({
+                  type: "error",
+                  message: `Null for ${n.join(" ")}! Does it exist?`,
+                  time: (/* @__PURE__ */ new Date()).getTime()
+                });
+              }
+        }).catch((e) => {
+          console.log("Error getting tlm available", e), this.actualScreenItems = this.screenItems;
+        }), this.tlmAvailableTimeout = null;
+      }, 100);
     },
     addItem: function(e) {
-      this.screenItems.push(e), this.screenValues[e] = [null, null, 0];
+      this.screenItems.push(e), this.screenValues[e] = [null, null, 0], this.debouncedUpdateTlmAvailable();
     },
     deleteItem: function(e) {
       let t = this.screenItems.indexOf(e);
-      this.screenItems.splice(t, 1);
+      this.screenItems.splice(t, 1), this.debouncedUpdateTlmAvailable();
     }
   }
-}, _e = {
+}, ye = {
   ref: "screen",
   class: "pa-1",
   style: { position: "relative" }
@@ -1468,21 +1566,21 @@ const Te = /* @__PURE__ */ F(fe, [["render", ve]]), L = 20, ye = {
   style: { position: "relative" }
 };
 function xe(e, t, n, o, i, l) {
-  const m = a("v-btn"), v = a("v-tooltip"), p = a("v-spacer"), u = a("v-toolbar"), d = a("v-overlay"), c = a("vertical-widget"), g = a("v-expand-transition"), x = a("v-card"), S = a("edit-screen-dialog"), w = a("v-textarea"), y = a("v-dialog");
-  return h(), T("div", {
+  const u = r("v-btn"), g = r("v-tooltip"), f = r("v-spacer"), h = r("v-toolbar"), d = r("v-overlay"), c = r("vertical-widget"), p = r("v-expand-transition"), b = r("v-card"), S = r("edit-screen-dialog"), w = r("v-textarea"), v = r("v-card-actions"), x = r("v-dialog");
+  return m(), E("div", {
     ref: "bar",
     style: $(l.computedStyle)
   }, [
-    n.inline ? V("", !0) : (h(), b(x, {
+    n.inline ? V("", !0) : (m(), y(b, {
       key: 0,
       "min-height": i.height,
       "min-width": i.width,
       style: { cursor: "default" }
     }, {
-      default: r(() => [
-        s(u, { height: "24" }, {
-          default: r(() => [
-            O(s(m, {
+      default: a(() => [
+        s(h, { height: "24" }, {
+          default: a(() => [
+            O(s(u, {
               icon: "mdi-alert",
               variant: "text",
               density: "compact",
@@ -1492,9 +1590,9 @@ function xe(e, t, n, o, i, l) {
                 i.errorDialog = !0;
               })
             }, null, 512), [
-              [M, i.errors.length !== 0]
+              [N, i.errors.length !== 0]
             ]),
-            s(m, {
+            s(u, {
               icon: "mdi-pencil",
               variant: "text",
               density: "compact",
@@ -1502,14 +1600,14 @@ function xe(e, t, n, o, i, l) {
               "aria-label": "Edit Screen",
               onClick: l.openEdit
             }, null, 8, ["onClick"]),
-            n.fixFloated ? V("", !0) : (h(), b(v, {
+            n.fixFloated ? V("", !0) : (m(), y(g, {
               key: 0,
               "open-delay": 600,
               location: "top"
             }, {
-              activator: r(({ props: f }) => [
-                _("div", N(R(f)), [
-                  s(m, {
+              activator: a(({ props: C }) => [
+                _("div", R(L(C)), [
+                  s(u, {
                     icon: i.floated ? "mdi-balloon" : "mdi-view-grid-outline",
                     variant: "text",
                     density: "compact",
@@ -1519,19 +1617,19 @@ function xe(e, t, n, o, i, l) {
                   }, null, 8, ["icon", "aria-label", "onClick"])
                 ], 16)
               ]),
-              default: r(() => [
+              default: a(() => [
                 _("span", null, k(i.floated ? "Unfloat Screen" : "Float Screen"), 1)
               ]),
               _: 1
             })),
-            i.floated ? (h(), b(v, {
+            i.floated ? (m(), y(g, {
               key: 1,
               "open-delay": 600,
               location: "top"
             }, {
-              activator: r(({ props: f }) => [
-                _("div", N(R(f)), [
-                  s(m, {
+              activator: a(({ props: C }) => [
+                _("div", R(L(C)), [
+                  s(u, {
                     icon: "mdi-arrow-up",
                     variant: "text",
                     density: "compact",
@@ -1541,19 +1639,20 @@ function xe(e, t, n, o, i, l) {
                   }, null, 8, ["onClick"])
                 ], 16)
               ]),
-              default: r(() => [
-                t[5] || (t[5] = _("span", null, " Move Screen Up ", -1))
+              default: a(() => [
+                t[6] || (t[6] = _("span", null, " Move Screen Up ", -1))
               ]),
-              _: 1
+              _: 1,
+              __: [6]
             })) : V("", !0),
-            i.floated && i.zIndex > n.minZ ? (h(), b(v, {
+            i.floated && i.zIndex > n.minZ ? (m(), y(g, {
               key: 2,
               "open-delay": 600,
               location: "top"
             }, {
-              activator: r(({ props: f }) => [
-                _("div", N(R(f)), [
-                  s(m, {
+              activator: a(({ props: C }) => [
+                _("div", R(L(C)), [
+                  s(u, {
                     icon: "mdi-arrow-down",
                     variant: "text",
                     density: "compact",
@@ -1563,15 +1662,16 @@ function xe(e, t, n, o, i, l) {
                   }, null, 8, ["onClick"])
                 ], 16)
               ]),
-              default: r(() => [
-                t[6] || (t[6] = _("span", null, " Move Screen Down ", -1))
+              default: a(() => [
+                t[7] || (t[7] = _("span", null, " Move Screen Down ", -1))
               ]),
-              _: 1
+              _: 1,
+              __: [7]
             })) : V("", !0),
-            s(p),
+            s(f),
             _("span", null, k(n.target) + " " + k(n.screen), 1),
-            s(p),
-            i.expand ? (h(), b(m, {
+            s(f),
+            i.expand ? (m(), y(u, {
               key: 3,
               icon: "mdi-window-minimize",
               variant: "text",
@@ -1579,7 +1679,7 @@ function xe(e, t, n, o, i, l) {
               "data-test": "minimize-screen-icon",
               "aria-label": "Minimize Screen",
               onClick: l.minMaxTransition
-            }, null, 8, ["onClick"])) : (h(), b(m, {
+            }, null, 8, ["onClick"])) : (m(), y(u, {
               key: 4,
               icon: "mdi-window-maximize",
               variant: "text",
@@ -1588,21 +1688,21 @@ function xe(e, t, n, o, i, l) {
               "aria-label": "Maximize Screen",
               onClick: l.minMaxTransition
             }, null, 8, ["onClick"])),
-            n.showClose ? (h(), b(m, {
+            n.showClose ? (m(), y(u, {
               key: 5,
               icon: "mdi-close-box",
               variant: "text",
               density: "compact",
               "data-test": "close-screen-icon",
               "aria-label": "Close Screen",
-              onClick: t[1] || (t[1] = (f) => e.$emit("close-screen"))
+              onClick: t[1] || (t[1] = (C) => e.$emit("close-screen"))
             })) : V("", !0)
           ]),
           _: 1
         }),
-        i.editDialog ? V("", !0) : (h(), b(g, { key: 0 }, {
-          default: r(() => [
-            O(_("div", _e, [
+        i.editDialog ? V("", !0) : (m(), y(p, { key: 0 }, {
+          default: a(() => [
+            O(_("div", ye, [
               s(d, {
                 style: { "pointer-events": "none" },
                 "model-value": i.errors.length !== 0,
@@ -1611,7 +1711,7 @@ function xe(e, t, n, o, i, l) {
                 attach: "",
                 "scroll-strategy": "none"
               }, null, 8, ["model-value"]),
-              (h(), b(c, {
+              (m(), y(c, {
                 key: i.screenKey,
                 widgets: i.layoutStack[0].widgets,
                 "screen-values": i.screenValues,
@@ -1623,7 +1723,7 @@ function xe(e, t, n, o, i, l) {
                 onCloseAll: l.closeAll
               }, null, 8, ["widgets", "screen-values", "screen-time-zone", "onAddItem", "onDeleteItem", "onOpen", "onClose", "onCloseAll"]))
             ], 512), [
-              [M, i.expand]
+              [N, i.expand]
             ])
           ]),
           _: 1
@@ -1631,7 +1731,7 @@ function xe(e, t, n, o, i, l) {
       ]),
       _: 1
     }, 8, ["min-height", "min-width"])),
-    n.inline ? (h(), T("div", be, [
+    n.inline ? (m(), E("div", be, [
       s(d, {
         style: { "pointer-events": "none" },
         "model-value": i.errors.length !== 0,
@@ -1640,7 +1740,7 @@ function xe(e, t, n, o, i, l) {
         attach: "",
         "scroll-strategy": "none"
       }, null, 8, ["model-value"]),
-      O(s(m, {
+      O(s(u, {
         icon: "mdi-alert",
         variant: "text",
         density: "compact",
@@ -1650,9 +1750,9 @@ function xe(e, t, n, o, i, l) {
           i.errorDialog = !0;
         })
       }, null, 512), [
-        [M, i.errors.length !== 0]
+        [N, i.errors.length !== 0]
       ]),
-      (h(), b(c, {
+      (m(), y(c, {
         key: i.screenKey,
         widgets: i.layoutStack[0].widgets,
         "screen-values": i.screenValues,
@@ -1664,10 +1764,10 @@ function xe(e, t, n, o, i, l) {
         onCloseAll: l.closeAll
       }, null, 8, ["widgets", "screen-values", "screen-time-zone", "onAddItem", "onDeleteItem", "onOpen", "onClose", "onCloseAll"]))
     ])) : V("", !0),
-    i.editDialog ? (h(), b(S, {
+    i.editDialog ? (m(), y(S, {
       key: 2,
       modelValue: i.editDialog,
-      "onUpdate:modelValue": t[3] || (t[3] = (f) => i.editDialog = f),
+      "onUpdate:modelValue": t[3] || (t[3] = (C) => i.editDialog = C),
       target: n.target,
       screen: n.screen,
       definition: i.currentDefinition,
@@ -1677,28 +1777,56 @@ function xe(e, t, n, o, i, l) {
       onCancel: l.cancelEdit,
       onDelete: l.deleteScreen
     }, null, 8, ["modelValue", "target", "screen", "definition", "keywords", "errors", "onSave", "onCancel", "onDelete"])) : V("", !0),
-    s(y, {
+    s(x, {
       modelValue: i.errorDialog,
-      "onUpdate:modelValue": t[4] || (t[4] = (f) => i.errorDialog = f),
+      "onUpdate:modelValue": t[5] || (t[5] = (C) => i.errorDialog = C),
       width: "60vw"
     }, {
-      default: r(() => [
-        s(u, { height: "24" }, {
-          default: r(() => [
-            s(p),
+      default: a(() => [
+        s(h, { height: "24" }, {
+          default: a(() => [
+            s(f),
             _("span", null, " Screen: " + k(n.target) + " " + k(n.screen) + " Errors ", 1),
-            s(p)
+            s(f)
           ]),
           _: 1
         }),
-        s(x, null, {
-          default: r(() => [
+        s(b, null, {
+          default: a(() => [
             s(w, {
               class: "errors",
               readonly: "",
               rows: "13",
               "model-value": l.error
-            }, null, 8, ["model-value"])
+            }, null, 8, ["model-value"]),
+            s(v, { class: "pb-5" }, {
+              default: a(() => [
+                s(f),
+                s(u, {
+                  variant: "outlined",
+                  class: "mr-2",
+                  onClick: l.clearErrors
+                }, {
+                  default: a(() => t[8] || (t[8] = [
+                    T(" Clear Errors ", -1)
+                  ])),
+                  _: 1,
+                  __: [8]
+                }, 8, ["onClick"]),
+                s(u, {
+                  variant: "flat",
+                  class: "mr-2",
+                  onClick: t[4] || (t[4] = (C) => i.errorDialog = !1)
+                }, {
+                  default: a(() => t[9] || (t[9] = [
+                    T(" Close ", -1)
+                  ])),
+                  _: 1,
+                  __: [9]
+                })
+              ]),
+              _: 1
+            })
           ]),
           _: 1
         })
@@ -1707,12 +1835,12 @@ function xe(e, t, n, o, i, l) {
     }, 8, ["modelValue"])
   ], 4);
 }
-const Ie = /* @__PURE__ */ F(ye, [["render", xe], ["__scopeId", "data-v-66e2e816"]]);
+const Ee = /* @__PURE__ */ F(_e, [["render", xe], ["__scopeId", "data-v-95e4a143"]]);
 export {
   ie as E,
-  Te as F,
-  Ie as O,
+  Ve as F,
+  Ee as O,
   Q as S,
-  Ve as a
+  Ie as a
 };
-//# sourceMappingURL=Openc3Screen-BZN0Wtrm.js.map
+//# sourceMappingURL=Openc3Screen-CkdegNDJ.js.map