@scalar/api-client 2.27.1 → 2.29.2

package/dist/v2/features/collection/WorkspaceCollection.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as a, createElementBlock as l, openBlock as r, createElementVNode as e, createVNode as o, unref as s, toDisplayString as i, mergeProps as n } from "vue";
-import { ScalarIconGlobe as m } from "@scalar/icons";
-import { RouterView as p } from "vue-router";
-import u from "./components/Tabs.vue.js";
-const d = { class: "custom-scroll h-full" }, _ = { class: "w-full md:mx-auto md:max-w-180" }, f = ["aria-label"], h = { class: "group relative ml-1.25" }, x = { class: "text-c-1 flex h-8 items-center" }, v = { class: "px-1.5 py-8" }, k = {}, B = /* @__PURE__ */ a({
-  ...k,
+import { defineComponent as m, ref as p, watch as i, createElementBlock as u, openBlock as d, createElementVNode as a, createVNode as l, unref as f, mergeProps as v } from "vue";
+import { RouterView as _ } from "vue-router";
+import k from "./components/LabelInput.vue.js";
+import w from "./components/Tabs.vue.js";
+const h = { class: "custom-scroll h-full" }, x = { class: "w-full md:mx-auto md:max-w-180" }, b = ["aria-label"], W = { class: "group relative ml-1.25" }, V = { class: "px-1.5 py-8" }, g = {}, S = /* @__PURE__ */ m({
+  ...g,
   __name: "WorkspaceCollection",
   props: {
     documentSlug: {},
@@ -20,27 +20,45 @@ const d = { class: "custom-scroll h-full" }, _ = { class: "w-full md:mx-auto md:
     plugins: {},
     customThemes: {}
   },
-  setup(t) {
-    const c = t;
-    return (w, b) => (r(), l("div", d, [
-      e("div", _, [
-        e("div", {
-          "aria-label": `title: ${t.activeWorkspace.label}`,
+  setup(s) {
+    const e = s, o = p(e.activeWorkspace.label);
+    i(
+      () => e.activeWorkspace.label,
+      (t) => {
+        o.value = t;
+      }
+    );
+    const r = (t) => {
+      if (t.trim() === "") {
+        o.value = e.activeWorkspace.label;
+        return;
+      }
+      e.eventBus.emit("workspace:update:name", t);
+    };
+    return (t, c) => (d(), u("div", h, [
+      a("div", x, [
+        a("div", {
+          "aria-label": `title: ${s.activeWorkspace.label}`,
           class: "mx-auto flex h-fit w-full flex-row items-center gap-2 pt-8 pb-3 md:max-w-180"
         }, [
-          o(s(m), { class: "text-c-2 size-6" }),
-          e("div", h, [
-            e("span", x, i(t.activeWorkspace.label), 1)
+          a("div", W, [
+            l(k, {
+              modelValue: o.value,
+              "onUpdate:modelValue": c[0] || (c[0] = (n) => o.value = n),
+              class: "text-xl font-bold",
+              inputId: "workspaceName",
+              onBlur: r
+            }, null, 8, ["modelValue"])
           ])
-        ], 8, f),
-        o(u, { type: "workspace" }),
-        e("div", v, [
-          o(s(p), n(c, { collectionType: "workspace" }), null, 16)
+        ], 8, b),
+        l(w, { type: "workspace" }),
+        a("div", V, [
+          l(f(_), v(e, { collectionType: "workspace" }), null, 16)
         ])
       ])
     ]));
   }
 });
 export {
-  B as default
+  S as default
 };

package/dist/v2/features/collection/components/Authentication.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Authentication.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Authentication.vue"],"names":[],"mappings":"AA2OA,QAAA,MAAM,YAAY;;;;;;;;;;;;kGAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"Authentication.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Authentication.vue"],"names":[],"mappings":"AA6PA,QAAA,MAAM,YAAY;;;;;;;;;;;;kGAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/v2/features/collection/components/Authentication.vue.js

@@ -1,7 +1,7 @@
 import t from "./Authentication.vue2.js";
 /* empty css                    */
 import o from "../../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-9d8e1c09"]]);
+const i = /* @__PURE__ */ o(t, [["__scopeId", "data-v-ac90d255"]]);
 export {
-  e as default
+  i as default
 };

package/dist/v2/features/collection/components/Authentication.vue2.js

@@ -1,8 +1,9 @@
-import { defineComponent as d, computed as c, createBlock as v, openBlock as y, withCtx as n, createElementVNode as i, normalizeClass as a, createVNode as s, unref as r, createTextVNode as u } from "vue";
+import { defineComponent as d, computed as i, createBlock as v, openBlock as y, withCtx as n, createElementVNode as a, normalizeClass as r, createVNode as s, unref as l, createTextVNode as u } from "vue";
 import { ScalarToggle as h } from "@scalar/components";
-import p from "../../settings/components/Section.vue.js";
-import S from "../../../blocks/scalar-auth-selector-block/components/AuthSelector.vue.js";
-const f = { class: "flex h-8 items-center" }, B = /* @__PURE__ */ d({
+import f from "../../settings/components/Section.vue.js";
+import { getActiveProxyUrl as S } from "../../../helpers/get-active-proxy-url.js";
+import p from "../../../blocks/scalar-auth-selector-block/components/AuthSelector.vue.js";
+const x = { class: "flex h-8 items-center" }, V = /* @__PURE__ */ d({
   __name: "Authentication",
   props: {
     documentSlug: {},
@@ -21,14 +22,14 @@ const f = { class: "flex h-8 items-center" }, B = /* @__PURE__ */ d({
     collectionType: {}
   },
   setup(e) {
-    const o = c(
+    const o = i(
       () => e.document?.["x-scalar-set-operation-security"] ?? !1
-    ), m = c(
+    ), m = i(
       () => e.document?.servers?.find(
-        ({ url: l }) => l === e.document?.["x-scalar-selected-server"]
+        ({ url: c }) => c === e.document?.["x-scalar-selected-server"]
       ) ?? null
     );
-    return (l, t) => (y(), v(p, null, {
+    return (c, t) => (y(), v(f, null, {
       title: n(() => [...t[1] || (t[1] = [
         u("Authentication", -1)
       ])]),
@@ -36,8 +37,8 @@ const f = { class: "flex h-8 items-center" }, B = /* @__PURE__ */ d({
         u(" If enabled, all selected authentication will apply to all operations in this document. You can override this by disabling the toggle and authentication will then be applied at the operation level. ", -1)
       ])]),
       actions: n(() => [
-        i("div", f, [
-          s(r(h), {
+        a("div", x, [
+          s(l(h), {
             class: "w-4",
             modelValue: o.value,
             "onUpdate:modelValue": t[0] || (t[0] = () => e.eventBus.emit("document:toggle:security"))
@@ -45,11 +46,11 @@ const f = { class: "flex h-8 items-center" }, B = /* @__PURE__ */ d({
         ])
       ]),
       default: n(() => [
-        i("div", {
-          class: a(!o.value && "cursor-not-allowed")
+        a("div", {
+          class: r(!o.value && "cursor-not-allowed")
         }, [
-          s(r(S), {
-            class: a([
+          s(l(p), {
+            class: r([
               "scalar-collection-auth border-none!",
               !o.value && "pointer-events-none opacity-50 mix-blend-luminosity"
             ]),
@@ -57,7 +58,10 @@ const f = { class: "flex h-8 items-center" }, B = /* @__PURE__ */ d({
             eventBus: e.eventBus,
             isStatic: "",
             meta: { type: "document" },
-            proxyUrl: e.workspaceStore.workspace["x-scalar-active-proxy"] ?? "",
+            proxyUrl: l(S)(
+              e.workspaceStore.workspace["x-scalar-active-proxy"],
+              e.layout
+            ) ?? "",
             securityRequirements: e.document?.security ?? [],
             securitySchemes: e.securitySchemes,
             selectedSecurity: e.workspaceStore.auth.getAuthSelectedSchemas({
@@ -74,5 +78,5 @@ const f = { class: "flex h-8 items-center" }, B = /* @__PURE__ */ d({
   }
 });
 export {
-  B as default
+  V as default
 };

package/dist/v2/features/collection/components/LabelInput.vue.d.ts

@@ -3,8 +3,11 @@ type __VLS_ModelProps = {
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
+} & {
+    blur: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onBlur?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/v2/features/collection/components/LabelInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LabelInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/LabelInput.vue"],"names":[],"mappings":"AA+CA,KAAK,gBAAgB,GAAG;IACxB,UAAU,EAAE,MAAM,CAAC;CAClB,CAAC;AAyEF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"LabelInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/LabelInput.vue"],"names":[],"mappings":"AAgEA,KAAK,gBAAgB,GAAG;IACxB,UAAU,EAAE,MAAM,CAAC;CAClB,CAAC;AAgFF,QAAA,MAAM,YAAY;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/v2/features/collection/components/LabelInput.vue.js

@@ -1,7 +1,7 @@
 import o from "./LabelInput.vue2.js";
 /* empty css                */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5a23cb87"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9a6458fc"]]);
 export {
-  m as default
+  f as default
 };

package/dist/v2/features/collection/components/LabelInput.vue2.js

@@ -1,29 +1,33 @@
-import { defineComponent as r, useModel as i, useId as d, createElementBlock as a, openBlock as p, createElementVNode as o, withDirectives as c, unref as n, vModelText as m } from "vue";
-const f = { class: "group pointer-events-none flex flex-1 items-center gap-1" }, v = ["for"], _ = ["id"], V = /* @__PURE__ */ r({
+import { defineComponent as a, mergeModels as m, useModel as p, useId as c, createElementBlock as f, openBlock as v, createElementVNode as n, withDirectives as h, unref as u, withKeys as x, vModelText as _ } from "vue";
+const b = { class: "group pointer-events-none flex flex-1 items-center gap-1" }, g = ["for"], w = ["id"], M = /* @__PURE__ */ a({
   __name: "LabelInput",
   props: {
     modelValue: { required: !0 },
     modelModifiers: {}
   },
-  emits: ["update:modelValue"],
-  setup(u) {
-    const e = i(u, "modelValue"), t = d();
-    return (h, l) => (p(), a("div", f, [
-      o("label", {
+  emits: /* @__PURE__ */ m(["blur"], ["update:modelValue"]),
+  setup(r, { emit: s }) {
+    const i = s, t = p(r, "modelValue"), o = c(), d = () => {
+      i("blur", t.value);
+    };
+    return (V, e) => (v(), f("div", b, [
+      n("label", {
         class: "pointer-events-auto absolute top-0 left-0 h-full w-full cursor-text opacity-0",
-        for: n(t)
-      }, null, 8, v),
-      c(o("input", {
-        id: n(t),
-        "onUpdate:modelValue": l[0] || (l[0] = (s) => e.value = s),
+        for: u(o)
+      }, null, 8, g),
+      h(n("input", {
+        id: u(o),
+        "onUpdate:modelValue": e[0] || (e[0] = (l) => t.value = l),
         class: "text-c-1 group-hover-input pointer-events-auto relative z-10 -ml-0.5 h-8 w-full flex-1 rounded pl-1.25 has-[:focus-visible]:outline md:-ml-1.25",
-        placeholder: "Untitled Document"
-      }, null, 8, _), [
-        [m, e.value]
+        placeholder: "Untitled Document",
+        onBlur: d,
+        onKeydown: e[1] || (e[1] = x((l) => l.target?.blur(), ["enter"]))
+      }, null, 40, w), [
+        [_, t.value]
       ])
     ]));
   }
 });
 export {
-  V as default
+  M as default
 };

package/dist/v2/features/collection/components/Settings.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Settings.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Settings.vue"],"names":[],"mappings":"AA0LA,QAAA,MAAM,YAAY;;;;;;;;;;;;kGAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"Settings.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Settings.vue"],"names":[],"mappings":"AA8MA,QAAA,MAAM,YAAY;;;;;;;;;;;;kGAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/v2/features/collection/components/Settings.vue.js

@@ -1,7 +1,8 @@
-import { defineComponent as r, createBlock as c, openBlock as a, unref as n } from "vue";
+import { defineComponent as d, createBlock as a, openBlock as n, unref as o } from "vue";
+import { getActiveProxyUrl as i } from "../../../helpers/get-active-proxy-url.js";
 import s from "../../settings/DocumentSettings.vue.js";
-import i from "../../settings/CollectionSettings.vue.js";
-const x = /* @__PURE__ */ r({
+import h from "../../settings/CollectionSettings.vue.js";
+const f = /* @__PURE__ */ d({
   __name: "Settings",
   props: {
     documentSlug: {},
@@ -22,33 +23,36 @@ const x = /* @__PURE__ */ r({
   setup(e) {
     const m = (t) => {
       e.eventBus.emit("document:update:watch-mode", t);
-    }, u = (t) => {
-      e.eventBus.emit("workspace:update:theme", t);
     }, l = (t) => {
+      e.eventBus.emit("workspace:update:theme", t);
+    }, u = (t) => {
       e.eventBus.emit("workspace:update:active-proxy", t);
-    }, d = (t) => {
+    }, r = (t) => {
       e.eventBus.emit("workspace:update:color-mode", t);
     };
-    return (t, o) => e.collectionType === "document" ? (a(), c(n(s), {
+    return (t, c) => e.collectionType === "document" ? (n(), a(o(s), {
       key: 0,
       documentUrl: e.document?.["x-scalar-original-source-url"],
       isDraftDocument: e.documentSlug === "drafts",
       title: e.document?.info.title ?? "",
       watchMode: e.document?.["x-scalar-watch-mode"],
-      "onDelete:document": o[0] || (o[0] = (h) => e.eventBus.emit("document:delete:document", { name: e.documentSlug })),
+      "onDelete:document": c[0] || (c[0] = (v) => e.eventBus.emit("document:delete:document", { name: e.documentSlug })),
       "onUpdate:watchMode": m
-    }, null, 8, ["documentUrl", "isDraftDocument", "title", "watchMode"])) : (a(), c(n(i), {
+    }, null, 8, ["documentUrl", "isDraftDocument", "title", "watchMode"])) : (n(), a(o(h), {
       key: 1,
-      activeProxyUrl: e.workspaceStore.workspace["x-scalar-active-proxy"],
+      activeProxyUrl: o(i)(
+        e.workspaceStore.workspace["x-scalar-active-proxy"],
+        e.layout
+      ),
       activeThemeSlug: e.workspaceStore.workspace["x-scalar-theme"] ?? "none",
       colorMode: e.workspaceStore.workspace["x-scalar-color-mode"] ?? "system",
       customThemes: e.customThemes,
-      "onUpdate:colorMode": d,
-      "onUpdate:proxyUrl": l,
-      "onUpdate:themeSlug": u
+      "onUpdate:colorMode": r,
+      "onUpdate:proxyUrl": u,
+      "onUpdate:themeSlug": l
     }, null, 8, ["activeProxyUrl", "activeThemeSlug", "colorMode", "customThemes"]));
   }
 });
 export {
-  x as default
+  f as default
 };

package/dist/v2/features/command-palette/components/CommandPaletteExample.vue.d.ts

@@ -1,4 +1,5 @@
 import type { WorkspaceStore } from '@scalar/workspace-store/client';
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 /**
  * Command Palette Example Component
  *
@@ -18,8 +19,10 @@ export default _default;
 declare const __VLS_export: import("vue").DefineComponent<{
     /** The workspace store for accessing documents and operations */
     workspaceStore: WorkspaceStore;
+    /** Event bus for emitting operation creation events */
+    eventBus: WorkspaceEventBus;
     /** Document id to create the example for */
-    documentId?: string;
+    documentName?: string;
     /** Preselected path and method to create the example for */
     operationId?: string;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -28,8 +31,10 @@ declare const __VLS_export: import("vue").DefineComponent<{
 }, string, import("vue").PublicProps, Readonly<{
     /** The workspace store for accessing documents and operations */
     workspaceStore: WorkspaceStore;
+    /** Event bus for emitting operation creation events */
+    eventBus: WorkspaceEventBus;
     /** Document id to create the example for */
-    documentId?: string;
+    documentName?: string;
     /** Preselected path and method to create the example for */
     operationId?: string;
 }> & Readonly<{

package/dist/v2/features/command-palette/components/CommandPaletteExample.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteExample.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteExample.vue"],"names":[],"mappings":"AAqSA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAcpE;;;;;;;;;;;;;GAaG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAKzC,QAAA,MAAM,YAAY;IAEhB,iEAAiE;oBACjD,cAAc;IAC9B,4CAA4C;iBAC/B,MAAM;IACnB,4DAA4D;kBAC9C,MAAM;;;;;IALpB,iEAAiE;oBACjD,cAAc;IAC9B,4CAA4C;iBAC/B,MAAM;IACnB,4DAA4D;kBAC9C,MAAM;;;;kFA4clB,CAAC"}
+{"version":3,"file":"CommandPaletteExample.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteExample.vue"],"names":[],"mappings":"AAoSA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAavE;;;;;;;;;;;;;GAaG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAKzC,QAAA,MAAM,YAAY;IAEhB,iEAAiE;oBACjD,cAAc;IAC9B,uDAAuD;cAC7C,iBAAiB;IAC3B,4CAA4C;mBAC7B,MAAM;IACrB,4DAA4D;kBAC9C,MAAM;;;;;IAPpB,iEAAiE;oBACjD,cAAc;IAC9B,uDAAuD;cAC7C,iBAAiB;IAC3B,4CAA4C;mBAC7B,MAAM;IACrB,4DAA4D;kBAC9C,MAAM;;;;kFAyclB,CAAC"}

package/dist/v2/features/command-palette/components/CommandPaletteExample.vue.js

@@ -1,103 +1,102 @@
-import { defineComponent as B, ref as h, computed as p, watch as O, createBlock as x, openBlock as u, withCtx as n, createVNode as i, createTextVNode as j, createElementVNode as m, unref as c, normalizeClass as z, toDisplayString as b, createElementBlock as w, createCommentVNode as U, Fragment as L, renderList as R } from "vue";
-import { ScalarListbox as T, ScalarButton as _, ScalarIcon as I, ScalarDropdown as A, ScalarDropdownItem as F } from "@scalar/components";
-import { useRouter as P } from "vue-router";
-import y from "../../../blocks/operation-code-sample/components/HttpMethod.vue.js";
-import q from "./CommandActionForm.vue.js";
-import G from "./CommandActionInput.vue.js";
-const H = { class: "flex flex-1 gap-1" }, J = {
+import { defineComponent as I, ref as h, computed as p, watch as $, createBlock as x, openBlock as u, withCtx as s, createVNode as i, createTextVNode as O, createElementVNode as r, unref as c, normalizeClass as j, toDisplayString as b, createElementBlock as w, createCommentVNode as z, Fragment as U, renderList as L } from "vue";
+import { ScalarListbox as T, ScalarButton as C, ScalarIcon as y, ScalarDropdown as A, ScalarDropdownItem as F } from "@scalar/components";
+import D from "../../../blocks/operation-code-sample/components/HttpMethod.vue.js";
+import P from "./CommandActionForm.vue.js";
+import q from "./CommandActionInput.vue.js";
+const G = { class: "flex flex-1 gap-1" }, H = {
   key: 0,
   class: "text-c-1 truncate"
-}, K = {
+}, J = {
   key: 1,
   class: "text-c-3"
-}, M = { class: "flex items-center gap-2" }, Q = { class: "custom-scroll max-h-40" }, W = { class: "truncate" }, X = {
+}, K = { class: "flex items-center gap-2" }, M = { class: "custom-scroll max-h-40" }, Q = { class: "truncate" }, R = {
   name: "CommandPaletteExample"
-}, oe = /* @__PURE__ */ B({
-  ...X,
+}, te = /* @__PURE__ */ I({
+  ...R,
   props: {
     workspaceStore: {},
-    documentId: {},
+    eventBus: {},
+    documentName: {},
     operationId: {}
   },
   emits: ["close", "back"],
-  setup(s, { emit: D }) {
-    const k = D, V = P(), v = h(""), g = p(() => v.value.trim()), f = p(
-      () => Object.entries(s.workspaceStore.workspace.documents).map(
+  setup(n, { emit: V }) {
+    const k = V, v = h(""), g = p(() => v.value.trim()), f = p(
+      () => Object.entries(n.workspaceStore.workspace.documents).map(
         ([e, a]) => ({
           id: e,
           label: a.info.title || e
         })
       )
     ), l = h(
-      s.documentId ? f.value.find((e) => e.id === s.documentId) : f.value[0] ?? void 0
-    ), S = (e) => {
+      n.documentName ? f.value.find((e) => e.id === n.documentName) : f.value[0] ?? void 0
+    ), N = (e) => {
       const a = [];
       for (const t of e)
-        t.type === "operation" && a.push(t), "children" in t && t.children && a.push(...S(t.children));
+        t.type === "operation" && a.push(t), "children" in t && t.children && a.push(...N(t.children));
       return a;
-    }, r = p(() => {
+    }, m = p(() => {
       if (!l.value)
         return [];
-      const e = s.workspaceStore.workspace.documents[l.value.id];
+      const e = n.workspaceStore.workspace.documents[l.value.id];
       if (!e || !e["x-scalar-navigation"])
         return [];
       const a = e["x-scalar-navigation"];
-      return S(a.children ?? []).map((d) => ({
+      return N(a.children ?? []).map((d) => ({
         id: d.id,
         label: `${d.method.toUpperCase()} ${d.path}`,
         path: d.path,
         method: d.method
       }));
     }), o = h(
-      s.operationId ? r.value.find(
-        (e) => e.id === s.operationId
+      n.operationId ? m.value.find(
+        (e) => e.id === n.operationId
       ) : void 0
     );
-    O(
+    $(
       l,
       () => {
-        o.value = s.operationId ? r.value.find(
-          (e) => e.id === s.operationId
-        ) : r.value[0] ?? void 0;
+        o.value = n.operationId ? m.value.find(
+          (e) => e.id === n.operationId
+        ) : m.value[0] ?? void 0;
       },
       { immediate: !0 }
     );
-    const N = (e) => {
+    const _ = (e) => {
       e && (o.value = e);
-    }, C = p(() => !g.value || !l.value || !o.value), E = () => {
-      C.value || !l.value || !o.value || (V.push({
-        name: "example",
-        params: {
-          documentSlug: l.value.id,
-          pathEncoded: encodeURIComponent(o.value.path),
-          method: o.value.method,
-          exampleName: g.value
-        }
+    }, S = p(() => !g.value || !l.value || !o.value), B = () => {
+      S.value || !l.value || !o.value || (n.eventBus.emit("operation:create:draft-example", {
+        documentName: l.value.id,
+        meta: {
+          path: o.value.path,
+          method: o.value.method
+        },
+        exampleName: g.value
       }), k("close"));
-    }, $ = (e) => {
+    }, E = (e) => {
       k("back", e);
     };
-    return (e, a) => (u(), x(q, {
-      disabled: C.value,
-      onSubmit: E
+    return (e, a) => (u(), x(P, {
+      disabled: S.value,
+      onSubmit: B
     }, {
-      options: n(() => [
-        m("div", H, [
+      options: s(() => [
+        r("div", G, [
           i(c(T), {
             modelValue: l.value,
             "onUpdate:modelValue": a[1] || (a[1] = (t) => l.value = t),
             options: f.value
           }, {
-            default: n(() => [
-              i(c(_), {
+            default: s(() => [
+              i(c(C), {
                 class: "hover:bg-b-2 max-h-8 w-[150px] min-w-[150px] justify-between gap-1 p-2 text-xs",
                 variant: "outlined"
               }, {
-                default: n(() => [
-                  m("span", {
-                    class: z(l.value ? "text-c-1 truncate" : "text-c-3")
+                default: s(() => [
+                  r("span", {
+                    class: j(l.value ? "text-c-1 truncate" : "text-c-3")
                   }, b(l.value ? l.value.label : "Select Document"), 3),
-                  i(c(I), {
+                  i(c(y), {
                     class: "text-c-3",
                     icon: "ChevronDown",
                     size: "md"
@@ -112,16 +111,16 @@ const H = { class: "flex flex-1 gap-1" }, J = {
             placement: "bottom",
             resize: ""
           }, {
-            items: n(() => [
-              m("div", Q, [
-                (u(!0), w(L, null, R(r.value, (t) => (u(), x(c(F), {
+            items: s(() => [
+              r("div", M, [
+                (u(!0), w(U, null, L(m.value, (t) => (u(), x(c(F), {
                   key: t.id,
                   class: "flex h-7 w-full items-center justify-between px-1 pr-[26px]",
-                  onClick: (d) => N(t)
+                  onClick: (d) => _(t)
                 }, {
-                  default: n(() => [
-                    m("span", W, b(t.path), 1),
-                    i(y, {
+                  default: s(() => [
+                    r("span", Q, b(t.path), 1),
+                    i(D, {
                       method: t.method
                     }, null, 8, ["method"])
                   ]),
@@ -129,20 +128,20 @@ const H = { class: "flex flex-1 gap-1" }, J = {
                 }, 1032, ["onClick"]))), 128))
               ])
             ]),
-            default: n(() => [
-              i(c(_), {
+            default: s(() => [
+              i(c(C), {
                 class: "hover:bg-b-2 max-h-8 w-full justify-between gap-1 p-2 text-xs",
-                disabled: !r.value.length,
+                disabled: !m.value.length,
                 variant: "outlined"
               }, {
-                default: n(() => [
-                  o.value ? (u(), w("span", J, b(o.value.path), 1)) : (u(), w("span", K, " Select Operation ")),
-                  m("div", M, [
-                    o.value ? (u(), x(y, {
+                default: s(() => [
+                  o.value ? (u(), w("span", H, b(o.value.path), 1)) : (u(), w("span", J, " Select Operation ")),
+                  r("div", K, [
+                    o.value ? (u(), x(D, {
                       key: 0,
                       method: o.value.method
-                    }, null, 8, ["method"])) : U("", !0),
-                    i(c(I), {
+                    }, null, 8, ["method"])) : z("", !0),
+                    i(c(y), {
                       class: "text-c-3",
                       icon: "ChevronDown",
                       size: "md"
@@ -156,16 +155,16 @@ const H = { class: "flex flex-1 gap-1" }, J = {
           })
         ])
       ]),
-      submit: n(() => [...a[2] || (a[2] = [
-        j("Create Example", -1)
+      submit: s(() => [...a[2] || (a[2] = [
+        O("Create Example", -1)
       ])]),
-      default: n(() => [
-        i(G, {
+      default: s(() => [
+        i(q, {
           modelValue: v.value,
           "onUpdate:modelValue": a[0] || (a[0] = (t) => v.value = t),
           label: "Example Name",
           placeholder: "Example Name",
-          onDelete: $
+          onDelete: E
         }, null, 8, ["modelValue"])
       ]),
       _: 1
@@ -173,5 +172,5 @@ const H = { class: "flex flex-1 gap-1" }, J = {
   }
 });
 export {
-  oe as default
+  te as default
 };

package/dist/v2/features/command-palette/components/{CommandPaletteDocument.vue.d.ts → CommandPaletteOpenApiDocument.vue.d.ts}

@@ -1,14 +1,14 @@
 import type { WorkspaceStore } from '@scalar/workspace-store/client';
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 /**
- * Command Palette Document Component
+ * Command Palette OpenAPI Document Component
  *
  * Provides a form for creating a new empty document in the workspace.
  * Users can name the document and select an icon before creation.
  * Validates that the name is not empty and not already in use.
  *
  * @example
- * <CommandPaletteDocument
+ * <CommandPaletteOpenApiDocument
  *   :workspaceStore="workspaceStore"
  *   :eventBus="eventBus"
  *   @close="handleClose"
@@ -34,4 +34,4 @@ declare const __VLS_export: import("vue").DefineComponent<{
     onClose?: (() => any) | undefined;
     onBack?: ((keyboardEvent: KeyboardEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-//# sourceMappingURL=CommandPaletteDocument.vue.d.ts.map
+//# sourceMappingURL=CommandPaletteOpenApiDocument.vue.d.ts.map

package/dist/v2/features/command-palette/components/CommandPaletteOpenApiDocument.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteOpenApiDocument.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/command-palette/components/CommandPaletteOpenApiDocument.vue"],"names":[],"mappings":"AAwIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAUvE;;;;;;;;;;;;;;GAcG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;IAEhB,2DAA2D;oBAC3C,cAAc;IAC9B,sDAAsD;cAC5C,iBAAiB;;;;;IAH3B,2DAA2D;oBAC3C,cAAc;IAC9B,sDAAsD;cAC5C,iBAAiB;;;;kFAwMzB,CAAC"}