@openc3/vue-common 6.8.1 → 6.9.1

package/dist/{EventListDialog-1NXp1MLg.js → EventListDialog-C2pwmD0d.js}

@@ -1,25 +1,25 @@
-import { h as x } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-BuwHe3dn.js";
-import { T as N } from "./timeFilters-BKnCM4rv.js";
-import { resolveComponent as o, createElementBlock as V, openBlock as p, createVNode as i, withCtx as n, createSlots as Z, createElementVNode as h, withDirectives as A, toDisplayString as C, vShow as q, createBlock as E, createCommentVNode as U, createTextVNode as D, withModifiers as O, mergeProps as z, Fragment as P, renderList as B } from "vue";
+import { h as x } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-JEZNdnan.js";
+import { T as H } from "./timeFilters-BKnCM4rv.js";
+import { resolveComponent as o, createElementBlock as _, openBlock as p, createVNode as a, withCtx as n, createSlots as O, createElementVNode as h, withDirectives as A, toDisplayString as T, vShow as I, createBlock as U, createCommentVNode as E, createTextVNode as g, withModifiers as F, mergeProps as K, Fragment as W, renderList as G } from "vue";
 import { _ as M } from "./CustomIcon-h5X7369N.js";
-import { S as j, E as L } from "./ScriptChooser-Ci_3uZDo.js";
+import { C as J, S as Q, E as X } from "./ScriptChooser-ahp4Tu3O.js";
 import "single-spa";
-import { a as K, p as W } from "./parse-DnkEsW-3.js";
-import { a as Y } from "./addMonths-BtG7uZLJ.js";
-import { t as G, c as J, f as I } from "./format-CVeawcIv.js";
-function Q(e, t, s) {
+import { a as Y, p as $ } from "./parse-DnkEsW-3.js";
+import { a as tt } from "./addMonths-BtG7uZLJ.js";
+import { t as et, c as at, f as N } from "./format-CVeawcIv.js";
+function it(e, t, s) {
   const {
-    years: r = 0,
-    months: a = 0,
+    years: u = 0,
+    months: i = 0,
     weeks: l = 0,
     days: d = 0,
-    hours: u = 0,
-    minutes: b = 0,
-    seconds: m = 0
-  } = t, y = G(e, s == null ? void 0 : s.in), f = a || r ? Y(y, a + r * 12) : y, k = d || l ? K(f, d + l * 7) : f, g = b + u * 60, S = (m + g * 60) * 1e3;
-  return J(e, +k + S);
+    hours: m = 0,
+    minutes: D = 0,
+    seconds: c = 0
+  } = t, y = et(e, s == null ? void 0 : s.in), f = i || u ? tt(y, i + u * 12) : y, k = d || l ? Y(f, d + l * 7) : f, S = D + m * 60, C = (c + S * 60) * 1e3;
+  return at(e, +k + C);
 }
-const F = {
+const R = {
   props: {
     date: {
       type: String
@@ -41,17 +41,18 @@ const F = {
   },
   methods: {
     calcStartDateTime: function() {
-      this.date ? (this.startDate = this.date, this.endDate = this.date) : (this.startDate = I(/* @__PURE__ */ new Date(), "yyyy-MM-dd"), this.endDate = I(/* @__PURE__ */ new Date(), "yyyy-MM-dd"));
+      this.date ? (this.startDate = this.date, this.endDate = this.date) : (this.startDate = N(/* @__PURE__ */ new Date(), "yyyy-MM-dd"), this.endDate = N(/* @__PURE__ */ new Date(), "yyyy-MM-dd"));
       let e = 1e3 * 60 * 30, t = null;
-      this.time ? (t = W(this.time, "HH:mm:ss", /* @__PURE__ */ new Date()), t = new Date(Math.floor(t.getTime() / e) * e)) : t = new Date(Math.ceil((/* @__PURE__ */ new Date()).getTime() / e) * e), this.startTime = I(t, "HH:mm:ss"), this.endTime = I(Q(t, { minutes: 30 }), "HH:mm:ss");
+      this.time ? (t = $(this.time, "HH:mm:ss", /* @__PURE__ */ new Date()), t = new Date(Math.floor(t.getTime() / e) * e)) : t = new Date(Math.ceil((/* @__PURE__ */ new Date()).getTime() / e) * e), this.startTime = N(t, "HH:mm:ss"), this.endTime = N(it(t, { minutes: 30 }), "HH:mm:ss");
     }
   }
-}, X = {
+}, nt = {
   components: {
-    EnvironmentChooser: L,
-    ScriptChooser: j
+    EnvironmentChooser: X,
+    ScriptChooser: Q,
+    CommandEditor: J
   },
-  mixins: [F, N],
+  mixins: [R, H],
   props: {
     modelValue: Boolean,
     timelines: {
@@ -71,6 +72,8 @@ const F = {
       types: ["COMMAND", "SCRIPT", "RESERVE"],
       activityData: "",
       activityEnvironment: [],
+      customTitle: "",
+      notes: "",
       rules: {
         required: (e) => !!e || "Required"
       },
@@ -79,7 +82,11 @@ const F = {
       recurringEndTime: null,
       frequency: 90,
       timeSpan: "minutes",
-      timeSpans: ["minutes", "hours", "days"]
+      timeSpans: ["minutes", "hours", "days"],
+      showCommandDialog: !1,
+      dialogTitle: "Add Command",
+      dialogError: "",
+      dialogCmdString: null
     };
   },
   computed: {
@@ -100,6 +107,9 @@ const F = {
       set(e) {
         this.$emit("update:modelValue", e);
       }
+    },
+    validationError: function() {
+      return !!this.timeError || !this.timeline;
     }
   },
   mounted: function() {
@@ -117,13 +127,13 @@ const F = {
       if (this.dialogStep = 1, this.activity) {
         this.timeline = this.activity.name;
         const t = new Date(this.activity.start * 1e3), s = new Date(this.activity.stop * 1e3);
-        if (this.startDate = this.formatDate(t, this.timeZone), this.startTime = this.formatTimeHMS(t, this.timeZone), this.endDate = this.formatDate(s, this.timeZone), this.endTime = this.formatTimeHMS(s, this.timeZone), this.kind = this.activity.kind.toUpperCase(), this.activityData = this.activity.data[this.activity.kind], this.activityEnvironment = this.activity.data.environment, (e = this.activity.recurring) != null && e.uuid) {
+        if (this.startDate = this.formatDate(t, this.timeZone), this.startTime = this.formatTimeHMS(t, this.timeZone), this.endDate = this.formatDate(s, this.timeZone), this.endTime = this.formatTimeHMS(s, this.timeZone), this.kind = this.activity.kind.toUpperCase(), this.activityData = this.activity.data[this.activity.kind], this.activityEnvironment = this.activity.data.environment, this.customTitle = this.activity.data.customTitle || "", this.notes = this.activity.data.notes || "", (e = this.activity.recurring) != null && e.uuid) {
           this.recurring = !0;
-          const r = new Date(this.activity.recurring.end * 1e3);
-          this.recurringEndDate = this.formatDate(r, this.timeZone), this.recurringEndTime = this.formatTimeHMS(r, this.timeZone), this.frequency = this.activity.recurring.frequency, this.timeSpan = this.activity.recurring.span;
+          const u = new Date(this.activity.recurring.end * 1e3);
+          this.recurringEndDate = this.formatDate(u, this.timeZone), this.recurringEndTime = this.formatTimeHMS(u, this.timeZone), this.frequency = this.activity.recurring.frequency, this.timeSpan = this.activity.recurring.span;
         }
       } else
-        this.calcStartDateTime(), this.recurringEndDate = this.startDate, this.recurringEndTime = this.startTime, this.kind = "", this.activityData = "", this.activityEnvironment = [], this.timeline = this.timelineNames[0];
+        this.calcStartDateTime(), this.recurringEndDate = this.startDate, this.recurringEndTime = this.startTime, this.kind = "", this.activityData = "", this.activityEnvironment = [], this.customTitle = "", this.notes = "", this.timeline = this.timelineNames[0];
     },
     clearHandler: function() {
       this.show = !this.show;
@@ -137,9 +147,13 @@ const F = {
       )).toISOString(), t = (/* @__PURE__ */ new Date(this.endDate + " " + this.endTime + "Z")).toISOString(), this.recurring && (s = (/* @__PURE__ */ new Date(
         this.recurringEndDate + " " + this.recurringEndTime + "Z"
       )).toISOString()));
-      const r = this.kind.toLowerCase();
-      let a = { environment: this.activityEnvironment };
-      a[r] = this.activityData;
+      const u = this.kind.toLowerCase();
+      let i = {
+        environment: this.activityEnvironment,
+        customTitle: this.customTitle,
+        notes: this.notes
+      };
+      i[u] = this.activityData;
       let l = {};
       this.recurring && (l = {
         frequency: this.frequency,
@@ -148,55 +162,76 @@ const F = {
       }), this.activity ? x.put(
         `/openc3-api/timeline/${this.activity.name}/activity/${this.activity.start}`,
         {
-          data: { start: e, stop: t, kind: r, data: a, recurring: l }
+          data: { start: e, stop: t, kind: u, data: i, recurring: l }
         }
       ).then((d) => {
-        const u = this.formatSeconds(
+        const m = this.formatSeconds(
           new Date(d.data.start * 1e3)
         );
         this.$notify.normal({
           title: "Updated Activity",
-          body: `${u} (${d.data.start}) on timeline: ${d.data.name}`
+          body: `${m} (${d.data.start}) on timeline: ${d.data.name}`
         }), this.$emit("update", d.data), this.show = !this.show;
       }).catch((d) => {
         this.show = !this.show;
       }) : x.post(`/openc3-api/timeline/${this.timeline}/activities`, {
-        data: { start: e, stop: t, kind: r, data: a, recurring: l }
+        data: { start: e, stop: t, kind: u, data: i, recurring: l }
       }).then((d) => {
-        const u = this.formatSeconds(
+        const m = this.formatSeconds(
           new Date(d.data.start * 1e3)
         );
         this.$notify.normal({
           title: "Created Activity",
-          body: `${u} (${d.data.start}) on timeline: ${d.data.name}`
+          body: `${m} (${d.data.start}) on timeline: ${d.data.name}`
         }), this.$emit("update", d.data), this.show = !this.show;
       }).catch((d) => {
         this.show = !this.show;
       }), this.clearHandler();
+    },
+    editItem: function() {
+      this.dialogTitle = "Edit Command", this.dialogCmdString = this.activityData, this.showCommandDialog = !0;
+    },
+    closeCommandDialog: function() {
+      this.showCommandDialog = !1, this.dialogCmdString = null, this.dialogError = "";
+    },
+    clearDialogError: function() {
+      this.dialogError = "";
+    },
+    updateCommand: function() {
+      let e = "";
+      try {
+        e = this.$refs.commandEditor.getCmdString();
+      } catch (t) {
+        this.dialogError = t.message || "Please fix command parameters";
+        return;
+      }
+      this.activityData = e, this.showCommandDialog = !1;
     }
   }
-}, $ = { key: 0 }, tt = { key: 1 }, et = { class: "pr-2" }, at = ["textContent"], it = { class: "pr-2" }, nt = { key: 0 }, lt = {
+}, lt = { key: 0 }, ot = { key: 1 }, st = { class: "pr-2" }, dt = ["textContent"], rt = { class: "pr-2" }, mt = { key: 0 }, ut = {
   key: 1,
   class: "ma-3"
-}, st = { key: 2 }, ot = ["textContent"];
-function dt(e, t, s, r, a, l) {
-  const d = o("v-spacer"), u = o("v-btn"), b = o("v-toolbar"), m = o("v-row"), y = o("v-select"), f = o("v-text-field"), k = o("v-checkbox"), g = o("v-col"), T = o("v-card-text"), S = o("script-chooser"), _ = o("environment-chooser"), w = o("v-stepper"), H = o("v-card"), v = o("v-dialog");
-  return p(), V("div", null, [
-    i(v, {
+}, ct = { key: 2 }, pt = ["textContent"], ht = {
+  key: 0,
+  class: "error-message"
+}, vt = { class: "flex-grow-1" };
+function yt(e, t, s, u, i, l) {
+  const d = o("v-spacer"), m = o("v-btn"), D = o("v-toolbar"), c = o("v-row"), y = o("v-select"), f = o("v-text-field"), k = o("v-textarea"), S = o("v-checkbox"), b = o("v-col"), C = o("v-card-text"), V = o("script-chooser"), w = o("environment-chooser"), Z = o("v-stepper"), v = o("v-card"), q = o("v-dialog"), B = o("v-card-title"), P = o("v-icon"), j = o("command-editor"), L = o("v-card-actions");
+  return p(), _("div", null, [
+    a(q, {
       modelValue: l.show,
-      "onUpdate:modelValue": t[15] || (t[15] = (c) => l.show = c),
-      persistent: "",
+      "onUpdate:modelValue": t[19] || (t[19] = (r) => l.show = r),
       width: "600"
     }, {
       default: n(() => [
-        i(H, null, {
+        a(v, null, {
           default: n(() => [
-            i(b, { height: "24" }, {
+            a(D, { height: "24" }, {
               default: n(() => [
-                i(d),
-                s.activity ? (p(), V("span", $, "Edit Activity")) : (p(), V("span", tt, "Create Activity")),
-                i(d),
-                i(u, {
+                a(d),
+                s.activity ? (p(), _("span", lt, "Edit Activity")) : (p(), _("span", ot, "Create Activity")),
+                a(d),
+                a(m, {
                   icon: "mdi-close-box",
                   variant: "text",
                   density: "compact",
@@ -206,19 +241,18 @@ function dt(e, t, s, r, a, l) {
               ]),
               _: 1
             }),
-            i(w, {
-              modelValue: a.dialogStep,
-              "onUpdate:modelValue": t[14] || (t[14] = (c) => a.dialogStep = c),
-              editable: "",
+            a(Z, {
+              modelValue: i.dialogStep,
+              "onUpdate:modelValue": t[18] || (t[18] = (r) => i.dialogStep = r),
               items: ["Activity Times", "Activity Type"]
-            }, Z({
+            }, O({
               "item.1": n(() => [
-                i(T, null, {
+                a(C, null, {
                   default: n(() => [
-                    h("div", et, [
-                      i(y, {
-                        modelValue: a.timeline,
-                        "onUpdate:modelValue": t[1] || (t[1] = (c) => a.timeline = c),
+                    h("div", st, [
+                      a(y, {
+                        modelValue: i.timeline,
+                        "onUpdate:modelValue": t[2] || (t[2] = (r) => i.timeline = r),
                         density: "compact",
                         "hide-details": "",
                         variant: "outlined",
@@ -227,59 +261,81 @@ function dt(e, t, s, r, a, l) {
                         "data-test": "activity-select-timeline",
                         class: "pb-2"
                       }, null, 8, ["modelValue", "items"]),
-                      i(m, { dense: "" }, {
+                      a(f, {
+                        modelValue: i.customTitle,
+                        "onUpdate:modelValue": t[3] || (t[3] = (r) => i.customTitle = r),
+                        type: "text",
+                        label: "Custom Title",
+                        class: "pb-2",
+                        "data-test": "activity-custom-title",
+                        "hide-details": "",
+                        variant: "outlined",
+                        density: "compact"
+                      }, null, 8, ["modelValue"]),
+                      a(k, {
+                        modelValue: i.notes,
+                        "onUpdate:modelValue": t[4] || (t[4] = (r) => i.notes = r),
+                        label: "Notes",
+                        class: "py-2 mb-2",
+                        "data-test": "activity-notes",
+                        "hide-details": "",
+                        variant: "outlined",
+                        density: "compact",
+                        rows: "3"
+                      }, null, 8, ["modelValue"]),
+                      a(c, { dense: "" }, {
                         default: n(() => [
-                          i(f, {
+                          a(f, {
                             modelValue: e.startDate,
-                            "onUpdate:modelValue": t[2] || (t[2] = (c) => e.startDate = c),
+                            "onUpdate:modelValue": t[5] || (t[5] = (r) => e.startDate = r),
                             type: "date",
                             label: "Start Date",
                             class: "mx-1",
-                            rules: [a.rules.required],
+                            rules: [i.rules.required],
                             "data-test": "activity-start-date"
                           }, null, 8, ["modelValue", "rules"]),
-                          i(f, {
+                          a(f, {
                             modelValue: e.startTime,
-                            "onUpdate:modelValue": t[3] || (t[3] = (c) => e.startTime = c),
+                            "onUpdate:modelValue": t[6] || (t[6] = (r) => e.startTime = r),
                             type: "time",
                             step: "1",
                             label: "Start Time",
                             class: "mx-1",
-                            rules: [a.rules.required],
+                            rules: [i.rules.required],
                             "data-test": "activity-start-time"
                           }, null, 8, ["modelValue", "rules"])
                         ]),
                         _: 1
                       }),
-                      i(m, { dense: "" }, {
+                      a(c, { dense: "" }, {
                         default: n(() => [
-                          i(f, {
+                          a(f, {
                             modelValue: e.endDate,
-                            "onUpdate:modelValue": t[4] || (t[4] = (c) => e.endDate = c),
+                            "onUpdate:modelValue": t[7] || (t[7] = (r) => e.endDate = r),
                             type: "date",
                             label: "End Date",
                             class: "mx-1",
-                            rules: [a.rules.required],
+                            rules: [i.rules.required],
                             "data-test": "activity-end-date"
                           }, null, 8, ["modelValue", "rules"]),
-                          i(f, {
+                          a(f, {
                             modelValue: e.endTime,
-                            "onUpdate:modelValue": t[5] || (t[5] = (c) => e.endTime = c),
+                            "onUpdate:modelValue": t[8] || (t[8] = (r) => e.endTime = r),
                             type: "time",
                             step: "1",
                             label: "End Time",
                             class: "mx-1",
-                            rules: [a.rules.required],
+                            rules: [i.rules.required],
                             "data-test": "activity-end-time"
                           }, null, 8, ["modelValue", "rules"])
                         ]),
                         _: 1
                       }),
-                      i(m, { class: "pl-3" }, {
+                      a(c, { class: "pl-3" }, {
                         default: n(() => [
-                          i(k, {
-                            modelValue: a.recurring,
-                            "onUpdate:modelValue": t[6] || (t[6] = (c) => a.recurring = c),
+                          a(S, {
+                            modelValue: i.recurring,
+                            "onUpdate:modelValue": t[9] || (t[9] = (r) => i.recurring = r),
                             disabled: !!s.activity,
                             label: "Recurring",
                             "hide-details": "",
@@ -288,19 +344,19 @@ function dt(e, t, s, r, a, l) {
                         ]),
                         _: 1
                       }),
-                      a.recurring ? (p(), E(m, { key: 0 }, {
+                      i.recurring ? (p(), U(c, { key: 0 }, {
                         default: n(() => [
-                          i(g, null, {
-                            default: n(() => [...t[19] || (t[19] = [
+                          a(b, null, {
+                            default: n(() => [...t[27] || (t[27] = [
                               h("div", { class: "repeat" }, "Repeat every", -1)
                             ])]),
                             _: 1
                           }),
-                          i(g, null, {
+                          a(b, null, {
                             default: n(() => [
-                              i(f, {
-                                modelValue: a.frequency,
-                                "onUpdate:modelValue": t[7] || (t[7] = (c) => a.frequency = c),
+                              a(f, {
+                                modelValue: i.frequency,
+                                "onUpdate:modelValue": t[10] || (t[10] = (r) => i.frequency = r),
                                 disabled: !!s.activity,
                                 density: "compact",
                                 variant: "outlined",
@@ -311,13 +367,13 @@ function dt(e, t, s, r, a, l) {
                             ]),
                             _: 1
                           }),
-                          i(g, null, {
+                          a(b, null, {
                             default: n(() => [
-                              i(y, {
-                                modelValue: a.timeSpan,
-                                "onUpdate:modelValue": t[8] || (t[8] = (c) => a.timeSpan = c),
+                              a(y, {
+                                modelValue: i.timeSpan,
+                                "onUpdate:modelValue": t[11] || (t[11] = (r) => i.timeSpan = r),
                                 disabled: !!s.activity,
-                                items: a.timeSpans,
+                                items: i.timeSpans,
                                 style: {},
                                 "hide-details": "",
                                 density: "compact",
@@ -329,43 +385,43 @@ function dt(e, t, s, r, a, l) {
                           })
                         ]),
                         _: 1
-                      })) : U("", !0),
-                      a.recurring ? (p(), E(m, {
+                      })) : E("", !0),
+                      i.recurring ? (p(), U(c, {
                         key: 1,
                         style: { "padding-bottom": "10px" }
                       }, {
                         default: n(() => [
-                          i(g, null, {
-                            default: n(() => [...t[20] || (t[20] = [
+                          a(b, null, {
+                            default: n(() => [...t[28] || (t[28] = [
                               h("div", { class: "repeat" }, "Ending", -1)
                             ])]),
                             _: 1
                           }),
-                          i(g, null, {
+                          a(b, null, {
                             default: n(() => [
-                              i(f, {
-                                modelValue: a.recurringEndDate,
-                                "onUpdate:modelValue": t[9] || (t[9] = (c) => a.recurringEndDate = c),
+                              a(f, {
+                                modelValue: i.recurringEndDate,
+                                "onUpdate:modelValue": t[12] || (t[12] = (r) => i.recurringEndDate = r),
                                 type: "date",
                                 label: "End Date",
                                 class: "mx-1",
-                                rules: [a.rules.required],
+                                rules: [i.rules.required],
                                 disabled: !!s.activity,
                                 "data-test": "recurring-end-date"
                               }, null, 8, ["modelValue", "rules", "disabled"])
                             ]),
                             _: 1
                           }),
-                          i(g, null, {
+                          a(b, null, {
                             default: n(() => [
-                              i(f, {
-                                modelValue: a.recurringEndTime,
-                                "onUpdate:modelValue": t[10] || (t[10] = (c) => a.recurringEndTime = c),
+                              a(f, {
+                                modelValue: i.recurringEndTime,
+                                "onUpdate:modelValue": t[13] || (t[13] = (r) => i.recurringEndTime = r),
                                 type: "time",
                                 step: "1",
                                 label: "End Time",
                                 class: "mx-1",
-                                rules: [a.rules.required],
+                                rules: [i.rules.required],
                                 disabled: !!s.activity,
                                 "data-test": "recurring-end-time"
                               }, null, 8, ["modelValue", "rules", "disabled"])
@@ -374,14 +430,14 @@ function dt(e, t, s, r, a, l) {
                           })
                         ]),
                         _: 1
-                      })) : U("", !0),
-                      i(m, null, {
+                      })) : E("", !0),
+                      a(c, null, {
                         default: n(() => [
                           A(h("span", {
                             class: "ma-2 text-red",
-                            textContent: C(l.timeError)
-                          }, null, 8, at), [
-                            [q, l.timeError]
+                            textContent: T(l.timeError)
+                          }, null, 8, dt), [
+                            [I, l.timeError]
                           ])
                         ]),
                         _: 1
@@ -392,51 +448,50 @@ function dt(e, t, s, r, a, l) {
                 })
               ]),
               "item.2": n(() => [
-                i(T, null, {
+                a(C, null, {
                   default: n(() => [
-                    h("div", it, [
-                      i(y, {
-                        modelValue: a.kind,
-                        "onUpdate:modelValue": t[11] || (t[11] = (c) => a.kind = c),
+                    h("div", rt, [
+                      a(y, {
+                        modelValue: i.kind,
+                        "onUpdate:modelValue": t[14] || (t[14] = (r) => i.kind = r),
                         density: "compact",
                         "hide-details": "",
                         variant: "outlined",
-                        items: a.types,
+                        items: i.types,
                         label: "Activity Type",
                         "data-test": "activity-select-type",
                         class: "pb-2"
                       }, null, 8, ["modelValue", "items"]),
-                      a.kind === "COMMAND" ? (p(), V("div", nt, [
-                        i(f, {
-                          modelValue: a.activityData,
-                          "onUpdate:modelValue": t[12] || (t[12] = (c) => a.activityData = c),
-                          type: "text",
+                      i.kind === "COMMAND" ? (p(), _("div", mt, [
+                        a(k, {
+                          modelValue: i.activityData,
+                          "onUpdate:modelValue": t[15] || (t[15] = (r) => i.activityData = r),
                           label: "Command Input",
-                          placeholder: "INST COLLECT with TYPE 0, DURATION 1, OPCODE 171, TEMP 0",
-                          prefix: "cmd('",
-                          suffix: "')",
-                          hint: "Timeline runs commands with cmd_no_hazardous_check",
-                          "data-test": "activity-cmd"
+                          rows: "1",
+                          readonly: "",
+                          "auto-grow": "",
+                          "data-test": "activity-cmd",
+                          "onClick:control": t[16] || (t[16] = (r) => l.editItem())
                         }, null, 8, ["modelValue"])
-                      ])) : a.kind === "SCRIPT" ? (p(), V("div", lt, [
-                        i(S, { onFile: l.fileHandler }, null, 8, ["onFile"]),
-                        i(_, {
-                          modelValue: a.activityEnvironment,
-                          "onUpdate:modelValue": t[13] || (t[13] = (c) => a.activityEnvironment = c)
+                      ])) : i.kind === "SCRIPT" ? (p(), _("div", ut, [
+                        a(V, { onFile: l.fileHandler }, null, 8, ["onFile"]),
+                        a(w, {
+                          modelValue: i.activityEnvironment,
+                          "onUpdate:modelValue": t[17] || (t[17] = (r) => i.activityEnvironment = r)
                         }, null, 8, ["modelValue"])
-                      ])) : (p(), V("div", st, [...t[21] || (t[21] = [
+                      ])) : (p(), _("div", ct, [...t[29] || (t[29] = [
                         h("span", { class: "ma-2" }, " No required input ", -1)
                       ])])),
-                      A(i(m, { class: "mt-2" }, {
+                      A(a(c, { class: "mt-2" }, {
                         default: n(() => [
                           h("span", {
                             class: "ma-2 text-red",
-                            textContent: C(l.typeError)
-                          }, null, 8, ot)
+                            textContent: T(l.typeError)
+                          }, null, 8, pt)
                         ]),
                         _: 1
                       }, 512), [
-                        [q, l.typeError]
+                        [I, l.typeError]
                       ])
                     ])
                   ]),
@@ -445,39 +500,61 @@ function dt(e, t, s, r, a, l) {
               ]),
               _: 2
             }, [
-              a.dialogStep === 2 ? {
+              i.dialogStep === 1 ? {
                 name: "actions",
                 fn: n(() => [
-                  i(m, { class: "ma-0 px-6 pb-4" }, {
+                  a(c, { class: "ma-0 px-6 pb-4" }, {
                     default: n(() => [
-                      i(u, {
+                      a(d),
+                      a(m, {
+                        color: "primary",
+                        disabled: l.validationError,
+                        onClick: t[0] || (t[0] = (r) => i.dialogStep = 2)
+                      }, {
+                        default: n(() => [...t[23] || (t[23] = [
+                          g(" Next ", -1)
+                        ])]),
+                        _: 1
+                      }, 8, ["disabled"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                key: "0"
+              } : void 0,
+              i.dialogStep === 2 ? {
+                name: "actions",
+                fn: n(() => [
+                  a(c, { class: "ma-0 px-6 pb-4" }, {
+                    default: n(() => [
+                      a(m, {
                         variant: "text",
-                        onClick: t[0] || (t[0] = () => a.dialogStep -= 1)
+                        onClick: t[1] || (t[1] = () => i.dialogStep -= 1)
                       }, {
-                        default: n(() => [...t[16] || (t[16] = [
-                          D(" Previous ", -1)
+                        default: n(() => [...t[24] || (t[24] = [
+                          g(" Previous ", -1)
                         ])]),
                         _: 1
                       }),
-                      i(d),
-                      i(u, {
+                      a(d),
+                      a(m, {
                         variant: "outlined",
                         class: "mr-4",
                         onClick: l.clearHandler
                       }, {
-                        default: n(() => [...t[17] || (t[17] = [
-                          D(" Cancel ", -1)
+                        default: n(() => [...t[25] || (t[25] = [
+                          g(" Cancel ", -1)
                         ])]),
                         _: 1
                       }, 8, ["onClick"]),
-                      i(u, {
+                      a(m, {
                         type: "submit",
                         color: "primary",
                         disabled: !!e.error,
-                        onClick: O(l.submitHandler, ["prevent"])
+                        onClick: F(l.submitHandler, ["prevent"])
                       }, {
-                        default: n(() => [...t[18] || (t[18] = [
-                          D(" Ok ", -1)
+                        default: n(() => [...t[26] || (t[26] = [
+                          g(" Ok ", -1)
                         ])]),
                         _: 1
                       }, 8, ["disabled", "onClick"])
@@ -485,7 +562,7 @@ function dt(e, t, s, r, a, l) {
                     _: 1
                   })
                 ]),
-                key: "0"
+                key: "1"
               } : void 0
             ]), 1032, ["modelValue"])
           ]),
@@ -493,10 +570,98 @@ function dt(e, t, s, r, a, l) {
         })
       ]),
       _: 1
+    }, 8, ["modelValue"]),
+    a(q, {
+      modelValue: i.showCommandDialog,
+      "onUpdate:modelValue": t[22] || (t[22] = (r) => i.showCommandDialog = r),
+      "max-width": "1200",
+      persistent: "",
+      scrollable: ""
+    }, {
+      default: n(() => [
+        a(v, null, {
+          default: n(() => [
+            a(B, { class: "d-flex align-center" }, {
+              default: n(() => [
+                h("span", null, T(i.dialogTitle), 1),
+                a(d),
+                a(m, {
+                  icon: "mdi-close",
+                  variant: "text",
+                  onClick: l.closeCommandDialog
+                }, null, 8, ["onClick"])
+              ]),
+              _: 1
+            }),
+            a(C, { class: "pa-0" }, {
+              default: n(() => [
+                i.dialogError ? (p(), _("div", ht, [
+                  a(P, {
+                    class: "mr-2",
+                    color: "error"
+                  }, {
+                    default: n(() => [...t[30] || (t[30] = [
+                      g("mdi-alert-circle", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  h("span", vt, T(i.dialogError), 1),
+                  a(m, {
+                    icon: "mdi-close",
+                    size: "small",
+                    variant: "text",
+                    color: "error",
+                    class: "ml-2",
+                    onClick: l.clearDialogError
+                  }, null, 8, ["onClick"])
+                ])) : E("", !0),
+                a(j, {
+                  ref: "commandEditor",
+                  "send-disabled": !1,
+                  "states-in-hex": e.statesInHex,
+                  "show-ignored-params": e.showIgnoredParams,
+                  "cmd-raw": e.cmdRaw,
+                  "cmd-string": i.dialogCmdString,
+                  "show-command-button": !1,
+                  onBuildCmd: t[20] || (t[20] = (r) => l.updateCommand(r))
+                }, null, 8, ["states-in-hex", "show-ignored-params", "cmd-raw", "cmd-string"])
+              ]),
+              _: 1
+            }),
+            a(L, null, {
+              default: n(() => [
+                a(d),
+                a(m, {
+                  variant: "outlined",
+                  onClick: l.closeCommandDialog
+                }, {
+                  default: n(() => [...t[31] || (t[31] = [
+                    g(" Cancel ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["onClick"]),
+                a(m, {
+                  color: "primary",
+                  variant: "flat",
+                  onClick: t[21] || (t[21] = (r) => l.updateCommand())
+                }, {
+                  default: n(() => [...t[32] || (t[32] = [
+                    g(" Update Command ", -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
     }, 8, ["modelValue"])
   ]);
 }
-const rt = /* @__PURE__ */ M(X, [["render", dt], ["__scopeId", "data-v-a2610a2a"]]), ut = {
+const ft = /* @__PURE__ */ M(nt, [["render", yt], ["__scopeId", "data-v-63de4865"]]), _t = {
   components: {},
   props: {
     modelValue: {
@@ -532,33 +697,33 @@ const rt = /* @__PURE__ */ M(X, [["render", dt], ["__scopeId", "data-v-a2610a2a"
   },
   methods: {}
 };
-function mt(e, t, s, r, a, l) {
-  const d = o("v-icon"), u = o("v-list-item"), b = o("v-select");
-  return p(), V("div", null, [
-    i(b, {
+function Vt(e, t, s, u, i, l) {
+  const d = o("v-icon"), m = o("v-list-item"), D = o("v-select");
+  return p(), _("div", null, [
+    a(D, {
       label: "Color",
       items: l.swatches,
       modelValue: l.color,
-      "onUpdate:modelValue": t[0] || (t[0] = (m) => l.color = m)
+      "onUpdate:modelValue": t[0] || (t[0] = (c) => l.color = c)
     }, {
       "prepend-inner": n(() => [
-        i(d, { color: l.color }, {
+        a(d, { color: l.color }, {
           default: n(() => [...t[1] || (t[1] = [
-            D(" mdi-square ", -1)
+            g(" mdi-square ", -1)
           ])]),
           _: 1
         }, 8, ["color"])
       ]),
-      item: n(({ props: m, item: y }) => [
-        i(u, z(m, {
+      item: n(({ props: c, item: y }) => [
+        a(m, K(c, {
           value: y.raw
         }), {
           prepend: n(() => [
-            i(d, {
+            a(d, {
               color: y.raw
             }, {
               default: n(() => [...t[2] || (t[2] = [
-                D(" mdi-square ", -1)
+                g(" mdi-square ", -1)
               ])]),
               _: 1
             }, 8, ["color"])
@@ -570,7 +735,7 @@ function mt(e, t, s, r, a, l) {
     }, 8, ["items", "modelValue"])
   ]);
 }
-const R = /* @__PURE__ */ M(ut, [["render", mt]]), ct = {
+const z = /* @__PURE__ */ M(_t, [["render", Vt]]), gt = {
   methods: {
     deleteItem(e) {
       let t = null, s = "";
@@ -600,7 +765,7 @@ const R = /* @__PURE__ */ M(ut, [["render", mt]]), ct = {
       });
     }
   }
-}, pt = {
+}, wt = {
   components: {},
   props: {
     modelValue: {
@@ -632,16 +797,16 @@ const R = /* @__PURE__ */ M(ut, [["render", mt]]), ct = {
       this.metadata.splice(e, 1);
     }
   }
-}, ht = {
+}, Dt = {
   scope: "col",
   class: "text-right",
   width: "52px"
 };
-function vt(e, t, s, r, a, l) {
-  const d = o("v-btn"), u = o("v-text-field"), b = o("v-table");
-  return p(), V("div", null, [
+function bt(e, t, s, u, i, l) {
+  const d = o("v-btn"), m = o("v-text-field"), D = o("v-table");
+  return p(), _("div", null, [
     t[2] || (t[2] = h("span", null, " Add metadata key value(s)", -1)),
-    i(b, { density: "compact" }, {
+    a(D, { density: "compact" }, {
       default: n(() => [
         h("tbody", null, [
           h("tr", null, [
@@ -653,8 +818,8 @@ function vt(e, t, s, r, a, l) {
               scope: "col",
               class: "text-left"
             }, "Value", -1)),
-            h("th", ht, [
-              i(d, {
+            h("th", Dt, [
+              a(d, {
                 icon: "mdi-plus",
                 variant: "text",
                 "data-test": "new-metadata-icon",
@@ -662,13 +827,13 @@ function vt(e, t, s, r, a, l) {
               }, null, 8, ["onClick"])
             ])
           ]),
-          (p(!0), V(P, null, B(l.metadata, (m, y) => (p(), V("tr", {
+          (p(!0), _(W, null, G(l.metadata, (c, y) => (p(), _("tr", {
             key: `tr-${y}`
           }, [
             h("td", null, [
-              i(u, {
-                modelValue: m.key,
-                "onUpdate:modelValue": (f) => m.key = f,
+              a(m, {
+                modelValue: c.key,
+                "onUpdate:modelValue": (f) => c.key = f,
                 density: "compact",
                 type: "text",
                 "hide-details": "",
@@ -676,9 +841,9 @@ function vt(e, t, s, r, a, l) {
               }, null, 8, ["modelValue", "onUpdate:modelValue", "data-test"])
             ]),
             h("td", null, [
-              i(u, {
-                modelValue: m.value,
-                "onUpdate:modelValue": (f) => m.value = f,
+              a(m, {
+                modelValue: c.value,
+                "onUpdate:modelValue": (f) => c.value = f,
                 density: "compact",
                 type: "text",
                 "hide-details": "",
@@ -686,7 +851,7 @@ function vt(e, t, s, r, a, l) {
               }, null, 8, ["modelValue", "onUpdate:modelValue", "data-test"])
             ]),
             h("td", null, [
-              i(d, {
+              a(d, {
                 icon: "mdi-delete",
                 variant: "text",
                 "data-test": `delete-metadata-icon-${y}`,
@@ -700,12 +865,12 @@ function vt(e, t, s, r, a, l) {
     })
   ]);
 }
-const yt = /* @__PURE__ */ M(pt, [["render", vt]]), ft = {
+const kt = /* @__PURE__ */ M(wt, [["render", bt]]), Ct = {
   components: {
-    ColorSelectForm: R,
-    MetadataInputForm: yt
+    ColorSelectForm: z,
+    MetadataInputForm: kt
   },
-  mixins: [F, N],
+  mixins: [R, H],
   props: {
     modelValue: Boolean,
     metadata: {
@@ -753,47 +918,47 @@ const yt = /* @__PURE__ */ M(pt, [["render", vt]]), ft = {
       this.show = !this.show;
     },
     submitHandler() {
-      const e = this.color, t = this.metadataVals.reduce((r, a) => (r[a.key] = a.value, r), {}), s = { color: e, metadata: t };
+      const e = this.color, t = this.metadataVals.reduce((u, i) => (u[i.key] = i.value, u), {}), s = { color: e, metadata: t };
       this.timeZone === "local" ? s.start = (/* @__PURE__ */ new Date(
         this.startDate + " " + this.startTime
       )).toISOString() : s.start = (/* @__PURE__ */ new Date(
         this.startDate + " " + this.startTime + "Z"
       )).toISOString(), this.metadata ? x.put(`/openc3-api/metadata/${this.metadata.start}`, {
         data: s
-      }).then((r) => {
+      }).then((u) => {
         this.$notify.normal({
           title: "Updated Metadata",
-          body: `Metadata updated: (${r.data.start})`
-        }), this.$emit("update", r.data), this.show = !this.show;
+          body: `Metadata updated: (${u.data.start})`
+        }), this.$emit("update", u.data), this.show = !this.show;
       }) : x.post("/openc3-api/metadata", {
         data: s
-      }).then((r) => {
+      }).then((u) => {
         this.$notify.normal({
           title: "Created new Metadata",
-          body: `Metadata: (${r.data.start})`
-        }), this.$emit("update", r.data), this.show = !this.show;
+          body: `Metadata: (${u.data.start})`
+        }), this.$emit("update", u.data), this.show = !this.show;
       });
     }
   }
-}, _t = { key: 0 }, Vt = { key: 1 }, Dt = { class: "pa-2" }, wt = { class: "pa-2" }, gt = { style: { "min-height": "200px" } }, bt = ["textContent"];
-function kt(e, t, s, r, a, l) {
-  const d = o("v-spacer"), u = o("v-btn"), b = o("v-toolbar"), m = o("v-row"), y = o("color-select-form"), f = o("v-text-field"), k = o("v-card-text"), g = o("metadata-input-form"), T = o("v-stepper"), S = o("v-card"), _ = o("v-dialog");
-  return p(), V("div", null, [
-    i(_, {
+}, Tt = { key: 0 }, St = { key: 1 }, Et = { class: "pa-2" }, xt = { class: "pa-2" }, Ut = { style: { "min-height": "200px" } }, Mt = ["textContent"];
+function At(e, t, s, u, i, l) {
+  const d = o("v-spacer"), m = o("v-btn"), D = o("v-toolbar"), c = o("v-row"), y = o("color-select-form"), f = o("v-text-field"), k = o("v-card-text"), S = o("metadata-input-form"), b = o("v-stepper"), C = o("v-card"), V = o("v-dialog");
+  return p(), _("div", null, [
+    a(V, {
       modelValue: l.show,
       "onUpdate:modelValue": t[6] || (t[6] = (w) => l.show = w),
       persistent: "",
       width: "600"
     }, {
       default: n(() => [
-        i(S, null, {
+        a(C, null, {
           default: n(() => [
-            i(b, { height: "24" }, {
+            a(D, { height: "24" }, {
               default: n(() => [
-                i(d),
-                s.metadata ? (p(), V("span", _t, "Update Metadata")) : (p(), V("span", Vt, "Create Metadata")),
-                i(d),
-                i(u, {
+                a(d),
+                s.metadata ? (p(), _("span", Tt, "Update Metadata")) : (p(), _("span", St, "Create Metadata")),
+                a(d),
+                a(m, {
                   icon: "mdi-close-box",
                   variant: "text",
                   density: "compact",
@@ -803,39 +968,39 @@ function kt(e, t, s, r, a, l) {
               ]),
               _: 1
             }),
-            i(T, {
-              modelValue: a.dialogStep,
-              "onUpdate:modelValue": t[5] || (t[5] = (w) => a.dialogStep = w),
+            a(b, {
+              modelValue: i.dialogStep,
+              "onUpdate:modelValue": t[5] || (t[5] = (w) => i.dialogStep = w),
               editable: "",
               items: ["Metadata Times", "Metadata Input"]
-            }, Z({
+            }, O({
               "item.1": n(() => [
-                i(k, null, {
+                a(k, null, {
                   default: n(() => [
-                    h("div", Dt, [
-                      i(y, {
-                        modelValue: a.color,
-                        "onUpdate:modelValue": t[1] || (t[1] = (w) => a.color = w)
+                    h("div", Et, [
+                      a(y, {
+                        modelValue: i.color,
+                        "onUpdate:modelValue": t[1] || (t[1] = (w) => i.color = w)
                       }, null, 8, ["modelValue"]),
-                      i(m, { dense: "" }, {
+                      a(c, { dense: "" }, {
                         default: n(() => [
-                          i(f, {
+                          a(f, {
                             modelValue: e.startDate,
                             "onUpdate:modelValue": t[2] || (t[2] = (w) => e.startDate = w),
                             type: "date",
                             label: "Start Date",
                             class: "mx-1",
-                            rules: [a.rules.required],
+                            rules: [i.rules.required],
                             "data-test": "metadata-start-date"
                           }, null, 8, ["modelValue", "rules"]),
-                          i(f, {
+                          a(f, {
                             modelValue: e.startTime,
                             "onUpdate:modelValue": t[3] || (t[3] = (w) => e.startTime = w),
                             type: "time",
                             step: "1",
                             label: "Start Time",
                             class: "mx-1",
-                            rules: [a.rules.required],
+                            rules: [i.rules.required],
                             "data-test": "metadata-start-time"
                           }, null, 8, ["modelValue", "rules"])
                         ]),
@@ -847,25 +1012,25 @@ function kt(e, t, s, r, a, l) {
                 })
               ]),
               "item.2": n(() => [
-                i(k, null, {
+                a(k, null, {
                   default: n(() => [
-                    h("div", wt, [
-                      h("div", gt, [
-                        i(g, {
-                          modelValue: a.metadataVals,
-                          "onUpdate:modelValue": t[4] || (t[4] = (w) => a.metadataVals = w)
+                    h("div", xt, [
+                      h("div", Ut, [
+                        a(S, {
+                          modelValue: i.metadataVals,
+                          "onUpdate:modelValue": t[4] || (t[4] = (w) => i.metadataVals = w)
                         }, null, 8, ["modelValue"])
                       ]),
-                      A(i(m, null, {
+                      A(a(c, null, {
                         default: n(() => [
                           h("span", {
                             class: "ma-2 text-red",
-                            textContent: C(l.typeError)
-                          }, null, 8, bt)
+                            textContent: T(l.typeError)
+                          }, null, 8, Mt)
                         ]),
                         _: 1
                       }, 512), [
-                        [q, l.typeError]
+                        [I, l.typeError]
                       ])
                     ])
                   ]),
@@ -874,39 +1039,39 @@ function kt(e, t, s, r, a, l) {
               ]),
               _: 2
             }, [
-              a.dialogStep === 2 ? {
+              i.dialogStep === 2 ? {
                 name: "actions",
                 fn: n(() => [
-                  i(m, { class: "ma-0 px-6 pb-4" }, {
+                  a(c, { class: "ma-0 px-6 pb-4" }, {
                     default: n(() => [
-                      i(u, {
+                      a(m, {
                         variant: "text",
-                        onClick: t[0] || (t[0] = () => a.dialogStep -= 1)
+                        onClick: t[0] || (t[0] = () => i.dialogStep -= 1)
                       }, {
                         default: n(() => [...t[7] || (t[7] = [
-                          D(" Previous ", -1)
+                          g(" Previous ", -1)
                         ])]),
                         _: 1
                       }),
-                      i(d),
-                      i(u, {
+                      a(d),
+                      a(m, {
                         variant: "outlined",
                         class: "mr-4",
                         onClick: l.clearHandler
                       }, {
                         default: n(() => [...t[8] || (t[8] = [
-                          D(" Cancel ", -1)
+                          g(" Cancel ", -1)
                         ])]),
                         _: 1
                       }, 8, ["onClick"]),
-                      i(u, {
+                      a(m, {
                         type: "submit",
                         color: "primary",
                         disabled: !!e.error,
-                        onClick: O(l.submitHandler, ["prevent"])
+                        onClick: F(l.submitHandler, ["prevent"])
                       }, {
                         default: n(() => [...t[9] || (t[9] = [
-                          D(" Ok ", -1)
+                          g(" Ok ", -1)
                         ])]),
                         _: 1
                       }, 8, ["disabled", "onClick"])
@@ -925,11 +1090,11 @@ function kt(e, t, s, r, a, l) {
     }, 8, ["modelValue"])
   ]);
 }
-const Tt = /* @__PURE__ */ M(ft, [["render", kt], ["__scopeId", "data-v-c120467c"]]), St = {
+const It = /* @__PURE__ */ M(Ct, [["render", At], ["__scopeId", "data-v-c120467c"]]), qt = {
   components: {
-    ColorSelectForm: R
+    ColorSelectForm: z
   },
-  mixins: [F, N],
+  mixins: [R, H],
   props: {
     modelValue: Boolean,
     note: {
@@ -984,45 +1149,45 @@ const Tt = /* @__PURE__ */ M(ft, [["render", kt], ["__scopeId", "data-v-c120467c
       this.timeZone === "local" ? (e = (/* @__PURE__ */ new Date(this.startDate + " " + this.startTime)).toISOString(), t = (/* @__PURE__ */ new Date(this.endDate + " " + this.endTime)).toISOString()) : (e = (/* @__PURE__ */ new Date(
         this.startDate + " " + this.startTime + "Z"
       )).toISOString(), t = (/* @__PURE__ */ new Date(this.endDate + " " + this.endTime + "Z")).toISOString());
-      const s = this.color, r = this.description;
+      const s = this.color, u = this.description;
       this.note ? x.put(`/openc3-api/notes/${this.note.start}`, {
-        data: { start: e, stop: t, color: s, description: r }
-      }).then((a) => {
-        const l = a.data.description.length > 16 ? `${a.data.description.substring(0, 16)}...` : a.data.description;
+        data: { start: e, stop: t, color: s, description: u }
+      }).then((i) => {
+        const l = i.data.description.length > 16 ? `${i.data.description.substring(0, 16)}...` : i.data.description;
         this.$notify.normal({
           title: "Updated Note",
-          body: `Note updated: (${a.data.start}): "${l}"`
-        }), this.$emit("update", a.data), this.show = !this.show;
+          body: `Note updated: (${i.data.start}): "${l}"`
+        }), this.$emit("update", i.data), this.show = !this.show;
       }) : x.post("/openc3-api/notes", {
-        data: { start: e, stop: t, color: s, description: r }
-      }).then((a) => {
-        const l = a.data.description.length > 16 ? `${a.data.description.substring(0, 16)}...` : a.data.description;
+        data: { start: e, stop: t, color: s, description: u }
+      }).then((i) => {
+        const l = i.data.description.length > 16 ? `${i.data.description.substring(0, 16)}...` : i.data.description;
         this.$notify.normal({
           title: "Created new Note",
-          body: `Note: (${a.data.start}) created: "${l}"`
-        }), this.$emit("update", a.data), this.show = !this.show;
+          body: `Note: (${i.data.start}) created: "${l}"`
+        }), this.$emit("update", i.data), this.show = !this.show;
       });
     }
   }
-}, Ct = { key: 0 }, xt = { key: 1 }, Et = { class: "pa-2" }, Ut = ["textContent"], Mt = { class: "pa-2" }, At = ["textContent"];
-function qt(e, t, s, r, a, l) {
-  const d = o("v-spacer"), u = o("v-btn"), b = o("v-toolbar"), m = o("v-row"), y = o("v-text-field"), f = o("v-card-text"), k = o("color-select-form"), g = o("v-stepper"), T = o("v-card"), S = o("v-dialog");
-  return p(), V("div", null, [
-    i(S, {
+}, Nt = { key: 0 }, Ht = { key: 1 }, Zt = { class: "pa-2" }, Ot = ["textContent"], Ft = { class: "pa-2" }, Rt = ["textContent"];
+function zt(e, t, s, u, i, l) {
+  const d = o("v-spacer"), m = o("v-btn"), D = o("v-toolbar"), c = o("v-row"), y = o("v-text-field"), f = o("v-card-text"), k = o("color-select-form"), S = o("v-stepper"), b = o("v-card"), C = o("v-dialog");
+  return p(), _("div", null, [
+    a(C, {
       modelValue: l.show,
-      "onUpdate:modelValue": t[8] || (t[8] = (_) => l.show = _),
+      "onUpdate:modelValue": t[8] || (t[8] = (V) => l.show = V),
       persistent: "",
       width: "600"
     }, {
       default: n(() => [
-        i(T, null, {
+        a(b, null, {
           default: n(() => [
-            i(b, { height: "24" }, {
+            a(D, { height: "24" }, {
               default: n(() => [
-                i(d),
-                s.note ? (p(), V("span", Ct, "Update Note")) : (p(), V("span", xt, "Create Note")),
-                i(d),
-                i(u, {
+                a(d),
+                s.note ? (p(), _("span", Nt, "Update Note")) : (p(), _("span", Ht, "Create Note")),
+                a(d),
+                a(m, {
                   icon: "mdi-close-box",
                   variant: "text",
                   density: "compact",
@@ -1032,71 +1197,71 @@ function qt(e, t, s, r, a, l) {
               ]),
               _: 1
             }),
-            i(g, {
-              modelValue: a.dialogStep,
-              "onUpdate:modelValue": t[7] || (t[7] = (_) => a.dialogStep = _),
+            a(S, {
+              modelValue: i.dialogStep,
+              "onUpdate:modelValue": t[7] || (t[7] = (V) => i.dialogStep = V),
               editable: "",
               items: ["Note Times", "Note Input"]
-            }, Z({
+            }, O({
               "item.1": n(() => [
-                i(f, null, {
+                a(f, null, {
                   default: n(() => [
-                    h("div", Et, [
-                      i(m, { dense: "" }, {
+                    h("div", Zt, [
+                      a(c, { dense: "" }, {
                         default: n(() => [
-                          i(y, {
+                          a(y, {
                             modelValue: e.startDate,
-                            "onUpdate:modelValue": t[1] || (t[1] = (_) => e.startDate = _),
+                            "onUpdate:modelValue": t[1] || (t[1] = (V) => e.startDate = V),
                             type: "date",
                             label: "Start Date",
                             class: "mx-1",
-                            rules: [a.rules.required],
+                            rules: [i.rules.required],
                             "data-test": "note-start-date"
                           }, null, 8, ["modelValue", "rules"]),
-                          i(y, {
+                          a(y, {
                             modelValue: e.startTime,
-                            "onUpdate:modelValue": t[2] || (t[2] = (_) => e.startTime = _),
+                            "onUpdate:modelValue": t[2] || (t[2] = (V) => e.startTime = V),
                             type: "time",
                             step: "1",
                             label: "Start Time",
                             class: "mx-1",
-                            rules: [a.rules.required],
+                            rules: [i.rules.required],
                             "data-test": "note-start-time"
                           }, null, 8, ["modelValue", "rules"])
                         ]),
                         _: 1
                       }),
-                      i(m, { dense: "" }, {
+                      a(c, { dense: "" }, {
                         default: n(() => [
-                          i(y, {
+                          a(y, {
                             modelValue: e.endDate,
-                            "onUpdate:modelValue": t[3] || (t[3] = (_) => e.endDate = _),
+                            "onUpdate:modelValue": t[3] || (t[3] = (V) => e.endDate = V),
                             type: "date",
                             label: "End Date",
                             class: "mx-1",
-                            rules: [a.rules.required],
+                            rules: [i.rules.required],
                             "data-test": "note-end-date"
                           }, null, 8, ["modelValue", "rules"]),
-                          i(y, {
+                          a(y, {
                             modelValue: e.endTime,
-                            "onUpdate:modelValue": t[4] || (t[4] = (_) => e.endTime = _),
+                            "onUpdate:modelValue": t[4] || (t[4] = (V) => e.endTime = V),
                             type: "time",
                             step: "1",
                             label: "End Time",
                             class: "mx-1",
-                            rules: [a.rules.required],
+                            rules: [i.rules.required],
                             "data-test": "note-end-time"
                           }, null, 8, ["modelValue", "rules"])
                         ]),
                         _: 1
                       }),
-                      i(m, null, {
+                      a(c, null, {
                         default: n(() => [
                           A(h("span", {
                             class: "ma-2 text-red",
-                            textContent: C(l.timeError)
-                          }, null, 8, Ut), [
-                            [q, l.timeError]
+                            textContent: T(l.timeError)
+                          }, null, 8, Ot), [
+                            [I, l.timeError]
                           ])
                         ]),
                         _: 1
@@ -1107,34 +1272,34 @@ function qt(e, t, s, r, a, l) {
                 })
               ]),
               "item.2": n(() => [
-                i(f, null, {
+                a(f, null, {
                   default: n(() => [
-                    h("div", Mt, [
+                    h("div", Ft, [
                       h("div", null, [
-                        i(k, {
-                          modelValue: a.color,
-                          "onUpdate:modelValue": t[5] || (t[5] = (_) => a.color = _)
+                        a(k, {
+                          modelValue: i.color,
+                          "onUpdate:modelValue": t[5] || (t[5] = (V) => i.color = V)
                         }, null, 8, ["modelValue"])
                       ]),
                       h("div", null, [
-                        i(y, {
-                          modelValue: a.description,
-                          "onUpdate:modelValue": t[6] || (t[6] = (_) => a.description = _),
+                        a(y, {
+                          modelValue: i.description,
+                          "onUpdate:modelValue": t[6] || (t[6] = (V) => i.description = V),
                           type: "text",
                           label: "Note Description",
                           "data-test": "note-description"
                         }, null, 8, ["modelValue"])
                       ]),
-                      A(i(m, null, {
+                      A(a(c, null, {
                         default: n(() => [
                           h("span", {
                             class: "ma-2 text-red",
-                            textContent: C(l.typeError)
-                          }, null, 8, At)
+                            textContent: T(l.typeError)
+                          }, null, 8, Rt)
                         ]),
                         _: 1
                       }, 512), [
-                        [q, l.typeError]
+                        [I, l.typeError]
                       ])
                     ])
                   ]),
@@ -1143,39 +1308,39 @@ function qt(e, t, s, r, a, l) {
               ]),
               _: 2
             }, [
-              a.dialogStep === 2 ? {
+              i.dialogStep === 2 ? {
                 name: "actions",
                 fn: n(() => [
-                  i(m, { class: "ma-0 px-6 pb-4" }, {
+                  a(c, { class: "ma-0 px-6 pb-4" }, {
                     default: n(() => [
-                      i(u, {
+                      a(m, {
                         variant: "text",
-                        onClick: t[0] || (t[0] = () => a.dialogStep -= 1)
+                        onClick: t[0] || (t[0] = () => i.dialogStep -= 1)
                       }, {
                         default: n(() => [...t[9] || (t[9] = [
-                          D(" Previous ", -1)
+                          g(" Previous ", -1)
                         ])]),
                         _: 1
                       }),
-                      i(d),
-                      i(u, {
+                      a(d),
+                      a(m, {
                         variant: "outlined",
                         class: "mr-4",
                         onClick: l.clearHandler
                       }, {
                         default: n(() => [...t[10] || (t[10] = [
-                          D(" Cancel ", -1)
+                          g(" Cancel ", -1)
                         ])]),
                         _: 1
                       }, 8, ["onClick"]),
-                      i(u, {
+                      a(m, {
                         type: "submit",
                         color: "primary",
                         disabled: !!e.error,
-                        onClick: O(l.submitHandler, ["prevent"])
+                        onClick: F(l.submitHandler, ["prevent"])
                       }, {
                         default: n(() => [...t[11] || (t[11] = [
-                          D(" Ok ", -1)
+                          g(" Ok ", -1)
                         ])]),
                         _: 1
                       }, 8, ["disabled", "onClick"])
@@ -1194,13 +1359,13 @@ function qt(e, t, s, r, a, l) {
     }, 8, ["modelValue"])
   ]);
 }
-const It = /* @__PURE__ */ M(St, [["render", qt], ["__scopeId", "data-v-829ef502"]]), Nt = {
+const Bt = /* @__PURE__ */ M(qt, [["render", zt], ["__scopeId", "data-v-829ef502"]]), Pt = {
   components: {
-    ActivityCreateDialog: rt,
-    MetadataCreateDialog: Tt,
-    NoteCreateDialog: It
+    ActivityCreateDialog: ft,
+    MetadataCreateDialog: It,
+    NoteCreateDialog: Bt
   },
-  mixins: [N, ct],
+  mixins: [H, gt],
   props: {
     events: {
       type: Array,
@@ -1268,7 +1433,7 @@ const It = /* @__PURE__ */ M(St, [["render", qt], ["__scopeId", "data-v-829ef502
         case "metadata":
           let s = [];
           Object.entries(e.metadata.metadata).forEach(
-            ([r, a]) => s.push(`${r}: ${a}`)
+            ([u, i]) => s.push(`${u}: ${i}`)
           ), t = s.join(", ");
           break;
       }
@@ -1288,16 +1453,16 @@ const It = /* @__PURE__ */ M(St, [["render", qt], ["__scopeId", "data-v-829ef502
       }
     },
     deleteAction(e) {
-      let t = this.localEvents.findIndex((l) => l.type === e.type && l.start === e.start), s = null, r = null, a = null;
+      let t = this.localEvents.findIndex((l) => l.type === e.type && l.start === e.start), s = null, u = null, i = null;
       switch (e.type) {
         case "activity":
-          s = `timeline/${e.activity.name}/activity`, r = e.activity.start, a = e.activity.uuid;
+          s = `timeline/${e.activity.name}/activity`, u = e.activity.start, i = e.activity.uuid;
           break;
         case "metadata":
-          s = "metadata", r = e.metadata.start;
+          s = "metadata", u = e.metadata.start;
           break;
         case "note":
-          s = "notes", r = e.note.start;
+          s = "notes", u = e.note.start;
           break;
       }
       this.$dialog.confirm(
@@ -1308,12 +1473,12 @@ const It = /* @__PURE__ */ M(St, [["render", qt], ["__scopeId", "data-v-829ef502
         }
       ).then((l) => {
         this.localEvents.splice(t, 1);
-        let d = `/openc3-api/${s}/${r}`;
-        return a && (d += `/${a}`), x.delete(d);
+        let d = `/openc3-api/${s}/${u}`;
+        return i && (d += `/${i}`), x.delete(d);
       }).then((l) => {
         this.$emit("update"), this.$notify.normal({
           title: `Deleted ${e.type}`,
-          body: `Deleted ${e.type} at ${r}`
+          body: `Deleted ${e.type} at ${u}`
         });
       }).catch((l) => {
       });
@@ -1340,25 +1505,25 @@ const It = /* @__PURE__ */ M(St, [["render", qt], ["__scopeId", "data-v-829ef502
       this.localEvents.push(t);
     }
   }
-}, Ht = { key: 0 }, Zt = { key: 1 }, Ot = { key: 0 }, Ft = { key: 1 };
-function Rt(e, t, s, r, a, l) {
-  const d = o("v-spacer"), u = o("v-btn"), b = o("v-toolbar"), m = o("v-text-field"), y = o("v-row"), f = o("v-card-title"), k = o("v-data-table"), g = o("v-card-actions"), T = o("v-card"), S = o("v-dialog"), _ = o("activity-create-dialog"), w = o("metadata-create-dialog"), H = o("note-create-dialog");
-  return p(), V("div", null, [
-    i(S, {
+}, jt = { key: 0 }, Lt = { key: 1 }, Kt = { key: 0 }, Wt = { key: 1 };
+function Gt(e, t, s, u, i, l) {
+  const d = o("v-spacer"), m = o("v-btn"), D = o("v-toolbar"), c = o("v-text-field"), y = o("v-row"), f = o("v-card-title"), k = o("v-data-table"), S = o("v-card-actions"), b = o("v-card"), C = o("v-dialog"), V = o("activity-create-dialog"), w = o("metadata-create-dialog"), Z = o("note-create-dialog");
+  return p(), _("div", null, [
+    a(C, {
       modelValue: l.show,
       "onUpdate:modelValue": t[2] || (t[2] = (v) => l.show = v),
       persistent: "",
       width: "80vw"
     }, {
       default: n(() => [
-        i(T, null, {
+        a(b, null, {
           default: n(() => [
-            i(b, { height: "24" }, {
+            a(D, { height: "24" }, {
               default: n(() => [
-                i(d),
-                s.newMetadata ? (p(), V("span", Ht, "Metadata")) : (p(), V("span", Zt, "Events")),
-                i(d),
-                i(u, {
+                a(d),
+                s.newMetadata ? (p(), _("span", jt, "Metadata")) : (p(), _("span", Lt, "Events")),
+                a(d),
+                a(m, {
                   icon: "mdi-close-box",
                   variant: "text",
                   density: "compact",
@@ -1369,15 +1534,15 @@ function Rt(e, t, s, r, a, l) {
               ]),
               _: 1
             }),
-            i(f, null, {
+            a(f, null, {
               default: n(() => [
-                i(y, { class: "pa-3" }, {
+                a(y, { class: "pa-3" }, {
                   default: n(() => [
-                    s.newMetadata ? (p(), V("span", Ot, "Metadata")) : (p(), V("span", Ft, "Events")),
-                    i(d),
-                    i(m, {
-                      modelValue: a.search,
-                      "onUpdate:modelValue": t[0] || (t[0] = (v) => a.search = v),
+                    s.newMetadata ? (p(), _("span", Kt, "Metadata")) : (p(), _("span", Wt, "Events")),
+                    a(d),
+                    a(c, {
+                      modelValue: i.search,
+                      "onUpdate:modelValue": t[0] || (t[0] = (v) => i.search = v),
                       label: "Search",
                       "prepend-inner-icon": "mdi-magnify",
                       clearable: "",
@@ -1392,71 +1557,71 @@ function Rt(e, t, s, r, a, l) {
               ]),
               _: 1
             }),
-            i(k, {
-              headers: a.eventHeaders,
-              items: a.localEvents,
-              search: a.search
+            a(k, {
+              headers: i.eventHeaders,
+              items: i.localEvents,
+              search: i.search
             }, {
               "no-data": n(() => [...t[7] || (t[7] = [
                 h("span", null, " No events ", -1)
               ])]),
               "item.start": n(({ item: v }) => [
-                D(C(e.formatDateTime(v.start, s.timeZone)), 1)
+                g(T(e.formatDateTime(v.start, s.timeZone)), 1)
               ]),
               "item.end": n(({ item: v }) => [
-                D(C(e.formatDateTime(v.end, s.timeZone)), 1)
+                g(T(e.formatDateTime(v.end, s.timeZone)), 1)
               ]),
               "item.type": n(({ item: v }) => [
-                D(C(v.type.charAt(0).toUpperCase() + v.type.slice(1)), 1)
+                g(T(v.type.charAt(0).toUpperCase() + v.type.slice(1)), 1)
               ]),
               "item.data": n(({ item: v }) => [
-                D(C(l.dataFormat(v)), 1)
+                g(T(l.dataFormat(v)), 1)
               ]),
               "item.actions": n(({ item: v }) => [
-                i(u, {
+                a(m, {
                   icon: "mdi-pencil",
                   variant: "text",
                   size: "small",
                   class: "mr-2",
                   "data-test": "edit-event",
                   "aria-label": "Edit Event",
-                  onClick: (c) => l.editAction(v)
+                  onClick: (q) => l.editAction(v)
                 }, null, 8, ["onClick"]),
-                i(u, {
+                a(m, {
                   icon: "mdi-delete",
                   variant: "text",
                   size: "small",
                   "data-test": "delete-event",
                   "aria-label": "Delete Event",
-                  onClick: (c) => l.deleteAction(v)
+                  onClick: (q) => l.deleteAction(v)
                 }, null, 8, ["onClick"])
               ]),
               _: 1
             }, 8, ["headers", "items", "search"]),
-            i(g, { class: "px-2" }, {
+            a(S, { class: "px-2" }, {
               default: n(() => [
-                i(d),
-                i(u, {
+                a(d),
+                a(m, {
                   variant: "outlined",
                   "data-test": "close-event-list",
                   onClick: l.close
                 }, {
                   default: n(() => [...t[8] || (t[8] = [
-                    D(" Close ", -1)
+                    g(" Close ", -1)
                   ])]),
                   _: 1
                 }, 8, ["onClick"]),
-                s.newMetadata ? (p(), E(u, {
+                s.newMetadata ? (p(), U(m, {
                   key: 0,
                   variant: "flat",
                   "data-test": "new-event",
-                  onClick: t[1] || (t[1] = (v) => a.showMetadataCreate = !0)
+                  onClick: t[1] || (t[1] = (v) => i.showMetadataCreate = !0)
                 }, {
                   default: n(() => [...t[9] || (t[9] = [
-                    D(" New Metadata ", -1)
+                    g(" New Metadata ", -1)
                   ])]),
                   _: 1
-                })) : U("", !0)
+                })) : E("", !0)
               ]),
               _: 1
             })
@@ -1466,48 +1631,48 @@ function Rt(e, t, s, r, a, l) {
       ]),
       _: 1
     }, 8, ["modelValue"]),
-    a.showActivityUpdate ? (p(), E(_, {
+    i.showActivityUpdate ? (p(), U(V, {
       key: 0,
-      modelValue: a.showActivityUpdate,
-      "onUpdate:modelValue": t[3] || (t[3] = (v) => a.showActivityUpdate = v),
-      activity: a.editActivity,
+      modelValue: i.showActivityUpdate,
+      "onUpdate:modelValue": t[3] || (t[3] = (v) => i.showActivityUpdate = v),
+      activity: i.editActivity,
       "time-zone": s.timeZone,
       onUpdate: l.updateActivity
-    }, null, 8, ["modelValue", "activity", "time-zone", "onUpdate"])) : U("", !0),
-    a.showMetadataUpdate ? (p(), E(w, {
+    }, null, 8, ["modelValue", "activity", "time-zone", "onUpdate"])) : E("", !0),
+    i.showMetadataUpdate ? (p(), U(w, {
       key: 1,
-      modelValue: a.showMetadataUpdate,
-      "onUpdate:modelValue": t[4] || (t[4] = (v) => a.showMetadataUpdate = v),
-      metadata: a.editMetadata,
+      modelValue: i.showMetadataUpdate,
+      "onUpdate:modelValue": t[4] || (t[4] = (v) => i.showMetadataUpdate = v),
+      metadata: i.editMetadata,
       "time-zone": s.timeZone,
       onUpdate: l.updateMetadata
-    }, null, 8, ["modelValue", "metadata", "time-zone", "onUpdate"])) : U("", !0),
-    a.showNoteUpdate ? (p(), E(H, {
+    }, null, 8, ["modelValue", "metadata", "time-zone", "onUpdate"])) : E("", !0),
+    i.showNoteUpdate ? (p(), U(Z, {
       key: 2,
-      modelValue: a.showNoteUpdate,
-      "onUpdate:modelValue": t[5] || (t[5] = (v) => a.showNoteUpdate = v),
-      note: a.editNote,
+      modelValue: i.showNoteUpdate,
+      "onUpdate:modelValue": t[5] || (t[5] = (v) => i.showNoteUpdate = v),
+      note: i.editNote,
       "time-zone": s.timeZone,
       onUpdate: l.updateNote
-    }, null, 8, ["modelValue", "note", "time-zone", "onUpdate"])) : U("", !0),
-    a.showMetadataCreate ? (p(), E(w, {
+    }, null, 8, ["modelValue", "note", "time-zone", "onUpdate"])) : E("", !0),
+    i.showMetadataCreate ? (p(), U(w, {
       key: 3,
-      modelValue: a.showMetadataCreate,
-      "onUpdate:modelValue": t[6] || (t[6] = (v) => a.showMetadataCreate = v),
+      modelValue: i.showMetadataCreate,
+      "onUpdate:modelValue": t[6] || (t[6] = (v) => i.showMetadataCreate = v),
       "time-zone": s.timeZone,
       onUpdate: l.addMetadata
-    }, null, 8, ["modelValue", "time-zone", "onUpdate"])) : U("", !0)
+    }, null, 8, ["modelValue", "time-zone", "onUpdate"])) : E("", !0)
   ]);
 }
-const Jt = /* @__PURE__ */ M(Nt, [["render", Rt]]);
+const ne = /* @__PURE__ */ M(Pt, [["render", Gt]]);
 export {
-  rt as A,
-  R as C,
-  ct as D,
-  Jt as E,
-  Tt as M,
-  It as N,
-  F as a,
-  yt as b
+  ft as A,
+  z as C,
+  gt as D,
+  ne as E,
+  It as M,
+  Bt as N,
+  R as a,
+  kt as b
 };
-//# sourceMappingURL=EventListDialog-1NXp1MLg.js.map
+//# sourceMappingURL=EventListDialog-C2pwmD0d.js.map