@scalar/api-client 2.9.0 → 2.10.0

package/dist/v2/features/environments/components/EnvironmentCreateModal.vue.js

@@ -1,55 +1,77 @@
-import { defineComponent as f, ref as i, createBlock as v, openBlock as F, unref as C, withCtx as a, createVNode as n, createElementVNode as b, createTextVNode as _ } from "vue";
-import { ScalarModal as x } from "@scalar/components";
-import V from "../../../../components/CommandPalette/CommandActionForm.vue.js";
-import S from "../../../../components/CommandPalette/CommandActionInput.vue.js";
-import E from "./EnvironmentColors.vue.js";
-const N = { class: "flex items-start gap-2" }, M = /* @__PURE__ */ f({
+import { defineComponent as f, ref as r, watch as N, computed as E, createBlock as y, openBlock as c, unref as h, withCtx as a, createVNode as m, createElementVNode as C, createElementBlock as b, createCommentVNode as x, createTextVNode as T, toDisplayString as F } from "vue";
+import { ScalarModal as V } from "@scalar/components";
+import k from "../../../../components/CommandPalette/CommandActionForm.vue.js";
+import B from "../../../../components/CommandPalette/CommandActionInput.vue.js";
+import S from "./EnvironmentColors.vue.js";
+const O = { class: "flex items-start gap-2" }, g = {
+  key: 0,
+  class: "text-red text-xs"
+}, s = "#FFFFFF", w = /* @__PURE__ */ f({
   __name: "EnvironmentCreateModal",
   props: {
-    state: {}
+    environments: {},
+    selectedEnvironmentName: {},
+    state: {},
+    eventBus: {},
+    collectionType: {}
   },
-  emits: ["cancel", "submit"],
-  setup(d, { emit: u }) {
-    const r = u, e = i(""), o = i("#FFFFFF"), s = () => {
-      e.value = "", o.value = "#FFFFFF";
-    }, m = () => {
-      r("cancel"), s();
-    }, c = () => {
-      e.value.trim() && (r("submit", {
-        name: e.value.trim(),
-        color: o.value
-      }), s(), d.state.hide());
-    };
-    return (p, t) => (F(), v(C(x), {
+  setup(e) {
+    const t = r(""), n = r(s);
+    N(
+      () => e.state.open,
+      (l) => {
+        if (l) {
+          const o = e.environments[e.selectedEnvironmentName ?? ""];
+          e.selectedEnvironmentName && o ? (t.value = e.selectedEnvironmentName, n.value = o.color) : (t.value = "", n.value = s);
+        }
+      }
+    );
+    const d = (l) => {
+      n.value = l;
+    }, v = () => {
+      e.selectedEnvironmentName ? e.eventBus.emit("environment:upsert:environment", {
+        oldEnvironmentName: e.selectedEnvironmentName,
+        payload: {
+          color: n.value
+        },
+        environmentName: t.value.trim(),
+        collectionType: e.collectionType
+      }) : e.eventBus.emit("environment:upsert:environment", {
+        environmentName: t.value.trim(),
+        payload: {
+          color: n.value
+        },
+        collectionType: e.collectionType
+      }), e.state.hide();
+    }, i = E(() => e.selectedEnvironmentName ? t.value !== e.selectedEnvironmentName && Object.keys(e.environments).includes(t.value) : Object.keys(e.environments).includes(t.value));
+    return (l, o) => (c(), y(h(V), {
       bodyClass: "border-t-0 rounded-t-lg",
       size: "xs",
-      state: p.state,
-      onClose: m
+      state: l.state
     }, {
       default: a(() => [
-        n(V, {
-          disabled: !e.value.trim(),
-          onCancel: m,
-          onSubmit: c
+        m(k, {
+          disabled: !t.value.trim() || i.value,
+          onSubmit: v
         }, {
-          submit: a(() => [...t[2] || (t[2] = [
-            _("Add Environment", -1)
-          ])]),
+          submit: a(() => [
+            T(F(l.selectedEnvironmentName ? "Update" : "Add") + " Environment ", 1)
+          ]),
           default: a(() => [
-            b("div", N, [
-              n(E, {
-                activeColor: o.value,
+            C("div", O, [
+              m(S, {
+                activeColor: n.value,
                 class: "peer",
-                selector: "",
-                onSelect: t[0] || (t[0] = (l) => o.value = l)
+                onSelect: d
               }, null, 8, ["activeColor"]),
-              n(S, {
-                modelValue: e.value,
-                "onUpdate:modelValue": t[1] || (t[1] = (l) => e.value = l),
+              m(B, {
+                modelValue: t.value,
+                "onUpdate:modelValue": o[0] || (o[0] = (u) => t.value = u),
                 class: "-mt-[.5px] !p-0 peer-has-[.color-selector]:hidden",
                 placeholder: "Environment name"
               }, null, 8, ["modelValue"])
-            ])
+            ]),
+            i.value ? (c(), b("div", g, " This environment name is already in use. ")) : x("", !0)
           ]),
           _: 1
         }, 8, ["disabled"])
@@ -59,5 +81,5 @@ const N = { class: "flex items-start gap-2" }, M = /* @__PURE__ */ f({
   }
 });
 export {
-  M as default
+  w as default
 };

package/dist/v2/features/environments/components/EnvironmentDeleteModal.vue.d.ts

@@ -1,7 +1,7 @@
 import { type ModalState } from '@scalar/components';
 type __VLS_Props = {
     state: ModalState;
-    name: string;
+    name: string | null;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     submit: () => any;

package/dist/v2/features/environments/components/EnvironmentDeleteModal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentDeleteModal.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/environments/components/EnvironmentDeleteModal.vue"],"names":[],"mappings":"AAoDA,OAAO,EAA6B,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAE/E,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,UAAU,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;CACb,CAAC;;;;;;;;AAwHF,wBAOG"}
+{"version":3,"file":"EnvironmentDeleteModal.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/environments/components/EnvironmentDeleteModal.vue"],"names":[],"mappings":"AAoDA,OAAO,EAA6B,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAE/E,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,UAAU,CAAA;IACjB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;CACpB,CAAC;;;;;;;;AAwHF,wBAOG"}

package/dist/v2/features/environments/components/EnvironmentDeleteModal.vue.js

@@ -1,10 +1,10 @@
 import { defineComponent as m, createBlock as u, openBlock as f, unref as n, withCtx as o, createElementVNode as a, createVNode as l, createTextVNode as i } from "vue";
 import { ScalarModal as p, ScalarButton as r } from "@scalar/components";
-const x = { class: "flex justify-between" }, y = /* @__PURE__ */ m({
+const x = { class: "flex justify-between" }, k = /* @__PURE__ */ m({
   __name: "EnvironmentDeleteModal",
   props: {
     state: {},
-    name: {}
+    name: { default: "unknown" }
   },
   emits: ["cancel", "submit"],
   setup(b, { emit: d }) {
@@ -49,5 +49,5 @@ const x = { class: "flex justify-between" }, y = /* @__PURE__ */ m({
   }
 });
 export {
-  y as default
+  k as default
 };

package/dist/v2/features/environments/components/EnvironmentVariablesDropdown.vue.d.ts

@@ -0,0 +1,21 @@
+import type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
+type __VLS_Props = {
+    query: string;
+    environment: XScalarEnvironment;
+    dropdownPosition?: {
+        left: number;
+        top: number;
+    };
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    handleArrowKey: (direction: "up" | "down") => void;
+    handleSelect: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    select: (variable: string) => any;
+    redirect: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((variable: string) => any) | undefined;
+    onRedirect?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=EnvironmentVariablesDropdown.vue.d.ts.map

package/dist/v2/features/environments/components/EnvironmentVariablesDropdown.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnvironmentVariablesDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/environments/components/EnvironmentVariablesDropdown.vue"],"names":[],"mappings":"AAkKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AAKnH,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,kBAAkB,CAAA;IAC/B,gBAAgB,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;CACjD,CAAC;;gCAqDiC,IAAI,GAAG,MAAM;;;;;;;;;AA0OhD,wBAQG"}

package/dist/v2/features/environments/components/EnvironmentVariablesDropdown.vue.js

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

package/dist/v2/features/environments/components/EnvironmentVariablesDropdown.vue2.js

@@ -0,0 +1,4 @@
+import f from "./EnvironmentVariablesDropdown.vue.js";
+export {
+  f as default
+};

package/dist/v2/features/environments/components/EnvironmentVariablesTable.vue.d.ts

@@ -1,23 +1,10 @@
-import type { Environment } from '@scalar/oas-utils/entities/environment';
-import type { EnvVariable } from '../../../../store/index.js';
-type TableRow = {
-    name: string;
-    value: string;
-};
+import type { CollectionType, WorkspaceEventBus } from '@scalar/workspace-store/events';
+import type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
 type __VLS_Props = {
-    data: TableRow[];
-    /** TODO: remove once we migrate */
-    environment: Environment;
-    envVariables: EnvVariable[];
-};
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    updateRow: (index: number, payload: Partial<TableRow>) => any;
-    addRow: (payload: Partial<TableRow>) => any;
-    deleteRow: (index: number) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onUpdateRow?: ((index: number, payload: Partial<TableRow>) => any) | undefined;
-    onAddRow?: ((payload: Partial<TableRow>) => any) | undefined;
-    onDeleteRow?: ((index: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    environment: XScalarEnvironment;
+    environmentName: string;
+    eventBus: WorkspaceEventBus;
+} & CollectionType;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=EnvironmentVariablesTable.vue.d.ts.map

package/dist/v2/features/environments/components/EnvironmentVariablesTable.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentVariablesTable.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/environments/components/EnvironmentVariablesTable.vue"],"names":[],"mappings":"AAyJA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AAUzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,KAAK,QAAQ,GAAG;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,QAAQ,EAAE,CAAA;IAEhB,mCAAmC;IACnC,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;CAC5B,CAAC;;;;;;;;;;AAqTF,wBAOG"}
+{"version":3,"file":"EnvironmentVariablesTable.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/environments/components/EnvironmentVariablesTable.vue"],"names":[],"mappings":"AAgMA,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EAClB,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AAWnH,KAAK,WAAW,GAAG;IACf,WAAW,EAAE,kBAAkB,CAAA;IAC/B,eAAe,EAAE,MAAM,CAAA;IACvB,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,GAAG,cAAc,CAAC;;AAkVrB,wBAMG"}

package/dist/v2/features/environments/components/EnvironmentVariablesTable.vue.js

@@ -1,7 +1,7 @@
-import o from "./EnvironmentVariablesTable.vue2.js";
+import a from "./EnvironmentVariablesTable.vue2.js";
 /* empty css                               */
-import r from "../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-265cc80b"]]);
+import o from "../../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ o(a, [["__scopeId", "data-v-572665aa"]]);
 export {
   m as default
 };

package/dist/v2/features/environments/components/EnvironmentVariablesTable.vue2.js

@@ -1,122 +1,136 @@
-import { defineComponent as h, computed as x, createBlock as b, openBlock as u, unref as e, withCtx as n, createVNode as l, createElementBlock as C, createTextVNode as m, Fragment as R, renderList as T } from "vue";
-import { ScalarButton as _ } from "@scalar/components";
-import { ScalarIconTrash as y } from "@scalar/icons";
-import B from "../../../../components/DataTable/DataTable.vue.js";
-import v from "../../../../components/DataTable/DataTableRow.vue.js";
-import s from "../../../../components/DataTable/DataTableHeader.vue.js";
-import f from "../../../../components/DataTable/DataTableCell.vue.js";
-import V from "../../../../components/CodeInput/CodeInput.vue.js";
-const S = /* @__PURE__ */ h({
+import { defineComponent as h, computed as y, createBlock as s, openBlock as u, unref as a, withCtx as r, createVNode as i, createElementBlock as T, createTextVNode as v, Fragment as C, renderList as k, createCommentVNode as B } from "vue";
+import { ScalarButton as w } from "@scalar/components";
+import { ScalarIconTrash as I } from "@scalar/icons";
+import R from "../../../components/data-table/DataTable.vue.js";
+import b from "../../../components/data-table/DataTableRow.vue.js";
+import c from "../../../components/data-table/DataTableHeader.vue.js";
+import d from "../../../components/data-table/DataTableCell.vue.js";
+import p from "../../../components/code-input/CodeInput.vue.js";
+const W = /* @__PURE__ */ h({
   __name: "EnvironmentVariablesTable",
   props: {
-    data: {},
     environment: {},
-    envVariables: {}
+    environmentName: {},
+    eventBus: {},
+    collectionType: {}
   },
-  emits: ["addRow", "updateRow", "deleteRow"],
-  setup(r, { emit: g }) {
-    const i = g, k = x(() => {
-      const a = r.data.at(-1);
-      return !a || a.name !== "" || a.value !== "" ? [...r.data, { name: "", value: "", domain: "", isDisabled: !0 }] : r.data;
-    }), p = ({
-      index: a,
-      payload: t
-    }) => {
-      if (a >= r.data.length) {
-        i("addRow", t);
-        return;
+  setup(n) {
+    const V = ["1fr", "1fr", "36px"], N = y(() => {
+      const t = n.environment.variables.map((l) => ({
+        name: l.name,
+        value: typeof l.value == "string" ? l.value : l.value.default
+      })), e = n.environment.variables.at(-1), o = e && (e.name !== "" || e.value !== "");
+      return !e || o ? [...t, { name: "", value: "" }] : t;
+    }), f = (t, e, o) => {
+      const l = o >= n.environment.variables.length;
+      if (!(!t && l)) {
+        if (o >= n.environment.variables.length) {
+          n.eventBus.emit("environment:upsert:environment-variable", {
+            environmentName: n.environmentName,
+            variable: { name: t, value: e },
+            collectionType: n.collectionType
+          });
+          return;
+        }
+        n.eventBus.emit("environment:upsert:environment-variable", {
+          environmentName: n.environmentName,
+          variable: { name: t, value: e },
+          index: o,
+          collectionType: n.collectionType
+        });
       }
-      i("updateRow", a, t);
-    }, w = ["1fr", "1fr", "36px"];
-    return (a, t) => (u(), b(e(B), {
-      class: "group/table data-table h-min flex-1 rounded border",
-      columns: w
+    }, g = (t) => n.eventBus.emit("environment:delete:environment-variable", {
+      environmentName: n.environmentName,
+      index: t,
+      collectionType: n.collectionType
+    });
+    return (t, e) => (u(), s(a(R), {
+      class: "group/table data-table h-min flex-1 rounded",
+      columns: V
     }, {
-      default: n(() => [
-        l(e(v), { class: "sr-only !block" }, {
-          default: n(() => [
-            l(e(s), null, {
-              default: n(() => [...t[0] || (t[0] = [
-                m("Name", -1)
+      default: r(() => [
+        i(a(b), { class: "sr-only !block" }, {
+          default: r(() => [
+            i(a(c), null, {
+              default: r(() => [...e[0] || (e[0] = [
+                v("Name", -1)
               ])]),
               _: 1
             }),
-            l(e(s), null, {
-              default: n(() => [...t[1] || (t[1] = [
-                m("Value", -1)
+            i(a(c), null, {
+              default: r(() => [...e[1] || (e[1] = [
+                v("Value", -1)
               ])]),
               _: 1
             }),
-            l(e(s), null, {
-              default: n(() => [...t[2] || (t[2] = [
-                m("Actions", -1)
+            i(a(c), null, {
+              default: r(() => [...e[2] || (e[2] = [
+                v("Actions", -1)
               ])]),
               _: 1
             })
           ]),
           _: 1
         }),
-        (u(!0), C(R, null, T(k.value, (c, o) => (u(), b(e(v), {
-          id: o,
-          key: o,
+        (u(!0), T(C, null, k(N.value, (o, l) => (u(), s(a(b), {
+          key: l,
           class: "group/row"
         }, {
-          default: n(() => [
-            l(e(f), null, {
-              default: n(() => [
-                l(e(V), {
-                  "aria-label": "Cookie Name",
+          default: r(() => [
+            i(a(d), null, {
+              default: r(() => [
+                i(a(p), {
+                  "aria-label": "Environment Variable Name",
                   disableCloseBrackets: "",
                   disableTabIndent: "",
-                  envVariables: a.envVariables,
-                  environment: a.environment,
+                  environment: void 0,
                   lineWrapping: "",
-                  modelValue: c.name,
+                  modelValue: o.name,
                   placeholder: "Name",
-                  "onUpdate:modelValue": (d) => p({ index: o, payload: { name: d } })
-                }, null, 8, ["envVariables", "environment", "modelValue", "onUpdate:modelValue"])
+                  "onUpdate:modelValue": (m) => f(m, o.value, l)
+                }, null, 8, ["modelValue", "onUpdate:modelValue"])
               ]),
               _: 2
             }, 1024),
-            l(e(f), null, {
-              default: n(() => [
-                l(e(V), {
-                  "aria-label": "Cookie Value",
+            i(a(d), null, {
+              default: r(() => [
+                i(a(p), {
+                  "aria-label": "Environment Variable Value",
                   disableTabIndent: "",
-                  envVariables: a.envVariables,
-                  environment: a.environment,
+                  environment: void 0,
                   lineWrapping: "",
-                  modelValue: c.value,
+                  modelValue: o.value,
                   placeholder: "Value",
-                  "onUpdate:modelValue": (d) => p({ index: o, payload: { value: d } })
-                }, null, 8, ["envVariables", "environment", "modelValue", "onUpdate:modelValue"])
+                  "onUpdate:modelValue": (m) => f(o.name, m, l)
+                }, null, 8, ["modelValue", "onUpdate:modelValue"])
               ]),
               _: 2
             }, 1024),
-            l(e(f), { class: "flex items-center justify-center" }, {
-              default: n(() => [
-                l(e(_), {
+            i(a(d), { class: "flex items-center justify-center" }, {
+              default: r(() => [
+                l < t.environment.variables.length ? (u(), s(a(w), {
+                  key: 0,
                   class: "text-c-2 hover:text-c-1 hover:bg-b-2 hidden h-fit rounded p-1 group-focus-within:flex group-hover/row:flex",
                   size: "sm",
                   variant: "ghost",
-                  onClick: (d) => i("deleteRow", o)
+                  onClick: (m) => g(l)
                 }, {
-                  default: n(() => [
-                    l(e(y), { class: "size-3.5" })
+                  default: r(() => [
+                    i(a(I), { class: "size-3.5" })
                   ]),
                   _: 1
-                }, 8, ["onClick"])
+                }, 8, ["onClick"])) : B("", !0)
               ]),
               _: 2
             }, 1024)
           ]),
           _: 2
-        }, 1032, ["id"]))), 128))
+        }, 1024))), 128))
       ]),
       _: 1
     }));
   }
 });
 export {
-  S as default
+  W as default
 };

package/dist/v2/features/environments/index.d.ts

@@ -1,5 +1,2 @@
-/** biome-ignore-all lint/performance/noBarrelFile: It's an entry point for this feature */
-export type { Environment, EnvironmentVariable } from './components/Environment.vue.js';
-export { default as Environments } from './Environments.vue.js';
 export { default as EnvironmentsList } from './EnvironmentsList.vue.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/v2/features/environments/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/environments/index.ts"],"names":[],"mappings":"AAAA,2FAA2F;AAE3F,YAAY,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAA;AACpF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/environments/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAA"}

package/dist/v2/features/environments/index.js

@@ -1,6 +1,4 @@
-import { default as n } from "./Environments.vue.js";
-import { default as r } from "./EnvironmentsList.vue.js";
+import { default as n } from "./EnvironmentsList.vue.js";
 export {
-  n as Environments,
-  r as EnvironmentsList
+  n as EnvironmentsList
 };