@scalar/api-client 2.26.2 → 2.29.1

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

@@ -1,14 +1,15 @@
-import { defineComponent as M, ref as A, computed as x, createElementBlock as u, openBlock as c, Fragment as S, createElementVNode as s, createVNode as o, createTextVNode as g, renderList as I, createBlock as y, unref as r, toDisplayString as T, withCtx as f, createCommentVNode as V } from "vue";
+import { defineComponent as M, ref as T, computed as x, createElementBlock as v, openBlock as n, Fragment as g, createVNode as a, withCtx as i, createElementVNode as c, renderList as A, createBlock as y, unref as s, toDisplayString as I, createCommentVNode as V, createTextVNode as p } from "vue";
 import { useModal as P, ScalarMarkdown as z, ScalarButton as k, ScalarModal as L } from "@scalar/components";
 import { debounce as O } from "@scalar/helpers/general/debounce";
 import { ScalarIconTrash as R, ScalarIconPlus as j } from "@scalar/icons";
 import E from "../../../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
-import F from "./Form.vue.js";
-import W from "../../../../components/Server/ServerVariablesForm.vue.js";
-const Y = { class: "flex flex-col gap-4" }, q = { class: "flex flex-col gap-4" }, G = { class: "bg-b-2 flex items-center justify-between rounded-t-lg px-3 py-1 text-sm" }, H = {
+import F from "../../settings/components/Section.vue.js";
+import W from "./Form.vue.js";
+import Y from "../../../../components/Server/ServerVariablesForm.vue.js";
+const q = { class: "flex flex-col gap-4" }, G = { class: "bg-b-2 flex items-center justify-between rounded-t-lg px-3 py-1 text-sm" }, H = {
   key: 1,
   class: "self-center"
-}, J = { class: "divide-0 flex w-full flex-col divide-y rounded-b-lg text-sm" }, K = { class: "text-c-3 flex h-full items-center justify-center rounded-lg border p-4" }, re = /* @__PURE__ */ M({
+}, J = { class: "divide-0 flex w-full flex-col divide-y rounded-b-lg text-sm" }, K = { class: "text-c-3 flex h-full items-center justify-center rounded-lg border p-4" }, oe = /* @__PURE__ */ M({
   __name: "Servers",
   props: {
     documentSlug: {},
@@ -23,12 +24,13 @@ const Y = { class: "flex flex-col gap-4" }, q = { class: "flex flex-col gap-4" }
     workspaceStore: {},
     activeWorkspace: {},
     plugins: {},
+    customThemes: {},
     collectionType: {}
   },
-  setup(l) {
-    const v = P(), n = A(-1), _ = x(
-      () => l.document?.servers?.[n.value]
-    ), $ = x(() => l.document?.servers ?? []), B = [
+  setup(o) {
+    const m = P(), l = T(-1), _ = x(
+      () => o.document?.servers?.[l.value]
+    ), $ = x(() => o.document?.servers ?? []), B = [
       {
         label: "URL",
         key: "url",
@@ -40,98 +42,101 @@ const Y = { class: "flex flex-col gap-4" }, q = { class: "flex flex-col gap-4" }
         placeholder: "Production"
       }
     ], w = (t) => {
-      n.value = t, v.show();
-    }, p = () => {
-      v.hide(), n.value = -1;
+      l.value = t, m.show();
+    }, b = () => {
+      m.hide(), l.value = -1;
     }, N = () => {
-      n.value < 0 || (l.eventBus.emit("server:delete:server", { index: n.value }), p());
-    }, { execute: h } = O({ delay: 328, maxWait: 1e3 }), U = (t, e, a) => h(
+      l.value < 0 || (o.eventBus.emit("server:delete:server", { index: l.value }), b());
+    }, { execute: h } = O({ delay: 328, maxWait: 1e3 }), U = (t, e, r) => h(
       `${t}-${e}`,
-      () => l.eventBus.emit("server:update:server", {
+      () => o.eventBus.emit("server:update:server", {
         index: t,
-        server: { [e]: a }
+        server: { [e]: r }
       })
-    ), C = (t, e, a) => h(
+    ), C = (t, e, r) => h(
       `${t}-${e}`,
-      () => l.eventBus.emit("server:update:variables", {
+      () => o.eventBus.emit("server:update:variables", {
         index: t,
         key: e,
-        value: a
+        value: r
       })
-    ), D = () => l.eventBus.emit("server:add:server"), b = (t, e = 0) => t?.description || `Server ${e + 1}`;
-    return (t, e) => (c(), u(S, null, [
-      s("div", Y, [
-        e[1] || (e[1] = s("div", { class: "flex flex-col gap-2" }, [
-          s("h3", { class: "font-bold" }, "Servers"),
-          s("p", { class: "text-sm" }, [
-            g(" Add different base URLs for your API. You can use "),
-            s("code", { class: "font-code text-c-2" }, "{variables}"),
-            g(" for dynamic parts. ")
+    ), D = () => o.eventBus.emit("server:add:server"), S = (t, e = 0) => t?.description || `Server ${e + 1}`;
+    return (t, e) => (n(), v(g, null, [
+      a(F, null, {
+        title: i(() => [...e[0] || (e[0] = [
+          p("Servers", -1)
+        ])]),
+        description: i(() => [...e[1] || (e[1] = [
+          p(" Add different base URLs for your API. You can use ", -1),
+          c("code", { class: "font-code text-c-2" }, "{variables}", -1),
+          p(" for dynamic parts. ", -1)
+        ])]),
+        default: i(() => [
+          c("div", q, [
+            (n(!0), v(g, null, A($.value, (r, d) => (n(), v("div", {
+              key: d,
+              class: "rounded-lg border"
+            }, [
+              c("div", G, [
+                r.description ? (n(), y(s(z), {
+                  key: 0,
+                  class: "self-center",
+                  value: r.description
+                }, null, 8, ["value"])) : (n(), v("span", H, I(S(r, d)), 1)),
+                a(s(k), {
+                  class: "hover:bg-b-3 hover:text-c-1 h-fit p-1.25",
+                  "data-testid": "delete-server-button",
+                  variant: "ghost",
+                  onClick: (u) => w(d)
+                }, {
+                  default: i(() => [
+                    a(s(R), { class: "size-3.5" })
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              c("div", J, [
+                a(W, {
+                  data: r,
+                  environment: o.environment,
+                  onUpdate: (u, f) => U(d, u, f),
+                  options: B
+                }, null, 8, ["data", "environment", "onUpdate"]),
+                r.variables ? (n(), y(s(Y), {
+                  key: 0,
+                  variables: r.variables,
+                  "onUpdate:variable": (u, f) => C(d, u, f)
+                }, null, 8, ["variables", "onUpdate:variable"])) : V("", !0)
+              ])
+            ]))), 128))
+          ]),
+          c("div", K, [
+            a(s(k), {
+              class: "hover:bg-b-2 hover:text-c-1 flex items-center gap-2",
+              size: "sm",
+              variant: "ghost",
+              onClick: D
+            }, {
+              default: i(() => [
+                a(s(j)),
+                e[2] || (e[2] = c("span", null, "Add Server", -1))
+              ]),
+              _: 1
+            })
           ])
-        ], -1)),
-        s("div", q, [
-          (c(!0), u(S, null, I($.value, (a, d) => (c(), u("div", {
-            key: d,
-            class: "rounded-lg border"
-          }, [
-            s("div", G, [
-              a.description ? (c(), y(r(z), {
-                key: 0,
-                class: "self-center",
-                value: a.description
-              }, null, 8, ["value"])) : (c(), u("span", H, T(b(a, d)), 1)),
-              o(r(k), {
-                class: "hover:bg-b-3 hover:text-c-1 h-fit p-1.25",
-                "data-testid": "delete-server-button",
-                variant: "ghost",
-                onClick: (i) => w(d)
-              }, {
-                default: f(() => [
-                  o(r(R), { class: "size-3.5" })
-                ]),
-                _: 1
-              }, 8, ["onClick"])
-            ]),
-            s("div", J, [
-              o(F, {
-                data: a,
-                environment: l.environment,
-                onUpdate: (i, m) => U(d, i, m),
-                options: B
-              }, null, 8, ["data", "environment", "onUpdate"]),
-              a.variables ? (c(), y(r(W), {
-                key: 0,
-                variables: a.variables,
-                "onUpdate:variable": (i, m) => C(d, i, m)
-              }, null, 8, ["variables", "onUpdate:variable"])) : V("", !0)
-            ])
-          ]))), 128))
         ]),
-        s("div", K, [
-          o(r(k), {
-            class: "hover:bg-b-2 hover:text-c-1 flex items-center gap-2",
-            size: "sm",
-            variant: "ghost",
-            onClick: D
-          }, {
-            default: f(() => [
-              o(r(j)),
-              e[0] || (e[0] = s("span", null, "Add Server", -1))
-            ]),
-            _: 1
-          })
-        ])
-      ]),
-      o(r(L), {
+        _: 1
+      }),
+      a(s(L), {
         size: "xxs",
-        state: r(v),
-        title: `Delete ${b(_.value, n.value)}`
+        state: s(m),
+        title: `Delete ${S(_.value, l.value)}`
       }, {
-        default: f(() => [
-          o(E, {
+        default: i(() => [
+          a(E, {
             variableName: "Server",
             warningMessage: "Are you sure you want to delete this server? This action cannot be undone.",
-            onClose: p,
+            onClose: b,
             onDelete: N
           })
         ]),
@@ -141,5 +146,5 @@ const Y = { class: "flex flex-col gap-4" }, q = { class: "flex flex-col gap-4" }
   }
 });
 export {
-  re as default
+  oe 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":"AA6KA,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":"AA0LA,QAAA,MAAM,YAAY;;;;;;;;;;;;kGAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -1,7 +1,7 @@
-import { defineComponent as u, createBlock as c, openBlock as a, unref as n } from "vue";
-import i from "../../settings/DocumentSettings.vue.js";
-import s from "../../settings/CollectionSettings.vue.js";
-const f = /* @__PURE__ */ u({
+import { defineComponent as r, createBlock as c, openBlock as a, unref as n } from "vue";
+import s from "../../settings/DocumentSettings.vue.js";
+import i from "../../settings/CollectionSettings.vue.js";
+const x = /* @__PURE__ */ r({
   __name: "Settings",
   props: {
     documentSlug: {},
@@ -16,37 +16,39 @@ const f = /* @__PURE__ */ u({
     workspaceStore: {},
     activeWorkspace: {},
     plugins: {},
+    customThemes: {},
     collectionType: {}
   },
   setup(e) {
-    const d = (t) => {
+    const m = (t) => {
       e.eventBus.emit("document:update:watch-mode", t);
-    }, m = (t) => {
+    }, u = (t) => {
       e.eventBus.emit("workspace:update:theme", t);
-    }, r = (t) => {
-      e.eventBus.emit("workspace:update:active-proxy", t);
     }, l = (t) => {
+      e.eventBus.emit("workspace:update:active-proxy", t);
+    }, d = (t) => {
       e.eventBus.emit("workspace:update:color-mode", t);
     };
-    return (t, o) => e.collectionType === "document" ? (a(), c(n(i), {
+    return (t, o) => e.collectionType === "document" ? (a(), c(n(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 })),
-      "onUpdate:watchMode": d
-    }, null, 8, ["documentUrl", "isDraftDocument", "title", "watchMode"])) : (a(), c(n(s), {
+      "onUpdate:watchMode": m
+    }, null, 8, ["documentUrl", "isDraftDocument", "title", "watchMode"])) : (a(), c(n(i), {
       key: 1,
       activeProxyUrl: e.workspaceStore.workspace["x-scalar-active-proxy"],
-      activeThemeId: e.workspaceStore.workspace["x-scalar-theme"] ?? "default",
+      activeThemeSlug: e.workspaceStore.workspace["x-scalar-theme"] ?? "none",
       colorMode: e.workspaceStore.workspace["x-scalar-color-mode"] ?? "system",
-      "onUpdate:colorMode": l,
-      "onUpdate:proxyUrl": r,
-      "onUpdate:themeId": m
-    }, null, 8, ["activeProxyUrl", "activeThemeId", "colorMode"]));
+      customThemes: e.customThemes,
+      "onUpdate:colorMode": d,
+      "onUpdate:proxyUrl": l,
+      "onUpdate:themeSlug": u
+    }, null, 8, ["activeProxyUrl", "activeThemeSlug", "colorMode", "customThemes"]));
   }
 });
 export {
-  f as default
+  x 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"}