@scalar/api-client 2.2.8 → 2.2.10

package/dist/views/Environment/EnvironmentColors.vue.js

@@ -1,16 +1,14 @@
-import { defineComponent as h, ref as v, computed as x, watch as w, openBlock as n, createElementBlock as c, normalizeClass as E, Fragment as b, renderList as z, createElementVNode as s, normalizeStyle as m, createBlock as g, unref as p, createCommentVNode as a, withDirectives as B, vModelText as $, createVNode as F, nextTick as I } from "vue";
-import { ScalarIcon as f } from "@scalar/components";
-const D = ["onClick"], V = {
-  key: 1,
-  class: "!py-0 flex flex-1 gap-2 items-center rounded"
-}, j = ["placeholder"], T = /* @__PURE__ */ h({
+import { defineComponent as F, ref as v, computed as I, watch as S, openBlock as t, createElementBlock as d, Fragment as w, normalizeClass as s, normalizeStyle as f, createBlock as h, unref as m, createCommentVNode as c, renderList as j, createElementVNode as n, withDirectives as D, vModelText as V, createVNode as $, nextTick as N } from "vue";
+import { ScalarIcon as p } from "@scalar/components";
+const R = ["onClick"], T = ["placeholder"], U = /* @__PURE__ */ F({
   __name: "EnvironmentColors",
   props: {
-    activeColor: {}
+    activeColor: {},
+    selector: { type: Boolean, default: !1 }
   },
   emits: ["select"],
-  setup(y) {
-    const u = y, t = v(!1), o = v(""), i = v(null), d = [
+  setup(x, { emit: E }) {
+    const e = x, z = E, o = v(""), C = v(null), a = v(!1), u = v(!1), k = [
       { color: "#8E8E8E" },
       { color: "#EF0006" },
       { color: "#EDBE20" },
@@ -19,75 +17,102 @@ const D = ["onClick"], V = {
       { color: "#0082D0" },
       { color: "#5203D1" },
       { color: "#FFC0CB" }
-    ], C = x(() => u.activeColor && !d.some((e) => e.color === u.activeColor) || o.value ? `background-color: ${u.activeColor || o.value};` : "background: linear-gradient(to right, rgb(235, 87, 87), rgb(242, 201, 76), rgb(76, 183, 130), rgb(78, 167, 252), rgb(250, 96, 122));"), k = () => {
-      t.value = !t.value, I(() => {
-        i.value && i.value.focus();
+    ], b = I(() => e.activeColor && !k.some((l) => l.color === e.activeColor) || o.value ? `background-color: ${e.activeColor || o.value};` : "background: linear-gradient(to right, rgb(235, 87, 87), rgb(242, 201, 76), rgb(76, 183, 130), rgb(78, 167, 252), rgb(250, 96, 122));"), y = () => {
+      a.value = !a.value, e.selector && (u.value = !1), N(() => {
+        C.value && C.value.focus();
       });
     };
-    return w(o, (e) => {
-      e && !e.startsWith("#") && (o.value = `#${e}`), t.value = !0;
-    }), (e, r) => (n(), c("div", {
-      class: E(["flex flex-row gap-1.5 items-center justify-between space-x-1 min-h-10 min-w-[296px] py-1", t.value ? "pl-2 pr-1.5" : "px-2"])
-    }, [
-      t.value ? a("", !0) : (n(), c(b, { key: 0 }, [
-        (n(), c(b, null, z(d, (l) => s("div", {
-          key: l.color,
-          class: "flex h-5 w-5 cursor-pointer items-center justify-center rounded-full",
-          style: m({ backgroundColor: l.color }),
-          onClick: (N) => e.$emit("select", l.color)
+    S(o, (l) => {
+      l && !l.startsWith("#") && (o.value = `#${l}`), a.value = !0;
+    });
+    const B = () => {
+      e.selector && (u.value = !u.value);
+    }, g = (l) => {
+      z("select", l), e.selector && (u.value = !1);
+    };
+    return (l, i) => (t(), d("div", null, [
+      a.value ? c("", !0) : (t(), d(w, { key: 0 }, [
+        e.selector && !u.value ? (t(), d("div", {
+          key: 0,
+          class: s(["flex cursor-pointer items-center justify-center rounded-full", e.selector ? "h-4 w-4" : "h-5 w-5"]),
+          style: f({ backgroundColor: l.activeColor }),
+          onClick: B
         }, [
-          e.activeColor === l.color && !o.value ? (n(), g(p(f), {
+          l.activeColor ? (t(), h(m(p), {
             key: 0,
-            class: "text-c-btn",
+            class: s(["text-c-btn", e.selector && "p-0.5"]),
             icon: "Checkmark",
             size: "xs"
-          })) : a("", !0)
-        ], 12, D)), 64)),
-        r[2] || (r[2] = s("hr", { class: "w-0.5 h-5 border-ghost border-l" }, null, -1)),
-        s("label", {
-          class: "cursor-pointer flex flex-row justify-center h-5 w-5 gap-2 items-center rounded-full z-10",
-          style: m(C.value),
-          onClick: k
+          }, null, 8, ["class"])) : c("", !0)
+        ], 6)) : c("", !0),
+        u.value || !e.selector ? (t(), d("div", {
+          key: 1,
+          class: s(["color-selector flex flex-row gap-1.5 items-center justify-between space-x-1", e.selector ? "h-4" : "min-h-10 min-w-[296px]"])
         }, [
-          !t.value && (e.activeColor === o.value || e.activeColor && !d.some((l) => l.color === e.activeColor)) ? (n(), g(p(f), {
-            key: 0,
-            class: "text-c-btn",
-            icon: "Checkmark",
-            size: "xs"
-          })) : a("", !0)
-        ], 4)
+          (t(), d(w, null, j(k, (r) => n("div", {
+            key: r.color,
+            class: s(["flex cursor-pointer items-center justify-center rounded-full", e.selector ? "h-4 w-4" : "h-5 w-5"]),
+            style: f({ backgroundColor: r.color }),
+            onClick: (L) => g(r.color)
+          }, [
+            l.activeColor === r.color && !o.value ? (t(), h(m(p), {
+              key: 0,
+              class: s(["text-c-btn", e.selector && "p-0.5"]),
+              icon: "Checkmark",
+              size: "xs"
+            }, null, 8, ["class"])) : c("", !0)
+          ], 14, R)), 64)),
+          i[2] || (i[2] = n("hr", { class: "w-0.5 h-5 border-ghost border-l" }, null, -1)),
+          n("label", {
+            class: s(["cursor-pointer flex flex-row justify-center gap-2 items-center rounded-full z-10", e.selector ? "h-4 w-4" : "h-5 w-5"]),
+            style: f(b.value),
+            onClick: y
+          }, [
+            !a.value && (l.activeColor === o.value || l.activeColor && !k.some((r) => r.color === l.activeColor)) ? (t(), h(m(p), {
+              key: 0,
+              class: "text-c-btn",
+              icon: "Checkmark",
+              size: "xs"
+            })) : c("", !0)
+          ], 6)
+        ], 2)) : c("", !0)
       ], 64)),
-      t.value ? (n(), c("div", V, [
-        r[3] || (r[3] = s("span", { class: "absolute border border-dashed h-5 w-5 rounded-full" }, null, -1)),
-        s("span", {
-          class: "h-5 w-5 rounded-full z-[1]",
-          style: m(C.value)
-        }, null, 4),
-        B(s("input", {
+      a.value ? (t(), d("div", {
+        key: 1,
+        class: s(["color-selector flex flex-1 gap-2 items-center rounded", e.selector ? "h-4" : "min-h-10"])
+      }, [
+        n("span", {
+          class: s(["absolute border border-dashed rounded-full", e.selector ? "h-4 w-4" : "h-5 w-5"])
+        }, null, 2),
+        n("span", {
+          class: s(["rounded-full z-[1]", e.selector ? "h-4 w-4" : "h-5 w-5"]),
+          style: f(b.value)
+        }, null, 6),
+        D(n("input", {
           ref_key: "customColorInputRef",
-          ref: i,
-          "onUpdate:modelValue": r[0] || (r[0] = (l) => o.value = l),
+          ref: C,
+          "onUpdate:modelValue": i[0] || (i[0] = (r) => o.value = r),
           class: "border-transparent flex-1 outline-none w-full text-sm",
-          placeholder: e.activeColor || "#000000",
+          placeholder: l.activeColor || "#000000",
           type: "text",
-          onInput: r[1] || (r[1] = (l) => e.$emit("select", o.value))
-        }, null, 40, j), [
-          [$, o.value]
+          onInput: i[1] || (i[1] = (r) => g(o.value))
+        }, null, 40, T), [
+          [V, o.value]
         ]),
-        s("button", {
+        n("button", {
           class: "text-c-3 hover:bg-b-2 p-1.5 rounded-lg",
           type: "button",
-          onClick: k
+          onClick: y
         }, [
-          F(p(f), {
+          $(m(p), {
             icon: "Checkmark",
             size: "xs"
           })
         ])
-      ])) : a("", !0)
-    ], 2));
+      ], 2)) : c("", !0)
+    ]));
   }
 });
 export {
-  T as default
+  U as default
 };

package/dist/views/Environment/EnvironmentModal.vue.d.ts

@@ -1,17 +1,24 @@
 import { type ModalState } from '@scalar/components';
+import type { Collection } from '@scalar/oas-utils/entities/spec';
 type __VLS_Props = {
     state: ModalState;
+    activeWorkspaceCollections: Collection[];
+    collectionId?: string;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     submit: (environment: {
         name: string;
         color: string;
+        type: string;
+        collectionId?: string;
     }) => any;
     cancel: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSubmit?: ((environment: {
         name: string;
         color: string;
+        type: string;
+        collectionId?: string;
     }) => any) | undefined;
     onCancel?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/views/Environment/EnvironmentModal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentModal.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Environment/EnvironmentModal.vue"],"names":[],"mappings":"AAkEA,OAAO,EACL,KAAK,UAAU,EAGhB,MAAM,oBAAoB,CAAA;AAO3B,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,UAAU,CAAA;CAClB,CAAC;;;cAKuC,MAAM;eAAS,MAAM;;;;;cAArB,MAAM;eAAS,MAAM;;;;AAoK9D,wBAQG"}
+{"version":3,"file":"EnvironmentModal.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Environment/EnvironmentModal.vue"],"names":[],"mappings":"AA8JA,OAAO,EACL,KAAK,UAAU,EAMhB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAQjE,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,UAAU,CAAA;IACjB,0BAA0B,EAAE,UAAU,EAAE,CAAA;IACxC,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAC;;;cAQU,MAAM;eACL,MAAM;cACP,MAAM;uBACG,MAAM;;;;;cAHf,MAAM;eACL,MAAM;cACP,MAAM;uBACG,MAAM;;;;AAmS3B,wBAQG"}

package/dist/views/Environment/EnvironmentModal.vue.js

@@ -1,52 +1,134 @@
-import { defineComponent as p, ref as m, watch as v, openBlock as f, createBlock as E, unref as s, withCtx as x, createElementVNode as C, createVNode as a } from "vue";
-import S from "../../components/Sidebar/Actions/SidebarListElementForm.vue.js";
-import { ScalarModal as V, ScalarTextField as b } from "@scalar/components";
-import _ from "./EnvironmentColors.vue.js";
-const w = { class: "flex flex-col gap-3" }, F = /* @__PURE__ */ p({
+import { defineComponent as _, ref as u, computed as h, watch as w, openBlock as m, createBlock as v, unref as i, withCtx as a, createVNode as s, createElementVNode as p, normalizeClass as I, toDisplayString as N, createTextVNode as T } from "vue";
+import $ from "../../components/CommandPalette/CommandActionForm.vue.js";
+import z from "../../components/CommandPalette/CommandActionInput.vue.js";
+import { ScalarModal as B, ScalarListbox as D, ScalarButton as C, ScalarIcon as U } from "@scalar/components";
+import { useToasts as W } from "@scalar/use-toasts";
+import j from "./EnvironmentColors.vue.js";
+import { useWorkspace as M } from "../../store/store.js";
+const P = { class: "flex gap-2 items-start" }, K = /* @__PURE__ */ _({
   __name: "EnvironmentModal",
   props: {
-    state: {}
+    state: {},
+    activeWorkspaceCollections: {},
+    collectionId: {}
   },
   emits: ["cancel", "submit"],
-  setup(i, { emit: u }) {
-    const c = i, r = u, o = m(""), l = m("#8E8E8E"), d = (t) => {
-      l.value = t;
+  setup(x, { emit: g }) {
+    const n = x, f = g, { events: E } = M(), r = u(""), c = u("#8E8E8E"), d = h(() => [
+      ...n.activeWorkspaceCollections.filter((t) => {
+        var e;
+        return ((e = t.info) == null ? void 0 : e.title) !== "Drafts";
+      }).map((t) => {
+        var e;
+        return {
+          id: t.uid,
+          label: ((e = t.info) == null ? void 0 : e.title) ?? "Untitled Collection"
+        };
+      })
+    ]), l = u(
+      d.value.find((t) => t.id === n.collectionId)
+    ), { toast: S } = W(), V = (t) => {
+      c.value = t;
     };
-    return v(
-      () => c.state.open,
+    w(
+      () => n.state.open,
       (t) => {
-        t && (o.value = "", l.value = "#8E8E8E");
+        t && (r.value = "", c.value = "#8E8E8E", n.collectionId ? l.value = d.value.find(
+          (e) => e.id === n.collectionId
+        ) : l.value = void 0);
       }
-    ), (t, e) => (f(), E(s(V), {
-      size: "xxs",
-      state: t.state,
-      title: "Add Environment"
+    );
+    const k = () => {
+      var t, e, o, b;
+      if (!((t = l.value) != null && t.id)) {
+        S("Please select a collection before adding an environment.", "error");
+        return;
+      }
+      f("submit", {
+        name: r.value,
+        color: c.value,
+        type: ((e = l.value) == null ? void 0 : e.id) === "global" ? "global" : "collection",
+        collectionId: ((o = l.value) == null ? void 0 : o.id) !== "global" ? (b = l.value) == null ? void 0 : b.id : void 0
+      });
+    }, y = () => {
+      n.state.hide(), E.commandPalette.emit({ commandName: "Create Collection" });
+    };
+    return (t, e) => (m(), v(i(B), {
+      bodyClass: "!border-t-0 !rounded-t-lg",
+      size: "xs",
+      state: t.state
     }, {
-      default: x(() => [
-        C("div", w, [
-          a(s(b), {
-            modelValue: o.value,
-            "onUpdate:modelValue": e[0] || (e[0] = (n) => o.value = n),
-            placeholder: "Environment name"
-          }, null, 8, ["modelValue"]),
-          a(_, {
-            activeColor: l.value,
-            class: "p-3 w-full",
-            onSelect: d
-          }, null, 8, ["activeColor"]),
-          a(S, {
-            onCancel: e[1] || (e[1] = (n) => r("cancel")),
-            onSubmit: e[2] || (e[2] = (n) => r("submit", {
-              name: o.value,
-              color: l.value
-            }))
-          })
-        ])
+      default: a(() => [
+        s($, {
+          disabled: !l.value,
+          onCancel: e[2] || (e[2] = (o) => f("cancel")),
+          onSubmit: k
+        }, {
+          options: a(() => [
+            s(i(D), {
+              modelValue: l.value,
+              "onUpdate:modelValue": e[1] || (e[1] = (o) => l.value = o),
+              options: d.value,
+              placeholder: "Select Type"
+            }, {
+              default: a(() => [
+                d.value.length > 0 ? (m(), v(i(C), {
+                  key: 0,
+                  class: "justify-between p-2 max-h-8 w-full gap-1 text-xs hover:bg-b-2 w-fit",
+                  variant: "outlined"
+                }, {
+                  default: a(() => [
+                    p("span", {
+                      class: I(l.value ? "text-c-1" : "text-c-3")
+                    }, N(l.value ? l.value.label : "Select Collection"), 3),
+                    s(i(U), {
+                      class: "text-c-3",
+                      icon: "ChevronDown",
+                      size: "xs"
+                    })
+                  ]),
+                  _: 1
+                })) : (m(), v(i(C), {
+                  key: 1,
+                  class: "justify-between p-2 max-h-8 gap-1 text-xs hover:bg-b-2",
+                  variant: "outlined",
+                  onClick: y
+                }, {
+                  default: a(() => e[3] || (e[3] = [
+                    p("span", { class: "text-c-1" }, "Create Collection", -1)
+                  ])),
+                  _: 1
+                }))
+              ]),
+              _: 1
+            }, 8, ["modelValue", "options"])
+          ]),
+          submit: a(() => e[4] || (e[4] = [
+            T("Add Environment")
+          ])),
+          default: a(() => [
+            p("div", P, [
+              s(j, {
+                activeColor: c.value,
+                class: "peer",
+                selector: "",
+                onSelect: V
+              }, null, 8, ["activeColor"]),
+              s(z, {
+                modelValue: r.value,
+                "onUpdate:modelValue": e[0] || (e[0] = (o) => r.value = o),
+                class: "!p-0 peer-has-[.color-selector]:hidden -mt-[.5px]",
+                placeholder: "Environment name"
+              }, null, 8, ["modelValue"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["disabled"])
       ]),
       _: 1
     }, 8, ["state"]));
   }
 });
 export {
-  F as default
+  K as default
 };

package/dist/views/Environment/EnvironmentVariableDropdown.vue.d.ts

@@ -1,10 +1,9 @@
-import type { ActiveEntitiesStore } from '../../store/active-entities.js';
-import type { Router } from 'vue-router';
+import { type EnvVariables } from '../../libs/env-helpers.js';
+import type { Environment } from '@scalar/oas-utils/entities/environment';
 type __VLS_Props = {
     query: string;
-    activeEnvironment: ActiveEntitiesStore['activeEnvironment'];
-    activeEnvVariables: ActiveEntitiesStore['activeEnvVariables'];
-    router: Router;
+    environment: Environment;
+    envVariables: EnvVariables;
     dropdownPosition?: {
         left: number;
         top: number;

package/dist/views/Environment/EnvironmentVariableDropdown.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentVariableDropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Environment/EnvironmentVariableDropdown.vue"],"names":[],"mappings":"AAgLA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAKlE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAIxC,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,iBAAiB,EAAE,mBAAmB,CAAC,mBAAmB,CAAC,CAAA;IAC3D,kBAAkB,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAA;IAC7D,MAAM,EAAE,MAAM,CAAA;IAEd,gBAAgB,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;CACjD,CAAC;;gCAkEiC,IAAI,GAAG,MAAM;;;;;;;AAuOhD,wBAQG"}
+{"version":3,"file":"EnvironmentVariableDropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Environment/EnvironmentVariableDropdown.vue"],"names":[],"mappings":"AA6KA,OAAO,EAAE,KAAK,YAAY,EAAe,MAAM,oBAAoB,CAAA;AAEnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AAQzE,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,YAAY,CAAA;IAE1B,gBAAgB,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;CACjD,CAAC;;gCAwDiC,IAAI,GAAG,MAAM;;;;;;;AAqPhD,wBAQG"}

package/dist/views/Environment/EnvironmentVariableDropdown.vue.js

@@ -1,116 +1,126 @@
-import { defineComponent as I, ref as d, computed as m, onMounted as P, openBlock as s, createBlock as h, unref as p, withCtx as w, createElementVNode as a, normalizeStyle as y, createElementBlock as f, Fragment as R, renderList as T, normalizeClass as j, createTextVNode as b, toDisplayString as x, createVNode as q, createCommentVNode as D } from "vue";
-import { ScalarTeleport as F, ScalarButton as K, ScalarIcon as O } from "@scalar/components";
-import { onClickOutside as L } from "@vueuse/core";
-import M from "fuse.js";
-import { parseEnvVariables as k } from "../../libs/environment-parser.js";
-const Q = { key: 0 }, $ = ["onClick"], G = { class: "flex items-center gap-1.5 whitespace-nowrap" }, H = { class: "w-20 overflow-hidden text-ellipsis text-right whitespace-nowrap" }, oe = /* @__PURE__ */ I({
+import { defineComponent as R, ref as m, computed as h, onMounted as I, openBlock as r, createBlock as v, unref as l, withCtx as x, createElementVNode as c, normalizeStyle as y, createElementBlock as u, Fragment as P, renderList as T, normalizeClass as j, createTextVNode as b, toDisplayString as k, createVNode as q, createCommentVNode as g } from "vue";
+import { getEnvColor as D } from "../../libs/env-helpers.js";
+import { ScalarTeleport as F, ScalarIcon as V, ScalarButton as K } from "@scalar/components";
+import { onClickOutside as O } from "@vueuse/core";
+import G from "fuse.js";
+import { useRouter as L } from "vue-router";
+import { parseEnvVariables as _ } from "../../libs/environment-parser.js";
+const M = {
+  key: 0,
+  class: "flex flex-col gap-px"
+}, Q = ["onClick"], $ = { class: "flex items-center gap-1.5 whitespace-nowrap" }, H = { class: "w-20 overflow-hidden text-ellipsis text-right whitespace-nowrap" }, ne = /* @__PURE__ */ R({
   __name: "EnvironmentVariableDropdown",
   props: {
     query: {},
-    activeEnvironment: {},
-    activeEnvVariables: {},
-    router: {},
+    environment: {},
+    envVariables: {},
     dropdownPosition: {}
   },
   emits: ["select"],
-  setup(g, { expose: V, emit: E }) {
-    const r = g, _ = E, c = d(!0), u = d(null), n = d(0), C = () => {
-      const e = z.value.params.workspace;
-      S({
+  setup(C, { expose: S, emit: E }) {
+    const s = C, z = E, d = m(!0), p = m(null), n = m(0), f = L(), A = () => {
+      if (!f) return;
+      const { currentRoute: t, push: o } = f, e = t.value.params.workspace;
+      o({
         name: "environment.default",
         params: {
           workspace: e
         }
-      }), c.value = !1;
-    }, { push: S, currentRoute: z } = r.router, A = new M(k(r.activeEnvVariables.value), {
+      }), d.value = !1;
+    }, B = new G(_(s.envVariables), {
       keys: ["key", "value"]
-    }), i = m(() => {
-      const e = r.query;
-      if (!e)
-        return k(r.activeEnvVariables.value).slice(-4).filter(({ key: t, value: l }) => t !== "" || l !== "");
-      const o = A.search(e, { limit: 10 });
-      return o.length > 0 ? o.map((t) => t.item).filter(({ key: t, value: l }) => t !== "" || l !== "") : [];
-    }), v = (e) => {
-      _("select", e);
-    }, B = (e) => e.value ? e.value.color : "#8E8E8E";
-    V({
-      handleArrowKey: (e) => {
-        const o = e === "up" ? -1 : 1, t = i.value.length;
-        t !== 0 && (n.value = (n.value + o + t) % t);
+    }), i = h(() => {
+      const t = s.query;
+      if (!t)
+        return _(s.envVariables).slice(-4).filter(({ key: e, value: a }) => e !== "" || a !== "");
+      const o = B.search(t, { limit: 10 });
+      return o.length > 0 ? o.map((e) => e.item).filter(({ key: e, value: a }) => e !== "" || a !== "") : [];
+    }), w = (t) => {
+      z("select", t);
+    };
+    S({
+      handleArrowKey: (t) => {
+        const o = t === "up" ? -1 : 1, e = i.value.length;
+        e !== 0 && (n.value = (n.value + o + e) % e);
       },
       handleSelect: () => {
         if (n.value >= 0) {
-          const e = i.value[n.value];
-          e && v(e.key);
+          const t = i.value[n.value];
+          t && w(t.key);
         }
       }
-    }), P(() => {
+    }), I(() => {
       n.value = 0;
     });
-    const N = m(() => {
-      var e, o;
+    const N = h(() => {
+      var t, o;
       return {
-        left: (((e = r.dropdownPosition) == null ? void 0 : e.left) ?? 0) + "px",
+        left: (((t = s.dropdownPosition) == null ? void 0 : t.left) ?? 0) + "px",
         // Add a 5px offset from the editor
-        top: (((o = r.dropdownPosition) == null ? void 0 : o.top) ?? 0) + 5 + "px"
+        top: (((o = s.dropdownPosition) == null ? void 0 : o.top) ?? 0) + 5 + "px"
       };
     });
-    return L(
-      u,
+    return O(
+      p,
       () => {
-        c.value = !1;
+        d.value = !1;
       },
-      { ignore: [u] }
-    ), (e, o) => c.value ? (s(), h(p(F), {
+      { ignore: [p] }
+    ), (t, o) => d.value ? (r(), v(l(F), {
       key: 0,
       class: "scalar-client"
     }, {
-      default: w(() => [
-        a("div", {
+      default: x(() => [
+        c("div", {
           ref_key: "dropdownRef",
-          ref: u,
+          ref: p,
           class: "fixed left-0 top-0 flex flex-col p-0.75 max-h-[60svh] w-56 rounded border custom-scroll",
           style: y(N.value)
         }, [
-          i.value.length ? (s(), f("ul", Q, [
-            (s(!0), f(R, null, T(i.value, (t, l) => (s(), f("li", {
-              key: t.key,
-              class: j(["h-8 font-code text-xxs hover:bg-b-2 flex cursor-pointer items-center justify-between gap-1.5 rounded p-1.5 transition-colors duration-150", { "bg-b-2": l === n.value }]),
-              onClick: (W) => v(t.key)
+          i.value.length ? (r(), u("ul", M, [
+            (r(!0), u(P, null, T(i.value, (e, a) => (r(), u("li", {
+              key: e.key,
+              class: j(["h-8 font-code text-xxs hover:bg-b-2 flex cursor-pointer items-center justify-between gap-1.5 rounded p-1.5 transition-colors duration-150", { "bg-b-2": a === n.value }]),
+              onClick: (W) => w(e.key)
             }, [
-              a("div", G, [
-                a("span", {
+              c("div", $, [
+                e.source === "collection" ? (r(), u("span", {
+                  key: 0,
                   class: "h-2.5 w-2.5 min-w-2.5 rounded-full",
                   style: y({
-                    backgroundColor: B(e.activeEnvironment)
+                    backgroundColor: l(D)(t.environment)
                   })
-                }, null, 4),
-                b(" " + x(t.key), 1)
+                }, null, 4)) : (r(), v(l(V), {
+                  key: 1,
+                  class: "w-2.5",
+                  icon: "Globe"
+                })),
+                b(" " + k(e.key), 1)
               ]),
-              a("span", H, x(t.value), 1)
-            ], 10, $))), 128))
-          ])) : (s(), h(p(K), {
+              c("span", H, k(e.value), 1)
+            ], 10, Q))), 128))
+          ])) : l(f) ? (r(), v(l(K), {
             key: 1,
             class: "font-code text-xxs hover:bg-b-2 flex h-8 w-full justify-start gap-2 px-1.5 transition-colors duration-150",
             variant: "secondary",
-            onClick: C
+            onClick: A
           }, {
-            default: w(() => [
-              q(p(O), {
+            default: x(() => [
+              q(l(V), {
                 icon: "Add",
                 size: "sm"
               }),
               o[0] || (o[0] = b(" Add Variable "))
             ]),
             _: 1
-          })),
-          o[1] || (o[1] = a("div", { class: "absolute inset-0 -z-1 rounded bg-b-1 shadow-lg brightness-lifted" }, null, -1))
+          })) : g("", !0),
+          o[1] || (o[1] = c("div", { class: "absolute inset-0 -z-1 rounded bg-b-1 shadow-lg brightness-lifted" }, null, -1))
         ], 4)
       ]),
       _: 1
-    })) : D("", !0);
+    })) : g("", !0);
   }
 });
 export {
-  oe as default
+  ne as default
 };

package/dist/views/Request/Request.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Request.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/Request.vue"],"names":[],"mappings":";;cAmQ8B,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;;AA0XjD,wBAMG"}
+{"version":3,"file":"Request.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/Request.vue"],"names":[],"mappings":";;cAuQ8B,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;;AA8XjD,wBAMG"}

package/dist/views/Request/Request.vue.js

@@ -1,7 +1,7 @@
 import o from "./Request.vue2.js";
 /* empty css             */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5f5d9e27"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c563efae"]]);
 export {
-  m as default
+  f as default
 };