@scalar/api-client 2.3.26 → 2.3.27

package/dist/components/DataTable/DataTableInput.vue2.js

@@ -1,12 +1,12 @@
-import { defineComponent as b, ref as d, computed as C, openBlock as n, createBlock as s, normalizeClass as B, withCtx as $, createElementBlock as u, renderSlot as i, createTextVNode as g, createCommentVNode as p, createElementVNode as O, Fragment as I, mergeProps as v, unref as h } from "vue";
+import { defineComponent as b, ref as d, computed as g, openBlock as n, createBlock as s, normalizeClass as B, withCtx as C, createElementBlock as i, renderSlot as u, createTextVNode as $, createCommentVNode as p, createElementVNode as O, Fragment as I, mergeProps as y, unref as h } from "vue";
 import { ScalarIconButton as A } from "@scalar/components";
-import q from "../CodeInput/CodeInput.vue.js";
-import E from "./DataTableCell.vue.js";
-import F from "./DataTableInputSelect.vue.js";
-const S = ["for"], T = { class: "row-1 overflow-x-auto" }, N = ["readOnly", "type", "value"], P = {
+import W from "../CodeInput/CodeInput.vue.js";
+import q from "./DataTableCell.vue.js";
+import E from "./DataTableInputSelect.vue.js";
+const F = ["for"], S = { class: "row-1 relative min-w-0" }, T = ["readOnly", "type", "value"], N = {
   key: 1,
   class: "centered-y text-orange absolute right-7 text-xs"
-}, W = /* @__PURE__ */ b({
+}, L = /* @__PURE__ */ b({
   inheritAttrs: !1,
   __name: "DataTableInput",
   props: {
@@ -23,64 +23,67 @@ const S = ["for"], T = { class: "row-1 overflow-x-auto" }, N = ["readOnly", "typ
     environment: {},
     envVariables: {},
     workspace: {},
-    description: {}
+    description: {},
+    lineWrapping: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "inputFocus", "inputBlur", "selectVariable"],
-  setup(y, { emit: c }) {
-    const o = y, r = c, t = d(!0), V = d(!1), m = d(null), w = () => {
-      V.value || r("inputBlur");
-    }, f = C(
-      () => o.type === "password" ? t.value ? "password" : "text" : o.type ?? "text"
+  setup(v, { emit: c }) {
+    const a = v, t = c, r = d(!0), w = d(!1), m = d(null), V = () => {
+      w.value || t("inputBlur");
+    }, f = g(
+      () => a.type === "password" ? "text" : a.type ?? "text"
     ), k = () => {
       var e, l;
-      !((e = o.enum) != null && e.length) && !o.readOnly && ((l = m.value) == null || l.focus());
+      !((e = a.enum) != null && e.length) && !a.readOnly && ((l = m.value) == null || l.focus());
     };
-    return (e, l) => (n(), s(E, {
+    return (e, l) => (n(), s(q, {
       class: B(["row relative", e.containerClass])
     }, {
-      default: $(() => [
-        e.$slots.default ? (n(), u("div", {
+      default: C(() => [
+        e.$slots.default ? (n(), i("div", {
           key: 0,
           class: "text-c-1 flex items-center pl-3 pr-0",
           for: e.id ?? "",
           onClick: k
         }, [
-          i(e.$slots, "default", {}, void 0, !0),
-          l[5] || (l[5] = g(": "))
-        ], 8, S)) : p("", !0),
-        O("div", T, [
-          o.enum && o.enum.length ? (n(), s(F, {
+          u(e.$slots, "default", {}, void 0, !0),
+          l[5] || (l[5] = $(": "))
+        ], 8, F)) : p("", !0),
+        O("div", S, [
+          a.enum && a.enum.length ? (n(), s(E, {
             key: 0,
-            canAddCustomValue: o.canAddCustomEnumValue,
-            modelValue: o.modelValue,
-            value: o.enum,
-            "onUpdate:modelValue": l[0] || (l[0] = (a) => r("update:modelValue", a))
-          }, null, 8, ["canAddCustomValue", "modelValue", "value"])) : (n(), u(I, { key: 1 }, [
-            t.value && e.type === "password" ? (n(), u("input", v({ key: 0 }, e.id ? { ...e.$attrs, id: e.id } : e.$attrs, {
+            canAddCustomValue: a.canAddCustomEnumValue,
+            modelValue: a.modelValue,
+            value: a.enum,
+            "onUpdate:modelValue": l[0] || (l[0] = (o) => t("update:modelValue", o))
+          }, null, 8, ["canAddCustomValue", "modelValue", "value"])) : (n(), i(I, { key: 1 }, [
+            r.value && e.type === "password" ? (n(), i("input", y({ key: 0 }, e.id ? { ...e.$attrs, id: e.id } : e.$attrs, {
               autocomplete: "off",
-              class: "text-c-1 disabled:text-c-2 py-1.25 peer w-full min-w-0 border-none px-2 -outline-offset-1",
+              class: ["text-c-1 disabled:text-c-2 py-1.25 peer w-full min-w-0 border-none px-2 -outline-offset-1", { "scalar-password-input": e.type === "password" }],
               "data-1p-ignore": "",
               readOnly: e.readOnly,
               spellcheck: "false",
               type: f.value,
               value: e.modelValue,
-              onInput: l[1] || (l[1] = (a) => r(
+              onInput: l[1] || (l[1] = (o) => t(
                 "update:modelValue",
-                a.target.value ?? ""
+                o.target.value ?? ""
               ))
-            }), null, 16, N)) : (n(), s(q, v({ key: 1 }, e.$attrs, {
+            }), null, 16, T)) : (n(), s(W, y({ key: 1 }, e.$attrs, {
               id: e.id,
               ref_key: "codeInput",
               ref: m,
               class: ["text-c-1 disabled:text-c-2 peer w-full min-w-0 border-none -outline-offset-1", [
                 e.type === "password" && e.description && "pr-12",
-                e.description && "pr-8"
+                e.description && "pr-8",
+                e.type === "password" && "scalar-password-input"
               ]],
               description: e.description,
               disableCloseBrackets: "",
               disableTabIndent: "",
               envVariables: e.envVariables,
               environment: e.environment,
+              lineWrapping: !!e.lineWrapping,
               max: e.max,
               min: e.min,
               modelValue: e.modelValue ?? "",
@@ -89,22 +92,22 @@ const S = ["for"], T = { class: "row-1 overflow-x-auto" }, N = ["readOnly", "typ
               spellcheck: "false",
               type: f.value,
               workspace: e.workspace,
-              onBlur: w,
-              onFocus: l[2] || (l[2] = (a) => r("inputFocus")),
-              "onUpdate:modelValue": l[3] || (l[3] = (a) => r("update:modelValue", a))
-            }), null, 16, ["id", "class", "description", "envVariables", "environment", "max", "min", "modelValue", "readOnly", "required", "type", "workspace"]))
+              onBlur: V,
+              onFocus: l[2] || (l[2] = (o) => t("inputFocus")),
+              "onUpdate:modelValue": l[3] || (l[3] = (o) => t("update:modelValue", o))
+            }), null, 16, ["id", "class", "description", "envVariables", "environment", "lineWrapping", "max", "min", "modelValue", "readOnly", "required", "type", "workspace"]))
           ], 64))
         ]),
-        e.$slots.warning ? (n(), u("div", P, [
-          i(e.$slots, "warning", {}, void 0, !0)
+        e.$slots.warning ? (n(), i("div", N, [
+          u(e.$slots, "warning", {}, void 0, !0)
         ])) : p("", !0),
-        i(e.$slots, "icon", {}, void 0, !0),
+        u(e.$slots, "icon", {}, void 0, !0),
         e.type === "password" ? (n(), s(h(A), {
           key: 2,
           class: "-ml-.5 mr-1.25 p-1.25 h-6 w-6 self-center",
-          icon: t.value ? "Show" : "Hide",
-          label: t.value ? "Show Password" : "Hide Password",
-          onClick: l[4] || (l[4] = (a) => t.value = !t.value)
+          icon: r.value ? "Show" : "Hide",
+          label: r.value ? "Show Password" : "Hide Password",
+          onClick: l[4] || (l[4] = (o) => r.value = !r.value)
         }, null, 8, ["icon", "label"])) : p("", !0)
       ]),
       _: 3
@@ -112,5 +115,5 @@ const S = ["for"], T = { class: "row-1 overflow-x-auto" }, N = ["readOnly", "typ
   }
 });
 export {
-  W as default
+  L as default
 };

package/dist/components/EnvironmentSelector/EnvironmentSelector.vue.d.ts

@@ -1,3 +1,3 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=EnvironmentSelector.vue.d.ts.map

package/dist/components/EnvironmentSelector/EnvironmentSelector.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/EnvironmentSelector/EnvironmentSelector.vue"],"names":[],"mappings":";AAsdA,wBAMG"}
+{"version":3,"file":"EnvironmentSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/EnvironmentSelector/EnvironmentSelector.vue"],"names":[],"mappings":";AA2cA,wBAMG"}

package/dist/components/EnvironmentSelector/EnvironmentSelector.vue.js

@@ -1,123 +1,113 @@
-import { defineComponent as I, computed as f, watch as B, onMounted as D, openBlock as c, createElementBlock as x, createVNode as s, unref as n, withCtx as l, Fragment as j, renderList as M, createBlock as w, withModifiers as h, createTextVNode as E, toDisplayString as k, createElementVNode as u, normalizeClass as V, createCommentVNode as z } from "vue";
-import { ScalarDropdown as L, ScalarDropdownItem as m, ScalarListboxCheckbox as W, ScalarIcon as g, ScalarDropdownDivider as $, ScalarButton as A } from "@scalar/components";
-import { useRouter as F } from "vue-router";
+import { defineComponent as b, computed as E, watch as B, onMounted as D, openBlock as c, createBlock as u, unref as n, withCtx as s, createElementBlock as M, Fragment as V, renderList as W, withModifiers as w, createVNode as l, createTextVNode as h, toDisplayString as k, createElementVNode as v, createCommentVNode as j } from "vue";
+import { ScalarDropdown as L, ScalarDropdownItem as d, ScalarListboxCheckbox as g, ScalarDropdownDivider as T, ScalarIcon as $, ScalarButton as z } from "@scalar/components";
+import { useRouter as A } from "vue-router";
+import { PathId as F } from "../../routes.js";
 import { useActiveEntities as O } from "../../store/active-entities.js";
-import { useWorkspace as R } from "../../store/store.js";
-import { useLayout as T } from "../../hooks/useLayout.js";
-const q = { class: "m-0 flex items-center gap-1.5 whitespace-nowrap font-medium" }, G = { class: "flex h-4 w-4 items-center justify-center" }, Y = /* @__PURE__ */ I({
+import { useWorkspace as P } from "../../store/store.js";
+import { useLayout as R } from "../../hooks/useLayout.js";
+const q = { class: "m-0 flex items-center gap-1.5 whitespace-nowrap font-medium" }, G = { class: "flex h-4 w-4 items-center justify-center" }, ee = /* @__PURE__ */ b({
   __name: "EnvironmentSelector",
   setup(H) {
-    const { activeCollection: a, activeWorkspace: i, activeEnvironment: v } = O(), { collectionMutators: _ } = R(), { layout: b } = T(), C = F(), d = (e) => {
+    const { activeCollection: a, activeWorkspace: i, activeEnvironment: m } = O(), { collectionMutators: _ } = P(), { layout: S } = R(), C = A(), p = (e) => {
       a.value && i.value && (_.edit(
         a.value.uid,
         "x-scalar-active-environment",
         e
       ), i.value.activeEnvironmentId = e);
-    }, S = () => {
+    }, y = () => {
       var e;
       return C.push({
-        name: "environment",
+        name: "environment.default",
         params: {
-          environment: (e = i.value) == null ? void 0 : e.uid
+          [F.Workspace]: (e = i.value) == null ? void 0 : e.uid
         }
       });
-    }, y = f(() => {
-      const { value: e } = v, { value: t } = a;
-      return (e == null ? void 0 : e.uid) || (t == null ? void 0 : t["x-scalar-active-environment"]) || "No Environment";
-    }), N = f(() => {
+    }, I = E(() => {
+      const { value: e } = m, { value: t } = a;
+      return (e == null ? void 0 : e.name) || (t == null ? void 0 : t["x-scalar-active-environment"]) || "No Environment";
+    }), N = E(() => {
       const { value: e } = a, t = e == null ? void 0 : e["x-scalar-environments"];
       return t ? Object.entries(t).map(([o, r]) => ({
         ...r,
         uid: o,
         name: o
       })) : [];
-    }), p = (e) => {
+    }), f = (e) => {
       const t = e["x-scalar-active-environment"];
       t && a.value && i.value ? (a.value["x-scalar-active-environment"] = t, i.value.activeEnvironmentId = t) : i.value && (i.value.activeEnvironmentId = "");
     };
     return B(
       a,
-      (e) => e && p(e)
+      (e) => e && f(e)
     ), D(() => {
-      a.value && p(a.value);
-    }), (e, t) => (c(), x("div", null, [
-      s(n(L), { placement: "bottom-end" }, {
-        items: l(() => [
-          (c(!0), x(j, null, M(N.value, (o) => (c(), w(n(m), {
-            key: o.uid,
-            class: "group/item flex items-center gap-1.5 overflow-hidden text-ellipsis whitespace-nowrap",
-            onClick: h((r) => d(o.uid), ["stop"])
-          }, {
-            default: l(() => {
-              var r;
-              return [
-                s(n(W), {
-                  selected: ((r = n(a)) == null ? void 0 : r["x-scalar-active-environment"]) === o.uid
-                }, null, 8, ["selected"]),
-                E(" " + k(o.name), 1)
-              ];
-            }),
-            _: 2
-          }, 1032, ["onClick"]))), 128)),
-          s(n(m), {
-            class: "group/item flex items-center gap-1.5 overflow-hidden text-ellipsis whitespace-nowrap",
-            onClick: t[0] || (t[0] = h((o) => d(""), ["stop"]))
-          }, {
-            default: l(() => {
-              var o, r;
-              return [
-                u("div", {
-                  class: V([
-                    "flex h-4 w-4 items-center justify-center rounded-full p-[3px]",
-                    ((o = n(v)) == null ? void 0 : o.uid) === "" && ((r = n(a)) == null ? void 0 : r["x-scalar-active-environment"]) === "" ? "bg-c-accent text-b-1" : "shadow-border text-transparent"
-                  ])
-                }, [
-                  s(n(g), {
-                    class: "size-2.5",
-                    icon: "Checkmark",
-                    thickness: "3"
-                  })
-                ], 2),
-                t[1] || (t[1] = E(" No Environment "))
-              ];
-            }),
-            _: 1
+      a.value && f(a.value);
+    }), (e, t) => (c(), u(n(L), { teleport: "" }, {
+      items: s(() => [
+        (c(!0), M(V, null, W(N.value, (o) => (c(), u(n(d), {
+          key: o.uid,
+          class: "group/item flex items-center gap-1.5 overflow-hidden text-ellipsis whitespace-nowrap",
+          onClick: w((r) => p(o.uid), ["stop"])
+        }, {
+          default: s(() => {
+            var r;
+            return [
+              l(n(g), {
+                selected: ((r = n(a)) == null ? void 0 : r["x-scalar-active-environment"]) === o.uid
+              }, null, 8, ["selected"]),
+              h(" " + k(o.name), 1)
+            ];
           }),
-          s(n($)),
-          n(b) !== "modal" ? (c(), w(n(m), {
-            key: 0,
-            class: "flex items-center gap-1.5",
-            onClick: S
-          }, {
-            default: l(() => [
-              u("div", G, [
-                s(n(g), {
-                  icon: "Brackets",
-                  size: "sm"
-                })
-              ]),
-              t[2] || (t[2] = u("span", { class: "leading-none" }, "Manage Environments", -1))
-            ]),
-            _: 1
-          })) : z("", !0)
-        ]),
-        default: l(() => [
-          s(n(A), {
-            class: "text-c-1 hover:bg-b-2 h-auto w-fit justify-start px-1.5 py-1.5 pl-2 font-normal",
-            fullWidth: "",
-            variant: "ghost"
-          }, {
-            default: l(() => [
-              u("h2", q, k(y.value), 1)
+          _: 2
+        }, 1032, ["onClick"]))), 128)),
+        l(n(d), {
+          class: "group/item flex items-center gap-1.5 overflow-hidden text-ellipsis whitespace-nowrap",
+          onClick: t[0] || (t[0] = w((o) => p(""), ["stop"]))
+        }, {
+          default: s(() => {
+            var o, r, x;
+            return [
+              l(n(g), {
+                selected: ((o = n(m)) == null ? void 0 : o.uid) === "" && ((r = n(a)) == null ? void 0 : r["x-scalar-active-environment"]) === "" || ((x = n(m)) == null ? void 0 : x.name) === "No Environment"
+              }, null, 8, ["selected"]),
+              t[1] || (t[1] = h(" No Environment "))
+            ];
+          }),
+          _: 1
+        }),
+        l(n(T)),
+        n(S) !== "modal" ? (c(), u(n(d), {
+          key: 0,
+          class: "flex items-center gap-1.5",
+          onClick: y
+        }, {
+          default: s(() => [
+            v("div", G, [
+              l(n($), {
+                icon: "Brackets",
+                size: "sm"
+              })
             ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      })
-    ]));
+            t[2] || (t[2] = v("span", { class: "leading-none" }, "Manage Environments", -1))
+          ]),
+          _: 1
+        })) : j("", !0)
+      ]),
+      default: s(() => [
+        l(n(z), {
+          class: "text-c-1 hover:bg-b-2 line-clamp-1 h-auto w-fit justify-start px-1.5 py-1.5 font-normal",
+          fullWidth: "",
+          variant: "ghost"
+        }, {
+          default: s(() => [
+            v("h2", q, k(I.value), 1)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }));
   }
 });
 export {
-  Y as default
+  ee as default
 };

package/dist/components/Form/Form.vue.d.ts

@@ -16,10 +16,10 @@ declare function __VLS_template(): {
         title?(_: {}): any;
     };
     refs: {};
-    rootEl: HTMLElement;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLElement>;
+declare const __VLS_component: 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>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/Form/Form.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Form.vue"],"names":[],"mappings":"AA+EA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC/D,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAWlE,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE;QACP,GAAG,EAAE,MAAM,CAAA;QACX,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,EAAE,MAAM,CAAA;KACpB,EAAE,CAAA;IACH,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACzB,QAAQ,EAAE,CAAC,CAAC,SAAS,IAAI,CAAC,MAAM,CAAC,EAC/B,GAAG,EAAE,CAAC,EACN,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,KACrC,IAAI,CAAA;CACV,CAAC;AAYF,iBAAS,cAAc;WA+HT,OAAO,IAA6B;;uBARvB,GAAG;;;;EAa7B;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,0SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAUpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Form.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Form.vue"],"names":[],"mappings":"AAmFA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC/D,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAWlE,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE;QACP,GAAG,EAAE,MAAM,CAAA;QACX,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,EAAE,MAAM,CAAA;KACpB,EAAE,CAAA;IACH,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACzB,QAAQ,EAAE,CAAC,CAAC,SAAS,IAAI,CAAC,MAAM,CAAC,EAC/B,GAAG,EAAE,CAAC,EACN,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,KACrC,IAAI,CAAA;CACV,CAAC;AAYF,iBAAS,cAAc;WAsIT,OAAO,IAA6B;;uBARvB,GAAG;;;;EAa7B;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAUpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Form/Form.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as v, useId as b, openBlock as l, createBlock as r, createSlots as c, withCtx as o, createElementVNode as n, unref as t, createElementBlock as m, Fragment as y, renderList as h, normalizeClass as V, createVNode as p, toDisplayString as f, createCommentVNode as g, renderSlot as w } from "vue";
+import { defineComponent as b, useId as v, openBlock as l, createBlock as r, createSlots as c, withCtx as o, createElementVNode as n, unref as t, createElementBlock as m, Fragment as y, renderList as h, normalizeClass as g, createVNode as p, toDisplayString as u, createCommentVNode as V, renderSlot as w } from "vue";
 import { ScalarIcon as E } from "@scalar/components";
 import C from "../DataTable/DataTable.vue.js";
 import S from "../DataTable/DataTableInput.vue.js";
 import U from "../DataTable/DataTableRow.vue.js";
 import $ from "../ViewLayout/ViewLayoutSection.vue.js";
-import { useActiveEntities as B } from "../../store/active-entities.js";
-const D = { key: 0 }, F = { class: "custom-scroll flex flex-1 flex-col gap-1.5" }, I = ["for"], N = { class: "bg-b-2 flex-center border-l px-2" }, q = /* @__PURE__ */ v({
+import { useActiveEntities as z } from "../../store/active-entities.js";
+const B = { key: 0 }, D = { class: "flex flex-1 flex-col gap-1.5" }, F = ["for"], I = { class: "centered-y bg-b-2 flex-center z-1 absolute right-1 rounded px-1 py-0.5" }, q = /* @__PURE__ */ b({
   __name: "Form",
   props: {
     title: {},
@@ -13,24 +13,27 @@ const D = { key: 0 }, F = { class: "custom-scroll flex flex-1 flex-col gap-1.5"
     data: {},
     onUpdate: { type: Function }
   },
-  setup(z) {
-    const { activeEnvVariables: u, activeEnvironment: k, activeWorkspace: s } = B(), i = b();
-    return (e, T) => (l(), r($, null, c({
+  setup(N) {
+    const { activeEnvVariables: f, activeEnvironment: k, activeWorkspace: s } = z(), i = v();
+    return (e, T) => (l(), r($, { class: "rounded-b-lg" }, c({
       default: o(() => [
-        n("div", F, [
+        n("div", D, [
           Object.keys(e.data).length > 0 && t(s) ? (l(), r(C, {
             key: 0,
-            columns: [""]
+            columns: [""],
+            class: "rounded-b-lg"
           }, {
             default: o(() => [
               (l(!0), m(y, null, h(e.options, (a, d) => (l(), r(U, {
                 key: d,
-                class: V({ "border-t": d === 0 })
+                class: g({ "border-t": d === 0 })
               }, {
                 default: o(() => [
                   p(S, {
+                    class: "pr-9",
+                    lineWrapping: "",
                     id: t(i),
-                    envVariables: t(u),
+                    envVariables: t(f),
                     environment: t(k),
                     modelValue: e.data[a.key] ?? "",
                     placeholder: a.placeholder,
@@ -38,14 +41,14 @@ const D = { key: 0 }, F = { class: "custom-scroll flex flex-1 flex-col gap-1.5"
                     "onUpdate:modelValue": (_) => e.onUpdate(a.key, _)
                   }, c({
                     default: o(() => [
-                      n("label", { for: t(i) }, f(a.label), 9, I)
+                      n("label", { for: t(i) }, u(a.label), 9, F)
                     ]),
                     _: 2
                   }, [
                     a.key === "description" ? {
                       name: "icon",
                       fn: o(() => [
-                        n("div", N, [
+                        n("div", I, [
                           p(t(E), {
                             icon: "Markdown",
                             size: "lg"
@@ -60,7 +63,7 @@ const D = { key: 0 }, F = { class: "custom-scroll flex flex-1 flex-col gap-1.5"
               }, 1032, ["class"]))), 128))
             ]),
             _: 1
-          })) : g("", !0)
+          })) : V("", !0)
         ])
       ]),
       _: 2
@@ -68,7 +71,7 @@ const D = { key: 0 }, F = { class: "custom-scroll flex flex-1 flex-col gap-1.5"
       e.title || e.$slots.title ? {
         name: "title",
         fn: o(() => [
-          e.title ? (l(), m("span", D, f(e.title), 1)) : w(e.$slots, "title", { key: 1 })
+          e.title ? (l(), m("span", B, u(e.title), 1)) : w(e.$slots, "title", { key: 1 })
         ]),
         key: "0"
       } : void 0

package/dist/components/ImportCollection/IntegrationLogo.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IntegrationLogo.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ImportCollection/IntegrationLogo.vue"],"names":[],"mappings":"AA+DA,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;CAC3B,CAAC;;AAyGF,wBAOG"}
+{"version":3,"file":"IntegrationLogo.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ImportCollection/IntegrationLogo.vue"],"names":[],"mappings":"AAgEA,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;CAC3B,CAAC;;AA0GF,wBAOG"}

package/dist/components/ImportCollection/IntegrationLogo.vue.js

@@ -23,7 +23,8 @@ const I = /* @__PURE__ */ i({
       "nuxt",
       "platformatic",
       "react",
-      "rust"
+      "rust",
+      "svelte"
     ], s = l(() => {
       var e;
       const o = "Openapi", t = (e = a.integration) == null ? void 0 : e.toLocaleLowerCase();

package/dist/components/SideNav/SideNav.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.vue"],"names":[],"mappings":";AAgRA,wBAMG"}
+{"version":3,"file":"SideNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.vue"],"names":[],"mappings":";AAkSA,wBAMG"}

package/dist/components/SideNav/SideNav.vue.js

@@ -1,22 +1,22 @@
-import { defineComponent as k, openBlock as r, createElementBlock as a, normalizeClass as d, unref as e, createVNode as t, withCtx as s, createElementVNode as n, Fragment as w, renderList as b, createTextVNode as u, toDisplayString as y, createCommentVNode as S } from "vue";
-import { ScalarIcon as C } from "@scalar/components";
-import { useRouter as N } from "vue-router";
+import { defineComponent as w, openBlock as r, createElementBlock as n, normalizeClass as d, unref as e, createVNode as t, withCtx as a, createElementVNode as c, Fragment as k, renderList as b, createTextVNode as u, toDisplayString as y, createCommentVNode as C } from "vue";
+import { ScalarIcon as S } from "@scalar/components";
+import { useRouter as L } from "vue-router";
 import { ROUTES as B } from "../../constants.js";
 import { PathId as _ } from "../../routes.js";
 import E from "./DownloadAppButton.vue.js";
-import L from "./SideHelp.vue.js";
+import N from "./SideHelp.vue.js";
 import g from "./SideNavGroup.vue.js";
-import x from "./SideNavRouterLink.vue.js";
+import v from "./SideNavRouterLink.vue.js";
 import { useActiveEntities as V } from "../../store/active-entities.js";
 import { useLayout as j } from "../../hooks/useLayout.js";
 const A = { class: "flex items-center" }, R = { class: "flex items-center" }, W = {
   key: 0,
   class: "hidden items-center justify-center sm:ml-1.5 sm:flex"
-}, K = /* @__PURE__ */ k({
+}, K = /* @__PURE__ */ w({
   __name: "SideNav",
   setup($) {
-    const { currentRoute: m } = N(), { layout: i } = j(), { activeWorkspace: c } = V();
-    return (z, l) => (r(), a("nav", {
+    const { currentRoute: s } = L(), { layout: i } = j(), { activeWorkspace: l } = V();
+    return (z, p) => (r(), n("nav", {
       "aria-label": "App Navigation",
       class: d([
         "app-drag-region flex items-center justify-center gap-1.5 pt-2 sm:justify-between",
@@ -25,36 +25,36 @@ const A = { class: "flex items-center" }, R = { class: "flex items-center" }, W
       role: "navigation"
     }, [
       t(g, { class: "app-no-drag-region" }, {
-        default: s(() => [
-          n("a", {
+        default: a(() => [
+          c("a", {
             class: d(["ml-1 mr-3 hidden items-center", {
               "sm:flex": e(i) === "web"
             }]),
             href: "https://www.scalar.com",
             target: "_blank"
           }, [
-            t(e(C), {
+            t(e(S), {
               icon: "Logo",
               size: "xl"
             })
           ], 2),
-          (r(!0), a(w, null, b(e(B).filter(
+          (r(!0), n(k, null, b(e(B).filter(
             (o) => o.to.name !== "settings.default"
-          ), ({ icon: o, to: h, displayName: p }, v) => {
+          ), ({ icon: o, to: x, displayName: m }, h) => {
             var f;
-            return r(), a("li", { key: v }, [
-              t(x, {
-                active: e(m).name === p.toLowerCase(),
+            return r(), n("li", { key: h }, [
+              t(v, {
+                active: e(s).name === m.toLowerCase() || m.toLowerCase() === "environment" && e(s).name === "environment.collection",
                 icon: o,
                 to: {
-                  ...h,
+                  ...x,
                   params: {
-                    [e(_).Workspace]: ((f = e(c)) == null ? void 0 : f.uid) ?? "default"
+                    [e(_).Workspace]: ((f = e(l)) == null ? void 0 : f.uid) ?? "default"
                   }
                 }
               }, {
-                default: s(() => [
-                  u(y(p), 1)
+                default: a(() => [
+                  u(y(m), 1)
                 ]),
                 _: 2
               }, 1032, ["active", "icon", "to"])
@@ -64,32 +64,32 @@ const A = { class: "flex items-center" }, R = { class: "flex items-center" }, W
         _: 1
       }),
       t(g, { class: "app-no-drag-region" }, {
-        default: s(() => {
+        default: a(() => {
           var o;
           return [
-            n("li", A, [
-              t(x, {
-                active: e(m).name === "settings",
+            c("li", A, [
+              t(v, {
+                active: e(s).name === "settings",
                 icon: "Settings",
                 to: {
                   name: "settings.default",
                   params: {
-                    [e(_).Workspace]: (o = e(c)) == null ? void 0 : o.uid
+                    [e(_).Workspace]: (o = e(l)) == null ? void 0 : o.uid
                   }
                 }
               }, {
-                default: s(() => l[0] || (l[0] = [
+                default: a(() => p[0] || (p[0] = [
                   u(" Settings ")
                 ])),
                 _: 1
               }, 8, ["active", "to"])
             ]),
-            n("li", R, [
-              t(L)
+            c("li", R, [
+              t(N)
             ]),
-            e(i) !== "desktop" ? (r(), a("li", W, [
+            e(i) !== "desktop" ? (r(), n("li", W, [
               t(E)
-            ])) : S("", !0)
+            ])) : C("", !0)
           ];
         }),
         _: 1