@scalar/api-client 2.1.17 → 2.1.18

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @scalar/api-client
 
+## 2.1.18
+
+### Patch Changes
+
+- 7c2e291: style: removes comamand palette command label + style fixtures
+- 46a55ae: feat(api-client): improve client import ux
+- 5d996a8: feat: download response with filename
+- b26144c: fix(themes): remove variables from theme layer and move selection to default (base) theme
+- Updated dependencies [46a55ae]
+- Updated dependencies [b26144c]
+  - @scalar/oas-utils@0.2.53
+  - @scalar/themes@0.9.35
+  - @scalar/components@0.12.50
+
 ## 2.1.17
 
 ### Patch Changes

package/dist/components/CommandPalette/CommandActionForm.vue.d.ts

@@ -1,15 +1,18 @@
+import { type useLoadingState } from '@scalar/components';
 declare function __VLS_template(): {
     default?(_: {}): any;
     options?(_: {}): any;
     submit?(_: {}): any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+    loading?: ReturnType<typeof useLoadingState>;
     disabled?: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     submit: () => void;
     cancel: () => void;
     back: (e: KeyboardEvent) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+    loading?: ReturnType<typeof useLoadingState>;
     disabled?: boolean;
 }>>> & {
     onSubmit?: (() => any) | undefined;

package/dist/components/CommandPalette/CommandActionForm.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandActionForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandActionForm.vue"],"names":[],"mappings":"AAyDA,iBAAS,cAAc;qBA8DM,GAAG;qBACH,GAAG;oBACJ,GAAG;EAgB9B;AACD,QAAA,MAAM,eAAe;eAjGR,OAAO;;;;;;eAAP,OAAO;;;;;UAwGlB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"CommandActionForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandActionForm.vue"],"names":[],"mappings":"AAsCA,OAAO,EAAgB,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAsBvE,iBAAS,cAAc;qBA+DM,GAAG;qBACH,GAAG;oBACJ,GAAG;EAgB9B;AACD,QAAA,MAAM,eAAe;cAnGT,UAAU,CAAC,OAAO,eAAe,CAAC;eACjC,OAAO;;;;;;cADR,UAAU,CAAC,OAAO,eAAe,CAAC;eACjC,OAAO;;;;;UAyGlB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/CommandPalette/CommandActionForm.vue.js

@@ -1,28 +1,30 @@
-import { defineComponent as n, openBlock as i, createElementBlock as a, withKeys as d, withModifiers as l, createElementVNode as o, renderSlot as s, createVNode as r, unref as m, withCtx as p, createTextVNode as f } from "vue";
+import { defineComponent as n, openBlock as i, createElementBlock as a, withKeys as d, withModifiers as l, createElementVNode as t, renderSlot as s, createVNode as r, unref as m, withCtx as p, createTextVNode as f } from "vue";
 import { ScalarButton as u } from "@scalar/components";
-const c = { class: "gap-3 rounded min-h-20 relative" }, b = { class: "flex gap-2" }, x = { class: "flex flex-1 max-h-8" }, $ = /* @__PURE__ */ n({
+const c = { class: "flex flex-col rounded min-h-20 relative" }, b = { class: "flex gap-2" }, x = { class: "flex flex-1 max-h-8" }, _ = /* @__PURE__ */ n({
   __name: "CommandActionForm",
   props: {
+    loading: {},
     disabled: { type: Boolean }
   },
   emits: ["submit", "cancel", "back"],
-  setup(h) {
-    return (e, t) => (i(), a("form", {
+  setup(g) {
+    return (e, o) => (i(), a("form", {
       class: "flex w-full flex-col gap-3",
-      onKeydown: t[0] || (t[0] = d(l(() => {
+      onKeydown: o[0] || (o[0] = d(l(() => {
       }, ["stop"]), ["enter"])),
-      onSubmit: t[1] || (t[1] = l((v) => e.$emit("submit"), ["prevent", "stop"]))
+      onSubmit: o[1] || (o[1] = l((h) => e.$emit("submit"), ["prevent", "stop"]))
     }, [
-      o("div", c, [
+      t("div", c, [
         s(e.$slots, "default")
       ]),
-      o("div", b, [
-        o("div", x, [
+      t("div", b, [
+        t("div", x, [
           s(e.$slots, "options")
         ]),
         r(m(u), {
           class: "max-h-8 text-xs p-0 px-3",
           disabled: e.disabled,
+          loading: e.loading,
           type: "submit"
         }, {
           default: p(() => [
@@ -31,11 +33,11 @@ const c = { class: "gap-3 rounded min-h-20 relative" }, b = { class: "flex gap-2
             ])
           ]),
           _: 3
-        }, 8, ["disabled"])
+        }, 8, ["disabled", "loading"])
       ])
     ], 32));
   }
 });
 export {
-  $ as default
+  _ as default
 };

package/dist/components/CommandPalette/CommandActionInput.vue.d.ts

@@ -4,12 +4,10 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (v: string) => void;
     onDelete: (event: KeyboardEvent) => void;
-    paste: (event: ClipboardEvent) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     modelValue?: string;
     placeholder?: string;
 }>>> & {
-    onPaste?: ((event: ClipboardEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((v: string) => any) | undefined;
     onOnDelete?: ((event: KeyboardEvent) => any) | undefined;
 }, {}, {}>;

package/dist/components/CommandPalette/CommandActionInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandActionInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandActionInput.vue"],"names":[],"mappings":";iBA6De,MAAM;kBACL,MAAM;;;;;;iBADP,MAAM;kBACL,MAAM;;;;;;AAoGtB,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"CommandActionInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandActionInput.vue"],"names":[],"mappings":";iBA0De,MAAM;kBACL,MAAM;;;;;iBADP,MAAM;kBACL,MAAM;;;;;AAiGtB,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/CommandPalette/CommandActionInput.vue.js

@@ -1,51 +1,49 @@
-import { defineComponent as f, ref as h, onMounted as y, nextTick as v, computed as w, openBlock as V, createElementBlock as k, Fragment as g, createElementVNode as u, unref as d, withDirectives as x, mergeProps as D, withKeys as _, withModifiers as b, vModelDynamic as B } from "vue";
-import { nanoid as M } from "nanoid";
-const P = ["for"], A = ["id", "placeholder"], K = /* @__PURE__ */ f({
+import { defineComponent as f, ref as c, onMounted as h, nextTick as g, computed as v, withDirectives as w, openBlock as x, createElementBlock as k, mergeProps as y, withKeys as s, vModelText as D } from "vue";
+const E = ["placeholder"], b = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "CommandActionInput",
   props: {
     modelValue: {},
     placeholder: {}
   },
-  emits: ["update:modelValue", "onDelete", "paste"],
+  emits: ["update:modelValue", "onDelete"],
   setup(i, { emit: p }) {
-    const r = i, l = p, a = M(), s = h(null);
-    y(() => v(() => {
+    const l = i, r = p, a = c(null);
+    h(() => g(() => {
       var e;
-      return (e = s.value) == null ? void 0 : e.focus();
+      return (e = a.value) == null ? void 0 : e.focus();
     }));
-    const n = w({
-      get: () => r.modelValue ?? "",
-      set: (e) => l("update:modelValue", e)
-    }), m = (e) => {
-      n.value === "" && l("onDelete", e);
-    }, c = (e) => {
-      l("paste", e);
-    };
-    return (e, t) => (V(), k(g, null, [
-      u("label", {
-        class: "absolute w-full h-full opacity-0 cursor-text",
-        for: d(a)
-      }, null, 8, P),
-      x(u("input", D({
-        id: d(a),
-        ref_key: "input",
-        ref: s,
-        "onUpdate:modelValue": t[0] || (t[0] = (o) => n.value = o),
-        autocomplete: "off",
-        class: "border-transparent outline-none w-full pl-8 text-sm min-h-8 py-1.5",
-        "data-form-type": "other",
-        "data-lpignore": "true",
-        placeholder: r.placeholder
-      }, e.$attrs, {
-        onKeydown: t[1] || (t[1] = _(b((o) => m(o), ["stop"]), ["delete"])),
-        onPaste: t[2] || (t[2] = (o) => c(o))
-      }), null, 16, A), [
-        [B, n.value]
-      ])
-    ], 64));
+    const o = v({
+      get: () => l.modelValue ?? "",
+      set: (e) => r("update:modelValue", e)
+    });
+    function d(e) {
+      var u;
+      if (e.shiftKey || !e.target) return;
+      e.preventDefault();
+      const t = e.target, n = new Event("submit", { cancelable: !0 });
+      (u = t.form) == null || u.dispatchEvent(n);
+    }
+    function m(e) {
+      o.value === "" && (e.preventDefault(), e.stopPropagation(), r("onDelete", e));
+    }
+    return (e, t) => w((x(), k("textarea", y({
+      ref_key: "input",
+      ref: a,
+      "onUpdate:modelValue": t[0] || (t[0] = (n) => o.value = n),
+      class: "border-none outline-none flex-1 w-full pl-8 text-sm min-h-8 py-1.5 resize-none",
+      placeholder: l.placeholder,
+      wrap: "hard"
+    }, e.$attrs, {
+      onKeydown: [
+        t[1] || (t[1] = s((n) => m(n), ["delete"])),
+        t[2] || (t[2] = s((n) => d(n), ["enter"]))
+      ]
+    }), null, 16, E)), [
+      [D, o.value]
+    ]);
   }
 });
 export {
-  K as default
+  b as default
 };

package/dist/components/CommandPalette/CommandPaletteImport.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteImport.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteImport.vue"],"names":[],"mappings":";;;;;;;AA0bA,wBAMG"}
+{"version":3,"file":"CommandPaletteImport.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteImport.vue"],"names":[],"mappings":";;;;;;;AA6eA,wBAMG"}

package/dist/components/CommandPalette/CommandPaletteImport.vue.js

@@ -1,76 +1,83 @@
-import { defineComponent as V, ref as _, openBlock as s, createBlock as u, withCtx as l, createVNode as p, unref as r, createTextVNode as d, createElementBlock as h, Fragment as A, createCommentVNode as O } from "vue";
-import { ScalarButton as x, ScalarIcon as P, ScalarCodeBlock as B } from "@scalar/components";
-import { useToasts as $ } from "@scalar/use-toasts";
-import N from "./CommandActionForm.vue.js";
-import T from "./CommandActionInput.vue.js";
-import { useFileDialog as L } from "../../hooks/useFileDialog.js";
-import { getOpenApiDocumentVersion as f } from "../../libs/getOpenApiDocumentVersion.js";
-import { isUrl as v } from "../../libs/isUrl.js";
-import { isDocument as M } from "../../libs/isDocument.js";
-import { useWorkspace as R } from "../../store/store.js";
-const X = /* @__PURE__ */ V({
+import { defineComponent as O, ref as P, computed as v, openBlock as l, createBlock as k, unref as n, withCtx as p, createVNode as y, createTextVNode as s, createElementBlock as c, Fragment as u, toDisplayString as _, createElementVNode as w, createCommentVNode as $ } from "vue";
+import { useLoadingState as R, ScalarButton as h, ScalarIcon as T, ScalarCodeBlock as j } from "@scalar/components";
+import { useToasts as M } from "@scalar/use-toasts";
+import z from "./CommandActionForm.vue.js";
+import E from "./CommandActionInput.vue.js";
+import { getOpenApiDocumentDetails as W } from "../../libs/getOpenApiDocumentDetails.js";
+import { isUrl as x } from "../../libs/isUrl.js";
+import { useFileDialog as J } from "../../hooks/useFileDialog.js";
+import { useWorkspace as Y } from "../../store/store.js";
+const q = { class: "flex justify-between" }, G = /* @__PURE__ */ w("div", { class: "pl-8 text-xs min-h-8 py-2 text-c-2" }, "Preview", -1), ne = /* @__PURE__ */ O({
   __name: "CommandPaletteImport",
   emits: ["close", "back"],
-  setup(j, { emit: b }) {
-    const m = b, { activeWorkspace: c, importSpecFile: g, importSpecFromUrl: C } = R(), { toast: n } = $(), e = _(""), { open: y } = L({
+  setup(H, { emit: U }) {
+    const f = U, { activeWorkspace: g, importSpecFile: b, importSpecFromUrl: D } = Y(), { toast: m } = M(), i = R(), e = P(""), o = v(
+      () => W(e.value)
+    ), C = v(
+      () => o.value ? o.value.type : "json"
+    ), S = v(() => x(e.value)), F = v(() => !!o.value), { open: L } = J({
       onChange: async (a) => {
-        const o = a == null ? void 0 : a[0];
-        if (o) {
-          const t = new FileReader();
-          t.onload = async (w) => {
-            var k;
-            const F = (k = w.target) == null ? void 0 : k.result;
+        const t = a == null ? void 0 : a[0];
+        if (t) {
+          const r = new FileReader();
+          r.onload = async (A) => {
+            var I;
+            const B = (I = A.target) == null ? void 0 : I.result;
             try {
-              await g(F, c.value.uid), n("Import successful", "info"), m("close");
-            } catch (i) {
-              console.error(i);
-              const U = (i == null ? void 0 : i.message) || "Unknown error";
-              n(`Import failed: ${U}`, "error");
+              await b(B, g.value.uid), m("Import successful", "info"), f("close");
+            } catch (d) {
+              console.error(d);
+              const N = (d == null ? void 0 : d.message) || "Unknown error";
+              m(`Import failed: ${N}`, "error");
             }
-          }, t.readAsText(o);
+          }, r.readAsText(t);
         }
       },
       multiple: !1,
       accept: ".json,.yaml,.yml"
     });
-    async function I() {
-      try {
-        e.value && (v(e.value) ? await C(
-          e.value,
-          void 0,
-          void 0,
-          c.value.uid
-        ) : M(e.value) ? await g(
-          String(e.value),
-          c.value.uid
-        ) : n("Import failed: Invalid URL or OpenAPI document", "error")), m("close"), n("Import successful", "info");
-      } catch (a) {
-        console.error("[importCollection]", a);
-        const o = (a == null ? void 0 : a.message) || "Unknown error";
-        n(`Import failed: ${o}`, "error");
+    async function V() {
+      if (!(!e.value || i.isLoading)) {
+        i.startLoading();
+        try {
+          if (S.value)
+            await D(
+              e.value,
+              void 0,
+              void 0,
+              g.value.uid
+            );
+          else if (F.value)
+            await b(
+              String(e.value),
+              g.value.uid
+            );
+          else {
+            m("Import failed: Invalid URL or OpenAPI document", "error"), i.invalidate(2e3, !0);
+            return;
+          }
+          i.clear(), f("close"), m("Import successful", "info");
+        } catch (a) {
+          console.error("[importCollection]", a);
+          const t = (a == null ? void 0 : a.message) || "Unknown error";
+          i.invalidate(2e3, !0), m(`Import failed: ${t}`, "error");
+        }
       }
     }
-    function S() {
-      return (f(e.value) || {}).type ?? "json";
-    }
-    function D(a) {
-      var t;
-      const o = (t = a.clipboardData) == null ? void 0 : t.getData("text");
-      o && (e.value = o);
-    }
-    return (a, o) => (s(), u(N, {
+    return (a, t) => (l(), k(z, {
       disabled: !e.value.trim(),
-      onSubmit: I
+      loading: n(i),
+      onSubmit: V
     }, {
-      options: l(() => [
-        p(r(x), {
+      options: p(() => [
+        y(n(h), {
           class: "p-2 max-h-8 gap-1.5 text-xs hover:bg-b-2 relative",
           variant: "outlined",
-          onClick: r(y)
+          onClick: n(L)
         }, {
-          default: l(() => [
-            d(" JSON, or YAML File "),
-            p(r(P), {
+          default: p(() => [
+            s(" JSON, or YAML File "),
+            y(n(T), {
               class: "text-c-3",
               icon: "UploadSimple",
               size: "md"
@@ -79,41 +86,54 @@ const X = /* @__PURE__ */ V({
           _: 1
         }, 8, ["onClick"])
       ]),
-      submit: l(() => [
-        d("Import Collection")
+      submit: p(() => [
+        s(" Import "),
+        S.value ? (l(), c(u, { key: 0 }, [
+          s(" from URL ")
+        ], 64)) : o.value && C.value ? (l(), c(u, { key: 1 }, [
+          o.value.title ? (l(), c(u, { key: 0 }, [
+            s(' "' + _(o.value.title) + '" ', 1)
+          ], 64)) : (l(), c(u, { key: 1 }, [
+            s(_(o.value.version) + " Spec", 1)
+          ], 64))
+        ], 64)) : (l(), c(u, { key: 2 }, [
+          s("Collection")
+        ], 64))
       ]),
-      default: l(() => [
-        !r(f)(e.value) || r(v)(e.value) ? (s(), u(T, {
+      default: p(() => [
+        !o.value || n(x)(e.value) ? (l(), k(E, {
           key: 0,
           modelValue: e.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (t) => e.value = t),
+          "onUpdate:modelValue": t[0] || (t[0] = (r) => e.value = r),
           placeholder: "Paste Swagger/OpenAPI File URL or content",
-          onOnDelete: o[1] || (o[1] = (t) => m("back", t)),
-          onPaste: o[2] || (o[2] = (t) => D(t))
-        }, null, 8, ["modelValue"])) : (s(), h(A, { key: 1 }, [
-          p(r(x), {
-            class: "ml-auto p-2 max-h-8 gap-1.5 text-xs hover:bg-b-2 relative",
-            variant: "ghost",
-            onClick: o[3] || (o[3] = (t) => e.value = "")
-          }, {
-            default: l(() => [
-              d(" Clear ")
-            ]),
-            _: 1
-          }),
-          r(f)(e.value) && !r(v)(e.value) ? (s(), u(r(B), {
+          onOnDelete: t[1] || (t[1] = (r) => f("back", r))
+        }, null, 8, ["modelValue"])) : (l(), c(u, { key: 1 }, [
+          w("div", q, [
+            G,
+            y(n(h), {
+              class: "ml-auto p-2 max-h-8 gap-1.5 text-xs hover:bg-b-2 relative",
+              variant: "ghost",
+              onClick: t[2] || (t[2] = (r) => e.value = "")
+            }, {
+              default: p(() => [
+                s(" Clear ")
+              ]),
+              _: 1
+            })
+          ]),
+          o.value && !n(x)(e.value) ? (l(), k(n(j), {
             key: 0,
-            class: "bg-backdropdark border max-h-[25dvh] mt-2 rounded",
+            class: "border max-h-[40dvh] mt-1 bg-b-2 rounded [--scalar-small:--scalar-font-size-4]",
             content: e.value,
             copy: !1,
-            lang: S()
-          }, null, 8, ["content", "lang"])) : O("", !0)
+            lang: C.value
+          }, null, 8, ["content", "lang"])) : $("", !0)
         ], 64))
       ]),
       _: 1
-    }, 8, ["disabled"]));
+    }, 8, ["disabled", "loading"]));
   }
 });
 export {
-  X as default
+  ne as default
 };

package/dist/components/CommandPalette/TheCommandPalette.vue.js

@@ -2,7 +2,7 @@ import o from "./TheCommandPalette.vue2.js";
 import { PaletteComponents as s } from "./TheCommandPalette.vue2.js";
 /* empty css                       */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c08d90be"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-272ef6cf"]]);
 export {
   s as PaletteComponents,
   a as default

package/dist/components/CommandPalette/TheCommandPalette.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as F, ref as u, computed as P, watch as U, onMounted as G, onBeforeUnmount as Q, openBlock as a, createElementBlock as r, Fragment as d, withDirectives as h, createElementVNode as m, vShow as w, unref as f, createVNode as y, withKeys as g, withModifiers as S, vModelText as j, renderList as K, toDisplayString as M, normalizeClass as J, createTextVNode as O, createCommentVNode as X, createBlock as Y, resolveDynamicComponent as Z, mergeProps as ee, nextTick as T } from "vue";
-import { useModal as oe, ScalarIcon as $ } from "@scalar/components";
+import { defineComponent as F, ref as u, computed as P, watch as U, onMounted as G, onBeforeUnmount as Q, openBlock as a, createElementBlock as r, Fragment as d, withDirectives as h, createElementVNode as m, vShow as w, unref as f, createVNode as y, withKeys as g, withModifiers as $, vModelText as j, renderList as K, toDisplayString as M, normalizeClass as J, createTextVNode as O, createCommentVNode as X, createBlock as Y, resolveDynamicComponent as Z, mergeProps as ee, nextTick as T } from "vue";
+import { useModal as oe, ScalarIcon as S } from "@scalar/components";
 import { useRouter as te } from "vue-router";
 import ne from "./CommandPaletteCollection.vue.js";
 import ae from "./CommandPaletteExample.vue.js";
@@ -29,7 +29,7 @@ const ue = { class: "commandmenu custom-scroll" }, de = { class: "bg-b-2 flex it
   setup(be) {
     const A = [
       {
-        label: "Add to Request Sidebar",
+        label: "",
         commands: [
           {
             name: "Create Request",
@@ -76,7 +76,7 @@ const ue = { class: "commandmenu custom-scroll" }, de = { class: "bg-b-2 flex it
           }
         ]
       }
-    ], c = oe(), { push: z } = te(), { activeWorkspace: N } = ie(), k = u(), l = u(""), s = u(null), i = u(-1), R = u([]), p = P(
+    ], c = oe(), { push: z } = te(), { activeWorkspace: N } = ie(), k = u(), l = u(""), s = u(null), i = u(-1), D = u([]), p = P(
       () => A.reduce((e, o) => {
         const t = o.commands.filter(
           (n) => n.name.toLowerCase().includes(l.value.toLowerCase())
@@ -85,14 +85,14 @@ const ue = { class: "commandmenu custom-scroll" }, de = { class: "bg-b-2 flex it
       }, [])
     ), v = () => {
       c.hide(), l.value = "", s.value = null, i.value = -1;
-    }, q = (e) => {
+    }, H = (e) => {
       l.value !== "" && (e == null || e.preventDefault()), s.value = null, T(() => {
         var o;
         return (o = b.value) == null ? void 0 : o.focus();
       });
-    }, D = (e) => {
+    }, L = (e) => {
       "path" in e ? (z(`/workspace/${N.value.uid}${e.path}`), v()) : s.value = e.name;
-    }, b = u(), L = ({
+    }, b = u(), R = ({
       commandName: e,
       metaData: o
     } = {}) => {
@@ -109,21 +109,21 @@ const ue = { class: "commandmenu custom-scroll" }, de = { class: "bg-b-2 flex it
       if (!c.open) return;
       o.preventDefault();
       const t = e === "up" ? -1 : 1, n = p.value.length;
-      i.value = (i.value + t + n) % n, (C = R.value[i.value]) == null || C.scrollIntoView({
+      i.value = (i.value + t + n) % n, (C = D.value[i.value]) == null || C.scrollIntoView({
         behavior: "smooth",
         block: "nearest"
       });
     }, x = P(
       () => p.value[i.value]
-    ), H = (e) => {
-      !x.value || s.value || (e.preventDefault(), e.stopPropagation(), D(x.value));
+    ), q = (e) => {
+      !x.value || s.value || (e.preventDefault(), e.stopPropagation(), L(x.value));
     }, E = (e) => {
       c.open && e.closeModal && v();
     };
     return G(() => {
-      V.on(L), W.on(E);
+      V.on(R), W.on(E);
     }), Q(() => {
-      V.off(L), W.off(E);
+      V.off(R), W.off(E);
     }), (e, o) => (a(), r(d, null, [
       h(m("div", {
         class: "commandmenu-clickout",
@@ -138,23 +138,23 @@ const ue = { class: "commandmenu custom-scroll" }, de = { class: "bg-b-2 flex it
             type: "button",
             onClick: o[4] || (o[4] = (t) => s.value = null)
           }, [
-            y(f($), {
+            y(f(S), {
               icon: "ChevronLeft",
               size: "md",
               thickness: "1.5"
             })
           ]),
           (a(), Y(Z(ke[s.value]), ee(k.value ? { metaData: k.value } : {}, {
-            onBack: o[5] || (o[5] = (t) => q(t)),
+            onBack: o[5] || (o[5] = (t) => H(t)),
             onClose: v
           }), null, 16))
         ], 64)) : (a(), r(d, { key: 0 }, [
           m("div", de, [
             m("label", fe, [
-              y(f($), {
-                class: "text-c-1 mr-2.5",
+              y(f(S), {
+                class: "text-c-2 mr-2.5",
                 icon: "Search",
-                size: "sm",
+                size: "md",
                 thickness: "1.5"
               })
             ]),
@@ -169,9 +169,9 @@ const ue = { class: "commandmenu custom-scroll" }, de = { class: "bg-b-2 flex it
               placeholder: "Search commands...",
               type: "text",
               onKeydown: [
-                o[2] || (o[2] = g(S((t) => B("down", t), ["stop"]), ["down"])),
-                g(S(H, ["stop"]), ["enter"]),
-                o[3] || (o[3] = g(S((t) => B("up", t), ["stop"]), ["up"]))
+                o[2] || (o[2] = g($((t) => B("down", t), ["stop"]), ["down"])),
+                g($(q, ["stop"]), ["enter"]),
+                o[3] || (o[3] = g($((t) => B("up", t), ["stop"]), ["up"]))
               ]
             }, null, 40, pe), [
               [j, l.value]
@@ -196,15 +196,15 @@ const ue = { class: "commandmenu custom-scroll" }, de = { class: "bg-b-2 flex it
                 key: n.name,
                 ref_for: !0,
                 ref: (_) => {
-                  _ && (R.value[C] = _);
+                  _ && (D.value[C] = _);
                 },
                 class: J(["commandmenu-item text-sm flex items-center py-1.5 px-2 rounded hover:bg-b-2 cursor-pointer", {
                   "bg-b-2": n.name === ((I = x.value) == null ? void 0 : I.name)
                 }]),
-                onClick: (_) => D(n)
+                onClick: (_) => L(n)
               }, [
-                y(f($), {
-                  class: "text-c-1 mr-2.5",
+                y(f(S), {
+                  class: "text-c-2 mr-2.5",
                   icon: n.icon,
                   size: "md",
                   thickness: "1.5"

package/dist/layouts/App/ApiClientApp.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiClientApp.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/App/ApiClientApp.vue"],"names":[],"mappings":";;cA6I8B,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;;AAuMjD,wBAMG"}
+{"version":3,"file":"ApiClientApp.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/App/ApiClientApp.vue"],"names":[],"mappings":";;cA0I8B,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;;AAoMjD,wBAMG"}

package/dist/layouts/App/ApiClientApp.vue.js

@@ -30,10 +30,7 @@ const O = ["innerHTML"], U = {
     const s = (o) => W(o, { hotKeys: u });
     c(() => window.addEventListener("keydown", s)), y(() => window.removeEventListener("keydown", s));
     const v = b(
-      () => r.activeWorkspace.value && `<style>
-  ${H(r.activeWorkspace.value.themeId, {
-        fonts: !0
-      })}</style>`
+      () => r.activeWorkspace.value && `<style>${H(r.activeWorkspace.value.themeId)}</style>`
     );
     return (o, I) => {
       var m;

package/dist/layouts/Web/ApiClientWeb.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiClientWeb.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/Web/ApiClientWeb.vue"],"names":[],"mappings":";AAmRA,wBAKG"}
+{"version":3,"file":"ApiClientWeb.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/Web/ApiClientWeb.vue"],"names":[],"mappings":";AA6QA,wBAKG"}