@openc3/vue-common 6.9.1 → 6.10.1

package/dist/{PluginsTab-C7PH2Wym.js → PluginsTab-Yz9HZqpp.js}

@@ -1,12 +1,12 @@
-import { g as A, h as T } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-JEZNdnan.js";
-import { resolveComponent as l, createElementBlock as x, openBlock as p, Fragment as O, renderSlot as Z, createVNode as n, withCtx as s, createElementVNode as u, toDisplayString as v, normalizeProps as R, guardReactiveProps as B, createCommentVNode as V, createTextVNode as y, createBlock as _, mergeProps as U, normalizeClass as L, withModifiers as F, renderList as j } from "vue";
-import { _ as N } from "./CustomIcon-h5X7369N.js";
+import { f as D, y as L } from "./UpgradeToEnterpriseDialog.vue_vue_type_style_index_0_scoped_2c757408_lang-C3WTK6F-.js";
+import { resolveComponent as l, createElementBlock as y, openBlock as r, Fragment as U, renderSlot as Y, createVNode as n, withCtx as s, createElementVNode as d, toDisplayString as x, normalizeProps as B, guardReactiveProps as F, createCommentVNode as S, createTextVNode as v, createBlock as f, renderList as A, mergeProps as I, normalizeClass as j, withModifiers as H } from "vue";
+import { _ as N } from "./CustomIcon-DTfsnDJn.js";
 import "single-spa";
-import { S as $ } from "./SimpleTextDialog-D2mEDvGY.js";
+import { S as Z } from "./SimpleTextDialog--iSWgPgq.js";
 import { ModifiedPluginDialog as tt, PluginDialog as et } from "./tools/admin.js";
-import { S as nt } from "./settings-DCxXjkio.js";
-import { f as lt, t as it } from "./format-CVeawcIv.js";
-const ot = "store_url", M = {
+import { S as nt } from "./settings-DRNFiuf0.js";
+import { f as it, t as lt } from "./format-CVeawcIv.js";
+const ot = "store_url", E = {
   props: {
     id: Number,
     name: String,
@@ -16,8 +16,11 @@ const ot = "store_url", M = {
     // authorSlug: String,
     description: String,
     keywords: Array,
+    img_path: String,
+    // Set for local plugins
     image_url: String,
-    license: String,
+    // Set for app store plugins
+    licenses: Array,
     // rating: Number,
     // downloads: Number,
     verified: Boolean,
@@ -28,8 +31,9 @@ const ot = "store_url", M = {
   },
   data: function() {
     return {
-      _api: new A(),
-      _storeUrl: ""
+      _api: new L(),
+      _storeUrl: "",
+      imageContents: null
     };
   },
   computed: {
@@ -43,8 +47,9 @@ const ot = "store_url", M = {
         // authorSlug: this.authorSlug,
         description: this.description,
         keywords: this.keywords,
+        img_path: this.img_path,
         image_url: this.image_url,
-        license: this.license,
+        licenses: this.licenses,
         // rating: this.rating,
         // downloads: this.downloads,
         verified: this.verified,
@@ -54,21 +59,55 @@ const ot = "store_url", M = {
         checksum: this.checksum
       };
     },
+    imageContentsWithMimeType: function() {
+      if (this.imageContents) {
+        const t = {
+          "image/bmp": [66, 77],
+          "image/jpeg": [255, 216, 255],
+          "image/png": [137, 80, 78, 71],
+          "image/gif": [71, 73, 70, 56],
+          "image/webp": [82, 73, 70, 70]
+        }, e = new TextEncoder().encode(globalThis.atob(this.imageContents.slice(0, 6))).slice(1), a = Object.entries(t).find(([g, i]) => i.every((o, c) => o === e[c]));
+        if (a) {
+          const [g] = a;
+          return `data:${g};base64,${this.imageContents}`;
+        }
+      }
+    },
     storeLink: function() {
       return this.hasStoreListing ? new URL(`/cosmos_plugins/${this.id}`, this._storeUrl) : null;
     },
     hasStoreListing: function() {
       return !!this.id;
     },
+    hasDetails: function() {
+      return this.hasStoreListing ? !0 : !!this.title && !!this.description;
+    },
     isPluginInstalled: function() {
       return !!this.name;
     }
   },
-  created: function() {
-    this._api.get_setting(ot).then((t) => this._storeUrl = t || "https://store.openc3.com");
+  created: async function() {
+    const t = "https://store.openc3.com";
+    try {
+      this._storeUrl = await this._api.get_setting(ot) || t;
+    } catch {
+      this._storeUrl = t;
+    }
+    if (this.img_path)
+      try {
+        const e = new URLSearchParams({
+          volume: "OPENC3_GEMS_VOLUME",
+          scope: globalThis.openc3Scope
+        }), { data: a } = await D.get(
+          `/openc3-api/storage/download_file/${encodeURIComponent(this.img_path)}?${e}`
+        );
+        this.imageContents = a.contents;
+      } catch {
+      }
   }
 }, st = {
-  mixins: [M],
+  mixins: [E],
   props: {
     modelValue: Boolean
   },
@@ -108,32 +147,35 @@ const ot = "store_url", M = {
       }, 1e3);
     }
   }
-}, at = ["textContent"], rt = { key: 0 }, ut = ["textContent"], dt = { class: "mt-3 text-caption font-italic" };
-function ct(t, e, a, g, i, o) {
-  const c = l("v-spacer"), d = l("v-btn"), r = l("v-tooltip"), b = l("v-toolbar"), w = l("v-badge"), k = l("v-card-subtitle"), C = l("v-img"), h = l("v-text-field"), D = l("v-card-text"), f = l("v-card-actions"), I = l("v-card"), P = l("v-dialog");
-  return p(), x(O, null, [
-    Z(t.$slots, "activator", {
+}, at = ["textContent"], rt = { key: 0 }, ut = ["textContent"], dt = { class: "mt-3 text-caption" }, ct = {
+  key: 1,
+  class: "font-italic"
+}, pt = { class: "mt-3 text-caption font-italic" };
+function gt(t, e, a, g, i, o) {
+  const c = l("v-spacer"), p = l("v-btn"), u = l("v-tooltip"), C = l("v-toolbar"), P = l("v-badge"), T = l("v-card-subtitle"), k = l("v-img"), h = l("v-chip"), V = l("v-text-field"), _ = l("v-card-text"), O = l("v-card-actions"), b = l("v-card"), M = l("v-dialog");
+  return r(), y(U, null, [
+    Y(t.$slots, "activator", {
       props: { onClick: o.openDialog }
     }),
-    n(P, {
+    n(M, {
       modelValue: o.isDialogOpen,
-      "onUpdate:modelValue": e[2] || (e[2] = (S) => o.isDialogOpen = S),
+      "onUpdate:modelValue": e[2] || (e[2] = (w) => o.isDialogOpen = w),
       "max-width": "500"
     }, {
       default: s(() => [
-        n(I, null, {
+        n(b, null, {
           default: s(() => [
-            n(b, { height: "24" }, {
+            n(C, { height: "24" }, {
               default: s(() => [
                 n(c),
-                u("span", {
-                  textContent: v(t.title)
+                d("span", {
+                  textContent: x(t.title)
                 }, null, 8, at),
                 n(c),
-                n(r, { location: "top" }, {
-                  activator: s(({ props: S }) => [
-                    u("div", R(B(S)), [
-                      n(d, {
+                n(u, { location: "top" }, {
+                  activator: s(({ props: w }) => [
+                    d("div", B(F(w)), [
+                      n(p, {
                         href: t.storeLink,
                         target: "_blank",
                         icon: "mdi-open-in-new",
@@ -143,11 +185,11 @@ function ct(t, e, a, g, i, o) {
                     ], 16)
                   ]),
                   default: s(() => [
-                    e[3] || (e[3] = u("span", null, " View at store.openc3.com ", -1))
+                    e[3] || (e[3] = d("span", null, " View at store.openc3.com ", -1))
                   ]),
                   _: 1
                 }),
-                n(d, {
+                n(p, {
                   icon: "mdi-close-box",
                   variant: "text",
                   density: "compact",
@@ -156,34 +198,67 @@ function ct(t, e, a, g, i, o) {
               ]),
               _: 1
             }),
-            n(k, { class: "d-flex align-center justify-content-space-between" }, {
+            n(T, { class: "d-flex align-center justify-content-space-between" }, {
               default: s(() => [
-                u("div", null, v(t.author), 1),
+                d("div", null, x(t.author), 1),
                 n(c),
-                t.verified ? (p(), x("div", rt, [
-                  e[4] || (e[4] = y(" Verified ", -1)),
-                  n(w, {
+                t.verified ? (r(), y("div", rt, [
+                  e[4] || (e[4] = v(" Verified ", -1)),
+                  n(P, {
                     inline: "",
                     icon: "mdi-shield-check",
                     color: "success"
                   })
-                ])) : V("", !0)
+                ])) : S("", !0)
               ]),
               _: 1
             }),
-            n(D, null, {
+            n(_, null, {
               default: s(() => [
-                t.image_url ? (p(), _(C, {
+                t.image_url ? (r(), f(k, {
                   key: 0,
                   src: t.image_url
-                }, null, 8, ["src"])) : V("", !0),
-                u("div", {
-                  textContent: v(t.description)
+                }, null, 8, ["src"])) : S("", !0),
+                t.imageContentsWithMimeType ? (r(), f(k, {
+                  key: 1,
+                  src: t.imageContentsWithMimeType
+                }, null, 8, ["src"])) : S("", !0),
+                d("div", {
+                  class: "mt-3",
+                  textContent: x(t.description)
                 }, null, 8, ut),
-                u("div", dt, "License: " + v(t.license), 1),
-                n(h, {
+                d("div", dt, [
+                  e[5] || (e[5] = v(" Keywords: ", -1)),
+                  t.keywords ? (r(!0), y(U, { key: 0 }, A(t.keywords, (w) => (r(), f(h, {
+                    key: w,
+                    variant: "flat",
+                    color: "primary",
+                    size: "x-small",
+                    class: "ml-1"
+                  }, {
+                    default: s(() => [
+                      v(x(w), 1)
+                    ]),
+                    _: 2
+                  }, 1024))), 128)) : (r(), y("span", ct, " none "))
+                ]),
+                d("div", pt, [
+                  e[6] || (e[6] = v(" Licenses: ", -1)),
+                  (r(!0), y(U, null, A(t.licenses, (w) => (r(), f(h, {
+                    key: w,
+                    size: "x-small",
+                    class: "ml-1"
+                  }, {
+                    default: s(() => [
+                      v(x(w), 1)
+                    ]),
+                    _: 2
+                  }, 1024))), 128))
+                ]),
+                n(V, {
                   modelValue: t.checksum,
-                  "onUpdate:modelValue": e[1] || (e[1] = (S) => t.checksum = S),
+                  "onUpdate:modelValue": e[1] || (e[1] = (w) => t.checksum = w),
+                  class: "mt-3",
                   label: "SHA256",
                   variant: "solo",
                   density: "compact",
@@ -191,14 +266,14 @@ function ct(t, e, a, g, i, o) {
                   readonly: ""
                 }, {
                   append: s(() => [
-                    n(r, {
+                    n(u, {
                       modelValue: i.showCopiedTooltip,
-                      "onUpdate:modelValue": e[0] || (e[0] = (S) => i.showCopiedTooltip = S),
+                      "onUpdate:modelValue": e[0] || (e[0] = (w) => i.showCopiedTooltip = w),
                       location: "top",
                       "open-on-hover": !1
                     }, {
-                      activator: s(({ props: S }) => [
-                        n(d, U(S, {
+                      activator: s(({ props: w }) => [
+                        n(p, I(w, {
                           icon: "mdi-content-copy",
                           variant: "text",
                           density: "compact",
@@ -206,7 +281,7 @@ function ct(t, e, a, g, i, o) {
                         }), null, 16, ["onClick"])
                       ]),
                       default: s(() => [
-                        e[5] || (e[5] = u("span", null, "Copied!", -1))
+                        e[7] || (e[7] = d("span", null, "Copied!", -1))
                       ]),
                       _: 1
                     }, 8, ["modelValue"])
@@ -216,36 +291,38 @@ function ct(t, e, a, g, i, o) {
               ]),
               _: 1
             }),
-            n(f, { class: "justify-start px-6" }, {
+            n(O, { class: "justify-start px-6" }, {
               default: s(() => [
-                t.isPluginInstalled ? (p(), _(d, {
+                t.isPluginInstalled ? (r(), f(p, {
                   key: 0,
                   text: "Uninstall",
                   "append-icon": "mdi-puzzle-remove",
                   variant: "outlined",
                   color: "red",
                   onClick: o.uninstall
-                }, null, 8, ["onClick"])) : (p(), _(d, {
+                }, null, 8, ["onClick"])) : (r(), f(p, {
                   key: 1,
                   text: "Install",
                   "append-icon": "mdi-puzzle-plus",
                   variant: "elevated",
                   onClick: o.install
                 }, null, 8, ["onClick"])),
-                n(d, {
+                t.repository ? (r(), f(p, {
+                  key: 2,
                   text: "Repository",
                   "append-icon": "mdi-open-in-new",
                   variant: "outlined",
                   href: t.repository,
                   target: "_blank"
-                }, null, 8, ["href"]),
-                n(d, {
+                }, null, 8, ["href"])) : S("", !0),
+                t.homepage ? (r(), f(p, {
+                  key: 3,
                   text: "Homepage",
                   "append-icon": "mdi-open-in-new",
                   variant: "outlined",
                   href: t.homepage,
                   target: "_blank"
-                }, null, 8, ["href"])
+                }, null, 8, ["href"])) : S("", !0)
               ]),
               _: 1
             })
@@ -257,72 +334,72 @@ function ct(t, e, a, g, i, o) {
     }, 8, ["modelValue"])
   ], 64);
 }
-const q = /* @__PURE__ */ N(st, [["render", ct]]), pt = {
+const q = /* @__PURE__ */ N(st, [["render", gt]]), mt = {
   components: {
     PluginDetailsDialog: q
   },
-  mixins: [M],
+  mixins: [E],
   emits: ["triggerInstall"],
   methods: {
     install: function() {
       this.$emit("triggerInstall", this.plugin);
     }
   }
-}, gt = ["textContent"];
-function mt(t, e, a, g, i, o) {
-  const c = l("v-spacer"), d = l("v-badge"), r = l("v-card-title"), b = l("v-card-subtitle"), w = l("v-img"), k = l("v-card-text"), C = l("v-btn"), h = l("v-card-actions"), D = l("v-card"), f = l("plugin-details-dialog");
-  return p(), _(f, U(t.plugin, { onTriggerInstall: o.install }), {
-    activator: s(({ props: I }) => [
-      n(D, U(I, {
+}, ht = ["textContent"];
+function ft(t, e, a, g, i, o) {
+  const c = l("v-spacer"), p = l("v-badge"), u = l("v-card-title"), C = l("v-card-subtitle"), P = l("v-img"), T = l("v-card-text"), k = l("v-btn"), h = l("v-card-actions"), V = l("v-card"), _ = l("plugin-details-dialog");
+  return r(), f(_, I(t.plugin, { onTriggerInstall: o.install }), {
+    activator: s(({ props: O }) => [
+      n(V, I(O, {
         height: "350",
         class: "d-flex flex-column"
       }), {
         default: s(() => [
-          n(r, { class: "d-flex align-center justify-content-space-between" }, {
+          n(u, { class: "d-flex align-center justify-content-space-between" }, {
             default: s(() => [
-              y(v(t.title) + " ", 1),
+              v(x(t.title) + " ", 1),
               n(c),
-              t.verified ? (p(), _(d, {
+              t.verified ? (r(), f(p, {
                 key: 0,
                 inline: "",
                 icon: "mdi-shield-check",
                 color: "success"
-              })) : V("", !0)
+              })) : S("", !0)
             ]),
             _: 1
           }),
-          n(b, { class: "d-flex align-center justify-content-space-between" }, {
+          n(C, { class: "d-flex align-center justify-content-space-between" }, {
             default: s(() => [
-              u("div", null, v(t.author), 1)
+              d("div", null, x(t.author), 1)
             ]),
             _: 1
           }),
-          n(k, null, {
+          n(T, null, {
             default: s(() => [
-              t.image_url ? (p(), _(w, {
+              t.image_url ? (r(), f(P, {
                 key: 0,
                 src: t.image_url,
                 "max-height": "160"
-              }, null, 8, ["src"])) : V("", !0),
-              u("div", {
-                class: L({
+              }, null, 8, ["src"])) : S("", !0),
+              d("div", {
+                class: j({
                   "truncate-description": !0,
                   "truncate-2": !!t.image_url,
                   "truncate-10": !t.image_url
                 }),
-                textContent: v(t.description)
-              }, null, 10, gt)
+                textContent: x(t.description)
+              }, null, 10, ht)
             ]),
             _: 1
           }),
           n(c),
           n(h, { class: "flex-wrap" }, {
             default: s(() => [
-              n(C, {
+              n(k, {
                 text: "Install",
                 "append-icon": "mdi-puzzle-plus",
                 variant: "elevated",
-                onClick: F(o.install, ["stop"])
+                onClick: H(o.install, ["stop"])
               }, null, 8, ["onClick"])
             ]),
             _: 1
@@ -334,7 +411,7 @@ function mt(t, e, a, g, i, o) {
     _: 1
   }, 16, ["onTriggerInstall"]);
 }
-const ht = /* @__PURE__ */ N(pt, [["render", mt], ["__scopeId", "data-v-83d9d7a7"]]), E = "store_url", z = "DEFAULT", ft = {
+const _t = /* @__PURE__ */ N(mt, [["render", ft], ["__scopeId", "data-v-83d9d7a7"]]), z = "store_url", R = "DEFAULT", vt = {
   mixins: [nt],
   props: {
     modelValue: Boolean
@@ -366,85 +443,85 @@ const ht = /* @__PURE__ */ N(pt, [["render", mt], ["__scopeId", "data-v-83d9d7a7
     }
   },
   created: function() {
-    this.loadSetting(E, { scope: z });
+    this.loadSetting(z, { scope: R });
   },
   methods: {
     save() {
-      this.saveSetting(E, this.storeUrl, { scope: z }), this.$emit("update:storeUrl", this.storeUrl), this.showDialog = !1;
+      this.saveSetting(z, this.storeUrl, { scope: R }), this.$emit("update:storeUrl", this.storeUrl), this.showDialog = !1;
     },
     parseSetting: function(t) {
       t ? this.storeUrl = t : this.storeUrl = "https://store.openc3.com";
     }
   }
 };
-function _t(t, e, a, g, i, o) {
-  const c = l("v-spacer"), d = l("v-toolbar"), r = l("v-alert"), b = l("v-text-field"), w = l("v-card-text"), k = l("v-btn"), C = l("v-card-actions"), h = l("v-card"), D = l("v-dialog");
-  return p(), _(D, {
+function wt(t, e, a, g, i, o) {
+  const c = l("v-spacer"), p = l("v-toolbar"), u = l("v-alert"), C = l("v-text-field"), P = l("v-card-text"), T = l("v-btn"), k = l("v-card-actions"), h = l("v-card"), V = l("v-dialog");
+  return r(), f(V, {
     modelValue: i.showDialog,
-    "onUpdate:modelValue": e[4] || (e[4] = (f) => i.showDialog = f),
+    "onUpdate:modelValue": e[4] || (e[4] = (_) => i.showDialog = _),
     width: "600"
   }, {
     default: s(() => [
-      n(d, { height: "24" }, {
+      n(p, { height: "24" }, {
         default: s(() => [
           n(c),
-          e[5] || (e[5] = u("span", null, "Plugin Store Settings", -1)),
+          e[5] || (e[5] = d("span", null, "Plugin Store Settings", -1)),
           n(c)
         ]),
         _: 1
       }),
       n(h, { class: "pa-3" }, {
         default: s(() => [
-          n(r, {
+          n(u, {
             modelValue: t.errorLoading,
-            "onUpdate:modelValue": e[0] || (e[0] = (f) => t.errorLoading = f),
+            "onUpdate:modelValue": e[0] || (e[0] = (_) => t.errorLoading = _),
             type: "error",
             closable: "",
             density: "compact"
           }, {
             default: s(() => [
-              y(" Error loading previous configuration due to " + v(t.errorText), 1)
+              v(" Error loading previous configuration due to " + x(t.errorText), 1)
             ]),
             _: 1
           }, 8, ["modelValue"]),
-          n(r, {
+          n(u, {
             modelValue: t.errorSaving,
-            "onUpdate:modelValue": e[1] || (e[1] = (f) => t.errorSaving = f),
+            "onUpdate:modelValue": e[1] || (e[1] = (_) => t.errorSaving = _),
             type: "error",
             closable: "",
             density: "compact"
           }, {
             default: s(() => [
-              y(" Error saving due to " + v(t.errorText), 1)
+              v(" Error saving due to " + x(t.errorText), 1)
             ]),
             _: 1
           }, 8, ["modelValue"]),
-          n(r, {
+          n(u, {
             modelValue: t.successSaving,
-            "onUpdate:modelValue": e[2] || (e[2] = (f) => t.successSaving = f),
+            "onUpdate:modelValue": e[2] || (e[2] = (_) => t.successSaving = _),
             type: "success",
             closable: "",
             density: "compact"
           }, {
             default: s(() => [...e[6] || (e[6] = [
-              y(" Saved! ", -1)
+              v(" Saved! ", -1)
             ])]),
             _: 1
           }, 8, ["modelValue"]),
-          n(w, null, {
+          n(P, null, {
             default: s(() => [
-              n(b, {
+              n(C, {
                 modelValue: i.storeUrl,
-                "onUpdate:modelValue": e[3] || (e[3] = (f) => i.storeUrl = f),
+                "onUpdate:modelValue": e[3] || (e[3] = (_) => i.storeUrl = _),
                 label: "Store URL",
                 rules: [i.rules.required, i.rules.url]
               }, null, 8, ["modelValue", "rules"])
             ]),
             _: 1
           }),
-          n(C, null, {
+          n(k, null, {
             default: s(() => [
-              n(k, {
+              n(T, {
                 color: "success",
                 variant: "text",
                 text: "Save",
@@ -461,15 +538,15 @@ function _t(t, e, a, g, i, o) {
     _: 1
   }, 8, ["modelValue"]);
 }
-const vt = /* @__PURE__ */ N(ft, [["render", _t]]), wt = {
+const yt = /* @__PURE__ */ N(vt, [["render", wt]]), xt = {
   components: {
-    PluginCard: ht,
-    PluginStoreSettingsDialog: vt
+    PluginCard: _t,
+    PluginStoreSettingsDialog: yt
   },
   emits: ["close", "triggerInstall"],
   data() {
     return {
-      api: new A(),
+      api: new L(),
       search: "",
       verifiedOnly: !1,
       showSettingsDialog: !1,
@@ -489,7 +566,7 @@ const vt = /* @__PURE__ */ N(ft, [["render", _t]]), wt = {
   },
   methods: {
     fetchPluginStoreData: function() {
-      T.get("/openc3-api/pluginstore").then((t) => {
+      D.get("/openc3-api/pluginstore").then((t) => {
         this.plugins = t.data;
       });
     },
@@ -508,30 +585,30 @@ const vt = /* @__PURE__ */ N(ft, [["render", _t]]), wt = {
       });
     }
   }
-}, Pt = { class: "d-flex justify-content-space-between" }, xt = { class: "d-inline-flex align-center w-100" };
-function yt(t, e, a, g, i, o) {
-  const c = l("v-spacer"), d = l("v-btn"), r = l("v-tooltip"), b = l("v-text-field"), w = l("v-switch"), k = l("plugin-card"), C = l("v-col"), h = l("v-row"), D = l("v-container"), f = l("v-sheet"), I = l("plugin-store-settings-dialog");
-  return p(), x(O, null, [
-    n(f, {
+}, Pt = { class: "d-flex justify-content-space-between" }, bt = { class: "d-inline-flex align-center w-100" };
+function Ct(t, e, a, g, i, o) {
+  const c = l("v-spacer"), p = l("v-btn"), u = l("v-tooltip"), C = l("v-text-field"), P = l("v-switch"), T = l("plugin-card"), k = l("v-col"), h = l("v-row"), V = l("v-container"), _ = l("v-sheet"), O = l("plugin-store-settings-dialog");
+  return r(), y(U, null, [
+    n(_, {
       class: "pb-11 pt-8 px-8",
       height: "100%"
     }, {
       default: s(() => [
-        u("div", Pt, [
-          e[4] || (e[4] = u("div", null, [
-            u("div", { class: "text-h3 mb-3" }, "OpenC3 Plugin Store"),
-            u("div", { class: "text-subtitle-1" }, " Browse plugins made by OpenC3 and the COSMOS community ")
+        d("div", Pt, [
+          e[4] || (e[4] = d("div", null, [
+            d("div", { class: "text-h3 mb-3" }, "OpenC3 Plugin Store"),
+            d("div", { class: "text-subtitle-1" }, " Browse plugins made by OpenC3 and the COSMOS community ")
           ], -1)),
           n(c),
-          n(d, {
+          n(p, {
             icon: "mdi-cog",
             variant: "text",
             onClick: o.openSettings
           }, null, 8, ["onClick"]),
-          n(r, { location: "top" }, {
-            activator: s(({ props: P }) => [
-              u("div", R(B(P)), [
-                n(d, {
+          n(u, { location: "top" }, {
+            activator: s(({ props: b }) => [
+              d("div", B(F(b)), [
+                n(p, {
                   href: "https://store.openc3.com",
                   target: "_blank",
                   icon: "mdi-open-in-new",
@@ -541,20 +618,20 @@ function yt(t, e, a, g, i, o) {
               ], 16)
             ]),
             default: s(() => [
-              e[3] || (e[3] = u("span", null, " Open store.openc3.com ", -1))
+              e[3] || (e[3] = d("span", null, " Open store.openc3.com ", -1))
             ]),
             _: 1
           }),
-          n(d, {
+          n(p, {
             icon: "mdi-close",
             variant: "text",
             onClick: o.close
           }, null, 8, ["onClick"])
         ]),
-        u("div", xt, [
-          n(b, {
+        d("div", bt, [
+          n(C, {
             modelValue: i.search,
-            "onUpdate:modelValue": e[0] || (e[0] = (P) => i.search = P),
+            "onUpdate:modelValue": e[0] || (e[0] = (b) => i.search = b),
             label: "Search",
             "prepend-inner-icon": "mdi-magnify",
             clearable: "",
@@ -564,9 +641,9 @@ function yt(t, e, a, g, i, o) {
             "hide-details": "",
             "data-test": "search-plugin-store"
           }, null, 8, ["modelValue"]),
-          n(w, {
+          n(P, {
             modelValue: i.verifiedOnly,
-            "onUpdate:modelValue": e[1] || (e[1] = (P) => i.verifiedOnly = P),
+            "onUpdate:modelValue": e[1] || (e[1] = (b) => i.verifiedOnly = b),
             label: "Verified only",
             density: "compact",
             "hide-details": "",
@@ -574,17 +651,17 @@ function yt(t, e, a, g, i, o) {
           }, null, 8, ["modelValue"])
         ]),
         n(c),
-        e[5] || (e[5] = u("span", { class: "" }, " Click on a plugin to see more information about it ", -1)),
-        n(D, null, {
+        e[5] || (e[5] = d("span", { class: "" }, " Click on a plugin to see more information about it ", -1)),
+        n(V, null, {
           default: s(() => [
             n(h, null, {
               default: s(() => [
-                (p(!0), x(O, null, j(o.filteredPlugins, (P) => (p(), _(C, {
-                  key: P.id,
+                (r(!0), y(U, null, A(o.filteredPlugins, (b) => (r(), f(k, {
+                  key: b.id,
                   cols: "4"
                 }, {
                   default: s(() => [
-                    n(k, U({ ref_for: !0 }, P, { onTriggerInstall: o.install }), null, 16, ["onTriggerInstall"])
+                    n(T, I({ ref_for: !0 }, b, { onTriggerInstall: o.install }), null, 16, ["onTriggerInstall"])
                   ]),
                   _: 2
                 }, 1024))), 128))
@@ -597,18 +674,18 @@ function yt(t, e, a, g, i, o) {
       ]),
       _: 1
     }),
-    n(I, {
+    n(O, {
       modelValue: i.showSettingsDialog,
-      "onUpdate:modelValue": e[2] || (e[2] = (P) => i.showSettingsDialog = P),
+      "onUpdate:modelValue": e[2] || (e[2] = (b) => i.showSettingsDialog = b),
       "onUpdate:storeUrl": o.updatePluginStore
     }, null, 8, ["modelValue", "onUpdate:storeUrl"])
   ], 64);
 }
-const bt = /* @__PURE__ */ N(wt, [["render", yt]]), kt = {
+const kt = /* @__PURE__ */ N(xt, [["render", Ct]]), St = {
   components: {
     PluginDetailsDialog: q
   },
-  mixins: [M],
+  mixins: [E],
   props: {
     targets: {
       type: Array,
@@ -629,10 +706,10 @@ const bt = /* @__PURE__ */ N(wt, [["render", yt]]), kt = {
   },
   methods: {
     openDetails: function() {
-      this.hasStoreListing && (this.showCard = !0);
+      this.hasDetails && (this.showCard = !0);
     },
     downloadPlugin: function() {
-      T.post(`/openc3-api/packages/${this.name}/download`).then(
+      D.post(`/openc3-api/packages/${this.name}/download`).then(
         (t) => {
           const e = window.atob(t.data.contents), a = new Uint8Array(e.length);
           for (let o = 0; o < e.length; ++o)
@@ -643,7 +720,7 @@ const bt = /* @__PURE__ */ N(wt, [["render", yt]]), kt = {
       );
     },
     downloadTarget: function(t) {
-      T.post(`/openc3-api/targets/${t}/download`).then((e) => {
+      D.post(`/openc3-api/targets/${t}/download`).then((e) => {
         const a = window.atob(e.data.contents), g = new Uint8Array(a.length);
         for (let c = 0; c < a.length; ++c)
           g[c] = a.charCodeAt(c);
@@ -661,82 +738,82 @@ const bt = /* @__PURE__ */ N(wt, [["render", yt]]), kt = {
       this.showCard = !1, this.$emit("delete");
     }
   }
-}, Ct = ["textContent"], Dt = { class: "text-subtitle-2 v-list-item-subtitle pl-0" }, St = { key: 0 }, Tt = ["onClick", "textContent"], Vt = ["textContent"];
-function Ut(t, e, a, g, i, o) {
-  var C;
-  const c = l("v-img"), d = l("v-icon"), r = l("v-list-item"), b = l("v-list"), w = l("v-menu"), k = l("plugin-details-dialog");
-  return p(), x(O, null, [
-    u("tr", {
-      class: L({ "cursor-pointer": t.hasStoreListing }),
-      "data-test": "plugin-list-item",
-      onClick: e[0] || (e[0] = (...h) => o.openDetails && o.openDetails(...h))
+}, Tt = ["textContent"], Dt = { class: "text-subtitle-2 v-list-item-subtitle pl-0" }, Vt = { key: 0 }, Ut = ["onClick", "textContent"], It = ["textContent"];
+function Ot(t, e, a, g, i, o) {
+  var k;
+  const c = l("v-img"), p = l("v-icon"), u = l("v-list-item"), C = l("v-list"), P = l("v-menu"), T = l("plugin-details-dialog");
+  return r(), y(U, null, [
+    d("tr", {
+      class: j({ "cursor-pointer": t.hasDetails }),
+      "data-test": "plugin-list-item"
     }, [
-      u("td", null, [
-        t.image_url ? (p(), _(c, {
+      d("td", null, [
+        t.imageContentsWithMimeType ? (r(), f(c, {
           key: 0,
-          src: t.image_url,
+          src: t.imageContentsWithMimeType,
           "max-height": "56",
           "min-width": "56"
-        }, null, 8, ["src"])) : V("", !0)
+        }, null, 8, ["src"])) : S("", !0)
       ]),
-      u("td", null, [
-        u("div", {
+      d("td", null, [
+        d("div", {
           class: "text-h6",
-          textContent: v(o.displayTitle)
-        }, null, 8, Ct),
-        u("div", Dt, [
-          a.isModified ? (p(), x(O, { key: 0 }, [
-            y(" * ")
-          ], 64)) : V("", !0),
-          y(" " + v(t.name), 1)
+          textContent: x(o.displayTitle),
+          onClick: e[0] || (e[0] = (...h) => o.openDetails && o.openDetails(...h))
+        }, null, 8, Tt),
+        d("div", Dt, [
+          a.isModified ? (r(), y(U, { key: 0 }, [
+            v(" * ")
+          ], 64)) : S("", !0),
+          v(" " + x(t.name), 1)
         ]),
-        (C = a.targets) != null && C.length ? (p(), x("div", St, [
-          (p(!0), x(O, null, j(a.targets, (h, D) => (p(), x("span", {
-            key: D,
+        (k = a.targets) != null && k.length ? (r(), y("div", Vt, [
+          (r(!0), y(U, null, A(a.targets, (h, V) => (r(), y("span", {
+            key: V,
             class: "mr-2"
           }, [
-            h.modified ? (p(), x("a", {
+            h.modified ? (r(), y("a", {
               key: 0,
               style: { cursor: "pointer" },
-              onClick: F((f) => o.downloadTarget(h.name), ["prevent"]),
-              textContent: v(h.name)
-            }, null, 8, Tt)) : (p(), x("span", {
+              onClick: H((_) => o.downloadTarget(h.name), ["prevent"]),
+              textContent: x(h.name)
+            }, null, 8, Ut)) : (r(), y("span", {
               key: 1,
-              textContent: v(h.name)
-            }, null, 8, Vt))
+              textContent: x(h.name)
+            }, null, 8, It))
           ]))), 128))
-        ])) : V("", !0)
+        ])) : S("", !0)
       ]),
-      u("td", null, [
-        n(w, null, {
+      d("td", null, [
+        n(P, null, {
           activator: s(({ props: h }) => [
-            n(d, U(h, {
+            n(p, I(h, {
               icon: "mdi-dots-horizontal",
               "data-test": "plugin-actions"
             }), null, 16)
           ]),
           default: s(() => [
-            n(b, null, {
+            n(C, null, {
               default: s(() => [
-                n(r, {
+                n(u, {
                   title: "Download",
                   "prepend-icon": "mdi-download",
                   "data-test": "download-plugin",
                   onClick: o.downloadPlugin
                 }, null, 8, ["onClick"]),
-                n(r, {
+                n(u, {
                   title: "Edit Details",
                   "prepend-icon": "mdi-pencil",
                   "data-test": "edit-plugin",
                   onClick: o.edit
                 }, null, 8, ["onClick"]),
-                n(r, {
+                n(u, {
                   title: "Upgrade",
                   "prepend-icon": "mdi-update",
                   "data-test": "upgrade-plugin",
                   onClick: o.upgrade
                 }, null, 8, ["onClick"]),
-                n(r, {
+                n(u, {
                   title: "Delete",
                   "prepend-icon": "mdi-delete",
                   "data-test": "delete-plugin",
@@ -750,15 +827,15 @@ function Ut(t, e, a, g, i, o) {
         })
       ])
     ], 2),
-    n(k, U({
+    n(T, I({
       modelValue: i.showCard,
       "onUpdate:modelValue": e[1] || (e[1] = (h) => i.showCard = h)
     }, t.plugin, { onTriggerUninstall: o.deletePrompt }), null, 16, ["modelValue", "onTriggerUninstall"])
   ], 64);
 }
-const It = /* @__PURE__ */ N(kt, [["render", Ut]]), Ot = {
+const Nt = /* @__PURE__ */ N(St, [["render", Ot]]), At = {
   components: {
-    PluginListItem: It
+    PluginListItem: Nt
   },
   props: {
     plugins: {
@@ -822,52 +899,55 @@ const It = /* @__PURE__ */ N(kt, [["render", Ut]]), Ot = {
     }
   }
 };
-function Nt(t, e, a, g, i, o) {
-  const c = l("plugin-list-item"), d = l("v-data-table");
-  return p(), _(d, {
+function Mt(t, e, a, g, i, o) {
+  const c = l("plugin-list-item"), p = l("v-data-table");
+  return r(), f(p, {
     headers: [],
     items: o.shownPlugins,
     density: "compact",
     class: "list",
     "data-test": "plugin-list"
   }, {
-    item: s(({ item: r }) => [
-      n(c, U(r, {
-        targets: o.pluginTargets(r.name),
-        "is-modified": o.isModified(r.name),
-        onEdit: () => o.editPlugin(r.name),
-        onUpgrade: () => o.upgradePlugin(r.name),
-        onDelete: () => o.deletePrompt(r.name)
+    item: s(({ item: u }) => [
+      n(c, I(u, {
+        targets: o.pluginTargets(u.name),
+        "is-modified": o.isModified(u.name),
+        onEdit: () => o.editPlugin(u.name),
+        onUpgrade: () => o.upgradePlugin(u.name),
+        onDelete: () => o.deletePrompt(u.name)
       }), null, 16, ["targets", "is-modified", "onEdit", "onUpgrade", "onDelete"])
     ]),
     _: 1
   }, 8, ["items"]);
 }
-const At = /* @__PURE__ */ N(Ot, [["render", Nt], ["__scopeId", "data-v-94f3dd91"]]), Lt = {
+const Lt = /* @__PURE__ */ N(At, [["render", Mt], ["__scopeId", "data-v-94f3dd91"]]), jt = {
   components: {
     PluginDialog: et,
-    PluginList: At,
-    PluginStore: bt,
+    PluginList: Lt,
+    PluginStore: kt,
     ModifiedPluginDialog: tt,
-    SimpleTextDialog: $
+    SimpleTextDialog: Z
   },
   data() {
     return {
-      api: new A(),
+      // Control state
+      pluginName: null,
+      variables: {},
+      storeId: null,
+      pluginTxt: "",
       file: null,
       currentPlugin: null,
+      pluginHashTmp: null,
+      existingPluginTxt: null,
+      progress: 0,
+      pluginDelete: !1,
+      api: new L(),
       plugins: [],
       targets: {},
       processes: {},
       alert: "",
       alertType: "success",
       showAlert: !1,
-      pluginName: null,
-      variables: {},
-      storeId: null,
-      pluginTxt: "",
-      pluginHashTmp: null,
-      existingPluginTxt: null,
       showDownloadDialog: !1,
       showProcessOutput: !1,
       processOutput: "",
@@ -875,8 +955,6 @@ const At = /* @__PURE__ */ N(Ot, [["render", Nt], ["__scopeId", "data-v-94f3dd91
       showPluginDialog: !1,
       showModifiedPluginDialog: !1,
       showDefaultTools: !1,
-      progress: 0,
-      pluginDelete: !1,
       // When updating update local_mode.rb, local_mode.py, plugins.spec.ts
       defaultPlugins: [
         "openc3-cosmos-tool-admin",
@@ -933,6 +1011,9 @@ const At = /* @__PURE__ */ N(Ot, [["render", Nt], ["__scopeId", "data-v-94f3dd91
     };
   },
   methods: {
+    resetControlState: function() {
+      this.pluginName = null, this.variables = {}, this.storeId = null, this.pluginTxt = "", this.file = null, this.currentPlugin = null, this.pluginHashTmp = null, this.existingPluginTxt = null, this.progress = 0, this.pluginDelete = !1;
+    },
     pluginTargets: function(t) {
       let e = [];
       for (const a in this.targets)
@@ -946,16 +1027,16 @@ const At = /* @__PURE__ */ N(Ot, [["render", Nt], ["__scopeId", "data-v-94f3dd91
       this.processOutput = t.output, this.showProcessOutput = !0;
     },
     update: function() {
-      T.get("/openc3-api/plugins/all").then((t) => {
+      D.get("/openc3-api/plugins/all").then((t) => {
         this.plugins = Object.entries(t.data).map(
           ([e, a]) => a
         );
-      }), T.get("/openc3-api/targets_modified").then((t) => {
+      }), D.get("/openc3-api/targets_modified").then((t) => {
         this.targets = t.data;
       });
     },
     updateProcesses: function() {
-      T.get("openc3-api/process_status/plugin_?substr=true").then(
+      D.get("openc3-api/process_status/plugin_?substr=true").then(
         (t) => {
           this.processes = t.data, Object.keys(this.processes).length > 0 && setTimeout(() => {
             this.updateProcesses(), this.update();
@@ -964,8 +1045,8 @@ const At = /* @__PURE__ */ N(Ot, [["render", Nt], ["__scopeId", "data-v-94f3dd91
       );
     },
     formatDate(t) {
-      return lt(
-        it(parseInt(t) / 1e6),
+      return it(
+        lt(parseInt(t) / 1e6),
         "yyyy-MM-dd HH:mm:ss.SSS"
       );
     },
@@ -973,26 +1054,26 @@ const At = /* @__PURE__ */ N(Ot, [["render", Nt], ["__scopeId", "data-v-94f3dd91
       const a = t ? "put" : "post", g = t ? `/openc3-api/plugins/${t}` : "/openc3-api/plugins", i = new FormData();
       e === null ? i.append("plugin", this.file, this.file.name) : i.append("store_id", e.id);
       let o = this;
-      T[a](g, {
+      D[a](g, {
         data: i,
         headers: { "Content-Type": "multipart/form-data" },
-        onUploadProgress: function(d) {
-          let r = Math.round(
-            d.loaded * 100 / d.total
+        onUploadProgress: function(p) {
+          let u = Math.round(
+            p.loaded * 100 / p.total
           );
-          o.progress = r;
+          o.progress = u;
         }
-      }).then((d) => {
+      }).then((p) => {
         this.progress = 100, this.alert = "Uploaded file", this.alertType = "success", this.showAlert = !0, setTimeout(() => {
           this.showAlert = !1;
         }, 5e3), this.update();
-        let r = null;
-        d.data.existing_plugin_txt_lines !== void 0 && (r = d.data.existing_plugin_txt_lines.join(`
+        let u = null;
+        p.data.existing_plugin_txt_lines !== void 0 && (u = p.data.existing_plugin_txt_lines.join(`
 `));
-        let b = d.data.plugin_txt_lines.join(`
+        let C = p.data.plugin_txt_lines.join(`
 `);
-        this.pluginName = d.data.name, this.variables = d.data.variables, this.storeId = d.data.store_id, this.pluginTxt = b, this.existingPluginTxt = r, this.showPluginDialog = !0, this.file = void 0;
-      }).catch((d) => {
+        this.pluginName = p.data.name, this.variables = p.data.variables, this.storeId = p.data.store_id, this.pluginTxt = C, this.existingPluginTxt = u, this.showPluginDialog = !0, this.file = void 0;
+      }).catch((p) => {
         this.currentPlugin = null, this.file = void 0;
       });
     },
@@ -1002,11 +1083,11 @@ const At = /* @__PURE__ */ N(Ot, [["render", Nt], ["__scopeId", "data-v-94f3dd91
     modifiedSubmit: async function(t) {
       if (t === !0)
         for (let e of this.pluginTargets(this.currentPlugin))
-          e.modified == !0 && await T.post(`/openc3-api/targets/${e.name}/delete_modified`);
+          e.modified == !0 && await D.post(`/openc3-api/targets/${e.name}/delete_modified`);
       this.pluginDelete ? this.deletePlugin(this.currentPlugin) : this.pluginInstall();
     },
     pluginInstall: function() {
-      T.post(`/openc3-api/plugins/install/${this.pluginName}`, {
+      D.post(`/openc3-api/plugins/install/${this.pluginName}`, {
         data: {
           plugin_hash: JSON.stringify(this.pluginHashTmp)
         }
@@ -1017,7 +1098,7 @@ const At = /* @__PURE__ */ N(Ot, [["render", Nt], ["__scopeId", "data-v-94f3dd91
       });
     },
     editPlugin: function(t) {
-      T.get(`/openc3-api/plugins/${t}`).then((e) => {
+      this.resetControlState(), D.get(`/openc3-api/plugins/${t}`).then((e) => {
         let a = null;
         e.data.existing_plugin_txt_lines !== void 0 && (a = e.data.existing_plugin_txt_lines.join(`
 `)), this.pluginName = e.data.name, this.variables = e.data.variables, this.pluginTxt = e.data.plugin_txt_lines.join(`
@@ -1025,7 +1106,7 @@ const At = /* @__PURE__ */ N(Ot, [["render", Nt], ["__scopeId", "data-v-94f3dd91
       });
     },
     deletePrompt: function(t) {
-      this.$dialog.confirm(`Are you sure you want to remove: ${t}`, {
+      this.resetControlState(), this.$dialog.confirm(`Are you sure you want to remove: ${t}`, {
         okText: "Delete",
         cancelText: "Cancel"
       }).then((e) => {
@@ -1033,17 +1114,17 @@ const At = /* @__PURE__ */ N(Ot, [["render", Nt], ["__scopeId", "data-v-94f3dd91
       });
     },
     deletePlugin: function(t) {
-      this.alert = `Removing plugin ${t} ...`, this.alertType = "success", this.showAlert = !0, T.delete(`/openc3-api/plugins/${t}`).then((e) => {
+      this.alert = `Removing plugin ${t} ...`, this.alertType = "success", this.showAlert = !0, D.delete(`/openc3-api/plugins/${t}`).then((e) => {
         setTimeout(() => {
           this.showAlert = !1, this.updateProcesses();
         }, 5e3);
       }), this.update();
     },
     upgradePlugin(t) {
-      this.file = null, this.currentPlugin = t, this.progress = 0, this.$refs.fileInput.click();
+      this.resetControlState(), this.currentPlugin = t, this.$refs.fileInput.click();
     },
     selectFile() {
-      this.file = null, this.currentPlugin = null, this.progress = 0, this.$refs.fileInput.click();
+      this.resetControlState(), this.$refs.fileInput.click();
     },
     fileChange(t) {
       const e = t.target.files;
@@ -1080,27 +1161,27 @@ const At = /* @__PURE__ */ N(Ot, [["render", Nt], ["__scopeId", "data-v-94f3dd91
         this.$refs.fileInput.value = null;
     },
     openStore() {
-      this.showPluginStore = !0;
+      this.resetControlState(), this.showPluginStore = !0;
     }
   }
-}, jt = { class: "mt-2" }, Mt = ["textContent"], Et = ["textContent"];
-function zt(t, e, a, g, i, o) {
-  const c = l("v-btn"), d = l("v-icon"), r = l("v-col"), b = l("rux-progress"), w = l("v-row"), k = l("v-divider"), C = l("v-alert"), h = l("v-list-item-title"), D = l("v-list-item-subtitle"), f = l("v-progress-circular"), I = l("v-tooltip"), P = l("v-list-item"), S = l("v-list"), H = l("v-switch"), G = l("plugin-list"), J = l("plugin-dialog"), K = l("modified-plugin-dialog"), Q = l("simple-text-dialog"), W = l("plugin-store"), X = l("v-bottom-sheet");
-  return p(), x("div", null, [
-    n(w, {
+}, Et = { class: "mt-2" }, zt = ["textContent"], Rt = ["textContent"];
+function Bt(t, e, a, g, i, o) {
+  const c = l("v-btn"), p = l("v-icon"), u = l("v-col"), C = l("rux-progress"), P = l("v-row"), T = l("v-divider"), k = l("v-alert"), h = l("v-list-item-title"), V = l("v-list-item-subtitle"), _ = l("v-progress-circular"), O = l("v-tooltip"), b = l("v-list-item"), M = l("v-list"), w = l("v-switch"), W = l("plugin-list"), G = l("plugin-dialog"), $ = l("modified-plugin-dialog"), J = l("simple-text-dialog"), K = l("plugin-store"), Q = l("v-bottom-sheet");
+  return r(), y("div", null, [
+    n(P, {
       "no-gutters": "",
       align: "center",
       class: "px-2"
     }, {
       default: s(() => [
-        n(r, { class: "pa-2 mt-2" }, {
+        n(u, { class: "pa-2 mt-2" }, {
           default: s(() => [
             n(c, {
               "append-icon": "mdi-store",
               onClick: o.openStore
             }, {
               default: s(() => [...e[9] || (e[9] = [
-                y(" Browse Plugins ", -1)
+                v(" Browse Plugins ", -1)
               ])]),
               _: 1
             }, 8, ["onClick"]),
@@ -1110,62 +1191,63 @@ function zt(t, e, a, g, i, o) {
               onClick: o.selectFile
             }, {
               default: s(() => [...e[10] || (e[10] = [
-                y(" Install From File ", -1)
+                v(" Install From File ", -1)
               ])]),
               _: 1
             }, 8, ["onClick"]),
-            u("input", {
+            d("input", {
               ref: "fileInput",
+              accept: ".gem",
               style: { display: "none" },
               type: "file",
               onChange: e[0] || (e[0] = (...m) => o.fileChange && o.fileChange(...m))
             }, null, 544),
-            e[14] || (e[14] = u("br", null, null, -1)),
-            u("p", jt, [
-              e[12] || (e[12] = y(" Note: Use ", -1)),
-              n(d, null, {
+            e[14] || (e[14] = d("br", null, null, -1)),
+            d("p", Et, [
+              e[12] || (e[12] = v(" Note: Use ", -1)),
+              n(p, null, {
                 default: s(() => [...e[11] || (e[11] = [
-                  y(" mdi-dots-horizontal ", -1)
+                  v(" mdi-dots-horizontal ", -1)
                 ])]),
                 _: 1
               }),
-              e[13] || (e[13] = y(" in the Installed Plugins list to upgrade existing plugins ", -1))
+              e[13] || (e[13] = v(" in the Installed Plugins list to upgrade existing plugins ", -1))
             ])
           ]),
           _: 1
         }),
-        n(r, {
+        n(u, {
           class: "ml-4 mr-2",
           cols: "4"
         }, {
           default: s(() => [
-            n(b, { value: i.progress }, null, 8, ["value"])
+            n(C, { value: i.progress }, null, 8, ["value"])
           ]),
           _: 1
         })
       ]),
       _: 1
     }),
-    n(w, {
+    n(P, {
       "no-gutters": "",
       class: "px-2"
     }, {
       default: s(() => [
-        n(r, {
+        n(u, {
           align: "right",
           class: "mr-2"
         }, {
           default: s(() => [...e[15] || (e[15] = [
-            u("div", null, "* indicates a modified plugin", -1),
-            u("div", null, "Click target link to download modifications", -1)
+            d("div", null, "* indicates a modified plugin", -1),
+            d("div", null, "Click target link to download modifications", -1)
           ])]),
           _: 1
         })
       ]),
       _: 1
     }),
-    n(k),
-    n(C, {
+    n(T),
+    n(k, {
       modelValue: i.showAlert,
       "onUpdate:modelValue": e[1] || (e[1] = (m) => i.showAlert = m),
       closable: "",
@@ -1173,57 +1255,57 @@ function zt(t, e, a, g, i, o) {
       text: i.alert,
       "data-test": "plugin-alert"
     }, null, 8, ["modelValue", "type", "text"]),
-    Object.keys(i.processes).length > 0 ? (p(), _(S, {
+    Object.keys(i.processes).length > 0 ? (r(), f(M, {
       key: 0,
       class: "list",
       "data-test": "process-list"
     }, {
       default: s(() => [
-        n(w, {
+        n(P, {
           "no-gutters": "",
           class: "px-4"
         }, {
           default: s(() => [
-            n(r, { class: "text-h5" }, {
+            n(u, { class: "text-h5" }, {
               default: s(() => [...e[16] || (e[16] = [
-                y(" Process List ", -1)
+                v(" Process List ", -1)
               ])]),
               _: 1
             }),
-            n(r, { align: "right" }, {
+            n(u, { align: "right" }, {
               default: s(() => [...e[17] || (e[17] = [
-                u("div", null, "Showing last 10 min of activity", -1)
+                d("div", null, "Showing last 10 min of activity", -1)
               ])]),
               _: 1
             })
           ]),
           _: 1
         }),
-        (p(!0), x(O, null, j(i.processes, (m) => (p(), x("div", {
+        (r(!0), y(U, null, A(i.processes, (m) => (r(), y("div", {
           key: m.name
         }, [
-          n(P, null, {
+          n(b, null, {
             append: s(() => [
-              m.state === "Running" ? (p(), _(f, {
+              m.state === "Running" ? (r(), f(_, {
                 key: 0,
                 indeterminate: "",
                 color: "primary"
-              })) : (p(), _(I, {
+              })) : (r(), f(O, {
                 key: 1,
                 "open-delay": 600,
                 location: "top"
               }, {
-                activator: s(({ props: Y }) => [
-                  n(c, U({ ref_for: !0 }, Y, {
+                activator: s(({ props: X }) => [
+                  n(c, I({ ref_for: !0 }, X, {
                     icon: "mdi-eye",
                     variant: "text",
                     "aria-label": "Show Output",
                     "data-test": "show-output",
-                    onClick: (Rt) => o.showOutput(m)
+                    onClick: (Ft) => o.showOutput(m)
                   }), null, 16, ["onClick"])
                 ]),
                 default: s(() => [
-                  e[18] || (e[18] = u("span", null, " Show Output ", -1))
+                  e[18] || (e[18] = d("span", null, " Show Output ", -1))
                 ]),
                 _: 2
               }, 1024))
@@ -1231,45 +1313,45 @@ function zt(t, e, a, g, i, o) {
             default: s(() => [
               n(h, null, {
                 default: s(() => [
-                  u("span", {
-                    class: L(m.state.toLowerCase()),
-                    textContent: v(
+                  d("span", {
+                    class: j(m.state.toLowerCase()),
+                    textContent: x(
                       `Processing ${m.process_type}: ${m.detail} - ${m.state}`
                     )
-                  }, null, 10, Mt)
+                  }, null, 10, zt)
                 ]),
                 _: 2
               }, 1024),
-              n(D, null, {
+              n(V, null, {
                 default: s(() => [
-                  u("span", {
-                    textContent: v(" Updated At: " + o.formatDate(m.updated_at))
-                  }, null, 8, Et)
+                  d("span", {
+                    textContent: x(" Updated At: " + o.formatDate(m.updated_at))
+                  }, null, 8, Rt)
                 ]),
                 _: 2
               }, 1024)
             ]),
             _: 2
           }, 1024),
-          n(k)
+          n(T)
         ]))), 128))
       ]),
       _: 1
-    })) : V("", !0),
-    n(w, {
+    })) : S("", !0),
+    n(P, {
       "no-gutters": "",
       class: "px-4"
     }, {
       default: s(() => [
-        n(r, { class: "text-h5" }, {
+        n(u, { class: "text-h5" }, {
           default: s(() => [...e[19] || (e[19] = [
-            y(" Installed Plugins ", -1)
+            v(" Installed Plugins ", -1)
           ])]),
           _: 1
         }),
-        n(r, { class: "v-col-auto" }, {
+        n(u, { class: "v-col-auto" }, {
           default: s(() => [
-            n(H, {
+            n(w, {
               modelValue: i.showDefaultTools,
               "onUpdate:modelValue": e[2] || (e[2] = (m) => i.showDefaultTools = m),
               label: "Show Default Tools",
@@ -1283,7 +1365,7 @@ function zt(t, e, a, g, i, o) {
       ]),
       _: 1
     }),
-    n(G, {
+    n(W, {
       plugins: i.plugins,
       targets: i.targets,
       "show-default-tools": i.showDefaultTools,
@@ -1292,7 +1374,7 @@ function zt(t, e, a, g, i, o) {
       onUpgrade: o.upgradePlugin,
       onDelete: o.deletePrompt
     }, null, 8, ["plugins", "targets", "show-default-tools", "default-plugins", "onEdit", "onUpgrade", "onDelete"]),
-    i.showPluginDialog ? (p(), _(J, {
+    i.showPluginDialog ? (r(), f(G, {
       key: 1,
       modelValue: i.showPluginDialog,
       "onUpdate:modelValue": e[3] || (e[3] = (m) => i.showPluginDialog = m),
@@ -1302,8 +1384,8 @@ function zt(t, e, a, g, i, o) {
       "existing-plugin-txt": i.existingPluginTxt,
       "store-id": i.storeId,
       onCallback: o.pluginCallback
-    }, null, 8, ["modelValue", "plugin-name", "variables", "plugin-txt", "existing-plugin-txt", "store-id", "onCallback"])) : V("", !0),
-    i.showModifiedPluginDialog ? (p(), _(K, {
+    }, null, 8, ["modelValue", "plugin-name", "variables", "plugin-txt", "existing-plugin-txt", "store-id", "onCallback"])) : S("", !0),
+    i.showModifiedPluginDialog ? (r(), f($, {
       key: 2,
       modelValue: i.showModifiedPluginDialog,
       "onUpdate:modelValue": e[4] || (e[4] = (m) => i.showModifiedPluginDialog = m),
@@ -1311,20 +1393,20 @@ function zt(t, e, a, g, i, o) {
       targets: o.pluginTargets(i.currentPlugin),
       "plugin-delete": i.pluginDelete,
       onSubmit: o.modifiedSubmit
-    }, null, 8, ["modelValue", "plugin-name", "targets", "plugin-delete", "onSubmit"])) : V("", !0),
-    n(Q, {
+    }, null, 8, ["modelValue", "plugin-name", "targets", "plugin-delete", "onSubmit"])) : S("", !0),
+    n(J, {
       modelValue: i.showProcessOutput,
       "onUpdate:modelValue": e[5] || (e[5] = (m) => i.showProcessOutput = m),
       title: "Process Output",
       text: i.processOutput
     }, null, 8, ["modelValue", "text"]),
-    n(X, {
+    n(Q, {
       modelValue: i.showPluginStore,
       "onUpdate:modelValue": e[8] || (e[8] = (m) => i.showPluginStore = m),
       fullscreen: ""
     }, {
       default: s(() => [
-        n(W, {
+        n(K, {
           onClose: e[6] || (e[6] = () => i.showPluginStore = !1),
           onTriggerInstall: e[7] || (e[7] = (m) => o.upload(null, m))
         })
@@ -1333,8 +1415,8 @@ function zt(t, e, a, g, i, o) {
     }, 8, ["modelValue"])
   ]);
 }
-const Wt = /* @__PURE__ */ N(Lt, [["render", zt], ["__scopeId", "data-v-f1927f60"]]);
+const Xt = /* @__PURE__ */ N(jt, [["render", Bt], ["__scopeId", "data-v-eb302876"]]);
 export {
-  Wt as default
+  Xt as default
 };
-//# sourceMappingURL=PluginsTab-C7PH2Wym.js.map
+//# sourceMappingURL=PluginsTab-Yz9HZqpp.js.map