@openc3/vue-common 6.2.0 → 6.2.1

package/dist/tools/base.js

@@ -0,0 +1,1683 @@
+import { m as X, a as A, f as J } from "../UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_6fa47877_lang-iq-jp8dD.js";
+import { resolveComponent as a, createElementBlock as _, openBlock as c, createElementVNode as S, createVNode as n, toDisplayString as h, withCtx as s, createBlock as N, createCommentVNode as C, createTextVNode as f, normalizeClass as ee, mergeProps as Z, Fragment as V, renderList as H, withModifiers as F } from "vue";
+import { _ as O } from "../CosmosRuxIcon.vue_vue_type_style_index_0_scoped_9af48e85_lang-CHgC5LLL.js";
+import { navigateToUrl as se, registerApplication as ie, start as ae } from "single-spa";
+import { U as Y } from "../UpgradeToEnterpriseDialog-DVcAH30Y.js";
+import { t as R, c as re, n as W, g as le, e as ce, b as G, d as K, h as P, f as ue } from "../format-CVeawcIv.js";
+import { AstroStatusIndicator as de, UnknownToAstroStatus as Q, AstroStatusColors as fe } from "../icons.js";
+import { A as pe } from "../AstroStatus-CY9VkeTN.js";
+import { a as me } from "../index-CFQnWdPA.js";
+function z(e, t) {
+  const o = +R(e) - +R(t);
+  return o < 0 ? -1 : o > 0 ? 1 : o;
+}
+function he(e) {
+  return re(e, Date.now());
+}
+function _e(e, t, o) {
+  const [l, i] = W(
+    o == null ? void 0 : o.in,
+    e,
+    t
+  ), r = l.getFullYear() - i.getFullYear(), m = l.getMonth() - i.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 +R(e) - +R(t);
+}
+function we(e, t) {
+  const o = R(e, t == null ? void 0 : t.in);
+  return o.setHours(23, 59, 59, 999), o;
+}
+function ye(e, t) {
+  const o = R(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 = R(e, t == null ? void 0 : t.in);
+  return +we(o, t) == +ye(o, t);
+}
+function be(e, t, o) {
+  const [l, i, r] = W(
+    o == null ? void 0 : o.in,
+    e,
+    e,
+    t
+  ), m = z(i, r), u = Math.abs(
+    _e(i, r)
+  );
+  if (u < 1) return 0;
+  i.getMonth() === 1 && i.getDate() > 27 && i.setDate(30), i.setMonth(i.getMonth() - m * u);
+  let p = z(i, r) === -m;
+  ke(l) && u === 1 && z(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 = le(), i = (o == null ? void 0 : o.locale) ?? l.locale ?? ce, r = 2520, m = z(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]
+  ), w = Ne(g, p), D = (G(g) - G(p)) / 1e3, v = Math.round((w - D) / 60);
+  let k;
+  if (v < 2)
+    return o != null && o.includeSeconds ? w < 5 ? i.formatDistance("lessThanXSeconds", 5, u) : w < 10 ? i.formatDistance("lessThanXSeconds", 10, u) : w < 20 ? i.formatDistance("lessThanXSeconds", 20, u) : w < 40 ? i.formatDistance("halfAMinute", 0, u) : w < 60 ? i.formatDistance("lessThanXMinutes", 1, u) : i.formatDistance("xMinutes", 1, u) : v === 0 ? i.formatDistance("lessThanXMinutes", 1, u) : i.formatDistance("xMinutes", v, u);
+  if (v < 45)
+    return i.formatDistance("xMinutes", v, u);
+  if (v < 90)
+    return i.formatDistance("aboutXHours", 1, u);
+  if (v < K) {
+    const b = Math.round(v / 60);
+    return i.formatDistance("aboutXHours", b, u);
+  } else {
+    if (v < r)
+      return i.formatDistance("xDays", 1, u);
+    if (v < P) {
+      const b = Math.round(v / K);
+      return i.formatDistance("xDays", b, u);
+    } else if (v < P * 2)
+      return k = Math.round(v / P), i.formatDistance("aboutXMonths", k, u);
+  }
+  if (k = be(g, p), k < 12) {
+    const b = Math.round(v / P);
+    return i.formatDistance("xMonths", b, u);
+  } else {
+    const b = k % 12, U = Math.trunc(k / 12);
+    return b < 3 ? i.formatDistance("aboutXYears", U, u) : b < 9 ? i.formatDistance("overXYears", U, u) : i.formatDistance("almostXYears", U + 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 ue(e, t, { useAdditionalDayOfYearTokens: !0 });
+    }
+  }
+};
+function Te(e, t, o, l, i, r) {
+  const m = a("v-list-item-title"), u = a("v-list-item"), p = a("v-divider"), g = a("v-list"), w = a("v-menu");
+  return c(), _("div", null, [
+    S("span", {
+      style: { cursor: "context-menu" },
+      class: "font-weight-bold",
+      onContextmenu: t[0] || (t[0] = (...D) => r.openMenu && r.openMenu(...D))
+    }, h(r.formatDate(e.displayLocal ? e.localDate : r.utcDate, r.formatString)) + " (" + h(e.displayLocal ? "local" : "UTC") + ") ", 33),
+    n(w, {
+      modelValue: e.showMenu,
+      "onUpdate:modelValue": t[1] || (t[1] = (D) => e.showMenu = D),
+      target: [e.menuX, e.menuY]
+    }, {
+      default: s(() => [
+        n(g, null, {
+          default: s(() => [
+            n(u, null, {
+              default: s(() => [
+                n(m, {
+                  style: { cursor: "pointer" },
+                  onClick: r.toggleDisplayLocal
+                }, {
+                  default: s(() => [
+                    f(" Display " + h(e.displayLocal ? "UTC" : "local time"), 1)
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 1
+            }),
+            n(p),
+            n(u, null, {
+              default: s(() => [
+                n(m, {
+                  style: { cursor: "pointer" },
+                  onClick: r.toggleDisplay24h
+                }, {
+                  default: s(() => [
+                    f(" Display " + h(e.display24h ? 12 : 24) + " hour clock ", 1)
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 1
+            }),
+            n(p),
+            e.dateMode !== "monthFirst" ? (c(), N(u, { key: 0 }, {
+              default: s(() => [
+                n(m, {
+                  style: { cursor: "pointer" },
+                  onClick: r.setMonthFirst
+                }, {
+                  default: s(() => t[2] || (t[2] = [
+                    f(" Display mm/dd/yyyy ")
+                  ])),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 1
+            })) : C("", !0),
+            e.dateMode !== "dayFirst" ? (c(), N(u, { key: 1 }, {
+              default: s(() => [
+                n(m, {
+                  style: { cursor: "pointer" },
+                  onClick: r.setDayFirst
+                }, {
+                  default: s(() => t[3] || (t[3] = [
+                    f(" Display dd/mm/yyyy ")
+                  ])),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 1
+            })) : C("", !0),
+            e.dateMode !== "number" ? (c(), N(u, { key: 2 }, {
+              default: s(() => [
+                n(m, {
+                  style: { cursor: "pointer" },
+                  onClick: r.setNumber
+                }, {
+                  default: s(() => t[4] || (t[4] = [
+                    f(" Display day of year ")
+                  ])),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 1
+            })) : C("", !0)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue", "target"])
+  ]);
+}
+const Me = /* @__PURE__ */ O(Ce, [["render", Te]]), Ue = {
+  components: {
+    ClockFooter: Me,
+    UpgradeToEnterpriseDialog: Y
+  },
+  data() {
+    return {
+      icon: "/img/icon.png",
+      edition: "",
+      enterprise: !1,
+      license: "",
+      sourceUrl: "",
+      version: "",
+      showUpgradeToEnterpriseDialog: !1,
+      chromeless: this.$route.query.chromeless
+    };
+  },
+  created: function() {
+    this.getSourceUrl(), A.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 X().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, i, r) {
+  const m = a("v-spacer"), u = a("clock-footer"), p = a("upgrade-to-enterprise-dialog"), g = a("v-footer");
+  return i.chromeless ? C("", !0) : (c(), N(g, {
+    key: 0,
+    id: "footer",
+    app: "",
+    height: "33"
+  }, {
+    default: s(() => [
+      S("img", {
+        src: i.icon,
+        alt: "OpenC3"
+      }, null, 8, Ae),
+      S("span", {
+        class: ee(r.footerClass),
+        onClick: t[0] || (t[0] = (...w) => r.upgrade && r.upgrade(...w))
+      }, " OpenC3 " + h(i.edition) + " " + h(i.version) + " © 2024 - License: " + h(i.license), 3),
+      n(m),
+      S("a", {
+        href: i.sourceUrl,
+        class: "text-white text-decoration-underline"
+      }, " Source ", 8, Ve),
+      n(m),
+      S("div", Oe, [
+        n(u)
+      ]),
+      n(p, {
+        modelValue: i.showUpgradeToEnterpriseDialog,
+        "onUpdate:modelValue": t[1] || (t[1] = (w) => i.showUpgradeToEnterpriseDialog = w),
+        reason: "Enterprise is Commercially Licensed"
+      }, null, 8, ["modelValue"])
+    ]),
+    _: 1
+  }));
+}
+const At = /* @__PURE__ */ O(Ue, [["render", Le], ["__scopeId", "data-v-90a4c42b"]]), x = 1e3, { highestLevel: Ee, orderByLevel: Re, groupByLevel: Fe } = pe, Ie = {
+  components: {
+    AstroStatusIndicator: de
+  },
+  props: {
+    size: {
+      type: [String, Number],
+      default: 26
+    }
+  },
+  data: function() {
+    return {
+      AstroStatusColors: fe,
+      alerts: [],
+      cable: new J(),
+      scriptCable: new J("/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 = Fe(this.unreadNotifications);
+      let t = Re(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, A.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 > x && e.splice(0, e.length - x);
+      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 > x && this.notifications.splice(
+        0,
+        this.notifications.length + e.length - x
+      ), 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 Pe(e, t, o, l, i, r) {
+  const m = a("v-overlay"), u = a("rux-monitoring-icon"), p = a("v-spacer"), g = a("v-btn"), w = a("v-tooltip"), D = a("v-card-title"), v = a("v-card-text"), k = a("v-divider"), b = a("v-list-subheader"), U = a("rux-status"), L = a("v-list-item-title"), M = a("v-list-item-subtitle"), T = a("v-list-item"), E = a("v-list"), I = a("v-card"), d = a("v-menu"), j = a("astro-status-indicator"), te = a("v-card-subtitle"), oe = a("v-icon"), $ = a("v-card-actions"), q = a("v-dialog"), ne = a("v-switch");
+  return c(), _("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] = (y) => e.showNotificationPane = y),
+      transition: "slide-y-transition",
+      "close-on-content-click": !1,
+      offset: [12, 102]
+    }, {
+      activator: s(({ props: y }) => [
+        n(u, Z(y, {
+          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: s(() => [
+        n(I, null, {
+          default: s(() => [
+            n(D, { class: "d-flex align-center justify-content-space-between" }, {
+              default: s(() => [
+                t[7] || (t[7] = S("span", null, " Notifications ", -1)),
+                n(p),
+                n(w, {
+                  location: "top",
+                  "open-delay": "350"
+                }, {
+                  activator: s(({ props: y }) => [
+                    n(g, Z(y, {
+                      class: "ml-1",
+                      icon: "mdi-close-box-multiple ",
+                      variant: "text",
+                      onClick: r.clearNotifications,
+                      "data-test": "clear-notifications"
+                    }), null, 16, ["onClick"])
+                  ]),
+                  default: s(() => [
+                    t[6] || (t[6] = S("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(v, { key: 0 }, {
+              default: s(() => t[8] || (t[8] = [
+                f(" No notifications ")
+              ])),
+              _: 1
+            })) : (c(), N(E, {
+              key: 1,
+              lines: "two",
+              width: "420",
+              "max-height": "80vh",
+              class: "overflow-y-auto",
+              "data-test": "notification-list"
+            }, {
+              default: s(() => [
+                (c(!0), _(V, null, H(r.notificationList, (y, B) => (c(), _(V, null, [
+                  y.header ? (c(), _(V, { key: 0 }, [
+                    B !== 0 ? (c(), N(k, {
+                      key: B,
+                      class: "mb-2"
+                    })) : C("", !0),
+                    (c(), N(b, {
+                      key: y.header
+                    }, {
+                      default: s(() => [
+                        f(h(y.header), 1)
+                      ]),
+                      _: 2
+                    }, 1024))
+                  ], 64)) : (c(), N(T, {
+                    key: `notification-${B}`,
+                    onClick: (yt) => r.openDialog(y),
+                    class: "pl-2"
+                  }, {
+                    prepend: s(() => [
+                      n(U, {
+                        class: "px-2",
+                        status: r.getStatus(y.level)
+                      }, null, 8, ["status"])
+                    ]),
+                    default: s(() => [
+                      n(L, {
+                        class: ee({
+                          "text--secondary": y.read,
+                          "text-wrap": !0
+                        })
+                      }, {
+                        default: s(() => [
+                          f(h(y.message), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["class"]),
+                      n(M, null, {
+                        default: s(() => [
+                          f(h(r.formatShortDateTime(y.time)), 1)
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"]))
+                ], 64))), 256))
+              ]),
+              _: 1
+            }))
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"]),
+    n(q, {
+      modelValue: e.notificationDialog,
+      "onUpdate:modelValue": t[3] || (t[3] = (y) => e.notificationDialog = y),
+      width: "600"
+    }, {
+      default: s(() => [
+        n(I, null, {
+          default: s(() => [
+            n(D, null, {
+              default: s(() => [
+                f(h(e.selectedNotification.message) + " ", 1),
+                n(p),
+                n(j, {
+                  status: e.selectedNotification.level || "INFO"
+                }, null, 8, ["status"])
+              ]),
+              _: 1
+            }),
+            n(te, null, {
+              default: s(() => [
+                f(h(r.formatShortDateTime(e.selectedNotification.time)), 1)
+              ]),
+              _: 1
+            }),
+            n(k),
+            n($, null, {
+              default: s(() => [
+                e.selectedNotification.url ? (c(), N(g, {
+                  key: 0,
+                  color: "primary",
+                  variant: "text",
+                  onClick: t[1] || (t[1] = (y) => r.navigate(e.selectedNotification.url))
+                }, {
+                  default: s(() => [
+                    t[10] || (t[10] = f(" Open ")),
+                    n(oe, { end: "" }, {
+                      default: s(() => t[9] || (t[9] = [
+                        f(" mdi-open-in-new ")
+                      ])),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })) : C("", !0),
+                n(g, {
+                  color: "primary",
+                  variant: "text",
+                  onClick: t[2] || (t[2] = (y) => e.notificationDialog = !1)
+                }, {
+                  default: s(() => t[11] || (t[11] = [
+                    f(" Close ")
+                  ])),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"]),
+    n(q, {
+      modelValue: e.settingsDialog,
+      "onUpdate:modelValue": t[5] || (t[5] = (y) => e.settingsDialog = y),
+      width: "600"
+    }, {
+      default: s(() => [
+        n(I, null, {
+          default: s(() => [
+            n(D, null, {
+              default: s(() => t[12] || (t[12] = [
+                f(" Notification settings ")
+              ])),
+              _: 1
+            }),
+            n(v, null, {
+              default: s(() => [
+                n(ne, {
+                  modelValue: e.showToast,
+                  "onUpdate:modelValue": t[4] || (t[4] = (y) => e.showToast = y),
+                  label: "Show toasts",
+                  color: "primary"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            n(k),
+            n($, null, {
+              default: s(() => [
+                n(g, {
+                  color: "primary",
+                  variant: "text",
+                  onClick: r.toggleSettingsDialog
+                }, {
+                  default: s(() => t[13] || (t[13] = [
+                    f(" Close ")
+                  ])),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"])
+  ]);
+}
+const xe = /* @__PURE__ */ O(Ie, [["render", Pe], ["__scopeId", "data-v-76362be6"]]), ze = {
+  components: {
+    UpgradeToEnterpriseDialog: Y
+  },
+  data: function() {
+    return {
+      // Open Source only has one scope: 'DEFAULT'
+      scopes: ["DEFAULT"],
+      scope: "DEFAULT",
+      showUpgradeToEnterpriseDialog: !1
+    };
+  }
+};
+function He(e, t, o, l, i, r) {
+  const m = a("v-select"), u = a("upgrade-to-enterprise-dialog");
+  return c(), _("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 Xe = /* @__PURE__ */ O(ze, [["render", He]]), Ye = {
+  components: {
+    UpgradeToEnterpriseDialog: Y
+  },
+  props: {
+    size: {
+      type: [String, Number],
+      default: 26
+    }
+  },
+  data: function() {
+    let e = OpenC3Auth.user();
+    return {
+      api: new X(),
+      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"],
+      newsFeed: !1,
+      news: []
+    };
+  },
+  computed: {
+    unreadNews: function() {
+      return this.news.filter((e) => !e.read);
+    }
+  },
+  watch: {
+    // Whenever we show the user menu, read the news and refresh the list of active users
+    showUserMenu: function(e, t) {
+      e === !0 && (this.news.length > 0 && (this.news.forEach((o) => {
+        o.read = !0;
+      }), localStorage.lastNewsRead = this.news[0].date), this.name !== "Anonymous" && A.get("/openc3-api/users/active").then((o) => {
+        this.activeUsers = o.data.filter(
+          (l) => !l.includes(this.name)
+        ), this.activeUsers.length === 0 && (this.activeUsers = ["None"]);
+      }));
+    }
+  },
+  created: function() {
+    this.api.get_setting("news_feed").then((e) => {
+      e && (this.newsFeed = e, this.newsFeed && (this.fetchNews(), setInterval(this.fetchNews, 60 * 60 * 1e3)));
+    }).catch((e) => {
+    });
+  },
+  methods: {
+    refreshNews() {
+      this.api.update_news().then(() => {
+        this.fetchNews();
+      });
+    },
+    formatDate(e) {
+      return e.split("T")[0];
+    },
+    fetchNews: function() {
+      A.get("/openc3-api/news").then((e) => {
+        this.news = e.data.sort(
+          (t, o) => Date.parse(o.date) - Date.parse(t.date)
+        ), localStorage.lastNewsRead && this.news.forEach((t) => {
+          t.read = Date.parse(t.date) <= Date.parse(localStorage.lastNewsRead);
+        });
+      });
+    },
+    logout: function() {
+      OpenC3Auth.logout(), A.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" }, $e = { key: 1 }, qe = {
+  key: 0,
+  class: "pa-3"
+}, Je = { key: 2 }, Ge = { key: 0 }, Ke = { class: "news-title" }, Qe = { class: "news-date" }, et = ["innerHTML"];
+function tt(e, t, o, l, i, r) {
+  const m = a("v-overlay"), u = a("rux-monitoring-icon"), p = a("v-btn"), g = a("v-row"), w = a("v-card-text"), D = a("v-col"), v = a("v-list-item-title"), k = a("v-list-item"), b = a("v-list"), U = a("v-card"), L = a("v-menu"), M = a("upgrade-to-enterprise-dialog");
+  return c(), _("div", null, [
+    n(m, {
+      "model-value": e.showUserMenu,
+      class: "overlay"
+    }, null, 8, ["model-value"]),
+    n(L, {
+      modelValue: e.showUserMenu,
+      "onUpdate:modelValue": t[1] || (t[1] = (T) => e.showUserMenu = T),
+      transition: "slide-y-transition",
+      "close-on-content-click": !1,
+      offset: 20
+    }, {
+      activator: s(({ props: T }) => [
+        n(u, Z(T, {
+          class: "rux-icon",
+          icon: "person",
+          status: "off",
+          label: e.name,
+          sublabel: r.roles(),
+          notifications: r.unreadNews.length
+        }), null, 16, ["label", "sublabel", "notifications"])
+      ]),
+      default: s(() => [
+        n(U, null, {
+          default: s(() => [
+            n(w, { class: "text-center" }, {
+              default: s(() => [
+                S("div", je, h(e.name), 1),
+                e.name !== "Anonymous" ? (c(), _("div", Be, [
+                  S("div", Ze, "Username: " + h(e.username), 1),
+                  S("div", We, "Roles: " + h(r.roles()), 1)
+                ])) : C("", !0),
+                e.authenticated ? (c(), _("div", $e, [
+                  n(p, {
+                    block: "",
+                    onClick: r.logout,
+                    color: "primary"
+                  }, {
+                    default: s(() => t[3] || (t[3] = [
+                      f(" Logout ")
+                    ])),
+                    _: 1
+                  }, 8, ["onClick"]),
+                  e.name !== "Anonymous" ? (c(), _("div", qe, [
+                    n(g, { class: "pt-3 user-title" }, {
+                      default: s(() => t[4] || (t[4] = [
+                        f("Other Active Users:")
+                      ])),
+                      _: 1
+                    }),
+                    (c(!0), _(V, null, H(e.activeUsers, (T, E) => (c(), N(g, {
+                      key: E,
+                      class: "user"
+                    }, {
+                      default: s(() => [
+                        f(h(T), 1)
+                      ]),
+                      _: 2
+                    }, 1024))), 128))
+                  ])) : C("", !0)
+                ])) : (c(), _("div", Je, [
+                  n(p, {
+                    block: "",
+                    onClick: r.login,
+                    color: "primary"
+                  }, {
+                    default: s(() => t[5] || (t[5] = [
+                      f(" Login ")
+                    ])),
+                    _: 1
+                  }, 8, ["onClick"])
+                ])),
+                e.name === "Anonymous" ? (c(), _("div", {
+                  key: 3,
+                  onClick: t[0] || (t[0] = (T) => e.showUpgradeToEnterpriseDialog = !0),
+                  class: "pt-2 link"
+                }, t[6] || (t[6] = [
+                  f(" Click to learn more about"),
+                  S("br", null, null, -1),
+                  f(" COSMOS Enterprise Edition ")
+                ]))) : C("", !0)
+              ]),
+              _: 1
+            }),
+            e.newsFeed ? (c(), _("div", Ge, [
+              n(g, {
+                "no-gutters": "",
+                class: "news-header"
+              }, {
+                default: s(() => [
+                  n(D, {
+                    cols: "auto",
+                    class: "me-auto"
+                  }, {
+                    default: s(() => t[7] || (t[7] = [
+                      f("COSMOS News")
+                    ])),
+                    _: 1
+                  }),
+                  n(D, { cols: "auto" }, {
+                    default: s(() => [
+                      n(p, {
+                        onClick: r.refreshNews,
+                        color: "primary",
+                        density: "compact",
+                        block: ""
+                      }, {
+                        default: s(() => t[8] || (t[8] = [
+                          f(" Refresh ")
+                        ])),
+                        _: 1
+                      }, 8, ["onClick"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              n(b, {
+                lines: "two",
+                width: "420",
+                "max-height": "75vh",
+                class: "overflow-y-auto",
+                "data-test": "news-list"
+              }, {
+                default: s(() => [
+                  (c(!0), _(V, null, H(e.news, (T, E) => (c(), _(V, {
+                    key: `news-${E}`
+                  }, [
+                    t[9] || (t[9] = S("hr", null, null, -1)),
+                    n(k, { class: "pl-2" }, {
+                      default: s(() => [
+                        n(v, null, {
+                          default: s(() => [
+                            S("span", Ke, h(T.title), 1),
+                            S("span", Qe, h(r.formatDate(T.date)), 1)
+                          ]),
+                          _: 2
+                        }, 1024),
+                        S("div", {
+                          innerHTML: T.body
+                        }, null, 8, et)
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ], 64))), 128))
+                ]),
+                _: 1
+              })
+            ])) : C("", !0)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue"]),
+    n(M, {
+      modelValue: e.showUpgradeToEnterpriseDialog,
+      "onUpdate:modelValue": t[2] || (t[2] = (T) => e.showUpgradeToEnterpriseDialog = T),
+      reason: "Enterprise has individual users with RBAC"
+    }, null, 8, ["modelValue"])
+  ]);
+}
+const ot = /* @__PURE__ */ O(Ye, [["render", tt], ["__scopeId", "data-v-3a186f9e"]]), nt = {
+  components: {
+    Notifications: xe,
+    ScopeSelector: Xe,
+    UserMenu: ot,
+    UpgradeToEnterpriseDialog: Y
+  },
+  props: {
+    edition: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      api: new X(),
+      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) => {
+    }), A.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(
+                (i) => i.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, i = "@openc3/tool-" + l;
+            ie({
+              name: i,
+              app: () => System.import(i),
+              activeWhen: ["/tools/" + l]
+            });
+          }
+        }
+        if (ae({
+          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: se,
+    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;
+    }
+  }
+}, st = ["src"], it = { style: { "text-align": "center", "font-size": "18pt" } }, at = ["href", "onClick"], rt = ["href"], lt = ["href", "onClick"], ct = ["href", "onClick"], ut = ["href"], dt = ["href"], ft = ["href"], pt = ["href"];
+function mt(e, t, o, l, i, r) {
+  const m = a("v-btn"), u = a("v-divider"), p = a("v-icon"), g = a("v-treeview"), w = a("v-navigation-drawer"), D = a("rux-icon"), v = a("v-row"), k = a("v-col"), b = a("rux-clock"), U = a("v-spacer"), L = a("scope-selector"), M = a("notifications"), T = a("user-menu"), E = a("v-app-bar"), I = a("upgrade-to-enterprise-dialog");
+  return c(), _("div", null, [
+    i.chromeless ? C("", !0) : (c(), N(w, {
+      key: 0,
+      "model-value": i.drawer,
+      id: "openc3-nav-drawer"
+    }, {
+      default: s(() => [
+        S("img", {
+          src: i.logo,
+          class: "logo",
+          alt: "OpenC3"
+        }, null, 8, st),
+        S("div", {
+          class: "cosmos",
+          onClick: t[0] || (t[0] = (d) => i.showUpgradeToEnterpriseDialog = !0)
+        }, " COSMOS "),
+        S("div", it, h(i.subtitle), 1),
+        (c(!0), _(V, null, H(r.adminTools, (d, j) => (c(), _("div", {
+          key: j,
+          class: "ma-3"
+        }, [
+          n(m, {
+            block: "",
+            size: "small",
+            href: d.url,
+            onClick: F(() => r.navigateToUrl(d.url), ["prevent"]),
+            class: "fixcenter",
+            color: "primary"
+          }, {
+            default: s(() => t[3] || (t[3] = [
+              f(" Admin Console ")
+            ])),
+            _: 2
+          }, 1032, ["href", "onClick"])
+        ]))), 128)),
+        n(u),
+        n(g, {
+          items: i.items,
+          opened: i.initiallyOpen,
+          "item-value": "name",
+          density: "compact",
+          "open-on-click": ""
+        }, {
+          prepend: s(({ item: d }) => [
+            d.icon ? (c(), _(V, { key: 0 }, [
+              d.window === "INLINE" ? (c(), _("a", {
+                key: 0,
+                href: d.url,
+                onClick: F(() => r.navigateToUrl(d.url), ["prevent"])
+              }, [
+                n(p, { class: "mr-2" }, {
+                  default: s(() => [
+                    f(h(d.icon), 1)
+                  ]),
+                  _: 2
+                }, 1024)
+              ], 8, at)) : (c(), _("a", {
+                key: 1,
+                href: d.url
+              }, [
+                n(p, { class: "mr-2" }, {
+                  default: s(() => [
+                    f(h(d.icon), 1)
+                  ]),
+                  _: 2
+                }, 1024)
+              ], 8, rt))
+            ], 64)) : C("", !0)
+          ]),
+          title: s(({ item: d }) => [
+            d.icon ? (c(), _(V, { key: 1 }, [
+              d.window === "INLINE" ? (c(), _("a", {
+                key: 0,
+                href: d.url,
+                onClick: F(() => r.navigateToUrl(d.url), ["prevent"])
+              }, h(d.name), 9, ct)) : d.window === "IFRAME" ? (c(), _("a", {
+                key: 1,
+                href: "/tools/iframe?title=" + encodeURIComponent(d.name) + "&url=" + d.url
+              }, h(d.name), 9, ut)) : d.window === "SAME" ? (c(), _("a", {
+                key: 2,
+                href: d.url
+              }, h(d.name), 9, dt)) : (c(), _("a", {
+                key: 3,
+                href: d.url,
+                target: "_blank"
+              }, h(d.name), 9, ft))
+            ], 64)) : (c(), _("a", {
+              key: 0,
+              href: d.url,
+              onClick: F(() => r.navigateToUrl(d.url), ["prevent"])
+            }, h(d.name), 9, lt))
+          ]),
+          append: s(({ item: d }) => [
+            d.icon ? (c(), _("a", {
+              key: 0,
+              href: r.newTabUrl(d),
+              target: "_blank"
+            }, [
+              n(p, null, {
+                default: s(() => t[4] || (t[4] = [
+                  f("mdi-open-in-new")
+                ])),
+                _: 1
+              })
+            ], 8, pt)) : C("", !0)
+          ]),
+          _: 1
+        }, 8, ["items", "opened"])
+      ]),
+      _: 1
+    }, 8, ["model-value"])),
+    i.chromeless ? C("", !0) : (c(), N(E, {
+      key: 1,
+      id: "openc3-app-toolbar"
+    }, {
+      default: s(() => [
+        n(v, {
+          class: "flex-nowrap",
+          justify: "space-between",
+          "no-gutters": ""
+        }, {
+          default: s(() => [
+            n(k, { "align-self": "start" }, {
+              default: s(() => [
+                n(v, { class: "flex-nowrap" }, {
+                  default: s(() => [
+                    n(D, {
+                      class: "ml-3 mr-2 pa-2",
+                      size: "small",
+                      icon: "apps",
+                      onClick: t[1] || (t[1] = (d) => i.drawer = !i.drawer)
+                    }),
+                    t[5] || (t[5] = S("span", { id: "openc3-menu" }, null, -1))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            n(k, null, {
+              default: s(() => [
+                n(v, { class: "clock flex-nowrap mt-0" }, {
+                  default: s(() => [
+                    i.astro.hideClock ? C("", !0) : (c(), N(b, {
+                      key: 0,
+                      "date-in": "",
+                      timezone: r.astroTimeZone
+                    }, null, 8, ["timezone"]))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            n(k, {
+              "align-self": "center",
+              class: "mt-2"
+            }, {
+              default: s(() => [
+                n(v, { class: "flex-nowrap" }, {
+                  default: s(() => [
+                    n(U),
+                    n(L, { class: "mr-6 mt-4" }),
+                    n(M, {
+                      class: "mr-6",
+                      "data-test": "notifications"
+                    }),
+                    n(T, { class: "mr-6" })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    })),
+    n(I, {
+      modelValue: i.showUpgradeToEnterpriseDialog,
+      "onUpdate:modelValue": t[2] || (t[2] = (d) => i.showUpgradeToEnterpriseDialog = d),
+      reason: "Enterprise adds Calendar and Autonomic"
+    }, null, 8, ["modelValue"])
+  ]);
+}
+const Vt = /* @__PURE__ */ O(nt, [["render", mt], ["__scopeId", "data-v-afa468e5"]]), Ot = {
+  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 X(), this.load();
+  },
+  methods: {
+    load: function() {
+      this.api.get_setting("classification_banner").then((e) => {
+        e && (this.classification = JSON.parse(e));
+      }).catch((e) => {
+      });
+    }
+  }
+}, ht = {
+  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() {
+    A.get("/openc3-api/auth/token-exists", this.options).then((e) => {
+      this.isSet = !!e.data.result, this.isSet || (this.reset = !0);
+    });
+  },
+  mounted: function() {
+    localStorage.openc3Token && this.verifyPassword(localStorage.openc3Token, !0);
+  },
+  methods: {
+    showReset: function() {
+      this.reset = !0;
+    },
+    login: function(e) {
+      localStorage.openc3Token = e.data;
+      const t = new URLSearchParams(window.location.search).get(
+        "redirect"
+      );
+      t != null && t.startsWith("/tools/") ? window.location = decodeURI(t) : window.location = "/";
+    },
+    verifyPassword: function(e, t) {
+      e || (e = this.password), this.showAlert = !1, A.post("/openc3-api/auth/verify", {
+        data: {
+          token: e
+        },
+        ...this.options
+      }).then((o) => {
+        this.login(o);
+      }).catch((o) => {
+        (o == null ? void 0 : o.status) === 401 ? this.alert = "Incorrect password" : this.alert = o.message || "Something went wrong...", this.alertType = "warning", this.showAlert = !t;
+      });
+    },
+    setPassword: function() {
+      this.showAlert = !1, A.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 _t(e, t, o, l, i, r) {
+  const m = a("v-card-title"), u = a("v-card-subtitle"), p = a("v-text-field"), g = a("v-btn"), w = a("v-spacer"), D = a("v-row"), v = a("v-container"), k = a("v-form"), b = a("v-card-text"), U = a("v-alert"), L = a("v-card");
+  return c(), N(L, null, {
+    default: s(() => [
+      n(m, null, {
+        default: s(() => t[5] || (t[5] = [
+          f(" Login ")
+        ])),
+        _: 1
+      }),
+      n(u, null, {
+        default: s(() => [
+          f(h(i.isSet ? "Enter the" : "Create a") + " password to begin using OpenC3 ", 1)
+        ]),
+        _: 1
+      }),
+      n(b, null, {
+        default: s(() => [
+          n(k, null, {
+            default: s(() => [
+              i.isSet && i.reset ? (c(), N(p, {
+                key: 0,
+                modelValue: i.oldPassword,
+                "onUpdate:modelValue": t[0] || (t[0] = (M) => i.oldPassword = M),
+                type: "password",
+                label: "Old Password"
+              }, null, 8, ["modelValue"])) : C("", !0),
+              n(p, {
+                modelValue: i.password,
+                "onUpdate:modelValue": t[1] || (t[1] = (M) => i.password = M),
+                type: "password",
+                label: `${!i.isSet || i.reset ? "New " : ""}Password`,
+                "data-test": "new-password"
+              }, null, 8, ["modelValue", "label"]),
+              i.reset ? (c(), N(p, {
+                key: 1,
+                modelValue: i.confirmPassword,
+                "onUpdate:modelValue": t[2] || (t[2] = (M) => i.confirmPassword = M),
+                rules: [r.rules.matchPassword],
+                type: "password",
+                label: "Confirm Password",
+                "data-test": "confirm-password"
+              }, null, 8, ["modelValue", "rules"])) : C("", !0),
+              i.reset ? (c(), N(g, {
+                key: 2,
+                type: "submit",
+                onClick: F(r.setPassword, ["prevent"]),
+                size: "large",
+                color: i.isSet ? "warn" : "success",
+                disabled: !r.formValid,
+                "data-test": "set-password"
+              }, {
+                default: s(() => t[6] || (t[6] = [
+                  f(" Set ")
+                ])),
+                _: 1
+              }, 8, ["onClick", "color", "disabled"])) : (c(), N(v, { key: 3 }, {
+                default: s(() => [
+                  n(D, null, {
+                    default: s(() => [
+                      n(g, {
+                        type: "submit",
+                        onClick: t[3] || (t[3] = F(() => r.verifyPassword(), ["prevent"])),
+                        size: "large",
+                        color: "success",
+                        disabled: !r.formValid
+                      }, {
+                        default: s(() => t[7] || (t[7] = [
+                          f(" Login ")
+                        ])),
+                        _: 1
+                      }, 8, ["disabled"]),
+                      n(w),
+                      n(g, {
+                        variant: "text",
+                        size: "small",
+                        onClick: r.showReset
+                      }, {
+                        default: s(() => t[8] || (t[8] = [
+                          f(" Change Password ")
+                        ])),
+                        _: 1
+                      }, 8, ["onClick"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }),
+      n(U, {
+        type: i.alertType,
+        modelValue: i.showAlert,
+        "onUpdate:modelValue": t[4] || (t[4] = (M) => i.showAlert = M),
+        closable: ""
+      }, {
+        default: s(() => [
+          f(h(i.alert), 1)
+        ]),
+        _: 1
+      }, 8, ["type", "modelValue"])
+    ]),
+    _: 1
+  });
+}
+const Lt = /* @__PURE__ */ O(ht, [["render", _t]]), gt = 3e3, vt = {
+  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) >= gt;
+    }
+  }
+};
+function wt(e, t, o, l, i, r) {
+  const m = a("v-card-title"), u = a("v-checkbox"), p = a("v-card-text"), g = a("v-divider"), w = a("v-btn"), D = a("v-card-actions"), v = a("v-card"), k = a("v-dialog");
+  return c(), N(k, {
+    modelValue: r.dialog,
+    "onUpdate:modelValue": t[1] || (t[1] = (b) => r.dialog = b),
+    width: "500"
+  }, {
+    default: s(() => [
+      n(v, null, {
+        default: s(() => [
+          n(m, null, {
+            default: s(() => t[2] || (t[2] = [
+              f(" Clock out of sync ")
+            ])),
+            _: 1
+          }),
+          n(p, null, {
+            default: s(() => [
+              f(" We've detected that your clock is approximately " + h(Math.abs(r.approximateDiscrepancySec)) + " seconds " + h(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] = (b) => e.suppress = b),
+                label: "Don't show this again"
+              }, null, 8, ["modelValue"])
+            ]),
+            _: 1
+          }),
+          n(g),
+          n(D, null, {
+            default: s(() => [
+              n(w, {
+                color: "primary",
+                variant: "text",
+                onClick: r.dismiss
+              }, {
+                default: s(() => t[3] || (t[3] = [
+                  f(" Dismiss ")
+                ])),
+                _: 1
+              }, 8, ["onClick"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  }, 8, ["modelValue"]);
+}
+const Et = /* @__PURE__ */ O(vt, [["render", wt]]);
+export {
+  At as AppFooter,
+  Vt as AppNav,
+  Ot as ClassificationBanners,
+  Me as ClockFooter,
+  Lt as Login,
+  xe as Notifications,
+  Xe as ScopeSelector,
+  Et as TimeCheck,
+  ot as UserMenu
+};
+//# sourceMappingURL=base.js.map