@scalar/api-client 2.1.22 → 2.1.23

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

@@ -1,91 +1,112 @@
-import { defineComponent as C, computed as d, watch as S, openBlock as l, createBlock as I, unref as o, withCtx as z, createElementVNode as t, toDisplayString as f, createVNode as i, createElementBlock as m, Fragment as B, createCommentVNode as h } from "vue";
-import { useUrlPrefetcher as D } from "./hooks/useUrlPrefetcher.js";
+import { defineComponent as S, computed as a, watch as C, openBlock as l, createBlock as z, unref as o, withCtx as D, createElementVNode as e, toDisplayString as h, createElementBlock as d, createVNode as i, Fragment as F, createCommentVNode as x, createTextVNode as I } from "vue";
+import { useUrlPrefetcher as V } from "./hooks/useUrlPrefetcher.js";
 import { getOpenApiDocumentVersion as _ } from "./utils/getOpenApiDocumentVersion.js";
-import { isDocument as E } from "./utils/isDocument.js";
-import { isUrl as F } from "./utils/isUrl.js";
-import { useModal as U, ScalarModal as V, ScalarIcon as x, ScalarCodeBlock as A } from "@scalar/components";
-import { normalize as M } from "@scalar/openapi-parser";
-import N from "./ImportNowButton.vue.js";
-import $ from "../../views/Request/components/WorkspaceDropdown.vue.js";
-import { useWorkspace as O } from "../../store/store.js";
-const P = { class: "flex gap-5 flex-col my-24" }, W = { class: "text-center text-xl font-medium" }, j = { class: "flex justify-center" }, K = { class: "inline-block bg-b-2 py-1 px-4 rounded" }, R = {
+import { isDocument as j } from "./utils/isDocument.js";
+import { isUrl as A } from "./utils/isUrl.js";
+import { useModal as B, ScalarModal as E, ScalarIcon as m, ScalarCodeBlock as N } from "@scalar/components";
+import { normalize as O } from "@scalar/openapi-parser";
+import U from "./ImportNowButton.vue.js";
+import M from "./WorkspaceSelector.vue.js";
+import { useWorkspace as $ } from "../../store/store.js";
+const P = { class: "flex flex-col h-screen justify-center overflow-hidden relative" }, T = { class: "flex items-center flex-col m-auto" }, W = { class: "text-center text-[50px] tracking-[-3px] leading-tight font-medium text-pretty" }, K = {
   key: 0,
-  class: "flex gap-2 items-center p-3 font-code text-sm border rounded break-words"
-}, T = { class: "break-all" }, q = { class: "flex gap-2 items-center p-3 font-code text-sm border rounded" }, G = { class: "bg-b-2 h-48 border rounded custom-scroll" }, H = {
+  class: "flex gap-2 items-center p-3 font-code text-sm border rounded break-words my-4"
+}, L = { class: "break-all" }, R = { class: "flex gap-2 items-center p-3 font-code text-sm border rounded" }, q = { class: "bg-b-2 h-48 border rounded custom-scroll" }, G = {
   key: 2,
   class: "inline-flex flex-col gap-2 items-center mt-2"
-}, se = /* @__PURE__ */ C({
+}, H = { class: "flex justify-center" }, J = { class: "inline-block py-1 px-4" }, Q = { class: "flex flex-col justify-center items-center pb-4" }, X = { class: "text-center flex items-center flex-col" }, Y = { class: "mb-2 w-10 h-10 border rounded-[10px] flex items-center justify-center" }, ae = /* @__PURE__ */ S({
   __name: "ImportCollectionModal",
   props: {
     source: {}
   },
   emits: ["importFinished"],
   setup(v) {
-    const c = v, { activeWorkspace: k, events: g } = O(), { prefetchResult: s, prefetchUrl: b } = D(), n = U();
+    const c = v, { activeWorkspace: k, events: g } = $(), { prefetchResult: r, prefetchUrl: y } = V(), n = B();
     g.hotKeys.on(() => n.hide());
-    const y = d(() => {
+    const b = a(() => {
       try {
-        return M(
-          s.content || c.source || ""
+        return O(
+          r.content || c.source || ""
         );
       } catch {
         return;
       }
-    }), w = d(() => {
-      var e, r;
-      return (r = (e = y.value) == null ? void 0 : e.info) == null ? void 0 : r.title;
-    }), a = d(
-      () => _(s.content || c.source || "")
+    }), w = a(() => {
+      var t, s;
+      return (s = (t = b.value) == null ? void 0 : t.info) == null ? void 0 : s.title;
+    }), p = a(
+      () => _(r.content || c.source || "")
     );
-    return S(
+    return C(
       () => c.source,
-      (e) => {
-        b(e, k.value.proxyUrl), e && (F(e) || E(e) && _(e)) ? n.show() : n.hide();
+      (t) => {
+        y(t, k.value.proxyUrl), t && (A(t) || j(t) && _(t)) ? n.show() : n.hide();
       }
-    ), (e, r) => (l(), I(o(V), {
-      size: "md",
+    ), (t, s) => (l(), z(o(E), {
+      size: "full",
       state: o(n)
     }, {
-      default: z(() => {
-        var p, u;
+      default: D(() => {
+        var f, u;
         return [
-          t("div", P, [
-            t("div", W, f(w.value ?? "Import Collection"), 1),
-            t("div", j, [
-              t("div", K, [
-                i(o($))
-              ])
-            ]),
-            o(s).state !== "loading" && o(s).error ? (l(), m("div", R, [
-              i(o(x), {
-                class: "text-red flex-shrink-0",
-                icon: "Error",
-                size: "sm"
-              }),
-              t("div", T, f(o(s).error), 1)
-            ])) : a.value ? h("", !0) : (l(), m(B, { key: 1 }, [
-              t("div", q, [
-                i(o(x), {
-                  class: "text-red",
+          e("div", P, [
+            e("div", T, [
+              e("div", W, h(w.value ?? "Import Collection"), 1),
+              o(r).state !== "loading" && o(r).error ? (l(), d("div", K, [
+                i(o(m), {
+                  class: "text-red flex-shrink-0",
                   icon: "Error",
                   size: "sm"
                 }),
-                r[1] || (r[1] = t("div", null, "This doesn’t look like a valid OpenAPI/Swagger document.", -1))
-              ]),
-              t("div", G, [
-                i(o(A), {
-                  content: ((p = o(s).content) == null ? void 0 : p.trim()) || ((u = c.source) == null ? void 0 : u.trim()) || "",
-                  copy: !1
-                }, null, 8, ["content"])
+                e("div", L, h(o(r).error), 1)
+              ])) : p.value ? x("", !0) : (l(), d(F, { key: 1 }, [
+                e("div", R, [
+                  i(o(m), {
+                    class: "text-red",
+                    icon: "Error",
+                    size: "sm"
+                  }),
+                  s[1] || (s[1] = e("div", null, "This doesn’t look like a valid OpenAPI/Swagger document.", -1))
+                ]),
+                e("div", q, [
+                  i(o(N), {
+                    content: ((f = o(r).content) == null ? void 0 : f.trim()) || ((u = c.source) == null ? void 0 : u.trim()) || "",
+                    copy: !1
+                  }, null, 8, ["content"])
+                ])
+              ], 64)),
+              p.value ? (l(), d("div", G, [
+                i(U, {
+                  source: t.source,
+                  variant: "button",
+                  onImportFinished: s[0] || (s[0] = () => t.$emit("importFinished"))
+                }, null, 8, ["source"])
+              ])) : x("", !0),
+              e("div", H, [
+                e("div", J, [
+                  i(M)
+                ])
+              ])
+            ]),
+            e("div", Q, [
+              e("div", X, [
+                e("div", Y, [
+                  i(o(m), {
+                    icon: "Logo",
+                    size: "xl"
+                  })
+                ]),
+                s[2] || (s[2] = e("span", { class: "text-c-2" }, [
+                  e("a", {
+                    class: "hover:text-c-1",
+                    href: "https://scalar.com/download",
+                    target: "_blank"
+                  }, " Download Scalar App "),
+                  e("br"),
+                  I(" Offline First - Open Source ")
+                ], -1))
               ])
-            ], 64)),
-            a.value ? (l(), m("div", H, [
-              i(N, {
-                source: e.source,
-                variant: "button",
-                onImportFinished: r[0] || (r[0] = () => e.$emit("importFinished"))
-              }, null, 8, ["source"])
-            ])) : h("", !0)
+            ])
           ])
         ];
       }),
@@ -94,5 +115,5 @@ const P = { class: "flex gap-5 flex-col my-24" }, W = { class: "text-center text
   }
 });
 export {
-  se as default
+  ae as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ImportNowButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ImportCollection/ImportNowButton.vue"],"names":[],"mappings":";aAgHW,MAAM,GAAG,IAAI;cACZ,QAAQ,GAAG,MAAM;;;;aADlB,MAAM,GAAG,IAAI;cACZ,QAAQ,GAAG,MAAM;;;;AAsL7B,wBASG"}
+{"version":3,"file":"ImportNowButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ImportCollection/ImportNowButton.vue"],"names":[],"mappings":";aA6GW,MAAM,GAAG,IAAI;cACZ,QAAQ,GAAG,MAAM;;;;aADlB,MAAM,GAAG,IAAI;cACZ,QAAQ,GAAG,MAAM;;;;AAkL7B,wBASG"}

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

@@ -1,10 +1,10 @@
-import { defineComponent as w, openBlock as s, createElementBlock as I, Fragment as g, createBlock as u, unref as i, withCtx as c, createVNode as F, createTextVNode as p, createCommentVNode as x } from "vue";
-import { isUrl as B } from "./utils/isUrl.js";
-import { ScalarButton as l, ScalarIcon as b } from "@scalar/components";
-import { useToasts as h } from "@scalar/use-toasts";
-import { useRouter as q } from "vue-router";
-import { useWorkspace as N } from "../../store/store.js";
-const W = /* @__PURE__ */ w({
+import { defineComponent as x, openBlock as s, createElementBlock as b, Fragment as w, createBlock as m, unref as a, withCtx as p, createTextVNode as c, createCommentVNode as g } from "vue";
+import { isUrl as h } from "./utils/isUrl.js";
+import { ScalarButton as l } from "@scalar/components";
+import { useToasts as F } from "@scalar/use-toasts";
+import { useRouter as B } from "vue-router";
+import { useWorkspace as I } from "../../store/store.js";
+const R = /* @__PURE__ */ x({
   __name: "ImportNowButton",
   props: {
     source: {},
@@ -12,74 +12,70 @@ const W = /* @__PURE__ */ w({
   },
   emits: ["importFinished"],
   setup(f, { emit: d }) {
-    const o = f, k = d, v = q(), { importSpecFromUrl: C, importSpecFile: y, activeWorkspace: r } = N(), { toast: n } = h();
-    async function a() {
+    const o = f, k = d, y = B(), { importSpecFromUrl: v, importSpecFile: C, activeWorkspace: r } = I(), { toast: i } = F();
+    async function n() {
       try {
         if (o.source) {
-          if (B(o.source)) {
-            const e = await C(
+          if (h(o.source)) {
+            const t = await v(
               o.source,
               void 0,
               void 0,
               r.value.uid
             );
-            m(e);
+            u(t);
           } else {
-            const e = await y(
+            const t = await C(
               o.source,
               r.value.uid
             );
-            m(e);
+            u(t);
           }
-          n("Import successful", "info"), k("importFinished");
+          i("Import successful", "info"), k("importFinished");
         }
-      } catch (e) {
-        console.error("[importCollection]", e);
-        const t = (e == null ? void 0 : e.message) || "Unknown error";
-        n(`Import failed: ${t}`, "error");
+      } catch (t) {
+        console.error("[importCollection]", t);
+        const e = (t == null ? void 0 : t.message) || "Unknown error";
+        i(`Import failed: ${e}`, "error");
       }
     }
-    function m(e) {
-      e && v.push({
+    function u(t) {
+      t && y.push({
         name: "request",
         params: {
           workspace: r.value.uid,
-          request: e == null ? void 0 : e.requests[0]
+          request: t == null ? void 0 : t.requests[0]
         }
       });
     }
-    return (e, t) => e.source ? (s(), I(g, { key: 0 }, [
-      e.variant === "button" ? (s(), u(i(l), {
+    return (t, e) => t.source ? (s(), b(w, { key: 0 }, [
+      t.variant === "button" ? (s(), m(a(l), {
         key: 0,
-        class: "px-6 gap-2",
+        class: "text-[21px] py-2.5 px-6 rounded-lg font-bold h-fit mt-3 mb-1.5",
         size: "md",
         type: "button",
-        onClick: a
+        onClick: n
       }, {
-        default: c(() => [
-          F(i(b), {
-            icon: "Import",
-            size: "md"
-          }),
-          t[0] || (t[0] = p(" Import Collection "))
-        ]),
+        default: p(() => e[0] || (e[0] = [
+          c(" Import Collection ")
+        ])),
         _: 1
-      })) : (s(), u(i(l), {
+      })) : (s(), m(a(l), {
         key: 1,
-        class: "px-6 gap-2 text-c-1",
+        class: "text-[21px] py-2.5 px-6 rounded-lg font-bold h-fit",
         size: "md",
         type: "button",
         variant: "ghost",
-        onClick: a
+        onClick: n
       }, {
-        default: c(() => t[1] || (t[1] = [
-          p(" Try it in the browser ")
+        default: p(() => e[1] || (e[1] = [
+          c(" Try it in the browser ")
         ])),
         _: 1
       }))
-    ], 64)) : x("", !0);
+    ], 64)) : g("", !0);
   }
 });
 export {
-  W as default
+  R as default
 };

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

@@ -0,0 +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, {}, any>;
+export default _default;
+//# sourceMappingURL=WorkspaceSelector.vue.d.ts.map

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

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

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

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

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

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

package/dist/components/ImportCurl/ImportCurlModal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImportCurlModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ImportCurl/ImportCurlModal.vue"],"names":[],"mappings":"AA6GA,OAAO,KAAK,EAEV,cAAc,EACf,MAAM,iCAAiC,CAAA;;gBAO1B,cAAc,GAAG,IAAI;WAC1B;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,IAAI,CAAC;QAAC,IAAI,EAAE,MAAM,IAAI,CAAA;KAAE;;;oBAsPnC,cAAc;qBAAe,MAAM;;;;gBAvPhD,cAAc,GAAG,IAAI;WAC1B;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,IAAI,CAAC;QAAC,IAAI,EAAE,MAAM,IAAI,CAAA;KAAE;;;oBAsPnC,cAAc;qBAAe,MAAM;;;;AAT9D,wBAaG"}
+{"version":3,"file":"ImportCurlModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ImportCurl/ImportCurlModal.vue"],"names":[],"mappings":"AA8GA,OAAO,KAAK,EAEV,cAAc,EACf,MAAM,iCAAiC,CAAA;;gBAO1B,cAAc,GAAG,IAAI;WAC1B;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,IAAI,CAAC;QAAC,IAAI,EAAE,MAAM,IAAI,CAAA;KAAE;;;oBAoQnC,cAAc;qBAAe,MAAM;;;;gBArQhD,cAAc,GAAG,IAAI;WAC1B;QAAE,IAAI,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,IAAI,CAAC;QAAC,IAAI,EAAE,MAAM,IAAI,CAAA;KAAE;;;oBAoQnC,cAAc;qBAAe,MAAM;;;;AAT9D,wBAaG"}

package/dist/components/ImportCurl/ImportCurlModal.vue.js

@@ -1,7 +1,7 @@
 import o from "./ImportCurlModal.vue2.js";
 /* empty css                     */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-6103022c"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-50c10cc9"]]);
 export {
-  a as default
+  p as default
 };

package/dist/components/ImportCurl/ImportCurlModal.vue2.js

@@ -1,24 +1,24 @@
-import { defineComponent as g, ref as y, computed as N, watch as V, openBlock as k, createBlock as R, unref as s, withCtx as n, createVNode as r, createElementVNode as l, toDisplayString as C, createTextVNode as x } from "vue";
-import S from "../HttpMethod/HttpMethod.vue.js";
-import { ScalarModal as I, ScalarTextField as B, ScalarButton as h } from "@scalar/components";
-import { useToasts as E } from "@scalar/use-toasts";
-const M = { class: "border flex flex-row gap-2 h-10 items-center my-4 p-[3px] rounded text-sm" }, T = { class: "flex h-full" }, U = { class: "scroll-timeline-x whitespace-nowrap" }, j = { class: "flex gap-10 justify-between" }, L = /* @__PURE__ */ g({
+import { defineComponent as _, ref as g, computed as N, watch as V, openBlock as k, createBlock as R, unref as s, withCtx as n, createVNode as r, withKeys as S, createElementVNode as l, toDisplayString as x, createTextVNode as h } from "vue";
+import I from "../HttpMethod/HttpMethod.vue.js";
+import { ScalarModal as B, ScalarTextField as E, ScalarButton as v } from "@scalar/components";
+import { useToasts as M } from "@scalar/use-toasts";
+const T = { class: "border flex flex-row gap-2 h-10 items-center my-4 p-[3px] rounded text-sm" }, K = { class: "flex h-full" }, U = { class: "scroll-timeline-x whitespace-nowrap" }, j = { class: "flex gap-10 justify-between" }, L = /* @__PURE__ */ _({
   __name: "ImportCurlModal",
   props: {
     parsedCurl: {},
     state: {}
   },
   emits: ["importCurl", "close"],
-  setup(v, { emit: q }) {
-    const t = v, u = q, { toast: b } = E(), o = y(""), i = N(() => !o.value.trim());
-    function w() {
+  setup(q, { emit: w }) {
+    const t = q, u = w, { toast: y } = M(), o = g(""), i = N(() => !o.value.trim());
+    function p() {
       if (i.value) {
-        b("Please enter a name before importing your request.", "error");
+        y("Please enter a name before importing your request.", "error");
         return;
       }
-      _();
+      b();
     }
-    function _() {
+    function b() {
       t.parsedCurl && u("importCurl", {
         parsedCurl: t.parsedCurl,
         requestName: o.value
@@ -29,50 +29,51 @@ const M = { class: "border flex flex-row gap-2 h-10 items-center my-4 p-[3px] ro
       (a) => {
         a && (o.value = "");
       }
-    ), (a, e) => (k(), R(s(I), {
+    ), (a, e) => (k(), R(s(B), {
       size: "xs",
       state: a.state,
       title: "Import cURL request"
     }, {
       default: n(() => {
-        var p, d, m, c;
+        var d, m, c, f;
         return [
-          r(s(B), {
+          r(s(E), {
             modelValue: o.value,
-            "onUpdate:modelValue": e[0] || (e[0] = (f) => o.value = f),
+            "onUpdate:modelValue": e[0] || (e[0] = (C) => o.value = C),
             autofocus: "",
-            placeholder: "Request Name"
+            placeholder: "Request Name",
+            onKeyup: S(p, ["enter"])
           }, null, 8, ["modelValue"]),
-          l("div", M, [
-            l("div", T, [
-              r(S, {
+          l("div", T, [
+            l("div", K, [
+              r(I, {
                 isEditable: !1,
                 isSquare: "",
-                method: ((p = t.parsedCurl) == null ? void 0 : p.method) || "get"
+                method: ((d = t.parsedCurl) == null ? void 0 : d.method) || "get"
               }, null, 8, ["method"])
             ]),
-            l("span", U, C(((m = (d = t.parsedCurl) == null ? void 0 : d.servers) == null ? void 0 : m[0]) || "") + C(((c = t.parsedCurl) == null ? void 0 : c.path) || ""), 1)
+            l("span", U, x(((c = (m = t.parsedCurl) == null ? void 0 : m.servers) == null ? void 0 : c[0]) || "") + x(((f = t.parsedCurl) == null ? void 0 : f.path) || ""), 1)
           ]),
           l("div", j, [
-            r(s(h), {
+            r(s(v), {
               class: "gap-1.5 px-2.5 h-8 shadow-none focus:outline-none flex items-center cursor-pointer",
               type: "button",
               variant: "outlined",
-              onClick: e[1] || (e[1] = (f) => u("close"))
+              onClick: e[1] || (e[1] = (C) => u("close"))
             }, {
               default: n(() => e[2] || (e[2] = [
-                x(" Cancel ")
+                h(" Cancel ")
               ])),
               _: 1
             }),
-            r(s(h), {
+            r(s(v), {
               class: "gap-1.5 font-medium px-2.5 h-8 shadow-none focus:outline-none",
               disabled: i.value,
               type: "submit",
-              onClick: w
+              onClick: p
             }, {
               default: n(() => e[3] || (e[3] = [
-                x(" Import Request ")
+                h(" Import Request ")
               ])),
               _: 1
             }, 8, ["disabled"])

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

@@ -1,7 +1,7 @@
 import { defineComponent as i, openBlock as c, createBlock as r, unref as t, withCtx as l, createElementVNode as e, createVNode as n } from "vue";
 import { ScalarDropdown as d, ScalarDropdownItem as o, ScalarIcon as a } from "@scalar/components";
 const p = {
-  class: "min-w-[37px] max-w-[37px] hover:bg-b-3 flex items-center justify-center rounded-lg p-[7px] text-c-3 focus:text-c-1 scalar-app-nav-padding",
+  class: "min-w-[37px] max-w-[37px] hover:bg-b-2 flex items-center justify-center rounded-lg p-[7px] text-c-3 focus:text-c-1 scalar-app-nav-padding",
   type: "button"
 }, u = {
   class: "no-underline block",

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":";AAkLA,wBAKG"}
+{"version":3,"file":"SideNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.vue"],"names":[],"mappings":";AAmLA,wBAKG"}

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

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

package/dist/components/SideNav/SideNav.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as p, openBlock as o, createElementBlock as r, createElementVNode as e, Fragment as u, renderList as x, unref as i, createVNode as s, withCtx as m, createTextVNode as f, toDisplayString as v } from "vue";
+import { defineComponent as p, openBlock as o, createElementBlock as r, createElementVNode as e, Fragment as u, renderList as x, unref as i, createVNode as a, withCtx as m, createTextVNode as f, toDisplayString as v } from "vue";
 import { ROUTES as N } from "../../constants.js";
 import { useRouter as S } from "vue-router";
 import h from "./SideHelp.vue.js";
@@ -7,10 +7,10 @@ const y = {
   "aria-label": "Side Navigation",
   class: "text-c-2 w-15 flex flex-col items-center px-2 py-2 scalar-sidenav relative drag-region bg-b-1 border-t-1/2",
   role: "navigation"
-}, b = { class: "flex flex-col gap-1.5" }, k = { class: "mt-auto flex flex-col py-0.5" }, E = { class: "flex items-center no-drag-region" }, R = { class: "flex items-center no-drag-region" }, F = /* @__PURE__ */ p({
+}, b = { class: "flex flex-col gap-1.5" }, k = { class: "mt-auto flex flex-col gap-1.5 py-0.5" }, E = { class: "flex items-center no-drag-region" }, R = { class: "flex items-center no-drag-region" }, F = /* @__PURE__ */ p({
   __name: "SideNav",
   setup(V) {
-    const { currentRoute: a } = S();
+    const { currentRoute: s } = S();
     return (w, l) => (o(), r("nav", y, [
       e("ul", b, [
         (o(!0), r(u, null, x(i(N).filter(
@@ -21,8 +21,8 @@ const y = {
             key: g,
             class: "no-drag-region"
           }, [
-            s(_, {
-              active: (c = i(a).name) == null ? void 0 : c.startsWith(n),
+            a(_, {
+              active: (c = i(s).name) == null ? void 0 : c.startsWith(n),
               icon: t,
               name: n,
               prettyName: d
@@ -37,8 +37,8 @@ const y = {
       ]),
       e("ul", k, [
         e("li", E, [
-          s(_, {
-            active: i(a).name === "settings",
+          a(_, {
+            active: i(s).name === "settings",
             icon: "Settings",
             name: "settings",
             prettyName: "Settings"
@@ -50,7 +50,7 @@ const y = {
           }, 8, ["active"])
         ]),
         e("li", R, [
-          s(h)
+          a(h)
         ])
       ])
     ]));