@scalar/api-client 2.9.1 → 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/sidebar/Sidebar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/sidebar/Sidebar.vue"],"names":[],"mappings":"AA0HA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAIlF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAKrD,KAAK,WAAW,GAAG;IACjB,iDAAiD;IACjD,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAA;IAC5C,4BAA4B;IAC5B,MAAM,EAAE,YAAY,CAAA;CACrB,CAAC;AAGF,KAAK,WAAW,GAAG;IACjB,uCAAuC;IACvC,eAAe,CAAC,IAAI,OAAO,CAAA;IAC3B,mDAAmD;IACnD,MAAM,CAAC,IAAI,OAAO,CAAA;CACnB,CAAC;AA+CF,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,eAAe,EAAE,OAAO,CAAC;IACzB,wCAAwC;IACxC,cAAc,EAAE,MAAM,CAAC;CACtB,CAAC;AAkLF,QAAA,MAAM,eAAe;;;;;;;;kFAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Sidebar.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/sidebar/Sidebar.vue"],"names":[],"mappings":"AA2HA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAIlF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAKrD,KAAK,WAAW,GAAG;IACjB,iDAAiD;IACjD,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAA;IAC5C,4BAA4B;IAC5B,MAAM,EAAE,YAAY,CAAA;CACrB,CAAC;AAGF,KAAK,WAAW,GAAG;IACjB,uCAAuC;IACvC,eAAe,CAAC,IAAI,OAAO,CAAA;IAC3B,mDAAmD;IACnD,MAAM,CAAC,IAAI,OAAO,CAAA;CACnB,CAAC;AA+CF,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,eAAe,EAAE,OAAO,CAAC;IACzB,wCAAwC;IACxC,cAAc,EAAE,MAAM,CAAC;CACtB,CAAC;AAsLF,QAAA,MAAM,eAAe;;;;;;;;kFAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/v2/components/sidebar/Sidebar.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as v, mergeModels as w, computed as y, useModel as u, ref as g, createBlock as a, openBlock as r, unref as l, withCtx as s, createVNode as h, renderSlot as b, createElementVNode as S, createCommentVNode as c } from "vue";
-import { ScalarIconButton as x, ScalarSidebarSearchInput as O } from "@scalar/components";
-import { ScalarIconMagnifyingGlass as M } from "@scalar/icons";
-import { createSidebarState as V, ScalarSidebar as B } from "@scalar/sidebar";
-import E from "./SidebarMenu.vue.js";
+import { defineComponent as k, mergeModels as w, computed as y, useModel as u, ref as g, createBlock as a, openBlock as l, unref as r, withCtx as d, createVNode as x, renderSlot as b, createElementVNode as S, createCommentVNode as p } from "vue";
+import { ScalarIconButton as O, ScalarSidebarSearchInput as M } from "@scalar/components";
+import { ScalarIconMagnifyingGlass as V } from "@scalar/icons";
+import { createSidebarState as h, ScalarSidebar as E } from "@scalar/sidebar";
+import B from "./SidebarMenu.vue.js";
 import W from "./SidebarToggle.vue.js";
 import $ from "../resize/Resize.vue.js";
-const C = { class: "bg-sidebar-b-1 sticky top-0 z-1 flex flex-col gap-3 px-3 pt-3" }, G = { class: "flex items-center justify-between" }, R = /* @__PURE__ */ v({
+const C = { class: "bg-sidebar-b-1 sticky top-0 z-1 flex flex-col gap-3 px-3 pt-3" }, I = { class: "flex items-center justify-between" }, R = /* @__PURE__ */ k({
   __name: "Sidebar",
   props: /* @__PURE__ */ w({
     documents: {},
@@ -25,63 +25,64 @@ const C = { class: "bg-sidebar-b-1 sticky top-0 z-1 flex flex-col gap-3 px-3 pt-
   }),
   emits: ["update:workspace", "update:isSidebarOpen", "update:sidebarWidth"],
   setup(i) {
-    const d = y(() => {
-      const t = Object.entries(i.documents).map(
-        ([e, o]) => ({
+    const s = y(() => {
+      const o = Object.entries(i.documents).map(
+        ([e, t]) => ({
           id: e,
           type: "document",
-          title: o.info.title ?? e,
-          children: o["x-scalar-navigation"]?.children ?? []
+          title: t.info.title ?? e,
+          children: t["x-scalar-navigation"]?.children ?? []
         })
       );
-      return V(t);
-    }), k = (t, ...e) => {
-      console.log("[LOG] event name: ", t), console.log("[LOG]", ...e);
-    }, p = u(i, "workspace"), m = u(i, "isSidebarOpen"), n = g(!1), f = u(i, "sidebarWidth");
-    return (t, e) => (r(), a(l($), {
+      return h(o);
+    }), v = (o, ...e) => {
+      console.log("[LOG] event name: ", o), console.log("[LOG]", ...e);
+    }, c = u(i, "workspace"), m = u(i, "isSidebarOpen"), n = g(!1), f = u(i, "sidebarWidth");
+    return (o, e) => (l(), a(r($), {
       width: f.value,
-      "onUpdate:width": e[4] || (e[4] = (o) => f.value = o),
+      "onUpdate:width": e[5] || (e[5] = (t) => f.value = t),
       class: "flex flex-col"
     }, {
-      default: s(() => [
-        h(l(B), {
+      default: d(() => [
+        x(r(E), {
           class: "flex w-auto flex-1",
-          isExpanded: d.value.isExpanded,
-          isSelected: d.value.isSelected,
-          items: d.value.items.value,
+          isExpanded: s.value.isExpanded,
+          isSelected: s.value.isSelected,
+          items: s.value.items.value,
           layout: "client",
-          onReorder: e[3] || (e[3] = (...o) => k("reorder", ...o))
+          onSelectItem: e[3] || (e[3] = (t) => s.value.setExpanded(t, !0)),
+          onReorder: e[4] || (e[4] = (...t) => v("reorder", ...t))
         }, {
-          search: s(() => [
+          search: d(() => [
             S("div", C, [
-              S("div", G, [
-                t.layout === "desktop" ? (r(), a(E, {
+              S("div", I, [
+                o.layout === "desktop" ? (l(), a(B, {
                   key: 0,
-                  workspace: p.value,
-                  "onUpdate:workspace": e[0] || (e[0] = (o) => p.value = o)
-                }, null, 8, ["workspace"])) : t.layout === "modal" ? (r(), a(W, {
+                  workspace: c.value,
+                  "onUpdate:workspace": e[0] || (e[0] = (t) => c.value = t)
+                }, null, 8, ["workspace"])) : o.layout === "modal" ? (l(), a(W, {
                   key: 1,
                   modelValue: m.value,
-                  "onUpdate:modelValue": e[1] || (e[1] = (o) => m.value = o)
-                }, null, 8, ["modelValue"])) : c("", !0),
-                t.layout !== "web" ? (r(), a(l(x), {
+                  "onUpdate:modelValue": e[1] || (e[1] = (t) => m.value = t)
+                }, null, 8, ["modelValue"])) : p("", !0),
+                o.layout !== "web" ? (l(), a(r(O), {
                   key: 2,
-                  icon: l(M),
+                  icon: r(V),
                   label: "Search",
-                  onClick: e[2] || (e[2] = (o) => n.value = !n.value)
-                }, null, 8, ["icon"])) : c("", !0)
+                  onClick: e[2] || (e[2] = (t) => n.value = !n.value)
+                }, null, 8, ["icon"])) : p("", !0)
               ]),
-              n.value || t.layout === "web" ? (r(), a(l(O), {
+              n.value || o.layout === "web" ? (l(), a(r(M), {
                 key: 0,
-                autofocus: t.layout !== "web"
-              }, null, 8, ["autofocus"])) : c("", !0)
+                autofocus: o.layout !== "web"
+              }, null, 8, ["autofocus"])) : p("", !0)
             ])
           ]),
-          before: s(() => [
-            b(t.$slots, "workspaceButton")
+          before: d(() => [
+            b(o.$slots, "workspaceButton")
           ]),
-          footer: s(() => [
-            b(t.$slots, "footer")
+          footer: d(() => [
+            b(o.$slots, "footer")
           ]),
           _: 3
         }, 8, ["isExpanded", "isSelected", "items"])

package/dist/v2/features/app/App.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"App.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/app/App.vue"],"names":[],"mappings":"AAmKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAWpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAOrD;;;;GAIG;;YAGO,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC;oBACtB,cAAc;;YADtB,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC;oBACtB,cAAc;;AAHhC,wBAoOC"}
+{"version":3,"file":"App.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/app/App.vue"],"names":[],"mappings":"AAkMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAWpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAOrD;;;;GAIG;;YAGO,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC;oBACtB,cAAc;;YADtB,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC;oBACtB,cAAc;;AAHhC,wBAuQC"}