@openc3/vue-common 5.21.0-beta0

package/dist/tools/base.js

@@ -0,0 +1,1580 @@
+import { n as U, i as B, r as $ } from "../UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_6fa47877_lang-BrapmXxi.js";
+import { resolveComponent as a, openBlock as c, createElementBlock as w, createElementVNode as C, toDisplayString as _, createVNode as n, withCtx as i, createTextVNode as f, createBlock as N, createCommentVNode as D, normalizeClass as ee, mergeProps as j, Fragment as V, renderList as Z, withModifiers as L } from "vue";
+import { _ as A } from "../CosmosRuxIcon.vue_vue_type_style_index_0_scoped_9af48e85_lang-CHgC5LLL.js";
+import { U as x } from "../UpgradeToEnterpriseDialog-CY9g4hzD.js";
+import { t as O, c as se, n as W, e as ie, b as G, d as K, h as P, g as ae, f as re } from "../format-Da42caYw.js";
+import { registerApplication as le, start as ce, navigateToUrl as ue } from "single-spa";
+import { A as de } from "../AstroStatus-CY9VkeTN.js";
+import { AstroStatusIndicator as fe, AstroStatusColors as pe, UnknownToAstroStatus as Q } from "../icons.js";
+import { a as me } from "../axios-CXDYiOMX.js";
+function F(e, t) {
+  const o = +O(e) - +O(t);
+  return o < 0 ? -1 : o > 0 ? 1 : o;
+}
+function he(e) {
+  return se(e, Date.now());
+}
+function _e(e, t, o) {
+  const [l, s] = W(
+    o == null ? void 0 : o.in,
+    e,
+    t
+  ), r = l.getFullYear() - s.getFullYear(), m = l.getMonth() - s.getMonth();
+  return r * 12 + m;
+}
+function ge(e) {
+  return (t) => {
+    const l = (e ? Math[e] : Math.trunc)(t);
+    return l === 0 ? 0 : l;
+  };
+}
+function ve(e, t) {
+  return +O(e) - +O(t);
+}
+function we(e, t) {
+  const o = O(e, t == null ? void 0 : t.in);
+  return o.setHours(23, 59, 59, 999), o;
+}
+function ye(e, t) {
+  const o = O(e, t == null ? void 0 : t.in), l = o.getMonth();
+  return o.setFullYear(o.getFullYear(), l + 1, 0), o.setHours(23, 59, 59, 999), o;
+}
+function ke(e, t) {
+  const o = O(e, t == null ? void 0 : t.in);
+  return +we(o, t) == +ye(o, t);
+}
+function be(e, t, o) {
+  const [l, s, r] = W(
+    o == null ? void 0 : o.in,
+    e,
+    e,
+    t
+  ), m = F(s, r), u = Math.abs(
+    _e(s, r)
+  );
+  if (u < 1) return 0;
+  s.getMonth() === 1 && s.getDate() > 27 && s.setDate(30), s.setMonth(s.getMonth() - m * u);
+  let p = F(s, r) === -m;
+  ke(l) && u === 1 && F(l, r) === 1 && (p = !1);
+  const g = m * (u - +p);
+  return g === 0 ? 0 : g;
+}
+function Ne(e, t, o) {
+  const l = ve(e, t) / 1e3;
+  return ge(o == null ? void 0 : o.roundingMethod)(l);
+}
+function Se(e, t, o) {
+  const l = ae(), s = (o == null ? void 0 : o.locale) ?? l.locale ?? ie, r = 2520, m = F(e, t);
+  if (isNaN(m)) throw new RangeError("Invalid time value");
+  const u = Object.assign({}, o, {
+    addSuffix: o == null ? void 0 : o.addSuffix,
+    comparison: m
+  }), [p, g] = W(
+    o == null ? void 0 : o.in,
+    ...m > 0 ? [t, e] : [e, t]
+  ), y = Ne(g, p), S = (G(g) - G(p)) / 1e3, h = Math.round((y - S) / 60);
+  let b;
+  if (h < 2)
+    return o != null && o.includeSeconds ? y < 5 ? s.formatDistance("lessThanXSeconds", 5, u) : y < 10 ? s.formatDistance("lessThanXSeconds", 10, u) : y < 20 ? s.formatDistance("lessThanXSeconds", 20, u) : y < 40 ? s.formatDistance("halfAMinute", 0, u) : y < 60 ? s.formatDistance("lessThanXMinutes", 1, u) : s.formatDistance("xMinutes", 1, u) : h === 0 ? s.formatDistance("lessThanXMinutes", 1, u) : s.formatDistance("xMinutes", h, u);
+  if (h < 45)
+    return s.formatDistance("xMinutes", h, u);
+  if (h < 90)
+    return s.formatDistance("aboutXHours", 1, u);
+  if (h < K) {
+    const v = Math.round(h / 60);
+    return s.formatDistance("aboutXHours", v, u);
+  } else {
+    if (h < r)
+      return s.formatDistance("xDays", 1, u);
+    if (h < P) {
+      const v = Math.round(h / K);
+      return s.formatDistance("xDays", v, u);
+    } else if (h < P * 2)
+      return b = Math.round(h / P), s.formatDistance("aboutXMonths", b, u);
+  }
+  if (b = be(g, p), b < 12) {
+    const v = Math.round(h / P);
+    return s.formatDistance("xMonths", v, u);
+  } else {
+    const v = b % 12, T = Math.trunc(b / 12);
+    return v < 3 ? s.formatDistance("aboutXYears", T, u) : v < 9 ? s.formatDistance("overXYears", T, u) : s.formatDistance("almostXYears", T + 1, u);
+  }
+}
+function De(e, t) {
+  return Se(e, he(e), t);
+}
+const Ce = {
+  data: function() {
+    return {
+      localDate: /* @__PURE__ */ new Date(),
+      displayLocal: localStorage.clock_zone === "local",
+      display24h: !localStorage.clock_12h,
+      dateMode: localStorage.clock_dateMode || "monthFirst",
+      intervalCount: 0,
+      showMenu: !1,
+      menuX: 0,
+      menuY: 0
+    };
+  },
+  computed: {
+    utcDate: function() {
+      return new Date(
+        this.localDate.getTime() + this.localDate.getTimezoneOffset() * 6e4
+      );
+    },
+    formatString: function() {
+      let e;
+      switch (this.dateMode) {
+        case "monthFirst":
+          e = "LL/dd/yyy";
+          break;
+        case "dayFirst":
+          e = "dd/LL/yyy";
+          break;
+        case "number":
+          e = "D";
+          break;
+      }
+      let t;
+      return this.display24h ? t = "HH:mm:ss" : t = "hh:mm:ss a", `${e} ${t}`;
+    }
+  },
+  watch: {
+    displayLocal: function(e) {
+      localStorage.clock_zone = e ? "local" : "utc";
+    },
+    display24h: function(e) {
+      e ? delete localStorage.clock_12h : localStorage.clock_12h = !0;
+    },
+    dateMode: function(e) {
+      e.match(/^monthFirst$|^dayFirst$|^number$/) && (localStorage.clock_dateMode = e);
+    }
+  },
+  created: function() {
+    setInterval(
+      () => {
+        this.intervalCount++, this.localDate = /* @__PURE__ */ new Date();
+      },
+      this.intervalCount < 10 ? 100 : 1e3
+      // get the seconds to about 100ms accuracy
+    );
+  },
+  methods: {
+    openMenu: function(e) {
+      e.preventDefault(), this.showMenu = !1, this.menuX = e.clientX, this.menuY = e.clientY, this.$nextTick(() => {
+        this.showMenu = !0;
+      });
+    },
+    toggleDisplayLocal: function() {
+      this.displayLocal = !this.displayLocal;
+    },
+    toggleDisplay24h: function() {
+      this.display24h = !this.display24h;
+    },
+    setMonthFirst: function() {
+      this.dateMode = "monthFirst";
+    },
+    setDayFirst: function() {
+      this.dateMode = "dayFirst";
+    },
+    setNumber: function() {
+      this.dateMode = "number";
+    },
+    formatDate: function(e, t) {
+      return re(e, t, { useAdditionalDayOfYearTokens: !0 });
+    }
+  }
+};
+function Te(e, t, o, l, s, r) {
+  const m = a("v-list-item-title"), u = a("v-list-item"), p = a("v-divider"), g = a("v-list"), y = a("v-menu");
+  return c(), w("div", null, [
+    C("span", {
+      style: { cursor: "context-menu" },
+      class: "font-weight-bold",
+      onContextmenu: t[0] || (t[0] = (...S) => r.openMenu && r.openMenu(...S))
+    }, _(r.formatDate(e.displayLocal ? e.localDate : r.utcDate, r.formatString)) + " (" + _(e.displayLocal ? "local" : "UTC") + ") ", 33),
+    n(y, {
+      modelValue: e.showMenu,
+      "onUpdate:modelValue": t[1] || (t[1] = (S) => e.showMenu = S),
+      target: [e.menuX, e.menuY]
+    }, {
+      default: i(() => [
+        n(g, null, {
+          default: i(() => [
+            n(u, null, {
+              default: i(() => [
+                n(m, {
+                  style: { cursor: "pointer" },
+                  onClick: r.toggleDisplayLocal
+                }, {
+                  default: i(() => [
+                    f(" Display " + _(e.displayLocal ? "UTC" : "local time"), 1)
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 1
+            }),
+            n(p),
+            n(u, null, {
+              default: i(() => [
+                n(m, {
+                  style: { cursor: "pointer" },
+                  onClick: r.toggleDisplay24h
+                }, {
+                  default: i(() => [
+                    f(" Display " + _(e.display24h ? 12 : 24) + " hour clock ", 1)
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 1
+            }),
+            n(p),
+            e.dateMode !== "monthFirst" ? (c(), N(u, { key: 0 }, {
+              default: i(() => [
+                n(m, {
+                  style: { cursor: "pointer" },
+                  onClick: r.setMonthFirst
+                }, {
+                  default: i(() => t[2] || (t[2] = [
+                    f(" Display mm/dd/yyyy ")
+                  ])),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 1
+            })) : D("", !0),
+            e.dateMode !== "dayFirst" ? (c(), N(u, { key: 1 }, {
+              default: i(() => [
+                n(m, {
+                  style: { cursor: "pointer" },
+                  onClick: r.setDayFirst
+                }, {
+                  default: i(() => t[3] || (t[3] = [
+                    f(" Display dd/mm/yyyy ")
+                  ])),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 1
+            })) : D("", !0),
+            e.dateMode !== "number" ? (c(), N(u, { key: 2 }, {
+              default: i(() => [
+                n(m, {
+                  style: { cursor: "pointer" },
+                  onClick: r.setNumber
+                }, {
+                  default: i(() => t[4] || (t[4] = [
+                    f(" Display day of year ")
+                  ])),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 1
+            })) : D("", !0)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue", "target"])
+  ]);
+}
+const Me = /* @__PURE__ */ A(Ce, [["render", Te]]), Ue = {
+  components: {
+    ClockFooter: Me,
+    UpgradeToEnterpriseDialog: x
+  },
+  data() {
+    return {
+      icon: "/img/icon.png",
+      edition: "",
+      enterprise: !1,
+      license: "",
+      sourceUrl: "",
+      version: "",
+      showUpgradeToEnterpriseDialog: !1,
+      chromeless: this.$route.query.chromeless
+    };
+  },
+  created: function() {
+    this.getSourceUrl(), U.get("/openc3-api/info").then((e) => {
+      e.data.enterprise ? this.edition = "COSMOS Enterprise" : this.edition = "COSMOS Open Source", this.enterprise = e.data.enterprise, this.license = e.data.license, this.version = e.data.version;
+    });
+  },
+  computed: {
+    footerClass() {
+      return this.enterprise ? "enterprise" : "base";
+    }
+  },
+  methods: {
+    getSourceUrl: function() {
+      new B().get_settings(["source_url"]).then((e) => {
+        this.sourceUrl = e[0];
+      });
+    },
+    upgrade: function() {
+      this.enterprise || (this.showUpgradeToEnterpriseDialog = !0);
+    }
+  }
+}, Ae = ["src"], Ve = ["href"], Oe = { class: "justify-right" };
+function Le(e, t, o, l, s, r) {
+  const m = a("v-spacer"), u = a("clock-footer"), p = a("upgrade-to-enterprise-dialog"), g = a("v-footer");
+  return s.chromeless ? D("", !0) : (c(), N(g, {
+    key: 0,
+    id: "footer",
+    app: "",
+    height: "33"
+  }, {
+    default: i(() => [
+      C("img", {
+        src: s.icon,
+        alt: "OpenC3"
+      }, null, 8, Ae),
+      C("span", {
+        class: ee(r.footerClass),
+        onClick: t[0] || (t[0] = (...y) => r.upgrade && r.upgrade(...y))
+      }, " OpenC3 " + _(s.edition) + " " + _(s.version) + " © 2024 - License: " + _(s.license), 3),
+      n(m),
+      C("a", {
+        href: s.sourceUrl,
+        class: "text-white text-decoration-underline"
+      }, " Source ", 8, Ve),
+      n(m),
+      C("div", Oe, [
+        n(u)
+      ]),
+      n(p, {
+        modelValue: s.showUpgradeToEnterpriseDialog,
+        "onUpdate:modelValue": t[1] || (t[1] = (y) => s.showUpgradeToEnterpriseDialog = y),
+        reason: "Enterprise is Commercially Licensed"
+      }, null, 8, ["modelValue"])
+    ]),
+    _: 1
+  }));
+}
+const Ct = /* @__PURE__ */ A(Ue, [["render", Le], ["__scopeId", "data-v-90a4c42b"]]), R = 1e3, { highestLevel: Ee, orderByLevel: Ie, groupByLevel: Pe } = de, Re = {
+  components: {
+    AstroStatusIndicator: fe
+  },
+  props: {
+    size: {
+      type: [String, Number],
+      default: 26
+    }
+  },
+  data: function() {
+    return {
+      AstroStatusColors: pe,
+      alerts: [],
+      cable: new $(),
+      scriptCable: new $("/script-api/cable"),
+      subscription: null,
+      scriptSubscription: null,
+      numScripts: 0,
+      notifications: [],
+      showNotificationPane: !1,
+      toastNotification: {},
+      notificationDialog: !1,
+      selectedNotification: {},
+      settingsDialog: !1,
+      showToast: !0
+    };
+  },
+  computed: {
+    activeScripts: function() {
+      return `Scripts: ${this.numScripts}`;
+    },
+    notificationVsAlert: function() {
+      return "notifications";
+    },
+    iconStatus: function() {
+      if (this.unreadNotifications.length === 0)
+        return "off";
+      const e = this.unreadNotifications.map((t) => t.level).filter((t, o, l) => l.indexOf(t) === o);
+      return Q[Ee(e)];
+    },
+    readNotifications: function() {
+      return this.notifications.filter((e) => e.read).sort((e, t) => t.time - e.time);
+    },
+    unreadNotifications: function() {
+      return this.notifications.filter((e) => !e.read).sort((e, t) => t.time - e.time);
+    },
+    unreadCount: function() {
+      return this.unreadNotifications.length;
+    },
+    notificationList: function() {
+      const e = Pe(this.unreadNotifications);
+      let t = Ie(Object.keys(e), (o) => o).flatMap(
+        (o) => [{
+          header: o.charAt(0).toUpperCase() + o.slice(1)
+        }, ...e[o]]
+      );
+      return this.readNotifications.length && (t = t.concat([{ header: "Read" }, ...this.readNotifications])), t;
+    }
+  },
+  watch: {
+    showNotificationPane: function(e) {
+      e || (this.selectedNotification.message ? (this.notificationDialog = !1, this.selectedNotification = {}) : this.markAllAsRead());
+    },
+    showToast: function(e) {
+      localStorage.notoast = !e;
+    }
+  },
+  created: function() {
+    this.showToast = localStorage.notoast === "false", this.subscribe(), this.alerts = this.$store.state.notifyHistory, U.get("/script-api/running-script").then((e) => {
+      this.numScripts = e.data.length;
+    });
+  },
+  unmounted: function() {
+    this.subscription && this.subscription.unsubscribe(), this.scriptSubscription && this.scriptSubscription.unsubscribe(), this.cable.disconnect(), this.scriptCable.disconnect();
+  },
+  methods: {
+    getStatus: function(e) {
+      return Q[e];
+    },
+    markAllAsRead: function() {
+      this.notifications.forEach((e) => {
+        e.read = !0, (!localStorage.lastReadNotification || localStorage.lastReadNotification < e.msg_id) && (localStorage.lastReadNotification = e.msg_id);
+      });
+    },
+    clearNotifications: function() {
+      this.markAllAsRead(), this.notifications = [], localStorage.notificationStreamOffset = localStorage.lastReadNotification, this.showNotificationPane = !1;
+    },
+    toggleNotificationPane: function() {
+      this.showNotificationPane = !this.showNotificationPane;
+    },
+    toggleSettingsDialog: function() {
+      this.settingsDialog = !this.settingsDialog;
+    },
+    openDialog: function(e, t = !1) {
+      e.read = !0, (!localStorage.lastReadNotification || localStorage.lastReadNotification < e.msg_id) && (localStorage.lastReadNotification = e.msg_id), this.selectedNotification = e, this.notificationDialog = !0;
+    },
+    navigate: function(e) {
+      window.open(e, "_blank");
+    },
+    subscribe: function() {
+      this.cable.createSubscription(
+        "MessagesChannel",
+        window.openc3Scope,
+        {
+          received: (e) => this.receiveMessage(e)
+        },
+        {
+          start_offset: localStorage.notificationStreamOffset || localStorage.lastReadNotification,
+          types: ["notification", "alert", "ephemeral"]
+        }
+      ).then((e) => {
+        this.subscription = e;
+      }), this.scriptCable.createSubscription("AllScriptsChannel", window.openc3Scope, {
+        received: (e) => this.receiveScript(e)
+      }).then((e) => {
+        this.scriptSubscription = e;
+      });
+    },
+    receiveMessage: function(e) {
+      this.cable.recordPing(), e.length > R && e.splice(0, e.length - R);
+      let t = e.filter(
+        (l) => l.type === "ephemeral"
+      );
+      t && t.length > 0 && (e = e.filter((l) => l.type !== "ephemeral"), t.forEach((l) => {
+        this.$emit("ephemeral", l);
+      }));
+      let o = !1;
+      if (e.forEach((l) => {
+        l.read = l.msg_id <= localStorage.lastReadNotification, l.level = l.level || "INFO", !l.read && // Don't toast read notifications
+        ["FATAL", "ERROR", "WARN"].includes(l.level) && (o = !0, this.toastNotification = l);
+      }), this.showToast && o) {
+        let l = 5e3;
+        ["FATAL", "ERROR"].includes(this.toastNotification.level) && (l = null), this.$notify && this.$notify[this.toastNotification.level]({
+          ...this.toastNotification,
+          type: "notification",
+          duration: l,
+          saveToHistory: !1
+        });
+      }
+      this.notifications.length + e.length > R && this.notifications.splice(
+        0,
+        this.notifications.length + e.length - R
+      ), this.notifications = this.notifications.concat(e);
+    },
+    receiveScript: function(e) {
+      this.cable.recordPing(), this.numScripts = e.active_scripts;
+    },
+    formatShortDateTime: function(e) {
+      if (!e) return "";
+      const t = new Date(e / 1e6);
+      return De(t, { addSuffix: !0 });
+    }
+  }
+};
+function Fe(e, t, o, l, s, r) {
+  const m = a("v-overlay"), u = a("rux-monitoring-icon"), p = a("v-spacer"), g = a("v-btn"), y = a("v-tooltip"), S = a("v-card-title"), h = a("v-card-text"), b = a("v-divider"), v = a("v-list-subheader"), T = a("rux-status"), E = a("v-list-item-title"), M = a("v-list-item-subtitle"), z = a("v-list-item"), X = a("v-list"), I = a("v-card"), d = a("v-menu"), Y = a("astro-status-indicator"), te = a("v-card-subtitle"), oe = a("v-icon"), q = a("v-card-actions"), J = a("v-dialog"), ne = a("v-switch");
+  return c(), w("div", null, [
+    n(m, {
+      "model-value": e.showNotificationPane,
+      class: "overlay"
+    }, null, 8, ["model-value"]),
+    n(d, {
+      modelValue: e.showNotificationPane,
+      "onUpdate:modelValue": t[0] || (t[0] = (k) => e.showNotificationPane = k),
+      transition: "slide-y-transition",
+      "close-on-content-click": !1,
+      offset: [12, 102]
+    }, {
+      activator: i(({ props: k }) => [
+        n(u, j(k, {
+          class: "rux-icon",
+          icon: r.notificationVsAlert,
+          label: "Notifications",
+          sublabel: r.activeScripts,
+          status: r.iconStatus,
+          notifications: r.unreadNotifications.length
+        }), null, 16, ["icon", "sublabel", "status", "notifications"])
+      ]),
+      default: i(() => [
+        n(I, null, {
+          default: i(() => [
+            n(S, { class: "d-flex align-center justify-content-space-between" }, {
+              default: i(() => [
+                t[7] || (t[7] = C("span", null, " Notifications ", -1)),
+                n(p),
+                n(y, {
+                  location: "top",
+                  "open-delay": "350"
+                }, {
+                  activator: i(({ props: k }) => [
+                    n(g, j(k, {
+                      class: "ml-1",
+                      icon: "mdi-close-box-multiple ",
+                      variant: "text",
+                      onClick: r.clearNotifications,
+                      "data-test": "clear-notifications"
+                    }), null, 16, ["onClick"])
+                  ]),
+                  default: i(() => [
+                    t[6] || (t[6] = C("span", null, " Clear all ", -1))
+                  ]),
+                  _: 1
+                }),
+                n(g, {
+                  icon: "astro:settings",
+                  variant: "text",
+                  onClick: r.toggleSettingsDialog,
+                  class: "ml-1",
+                  "data-test": "notification-settings"
+                }, null, 8, ["onClick"])
+              ]),
+              _: 1
+            }),
+            e.notifications.length === 0 ? (c(), N(h, { key: 0 }, {
+              default: i(() => t[8] || (t[8] = [
+                f(" No notifications ")
+              ])),
+              _: 1
+            })) : (c(), N(X, {
+              key: 1,
+              lines: "two",
+              width: "420",
+              "max-height": "80vh",
+              class: "overflow-y-auto",
+              "data-test": "notification-list"
+            }, {
+              default: i(() => [
+                (c(!0), w(V, null, Z(r.notificationList, (k, H) => (c(), w(V, null, [
+                  k.header ? (c(), w(V, { key: 0 }, [
+                    H !== 0 ? (c(), N(b, {
+                      key: H,
+                      class: "mb-2"
+                    })) : D("", !0),
+                    (c(), N(v, {
+                      key: k.header
+                    }, {
+                      default: i(() => [
+                        f(_(k.header), 1)
+                      ]),
+                      _: 2
+                    }, 1024))
+                  ], 64)) : (c(), N(z, {
+                    key: `notification-${H}`,
+                    onClick: (_t) => r.openDialog(k),
+                    class: "pl-2"
+                  }, {
+                    prepend: i(() => [
+                      n(T, {
+                        class: "px-2",
+                        status: r.getStatus(k.level)
+                      }, null, 8, ["status"])
+                    ]),
+                    default: i(() => [
+                      n(E, {
+                        class: ee({
+                          "text--secondary": k.read,
+                          "text-wrap": !0
+                        })
+                      }, {
+                        default: i(() => [
+                          f(_(k.message), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["class"]),
+                      n(M, null, {
+                        default: i(() => [
+                          f(_(r.formatShortDateTime(k.time)), 1)
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"]))
+                ], 64))), 256))
+              ]),
+              _: 1
+            }))
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"]),
+    n(J, {
+      modelValue: e.notificationDialog,
+      "onUpdate:modelValue": t[3] || (t[3] = (k) => e.notificationDialog = k),
+      width: "600"
+    }, {
+      default: i(() => [
+        n(I, null, {
+          default: i(() => [
+            n(S, null, {
+              default: i(() => [
+                f(_(e.selectedNotification.message) + " ", 1),
+                n(p),
+                n(Y, {
+                  status: e.selectedNotification.level || "INFO"
+                }, null, 8, ["status"])
+              ]),
+              _: 1
+            }),
+            n(te, null, {
+              default: i(() => [
+                f(_(r.formatShortDateTime(e.selectedNotification.time)), 1)
+              ]),
+              _: 1
+            }),
+            n(b),
+            n(q, null, {
+              default: i(() => [
+                e.selectedNotification.url ? (c(), N(g, {
+                  key: 0,
+                  color: "primary",
+                  variant: "text",
+                  onClick: t[1] || (t[1] = (k) => r.navigate(e.selectedNotification.url))
+                }, {
+                  default: i(() => [
+                    t[10] || (t[10] = f(" Open ")),
+                    n(oe, { end: "" }, {
+                      default: i(() => t[9] || (t[9] = [
+                        f(" mdi-open-in-new ")
+                      ])),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })) : D("", !0),
+                n(g, {
+                  color: "primary",
+                  variant: "text",
+                  onClick: t[2] || (t[2] = (k) => e.notificationDialog = !1)
+                }, {
+                  default: i(() => t[11] || (t[11] = [
+                    f(" Close ")
+                  ])),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"]),
+    n(J, {
+      modelValue: e.settingsDialog,
+      "onUpdate:modelValue": t[5] || (t[5] = (k) => e.settingsDialog = k),
+      width: "600"
+    }, {
+      default: i(() => [
+        n(I, null, {
+          default: i(() => [
+            n(S, null, {
+              default: i(() => t[12] || (t[12] = [
+                f(" Notification settings ")
+              ])),
+              _: 1
+            }),
+            n(h, null, {
+              default: i(() => [
+                n(ne, {
+                  modelValue: e.showToast,
+                  "onUpdate:modelValue": t[4] || (t[4] = (k) => e.showToast = k),
+                  label: "Show toasts",
+                  color: "primary"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(b),
+            n(q, null, {
+              default: i(() => [
+                n(g, {
+                  color: "primary",
+                  variant: "text",
+                  onClick: r.toggleSettingsDialog
+                }, {
+                  default: i(() => t[13] || (t[13] = [
+                    f(" Close ")
+                  ])),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"])
+  ]);
+}
+const xe = /* @__PURE__ */ A(Re, [["render", Fe], ["__scopeId", "data-v-9bcdc9f6"]]), ze = {
+  components: {
+    UpgradeToEnterpriseDialog: x
+  },
+  data: function() {
+    return {
+      // Open Source only has one scope: 'DEFAULT'
+      scopes: ["DEFAULT"],
+      scope: "DEFAULT",
+      showUpgradeToEnterpriseDialog: !1
+    };
+  }
+};
+function Xe(e, t, o, l, s, r) {
+  const m = a("v-select"), u = a("upgrade-to-enterprise-dialog");
+  return c(), w("div", {
+    style: { cursor: "pointer" },
+    onClick: t[2] || (t[2] = (p) => e.showUpgradeToEnterpriseDialog = !0)
+  }, [
+    n(m, {
+      modelValue: e.scope,
+      "onUpdate:modelValue": t[0] || (t[0] = (p) => e.scope = p),
+      items: e.scopes,
+      disabled: e.scopes.length <= 1,
+      label: "Scope",
+      density: "compact",
+      variant: "outlined",
+      "hide-details": "",
+      style: { "max-width": "150px" }
+    }, null, 8, ["modelValue", "items", "disabled"]),
+    n(u, {
+      modelValue: e.showUpgradeToEnterpriseDialog,
+      "onUpdate:modelValue": t[1] || (t[1] = (p) => e.showUpgradeToEnterpriseDialog = p),
+      reason: "Enterprise allows additional Scopes"
+    }, null, 8, ["modelValue"])
+  ]);
+}
+const Ye = /* @__PURE__ */ A(ze, [["render", Xe]]), He = {
+  components: {
+    UpgradeToEnterpriseDialog: x
+  },
+  props: {
+    size: {
+      type: [String, Number],
+      default: 26
+    }
+  },
+  data: function() {
+    let e = OpenC3Auth.user();
+    return {
+      showUserMenu: !1,
+      authenticated: !!localStorage.openc3Token,
+      name: e.name,
+      // preferred_username is returned by the token (see authorization.rb)
+      username: e.preferred_username,
+      showUpgradeToEnterpriseDialog: !1,
+      activeUsers: ["None"]
+    };
+  },
+  watch: {
+    // Whenever we show the user menu, refresh the list of active users
+    showUserMenu: function(e, t) {
+      e === !0 && this.name !== "Anonymous" && U.get("/openc3-api/users/active").then((o) => {
+        this.activeUsers = o.data.filter(
+          (l) => !l.includes(this.name)
+        ), this.activeUsers.length === 0 && (this.activeUsers = ["None"]);
+      });
+    }
+  },
+  methods: {
+    logout: function() {
+      OpenC3Auth.logout(), U.put(`/openc3-api/users/logout/${this.username}`);
+    },
+    login: function() {
+      OpenC3Auth.login(location.href);
+    },
+    roles: function() {
+      return this.name === "Anonymous" ? "Admin" : OpenC3Auth.userroles().map((e) => this.capitalize(e)).sort().join(", ");
+    },
+    capitalize: function(e) {
+      return e.charAt(0).toUpperCase() + e.slice(1);
+    }
+  }
+}, je = { style: { "text-align": "center", margin: "5px" } }, Be = { key: 0 }, Ze = { class: "roles" }, We = { class: "pb-3 roles" }, qe = { key: 1 }, Je = {
+  key: 0,
+  class: "pa-3"
+}, $e = { key: 2 };
+function Ge(e, t, o, l, s, r) {
+  const m = a("v-overlay"), u = a("rux-monitoring-icon"), p = a("v-btn"), g = a("v-row"), y = a("v-card-text"), S = a("v-card"), h = a("v-menu"), b = a("upgrade-to-enterprise-dialog");
+  return c(), w("div", null, [
+    n(m, {
+      "model-value": e.showUserMenu,
+      class: "overlay"
+    }, null, 8, ["model-value"]),
+    n(h, {
+      modelValue: e.showUserMenu,
+      "onUpdate:modelValue": t[1] || (t[1] = (v) => e.showUserMenu = v),
+      transition: "slide-y-transition",
+      "close-on-content-click": !1,
+      offset: 20
+    }, {
+      activator: i(({ props: v }) => [
+        n(u, j(v, {
+          class: "rux-icon",
+          icon: "person",
+          status: "off",
+          label: e.name,
+          sublabel: r.roles()
+        }), null, 16, ["label", "sublabel"])
+      ]),
+      default: i(() => [
+        n(S, null, {
+          default: i(() => [
+            n(y, { class: "text-center" }, {
+              default: i(() => [
+                C("div", je, _(e.name), 1),
+                e.name !== "Anonymous" ? (c(), w("div", Be, [
+                  C("div", Ze, "Username: " + _(e.username), 1),
+                  C("div", We, "Roles: " + _(r.roles()), 1)
+                ])) : D("", !0),
+                e.authenticated ? (c(), w("div", qe, [
+                  n(p, {
+                    block: "",
+                    onClick: r.logout,
+                    color: "primary"
+                  }, {
+                    default: i(() => t[3] || (t[3] = [
+                      f(" Logout ")
+                    ])),
+                    _: 1
+                  }, 8, ["onClick"]),
+                  e.name !== "Anonymous" ? (c(), w("div", Je, [
+                    n(g, { class: "pt-3 user-title" }, {
+                      default: i(() => t[4] || (t[4] = [
+                        f("Other Active Users:")
+                      ])),
+                      _: 1
+                    }),
+                    (c(!0), w(V, null, Z(e.activeUsers, (v, T) => (c(), N(g, {
+                      key: T,
+                      class: "user"
+                    }, {
+                      default: i(() => [
+                        f(_(v), 1)
+                      ]),
+                      _: 2
+                    }, 1024))), 128))
+                  ])) : D("", !0)
+                ])) : (c(), w("div", $e, [
+                  n(p, {
+                    block: "",
+                    onClick: r.login,
+                    color: "primary"
+                  }, {
+                    default: i(() => t[5] || (t[5] = [
+                      f(" Login ")
+                    ])),
+                    _: 1
+                  }, 8, ["onClick"])
+                ])),
+                e.name === "Anonymous" ? (c(), w("div", {
+                  key: 3,
+                  onClick: t[0] || (t[0] = (v) => e.showUpgradeToEnterpriseDialog = !0),
+                  class: "pt-2 link"
+                }, t[6] || (t[6] = [
+                  f(" Click to learn more about"),
+                  C("br", null, null, -1),
+                  f(" COSMOS Enterprise Edition ")
+                ]))) : D("", !0)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"]),
+    n(b, {
+      modelValue: e.showUpgradeToEnterpriseDialog,
+      "onUpdate:modelValue": t[2] || (t[2] = (v) => e.showUpgradeToEnterpriseDialog = v),
+      reason: "Enterprise has individual users with RBAC"
+    }, null, 8, ["modelValue"])
+  ]);
+}
+const Ke = /* @__PURE__ */ A(He, [["render", Ge], ["__scopeId", "data-v-3a353a10"]]), Qe = {
+  components: {
+    Notifications: xe,
+    ScopeSelector: Ye,
+    UserMenu: Ke,
+    UpgradeToEnterpriseDialog: x
+  },
+  props: {
+    edition: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      api: new B(),
+      timeZone: "local",
+      subtitle: null,
+      // Update AstroSettings.vue when changing this
+      astro: {
+        hideClock: !1
+      },
+      items: [],
+      drawer: !0,
+      appNav: {},
+      logo: "/img/logo.png",
+      initiallyOpen: [],
+      showUpgradeToEnterpriseDialog: !1,
+      chromeless: this.$route.query.chromeless
+    };
+  },
+  computed: {
+    // a computed getter
+    shownTools: function() {
+      let e = {};
+      for (let t of Object.keys(this.appNav))
+        this.appNav[t].shown && this.appNav[t].category !== "Admin" && (e[t] = this.appNav[t]);
+      return e;
+    },
+    adminTools: function() {
+      let e = {};
+      for (let t of Object.keys(this.appNav))
+        this.appNav[t].shown && this.appNav[t].category === "Admin" && (e[t] = this.appNav[t]);
+      return e;
+    },
+    astroTimeZone: function() {
+      return this.timeZone === "local" ? Intl.DateTimeFormat().resolvedOptions().timeZone : this.timeZone;
+    }
+  },
+  created() {
+    this.api.get_setting("astro").then((e) => {
+      e && (this.astro = JSON.parse(e));
+    }).catch((e) => {
+    }), this.api.get_setting("subtitle").then((e) => {
+      e && (this.subtitle = e);
+    }).catch((e) => {
+    }), this.api.get_setting("time_zone").then((e) => {
+      e && (this.timeZone = e);
+    }).catch((e) => {
+    }), U.get("/openc3-api/tools/all", { params: { scope: "DEFAULT" } }).then(
+      (e) => {
+        this.appNav = e.data;
+        let t = 1;
+        for (let o of Object.keys(this.appNav)) {
+          if (this.appNav[o].shown) {
+            if (this.appNav[o].category && this.appNav[o].category !== "Admin") {
+              this.initiallyOpen.includes(this.appNav[o].category) || this.initiallyOpen.push(this.appNav[o].category);
+              const l = this.items.filter(
+                (s) => s.name === this.appNav[o].category
+              );
+              l.length === 0 ? (this.items.push({
+                id: t,
+                name: this.appNav[o].category,
+                children: [
+                  {
+                    id: t + 1,
+                    name: this.appNav[o].name,
+                    icon: this.appNav[o].icon,
+                    url: this.appNav[o].url,
+                    inline_url: this.appNav[o].inline_url,
+                    window: this.appNav[o].window
+                  }
+                ]
+              }), t++) : l[0].children.push({
+                id: t,
+                name: this.appNav[o].name,
+                icon: this.appNav[o].icon,
+                url: this.appNav[o].url,
+                inline_url: this.appNav[o].inline_url,
+                window: this.appNav[o].window
+              });
+            } else this.appNav[o].category || this.items.push({
+              id: t,
+              name: this.appNav[o].name,
+              icon: this.appNav[o].icon,
+              url: this.appNav[o].url,
+              inline_url: this.appNav[o].inline_url,
+              window: this.appNav[o].window
+            });
+            t++;
+          }
+          if (this.appNav[o].inline_url && this.appNav[o].window === "INLINE" && this.appNav[o].folder_name && this.appNav[o].folder_name !== "base") {
+            let l = this.appNav[o].folder_name, s = "@openc3/tool-" + l;
+            le({
+              name: s,
+              app: () => System.import(s),
+              activeWhen: ["/tools/" + l]
+            });
+          }
+        }
+        if (ce({
+          urlRerouteOnly: !0
+        }), window.location.pathname == "/" || window.location.pathname == "/tools" || window.location.pathname == "/tools/") {
+          for (let o of Object.keys(this.shownTools))
+            if (this.appNav[o].shown) {
+              history.replaceState(null, "", this.appNav[o].url);
+              break;
+            }
+        }
+        setInterval(() => {
+          OpenC3Auth.updateToken(120).then(function(o) {
+            o && OpenC3Auth.setTokens();
+          });
+        }, 6e4);
+      }
+    );
+  },
+  methods: {
+    navigateToUrl: ue,
+    newTabUrl(e) {
+      let t = null;
+      try {
+        e.url[0] == "/" && e.url[1] != "/" ? t = new URL(e.url, window.location.origin) : t = new URL(e.url), t.searchParams.set("scope", window.openc3Scope);
+      } catch (o) {
+        window.$cosmosNotify.serious({
+          title: `Invalid URL '${e.url}' for tool ${e.name}`,
+          message: o.message
+        }), t.href = "/";
+      }
+      return t.href;
+    }
+  }
+}, et = ["src"], tt = { style: { "text-align": "center", "font-size": "18pt" } }, ot = ["href", "onClick"], nt = ["href"], st = ["href", "onClick"], it = ["href", "onClick"], at = ["href"], rt = ["href"], lt = ["href"], ct = ["href"];
+function ut(e, t, o, l, s, r) {
+  const m = a("v-btn"), u = a("v-divider"), p = a("v-icon"), g = a("v-treeview"), y = a("v-navigation-drawer"), S = a("rux-icon"), h = a("v-row"), b = a("v-col"), v = a("rux-clock"), T = a("v-spacer"), E = a("scope-selector"), M = a("notifications"), z = a("user-menu"), X = a("v-app-bar"), I = a("upgrade-to-enterprise-dialog");
+  return c(), w("div", null, [
+    s.chromeless ? D("", !0) : (c(), N(y, {
+      key: 0,
+      "model-value": s.drawer,
+      id: "openc3-nav-drawer"
+    }, {
+      default: i(() => [
+        C("img", {
+          src: s.logo,
+          class: "logo",
+          alt: "OpenC3"
+        }, null, 8, et),
+        C("div", {
+          class: "cosmos",
+          onClick: t[0] || (t[0] = (d) => s.showUpgradeToEnterpriseDialog = !0)
+        }, " COSMOS "),
+        C("div", tt, _(s.subtitle), 1),
+        (c(!0), w(V, null, Z(r.adminTools, (d, Y) => (c(), w("div", {
+          key: Y,
+          class: "ma-3"
+        }, [
+          n(m, {
+            block: "",
+            size: "small",
+            href: d.url,
+            onClick: L(() => r.navigateToUrl(d.url), ["prevent"]),
+            class: "fixcenter",
+            color: "primary"
+          }, {
+            default: i(() => t[3] || (t[3] = [
+              f(" Admin Console ")
+            ])),
+            _: 2
+          }, 1032, ["href", "onClick"])
+        ]))), 128)),
+        n(u),
+        n(g, {
+          items: s.items,
+          opened: s.initiallyOpen,
+          "item-value": "name",
+          density: "compact",
+          "open-on-click": ""
+        }, {
+          prepend: i(({ item: d }) => [
+            d.icon ? (c(), w(V, { key: 0 }, [
+              d.window === "INLINE" ? (c(), w("a", {
+                key: 0,
+                href: d.url,
+                onClick: L(() => r.navigateToUrl(d.url), ["prevent"])
+              }, [
+                n(p, { class: "mr-2" }, {
+                  default: i(() => [
+                    f(_(d.icon), 1)
+                  ]),
+                  _: 2
+                }, 1024)
+              ], 8, ot)) : (c(), w("a", {
+                key: 1,
+                href: d.url
+              }, [
+                n(p, { class: "mr-2" }, {
+                  default: i(() => [
+                    f(_(d.icon), 1)
+                  ]),
+                  _: 2
+                }, 1024)
+              ], 8, nt))
+            ], 64)) : D("", !0)
+          ]),
+          title: i(({ item: d }) => [
+            d.icon ? (c(), w(V, { key: 1 }, [
+              d.window === "INLINE" ? (c(), w("a", {
+                key: 0,
+                href: d.url,
+                onClick: L(() => r.navigateToUrl(d.url), ["prevent"])
+              }, _(d.name), 9, it)) : d.window === "IFRAME" ? (c(), w("a", {
+                key: 1,
+                href: "/tools/iframe?title=" + encodeURIComponent(d.name) + "&url=" + d.url
+              }, _(d.name), 9, at)) : d.window === "SAME" ? (c(), w("a", {
+                key: 2,
+                href: d.url
+              }, _(d.name), 9, rt)) : (c(), w("a", {
+                key: 3,
+                href: d.url,
+                target: "_blank"
+              }, _(d.name), 9, lt))
+            ], 64)) : (c(), w("a", {
+              key: 0,
+              href: d.url,
+              onClick: L(() => r.navigateToUrl(d.url), ["prevent"])
+            }, _(d.name), 9, st))
+          ]),
+          append: i(({ item: d }) => [
+            d.icon ? (c(), w("a", {
+              key: 0,
+              href: r.newTabUrl(d),
+              target: "_blank"
+            }, [
+              n(p, null, {
+                default: i(() => t[4] || (t[4] = [
+                  f("mdi-open-in-new")
+                ])),
+                _: 1
+              })
+            ], 8, ct)) : D("", !0)
+          ]),
+          _: 1
+        }, 8, ["items", "opened"])
+      ]),
+      _: 1
+    }, 8, ["model-value"])),
+    s.chromeless ? D("", !0) : (c(), N(X, {
+      key: 1,
+      id: "openc3-app-toolbar"
+    }, {
+      default: i(() => [
+        n(h, {
+          class: "flex-nowrap",
+          justify: "space-between",
+          "no-gutters": ""
+        }, {
+          default: i(() => [
+            n(b, { "align-self": "start" }, {
+              default: i(() => [
+                n(h, { class: "flex-nowrap" }, {
+                  default: i(() => [
+                    n(S, {
+                      class: "ml-3 mr-2 pa-2",
+                      size: "small",
+                      icon: "apps",
+                      onClick: t[1] || (t[1] = (d) => s.drawer = !s.drawer)
+                    }),
+                    t[5] || (t[5] = C("span", { id: "openc3-menu" }, null, -1))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            n(b, null, {
+              default: i(() => [
+                n(h, { class: "clock flex-nowrap mt-0" }, {
+                  default: i(() => [
+                    s.astro.hideClock ? D("", !0) : (c(), N(v, {
+                      key: 0,
+                      "date-in": "",
+                      timezone: r.astroTimeZone
+                    }, null, 8, ["timezone"]))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            n(b, {
+              "align-self": "center",
+              class: "mt-2"
+            }, {
+              default: i(() => [
+                n(h, { class: "flex-nowrap" }, {
+                  default: i(() => [
+                    n(T),
+                    n(E, { class: "mr-6 mt-4" }),
+                    n(M, {
+                      class: "mr-6",
+                      "data-test": "notifications"
+                    }),
+                    n(z, { class: "mr-6" })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    })),
+    n(I, {
+      modelValue: s.showUpgradeToEnterpriseDialog,
+      "onUpdate:modelValue": t[2] || (t[2] = (d) => s.showUpgradeToEnterpriseDialog = d),
+      reason: "Enterprise adds Calendar and Autonomic"
+    }, null, 8, ["modelValue"])
+  ]);
+}
+const Tt = /* @__PURE__ */ A(Qe, [["render", ut], ["__scopeId", "data-v-d056ee4b"]]), Mt = {
+  data: function() {
+    return {
+      api: null,
+      classification: {
+        text: "",
+        fontColor: "white",
+        backgroundColor: "red",
+        topHeight: 0,
+        bottomHeight: 0
+      }
+    };
+  },
+  computed: {
+    classificationStyles: function() {
+      return [
+        `--classification-text:"${this.classification.text}";`,
+        `--classification-font-color:${this.classification.fontColor};`,
+        `--classification-background-color:${this.classification.backgroundColor};`,
+        `--classification-height-top:${this.classification.topHeight}px;`,
+        `--classification-height-bottom:${this.classification.bottomHeight}px;`
+      ].join("");
+    }
+  },
+  created: function() {
+    this.api = new B(), this.load();
+  },
+  methods: {
+    load: function() {
+      this.api.get_setting("classification_banner").then((e) => {
+        e && (this.classification = JSON.parse(e));
+      }).catch((e) => {
+      });
+    }
+  }
+}, dt = {
+  data() {
+    return {
+      isSet: !0,
+      password: "",
+      confirmPassword: "",
+      oldPassword: "",
+      reset: !1,
+      // setting a password for the first time, or changing to a new password
+      alert: "",
+      alertType: "success",
+      showAlert: !1
+    };
+  },
+  computed: {
+    options: function() {
+      return {
+        noAuth: !0,
+        noScope: !0
+        // lol
+      };
+    },
+    rules: function() {
+      return {
+        matchPassword: () => this.password === this.confirmPassword || "Passwords must match"
+      };
+    },
+    formValid: function() {
+      return this.reset ? this.isSet ? !!this.oldPassword && !!this.password && this.password === this.confirmPassword : !!this.password && this.password === this.confirmPassword : !!this.password;
+    }
+  },
+  created: function() {
+    U.get("/openc3-api/auth/token-exists", this.options).then((e) => {
+      this.isSet = !!e.data.result, this.isSet || (this.reset = !0);
+    });
+  },
+  methods: {
+    showReset: function() {
+      this.reset = !0;
+    },
+    login: function(e) {
+      localStorage.openc3Token = e.data;
+      const t = new URLSearchParams(window.location.search).get(
+        "redirect"
+      );
+      t.startsWith("/tools/") ? window.location = decodeURI(t) : window.location = "/";
+    },
+    verifyPassword: function() {
+      this.showAlert = !1, U.post("/openc3-api/auth/verify", {
+        data: {
+          token: this.password
+        },
+        ...this.options
+      }).then((e) => {
+        this.login(e);
+      }).catch((e) => {
+        this.alert = "Incorrect password", this.alertType = "warning", this.showAlert = !0;
+      });
+    },
+    setPassword: function() {
+      this.showAlert = !1, U.post("/openc3-api/auth/set", {
+        data: {
+          old_token: this.oldPassword,
+          token: this.password
+        },
+        ...this.options
+      }).then((e) => {
+        this.login(e);
+      }).catch((e) => {
+        this.alert = `Invalid password: ${e.response.data.message}`, this.alertType = "warning", this.showAlert = !0;
+      });
+    }
+  }
+};
+function ft(e, t, o, l, s, r) {
+  const m = a("v-card-title"), u = a("v-card-subtitle"), p = a("v-text-field"), g = a("v-btn"), y = a("v-spacer"), S = a("v-row"), h = a("v-container"), b = a("v-form"), v = a("v-card-text"), T = a("v-alert"), E = a("v-card");
+  return c(), N(E, null, {
+    default: i(() => [
+      n(m, null, {
+        default: i(() => t[4] || (t[4] = [
+          f(" Login ")
+        ])),
+        _: 1
+      }),
+      n(u, null, {
+        default: i(() => [
+          f(_(s.isSet ? "Enter the" : "Create a") + " password to begin using OpenC3 ", 1)
+        ]),
+        _: 1
+      }),
+      n(v, null, {
+        default: i(() => [
+          n(b, null, {
+            default: i(() => [
+              s.isSet && s.reset ? (c(), N(p, {
+                key: 0,
+                modelValue: s.oldPassword,
+                "onUpdate:modelValue": t[0] || (t[0] = (M) => s.oldPassword = M),
+                type: "password",
+                label: "Old Password"
+              }, null, 8, ["modelValue"])) : D("", !0),
+              n(p, {
+                modelValue: s.password,
+                "onUpdate:modelValue": t[1] || (t[1] = (M) => s.password = M),
+                type: "password",
+                label: `${!s.isSet || s.reset ? "New " : ""}Password`,
+                "data-test": "new-password"
+              }, null, 8, ["modelValue", "label"]),
+              s.reset ? (c(), N(p, {
+                key: 1,
+                modelValue: s.confirmPassword,
+                "onUpdate:modelValue": t[2] || (t[2] = (M) => s.confirmPassword = M),
+                rules: [r.rules.matchPassword],
+                type: "password",
+                label: "Confirm Password",
+                "data-test": "confirm-password"
+              }, null, 8, ["modelValue", "rules"])) : D("", !0),
+              s.reset ? (c(), N(g, {
+                key: 2,
+                type: "submit",
+                onClick: L(r.setPassword, ["prevent"]),
+                size: "large",
+                color: s.isSet ? "warn" : "success",
+                disabled: !r.formValid,
+                "data-test": "set-password"
+              }, {
+                default: i(() => t[5] || (t[5] = [
+                  f(" Set ")
+                ])),
+                _: 1
+              }, 8, ["onClick", "color", "disabled"])) : (c(), N(h, { key: 3 }, {
+                default: i(() => [
+                  n(S, null, {
+                    default: i(() => [
+                      n(g, {
+                        type: "submit",
+                        onClick: L(r.verifyPassword, ["prevent"]),
+                        size: "large",
+                        color: "success",
+                        disabled: !r.formValid
+                      }, {
+                        default: i(() => t[6] || (t[6] = [
+                          f(" Login ")
+                        ])),
+                        _: 1
+                      }, 8, ["onClick", "disabled"]),
+                      n(y),
+                      n(g, {
+                        variant: "text",
+                        size: "small",
+                        onClick: r.showReset
+                      }, {
+                        default: i(() => t[7] || (t[7] = [
+                          f(" Change Password ")
+                        ])),
+                        _: 1
+                      }, 8, ["onClick"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }),
+      n(T, {
+        type: s.alertType,
+        modelValue: s.showAlert,
+        "onUpdate:modelValue": t[3] || (t[3] = (M) => s.showAlert = M),
+        closable: ""
+      }, {
+        default: i(() => [
+          f(_(s.alert), 1)
+        ]),
+        _: 1
+      }, 8, ["type", "modelValue"])
+    ]),
+    _: 1
+  });
+}
+const Ut = /* @__PURE__ */ A(dt, [["render", ft]]), pt = 3e3, mt = {
+  data: function() {
+    return {
+      dismissed: !1,
+      suppress: !1,
+      discrepancy: 0
+    };
+  },
+  created: function() {
+    this.suppress = localStorage.suppresswarning__clock_out_of_sync_with_server === "true", this.suppress || me.get("/openc3-api/time").then((e) => {
+      this.discrepancy = e.data.now_nsec / 1e6 - Date.now();
+    }).catch((e) => {
+      this.dismissed = !0;
+    });
+  },
+  methods: {
+    dismiss: function() {
+      localStorage.suppresswarning__clock_out_of_sync_with_server = this.suppress, this.dismissed = !0;
+    }
+  },
+  computed: {
+    approximateDiscrepancySec: function() {
+      return (this.discrepancy / 1e3).toFixed();
+    },
+    dialog: function() {
+      return !this.dismissed && Math.abs(this.discrepancy) >= pt;
+    }
+  }
+};
+function ht(e, t, o, l, s, r) {
+  const m = a("v-card-title"), u = a("v-checkbox"), p = a("v-card-text"), g = a("v-divider"), y = a("v-btn"), S = a("v-card-actions"), h = a("v-card"), b = a("v-dialog");
+  return c(), N(b, {
+    modelValue: r.dialog,
+    "onUpdate:modelValue": t[1] || (t[1] = (v) => r.dialog = v),
+    width: "500"
+  }, {
+    default: i(() => [
+      n(h, null, {
+        default: i(() => [
+          n(m, null, {
+            default: i(() => t[2] || (t[2] = [
+              f(" Clock out of sync ")
+            ])),
+            _: 1
+          }),
+          n(p, null, {
+            default: i(() => [
+              f(" We've detected that your clock is approximately " + _(Math.abs(r.approximateDiscrepancySec)) + " seconds " + _(r.approximateDiscrepancySec > 0 ? "behind" : "ahead of") + " server time. This can cause issues and might have unknown side effects. ", 1),
+              n(u, {
+                modelValue: e.suppress,
+                "onUpdate:modelValue": t[0] || (t[0] = (v) => e.suppress = v),
+                label: "Don't show this again"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          n(g),
+          n(S, null, {
+            default: i(() => [
+              n(y, {
+                color: "primary",
+                variant: "text",
+                onClick: r.dismiss
+              }, {
+                default: i(() => t[3] || (t[3] = [
+                  f(" Dismiss ")
+                ])),
+                _: 1
+              }, 8, ["onClick"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  }, 8, ["modelValue"]);
+}
+const At = /* @__PURE__ */ A(mt, [["render", ht]]);
+export {
+  Ct as AppFooter,
+  Tt as AppNav,
+  Mt as ClassificationBanners,
+  Me as ClockFooter,
+  Ut as Login,
+  xe as Notifications,
+  Ye as ScopeSelector,
+  At as TimeCheck,
+  Ke as UserMenu
+};
+//# sourceMappingURL=base.js.map