@scalar/api-client 2.20.2 → 2.21.0

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

@@ -1,20 +1,20 @@
-import { defineComponent as S, computed as i, ref as g, useId as I, createBlock as r, openBlock as o, withCtx as u, createElementVNode as c, normalizeClass as B, createElementBlock as p, createVNode as h, Fragment as y, createCommentVNode as d, createTextVNode as A, renderList as E, unref as O, withDirectives as z, resolveDynamicComponent as N, vShow as P } from "vue";
-import { ScalarErrorBoundary as D } from "@scalar/components";
-import { isDefined as L } from "@scalar/helpers/array/is-defined";
-import j from "../../../components/SectionFilter.vue.js";
-import w from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
+import { defineComponent as T, computed as i, ref as $, useId as S, createBlock as r, openBlock as o, withCtx as d, createElementVNode as c, normalizeClass as h, createElementBlock as p, createVNode as R, Fragment as y, createCommentVNode as u, createTextVNode as A, renderList as g, unref as I, withDirectives as E, resolveDynamicComponent as O, vShow as z } from "vue";
+import { ScalarErrorBoundary as N } from "@scalar/components";
+import { isDefined as P } from "@scalar/helpers/array/is-defined";
+import D from "../../../components/SectionFilter.vue.js";
+import L from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
 import V from "./components/Headers.vue.js";
-import F from "./components/ResponseBody.vue.js";
-import U from "./components/ResponseBodyStreaming.vue.js";
-import K from "./components/ResponseBodyVirtual.vue.js";
+import j from "./components/ResponseBody.vue.js";
+import w from "./components/ResponseBodyStreaming.vue.js";
+import F from "./components/ResponseBodyVirtual.vue.js";
 /* empty css                                    */
-import M from "./components/ResponseCookies.vue.js";
-import Z from "./components/ResponseEmpty.vue.js";
-import G from "./components/ResponseLoadingOverlay.vue.js";
-import J from "./components/ResponseMetaInformation.vue.js";
-import { textMediaTypes as Q } from "./helpers/media-types.js";
-import { parseSetCookie as W } from "./helpers/parse-set-cookie.js";
-const X = { class: "flex h-8 flex-1 items-center" }, Y = ["id", "role"], b = 2e5, pe = /* @__PURE__ */ S({
+import U from "./components/ResponseCookies.vue.js";
+import K from "./components/ResponseEmpty.vue.js";
+import M from "./components/ResponseLoadingOverlay.vue.js";
+import Z from "./components/ResponseMetaInformation.vue.js";
+import { textMediaTypes as G } from "./helpers/media-types.js";
+import { parseSetCookie as J } from "./helpers/parse-set-cookie.js";
+const Q = { class: "flex h-8 flex-1 items-center" }, W = ["id", "role"], b = 2e5, ve = /* @__PURE__ */ T({
   __name: "ResponseBlock",
   props: {
     response: {},
@@ -23,29 +23,27 @@ const X = { class: "flex h-8 flex-1 items-center" }, Y = ["id", "role"], b = 2e5
     totalPerformedRequests: {},
     appVersion: {},
     plugins: {},
-    events: {},
     eventBus: {}
   },
-  emits: ["sendRequest"],
-  setup(e, { expose: x, emit: C }) {
-    const H = C, m = i(() => {
+  setup(e, { expose: x }) {
+    const m = i(() => {
       const t = e.response?.headers;
       return t ? Object.keys(t).map((s) => ({
         name: s,
         value: t[s] ?? ""
       })) : [];
     }), k = i(
-      () => e.response?.cookieHeaderKeys.map((t) => W(t)).filter(L) ?? []
-    ), T = ["Cookies", "Headers", "Body"], n = g("All"), v = i(() => ["All", ...T]), a = i(
+      () => e.response?.cookieHeaderKeys.map((t) => J(t)).filter(P) ?? []
+    ), C = ["Cookies", "Headers", "Body"], n = $("All"), v = i(() => ["All", ...C]), a = i(
       () => Object.fromEntries(
-        v.value.map((t) => [t, I()])
+        v.value.map((t) => [t, S()])
       )
-    ), q = i(() => {
+    ), B = i(() => {
       if (!e.response || !("size" in e.response))
         return !1;
       const t = e.response.headers?.["content-type"] || e.response.headers?.["Content-Type"];
-      return !t || (e.response.size ?? 0) <= b || t.includes("text/html") ? !1 : Q.some((l) => t.includes(l)) && (e.response.size ?? 0) > b;
-    }), R = i(
+      return !t || (e.response.size ?? 0) <= b || t.includes("text/html") ? !1 : G.some((l) => t.includes(l)) && (e.response.size ?? 0) > b;
+    }), q = i(
       () => e.request?.headers ? [...e.request.headers].map((t) => ({
         name: t[0],
         value: t[1],
@@ -55,26 +53,26 @@ const X = { class: "flex h-8 flex-1 items-center" }, Y = ["id", "role"], b = 2e5
     return x({
       responseHeaders: m,
       responseCookies: k,
-      requestHeaders: R,
-      shouldVirtualize: q,
+      requestHeaders: q,
+      shouldVirtualize: B,
       activeFilter: n,
       filters: v
-    }), (t, s) => (o(), r(w, { "aria-label": "Response" }, {
-      title: u(() => [
-        c("div", X, [
+    }), (t, s) => (o(), r(L, { "aria-label": "Response" }, {
+      title: d(() => [
+        c("div", Q, [
           c("div", {
             "aria-live": "polite",
-            class: B(["flex items-center", { "animate-response-heading": e.response }])
+            class: h(["flex items-center", { "animate-response-heading": e.response }])
           }, [
             s[4] || (s[4] = c("span", { class: "response-heading pointer-events-none absolute" }, " Response ", -1)),
-            e.response ? (o(), r(J, {
+            e.response ? (o(), r(Z, {
               key: 0,
               class: "animate-response-children",
-              events: e.events,
+              eventBus: e.eventBus,
               response: e.response
-            }, null, 8, ["events", "response"])) : d("", !0)
+            }, null, 8, ["eventBus", "response"])) : u("", !0)
           ], 2),
-          h(j, {
+          R(D, {
             modelValue: n.value,
             "onUpdate:modelValue": s[0] || (s[0] = (l) => n.value = l),
             filterIds: a.value,
@@ -82,34 +80,34 @@ const X = { class: "flex h-8 flex-1 items-center" }, Y = ["id", "role"], b = 2e5
           }, null, 8, ["modelValue", "filterIds", "filters"])
         ])
       ]),
-      default: u(() => [
+      default: d(() => [
         c("div", {
           id: a.value.All,
-          class: B(["custom-scroll response-section-content relative grid h-full justify-stretch", {
+          class: h(["custom-scroll response-section-content relative grid h-full justify-stretch", {
             "content-start": e.response
           }]),
           role: n.value === "All" && e.response ? "tabpanel" : "none"
         }, [
           e.response ? (o(), p(y, { key: 1 }, [
-            f("Cookies") ? (o(), r(M, {
+            f("Cookies") ? (o(), r(U, {
               key: 0,
               id: a.value.Cookies,
               class: "response-section-content-cookies",
               cookies: k.value,
               role: n.value === "All" ? "none" : "tabpanel"
-            }, null, 8, ["id", "cookies", "role"])) : d("", !0),
+            }, null, 8, ["id", "cookies", "role"])) : u("", !0),
             f("Headers") ? (o(), r(V, {
               key: 1,
               id: a.value.Headers,
               class: "response-section-content-headers",
-              headers: R.value,
+              headers: q.value,
               role: n.value === "All" ? "none" : "tabpanel"
             }, {
-              title: u(() => [...s[5] || (s[5] = [
+              title: d(() => [...s[5] || (s[5] = [
                 A("Request Headers", -1)
               ])]),
               _: 1
-            }, 8, ["id", "headers", "role"])) : d("", !0),
+            }, 8, ["id", "headers", "role"])) : u("", !0),
             f("Headers") ? (o(), r(V, {
               key: 2,
               id: a.value.Headers,
@@ -117,37 +115,37 @@ const X = { class: "flex h-8 flex-1 items-center" }, Y = ["id", "role"], b = 2e5
               headers: m.value,
               role: n.value === "All" ? "none" : "tabpanel"
             }, {
-              title: u(() => [...s[6] || (s[6] = [
+              title: d(() => [...s[6] || (s[6] = [
                 A("Response Headers", -1)
               ])]),
               _: 1
-            }, 8, ["id", "headers", "role"])) : d("", !0),
-            (o(!0), p(y, null, E(e.plugins, (l, $) => (o(), r(O(D), { key: $ }, {
-              default: u(() => [
-                l.components?.response && e.request && e.response ? z((o(), r(N(l.components.response), {
+            }, 8, ["id", "headers", "role"])) : u("", !0),
+            (o(!0), p(y, null, g(e.plugins, (l, H) => (o(), r(I(N), { key: H }, {
+              default: d(() => [
+                l.components?.response && e.request && e.response ? E((o(), r(O(l.components.response), {
                   key: 0,
                   request: e.request,
                   response: e.response
                 }, null, 8, ["request", "response"])), [
-                  [P, n.value === "All"]
-                ]) : d("", !0)
+                  [z, n.value === "All"]
+                ]) : u("", !0)
               ]),
               _: 2
             }, 1024))), 128)),
             n.value === "All" || n.value === "Body" ? (o(), p(y, { key: 3 }, [
-              "reader" in e.response ? (o(), r(U, {
+              "reader" in e.response ? (o(), r(w, {
                 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" ? (o(), r(K, {
+              }, null, 8, ["id", "reader"])) : B.value && typeof e.response?.data == "string" ? (o(), r(F, {
                 key: 1,
                 id: a.value.Body,
                 content: e.response.data,
                 data: e.response?.data,
                 headers: m.value,
                 role: n.value === "All" ? "none" : "tabpanel"
-              }, null, 8, ["id", "content", "data", "headers", "role"])) : (o(), r(F, {
+              }, null, 8, ["id", "content", "data", "headers", "role"])) : (o(), r(j, {
                 key: 2,
                 id: a.value.Body,
                 active: !0,
@@ -158,11 +156,10 @@ const X = { class: "flex h-8 flex-1 items-center" }, Y = ["id", "role"], b = 2e5
                 role: n.value === "All" ? "none" : "tabpanel",
                 title: "Body"
               }, null, 8, ["id", "data", "headers", "role"]))
-            ], 64)) : d("", !0)
-          ], 64)) : (o(), r(Z, {
+            ], 64)) : u("", !0)
+          ], 64)) : (o(), r(K, {
             key: 0,
             appVersion: e.appVersion,
-            events: e.events,
             layout: e.layout,
             totalPerformedRequests: e.totalPerformedRequests,
             onAddRequest: s[1] || (s[1] = (l) => e.eventBus.emit("ui:open:command-palette", {
@@ -170,15 +167,15 @@ const X = { class: "flex h-8 flex-1 items-center" }, Y = ["id", "role"], b = 2e5
               payload: void 0
             })),
             onOpenCommandPalette: s[2] || (s[2] = (l) => e.eventBus.emit("ui:open:command-palette")),
-            onSendRequest: s[3] || (s[3] = (l) => H("sendRequest"))
-          }, null, 8, ["appVersion", "events", "layout", "totalPerformedRequests"])),
-          h(G, { events: e.events }, null, 8, ["events"])
-        ], 10, Y)
+            onSendRequest: s[3] || (s[3] = (l) => e.eventBus.emit("operation:send:request:hotkey"))
+          }, null, 8, ["appVersion", "layout", "totalPerformedRequests"])),
+          R(M, { eventBus: e.eventBus }, null, 8, ["eventBus"])
+        ], 10, W)
       ]),
       _: 1
     }));
   }
 });
 export {
-  pe as default
+  ve as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ResponseBodyStreaming.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyStreaming.vue"],"names":[],"mappings":"AA+GA,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,2BAA2B,CAAC,UAAU,CAAC,CAAA;CAChD,CAAC;;AAkLF,wBAMG"}
+{"version":3,"file":"ResponseBodyStreaming.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyStreaming.vue"],"names":[],"mappings":"AAuKA,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,2BAA2B,CAAC,UAAU,CAAC,CAAA;CAChD,CAAC;;AAmPF,wBAMG"}

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

@@ -1,74 +1,94 @@
-import { defineComponent as y, ref as c, watch as _, nextTick as w, onMounted as h, onBeforeUnmount as k, createBlock as B, openBlock as l, unref as s, withCtx as v, createElementVNode as i, createElementBlock as d, createCommentVNode as u, toDisplayString as p, createVNode as S } from "vue";
-import { useLoadingState as b, ScalarLoading as C } from "@scalar/components";
-import L from "../../../components/layout/CollapsibleSection.vue.js";
-const T = { class: "flex w-full items-center justify-between" }, E = {
+import { defineComponent as B, ref as i, watch as y, nextTick as C, onBeforeUnmount as b, createBlock as L, openBlock as u, unref as n, createSlots as T, withCtx as d, createElementVNode as v, createElementBlock as m, createCommentVNode as g, toDisplayString as k, createVNode as w, createTextVNode as N } from "vue";
+import { useLoadingState as V, ScalarLoading as E, ScalarButton as z } from "@scalar/components";
+import D from "../../../components/layout/CollapsibleSection.vue.js";
+const j = { class: "flex w-full items-center justify-between" }, H = {
   key: 0,
   class: "mr-2 flex items-center gap-2"
-}, N = {
+}, U = {
   key: 0,
   class: "text-red bg-b-danger sticky top-0 border-b p-2"
-}, V = {
+}, $ = {
   key: 1,
   class: "p-2"
-}, z = /* @__PURE__ */ y({
+}, G = /* @__PURE__ */ B({
   __name: "ResponseBodyStreaming",
   props: {
     reader: {}
   },
   setup(f) {
-    const e = b(), o = c(""), n = c(null), m = new TextDecoder(), a = c(null), g = () => {
-      a.value && (a.value.scrollTop = a.value.scrollHeight);
+    const a = V(), o = i(""), s = i(null), c = i(null), t = i(null), r = i(null), S = () => {
+      c.value && (c.value.scrollTop = c.value.scrollHeight);
     };
-    _(o, () => {
-      w(g);
+    y(o, async () => {
+      await C(S);
     });
-    async function x() {
+    async function h(l) {
       try {
-        for (; e.isLoading; ) {
-          const { done: r, value: t } = await f.reader.read();
-          if (r) {
-            e.clear();
+        for (; a.isLoading && t.value === l; ) {
+          const { done: e, value: x } = await l.read();
+          if (t.value !== l)
+            break;
+          if (e) {
+            a.clear();
             break;
           }
-          t && (o.value += m.decode(t, { stream: !0 }));
+          x && r.value && (o.value += r.value.decode(x, { stream: !0 }));
         }
-      } catch (r) {
-        console.error("Error reading stream:", r), e.clear(), n.value = r;
+      } catch (e) {
+        t.value === l && (console.error("Error reading stream:", e), a.clear(), s.value = e);
       } finally {
-        o.value += m.decode();
+        t.value === l && r.value && (o.value += r.value.decode());
       }
     }
-    return h(() => {
-      e.start(), x(), n.value = null;
-    }), k(() => {
-      f.reader.cancel(), e.clear();
-    }), (r, t) => (l(), B(s(L), { class: "max-h-content overflow-y-hidden" }, {
-      title: v(() => [
-        i("div", T, [
-          t[1] || (t[1] = i("div", null, "Body", -1)),
-          s(e).isLoading ? (l(), d("div", E, [
-            S(s(C), {
-              loadingState: s(e),
+    const _ = () => {
+      t.value && t.value.cancel(), t.value = f.reader, r.value = new TextDecoder(), a.start(), o.value = "", s.value = null, h(f.reader);
+    }, p = () => {
+      t.value && (t.value.cancel(), t.value = null), a.clear();
+    };
+    return y(() => f.reader, _, { immediate: !0 }), b(p), (l, e) => (u(), L(n(D), { class: "max-h-content overflow-y-hidden" }, T({
+      title: d(() => [
+        v("div", j, [
+          e[1] || (e[1] = v("div", null, "Body", -1)),
+          n(a).isLoading ? (u(), m("div", H, [
+            w(n(E), {
+              loadingState: n(a),
               size: "xs"
             }, null, 8, ["loadingState"]),
-            t[0] || (t[0] = i("span", { class: "text-c-2" }, " Listening… ", -1))
-          ])) : u("", !0)
+            e[0] || (e[0] = v("span", { class: "text-c-2" }, " Listening… ", -1))
+          ])) : g("", !0)
         ])
       ]),
-      default: v(() => [
-        i("div", {
+      default: d(() => [
+        v("div", {
           ref_key: "contentContainer",
-          ref: a,
+          ref: c,
           class: "text-xxs font-code h-full overflow-auto leading-2 whitespace-pre-wrap"
         }, [
-          n.value ? (l(), d("div", N, p(n.value.message), 1)) : u("", !0),
-          o.value ? (l(), d("div", V, p(o.value), 1)) : u("", !0)
+          s.value ? (u(), m("div", U, k(s.value.message), 1)) : g("", !0),
+          o.value ? (u(), m("div", $, k(o.value), 1)) : g("", !0)
         ], 512)
       ]),
-      _: 1
-    }));
+      _: 2
+    }, [
+      n(a).isLoading ? {
+        name: "actions",
+        fn: d(() => [
+          w(n(z), {
+            size: "sm",
+            variant: "ghost",
+            onClick: p
+          }, {
+            default: d(() => [...e[2] || (e[2] = [
+              N(" Cancel ", -1)
+            ])]),
+            _: 1
+          })
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1024));
   }
 });
 export {
-  z as default
+  G as default
 };

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

@@ -1,5 +1,4 @@
 import { type ClientLayout } from '../../../../hooks/index.js';
-import type { createStoreEvents } from '../../../../store/events.js';
 type __VLS_Props = {
     /** Client layout */
     layout: ClientLayout;
@@ -7,8 +6,6 @@ type __VLS_Props = {
     totalPerformedRequests: number;
     /** Application version */
     appVersion: string;
-    /** Event bus */
-    events: ReturnType<typeof createStoreEvents>;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     sendRequest: () => any;

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

@@ -1 +1 @@
-{"version":3,"file":"ResponseEmpty.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/components/ResponseEmpty.vue"],"names":[],"mappings":"AAmJA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAEvD,KAAK,WAAW,GAAG;IACjB,oBAAoB;IACpB,MAAM,EAAE,YAAY,CAAA;IACpB,yCAAyC;IACzC,sBAAsB,EAAE,MAAM,CAAA;IAC9B,0BAA0B;IAC1B,UAAU,EAAE,MAAM,CAAA;IAClB,gBAAgB;IAChB,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAA;CAC7C,CAAC;;;;;;;;;;AAiNF,wBAOG"}
+{"version":3,"file":"ResponseEmpty.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/components/ResponseEmpty.vue"],"names":[],"mappings":"AAoIA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C,KAAK,WAAW,GAAG;IACjB,oBAAoB;IACpB,MAAM,EAAE,YAAY,CAAA;IACpB,yCAAyC;IACzC,sBAAsB,EAAE,MAAM,CAAA;IAC9B,0BAA0B;IAC1B,UAAU,EAAE,MAAM,CAAA;CACnB,CAAC;;;;;;;;;;AAwMF,wBAOG"}

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

@@ -1,7 +1,7 @@
 import o from "./ResponseEmpty.vue2.js";
 /* empty css                   */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-159bd9b3"]]);
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-651d0186"]]);
 export {
   s as default
 };

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

@@ -1,32 +1,29 @@
-import { defineComponent as x, onMounted as k, onBeforeUnmount as v, createElementBlock as s, openBlock as a, createElementVNode as o, createCommentVNode as r, normalizeClass as y, createVNode as l, createTextVNode as i, toDisplayString as b, unref as m } from "vue";
+import { defineComponent as p, createElementBlock as a, openBlock as s, createElementVNode as o, createCommentVNode as r, normalizeClass as f, createVNode as l, createTextVNode as n, toDisplayString as y, unref as i } from "vue";
 import { ScalarHotkey as d } from "@scalar/components";
-import R from "../../../../assets/computer.ascii.js";
-import g from "../../../../components/EmptyState.vue.js";
-import q from "../../../../components/ScalarAsciiArt.vue.js";
-const C = { class: "flex-center relative flex flex-1 flex-col gap-6 p-2 capitalize" }, S = {
+import x from "../../../../assets/computer.ascii.js";
+import k from "../../../../components/EmptyState.vue.js";
+import b from "../../../../components/ScalarAsciiArt.vue.js";
+const v = { class: "flex-center relative flex flex-1 flex-col gap-6 p-2 capitalize" }, g = {
   key: 0,
   class: "scalar-version-number"
-}, w = { class: "text-c-3 right-4 mt-auto flex w-full flex-col items-end gap-2 text-sm" }, E = /* @__PURE__ */ x({
+}, R = { class: "text-c-3 right-4 mt-auto flex w-full flex-col items-end gap-2 text-sm" }, P = /* @__PURE__ */ p({
   __name: "ResponseEmpty",
   props: {
     layout: {},
     totalPerformedRequests: {},
-    appVersion: {},
-    events: {}
+    appVersion: {}
   },
   emits: ["addRequest", "sendRequest", "openCommandPalette"],
-  setup(t, { emit: p }) {
-    const n = p, u = (f) => {
-      f?.createNew && n("addRequest");
-    };
-    return k(() => t.events.hotKeys.on(u)), v(() => t.events.hotKeys.off(u)), (f, e) => (a(), s("div", C, [
+  setup(t, { emit: c }) {
+    const m = c;
+    return (q, e) => (s(), a("div", v, [
       o("div", {
-        class: y(["flex h-[calc(100%_-_50px)] flex-col items-center justify-center", {
+        class: f(["flex h-[calc(100%_-_50px)] flex-col items-center justify-center", {
           "hidden opacity-0": t.totalPerformedRequests < 1 && t.layout !== "modal"
         }])
       }, [
-        t.layout !== "modal" ? (a(), s("div", S, [
-          i(" Scalar App V" + b(t.appVersion) + " Beta ", 1),
+        t.layout !== "modal" ? (s(), a("div", g, [
+          n(" Scalar App V" + y(t.appVersion) + " Beta ", 1),
           e[3] || (e[3] = o("div", { class: "mt-2" }, [
             o("a", {
               href: "https://github.com/scalar/scalar/issues/2669",
@@ -39,53 +36,53 @@ const C = { class: "flex-center relative flex flex-1 flex-col gap-6 p-2 capitali
           href: "https://www.scalar.com",
           target: "_blank"
         }, " Powered By Scalar.com ", -1)),
-        l(q, {
-          art: m(R),
+        l(b, {
+          art: i(x),
           class: "text-c-3"
         }, null, 8, ["art"])
       ], 2),
-      t.layout !== "modal" ? (a(), s("div", {
+      t.layout !== "modal" ? (s(), a("div", {
         key: 0,
-        class: y(["hidden h-[calc(100%_-_50px)] items-center justify-center pb-5", {
+        class: f(["hidden h-[calc(100%_-_50px)] items-center justify-center pb-5", {
           "!flex opacity-100": t.totalPerformedRequests == 0
         }])
       }, [
-        l(g)
+        l(k)
       ], 2)) : r("", !0),
-      o("div", w, [
-        t.layout !== "modal" ? (a(), s("button", {
+      o("div", R, [
+        t.layout !== "modal" ? (s(), a("button", {
           key: 0,
           class: "flex items-center gap-1.5",
           type: "button",
-          onClick: e[0] || (e[0] = (c) => n("openCommandPalette"))
+          onClick: e[0] || (e[0] = (u) => m("openCommandPalette"))
         }, [
-          e[5] || (e[5] = i(" Get Started ", -1)),
-          l(m(d), {
+          e[5] || (e[5] = n(" Get Started ", -1)),
+          l(i(d), {
             hotkey: "p",
             modifier: ["default", "Shift"]
           })
         ])) : r("", !0),
-        t.layout === "desktop" ? (a(), s("button", {
+        t.layout === "desktop" ? (s(), a("button", {
           key: 1,
           class: "flex items-center gap-1.5",
           type: "button",
-          onClick: e[1] || (e[1] = (c) => n("addRequest"))
+          onClick: e[1] || (e[1] = (u) => m("addRequest"))
         }, [
-          e[6] || (e[6] = i(" New Request ", -1)),
-          l(m(d), { hotkey: "N" })
+          e[6] || (e[6] = n(" New Request ", -1)),
+          l(i(d), { hotkey: "N" })
         ])) : r("", !0),
         o("button", {
           class: "flex items-center gap-1.5",
           type: "button",
-          onClick: e[2] || (e[2] = (c) => n("sendRequest"))
+          onClick: e[2] || (e[2] = (u) => m("sendRequest"))
         }, [
-          e[7] || (e[7] = i(" Send Request ", -1)),
-          l(m(d), { hotkey: "↵" })
+          e[7] || (e[7] = n(" Send Request ", -1)),
+          l(i(d), { hotkey: "↵" })
         ])
       ])
     ]));
   }
 });
 export {
-  E as default
+  P as default
 };

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

@@ -1,7 +1,7 @@
-import type { createStoreEvents } from '../../../../store/events.js';
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 type __VLS_Props = {
-    /** Event bus */
-    events: ReturnType<typeof createStoreEvents>;
+    /** Workspace event bus */
+    eventBus: WorkspaceEventBus;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"ResponseLoadingOverlay.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/components/ResponseLoadingOverlay.vue"],"names":[],"mappings":"AAgEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAEvD,KAAK,WAAW,GAAG;IACjB,gBAAgB;IAChB,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAA;CAC7C,CAAC;;AA8GF,wBAMG"}
+{"version":3,"file":"ResponseLoadingOverlay.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/components/ResponseLoadingOverlay.vue"],"names":[],"mappings":"AAuEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAGvE,KAAK,WAAW,GAAG;IACjB,0BAA0B;IAC1B,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,CAAC;;AAwHF,wBAMG"}

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

@@ -1,7 +1,7 @@
 import o from "./ResponseLoadingOverlay.vue2.js";
 /* empty css                            */
-import a from "../../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-57ced68a"]]);
+import e from "../../../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-1f35725e"]]);
 export {
   p as default
 };

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

@@ -1,40 +1,46 @@
-import { defineComponent as c, ref as u, createBlock as d, openBlock as s, Transition as m, withCtx as r, createElementBlock as f, createCommentVNode as v, unref as a, createVNode as i, createTextVNode as p } from "vue";
-import { useLoadingState as x, ScalarLoading as g, ScalarButton as k } from "@scalar/components";
-const y = {
+import { defineComponent as c, ref as d, onMounted as m, onBeforeUnmount as f, createBlock as v, openBlock as l, Transition as B, withCtx as u, createElementBlock as k, createCommentVNode as g, unref as n, createVNode as i, createTextVNode as x } from "vue";
+import { useLoadingState as p, ScalarLoading as q, ScalarButton as C } from "@scalar/components";
+const L = {
   key: 0,
   class: "bg-b-1 z-overlay absolute inset-0 flex flex-col items-center justify-center gap-6"
-}, T = /* @__PURE__ */ c({
+}, N = /* @__PURE__ */ c({
   __name: "ResponseLoadingOverlay",
   props: {
-    events: {}
+    eventBus: {}
   },
-  setup(n) {
-    const e = x(), o = u();
-    return n.events.requestStatus.on(async (l) => {
-      l === "start" ? o.value = setTimeout(() => e.start(), 1e3) : (clearTimeout(o.value), o.value = void 0, await e.clear());
-    }), (l, t) => (s(), d(m, null, {
-      default: r(() => [
-        a(e).isActive ? (s(), f("div", y, [
-          i(a(g), {
+  setup(e) {
+    const t = p(), s = d(), r = () => {
+      s.value = setTimeout(() => t.start(), 1e3);
+    }, a = () => {
+      clearTimeout(s.value), s.value = void 0, t.clear();
+    };
+    return m(() => {
+      e.eventBus.on("hooks:on:request:sent", r), e.eventBus.on("hooks:on:request:complete", a);
+    }), f(() => {
+      e.eventBus.off("hooks:on:request:sent", r), e.eventBus.off("hooks:on:request:complete", a), a();
+    }), (h, o) => (l(), v(B, null, {
+      default: u(() => [
+        n(t).isActive ? (l(), k("div", L, [
+          i(n(q), {
             class: "text-c-3",
-            loader: a(e),
+            loader: n(t),
             size: "3xl"
           }, null, 8, ["loader"]),
-          i(a(k), {
+          i(n(C), {
             variant: "ghost",
-            onClick: t[0] || (t[0] = (C) => n.events.cancelRequest.emit())
+            onClick: o[0] || (o[0] = (y) => e.eventBus.emit("operation:cancel:request"))
           }, {
-            default: r(() => [...t[1] || (t[1] = [
-              p(" Cancel ", -1)
+            default: u(() => [...o[1] || (o[1] = [
+              x(" Cancel ", -1)
             ])]),
             _: 1
           })
-        ])) : v("", !0)
+        ])) : g("", !0)
       ]),
       _: 1
     }));
   }
 });
 export {
-  T as default
+  N as default
 };