@scalar/api-client 2.9.0 → 2.10.0

package/dist/v2/blocks/scalar-operation-block/components/OperationTableRow.vue.js

@@ -1,16 +1,18 @@
-import { defineComponent as z, computed as r, resolveComponent as S, createBlock as u, openBlock as s, unref as t, normalizeClass as U, withCtx as i, createVNode as d, createCommentVNode as b, createElementVNode as m, createElementBlock as p, Fragment as $, toDisplayString as x } from "vue";
-import { ScalarTooltip as D, ScalarIcon as c, ScalarButton as y } from "@scalar/components";
-import { ScalarIconTrash as I } from "@scalar/icons";
-import E from "./OperationTableTooltip.vue.js";
-import { validateParameter as O } from "../helpers/validate-parameter.js";
-import q from "../../../../components/DataTable/DataTableRow.vue.js";
-import j from "../../../../components/DataTable/DataTableCheckbox.vue.js";
-import v from "../../../../components/DataTable/DataTableCell.vue.js";
-import h from "../../../../components/CodeInput/CodeInput.vue.js";
-const G = { class: "text-c-2 filemask flex w-full max-w-[100%] items-center justify-center overflow-hidden p-1" }, N = {
+import { defineComponent as S, computed as r, resolveComponent as U, createBlock as u, openBlock as s, unref as l, normalizeClass as $, withCtx as i, createVNode as d, createCommentVNode as v, createElementVNode as m, createElementBlock as c, Fragment as D, toDisplayString as I } from "vue";
+import { ScalarTooltip as O, ScalarIcon as y, ScalarButton as h } from "@scalar/components";
+import { ScalarIconTrash as E } from "@scalar/icons";
+import { unpackProxyObject as b } from "@scalar/workspace-store/helpers/unpack-proxy";
+import j from "./OperationTableTooltip.vue.js";
+import { getFileName as k } from "../helpers/files.js";
+import { validateParameter as q } from "../helpers/validate-parameter.js";
+import N from "../../../../components/DataTable/DataTableRow.vue.js";
+import P from "../../../../components/DataTable/DataTableCheckbox.vue.js";
+import p from "../../../../components/DataTable/DataTableCell.vue.js";
+import V from "../../../../components/CodeInput/CodeInput.vue.js";
+const G = { class: "text-c-2 filemask flex w-full max-w-[100%] items-center justify-center overflow-hidden p-1" }, K = {
   key: 1,
   class: "p-0.5"
-}, X = /* @__PURE__ */ z({
+}, ee = /* @__PURE__ */ S({
   __name: "OperationTableRow",
   props: {
     data: {},
@@ -23,44 +25,47 @@ const G = { class: "text-c-2 filemask flex w-full max-w-[100%] items-center just
     showUploadButton: { type: Boolean }
   },
   emits: ["updateRow", "deleteRow", "uploadFile", "removeFile"],
-  setup(l, { emit: k }) {
-    const n = k, V = r(() => l.data.schema?.default), w = r(() => l.data.schema?.enum), R = r(
-      () => l.data.schema && "minimum" in l.data.schema ? l.data.schema.minimum : void 0
-    ), g = r(
-      () => l.data.schema && "maximum" in l.data.schema ? l.data.schema.maximum : void 0
-    ), B = r(
-      () => l.data.schema && "type" in l.data.schema ? l.data.schema.type : void 0
+  setup(t, { emit: w }) {
+    const n = w, R = r(() => t.data.schema?.default), g = r(() => t.data.schema?.enum), B = r(
+      () => t.data.schema && "minimum" in t.data.schema ? t.data.schema.minimum : void 0
+    ), C = r(
+      () => t.data.schema && "maximum" in t.data.schema ? t.data.schema.maximum : void 0
+    ), F = r(
+      () => t.data.schema && "type" in t.data.schema ? t.data.schema.type : void 0
     ), f = r(
-      () => O(l.data.schema, l.data.value)
-    ), C = (e) => e instanceof File, F = r({
-      get: () => l.data.value instanceof File ? l.data.value.name : l.data.value === null ? "" : l.data.value,
+      () => q(t.data.schema, t.data.value)
+    ), T = (e) => e instanceof File, x = r({
+      get: () => {
+        const e = b(t.data.value);
+        return e instanceof File ? k(b(t.data.value)) ?? "" : e === null ? "" : e;
+      },
       set: (e) => {
         typeof e == "string" && n("updateRow", { value: e });
       }
     });
     return (e, a) => {
-      const T = S("RouterLink");
-      return s(), u(t(q), {
+      const z = U("RouterLink");
+      return s(), u(l(N), {
         id: e.data.name,
-        class: U({
+        class: $({
           alert: f.value.ok === !1,
           error: f.value.ok === !1 && e.invalidParams?.has(e.data.name)
         })
       }, {
         default: i(() => [
-          e.data.globalRoute !== void 0 ? (s(), u(T, {
+          e.data.globalRoute !== void 0 ? (s(), u(z, {
             key: 0,
             class: "text-c-2 flex items-center justify-center border-t !border-r",
             to: e.data.globalRoute ?? {}
           }, {
             default: i(() => [
               a[8] || (a[8] = m("span", { class: "sr-only" }, "Global", -1)),
-              d(t(D), {
+              d(l(O), {
                 content: "Global cookies are shared across the whole workspace.",
                 placement: "top"
               }, {
                 default: i(() => [
-                  d(t(c), {
+                  d(l(y), {
                     class: "text-c-1",
                     icon: "Globe",
                     size: "xs",
@@ -71,16 +76,16 @@ const G = { class: "text-c-2 filemask flex w-full max-w-[100%] items-center just
               })
             ]),
             _: 1
-          }, 8, ["to"])) : (s(), u(t(j), {
+          }, 8, ["to"])) : (s(), u(l(P), {
             key: 1,
             class: "!border-r",
             disabled: e.hasCheckboxDisabled ?? !1,
             modelValue: !e.data.isDisabled,
             "onUpdate:modelValue": a[0] || (a[0] = (o) => n("updateRow", { isEnabled: o }))
           }, null, 8, ["disabled", "modelValue"])),
-          d(t(v), null, {
+          d(l(p), null, {
             default: i(() => [
-              d(t(h), {
+              d(l(V), {
                 "aria-label": `${e.label} Key`,
                 disableCloseBrackets: "",
                 disabled: e.isReadOnly,
@@ -98,30 +103,30 @@ const G = { class: "text-c-2 filemask flex w-full max-w-[100%] items-center just
             ]),
             _: 1
           }),
-          d(t(v), null, {
+          d(l(p), null, {
             default: i(() => [
-              d(t(h), {
+              d(l(V), {
                 "aria-label": `${e.label} Value`,
                 class: "pr-6 group-hover:pr-10 group-has-[.cm-focused]:pr-10",
-                default: V.value,
+                default: R.value,
                 disableCloseBrackets: "",
                 disabled: e.isReadOnly,
                 disableEnter: "",
                 disableTabIndent: "",
-                enum: w.value ?? [],
+                enum: g.value ?? [],
                 envVariables: e.envVariables,
                 environment: e.environment,
                 lineWrapping: "",
-                max: g.value,
-                min: R.value,
-                modelValue: F.value,
+                max: C.value,
+                min: B.value,
+                modelValue: x.value,
                 placeholder: "Value",
-                type: B.value,
+                type: F.value,
                 onSelectVariable: a[4] || (a[4] = (o) => n("updateRow", { value: o })),
                 "onUpdate:modelValue": a[5] || (a[5] = (o) => n("updateRow", { value: o }))
               }, {
                 icon: i(() => [
-                  (e.data.name || e.data.value) && !e.data.isRequired ? (s(), u(t(y), {
+                  (e.data.name || e.data.value) && !e.data.isRequired ? (s(), u(l(h), {
                     key: 0,
                     class: "text-c-2 hover:text-c-1 hover:bg-b-2 z-context -mr-0.5 hidden h-fit rounded p-1 group-hover:flex group-has-[.cm-focused]:flex",
                     size: "sm",
@@ -129,37 +134,37 @@ const G = { class: "text-c-2 filemask flex w-full max-w-[100%] items-center just
                     onClick: a[3] || (a[3] = (o) => n("deleteRow"))
                   }, {
                     default: i(() => [
-                      d(t(I), { class: "size-3.5" })
+                      d(l(E), { class: "size-3.5" })
                     ]),
                     _: 1
-                  })) : b("", !0),
-                  e.data.schema ? (s(), u(E, {
+                  })) : v("", !0),
+                  e.data.schema ? (s(), u(j, {
                     key: 1,
                     schema: e.data.schema,
                     value: e.data.value
-                  }, null, 8, ["schema", "value"])) : b("", !0)
+                  }, null, 8, ["schema", "value"])) : v("", !0)
                 ]),
                 _: 1
               }, 8, ["aria-label", "default", "disabled", "enum", "envVariables", "environment", "max", "min", "modelValue", "type"])
             ]),
             _: 1
           }),
-          e.showUploadButton ? (s(), u(t(v), {
+          e.showUploadButton ? (s(), u(l(p), {
             key: 2,
             class: "group/upload flex items-center justify-center whitespace-nowrap"
           }, {
             default: i(() => [
-              C(e.data.value) ? (s(), p($, { key: 0 }, [
+              T(l(b)(e.data.value)) ? (s(), c(D, { key: 0 }, [
                 m("div", G, [
-                  m("span", null, x(e.data.value.name), 1)
+                  m("span", null, I(l(k)(l(b)(e.data.value))), 1)
                 ]),
                 m("button", {
                   class: "bg-b-2 centered-x centered-y absolute hidden w-[calc(100%_-_8px)] rounded p-0.5 text-center text-xs font-medium group-hover/upload:block",
                   type: "button",
                   onClick: a[6] || (a[6] = (o) => n("removeFile"))
                 }, " Delete ")
-              ], 64)) : (s(), p("div", N, [
-                d(t(y), {
+              ], 64)) : (s(), c("div", K, [
+                d(l(h), {
                   class: "bg-b-2 hover:bg-b-3 text-c-2 h-fit border-0 py-px shadow-none",
                   size: "sm",
                   variant: "outlined",
@@ -167,7 +172,7 @@ const G = { class: "text-c-2 filemask flex w-full max-w-[100%] items-center just
                 }, {
                   default: i(() => [
                     a[9] || (a[9] = m("span", null, "Upload File", -1)),
-                    d(t(c), {
+                    d(l(y), {
                       class: "ml-1",
                       icon: "Upload",
                       size: "xs",
@@ -179,7 +184,7 @@ const G = { class: "text-c-2 filemask flex w-full max-w-[100%] items-center just
               ]))
             ]),
             _: 1
-          })) : b("", !0)
+          })) : v("", !0)
         ]),
         _: 1
       }, 8, ["id", "class"]);
@@ -187,5 +192,5 @@ const G = { class: "text-c-2 filemask flex w-full max-w-[100%] items-center just
   }
 });
 export {
-  X as default
+  ee as default
 };

package/dist/v2/blocks/scalar-response-block/components/ResponseBlock.vue.d.ts

@@ -1,4 +1,5 @@
 import type { ResponseInstance } from '@scalar/oas-utils/entities/spec';
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { ClientLayout } from '../../../../hooks/index.js';
 import type { createStoreEvents } from '../../../../store/events.js';
 import type { ClientPlugin } from '../../../../v2/plugins';
@@ -17,6 +18,7 @@ type __VLS_Props = {
     plugins?: ClientPlugin[];
     /** Event bus */
     events: ReturnType<typeof createStoreEvents>;
+    eventBus: WorkspaceEventBus;
 };
 declare const responseSections: readonly ["Cookies", "Headers", "Body"];
 type Filter = 'All' | (typeof responseSections)[number];
@@ -38,13 +40,9 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {
     activeFilter: import("vue").Ref<Filter, Filter>;
     filters: import("vue").ComputedRef<Filter[]>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    openCommandPalette: () => any;
     sendRequest: () => any;
-    addRequest: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onOpenCommandPalette?: (() => any) | undefined;
     onSendRequest?: (() => any) | undefined;
-    onAddRequest?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=ResponseBlock.vue.d.ts.map

package/dist/v2/blocks/scalar-response-block/components/ResponseBlock.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseBlock.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-response-block/components/ResponseBlock.vue"],"names":[],"mappings":"AA+RA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAKvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAGvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAUhD,KAAK,WAAW,GAAG;IACjB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,gBAAgB,CAAA;IAC3B,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,oBAAoB;IACpB,MAAM,EAAE,YAAY,CAAA;IACpB,yCAAyC;IACzC,sBAAsB,EAAE,MAAM,CAAA;IAC9B,0BAA0B;IAC1B,UAAU,EAAE,MAAM,CAAA;IAElB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IAExB,gBAAgB;IAChB,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAA;CAC7C,CAAC;AAqCF,QAAA,MAAM,gBAAgB,yCAA0C,CAAA;AAChE,KAAK,MAAM,GAAG,KAAK,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8YvD,wBAQG"}
+{"version":3,"file":"ResponseBlock.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-response-block/components/ResponseBlock.vue"],"names":[],"mappings":"AAgSA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AACvE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAKvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAGvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAUhD,KAAK,WAAW,GAAG;IACjB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,gBAAgB,CAAA;IAC3B,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,oBAAoB;IACpB,MAAM,EAAE,YAAY,CAAA;IACpB,yCAAyC;IACzC,sBAAsB,EAAE,MAAM,CAAA;IAC9B,0BAA0B;IAC1B,UAAU,EAAE,MAAM,CAAA;IAElB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IAExB,gBAAgB;IAChB,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAA;IAE5C,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,CAAC;AAmCF,QAAA,MAAM,gBAAgB,yCAA0C,CAAA;AAChE,KAAK,MAAM,GAAG,KAAK,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;AA8YvD,wBAQG"}

package/dist/v2/blocks/scalar-response-block/components/ResponseBlock.vue.js

@@ -1,7 +1,7 @@
 import o from "./ResponseBlock.vue2.js";
 /* empty css                   */
-import e from "../../../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-1f4cee6d"]]);
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fd0c4365"]]);
 export {
-  s as default
+  c as default
 };

package/dist/v2/blocks/scalar-response-block/components/ResponseBlock.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as I, computed as i, ref as P, useId as S, createBlock as r, openBlock as n, withCtx as u, createElementVNode as m, normalizeClass as A, createElementBlock as y, createVNode as B, Fragment as k, createCommentVNode as d, createTextVNode as V, renderList as E, unref as O, withDirectives as z, resolveDynamicComponent as N, vShow as L } from "vue";
+import { defineComponent as I, computed as i, ref as O, useId as S, createBlock as r, openBlock as n, withCtx as u, createElementVNode as m, normalizeClass as B, createElementBlock as c, createVNode as h, Fragment as y, createCommentVNode as d, createTextVNode as A, renderList as E, unref as z, withDirectives as N, resolveDynamicComponent as P, vShow as L } from "vue";
 import { ScalarErrorBoundary as j } from "@scalar/components";
 import w from "../../../../components/SectionFilter.vue.js";
 import D from "../../../../components/ViewLayout/ViewLayoutSection.vue.js";
-import b from "./Headers.vue.js";
+import V from "./Headers.vue.js";
 import { textMediaTypes as F } from "../helpers/media-types.js";
 import M from "./ResponseBody.vue.js";
 import U from "./ResponseBodyStreaming.vue.js";
@@ -12,7 +12,7 @@ import Z from "./ResponseCookies.vue.js";
 import G from "./ResponseEmpty.vue.js";
 import J from "./ResponseLoadingOverlay.vue.js";
 import Q from "./ResponseMetaInformation.vue.js";
-const W = { class: "flex h-8 flex-1 items-center" }, X = ["id", "role"], C = 2e5, pe = /* @__PURE__ */ I({
+const W = { class: "flex h-8 flex-1 items-center" }, X = ["id", "role"], b = 2e5, pe = /* @__PURE__ */ I({
   __name: "ResponseBlock",
   props: {
     response: {},
@@ -21,17 +21,18 @@ const W = { class: "flex h-8 flex-1 items-center" }, X = ["id", "role"], C = 2e5
     totalPerformedRequests: {},
     appVersion: {},
     plugins: {},
-    events: {}
+    events: {},
+    eventBus: {}
   },
-  emits: ["addRequest", "sendRequest", "openCommandPalette"],
-  setup(t, { expose: H, emit: T }) {
-    const v = T, p = i(() => {
+  emits: ["sendRequest"],
+  setup(t, { expose: H, emit: C }) {
+    const T = C, p = i(() => {
       const e = t.response?.headers;
       return e ? Object.keys(e).map((s) => ({
         name: s,
         value: e[s] ?? ""
       })) : [];
-    }), R = i(
+    }), k = i(
       () => t.response?.cookieHeaderKeys.flatMap((e) => {
         const s = t.response?.headers?.[e];
         return s ? {
@@ -39,35 +40,35 @@ const W = { class: "flex h-8 flex-1 items-center" }, X = ["id", "role"], C = 2e5
           value: s
         } : [];
       }) ?? []
-    ), $ = ["Cookies", "Headers", "Body"], o = P("All"), f = i(() => ["All", ...$]), a = i(
+    ), $ = ["Cookies", "Headers", "Body"], o = O("All"), v = i(() => ["All", ...$]), a = i(
       () => Object.fromEntries(
-        f.value.map((e) => [e, S()])
+        v.value.map((e) => [e, S()])
       )
-    ), q = i(() => {
+    ), R = i(() => {
       if (!t.response || !("size" in t.response))
         return !1;
       const e = t.response.headers?.["content-type"] || t.response.headers?.["Content-Type"];
-      return !e || (t.response.size ?? 0) <= C || e.includes("text/html") ? !1 : F.some((l) => e.includes(l)) && (t.response.size ?? 0) > C;
-    }), h = i(
+      return !e || (t.response.size ?? 0) <= b || e.includes("text/html") ? !1 : F.some((l) => e.includes(l)) && (t.response.size ?? 0) > b;
+    }), q = i(
       () => t.request?.headers ? [...t.request.headers].map((e) => ({
         name: e[0],
         value: e[1],
         required: !1
       })) : []
-    ), c = (e) => e === "All" || o.value === e;
+    ), f = (e) => e === "All" || o.value === e;
     return H({
       responseHeaders: p,
-      responseCookies: R,
-      requestHeaders: h,
-      shouldVirtualize: q,
+      responseCookies: k,
+      requestHeaders: q,
+      shouldVirtualize: R,
       activeFilter: o,
-      filters: f
+      filters: v
     }), (e, s) => (n(), r(D, { "aria-label": "Response" }, {
       title: u(() => [
         m("div", W, [
           m("div", {
             "aria-live": "polite",
-            class: A(["flex items-center", { "animate-response-heading": e.response }])
+            class: B(["flex items-center", { "animate-response-heading": e.response }])
           }, [
             s[4] || (s[4] = m("span", { class: "response-heading pointer-events-none absolute" }, " Response ", -1)),
             e.response ? (n(), r(Q, {
@@ -77,43 +78,43 @@ const W = { class: "flex h-8 flex-1 items-center" }, X = ["id", "role"], C = 2e5
               response: e.response
             }, null, 8, ["events", "response"])) : d("", !0)
           ], 2),
-          B(w, {
+          h(w, {
             modelValue: o.value,
             "onUpdate:modelValue": s[0] || (s[0] = (l) => o.value = l),
             filterIds: a.value,
-            filters: f.value
+            filters: v.value
           }, null, 8, ["modelValue", "filterIds", "filters"])
         ])
       ]),
       default: u(() => [
         m("div", {
           id: a.value.All,
-          class: A(["custom-scroll response-section-content relative grid h-full justify-stretch", {
+          class: B(["custom-scroll response-section-content relative grid h-full justify-stretch", {
             "content-start": e.response
           }]),
           role: o.value === "All" && e.response ? "tabpanel" : "none"
         }, [
-          e.response ? (n(), y(k, { key: 1 }, [
-            c("Cookies") ? (n(), r(Z, {
+          e.response ? (n(), c(y, { key: 1 }, [
+            f("Cookies") ? (n(), r(Z, {
               key: 0,
               id: a.value.Cookies,
               class: "response-section-content-cookies",
-              cookies: R.value,
+              cookies: k.value,
               role: o.value === "All" ? "none" : "tabpanel"
             }, null, 8, ["id", "cookies", "role"])) : d("", !0),
-            c("Headers") ? (n(), r(b, {
+            f("Headers") ? (n(), r(V, {
               key: 1,
               id: a.value.Headers,
               class: "response-section-content-headers",
-              headers: h.value,
+              headers: q.value,
               role: o.value === "All" ? "none" : "tabpanel"
             }, {
               title: u(() => [...s[5] || (s[5] = [
-                V("Request Headers", -1)
+                A("Request Headers", -1)
               ])]),
               _: 1
             }, 8, ["id", "headers", "role"])) : d("", !0),
-            c("Headers") ? (n(), r(b, {
+            f("Headers") ? (n(), r(V, {
               key: 2,
               id: a.value.Headers,
               class: "response-section-content-headers",
@@ -121,13 +122,13 @@ const W = { class: "flex h-8 flex-1 items-center" }, X = ["id", "role"], C = 2e5
               role: o.value === "All" ? "none" : "tabpanel"
             }, {
               title: u(() => [...s[6] || (s[6] = [
-                V("Response Headers", -1)
+                A("Response Headers", -1)
               ])]),
               _: 1
             }, 8, ["id", "headers", "role"])) : d("", !0),
-            (n(!0), y(k, null, E(e.plugins, (l, g) => (n(), r(O(j), { key: g }, {
+            (n(!0), c(y, null, E(e.plugins, (l, g) => (n(), r(z(j), { key: g }, {
               default: u(() => [
-                l.components?.response ? z((n(), r(N(l.components.response), {
+                l.components?.response ? N((n(), r(P(l.components.response), {
                   key: 0,
                   response: e.response,
                   request: e.request
@@ -137,13 +138,13 @@ const W = { class: "flex h-8 flex-1 items-center" }, X = ["id", "role"], C = 2e5
               ]),
               _: 2
             }, 1024))), 128)),
-            o.value === "All" || o.value === "Body" ? (n(), y(k, { key: 3 }, [
+            o.value === "All" || o.value === "Body" ? (n(), c(y, { key: 3 }, [
               "reader" in e.response ? (n(), r(U, {
                 key: 0,
                 id: a.value.Body,
                 class: "response-section-content-body",
                 reader: e.response.reader
-              }, null, 8, ["id", "reader"])) : q.value && typeof e.response?.data == "string" ? (n(), r(K, {
+              }, null, 8, ["id", "reader"])) : R.value && typeof e.response?.data == "string" ? (n(), r(K, {
                 key: 1,
                 id: a.value.Body,
                 content: e.response.data,
@@ -168,11 +169,11 @@ const W = { class: "flex h-8 flex-1 items-center" }, X = ["id", "role"], C = 2e5
             events: e.events,
             layout: e.layout,
             totalPerformedRequests: e.totalPerformedRequests,
-            onAddRequest: s[1] || (s[1] = (l) => v("addRequest")),
-            onOpenCommandPalette: s[2] || (s[2] = (l) => v("openCommandPalette")),
-            onSendRequest: s[3] || (s[3] = (l) => v("sendRequest"))
+            onAddRequest: s[1] || (s[1] = (l) => e.eventBus.emit("open:command-palette", "addOperation")),
+            onOpenCommandPalette: s[2] || (s[2] = (l) => e.eventBus.emit("open:command-palette")),
+            onSendRequest: s[3] || (s[3] = (l) => T("sendRequest"))
           }, null, 8, ["appVersion", "events", "layout", "totalPerformedRequests"])),
-          B(J, { events: e.events }, null, 8, ["events"])
+          h(J, { events: e.events }, null, 8, ["events"])
         ], 10, X)
       ]),
       _: 1

package/dist/v2/components/code-input/CodeInput.vue.d.ts

@@ -0,0 +1,140 @@
+import { type CodeMirrorLanguage, type Extension } from '@scalar/use-codemirror';
+import type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
+import { type Ref } from 'vue';
+import type { ClientLayout } from '../../../v2/types/layout';
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
+    modelValue: string | number;
+    /** Environment for variable substitution. Pass undefined to disable environment variables */
+    environment: XScalarEnvironment | undefined;
+    /** Type of the input value, affects rendering mode for booleans */
+    type?: string | string[];
+    /** Render as disabled text display */
+    disabled?: boolean;
+    /** Show error styling */
+    error?: boolean;
+    /** Layout context affects styling and behavior */
+    layout?: ClientLayout;
+    /** Predefined enum values, triggers select mode */
+    enum?: string[];
+    /** Example values, triggers select mode */
+    examples?: string[];
+    /** Default value to show in select mode */
+    default?: string | number;
+    /** Allow null in boolean select options */
+    nullable?: boolean;
+    /** Placeholder text for empty input */
+    placeholder?: string;
+    /** Show required indicator */
+    required?: boolean;
+    /** Enable color picker extension */
+    colorPicker?: boolean;
+    /** Show line numbers in editor */
+    lineNumbers?: boolean;
+    /** Enable linting */
+    lint?: boolean;
+    /** Enable line wrapping */
+    lineWrapping?: boolean;
+    /** CodeMirror language mode */
+    language?: CodeMirrorLanguage;
+    /** Additional CodeMirror extensions */
+    extensions?: Extension[];
+    /** Disable tab key for indentation */
+    disableTabIndent?: boolean;
+    /** Disable enter key */
+    disableEnter?: boolean;
+    /** Disable automatic bracket closing */
+    disableCloseBrackets?: boolean;
+    /** Emit submit event on blur */
+    emitOnBlur?: boolean;
+    /** Enable environment variable pills */
+    withVariables?: boolean;
+    /** Detect and emit curl commands */
+    importCurl?: boolean;
+    /** Custom change handler, prevents default emit */
+    handleFieldChange?: (value: string) => void;
+    /** Custom submit handler, prevents default emit */
+    handleFieldSubmit?: (value: string) => void;
+}, {
+    focus: () => void | undefined;
+    handleChange: (value: string) => void;
+    handleSubmit: (value: string) => void;
+    handleBlur: (value: string) => void;
+    booleanOptions: import("vue").ComputedRef<string[]>;
+    codeMirror: Ref<import("@codemirror/view").EditorView | null, import("@codemirror/view").EditorView | null>;
+    modelValue: string | number;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (value: string) => any;
+    redirectToEnvironment: () => any;
+    "update:modelValue": (value: string) => any;
+    blur: (value: string) => any;
+    curl: (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    modelValue: string | number;
+    /** Environment for variable substitution. Pass undefined to disable environment variables */
+    environment: XScalarEnvironment | undefined;
+    /** Type of the input value, affects rendering mode for booleans */
+    type?: string | string[];
+    /** Render as disabled text display */
+    disabled?: boolean;
+    /** Show error styling */
+    error?: boolean;
+    /** Layout context affects styling and behavior */
+    layout?: ClientLayout;
+    /** Predefined enum values, triggers select mode */
+    enum?: string[];
+    /** Example values, triggers select mode */
+    examples?: string[];
+    /** Default value to show in select mode */
+    default?: string | number;
+    /** Allow null in boolean select options */
+    nullable?: boolean;
+    /** Placeholder text for empty input */
+    placeholder?: string;
+    /** Show required indicator */
+    required?: boolean;
+    /** Enable color picker extension */
+    colorPicker?: boolean;
+    /** Show line numbers in editor */
+    lineNumbers?: boolean;
+    /** Enable linting */
+    lint?: boolean;
+    /** Enable line wrapping */
+    lineWrapping?: boolean;
+    /** CodeMirror language mode */
+    language?: CodeMirrorLanguage;
+    /** Additional CodeMirror extensions */
+    extensions?: Extension[];
+    /** Disable tab key for indentation */
+    disableTabIndent?: boolean;
+    /** Disable enter key */
+    disableEnter?: boolean;
+    /** Disable automatic bracket closing */
+    disableCloseBrackets?: boolean;
+    /** Emit submit event on blur */
+    emitOnBlur?: boolean;
+    /** Enable environment variable pills */
+    withVariables?: boolean;
+    /** Detect and emit curl commands */
+    importCurl?: boolean;
+    /** Custom change handler, prevents default emit */
+    handleFieldChange?: (value: string) => void;
+    /** Custom submit handler, prevents default emit */
+    handleFieldSubmit?: (value: string) => void;
+}> & Readonly<{
+    onSubmit?: ((value: string) => any) | undefined;
+    onRedirectToEnvironment?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onBlur?: ((value: string) => any) | undefined;
+    onCurl?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    warning?: (props: {}) => any;
+} & {
+    icon?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=CodeInput.vue.d.ts.map

package/dist/v2/components/code-input/CodeInput.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/code-input/CodeInput.vue"],"names":[],"mappings":"AAumBA,OAAO,EAIL,KAAK,kBAAkB,EACvB,KAAK,SAAS,EACf,MAAM,wBAAwB,CAAA;AAC/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AAEnH,OAAO,EAAyC,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAIrE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;;gBAcvC,MAAM,GAAG,MAAM;IAC3B,6FAA6F;iBAChF,kBAAkB,GAAG,SAAS;IAC3C,mEAAmE;WAC5D,MAAM,GAAG,MAAM,EAAE;IACxB,sCAAsC;eAC3B,OAAO;IAClB,yBAAyB;YACjB,OAAO;IACf,kDAAkD;aACzC,YAAY;IACrB,mDAAmD;WAC5C,MAAM,EAAE;IACf,2CAA2C;eAChC,MAAM,EAAE;IACnB,2CAA2C;cACjC,MAAM,GAAG,MAAM;IACzB,2CAA2C;eAChC,OAAO;IAClB,uCAAuC;kBACzB,MAAM;IACpB,8BAA8B;eACnB,OAAO;IAClB,oCAAoC;kBACtB,OAAO;IACrB,kCAAkC;kBACpB,OAAO;IACrB,qBAAqB;WACd,OAAO;IACd,2BAA2B;mBACZ,OAAO;IACtB,+BAA+B;eACpB,kBAAkB;IAC7B,uCAAuC;iBAC1B,SAAS,EAAE;IACxB,sCAAsC;uBACnB,OAAO;IAC1B,wBAAwB;mBACT,OAAO;IACtB,wCAAwC;2BACjB,OAAO;IAC9B,gCAAgC;iBACnB,OAAO;IACpB,wCAAwC;oBACxB,OAAO;IACvB,oCAAoC;iBACvB,OAAO;IACpB,mDAAmD;wBAC/B,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IAC3C,mDAAmD;wBAC/B,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;;;0BAyFhB,MAAM,KAAG,IAAI;0BAiCb,MAAM,KAAG,IAAI;wBAWf,MAAM,KAAG,IAAI;;;;;;;;;;;gBAvL1B,MAAM,GAAG,MAAM;IAC3B,6FAA6F;iBAChF,kBAAkB,GAAG,SAAS;IAC3C,mEAAmE;WAC5D,MAAM,GAAG,MAAM,EAAE;IACxB,sCAAsC;eAC3B,OAAO;IAClB,yBAAyB;YACjB,OAAO;IACf,kDAAkD;aACzC,YAAY;IACrB,mDAAmD;WAC5C,MAAM,EAAE;IACf,2CAA2C;eAChC,MAAM,EAAE;IACnB,2CAA2C;cACjC,MAAM,GAAG,MAAM;IACzB,2CAA2C;eAChC,OAAO;IAClB,uCAAuC;kBACzB,MAAM;IACpB,8BAA8B;eACnB,OAAO;IAClB,oCAAoC;kBACtB,OAAO;IACrB,kCAAkC;kBACpB,OAAO;IACrB,qBAAqB;WACd,OAAO;IACd,2BAA2B;mBACZ,OAAO;IACtB,+BAA+B;eACpB,kBAAkB;IAC7B,uCAAuC;iBAC1B,SAAS,EAAE;IACxB,sCAAsC;uBACnB,OAAO;IAC1B,wBAAwB;mBACT,OAAO;IACtB,wCAAwC;2BACjB,OAAO;IAC9B,gCAAgC;iBACnB,OAAO;IACpB,wCAAwC;oBACxB,OAAO;IACvB,oCAAoC;iBACvB,OAAO;IACpB,mDAAmD;wBAC/B,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IAC3C,mDAAmD;wBAC/B,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;;;;;;;;cA6kB/B,CAAC,KAAK,IAAiB,KAAK,GAAG;;WAClC,CAAC,KAAK,IAAiB,KAAK,GAAG;;AAxoB1C,wBA4rBC;AAOD,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/v2/components/code-input/CodeInput.vue.js

@@ -0,0 +1,8 @@
+import o from "./CodeInput.vue2.js";
+/* empty css               */
+/* empty css               */
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d30c143b"]]);
+export {
+  a as default
+};