@scalar/api-client 2.1.11 → 2.1.12

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @scalar/api-client
 
+## 2.1.12
+
+### Patch Changes
+
+- 3ded00b: fix(api-references): sync selected server state with api client modal
+- aa39741: fix: header names can have leading/trailing whitespaces
+- 07b5439: feat: enhances command palette navigation and style
+- 513e0ad: feat: add import modal
+- 4a78aae: fix: uppercase method on request send
+- Updated dependencies [513e0ad]
+- Updated dependencies [8f12149]
+- Updated dependencies [5127a37]
+- Updated dependencies [1026d81]
+- Updated dependencies [983a5e4]
+- Updated dependencies [aee166c]
+- Updated dependencies [07b5439]
+- Updated dependencies [ef49617]
+  - @scalar/components@0.12.50
+  - @scalar/types@0.0.12
+  - @scalar/themes@0.9.33
+  - @scalar/openapi-parser@0.8.5
+  - @scalar/oas-utils@0.2.51
+  - @scalar/use-codemirror@0.11.16
+
 ## 2.1.11
 
 ### Patch Changes

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

@@ -8,11 +8,13 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOp
 }>, {}, 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<{
     disabled?: boolean;
 }>>> & {
     onSubmit?: (() => any) | undefined;
     onCancel?: (() => any) | undefined;
+    onBack?: ((e: KeyboardEvent) => any) | undefined;
 }, {}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

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":"AAuDA,iBAAS,cAAc;qBA8DM,GAAG;qBACH,GAAG;oBACJ,GAAG;EAgB9B;AACD,QAAA,MAAM,eAAe;eAhGR,OAAO;;;;;eAAP,OAAO;;;;UAuGlB,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":"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"}

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

@@ -5,7 +5,7 @@ const c = { class: "gap-3 rounded min-h-20 relative" }, b = { class: "flex gap-2
   props: {
     disabled: { type: Boolean }
   },
-  emits: ["submit", "cancel"],
+  emits: ["submit", "cancel", "back"],
   setup(h) {
     return (e, t) => (i(), a("form", {
       class: "flex w-full flex-col gap-3",

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

@@ -2,10 +2,12 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     modelValue?: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (v: string) => void;
+    onDelete: (event: KeyboardEvent) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     modelValue?: string;
 }>>> & {
     "onUpdate:modelValue"?: ((v: string) => any) | undefined;
+    onOnDelete?: ((event: KeyboardEvent) => any) | undefined;
 }, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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":";iBA8Ce,MAAM;;;;iBAAN,MAAM;;;;AA+ErB,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":";iBAqDe,MAAM;;;;;iBAAN,MAAM;;;;;AA0FrB,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,42 +1,46 @@
-import { defineComponent as d, ref as c, onMounted as f, nextTick as _, computed as h, openBlock as V, createElementBlock as v, Fragment as y, createElementVNode as r, unref as a, withDirectives as g, mergeProps as k, vModelDynamic as x } from "vue";
-import { nanoid as b } from "nanoid";
-const w = ["for"], A = ["id"], D = /* @__PURE__ */ d({
+import { defineComponent as f, ref as c, onMounted as h, nextTick as y, computed as v, openBlock as w, createElementBlock as V, Fragment as _, createElementVNode as a, unref as s, withDirectives as k, mergeProps as g, withKeys as x, withModifiers as D, vModelDynamic as b } from "vue";
+import { nanoid as B } from "nanoid";
+const M = ["for"], A = ["id"], K = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "CommandActionInput",
   props: {
     modelValue: {}
   },
-  emits: ["update:modelValue"],
-  setup(u, { emit: s }) {
-    const i = u, m = s, t = b(), o = c(null);
-    f(() => _(() => {
+  emits: ["update:modelValue", "onDelete"],
+  setup(i, { emit: d }) {
+    const m = i, l = d, r = B(), u = c(null);
+    h(() => y(() => {
       var e;
-      return (e = o.value) == null ? void 0 : e.focus();
+      return (e = u.value) == null ? void 0 : e.focus();
     }));
-    const n = h({
-      get: () => i.modelValue ?? "",
-      set: (e) => m("update:modelValue", e)
-    });
-    return (e, l) => (V(), v(y, null, [
-      r("label", {
+    const o = v({
+      get: () => m.modelValue ?? "",
+      set: (e) => l("update:modelValue", e)
+    }), p = (e) => {
+      o.value === "" && l("onDelete", e);
+    };
+    return (e, t) => (w(), V(_, null, [
+      a("label", {
         class: "absolute w-full h-full opacity-0 cursor-text",
-        for: a(t)
-      }, null, 8, w),
-      g(r("input", k({
-        id: a(t),
+        for: s(r)
+      }, null, 8, M),
+      k(a("input", g({
+        id: s(r),
         ref_key: "input",
-        ref: o,
-        "onUpdate:modelValue": l[0] || (l[0] = (p) => n.value = p),
+        ref: u,
+        "onUpdate:modelValue": t[0] || (t[0] = (n) => o.value = n),
         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"
-      }, e.$attrs), null, 16, A), [
-        [x, n.value]
+      }, e.$attrs, {
+        onKeydown: t[1] || (t[1] = x(D((n) => p(n), ["stop"]), ["delete"]))
+      }), null, 16, A), [
+        [b, o.value]
       ])
     ], 64));
   }
 });
 export {
-  D as default
+  K as default
 };

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

@@ -1,6 +1,8 @@
 declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
+    back: (e: KeyboardEvent) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    onBack?: ((e: KeyboardEvent) => any) | undefined;
     onClose?: (() => any) | undefined;
 }, {}, {}>;
 export default _default;

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

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

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

@@ -1,17 +1,17 @@
-import { defineComponent as f, ref as n, openBlock as v, createBlock as _, withCtx as o, createVNode as l, unref as i, createTextVNode as b } from "vue";
+import { defineComponent as f, ref as i, openBlock as v, createBlock as b, withCtx as l, createVNode as n, unref as s, createTextVNode as _ } from "vue";
 import C from "../IconSelector.vue.js";
 import { ScalarButton as V } from "@scalar/components";
-import { LibraryIcon as x } from "@scalar/icons";
-import { useToasts as k } from "@scalar/use-toasts";
+import { LibraryIcon as k } from "@scalar/icons";
+import { useToasts as x } from "@scalar/use-toasts";
 import N from "./CommandActionForm.vue.js";
 import B from "./CommandActionInput.vue.js";
 import { useWorkspace as S } from "../../store/store.js";
-const y = /* @__PURE__ */ f({
+const z = /* @__PURE__ */ f({
   __name: "CommandPaletteCollection",
-  emits: ["close"],
-  setup($, { emit: c }) {
-    const s = c, { activeWorkspace: m, collectionMutators: u } = S(), e = n(""), t = n("interface-content-folder"), { toast: d } = k(), p = () => {
-      if (!e.value) {
+  emits: ["close", "back"],
+  setup($, { emit: m }) {
+    const r = m, { activeWorkspace: c, collectionMutators: u } = S(), o = i(""), a = i("interface-content-folder"), { toast: d } = x(), p = () => {
+      if (!o.value) {
         d("Please enter a name before creating a collection.", "error");
         return;
       }
@@ -19,33 +19,33 @@ const y = /* @__PURE__ */ f({
         {
           openapi: "3.1.0",
           info: {
-            title: e.value,
+            title: o.value,
             version: "0.0.1"
           },
-          "x-scalar-icon": t.value
+          "x-scalar-icon": a.value
         },
-        m.value.uid
-      ), s("close");
+        c.value.uid
+      ), r("close");
     };
-    return (I, a) => (v(), _(N, {
-      disabled: !e.value.trim(),
+    return (I, e) => (v(), b(N, {
+      disabled: !o.value.trim(),
       onSubmit: p
     }, {
-      options: o(() => [
-        l(C, {
-          modelValue: t.value,
-          "onUpdate:modelValue": a[1] || (a[1] = (r) => t.value = r),
+      options: l(() => [
+        n(C, {
+          modelValue: a.value,
+          "onUpdate:modelValue": e[2] || (e[2] = (t) => a.value = t),
           placement: "bottom-start"
         }, {
-          default: o(() => [
-            l(i(V), {
+          default: l(() => [
+            n(s(V), {
               class: "aspect-square px-0 h-auto",
               variant: "outlined"
             }, {
-              default: o(() => [
-                l(i(x), {
+              default: l(() => [
+                n(s(k), {
                   class: "size-4 text-c-2 stroke-2",
-                  src: t.value
+                  src: a.value
                 }, null, 8, ["src"])
               ]),
               _: 1
@@ -54,15 +54,16 @@ const y = /* @__PURE__ */ f({
           _: 1
         }, 8, ["modelValue"])
       ]),
-      submit: o(() => [
-        b("Create Collection")
+      submit: l(() => [
+        _("Create Collection")
       ]),
-      default: o(() => [
-        l(B, {
-          modelValue: e.value,
-          "onUpdate:modelValue": a[0] || (a[0] = (r) => e.value = r),
+      default: l(() => [
+        n(B, {
+          modelValue: o.value,
+          "onUpdate:modelValue": e[0] || (e[0] = (t) => o.value = t),
           label: "Collection Name",
-          placeholder: "Collection Name"
+          placeholder: "Collection Name",
+          onOnDelete: e[1] || (e[1] = (t) => r("back", t))
         }, null, 8, ["modelValue"])
       ]),
       _: 1
@@ -70,5 +71,5 @@ const y = /* @__PURE__ */ f({
   }
 });
 export {
-  y as default
+  z as default
 };

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

@@ -5,12 +5,14 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     };
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
+    back: (e: KeyboardEvent) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /** The request uid to pre-select */
     metaData?: {
         itemUid: string;
     };
 }>>> & {
+    onBack?: ((e: KeyboardEvent) => any) | undefined;
     onClose?: (() => any) | undefined;
 }, {}, {}>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteExample.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteExample.vue"],"names":[],"mappings":";IA+HE,oCAAoC;eACzB;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE;;;;IAD9B,oCAAoC;eACzB;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE;;;;AA6QhC,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":"CommandPaletteExample.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteExample.vue"],"names":[],"mappings":";IAiIE,oCAAoC;eACzB;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE;;;;;IAD9B,oCAAoC;eACzB;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE;;;;;AA+RhC,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/CommandPaletteExample.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as D, ref as d, openBlock as u, createBlock as f, withCtx as a, createVNode as l, unref as e, createElementVNode as v, createElementBlock as N, Fragment as V, renderList as B, createTextVNode as c, toDisplayString as x } from "vue";
+import { defineComponent as y, ref as f, openBlock as u, createBlock as v, withCtx as a, createVNode as s, unref as t, createElementVNode as x, createElementBlock as N, Fragment as V, renderList as B, createTextVNode as i, toDisplayString as b } from "vue";
 import h from "../HttpMethod/HttpMethod.vue.js";
 import { ScalarDropdown as R, ScalarDropdownItem as W, ScalarButton as j, ScalarIcon as z } from "@scalar/components";
 import { useToasts as I } from "@scalar/use-toasts";
@@ -6,56 +6,56 @@ import { useRouter as M } from "vue-router";
 import P from "./CommandActionForm.vue.js";
 import T from "./CommandActionInput.vue.js";
 import { useWorkspace as U } from "../../store/store.js";
-const F = { class: "flex items-center gap-2" }, H = { class: "max-h-40 custom-scroll" }, Z = /* @__PURE__ */ D({
+const F = { class: "flex items-center gap-2" }, H = { class: "max-h-40 custom-scroll" }, Z = /* @__PURE__ */ y({
   __name: "CommandPaletteExample",
   props: {
     metaData: {}
   },
-  emits: ["close"],
-  setup(_, { emit: b }) {
-    var p;
-    const k = _, w = b, { push: C } = M(), {
+  emits: ["close", "back"],
+  setup(k, { emit: _ }) {
+    var d;
+    const w = k, c = _, { push: C } = M(), {
       activeRequest: S,
-      activeWorkspace: E,
-      activeWorkspaceRequests: $,
-      requests: m,
-      requestExampleMutators: g
-    } = U(), { toast: q } = I(), s = d(""), o = d(
+      activeWorkspace: D,
+      activeWorkspaceRequests: E,
+      requests: n,
+      requestExampleMutators: $
+    } = U(), { toast: g } = I(), r = f(""), o = f(
       // Ensure we pre-select the correct request
-      m[((p = k.metaData) == null ? void 0 : p.itemUid) ?? ""] ?? S.value
-    ), i = (r) => o.value = r, y = () => {
-      if (!s.value) {
-        q("Please enter a name before creating an example.", "error");
+      n[((d = w.metaData) == null ? void 0 : d.itemUid) ?? ""] ?? S.value
+    ), p = (m) => o.value = m, q = () => {
+      if (!r.value) {
+        g("Please enter a name before creating an example.", "error");
         return;
       }
-      const r = g.add(
+      const m = $.add(
         o.value,
-        s.value
+        r.value
       );
-      r && (C(
-        `/workspace/${E.value.uid}/request/${o.value.uid}/examples/${r.uid}`
-      ), w("close"));
+      m && (C(
+        `/workspace/${D.value.uid}/request/${o.value.uid}/examples/${m.uid}`
+      ), c("close"));
     };
-    return (r, n) => (u(), f(P, {
-      disabled: !s.value.trim(),
-      onSubmit: y
+    return (m, l) => (u(), v(P, {
+      disabled: !r.value.trim(),
+      onSubmit: q
     }, {
       options: a(() => [
-        l(e(R), {
+        s(t(R), {
           placement: "bottom",
           resize: ""
         }, {
           items: a(() => [
-            v("div", H, [
-              (u(!0), N(V, null, B(e($), (t) => (u(), f(e(W), {
-                key: t,
+            x("div", H, [
+              (u(!0), N(V, null, B(t(E), (e) => (u(), v(t(W), {
+                key: e,
                 class: "flex h-7 w-full items-center justify-between px-1 pr-[26px]",
-                onClick: (L) => i(e(m)[t])
+                onClick: (L) => p(t(n)[e])
               }, {
                 default: a(() => [
-                  c(x(e(m)[t].summary) + " ", 1),
-                  l(h, {
-                    method: e(m)[t].method
+                  i(b(t(n)[e].summary) + " ", 1),
+                  s(h, {
+                    method: t(n)[e].method
                   }, null, 8, ["method"])
                 ]),
                 _: 2
@@ -63,18 +63,18 @@ const F = { class: "flex items-center gap-2" }, H = { class: "max-h-40 custom-sc
             ])
           ]),
           default: a(() => [
-            l(e(j), {
+            s(t(j), {
               class: "justify-between p-2 max-h-8 w-full gap-1 text-xs hover:bg-b-2",
               variant: "outlined",
-              onClick: n[1] || (n[1] = (t) => i(o.value))
+              onClick: l[2] || (l[2] = (e) => p(o.value))
             }, {
               default: a(() => [
-                c(x(o.value.summary) + " ", 1),
-                v("div", F, [
-                  l(h, {
+                i(b(o.value.summary) + " ", 1),
+                x("div", F, [
+                  s(h, {
                     method: o.value.method
                   }, null, 8, ["method"]),
-                  l(e(z), {
+                  s(t(z), {
                     class: "text-c-3",
                     icon: "ChevronDown",
                     size: "xs"
@@ -88,14 +88,15 @@ const F = { class: "flex items-center gap-2" }, H = { class: "max-h-40 custom-sc
         })
       ]),
       submit: a(() => [
-        c("Create Example")
+        i("Create Example")
       ]),
       default: a(() => [
-        l(T, {
-          modelValue: s.value,
-          "onUpdate:modelValue": n[0] || (n[0] = (t) => s.value = t),
+        s(T, {
+          modelValue: r.value,
+          "onUpdate:modelValue": l[0] || (l[0] = (e) => r.value = e),
           label: "Example Name",
-          placeholder: "Example Name"
+          placeholder: "Example Name",
+          onOnDelete: l[1] || (l[1] = (e) => c("back", e))
         }, null, 8, ["modelValue"])
       ]),
       _: 1

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

@@ -1,6 +1,8 @@
 declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
+    back: (e: KeyboardEvent) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    onBack?: ((e: KeyboardEvent) => any) | undefined;
     onClose?: (() => any) | undefined;
 }, {}, {}>;
 export default _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":";;;;;AAyQA,wBAMG"}
+{"version":3,"file":"CommandPaletteImport.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteImport.vue"],"names":[],"mappings":";;;;;;;AA6RA,wBAMG"}

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

@@ -1,54 +1,54 @@
-import { defineComponent as w, ref as k, openBlock as F, createBlock as y, withCtx as l, createVNode as n, unref as c, createTextVNode as p } from "vue";
-import { ScalarButton as C, ScalarIcon as I } from "@scalar/components";
-import { useToasts as U } from "@scalar/use-toasts";
-import b from "./CommandActionForm.vue.js";
+import { defineComponent as w, ref as b, openBlock as F, createBlock as h, withCtx as l, createVNode as c, unref as i, createTextVNode as p } from "vue";
+import { ScalarButton as y, ScalarIcon as C } from "@scalar/components";
+import { useToasts as I } from "@scalar/use-toasts";
+import U from "./CommandActionForm.vue.js";
 import V from "./CommandActionInput.vue.js";
 import { useFileDialog as R } from "../../hooks/useFileDialog.js";
 import { useWorkspace as $ } from "../../store/store.js";
-const W = /* @__PURE__ */ w({
+const O = /* @__PURE__ */ w({
   __name: "CommandPaletteImport",
-  emits: ["close"],
+  emits: ["close", "back"],
   setup(A, { emit: u }) {
-    const i = u, { activeWorkspace: f, importSpecFile: d, importSpecFromUrl: g } = $(), t = k(""), { toast: r } = U(), { open: _ } = R({
+    const n = u, { activeWorkspace: f, importSpecFile: d, importSpecFromUrl: g } = $(), r = b(""), { toast: a } = I(), { open: k } = R({
       onChange: async (e) => {
         const o = e == null ? void 0 : e[0];
         if (o) {
-          const a = new FileReader();
-          a.onload = async (S) => {
+          const t = new FileReader();
+          t.onload = async (S) => {
             var m;
-            const h = (m = S.target) == null ? void 0 : m.result;
+            const _ = (m = S.target) == null ? void 0 : m.result;
             try {
-              await d(h, f.value.uid), r("Import successful", "info"), i("close");
+              await d(_, f.value.uid), a("Import successful", "info"), n("close");
             } catch (s) {
               console.error(s);
               const v = (s == null ? void 0 : s.message) || "Unknown error";
-              r(`Import failed: ${v}`, "error");
+              a(`Import failed: ${v}`, "error");
             }
-          }, a.readAsText(o);
+          }, t.readAsText(o);
         }
       },
       multiple: !1,
       accept: ".json,.yaml,.yml"
     }), x = async () => {
-      if (t.value)
+      if (r.value)
         try {
-          await g(t.value), r("Import successful", "info"), i("close");
+          await g(r.value), a("Import successful", "info"), n("close");
         } catch (e) {
           console.error("the error ", e);
           const o = (e == null ? void 0 : e.message) || "Unknown error";
-          r(`Import failed: ${o}`, "error");
+          a(`Import failed: ${o}`, "error");
         }
     };
-    return (e, o) => (F(), y(b, { onSubmit: x }, {
+    return (e, o) => (F(), h(U, { onSubmit: x }, {
       options: l(() => [
-        n(c(C), {
+        c(i(y), {
           class: "p-2 max-h-8 gap-1 text-xs hover:bg-b-2 relative",
           variant: "outlined",
-          onClick: c(_)
+          onClick: i(k)
         }, {
           default: l(() => [
             p(" JSON, or YAML Files "),
-            n(c(I), {
+            c(i(C), {
               class: "text-c-3 -rotate-90",
               icon: "ArrowRight",
               size: "sm"
@@ -61,11 +61,12 @@ const W = /* @__PURE__ */ w({
         p("Import Collection")
       ]),
       default: l(() => [
-        n(V, {
-          modelValue: t.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (a) => t.value = a),
+        c(V, {
+          modelValue: r.value,
+          "onUpdate:modelValue": o[0] || (o[0] = (t) => r.value = t),
           label: "Paste Swagger File URL",
-          placeholder: "Paste Swagger File URL"
+          placeholder: "Paste Swagger File URL",
+          onOnDelete: o[1] || (o[1] = (t) => n("back", t))
         }, null, 8, ["modelValue"])
       ]),
       _: 1
@@ -73,5 +74,5 @@ const W = /* @__PURE__ */ w({
   }
 });
 export {
-  W as default
+  O as default
 };

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

@@ -5,12 +5,14 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     };
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
+    back: (e: KeyboardEvent) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     metaData?: {
         itemUid: string;
         parentUid: string;
     };
 }>>> & {
+    onBack?: ((e: KeyboardEvent) => any) | undefined;
     onClose?: (() => any) | undefined;
 }, {}, {}>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteRequest.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteRequest.vue"],"names":[],"mappings":";eAgMa;QACT,OAAO,EAAE,MAAM,CAAA;QACf,SAAS,EAAE,MAAM,CAAA;KAClB;;;;eAHU;QACT,OAAO,EAAE,MAAM,CAAA;QACf,SAAS,EAAE,MAAM,CAAA;KAClB;;;;AAmUH,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":"CommandPaletteRequest.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteRequest.vue"],"names":[],"mappings":";eAkMa;QACT,OAAO,EAAE,MAAM,CAAA;QACf,SAAS,EAAE,MAAM,CAAA;KAClB;;;;;eAHU;QACT,OAAO,EAAE,MAAM,CAAA;QACf,SAAS,EAAE,MAAM,CAAA;KAClB;;;;;AAqVH,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"}