@scalar/api-client 2.0.22 → 2.0.25

package/dist/components/CodeInput/codeDropdownWidget.js

@@ -0,0 +1,110 @@
+var m = Object.defineProperty;
+var g = (d, t, e) => t in d ? m(d, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[t] = e;
+var n = (d, t, e) => g(d, typeof t != "symbol" ? t + "" : t, e);
+import { router as f } from "../../router.js";
+import { ViewPlugin as y, Decoration as h, StateEffect as T, WidgetType as S } from "@scalar/use-codemirror";
+import { createApp as q, h as p, Teleport as x } from "vue";
+import v from "../../views/Environment/EnvironmentVariableDropdown.vue.js";
+class u extends S {
+  constructor(e, s, o) {
+    super();
+    n(this, "queryTerm");
+    n(this, "onSelect");
+    n(this, "dropdown", null);
+    n(this, "withServers");
+    this.queryTerm = e, this.onSelect = s, this.withServers = o;
+  }
+  updateQueryTerm(e) {
+    this.queryTerm !== e && (this.queryTerm = e);
+  }
+  getQueryTerm() {
+    return this.queryTerm;
+  }
+  toDOM(e) {
+    const s = document.createElement("span");
+    return s.style.position = "fixed", setTimeout(() => {
+      var c;
+      const o = e.state.selection.main.head, i = e.coordsAtPos(o - this.queryTerm.length - 2);
+      if (i) {
+        const r = (c = document.querySelector(".scalar-client")) == null ? void 0 : c.getBoundingClientRect();
+        r && (this.dropdown = q({
+          render: () => p(x, { to: ".scalar-client" }, [
+            p(v, {
+              query: this.queryTerm,
+              onSelect: this.onSelect,
+              withServers: this.withServers,
+              style: {
+                position: "absolute",
+                left: `${i.left - r.left}px`,
+                top: `calc(${i.bottom - r.top}px + 6px)`
+              }
+            })
+          ])
+        })), this.dropdown.use(f), this.dropdown.mount(s);
+      }
+    }, 0), s;
+  }
+  destroy() {
+    this.dropdown && (this.dropdown.unmount(), this.dropdown = null);
+  }
+  eq(e) {
+    return e instanceof u && this.queryTerm === e.queryTerm;
+  }
+}
+const P = (d) => y.fromClass(
+  class {
+    constructor(t) {
+      n(this, "decorations");
+      n(this, "widget", null);
+      n(this, "view");
+      this.view = t, this.decorations = h.none, this.handleDropdownSelect = this.handleDropdownSelect.bind(this);
+    }
+    handleDropdownSelect(t) {
+      var w;
+      if (!this.widget) return;
+      const { state: e, dispatch: s } = this.view, o = e.selection.main.head, i = Math.max(0, o - this.widget.getQueryTerm().length - 2), c = o, r = `{{${t}}}`;
+      s({
+        changes: { from: i, to: c, insert: r }
+      }), (w = this.widget) == null || w.destroy(), this.widget = null, this.decorations = h.none, this.view.dispatch({
+        effects: T.appendConfig.of([])
+      });
+      const l = i + r.length, a = "";
+      this.widget = new u(
+        a,
+        this.handleDropdownSelect,
+        d.withServers
+      ), this.decorations = h.set([
+        h.widget({
+          widget: this.widget,
+          side: 1
+        }).range(l)
+      ]), this.view.dispatch({
+        selection: { anchor: l }
+      }), this.view.focus();
+    }
+    update(t) {
+      var r, l;
+      const e = t.state.selection.main.head, s = t.state.doc.sliceString(0, e), o = [], i = s.lastIndexOf("{{"), c = s.lastIndexOf("}}");
+      if (i > c) {
+        const a = s.slice(i + 2);
+        !this.widget || this.widget.getQueryTerm() !== a ? ((r = this.widget) == null || r.destroy(), this.widget = new u(
+          a,
+          this.handleDropdownSelect
+        )) : this.widget.updateQueryTerm(a), o.push(
+          h.widget({
+            widget: this.widget,
+            side: 1
+          }).range(e)
+        );
+      } else
+        (l = this.widget) == null || l.destroy(), this.widget = null;
+      this.decorations = h.set(o);
+    }
+  },
+  {
+    decorations: (t) => t.decorations
+  }
+);
+export {
+  P as dropdownPlugin
+};

package/dist/components/CodeInput/codeVariableWidget.d.ts

@@ -0,0 +1,8 @@
+import { Decoration, type DecorationSet, EditorView, ViewPlugin, type ViewUpdate } from '@scalar/use-codemirror';
+export declare const pillPlugin: ViewPlugin<{
+    decorations: DecorationSet;
+    update(update: ViewUpdate): void;
+    buildDecorations(view: EditorView): import("@codemirror/state").RangeSet<Decoration>;
+}>;
+export declare const backspaceCommand: import("@codemirror/state").Extension;
+//# sourceMappingURL=codeVariableWidget.d.ts.map

package/dist/components/CodeInput/codeVariableWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeVariableWidget.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/codeVariableWidget.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,UAAU,EACV,KAAK,aAAa,EAClB,UAAU,EAEV,UAAU,EACV,KAAK,UAAU,EAEhB,MAAM,wBAAwB,CAAA;AA+F/B,eAAO,MAAM,UAAU;iBAEN,aAAa;mBAMX,UAAU;2BAMF,UAAU;EA6BpC,CAAA;AAED,eAAO,MAAM,gBAAgB,uCAmB3B,CAAA"}

package/dist/components/CodeInput/codeVariableWidget.js

@@ -0,0 +1,124 @@
+var u = Object.defineProperty;
+var f = (t, a, e) => a in t ? u(t, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[a] = e;
+var c = (t, a, e) => f(t, typeof a != "symbol" ? a + "" : a, e);
+import { useWorkspace as v } from "../../store/workspace.js";
+import { ScalarButton as h, ScalarIcon as b, ScalarTooltip as g } from "@scalar/components";
+import { ViewPlugin as x, RangeSetBuilder as w, Decoration as N, EditorView as y, WidgetType as C } from "@scalar/use-codemirror";
+import { defineComponent as k, h as o, createApp as D } from "vue";
+const { activeParsedEnvironments: S, isReadOnly: E } = v();
+class l extends C {
+  constructor(e) {
+    super();
+    c(this, "app");
+    this.variableName = e;
+  }
+  toDOM() {
+    const e = document.createElement("span");
+    e.className = "cm-pill", e.textContent = `${this.variableName}`;
+    const n = k({
+      props: ["variableName"],
+      render() {
+        const s = S.value.find(
+          (i) => i.key === this.variableName
+        ), r = s ? o("div", { class: "p-2" }, s.value) : o("div", { class: "divide-y divide-1/2 grid" }, [
+          o("span", { class: "p-2" }, "Variable not found"),
+          !E.value && o("div", { class: "p-1" }, [
+            o(
+              h,
+              {
+                class: "gap-1.5 justify-start font-normal px-1 py-1.5 h-auto transition-colors rounded no-underline text-xxs w-full hover:bg-b-2",
+                variant: "ghost",
+                onClick: () => {
+                  window.location.href = "/environment";
+                }
+              },
+              [
+                o(b, { class: "w-2", icon: "Add", size: "xs" }),
+                "Add variable"
+              ]
+            )
+          ])
+        ]);
+        return o(
+          g,
+          {
+            align: "start",
+            class: "bg-b-1 w-full",
+            delay: 0,
+            side: "bottom",
+            sideOffset: 6
+          },
+          {
+            trigger: () => o("span", `${this.variableName}`),
+            content: () => o(
+              "div",
+              {
+                class: "w-content shadow-lg rounded bg-b-1 text-xxs leading-5 text-c-1"
+              },
+              r
+            )
+          }
+        );
+      }
+    });
+    return this.app = D(n, { variableName: this.variableName }), this.app.mount(e), e;
+  }
+  destroy() {
+    this.app && this.app.unmount();
+  }
+  eq(e) {
+    return e instanceof l && e.variableName === this.variableName;
+  }
+  ignoreEvent(e) {
+    return !1;
+  }
+}
+const V = x.fromClass(
+  class {
+    constructor(t) {
+      c(this, "decorations");
+      this.decorations = this.buildDecorations(t);
+    }
+    update(t) {
+      (t.docChanged || t.viewportChanged) && (this.decorations = this.buildDecorations(t.view));
+    }
+    buildDecorations(t) {
+      const a = new w();
+      for (const { from: e, to: n } of t.visibleRanges) {
+        const s = t.state.doc.sliceString(e, n), r = /{{(.*?)}}/g;
+        let i;
+        for (; (i = r.exec(s)) !== null; ) {
+          const d = e + i.index, p = d + i[0].length, m = i[1];
+          a.add(
+            d,
+            p,
+            N.widget({
+              widget: new l(m),
+              side: 1
+            })
+          );
+        }
+      }
+      return a.finish();
+    }
+  },
+  {
+    decorations: (t) => t.decorations
+  }
+), T = y.domEventHandlers({
+  keydown(t, a) {
+    if (t.key === "Backspace") {
+      const { state: e } = a, { from: n, to: s } = e.selection.main;
+      if (n === s && n > 0 && e.doc.sliceString(n - 2, n) === "}}")
+        return a.dispatch({
+          changes: { from: n - 2, to: s },
+          selection: { anchor: n - 2 }
+        }), t.preventDefault(), !0;
+    }
+    return !1;
+  }
+});
+export {
+  T as backspaceCommand,
+  V as pillPlugin
+};

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

@@ -1,20 +1,7 @@
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
-    title: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
-    title: string;
-}>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
     onClose?: (() => any) | undefined;
 }, {}, {}>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
 //# sourceMappingURL=CommandPaletteCollection.vue.d.ts.map

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":";WAuES,MAAM;;;;WAAN,MAAM;;;;AAkIf,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":"CommandPaletteCollection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteCollection.vue"],"names":[],"mappings":";;;;;AAgMA,wBAMG"}

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

@@ -1,66 +1,63 @@
-import { defineComponent as m, ref as s, onMounted as p, openBlock as d, createElementBlock as f, Fragment as h, createElementVNode as e, toDisplayString as x, withModifiers as _, withDirectives as b, vModelText as v, createVNode as w, unref as g, withCtx as C, createTextVNode as N } from "vue";
-import { useWorkspace as y } from "../../store/workspace.js";
+import { defineComponent as d, ref as s, onMounted as p, openBlock as f, createElementBlock as x, withModifiers as h, createElementVNode as e, withDirectives as _, vModelText as v, createVNode as b, unref as w, withCtx as C, createTextVNode as N } from "vue";
+import { useWorkspace as g } from "../../store/workspace.js";
 import { ScalarButton as k } from "@scalar/components";
-const M = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, S = /* @__PURE__ */ e("label", {
+const y = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, M = /* @__PURE__ */ e("label", {
   class: "absolute w-full h-full opacity-0 cursor-text",
   for: "collectionanme"
-}, null, -1), V = { class: "flex" }, B = /* @__PURE__ */ e("div", { class: "flex flex-1 gap-2 max-h-8" }, null, -1), F = /* @__PURE__ */ m({
+}, null, -1), V = { class: "flex" }, B = /* @__PURE__ */ e("div", { class: "flex flex-1 gap-2 max-h-8" }, null, -1), W = /* @__PURE__ */ d({
   __name: "CommandPaletteCollection",
-  props: {
-    title: {}
-  },
   emits: ["close"],
-  setup(D, { emit: i }) {
-    const a = i, { collectionMutators: c } = y(), l = s(""), r = () => {
-      c.add({
-        spec: {
-          openapi: "3.1.0",
-          info: {
-            title: l.value,
-            version: "0.0.1"
+  setup(S, { emit: c }) {
+    const a = c, { activeWorkspace: i, collectionMutators: r } = g(), t = s(""), u = () => {
+      r.add(
+        {
+          spec: {
+            openapi: "3.1.0",
+            info: {
+              title: t.value,
+              version: "0.0.1"
+            }
           }
-        }
-      }), a("close");
-    }, o = s(null);
+        },
+        i.value.uid
+      ), a("close");
+    }, l = s(null);
     return p(() => {
-      var t;
-      (t = o.value) == null || t.focus();
-    }), (t, n) => (d(), f(h, null, [
-      e("h2", null, x(t.title), 1),
-      e("form", {
-        class: "flex w-full flex-col gap-3",
-        onSubmit: _(r, ["prevent"])
-      }, [
-        e("div", M, [
-          S,
-          b(e("input", {
-            id: "collectionanme",
-            ref_key: "collectionInput",
-            ref: o,
-            "onUpdate:modelValue": n[0] || (n[0] = (u) => l.value = u),
-            class: "border-transparent outline-none w-full pl-8 text-sm min-h-8 py-1.5",
-            label: "Collection Name",
-            placeholder: "Collection Name"
-          }, null, 512), [
-            [v, l.value]
-          ])
-        ]),
-        e("div", V, [
-          B,
-          w(g(k), {
-            class: "max-h-8 text-xs p-0 px-3",
-            type: "submit"
-          }, {
-            default: C(() => [
-              N(" Continue ")
-            ]),
-            _: 1
-          })
+      var o;
+      (o = l.value) == null || o.focus();
+    }), (o, n) => (f(), x("form", {
+      class: "flex w-full flex-col gap-3",
+      onSubmit: h(u, ["prevent"])
+    }, [
+      e("div", y, [
+        M,
+        _(e("input", {
+          id: "collectionanme",
+          ref_key: "collectionInput",
+          ref: l,
+          "onUpdate:modelValue": n[0] || (n[0] = (m) => t.value = m),
+          class: "border-transparent outline-none w-full pl-8 text-sm min-h-8 py-1.5",
+          label: "Collection Name",
+          placeholder: "Collection Name"
+        }, null, 512), [
+          [v, t.value]
         ])
-      ], 32)
-    ], 64));
+      ]),
+      e("div", V, [
+        B,
+        b(w(k), {
+          class: "max-h-8 text-xs p-0 px-3",
+          type: "submit"
+        }, {
+          default: C(() => [
+            N(" Continue ")
+          ]),
+          _: 1
+        })
+      ])
+    ], 32));
   }
 });
 export {
-  F as default
+  W as default
 };

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

@@ -1,9 +1,11 @@
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
-    title: string;
+    /** The request uid to pre-select */
+    metaData?: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
-    title: string;
+    /** The request uid to pre-select */
+    metaData?: string;
 }>>> & {
     onClose?: (() => any) | undefined;
 }, {}, {}>;

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":";WAyGS,MAAM;;;;WAAN,MAAM;;;;AAwQf,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":";IAqIE,oCAAoC;eACzB,MAAM;;;;IADjB,oCAAoC;eACzB,MAAM;;;;AA2SnB,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,107 +1,121 @@
-import { defineComponent as k, ref as i, onMounted as y, openBlock as m, createElementBlock as h, Fragment as v, createElementVNode as e, toDisplayString as u, withModifiers as C, withDirectives as S, vModelText as N, createVNode as a, unref as s, withCtx as n, renderList as V, createBlock as D, createTextVNode as c } from "vue";
-import _ from "../HttpMethod/HttpMethod.vue.js";
-import { useWorkspace as B } from "../../store/workspace.js";
-import { ScalarDropdown as E, ScalarDropdownItem as I, ScalarButton as w, ScalarIcon as $ } from "@scalar/components";
-const M = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, j = /* @__PURE__ */ e("label", {
+import { defineComponent as N, ref as u, onMounted as B, openBlock as i, createElementBlock as f, withModifiers as I, createElementVNode as l, withDirectives as M, vModelText as R, createVNode as s, unref as n, withCtx as r, Fragment as V, renderList as q, createBlock as W, createTextVNode as c, toDisplayString as x } from "vue";
+import v from "../HttpMethod/HttpMethod.vue.js";
+import { useWorkspace as j } from "../../store/workspace.js";
+import { ScalarDropdown as z, ScalarDropdownItem as T, ScalarButton as h, ScalarIcon as F } from "@scalar/components";
+import { useRouter as L } from "vue-router";
+const P = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, U = /* @__PURE__ */ l("label", {
   class: "absolute w-full h-full opacity-0 cursor-text",
   for: "examplename"
-}, null, -1), z = { class: "flex gap-2" }, R = { class: "flex flex-1 max-h-8" }, T = { class: "flex items-center gap-2" }, F = { class: "max-h-40 custom-scroll" }, H = /* @__PURE__ */ k({
+}, null, -1), A = { class: "flex gap-2" }, G = { class: "flex flex-1 max-h-8" }, H = { class: "flex items-center gap-2" }, J = { class: "max-h-40 custom-scroll" }, ee = /* @__PURE__ */ N({
   __name: "CommandPaletteExample",
   props: {
-    title: {}
+    metaData: {}
   },
   emits: ["close"],
-  setup(L, { emit: b }) {
-    const g = b, { workspaceRequests: p } = B(), d = i(""), r = i(p.value[0]);
-    function f(l) {
-      r.value = l;
-    }
-    const x = i(null);
-    return y(() => {
-      var l;
-      (l = x.value) == null || l.focus();
-    }), (l, o) => (m(), h(v, null, [
-      e("h2", null, u(l.title), 1),
-      e("form", {
-        class: "flex w-full flex-col gap-3",
-        onSubmit: o[2] || (o[2] = C((t) => g("close"), ["prevent"]))
-      }, [
-        e("div", M, [
-          j,
-          S(e("input", {
-            id: "examplename",
-            ref_key: "exampleInput",
-            ref: x,
-            "onUpdate:modelValue": o[0] || (o[0] = (t) => d.value = t),
-            class: "border-transparent outline-none w-full pl-8 text-sm min-h-8 py-1.5",
-            label: "Variant Name",
-            placeholder: "Variant Name"
-          }, null, 512), [
-            [N, d.value]
-          ])
-        ]),
-        e("div", z, [
-          e("div", R, [
-            a(s(E), {
-              placement: "bottom",
-              resize: ""
-            }, {
-              items: n(() => [
-                e("div", F, [
-                  (m(!0), h(v, null, V(s(p), (t) => (m(), D(s(I), {
-                    key: t.uid,
-                    class: "flex h-7 w-full items-center justify-between px-1 pr-[26px]",
-                    onClick: (P) => f(t)
-                  }, {
-                    default: n(() => [
-                      c(u(t.summary) + " ", 1),
-                      a(_, {
-                        method: t.method
-                      }, null, 8, ["method"])
-                    ]),
-                    _: 2
-                  }, 1032, ["onClick"]))), 128))
-                ])
-              ]),
-              default: n(() => [
-                a(s(w), {
-                  class: "justify-between p-2 max-h-8 w-full gap-1 text-xs hover:bg-b-2",
-                  variant: "outlined",
-                  onClick: o[1] || (o[1] = (t) => f(r.value))
+  setup(_, { emit: b }) {
+    const w = _, k = b, { push: g } = L(), {
+      activeRequest: y,
+      activeWorkspace: C,
+      activeWorkspaceRequests: S,
+      requests: D,
+      requestExampleMutators: E
+    } = j(), m = u(""), a = u(
+      // Ensure we pre-select the correct request
+      D[w.metaData ?? ""] ?? y.value
+    ), p = (e) => a.value = e, d = u(null);
+    B(() => {
+      var e;
+      return (e = d.value) == null ? void 0 : e.focus();
+    });
+    const $ = () => {
+      const e = E.add(
+        a.value,
+        m.value
+      );
+      e && g(
+        `/workspace/${C.value.uid}/request/${a.value.uid}/examples/${e.uid}`
+      );
+    };
+    return (e, o) => (i(), f("form", {
+      class: "flex w-full flex-col gap-3",
+      onSubmit: o[2] || (o[2] = I((t) => k("close"), ["prevent"]))
+    }, [
+      l("div", P, [
+        U,
+        M(l("input", {
+          id: "examplename",
+          ref_key: "exampleInput",
+          ref: d,
+          "onUpdate:modelValue": o[0] || (o[0] = (t) => m.value = t),
+          class: "border-transparent outline-none w-full pl-8 text-sm min-h-8 py-1.5",
+          label: "Example Name",
+          placeholder: "Example Name"
+        }, null, 512), [
+          [R, m.value]
+        ])
+      ]),
+      l("div", A, [
+        l("div", G, [
+          s(n(z), {
+            placement: "bottom",
+            resize: ""
+          }, {
+            items: r(() => [
+              l("div", J, [
+                (i(!0), f(V, null, q(n(S), (t) => (i(), W(n(T), {
+                  key: t.uid,
+                  class: "flex h-7 w-full items-center justify-between px-1 pr-[26px]",
+                  onClick: (K) => p(t)
                 }, {
-                  default: n(() => [
-                    c(u(r.value.summary) + " ", 1),
-                    e("div", T, [
-                      a(_, {
-                        method: r.value.method
-                      }, null, 8, ["method"]),
-                      a(s($), {
-                        class: "text-c-3",
-                        icon: "ChevronDown",
-                        size: "xs"
-                      })
-                    ])
+                  default: r(() => [
+                    c(x(t.summary) + " ", 1),
+                    s(v, {
+                      method: t.method
+                    }, null, 8, ["method"])
                   ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          a(s(w), {
-            class: "max-h-8 text-xs p-0 px-3",
-            type: "submit"
-          }, {
-            default: n(() => [
-              c(" Create Example ")
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ])
+            ]),
+            default: r(() => [
+              s(n(h), {
+                class: "justify-between p-2 max-h-8 w-full gap-1 text-xs hover:bg-b-2",
+                variant: "outlined",
+                onClick: o[1] || (o[1] = (t) => p(a.value))
+              }, {
+                default: r(() => [
+                  c(x(a.value.summary) + " ", 1),
+                  l("div", H, [
+                    s(v, {
+                      method: a.value.method
+                    }, null, 8, ["method"]),
+                    s(n(F), {
+                      class: "text-c-3",
+                      icon: "ChevronDown",
+                      size: "xs"
+                    })
+                  ])
+                ]),
+                _: 1
+              })
             ]),
             _: 1
           })
-        ])
-      ], 32)
-    ], 64));
+        ]),
+        s(n(h), {
+          class: "max-h-8 text-xs p-0 px-3",
+          type: "submit",
+          onClick: $
+        }, {
+          default: r(() => [
+            c(" Create Example ")
+          ]),
+          _: 1
+        })
+      ])
+    ], 32));
   }
 });
 export {
-  H as default
+  ee as default
 };

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

@@ -1,20 +1,7 @@
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
-    title: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
-    title: string;
-}>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
     onClose?: (() => any) | undefined;
 }, {}, {}>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
 //# sourceMappingURL=CommandPaletteFolder.vue.d.ts.map