@scalar/api-client 1.1.9 → 1.1.10

package/dist/index.js

@@ -5,13 +5,14 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import "./index.css";
-import { defineComponent, openBlock, createBlock, resolveDynamicComponent, withCtx, createTextVNode, toDisplayString, unref, createCommentVNode, reactive, readonly, ref, computed, normalizeStyle, renderSlot, normalizeProps, guardReactiveProps, watch, onBeforeUnmount, toValue as toValue$1, toRef, createElementBlock, createElementVNode, createVNode, normalizeClass, Fragment, renderList, createStaticVNode, pushScopeId, popScopeId, withDirectives, withModifiers, vModelSelect, vModelText, vModelCheckbox, nextTick, onServerPrefetch, onMounted, defineAsyncComponent, vShow, toRaw, withKeys } from "vue";
-import { Dialog, DialogPanel, DialogTitle, DialogDescription, Disclosure, DisclosureButton, DisclosurePanel, TabGroup, TabList, Tab, TabPanels, TabPanel } from "@headlessui/vue";
-import { useMagicKeys, whenever, useMediaQuery } from "@vueuse/core";
+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 { 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";
 import { nanoid } from "nanoid";
 import prettyBytes from "pretty-bytes";
 import prettyMilliseconds from "pretty-ms";
+import { useFloating, autoUpdate, offset, flip, shift as shift$1 } from "@floating-ui/vue";
 import contentType from "content-type";
 const alternateTheme = "/* basic theme */\n:root {\n  --default-theme-text-decoration: underline;\n  --default-theme-text-decoration-hover: underline;\n}\n.light-mode,\n.light-mode .dark-mode {\n  --default-theme-background-1: #f9f9f9;\n  --default-theme-background-2: #f1f1f1;\n  --default-theme-background-3: #e7e7e7;\n  --default-theme-background-card: #fff;\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: var(--default-theme-color-1);\n  --default-theme-background-accent: var(--default-theme-background-3);\n\n  --default-theme-border-color: rgba(0, 0, 0, 0.1);\n  --default-theme-code-languages-background-supersede: var(\n    --default-theme-background-1\n  );\n  --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n.dark-mode {\n  --default-theme-background-1: #131313;\n  --default-theme-background-2: #1d1d1d;\n  --default-theme-background-3: #272727;\n  --default-theme-background-card: #1d1d1d;\n\n  --default-theme-color-1: rgba(255, 255, 255, 0.9);\n  --default-theme-color-2: rgba(255, 255, 255, 0.62);\n  --default-theme-color-3: rgba(255, 255, 255, 0.44);\n\n  --default-theme-color-accent: var(--default-theme-color-1);\n  --default-theme-background-accent: var(--default-theme-background-3);\n\n  --default-theme-border-color: rgba(255, 255, 255, 0.1);\n  --default-theme-code-languages-background-supersede: var(\n    --default-theme-background-3\n  );\n  --default-theme-code-language-color-supersede: var(--default-theme-color-3);\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(\n    --default-theme-background-accent\n  );\n  --default-sidebar-color-active: var(--default-theme-color-accent);\n\n  --default-sidebar-search-background: transparent;\n  --default-sidebar-search-color: var(--default-theme-color-3);\n  --default-sidebar-search-border-color: var(--default-theme-border-color);\n\n  --default-sidebar-indent-border: var(--default-sidebar-border-color);\n  --default-sidebar-indent-border-hover: var(--default-sidebar-border-color);\n  --default-sidebar-indent-border-active: var(--default-sidebar-border-color);\n}\n/* advanced */\n.light-mode .dark-mode,\n.light-mode {\n  --default-theme-color-green: #069061;\n  --default-theme-color-red: #ef0006;\n  --default-theme-color-yellow: #edbe20;\n  --default-theme-color-blue: #0082d0;\n  --default-theme-color-orange: #fb892c;\n  --default-theme-color-purple: #5203d1;\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: #00b648;\n  --default-theme-color-red: #dd2f2c;\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  --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\n.code-languages-background:before {\n  box-shadow: inset 0 0 0 1px var(--default-theme-border-color) !important;\n}\n.scalar-api-client__item,\n.scalar-card,\n.dark-mode .dark-mode.scalar-card {\n  --default-theme-background-1: var(--default-theme-background-card);\n  --default-theme-background-2: var(--default-theme-background-1);\n  --default-theme-background-3: var(--default-theme-background-1);\n}\n.dark-mode .dark-mode.scalar-card {\n  --default-theme-background-3: var(--default-theme-background-3);\n}\n.t-doc__sidebar {\n  --default-theme-color-green: var(--default-theme-color-1);\n  --default-theme-color-red: var(--default-theme-color-1);\n  --default-theme-color-yellow: var(--default-theme-color-1);\n  --default-theme-color-blue: var(--default-theme-color-1);\n  --default-theme-color-orange: var(--default-theme-color-1);\n  --default-theme-color-purple: var(--default-theme-color-1);\n}\n";
 const bluePlanetTheme = "/* basic theme */\n:root {\n  --default-theme-text-decoration: underline;\n  --default-theme-text-decoration-hover: underline;\n}\n.light-mode {\n  --default-theme-background-1: #f0f2f5;\n  --default-theme-background-2: #eaecf0;\n  --default-theme-background-3: #e0e2e6;\n  --default-theme-border-color: rgb(228, 228, 231);\n\n  --default-theme-color-1: rgb(9, 9, 11);\n  --default-theme-color-2: rgb(113, 113, 122);\n  --default-theme-color-3: rgba(25, 25, 28, 0.5);\n\n  --default-theme-color-accent: var(--default-theme-color-1);\n  --default-theme-background-accent: #8ab4f81f;\n\n  --default-theme-code-language-color-supersede: var(--default-theme-color-1);\n}\n.light-mode .scalar-card.dark-mode,\n.dark-mode {\n  --default-theme-background-1: #000e23;\n  --default-theme-background-2: #01132e;\n  --default-theme-background-3: #03193b;\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: var(--default-theme-color-1);\n  --default-theme-background-accent: #8ab4f81f;\n\n  --default-theme-code-language-color-supersede: var(--default-theme-color-1);\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-accent);\n\n  --default-sidebar-search-background: rgba(255, 255, 255, 0.1);\n  --default-sidebar-search-border-color: var(--default-theme-border-color);\n  --default-sidebar-search-color: var(--default-theme-color-3);\n  z-index: 1;\n}\n.light-mode .t-doc__sidebar {\n  --default-sidebar-search-background: white;\n}\n/* advanced */\n.light-mode {\n  --default-theme-color-green: #069061;\n  --default-theme-color-red: #ef0006;\n  --default-theme-color-yellow: #edbe20;\n  --default-theme-color-blue: #0082d0;\n  --default-theme-color-orange: #fb892c;\n  --default-theme-color-purple: #5203d1;\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: rgba(69, 255, 165, 0.823);\n  --default-theme-color-red: #ff8589;\n  --default-theme-color-yellow: #ffcc4d;\n  --default-theme-color-blue: #6bc1fe;\n  --default-theme-color-orange: #f98943;\n  --default-theme-color-purple: #b191f9;\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/* Custom theme */\n/* Document header */\n@keyframes headerbackground {\n  from {\n    background: transparent;\n    backdrop-filter: none;\n  }\n  to {\n    background: var(--header-background-1);\n    backdrop-filter: blur(12px);\n  }\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.code-languages-background {\n  background: var(--default-theme-background-1) !important;\n}\n.code-languages-background:before {\n  box-shadow: inset 0 0 0 2px var(--default-theme-border-color);\n  background: linear-gradient(\n    to right top,\n    rgb(211 225 249 / 12%),\n    rgb(209 223 247 / 11%),\n    rgb(223 233 251 / 29%)\n  ) !important;\n}\n.light-mode .code-languages-background:before {\n  background: linear-gradient(\n    to right top,\n    rgb(0 0 0 / 8%),\n    rgb(0 0 0 / 7%),\n    rgb(0 0 0 / 19%)\n  ) !important;\n}\n.code-languages__active .code-languages-background:before {\n  background: var(--default-theme-background-1) !important;\n}\n.code-languages span {\n  margin-top: 5px !important;\n}\n/* Hero Section Flare */\n.section-flare-item:nth-of-type(1) {\n  --c1: #ffffff;\n  --c2: #babfd8;\n  --c3: #2e8bb2;\n  --c4: #1a8593;\n  --c5: #0a143e;\n  --c6: #0a0f52;\n  --c7: #2341b8;\n\n  --solid: var(--c1), var(--c2), var(--c3), var(--c4), var(--c5), var(--c6),\n    var(--c7);\n  --solid-wrap: var(--solid), var(--c1);\n  --trans: var(--c1), transparent, var(--c2), transparent, var(--c3),\n    transparent, var(--c4), transparent, var(--c5), transparent, var(--c6),\n    transparent, var(--c7);\n  --trans-wrap: var(--trans), transparent, var(--c1);\n\n  background: radial-gradient(circle, var(--trans)),\n    conic-gradient(from 180deg, var(--trans-wrap)),\n    radial-gradient(circle, var(--trans)), conic-gradient(var(--solid-wrap));\n  width: 70vw;\n  height: 700px;\n  border-radius: 50%;\n  filter: blur(100px);\n  z-index: 0;\n  right: 0;\n  position: absolute;\n  transform: rotate(-45deg);\n  top: -300px;\n  opacity: 0.3;\n}\n.section-flare-item:nth-of-type(3) {\n  --star-color: #6b9acc;\n  --star-color2: #446b8d;\n  --star-color3: #3e5879;\n  background-image: radial-gradient(\n      2px 2px at 20px 30px,\n      var(--star-color2),\n      rgba(0, 0, 0, 0)\n    ),\n    radial-gradient(2px 2px at 40px 70px, var(--star-color), rgba(0, 0, 0, 0)),\n    radial-gradient(2px 2px at 50px 160px, var(--star-color3), rgba(0, 0, 0, 0)),\n    radial-gradient(2px 2px at 90px 40px, var(--star-color), rgba(0, 0, 0, 0)),\n    radial-gradient(2px 2px at 130px 80px, var(--star-color), rgba(0, 0, 0, 0)),\n    radial-gradient(\n      2px 2px at 160px 120px,\n      var(--star-color3),\n      rgba(0, 0, 0, 0)\n    );\n  background-repeat: repeat;\n  background-size: 200px 200px;\n  width: 100%;\n  height: 100%;\n  mask-image: radial-gradient(ellipse at 100% 0%, black 40%, transparent 70%);\n}\n.section-flare {\n  top: -150px !important;\n  height: 100vh;\n  background: linear-gradient(#000, var(--default-theme-background-1));\n  width: 100vw;\n}\n.light-mode .section-flare {\n  display: none;\n}\n.light-mode .scalar-card {\n  --default-theme-background-1: #fff;\n  --default-theme-background-2: #fff;\n  --default-theme-background-3: #fff;\n}\n";
@@ -23,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$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "ThemeStyles",
   props: {
     id: {}
@@ -39,6 +40,24 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
+function useApplyClasses(selector, classes) {
+  onMounted(() => {
+    if (!document.body)
+      return;
+    const el = document.querySelector(selector);
+    el == null ? void 0 : el.classList.add(classes);
+  });
+}
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
+  __name: "ResetStyles",
+  setup(__props) {
+    const { reset: reset2 } = useCssModule();
+    useApplyClasses("#headlessui-portal-root", reset2);
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default", { styles: unref(reset2) });
+    };
+  }
+});
 const reset = "_reset_78zw5_3";
 const style0$1 = {
   reset
@@ -50,6 +69,10 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
+const cssModules = {
+  "$style": style0$1
+};
+const ResetStyles = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__cssModules", cssModules]]);
 const scrollbars = "_scrollbars_1wuqs_3";
 const style0 = {
   scrollbars,
@@ -110,6 +133,63 @@ const useApiClientStore = () => ({
   setSnippetType,
   hideApiClient
 });
+const createEmptyAuthenticationState = () => ({
+  preferredSecurityScheme: null,
+  http: {
+    basic: {
+      username: "",
+      password: ""
+    },
+    bearer: {
+      token: ""
+    }
+  },
+  apiKey: {
+    token: ""
+  },
+  oAuth2: {
+    clientId: "",
+    scopes: [],
+    accessToken: "",
+    state: ""
+  }
+});
+const authentication = reactive(
+  createEmptyAuthenticationState()
+);
+const setAuthentication = (newState) => {
+  Object.assign(authentication, {
+    ...authentication,
+    ...newState
+  });
+};
+const useAuthenticationStore = () => ({
+  authentication,
+  setAuthentication
+});
+const createEmptyOpenApiState = () => ({
+  // @ts-ignore
+  operation: {},
+  globalSecurity: []
+});
+const openApi = reactive(createEmptyOpenApiState());
+const setOperation = (newOperation) => {
+  Object.assign(openApi, {
+    ...openApi,
+    operation: newOperation
+  });
+};
+const setGlobalSecurity = (newGlobalSecurity) => {
+  Object.assign(openApi, {
+    ...openApi,
+    globalSecurity: newGlobalSecurity
+  });
+};
+const useOpenApiStore = () => ({
+  openApi,
+  setOperation,
+  setGlobalSecurity
+});
 const createPlaceholderRequest = () => ({
   name: "",
   url: "",
@@ -121,34 +201,6 @@ const createPlaceholderRequest = () => ({
   body: "",
   formData: []
 });
-const createEmptyAuthState = () => ({
-  type: "none",
-  basic: {
-    username: "",
-    password: "",
-    active: true
-  },
-  oauthTwo: {
-    generatedToken: "",
-    discoveryURL: "",
-    authURL: "",
-    accessTokenURL: "",
-    clientID: "",
-    clientSecret: "",
-    scope: "",
-    active: true
-  },
-  bearer: {
-    token: "",
-    active: true
-  },
-  digest: {
-    username: "",
-    password: "",
-    active: true
-  }
-});
-const authState = reactive(createEmptyAuthState());
 const requestHistory = reactive({});
 const requestHistoryOrder = ref([]);
 const activeRequestId = ref("");
@@ -176,7 +228,6 @@ const resetActiveResponse = () => {
 };
 const readOnly$2 = ref(true);
 const useRequestStore = () => ({
-  authState,
   readOnly: readOnly$2,
   activeRequest,
   activeResponse,
@@ -1000,7 +1051,7 @@ const httpStatusCodes = {
     url: "https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/511"
   }
 };
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "HttpMethod",
   props: {
     as: {},
@@ -1196,12 +1247,12 @@ class TextLeaf extends Text {
   get children() {
     return null;
   }
-  lineInner(target, isLine, line, offset) {
+  lineInner(target, isLine, line, offset2) {
     for (let i = 0; ; i++) {
-      let string2 = this.text[i], end = offset + string2.length;
+      let string2 = this.text[i], end = offset2 + string2.length;
       if ((isLine ? line : end) >= target)
-        return new Line(offset, end, line, string2);
-      offset = end + 1;
+        return new Line(offset2, end, line, string2);
+      offset2 = end + 1;
       line++;
     }
   }
@@ -1275,12 +1326,12 @@ class TextNode extends Text {
     for (let child of children)
       this.lines += child.lines;
   }
-  lineInner(target, isLine, line, offset) {
+  lineInner(target, isLine, line, offset2) {
     for (let i = 0; ; i++) {
-      let child = this.children[i], end = offset + child.length, endLine = line + child.lines - 1;
+      let child = this.children[i], end = offset2 + child.length, endLine = line + child.lines - 1;
       if ((isLine ? endLine : end) >= target)
-        return child.lineInner(target, isLine, line, offset);
-      offset = end + 1;
+        return child.lineInner(target, isLine, line, offset2);
+      offset2 = end + 1;
       line = endLine + 1;
     }
   }
@@ -1437,9 +1488,9 @@ class RawTextCursor {
     this.done = this.lineBreak = false;
     for (; ; ) {
       let last = this.nodes.length - 1;
-      let top2 = this.nodes[last], offsetValue = this.offsets[last], offset = offsetValue >> 1;
+      let top2 = this.nodes[last], offsetValue = this.offsets[last], offset2 = offsetValue >> 1;
       let size = top2 instanceof TextLeaf ? top2.text.length : top2.children.length;
-      if (offset == (dir > 0 ? size : 0)) {
+      if (offset2 == (dir > 0 ? size : 0)) {
         if (last == 0) {
           this.done = true;
           this.value = "";
@@ -1458,7 +1509,7 @@ class RawTextCursor {
         }
         skip--;
       } else if (top2 instanceof TextLeaf) {
-        let next = top2.text[offset + (dir < 0 ? -1 : 0)];
+        let next = top2.text[offset2 + (dir < 0 ? -1 : 0)];
         this.offsets[last] += dir;
         if (next.length > Math.max(0, skip)) {
           this.value = skip == 0 ? next : dir > 0 ? next.slice(skip) : next.slice(0, next.length - skip);
@@ -1466,7 +1517,7 @@ class RawTextCursor {
         }
         skip -= next.length;
       } else {
-        let next = top2.children[offset + (dir < 0 ? -1 : 0)];
+        let next = top2.children[offset2 + (dir < 0 ? -1 : 0)];
         if (skip > next.length) {
           skip -= next.length;
           this.offsets[last] += dir;
@@ -3694,15 +3745,15 @@ class Chunk {
         lo = mid + 1;
     }
   }
-  between(offset, from, to, f) {
+  between(offset2, from, to, f) {
     for (let i = this.findIndex(from, -1e9, true), e = this.findIndex(to, 1e9, false, i); i < e; i++)
-      if (f(this.from[i] + offset, this.to[i] + offset, this.value[i]) === false)
+      if (f(this.from[i] + offset2, this.to[i] + offset2, this.value[i]) === false)
         return false;
   }
-  map(offset, changes) {
+  map(offset2, changes) {
     let value = [], from = [], to = [], newPos = -1, maxPoint = -1;
     for (let i = 0; i < this.value.length; i++) {
-      let val = this.value[i], curFrom = this.from[i] + offset, curTo = this.to[i] + offset, newFrom, newTo;
+      let val = this.value[i], curFrom = this.from[i] + offset2, curTo = this.to[i] + offset2, newFrom, newTo;
       if (curFrom == curTo) {
         let mapped = changes.mapPos(curFrom, val.startSide, val.mapMode);
         if (mapped == null)
@@ -4946,25 +4997,25 @@ function clearAttributes(node) {
     node.removeAttributeNode(node.attributes[0]);
 }
 function atElementStart(doc2, selection) {
-  let node = selection.focusNode, offset = selection.focusOffset;
-  if (!node || selection.anchorNode != node || selection.anchorOffset != offset)
+  let node = selection.focusNode, offset2 = selection.focusOffset;
+  if (!node || selection.anchorNode != node || selection.anchorOffset != offset2)
     return false;
-  offset = Math.min(offset, maxOffset(node));
+  offset2 = Math.min(offset2, maxOffset(node));
   for (; ; ) {
-    if (offset) {
+    if (offset2) {
       if (node.nodeType != 1)
         return false;
-      let prev = node.childNodes[offset - 1];
+      let prev = node.childNodes[offset2 - 1];
       if (prev.contentEditable == "false")
-        offset--;
+        offset2--;
       else {
         node = prev;
-        offset = maxOffset(node);
+        offset2 = maxOffset(node);
       }
     } else if (node == doc2) {
       return true;
     } else {
-      offset = domIndex(node);
+      offset2 = domIndex(node);
       node = node.parentNode;
     }
   }
@@ -4973,9 +5024,9 @@ function isScrolledToBottom(elt) {
   return elt.scrollTop > Math.max(1, elt.scrollHeight - elt.clientHeight - 4);
 }
 class DOMPos {
-  constructor(node, offset, precise = true) {
+  constructor(node, offset2, precise = true) {
     this.node = node;
-    this.offset = offset;
+    this.offset = offset2;
     this.precise = precise;
   }
   static before(dom, precise) {
@@ -5053,12 +5104,12 @@ class ContentView {
   }
   reuseDOM(_dom) {
   }
-  localPosFromDOM(node, offset) {
+  localPosFromDOM(node, offset2) {
     let after;
     if (node == this.dom) {
-      after = this.dom.childNodes[offset];
+      after = this.dom.childNodes[offset2];
     } else {
-      let bias = maxOffset(node) == 0 ? 0 : offset == 0 ? -1 : 1;
+      let bias = maxOffset(node) == 0 ? 0 : offset2 == 0 ? -1 : 1;
       for (; ; ) {
         let parent = node.parentNode;
         if (parent == this.dom)
@@ -5089,9 +5140,9 @@ class ContentView {
       pos += child.length + child.breakAfter;
     }
   }
-  domBoundsAround(from, to, offset = 0) {
+  domBoundsAround(from, to, offset2 = 0) {
     let fromI = -1, fromStart = -1, toI = -1, toEnd = -1;
-    for (let i = 0, pos = offset, prevEnd = offset; i < this.children.length; i++) {
+    for (let i = 0, pos = offset2, prevEnd = offset2; i < this.children.length; i++) {
       let child = this.children[i], end = pos + child.length;
       if (pos < from && end > to)
         return child.domBoundsAround(from, to, pos);
@@ -5109,7 +5160,7 @@ class ContentView {
     }
     return {
       from: fromStart,
-      to: toEnd < 0 ? offset + this.length : toEnd,
+      to: toEnd < 0 ? offset2 + this.length : toEnd,
       startDOM: (fromI ? this.children[fromI - 1].dom.nextSibling : null) || this.dom.firstChild,
       endDOM: toI < this.children.length && toI >= 0 ? this.children[toI].dom : null
     };
@@ -5371,14 +5422,14 @@ class TextView extends ContentView {
     result.flags |= this.flags & 8;
     return result;
   }
-  localPosFromDOM(node, offset) {
-    return node == this.dom ? offset : offset ? this.text.length : 0;
+  localPosFromDOM(node, offset2) {
+    return node == this.dom ? offset2 : offset2 ? this.text.length : 0;
   }
   domAtPos(pos) {
     return new DOMPos(this.dom, pos);
   }
-  domBoundsAround(_from, _to, offset) {
-    return { from: offset, to: offset + this.length, startDOM: this.dom, endDOM: this.dom.nextSibling };
+  domBoundsAround(_from, _to, offset2) {
+    return { from: offset2, to: offset2 + this.length, startDOM: this.dom, endDOM: this.dom.nextSibling };
   }
   coordsAt(pos, side) {
     return textCoords(this.dom, pos, side);
@@ -7353,11 +7404,11 @@ class DocView extends ContentView {
     }
     return null;
   }
-  posFromDOM(node, offset) {
+  posFromDOM(node, offset2) {
     let view = this.nearest(node);
     if (!view)
       throw new RangeError("Trying to find position for a DOM position outside of the document");
-    return view.localPosFromDOM(node, offset) + view.posAtStart;
+    return view.localPosFromDOM(node, offset2) + view.posAtStart;
   }
   domAtPos(pos) {
     let { i, off } = this.childCursor().findPos(pos, -1);
@@ -7616,33 +7667,33 @@ function findCompositionRange(view, changes, headPos) {
 }
 function nearbyTextNode(startNode, startOffset, side) {
   if (side <= 0)
-    for (let node = startNode, offset = startOffset; ; ) {
+    for (let node = startNode, offset2 = startOffset; ; ) {
       if (node.nodeType == 3)
-        return { node, offset };
-      if (node.nodeType == 1 && offset > 0) {
-        node = node.childNodes[offset - 1];
-        offset = maxOffset(node);
+        return { node, offset: offset2 };
+      if (node.nodeType == 1 && offset2 > 0) {
+        node = node.childNodes[offset2 - 1];
+        offset2 = maxOffset(node);
       } else {
         break;
       }
     }
   if (side >= 0)
-    for (let node = startNode, offset = startOffset; ; ) {
+    for (let node = startNode, offset2 = startOffset; ; ) {
       if (node.nodeType == 3)
-        return { node, offset };
-      if (node.nodeType == 1 && offset < node.childNodes.length && side >= 0) {
-        node = node.childNodes[offset];
-        offset = 0;
+        return { node, offset: offset2 };
+      if (node.nodeType == 1 && offset2 < node.childNodes.length && side >= 0) {
+        node = node.childNodes[offset2];
+        offset2 = 0;
       } else {
         break;
       }
     }
   return null;
 }
-function nextToUneditable(node, offset) {
+function nextToUneditable(node, offset2) {
   if (node.nodeType != 1)
     return 0;
-  return (offset && node.childNodes[offset - 1].contentEditable == "false" ? 1 : 0) | (offset < node.childNodes.length && node.childNodes[offset].contentEditable == "false" ? 2 : 0);
+  return (offset2 && node.childNodes[offset2 - 1].contentEditable == "false" ? 1 : 0) | (offset2 < node.childNodes.length && node.childNodes[offset2].contentEditable == "false" ? 2 : 0);
 }
 let DecorationComparator$1 = class DecorationComparator {
   constructor() {
@@ -7770,8 +7821,8 @@ function domPosAtCoords(parent, x, y) {
     return domPosInText(closest, clipX, y);
   if (closestOverlap && closest.contentEditable != "false")
     return domPosAtCoords(closest, clipX, y);
-  let offset = Array.prototype.indexOf.call(parent.childNodes, closest) + (x >= (closestRect.left + closestRect.right) / 2 ? 1 : 0);
-  return { node: parent, offset };
+  let offset2 = Array.prototype.indexOf.call(parent.childNodes, closest) + (x >= (closestRect.left + closestRect.right) / 2 ? 1 : 0);
+  return { node: parent, offset: offset2 };
 }
 function domPosInText(node, x, y) {
   let len = node.nodeValue.length;
@@ -7841,17 +7892,17 @@ function posAtCoords(view, coords, precise, bias = -1) {
     if (element && !view.contentDOM.contains(element))
       element = null;
   }
-  let node, offset = -1;
+  let node, offset2 = -1;
   if (element && ((_a2 = view.docView.nearest(element)) === null || _a2 === void 0 ? void 0 : _a2.isEditable) != false) {
     if (doc2.caretPositionFromPoint) {
       let pos = doc2.caretPositionFromPoint(x, y);
       if (pos)
-        ({ offsetNode: node, offset } = pos);
+        ({ offsetNode: node, offset: offset2 } = pos);
     } else if (doc2.caretRangeFromPoint) {
       let range = doc2.caretRangeFromPoint(x, y);
       if (range) {
-        ({ startContainer: node, startOffset: offset } = range);
-        if (!view.contentDOM.contains(node) || browser.safari && isSuspiciousSafariCaretResult(node, offset, x) || browser.chrome && isSuspiciousChromeCaretResult(node, offset, x))
+        ({ startContainer: node, startOffset: offset2 } = range);
+        if (!view.contentDOM.contains(node) || browser.safari && isSuspiciousSafariCaretResult(node, offset2, x) || browser.chrome && isSuspiciousChromeCaretResult(node, offset2, x))
           node = void 0;
       }
     }
@@ -7860,7 +7911,7 @@ function posAtCoords(view, coords, precise, bias = -1) {
     let line = LineView.find(view.docView, lineStart);
     if (!line)
       return yOffset > block.top + block.height / 2 ? block.to : block.from;
-    ({ node, offset } = domPosAtCoords(line.dom, x, y));
+    ({ node, offset: offset2 } = domPosAtCoords(line.dom, x, y));
   }
   let nearest = view.docView.nearest(node);
   if (!nearest)
@@ -7869,7 +7920,7 @@ function posAtCoords(view, coords, precise, bias = -1) {
     let rect = nearest.dom.getBoundingClientRect();
     return coords.y < rect.top || coords.y <= rect.bottom && coords.x <= (rect.left + rect.right) / 2 ? nearest.posAtStart : nearest.posAtEnd;
   } else {
-    return nearest.localPosFromDOM(node, offset) + nearest.posAtStart;
+    return nearest.localPosFromDOM(node, offset2) + nearest.posAtStart;
   }
 }
 function posAtCoordsImprecise(view, contentRect, block, x, y) {
@@ -7882,17 +7933,17 @@ function posAtCoordsImprecise(view, contentRect, block, x, y) {
   let content2 = view.state.sliceDoc(block.from, block.to);
   return block.from + findColumn$1(content2, into, view.state.tabSize);
 }
-function isSuspiciousSafariCaretResult(node, offset, x) {
+function isSuspiciousSafariCaretResult(node, offset2, x) {
   let len;
-  if (node.nodeType != 3 || offset != (len = node.nodeValue.length))
+  if (node.nodeType != 3 || offset2 != (len = node.nodeValue.length))
     return false;
   for (let next = node.nextSibling; next; next = next.nextSibling)
     if (next.nodeType != 1 || next.nodeName != "BR")
       return false;
   return textRange(node, len - 1, len).getBoundingClientRect().left > x;
 }
-function isSuspiciousChromeCaretResult(node, offset, x) {
-  if (offset != 0)
+function isSuspiciousChromeCaretResult(node, offset2, x) {
+  if (offset2 != 0)
     return false;
   for (let cur2 = node; ; ) {
     let parent = cur2.parentNode;
@@ -8990,18 +9041,18 @@ class HeightMapBlock extends HeightMap {
     super(length, height);
     this.deco = deco;
   }
-  blockAt(_height, _oracle, top2, offset) {
-    return new BlockInfo(offset, this.length, top2, this.height, this.deco || 0);
+  blockAt(_height, _oracle, top2, offset2) {
+    return new BlockInfo(offset2, this.length, top2, this.height, this.deco || 0);
   }
-  lineAt(_value, _type, oracle, top2, offset) {
-    return this.blockAt(0, oracle, top2, offset);
+  lineAt(_value, _type, oracle, top2, offset2) {
+    return this.blockAt(0, oracle, top2, offset2);
   }
-  forEachLine(from, to, oracle, top2, offset, f) {
-    if (from <= offset + this.length && to >= offset)
-      f(this.blockAt(0, oracle, top2, offset));
+  forEachLine(from, to, oracle, top2, offset2, f) {
+    if (from <= offset2 + this.length && to >= offset2)
+      f(this.blockAt(0, oracle, top2, offset2));
   }
-  updateHeight(oracle, offset = 0, _force = false, measured) {
-    if (measured && measured.from <= offset && measured.more)
+  updateHeight(oracle, offset2 = 0, _force = false, measured) {
+    if (measured && measured.from <= offset2 && measured.more)
       this.setHeight(oracle, measured.heights[measured.index++]);
     this.outdated = false;
     return this;
@@ -9017,8 +9068,8 @@ class HeightMapText extends HeightMapBlock {
     this.widgetHeight = 0;
     this.breaks = 0;
   }
-  blockAt(_height, _oracle, top2, offset) {
-    return new BlockInfo(offset, this.length, top2, this.height, this.breaks);
+  blockAt(_height, _oracle, top2, offset2) {
+    return new BlockInfo(offset2, this.length, top2, this.height, this.breaks);
   }
   replace(_from, _to, nodes) {
     let node = nodes[0];
@@ -9034,8 +9085,8 @@ class HeightMapText extends HeightMapBlock {
       return HeightMap.of(nodes);
     }
   }
-  updateHeight(oracle, offset = 0, force = false, measured) {
-    if (measured && measured.from <= offset && measured.more)
+  updateHeight(oracle, offset2 = 0, force = false, measured) {
+    if (measured && measured.from <= offset2 && measured.more)
       this.setHeight(oracle, measured.heights[measured.index++]);
     else if (force || this.outdated)
       this.setHeight(oracle, Math.max(this.widgetHeight, oracle.heightForLine(this.length - this.collapsed)) + this.breaks * oracle.lineHeight);
@@ -9050,8 +9101,8 @@ class HeightMapGap extends HeightMap {
   constructor(length) {
     super(length, 0);
   }
-  heightMetrics(oracle, offset) {
-    let firstLine = oracle.doc.lineAt(offset).number, lastLine = oracle.doc.lineAt(offset + this.length).number;
+  heightMetrics(oracle, offset2) {
+    let firstLine = oracle.doc.lineAt(offset2).number, lastLine = oracle.doc.lineAt(offset2 + this.length).number;
     let lines = lastLine - firstLine + 1;
     let perLine, perChar = 0;
     if (oracle.lineWrapping) {
@@ -9064,10 +9115,10 @@ class HeightMapGap extends HeightMap {
     }
     return { firstLine, lastLine, perLine, perChar };
   }
-  blockAt(height, oracle, top2, offset) {
-    let { firstLine, lastLine, perLine, perChar } = this.heightMetrics(oracle, offset);
+  blockAt(height, oracle, top2, offset2) {
+    let { firstLine, lastLine, perLine, perChar } = this.heightMetrics(oracle, offset2);
     if (oracle.lineWrapping) {
-      let guess = offset + Math.round(Math.max(0, Math.min(1, (height - top2) / this.height)) * this.length);
+      let guess = offset2 + Math.round(Math.max(0, Math.min(1, (height - top2) / this.height)) * this.length);
       let line = oracle.doc.lineAt(guess), lineHeight = perLine + line.length * perChar;
       let lineTop = Math.max(top2, height - lineHeight / 2);
       return new BlockInfo(line.from, line.length, lineTop, lineHeight, 0);
@@ -9077,28 +9128,28 @@ class HeightMapGap extends HeightMap {
       return new BlockInfo(from, length, top2 + perLine * line, perLine, 0);
     }
   }
-  lineAt(value, type, oracle, top2, offset) {
+  lineAt(value, type, oracle, top2, offset2) {
     if (type == QueryType.ByHeight)
-      return this.blockAt(value, oracle, top2, offset);
+      return this.blockAt(value, oracle, top2, offset2);
     if (type == QueryType.ByPosNoHeight) {
       let { from, to } = oracle.doc.lineAt(value);
       return new BlockInfo(from, to - from, 0, 0, 0);
     }
-    let { firstLine, perLine, perChar } = this.heightMetrics(oracle, offset);
+    let { firstLine, perLine, perChar } = this.heightMetrics(oracle, offset2);
     let line = oracle.doc.lineAt(value), lineHeight = perLine + line.length * perChar;
     let linesAbove = line.number - firstLine;
-    let lineTop = top2 + perLine * linesAbove + perChar * (line.from - offset - linesAbove);
+    let lineTop = top2 + perLine * linesAbove + perChar * (line.from - offset2 - linesAbove);
     return new BlockInfo(line.from, line.length, Math.max(top2, Math.min(lineTop, top2 + this.height - lineHeight)), lineHeight, 0);
   }
-  forEachLine(from, to, oracle, top2, offset, f) {
-    from = Math.max(from, offset);
-    to = Math.min(to, offset + this.length);
-    let { firstLine, perLine, perChar } = this.heightMetrics(oracle, offset);
+  forEachLine(from, to, oracle, top2, offset2, f) {
+    from = Math.max(from, offset2);
+    to = Math.min(to, offset2 + this.length);
+    let { firstLine, perLine, perChar } = this.heightMetrics(oracle, offset2);
     for (let pos = from, lineTop = top2; pos <= to; ) {
       let line = oracle.doc.lineAt(pos);
       if (pos == from) {
         let linesAbove = line.number - firstLine;
-        lineTop += perLine * linesAbove + perChar * (from - offset - linesAbove);
+        lineTop += perLine * linesAbove + perChar * (from - offset2 - linesAbove);
       }
       let lineHeight = perLine + perChar * line.length;
       f(new BlockInfo(line.from, line.length, lineTop, lineHeight, 0));
@@ -9130,12 +9181,12 @@ class HeightMapGap extends HeightMap {
   decomposeRight(from, result) {
     result.push(null, new HeightMapGap(this.length - from - 1));
   }
-  updateHeight(oracle, offset = 0, force = false, measured) {
-    let end = offset + this.length;
-    if (measured && measured.from <= offset + this.length && measured.more) {
-      let nodes = [], pos = Math.max(offset, measured.from), singleHeight = -1;
-      if (measured.from > offset)
-        nodes.push(new HeightMapGap(measured.from - offset - 1).updateHeight(oracle, offset));
+  updateHeight(oracle, offset2 = 0, force = false, measured) {
+    let end = offset2 + this.length;
+    if (measured && measured.from <= offset2 + this.length && measured.more) {
+      let nodes = [], pos = Math.max(offset2, measured.from), singleHeight = -1;
+      if (measured.from > offset2)
+        nodes.push(new HeightMapGap(measured.from - offset2 - 1).updateHeight(oracle, offset2));
       while (pos <= end && measured.more) {
         let len = oracle.doc.lineAt(pos).length;
         if (nodes.length)
@@ -9153,11 +9204,11 @@ class HeightMapGap extends HeightMap {
       if (pos <= end)
         nodes.push(null, new HeightMapGap(end - pos).updateHeight(oracle, pos));
       let result = HeightMap.of(nodes);
-      if (singleHeight < 0 || Math.abs(result.height - this.height) >= Epsilon || Math.abs(singleHeight - this.heightMetrics(oracle, offset).perLine) >= Epsilon)
+      if (singleHeight < 0 || Math.abs(result.height - this.height) >= Epsilon || Math.abs(singleHeight - this.heightMetrics(oracle, offset2).perLine) >= Epsilon)
         oracle.heightChanged = true;
       return result;
     } else if (force || this.outdated) {
-      this.setHeight(oracle, oracle.heightForGap(offset, offset + this.length));
+      this.setHeight(oracle, oracle.heightForGap(offset2, offset2 + this.length));
       this.outdated = false;
     }
     return this;
@@ -9176,33 +9227,33 @@ class HeightMapBranch extends HeightMap {
   get break() {
     return this.flags & 1;
   }
-  blockAt(height, oracle, top2, offset) {
+  blockAt(height, oracle, top2, offset2) {
     let mid = top2 + this.left.height;
-    return height < mid ? this.left.blockAt(height, oracle, top2, offset) : this.right.blockAt(height, oracle, mid, offset + this.left.length + this.break);
+    return height < mid ? this.left.blockAt(height, oracle, top2, offset2) : this.right.blockAt(height, oracle, mid, offset2 + this.left.length + this.break);
   }
-  lineAt(value, type, oracle, top2, offset) {
-    let rightTop = top2 + this.left.height, rightOffset = offset + this.left.length + this.break;
+  lineAt(value, type, oracle, top2, offset2) {
+    let rightTop = top2 + this.left.height, rightOffset = offset2 + this.left.length + this.break;
     let left = type == QueryType.ByHeight ? value < rightTop : value < rightOffset;
-    let base2 = left ? this.left.lineAt(value, type, oracle, top2, offset) : this.right.lineAt(value, type, oracle, rightTop, rightOffset);
+    let base2 = left ? this.left.lineAt(value, type, oracle, top2, offset2) : this.right.lineAt(value, type, oracle, rightTop, rightOffset);
     if (this.break || (left ? base2.to < rightOffset : base2.from > rightOffset))
       return base2;
     let subQuery = type == QueryType.ByPosNoHeight ? QueryType.ByPosNoHeight : QueryType.ByPos;
     if (left)
       return base2.join(this.right.lineAt(rightOffset, subQuery, oracle, rightTop, rightOffset));
     else
-      return this.left.lineAt(rightOffset, subQuery, oracle, top2, offset).join(base2);
+      return this.left.lineAt(rightOffset, subQuery, oracle, top2, offset2).join(base2);
   }
-  forEachLine(from, to, oracle, top2, offset, f) {
-    let rightTop = top2 + this.left.height, rightOffset = offset + this.left.length + this.break;
+  forEachLine(from, to, oracle, top2, offset2, f) {
+    let rightTop = top2 + this.left.height, rightOffset = offset2 + this.left.length + this.break;
     if (this.break) {
       if (from < rightOffset)
-        this.left.forEachLine(from, to, oracle, top2, offset, f);
+        this.left.forEachLine(from, to, oracle, top2, offset2, f);
       if (to >= rightOffset)
         this.right.forEachLine(from, to, oracle, rightTop, rightOffset, f);
     } else {
-      let mid = this.lineAt(rightOffset, QueryType.ByPos, oracle, top2, offset);
+      let mid = this.lineAt(rightOffset, QueryType.ByPos, oracle, top2, offset2);
       if (from < mid.from)
-        this.left.forEachLine(from, mid.from - 1, oracle, top2, offset, f);
+        this.left.forEachLine(from, mid.from - 1, oracle, top2, offset2, f);
       if (mid.to >= from && mid.from <= to)
         f(mid);
       if (to > mid.to)
@@ -9264,12 +9315,12 @@ class HeightMapBranch extends HeightMap {
     this.length = left.length + this.break + right.length;
     return this;
   }
-  updateHeight(oracle, offset = 0, force = false, measured) {
-    let { left, right } = this, rightStart = offset + left.length + this.break, rebalance = null;
-    if (measured && measured.from <= offset + left.length && measured.more)
-      rebalance = left = left.updateHeight(oracle, offset, force, measured);
+  updateHeight(oracle, offset2 = 0, force = false, measured) {
+    let { left, right } = this, rightStart = offset2 + left.length + this.break, rebalance = null;
+    if (measured && measured.from <= offset2 + left.length && measured.more)
+      rebalance = left = left.updateHeight(oracle, offset2, force, measured);
     else
-      left.updateHeight(oracle, offset, force);
+      left.updateHeight(oracle, offset2, force);
     if (measured && measured.from <= rightStart + right.length && measured.more)
       rebalance = right = right.updateHeight(oracle, rightStart, force, measured);
     else
@@ -10350,13 +10401,13 @@ class DOMReader {
         point.pos = this.text.length + (isAtEnd(node, point.node, point.offset) ? length : 0);
   }
 }
-function isAtEnd(parent, node, offset) {
+function isAtEnd(parent, node, offset2) {
   for (; ; ) {
-    if (!node || offset < maxOffset(node))
+    if (!node || offset2 < maxOffset(node))
       return false;
     if (node == parent)
       return true;
-    offset = domIndex(node) + 1;
+    offset2 = domIndex(node) + 1;
     node = node.parentNode;
   }
 }
@@ -10364,9 +10415,9 @@ function isBlockElement(node) {
   return node.nodeType == 1 && /^(DIV|P|LI|UL|OL|BLOCKQUOTE|DD|DT|H\d|SECTION|PRE)$/.test(node.nodeName);
 }
 class DOMPoint {
-  constructor(node, offset) {
+  constructor(node, offset2) {
     this.node = node;
-    this.offset = offset;
+    this.offset = offset2;
     this.pos = -1;
   }
 }
@@ -10488,11 +10539,11 @@ function applyDefaultInsert(view, change, newSel) {
       } else {
         compositionRange = view.state.doc.lineAt(sel.head);
       }
-      let offset = sel.to - change.to, size = sel.to - sel.from;
+      let offset2 = sel.to - change.to, size = sel.to - sel.from;
       tr = startState.changeByRange((range) => {
         if (range.from == sel.from && range.to == sel.to)
           return { changes, range: mainSel || range.map(changes) };
-        let to = range.to - offset, from = to - replaced.length;
+        let to = range.to - offset2, from = to - replaced.length;
         if (range.to - range.from != size || view.state.sliceDoc(from, to) != replaced || // Unfortunately, there's no way to make multiple
         // changes in the same node work without aborting
         // composition, so cursors in the composition range are
@@ -11606,8 +11657,8 @@ class EditorView {
   for associating positions with DOM events. Will raise an error
   when `node` isn't part of the editor content.
   */
-  posAtDOM(node, offset = 0) {
-    return this.docView.posFromDOM(node, offset);
+  posAtDOM(node, offset2 = 0) {
+    return this.docView.posFromDOM(node, offset2);
   }
   posAtCoords(coords, precise = true) {
     this.readMeasured();
@@ -12597,10 +12648,10 @@ const tooltipPlugin = /* @__PURE__ */ ViewPlugin.fromClass(class {
       let arrow = tooltip.arrow ? tView.dom.querySelector(".cm-tooltip-arrow") : null;
       let arrowHeight = arrow ? 7 : 0;
       let width = size.right - size.left, height = (_a2 = knownHeight.get(tView)) !== null && _a2 !== void 0 ? _a2 : size.bottom - size.top;
-      let offset = tView.offset || noOffset, ltr = this.view.textDirection == Direction.LTR;
-      let left = size.width > space2.right - space2.left ? ltr ? space2.left : space2.right - size.width : ltr ? Math.min(pos.left - (arrow ? 14 : 0) + offset.x, space2.right - width) : Math.max(space2.left, pos.left - width + (arrow ? 14 : 0) - offset.x);
+      let offset2 = tView.offset || noOffset, ltr = this.view.textDirection == Direction.LTR;
+      let left = size.width > space2.right - space2.left ? ltr ? space2.left : space2.right - size.width : ltr ? Math.min(pos.left - (arrow ? 14 : 0) + offset2.x, space2.right - width) : Math.max(space2.left, pos.left - width + (arrow ? 14 : 0) - offset2.x);
       let above = this.above[i];
-      if (!tooltip.strictSide && (above ? pos.top - (size.bottom - size.top) - offset.y < space2.top : pos.bottom + (size.bottom - size.top) + offset.y > space2.bottom) && above == space2.bottom - pos.bottom > pos.top - space2.top)
+      if (!tooltip.strictSide && (above ? pos.top - (size.bottom - size.top) - offset2.y < space2.top : pos.bottom + (size.bottom - size.top) + offset2.y > space2.bottom) && above == space2.bottom - pos.bottom > pos.top - space2.top)
         above = this.above[i] = !above;
       let spaceVert = (above ? pos.top - space2.top : space2.bottom - pos.bottom) - arrowHeight;
       if (spaceVert < height && tView.resize !== false) {
@@ -12613,7 +12664,7 @@ const tooltipPlugin = /* @__PURE__ */ ViewPlugin.fromClass(class {
       } else if (dom.style.height) {
         dom.style.height = "";
       }
-      let top2 = above ? pos.top - height - arrowHeight - offset.y : pos.bottom + arrowHeight + offset.y;
+      let top2 = above ? pos.top - height - arrowHeight - offset2.y : pos.bottom + arrowHeight + offset2.y;
       let right = left + width;
       if (tView.overlap !== true) {
         for (let r2 of others)
@@ -12628,7 +12679,7 @@ const tooltipPlugin = /* @__PURE__ */ ViewPlugin.fromClass(class {
         dom.style.left = left / scaleX + "px";
       }
       if (arrow) {
-        let arrowLeft = pos.left + (ltr ? offset.x : -offset.x) - (left + 14 - 7);
+        let arrowLeft = pos.left + (ltr ? offset2.x : -offset2.x) - (left + 14 - 7);
         arrow.style.left = arrowLeft / scaleX + "px";
       }
       if (tView.overlap !== true)
@@ -14578,7 +14629,7 @@ function balanceRange(balanceType, children, positions, from, to, start, length,
     /* Balance.BranchFactor */
   );
   let localChildren = [], localPositions = [];
-  function divide(children2, positions2, from2, to2, offset) {
+  function divide(children2, positions2, from2, to2, offset2) {
     for (let i = from2; i < to2; ) {
       let groupFrom = i, groupStart = positions2[i], groupSize = nodeSize(balanceType, children2[i]);
       i++;
@@ -14591,7 +14642,7 @@ function balanceRange(balanceType, children, positions, from, to, start, length,
       if (i == groupFrom + 1) {
         if (groupSize > maxChild) {
           let only = children2[groupFrom];
-          divide(only.children, only.positions, 0, only.children.length, positions2[groupFrom] + offset);
+          divide(only.children, only.positions, 0, only.children.length, positions2[groupFrom] + offset2);
           continue;
         }
         localChildren.push(children2[groupFrom]);
@@ -14599,7 +14650,7 @@ function balanceRange(balanceType, children, positions, from, to, start, length,
         let length2 = positions2[i - 1] + children2[i - 1].length - groupStart;
         localChildren.push(balanceRange(balanceType, children2, positions2, groupFrom, i, groupStart, length2, null, mkTree));
       }
-      localPositions.push(groupStart + offset - start);
+      localPositions.push(groupStart + offset2 - start);
     }
   }
   divide(children, positions, from, to, 0);
@@ -14658,11 +14709,11 @@ class TreeFragment {
   [`applyChanges`](#common.TreeFragment^applyChanges) instead of
   calling this directly.
   */
-  constructor(from, to, tree, offset, openStart = false, openEnd = false) {
+  constructor(from, to, tree, offset2, openStart = false, openEnd = false) {
     this.from = from;
     this.to = to;
     this.tree = tree;
-    this.offset = offset;
+    this.offset = offset2;
     this.open = (openStart ? 1 : 0) | (openEnd ? 2 : 0);
   }
   /**
@@ -14979,8 +15030,8 @@ function materialize(cursor) {
   }
 }
 class StructureCursor {
-  constructor(root, offset) {
-    this.offset = offset;
+  constructor(root, offset2) {
+    this.offset = offset2;
     this.done = false;
     this.cursor = root.cursor(IterMode.IncludeAnonymous | IterMode.IgnoreMounts);
   }
@@ -17317,7 +17368,7 @@ function joinClass(a, b) {
 }
 function defaultPositionInfo(view, list, option, info, space2, tooltip) {
   let rtl = view.textDirection == Direction.RTL, left = rtl, narrow = false;
-  let side = "top", offset, maxWidth;
+  let side = "top", offset2, maxWidth;
   let spaceLeft = list.left - space2.left, spaceRight = space2.right - list.right;
   let infoWidth = info.right - info.left, infoHeight = info.bottom - info.top;
   if (left && spaceLeft < Math.min(infoWidth, spaceRight))
@@ -17325,7 +17376,7 @@ function defaultPositionInfo(view, list, option, info, space2, tooltip) {
   else if (!left && spaceRight < Math.min(infoWidth, spaceLeft))
     left = true;
   if (infoWidth <= (left ? spaceLeft : spaceRight)) {
-    offset = Math.max(space2.top, Math.min(option.top, space2.bottom - infoHeight)) - list.top;
+    offset2 = Math.max(space2.top, Math.min(option.top, space2.bottom - infoHeight)) - list.top;
     maxWidth = Math.min(400, left ? spaceLeft : spaceRight);
   } else {
     narrow = true;
@@ -17336,16 +17387,16 @@ function defaultPositionInfo(view, list, option, info, space2, tooltip) {
     );
     let spaceBelow = space2.bottom - list.bottom;
     if (spaceBelow >= infoHeight || spaceBelow > list.top) {
-      offset = option.bottom - list.top;
+      offset2 = option.bottom - list.top;
     } else {
       side = "bottom";
-      offset = list.bottom - option.top;
+      offset2 = list.bottom - option.top;
     }
   }
   let scaleY = (list.bottom - list.top) / tooltip.offsetHeight;
   let scaleX = (list.right - list.left) / tooltip.offsetWidth;
   return {
-    style: `${side}: ${offset / scaleY}px; max-width: ${maxWidth / scaleX}px`,
+    style: `${side}: ${offset2 / scaleY}px; max-width: ${maxWidth / scaleX}px`,
     class: "cm-completionInfo-" + (narrow ? rtl ? "left-narrow" : "right-narrow" : left ? "left" : "right")
   };
 }
@@ -19380,9 +19431,9 @@ class InputStream {
   /**
   @internal
   */
-  resolveOffset(offset, assoc) {
+  resolveOffset(offset2, assoc) {
     let range = this.range, index = this.rangeIndex;
-    let pos = this.pos + offset;
+    let pos = this.pos + offset2;
     while (pos < range.from) {
       if (!index)
         return null;
@@ -19421,13 +19472,13 @@ class InputStream {
   cause invalid reparses when looking backward more than 25 code
   units, since the library does not track lookbehind.
   */
-  peek(offset) {
-    let idx = this.chunkOff + offset, pos, result;
+  peek(offset2) {
+    let idx = this.chunkOff + offset2, pos, result;
     if (idx >= 0 && idx < this.chunk.length) {
-      pos = this.pos + offset;
+      pos = this.pos + offset2;
       result = this.chunk.charCodeAt(idx);
     } else {
-      let resolved = this.resolveOffset(offset, 1);
+      let resolved = this.resolveOffset(offset2, 1);
       if (resolved == null)
         return -1;
       pos = resolved;
@@ -21582,19 +21633,19 @@ function isSpace$1(ch) {
   return ch == 9 || ch == 10 || ch == 13 || ch == 32;
 }
 let cachedName = null, cachedInput = null, cachedPos = 0;
-function tagNameAfter(input, offset) {
-  let pos = input.pos + offset;
+function tagNameAfter(input, offset2) {
+  let pos = input.pos + offset2;
   if (cachedPos == pos && cachedInput == input)
     return cachedName;
-  let next = input.peek(offset);
+  let next = input.peek(offset2);
   while (isSpace$1(next))
-    next = input.peek(++offset);
+    next = input.peek(++offset2);
   let name2 = "";
   for (; ; ) {
     if (!nameChar(next))
       break;
     name2 += String.fromCharCode(next);
-    next = input.peek(++offset);
+    next = input.peek(++offset2);
   }
   cachedInput = input;
   cachedPos = pos;
@@ -23917,7 +23968,7 @@ function getCodeMirrorExtensions({
   }
   return extensions;
 }
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "CodeMirror",
   props: {
     content: {},
@@ -23954,9 +24005,9 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CodeMirror = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-9f50a430"]]);
-const _hoisted_1$m = { class: "scalar-modal-layout modal-layout" };
-const _sfc_main$o = /* @__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({
   __name: "FlowModal",
   props: {
     state: {},
@@ -23972,7 +24023,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
         onClose: _cache[0] || (_cache[0] = ($event) => _ctx.state.hide())
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$m, [
+          createElementVNode("div", _hoisted_1$s, [
             createVNode(unref(DialogPanel), {
               class: normalizeClass(["modal", {
                 "modal-content-large": _ctx.variant === "large",
@@ -24011,7 +24062,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FlowModal = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-a06b8e92"]]);
+const FlowModal = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-a06b8e92"]]);
 const useModal = () => reactive({
   open: false,
   show() {
@@ -24039,6 +24090,100 @@ const findVariables = (value) => {
   const regex = /(?:\{+)\s*(\w+)\s*(?:\}+)/g;
   return [...value.matchAll(regex)].map((match) => match[1].trim()) || [];
 };
+function authenticationRequired(security) {
+  if (!security) {
+    return false;
+  }
+  if (Array.isArray(security) && !security.length) {
+    return false;
+  }
+  if ((security ?? []).some(
+    (securityRequirement) => !Object.keys(securityRequirement).length
+  )) {
+    return false;
+  }
+  return true;
+}
+function getRequestFromAuthentication(authentication2, operationSecurity) {
+  var _a2;
+  const headers = [];
+  const queryString = [];
+  const cookies = [];
+  if (!authentication2.preferredSecurityScheme || !authenticationRequired(operationSecurity)) {
+    return { headers, queryString, cookies };
+  }
+  const operationAllowsSelectedSecurityScheme = operationSecurity == null ? void 0 : operationSecurity.some(
+    (securityRequirement) => authentication2.preferredSecurityScheme && Object.keys(securityRequirement).includes(
+      authentication2.preferredSecurityScheme
+    )
+  );
+  const operationSecurityKey = operationAllowsSelectedSecurityScheme ? 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") {
+      if ("in" in securityScheme && securityScheme.in === "header") {
+        const token = authentication2.apiKey.token.length ? authentication2.apiKey.token : "YOUR_TOKEN";
+        headers.push({
+          name: "name" in securityScheme ? securityScheme.name : "",
+          value: token
+        });
+      } else if ("in" in securityScheme && securityScheme.in === "cookie") {
+        const token = authentication2.apiKey.token.length ? authentication2.apiKey.token : "YOUR_TOKEN";
+        cookies.push({
+          name: securityScheme.name,
+          value: token
+        });
+      } else if ("in" in securityScheme && securityScheme.in === "query") {
+        const token = authentication2.apiKey.token.length ? authentication2.apiKey.token : "YOUR_TOKEN";
+        queryString.push({
+          name: securityScheme.name,
+          value: token
+        });
+      }
+    } else if ("type" in securityScheme && // @ts-ignore
+    (securityScheme.type === "http" || securityScheme.type === "basic")) {
+      if ("type" in securityScheme && // @ts-ignore
+      (securityScheme.type === "basic" || securityScheme.type === "http" && securityScheme.scheme === "basic")) {
+        const { username, password } = authentication2.http.basic;
+        const token = getBase64Token(username, password);
+        headers.push({
+          name: "Authorization",
+          value: `Basic ${token}`.trim()
+        });
+      } else if ("type" in securityScheme && securityScheme.type === "http" && securityScheme.scheme === "bearer") {
+        const token = authentication2.http.bearer.token.length ? authentication2.http.bearer.token : "YOUR_SECRET_TOKEN";
+        headers.push({
+          name: "Authorization",
+          value: `Bearer ${token}`
+        });
+      }
+    } else if ("type" in securityScheme && securityScheme.type.toLowerCase() === "oauth2") {
+      const token = authentication2.oAuth2.accessToken || "YOUR_SECRET_TOKEN";
+      headers.push({
+        name: "Authorization",
+        value: `Bearer ${token}`
+      });
+    }
+  }
+  return { headers, queryString, cookies };
+}
+function getBase64Token(username, password) {
+  return (username == null ? void 0 : username.length) || (password == null ? void 0 : password.length) ? encodeStringAsBase64(`${username}:${password}`) : "";
+}
+function getSecretCredentialsFromAuthentication(authentication2) {
+  return [
+    authentication2.apiKey.token,
+    authentication2.http.bearer.token,
+    authentication2.oAuth2.accessToken,
+    // The basic auth token is the base64 encoded username and password
+    getBase64Token(
+      authentication2.http.basic.username,
+      authentication2.http.basic.password
+    ),
+    // The plain text password shouldn’t appear anyway, but just in case
+    authentication2.http.basic.password
+  ].filter(Boolean);
+}
 function humanDiff(unixTimestamp) {
   const seconds = Math.floor(((/* @__PURE__ */ new Date()).getTime() - unixTimestamp) / 1e3);
   if (seconds < 45) {
@@ -25926,42 +26071,45 @@ const isJsonString = (value) => {
     return false;
   return !!json.parseSafe(value, false);
 };
+function enable(items) {
+  return (items ?? []).map((item) => ({ ...item, enabled: true }));
+}
 const prepareClientRequestConfig = (configuration) => {
-  var _a2;
-  const { authState: authState2, request } = configuration;
-  if (authState2.type === "basic" && authState2.basic.active) {
-    request.headers = [
-      ...request.headers ?? [],
-      {
-        name: "Authorization",
-        value: `Basic ${btoa(
-          `${authState2.basic.username}:${authState2.basic.password}`
-        )}`,
-        enabled: true
-      }
-    ];
-  } else if (authState2.type === "bearer" && authState2.bearer.active) {
-    request.headers = [
-      ...request.headers ?? [],
-      {
-        name: "Authorization",
-        value: `Bearer ${authState2.bearer.token}`,
-        enabled: true
-      }
-    ];
-  }
+  var _a2, _b;
+  const { request } = configuration;
+  const { authentication: authentication2 } = useAuthenticationStore();
+  const {
+    openApi: { operation, globalSecurity }
+  } = useOpenApiStore();
+  const authenticationRequest = getRequestFromAuthentication(
+    authentication2,
+    ((_a2 = operation == null ? void 0 : operation.information) == null ? void 0 : _a2.security) ?? globalSecurity
+  );
+  request.headers = [
+    ...request.headers ?? [],
+    ...enable(authenticationRequest.headers)
+  ];
+  request.cookies = [
+    ...request.cookies ?? [],
+    ...enable(authenticationRequest.cookies)
+  ];
+  request.query = [
+    ...request.query ?? [],
+    ...enable(authenticationRequest.queryString)
+  ];
   if (request.body && isJsonString(request.body)) {
-    const hasContentTypeHeader = (_a2 = request.headers) == null ? void 0 : _a2.some(
+    const hasContentTypeHeader = (_b = request.headers) == null ? void 0 : _b.some(
       (header) => header.name.toLowerCase() === "content-type"
     );
     if (!hasContentTypeHeader) {
       request.headers = [
         ...request.headers ?? [],
-        {
-          name: "Content-Type",
-          value: `application/json; charset=utf-8`,
-          enabled: true
-        }
+        ...enable([
+          {
+            name: "Content-Type",
+            value: `application/json; charset=utf-8`
+          }
+        ])
       ];
     }
     request.body = JSON.parse(request.body);
@@ -26095,10 +26243,10 @@ async function sendRequest(request, proxyUrl) {
     responseId: nanoid()
   };
 }
-const _hoisted_1$l = { class: "navtable-item-40 navtable-item-request" };
-const _hoisted_2$f = { class: "navtable-item-40 navtable-item-response" };
-const _hoisted_3$a = { class: "navtable-item-20 navtable-item-time" };
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+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({
   __name: "RequestHistoryItem",
   props: {
     history: {}
@@ -26119,7 +26267,7 @@ const _sfc_main$n = /* @__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$l, [
+        createElementVNode("div", _hoisted_1$r, [
           createElementVNode("button", {
             class: normalizeClass(["radio", unref(requestHistory2)[_ctx.history].request.type.toLowerCase()]),
             type: "button"
@@ -26129,7 +26277,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             createTextVNode(" " + toDisplayString(unref(requestHistory2)[_ctx.history].request.url), 1)
           ])
         ]),
-        createElementVNode("div", _hoisted_2$f, [
+        createElementVNode("div", _hoisted_2$h, [
           createElementVNode("span", null, toDisplayString(unref(prettyMilliseconds)(unref(requestHistory2)[_ctx.history].response.duration)), 1),
           createElementVNode("span", {
             class: normalizeClass(`scalar-api-client__status--${String(
@@ -26138,30 +26286,30 @@ const _sfc_main$n = /* @__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$a, [
+        createElementVNode("div", _hoisted_3$c, [
           createElementVNode("span", null, toDisplayString(unref(humanDiff)(unref(requestHistory2)[_ctx.history].sentTime)), 1)
         ])
       ], 2);
     };
   }
 });
-const RequestHistoryItem = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-dd49a57f"]]);
-const _hoisted_1$k = { class: "navigation-content-item" };
-const _hoisted_2$e = { class: "navtable" };
-const _hoisted_3$9 = { class: "navtable-table" };
-const _hoisted_4$7 = /* @__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$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 _hoisted_5$6 = { class: "navtable-radios" };
-const _hoisted_6$5 = /* @__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$m = /* @__PURE__ */ defineComponent({
+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({
   __name: "RequestHistory",
   emits: ["toggle"],
   setup(__props) {
     const { requestHistoryOrder: requestHistoryOrder2 } = useRequestStore();
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$k, [
-        createElementVNode("div", _hoisted_2$e, [
-          createElementVNode("div", _hoisted_3$9, [
-            _hoisted_4$7,
+      return openBlock(), createElementBlock("div", _hoisted_1$q, [
+        createElementVNode("div", _hoisted_2$g, [
+          createElementVNode("div", _hoisted_3$b, [
+            _hoisted_4$8,
             createElementVNode("div", _hoisted_5$6, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(requestHistoryOrder2), (history) => {
                 return openBlock(), createBlock(RequestHistoryItem, {
@@ -26170,17 +26318,17 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["history"]);
               }), 128))
             ]),
-            _hoisted_6$5
+            _hoisted_6$4
           ])
         ])
       ]);
     };
   }
 });
-const _hoisted_1$j = { class: "request-method-select" };
-const _hoisted_2$d = ["disabled", "value"];
-const _hoisted_3$8 = ["value"];
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+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({
   __name: "RequestMethodSelect",
   props: {
     requestMethod: {},
@@ -26200,7 +26348,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       // 'TRACE',
     ];
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$j, [
+      return openBlock(), createElementBlock("div", _hoisted_1$p, [
         createElementVNode("span", {
           class: normalizeClass(["request-method", { "request-method--disabled": _ctx.readOnly }])
         }, [
@@ -26218,23 +26366,23 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
             return createElementVNode("option", {
               key: validRequestMethod,
               value: validRequestMethod.toLocaleLowerCase()
-            }, toDisplayString(validRequestMethod), 9, _hoisted_3$8);
+            }, toDisplayString(validRequestMethod), 9, _hoisted_3$a);
           }), 64))
-        ], 40, _hoisted_2$d)
+        ], 40, _hoisted_2$f)
       ]);
     };
   }
 });
-const RequestMethodSelect = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-8e2122cd"]]);
-const _withScopeId = (n) => (pushScopeId("data-v-e969420a"), n = n(), popScopeId(), n);
-const _hoisted_1$i = {
+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 = {
   key: 0,
   class: "loader"
 };
-const _hoisted_2$c = { class: "url-form" };
-const _hoisted_3$7 = { class: "url-form-field" };
-const _hoisted_4$6 = ["disabled"];
-const _hoisted_5$5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("svg", {
+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", {
   fill: "none",
   height: "48",
   viewBox: "0 0 14 14",
@@ -26251,17 +26399,17 @@ const _hoisted_5$5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createEl
     })
   ])
 ], -1));
-const _hoisted_6$4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, "Send Request", -1));
-const _hoisted_7$3 = [
+const _hoisted_6$3 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("span", null, "Send Request", -1));
+const _hoisted_7$2 = [
   _hoisted_5$5,
-  _hoisted_6$4
+  _hoisted_6$3
 ];
-const _hoisted_8$3 = { class: "address-bar-content" };
-const _hoisted_9$3 = {
+const _hoisted_8$2 = { class: "address-bar-content" };
+const _hoisted_9$2 = {
   key: 0,
   class: "history"
 };
-const _hoisted_10$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("svg", {
+const _hoisted_10$1 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("svg", {
   fill: "none",
   height: "48",
   viewBox: "0 0 14 14",
@@ -26285,7 +26433,7 @@ const _hoisted_10$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createE
     })
   ])
 ], -1));
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "AddressBar",
   props: {
     proxyUrl: {}
@@ -26304,8 +26452,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       requestHistory: requestHistory2,
       requestHistoryOrder: requestHistoryOrder2,
       readOnly: readOnly2,
-      setActiveRequest: setActiveRequest2,
-      authState: authState2
+      setActiveRequest: setActiveRequest2
     } = useRequestStore();
     const historyModal = useModal();
     const url = computed(() => activeRequest2.url);
@@ -26316,8 +26463,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     });
     async function send() {
       const clientRequestConfig = prepareClientRequestConfig({
-        request: { ...activeRequest2 },
-        authState: authState2
+        request: { ...activeRequest2 }
       });
       loading.value = true;
       emits("onSend");
@@ -26350,12 +26496,12 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$i)) : createCommentVNode("", true),
+        loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$o)) : createCommentVNode("", true),
         createElementVNode("div", {
           class: normalizeClass(["address-bar", { "address-bar--with-history": showHistory.value }])
         }, [
-          createElementVNode("div", _hoisted_2$c, [
-            createElementVNode("div", _hoisted_3$7, [
+          createElementVNode("div", _hoisted_2$e, [
+            createElementVNode("div", _hoisted_3$9, [
               createVNode(RequestMethodSelect, {
                 readOnly: unref(readOnly2),
                 requestMethod: requestType.value,
@@ -26376,20 +26522,20 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
               disabled: !formattedUrl.value.trim().length,
               type: "submit",
               onClick: send
-            }, _hoisted_7$3, 8, _hoisted_4$6)
+            }, _hoisted_7$2, 8, _hoisted_4$7)
           ]),
           createElementVNode("div", {
             class: "address-bar-close",
             onClick: _cache[0] || (_cache[0] = ($event) => showHistory.value = false)
           }),
-          createElementVNode("div", _hoisted_8$3, [
+          createElementVNode("div", _hoisted_8$2, [
             createVNode(unref(FlowModal), {
               state: unref(historyModal),
               title: "Request History",
               variant: "history"
             }, {
               default: withCtx(() => [
-                createVNode(_sfc_main$m, {
+                createVNode(_sfc_main$u, {
                   showHistory: showHistory.value,
                   onToggle: _cache[1] || (_cache[1] = ($event) => showHistory.value = !showHistory.value)
                 }, null, 8, ["showHistory"])
@@ -26397,12 +26543,12 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
               _: 1
             }, 8, ["state"])
           ]),
-          unref(requestHistoryOrder2).length ? (openBlock(), createElementBlock("div", _hoisted_9$3, [
+          unref(requestHistoryOrder2).length ? (openBlock(), createElementBlock("div", _hoisted_9$2, [
             createElementVNode("div", {
               class: "history-toggle",
               onClick: _cache[2] || (_cache[2] = ($event) => unref(historyModal).show())
             }, [
-              _hoisted_10$2,
+              _hoisted_10$1,
               createElementVNode("span", null, toDisplayString(lastRequestTimestamp.value), 1)
             ])
           ])) : createCommentVNode("", true)
@@ -26411,8 +26557,9 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AddressBar = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-e969420a"]]);
-const _hoisted_1$h = /* @__PURE__ */ createElementVNode("svg", {
+const AddressBar = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-1fd22a00"]]);
+const clickGeneratedParameter = useEventBus(Symbol());
+const _hoisted_1$n = /* @__PURE__ */ createElementVNode("svg", {
   class: "scalar-api-client__toggle__icon",
   height: "10",
   viewBox: "0 0 5 10",
@@ -26425,13 +26572,13 @@ const _hoisted_1$h = /* @__PURE__ */ createElementVNode("svg", {
     "fill-rule": "nonzero"
   })
 ], -1);
-const _hoisted_2$b = { class: "scalar-api-client__item__title" };
-const _hoisted_3$6 = {
+const _hoisted_2$d = { class: "scalar-api-client__item__title" };
+const _hoisted_3$8 = {
   key: 0,
   class: "scalar-api-client__item__options"
 };
-const _hoisted_4$5 = { class: "scalar-api-client__item__content" };
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _hoisted_4$6 = { class: "scalar-api-client__item__content" };
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "CollapsibleSection",
   props: {
     title: {},
@@ -26468,9 +26615,9 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
               onClick: _cache[0] || (_cache[0] = ($event) => openCopy.value = !openCopy.value)
             }, {
               default: withCtx(() => [
-                _hoisted_1$h,
-                createElementVNode("span", _hoisted_2$b, toDisplayString(_ctx.title), 1),
-                _ctx.$slots.options && open ? (openBlock(), createElementBlock("div", _hoisted_3$6, [
+                _hoisted_1$n,
+                createElementVNode("span", _hoisted_2$d, toDisplayString(_ctx.title), 1),
+                _ctx.$slots.options && open ? (openBlock(), createElementBlock("div", _hoisted_3$8, [
                   renderSlot(_ctx.$slots, "options")
                 ])) : createCommentVNode("", true)
               ]),
@@ -26478,7 +26625,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             }, 1536),
             createVNode(unref(DisclosurePanel), null, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_4$5, [
+                createElementVNode("div", _hoisted_4$6, [
                   renderSlot(_ctx.$slots, "default")
                 ])
               ]),
@@ -26491,326 +26638,69 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$g = /* @__PURE__ */ createElementVNode("svg", {
-  fill: "none",
-  height: "100%",
-  stroke: "currentColor",
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg"
-}, [
-  /* @__PURE__ */ createElementVNode("path", {
-    d: "m19.5 10-7.5 7.5-7.5-7.5",
-    xmlns: "http://www.w3.org/2000/svg"
-  })
-], -1);
-const _hoisted_2$a = ["disabled", "value"];
-const _hoisted_3$5 = {
-  key: 0,
-  class: "scalar-api-client__empty-state"
-};
-const _hoisted_4$4 = {
-  key: 1,
-  class: "authentication-form"
-};
-const _hoisted_5$4 = { class: "input input__half" };
-const _hoisted_6$3 = /* @__PURE__ */ createElementVNode("label", { for: "username" }, "Username", -1);
-const _hoisted_7$2 = { class: "input input__half" };
-const _hoisted_8$2 = /* @__PURE__ */ createElementVNode("label", { for: "password" }, "Password", -1);
-const _hoisted_9$2 = { class: "check" };
-const _hoisted_10$1 = /* @__PURE__ */ createElementVNode("span", { class: "checkmark" }, null, -1);
-const _hoisted_11$1 = /* @__PURE__ */ createElementVNode("p", null, "Enabled", -1);
-const _hoisted_12$1 = { class: "input input__half" };
-const _hoisted_13$1 = /* @__PURE__ */ createElementVNode("label", { for: "username" }, "Username", -1);
-const _hoisted_14$1 = { class: "input input__half" };
-const _hoisted_15$1 = /* @__PURE__ */ createElementVNode("label", { for: "password" }, "Password", -1);
-const _hoisted_16$1 = { class: "check" };
-const _hoisted_17$1 = /* @__PURE__ */ createElementVNode("span", { class: "checkmark" }, null, -1);
-const _hoisted_18$1 = /* @__PURE__ */ createElementVNode("p", null, "Enabled", -1);
-const _hoisted_19$1 = { class: "input" };
-const _hoisted_20$1 = /* @__PURE__ */ createElementVNode("label", { for: "generatedtoken" }, "Generated Token", -1);
-const _hoisted_21$1 = { class: "input" };
-const _hoisted_22$1 = /* @__PURE__ */ createElementVNode("label", { for: "discoveryurl" }, "OIDC Discovery URL", -1);
-const _hoisted_23$1 = { class: "input" };
-const _hoisted_24$1 = /* @__PURE__ */ createElementVNode("label", { for: "authurl" }, "Auth URL", -1);
-const _hoisted_25$1 = { class: "input" };
-const _hoisted_26 = /* @__PURE__ */ createElementVNode("label", { for: "accesstoken" }, "Access Token URL", -1);
-const _hoisted_27 = { class: "input input__half" };
-const _hoisted_28 = /* @__PURE__ */ createElementVNode("label", { for: "clientid" }, "Client ID", -1);
-const _hoisted_29 = { class: "input input__half" };
-const _hoisted_30 = /* @__PURE__ */ createElementVNode("label", { for: "clientsecret" }, "Client Secret", -1);
-const _hoisted_31 = { class: "input" };
-const _hoisted_32 = /* @__PURE__ */ createElementVNode("label", { for: "scope" }, "Scope", -1);
-const _hoisted_33 = /* @__PURE__ */ createElementVNode("button", {
-  class: "scalar-api-client__item__content-button",
-  type: "button"
-}, [
-  /* @__PURE__ */ createElementVNode("span", null, "Generate Token")
-], -1);
-const _hoisted_34 = { class: "input" };
-const _hoisted_35 = /* @__PURE__ */ createElementVNode("label", { for: "Username" }, "Token", -1);
-const _hoisted_36 = { class: "check" };
-const _hoisted_37 = /* @__PURE__ */ createElementVNode("span", { class: "checkmark" }, null, -1);
-const _hoisted_38 = /* @__PURE__ */ createElementVNode("p", null, "Enabled", -1);
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
-  __name: "RequestAuth",
-  setup(__props) {
-    const store = useRequestStore();
-    const { authState: authState2 } = store;
-    const authTypeFriendlyString = {
-      basic: "Basic Auth",
-      digest: "Digest Auth",
-      oauthOne: "OAuth 1.0",
-      oauthTwo: "OAuth 2.0",
-      bearer: "Bearer Token",
-      none: "None"
+const _sfc_main$q = {};
+const _hoisted_1$m = { class: "card-form" };
+function _sfc_render$4(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1$m, [
+    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({
+  __name: "CardFormButton",
+  setup(__props, { expose: __expose }) {
+    const el = ref();
+    __expose({ el });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        ref_key: "el",
+        ref: el,
+        class: "card-form-button",
+        type: "button"
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 512);
     };
-    const authDropdownItems = [
-      {
-        text: "Basic Auth",
-        type: "basic",
-        disabled: false
-      },
-      {
-        text: "OAuth 2.0",
-        type: "oauthTwo",
-        disabled: true
-      },
-      {
-        text: "Bearer Token",
-        type: "bearer",
-        disabled: false
-      },
-      {
-        text: "None",
-        type: "none",
-        disabled: false
-      }
-    ];
+  }
+});
+const CardFormButton = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-a37cd1cb"]]);
+const _sfc_main$o = {};
+const _hoisted_1$l = { class: "card-form-group" };
+function _sfc_render$3(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1$l, [
+    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({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "CardFormTextInput",
+  props: {
+    id: {},
+    type: {}
+  },
+  setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$j), { title: "Authentication" }, {
-        options: withCtx(() => [
-          createElementVNode("div", null, [
-            createElementVNode("span", null, [
-              createTextVNode(toDisplayString(authTypeFriendlyString[unref(authState2).type]) + " ", 1),
-              _hoisted_1$g
-            ]),
-            withDirectives(createElementVNode("select", {
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(authState2).type = $event),
-              onClick: _cache[1] || (_cache[1] = withModifiers(() => {
-              }, ["prevent"]))
-            }, [
-              (openBlock(), createElementBlock(Fragment, null, renderList(authDropdownItems, (option) => {
-                return createElementVNode("option", {
-                  key: option.type,
-                  disabled: option.disabled,
-                  value: option.type
-                }, toDisplayString(option.text), 9, _hoisted_2$a);
-              }), 64))
-            ], 512), [
-              [vModelSelect, unref(authState2).type]
-            ])
-          ])
-        ]),
-        default: withCtx(() => [
-          unref(authState2).type === "none" ? (openBlock(), createElementBlock("div", _hoisted_3$5, "No Authentication")) : (openBlock(), createElementBlock("div", _hoisted_4$4, [
-            unref(authState2).type === "basic" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              createElementVNode("div", _hoisted_5$4, [
-                _hoisted_6$3,
-                withDirectives(createElementVNode("input", {
-                  id: "username",
-                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(authState2).basic.username = $event),
-                  autocomplete: "off",
-                  placeholder: "Username",
-                  spellcheck: "false",
-                  type: "text"
-                }, null, 512), [
-                  [vModelText, unref(authState2).basic.username]
-                ])
-              ]),
-              createElementVNode("div", _hoisted_7$2, [
-                _hoisted_8$2,
-                withDirectives(createElementVNode("input", {
-                  id: "password",
-                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(authState2).basic.password = $event),
-                  autocomplete: "off",
-                  placeholder: "Password",
-                  spellcheck: "false",
-                  type: "password"
-                }, null, 512), [
-                  [vModelText, unref(authState2).basic.password]
-                ])
-              ]),
-              createElementVNode("label", _hoisted_9$2, [
-                withDirectives(createElementVNode("input", {
-                  "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(authState2).basic.active = $event),
-                  type: "checkbox"
-                }, null, 512), [
-                  [vModelCheckbox, unref(authState2).basic.active]
-                ]),
-                _hoisted_10$1,
-                _hoisted_11$1
-              ])
-            ], 64)) : unref(authState2).type === "digest" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createElementVNode("div", _hoisted_12$1, [
-                _hoisted_13$1,
-                withDirectives(createElementVNode("input", {
-                  id: "username",
-                  "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(authState2).digest.username = $event),
-                  autocomplete: "off",
-                  placeholder: "Username",
-                  spellcheck: "false",
-                  type: "text"
-                }, null, 512), [
-                  [vModelText, unref(authState2).digest.username]
-                ])
-              ]),
-              createElementVNode("div", _hoisted_14$1, [
-                _hoisted_15$1,
-                withDirectives(createElementVNode("input", {
-                  id: "password",
-                  "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(authState2).digest.password = $event),
-                  autocomplete: "off",
-                  placeholder: "Password",
-                  spellcheck: "false",
-                  type: "password"
-                }, null, 512), [
-                  [vModelText, unref(authState2).digest.password]
-                ])
-              ]),
-              createElementVNode("label", _hoisted_16$1, [
-                withDirectives(createElementVNode("input", {
-                  "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(authState2).digest.active = $event),
-                  type: "checkbox"
-                }, null, 512), [
-                  [vModelCheckbox, unref(authState2).digest.active]
-                ]),
-                _hoisted_17$1,
-                _hoisted_18$1
-              ])
-            ], 64)) : unref(authState2).type === "oauthTwo" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-              createElementVNode("div", _hoisted_19$1, [
-                _hoisted_20$1,
-                withDirectives(createElementVNode("input", {
-                  id: "generatedtoken",
-                  "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(authState2).oauthTwo.generatedToken = $event),
-                  autocomplete: "off",
-                  placeholder: "Generated Token",
-                  spellcheck: "false",
-                  type: "text"
-                }, null, 512), [
-                  [vModelText, unref(authState2).oauthTwo.generatedToken]
-                ])
-              ]),
-              createElementVNode("div", _hoisted_21$1, [
-                _hoisted_22$1,
-                withDirectives(createElementVNode("input", {
-                  id: "discoveryurl",
-                  "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => unref(authState2).oauthTwo.discoveryURL = $event),
-                  autocomplete: "off",
-                  placeholder: "Discovery URL",
-                  spellcheck: "false",
-                  type: "text"
-                }, null, 512), [
-                  [vModelText, unref(authState2).oauthTwo.discoveryURL]
-                ])
-              ]),
-              createElementVNode("div", _hoisted_23$1, [
-                _hoisted_24$1,
-                withDirectives(createElementVNode("input", {
-                  id: "authurl",
-                  "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => unref(authState2).oauthTwo.authURL = $event),
-                  autocomplete: "off",
-                  placeholder: "Auth URL",
-                  spellcheck: "false",
-                  type: "text"
-                }, null, 512), [
-                  [vModelText, unref(authState2).oauthTwo.authURL]
-                ])
-              ]),
-              createElementVNode("div", _hoisted_25$1, [
-                _hoisted_26,
-                withDirectives(createElementVNode("input", {
-                  id: "accesstoken",
-                  "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => unref(authState2).oauthTwo.accessTokenURL = $event),
-                  autocomplete: "off",
-                  placeholder: "Access Token URL",
-                  spellcheck: "false",
-                  type: "text"
-                }, null, 512), [
-                  [vModelText, unref(authState2).oauthTwo.accessTokenURL]
-                ])
-              ]),
-              createElementVNode("div", _hoisted_27, [
-                _hoisted_28,
-                withDirectives(createElementVNode("input", {
-                  id: "clientid",
-                  "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => unref(authState2).oauthTwo.clientID = $event),
-                  autocomplete: "off",
-                  placeholder: "Client ID",
-                  spellcheck: "false",
-                  type: "text"
-                }, null, 512), [
-                  [vModelText, unref(authState2).oauthTwo.clientID]
-                ])
-              ]),
-              createElementVNode("div", _hoisted_29, [
-                _hoisted_30,
-                withDirectives(createElementVNode("input", {
-                  id: "clientsecret",
-                  "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => unref(authState2).oauthTwo.clientSecret = $event),
-                  autocomplete: "off",
-                  placeholder: "Client Secret",
-                  spellcheck: "false",
-                  type: "text"
-                }, null, 512), [
-                  [vModelText, unref(authState2).oauthTwo.clientSecret]
-                ])
-              ]),
-              createElementVNode("div", _hoisted_31, [
-                _hoisted_32,
-                withDirectives(createElementVNode("input", {
-                  id: "scope",
-                  "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => unref(authState2).oauthTwo.scope = $event),
-                  autocomplete: "off",
-                  placeholder: "Scope",
-                  spellcheck: "false",
-                  type: "text"
-                }, null, 512), [
-                  [vModelText, unref(authState2).oauthTwo.scope]
-                ])
-              ]),
-              _hoisted_33
-            ], 64)) : unref(authState2).type === "bearer" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
-              createElementVNode("div", _hoisted_34, [
-                _hoisted_35,
-                withDirectives(createElementVNode("input", {
-                  "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => unref(authState2).bearer.token = $event),
-                  autocomplete: "off",
-                  placeholder: "Username",
-                  spellcheck: "false",
-                  type: "text"
-                }, null, 512), [
-                  [vModelText, unref(authState2).bearer.token]
-                ])
-              ]),
-              createElementVNode("label", _hoisted_36, [
-                withDirectives(createElementVNode("input", {
-                  "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => unref(authState2).bearer.active = $event),
-                  type: "checkbox"
-                }, null, 512), [
-                  [vModelCheckbox, unref(authState2).bearer.active]
-                ]),
-                _hoisted_37,
-                _hoisted_38
-              ])
-            ], 64)) : createCommentVNode("", true)
-          ]))
-        ]),
-        _: 1
-      });
+      return openBlock(), createElementBlock("div", _hoisted_1$k, [
+        createElementVNode("label", { for: _ctx.id }, [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 8, _hoisted_2$c),
+        createElementVNode("input", mergeProps(_ctx.$attrs, {
+          id: _ctx.id,
+          autocomplete: "off",
+          spellcheck: "false",
+          type: _ctx.type ?? "text"
+        }), null, 16, _hoisted_3$7)
+      ]);
     };
   }
 });
+const CardFormTextInput = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-f2db736f"]]);
 function r(e) {
   var t2, f, n = "";
   if ("string" == typeof e || "number" == typeof e)
@@ -31372,6 +31262,485 @@ const ve = ["innerHTML"], He = /* @__PURE__ */ defineComponent({
     }, null, 8, be));
   }
 });
+const _sfc_main$m = {};
+const _hoisted_1$j = { class: "badge" };
+function _sfc_render$2(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1$j, [
+    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 _hoisted_5$4 = { class: "dropdown-item-description" };
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
+  __name: "SecuritySchemeScopes",
+  props: {
+    scopes: {},
+    selected: {}
+  },
+  emits: ["update:selected"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const trigger = ref();
+    const dropdown = ref();
+    const { floatingStyles } = useFloating(trigger, dropdown, {
+      placement: "bottom-end",
+      whileElementsMounted: autoUpdate,
+      middleware: [offset(5), flip(), shift$1()]
+    });
+    const model = computed({
+      get: () => props.selected,
+      set: (v) => emit("update:selected", v)
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Listbox), {
+        modelValue: model.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+        multiple: ""
+      }, {
+        default: withCtx(({ open }) => [
+          createElementVNode("div", {
+            ref_key: "trigger",
+            ref: trigger,
+            class: normalizeClass(["wrapper", { "wrapper-open": open }])
+          }, [
+            createVNode(unref(ListboxButton), { as: CardFormButton }, {
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_1$i, [
+                  createVNode(unref(j), {
+                    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$b,
+                      createTextVNode(toDisplayString(Object.entries(_ctx.scopes).length), 1)
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              _: 2
+            }, 1024)
+          ], 2),
+          (openBlock(), createBlock(Teleport, { to: "body" }, [
+            createVNode(unref(ResetStyles), null, {
+              default: withCtx(({ styles: resetStyles }) => [
+                createElementVNode("div", {
+                  ref_key: "dropdown",
+                  ref: dropdown,
+                  class: normalizeClass(["floating", resetStyles]),
+                  style: normalizeStyle(unref(floatingStyles))
+                }, [
+                  createVNode(unref(ListboxOptions), {
+                    as: "dl",
+                    class: "dropdown"
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(Object.entries(_ctx.scopes), ([key, description]) => {
+                        return openBlock(), createBlock(unref(ListboxOption), {
+                          key,
+                          as: "div",
+                          class: "dropdown-item",
+                          value: key
+                        }, {
+                          default: withCtx(({ selected: s }) => [
+                            createElementVNode("input", {
+                              checked: s,
+                              class: "dropdown-item-check",
+                              tabindex: "-1",
+                              type: "checkbox"
+                            }, null, 8, _hoisted_3$6),
+                            createElementVNode("dt", _hoisted_4$5, toDisplayString(key), 1),
+                            createElementVNode("dd", _hoisted_5$4, toDisplayString(description), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["value"]);
+                      }), 128))
+                    ]),
+                    _: 1
+                  })
+                ], 6)
+              ]),
+              _: 1
+            })
+          ]))
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+const SecuritySchemeScopes = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-2c61ed69"]]);
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
+  __name: "SecurityScheme",
+  props: {
+    value: {}
+  },
+  setup(__props) {
+    const { authentication: authentication2, setAuthentication: setAuthentication2 } = useAuthenticationStore();
+    const handleApiKeyTokenInput = (event) => {
+      setAuthentication2({
+        apiKey: {
+          ...authentication2.apiKey,
+          token: event.target.value
+        }
+      });
+    };
+    const handleHttpBasicUsernameInput = (event) => {
+      setAuthentication2({
+        http: {
+          ...authentication2.http,
+          basic: {
+            ...authentication2.http.basic,
+            username: event.target.value
+          }
+        }
+      });
+    };
+    const handleHttpBasicPasswordInput = (event) => {
+      setAuthentication2({
+        http: {
+          ...authentication2.http,
+          basic: {
+            ...authentication2.http.basic,
+            password: event.target.value
+          }
+        }
+      });
+    };
+    const handleHttpBearerTokenInput = (event) => {
+      setAuthentication2({
+        http: {
+          ...authentication2.http,
+          bearer: {
+            ...authentication2.http.bearer,
+            token: event.target.value
+          }
+        }
+      });
+    };
+    const handleOpenAuth2ClientIdInput = (event) => {
+      setAuthentication2({
+        oAuth2: {
+          ...authentication2.oAuth2,
+          clientId: event.target.value
+        }
+      });
+    };
+    const getOpenAuth2AuthorizationUrl = (flow) => {
+      const scopes = authentication2.oAuth2.scopes.join(" ");
+      const state2 = (Math.random() + 1).toString(36).substring(7);
+      const url = new URL(flow.authorizationUrl);
+      setAuthentication2({
+        oAuth2: { ...authentication2.oAuth2, state: state2 }
+      });
+      url.searchParams.set("response_type", "token");
+      url.searchParams.set("client_id", authentication2.oAuth2.clientId);
+      url.searchParams.set("redirect_uri", window.location.href);
+      url.searchParams.set("scope", scopes);
+      url.searchParams.set("state", state2);
+      return url.toString();
+    };
+    const oauth2SelectedScopes = computed({
+      get: () => authentication2.oAuth2.scopes,
+      set: (scopes) => setAuthentication2({ oAuth2: { ...authentication2.oAuth2, scopes } })
+    });
+    const startAuthentication = (url) => {
+      const windowFeatures = "left=100,top=100,width=800,height=600";
+      const authWindow = window.open(url, "openAuth2Window", windowFeatures);
+      if (authWindow) {
+        const checkWindowClosed = setInterval(function() {
+          var _a2;
+          try {
+            const urlParams = new URLSearchParams(authWindow.location.href);
+            const accessToken = urlParams.get("access_token");
+            if (authWindow.closed || accessToken) {
+              clearInterval(checkWindowClosed);
+              const state2 = (_a2 = authWindow.location.href.match(/state=([^&]*)/)) == null ? void 0 : _a2[1];
+              if (accessToken && authentication2.oAuth2.state === state2) {
+                setAuthentication2({
+                  oAuth2: { ...authentication2.oAuth2, accessToken }
+                });
+              }
+              authWindow.close();
+            }
+          } catch {
+          }
+        }, 200);
+      }
+    };
+    return (_ctx, _cache) => {
+      var _a2;
+      return _ctx.value && ((_a2 = _ctx.value) == null ? void 0 : _a2.type) ? (openBlock(), createBlock(CardForm, { key: 0 }, {
+        default: withCtx(() => [
+          _ctx.value.type === "apiKey" ? (openBlock(), createBlock(CardFormTextInput, {
+            key: 0,
+            id: `security-scheme-${_ctx.value.name}`,
+            placeholder: "Token",
+            type: "password",
+            value: unref(authentication2).apiKey.token,
+            onInput: handleApiKeyTokenInput
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.value.in.charAt(0).toUpperCase() + _ctx.value.in.slice(1)) + " API ", 1)
+            ]),
+            _: 1
+          }, 8, ["id", "value"])) : _ctx.value.type === "http" || _ctx.value.type === "basic" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            _ctx.value.type === "basic" || _ctx.value.scheme === "basic" ? (openBlock(), createBlock(CardFormGroup, { key: 0 }, {
+              default: withCtx(() => [
+                createVNode(CardFormTextInput, {
+                  id: "http.basic.username",
+                  placeholder: "Username",
+                  value: unref(authentication2).http.basic.username,
+                  onInput: handleHttpBasicUsernameInput
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" Username ")
+                  ]),
+                  _: 1
+                }, 8, ["value"]),
+                createVNode(CardFormTextInput, {
+                  id: "http.basic.password",
+                  placeholder: "Password",
+                  type: "password",
+                  value: unref(authentication2).http.basic.password,
+                  onInput: handleHttpBasicPasswordInput
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" Password ")
+                  ]),
+                  _: 1
+                }, 8, ["value"])
+              ]),
+              _: 1
+            })) : _ctx.value.type === "http" && _ctx.value.scheme === "bearer" ? (openBlock(), createBlock(CardFormTextInput, {
+              key: 1,
+              id: "http.bearer.token",
+              placeholder: "Token",
+              type: "password",
+              value: unref(authentication2).http.bearer.token,
+              onInput: handleHttpBearerTokenInput
+            }, {
+              default: withCtx(() => [
+                createTextVNode(" Bearer Token ")
+              ]),
+              _: 1
+            }, 8, ["value"])) : createCommentVNode("", true)
+          ], 64)) : _ctx.value.type.toLowerCase() === "oauth2" && _ctx.value.flows && _ctx.value.flows.implicit ? (openBlock(), createBlock(CardFormGroup, { key: 2 }, {
+            default: withCtx(() => [
+              unref(authentication2).oAuth2.accessToken ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                createVNode(CardFormTextInput, {
+                  id: "oAuth2.accessToken",
+                  placeholder: "xxxxx",
+                  type: "password",
+                  value: unref(authentication2).oAuth2.accessToken
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" Access Token ")
+                  ]),
+                  _: 1
+                }, 8, ["value"]),
+                createVNode(CardFormButton, {
+                  onClick: _cache[0] || (_cache[0] = () => unref(setAuthentication2)({
+                    oAuth2: {
+                      ...unref(authentication2).oAuth2,
+                      accessToken: "",
+                      state: ""
+                    }
+                  }))
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" Reset ")
+                  ]),
+                  _: 1
+                })
+              ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                createVNode(CardFormTextInput, {
+                  id: "oAuth2.clientId",
+                  placeholder: "12345",
+                  type: "text",
+                  value: unref(authentication2).oAuth2.clientId,
+                  onInput: handleOpenAuth2ClientIdInput
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" Client ID ")
+                  ]),
+                  _: 1
+                }, 8, ["value"]),
+                _ctx.value !== void 0 ? (openBlock(), createBlock(SecuritySchemeScopes, {
+                  key: 0,
+                  selected: oauth2SelectedScopes.value,
+                  "onUpdate:selected": _cache[1] || (_cache[1] = ($event) => oauth2SelectedScopes.value = $event),
+                  scopes: _ctx.value.flows.implicit.scopes
+                }, null, 8, ["selected", "scopes"])) : createCommentVNode("", true),
+                createVNode(CardFormButton, {
+                  onClick: _cache[2] || (_cache[2] = () => {
+                    var _a3;
+                    return startAuthentication(
+                      getOpenAuth2AuthorizationUrl(
+                        //@ts-ignore
+                        (_a3 = _ctx.value) == null ? void 0 : _a3.flows.implicit
+                      )
+                    );
+                  })
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" Authorize ")
+                  ]),
+                  _: 1
+                })
+              ], 64))
+            ]),
+            _: 1
+          })) : createCommentVNode("", true)
+        ]),
+        _: 1
+      })) : createCommentVNode("", true);
+    };
+  }
+});
+const SecurityScheme = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-5782f5ce"]]);
+const _withScopeId = (n) => (pushScopeId("data-v-3fe58652"), n = n(), popScopeId(), n);
+const _hoisted_1$h = {
+  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({
+  __name: "SecuritySchemeSelector",
+  props: {
+    value: {}
+  },
+  emits: ["input"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { authentication: authentication2, setAuthentication: setAuthentication2 } = useAuthenticationStore();
+    const handleAuthenticationTypeInput = (event) => {
+      setSecuritySchemeKey(event.target.value);
+    };
+    onMounted(() => {
+      if (authentication2.preferredSecurityScheme) {
+        return;
+      }
+      setSecuritySchemeKey(Object.keys(props.value ?? {})[0] ?? null);
+    });
+    const setSecuritySchemeKey = (key) => {
+      setAuthentication2({
+        preferredSecurityScheme: key
+      });
+      emits("input", key);
+    };
+    const isNone = (item) => !(item == null ? void 0 : item.type);
+    const isApiKey = (item) => item.type.toLowerCase() === "apikey";
+    const isHttpBasic = (item) => item.type === "http" && item.scheme.toLowerCase() === "basic" || item.type.toLowerCase() === "basic";
+    const isHttpBearer = (item) => item.type === "http" && item.scheme.toLowerCase() === "bearer";
+    const isOAuth2 = (item) => item.type.toLowerCase() === "oauth2";
+    const getLabelForScheme = (item, key) => {
+      return `${getAuthorizationTypeLabel(item)} (${key})`;
+    };
+    const getAuthorizationTypeLabel = (item) => {
+      if (isNone(item)) {
+        return "No Authentication";
+      } else if (isApiKey(item)) {
+        return "API Key";
+      } else if (isHttpBasic(item)) {
+        return "Basic Authentication";
+      } else if (isHttpBearer(item)) {
+        return "Bearer Authentication";
+      } else if (isOAuth2(item)) {
+        return "OAuth 2.0";
+      }
+      return `${item.type} (not yet supported)`;
+    };
+    const keys = computed(() => Object.keys(props.value ?? {}));
+    return (_ctx, _cache) => {
+      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, [
+        createElementVNode("span", null, toDisplayString(unref(authentication2).preferredSecurityScheme ? getLabelForScheme(
+          (_b = _ctx.value) == null ? void 0 : _b[unref(authentication2).preferredSecurityScheme],
+          unref(authentication2).preferredSecurityScheme
+        ) : "None"), 1),
+        createVNode(unref(j), { icon: "ChevronDown" }),
+        createElementVNode("select", {
+          value: unref(authentication2).preferredSecurityScheme,
+          onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+          }, ["prevent"])),
+          onInput: handleAuthenticationTypeInput
+        }, [
+          _hoisted_3$5,
+          (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);
+          }), 128))
+        ], 40, _hoisted_2$a)
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+const SecuritySchemeSelector = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-3fe58652"]]);
+const _hoisted_1$g = {
+  key: 0,
+  class: "preferred-security-scheme"
+};
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  __name: "RequestAuthentication",
+  setup(__props) {
+    const requestAuthenticationRef = ref(null);
+    clickGeneratedParameter.on(() => {
+      if (!requestAuthenticationRef.value) {
+        return;
+      }
+      const element = requestAuthenticationRef.value;
+      element.scrollIntoView({
+        behavior: "smooth",
+        block: "center"
+      });
+    });
+    const { authentication: authentication2 } = useAuthenticationStore();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "requestAuthenticationRef",
+        ref: requestAuthenticationRef
+      }, [
+        createVNode(unref(_sfc_main$r), { title: "Authentication" }, {
+          options: withCtx(() => [
+            createVNode(SecuritySchemeSelector, {
+              value: unref(authentication2).securitySchemes
+            }, null, 8, ["value"])
+          ]),
+          default: withCtx(() => {
+            var _a2;
+            return [
+              unref(authentication2).preferredSecurityScheme ? (openBlock(), createElementBlock("div", _hoisted_1$g, [
+                createVNode(SecurityScheme, {
+                  value: (_a2 = unref(authentication2).securitySchemes) == null ? void 0 : _a2[unref(authentication2).preferredSecurityScheme]
+                }, null, 8, ["value"])
+              ])) : createCommentVNode("", true)
+            ];
+          }),
+          _: 1
+        })
+      ], 512);
+    };
+  }
+});
+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" }, [
@@ -31405,13 +31774,26 @@ 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 = ["onUpdate:modelValue"];
-const _hoisted_16 = { class: "table-row-meta" };
-const _hoisted_17 = { class: "meta-check" };
-const _hoisted_18 = ["onUpdate:modelValue"];
-const _hoisted_19 = /* @__PURE__ */ createElementVNode("span", { class: "meta-checkmark" }, null, -1);
-const _hoisted_20 = ["onClick"];
-const _hoisted_21 = /* @__PURE__ */ createElementVNode("svg", {
+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", {
   fill: "none",
   height: "10",
   viewBox: "-0.5 -0.5 10 10",
@@ -31433,16 +31815,17 @@ const _hoisted_21 = /* @__PURE__ */ createElementVNode("svg", {
     "stroke-width": "1.5"
   })
 ], -1);
-const _hoisted_22 = [
-  _hoisted_21
+const _hoisted_30 = [
+  _hoisted_29
 ];
-const _hoisted_23 = { class: "meta-actions" };
-const _hoisted_24 = { class: "meta-actions-item-icon" };
-const _hoisted_25 = { class: "meta-actions-item-icon" };
+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$h = /* @__PURE__ */ defineComponent({
   __name: "Grid",
   props: {
     items: {},
+    generatedItems: {},
     addLabel: {},
     showMoreFilter: { type: Boolean }
   },
@@ -31468,16 +31851,16 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             onClick: _cache[0] || (_cache[0] = ($event) => showDescription.value = !showDescription.value)
           }, _hoisted_9$1)
         ]),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index) => {
-          return withDirectives((openBlock(), createElementBlock("div", {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.generatedItems, (item) => {
+          return openBlock(), createElementBlock("div", {
             key: item.id,
-            class: normalizeClass(["table-row", {
-              "required-parameter": item.required
-            }])
+            class: "table-row generated-parameter",
+            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]
@@ -31486,62 +31869,93 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_12, [
               withDirectives(createElementVNode("input", {
                 "onUpdate:modelValue": ($event) => item.value = $event,
-                placeholder: "value"
+                disabled: "",
+                placeholder: "value",
+                type: "password"
               }, null, 8, _hoisted_13), [
                 [vModelText, item.value]
               ])
             ]),
-            withDirectives(createElementVNode("div", _hoisted_14, [
+            withDirectives(createElementVNode("div", _hoisted_14, _hoisted_16, 512), [
+              [vShow, showDescription.value]
+            ]),
+            _hoisted_17
+          ]);
+        }), 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: "value"
-              }, null, 8, _hoisted_15), [
+                placeholder: "Description"
+              }, null, 8, _hoisted_23), [
                 [vModelText, item.description]
               ])
             ], 512), [
               [vShow, showDescription.value]
             ]),
-            createElementVNode("div", _hoisted_16, [
-              createElementVNode("label", _hoisted_17, [
+            createElementVNode("div", _hoisted_24, [
+              createElementVNode("label", _hoisted_25, [
                 withDirectives(createElementVNode("input", {
                   "onUpdate:modelValue": ($event) => item.enabled = $event,
                   checked: "",
                   type: "checkbox"
-                }, null, 8, _hoisted_18), [
+                }, null, 8, _hoisted_26), [
                   [vModelCheckbox, item.enabled]
                 ]),
-                _hoisted_19
+                _hoisted_27
               ]),
               createElementVNode("button", {
                 class: "meta-delete",
                 type: "button",
                 onClick: ($event) => _ctx.$emit("deleteIndex", index)
-              }, _hoisted_22, 8, _hoisted_20)
+              }, _hoisted_30, 8, _hoisted_28)
             ])
           ], 2)), [
             [vShow, !_ctx.showMoreFilter || _ctx.showMoreFilter && index < 5 || showMore.value]
           ]);
         }), 128)),
-        createElementVNode("div", _hoisted_23, [
+        createElementVNode("div", _hoisted_31, [
           _ctx.addLabel ? (openBlock(), createElementBlock("button", {
             key: 0,
             class: "meta-actions-item",
             type: "button",
             onClick: addHandler
           }, [
-            createElementVNode("i", _hoisted_24, [
+            createElementVNode("i", _hoisted_32, [
               createVNode(unref(j), { icon: "Add" })
             ]),
             createTextVNode(" " + toDisplayString(_ctx.addLabel), 1)
           ])) : createCommentVNode("", true),
-          _ctx.showMoreFilter && _ctx.items.length > 5 && !showMore.value ? (openBlock(), createElementBlock("button", {
+          _ctx.showMoreFilter && _ctx.items && _ctx.items.length > 5 && !showMore.value ? (openBlock(), createElementBlock("button", {
             key: 1,
             class: "meta-actions-item",
             type: "button",
-            onClick: _cache[1] || (_cache[1] = ($event) => showMore.value = true)
+            onClick: _cache[2] || (_cache[2] = ($event) => showMore.value = true)
           }, [
             createTextVNode(" Show More "),
-            createElementVNode("i", _hoisted_25, [
+            createElementVNode("i", _hoisted_33, [
               createVNode(unref(j), { icon: "ChevronDown" })
             ])
           ])) : createCommentVNode("", true)
@@ -31601,7 +32015,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$j), { title: "Body" }, {
+      return openBlock(), createBlock(unref(_sfc_main$r), { 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), {
             key: 1,
@@ -31643,9 +32057,11 @@ const _hoisted_2$7 = /* @__PURE__ */ createElementVNode("svg", {
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "RequestCookies",
   props: {
-    cookies: {}
+    cookies: {},
+    generatedCookies: {}
   },
   setup(__props) {
+    const props = __props;
     const { activeRequest: activeRequest2 } = useRequestStore();
     function handleDeleteIndex(index) {
       var _a2;
@@ -31658,13 +32074,17 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       }
       (_a2 = activeRequest2.cookies) == null ? void 0 : _a2.push({ name: "", value: "", enabled: true });
     }
+    const hasCookies = computed(() => {
+      var _a2, _b;
+      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$j), {
-        defaultOpen: unref(activeRequest2).cookies && unref(activeRequest2).cookies.length > 0,
+      return openBlock(), createBlock(unref(_sfc_main$r), {
+        defaultOpen: hasCookies.value,
         title: "Cookies"
       }, {
         default: withCtx(() => [
-          !_ctx.cookies || _ctx.cookies.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
+          !hasCookies.value ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
             createElementVNode("button", {
               class: "scalar-api-client-add",
               type: "button",
@@ -31676,10 +32096,11 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           ])) : (openBlock(), createBlock(unref(_sfc_main$h), {
             key: 1,
             addLabel: "Cookie",
+            generatedItems: _ctx.generatedCookies,
             items: _ctx.cookies,
             onAddAnother: addAnotherHandler,
             onDeleteIndex: handleDeleteIndex
-          }, null, 8, ["items"]))
+          }, null, 8, ["generatedItems", "items"]))
         ]),
         _: 1
       }, 8, ["defaultOpen"]);
@@ -31710,9 +32131,11 @@ const _hoisted_2$6 = /* @__PURE__ */ createElementVNode("svg", {
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "RequestHeaders",
   props: {
-    headers: {}
+    headers: {},
+    generatedHeaders: {}
   },
   setup(__props) {
+    const props = __props;
     const { activeRequest: activeRequest2 } = useRequestStore();
     function handleDeleteIndex(index) {
       var _a2;
@@ -31725,13 +32148,17 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       }
       (_a2 = activeRequest2.headers) == null ? void 0 : _a2.push({ name: "", value: "", enabled: true });
     }
+    const hasHeaders = computed(() => {
+      var _a2, _b;
+      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$j), {
-        defaultOpen: unref(activeRequest2).headers && unref(activeRequest2).headers.length > 0,
+      return openBlock(), createBlock(unref(_sfc_main$r), {
+        defaultOpen: hasHeaders.value,
         title: "Headers"
       }, {
         default: withCtx(() => [
-          !_ctx.headers || _ctx.headers.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
+          !hasHeaders.value ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
             createElementVNode("button", {
               class: "scalar-api-client-add",
               type: "button",
@@ -31743,10 +32170,11 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           ])) : (openBlock(), createBlock(unref(_sfc_main$h), {
             key: 1,
             addLabel: "Header",
+            generatedItems: _ctx.generatedHeaders,
             items: _ctx.headers,
             onAddAnother: addAnotherHandler,
             onDeleteIndex: handleDeleteIndex
-          }, null, 8, ["items"]))
+          }, null, 8, ["generatedItems", "items"]))
         ]),
         _: 1
       }, 8, ["defaultOpen"]);
@@ -31777,9 +32205,11 @@ const _hoisted_2$5 = /* @__PURE__ */ createElementVNode("svg", {
 const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "RequestQuery",
   props: {
-    queries: {}
+    queries: {},
+    generatedQueries: {}
   },
   setup(__props) {
+    const props = __props;
     const { activeRequest: activeRequest2 } = useRequestStore();
     function handleDeleteIndex(index) {
       var _a2;
@@ -31792,13 +32222,17 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       }
       (_a2 = activeRequest2.query) == null ? void 0 : _a2.push({ name: "", value: "", enabled: true });
     }
+    const hasQueries = computed(() => {
+      var _a2, _b;
+      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$j), {
-        defaultOpen: unref(activeRequest2).query && unref(activeRequest2).query.length > 0,
+      return openBlock(), createBlock(unref(_sfc_main$r), {
+        defaultOpen: hasQueries.value,
         title: "Query Parameters"
       }, {
         default: withCtx(() => [
-          !_ctx.queries || _ctx.queries.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
+          !hasQueries.value ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
             createElementVNode("button", {
               class: "scalar-api-client-add",
               type: "button",
@@ -31810,11 +32244,12 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           ])) : (openBlock(), createBlock(unref(_sfc_main$h), {
             key: 1,
             addLabel: "Query Parameter",
+            generatedItems: _ctx.generatedQueries,
             items: _ctx.queries,
             showMoreFilter: true,
             onAddAnother: addAnotherHandler,
             onDeleteIndex: handleDeleteIndex
-          }, null, 8, ["items"]))
+          }, null, 8, ["generatedItems", "items"]))
         ]),
         _: 1
       }, 8, ["defaultOpen"]);
@@ -31861,7 +32296,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$j), {
+      return openBlock(), createBlock(unref(_sfc_main$r), {
         defaultOpen: unref(activeRequest2).variables && unref(activeRequest2).variables.length > 0,
         title: "Variables"
       }, {
@@ -31900,6 +32335,17 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "Request",
   setup(__props) {
     const { activeRequest: activeRequest2 } = useRequestStore();
+    const { authentication: authentication2 } = useAuthenticationStore();
+    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
+      );
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$8, [
         createElementVNode("div", _hoisted_2$3, [
@@ -31922,16 +32368,19 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           createVNode(_sfc_main$b, {
             variables: unref(activeRequest2).variables
           }, null, 8, ["variables"]),
-          createVNode(_sfc_main$i),
+          createVNode(unref(RequestAuthentication)),
           createVNode(_sfc_main$e, {
-            cookies: unref(activeRequest2).cookies
-          }, null, 8, ["cookies"]),
+            cookies: unref(activeRequest2).cookies,
+            generatedCookies: authenticationRequest.value.cookies
+          }, null, 8, ["cookies", "generatedCookies"]),
           createVNode(_sfc_main$d, {
+            generatedHeaders: authenticationRequest.value.headers,
             headers: unref(activeRequest2).headers
-          }, null, 8, ["headers"]),
+          }, null, 8, ["generatedHeaders", "headers"]),
           createVNode(_sfc_main$c, {
+            generatedQueries: authenticationRequest.value.queryString,
             queries: unref(activeRequest2).query
-          }, null, 8, ["queries"]),
+          }, null, 8, ["generatedQueries", "queries"]),
           createVNode(_sfc_main$f, {
             body: unref(activeRequest2).body,
             formData: unref(activeRequest2).formData,
@@ -31986,7 +32435,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       return null;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$j), { title: "Body" }, {
+      return openBlock(), createBlock(unref(_sfc_main$r), { title: "Body" }, {
         default: withCtx(() => [
           _ctx.active ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             codeMirrorLanguage.value ? (openBlock(), createBlock(unref(He), {
@@ -32108,7 +32557,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       }).join("-");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$j), { title: "Headers" }, {
+      return openBlock(), createBlock(unref(_sfc_main$r), { title: "Headers" }, {
         default: withCtx(() => [
           _ctx.headers.length > 0 ? (openBlock(), createBlock(unref(SimpleTable), { key: 0 }, {
             default: withCtx(() => [
@@ -32288,7 +32737,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$j), { title: "Cookies" }, {
+          createVNode(unref(_sfc_main$r), { title: "Cookies" }, {
             default: withCtx(() => [
               withDirectives(createVNode(unref(_sfc_main$g), { items: responseCookies.value }, null, 8, ["items"]), [
                 [vShow, responseCookies.value.length > 0]
@@ -32336,8 +32785,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(unref(_sfc_main$r), { id: _ctx.theme }, null, 8, ["id"]),
-        createVNode(_sfc_main$q, {
+        createVNode(unref(_sfc_main$A), { id: _ctx.theme }, null, 8, ["id"]),
+        createVNode(_sfc_main$y, {
           class: "scalar-api-client",
           method: unref(activeRequest2).type ?? "get",
           property: "--default-scalar-api-client-color",
@@ -32413,12 +32862,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 });
 export {
   _sfc_main as ApiClient,
-  _sfc_main$q as HttpMethod,
+  _sfc_main$y as HttpMethod,
+  RequestAuthentication,
+  SecurityScheme,
+  SecuritySchemeSelector,
   concatenateUrlAndPath,
-  createEmptyAuthState,
+  createEmptyAuthenticationState,
+  createEmptyOpenApiState,
   createPlaceholderRequest,
   encodeStringAsBase64,
   findVariables,
+  getBase64Token,
+  getRequestFromAuthentication,
+  getSecretCredentialsFromAuthentication,
   httpHeaders,
   httpStatusCodes,
   humanDiff,
@@ -32433,6 +32889,8 @@ export {
   requestMethodColors,
   sendRequest,
   useApiClientStore,
+  useAuthenticationStore,
+  useOpenApiStore,
   useRequestStore,
   validRequestMethods
 };