@scalar/api-client 1.1.11 → 1.1.13

package/dist/index.js

@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import "./index.css";
-import { defineComponent, openBlock, createBlock, resolveDynamicComponent, withCtx, createTextVNode, toDisplayString, unref, createCommentVNode, onMounted, useCssModule, renderSlot, reactive, readonly, ref, computed, normalizeStyle, normalizeProps, guardReactiveProps, watch, onBeforeUnmount, toValue as toValue$1, toRef, createElementBlock, createElementVNode, createVNode, normalizeClass, Fragment, renderList, createStaticVNode, pushScopeId, popScopeId, mergeProps, nextTick, onServerPrefetch, defineAsyncComponent, Teleport, withModifiers, withDirectives, vShow, vModelText, vModelCheckbox, toRaw, withKeys } from "vue";
+import { defineComponent, openBlock, createBlock, resolveDynamicComponent, withCtx, createTextVNode, toDisplayString, unref, createCommentVNode, onMounted, useCssModule, renderSlot, reactive, readonly, ref, computed, normalizeStyle, normalizeProps, guardReactiveProps, watch, onBeforeUnmount, toValue as toValue$1, toRef, createElementBlock, createElementVNode, createVNode, normalizeClass, Fragment, renderList, createStaticVNode, pushScopeId, popScopeId, mergeProps, useAttrs, nextTick, onServerPrefetch, defineAsyncComponent, useCssVars, Teleport, withModifiers, withDirectives, vModelText, vModelCheckbox, vShow, toRaw, withKeys } from "vue";
 import { Dialog, DialogPanel, DialogTitle, DialogDescription, Disclosure, DisclosureButton, DisclosurePanel, Listbox, ListboxButton, ListboxOptions, ListboxOption, TabGroup, TabList, Tab, TabPanels, TabPanel } from "@headlessui/vue";
 import { useMagicKeys, whenever, useEventBus, useMediaQuery } from "@vueuse/core";
 import axios from "axios";
@@ -24,7 +24,7 @@ const moonTheme = ".light-mode {\n  color-scheme: light;\n  --default-theme-colo
 const purpleTheme = "/* basic theme */\n.light-mode {\n  --default-theme-background-1: #fff;\n  --default-theme-background-2: #f5f6f8;\n  --default-theme-background-3: #eceef1;\n\n  --default-theme-color-1: #2a2f45;\n  --default-theme-color-2: #757575;\n  --default-theme-color-3: #8e8e8e;\n\n  --default-theme-color-accent: #5469d4;\n  --default-theme-background-accent: #5469d41f;\n\n  --default-theme-border-color: rgba(215, 215, 206, 0.5);\n}\n.dark-mode {\n  --default-theme-background-1: #15171c;\n  --default-theme-background-2: #1c1e24;\n  --default-theme-background-3: #22252b;\n\n  --default-theme-color-1: #fafafa;\n  --default-theme-color-2: #c9ced8;\n  --default-theme-color-3: #8c99ad;\n\n  --default-theme-color-accent: #5469d4;\n  --default-theme-background-accent: #5469d41f;\n\n  --default-theme-border-color: rgba(255, 255, 255, 0.12);\n}\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n  --default-sidebar-background-1: var(--default-theme-background-1);\n  --default-sidebar-color-1: var(--default-theme-color-1);\n  --default-sidebar-color-2: var(--default-theme-color-2);\n  --default-sidebar-border-color: var(--default-theme-border-color);\n\n  --default-sidebar-item-hover-color: currentColor;\n  --default-sidebar-item-hover-background: var(--default-theme-background-3);\n\n  --default-sidebar-item-active-background: var(\n    --default-theme-background-accent\n  );\n  --default-sidebar-color-active: var(--default-theme-color-accent);\n\n  --default-sidebar-search-background: var(--default-theme-background-1);\n  --default-sidebar-search-color: var(--default-theme-color-3);\n  --default-sidebar-search-border-color: var(--default-theme-border-color);\n}\n\n/* advanced */\n.light-mode {\n  --default-theme-color-green: #17803d;\n  --default-theme-color-red: #e10909;\n  --default-theme-color-yellow: #edbe20;\n  --default-theme-color-blue: #1763a6;\n  --default-theme-color-orange: #e25b09;\n  --default-theme-color-purple: #5c3993;\n\n  --default-theme-button-1: rgba(0, 0, 0, 1);\n  --default-theme-button-1-hover: rgba(0, 0, 0, 0.8);\n  --default-theme-button-1-color: rgba(255, 255, 255, 0.9);\n}\n.dark-mode {\n  --default-theme-color-green: #30a159;\n  --default-theme-color-red: #dc1b19;\n  --default-theme-color-yellow: #eec644;\n  --default-theme-color-blue: #2b7abf;\n  --default-theme-color-orange: #f07528;\n  --default-theme-color-purple: #7a59b1;\n\n  --default-theme-button-1: rgba(255, 255, 255, 1);\n  --default-theme-button-1-hover: rgba(255, 255, 255, 0.9);\n  --default-theme-button-1-color: black;\n}\n";
 const saturnTheme = "/* basic theme */\n.light-mode {\n  --default-theme-background-1: #f3f3ee;\n  --default-theme-background-2: #e8e8e3;\n  --default-theme-background-3: #e4e4df;\n  --default-theme-border-color: rgba(215, 215, 206, 0.5);\n\n  --default-theme-color-1: #2a2f45;\n  --default-theme-color-2: #757575;\n  --default-theme-color-3: #8e8e8e;\n\n  --default-theme-color-accent: #1763a6;\n  --default-theme-background-accent: #1f648e1f;\n\n  --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n  --default-theme-code-languages-background-supersede: var(\n    --default-theme-background-2\n  );\n}\n.dark-mode {\n  --default-theme-background-1: #09090b;\n  --default-theme-background-2: #18181b;\n  --default-theme-background-3: #2c2c30;\n  --default-theme-border-color: rgba(255, 255, 255, 0.12);\n\n  --default-theme-color-1: #fafafa;\n  --default-theme-color-2: rgb(161, 161, 170);\n  --default-theme-color-3: rgba(255, 255, 255, 0.533);\n\n  --default-theme-color-accent: #4eb3ec;\n  --default-theme-background-accent: #8ab4f81f;\n\n  --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n  --default-theme-code-languages-background-supersede: var(\n    --default-theme-background-2\n  );\n}\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n  --default-sidebar-background-1: var(--default-theme-background-1);\n  --default-sidebar-color-1: var(--default-theme-color-1);\n  --default-sidebar-color-2: var(--default-theme-color-2);\n  --default-sidebar-border-color: var(--default-theme-border-color);\n\n  --default-sidebar-item-hover-background: var(--default-theme-background-2);\n  --default-sidebar-item-hover-color: currentColor;\n\n  --default-sidebar-item-active-background: var(--default-theme-background-3);\n  --default-sidebar-color-active: var(--default-theme-color-1);\n\n  --default-sidebar-search-background: var(--default-theme-background-1);\n  --default-sidebar-search-border-color: var(--default-theme-border-color);\n  --default-sidebar-search-color: var(--default-theme-color-3);\n}\n\n/* advanced */\n.light-mode {\n  --default-theme-color-green: #17803d;\n  --default-theme-color-red: #e10909;\n  --default-theme-color-yellow: #edbe20;\n  --default-theme-color-blue: #1763a6;\n  --default-theme-color-orange: #e25b09;\n  --default-theme-color-purple: #5c3993;\n\n  --default-theme-button-1: rgba(0, 0, 0, 1);\n  --default-theme-button-1-hover: rgba(0, 0, 0, 0.8);\n  --default-theme-button-1-color: rgba(255, 255, 255, 0.9);\n}\n.dark-mode {\n  --default-theme-color-green: #30a159;\n  --default-theme-color-red: #dc1b19;\n  --default-theme-color-yellow: #eec644;\n  --default-theme-color-blue: #2b7abf;\n  --default-theme-color-orange: #f07528;\n  --default-theme-color-purple: #7a59b1;\n\n  --default-theme-button-1: rgba(255, 255, 255, 1);\n  --default-theme-button-1-hover: rgba(255, 255, 255, 0.9);\n  --default-theme-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  --default-theme-color-1: #584c27;\n  --default-theme-color-2: #616161;\n  --default-theme-color-3: #a89f84;\n  --default-theme-color-accent: #b58900;\n  --default-theme-background-1: #fdf6e3;\n  --default-theme-background-2: #eee8d5;\n  --default-theme-background-3: #ddd6c1;\n  --default-theme-background-accent: #b589001f;\n\n  --default-theme-border-color: #ded8c8;\n  --default-theme-scrollbar-color: rgba(0, 0, 0, 0.18);\n  --default-theme-scrollbar-color-active: rgba(0, 0, 0, 0.36);\n  --default-theme-lifted-brightness: 1;\n  --default-theme-backdrop-brightness: 1;\n\n  --default-theme-shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.11);\n  --default-theme-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  --default-theme-button-1: rgb(49 53 56);\n  --default-theme-button-1-color: #fff;\n  --default-theme-button-1-hover: rgb(28 31 33);\n\n  --default-theme-color-red: #b91c1c;\n  --default-theme-color-orange: #a16207;\n  --default-theme-color-green: #047857;\n  --default-theme-color-blue: #1d4ed8;\n  --default-theme-color-orange: #c2410c;\n  --default-theme-color-purple: #6d28d9;\n}\n\n.dark-mode {\n  color-scheme: dark;\n  --default-theme-color-1: #fff;\n  --default-theme-color-2: #cccccc;\n  --default-theme-color-3: #6d8890;\n  --default-theme-color-accent: #007acc;\n  --default-theme-background-1: #00212b;\n  --default-theme-background-2: #012b36;\n  --default-theme-background-3: #004052;\n  --default-theme-background-accent: #015a6f;\n\n  --default-theme-border-color: rgba(255, 255, 255, 0.1);\n  --default-theme-scrollbar-color: rgba(255, 255, 255, 0.24);\n  --default-theme-scrollbar-color-active: rgba(255, 255, 255, 0.48);\n  --default-theme-lifted-brightness: 1.45;\n  --default-theme-backdrop-brightness: 0.5;\n\n  --default-theme-shadow-1: 0 1px 3px 0 rgb(0, 0, 0, 0.1);\n  --default-theme-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  --default-theme-button-1: #f6f6f6;\n  --default-theme-button-1-color: #000;\n  --default-theme-button-1-hover: #e7e7e7;\n\n  --default-theme-color-green: #00b648;\n  --default-theme-color-red: #dc1b19;\n  --default-theme-color-yellow: #ffc90d;\n  --default-theme-color-blue: #4eb3ec;\n  --default-theme-color-orange: #ff8d4d;\n  --default-theme-color-purple: #b191f9;\n}\n\n/* Sidebar */\n.light-mode .t-doc__sidebar {\n  --default-sidebar-background-1: var(--default-theme-background-1);\n  --default-sidebar-item-hover-color: currentColor;\n  --default-sidebar-item-hover-background: var(--default-theme-background-2);\n  --default-sidebar-item-active-background: var(\n    --default-theme-background-accent\n  );\n  --default-sidebar-border-color: var(--default-theme-border-color);\n  --default-sidebar-color-1: var(--default-theme-color-1);\n  --default-sidebar-color-2: var(--default-theme-color-2);\n  --default-sidebar-color-active: var(--default-theme-color-accent);\n  --default-sidebar-search-background: var(--default-theme-background-2);\n  --default-sidebar-search-border-color: var(--sidebar-search-background);\n  --default-sidebar-search--color: var(--default-theme-color-3);\n}\n\n.dark-mode .sidebar {\n  --default-sidebar-background-1: var(--default-theme-background-1);\n  --default-sidebar-item-hover-color: currentColor;\n  --default-sidebar-item-hover-background: var(--default-theme-background-2);\n  --default-sidebar-item-active-background: var(\n    --default-theme-background-accent\n  );\n  --default-sidebar-border-color: var(--default-theme-border-color);\n  --default-sidebar-color-1: var(--default-theme-color-1);\n  --default-sidebar-color-2: var(--default-theme-color-2);\n  --default-sidebar-color-active: var(--default-sidebar-color-1);\n  --default-sidebar-search-background: var(--default-theme-background-2);\n  --default-sidebar-search-border-color: var(--sidebar-search-background);\n  --default-sidebar-search--color: var(--default-theme-color-3);\n}\n";
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "ThemeStyles",
   props: {
     id: {}
@@ -48,7 +48,7 @@ function useApplyClasses(selector, classes) {
     el == null ? void 0 : el.classList.add(classes);
   });
 }
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "ResetStyles",
   setup(__props) {
     const { reset: reset2 } = useCssModule();
@@ -72,7 +72,7 @@ const _export_sfc = (sfc, props) => {
 const cssModules = {
   "$style": style0$1
 };
-const ResetStyles = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__cssModules", cssModules]]);
+const ResetStyles = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__cssModules", cssModules]]);
 const scrollbars = "_scrollbars_1wuqs_3";
 const style0 = {
   scrollbars,
@@ -1946,6 +1946,8 @@ const defaultStateFactory = () => ({});
 const ssrState = typeof window !== "undefined" ? window.__SCALAR__ ?? defaultStateFactory() : defaultStateFactory();
 const createEmptyAuthenticationState = () => ({
   preferredSecurityScheme: null,
+  // In case the spec has no security and the user would like to add some
+  customSecurity: false,
   http: {
     basic: {
       username: "",
@@ -1968,12 +1970,7 @@ const createEmptyAuthenticationState = () => ({
 const authentication = reactive(
   ssrState["useGlobalStore-authentication"] ?? createEmptyAuthenticationState()
 );
-const setAuthentication = (newState) => {
-  Object.assign(authentication, {
-    ...authentication,
-    ...newState
-  });
-};
+const setAuthentication = (newState) => Object.assign(authentication, newState);
 const useAuthenticationStore = () => ({
   authentication,
   setAuthentication
@@ -2862,7 +2859,7 @@ const httpStatusCodes = {
     url: "https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/511"
   }
 };
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "HttpMethod",
   props: {
     as: {},
@@ -8826,17 +8823,17 @@ class ChangedRange {
     return new ChangedRange(Math.min(this.fromA, other.fromA), Math.max(this.toA, other.toA), Math.min(this.fromB, other.fromB), Math.max(this.toB, other.toB));
   }
   addToSet(set) {
-    let i = set.length, me = this;
+    let i = set.length, me2 = this;
     for (; i > 0; i--) {
       let range = set[i - 1];
-      if (range.fromA > me.toA)
+      if (range.fromA > me2.toA)
         continue;
-      if (range.toA < me.fromA)
+      if (range.toA < me2.fromA)
         break;
-      me = me.join(range);
+      me2 = me2.join(range);
       set.splice(i - 1, 1);
     }
-    set.splice(i, 0, me);
+    set.splice(i, 0, me2);
     return set;
   }
   static extendWithRanges(diff, ranges) {
@@ -10772,11 +10769,11 @@ class HeightMap {
     result.push(this);
   }
   applyChanges(decorations2, oldDoc, oracle, changes) {
-    let me = this, doc2 = oracle.doc;
+    let me2 = this, doc2 = oracle.doc;
     for (let i = changes.length - 1; i >= 0; i--) {
       let { fromA, toA, fromB, toB } = changes[i];
-      let start = me.lineAt(fromA, QueryType.ByPosNoHeight, oracle.setDoc(oldDoc), 0, 0);
-      let end = start.to >= toA ? start : me.lineAt(toA, QueryType.ByPosNoHeight, oracle, 0, 0);
+      let start = me2.lineAt(fromA, QueryType.ByPosNoHeight, oracle.setDoc(oldDoc), 0, 0);
+      let end = start.to >= toA ? start : me2.lineAt(toA, QueryType.ByPosNoHeight, oracle, 0, 0);
       toB += end.to - toA;
       toA = end.to;
       while (i > 0 && start.from <= changes[i - 1].toA) {
@@ -10784,14 +10781,14 @@ class HeightMap {
         fromB = changes[i - 1].fromB;
         i--;
         if (fromA < start.from)
-          start = me.lineAt(fromA, QueryType.ByPosNoHeight, oracle, 0, 0);
+          start = me2.lineAt(fromA, QueryType.ByPosNoHeight, oracle, 0, 0);
       }
       fromB += start.from - fromA;
       fromA = start.from;
       let nodes = NodeBuilder.build(oracle.setDoc(doc2), decorations2, fromB, toB);
-      me = me.replace(fromA, toA, nodes);
+      me2 = me2.replace(fromA, toA, nodes);
     }
-    return me.updateHeight(oracle, 0);
+    return me2.updateHeight(oracle, 0);
   }
   static empty() {
     return new HeightMapText(0, 0);
@@ -25779,7 +25776,7 @@ function getCodeMirrorExtensions({
   }
   return extensions;
 }
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "CodeMirror",
   props: {
     content: {},
@@ -25816,9 +25813,9 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CodeMirror = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-9f50a430"]]);
-const _hoisted_1$s = { class: "scalar-modal-layout modal-layout" };
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const CodeMirror = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-9f50a430"]]);
+const _hoisted_1$w = { class: "scalar-modal-layout modal-layout" };
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "FlowModal",
   props: {
     state: {},
@@ -25834,7 +25831,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
         onClose: _cache[0] || (_cache[0] = ($event) => _ctx.state.hide())
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$s, [
+          createElementVNode("div", _hoisted_1$w, [
             createVNode(unref(DialogPanel), {
               class: normalizeClass(["modal", {
                 "modal-content-large": _ctx.variant === "large",
@@ -25873,7 +25870,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FlowModal = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-a06b8e92"]]);
+const FlowModal = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-a06b8e92"]]);
 const useModal = () => reactive({
   open: false,
   show() {
@@ -25920,7 +25917,7 @@ function getRequestFromAuthentication(authentication2, operationSecurity) {
   const headers = [];
   const queryString = [];
   const cookies = [];
-  if (!authentication2.preferredSecurityScheme || !authenticationRequired(operationSecurity)) {
+  if (!authentication2.customSecurity && (!authentication2.preferredSecurityScheme || !authenticationRequired(operationSecurity))) {
     return { headers, queryString, cookies };
   }
   const operationAllowsSelectedSecurityScheme = operationSecurity == null ? void 0 : operationSecurity.some(
@@ -25928,7 +25925,7 @@ function getRequestFromAuthentication(authentication2, operationSecurity) {
       authentication2.preferredSecurityScheme
     )
   );
-  const operationSecurityKey = operationAllowsSelectedSecurityScheme ? authentication2.preferredSecurityScheme : Object.keys((operationSecurity == null ? void 0 : operationSecurity[0]) ?? {}).pop();
+  const operationSecurityKey = operationAllowsSelectedSecurityScheme || authentication2.customSecurity ? authentication2.preferredSecurityScheme : Object.keys((operationSecurity == null ? void 0 : operationSecurity[0]) ?? {}).pop();
   const securityScheme = (_a2 = authentication2.securitySchemes) == null ? void 0 : _a2[operationSecurityKey ?? ""];
   if (securityScheme) {
     if ("type" in securityScheme && securityScheme.type === "apiKey") {
@@ -26245,10 +26242,10 @@ async function sendRequest(request, proxyUrl) {
     responseId: nanoid()
   };
 }
-const _hoisted_1$r = { class: "navtable-item-40 navtable-item-request" };
-const _hoisted_2$h = { class: "navtable-item-40 navtable-item-response" };
-const _hoisted_3$c = { class: "navtable-item-20 navtable-item-time" };
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _hoisted_1$v = { class: "navtable-item-40 navtable-item-request" };
+const _hoisted_2$m = { class: "navtable-item-40 navtable-item-response" };
+const _hoisted_3$g = { class: "navtable-item-20 navtable-item-time" };
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "RequestHistoryItem",
   props: {
     history: {}
@@ -26269,7 +26266,7 @@ const _sfc_main$v = /* @__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$r, [
+        createElementVNode("div", _hoisted_1$v, [
           createElementVNode("button", {
             class: normalizeClass(["radio", unref(requestHistory2)[_ctx.history].request.type.toLowerCase()]),
             type: "button"
@@ -26279,7 +26276,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
             createTextVNode(" " + toDisplayString(unref(requestHistory2)[_ctx.history].request.url), 1)
           ])
         ]),
-        createElementVNode("div", _hoisted_2$h, [
+        createElementVNode("div", _hoisted_2$m, [
           createElementVNode("span", null, toDisplayString(unref(prettyMilliseconds)(unref(requestHistory2)[_ctx.history].response.duration)), 1),
           createElementVNode("span", {
             class: normalizeClass(`scalar-api-client__status--${String(
@@ -26288,30 +26285,30 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
           }, toDisplayString(unref(requestHistory2)[_ctx.history].response.statusCode), 3),
           createElementVNode("span", null, toDisplayString(getContentLength(unref(requestHistory2)[_ctx.history].response)), 1)
         ]),
-        createElementVNode("div", _hoisted_3$c, [
+        createElementVNode("div", _hoisted_3$g, [
           createElementVNode("span", null, toDisplayString(unref(humanDiff)(unref(requestHistory2)[_ctx.history].sentTime)), 1)
         ])
       ], 2);
     };
   }
 });
-const RequestHistoryItem = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-3ab77946"]]);
-const _hoisted_1$q = { class: "navigation-content-item" };
-const _hoisted_2$g = { class: "navtable" };
-const _hoisted_3$b = { class: "navtable-table" };
-const _hoisted_4$8 = /* @__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 RequestHistoryItem = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-f2eb269f"]]);
+const _hoisted_1$u = { class: "navigation-content-item" };
+const _hoisted_2$l = { 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$4 = /* @__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$u = /* @__PURE__ */ defineComponent({
+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({
   __name: "RequestHistory",
   emits: ["toggle"],
   setup(__props) {
     const { requestHistoryOrder: requestHistoryOrder2 } = useRequestStore();
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$q, [
-        createElementVNode("div", _hoisted_2$g, [
-          createElementVNode("div", _hoisted_3$b, [
-            _hoisted_4$8,
+      return openBlock(), createElementBlock("div", _hoisted_1$u, [
+        createElementVNode("div", _hoisted_2$l, [
+          createElementVNode("div", _hoisted_3$f, [
+            _hoisted_4$b,
             createElementVNode("div", _hoisted_5$6, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(requestHistoryOrder2), (history) => {
                 return openBlock(), createBlock(RequestHistoryItem, {
@@ -26320,17 +26317,17 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["history"]);
               }), 128))
             ]),
-            _hoisted_6$4
+            _hoisted_6$3
           ])
         ])
       ]);
     };
   }
 });
-const _hoisted_1$p = { class: "request-method-select" };
-const _hoisted_2$f = ["disabled", "value"];
-const _hoisted_3$a = ["value"];
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _hoisted_1$t = { class: "request-method-select" };
+const _hoisted_2$k = ["disabled", "value"];
+const _hoisted_3$e = ["value"];
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "RequestMethodSelect",
   props: {
     requestMethod: {},
@@ -26350,7 +26347,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       // 'TRACE',
     ];
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$p, [
+      return openBlock(), createElementBlock("div", _hoisted_1$t, [
         createElementVNode("span", {
           class: normalizeClass(["request-method", { "request-method--disabled": _ctx.readOnly }])
         }, [
@@ -26368,23 +26365,23 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             return createElementVNode("option", {
               key: validRequestMethod,
               value: validRequestMethod.toLocaleLowerCase()
-            }, toDisplayString(validRequestMethod), 9, _hoisted_3$a);
+            }, toDisplayString(validRequestMethod), 9, _hoisted_3$e);
           }), 64))
-        ], 40, _hoisted_2$f)
+        ], 40, _hoisted_2$k)
       ]);
     };
   }
 });
-const RequestMethodSelect = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-8e2122cd"]]);
-const _withScopeId$2 = (n) => (pushScopeId("data-v-1fd22a00"), n = n(), popScopeId(), n);
-const _hoisted_1$o = {
+const RequestMethodSelect = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-8e2122cd"]]);
+const _withScopeId$5 = (n) => (pushScopeId("data-v-1fd22a00"), n = n(), popScopeId(), n);
+const _hoisted_1$s = {
   key: 0,
   class: "loader"
 };
-const _hoisted_2$e = { class: "url-form" };
-const _hoisted_3$9 = { class: "url-form-field" };
-const _hoisted_4$7 = ["disabled"];
-const _hoisted_5$5 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("svg", {
+const _hoisted_2$j = { class: "url-form" };
+const _hoisted_3$d = { class: "url-form-field" };
+const _hoisted_4$a = ["disabled"];
+const _hoisted_5$5 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("svg", {
   fill: "none",
   height: "48",
   viewBox: "0 0 14 14",
@@ -26401,17 +26398,17 @@ const _hoisted_5$5 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ create
     })
   ])
 ], -1));
-const _hoisted_6$3 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("span", null, "Send Request", -1));
-const _hoisted_7$2 = [
+const _hoisted_6$2 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("span", null, "Send Request", -1));
+const _hoisted_7$1 = [
   _hoisted_5$5,
-  _hoisted_6$3
+  _hoisted_6$2
 ];
-const _hoisted_8$2 = { class: "address-bar-content" };
-const _hoisted_9$2 = {
+const _hoisted_8$1 = { class: "address-bar-content" };
+const _hoisted_9$1 = {
   key: 0,
   class: "history"
 };
-const _hoisted_10$1 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("svg", {
+const _hoisted_10 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("svg", {
   fill: "none",
   height: "48",
   viewBox: "0 0 14 14",
@@ -26435,7 +26432,7 @@ const _hoisted_10$1 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ creat
     })
   ])
 ], -1));
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "AddressBar",
   props: {
     proxyUrl: {}
@@ -26498,12 +26495,12 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$o)) : 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$e, [
-            createElementVNode("div", _hoisted_3$9, [
+          createElementVNode("div", _hoisted_2$j, [
+            createElementVNode("div", _hoisted_3$d, [
               createVNode(RequestMethodSelect, {
                 readOnly: unref(readOnly2),
                 requestMethod: requestType.value,
@@ -26524,20 +26521,20 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
               disabled: !formattedUrl.value.trim().length,
               type: "submit",
               onClick: send
-            }, _hoisted_7$2, 8, _hoisted_4$7)
+            }, _hoisted_7$1, 8, _hoisted_4$a)
           ]),
           createElementVNode("div", {
             class: "address-bar-close",
             onClick: _cache[0] || (_cache[0] = ($event) => showHistory.value = false)
           }),
-          createElementVNode("div", _hoisted_8$2, [
+          createElementVNode("div", _hoisted_8$1, [
             createVNode(unref(FlowModal), {
               state: unref(historyModal),
               title: "Request History",
               variant: "history"
             }, {
               default: withCtx(() => [
-                createVNode(_sfc_main$u, {
+                createVNode(_sfc_main$y, {
                   showHistory: showHistory.value,
                   onToggle: _cache[1] || (_cache[1] = ($event) => showHistory.value = !showHistory.value)
                 }, null, 8, ["showHistory"])
@@ -26545,12 +26542,12 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
               _: 1
             }, 8, ["state"])
           ]),
-          unref(requestHistoryOrder2).length ? (openBlock(), createElementBlock("div", _hoisted_9$2, [
+          unref(requestHistoryOrder2).length ? (openBlock(), createElementBlock("div", _hoisted_9$1, [
             createElementVNode("div", {
               class: "history-toggle",
               onClick: _cache[2] || (_cache[2] = ($event) => unref(historyModal).show())
             }, [
-              _hoisted_10$1,
+              _hoisted_10,
               createElementVNode("span", null, toDisplayString(lastRequestTimestamp.value), 1)
             ])
           ])) : createCommentVNode("", true)
@@ -26559,9 +26556,9 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AddressBar = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-1fd22a00"]]);
+const AddressBar = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-1fd22a00"]]);
 const clickGeneratedParameter = useEventBus(Symbol());
-const _hoisted_1$n = /* @__PURE__ */ createElementVNode("svg", {
+const _hoisted_1$r = /* @__PURE__ */ createElementVNode("svg", {
   class: "scalar-api-client__toggle__icon",
   height: "10",
   viewBox: "0 0 5 10",
@@ -26574,13 +26571,13 @@ const _hoisted_1$n = /* @__PURE__ */ createElementVNode("svg", {
     "fill-rule": "nonzero"
   })
 ], -1);
-const _hoisted_2$d = { class: "scalar-api-client__item__title" };
-const _hoisted_3$8 = {
+const _hoisted_2$i = { class: "scalar-api-client__item__title" };
+const _hoisted_3$c = {
   key: 0,
   class: "scalar-api-client__item__options"
 };
-const _hoisted_4$6 = { class: "scalar-api-client__item__content" };
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _hoisted_4$9 = { class: "scalar-api-client__item__content" };
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "CollapsibleSection",
   props: {
     title: {},
@@ -26617,9 +26614,9 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
               onClick: _cache[0] || (_cache[0] = ($event) => openCopy.value = !openCopy.value)
             }, {
               default: withCtx(() => [
-                _hoisted_1$n,
-                createElementVNode("span", _hoisted_2$d, toDisplayString(_ctx.title), 1),
-                _ctx.$slots.options && open ? (openBlock(), createElementBlock("div", _hoisted_3$8, [
+                _hoisted_1$r,
+                createElementVNode("span", _hoisted_2$i, toDisplayString(_ctx.title), 1),
+                _ctx.$slots.options && open ? (openBlock(), createElementBlock("div", _hoisted_3$c, [
                   renderSlot(_ctx.$slots, "options")
                 ])) : createCommentVNode("", true)
               ]),
@@ -26627,7 +26624,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
             }, 1536),
             createVNode(unref(DisclosurePanel), null, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_4$6, [
+                createElementVNode("div", _hoisted_4$9, [
                   renderSlot(_ctx.$slots, "default")
                 ])
               ]),
@@ -26640,15 +26637,15 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$q = {};
-const _hoisted_1$m = { class: "card-form" };
+const _sfc_main$u = {};
+const _hoisted_1$q = { class: "card-form" };
 function _sfc_render$4(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$m, [
+  return openBlock(), createElementBlock("div", _hoisted_1$q, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-const CardForm = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$4], ["__scopeId", "data-v-023a41cb"]]);
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const CardForm = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$4], ["__scopeId", "data-v-023a41cb"]]);
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "CardFormButton",
   setup(__props, { expose: __expose }) {
     const el = ref();
@@ -26665,19 +26662,19 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CardFormButton = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-a37cd1cb"]]);
-const _sfc_main$o = {};
-const _hoisted_1$l = { class: "card-form-group" };
+const CardFormButton = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-a37cd1cb"]]);
+const _sfc_main$s = {};
+const _hoisted_1$p = { class: "card-form-group" };
 function _sfc_render$3(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$l, [
+  return openBlock(), createElementBlock("div", _hoisted_1$p, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-const CardFormGroup = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$3], ["__scopeId", "data-v-d2f0b9a0"]]);
-const _hoisted_1$k = { class: "card-form-input" };
-const _hoisted_2$c = ["for"];
-const _hoisted_3$7 = ["id", "type"];
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const CardFormGroup = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$3], ["__scopeId", "data-v-d2f0b9a0"]]);
+const _hoisted_1$o = { class: "card-form-input" };
+const _hoisted_2$h = ["for"];
+const _hoisted_3$b = ["id", "type"];
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -26688,21 +26685,21 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$k, [
+      return openBlock(), createElementBlock("div", _hoisted_1$o, [
         createElementVNode("label", { for: _ctx.id }, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ], 8, _hoisted_2$c),
+        ], 8, _hoisted_2$h),
         createElementVNode("input", mergeProps(_ctx.$attrs, {
           id: _ctx.id,
           autocomplete: "off",
           spellcheck: "false",
           type: _ctx.type ?? "text"
-        }), null, 16, _hoisted_3$7)
+        }), null, 16, _hoisted_3$b)
       ]);
     };
   }
 });
-const CardFormTextInput = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-f2db736f"]]);
+const CardFormTextInput = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-f2db736f"]]);
 function r(e) {
   var t2, f, n = "";
   if ("string" == typeof e || "number" == typeof e)
@@ -30769,15 +30766,61 @@ const O = "scalar-component", le = extendTailwindMerge({
   hooks: {
     onComplete: (r2) => `${le(r2, O)}`
   }
-});
-const V = {
+}), de = /* @__PURE__ */ createStaticVNode('<path class="svg-path svg-check-mark" d="m 0 60 l 30 30 l 70 -80" data-v-42a08e16></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 -40" data-v-42a08e16></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 40" data-v-42a08e16></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 -40" data-v-42a08e16></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 40" data-v-42a08e16></path>', 5), ce = {
+  key: 0,
+  class: "circular-loader"
+};
+const ue = /* @__PURE__ */ defineComponent({
+  __name: "ScalarLoading",
+  props: {
+    loadingState: {},
+    size: { default: "24px" }
+  },
+  setup(r2) {
+    return useCssVars((t2) => ({
+      "8d3a1414": t2.size
+    })), (t2, e) => t2.loadingState ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      class: normalizeClass(unref(S)("loader-wrapper"))
+    }, [
+      (openBlock(), createElementBlock("svg", {
+        class: normalizeClass(["svg-loader", {
+          "icon-is-valid": t2.loadingState.isValid,
+          "icon-is-invalid": t2.loadingState.isInvalid
+        }]),
+        viewBox: "0 0 100 100",
+        xmlns: "http://www.w3.org/2000/svg",
+        "xmlns:xlink": "http://www.w3.org/1999/xlink"
+      }, [
+        de,
+        t2.loadingState.isLoading ? (openBlock(), createElementBlock("g", ce, [
+          createElementVNode("circle", {
+            class: normalizeClass(["loader-path", {
+              "loader-path-off": t2.loadingState.isValid || t2.loadingState.isInvalid
+            }]),
+            cx: "50",
+            cy: "50",
+            fill: "none",
+            r: "20",
+            "stroke-width": "2"
+          }, null, 2)
+        ])) : createCommentVNode("", true)
+      ], 2))
+    ], 2)) : createCommentVNode("", true);
+  }
+}), D = (r2, t2) => {
+  const e = r2.__vccOpts || r2;
+  for (const [d, u] of t2)
+    e[d] = u;
+  return e;
+}, U = /* @__PURE__ */ D(ue, [["__scopeId", "data-v-42a08e16"]]), V = {
   solid: [
     "scalar-button-solid",
     "bg-back-btn-1 text-fore-btn-1 shadow-sm active:bg-back-btn-1 active:shadow-none hocus:bg-hover-btn-1"
   ],
   outlined: [
     "scalar-button-outlined",
-    "active:bg-btn-1 border border-solid border-border bg-transparent text-fore-1 hocus:bg-back-2"
+    "active:bg-btn-1 border border-solid border-border bg-transparent text-fore-1 hocus:bg-border"
   ],
   ghost: [
     "scalar-button-ghost",
@@ -30787,8 +30830,7 @@ const V = {
     "scalar-button-danger",
     "bg-error text-white active:brightness-90 hocus:brightness-90"
   ]
-};
-I({
+}, pe = I({
   base: "scalar-button row cursor-pointer items-center justify-center rounded font-medium",
   variants: {
     disabled: {
@@ -30805,6 +30847,48 @@ I({
       class: "bg-transparent text-ghost"
     }
   ]
+}), me = ["ariaDisabled"], ge = {
+  key: 0,
+  class: "mr-2 h-4 w-4"
+}, he = {
+  key: 1,
+  class: "ml-2"
+}, fe = /* @__PURE__ */ defineComponent({
+  inheritAttrs: false,
+  __name: "ScalarButton",
+  props: {
+    disabled: { type: Boolean },
+    fullWidth: { type: Boolean, default: false },
+    loading: {},
+    size: { default: "md" },
+    variant: { default: "solid" }
+  },
+  setup(r2) {
+    const t2 = computed(() => {
+      const { class: e, ...d } = useAttrs();
+      return { className: e || "", rest: d };
+    });
+    return (e, d) => (openBlock(), createElementBlock("button", mergeProps(t2.value.rest, {
+      ariaDisabled: e.disabled || void 0,
+      class: unref(S)(
+        unref(pe)({ fullWidth: e.fullWidth, disabled: e.disabled, size: e.size, variant: e.variant }),
+        { "pl-9 pr-3": e.loading },
+        `${t2.value.className}`
+      ),
+      type: "button"
+    }), [
+      e.$slots.icon ? (openBlock(), createElementBlock("div", ge, [
+        renderSlot(e.$slots, "icon")
+      ])) : createCommentVNode("", true),
+      renderSlot(e.$slots, "default"),
+      e.loading ? (openBlock(), createElementBlock("div", he, [
+        createVNode(unref(U), {
+          loadingState: e.loading,
+          size: "20px"
+        }, null, 8, ["loadingState"])
+      ])) : createCommentVNode("", true)
+    ], 16, me));
+  }
 });
 (function(r2) {
   var t2 = "\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b", e = {
@@ -31264,21 +31348,21 @@ const ve = ["innerHTML"], He = /* @__PURE__ */ defineComponent({
     }, null, 8, be));
   }
 });
-const _sfc_main$m = {};
-const _hoisted_1$j = { class: "badge" };
+const _sfc_main$q = {};
+const _hoisted_1$n = { class: "badge" };
 function _sfc_render$2(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$j, [
+  return openBlock(), createElementBlock("div", _hoisted_1$n, [
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ]);
 }
-const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$2], ["__scopeId", "data-v-08c68ac3"]]);
-const _withScopeId$1 = (n) => (pushScopeId("data-v-2c61ed69"), n = n(), popScopeId(), n);
-const _hoisted_1$i = { class: "scopes-label" };
-const _hoisted_2$b = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("em", null, "|", -1));
-const _hoisted_3$6 = ["checked"];
-const _hoisted_4$5 = { class: "dropdown-item-title" };
+const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$2], ["__scopeId", "data-v-08c68ac3"]]);
+const _withScopeId$4 = (n) => (pushScopeId("data-v-2c61ed69"), 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_3$a = ["checked"];
+const _hoisted_4$8 = { class: "dropdown-item-title" };
 const _hoisted_5$4 = { class: "dropdown-item-description" };
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "SecuritySchemeScopes",
   props: {
     scopes: {},
@@ -31313,7 +31397,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
           }, [
             createVNode(unref(ListboxButton), { as: CardFormButton }, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_1$i, [
+                createElementVNode("div", _hoisted_1$m, [
                   createVNode(unref(j), {
                     icon: open ? "ChevronUp" : "ChevronDown",
                     size: "sm"
@@ -31322,7 +31406,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                   createVNode(unref(Badge), { class: "scopes-label-badge" }, {
                     default: withCtx(() => [
                       createTextVNode(toDisplayString(model.value.length), 1),
-                      _hoisted_2$b,
+                      _hoisted_2$g,
                       createTextVNode(toDisplayString(Object.entries(_ctx.scopes).length), 1)
                     ]),
                     _: 1
@@ -31359,8 +31443,8 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                               class: "dropdown-item-check",
                               tabindex: "-1",
                               type: "checkbox"
-                            }, null, 8, _hoisted_3$6),
-                            createElementVNode("dt", _hoisted_4$5, toDisplayString(key), 1),
+                            }, null, 8, _hoisted_3$a),
+                            createElementVNode("dt", _hoisted_4$8, toDisplayString(key), 1),
                             createElementVNode("dd", _hoisted_5$4, toDisplayString(description), 1)
                           ]),
                           _: 2
@@ -31380,8 +31464,8 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SecuritySchemeScopes = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-2c61ed69"]]);
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const SecuritySchemeScopes = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-2c61ed69"]]);
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "SecurityScheme",
   props: {
     value: {}
@@ -31609,16 +31693,16 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SecurityScheme = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-5782f5ce"]]);
-const _withScopeId = (n) => (pushScopeId("data-v-a4771f77"), n = n(), popScopeId(), n);
-const _hoisted_1$h = {
+const SecurityScheme = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-5782f5ce"]]);
+const _withScopeId$3 = (n) => (pushScopeId("data-v-a4771f77"), n = n(), popScopeId(), n);
+const _hoisted_1$l = {
   key: 1,
   class: "security-scheme-selector"
 };
-const _hoisted_2$a = ["value"];
-const _hoisted_3$5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("option", { value: "" }, "None", -1));
-const _hoisted_4$4 = ["value"];
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _hoisted_2$f = ["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({
   __name: "SecuritySchemeSelector",
   props: {
     value: {}
@@ -31673,7 +31757,7 @@ const _sfc_main$j = /* @__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$h, [
+      ], 64)) : keys.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_1$l, [
         createElementVNode("span", null, toDisplayString(unref(authentication2).preferredSecurityScheme ? getLabelForScheme(
           (_b = _ctx.value) == null ? void 0 : _b[unref(authentication2).preferredSecurityScheme],
           unref(authentication2).preferredSecurityScheme
@@ -31685,25 +31769,29 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
           }, ["prevent"])),
           onInput: handleAuthenticationTypeInput
         }, [
-          _hoisted_3$5,
+          _hoisted_3$9,
           (openBlock(true), createElementBlock(Fragment, null, renderList(keys.value, (key) => {
             var _a3;
             return openBlock(), createElementBlock("option", {
               key,
               value: key ?? null
-            }, toDisplayString(getLabelForScheme((_a3 = _ctx.value) == null ? void 0 : _a3[key], key)), 9, _hoisted_4$4);
+            }, toDisplayString(getLabelForScheme((_a3 = _ctx.value) == null ? void 0 : _a3[key], key)), 9, _hoisted_4$7);
           }), 128))
-        ], 40, _hoisted_2$a)
+        ], 40, _hoisted_2$f)
       ])) : createCommentVNode("", true);
     };
   }
 });
-const SecuritySchemeSelector = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-a4771f77"]]);
-const _hoisted_1$g = {
+const SecuritySchemeSelector = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-a4771f77"]]);
+const _hoisted_1$k = {
   key: 0,
   class: "preferred-security-scheme"
 };
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _hoisted_2$e = {
+  key: 1,
+  class: "security-scheme-empty-state"
+};
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "RequestAuthentication",
   setup(__props) {
     const requestAuthenticationRef = ref(null);
@@ -31717,13 +31805,25 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
         block: "center"
       });
     });
-    const { authentication: authentication2 } = useAuthenticationStore();
+    const { authentication: authentication2, setAuthentication: setAuthentication2 } = useAuthenticationStore();
+    const setIntialScheme = (preferredSecurityScheme) => {
+      setAuthentication2({
+        customSecurity: true,
+        preferredSecurityScheme,
+        securitySchemes: {
+          apiKey: { type: "apiKey", name: "apiKey", in: "header" },
+          httpBasic: { type: "http", scheme: "basic" },
+          httpBearer: { type: "http", scheme: "bearer" }
+          // TODO oauth2
+        }
+      });
+    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         ref_key: "requestAuthenticationRef",
         ref: requestAuthenticationRef
       }, [
-        createVNode(unref(_sfc_main$r), { title: "Authentication" }, {
+        createVNode(unref(_sfc_main$v), { title: "Authentication" }, {
           options: withCtx(() => [
             createVNode(SecuritySchemeSelector, {
               value: unref(authentication2).securitySchemes
@@ -31732,10 +31832,27 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           default: withCtx(() => {
             var _a2;
             return [
-              unref(authentication2).preferredSecurityScheme ? (openBlock(), createElementBlock("div", _hoisted_1$g, [
+              unref(authentication2).preferredSecurityScheme ? (openBlock(), createElementBlock("div", _hoisted_1$k, [
                 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, [
+                createElementVNode("div", {
+                  class: "scalar-api-client-add",
+                  variant: "outlined",
+                  onClick: _cache[0] || (_cache[0] = ($event) => setIntialScheme("apiKey"))
+                }, " ApiKey "),
+                createElementVNode("div", {
+                  class: "scalar-api-client-add",
+                  variant: "outlined",
+                  onClick: _cache[1] || (_cache[1] = ($event) => setIntialScheme("httpBasic"))
+                }, " Basic "),
+                createElementVNode("div", {
+                  class: "scalar-api-client-add",
+                  variant: "outlined",
+                  onClick: _cache[2] || (_cache[2] = ($event) => setIntialScheme("httpBearer"))
+                }, " Bearer ")
               ])) : createCommentVNode("", true)
             ];
           }),
@@ -31745,21 +31862,45 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RequestAuthentication = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-ae167d85"]]);
-const _hoisted_1$f = { class: "table" };
-const _hoisted_2$9 = { class: "table-row" };
-const _hoisted_3$4 = /* @__PURE__ */ createElementVNode("div", { class: "table-row-item" }, [
-  /* @__PURE__ */ createElementVNode("label", null, "Key")
-], -1);
-const _hoisted_4$3 = /* @__PURE__ */ createElementVNode("div", { class: "table-row-item" }, [
-  /* @__PURE__ */ createElementVNode("label", null, "Value")
-], -1);
-const _hoisted_5$3 = { class: "table-row-item" };
-const _hoisted_6$2 = /* @__PURE__ */ createElementVNode("label", null, "Description", -1);
-const _hoisted_7$1 = [
-  _hoisted_6$2
-];
-const _hoisted_8$1 = /* @__PURE__ */ createElementVNode("svg", {
+const RequestAuthentication = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-a631f3fe"]]);
+const _hoisted_1$j = { class: "table-row" };
+const _hoisted_2$d = { 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({
+  __name: "GridRow",
+  props: {
+    showDescription: { type: Boolean }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$j, [
+        createElementVNode("div", _hoisted_2$d, [
+          renderSlot(_ctx.$slots, "key", {}, void 0, true)
+        ]),
+        createElementVNode("div", _hoisted_3$8, [
+          renderSlot(_ctx.$slots, "value", {}, void 0, true)
+        ]),
+        _ctx.showDescription ? (openBlock(), createElementBlock("div", _hoisted_4$6, [
+          renderSlot(_ctx.$slots, "description", {}, void 0, true)
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_5$3, [
+          renderSlot(_ctx.$slots, "meta", {}, void 0, true)
+        ])
+      ]);
+    };
+  }
+});
+const GridRow = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-9976f8d1"]]);
+const _withScopeId$2 = (n) => (pushScopeId("data-v-6c18e92d"), 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_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",
   height: "12",
   viewBox: "0 0 18 12",
@@ -31770,35 +31911,47 @@ const _hoisted_8$1 = /* @__PURE__ */ createElementVNode("svg", {
     d: "M0 12h12v-2H0v2zM0 0v2h18V0H0zm0 7h18V5H0v2z",
     "fill-rule": "nonzero"
   })
-], -1);
-const _hoisted_9$1 = [
-  _hoisted_8$1
-];
-const _hoisted_10 = { class: "table-row-item" };
-const _hoisted_11 = ["onUpdate:modelValue"];
-const _hoisted_12 = { class: "table-row-item" };
-const _hoisted_13 = ["onUpdate:modelValue"];
-const _hoisted_14 = { class: "table-row-item" };
-const _hoisted_15 = /* @__PURE__ */ createElementVNode("input", {
-  disabled: "",
-  value: "Read-only"
-}, null, -1);
-const _hoisted_16 = [
-  _hoisted_15
-];
-const _hoisted_17 = /* @__PURE__ */ createElementVNode("div", { class: "table-row-meta" }, null, -1);
-const _hoisted_18 = { class: "table-row-item" };
-const _hoisted_19 = ["onUpdate:modelValue"];
-const _hoisted_20 = { class: "table-row-item" };
-const _hoisted_21 = ["onUpdate:modelValue"];
-const _hoisted_22 = { class: "table-row-item" };
-const _hoisted_23 = ["onUpdate:modelValue"];
-const _hoisted_24 = { class: "table-row-meta" };
-const _hoisted_25 = { class: "meta-check" };
-const _hoisted_26 = ["onUpdate:modelValue"];
-const _hoisted_27 = /* @__PURE__ */ createElementVNode("span", { class: "meta-checkmark" }, null, -1);
-const _hoisted_28 = ["onClick"];
-const _hoisted_29 = /* @__PURE__ */ createElementVNode("svg", {
+], -1));
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
+  __name: "GridHeader",
+  props: {
+    showDescription: { type: Boolean }
+  },
+  emits: ["update:showDescription"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(GridRow, { showDescription: _ctx.showDescription }, {
+        key: withCtx(() => [
+          _hoisted_1$i
+        ]),
+        value: withCtx(() => [
+          _hoisted_2$c
+        ]),
+        description: withCtx(() => [
+          _hoisted_3$7
+        ]),
+        meta: withCtx(() => [
+          createVNode(unref(fe), {
+            class: "table-description-toggle",
+            variant: "text",
+            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:showDescription", !_ctx.showDescription))
+          }, {
+            default: withCtx(() => [
+              _hoisted_4$5
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["showDescription"]);
+    };
+  }
+});
+const GridHeader = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-6c18e92d"]]);
+const _withScopeId$1 = (n) => (pushScopeId("data-v-1cd9d274"), 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_3$6 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("svg", {
   fill: "none",
   height: "10",
   viewBox: "-0.5 -0.5 10 10",
@@ -31819,13 +31972,139 @@ const _hoisted_29 = /* @__PURE__ */ createElementVNode("svg", {
     "stroke-linejoin": "round",
     "stroke-width": "1.5"
   })
-], -1);
-const _hoisted_30 = [
-  _hoisted_29
+], -1));
+const _hoisted_4$4 = [
+  _hoisted_3$6
 ];
-const _hoisted_31 = { class: "meta-actions" };
-const _hoisted_32 = { class: "meta-actions-item-icon" };
-const _hoisted_33 = { class: "meta-actions-item-icon" };
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  __name: "GridRowEditable",
+  props: {
+    name: {},
+    description: {},
+    value: {},
+    required: { type: Boolean },
+    enabled: { type: Boolean }
+  },
+  emits: ["update:name", "update:value", "update:description", "update:enabled", "delete"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const nameProxy = computed({
+      get: () => props.name,
+      set: (v) => {
+        emit("update:enabled", true);
+        emit("update:name", v);
+      }
+    });
+    const valueProxy = computed({
+      get: () => `${props.value}`,
+      set: (v) => {
+        emit("update:enabled", true);
+        emit("update:value", v);
+      }
+    });
+    const descriptionProxy = computed({
+      get: () => props.description ?? "",
+      set: (v) => emit("update:description", v)
+    });
+    const enabledProxy = computed({
+      get: () => props.enabled,
+      set: (checked) => emit("update:enabled", checked)
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(GridRow, {
+        class: normalizeClass(["table-row-editable", { "required-parameter": _ctx.required }])
+      }, {
+        key: withCtx(() => [
+          withDirectives(createElementVNode("input", {
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => nameProxy.value = $event),
+            placeholder: "Key"
+          }, null, 512), [
+            [vModelText, nameProxy.value]
+          ])
+        ]),
+        value: withCtx(() => [
+          withDirectives(createElementVNode("input", {
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => valueProxy.value = $event),
+            placeholder: "Value"
+          }, null, 512), [
+            [vModelText, valueProxy.value]
+          ])
+        ]),
+        description: withCtx(() => [
+          withDirectives(createElementVNode("input", {
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => descriptionProxy.value = $event),
+            placeholder: "Description"
+          }, null, 512), [
+            [vModelText, descriptionProxy.value]
+          ])
+        ]),
+        meta: withCtx(() => [
+          createElementVNode("label", _hoisted_1$h, [
+            withDirectives(createElementVNode("input", {
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => enabledProxy.value = $event),
+              type: "checkbox"
+            }, null, 512), [
+              [vModelCheckbox, enabledProxy.value]
+            ]),
+            _hoisted_2$b
+          ]),
+          !_ctx.required ? (openBlock(), createElementBlock("button", {
+            key: 0,
+            class: "meta-delete",
+            type: "button",
+            onClick: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("delete"))
+          }, _hoisted_4$4)) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+});
+const GridRowEditable = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-1cd9d274"]]);
+const _withScopeId = (n) => (pushScopeId("data-v-eccda22a"), n = n(), popScopeId(), n);
+const _hoisted_1$g = ["value"];
+const _hoisted_2$a = ["value"];
+const _hoisted_3$5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("input", {
+  disabled: "",
+  value: "Read-only"
+}, null, -1));
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  __name: "GridRowGenerated",
+  props: {
+    item: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(GridRow, { class: "table-row-generated" }, {
+        key: withCtx(() => [
+          createElementVNode("input", {
+            disabled: "",
+            placeholder: "key",
+            value: _ctx.item.name
+          }, null, 8, _hoisted_1$g)
+        ]),
+        value: withCtx(() => [
+          createElementVNode("input", {
+            disabled: "",
+            placeholder: "value",
+            type: "password",
+            value: _ctx.item.value
+          }, null, 8, _hoisted_2$a)
+        ]),
+        description: withCtx(() => [
+          _hoisted_3$5
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const GridRowGenerated = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-eccda22a"]]);
+const _hoisted_1$f = { class: "table" };
+const _hoisted_2$9 = { 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({
   __name: "Grid",
   props: {
@@ -31845,110 +32124,44 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$f, [
-        createElementVNode("div", _hoisted_2$9, [
-          _hoisted_3$4,
-          _hoisted_4$3,
-          withDirectives(createElementVNode("div", _hoisted_5$3, _hoisted_7$1, 512), [
-            [vShow, showDescription.value]
-          ]),
-          createElementVNode("div", {
-            class: "table-row-meta",
-            onClick: _cache[0] || (_cache[0] = ($event) => showDescription.value = !showDescription.value)
-          }, _hoisted_9$1)
-        ]),
+        createVNode(GridHeader, {
+          showDescription: showDescription.value,
+          "onUpdate:showDescription": _cache[0] || (_cache[0] = ($event) => showDescription.value = $event)
+        }, null, 8, ["showDescription"]),
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.generatedItems, (item) => {
-          return openBlock(), createElementBlock("div", {
-            key: item.id,
-            class: "table-row generated-parameter",
+          return openBlock(), createBlock(GridRowGenerated, {
+            key: item.name,
+            item,
+            showDescription: showDescription.value,
             onClick: _cache[1] || (_cache[1] = ($event) => unref(clickGeneratedParameter).emit())
-          }, [
-            createElementVNode("div", _hoisted_10, [
-              withDirectives(createElementVNode("input", {
-                "onUpdate:modelValue": ($event) => item.name = $event,
-                disabled: "",
-                placeholder: "key"
-              }, null, 8, _hoisted_11), [
-                [vModelText, item.name]
-              ])
-            ]),
-            createElementVNode("div", _hoisted_12, [
-              withDirectives(createElementVNode("input", {
-                "onUpdate:modelValue": ($event) => item.value = $event,
-                disabled: "",
-                placeholder: "value",
-                type: "password"
-              }, null, 8, _hoisted_13), [
-                [vModelText, item.value]
-              ])
-            ]),
-            withDirectives(createElementVNode("div", _hoisted_14, _hoisted_16, 512), [
-              [vShow, showDescription.value]
-            ]),
-            _hoisted_17
-          ]);
+          }, null, 8, ["item", "showDescription"]);
         }), 128)),
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index) => {
-          return withDirectives((openBlock(), createElementBlock("div", {
-            key: item.id,
-            class: normalizeClass(["table-row", {
-              "required-parameter": item.required
-            }])
-          }, [
-            createElementVNode("div", _hoisted_18, [
-              withDirectives(createElementVNode("input", {
-                "onUpdate:modelValue": ($event) => item.name = $event,
-                placeholder: "Key"
-              }, null, 8, _hoisted_19), [
-                [vModelText, item.name]
-              ])
-            ]),
-            createElementVNode("div", _hoisted_20, [
-              withDirectives(createElementVNode("input", {
-                "onUpdate:modelValue": ($event) => item.value = $event,
-                placeholder: "Value"
-              }, null, 8, _hoisted_21), [
-                [vModelText, item.value]
-              ])
-            ]),
-            withDirectives(createElementVNode("div", _hoisted_22, [
-              withDirectives(createElementVNode("input", {
-                "onUpdate:modelValue": ($event) => item.description = $event,
-                placeholder: "Description"
-              }, null, 8, _hoisted_23), [
-                [vModelText, item.description]
-              ])
-            ], 512), [
-              [vShow, showDescription.value]
-            ]),
-            createElementVNode("div", _hoisted_24, [
-              createElementVNode("label", _hoisted_25, [
-                withDirectives(createElementVNode("input", {
-                  "onUpdate:modelValue": ($event) => item.enabled = $event,
-                  checked: "",
-                  type: "checkbox"
-                }, null, 8, _hoisted_26), [
-                  [vModelCheckbox, item.enabled]
-                ]),
-                _hoisted_27
-              ]),
-              createElementVNode("button", {
-                class: "meta-delete",
-                type: "button",
-                onClick: ($event) => _ctx.$emit("deleteIndex", index)
-              }, _hoisted_30, 8, _hoisted_28)
-            ])
-          ], 2)), [
+          return withDirectives((openBlock(), createBlock(GridRowEditable, {
+            key: index,
+            description: item.description,
+            "onUpdate:description": ($event) => item.description = $event,
+            enabled: item.enabled,
+            "onUpdate:enabled": ($event) => item.enabled = $event,
+            name: item.name,
+            "onUpdate:name": ($event) => item.name = $event,
+            value: item.value,
+            "onUpdate:value": ($event) => item.value = $event,
+            required: item.required,
+            showDescription: showDescription.value,
+            onDelete: ($event) => _ctx.$emit("deleteIndex", index)
+          }, null, 8, ["description", "onUpdate:description", "enabled", "onUpdate:enabled", "name", "onUpdate:name", "value", "onUpdate:value", "required", "showDescription", "onDelete"])), [
             [vShow, !_ctx.showMoreFilter || _ctx.showMoreFilter && index < 5 || showMore.value]
           ]);
         }), 128)),
-        createElementVNode("div", _hoisted_31, [
+        createElementVNode("div", _hoisted_2$9, [
           _ctx.addLabel ? (openBlock(), createElementBlock("button", {
             key: 0,
             class: "meta-actions-item",
             type: "button",
             onClick: addHandler
           }, [
-            createElementVNode("i", _hoisted_32, [
+            createElementVNode("i", _hoisted_3$4, [
               createVNode(unref(j), { icon: "Add" })
             ]),
             createTextVNode(" " + toDisplayString(_ctx.addLabel), 1)
@@ -31960,7 +32173,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             onClick: _cache[2] || (_cache[2] = ($event) => showMore.value = true)
           }, [
             createTextVNode(" Show More "),
-            createElementVNode("i", _hoisted_33, [
+            createElementVNode("i", _hoisted_4$3, [
               createVNode(unref(j), { icon: "ChevronDown" })
             ])
           ])) : createCommentVNode("", true)
@@ -31969,9 +32182,10 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const Grid = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-2e1a8fea"]]);
 const _hoisted_1$e = { class: "navtable simpletable" };
 const _hoisted_2$8 = { class: "navtable-table" };
-const _hoisted_3$3 = /* @__PURE__ */ createStaticVNode('<div class="navtable-item navtable-item__top"><div class="navtable-item-33"><label for="">Name</label></div><div class="navtable-item-66"><label for="">Value</label></div></div>', 1);
+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({
@@ -32002,6 +32216,7 @@ 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({
   __name: "RequestBody",
@@ -32020,9 +32235,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$r), { 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$d, "No Body")) : _ctx.formData && _ctx.formData.length > 0 ? (openBlock(), createBlock(unref(_sfc_main$h), {
+          _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), {
             key: 1,
             items: _ctx.formData
           }, null, 8, ["items"])) : (openBlock(), createBlock(unref(CodeMirror), {
@@ -32084,7 +32299,7 @@ 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$r), {
+      return openBlock(), createBlock(unref(_sfc_main$v), {
         defaultOpen: hasCookies.value,
         title: "Cookies"
       }, {
@@ -32098,7 +32313,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
               _hoisted_2$7,
               createTextVNode(" Cookies ")
             ])
-          ])) : (openBlock(), createBlock(unref(_sfc_main$h), {
+          ])) : (openBlock(), createBlock(unref(Grid), {
             key: 1,
             addLabel: "Cookie",
             generatedItems: _ctx.generatedCookies,
@@ -32158,7 +32373,7 @@ 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$r), {
+      return openBlock(), createBlock(unref(_sfc_main$v), {
         defaultOpen: hasHeaders.value,
         title: "Headers"
       }, {
@@ -32172,7 +32387,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
               _hoisted_2$6,
               createTextVNode(" Headers ")
             ])
-          ])) : (openBlock(), createBlock(unref(_sfc_main$h), {
+          ])) : (openBlock(), createBlock(unref(Grid), {
             key: 1,
             addLabel: "Header",
             generatedItems: _ctx.generatedHeaders,
@@ -32232,7 +32447,7 @@ 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$r), {
+      return openBlock(), createBlock(unref(_sfc_main$v), {
         defaultOpen: hasQueries.value,
         title: "Query Parameters"
       }, {
@@ -32246,7 +32461,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               _hoisted_2$5,
               createTextVNode(" Query Parameter ")
             ])
-          ])) : (openBlock(), createBlock(unref(_sfc_main$h), {
+          ])) : (openBlock(), createBlock(unref(Grid), {
             key: 1,
             addLabel: "Query Parameter",
             generatedItems: _ctx.generatedQueries,
@@ -32301,7 +32516,7 @@ 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$r), {
+      return openBlock(), createBlock(unref(_sfc_main$v), {
         defaultOpen: unref(activeRequest2).variables && unref(activeRequest2).variables.length > 0,
         title: "Variables"
       }, {
@@ -32315,7 +32530,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
               _hoisted_2$4,
               createTextVNode(" Variable ")
             ])
-          ])) : (openBlock(), createBlock(unref(_sfc_main$h), {
+          ])) : (openBlock(), createBlock(unref(Grid), {
             key: 1,
             addLabel: "Variable",
             items: _ctx.variables,
@@ -32344,13 +32559,15 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     const {
       openApi: { operation, globalSecurity }
     } = useOpenApiStore();
-    const authenticationRequest = computed(() => {
-      var _a2;
-      return getRequestFromAuthentication(
-        authentication2,
-        ((_a2 = operation == null ? void 0 : operation.information) == null ? void 0 : _a2.security) ?? globalSecurity
-      );
-    });
+    const authenticationRequest = computed(
+      () => {
+        var _a2;
+        return getRequestFromAuthentication(
+          authentication2,
+          ((_a2 = operation == null ? void 0 : operation.information) == null ? void 0 : _a2.security) ?? globalSecurity
+        );
+      }
+    );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$8, [
         createElementVNode("div", _hoisted_2$3, [
@@ -32440,7 +32657,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       return null;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$r), { 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(He), {
@@ -32562,7 +32779,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       }).join("-");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$r), { 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(() => [
@@ -32742,9 +32959,9 @@ 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$r), { title: "Cookies" }, {
+          createVNode(unref(_sfc_main$v), { title: "Cookies" }, {
             default: withCtx(() => [
-              withDirectives(createVNode(unref(_sfc_main$g), { items: responseCookies.value }, null, 8, ["items"]), [
+              withDirectives(createVNode(unref(SimpleGrid), { items: responseCookies.value }, null, 8, ["items"]), [
                 [vShow, responseCookies.value.length > 0]
               ]),
               responseCookies.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_8, "No Cookies")) : createCommentVNode("", true)
@@ -32790,8 +33007,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(unref(_sfc_main$A), { id: _ctx.theme }, null, 8, ["id"]),
-        createVNode(_sfc_main$y, {
+        createVNode(unref(_sfc_main$E), { id: _ctx.theme }, null, 8, ["id"]),
+        createVNode(_sfc_main$C, {
           class: "scalar-api-client",
           method: unref(activeRequest2).type ?? "get",
           property: "--default-scalar-api-client-color",
@@ -32867,7 +33084,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 });
 export {
   _sfc_main as ApiClient,
-  _sfc_main$y as HttpMethod,
+  _sfc_main$C as HttpMethod,
   RequestAuthentication,
   SecurityScheme,
   SecuritySchemeSelector,