@scalar/api-client 2.2.32 → 2.2.34

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

@@ -1,34 +1,34 @@
-import { defineComponent as H, ref as W, computed as c, watch as g, onMounted as K, onUnmounted as G, openBlock as l, createBlock as J, unref as i, withCtx as Q, createElementBlock as a, createCommentVNode as u, createElementVNode as e, normalizeClass as X, Fragment as b, createVNode as d, toDisplayString as Y, createTextVNode as M } from "vue";
+import { defineComponent as H, ref as W, computed as a, watch as _, onMounted as K, onUnmounted as G, openBlock as l, createBlock as J, unref as i, withCtx as Q, createElementBlock as d, createCommentVNode as f, createElementVNode as e, normalizeClass as X, Fragment as b, createVNode as m, toDisplayString as Y, createTextVNode as M } from "vue";
 import Z from "../CommandPalette/WatchModeToggle.vue.js";
 import ee from "./ImportNowButton.vue.js";
 import te from "./IntegrationLogo.vue.js";
 import oe from "./PrefetchError.vue.js";
 import se from "./WorkspaceSelector.vue.js";
 import { useUrlPrefetcher as ne } from "./hooks/useUrlPrefetcher.js";
-import { getOpenApiDocumentVersion as U } from "./utils/getOpenApiDocumentVersion.js";
-import { isDocument as A } from "./utils/isDocument.js";
-import { isUrl as C } from "./utils/isUrl.js";
+import { getOpenApiDocumentVersion as T } from "./utils/getOpenApiDocumentVersion.js";
+import { isDocument as U } from "./utils/isDocument.js";
+import { isUrl as A } from "./utils/isUrl.js";
 import { useActiveEntities as re } from "../../store/active-entities.js";
 import { useModal as ie, ScalarModal as le, ScalarIcon as ce } from "@scalar/components";
 import { isLocalUrl as ae } from "@scalar/oas-utils/helpers";
 import { normalize as de } from "@scalar/openapi-parser";
-import { getThemeStyles as me } from "@scalar/themes";
-import { useColorMode as ue } from "@scalar/use-hooks/useColorMode";
+import { getThemeStyles as me, themeIds as ue } from "@scalar/themes";
+import { useColorMode as fe } from "@scalar/use-hooks/useColorMode";
 import { useRouter as pe } from "vue-router";
-import { useWorkspace as fe } from "../../store/store.js";
-const ve = ["innerHTML"], he = { class: "flex flex-col h-screen justify-center px-6 overflow-hidden relative md:px-0" }, xe = {
+import { useWorkspace as ve } from "../../store/store.js";
+const he = ["innerHTML"], xe = { class: "flex flex-col h-screen justify-center px-6 overflow-hidden relative md:px-0" }, ye = {
   key: 0,
   class: "flex justify-center items-center mb-2 p-1"
-}, ye = { class: "rounded-xl size-10" }, _e = ["src"], ge = {
+}, ge = { class: "rounded-xl size-10" }, _e = ["src"], be = {
   key: 2,
   class: "text-center text-md font-bold mb-2 line-clamp-1"
-}, be = { class: "inline-flex flex-col gap-2 items-center z-10 w-full" }, we = { class: "flex justify-center" }, ke = { class: "inline-flex py-1 px-4 items-center text-xs font-medium text-c-3" }, Ie = {
+}, we = { class: "inline-flex flex-col gap-2 items-center z-10 w-full" }, ke = { class: "flex justify-center" }, Ie = { class: "inline-flex py-1 px-4 items-center text-xs font-medium text-c-3" }, Le = {
   key: 0,
   class: "text-sm overflow-hidden mt-5 pt-4 border-t-1/2"
-}, Le = { class: "flex items-center justify-center" }, Me = { class: "flex flex-col justify-center items-center pb-8" }, Ue = { class: "text-center flex items-center flex-col" }, Ae = { class: "mb-2 w-10 h-10 border rounded-[10px] flex items-center justify-center" }, Ce = {
+}, Me = { class: "flex items-center justify-center" }, Te = { class: "flex flex-col justify-center items-center pb-8" }, Ue = { class: "text-center flex items-center flex-col" }, Ae = { class: "mb-2 w-10 h-10 border rounded-[10px] flex items-center justify-center" }, Ce = {
   href: "https://scalar.com/download",
   target: "_blank"
-}, Ge = /* @__PURE__ */ H({
+}, Je = /* @__PURE__ */ H({
   __name: "ImportCollectionModal",
   props: {
     source: {},
@@ -36,10 +36,10 @@ const ve = ["innerHTML"], he = { class: "flex flex-col h-screen justify-center p
     eventType: {}
   },
   emits: ["importFinished"],
-  setup(T, { emit: P }) {
-    const s = T, D = P, { activeWorkspace: p } = re(), { workspaceMutators: V, events: j } = fe(), { prefetchResult: n, prefetchUrl: w, resetPrefetchResult: S } = ne(), r = ie(), v = W(!0);
+  setup(C, { emit: P }) {
+    const s = C, D = P, { activeWorkspace: p } = re(), { workspaceMutators: V, events: j } = ve(), { prefetchResult: n, prefetchUrl: w, resetPrefetchResult: S } = ne(), r = ie(), h = W(!0);
     j.hotKeys.on(() => r.hide());
-    const z = c(() => {
+    const z = a(() => {
       try {
         return de(
           n.content || s.source || ""
@@ -47,12 +47,12 @@ const ve = ["innerHTML"], he = { class: "flex flex-col h-screen justify-center p
       } catch {
         return;
       }
-    }), N = c(() => {
+    }), N = a(() => {
       var o, t;
       return (t = (o = z.value) == null ? void 0 : o.info) == null ? void 0 : t.title;
-    }), k = c(
-      () => U(n.content || s.source || "")
-    ), { darkLightMode: O } = ue(), { currentRoute: $ } = pe(), h = c(() => {
+    }), k = a(
+      () => T(n.content || s.source || "")
+    ), { darkLightMode: O } = fe(), { currentRoute: $ } = pe(), x = a(() => {
       try {
         const o = $.value.query, t = O.value === "dark" ? o.dark_logo : o.light_logo;
         if (t) return decodeURIComponent(t);
@@ -60,54 +60,55 @@ const ve = ["innerHTML"], he = { class: "flex flex-col h-screen justify-center p
       }
       return null;
     });
-    g(
+    _(
       () => s.source,
       async (o) => {
-        var t, m;
-        if (S(), C(o)) {
+        var t, c;
+        if (S(), A(o)) {
           if (s.eventType && ["paste", "drop"].includes(s.eventType)) {
-            const { error: f } = await w(
+            const { error: v } = await w(
               o,
               (t = p.value) == null ? void 0 : t.proxyUrl
             );
-            f ? r.hide() : r.show();
+            v ? r.hide() : r.show();
             return;
           }
-          w(o, (m = p.value) == null ? void 0 : m.proxyUrl), r.show();
+          w(o, (c = p.value) == null ? void 0 : c.proxyUrl), r.show();
           return;
         }
-        o && A(o) && U(o) ? r.show() : r.hide();
+        o && U(o) && T(o) ? r.show() : r.hide();
       }
     );
-    const E = c(() => !!s.source && C(s.source)), F = c(() => !!s.source && A(s.source)), x = c(() => n.url && ae(n.url)), y = (o) => {
+    const E = a(() => !!s.source && A(s.source)), F = a(() => !!s.source && U(s.source)), y = a(() => n.url && ae(n.url)), g = (o) => {
       document.body.classList.remove("has-no-import-url"), (E.value || F.value) && r.open ? document.body.classList.add("has-import-url") : document.body.classList.remove("has-import-url");
     }, R = () => {
       document.body.classList.remove("has-import-url"), document.body.classList.add("has-no-import-url");
     };
-    g(
+    _(
       () => r.open,
       (o) => {
-        o ? y() : R();
+        o ? g() : R();
       }
-    ), g(
+    ), _(
       () => s.source,
       () => {
-        y();
+        g();
       }
     ), K(() => {
-      y();
+      g();
     }), G(() => {
       document.body.classList.remove("has-import-url"), document.body.classList.remove("has-no-import-url");
     });
-    const I = c(
-      () => p.value && x.value && s.integration && `<style>${me(s.integration)}</style>`
+    const I = a(
+      () => p.value && y.value && s.integration && `<style>${me(s.integration)}</style>`
     );
     function q() {
-      var o;
-      x.value && s.integration && V.edit(
-        ((o = p.value) == null ? void 0 : o.uid) ?? "",
+      var c;
+      const o = (u) => ue.includes(u), t = s.integration && o(s.integration) ? s.integration : "default";
+      y.value && V.edit(
+        ((c = p.value) == null ? void 0 : c.uid) ?? "",
         "themeId",
-        s.integration
+        t
       ), D("importFinished");
     }
     return (o, t) => (l(), J(i(le), {
@@ -115,13 +116,13 @@ const ve = ["innerHTML"], he = { class: "flex flex-col h-screen justify-center p
       state: i(r)
     }, {
       default: Q(() => {
-        var m, _, f, L;
+        var c, u, v, L;
         return [
-          I.value ? (l(), a("div", {
+          I.value ? (l(), d("div", {
             key: 0,
             innerHTML: I.value
-          }, null, 8, ve)) : u("", !0),
-          e("div", he, [
+          }, null, 8, he)) : f("", !0),
+          e("div", xe, [
             t[6] || (t[6] = e("div", { class: "section-flare" }, [
               e("div", { class: "section-flare-item" }),
               e("div", { class: "section-flare-item" }),
@@ -135,57 +136,57 @@ const ve = ["innerHTML"], he = { class: "flex flex-col h-screen justify-center p
             e("div", {
               class: X(["flex items-center flex-col m-auto px-8 py-8 rounded-xl border-1/2 max-w-[380px] w-full transition-opacity", { "opacity-0": i(n).state === "loading" }])
             }, [
-              i(n).error && i(n).state === "idle" && !k.value ? (l(), a(b, { key: 0 }, [
+              i(n).error && i(n).state === "idle" && !k.value ? (l(), d(b, { key: 0 }, [
                 t[1] || (t[1] = e("div", { class: "text-center text-md font-bold mb-2 line-clamp-1" }, " No OpenAPI document found ", -1)),
-                d(oe, {
-                  url: ((m = i(n)) == null ? void 0 : m.input) || s.source
+                m(oe, {
+                  url: ((c = i(n)) == null ? void 0 : c.input) || s.source
                 }, null, 8, ["url"])
-              ], 64)) : (l(), a(b, { key: 1 }, [
-                x.value ? (l(), a("div", xe, [
-                  e("div", ye, [
-                    d(te, { integration: o.integration }, null, 8, ["integration"])
+              ], 64)) : (l(), d(b, { key: 1 }, [
+                y.value ? (l(), d("div", ye, [
+                  e("div", ge, [
+                    m(te, { integration: o.integration }, null, 8, ["integration"])
                   ])
-                ])) : h.value ? (l(), a("img", {
+                ])) : x.value ? (l(), d("img", {
                   key: 1,
                   alt: "Logo",
                   class: "w-full object-contain mb-2",
-                  src: h.value
-                }, null, 8, _e)) : u("", !0),
-                h.value ? u("", !0) : (l(), a("div", ge, Y(N.value || "Untitled Collection"), 1)),
+                  src: x.value
+                }, null, 8, _e)) : f("", !0),
+                x.value ? f("", !0) : (l(), d("div", be, Y(N.value || "Untitled Collection"), 1)),
                 t[4] || (t[4] = e("div", { class: "text-c-1 text-sm font-medium text-center text-balance" }, " Import the OpenAPI document to instantly send API requests. No signup required. ", -1)),
-                k.value ? (l(), a(b, { key: 3 }, [
-                  e("div", be, [
-                    d(ee, {
-                      source: ((_ = i(n)) == null ? void 0 : _.url) ?? ((f = i(n)) == null ? void 0 : f.content) ?? o.source,
+                k.value ? (l(), d(b, { key: 3 }, [
+                  e("div", we, [
+                    m(ee, {
+                      source: ((u = i(n)) == null ? void 0 : u.url) ?? ((v = i(n)) == null ? void 0 : v.content) ?? o.source,
                       variant: "button",
-                      watchMode: v.value,
+                      watchMode: h.value,
                       onImportFinished: q
                     }, null, 8, ["source", "watchMode"])
                   ]),
-                  e("div", we, [
-                    e("div", ke, [
+                  e("div", ke, [
+                    e("div", Ie, [
                       t[2] || (t[2] = M(" Import to: ")),
-                      d(se)
+                      m(se)
                     ])
                   ]),
-                  (L = i(n)) != null && L.url ? (l(), a("div", Ie, [
-                    e("div", Le, [
-                      d(Z, {
-                        modelValue: v.value,
-                        "onUpdate:modelValue": t[0] || (t[0] = (B) => v.value = B),
+                  (L = i(n)) != null && L.url ? (l(), d("div", Le, [
+                    e("div", Me, [
+                      m(Z, {
+                        modelValue: h.value,
+                        "onUpdate:modelValue": t[0] || (t[0] = (B) => h.value = B),
                         disableToolTip: !0
                       }, null, 8, ["modelValue"])
                     ]),
                     t[3] || (t[3] = e("div", { class: "pt-0 text-center text-balance font-medium text-xs text-c-3" }, " Automatically update your API client when the OpenAPI document content changes. ", -1))
-                  ])) : u("", !0)
-                ], 64)) : u("", !0)
+                  ])) : f("", !0)
+                ], 64)) : f("", !0)
               ], 64))
             ], 2),
-            e("div", Me, [
+            e("div", Te, [
               e("div", Ue, [
                 e("div", Ae, [
                   e("a", Ce, [
-                    d(i(ce), {
+                    m(i(ce), {
                       icon: "Logo",
                       size: "xl"
                     })
@@ -210,5 +211,5 @@ const ve = ["innerHTML"], he = { class: "flex flex-col h-screen justify-center p
   }
 });
 export {
-  Ge as default
+  Je as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ImportCollection/WorkspaceSelector.vue"],"names":[],"mappings":";AA2bA,wBAKG"}
+{"version":3,"file":"WorkspaceSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ImportCollection/WorkspaceSelector.vue"],"names":[],"mappings":";AA6bA,wBAKG"}

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

@@ -1,4 +1,4 @@
-import { defineComponent as W, ref as D, openBlock as d, createElementBlock as w, Fragment as k, createElementVNode as s, createVNode as o, unref as e, withCtx as r, renderList as N, createBlock as z, withModifiers as v, normalizeClass as M, toDisplayString as h, withDirectives as B, vModelText as V, createTextVNode as j } from "vue";
+import { defineComponent as W, ref as D, openBlock as m, createElementBlock as w, Fragment as v, createElementVNode as s, createVNode as o, unref as e, withCtx as r, renderList as z, createBlock as N, withModifiers as k, normalizeClass as M, toDisplayString as h, withDirectives as B, vModelText as V, createTextVNode as j } from "vue";
 import { useActiveEntities as E } from "../../store/active-entities.js";
 import { useModal as T, ScalarDropdown as $, ScalarDropdownItem as _, ScalarIcon as u, ScalarDropdownDivider as A, ScalarButton as b, ScalarModal as I } from "@scalar/components";
 import { useToasts as F } from "@scalar/use-toasts";
@@ -7,45 +7,45 @@ import { useWorkspace as P } from "../../store/store.js";
 const R = { class: "flex items-center text-sm w-[inherit]" }, U = { class: "font-medium m-0 text-sm flex gap-1 items-center" }, q = { class: "line-clamp-1 text-left w-[calc(100%-10px)] text-xs" }, G = { class: "text-ellipsis overflow-hidden" }, H = { class: "flex items-center justify-center h-4 w-4" }, ee = /* @__PURE__ */ W({
   __name: "WorkspaceSelector",
   setup(J) {
-    const { activeWorkspace: i } = E(), { workspaces: g, workspaceMutators: C } = P(), { push: f } = L(), c = T(), { toast: x } = F(), n = D(""), S = (l) => {
+    const { activeWorkspace: i } = E(), { workspaces: g, workspaceMutators: C } = P(), { push: f } = L(), c = T(), { toast: x } = F(), l = D(""), y = (n) => {
       var t;
-      l !== ((t = i.value) == null ? void 0 : t.uid) && f({
+      n !== ((t = i.value) == null ? void 0 : t.uid) && f({
         name: "workspace",
         params: {
-          workspace: l
+          workspace: n
         }
       });
-    }, y = () => {
-      if (!n.value.trim()) {
+    }, S = () => {
+      if (!l.value.trim()) {
         x("Please enter a name before creating a workspace.", "error");
         return;
       }
-      const l = C.add({
-        name: n.value
+      const n = C.add({
+        name: l.value
       });
-      x(`Created new workspace '${l.name}'`), f({
+      x(`Created new workspace '${n.name}'`), f({
         name: "workspace",
         params: {
-          workspace: l.uid
+          workspace: n.uid
         }
-      }), n.value = "", c.hide();
+      }), l.value = "", c.hide();
     };
-    return (l, t) => (d(), w(k, null, [
+    return (n, t) => (m(), w(v, null, [
       s("div", R, [
         o(e($), null, {
           items: r(() => [
-            (d(!0), w(k, null, N(e(g), (a, p) => (d(), z(e(_), {
+            (m(!0), w(v, null, z(e(g), (a, p) => (m(), N(e(_), {
               key: p,
               class: "flex gap-1.5 group/item items-center whitespace-nowrap text-ellipsis overflow-hidden w-full",
-              onClick: v((m) => S(p), ["stop"])
+              onClick: k((d) => y(p), ["stop"])
             }, {
               default: r(() => {
-                var m;
+                var d;
                 return [
                   s("div", {
                     class: M([
                       "flex items-center justify-center rounded-full p-[3px] w-4 h-4",
-                      ((m = e(i)) == null ? void 0 : m.uid) === p ? "bg-c-accent text-b-1" : "group-hover/item:shadow-border text-transparent"
+                      ((d = e(i)) == null ? void 0 : d.uid) === p ? "bg-c-accent text-b-1" : "group-hover/item:shadow-border text-transparent"
                     ])
                   }, [
                     o(e(u), {
@@ -101,27 +101,28 @@ const R = { class: "flex items-center text-sm w-[inherit]" }, U = { class: "font
         })
       ]),
       o(e(I), {
-        bodyClass: "!m-0 !p-1",
+        bodyClass: "m-0 p-1 rounded-lg border-t-0",
+        class: "absolute z-overlay",
         size: "xxs",
         state: e(c),
         variant: "form"
       }, {
         default: r(() => [
           s("form", {
-            class: "flex gap-1 rounded",
-            onSubmit: v(y, ["prevent"])
+            class: "flex gap-1",
+            onSubmit: k(S, ["prevent"])
           }, [
             B(s("input", {
-              "onUpdate:modelValue": t[1] || (t[1] = (a) => n.value = a),
+              "onUpdate:modelValue": t[1] || (t[1] = (a) => l.value = a),
               class: "border-none outline-none flex-1 w-full text-sm min-h-8 p-1.5",
               placeholder: "New Workspace",
               type: "text"
             }, null, 512), [
-              [V, n.value]
+              [V, l.value]
             ]),
             o(e(b), {
               class: "max-h-8 text-xs p-0 px-3",
-              disabled: !n.value.trim(),
+              disabled: !l.value.trim(),
               type: "submit"
             }, {
               default: r(() => t[3] || (t[3] = [

package/dist/components/Search/useSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSearch.d.ts","sourceRoot":"","sources":["../../../src/components/Search/useSearch.ts"],"names":[],"mappings":"AAIA,OAAa,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAI/C;;;GAGG;AACH,wBAAgB,SAAS;;;eAMd,MAAM;qBACA,MAAM;kBACT,MAAM;YACZ,MAAM;cACJ,MAAM;cACN,MAAM;;;iCA4FsB,UAAU;eAjGrC,MAAM;qBACA,MAAM;kBACT,MAAM;YACZ,MAAM;cACJ,MAAM;cACN,MAAM;MA4F0C;sBAxDjC,IAAI;;;uCAae,IAAI,GAAG,MAAM;;EAyExD"}
+{"version":3,"file":"useSearch.d.ts","sourceRoot":"","sources":["../../../src/components/Search/useSearch.ts"],"names":[],"mappings":"AAIA,OAAa,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAI/C;;;GAGG;AACH,wBAAgB,SAAS;;;eAUd,MAAM;qBACA,MAAM;kBACT,MAAM;YACZ,MAAM;cACJ,MAAM;cACN,MAAM;;;iCAkHsB,UAAU;eAvHrC,MAAM;qBACA,MAAM;kBACT,MAAM;YACZ,MAAM;cACJ,MAAM;cACN,MAAM;MAkH0C;sBAxDjC,IAAI;;;uCAae,IAAI,GAAG,MAAM;;EAyExD"}

package/dist/components/Search/useSearch.js

@@ -1,17 +1,30 @@
-import { useActiveEntities as x } from "../../store/active-entities.js";
-import { isDefined as A } from "@scalar/oas-utils/helpers";
-import D from "fuse.js";
-import { ref as a, watch as d, computed as R, nextTick as E } from "vue";
-import { useRouter as I } from "vue-router";
-import { useWorkspace as C } from "../../store/store.js";
-function P() {
-  const k = I(), { activeWorkspace: S, activeWorkspaceRequests: i } = x(), { requests: b } = C(), u = a([]), c = a([]), s = a(0), l = a(""), n = a(null), v = a([]), h = new D(u.value, {
+import { useActiveEntities as H } from "../../store/active-entities.js";
+import { isDefined as k, shouldIgnoreEntity as S } from "@scalar/oas-utils/helpers";
+import L from "fuse.js";
+import { ref as o, watch as y, computed as I, nextTick as M } from "vue";
+import { useRouter as V } from "vue-router";
+import { useWorkspace as $ } from "../../store/store.js";
+function K() {
+  const T = V(), {
+    activeWorkspace: b,
+    activeWorkspaceRequests: h,
+    activeWorkspaceCollections: W
+  } = H(), { requests: w, tags: E } = $(), u = o([]), r = o([]), a = o(0), n = o(""), c = o(null), f = o([]), m = new L(u.value, {
     keys: ["title", "description", "body"]
-  }), g = () => {
-    l.value = "", s.value = 0, c.value = [], n.value instanceof HTMLInputElement && n.value.blur();
-  }, y = (e) => {
-    u.value = e.map((t) => {
-      var o;
+  }), x = () => {
+    n.value = "", a.value = 0, r.value = [], c.value instanceof HTMLInputElement && c.value.blur();
+  }, A = (e) => {
+    u.value = e.filter((t) => S(t)).filter((t) => {
+      var g;
+      const s = (g = W.value) == null ? void 0 : g.find(
+        (l) => l.requests.includes(t.uid)
+      );
+      return !!!(s != null && s.tags.map((l) => E[l]).filter(k).filter((l) => {
+        var R;
+        return (R = t.tags) == null ? void 0 : R.includes(l.name);
+      }).filter((l) => S(l)).length);
+    }).map((t) => {
+      var s;
       return {
         id: t.uid,
         title: t.summary ?? t.method,
@@ -19,58 +32,58 @@ function P() {
         httpVerb: t.method,
         path: t.path,
         // TODO: Use router instead
-        link: `/workspace/${(o = S.value) == null ? void 0 : o.uid}/request/${t.uid}`
+        link: `/workspace/${(s = b.value) == null ? void 0 : s.uid}/request/${t.uid}`
       };
-    }), h.setCollection(u.value);
-  }, m = () => {
-    s.value = 0, c.value = h.search(l.value);
+    }), m.setCollection(u.value);
+  }, p = () => {
+    a.value = 0, r.value = m.search(n.value);
   };
-  d(l, (e) => {
-    e.length ? m() : c.value = [];
+  y(n, (e) => {
+    e.length ? p() : r.value = [];
   });
-  const w = (e) => {
-    const t = e === "up" ? -1 : 1, o = r.value.length;
-    s.value = (s.value + t + o) % o, E(() => {
-      const f = v.value[s.value];
-      f instanceof HTMLElement && f.scrollIntoView({
+  const C = (e) => {
+    const t = e === "up" ? -1 : 1, s = i.value.length;
+    a.value = (a.value + t + s) % s, M(() => {
+      const v = f.value[a.value];
+      v instanceof HTMLElement && v.scrollIntoView({
         behavior: "smooth",
         block: "center"
       });
     });
-  }, T = () => {
-    if (s.value >= 0) {
-      const e = r.value[s.value];
-      e && p(e);
+  }, D = () => {
+    if (a.value >= 0) {
+      const e = i.value[a.value];
+      e && d(e);
     }
-  }, W = R(
-    () => i.value.map((e) => b[e]).filter(A)
+  }, F = I(
+    () => h.value.map((e) => w[e]).filter(k)
   );
-  d(
-    i,
+  y(
+    h,
     () => {
-      y(W.value);
+      A(F.value);
     },
     { immediate: !0 }
   );
-  const p = (e) => {
-    k.push(e.item.id), g();
-  }, r = R(
-    () => l.value.length === 0 ? u.value.map((e) => ({
+  const d = (e) => {
+    T.push(e.item.id), x();
+  }, i = I(
+    () => n.value.length === 0 ? u.value.map((e) => ({
       item: e
-    })) : c.value
+    })) : r.value
   );
   return {
-    searchText: l,
-    searchResultsWithPlaceholderResults: r,
-    selectedSearchResult: s,
-    onSearchResultClick: p,
-    fuseSearch: m,
-    searchInputRef: n,
-    searchResultRefs: v,
-    navigateSearchResults: w,
-    selectSearchResult: T
+    searchText: n,
+    searchResultsWithPlaceholderResults: i,
+    selectedSearchResult: a,
+    onSearchResultClick: d,
+    fuseSearch: p,
+    searchInputRef: c,
+    searchResultRefs: f,
+    navigateSearchResults: C,
+    selectSearchResult: D
   };
 }
 export {
-  P as useSearch
+  K as useSearch
 };

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

@@ -11,8 +11,8 @@ const h = /* @__PURE__ */ a({
   setup(f) {
     const { layout: n } = d();
     return (e, w) => (r(), i(m(e.is ?? "a"), {
-      class: s(["hover:bg-b-3 no-underline min-w-[37px] max-w-[37px] flex items-center justify-center rounded-lg p-2", {
-        "bg-b-3 transition-none hover:cursor-auto text-c-1": e.active,
+      class: s(["hover:bg-b-2 no-underline min-w-[37px] max-w-[37px] flex items-center justify-center rounded-lg p-2", {
+        "bg-b-2 transition-none hover:cursor-auto text-c-1": e.active,
         "sm:min-w-max sm:max-w-max sm:rounded sm:py-1.5": o(n) === "web"
       }])
     }, {

package/dist/components/Sidebar/Sidebar.vue.js

@@ -1,7 +1,7 @@
 import o from "./Sidebar.vue2.js";
 /* empty css             */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-ba6d2e30"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-9571ad76"]]);
 export {
-  m as default
+  p as default
 };

package/dist/components/Sidebar/Sidebar.vue2.js

@@ -3,7 +3,7 @@ import { useBreakpoints as z } from "@scalar/use-hooks/useBreakpoints";
 import { useWorkspace as B } from "../../store/store.js";
 const C = {
   key: 0,
-  class: "min-h-12 xl:min-h-client-header flex items-center justify-between px-3 py-1.5 md:px-4 md:py-2.5 text-sm"
+  class: "min-h-12 xl:min-h-client-header flex items-center justify-between px-3 py-1.5 md:px-[18px] md:py-2.5 text-sm"
 }, I = { class: "font-medium m-0 text-sm whitespace-nowrap" }, O = { class: "relative z-10 pt-0 md:px-2.5 md:pb-2.5 sticky bottom-0 w-[inherit] has-[.empty-sidebar-item]:border-t-1/2" }, V = /* @__PURE__ */ S({
   __name: "Sidebar",
   props: {
@@ -11,14 +11,14 @@ const C = {
     isSidebarOpen: { type: Boolean, default: !0 }
   },
   setup(y) {
-    const w = y, { isReadOnly: c, sidebarWidth: o, setSidebarWidth: i } = B(), a = g(!1), p = g(null), { breakpoints: d } = z(), k = (e) => {
+    const w = y, { isReadOnly: c, sidebarWidth: o, setSidebarWidth: i } = B(), a = g(!1), p = g(null), { breakpoints: d } = z(), x = (e) => {
       e.preventDefault();
-      const f = e.clientX, x = parseInt(
+      const f = e.clientX, k = parseInt(
         getComputedStyle(p.value).width || o.value,
         10
       ), v = (E) => {
         a.value = !0, document.body.classList.add("dragging");
-        let t = x + E.clientX - f;
+        let t = k + E.clientX - f;
         t > 420 && (t = 420 + (t - 420) * 0.2), t < 240 && (t = 240), i(`${t}px`);
       }, b = () => {
         a.value = !1, document.body.classList.remove("dragging"), document.documentElement.removeEventListener("mousemove", v, !1), document.documentElement.removeEventListener("mouseup", b, !1), parseInt(o.value, 10) > 420 ? i("360px") : parseInt(o.value, 10) < 240 && i("240px");
@@ -49,7 +49,7 @@ const C = {
         ]),
         r("div", {
           class: "resizer",
-          onMousedown: k
+          onMousedown: x
         }, null, 32)
       ], 64)) : u("", !0)
     ], 6)), [

package/dist/components/Sidebar/SidebarList.vue.js

@@ -1,6 +1,6 @@
 import { openBlock as o, createElementBlock as t, renderSlot as r } from "vue";
 import c from "../../_virtual/_plugin-vue_export-helper.js";
-const s = {}, l = { class: "flex flex-col gap-px px-3 pb-[75px]" };
+const s = {}, l = { class: "gap-1/2 flex flex-col px-3 pb-[75px]" };
 function n(e, f) {
   return o(), t("ul", l, [
     r(e.$slots, "default")

package/dist/components/Sidebar/SidebarListElement.vue.d.ts

@@ -12,7 +12,7 @@ type __VLS_Props = {
     isDeletable?: boolean;
     isCopyable?: boolean;
     isRenameable?: boolean;
-    type: 'environment' | 'cookies' | 'server';
+    type: 'environment' | 'cookies' | 'servers';
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     delete: (id: string) => any;

package/dist/components/Sidebar/SidebarListElement.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarListElement.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarListElement.vue"],"names":[],"mappings":"AAqHA,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,oBAAoB,CAAA;AAK1D,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE;QACR,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,IAAI,CAAC,EAAE,IAAI,CAAA;QACX,SAAS,CAAC,EAAE,OAAO,CAAA;KACpB,CAAA;IACD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,EAAE,aAAa,GAAG,SAAS,GAAG,QAAQ,CAAA;CAC3C,CAAC;;;;;;;;;;AAuNF,wBAQG"}
+{"version":3,"file":"SidebarListElement.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarListElement.vue"],"names":[],"mappings":"AAwHA,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,oBAAoB,CAAA;AAK1D,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE;QACR,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,IAAI,CAAC,EAAE,IAAI,CAAA;QACX,SAAS,CAAC,EAAE,OAAO,CAAA;KACpB,CAAA;IACD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,IAAI,EAAE,aAAa,GAAG,SAAS,GAAG,SAAS,CAAA;CAC5C,CAAC;;;;;;;;;;AA0NF,wBAQG"}

package/dist/components/Sidebar/SidebarListElement.vue.js

@@ -1,7 +1,7 @@
 import t from "./SidebarListElement.vue2.js";
 /* empty css                        */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-4713d7d0"]]);
+const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-b9e543a3"]]);
 export {
-  a as default
+  m as default
 };