@scalar/api-client 1.2.19 → 1.2.21

package/dist/index.js

@@ -25,7 +25,7 @@ const purpleTheme = "/* basic theme */\n.light-mode {\n  --scalar-background-1:
 const saturnTheme = "/* basic theme */\n.light-mode {\n  --scalar-background-1: #f3f3ee;\n  --scalar-background-2: #e8e8e3;\n  --scalar-background-3: #e4e4df;\n  --scalar-border-color: rgba(215, 215, 206, 0.5);\n\n  --scalar-color-1: #2a2f45;\n  --scalar-color-2: #757575;\n  --scalar-color-3: #8e8e8e;\n\n  --scalar-color-accent: #1763a6;\n  --scalar-background-accent: #1f648e1f;\n\n  --scalar-code-language-color-supersede: var(--scalar-color-1);\n  --scalar-code-languages-background-supersede: var(--scalar-background-2);\n}\n.dark-mode {\n  --scalar-background-1: #09090b;\n  --scalar-background-2: #18181b;\n  --scalar-background-3: #2c2c30;\n  --scalar-border-color: rgba(255, 255, 255, 0.12);\n\n  --scalar-color-1: #fafafa;\n  --scalar-color-2: rgb(161, 161, 170);\n  --scalar-color-3: rgba(255, 255, 255, 0.533);\n\n  --scalar-color-accent: #4eb3ec;\n  --scalar-background-accent: #8ab4f81f;\n\n  --scalar-code-language-color-supersede: var(--scalar-color-1);\n  --scalar-code-languages-background-supersede: var(--scalar-background-2);\n}\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n  --scalar-sidebar-background-1: var(--scalar-background-1);\n  --scalar-sidebar-color-1: var(--scalar-color-1);\n  --scalar-sidebar-color-2: var(--scalar-color-2);\n  --scalar-sidebar-border-color: var(--scalar-border-color);\n\n  --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n  --scalar-sidebar-item-hover-color: currentColor;\n\n  --scalar-sidebar-item-active-background: var(--scalar-background-3);\n  --scalar-sidebar-color-active: var(--scalar-color-1);\n\n  --scalar-sidebar-search-background: var(--scalar-background-1);\n  --scalar-sidebar-search-border-color: var(--scalar-border-color);\n  --scalar-sidebar-search-color: var(--scalar-color-3);\n}\n\n/* advanced */\n.light-mode {\n  --scalar-color-green: #17803d;\n  --scalar-color-red: #e10909;\n  --scalar-color-yellow: #edbe20;\n  --scalar-color-blue: #1763a6;\n  --scalar-color-orange: #e25b09;\n  --scalar-color-purple: #5c3993;\n\n  --scalar-button-1: rgba(0, 0, 0, 1);\n  --scalar-button-1-hover: rgba(0, 0, 0, 0.8);\n  --scalar-button-1-color: rgba(255, 255, 255, 0.9);\n}\n.dark-mode {\n  --scalar-color-green: #30a159;\n  --scalar-color-red: #dc1b19;\n  --scalar-color-yellow: #eec644;\n  --scalar-color-blue: #2b7abf;\n  --scalar-color-orange: #f07528;\n  --scalar-color-purple: #7a59b1;\n\n  --scalar-button-1: rgba(255, 255, 255, 1);\n  --scalar-button-1-hover: rgba(255, 255, 255, 0.9);\n  --scalar-button-1-color: black;\n}\n.dark-mode h2.t-editor__heading,\n.dark-mode .t-editor__page-title h1,\n.dark-mode h1.section-header,\n.dark-mode .markdown h1,\n.dark-mode .markdown h2,\n.dark-mode .markdown h3,\n.dark-mode .markdown h4,\n.dark-mode .markdown h5,\n.dark-mode .markdown h6 {\n  -webkit-text-fill-color: transparent;\n  background-image: linear-gradient(\n    to right bottom,\n    rgb(255, 255, 255) 30%,\n    rgba(255, 255, 255, 0.38)\n  );\n  -webkit-background-clip: text;\n  background-clip: text;\n}\n";
 const solarizedTheme = ".light-mode {\n  color-scheme: light;\n  --scalar-color-1: #584c27;\n  --scalar-color-2: #616161;\n  --scalar-color-3: #a89f84;\n  --scalar-color-accent: #b58900;\n  --scalar-background-1: #fdf6e3;\n  --scalar-background-2: #eee8d5;\n  --scalar-background-3: #ddd6c1;\n  --scalar-background-accent: #b589001f;\n\n  --scalar-border-color: #ded8c8;\n  --scalar-scrollbar-color: rgba(0, 0, 0, 0.18);\n  --scalar-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n  --scalar-lifted-brightness: 1;\n  --scalar-backdrop-brightness: 1;\n\n  --scalar-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n  --scalar-shadow-2: rgba(0, 0, 0, 0.08) 0px 13px 20px 0px,\n    rgba(0, 0, 0, 0.08) 0px 3px 8px 0px, #eeeeed 0px 0 0 1px;\n\n  --scalar-button-1: rgb(49 53 56);\n  --scalar-button-1-color: #fff;\n  --scalar-button-1-hover: rgb(28 31 33);\n\n  --scalar-color-red: #b91c1c;\n  --scalar-color-orange: #a16207;\n  --scalar-color-green: #047857;\n  --scalar-color-blue: #1d4ed8;\n  --scalar-color-orange: #c2410c;\n  --scalar-color-purple: #6d28d9;\n}\n\n.dark-mode {\n  color-scheme: dark;\n  --scalar-color-1: #fff;\n  --scalar-color-2: #cccccc;\n  --scalar-color-3: #6d8890;\n  --scalar-color-accent: #007acc;\n  --scalar-background-1: #00212b;\n  --scalar-background-2: #012b36;\n  --scalar-background-3: #004052;\n  --scalar-background-accent: #015a6f;\n\n  --scalar-border-color: rgba(255, 255, 255, 0.1);\n  --scalar-scrollbar-color: rgba(255, 255, 255, 0.24);\n  --scalar-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n  --scalar-lifted-brightness: 1.45;\n  --scalar-backdrop-brightness: 0.5;\n\n  --scalar-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n  --scalar-shadow-2: rgba(15, 15, 15, 0.2) 0px 3px 6px,\n    rgba(15, 15, 15, 0.4) 0px 9px 24px, 0 0 0 1px rgba(255, 255, 255, 0.1);\n\n  --scalar-button-1: #f6f6f6;\n  --scalar-button-1-color: #000;\n  --scalar-button-1-hover: #e7e7e7;\n\n  --scalar-color-green: #00b648;\n  --scalar-color-red: #dc1b19;\n  --scalar-color-yellow: #ffc90d;\n  --scalar-color-blue: #4eb3ec;\n  --scalar-color-orange: #ff8d4d;\n  --scalar-color-purple: #b191f9;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n  --scalar-sidebar-background-1: var(--scalar-background-1);\n  --scalar-sidebar-item-hover-color: currentColor;\n  --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n  --scalar-sidebar-item-active-background: var(--scalar-background-accent);\n  --scalar-sidebar-border-color: var(--scalar-border-color);\n  --scalar-sidebar-color-1: var(--scalar-color-1);\n  --scalar-sidebar-color-2: var(--scalar-color-2);\n  --scalar-sidebar-color-active: var(--scalar-color-accent);\n  --scalar-sidebar-search-background: var(--scalar-background-2);\n  --scalar-sidebar-search-border-color: var(--scalar-sidebar-search-background);\n  --scalar-sidebar-search--color: var(--scalar-color-3);\n}\n\n.dark-mode .sidebar {\n  --scalar-sidebar-background-1: var(--scalar-background-1);\n  --scalar-sidebar-item-hover-color: currentColor;\n  --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n  --scalar-sidebar-item-active-background: var(--scalar-background-accent);\n  --scalar-sidebar-border-color: var(--scalar-border-color);\n  --scalar-sidebar-color-1: var(--scalar-color-1);\n  --scalar-sidebar-color-2: var(--scalar-color-2);\n  --scalar-sidebar-color-active: var(--scalar-sidebar-color-1);\n  --scalar-sidebar-search-background: var(--scalar-background-2);\n  --scalar-sidebar-search-border-color: var(--scalar-sidebar-search-background);\n  --scalar-sidebar-search--color: var(--scalar-color-3);\n}\n";
 const fonts = "\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900');\n@import url('https://fonts.googleapis.com/css?family=JetBrains%20Mono');\n/* Inter (--scalar-font) */\n/* JetBrains Mono (--scalar-font-code) */\n";
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "DefaultFonts",
   setup(__props) {
     return (_ctx, _cache) => {
@@ -33,7 +33,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "ThemeStyles",
   props: {
     id: {},
@@ -42,7 +42,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        _ctx.withDefaultFonts ? (openBlock(), createBlock(_sfc_main$F, { key: 0 })) : createCommentVNode("", true),
+        _ctx.withDefaultFonts ? (openBlock(), createBlock(_sfc_main$G, { key: 0 })) : createCommentVNode("", true),
         _ctx.id !== "none" ? (openBlock(), createBlock(resolveDynamicComponent("style"), { key: 1 }, {
           default: withCtx(() => [
             createTextVNode(toDisplayString(unref(getThemeById)(_ctx.id, { layer: "scalar-theme" })), 1)
@@ -61,7 +61,7 @@ function useApplyClasses(selector, classes) {
     el == null ? void 0 : el.classList.add(classes);
   });
 }
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "ResetStyles",
   setup(__props) {
     const { reset: reset2 } = useCssModule();
@@ -85,7 +85,7 @@ const _export_sfc = (sfc, props) => {
 const cssModules = {
   "$style": style0
 };
-const ResetStyles = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__cssModules", cssModules]]);
+const ResetStyles = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__cssModules", cssModules]]);
 const presets = {
   alternate: alternateTheme,
   default: defaultTheme,
@@ -2881,7 +2881,7 @@ const httpStatusCodes = {
     url: "https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/511"
   }
 };
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "HttpMethod",
   props: {
     as: {},
@@ -25798,7 +25798,7 @@ function getCodeMirrorExtensions({
   }
   return extensions;
 }
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "CodeMirror",
   props: {
     content: {},
@@ -25835,9 +25835,9 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CodeMirror = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-c045d592"]]);
-const _hoisted_1$w = { class: "scalar-modal-layout modal-layout" };
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const CodeMirror = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-c045d592"]]);
+const _hoisted_1$x = { class: "scalar-modal-layout modal-layout" };
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "FlowModal",
   props: {
     state: {},
@@ -25853,7 +25853,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
         onClose: _cache[0] || (_cache[0] = ($event) => _ctx.state.hide())
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$w, [
+          createElementVNode("div", _hoisted_1$x, [
             createVNode(unref(DialogPanel), {
               class: normalizeClass(["modal", {
                 "modal-content-large": _ctx.variant === "large",
@@ -25892,7 +25892,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FlowModal = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-4aafbf68"]]);
+const FlowModal = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-4aafbf68"]]);
 const useModal = () => reactive({
   open: false,
   show() {
@@ -26267,10 +26267,10 @@ async function sendRequest(request, proxyUrl) {
     responseId: nanoid()
   };
 }
-const _hoisted_1$v = { class: "navtable-item-40 navtable-item-request" };
-const _hoisted_2$m = { class: "navtable-item-40 navtable-item-response" };
+const _hoisted_1$w = { class: "navtable-item-40 navtable-item-request" };
+const _hoisted_2$n = { class: "navtable-item-40 navtable-item-response" };
 const _hoisted_3$g = { class: "navtable-item-20 navtable-item-time" };
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "RequestHistoryItem",
   props: {
     history: {}
@@ -26291,7 +26291,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["navtable-item", { "navtable-item__active": unref(activeRequestId2) === _ctx.history }]),
         onClick: _cache[0] || (_cache[0] = ($event) => unref(setActiveResponse2)(_ctx.history))
       }, [
-        createElementVNode("div", _hoisted_1$v, [
+        createElementVNode("div", _hoisted_1$w, [
           createElementVNode("button", {
             class: normalizeClass(["radio", unref(requestHistory2)[_ctx.history].request.type.toLowerCase()]),
             type: "button"
@@ -26301,7 +26301,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
             createTextVNode(" " + toDisplayString(unref(requestHistory2)[_ctx.history].request.url), 1)
           ])
         ]),
-        createElementVNode("div", _hoisted_2$m, [
+        createElementVNode("div", _hoisted_2$n, [
           createElementVNode("span", null, toDisplayString(unref(prettyMilliseconds)(unref(requestHistory2)[_ctx.history].response.duration)), 1),
           createElementVNode("span", {
             class: normalizeClass(`scalar-api-client__status--${String(
@@ -26317,21 +26317,21 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RequestHistoryItem = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-353c6d86"]]);
-const _hoisted_1$u = { class: "navigation-content-item" };
-const _hoisted_2$l = { class: "navtable" };
+const RequestHistoryItem = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-353c6d86"]]);
+const _hoisted_1$v = { class: "navigation-content-item" };
+const _hoisted_2$m = { class: "navtable" };
 const _hoisted_3$f = { class: "navtable-table" };
 const _hoisted_4$b = /* @__PURE__ */ createStaticVNode('<div class="navtable-item navtable-item__top"><div class="navtable-item-40"><label for="">Request</label></div><div class="navtable-item-40"><label for="">Response</label></div><div class="navtable-item-20"><label for="">TIME</label></div></div>', 1);
 const _hoisted_5$6 = { class: "navtable-radios" };
 const _hoisted_6$3 = /* @__PURE__ */ createStaticVNode('<div class="navtable-mock"><div class="navtable-item"><div class="navtable-item-40"></div><div class="navtable-item-40"></div><div class="navtable-item-20"></div></div></div>', 1);
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "RequestHistory",
   emits: ["toggle"],
   setup(__props) {
     const { requestHistoryOrder: requestHistoryOrder2 } = useRequestStore();
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$u, [
-        createElementVNode("div", _hoisted_2$l, [
+      return openBlock(), createElementBlock("div", _hoisted_1$v, [
+        createElementVNode("div", _hoisted_2$m, [
           createElementVNode("div", _hoisted_3$f, [
             _hoisted_4$b,
             createElementVNode("div", _hoisted_5$6, [
@@ -26349,10 +26349,10 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$t = { class: "request-method-select" };
-const _hoisted_2$k = ["disabled", "value"];
+const _hoisted_1$u = { class: "request-method-select" };
+const _hoisted_2$l = ["disabled", "value"];
 const _hoisted_3$e = ["value"];
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "RequestMethodSelect",
   props: {
     requestMethod: {},
@@ -26372,13 +26372,10 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       // 'TRACE',
     ];
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$t, [
+      return openBlock(), createElementBlock("div", _hoisted_1$u, [
         createElementVNode("span", {
           class: normalizeClass(["request-method", { "request-method--disabled": _ctx.readOnly }])
         }, [
-          createElementVNode("i", {
-            class: normalizeClass(_ctx.requestMethod.toLowerCase())
-          }, null, 2),
           createElementVNode("span", null, toDisplayString(_ctx.requestMethod), 1)
         ], 2),
         createElementVNode("select", {
@@ -26392,24 +26389,27 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
               value: validRequestMethod.toLocaleLowerCase()
             }, toDisplayString(validRequestMethod), 9, _hoisted_3$e);
           }), 64))
-        ], 40, _hoisted_2$k)
+        ], 40, _hoisted_2$l)
       ]);
     };
   }
 });
-const RequestMethodSelect = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-2b029b46"]]);
-const _withScopeId$5 = (n) => (pushScopeId("data-v-2d90bbed"), n = n(), popScopeId(), n);
-const _hoisted_1$s = {
+const RequestMethodSelect = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-0f1e5bdc"]]);
+const _withScopeId$5 = (n) => (pushScopeId("data-v-ccf97327"), n = n(), popScopeId(), n);
+const _hoisted_1$t = {
   key: 0,
   class: "loader"
 };
-const _hoisted_2$j = { class: "url-form" };
+const _hoisted_2$k = { class: "url-form" };
 const _hoisted_3$d = { class: "url-form-field" };
-const _hoisted_4$a = {
+const _hoisted_4$a = { class: "url-form-input-wrapper cm-scroller" };
+const _hoisted_5$5 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("div", { class: "url-form-input-fade__left" }, null, -1));
+const _hoisted_6$2 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("div", { class: "url-form-input-fade__right" }, null, -1));
+const _hoisted_7$2 = {
   key: 0,
   class: "history"
 };
-const _hoisted_5$5 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("svg", {
+const _hoisted_8$2 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("svg", {
   fill: "none",
   height: "48",
   viewBox: "0 0 14 14",
@@ -26433,11 +26433,11 @@ const _hoisted_5$5 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ create
     })
   ])
 ], -1));
-const _hoisted_6$2 = [
-  _hoisted_5$5
+const _hoisted_9$1 = [
+  _hoisted_8$2
 ];
-const _hoisted_7$1 = ["disabled"];
-const _hoisted_8$1 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("svg", {
+const _hoisted_10$1 = ["disabled"];
+const _hoisted_11 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("svg", {
   fill: "none",
   height: "48",
   viewBox: "0 0 14 14",
@@ -26454,13 +26454,13 @@ const _hoisted_8$1 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ create
     })
   ])
 ], -1));
-const _hoisted_9$1 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("span", null, "Send", -1));
-const _hoisted_10 = [
-  _hoisted_8$1,
-  _hoisted_9$1
+const _hoisted_12 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("span", null, "Send", -1));
+const _hoisted_13 = [
+  _hoisted_11,
+  _hoisted_12
 ];
-const _hoisted_11 = { class: "address-bar-content" };
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _hoisted_14 = { class: "address-bar-content" };
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "AddressBar",
   props: {
     proxyUrl: {}
@@ -26500,10 +26500,6 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       }
       loading.value = false;
     }
-    computed(() => {
-      const lastRequestKey = requestHistoryOrder2.value[0];
-      return requestHistory2[lastRequestKey] ? humanDiff(requestHistory2[lastRequestKey].sentTime) : "History";
-    });
     const onChange = (value) => {
       if (readOnly2.value) {
         return;
@@ -26523,52 +26519,56 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$s)) : createCommentVNode("", true),
+        loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$t)) : createCommentVNode("", true),
         createElementVNode("div", {
           class: normalizeClass(["address-bar", { "address-bar--with-history": showHistory.value }])
         }, [
-          createElementVNode("div", _hoisted_2$j, [
+          createElementVNode("div", _hoisted_2$k, [
             createElementVNode("div", _hoisted_3$d, [
               createVNode(RequestMethodSelect, {
                 readOnly: unref(readOnly2),
                 requestMethod: requestType.value,
                 onChange: handleRequestMethodChanged
               }, null, 8, ["readOnly", "requestMethod"]),
-              createVNode(unref(CodeMirror), {
-                class: "url-form-input",
-                content: formattedUrl.value,
-                disableEnter: "",
-                readOnly: unref(readOnly2),
-                withoutTheme: "",
-                withVariables: "",
-                onChange
-              }, null, 8, ["content", "readOnly"])
-            ]),
-            unref(requestHistoryOrder2).length ? (openBlock(), createElementBlock("div", _hoisted_4$a, [
-              createElementVNode("div", {
-                class: "history-toggle",
-                onClick: _cache[0] || (_cache[0] = ($event) => unref(historyModal).show())
-              }, _hoisted_6$2)
-            ])) : createCommentVNode("", true),
-            createElementVNode("button", {
-              class: "send-button",
-              disabled: !formattedUrl.value.trim().length,
-              type: "submit",
-              onClick: send
-            }, _hoisted_10, 8, _hoisted_7$1)
+              createElementVNode("div", _hoisted_4$a, [
+                _hoisted_5$5,
+                createVNode(unref(CodeMirror), {
+                  class: "url-form-input",
+                  content: formattedUrl.value,
+                  disableEnter: "",
+                  readOnly: unref(readOnly2),
+                  withoutTheme: "",
+                  withVariables: "",
+                  onChange
+                }, null, 8, ["content", "readOnly"]),
+                _hoisted_6$2
+              ]),
+              unref(requestHistoryOrder2).length ? (openBlock(), createElementBlock("div", _hoisted_7$2, [
+                createElementVNode("div", {
+                  class: "history-toggle",
+                  onClick: _cache[0] || (_cache[0] = ($event) => unref(historyModal).show())
+                }, _hoisted_9$1)
+              ])) : createCommentVNode("", true),
+              createElementVNode("button", {
+                class: "send-button",
+                disabled: !formattedUrl.value.trim().length,
+                type: "submit",
+                onClick: send
+              }, _hoisted_13, 8, _hoisted_10$1)
+            ])
           ]),
           createElementVNode("div", {
             class: "address-bar-close",
             onClick: _cache[1] || (_cache[1] = ($event) => showHistory.value = false)
           }),
-          createElementVNode("div", _hoisted_11, [
+          createElementVNode("div", _hoisted_14, [
             createVNode(unref(FlowModal), {
               state: unref(historyModal),
               title: "Request History",
               variant: "history"
             }, {
               default: withCtx(() => [
-                createVNode(_sfc_main$y, {
+                createVNode(_sfc_main$z, {
                   showHistory: showHistory.value,
                   onToggle: _cache[2] || (_cache[2] = ($event) => showHistory.value = !showHistory.value)
                 }, null, 8, ["showHistory"])
@@ -26581,9 +26581,9 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AddressBar = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-2d90bbed"]]);
+const AddressBar = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-ccf97327"]]);
 const clickGeneratedParameter = useEventBus(Symbol());
-const _hoisted_1$r = /* @__PURE__ */ createElementVNode("svg", {
+const _hoisted_1$s = /* @__PURE__ */ createElementVNode("svg", {
   class: "scalar-api-client__toggle__icon",
   height: "10",
   viewBox: "0 0 5 10",
@@ -26596,13 +26596,13 @@ const _hoisted_1$r = /* @__PURE__ */ createElementVNode("svg", {
     "fill-rule": "nonzero"
   })
 ], -1);
-const _hoisted_2$i = { class: "scalar-api-client__item__title" };
+const _hoisted_2$j = { class: "scalar-api-client__item__title" };
 const _hoisted_3$c = {
   key: 0,
   class: "scalar-api-client__item__options"
 };
 const _hoisted_4$9 = { class: "scalar-api-client__item__content" };
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "CollapsibleSection",
   props: {
     title: {},
@@ -26639,8 +26639,8 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
               onClick: _cache[0] || (_cache[0] = ($event) => openCopy.value = !openCopy.value)
             }, {
               default: withCtx(() => [
-                _hoisted_1$r,
-                createElementVNode("span", _hoisted_2$i, toDisplayString(_ctx.title), 1),
+                _hoisted_1$s,
+                createElementVNode("span", _hoisted_2$j, toDisplayString(_ctx.title), 1),
                 _ctx.$slots.options && open ? (openBlock(), createElementBlock("div", _hoisted_3$c, [
                   renderSlot(_ctx.$slots, "options")
                 ])) : createCommentVNode("", true)
@@ -26662,15 +26662,15 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$u = {};
-const _hoisted_1$q = { class: "card-form" };
+const _sfc_main$v = {};
+const _hoisted_1$r = { class: "card-form" };
 function _sfc_render$4(_ctx, _cache) {
-  return openBlock(), createElementBlock("form", _hoisted_1$q, [
+  return openBlock(), createElementBlock("form", _hoisted_1$r, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-const CardForm = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$4], ["__scopeId", "data-v-6ddec640"]]);
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const CardForm = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$4], ["__scopeId", "data-v-6ddec640"]]);
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "CardFormButton",
   setup(__props, { expose: __expose }) {
     const el = ref();
@@ -26687,15 +26687,15 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CardFormButton = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-506868df"]]);
-const _sfc_main$s = {};
-const _hoisted_1$p = { class: "card-form-group" };
+const CardFormButton = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-506868df"]]);
+const _sfc_main$t = {};
+const _hoisted_1$q = { class: "card-form-group" };
 function _sfc_render$3(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$p, [
+  return openBlock(), createElementBlock("div", _hoisted_1$q, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-const CardFormGroup = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$3], ["__scopeId", "data-v-d2f0b9a0"]]);
+const CardFormGroup = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$3], ["__scopeId", "data-v-d2f0b9a0"]]);
 function r(e) {
   var t2, f, n = "";
   if ("string" == typeof e || "number" == typeof e)
@@ -31200,8 +31200,8 @@ Prism.languages.webmanifest = Prism.languages.json;
         var g = i.sizer, p = i.lines, o = i.lineHeights, f = i.oneLinerHeight;
         o[p.length - 1] = void 0, p.forEach(function(l, w) {
           if (l && l.length > 1) {
-            var C2 = g.appendChild(document.createElement("span"));
-            C2.style.display = "block", C2.textContent = l;
+            var A = g.appendChild(document.createElement("span"));
+            A.style.display = "block", A.textContent = l;
           } else
             o[w] = f;
         });
@@ -31306,8 +31306,8 @@ const Ge = ["innerHTML"], Ot = /* @__PURE__ */ defineComponent({
     return onServerPrefetch(async () => {
       let o = "";
       t2.lineNumbers && L.hooks.add("after-tokenize", (l) => {
-        const w = l.code.match(p), C2 = w ? w.length + 1 : 1;
-        o = `<span aria-hidden="true" class="line-numbers-rows">${new Array(C2 + 1).join("<span></span>")}</span>`;
+        const w = l.code.match(p), A = w ? w.length + 1 : 1;
+        o = `<span aria-hidden="true" class="line-numbers-rows">${new Array(A + 1).join("<span></span>")}</span>`;
       });
       const f = L.highlight(
         z(t2.content),
@@ -31341,7 +31341,7 @@ const Ge = ["innerHTML"], Ot = /* @__PURE__ */ defineComponent({
     ], 2));
   }
 });
-const U = /* @__PURE__ */ Object.assign({ "./Add.svg": () => import("./Add-ngyZgYXx-DzyQwJvS.js"), "./Background.svg": () => import("./Background-DcRhSHgf-DMULXelH.js"), "./Brackets.svg": () => import("./Brackets-4I8OKomf-BdIXlrTs.js"), "./Branch.svg": () => import("./Branch-CXwj8YuG-IxKqRWkx.js"), "./CallToAction.svg": () => import("./CallToAction-EyQKkvbg-D5UsQ4YH.js"), "./Checkmark.svg": () => import("./Checkmark-De7nq6cG-CenVOav7.js"), "./ChevronDown.svg": () => import("./ChevronDown-Co7EAKAv-DHNwXUbS.js"), "./ChevronLeft.svg": () => import("./ChevronLeft-DYt0idAu-DAzCtmws.js"), "./ChevronRight.svg": () => import("./ChevronRight-ylxToVWl-CDFDuBE1.js"), "./ChevronUp.svg": () => import("./ChevronUp-xAnukIfj-CuKFLVD3.js"), "./Clipboard.svg": () => import("./Clipboard-CU_KxGEv-DWrQtWVi.js"), "./Close.svg": () => import("./Close-CW3z42qZ-CeX6s3FA.js"), "./CodeFolder.svg": () => import("./CodeFolder-Cv_igzJE-CoWfaY0Z.js"), "./Cookie.svg": () => import("./Cookie-CEHvXpqB-D960ImBy.js"), "./DarkMode.svg": () => import("./DarkMode-CBsV8Q_I-DHPfucpm.js"), "./Delete.svg": () => import("./Delete-BCZmxrDD-BHoCf_u4.js"), "./Discord.svg": () => import("./Discord-BHYOFBB2-NYBGYy-_.js"), "./DocsPage.svg": () => import("./DocsPage-rh2xwxKN-BP1Vagfm.js"), "./Duplicate.svg": () => import("./Duplicate-BPlzNpcf-DbmFK0XC.js"), "./Edit.svg": () => import("./Edit-Br04RNYb-BhCyac4t.js"), "./Ellipses.svg": () => import("./Ellipses-Bo_X36Hx-CsJmKvlE.js"), "./Error.svg": () => import("./Error-B_RGtWJI-D9KV-EvG.js"), "./ExternalLink.svg": () => import("./ExternalLink-DK8L-EH7-ANJEzoHO.js"), "./Folder.svg": () => import("./Folder-Cdcj4evh-B-g7TtzK.js"), "./GitHub.svg": () => import("./GitHub-NdE6Zs9k-BAGzgXH_.js"), "./Hide.svg": () => import("./Hide-Q3GPkIKH-40aIsLtN.js"), "./JsonObject.svg": () => import("./JsonObject-hGdHUQ4M-Cm1hXgAn.js"), "./Key.svg": () => import("./Key-CWXJqX28-DdNUhB11.js"), "./Leave.svg": () => import("./Leave-K1J3uwoG-WgTmlwgs.js"), "./LightDarkModeToggle.svg": () => import("./LightDarkModeToggle-BkvMimDa-Dk64Z-UE.js"), "./LightMode.svg": () => import("./LightMode-Btz6vyT_-JpKLPzdT.js"), "./Link.svg": () => import("./Link-Bzuc__Nc-Bvtx0HZG.js"), "./Lock.svg": () => import("./Lock-xhiH1mKz-Rrlr3fGv.js"), "./Logo.svg": () => import("./Logo-mtzeKD8M-LQcor9RM.js"), "./LogoAPI.svg": () => import("./LogoAPI-CaU5E6FK-Bzb5EbnZ.js"), "./LogoClient.svg": () => import("./LogoClient-DdC-t_7P-B_rZ91PC.js"), "./LogoMarket.svg": () => import("./LogoMarket-DwlApcab-_INRDSLs.js"), "./LogoSwagger.svg": () => import("./LogoSwagger-CH60H5qW-DFEpFXIU.js"), "./Magic.svg": () => import("./Magic-Dsi9_bEc-BYN42_eH.js"), "./Menu.svg": () => import("./Menu-CFK5cOsm-CqE9Tsgr.js"), "./Page.svg": () => import("./Page-B7rVuhpl-BUIogUij.js"), "./PaperAirplane.svg": () => import("./PaperAirplane-BC-4mGEB-BrV5fX8s.js"), "./Payment.svg": () => import("./Payment-hzcXP1Xb-B2G1p4-i.js"), "./Refresh.svg": () => import("./Refresh-Be6vHEEi-C6lRqFiM.js"), "./Search.svg": () => import("./Search-DqtlswRG-D-hprEk0.js"), "./Show.svg": () => import("./Show-D86hKz5y-CF9Pv7FS.js"), "./SideBarClosed.svg": () => import("./SideBarClosed-CYUNS2XM-CyAn6Mp2.js"), "./SideBarOpen.svg": () => import("./SideBarOpen-BOxW49_U-D5IKtkfP.js"), "./Terminal.svg": () => import("./Terminal-CKp--su5-vWaGU4_z.js"), "./ThumbsDown.svg": () => import("./ThumbsDown-BMgnsASL-B2YFxB8i.js"), "./ThumbsUp.svg": () => import("./ThumbsUp-C1j6zY2j-DKqh3z1D.js"), "./Trash.svg": () => import("./Trash-BpA3zWPD-BAjuQdys.js"), "./Unlock.svg": () => import("./Unlock-CY8UqJoE-CrwInjK9.js"), "./Upload.svg": () => import("./Upload-REIdL7RI-CsfWPmbV.js"), "./User.svg": () => import("./User-Df5svMQ3-BD7IWPQQ.js"), "./programming-framework-angular.svg": () => import("./programming-framework-angular-DD4Vjgbk-Bzc9D9am.js"), "./programming-framework-astro.svg": () => import("./programming-framework-astro-CLfrRt19-CfPlyy6T.js"), "./programming-framework-laravel.svg": () => import("./programming-framework-laravel-kAy2wVLy-Cty_4oXq.js"), "./programming-framework-nextdotjs.svg": () => import("./programming-framework-nextdotjs-BKdd_DY_-DUTv-t1Q.js"), "./programming-framework-react.svg": () => import("./programming-framework-react-PDgmtZuN-DdUogL85.js"), "./programming-framework-vuedotjs.svg": () => import("./programming-framework-vuedotjs-Cv46W2aB-Dt_I9pcj.js"), "./programming-language-c.svg": () => import("./programming-language-c-hPGu2Zvg-QG1pSdJG.js"), "./programming-language-clojure.svg": () => import("./programming-language-clojure-Cvmzky8x-D6Gs-6Ol.js"), "./programming-language-csharp.svg": () => import("./programming-language-csharp-lqX1oWgb-B1_8fYG9.js"), "./programming-language-css3.svg": () => import("./programming-language-css3-Dpp4Cr6b-Bf5XF7-p.js"), "./programming-language-go.svg": () => import("./programming-language-go-DoJxWwT6-BUgfSlg1.js"), "./programming-language-html5.svg": () => import("./programming-language-html5-DlqJK4EL-Bl9dTA-D.js"), "./programming-language-http.svg": () => import("./programming-language-http-wMYwFS1I-BWQXI44M.js"), "./programming-language-java.svg": () => import("./programming-language-java-BCxG2T_w-CWqBHVz_.js"), "./programming-language-javascript.svg": () => import("./programming-language-javascript-VxLvi1QG-DFjYF_MP.js"), "./programming-language-json.svg": () => import("./programming-language-json-vEX_g7Zi-BMZrSR1t.js"), "./programming-language-kotlin.svg": () => import("./programming-language-kotlin-DKV8vP9h-C1Zi89NZ.js"), "./programming-language-node.svg": () => import("./programming-language-node-Xsgx38lm-DZhaOPIJ.js"), "./programming-language-objc.svg": () => import("./programming-language-objc-BQXSOBsX-BR-B91By.js"), "./programming-language-ocaml.svg": () => import("./programming-language-ocaml-BEz7gGv7-ip3_Zuhb.js"), "./programming-language-php.svg": () => import("./programming-language-php-GY38f8r4-DQ_8EMFH.js"), "./programming-language-powershell.svg": () => import("./programming-language-powershell-C9DkSp36-S3xix_dw.js"), "./programming-language-python.svg": () => import("./programming-language-python-Ct-_kNjo-BCrlyfv0.js"), "./programming-language-r.svg": () => import("./programming-language-r-BGoKwua9-BWGOKD9M.js"), "./programming-language-ruby.svg": () => import("./programming-language-ruby-DhdM4d7g-Dd3La6Kn.js"), "./programming-language-scala.svg": () => import("./programming-language-scala-BVg0dToJ-Bz_n-CNw.js"), "./programming-language-shell.svg": () => import("./programming-language-shell-BsTa1xI7-XJbYjh7O.js"), "./programming-language-swift.svg": () => import("./programming-language-swift-Dn72xPjg-BUvu5_SV.js"), "./programming-language-typescript.svg": () => import("./programming-language-typescript-CdF-HuRi-CaDO02MW.js"), "./programming-script-code.svg": () => import("./programming-script-code-DQN1veb2-BPFALXVk.js"), "./programming-tool-git.svg": () => import("./programming-tool-git-DDnQ1zGD-Cz6Yj0wj.js"), "./programming-tool-tailwindcss.svg": () => import("./programming-tool-tailwindcss-xjXi0E6g-ky2wbsII.js") }), j = (a) => {
+const U = /* @__PURE__ */ Object.assign({ "./Add.svg": () => import("./Add-ngyZgYXx-DzyQwJvS.js"), "./ArrowLeft.svg": () => import("./ArrowLeft-aY17W2aS-DFSAtOMh.js"), "./ArrowRight.svg": () => import("./ArrowRight-DEMtdoE7-D3Vz1S5q.js"), "./Background.svg": () => import("./Background-DcRhSHgf-DMULXelH.js"), "./Brackets.svg": () => import("./Brackets-4I8OKomf-BdIXlrTs.js"), "./Branch.svg": () => import("./Branch-CXwj8YuG-IxKqRWkx.js"), "./CallToAction.svg": () => import("./CallToAction-EyQKkvbg-D5UsQ4YH.js"), "./Checkmark.svg": () => import("./Checkmark-De7nq6cG-CenVOav7.js"), "./ChevronDown.svg": () => import("./ChevronDown-Co7EAKAv-DHNwXUbS.js"), "./ChevronLeft.svg": () => import("./ChevronLeft-DYt0idAu-DAzCtmws.js"), "./ChevronRight.svg": () => import("./ChevronRight-ylxToVWl-CDFDuBE1.js"), "./ChevronUp.svg": () => import("./ChevronUp-xAnukIfj-CuKFLVD3.js"), "./Clipboard.svg": () => import("./Clipboard-CU_KxGEv-DWrQtWVi.js"), "./Close.svg": () => import("./Close-CW3z42qZ-CeX6s3FA.js"), "./CodeFolder.svg": () => import("./CodeFolder-Cv_igzJE-CoWfaY0Z.js"), "./Cookie.svg": () => import("./Cookie-CEHvXpqB-D960ImBy.js"), "./DarkMode.svg": () => import("./DarkMode-CBsV8Q_I-DHPfucpm.js"), "./Delete.svg": () => import("./Delete-BCZmxrDD-BHoCf_u4.js"), "./Discord.svg": () => import("./Discord-BHYOFBB2-NYBGYy-_.js"), "./DocsPage.svg": () => import("./DocsPage-rh2xwxKN-BP1Vagfm.js"), "./Duplicate.svg": () => import("./Duplicate-BPlzNpcf-DbmFK0XC.js"), "./Edit.svg": () => import("./Edit-Br04RNYb-BhCyac4t.js"), "./Ellipses.svg": () => import("./Ellipses-Bo_X36Hx-CsJmKvlE.js"), "./Error.svg": () => import("./Error-B_RGtWJI-D9KV-EvG.js"), "./ExternalLink.svg": () => import("./ExternalLink-DK8L-EH7-ANJEzoHO.js"), "./FilterList.svg": () => import("./FilterList-CsAcE9em-aybThY1V.js"), "./Folder.svg": () => import("./Folder-Cdcj4evh-B-g7TtzK.js"), "./GitHub.svg": () => import("./GitHub-NdE6Zs9k-BAGzgXH_.js"), "./Hide.svg": () => import("./Hide-Q3GPkIKH-40aIsLtN.js"), "./History.svg": () => import("./History-D9nmhNIn-BU9mR55a.js"), "./JsonObject.svg": () => import("./JsonObject-hGdHUQ4M-Cm1hXgAn.js"), "./Key.svg": () => import("./Key-CWXJqX28-DdNUhB11.js"), "./Leave.svg": () => import("./Leave-K1J3uwoG-WgTmlwgs.js"), "./LightDarkModeToggle.svg": () => import("./LightDarkModeToggle-BkvMimDa-Dk64Z-UE.js"), "./LightMode.svg": () => import("./LightMode-Btz6vyT_-JpKLPzdT.js"), "./Link.svg": () => import("./Link-Bzuc__Nc-Bvtx0HZG.js"), "./Lock.svg": () => import("./Lock-xhiH1mKz-Rrlr3fGv.js"), "./Logo.svg": () => import("./Logo-mtzeKD8M-LQcor9RM.js"), "./LogoAPI.svg": () => import("./LogoAPI-CaU5E6FK-Bzb5EbnZ.js"), "./LogoClient.svg": () => import("./LogoClient-DdC-t_7P-B_rZ91PC.js"), "./LogoMarket.svg": () => import("./LogoMarket-DwlApcab-_INRDSLs.js"), "./LogoSwagger.svg": () => import("./LogoSwagger-CH60H5qW-DFEpFXIU.js"), "./Magic.svg": () => import("./Magic-Dsi9_bEc-BYN42_eH.js"), "./Menu.svg": () => import("./Menu-CFK5cOsm-CqE9Tsgr.js"), "./Page.svg": () => import("./Page-B7rVuhpl-BUIogUij.js"), "./PaperAirplane.svg": () => import("./PaperAirplane-BC-4mGEB-BrV5fX8s.js"), "./Payment.svg": () => import("./Payment-hzcXP1Xb-B2G1p4-i.js"), "./Play.svg": () => import("./Play-BrVagRQA-DBrajcXb.js"), "./Refresh.svg": () => import("./Refresh-Be6vHEEi-C6lRqFiM.js"), "./Response.svg": () => import("./Response-Dq9pM-ZU-DcYb8u84.js"), "./Search.svg": () => import("./Search-DqtlswRG-D-hprEk0.js"), "./Show.svg": () => import("./Show-D86hKz5y-CF9Pv7FS.js"), "./SideBarClosed.svg": () => import("./SideBarClosed-CYUNS2XM-CyAn6Mp2.js"), "./SideBarOpen.svg": () => import("./SideBarOpen-BOxW49_U-D5IKtkfP.js"), "./Sort.svg": () => import("./Sort-oTjBhJFQ-yW_ZNUnN.js"), "./Terminal.svg": () => import("./Terminal-CKp--su5-vWaGU4_z.js"), "./ThumbsDown.svg": () => import("./ThumbsDown-BMgnsASL-B2YFxB8i.js"), "./ThumbsUp.svg": () => import("./ThumbsUp-C1j6zY2j-DKqh3z1D.js"), "./Trash.svg": () => import("./Trash-BpA3zWPD-BAjuQdys.js"), "./Unlock.svg": () => import("./Unlock-CY8UqJoE-CrwInjK9.js"), "./Upload.svg": () => import("./Upload-REIdL7RI-CsfWPmbV.js"), "./User.svg": () => import("./User-Df5svMQ3-BD7IWPQQ.js"), "./programming-framework-angular.svg": () => import("./programming-framework-angular-DD4Vjgbk-Bzc9D9am.js"), "./programming-framework-astro.svg": () => import("./programming-framework-astro-CLfrRt19-CfPlyy6T.js"), "./programming-framework-laravel.svg": () => import("./programming-framework-laravel-kAy2wVLy-Cty_4oXq.js"), "./programming-framework-nextdotjs.svg": () => import("./programming-framework-nextdotjs-BKdd_DY_-DUTv-t1Q.js"), "./programming-framework-react.svg": () => import("./programming-framework-react-PDgmtZuN-DdUogL85.js"), "./programming-framework-vuedotjs.svg": () => import("./programming-framework-vuedotjs-Cv46W2aB-Dt_I9pcj.js"), "./programming-language-c.svg": () => import("./programming-language-c-hPGu2Zvg-QG1pSdJG.js"), "./programming-language-clojure.svg": () => import("./programming-language-clojure-Cvmzky8x-D6Gs-6Ol.js"), "./programming-language-csharp.svg": () => import("./programming-language-csharp-lqX1oWgb-B1_8fYG9.js"), "./programming-language-css3.svg": () => import("./programming-language-css3-Dpp4Cr6b-Bf5XF7-p.js"), "./programming-language-go.svg": () => import("./programming-language-go-DoJxWwT6-BUgfSlg1.js"), "./programming-language-html5.svg": () => import("./programming-language-html5-DlqJK4EL-Bl9dTA-D.js"), "./programming-language-http.svg": () => import("./programming-language-http-wMYwFS1I-BWQXI44M.js"), "./programming-language-java.svg": () => import("./programming-language-java-BCxG2T_w-CWqBHVz_.js"), "./programming-language-javascript.svg": () => import("./programming-language-javascript-VxLvi1QG-DFjYF_MP.js"), "./programming-language-json.svg": () => import("./programming-language-json-vEX_g7Zi-BMZrSR1t.js"), "./programming-language-kotlin.svg": () => import("./programming-language-kotlin-DKV8vP9h-C1Zi89NZ.js"), "./programming-language-node.svg": () => import("./programming-language-node-Xsgx38lm-DZhaOPIJ.js"), "./programming-language-objc.svg": () => import("./programming-language-objc-BQXSOBsX-BR-B91By.js"), "./programming-language-ocaml.svg": () => import("./programming-language-ocaml-BEz7gGv7-ip3_Zuhb.js"), "./programming-language-php.svg": () => import("./programming-language-php-GY38f8r4-DQ_8EMFH.js"), "./programming-language-powershell.svg": () => import("./programming-language-powershell-C9DkSp36-S3xix_dw.js"), "./programming-language-python.svg": () => import("./programming-language-python-Ct-_kNjo-BCrlyfv0.js"), "./programming-language-r.svg": () => import("./programming-language-r-BGoKwua9-BWGOKD9M.js"), "./programming-language-ruby.svg": () => import("./programming-language-ruby-DhdM4d7g-Dd3La6Kn.js"), "./programming-language-scala.svg": () => import("./programming-language-scala-BVg0dToJ-Bz_n-CNw.js"), "./programming-language-shell.svg": () => import("./programming-language-shell-BsTa1xI7-XJbYjh7O.js"), "./programming-language-swift.svg": () => import("./programming-language-swift-Dn72xPjg-BUvu5_SV.js"), "./programming-language-typescript.svg": () => import("./programming-language-typescript-CdF-HuRi-CaDO02MW.js"), "./programming-script-code.svg": () => import("./programming-script-code-DQN1veb2-BPFALXVk.js"), "./programming-tool-git.svg": () => import("./programming-tool-git-DDnQ1zGD-Cz6Yj0wj.js"), "./programming-tool-tailwindcss.svg": () => import("./programming-tool-tailwindcss-xjXi0E6g-ky2wbsII.js") }), j = (a) => {
   const t2 = `./${a}.svg`;
   return U[t2] ? defineAsyncComponent(U[t2]) : (console.warn(`Could not find icon: ${a}`), null);
 }, Ye = ["src"], V = /* @__PURE__ */ defineComponent({
@@ -31411,10 +31411,10 @@ const U = /* @__PURE__ */ Object.assign({ "./Add.svg": () => import("./Add-ngyZg
     ], 10, Je));
   }
 });
-const _hoisted_1$o = { class: "card-form-input" };
-const _hoisted_2$h = ["for"];
+const _hoisted_1$p = { class: "card-form-input" };
+const _hoisted_2$i = ["for"];
 const _hoisted_3$b = ["id", "type"];
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -31430,10 +31430,10 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
       () => props.type === "password" ? mask.value ? "password" : "text" : props.type ?? "text"
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$o, [
+      return openBlock(), createElementBlock("div", _hoisted_1$p, [
         createElementVNode("label", { for: _ctx.id }, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ], 8, _hoisted_2$h),
+        ], 8, _hoisted_2$i),
         createElementVNode("input", mergeProps(_ctx.$attrs, {
           id: _ctx.id,
           autocomplete: "off",
@@ -31452,22 +31452,22 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CardFormTextInput = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-70fbdb66"]]);
-const _sfc_main$q = {};
-const _hoisted_1$n = { class: "badge" };
+const CardFormTextInput = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-70fbdb66"]]);
+const _sfc_main$r = {};
+const _hoisted_1$o = { class: "badge" };
 function _sfc_render$2(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$n, [
+  return openBlock(), createElementBlock("div", _hoisted_1$o, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$2], ["__scopeId", "data-v-190574ac"]]);
+const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$2], ["__scopeId", "data-v-190574ac"]]);
 const _withScopeId$4 = (n) => (pushScopeId("data-v-0243b758"), n = n(), popScopeId(), n);
-const _hoisted_1$m = { class: "scopes-label" };
-const _hoisted_2$g = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ createElementVNode("em", null, "|", -1));
+const _hoisted_1$n = { class: "scopes-label" };
+const _hoisted_2$h = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ createElementVNode("em", null, "|", -1));
 const _hoisted_3$a = ["checked"];
 const _hoisted_4$8 = { class: "dropdown-item-title" };
 const _hoisted_5$4 = { class: "dropdown-item-description" };
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "SecuritySchemeScopes",
   props: {
     scopes: {},
@@ -31502,7 +31502,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
           }, [
             createVNode(unref(ListboxButton), { as: CardFormButton }, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_1$m, [
+                createElementVNode("div", _hoisted_1$n, [
                   createVNode(unref(V), {
                     icon: open ? "ChevronUp" : "ChevronDown",
                     size: "sm"
@@ -31511,7 +31511,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                   createVNode(unref(Badge), { class: "scopes-label-badge" }, {
                     default: withCtx(() => [
                       createTextVNode(toDisplayString(model.value.length), 1),
-                      _hoisted_2$g,
+                      _hoisted_2$h,
                       createTextVNode(toDisplayString(Object.entries(_ctx.scopes).length), 1)
                     ]),
                     _: 1
@@ -31569,8 +31569,8 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SecuritySchemeScopes = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-0243b758"]]);
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const SecuritySchemeScopes = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-0243b758"]]);
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "SecurityScheme",
   props: {
     value: {}
@@ -31798,16 +31798,16 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SecurityScheme = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-ce3ed7f0"]]);
+const SecurityScheme = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-ce3ed7f0"]]);
 const _withScopeId$3 = (n) => (pushScopeId("data-v-fa321bbc"), n = n(), popScopeId(), n);
-const _hoisted_1$l = {
+const _hoisted_1$m = {
   key: 1,
   class: "security-scheme-selector"
 };
-const _hoisted_2$f = ["value"];
+const _hoisted_2$g = ["value"];
 const _hoisted_3$9 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("option", { value: "" }, "None", -1));
 const _hoisted_4$7 = ["value"];
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "SecuritySchemeSelector",
   props: {
     value: {}
@@ -31862,7 +31862,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       var _a2, _b;
       return keys.value.length === 1 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
         createTextVNode(toDisplayString(getLabelForScheme((_a2 = _ctx.value) == null ? void 0 : _a2[keys.value[0]], keys.value[0])), 1)
-      ], 64)) : keys.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_1$l, [
+      ], 64)) : keys.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_1$m, [
         createElementVNode("span", null, toDisplayString(unref(authentication2).preferredSecurityScheme ? getLabelForScheme(
           (_b = _ctx.value) == null ? void 0 : _b[unref(authentication2).preferredSecurityScheme],
           unref(authentication2).preferredSecurityScheme
@@ -31882,21 +31882,21 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
               value: key ?? null
             }, toDisplayString(getLabelForScheme((_a3 = _ctx.value) == null ? void 0 : _a3[key], key)), 9, _hoisted_4$7);
           }), 128))
-        ], 40, _hoisted_2$f)
+        ], 40, _hoisted_2$g)
       ])) : createCommentVNode("", true);
     };
   }
 });
-const SecuritySchemeSelector = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-fa321bbc"]]);
-const _hoisted_1$k = {
+const SecuritySchemeSelector = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-fa321bbc"]]);
+const _hoisted_1$l = {
   key: 0,
   class: "preferred-security-scheme"
 };
-const _hoisted_2$e = {
+const _hoisted_2$f = {
   key: 1,
   class: "security-scheme-empty-state"
 };
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "RequestAuthentication",
   setup(__props) {
     const requestAuthenticationRef = ref(null);
@@ -31928,7 +31928,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         ref_key: "requestAuthenticationRef",
         ref: requestAuthenticationRef
       }, [
-        createVNode(unref(_sfc_main$v), { title: "Authentication" }, {
+        createVNode(unref(_sfc_main$w), { title: "Authentication" }, {
           options: withCtx(() => [
             createVNode(SecuritySchemeSelector, {
               value: unref(authentication2).securitySchemes
@@ -31937,12 +31937,12 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
           default: withCtx(() => {
             var _a2;
             return [
-              unref(authentication2).preferredSecurityScheme ? (openBlock(), createElementBlock("div", _hoisted_1$k, [
+              unref(authentication2).preferredSecurityScheme ? (openBlock(), createElementBlock("div", _hoisted_1$l, [
                 createVNode(SecurityScheme, {
                   value: (_a2 = unref(authentication2).securitySchemes) == null ? void 0 : _a2[unref(authentication2).preferredSecurityScheme]
                 }, null, 8, ["value"])
               ])) : createCommentVNode("", true),
-              !unref(authentication2).securitySchemes ? (openBlock(), createElementBlock("div", _hoisted_2$e, [
+              !unref(authentication2).securitySchemes ? (openBlock(), createElementBlock("div", _hoisted_2$f, [
                 createElementVNode("div", {
                   class: "scalar-api-client-add",
                   variant: "outlined",
@@ -31967,24 +31967,24 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RequestAuthentication = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-cbd3fe9a"]]);
-const _hoisted_1$j = { class: "table-row" };
-const _hoisted_2$d = { class: "table-row-item" };
+const RequestAuthentication = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-cbd3fe9a"]]);
+const _hoisted_1$k = { class: "table-row" };
+const _hoisted_2$e = { class: "table-row-item" };
 const _hoisted_3$8 = { class: "table-row-item" };
 const _hoisted_4$6 = {
   key: 0,
   class: "table-row-item"
 };
 const _hoisted_5$3 = { class: "table-row-meta" };
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "GridRow",
   props: {
     showDescription: { type: Boolean }
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$j, [
-        createElementVNode("div", _hoisted_2$d, [
+      return openBlock(), createElementBlock("div", _hoisted_1$k, [
+        createElementVNode("div", _hoisted_2$e, [
           renderSlot(_ctx.$slots, "key", {}, void 0, true)
         ]),
         createElementVNode("div", _hoisted_3$8, [
@@ -32000,10 +32000,10 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const GridRow = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-d223c4c9"]]);
+const GridRow = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-d223c4c9"]]);
 const _withScopeId$2 = (n) => (pushScopeId("data-v-f563de96"), n = n(), popScopeId(), n);
-const _hoisted_1$i = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("label", { class: "table-column-header" }, "Key", -1));
-const _hoisted_2$c = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("label", { class: "table-column-header" }, "Value", -1));
+const _hoisted_1$j = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("label", { class: "table-column-header" }, "Key", -1));
+const _hoisted_2$d = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("label", { class: "table-column-header" }, "Value", -1));
 const _hoisted_3$7 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("label", { class: "table-column-header" }, "Description", -1));
 const _hoisted_4$5 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("svg", {
   fill: "currentColor",
@@ -32017,7 +32017,7 @@ const _hoisted_4$5 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ create
     "fill-rule": "nonzero"
   })
 ], -1));
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "GridHeader",
   props: {
     showDescription: { type: Boolean }
@@ -32027,10 +32027,10 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(GridRow, { showDescription: _ctx.showDescription }, {
         key: withCtx(() => [
-          _hoisted_1$i
+          _hoisted_1$j
         ]),
         value: withCtx(() => [
-          _hoisted_2$c
+          _hoisted_2$d
         ]),
         description: withCtx(() => [
           _hoisted_3$7
@@ -32052,10 +32052,10 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const GridHeader = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-f563de96"]]);
+const GridHeader = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-f563de96"]]);
 const _withScopeId$1 = (n) => (pushScopeId("data-v-343844f2"), n = n(), popScopeId(), n);
-const _hoisted_1$h = { class: "meta-check" };
-const _hoisted_2$b = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "meta-checkmark" }, null, -1));
+const _hoisted_1$i = { class: "meta-check" };
+const _hoisted_2$c = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "meta-checkmark" }, null, -1));
 const _hoisted_3$6 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("svg", {
   fill: "none",
   height: "10",
@@ -32081,7 +32081,7 @@ const _hoisted_3$6 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ create
 const _hoisted_4$4 = [
   _hoisted_3$6
 ];
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "GridRowEditable",
   props: {
     name: {},
@@ -32145,14 +32145,14 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
           ])
         ]),
         meta: withCtx(() => [
-          createElementVNode("label", _hoisted_1$h, [
+          createElementVNode("label", _hoisted_1$i, [
             withDirectives(createElementVNode("input", {
               "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => enabledProxy.value = $event),
               type: "checkbox"
             }, null, 512), [
               [vModelCheckbox, enabledProxy.value]
             ]),
-            _hoisted_2$b
+            _hoisted_2$c
           ]),
           !_ctx.required ? (openBlock(), createElementBlock("button", {
             key: 0,
@@ -32166,15 +32166,15 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const GridRowEditable = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-343844f2"]]);
+const GridRowEditable = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-343844f2"]]);
 const _withScopeId = (n) => (pushScopeId("data-v-78bcd93d"), n = n(), popScopeId(), n);
-const _hoisted_1$g = ["value"];
-const _hoisted_2$a = ["value"];
+const _hoisted_1$h = ["value"];
+const _hoisted_2$b = ["value"];
 const _hoisted_3$5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("input", {
   disabled: "",
   value: "Read-only"
 }, null, -1));
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "GridRowGenerated",
   props: {
     item: {}
@@ -32187,7 +32187,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
             disabled: "",
             placeholder: "key",
             value: _ctx.item.name
-          }, null, 8, _hoisted_1$g)
+          }, null, 8, _hoisted_1$h)
         ]),
         value: withCtx(() => [
           createElementVNode("input", {
@@ -32195,7 +32195,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
             placeholder: "value",
             type: "password",
             value: _ctx.item.value
-          }, null, 8, _hoisted_2$a)
+          }, null, 8, _hoisted_2$b)
         ]),
         description: withCtx(() => [
           _hoisted_3$5
@@ -32205,12 +32205,12 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const GridRowGenerated = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-78bcd93d"]]);
-const _hoisted_1$f = { class: "table" };
-const _hoisted_2$9 = { class: "meta-actions" };
+const GridRowGenerated = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-78bcd93d"]]);
+const _hoisted_1$g = { class: "table" };
+const _hoisted_2$a = { class: "meta-actions" };
 const _hoisted_3$4 = { class: "meta-actions-item-icon" };
 const _hoisted_4$3 = { class: "meta-actions-item-icon" };
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "Grid",
   props: {
     items: {},
@@ -32228,7 +32228,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       showMore.value = true;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$f, [
+      return openBlock(), createElementBlock("div", _hoisted_1$g, [
         createVNode(GridHeader, {
           showDescription: showDescription.value,
           "onUpdate:showDescription": _cache[0] || (_cache[0] = ($event) => showDescription.value = $event)
@@ -32259,7 +32259,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             [vShow, !_ctx.showMoreFilter || _ctx.showMoreFilter && index < 5 || showMore.value]
           ]);
         }), 128)),
-        createElementVNode("div", _hoisted_2$9, [
+        createElementVNode("div", _hoisted_2$a, [
           _ctx.addLabel ? (openBlock(), createElementBlock("button", {
             key: 0,
             class: "meta-actions-item",
@@ -32287,21 +32287,21 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Grid = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-1dbaabfd"]]);
-const _hoisted_1$e = { class: "navtable simpletable" };
-const _hoisted_2$8 = { class: "navtable-table" };
+const Grid = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-1dbaabfd"]]);
+const _hoisted_1$f = { class: "navtable simpletable" };
+const _hoisted_2$9 = { class: "navtable-table" };
 const _hoisted_3$3 = /* @__PURE__ */ createStaticVNode('<div class="navtable-item navtable-item__top" data-v-5ba40e52><div class="navtable-item-33" data-v-5ba40e52><label for="" data-v-5ba40e52>Name</label></div><div class="navtable-item-66" data-v-5ba40e52><label for="" data-v-5ba40e52>Value</label></div></div>', 1);
 const _hoisted_4$2 = { class: "navtable-item-33" };
 const _hoisted_5$2 = { class: "navtable-item-66" };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "SimpleGrid",
   props: {
     items: {}
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$e, [
-        createElementVNode("div", _hoisted_2$8, [
+      return openBlock(), createElementBlock("div", _hoisted_1$f, [
+        createElementVNode("div", _hoisted_2$9, [
           _hoisted_3$3,
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
             return openBlock(), createElementBlock("div", {
@@ -32321,9 +32321,9 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SimpleGrid = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-5ba40e52"]]);
-const _hoisted_1$d = { key: 0 };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const SimpleGrid = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-5ba40e52"]]);
+const _hoisted_1$e = { key: 0 };
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "RequestBody",
   props: {
     body: {},
@@ -32340,9 +32340,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$v), { title: "Body" }, {
+      return openBlock(), createBlock(unref(_sfc_main$w), { title: "Body" }, {
         default: withCtx(() => [
-          _ctx.body && _ctx.body.length === 0 && _ctx.formData && _ctx.formData.length === 0 ? (openBlock(), createElementBlock("span", _hoisted_1$d, "No Body")) : _ctx.formData && _ctx.formData.length > 0 ? (openBlock(), createBlock(unref(Grid), {
+          _ctx.body && _ctx.body.length === 0 && _ctx.formData && _ctx.formData.length === 0 ? (openBlock(), createElementBlock("span", _hoisted_1$e, "No Body")) : _ctx.formData && _ctx.formData.length > 0 ? (openBlock(), createBlock(unref(Grid), {
             key: 1,
             items: _ctx.formData
           }, null, 8, ["items"])) : (openBlock(), createBlock(unref(CodeMirror), {
@@ -32358,11 +32358,11 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$c = {
+const _hoisted_1$d = {
   key: 0,
   class: "scalar-api-client__empty-state"
 };
-const _hoisted_2$7 = /* @__PURE__ */ createElementVNode("svg", {
+const _hoisted_2$8 = /* @__PURE__ */ createElementVNode("svg", {
   class: "flow-icon",
   "data-v-aa4fbd2d": "",
   height: "100%",
@@ -32379,7 +32379,7 @@ const _hoisted_2$7 = /* @__PURE__ */ createElementVNode("svg", {
     xmlns: "http://www.w3.org/2000/svg"
   })
 ], -1);
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "RequestCookies",
   props: {
     cookies: {},
@@ -32404,18 +32404,18 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       return !!(((_a2 = props.cookies) == null ? void 0 : _a2.length) || ((_b = props.generatedCookies) == null ? void 0 : _b.length));
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$v), {
+      return openBlock(), createBlock(unref(_sfc_main$w), {
         defaultOpen: hasCookies.value,
         title: "Cookies"
       }, {
         default: withCtx(() => [
-          !hasCookies.value ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
+          !hasCookies.value ? (openBlock(), createElementBlock("div", _hoisted_1$d, [
             createElementVNode("button", {
               class: "scalar-api-client-add",
               type: "button",
               onClick: addAnotherHandler
             }, [
-              _hoisted_2$7,
+              _hoisted_2$8,
               createTextVNode(" Cookies ")
             ])
           ])) : (openBlock(), createBlock(unref(Grid), {
@@ -32432,11 +32432,11 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$b = {
+const _hoisted_1$c = {
   key: 0,
   class: "scalar-api-client__empty-state"
 };
-const _hoisted_2$6 = /* @__PURE__ */ createElementVNode("svg", {
+const _hoisted_2$7 = /* @__PURE__ */ createElementVNode("svg", {
   class: "flow-icon",
   "data-v-aa4fbd2d": "",
   height: "100%",
@@ -32453,7 +32453,7 @@ const _hoisted_2$6 = /* @__PURE__ */ createElementVNode("svg", {
     xmlns: "http://www.w3.org/2000/svg"
   })
 ], -1);
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "RequestHeaders",
   props: {
     headers: {},
@@ -32478,18 +32478,18 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       return !!(((_a2 = props.headers) == null ? void 0 : _a2.length) || ((_b = props.generatedHeaders) == null ? void 0 : _b.length));
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$v), {
+      return openBlock(), createBlock(unref(_sfc_main$w), {
         defaultOpen: hasHeaders.value,
         title: "Headers"
       }, {
         default: withCtx(() => [
-          !hasHeaders.value ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
+          !hasHeaders.value ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
             createElementVNode("button", {
               class: "scalar-api-client-add",
               type: "button",
               onClick: addAnotherHandler
             }, [
-              _hoisted_2$6,
+              _hoisted_2$7,
               createTextVNode(" Headers ")
             ])
           ])) : (openBlock(), createBlock(unref(Grid), {
@@ -32506,11 +32506,11 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$a = {
+const _hoisted_1$b = {
   key: 0,
   class: "scalar-api-client__empty-state"
 };
-const _hoisted_2$5 = /* @__PURE__ */ createElementVNode("svg", {
+const _hoisted_2$6 = /* @__PURE__ */ createElementVNode("svg", {
   class: "flow-icon",
   "data-v-aa4fbd2d": "",
   height: "100%",
@@ -32527,7 +32527,7 @@ const _hoisted_2$5 = /* @__PURE__ */ createElementVNode("svg", {
     xmlns: "http://www.w3.org/2000/svg"
   })
 ], -1);
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "RequestQuery",
   props: {
     queries: {},
@@ -32552,18 +32552,18 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       return !!(((_a2 = props.queries) == null ? void 0 : _a2.length) || ((_b = props.generatedQueries) == null ? void 0 : _b.length));
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$v), {
+      return openBlock(), createBlock(unref(_sfc_main$w), {
         defaultOpen: hasQueries.value,
         title: "Query Parameters"
       }, {
         default: withCtx(() => [
-          !hasQueries.value ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
+          !hasQueries.value ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
             createElementVNode("button", {
               class: "scalar-api-client-add",
               type: "button",
               onClick: addAnotherHandler
             }, [
-              _hoisted_2$5,
+              _hoisted_2$6,
               createTextVNode(" Query Parameter ")
             ])
           ])) : (openBlock(), createBlock(unref(Grid), {
@@ -32581,11 +32581,11 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$9 = {
+const _hoisted_1$a = {
   key: 0,
   class: "scalar-api-client__empty-state"
 };
-const _hoisted_2$4 = /* @__PURE__ */ createElementVNode("svg", {
+const _hoisted_2$5 = /* @__PURE__ */ createElementVNode("svg", {
   class: "flow-icon",
   "data-v-aa4fbd2d": "",
   height: "100%",
@@ -32602,7 +32602,7 @@ const _hoisted_2$4 = /* @__PURE__ */ createElementVNode("svg", {
     xmlns: "http://www.w3.org/2000/svg"
   })
 ], -1);
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "RequestVariables",
   props: {
     variables: {}
@@ -32621,18 +32621,18 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       (_a2 = activeRequest2.variables) == null ? void 0 : _a2.push({ name: "", value: "", enabled: true });
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$v), {
+      return openBlock(), createBlock(unref(_sfc_main$w), {
         defaultOpen: unref(activeRequest2).variables && unref(activeRequest2).variables.length > 0,
         title: "Variables"
       }, {
         default: withCtx(() => [
-          !_ctx.variables || _ctx.variables.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
+          !_ctx.variables || _ctx.variables.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
             createElementVNode("button", {
               class: "scalar-api-client-add",
               type: "button",
               onClick: addAnotherHandler
             }, [
-              _hoisted_2$4,
+              _hoisted_2$5,
               createTextVNode(" Variable ")
             ])
           ])) : (openBlock(), createBlock(unref(Grid), {
@@ -32649,14 +32649,16 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$8 = { class: "scalar-api-client__main__left custom-scroll" };
-const _hoisted_2$3 = { class: "scalar-api-client__main__content" };
-const _hoisted_3$2 = /* @__PURE__ */ createElementVNode("label", null, "Request", -1);
-const _hoisted_4$1 = { class: "meta" };
-const _hoisted_5$1 = { class: "meta-item meta-item__input" };
-const _hoisted_6$1 = /* @__PURE__ */ createElementVNode("div", { class: "scalar-api-client__main__scroll-container" }, null, -1);
+const _hoisted_1$9 = { class: "scalar-api-client__main__left custom-scroll" };
+const _hoisted_2$4 = { class: "scalar-api-client__main__content" };
+const _hoisted_3$2 = { class: "scalar-api-client__main__content__header" };
+const _hoisted_4$1 = /* @__PURE__ */ createElementVNode("label", null, "Request", -1);
+const _hoisted_5$1 = { class: "meta" };
+const _hoisted_6$1 = { class: "meta-item meta-item__input" };
+const _hoisted_7$1 = { class: "scalar-api-client__main__content__body" };
+const _hoisted_8$1 = /* @__PURE__ */ createElementVNode("div", { class: "scalar-api-client__main__scroll-container" }, null, -1);
 const readOnly = true;
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "Request",
   setup(__props) {
     const { activeRequest: activeRequest2 } = useRequestStore();
@@ -32678,52 +32680,81 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       return requestType === "put" || requestType === "post" || requestType === "patch";
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$8, [
-        createElementVNode("div", _hoisted_2$3, [
-          _hoisted_3$2,
-          createElementVNode("div", _hoisted_4$1, [
+      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+        createElementVNode("div", _hoisted_2$4, [
+          createElementVNode("div", _hoisted_3$2, [
+            _hoisted_4$1,
             createElementVNode("div", _hoisted_5$1, [
-              withDirectives(createElementVNode("input", {
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(activeRequest2).name = $event),
-                class: "scalar-api-client__request-name",
-                disabled: readOnly,
-                placeholder: "Request Name",
-                type: "text"
-              }, null, 512), [
-                [vModelText, unref(activeRequest2).name]
+              createElementVNode("div", _hoisted_6$1, [
+                withDirectives(createElementVNode("input", {
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(activeRequest2).name = $event),
+                  class: "scalar-api-client__request-name",
+                  disabled: readOnly,
+                  placeholder: "Request Name",
+                  type: "text"
+                }, null, 512), [
+                  [vModelText, unref(activeRequest2).name]
+                ])
               ])
             ])
+          ]),
+          createElementVNode("div", _hoisted_7$1, [
+            createVNode(_sfc_main$c, {
+              variables: unref(activeRequest2).variables
+            }, null, 8, ["variables"]),
+            createVNode(unref(RequestAuthentication)),
+            createVNode(_sfc_main$f, {
+              cookies: unref(activeRequest2).cookies,
+              generatedCookies: authenticationRequest.value.cookies
+            }, null, 8, ["cookies", "generatedCookies"]),
+            createVNode(_sfc_main$e, {
+              generatedHeaders: authenticationRequest.value.headers,
+              headers: unref(activeRequest2).headers
+            }, null, 8, ["generatedHeaders", "headers"]),
+            createVNode(_sfc_main$d, {
+              generatedQueries: authenticationRequest.value.queryString,
+              queries: unref(activeRequest2).query
+            }, null, 8, ["generatedQueries", "queries"]),
+            showRequestBody.value ? (openBlock(), createBlock(_sfc_main$g, {
+              key: 0,
+              body: unref(activeRequest2).body,
+              formData: unref(activeRequest2).formData,
+              requestBody: unref(activeRequest2).body
+            }, null, 8, ["body", "formData", "requestBody"])) : createCommentVNode("", true),
+            _hoisted_8$1
           ])
-        ]),
-        createElementVNode("div", null, [
-          createVNode(_sfc_main$b, {
-            variables: unref(activeRequest2).variables
-          }, null, 8, ["variables"]),
-          createVNode(unref(RequestAuthentication)),
-          createVNode(_sfc_main$e, {
-            cookies: unref(activeRequest2).cookies,
-            generatedCookies: authenticationRequest.value.cookies
-          }, null, 8, ["cookies", "generatedCookies"]),
-          createVNode(_sfc_main$d, {
-            generatedHeaders: authenticationRequest.value.headers,
-            headers: unref(activeRequest2).headers
-          }, null, 8, ["generatedHeaders", "headers"]),
-          createVNode(_sfc_main$c, {
-            generatedQueries: authenticationRequest.value.queryString,
-            queries: unref(activeRequest2).query
-          }, null, 8, ["generatedQueries", "queries"]),
-          showRequestBody.value ? (openBlock(), createBlock(_sfc_main$f, {
-            key: 0,
-            body: unref(activeRequest2).body,
-            formData: unref(activeRequest2).formData,
-            requestBody: unref(activeRequest2).body
-          }, null, 8, ["body", "formData", "requestBody"])) : createCommentVNode("", true),
-          _hoisted_6$1
         ])
       ]);
     };
   }
 });
+const Computer = "                         .,,uod8B8bou,,.\n                ..,uod8BBBBBBBBBBBBBBBBRPFT?l!i:.\n           ||||||||||||||!?TFPRBBBBBBBBBBBBBBB8m=,\n           ||||   '\"\"^^!!||||||||||TFPRBBBVT!:...!\n           ||||            '\"\"^^!!|||||?!:.......!\n           ||||                     ||||.........!\n           ||||                     ||||.........!\n           ||||                     ||||.........!\n           ||||                     ||||.........!\n           ||||                     ||||.........!\n           ||||                     ||||.........!\n           ||||,                    ||||.........`\n           |||||!!-._               ||||.......;.\n           ':!|||||||||!!-._        ||||.....bBBBBWdou,.\n         bBBBBB86foi!|||||||!!-..:|||!..bBBBBBBBBBBBBBBY!\n         ::!?TFPRBBBBBB86foi!||||||||!!bBBBBBBBBBBBBBBY..!\n         :::::::::!?TFPRBBBBBB86ftiaabBBBBBBBBBBBBBBY....!\n         :::;`\"^!:;::::::!?TFPRBBBBBBBBBBBBBBBBBBBY......!\n         ;::::::...''^::::::::::!?TFPRBBBBBBBBBBY........!\n     .ob86foi;::::::::::::::::::::::::!?TFPRBY..........`\n    .b888888888886foi;:::::::::::::::::::::::..........`\n .b888888888888888888886foi;::::::::::::::::..........\n.b888888888888888888888888888886foi;:::::::::......`\n!Tf998888888888888888888888888888888886foi;:::....`\n  '\"^!|Tf9988888888888888888888888888888888!::..`\n       '\"^!|Tf998888888888888888888888889!! '`\n             '\"^!|Tf9988888888888888888!!`            iBBbo.\n                  '\"^!|Tf998888888889!`             WBBBBbo.\n                        '\"^!|Tf9989!`              YBBBP^'\n                              '\"^!`               `\n";
+const _hoisted_1$8 = { class: "ascii-art" };
+const _hoisted_2$3 = { class: "ascii-art-line" };
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "ScalarAsciiArt",
+  props: {
+    art: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const lines = computed(() => props.art.split("\n"));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(lines.value, (line, i) => {
+          return openBlock(), createElementBlock("span", {
+            key: i,
+            class: "ascii-art-line-wrapper",
+            style: normalizeStyle({ width: `calc(${line.length + 1}ch)` })
+          }, [
+            createElementVNode("span", _hoisted_2$3, toDisplayString(line), 1)
+          ], 4);
+        }), 128))
+      ]);
+    };
+  }
+});
+const ScalarAsciiArt = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-c706348d"]]);
 const _hoisted_1$7 = {
   key: 1,
   class: "scalar-api-client__empty-state"
@@ -32767,7 +32798,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       return null;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$v), { title: "Body" }, {
+      return openBlock(), createBlock(unref(_sfc_main$w), { title: "Body" }, {
         default: withCtx(() => [
           _ctx.active ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             codeMirrorLanguage.value ? (openBlock(), createBlock(unref(Ot), {
@@ -32889,7 +32920,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       }).join("-");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$v), { title: "Headers" }, {
+      return openBlock(), createBlock(unref(_sfc_main$w), { title: "Headers" }, {
         default: withCtx(() => [
           _ctx.headers.length > 0 ? (openBlock(), createBlock(unref(SimpleTable), { key: 0 }, {
             default: withCtx(() => [
@@ -33004,21 +33035,26 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$1 = { class: "scalar-api-client__main__right custom-scroll" };
 const _hoisted_2 = { class: "scalar-api-client__main__content" };
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("label", null, "Response", -1);
-const _hoisted_4 = { class: "meta" };
+const _hoisted_3 = { class: "scalar-api-client__main__content__header" };
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("label", null, "Response", -1);
 const _hoisted_5 = {
-  key: 1,
-  class: "meta-item"
+  key: 0,
+  class: "meta"
 };
-const _hoisted_6 = /* @__PURE__ */ createElementVNode("span", null, "Send your first request to start", -1);
-const _hoisted_7 = [
-  _hoisted_6
-];
-const _hoisted_8 = {
+const _hoisted_6 = {
+  key: 0,
+  class: "scalar-api-client__main__content__body"
+};
+const _hoisted_7 = {
   key: 0,
   class: "scalar-api-client__empty-state"
 };
-const _hoisted_9 = /* @__PURE__ */ createElementVNode("div", { class: "scalar-api-client__main__scroll-container" }, null, -1);
+const _hoisted_8 = /* @__PURE__ */ createElementVNode("div", { class: "scalar-api-client__main__scroll-container" }, null, -1);
+const _hoisted_9 = {
+  key: 1,
+  class: "scalar-api-client__main__content empty-state"
+};
+const _hoisted_10 = /* @__PURE__ */ createElementVNode("p", null, "Fill the void and send your request", -1);
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "Response",
   setup(__props) {
@@ -33054,31 +33090,33 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$1, [
         createElementVNode("div", _hoisted_2, [
-          _hoisted_3,
-          createElementVNode("div", _hoisted_4, [
-            unref(activeRequestId2) && unref(activeResponse2) ? (openBlock(), createBlock(_sfc_main$2, {
-              key: 0,
-              response: unref(activeResponse2)
-            }, null, 8, ["response"])) : (openBlock(), createElementBlock("div", _hoisted_5, _hoisted_7))
-          ])
-        ]),
-        createElementVNode("div", null, [
-          createVNode(_sfc_main$9, {
-            active: !!unref(activeResponse2),
-            data: responseData.value,
-            headers: responseHeaders.value
-          }, null, 8, ["active", "data", "headers"]),
-          createVNode(_sfc_main$3, { headers: responseHeaders.value }, null, 8, ["headers"]),
-          createVNode(unref(_sfc_main$v), { title: "Cookies" }, {
-            default: withCtx(() => [
-              withDirectives(createVNode(unref(SimpleGrid), { items: responseCookies.value }, null, 8, ["items"]), [
-                [vShow, responseCookies.value.length > 0]
+          createElementVNode("div", _hoisted_3, [
+            _hoisted_4,
+            unref(activeRequestId2) && unref(activeResponse2) ? (openBlock(), createElementBlock("div", _hoisted_5, [
+              createVNode(_sfc_main$2, { response: unref(activeResponse2) }, null, 8, ["response"])
+            ])) : createCommentVNode("", true)
+          ]),
+          unref(activeRequestId2) && unref(activeResponse2) ? (openBlock(), createElementBlock("div", _hoisted_6, [
+            createVNode(_sfc_main$9, {
+              active: !!unref(activeResponse2),
+              data: responseData.value,
+              headers: responseHeaders.value
+            }, null, 8, ["active", "data", "headers"]),
+            createVNode(_sfc_main$3, { headers: responseHeaders.value }, null, 8, ["headers"]),
+            createVNode(unref(_sfc_main$w), { title: "Cookies" }, {
+              default: withCtx(() => [
+                withDirectives(createVNode(unref(SimpleGrid), { items: responseCookies.value }, null, 8, ["items"]), [
+                  [vShow, responseCookies.value.length > 0]
+                ]),
+                responseCookies.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_7, "No Cookies")) : createCommentVNode("", true)
               ]),
-              responseCookies.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_8, "No Cookies")) : createCommentVNode("", true)
-            ]),
-            _: 1
-          }),
-          _hoisted_9
+              _: 1
+            }),
+            _hoisted_8
+          ])) : (openBlock(), createElementBlock("div", _hoisted_9, [
+            createVNode(ScalarAsciiArt, { art: unref(Computer) }, null, 8, ["art"]),
+            _hoisted_10
+          ]))
         ])
       ]);
     };
@@ -33094,12 +33132,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     withDefaultFonts: { type: Boolean, default: true },
     showSideBar: { type: Boolean, default: false }
   },
-  emits: ["escapeKeyPress"],
+  emits: ["escapeKeyPress", "toggleSidebar"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const keys = useMagicKeys();
     whenever(keys.escape, () => emit("escapeKeyPress"));
+    whenever(keys.meta_b, () => emit("toggleSidebar"));
     const { activeRequest: activeRequest2, readOnly: stateReadOnly } = useRequestStore();
     const isSmallScreen = useMediaQuery("(max-width: 820px)");
     const selectedTab = ref(0);
@@ -33119,11 +33158,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(unref(_sfc_main$E), {
+        createVNode(unref(_sfc_main$F), {
           id: _ctx.theme,
           withDefaultFonts: _ctx.withDefaultFonts
         }, null, 8, ["id", "withDefaultFonts"]),
-        createVNode(_sfc_main$C, {
+        createVNode(_sfc_main$D, {
           class: "scalar-api-client",
           method: unref(activeRequest2).type ?? "get",
           property: "--scalar-api-client-color",
@@ -33140,7 +33179,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_1, [
               _ctx.showSideBar ? renderSlot(_ctx.$slots, "sidebar", { key: 0 }) : createCommentVNode("", true),
               !unref(isSmallScreen) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                createVNode(unref(_sfc_main$a)),
+                createVNode(unref(_sfc_main$b)),
                 createVNode(unref(_sfc_main$1))
               ], 64)) : (openBlock(), createBlock(unref(TabGroup), {
                 key: 2,
@@ -33177,7 +33216,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     default: withCtx(() => [
                       createVNode(unref(TabPanel), { as: "template" }, {
                         default: withCtx(() => [
-                          createVNode(unref(_sfc_main$a))
+                          createVNode(unref(_sfc_main$b))
                         ]),
                         _: 1
                       }),
@@ -33203,7 +33242,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 });
 export {
   _sfc_main as ApiClient,
-  _sfc_main$C as HttpMethod,
+  _sfc_main$D as HttpMethod,
   RequestAuthentication,
   SecurityScheme,
   SecuritySchemeSelector,