@scalar/api-client 2.5.31 → 2.5.33

package/dist/views/Environment/Environment.vue2.js

@@ -1,255 +1,230 @@
-import { defineComponent as ve, ref as k, computed as fe, watch as B, onMounted as pe, onBeforeUnmount as be, createBlock as _, openBlock as f, withCtx as c, createVNode as u, createTextVNode as L, createElementVNode as b, createElementBlock as O, unref as l, Fragment as K, renderList as G, withDirectives as xe, normalizeClass as J, toDisplayString as T, createCommentVNode as H, withModifiers as he, vShow as Ee, createSlots as Ce } from "vue";
-import { useModal as j, ScalarIcon as q, ScalarButton as ke, ScalarModal as ge } from "@scalar/components";
-import { LibraryIcon as ye } from "@scalar/icons/library";
-import { useToasts as _e } from "@scalar/use-toasts";
-import { useRouter as we, useRoute as Me } from "vue-router";
-import De from "../../components/CodeInput/CodeInput.vue.js";
-import Ie from "../../components/Sidebar/Actions/EditSidebarListElement.vue.js";
-import Se from "../../components/Sidebar/Sidebar.vue.js";
-import $e from "../../components/Sidebar/SidebarButton.vue.js";
-import Ve from "../../components/Sidebar/SidebarList.vue.js";
-import P from "../../components/Sidebar/SidebarListElement.vue.js";
-import Oe from "../../components/ViewLayout/ViewLayout.vue.js";
-import je from "../../components/ViewLayout/ViewLayoutContent.vue.js";
-import Fe from "../../components/ViewLayout/ViewLayoutSection.vue.js";
-import { useSidebar as Ne } from "../../hooks/useSidebar.js";
-import { PathId as i } from "../../routes.js";
-import { useActiveEntities as Re } from "../../store/active-entities.js";
-import We from "./EnvironmentColorModal.vue.js";
-import Ue from "./EnvironmentModal.vue.js";
-import { environmentDragHandlerFactory as ze } from "./handle-drag.js";
-import { useWorkspace as Ae } from "../../store/store.js";
-const Be = { class: "flex-1" }, Le = ["onClick"], Ke = { class: "flex h-5 max-w-[14px] items-center justify-center" }, vn = /* @__PURE__ */ ve({
+import { defineComponent as ve, ref as C, computed as de, watch as A, onMounted as fe, onBeforeUnmount as pe, createBlock as y, openBlock as d, withCtx as u, createVNode as s, createTextVNode as B, createElementVNode as p, createElementBlock as V, unref as a, Fragment as L, renderList as K, withDirectives as be, normalizeClass as G, toDisplayString as J, createCommentVNode as T, withModifiers as xe, vShow as he, createSlots as Ee } from "vue";
+import { useModal as O, ScalarIcon as H, ScalarButton as Ce, ScalarModal as ke } from "@scalar/components";
+import { LibraryIcon as ge } from "@scalar/icons/library";
+import { useToasts as ye } from "@scalar/use-toasts";
+import { useRouter as _e, useRoute as we } from "vue-router";
+import Me from "../../components/CodeInput/CodeInput.vue.js";
+import De from "../../components/Sidebar/Actions/EditSidebarListElement.vue.js";
+import Ie from "../../components/Sidebar/Sidebar.vue.js";
+import Se from "../../components/Sidebar/SidebarButton.vue.js";
+import $e from "../../components/Sidebar/SidebarList.vue.js";
+import q from "../../components/Sidebar/SidebarListElement.vue.js";
+import Ve from "../../components/ViewLayout/ViewLayout.vue.js";
+import Oe from "../../components/ViewLayout/ViewLayoutContent.vue.js";
+import je from "../../components/ViewLayout/ViewLayoutSection.vue.js";
+import { useSidebar as Fe } from "../../hooks/useSidebar.js";
+import { PathId as l } from "../../routes.js";
+import { useActiveEntities as Ne } from "../../store/active-entities.js";
+import Re from "./EnvironmentColorModal.vue.js";
+import We from "./EnvironmentModal.vue.js";
+import { environmentDragHandlerFactory as Ue } from "./handle-drag.js";
+import { useWorkspace as ze } from "../../store/store.js";
+const Ae = { class: "flex-1" }, Be = ["onClick"], Le = { class: "flex h-5 max-w-[14px] items-center justify-center" }, vn = /* @__PURE__ */ ve({
   __name: "Environment",
-  setup(Ge) {
-    const g = we(), x = Me(), {
-      activeWorkspace: p,
-      activeEnvironment: F,
-      activeWorkspaceCollections: d,
-      activeEnvVariables: Q
-    } = Re(), { events: N, workspaceMutators: X, collectionMutators: h } = Ae(), { collapsedSidebarFolders: y, toggleSidebarFolder: w } = Ne(), M = j(), D = j(), I = j(), R = k(null), s = k("default"), W = k(""), E = k(void 0), v = k(void 0), S = k(void 0), { toast: U } = _e(), Y = (e) => JSON.parse(e);
-    function z(e, o, n) {
-      var t;
-      e && (o.uid === n ? U(
-        `Environment name already used in ${(t = o.info) == null ? void 0 : t.title}`,
+  setup(Ke) {
+    const k = _e(), b = we(), {
+      activeWorkspace: f,
+      activeEnvironment: j,
+      activeWorkspaceCollections: c,
+      activeEnvVariables: P
+    } = Ne(), { events: F, workspaceMutators: Q, collectionMutators: x } = ze(), { collapsedSidebarFolders: g, toggleSidebarFolder: _ } = Fe(), w = O(), M = O(), D = O(), N = C(null), r = C("default"), R = C(""), h = C(void 0), m = C(void 0), I = C(void 0), { toast: W } = ye(), X = (e) => JSON.parse(e);
+    function U(e, t, n) {
+      e && (t.uid === n ? W(
+        `Environment name already used in ${t.info?.title}`,
         "error"
-      ) : U("Environment name already used in another collection", "error"));
+      ) : W("Environment name already used in another collection", "error"));
     }
-    const C = fe(() => d.value.filter(
-      (e) => {
-        var o;
-        return ((o = e.info) == null ? void 0 : o.title) !== "Drafts";
-      }
+    const E = de(() => c.value.filter(
+      (e) => e.info?.title !== "Drafts"
     ));
-    function Z(e) {
-      C.value.some(
+    function Y(e) {
+      E.value.some(
         (n) => {
-          const t = Object.keys(
+          const o = Object.keys(
             n["x-scalar-environments"] || {}
           ).includes(e.name);
-          return z(t, n, e.collectionId), t;
+          return U(o, n, e.collectionId), o;
         }
-      ) || (e.collectionId && (h.addEnvironment(
+      ) || (e.collectionId && (x.addEnvironment(
         e.name,
         {
           variables: {},
           color: e.color
         },
         e.collectionId
-      ), y[e.collectionId] || w(e.collectionId), g.push({
+      ), g[e.collectionId] || _(e.collectionId), k.push({
         name: "environment.collection",
         params: {
-          [i.Collection]: e.collectionId,
-          [i.Environment]: e.name
+          [l.Collection]: e.collectionId,
+          [l.Environment]: e.name
         }
-      })), D.hide());
+      })), M.hide());
     }
-    function ee(e) {
-      var n, t;
-      if (!F)
+    function Z(e) {
+      if (!j)
         return;
-      const o = Y(e);
-      if (s.value === "default")
-        X.edit(
-          (n = p.value) == null ? void 0 : n.uid,
+      const t = X(e);
+      if (r.value === "default")
+        Q.edit(
+          f.value?.uid,
           "environments",
-          o
+          t
         );
       else {
-        const a = d.value.find(
-          (r) => {
-            var m;
-            return (m = r["x-scalar-environments"]) == null ? void 0 : m[s.value ?? ""];
-          }
+        const n = c.value.find(
+          (o) => o["x-scalar-environments"]?.[r.value ?? ""]
         );
-        if ((t = a == null ? void 0 : a["x-scalar-environments"]) != null && t[s.value ?? ""]) {
-          const r = a["x-scalar-environments"][s.value ?? ""];
-          r && (r.variables = o, h.edit(
-            a.uid,
+        if (n?.["x-scalar-environments"]?.[r.value ?? ""]) {
+          const o = n["x-scalar-environments"][r.value ?? ""];
+          o && (o.variables = t, x.edit(
+            n.uid,
             "x-scalar-environments",
-            a["x-scalar-environments"]
+            n["x-scalar-environments"]
           ));
         }
       }
     }
-    const $ = (e) => {
-      E.value = e, D.show();
-    }, ne = (e, o) => {
-      v.value = e, E.value = o, S.value = e, I.show();
+    const S = (e) => {
+      h.value = e, M.show();
+    }, ee = (e, t) => {
+      m.value = e, h.value = t, I.value = e, D.show();
+    }, ne = (e) => {
+      N.value = e, R.value = c.value.find(
+        (t) => t["x-scalar-environments"]?.[e]
+      )?.["x-scalar-environments"]?.[e]?.color ?? "", w.show();
     }, te = (e) => {
-      var o, n, t;
-      R.value = e, W.value = ((t = (n = (o = d.value.find(
-        (a) => {
-          var r;
-          return (r = a["x-scalar-environments"]) == null ? void 0 : r[e];
-        }
-      )) == null ? void 0 : o["x-scalar-environments"]) == null ? void 0 : n[e]) == null ? void 0 : t.color) ?? "", M.show();
-    }, oe = (e) => {
-      const o = R.value;
-      typeof o == "string" && (d.value.some(
-        (t) => {
-          var a;
-          return (a = t["x-scalar-environments"]) == null ? void 0 : a[o];
-        }
-      ) && d.value.forEach((t) => {
-        var a;
-        (a = t["x-scalar-environments"]) != null && a[o] && (t["x-scalar-environments"][o].color = e, h.edit(
-          t.uid,
+      const t = N.value;
+      typeof t == "string" && (c.value.some(
+        (o) => o["x-scalar-environments"]?.[t]
+      ) && c.value.forEach((o) => {
+        o["x-scalar-environments"]?.[t] && (o["x-scalar-environments"][t].color = e, x.edit(
+          o.uid,
           "x-scalar-environments",
-          t["x-scalar-environments"]
+          o["x-scalar-environments"]
         ));
-      }), M.hide());
+      }), w.hide());
     };
-    function ae(e) {
-      var n;
-      C.value.forEach((t) => {
-        h.removeEnvironment(e, t.uid);
+    function oe(e) {
+      E.value.forEach((n) => {
+        x.removeEnvironment(e, n.uid);
       });
-      const o = C.value.flatMap(
-        (t) => Object.keys(t["x-scalar-environments"] || {})
+      const t = E.value.flatMap(
+        (n) => Object.keys(n["x-scalar-environments"] || {})
       );
-      if (o.length > 0) {
-        const t = o[o.length - 1];
-        if (!t)
+      if (t.length > 0) {
+        const n = t[t.length - 1];
+        if (!n)
           return;
-        const a = d.value.find(
-          (r) => Object.keys(r["x-scalar-environments"] || {}).includes(
-            t
+        const o = c.value.find(
+          (i) => Object.keys(i["x-scalar-environments"] || {}).includes(
+            n
           )
         );
-        s.value = t, g.push({
+        r.value = n, k.push({
           name: "environment.collection",
           params: {
-            [i.Collection]: a == null ? void 0 : a.uid,
-            [i.Environment]: t
+            [l.Collection]: o?.uid,
+            [l.Environment]: n
           }
-        }), a && !y[a.uid] && w(a.uid);
+        }), o && !g[o.uid] && _(o.uid);
       } else
-        s.value = "default", g.push({
+        r.value = "default", k.push({
           name: "environment.default",
           params: {
-            [i.Workspace]: (n = p.value) == null ? void 0 : n.uid
+            [l.Workspace]: f.value?.uid
           }
         });
     }
-    const re = () => s.value === "default" ? "Global Environment" : s.value, le = () => {
-      var e, o, n, t;
-      return s.value === "default" ? JSON.stringify((e = p.value) == null ? void 0 : e.environments, null, 2) : JSON.stringify(
-        (t = (n = (o = d.value.find(
-          (a) => {
-            var r;
-            return (r = a["x-scalar-environments"]) == null ? void 0 : r[s.value ?? ""];
-          }
-        )) == null ? void 0 : o["x-scalar-environments"]) == null ? void 0 : n[s.value ?? ""]) == null ? void 0 : t.variables,
-        null,
-        2
-      );
-    }, se = (e) => y[e], A = (e) => {
-      e != null && e.createNew && x.name === "environment" && $();
+    const ae = () => r.value === "default" ? "Global Environment" : r.value, re = () => r.value === "default" ? JSON.stringify(f.value?.environments, null, 2) : JSON.stringify(
+      c.value.find(
+        (e) => e["x-scalar-environments"]?.[r.value ?? ""]
+      )?.["x-scalar-environments"]?.[r.value ?? ""]?.variables,
+      null,
+      2
+    ), le = (e) => g[e], z = (e) => {
+      e?.createNew && b.name === "environment" && S();
     };
-    B(
-      () => [x.params[i.Collection], x.params[i.Environment]],
-      ([e, o]) => {
-        e ? s.value = o : s.value = "default";
+    A(
+      () => [b.params[l.Collection], b.params[l.Environment]],
+      ([e, t]) => {
+        e ? r.value = t : r.value = "default";
       }
-    ), pe(() => {
-      s.value = x.params[i.Environment] || "default", N.hotKeys.on(A);
-      const e = x.params[i.Collection];
-      e && !y[e] && w(e);
-    }), be(() => N.hotKeys.off(A));
-    const ie = (e, o, n) => {
-      var a, r;
-      const t = n ? {
+    ), fe(() => {
+      r.value = b.params[l.Environment] || "default", F.hotKeys.on(z);
+      const e = b.params[l.Collection];
+      e && !g[e] && _(e);
+    }), pe(() => F.hotKeys.off(z));
+    const ie = (e, t, n) => {
+      const o = n ? {
         name: "environment.collection",
         params: {
-          [i.Workspace]: (a = p.value) == null ? void 0 : a.uid,
-          [i.Collection]: n,
-          [i.Environment]: o
+          [l.Workspace]: f.value?.uid,
+          [l.Collection]: n,
+          [l.Environment]: t
         }
       } : {
         name: "environment.default",
         params: {
-          [i.Workspace]: (r = p.value) == null ? void 0 : r.uid,
-          [i.Environment]: o
+          [l.Workspace]: f.value?.uid,
+          [l.Environment]: t
         }
       };
-      e.metaKey ? window.open(g.resolve(t).href, "_blank") : g.push(t);
+      e.metaKey ? window.open(k.resolve(o).href, "_blank") : k.push(o);
     };
-    function ue() {
-      v.value = void 0, E.value = void 0, S.value = void 0, I.hide();
+    function se() {
+      m.value = void 0, h.value = void 0, I.value = void 0, D.hide();
     }
-    function me(e) {
-      C.value.some(
+    function ue(e) {
+      E.value.some(
         (n) => {
-          const t = Object.keys(
+          const o = Object.keys(
             n["x-scalar-environments"] || {}
           ).includes(e);
-          return z(
-            t,
+          return U(
+            o,
             n,
-            E.value
-          ), t;
+            h.value
+          ), o;
         }
-      ) || (e && v.value !== "default" && d.value.forEach((n) => {
-        var t;
-        if ((t = n["x-scalar-environments"]) != null && t[v.value ?? ""]) {
-          const a = n["x-scalar-environments"], r = {};
-          Object.keys(a).forEach((m) => {
-            const V = a[m];
-            V && (m === v.value ? r[e] = V : r[m] = V);
-          }), n["x-scalar-environments"] = r, h.edit(
+      ) || (e && m.value !== "default" && c.value.forEach((n) => {
+        if (n["x-scalar-environments"]?.[m.value ?? ""]) {
+          const o = n["x-scalar-environments"], i = {};
+          Object.keys(o).forEach((v) => {
+            const $ = o[v];
+            $ && (v === m.value ? i[e] = $ : i[v] = $);
+          }), n["x-scalar-environments"] = i, x.edit(
             n.uid,
             "x-scalar-environments",
             n["x-scalar-environments"]
           );
         }
-      }), e && s.value === v.value && (s.value = e), v.value = void 0, E.value = void 0, S.value = void 0, I.hide());
+      }), e && r.value === m.value && (r.value = e), m.value = void 0, h.value = void 0, I.value = void 0, D.hide());
     }
-    const { handleDragEnd: ce, isDroppable: de } = ze(
-      d,
-      h
+    const { handleDragEnd: ce, isDroppable: me } = Ue(
+      c,
+      x
     );
-    return B(
-      () => x.query.openEnvironmentModal,
+    return A(
+      () => b.query.openEnvironmentModal,
       (e) => {
-        e === "true" && $();
+        e === "true" && S();
       },
       { immediate: !0 }
-    ), (e, o) => (f(), _(Oe, null, {
-      default: c(() => [
-        u(Se, { title: "Collections" }, {
-          content: c(() => [
-            b("div", Be, [
-              u(Ve, null, {
-                default: c(() => [
-                  (f(), _(P, {
+    ), (e, t) => (d(), y(Ve, null, {
+      default: u(() => [
+        s(Ie, { title: "Collections" }, {
+          content: u(() => [
+            p("div", Ae, [
+              s($e, null, {
+                default: u(() => [
+                  (d(), y(q, {
                     key: "default",
                     class: "text-xs",
                     isCopyable: !1,
                     to: {
                       name: "environment",
                       params: {
-                        [l(i).Environment]: "default"
+                        [a(l).Environment]: "default"
                       }
                     },
                     type: "environment",
@@ -260,133 +235,130 @@ const Be = { class: "flex-1" }, Le = ["onClick"], Ke = { class: "flex h-5 max-w-
                       isDefault: !0
                     }
                   }, null, 8, ["to"])),
-                  (f(!0), O(K, null, G(C.value, (n) => {
-                    var t;
-                    return f(), O("li", {
-                      key: n.uid,
-                      class: "gap-1/2 flex flex-col"
+                  (d(!0), V(L, null, K(E.value, (n) => (d(), V("li", {
+                    key: n.uid,
+                    class: "gap-1/2 flex flex-col"
+                  }, [
+                    p("button", {
+                      class: "hover:bg-b-2 group flex w-full items-center gap-1.5 rounded p-1.5 text-left text-sm font-medium break-words",
+                      type: "button",
+                      onClick: (o) => a(_)(n.uid)
+                    }, [
+                      p("span", Le, [
+                        s(a(ge), {
+                          class: "text-sidebar-c-2 size-3.5 min-w-3.5 stroke-2 group-hover:hidden",
+                          src: n["x-scalar-icon"] || "interface-content-folder"
+                        }, null, 8, ["src"]),
+                        p("div", {
+                          class: G({
+                            "rotate-90": a(g)[n.uid]
+                          })
+                        }, [
+                          s(a(H), {
+                            class: "text-c-3 hover:text-c-1 hidden text-sm group-hover:block",
+                            icon: "ChevronRight",
+                            size: "md"
+                          })
+                        ], 2)
+                      ]),
+                      B(" " + J(n.info?.title ?? ""), 1)
+                    ], 8, Be),
+                    be(p("div", {
+                      class: G({
+                        "before:bg-border relative mb-[.5px] before:pointer-events-none before:absolute before:top-0 before:left-3 before:z-1 before:h-[calc(100%_+_.5px)] before:w-[.5px] last:mb-0 last:before:h-full": Object.keys(n["x-scalar-environments"] || {}).length > 0
+                      })
                     }, [
-                      b("button", {
-                        class: "hover:bg-b-2 group flex w-full items-center gap-1.5 rounded p-1.5 text-left text-sm font-medium break-words",
-                        type: "button",
-                        onClick: (a) => l(w)(n.uid)
-                      }, [
-                        b("span", Ke, [
-                          u(l(ye), {
-                            class: "text-sidebar-c-2 size-3.5 min-w-3.5 stroke-2 group-hover:hidden",
-                            src: n["x-scalar-icon"] || "interface-content-folder"
-                          }, null, 8, ["src"]),
-                          b("div", {
-                            class: J({
-                              "rotate-90": l(y)[n.uid]
-                            })
-                          }, [
-                            u(l(q), {
-                              class: "text-c-3 hover:text-c-1 hidden text-sm group-hover:block",
-                              icon: "ChevronRight",
-                              size: "md"
-                            })
-                          ], 2)
+                      (d(!0), V(L, null, K(n["x-scalar-environments"], (o, i) => (d(), y(q, {
+                        key: i,
+                        class: "text-xs",
+                        collectionId: n.uid,
+                        isCopyable: !1,
+                        isDeletable: !0,
+                        isRenameable: !0,
+                        isDraggable: !0,
+                        isDroppable: a(me),
+                        to: {
+                          name: "environment.collection",
+                          params: {
+                            [a(l).Collection]: n.uid,
+                            [a(l).Environment]: i
+                          }
+                        },
+                        type: "environment",
+                        variable: {
+                          name: i,
+                          uid: i,
+                          color: o.color ?? "#FFFFFF",
+                          isDefault: !1
+                        },
+                        warningMessage: "Are you sure you want to delete this environment?",
+                        onClick: xe((v) => ie(v, i, n.uid), ["prevent"]),
+                        onColorModal: (v) => ne(i),
+                        onDelete: (v) => oe(i),
+                        onRename: (v) => ee(i, n.uid),
+                        onOnDragEnd: a(ce)
+                      }, null, 8, ["collectionId", "isDroppable", "to", "variable", "onClick", "onColorModal", "onDelete", "onRename", "onOnDragEnd"]))), 128)),
+                      Object.keys(n["x-scalar-environments"] || {}).length === 0 ? (d(), y(a(Ce), {
+                        key: 0,
+                        class: "text-c-1 hover:bg-b-2 flex h-8 w-full justify-start gap-1.5 py-0 pl-6 text-xs",
+                        variant: "ghost",
+                        onClick: (o) => S(n.uid)
+                      }, {
+                        default: u(() => [
+                          s(a(H), {
+                            icon: "Add",
+                            size: "sm"
+                          }),
+                          t[2] || (t[2] = p("span", null, "Add Environment", -1))
                         ]),
-                        L(" " + T(((t = n.info) == null ? void 0 : t.title) ?? ""), 1)
-                      ], 8, Le),
-                      xe(b("div", {
-                        class: J({
-                          "before:bg-border relative mb-[.5px] before:pointer-events-none before:absolute before:top-0 before:left-3 before:z-1 before:h-[calc(100%_+_.5px)] before:w-[.5px] last:mb-0 last:before:h-full": Object.keys(n["x-scalar-environments"] || {}).length > 0
-                        })
-                      }, [
-                        (f(!0), O(K, null, G(n["x-scalar-environments"], (a, r) => (f(), _(P, {
-                          key: r,
-                          class: "text-xs",
-                          collectionId: n.uid,
-                          isCopyable: !1,
-                          isDeletable: !0,
-                          isRenameable: !0,
-                          isDraggable: !0,
-                          isDroppable: l(de),
-                          to: {
-                            name: "environment.collection",
-                            params: {
-                              [l(i).Collection]: n.uid,
-                              [l(i).Environment]: r
-                            }
-                          },
-                          type: "environment",
-                          variable: {
-                            name: r,
-                            uid: r,
-                            color: a.color ?? "#FFFFFF",
-                            isDefault: !1
-                          },
-                          warningMessage: "Are you sure you want to delete this environment?",
-                          onClick: he((m) => ie(m, r, n.uid), ["prevent"]),
-                          onColorModal: (m) => te(r),
-                          onDelete: (m) => ae(r),
-                          onRename: (m) => ne(r, n.uid),
-                          onOnDragEnd: l(ce)
-                        }, null, 8, ["collectionId", "isDroppable", "to", "variable", "onClick", "onColorModal", "onDelete", "onRename", "onOnDragEnd"]))), 128)),
-                        Object.keys(n["x-scalar-environments"] || {}).length === 0 ? (f(), _(l(ke), {
-                          key: 0,
-                          class: "text-c-1 hover:bg-b-2 flex h-8 w-full justify-start gap-1.5 py-0 pl-6 text-xs",
-                          variant: "ghost",
-                          onClick: (a) => $(n.uid)
-                        }, {
-                          default: c(() => [
-                            u(l(q), {
-                              icon: "Add",
-                              size: "sm"
-                            }),
-                            o[2] || (o[2] = b("span", null, "Add Environment", -1))
-                          ]),
-                          _: 2,
-                          __: [2]
-                        }, 1032, ["onClick"])) : H("", !0)
-                      ], 2), [
-                        [Ee, se(n.uid)]
-                      ])
-                    ]);
-                  }), 128))
+                        _: 2,
+                        __: [2]
+                      }, 1032, ["onClick"])) : T("", !0)
+                    ], 2), [
+                      [he, le(n.uid)]
+                    ])
+                  ]))), 128))
                 ]),
                 _: 1
               })
             ])
           ]),
-          button: c(() => [
-            u($e, {
-              click: $,
+          button: u(() => [
+            s(Se, {
+              click: S,
               hotkey: "N"
             }, {
-              title: c(() => o[3] || (o[3] = [
-                L(" Add Environment ")
+              title: u(() => t[3] || (t[3] = [
+                B(" Add Environment ")
               ])),
               _: 1
             })
           ]),
           _: 1
         }),
-        u(je, { class: "flex-1" }, {
-          default: c(() => [
-            u(Fe, null, Ce({
-              default: c(() => [
-                s.value && l(p) ? (f(), _(De, {
+        s(Oe, { class: "flex-1" }, {
+          default: u(() => [
+            s(je, null, Ee({
+              default: u(() => [
+                r.value && a(f) ? (d(), y(Me, {
                   key: 0,
                   class: "py-2 pr-2 pl-px md:px-4",
-                  envVariables: l(Q),
-                  environment: l(F),
+                  envVariables: a(P),
+                  environment: a(j),
                   language: "json",
                   lineNumbers: "",
                   lint: "",
-                  modelValue: le(),
-                  workspace: l(p),
-                  "onUpdate:modelValue": ee
-                }, null, 8, ["envVariables", "environment", "modelValue", "workspace"])) : H("", !0)
+                  modelValue: re(),
+                  workspace: a(f),
+                  "onUpdate:modelValue": Z
+                }, null, 8, ["envVariables", "environment", "modelValue", "workspace"])) : T("", !0)
               ]),
               _: 2
             }, [
-              s.value ? {
+              r.value ? {
                 name: "title",
-                fn: c(() => [
-                  b("span", null, T(re()), 1)
+                fn: u(() => [
+                  p("span", null, J(ae()), 1)
                 ]),
                 key: "0"
               } : void 0
@@ -394,29 +366,29 @@ const Be = { class: "flex-1" }, Le = ["onClick"], Ke = { class: "flex h-5 max-w-
           ]),
           _: 1
         }),
-        u(We, {
-          selectedColor: W.value,
-          state: l(M),
-          onCancel: o[0] || (o[0] = (n) => l(M).hide()),
-          onSubmit: oe
+        s(Re, {
+          selectedColor: R.value,
+          state: a(w),
+          onCancel: t[0] || (t[0] = (n) => a(w).hide()),
+          onSubmit: te
         }, null, 8, ["selectedColor", "state"]),
-        u(Ue, {
-          activeWorkspaceCollections: C.value,
-          collectionId: E.value,
-          state: l(D),
-          onCancel: o[1] || (o[1] = (n) => l(D).hide()),
-          onSubmit: Z
+        s(We, {
+          activeWorkspaceCollections: E.value,
+          collectionId: h.value,
+          state: a(M),
+          onCancel: t[1] || (t[1] = (n) => a(M).hide()),
+          onSubmit: Y
         }, null, 8, ["activeWorkspaceCollections", "collectionId", "state"]),
-        u(l(ge), {
+        s(a(ke), {
           size: "xxs",
-          state: l(I),
-          title: `Edit ${v.value}`
+          state: a(D),
+          title: `Edit ${m.value}`
         }, {
-          default: c(() => [
-            u(Ie, {
-              name: S.value ?? "",
-              onClose: ue,
-              onEdit: me
+          default: u(() => [
+            s(De, {
+              name: I.value ?? "",
+              onClose: se,
+              onEdit: ue
             }, null, 8, ["name"])
           ]),
           _: 1