@scalar/api-client 1.2.20 → 1.2.22

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$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "DefaultFonts",
   setup(__props) {
     return (_ctx, _cache) => {
@@ -33,7 +33,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "ThemeStyles",
   props: {
     id: {},
@@ -42,7 +42,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        _ctx.withDefaultFonts ? (openBlock(), createBlock(_sfc_main$G, { key: 0 })) : createCommentVNode("", true),
+        _ctx.withDefaultFonts ? (openBlock(), createBlock(_sfc_main$F, { 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$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__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$E, [["__cssModules", cssModules]]);
+const ResetStyles = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__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$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "HttpMethod",
   props: {
     as: {},
@@ -25798,7 +25798,7 @@ function getCodeMirrorExtensions({
   }
   return extensions;
 }
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "CodeMirror",
   props: {
     content: {},
@@ -25835,9 +25835,9 @@ const _sfc_main$C = /* @__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({
+const CodeMirror = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-0abaf2d9"]]);
+const _hoisted_1$w = { class: "scalar-modal-layout modal-layout" };
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "FlowModal",
   props: {
     state: {},
@@ -25853,7 +25853,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
         onClose: _cache[0] || (_cache[0] = ($event) => _ctx.state.hide())
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$x, [
+          createElementVNode("div", _hoisted_1$w, [
             createVNode(unref(DialogPanel), {
               class: normalizeClass(["modal", {
                 "modal-content-large": _ctx.variant === "large",
@@ -25892,7 +25892,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FlowModal = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-4aafbf68"]]);
+const FlowModal = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-4aafbf68"]]);
 const useModal = () => reactive({
   open: false,
   show() {
@@ -26267,10 +26267,10 @@ async function sendRequest(request, proxyUrl) {
     responseId: nanoid()
   };
 }
-const _hoisted_1$w = { class: "navtable-item-40 navtable-item-request" };
-const _hoisted_2$n = { class: "navtable-item-40 navtable-item-response" };
+const _hoisted_1$v = { class: "navtable-item-40 navtable-item-request" };
+const _hoisted_2$o = { class: "navtable-item-40 navtable-item-response" };
 const _hoisted_3$g = { class: "navtable-item-20 navtable-item-time" };
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "RequestHistoryItem",
   props: {
     history: {}
@@ -26291,7 +26291,7 @@ const _sfc_main$A = /* @__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$w, [
+        createElementVNode("div", _hoisted_1$v, [
           createElementVNode("button", {
             class: normalizeClass(["radio", unref(requestHistory2)[_ctx.history].request.type.toLowerCase()]),
             type: "button"
@@ -26301,7 +26301,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
             createTextVNode(" " + toDisplayString(unref(requestHistory2)[_ctx.history].request.url), 1)
           ])
         ]),
-        createElementVNode("div", _hoisted_2$n, [
+        createElementVNode("div", _hoisted_2$o, [
           createElementVNode("span", null, toDisplayString(unref(prettyMilliseconds)(unref(requestHistory2)[_ctx.history].response.duration)), 1),
           createElementVNode("span", {
             class: normalizeClass(`scalar-api-client__status--${String(
@@ -26317,24 +26317,24 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 RequestHistoryItem = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-353c6d86"]]);
+const _hoisted_1$u = { class: "navigation-content-item" };
+const _hoisted_2$n = { 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_5$7 = { 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$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "RequestHistory",
   emits: ["toggle"],
   setup(__props) {
     const { requestHistoryOrder: requestHistoryOrder2 } = useRequestStore();
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$v, [
-        createElementVNode("div", _hoisted_2$m, [
+      return openBlock(), createElementBlock("div", _hoisted_1$u, [
+        createElementVNode("div", _hoisted_2$n, [
           createElementVNode("div", _hoisted_3$f, [
             _hoisted_4$b,
-            createElementVNode("div", _hoisted_5$6, [
+            createElementVNode("div", _hoisted_5$7, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(requestHistoryOrder2), (history) => {
                 return openBlock(), createBlock(RequestHistoryItem, {
                   key: history,
@@ -26349,10 +26349,10 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$u = { class: "request-method-select" };
-const _hoisted_2$l = ["disabled", "value"];
+const _hoisted_1$t = { class: "request-method-select" };
+const _hoisted_2$m = ["disabled", "value"];
 const _hoisted_3$e = ["value"];
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "RequestMethodSelect",
   props: {
     requestMethod: {},
@@ -26372,7 +26372,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       // 'TRACE',
     ];
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$u, [
+      return openBlock(), createElementBlock("div", _hoisted_1$t, [
         createElementVNode("span", {
           class: normalizeClass(["request-method", { "request-method--disabled": _ctx.readOnly }])
         }, [
@@ -26389,24 +26389,27 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
               value: validRequestMethod.toLocaleLowerCase()
             }, toDisplayString(validRequestMethod), 9, _hoisted_3$e);
           }), 64))
-        ], 40, _hoisted_2$l)
+        ], 40, _hoisted_2$m)
       ]);
     };
   }
 });
-const RequestMethodSelect = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-0f1e5bdc"]]);
-const _withScopeId$5 = (n) => (pushScopeId("data-v-95886ec0"), n = n(), popScopeId(), n);
-const _hoisted_1$t = {
+const RequestMethodSelect = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-0f1e5bdc"]]);
+const _withScopeId$5 = (n) => (pushScopeId("data-v-64a60541"), n = n(), popScopeId(), n);
+const _hoisted_1$s = {
   key: 0,
   class: "loader"
 };
-const _hoisted_2$k = { class: "url-form" };
+const _hoisted_2$l = { 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$6 = /* @__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",
@@ -26430,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$2 = ["disabled"];
-const _hoisted_8$2 = /* @__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",
@@ -26451,13 +26454,13 @@ const _hoisted_8$2 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ create
     })
   ])
 ], -1));
-const _hoisted_9$1 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("span", null, "Send", -1));
-const _hoisted_10$1 = [
-  _hoisted_8$2,
-  _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$x = /* @__PURE__ */ defineComponent({
+const _hoisted_14 = { class: "address-bar-content" };
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "AddressBar",
   props: {
     proxyUrl: {}
@@ -26516,52 +26519,56 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$t)) : createCommentVNode("", true),
+        loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$s)) : createCommentVNode("", true),
         createElementVNode("div", {
           class: normalizeClass(["address-bar", { "address-bar--with-history": showHistory.value }])
         }, [
-          createElementVNode("div", _hoisted_2$k, [
+          createElementVNode("div", _hoisted_2$l, [
             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", _hoisted_4$a, [
+                _hoisted_5$6,
+                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_6$2)
+                }, _hoisted_9$1)
               ])) : createCommentVNode("", true),
               createElementVNode("button", {
                 class: "send-button",
                 disabled: !formattedUrl.value.trim().length,
                 type: "submit",
                 onClick: send
-              }, _hoisted_10$1, 8, _hoisted_7$2)
+              }, _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$z, {
+                createVNode(_sfc_main$y, {
                   showHistory: showHistory.value,
                   onToggle: _cache[2] || (_cache[2] = ($event) => showHistory.value = !showHistory.value)
                 }, null, 8, ["showHistory"])
@@ -26574,28 +26581,29 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AddressBar = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-95886ec0"]]);
+const AddressBar = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-64a60541"]]);
 const clickGeneratedParameter = useEventBus(Symbol());
-const _hoisted_1$s = /* @__PURE__ */ createElementVNode("svg", {
+const _hoisted_1$r = { class: "scalar-api-client__toggle-container" };
+const _hoisted_2$k = { class: "scalar-api-client__item__title" };
+const _hoisted_3$c = {
+  key: 0,
+  class: "scalar-api-client__item__options"
+};
+const _hoisted_4$9 = /* @__PURE__ */ createElementVNode("svg", {
   class: "scalar-api-client__toggle__icon",
-  height: "10",
-  viewBox: "0 0 5 10",
-  width: "5",
-  xmlns: "http://www.w3.org/2000/svg"
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 12 12"
 }, [
   /* @__PURE__ */ createElementVNode("path", {
-    d: "M0 10l5-5-5-5z",
-    fill: "currentColor",
-    "fill-rule": "nonzero"
+    stroke: "currentColor",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    d: "M2.2 4.1 6 7.9l3.8-3.8"
   })
 ], -1);
-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$w = /* @__PURE__ */ defineComponent({
+const _hoisted_5$5 = { class: "scalar-api-client__item__content" };
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "CollapsibleSection",
   props: {
     title: {},
@@ -26632,17 +26640,19 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
               onClick: _cache[0] || (_cache[0] = ($event) => openCopy.value = !openCopy.value)
             }, {
               default: withCtx(() => [
-                _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)
+                createElementVNode("div", _hoisted_1$r, [
+                  createElementVNode("span", _hoisted_2$k, toDisplayString(_ctx.title), 1),
+                  _ctx.$slots.options && open ? (openBlock(), createElementBlock("div", _hoisted_3$c, [
+                    renderSlot(_ctx.$slots, "options")
+                  ])) : createCommentVNode("", true)
+                ]),
+                _hoisted_4$9
               ]),
               _: 2
             }, 1536),
             createVNode(unref(DisclosurePanel), null, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_4$9, [
+                createElementVNode("div", _hoisted_5$5, [
                   renderSlot(_ctx.$slots, "default")
                 ])
               ]),
@@ -26655,15 +26665,15 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$v = {};
-const _hoisted_1$r = { class: "card-form" };
-function _sfc_render$4(_ctx, _cache) {
-  return openBlock(), createElementBlock("form", _hoisted_1$r, [
+const _sfc_main$u = {};
+const _hoisted_1$q = { class: "card-form" };
+function _sfc_render$3(_ctx, _cache) {
+  return openBlock(), createElementBlock("form", _hoisted_1$q, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-const CardForm = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$4], ["__scopeId", "data-v-6ddec640"]]);
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const CardForm = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$3], ["__scopeId", "data-v-bc8cea71"]]);
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "CardFormButton",
   setup(__props, { expose: __expose }) {
     const el = ref();
@@ -26680,15 +26690,15 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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$q, [
+const CardFormButton = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-6ae053e9"]]);
+const _sfc_main$s = {};
+const _hoisted_1$p = { class: "card-form-group" };
+function _sfc_render$2(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1$p, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-const CardFormGroup = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$3], ["__scopeId", "data-v-d2f0b9a0"]]);
+const CardFormGroup = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$2], ["__scopeId", "data-v-6b5d2194"]]);
 function r(e) {
   var t2, f, n = "";
   if ("string" == typeof e || "number" == typeof e)
@@ -31404,10 +31414,10 @@ const U = /* @__PURE__ */ Object.assign({ "./Add.svg": () => import("./Add-ngyZg
     ], 10, Je));
   }
 });
-const _hoisted_1$p = { class: "card-form-input" };
-const _hoisted_2$i = ["for"];
+const _hoisted_1$o = { class: "card-form-input" };
+const _hoisted_2$j = ["for"];
 const _hoisted_3$b = ["id", "type"];
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -31423,10 +31433,10 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
       () => props.type === "password" ? mask.value ? "password" : "text" : props.type ?? "text"
     );
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$p, [
+      return openBlock(), createElementBlock("div", _hoisted_1$o, [
         createElementVNode("label", { for: _ctx.id }, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ], 8, _hoisted_2$i),
+        ], 8, _hoisted_2$j),
         createElementVNode("input", mergeProps(_ctx.$attrs, {
           id: _ctx.id,
           autocomplete: "off",
@@ -31445,18 +31455,10 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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$o, [
-    renderSlot(_ctx.$slots, "default", {}, void 0, true)
-  ]);
-}
-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 CardFormTextInput = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-b36c2dca"]]);
+const _withScopeId$4 = (n) => (pushScopeId("data-v-2c0182f1"), n = n(), popScopeId(), n);
 const _hoisted_1$n = { class: "scopes-label" };
-const _hoisted_2$h = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ createElementVNode("em", null, "|", -1));
+const _hoisted_2$i = /* @__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" };
@@ -31496,19 +31498,13 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
             createVNode(unref(ListboxButton), { as: CardFormButton }, {
               default: withCtx(() => [
                 createElementVNode("div", _hoisted_1$n, [
+                  createTextVNode(" Scopes " + toDisplayString(model.value.length), 1),
+                  _hoisted_2$i,
+                  createTextVNode(toDisplayString(Object.entries(_ctx.scopes).length) + " ", 1),
                   createVNode(unref(V), {
                     icon: open ? "ChevronUp" : "ChevronDown",
                     size: "sm"
-                  }, null, 8, ["icon"]),
-                  createTextVNode(" Scopes "),
-                  createVNode(unref(Badge), { class: "scopes-label-badge" }, {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString(model.value.length), 1),
-                      _hoisted_2$h,
-                      createTextVNode(toDisplayString(Object.entries(_ctx.scopes).length), 1)
-                    ]),
-                    _: 1
-                  })
+                  }, null, 8, ["icon"])
                 ])
               ]),
               _: 2
@@ -31562,7 +31558,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SecuritySchemeScopes = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-0243b758"]]);
+const SecuritySchemeScopes = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-2c0182f1"]]);
 const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "SecurityScheme",
   props: {
@@ -31765,7 +31761,8 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                   "onUpdate:selected": _cache[1] || (_cache[1] = ($event) => oauth2SelectedScopes.value = $event),
                   scopes: _ctx.value.flows.implicit.scopes
                 }, null, 8, ["selected", "scopes"])) : createCommentVNode("", true),
-                createVNode(CardFormButton, {
+                createElementVNode("button", {
+                  class: "cardform-auth-button",
                   onClick: _cache[2] || (_cache[2] = () => {
                     var _a3;
                     return startAuthentication(
@@ -31775,12 +31772,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                       )
                     );
                   })
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(" Authorize ")
-                  ]),
-                  _: 1
-                })
+                }, " Authorize ")
               ], 64))
             ]),
             _: 1
@@ -31791,13 +31783,13 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 SecurityScheme = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-3eb93ac9"]]);
+const _withScopeId$3 = (n) => (pushScopeId("data-v-f7e91a72"), n = n(), popScopeId(), n);
 const _hoisted_1$m = {
   key: 1,
   class: "security-scheme-selector"
 };
-const _hoisted_2$g = ["value"];
+const _hoisted_2$h = ["value"];
 const _hoisted_3$9 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("option", { value: "" }, "None", -1));
 const _hoisted_4$7 = ["value"];
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
@@ -31875,17 +31867,17 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
               value: key ?? null
             }, toDisplayString(getLabelForScheme((_a3 = _ctx.value) == null ? void 0 : _a3[key], key)), 9, _hoisted_4$7);
           }), 128))
-        ], 40, _hoisted_2$g)
+        ], 40, _hoisted_2$h)
       ])) : createCommentVNode("", true);
     };
   }
 });
-const SecuritySchemeSelector = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-fa321bbc"]]);
+const SecuritySchemeSelector = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-f7e91a72"]]);
 const _hoisted_1$l = {
   key: 0,
   class: "preferred-security-scheme"
 };
-const _hoisted_2$f = {
+const _hoisted_2$g = {
   key: 1,
   class: "security-scheme-empty-state"
 };
@@ -31921,7 +31913,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
         ref_key: "requestAuthenticationRef",
         ref: requestAuthenticationRef
       }, [
-        createVNode(unref(_sfc_main$w), { title: "Authentication" }, {
+        createVNode(unref(_sfc_main$v), { title: "Authentication" }, {
           options: withCtx(() => [
             createVNode(SecuritySchemeSelector, {
               value: unref(authentication2).securitySchemes
@@ -31935,7 +31927,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                   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$f, [
+              !unref(authentication2).securitySchemes ? (openBlock(), createElementBlock("div", _hoisted_2$g, [
                 createElementVNode("div", {
                   class: "scalar-api-client-add",
                   variant: "outlined",
@@ -31960,9 +31952,9 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RequestAuthentication = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-cbd3fe9a"]]);
+const RequestAuthentication = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-d34c7f0c"]]);
 const _hoisted_1$k = { class: "table-row" };
-const _hoisted_2$e = { class: "table-row-item" };
+const _hoisted_2$f = { class: "table-row-item" };
 const _hoisted_3$8 = { class: "table-row-item" };
 const _hoisted_4$6 = {
   key: 0,
@@ -31977,7 +31969,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$k, [
-        createElementVNode("div", _hoisted_2$e, [
+        createElementVNode("div", _hoisted_2$f, [
           renderSlot(_ctx.$slots, "key", {}, void 0, true)
         ]),
         createElementVNode("div", _hoisted_3$8, [
@@ -31993,10 +31985,10 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 GridRow = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-d0f28f6e"]]);
+const _withScopeId$2 = (n) => (pushScopeId("data-v-1fd79202"), n = n(), popScopeId(), n);
 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_2$e = /* @__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",
@@ -32023,7 +32015,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
           _hoisted_1$j
         ]),
         value: withCtx(() => [
-          _hoisted_2$d
+          _hoisted_2$e
         ]),
         description: withCtx(() => [
           _hoisted_3$7
@@ -32045,10 +32037,10 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 GridHeader = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-1fd79202"]]);
+const _withScopeId$1 = (n) => (pushScopeId("data-v-69821299"), n = n(), popScopeId(), n);
 const _hoisted_1$i = { class: "meta-check" };
-const _hoisted_2$c = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "meta-checkmark" }, null, -1));
+const _hoisted_2$d = /* @__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",
@@ -32145,7 +32137,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
             }, null, 512), [
               [vModelCheckbox, enabledProxy.value]
             ]),
-            _hoisted_2$c
+            _hoisted_2$d
           ]),
           !_ctx.required ? (openBlock(), createElementBlock("button", {
             key: 0,
@@ -32159,10 +32151,10 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const GridRowEditable = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-343844f2"]]);
+const GridRowEditable = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-69821299"]]);
 const _withScopeId = (n) => (pushScopeId("data-v-78bcd93d"), n = n(), popScopeId(), n);
 const _hoisted_1$h = ["value"];
-const _hoisted_2$b = ["value"];
+const _hoisted_2$c = ["value"];
 const _hoisted_3$5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("input", {
   disabled: "",
   value: "Read-only"
@@ -32188,7 +32180,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             placeholder: "value",
             type: "password",
             value: _ctx.item.value
-          }, null, 8, _hoisted_2$b)
+          }, null, 8, _hoisted_2$c)
         ]),
         description: withCtx(() => [
           _hoisted_3$5
@@ -32200,7 +32192,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
 });
 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_2$b = { class: "meta-actions" };
 const _hoisted_3$4 = { class: "meta-actions-item-icon" };
 const _hoisted_4$3 = { class: "meta-actions-item-icon" };
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
@@ -32252,7 +32244,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
             [vShow, !_ctx.showMoreFilter || _ctx.showMoreFilter && index < 5 || showMore.value]
           ]);
         }), 128)),
-        createElementVNode("div", _hoisted_2$a, [
+        createElementVNode("div", _hoisted_2$b, [
           _ctx.addLabel ? (openBlock(), createElementBlock("button", {
             key: 0,
             class: "meta-actions-item",
@@ -32280,9 +32272,9 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Grid = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-1dbaabfd"]]);
+const Grid = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-af1138c8"]]);
 const _hoisted_1$f = { class: "navtable simpletable" };
-const _hoisted_2$9 = { class: "navtable-table" };
+const _hoisted_2$a = { 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" };
@@ -32294,7 +32286,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$f, [
-        createElementVNode("div", _hoisted_2$9, [
+        createElementVNode("div", _hoisted_2$a, [
           _hoisted_3$3,
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
             return openBlock(), createElementBlock("div", {
@@ -32333,7 +32325,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$w), { title: "Body" }, {
+      return openBlock(), createBlock(unref(_sfc_main$v), { title: "Body" }, {
         default: withCtx(() => [
           _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,
@@ -32355,7 +32347,7 @@ const _hoisted_1$d = {
   key: 0,
   class: "scalar-api-client__empty-state"
 };
-const _hoisted_2$8 = /* @__PURE__ */ createElementVNode("svg", {
+const _hoisted_2$9 = /* @__PURE__ */ createElementVNode("svg", {
   class: "flow-icon",
   "data-v-aa4fbd2d": "",
   height: "100%",
@@ -32397,7 +32389,7 @@ const _sfc_main$f = /* @__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$w), {
+      return openBlock(), createBlock(unref(_sfc_main$v), {
         defaultOpen: hasCookies.value,
         title: "Cookies"
       }, {
@@ -32408,7 +32400,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
               type: "button",
               onClick: addAnotherHandler
             }, [
-              _hoisted_2$8,
+              _hoisted_2$9,
               createTextVNode(" Cookies ")
             ])
           ])) : (openBlock(), createBlock(unref(Grid), {
@@ -32429,7 +32421,7 @@ const _hoisted_1$c = {
   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%",
@@ -32471,7 +32463,7 @@ const _sfc_main$e = /* @__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$w), {
+      return openBlock(), createBlock(unref(_sfc_main$v), {
         defaultOpen: hasHeaders.value,
         title: "Headers"
       }, {
@@ -32482,7 +32474,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
               type: "button",
               onClick: addAnotherHandler
             }, [
-              _hoisted_2$7,
+              _hoisted_2$8,
               createTextVNode(" Headers ")
             ])
           ])) : (openBlock(), createBlock(unref(Grid), {
@@ -32503,7 +32495,7 @@ const _hoisted_1$b = {
   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%",
@@ -32545,7 +32537,7 @@ const _sfc_main$d = /* @__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$w), {
+      return openBlock(), createBlock(unref(_sfc_main$v), {
         defaultOpen: hasQueries.value,
         title: "Query Parameters"
       }, {
@@ -32556,7 +32548,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
               type: "button",
               onClick: addAnotherHandler
             }, [
-              _hoisted_2$6,
+              _hoisted_2$7,
               createTextVNode(" Query Parameter ")
             ])
           ])) : (openBlock(), createBlock(unref(Grid), {
@@ -32578,7 +32570,7 @@ const _hoisted_1$a = {
   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%",
@@ -32614,7 +32606,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       (_a2 = activeRequest2.variables) == null ? void 0 : _a2.push({ name: "", value: "", enabled: true });
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$w), {
+      return openBlock(), createBlock(unref(_sfc_main$v), {
         defaultOpen: unref(activeRequest2).variables && unref(activeRequest2).variables.length > 0,
         title: "Variables"
       }, {
@@ -32625,7 +32617,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               type: "button",
               onClick: addAnotherHandler
             }, [
-              _hoisted_2$5,
+              _hoisted_2$6,
               createTextVNode(" Variable ")
             ])
           ])) : (openBlock(), createBlock(unref(Grid), {
@@ -32643,7 +32635,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$9 = { class: "scalar-api-client__main__left custom-scroll" };
-const _hoisted_2$4 = { class: "scalar-api-client__main__content" };
+const _hoisted_2$5 = { 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" };
@@ -32674,7 +32666,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$9, [
-        createElementVNode("div", _hoisted_2$4, [
+        createElementVNode("div", _hoisted_2$5, [
           createElementVNode("div", _hoisted_3$2, [
             _hoisted_4$1,
             createElementVNode("div", _hoisted_5$1, [
@@ -32723,7 +32715,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
 });
 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 _hoisted_2$4 = { class: "ascii-art-line" };
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "ScalarAsciiArt",
   props: {
@@ -32740,7 +32732,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             class: "ascii-art-line-wrapper",
             style: normalizeStyle({ width: `calc(${line.length + 1}ch)` })
           }, [
-            createElementVNode("span", _hoisted_2$3, toDisplayString(line), 1)
+            createElementVNode("span", _hoisted_2$4, toDisplayString(line), 1)
           ], 4);
         }), 128))
       ]);
@@ -32752,7 +32744,7 @@ const _hoisted_1$7 = {
   key: 1,
   class: "scalar-api-client__empty-state"
 };
-const _hoisted_2$2 = {
+const _hoisted_2$3 = {
   key: 1,
   class: "scalar-api-client__empty-state"
 };
@@ -32791,7 +32783,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       return null;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$w), { title: "Body" }, {
+      return openBlock(), createBlock(unref(_sfc_main$v), { title: "Body" }, {
         default: withCtx(() => [
           _ctx.active ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             codeMirrorLanguage.value ? (openBlock(), createBlock(unref(Ot), {
@@ -32806,7 +32798,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                 createTextVNode(" Can’t render a preview. The Content-Type header is missing or unknown. ")
               ], 64))
             ]))
-          ], 64)) : (openBlock(), createElementBlock("div", _hoisted_2$2, " No Response "))
+          ], 64)) : (openBlock(), createElementBlock("div", _hoisted_2$3, " No Response "))
         ]),
         _: 1
       });
@@ -32857,7 +32849,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SimpleCell = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-dd9f11a7"]]);
+const SimpleCell = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-7e64a8bf"]]);
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "SimpleHeader",
   setup(__props) {
@@ -32874,7 +32866,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SimpleHeader = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-0616a848"]]);
+const SimpleHeader = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-afa8d6ba"]]);
 const _sfc_main$5 = {};
 const _hoisted_1$5 = { class: "simple-row" };
 function _sfc_render$1(_ctx, _cache) {
@@ -32884,13 +32876,16 @@ function _sfc_render$1(_ctx, _cache) {
 }
 const SimpleRow = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$1], ["__scopeId", "data-v-5d742611"]]);
 const _sfc_main$4 = {};
-const _hoisted_1$4 = { class: "simple-table" };
+const _hoisted_1$4 = { class: "simple-table-container" };
+const _hoisted_2$2 = { class: "simple-table" };
 function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("table", _hoisted_1$4, [
-    renderSlot(_ctx.$slots, "default", {}, void 0, true)
+  return openBlock(), createElementBlock("div", _hoisted_1$4, [
+    createElementVNode("table", _hoisted_2$2, [
+      renderSlot(_ctx.$slots, "default", {}, void 0, true)
+    ])
   ]);
 }
-const SimpleTable = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render], ["__scopeId", "data-v-20e482ca"]]);
+const SimpleTable = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render], ["__scopeId", "data-v-16749ce2"]]);
 const _hoisted_1$3 = {
   key: 1,
   class: "scalar-api-client__empty-state"
@@ -32913,7 +32908,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       }).join("-");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$w), { title: "Headers" }, {
+      return openBlock(), createBlock(unref(_sfc_main$v), { title: "Headers" }, {
         default: withCtx(() => [
           _ctx.headers.length > 0 ? (openBlock(), createBlock(unref(SimpleTable), { key: 0 }, {
             default: withCtx(() => [
@@ -33096,7 +33091,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               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" }, {
+            createVNode(unref(_sfc_main$v), { title: "Cookies" }, {
               default: withCtx(() => [
                 withDirectives(createVNode(unref(SimpleGrid), { items: responseCookies.value }, null, 8, ["items"]), [
                   [vShow, responseCookies.value.length > 0]
@@ -33125,12 +33120,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);
@@ -33150,11 +33146,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(unref(_sfc_main$F), {
+        createVNode(unref(_sfc_main$E), {
           id: _ctx.theme,
           withDefaultFonts: _ctx.withDefaultFonts
         }, null, 8, ["id", "withDefaultFonts"]),
-        createVNode(_sfc_main$D, {
+        createVNode(_sfc_main$C, {
           class: "scalar-api-client",
           method: unref(activeRequest2).type ?? "get",
           property: "--scalar-api-client-color",
@@ -33234,7 +33230,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 });
 export {
   _sfc_main as ApiClient,
-  _sfc_main$D as HttpMethod,
+  _sfc_main$C as HttpMethod,
   RequestAuthentication,
   SecurityScheme,
   SecuritySchemeSelector,