@scalar/api-client 2.2.32 → 2.2.34

package/dist/views/Request/RequestSubpageHeader.vue2.js

@@ -1,27 +1,27 @@
-import { defineComponent as V, openBlock as r, createElementBlock as u, createElementVNode as n, unref as e, createBlock as g, normalizeClass as x, createCommentVNode as i, createVNode as a } from "vue";
-import v from "../../components/AddressBar/AddressBar.vue.js";
-import w from "../../components/Sidebar/SidebarToggle.vue.js";
-import { useActiveEntities as h } from "../../store/active-entities.js";
+import { defineComponent as x, openBlock as r, createElementBlock as u, createElementVNode as n, unref as e, createBlock as g, normalizeClass as v, createCommentVNode as i, createVNode as a } from "vue";
+import w from "../../components/AddressBar/AddressBar.vue.js";
+import h from "../../components/Sidebar/SidebarToggle.vue.js";
+import { useActiveEntities as B } from "../../store/active-entities.js";
 import { ScalarIcon as b } from "@scalar/components";
-import { useRouter as B } from "vue-router";
-import $ from "../../components/OpenApiClientButton.vue.js";
-import { useWorkspace as R } from "../../store/store.js";
-import { useLayout as S } from "../../hooks/useLayout.js";
-const z = { class: "lg:min-h-client-header flex items-center w-full justify-center p-2 pt-2 lg:pt-1 lg:p-1 flex-wrap t-app__top-container border-b-1/2" }, A = { class: "flex flex-row items-center gap-1 lg:px-1 lg:mb-0 mb-2 lg:flex-1 w-1/2" }, E = { class: "flex flex-row items-center gap-1 lg:px-2.5 lg:mb-0 mb-2 lg:flex-1 justify-end w-1/2" }, D = /* @__PURE__ */ V({
+import { useRouter as $ } from "vue-router";
+import R from "../../components/OpenApiClientButton.vue.js";
+import { useWorkspace as S } from "../../store/store.js";
+import { useLayout as z } from "../../hooks/useLayout.js";
+const A = { class: "lg:min-h-client-header flex items-center w-full justify-center p-2 pt-2 lg:pt-1 lg:p-1 flex-wrap t-app__top-container border-b-1/2" }, E = { class: "flex flex-row items-center gap-1 lg:px-1 lg:mb-0 mb-2 lg:flex-1 w-1/2" }, M = { class: "flex flex-row items-center gap-1 lg:px-2.5 lg:mb-0 mb-2 lg:flex-1 justify-end w-1/2" }, F = /* @__PURE__ */ x({
   __name: "RequestSubpageHeader",
   props: {
     modelValue: { type: Boolean }
   },
   emits: ["update:modelValue", "hideModal", "importCurl"],
-  setup(M) {
-    const { activeCollection: s } = h(), { isReadOnly: m, hideClientButton: C, showSidebar: k } = R(), { layout: d } = S(), { currentRoute: y } = B();
+  setup(N) {
+    const { activeCollection: s } = B(), { isReadOnly: m, hideClientButton: C, showSidebar: k, integration: y } = S(), { layout: d } = z(), { currentRoute: V } = $();
     return (t, o) => {
       var p, f, c;
-      return r(), u("div", z, [
-        n("div", A, [
-          e(k) ? (r(), g(w, {
+      return r(), u("div", A, [
+        n("div", E, [
+          e(k) ? (r(), g(h, {
             key: 0,
-            class: x(["ml-1", [
+            class: v(["ml-1", [
               { hidden: t.modelValue },
               { "xl:!flex": !t.modelValue },
               { "!flex": e(d) === "modal" },
@@ -31,16 +31,16 @@ const z = { class: "lg:min-h-client-header flex items-center w-full justify-cent
             "onUpdate:modelValue": o[0] || (o[0] = (l) => t.$emit("update:modelValue", l))
           }, null, 8, ["class", "modelValue"])) : i("", !0)
         ]),
-        a(v, {
+        a(w, {
           onImportCurl: o[1] || (o[1] = (l) => t.$emit("importCurl", l))
         }),
-        n("div", E, [
-          e(m) && ((p = e(s)) != null && p.documentUrl) && !e(C) ? (r(), g(e($), {
+        n("div", M, [
+          e(m) && ((p = e(s)) != null && p.documentUrl) && !e(C) ? (r(), g(e(R), {
             key: 0,
             buttonSource: "modal",
             class: "!w-fit lg:-mr-1",
-            integration: (f = e(s)) == null ? void 0 : f.integration,
-            source: e(y).query.source === "gitbook" ? "gitbook" : "api-reference",
+            integration: e(y) || ((f = e(s)) == null ? void 0 : f.integration),
+            source: e(V).query.source === "gitbook" ? "gitbook" : "api-reference",
             url: (c = e(s)) == null ? void 0 : c.documentUrl
           }, null, 8, ["integration", "source", "url"])) : i("", !0),
           e(m) ? (r(), u("button", {
@@ -75,5 +75,5 @@ const z = { class: "lg:min-h-client-header flex items-center w-full justify-cent
   }
 });
 export {
-  D as default
+  F as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ResponseEmpty.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseEmpty.vue"],"names":[],"mappings":";AA4YA,wBAMG"}
+{"version":3,"file":"ResponseEmpty.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/ResponseSection/ResponseEmpty.vue"],"names":[],"mappings":";AA6YA,wBAMG"}

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

@@ -1,7 +1,7 @@
 import o from "./ResponseEmpty.vue2.js";
 /* empty css                   */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-78a00890"]]);
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-db8143f4"]]);
 export {
   s as default
 };

package/dist/views/Request/ResponseSection/ResponseEmpty.vue2.js

@@ -1,31 +1,31 @@
 import { defineComponent as _, onMounted as R, onBeforeUnmount as C, openBlock as r, createElementBlock as l, createElementVNode as o, normalizeClass as k, unref as t, createTextVNode as c, toDisplayString as w, createCommentVNode as m, createVNode as s } from "vue";
 import N from "../../../assets/computer.ascii.js";
 import x from "../../../assets/keycap.ascii.js";
-import u from "../../../components/ScalarAsciiArt.vue.js";
+import d from "../../../components/ScalarAsciiArt.vue.js";
 import p from "../../../components/ScalarHotkey.vue.js";
 import { useActiveEntities as q } from "../../../store/active-entities.js";
 import { useRoute as S } from "vue-router";
 import { useWorkspace as V } from "../../../store/store.js";
 import { useLayout as B } from "../../../hooks/useLayout.js";
-const K = { class: "relative col-1 flex-center gap-6 p-2 capitalize" }, A = {
+const K = { class: "border-t relative col-1 flex-center gap-6 p-2 capitalize" }, A = {
   key: 0,
   class: "scalar-version-number"
 }, E = { class: "scale-75 flex" }, P = { class: "relative" }, $ = { class: "relative -ml-12" }, j = { class: "text-c-3 right-4 mt-auto flex w-full flex-col items-end gap-2 text-sm" }, F = /* @__PURE__ */ _({
   __name: "ResponseEmpty",
   setup(z) {
-    const { activeWorkspaceRequests: d } = q(), { isReadOnly: g, events: a } = V(), v = S(), { layout: n } = B(), f = () => {
+    const { activeWorkspaceRequests: u } = q(), { isReadOnly: g, events: a } = V(), v = S(), { layout: n } = B(), f = () => {
       a.commandPalette.emit({ commandName: "Create Request" });
     }, y = (i) => {
       i != null && i.createNew && v.name === "request" && f();
-    }, h = "2.2.32";
+    }, b = "2.2.34";
     return R(() => a.hotKeys.on(y)), C(() => a.hotKeys.off(y)), (i, e) => (r(), l("div", K, [
       o("div", {
         class: k(["flex h-[calc(100%_-_50px)] flex-col items-center justify-center", {
-          "hidden opacity-0": t(d).length <= 1 && t(n) !== "modal"
+          "hidden opacity-0": t(u).length <= 1 && t(n) !== "modal"
         }])
       }, [
         t(g) ? m("", !0) : (r(), l("div", A, [
-          c(" Scalar App V" + w(t(h)) + " Beta ", 1),
+          c(" Scalar App V" + w(t(b)) + " Beta ", 1),
           e[2] || (e[2] = o("div", { class: "mt-2" }, [
             o("a", {
               href: "https://github.com/scalar/scalar/issues/2669",
@@ -38,7 +38,7 @@ const K = { class: "relative col-1 flex-center gap-6 p-2 capitalize" }, A = {
           href: "https://www.scalar.com",
           target: "_blank"
         }, " Powered By Scalar.com ", -1)),
-        s(u, {
+        s(d, {
           art: t(N),
           class: "text-c-3"
         }, null, 8, ["art"])
@@ -46,7 +46,7 @@ const K = { class: "relative col-1 flex-center gap-6 p-2 capitalize" }, A = {
       t(n) !== "modal" ? (r(), l("div", {
         key: 0,
         class: k(["h-[calc(100%_-_50px)] items-center justify-center hidden pb-5", {
-          "!flex opacity-100": t(d).length == 1
+          "!flex opacity-100": t(u).length == 1
         }])
       }, [
         o("div", E, [
@@ -55,14 +55,14 @@ const K = { class: "relative col-1 flex-center gap-6 p-2 capitalize" }, A = {
               class: "keycap-hotkey",
               hotkey: ""
             }),
-            s(u, {
+            s(d, {
               art: t(x),
               class: "!leading-[6px] text-c-3"
             }, null, 8, ["art"])
           ]),
           o("div", $, [
             e[4] || (e[4] = o("div", { class: "keycap-hotkey !right-[60px]" }, "K", -1)),
-            s(u, {
+            s(d, {
               art: t(x),
               class: "!leading-[6px] keycap-n"
             }, null, 8, ["art"])
@@ -74,7 +74,7 @@ const K = { class: "relative col-1 flex-center gap-6 p-2 capitalize" }, A = {
           key: 0,
           class: "flex items-center gap-1.5",
           type: "button",
-          onClick: e[0] || (e[0] = (b) => t(a).commandPalette.emit())
+          onClick: e[0] || (e[0] = (h) => t(a).commandPalette.emit())
         }, [
           e[5] || (e[5] = c(" Get Started ")),
           s(p, { hotkey: "k" })
@@ -91,7 +91,7 @@ const K = { class: "relative col-1 flex-center gap-6 p-2 capitalize" }, A = {
         o("button", {
           class: "flex items-center gap-1.5",
           type: "button",
-          onClick: e[1] || (e[1] = (b) => t(a).executeRequest.emit())
+          onClick: e[1] || (e[1] = (h) => t(a).executeRequest.emit())
         }, [
           e[7] || (e[7] = c(" Send Request ")),
           s(p, { hotkey: "↵" })

package/dist/views/Servers/ServerForm.vue.d.ts

@@ -1,3 +1,10 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
+type __VLS_Props = {
+    collectionId: string | string[];
+    serverUid: string | string[];
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    collectionId: string | string[];
+    serverUid: string | string[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
 //# sourceMappingURL=ServerForm.vue.d.ts.map

package/dist/views/Servers/ServerForm.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ServerForm.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Servers/ServerForm.vue"],"names":[],"mappings":";AA6NA,wBAMG"}
+{"version":3,"file":"ServerForm.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Servers/ServerForm.vue"],"names":[],"mappings":"AAqEA,KAAK,WAAW,GAAG;IACf,YAAY,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC/B,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAC7B,CAAC;;kBAFc,MAAM,GAAG,MAAM,EAAE;eACpB,MAAM,GAAG,MAAM,EAAE;;AA+GhC,wBAQG"}

package/dist/views/Servers/ServerForm.vue.js

@@ -1,71 +1,40 @@
-import { defineComponent as b, computed as l, openBlock as u, createElementBlock as p, Fragment as g, createVNode as y, createBlock as O, createCommentVNode as v } from "vue";
-import m from "../../components/Form/Form.vue.js";
-import { useActiveEntities as V } from "../../store/active-entities.js";
-import { useRoute as j } from "vue-router";
-import { useWorkspace as B } from "../../store/store.js";
-const C = { class: "w-full" }, R = /* @__PURE__ */ b({
+import { defineComponent as u, computed as p, openBlock as a, createElementBlock as v, createBlock as m, createCommentVNode as f } from "vue";
+import _ from "../../components/Form/Form.vue.js";
+import { useActiveEntities as k } from "../../store/active-entities.js";
+import { useWorkspace as U } from "../../store/store.js";
+const h = { class: "divide-0.5 divide-x flex w-full" }, B = /* @__PURE__ */ u({
   __name: "ServerForm",
-  setup(U) {
-    const { activeCollection: s } = V(), { servers: f, serverMutators: n } = B(), _ = [
+  props: {
+    collectionId: { default: "" },
+    serverUid: { default: "" }
+  },
+  setup(i) {
+    const t = i, { activeWorkspaceCollections: s } = k(), { servers: c, serverMutators: l } = U(), d = [
       { label: "URL", key: "url", placeholder: "https://void.scalar.com/api" },
       {
         label: "Label",
         key: "description",
         placeholder: "Production"
       }
-    ], c = j(), r = l(
-      () => {
-        var e, t;
-        return f[(s.value && c.params.server === "default" ? (e = s.value) == null ? void 0 : e.servers[0] : (t = s.value) == null ? void 0 : t.servers.find(
-          (o) => o === c.params.server
-        )) ?? ""];
-      }
-    ), k = (e, t) => {
-      !s.value || !r.value || n.edit(r.value.uid, e, t);
-    }, h = (e, t) => {
-      !s.value || !r.value || n.edit(r.value.uid, `variables.${e}.value`, t);
-    }, S = l(
-      () => {
-        var e;
-        return Object.entries(((e = r.value) == null ? void 0 : e.variables) ?? {}).map(
-          ([t, o]) => {
-            var a;
-            return {
-              key: t,
-              label: t,
-              placeholder: (o.default ?? ((a = o == null ? void 0 : o.enum) == null ? void 0 : a[0]) ?? "").toString()
-            };
-          }
-        );
-      }
-    ), i = l(
-      () => {
-        var e;
-        return Object.entries(((e = r.value) == null ? void 0 : e.variables) ?? {}).reduce((t, [o, a]) => {
-          var d;
-          return t[o] = (a.default ?? ((d = a == null ? void 0 : a.enum) == null ? void 0 : d[0]) ?? "").toString(), t;
-        }, {});
-      }
-    );
-    return (e, t) => (u(), p("div", C, [
-      r.value ? (u(), p(g, { key: 0 }, [
-        y(m, {
-          data: r.value,
-          onUpdate: k,
-          options: _,
-          title: "Server"
-        }, null, 8, ["data"]),
-        Object.keys(i.value).length ? (u(), O(m, {
-          key: 0,
-          data: i.value,
-          onUpdate: h,
-          options: S.value,
-          title: "Variables"
-        }, null, 8, ["data", "options"])) : v("", !0)
-      ], 64)) : v("", !0)
+    ], o = p(() => {
+      const e = s.value.find(
+        (r) => r.uid === t.collectionId
+      );
+      return c[e && typeof t.serverUid == "string" && t.serverUid === "default" ? e.servers[0] ?? "" : (e == null ? void 0 : e.servers.find((r) => r === t.serverUid)) ?? ""];
+    }), n = (e, r) => {
+      !s.value || !o.value || l.edit(o.value.uid, e, r);
+    };
+    return (e, r) => (a(), v("div", h, [
+      o.value ? (a(), m(_, {
+        key: 0,
+        data: o.value,
+        onUpdate: n,
+        options: d,
+        title: "Server"
+      }, null, 8, ["data"])) : f("", !0)
     ]));
   }
 });
 export {
-  R as default
+  B as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Servers.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Servers/Servers.vue"],"names":[],"mappings":";AAqOA,wBAMG"}
+{"version":3,"file":"Servers.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Servers/Servers.vue"],"names":[],"mappings":";AAujBA,wBAMG"}

package/dist/views/Servers/Servers.vue2.js

@@ -1,68 +1,156 @@
-import { defineComponent as v, openBlock as a, createBlock as u, withCtx as e, createVNode as r, unref as n, createElementVNode as _, createElementBlock as S, Fragment as x, renderList as b, createTextVNode as k } from "vue";
-import h from "../../components/Sidebar/SidebarButton.vue.js";
-import L from "../../components/Sidebar/SidebarList.vue.js";
-import V from "../../components/Sidebar/SidebarListElement.vue.js";
-import w from "../../components/ViewLayout/ViewLayout.vue.js";
-import y from "../../components/ViewLayout/ViewLayoutContent.vue.js";
-import { useActiveEntities as C } from "../../store/active-entities.js";
-import { serverSchema as E } from "@scalar/oas-utils/entities/spec";
-import { useRouter as B } from "vue-router";
-import N from "./ServerForm.vue.js";
-import { useWorkspace as A } from "../../store/store.js";
-import $ from "../../components/Sidebar/Sidebar.vue.js";
-const g = { class: "flex-1" }, K = /* @__PURE__ */ v({
+import { defineComponent as P, computed as f, openBlock as n, createBlock as p, withCtx as i, createVNode as s, unref as a, createElementVNode as l, createElementBlock as v, Fragment as g, renderList as w, normalizeClass as y, toDisplayString as F, withModifiers as R, withDirectives as M, createCommentVNode as O, vShow as q, createTextVNode as K } from "vue";
+import T from "../../components/Sidebar/SidebarButton.vue.js";
+import U from "../../components/Sidebar/SidebarList.vue.js";
+import W from "../../components/Sidebar/SidebarListElement.vue.js";
+import G from "../../components/ViewLayout/ViewLayout.vue.js";
+import H from "../../components/ViewLayout/ViewLayoutContent.vue.js";
+import { useActiveEntities as J } from "../../store/active-entities.js";
+import { ScalarIcon as b, ScalarButton as C } from "@scalar/components";
+import { LibraryIcon as Q } from "@scalar/icons";
+import { useRouter as X, useRoute as Y } from "vue-router";
+import Z from "./ServerForm.vue.js";
+import { useWorkspace as ee } from "../../store/store.js";
+import te from "../../components/Sidebar/Sidebar.vue.js";
+import { useSidebar as re } from "../../hooks/useSidebar.js";
+const oe = { class: "flex-1" }, se = ["onClick"], ae = { class: "flex h-5 items-center justify-center max-w-[14px] pr-px" }, ie = { class: "break-all line-clamp-1 font-medium text-left w-full" }, we = /* @__PURE__ */ P({
   __name: "Servers",
-  setup(F) {
-    const { activeCollection: t } = C(), { servers: c, serverMutators: f } = A(), { push: p } = B(), d = () => {
-      if (!t.value) return;
-      const o = E.parse({ url: "http://localhost" });
-      f.add(o, t.value.uid), p({
-        name: "servers",
-        params: {
-          server: o.uid
-        }
+  setup(le) {
+    const { activeWorkspaceCollections: S, activeWorkspace: c, activeCollection: d } = J(), { servers: I, events: $, serverMutators: D } = ee(), { push: z } = X(), h = Y(), { collapsedSidebarFolders: x, toggleSidebarFolder: A } = re(), k = f(() => h.params.collectionId), L = f(() => h.params.servers), N = (r) => x[r];
+    function m(r) {
+      $.commandPalette.emit({
+        commandName: "Add Server",
+        metaData: { parentUid: r }
       });
+    }
+    const V = f(() => S.value.filter(
+      (r) => {
+        var t;
+        return ((t = r.info) == null ? void 0 : t.title) !== "Drafts";
+      }
+    )), j = (r, t, e) => {
+      var o;
+      const u = `/workspace/${(o = c == null ? void 0 : c.value) == null ? void 0 : o.uid}/servers/${e}/${t}`;
+      r.metaKey ? window.open(u, "_blank") : z({ path: u });
     };
-    return (o, i) => (a(), u(w, null, {
-      default: e(() => [
-        r(n($), { title: "Servers" }, {
-          content: e(() => [
-            _("div", g, [
-              r(L, null, {
-                default: e(() => {
-                  var l;
-                  return [
-                    (a(!0), S(x, null, b((l = n(t)) == null ? void 0 : l.servers, (s) => {
-                      var m;
-                      return a(), u(V, {
-                        key: s,
-                        class: "text-xs",
-                        type: "server",
-                        variable: {
-                          name: ((m = n(c)[s]) == null ? void 0 : m.url) ?? "",
-                          uid: s
-                        }
-                      }, null, 8, ["variable"]);
-                    }), 128))
-                  ];
-                }),
+    function B(r) {
+      var t;
+      (t = d == null ? void 0 : d.value) != null && t.uid && D.delete(r, k.value);
+    }
+    return (r, t) => (n(), p(G, null, {
+      default: i(() => [
+        s(a(te), { title: "Servers" }, {
+          content: i(() => [
+            l("div", oe, [
+              s(U, null, {
+                default: i(() => [
+                  (n(!0), v(g, null, w(V.value, (e) => {
+                    var u;
+                    return n(), v("div", {
+                      key: e.uid,
+                      class: "flex flex-col gap-1/2"
+                    }, [
+                      l("button", {
+                        class: "flex font-medium gap-1.5 group items-center p-1.5 text-left text-sm w-full break-words rounded hover:bg-b-2",
+                        type: "button",
+                        onClick: (o) => a(A)(e.uid)
+                      }, [
+                        l("span", ae, [
+                          s(a(Q), {
+                            class: "min-w-3.5 text-sidebar-c-2 size-3.5 stroke-2 group-hover:hidden",
+                            src: e["x-scalar-icon"] || "interface-content-folder"
+                          }, null, 8, ["src"]),
+                          l("div", {
+                            class: y({
+                              "rotate-90": a(x)[e.uid]
+                            })
+                          }, [
+                            s(a(b), {
+                              class: "text-c-3 hidden text-sm group-hover:block",
+                              icon: "ChevronRight",
+                              size: "md"
+                            })
+                          ], 2)
+                        ]),
+                        l("span", ie, F(((u = e.info) == null ? void 0 : u.title) ?? ""), 1),
+                        s(a(C), {
+                          class: "hidden group-hover:block px-0.5 py-0 hover:bg-b-3 hover:text-c-1 group-focus-visible:opacity-100 group-has-[:focus-visible]:opacity-100 aspect-square h-fit",
+                          size: "sm",
+                          variant: "ghost",
+                          onClick: R((o) => m(e.uid), ["stop", "prevent"])
+                        }, {
+                          default: i(() => [
+                            s(a(b), {
+                              icon: "Add",
+                              size: "md",
+                              thickness: "2"
+                            })
+                          ]),
+                          _: 2
+                        }, 1032, ["onClick"])
+                      ], 8, se),
+                      M(l("div", {
+                        class: y({
+                          "before:bg-border before:pointer-events-none before:z-1 before:absolute before:left-3 before:top-0 before:h-[calc(100%_+_.5px)] last:before:h-full before:w-[.5px] flex flex-col gap-1/2 mb-[.5px] last:mb-0 relative": Object.keys(e.servers || {}).length > 0
+                        })
+                      }, [
+                        (n(!0), v(g, null, w(e.servers, (o) => {
+                          var _;
+                          return n(), p(W, {
+                            key: o,
+                            class: "[&>a]:pl-[1.625rem]",
+                            collectionId: e.uid,
+                            isDeletable: !0,
+                            type: "servers",
+                            variable: {
+                              name: ((_ = a(I)[o]) == null ? void 0 : _.url) ?? "",
+                              uid: o
+                            },
+                            onClick: (E) => j(E, o, e.uid),
+                            onDelete: B
+                          }, null, 8, ["collectionId", "variable", "onClick"]);
+                        }), 128)),
+                        Object.keys(e.servers || {}).length === 0 ? (n(), p(a(C), {
+                          key: 0,
+                          class: "mb-[.5px] flex gap-1.5 h-8 text-c-1 pl-6 py-0 justify-start text-xs w-full hover:bg-b-2",
+                          variant: "ghost",
+                          onClick: (o) => m(e.uid)
+                        }, {
+                          default: i(() => [
+                            s(a(b), {
+                              class: "ml-0.5 h-2.5 w-2.5",
+                              icon: "Add",
+                              thickness: "3"
+                            }),
+                            t[0] || (t[0] = l("span", null, "Add Server", -1))
+                          ]),
+                          _: 2
+                        }, 1032, ["onClick"])) : O("", !0)
+                      ], 2), [
+                        [q, N(e.uid)]
+                      ])
+                    ]);
+                  }), 128))
+                ]),
                 _: 1
               })
             ])
           ]),
-          button: e(() => [
-            r(h, { click: d }, {
-              title: e(() => i[0] || (i[0] = [
-                k("Add Server")
+          button: i(() => [
+            s(T, { click: m }, {
+              title: i(() => t[1] || (t[1] = [
+                K("Add Server")
               ])),
               _: 1
             })
           ]),
           _: 1
         }),
-        r(y, { class: "flex-1" }, {
-          default: e(() => [
-            r(N)
+        s(H, { class: "flex-1" }, {
+          default: i(() => [
+            s(Z, {
+              collectionId: k.value,
+              serverUid: L.value
+            }, null, 8, ["collectionId", "serverUid"])
           ]),
           _: 1
         })
@@ -72,5 +160,5 @@ const g = { class: "flex-1" }, K = /* @__PURE__ */ v({
   }
 });
 export {
-  K as default
+  we as default
 };

package/package.json

@@ -18,7 +18,7 @@
     "rest",
     "testing"
   ],
-  "version": "2.2.32",
+  "version": "2.2.34",
   "engines": {
     "node": ">=18"
   },
@@ -179,21 +179,21 @@
     "whatwg-mimetype": "^4.0.0",
     "yaml": "^2.4.5",
     "zod": "^3.23.8",
+    "@scalar/components": "0.13.14",
+    "@scalar/draggable": "0.1.8",
     "@scalar/icons": "0.1.2",
-    "@scalar/import": "0.2.16",
+    "@scalar/import": "0.2.17",
+    "@scalar/oas-utils": "0.2.97",
+    "@scalar/openapi-parser": "0.10.4",
+    "@scalar/openapi-types": "0.1.6",
     "@scalar/object-utils": "1.1.12",
-    "@scalar/oas-utils": "0.2.96",
-    "@scalar/openapi-parser": "0.10.3",
-    "@scalar/openapi-types": "0.1.5",
-    "@scalar/postman-to-openapi": "0.1.19",
-    "@scalar/themes": "0.9.59",
-    "@scalar/use-codemirror": "0.11.57",
-    "@scalar/types": "0.0.25",
-    "@scalar/components": "0.13.13",
-    "@scalar/use-hooks": "0.1.13",
-    "@scalar/use-tooltip": "1.0.5",
+    "@scalar/postman-to-openapi": "0.1.20",
+    "@scalar/themes": "0.9.60",
+    "@scalar/types": "0.0.26",
+    "@scalar/use-codemirror": "0.11.59",
+    "@scalar/use-hooks": "0.1.14",
     "@scalar/use-toasts": "0.7.8",
-    "@scalar/draggable": "0.1.8"
+    "@scalar/use-tooltip": "1.0.5"
   },
   "devDependencies": {
     "@types/js-cookie": "^3.0.6",