@scalar/api-client 1.2.29 → 1.2.31

package/dist/index.js

@@ -13,10 +13,9 @@ 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  --scalar-text-decoration: underline;\n  --scalar-text-decoration-hover: underline;\n}\n.light-mode,\n.light-mode .dark-mode {\n  --scalar-background-1: #f9f9f9;\n  --scalar-background-2: #f1f1f1;\n  --scalar-background-3: #e7e7e7;\n  --scalar-background-card: #fff;\n\n  --scalar-color-1: #2a2f45;\n  --scalar-color-2: #757575;\n  --scalar-color-3: #8e8e8e;\n\n  --scalar-color-accent: var(--scalar-color-1);\n  --scalar-background-accent: var(--scalar-background-3);\n\n  --scalar-border-color: rgba(0, 0, 0, 0.1);\n}\n.dark-mode {\n  --scalar-background-1: #131313;\n  --scalar-background-2: #1d1d1d;\n  --scalar-background-3: #272727;\n  --scalar-background-card: #1d1d1d;\n\n  --scalar-color-1: rgba(255, 255, 255, 0.9);\n  --scalar-color-2: rgba(255, 255, 255, 0.62);\n  --scalar-color-3: rgba(255, 255, 255, 0.44);\n\n  --scalar-color-accent: var(--scalar-color-1);\n  --scalar-background-accent: var(--scalar-background-3);\n\n  --scalar-border-color: rgba(255, 255, 255, 0.1);\n}\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n  --scalar-sidebar-background-1: var(--scalar-background-1);\n  --scalar-sidebar-color-1: var(--scalar-color-1);\n  --scalar-sidebar-color-2: var(--scalar-color-2);\n  --scalar-sidebar-border-color: var(--scalar-border-color);\n\n  --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n  --scalar-sidebar-item-hover-color: currentColor;\n\n  --scalar-sidebar-item-active-background: var(--scalar-background-accent);\n  --scalar-sidebar-color-active: var(--scalar-color-accent);\n\n  --scalar-sidebar-search-background: transparent;\n  --scalar-sidebar-search-color: var(--scalar-color-3);\n  --scalar-sidebar-search-border-color: var(--scalar-border-color);\n\n  --scalar-sidebar-indent-border: var(--scalar-sidebar-border-color);\n  --scalar-sidebar-indent-border-hover: var(--scalar-sidebar-border-color);\n  --scalar-sidebar-indent-border-active: var(--scalar-sidebar-border-color);\n}\n/* advanced */\n.light-mode .dark-mode,\n.light-mode {\n  --scalar-color-green: #069061;\n  --scalar-color-red: #ef0006;\n  --scalar-color-yellow: #edbe20;\n  --scalar-color-blue: #0082d0;\n  --scalar-color-orange: #fb892c;\n  --scalar-color-purple: #5203d1;\n\n  --scalar-button-1: rgba(0, 0, 0, 1);\n  --scalar-button-1-hover: rgba(0, 0, 0, 0.8);\n  --scalar-button-1-color: rgba(255, 255, 255, 0.9);\n}\n.dark-mode {\n  --scalar-color-green: #00b648;\n  --scalar-color-red: #dd2f2c;\n  --scalar-color-yellow: #ffc90d;\n  --scalar-color-blue: #4eb3ec;\n  --scalar-color-orange: #ff8d4d;\n  --scalar-color-purple: #b191f9;\n\n  --scalar-button-1: rgba(255, 255, 255, 1);\n  --scalar-button-1-hover: rgba(255, 255, 255, 0.9);\n  --scalar-button-1-color: black;\n}\n\n.scalar-api-client__item,\n.scalar-card,\n.dark-mode .dark-mode.scalar-card {\n  --scalar-background-1: var(--scalar-background-card);\n  --scalar-background-2: var(--scalar-background-1);\n  --scalar-background-3: var(--scalar-background-1);\n}\n.dark-mode .dark-mode.scalar-card {\n  --scalar-background-3: var(--scalar-background-3);\n}\n.t-doc__sidebar {\n  --scalar-color-green: var(--scalar-color-1);\n  --scalar-color-red: var(--scalar-color-1);\n  --scalar-color-yellow: var(--scalar-color-1);\n  --scalar-color-blue: var(--scalar-color-1);\n  --scalar-color-orange: var(--scalar-color-1);\n  --scalar-color-purple: var(--scalar-color-1);\n}\n";
 const bluePlanetTheme = "/* basic theme */\n:root {\n  --scalar-text-decoration: underline;\n  --scalar-text-decoration-hover: underline;\n}\n.light-mode {\n  --scalar-background-1: #f0f2f5;\n  --scalar-background-2: #eaecf0;\n  --scalar-background-3: #e0e2e6;\n  --scalar-border-color: rgb(228, 228, 231);\n\n  --scalar-color-1: rgb(9, 9, 11);\n  --scalar-color-2: rgb(113, 113, 122);\n  --scalar-color-3: rgba(25, 25, 28, 0.5);\n\n  --scalar-color-accent: var(--scalar-color-1);\n  --scalar-background-accent: #8ab4f81f;\n\n  --scalar-code-language-color-supersede: var(--scalar-color-1);\n}\n.light-mode .scalar-card.dark-mode,\n.dark-mode {\n  --scalar-background-1: #000e23;\n  --scalar-background-2: #01132e;\n  --scalar-background-3: #03193b;\n  --scalar-border-color: rgba(255, 255, 255, 0.12);\n\n  --scalar-color-1: #fafafa;\n  --scalar-color-2: rgb(161, 161, 170);\n  --scalar-color-3: rgba(255, 255, 255, 0.533);\n\n  --scalar-color-accent: var(--scalar-color-1);\n  --scalar-background-accent: #8ab4f81f;\n\n  --scalar-code-language-color-supersede: var(--scalar-color-1);\n}\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n  --scalar-sidebar-background-1: var(--scalar-background-1);\n  --scalar-sidebar-color-1: var(--scalar-color-1);\n  --scalar-sidebar-color-2: var(--scalar-color-2);\n  --scalar-sidebar-border-color: var(--scalar-border-color);\n\n  --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n  --scalar-sidebar-item-hover-color: currentColor;\n\n  --scalar-sidebar-item-active-background: var(--scalar-background-3);\n  --scalar-sidebar-color-active: var(--scalar-color-accent);\n\n  --scalar-sidebar-search-background: rgba(255, 255, 255, 0.1);\n  --scalar-sidebar-search-border-color: var(--scalar-border-color);\n  --scalar-sidebar-search-color: var(--scalar-color-3);\n  z-index: 1;\n}\n.light-mode .t-doc__sidebar {\n  --scalar-sidebar-search-background: white;\n}\n/* advanced */\n.light-mode {\n  --scalar-color-green: #069061;\n  --scalar-color-red: #ef0006;\n  --scalar-color-yellow: #edbe20;\n  --scalar-color-blue: #0082d0;\n  --scalar-color-orange: #fb892c;\n  --scalar-color-purple: #5203d1;\n\n  --scalar-button-1: rgba(0, 0, 0, 1);\n  --scalar-button-1-hover: rgba(0, 0, 0, 0.8);\n  --scalar-button-1-color: rgba(255, 255, 255, 0.9);\n}\n.dark-mode {\n  --scalar-color-green: rgba(69, 255, 165, 0.823);\n  --scalar-color-red: #ff8589;\n  --scalar-color-yellow: #ffcc4d;\n  --scalar-color-blue: #6bc1fe;\n  --scalar-color-orange: #f98943;\n  --scalar-color-purple: #b191f9;\n\n  --scalar-button-1: rgba(255, 255, 255, 1);\n  --scalar-button-1-hover: rgba(255, 255, 255, 0.9);\n  --scalar-button-1-color: black;\n}\n/* 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/* 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(--scalar-background-1));\n  width: 100vw;\n}\n.light-mode .section-flare {\n  display: none;\n}\n.light-mode .scalar-card {\n  --scalar-background-1: #fff;\n  --scalar-background-2: #fff;\n  --scalar-background-3: #fff;\n}\n";
-const deepSpaceTheme = "/* basic theme */\n:root {\n  --scalar-text-decoration: underline;\n  --scalar-text-decoration-hover: underline;\n}\n.light-mode {\n  --scalar-color-1: rgb(9, 9, 11);\n  --scalar-color-2: rgb(113, 113, 122);\n  --scalar-color-3: rgba(25, 25, 28, 0.5);\n  --scalar-color-accent: var(--scalar-color-1);\n\n  --scalar-background-1: #fff;\n  --scalar-background-2: #f4f4f5;\n  --scalar-background-3: #e3e3e6;\n  --scalar-background-accent: #8ab4f81f;\n\n  --scalar-border-color: rgb(228, 228, 231);\n  --scalar-code-language-color-supersede: var(--scalar-color-1);\n}\n.dark-mode {\n  --scalar-color-1: #fafafa;\n  --scalar-color-2: rgb(161, 161, 170);\n  --scalar-color-3: rgba(255, 255, 255, 0.533);\n  --scalar-color-accent: var(--scalar-color-1);\n\n  --scalar-background-1: #09090b;\n  --scalar-background-2: #18181b;\n  --scalar-background-3: #2c2c30;\n  --scalar-background-accent: #8ab4f81f;\n\n  --scalar-border-color: rgba(255, 255, 255, 0.12);\n  --scalar-code-language-color-supersede: var(--scalar-color-1);\n}\n\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n  --scalar-sidebar-background-1: var(--scalar-background-1);\n  --scalar-sidebar-color-1: var(--scalar-color-1);\n  --scalar-sidebar-color-2: var(--scalar-color-2);\n  --scalar-sidebar-border-color: var(--scalar-border-color);\n\n  --scalar-sidebar-item-hover-color: currentColor;\n  --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n\n  --scalar-sidebar-item-active-background: var(--scalar-background-3);\n  --scalar-sidebar-color-active: var(--scalar-color-accent);\n\n  --scalar-sidebar-search-background: transparent;\n  --scalar-sidebar-search-border-color: var(--scalar-border-color);\n  --scalar-sidebar-search-color: var(--scalar-color-3);\n}\n.light-mode .t-doc__sidebar {\n  --scalar-sidebar-item-active-background: #09090b;\n  --scalar-sidebar-color-active: var(--scalar-sidebar-background-1);\n}\n/* advanced */\n.light-mode {\n  --scalar-color-green: #069061;\n  --scalar-color-red: #ef0006;\n  --scalar-color-yellow: #edbe20;\n  --scalar-color-blue: #0082d0;\n  --scalar-color-orange: #fb892c;\n  --scalar-color-purple: #5203d1;\n\n  --scalar-button-1: rgba(0, 0, 0, 1);\n  --scalar-button-1-hover: rgba(0, 0, 0, 0.8);\n  --scalar-button-1-color: rgba(255, 255, 255, 0.9);\n}\n.dark-mode {\n  --scalar-color-green: rgba(69, 255, 165, 0.823);\n  --scalar-color-red: #ff8589;\n  --scalar-color-yellow: #ffcc4d;\n  --scalar-color-blue: #6bc1fe;\n  --scalar-color-orange: #f98943;\n  --scalar-color-purple: #b191f9;\n\n  --scalar-button-1: rgba(255, 255, 255, 1);\n  --scalar-button-1-hover: rgba(255, 255, 255, 0.9);\n  --scalar-button-1-color: black;\n}\n/* Custom theme */\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.examples .scalar-card-footer {\n  --scalar-background-3: transparent;\n  padding-top: 0;\n}\n/* Hero section flare */\n.section-flare {\n  width: 100vw;\n  height: 550px;\n  position: relative;\n}\n.section-flare-item:nth-of-type(1) {\n  position: absolute;\n  width: 100vw;\n  height: 550px;\n  --stripesDark: repeating-linear-gradient(\n    100deg,\n    #000 0%,\n    #000 7%,\n    transparent 10%,\n    transparent 12%,\n    #000 16%\n  );\n  --rainbow: repeating-linear-gradient(\n    100deg,\n    #fff 10%,\n    #fff 16%,\n    #fff 22%,\n    #fff 30%\n  );\n  background-image: var(--stripesDark), var(--rainbow);\n  background-size: 300%, 200%;\n  background-position:\n    50% 50%,\n    50% 50%;\n  filter: invert(100%);\n  -webkit-mask-image: radial-gradient(\n    ellipse at 100% 0%,\n    black 40%,\n    transparent 70%\n  );\n  mask-image: radial-gradient(ellipse at 100% 0%, black 40%, transparent 70%);\n  pointer-events: none;\n  opacity: 0.07;\n}\n.dark-mode .section-flare-item:nth-of-type(1) {\n  background-image: var(--stripesDark), var(--rainbow);\n  filter: opacity(50%) saturate(200%);\n  opacity: 0.25;\n  height: 350px;\n}\n.section-flare-item:nth-of-type(1):after {\n  content: '';\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-image: var(--stripesDark), var(--rainbow);\n  background-size: 200%, 100%;\n  background-attachment: fixed;\n  mix-blend-mode: difference;\n}\n.dark-mode .section-flare:after {\n  background-image: var(--stripesDark), var(--rainbow);\n}\n.section-flare-item:nth-of-type(2) {\n  --star-color: #fff;\n  --star-color2: #fff;\n  --star-color3: #fff;\n  width: 100%;\n  height: 100%;\n  position: absolute;\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  mask-image: radial-gradient(ellipse at 100% 0%, black 40%, transparent 70%);\n  opacity: 0.2;\n}\n";
+const deepSpaceTheme = "/* basic theme */\n:root {\n  --scalar-text-decoration: underline;\n  --scalar-text-decoration-hover: underline;\n}\n.light-mode {\n  --scalar-color-1: rgb(9, 9, 11);\n  --scalar-color-2: rgb(113, 113, 122);\n  --scalar-color-3: rgba(25, 25, 28, 0.5);\n  --scalar-color-accent: var(--scalar-color-1);\n\n  --scalar-background-1: #fff;\n  --scalar-background-2: #f4f4f5;\n  --scalar-background-3: #e3e3e6;\n  --scalar-background-accent: #8ab4f81f;\n\n  --scalar-border-color: rgb(228, 228, 231);\n  --scalar-code-language-color-supersede: var(--scalar-color-1);\n}\n.dark-mode {\n  --scalar-color-1: #fafafa;\n  --scalar-color-2: rgb(161, 161, 170);\n  --scalar-color-3: rgba(255, 255, 255, 0.533);\n  --scalar-color-accent: var(--scalar-color-1);\n\n  --scalar-background-1: #09090b;\n  --scalar-background-2: #18181b;\n  --scalar-background-3: #2c2c30;\n  --scalar-background-accent: #8ab4f81f;\n\n  --scalar-border-color: rgba(255, 255, 255, 0.12);\n  --scalar-code-language-color-supersede: var(--scalar-color-1);\n}\n\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n  --scalar-sidebar-background-1: var(--scalar-background-1);\n  --scalar-sidebar-color-1: var(--scalar-color-1);\n  --scalar-sidebar-color-2: var(--scalar-color-2);\n  --scalar-sidebar-border-color: var(--scalar-border-color);\n\n  --scalar-sidebar-item-hover-color: currentColor;\n  --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n\n  --scalar-sidebar-item-active-background: var(--scalar-background-3);\n  --scalar-sidebar-color-active: var(--scalar-color-accent);\n\n  --scalar-sidebar-search-background: transparent;\n  --scalar-sidebar-search-border-color: var(--scalar-border-color);\n  --scalar-sidebar-search-color: var(--scalar-color-3);\n}\n.light-mode .t-doc__sidebar {\n  --scalar-sidebar-item-active-background: var(--scalar-background-2);\n}\n/* advanced */\n.light-mode {\n  --scalar-color-green: #069061;\n  --scalar-color-red: #ef0006;\n  --scalar-color-yellow: #edbe20;\n  --scalar-color-blue: #0082d0;\n  --scalar-color-orange: #fb892c;\n  --scalar-color-purple: #5203d1;\n\n  --scalar-button-1: rgba(0, 0, 0, 1);\n  --scalar-button-1-hover: rgba(0, 0, 0, 0.8);\n  --scalar-button-1-color: rgba(255, 255, 255, 0.9);\n}\n.dark-mode {\n  --scalar-color-green: rgba(69, 255, 165, 0.823);\n  --scalar-color-red: #ff8589;\n  --scalar-color-yellow: #ffcc4d;\n  --scalar-color-blue: #6bc1fe;\n  --scalar-color-orange: #f98943;\n  --scalar-color-purple: #b191f9;\n\n  --scalar-button-1: rgba(255, 255, 255, 1);\n  --scalar-button-1-hover: rgba(255, 255, 255, 0.9);\n  --scalar-button-1-color: black;\n}\n/* Custom theme */\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.examples .scalar-card-footer {\n  --scalar-background-3: transparent;\n  padding-top: 0;\n}\n/* Hero section flare */\n.section-flare {\n  width: 100vw;\n  height: 550px;\n  position: relative;\n}\n.section-flare-item:nth-of-type(1) {\n  position: absolute;\n  width: 100vw;\n  height: 550px;\n  --stripesDark: repeating-linear-gradient(\n    100deg,\n    #000 0%,\n    #000 7%,\n    transparent 10%,\n    transparent 12%,\n    #000 16%\n  );\n  --rainbow: repeating-linear-gradient(\n    100deg,\n    #fff 10%,\n    #fff 16%,\n    #fff 22%,\n    #fff 30%\n  );\n  background-image: var(--stripesDark), var(--rainbow);\n  background-size: 300%, 200%;\n  background-position:\n    50% 50%,\n    50% 50%;\n  filter: invert(100%);\n  -webkit-mask-image: radial-gradient(\n    ellipse at 100% 0%,\n    black 40%,\n    transparent 70%\n  );\n  mask-image: radial-gradient(ellipse at 100% 0%, black 40%, transparent 70%);\n  pointer-events: none;\n  opacity: 0.07;\n}\n.dark-mode .section-flare-item:nth-of-type(1) {\n  background-image: var(--stripesDark), var(--rainbow);\n  filter: opacity(50%) saturate(200%);\n  opacity: 0.25;\n  height: 350px;\n}\n.section-flare-item:nth-of-type(1):after {\n  content: '';\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-image: var(--stripesDark), var(--rainbow);\n  background-size: 200%, 100%;\n  background-attachment: fixed;\n  mix-blend-mode: difference;\n}\n.dark-mode .section-flare:after {\n  background-image: var(--stripesDark), var(--rainbow);\n}\n.section-flare-item:nth-of-type(2) {\n  --star-color: #fff;\n  --star-color2: #fff;\n  --star-color3: #fff;\n  width: 100%;\n  height: 100%;\n  position: absolute;\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  mask-image: radial-gradient(ellipse at 100% 0%, black 40%, transparent 70%);\n  opacity: 0.2;\n}\n";
 const defaultTheme = "/* basic theme */\n.light-mode {\n  --scalar-background-1: #fff;\n  --scalar-background-2: #f6f6f6;\n  --scalar-background-3: #e7e7e7;\n  --scalar-background-accent: #8ab4f81f;\n\n  --scalar-color-1: #2a2f45;\n  --scalar-color-2: #757575;\n  --scalar-color-3: #8e8e8e;\n\n  --scalar-color-accent: #0099ff;\n  --scalar-border-color: rgba(0, 0, 0, 0.1);\n}\n.dark-mode {\n  --scalar-background-1: #0f0f0f;\n  --scalar-background-2: #1a1a1a;\n  --scalar-background-3: #272727;\n\n  --scalar-color-1: rgba(255, 255, 255, 0.9);\n  --scalar-color-2: rgba(255, 255, 255, 0.62);\n  --scalar-color-3: rgba(255, 255, 255, 0.44);\n\n  --scalar-color-accent: #3ea6ff;\n  --scalar-background-accent: #3ea6ff1f;\n\n  --scalar-border-color: rgba(255, 255, 255, 0.1);\n}\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n  --scalar-sidebar-background-1: var(--scalar-background-1);\n  --scalar-sidebar-color-1: var(--scalar-color-1);\n  --scalar-sidebar-color-2: var(--scalar-color-2);\n  --scalar-sidebar-border-color: var(--scalar-border-color);\n\n  --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n  --scalar-sidebar-item-hover-color: currentColor;\n\n  --scalar-sidebar-item-active-background: var(--scalar-background-2);\n  --scalar-sidebar-color-active: var(--scalar-color-1);\n\n  --scalar-sidebar-search-background: transparent;\n  --scalar-sidebar-search-color: var(--scalar-color-3);\n  --scalar-sidebar-search-border-color: var(--scalar-border-color);\n}\n\n/* advanced */\n.light-mode {\n  --scalar-color-green: #069061;\n  --scalar-color-red: #ef0006;\n  --scalar-color-yellow: #edbe20;\n  --scalar-color-blue: #0082d0;\n  --scalar-color-orange: #fb892c;\n  --scalar-color-purple: #5203d1;\n\n  --scalar-button-1: rgba(0, 0, 0, 1);\n  --scalar-button-1-hover: rgba(0, 0, 0, 0.8);\n  --scalar-button-1-color: rgba(255, 255, 255, 0.9);\n}\n.dark-mode {\n  --scalar-color-green: #00b648;\n  --scalar-color-red: #dc1b19;\n  --scalar-color-yellow: #ffc90d;\n  --scalar-color-blue: #4eb3ec;\n  --scalar-color-orange: #ff8d4d;\n  --scalar-color-purple: #b191f9;\n\n  --scalar-button-1: rgba(255, 255, 255, 1);\n  --scalar-button-1-hover: rgba(255, 255, 255, 0.9);\n  --scalar-button-1-color: black;\n}\n";
 const keplerTheme = "/* basic theme */\n.light-mode {\n  --scalar-color-1: #2a2f45;\n  --scalar-color-2: #757575;\n  --scalar-color-3: #8e8e8e;\n  --scalar-color-accent: #7070ff;\n\n  --scalar-background-1: #fff;\n  --scalar-background-2: #f6f6f6;\n  --scalar-background-3: #e7e7e7;\n  --scalar-background-accent: #7070ff1f;\n\n  --scalar-border-color: rgba(0, 0, 0, 0.1);\n\n  --scalar-code-language-color-supersede: var(--scalar-color-3);\n}\n.dark-mode {\n  --scalar-color-1: #f7f8f8;\n  --scalar-color-2: rgb(180, 188, 208);\n  --scalar-color-3: #b4bcd099;\n  --scalar-color-accent: #828fff;\n\n  --scalar-background-1: #000212;\n  --scalar-background-2: rgba(255, 255, 255, 0.05);\n  --scalar-background-3: rgba(255, 255, 255, 0.09);\n  --scalar-background-accent: #8ab4f81f;\n\n  --scalar-border-color: #242537;\n  --scalar-code-language-color-supersede: var(--scalar-color-3);\n}\n/* Document Sidebar */\n.light-mode .t-doc__sidebar {\n  --scalar-sidebar-background-1: var(--scalar-background-1);\n  --scalar-sidebar-item-hover-color: currentColor;\n  --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n  --scalar-sidebar-item-active-background: var(--scalar-background-accent);\n  --scalar-sidebar-border-color: var(--scalar-border-color);\n  --scalar-sidebar-color-1: var(--scalar-color-1);\n  --scalar-sidebar-color-2: var(--scalar-color-2);\n  --scalar-sidebar-color-active: var(--scalar-color-accent);\n  --scalar-sidebar-search-background: rgba(0, 0, 0, 0.05);\n  --scalar-sidebar-search-border-color: 1px solid rgba(0, 0, 0, 0.05);\n  --scalar-sidebar-search-color: var(--scalar-color-3);\n  --scalar-background-2: rgba(0, 0, 0, 0.03);\n}\n.dark-mode .t-doc__sidebar {\n  --scalar-sidebar-background-1: var(--scalar-background-1);\n  --scalar-sidebar-item-hover-color: currentColor;\n  --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n  --scalar-sidebar-item-active-background: rgba(255, 255, 255, 0.1);\n  --scalar-sidebar-border-color: var(--scalar-border-color);\n  --scalar-sidebar-color-1: var(--scalar-color-1);\n  --scalar-sidebar-color-2: var(--scalar-color-2);\n  --scalar-sidebar-color-active: var(--scalar-color-accent);\n  --scalar-sidebar-search-background: rgba(255, 255, 255, 0.1);\n  --scalar-sidebar-search-border-color: 1px solid rgba(255, 255, 255, 0.05);\n  --scalar-sidebar-search-color: var(--scalar-color-3);\n}\n/* advanced */\n.light-mode {\n  --scalar-color-green: #069061;\n  --scalar-color-red: #ef0006;\n  --scalar-color-yellow: #edbe20;\n  --scalar-color-blue: #0082d0;\n  --scalar-color-orange: #fb892c;\n  --scalar-color-purple: #5203d1;\n\n  --scalar-button-1: rgba(0, 0, 0, 1);\n  --scalar-button-1-hover: rgba(0, 0, 0, 0.8);\n  --scalar-button-1-color: rgba(255, 255, 255, 0.9);\n}\n.dark-mode {\n  --scalar-color-green: #00b648;\n  --scalar-color-red: #dc1b19;\n  --scalar-color-yellow: #ffc90d;\n  --scalar-color-blue: #4eb3ec;\n  --scalar-color-orange: #ff8d4d;\n  --scalar-color-purple: #b191f9;\n\n  --scalar-button-1: rgba(255, 255, 255, 1);\n  --scalar-button-1-hover: rgba(255, 255, 255, 0.9);\n  --scalar-button-1-color: black;\n}\n/* Custom Theme */\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.sidebar-search {\n  backdrop-filter: blur(12px);\n}\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 .scalar-card {\n  background: rgba(255, 255, 255, 0.05) !important;\n}\n.dark-mode .scalar-card * {\n  --scalar-background-2: transparent !important;\n  --scalar-background-1: transparent !important;\n}\n.light-mode .dark-mode.scalar-card *,\n.light-mode .dark-mode.scalar-card {\n  --scalar-background-1: #0d0f1e !important;\n  --scalar-background-2: #0d0f1e !important;\n  --scalar-background-3: #191b29 !important;\n}\n.light-mode .dark-mode.scalar-card {\n  background: #191b29 !important;\n}\n.badge {\n  box-shadow: 0 0 0 1px var(--scalar-border-color);\n  margin-right: 6px;\n}\n\n.table-row.required-parameter .table-row-item:nth-of-type(2):after {\n  background: transparent;\n  box-shadow: none;\n}\n/* Hero Section Flare */\n.section-flare {\n  width: 100vw;\n  background: radial-gradient(\n    ellipse 80% 50% at 50% -20%,\n    rgba(120, 119, 198, 0.3),\n    transparent\n  );\n  height: 100vh;\n}\n";
 const marsTheme = "/* basic theme */\n:root {\n  --scalar-text-decoration: underline;\n  --scalar-text-decoration-hover: underline;\n}\n.light-mode {\n  --scalar-background-1: #f9f6f0;\n  --scalar-background-2: #f2efe8;\n  --scalar-background-3: #e9e7e2;\n  --scalar-border-color: rgba(203, 165, 156, 0.6);\n\n  --scalar-color-1: #c75549;\n  --scalar-color-2: #c75549;\n  --scalar-color-3: #c75549;\n\n  --scalar-color-accent: #c75549;\n  --scalar-background-accent: #dcbfa81f;\n\n  --scalar-code-language-color-supersede: var(--scalar-color-1);\n}\n.dark-mode {\n  --scalar-background-1: #140507;\n  --scalar-background-2: #20090c;\n  --scalar-background-3: #321116;\n  --scalar-border-color: rgba(255, 255, 255, 0.1);\n\n  --scalar-color-1: rgba(255, 255, 255, 0.9);\n  --scalar-color-2: rgba(255, 255, 255, 0.62);\n  --scalar-color-3: rgba(255, 255, 255, 0.44);\n\n  --scalar-color-accent: rgba(255, 255, 255, 0.9);\n  --scalar-background-accent: #441313;\n\n  --scalar-code-language-color-supersede: var(--scalar-color-1);\n}\n\n/* Document Sidebar */\n.light-mode .t-doc__sidebar,\n.dark-mode .t-doc__sidebar {\n  --scalar-sidebar-background-1: var(--scalar-background-1);\n  --scalar-sidebar-color-1: var(--scalar-color-1);\n  --scalar-sidebar-color-2: var(--scalar-color-2);\n  --scalar-sidebar-border-color: var(--scalar-border-color);\n\n  --scalar-sidebar-item-hover-color: currentColor;\n  --scalar-sidebar-item-hover-background: var(--scalar-background-2);\n\n  --scalar-sidebar-item-active-background: var(--scalar-background-3);\n  --scalar-sidebar-color-active: var(--scalar-color-accent);\n\n  --scalar-sidebar-search-background: rgba(255, 255, 255, 0.1);\n  --scalar-sidebar-search-color: var(--scalar-color-3);\n  --scalar-sidebar-search-border-color: var(--scalar-border-color);\n  z-index: 1;\n}\n/* advanced */\n.light-mode {\n  --scalar-color-green: #09533a;\n  --scalar-color-red: #aa181d;\n  --scalar-color-yellow: #ab8d2b;\n  --scalar-color-blue: #19689a;\n  --scalar-color-orange: #b26c34;\n  --scalar-color-purple: #4c2191;\n\n  --scalar-button-1: rgba(0, 0, 0, 1);\n  --scalar-button-1-hover: rgba(0, 0, 0, 0.8);\n  --scalar-button-1-color: rgba(255, 255, 255, 0.9);\n}\n.dark-mode {\n  --scalar-color-green: rgba(69, 255, 165, 0.823);\n  --scalar-color-red: #ff8589;\n  --scalar-color-yellow: #ffcc4d;\n  --scalar-color-blue: #6bc1fe;\n  --scalar-color-orange: #f98943;\n  --scalar-color-purple: #b191f9;\n\n  --scalar-button-1: rgba(255, 255, 255, 1);\n  --scalar-button-1-hover: rgba(255, 255, 255, 0.9);\n  --scalar-button-1-color: black;\n}\n/* Custom Theme */\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.light-mode .t-doc__sidebar {\n  --scalar-sidebar-search-background: white;\n}\n.examples .scalar-card-footer {\n  --scalar-background-3: transparent;\n  padding-top: 0;\n}\n/* Hero section flare */\n.section-flare-item:nth-of-type(1) {\n  background: #d25019;\n  width: 80vw;\n  height: 500px;\n  margin-top: -150px;\n  border-radius: 50%;\n  filter: blur(100px);\n  z-index: 0;\n}\n.light-mode .section-flare {\n  display: none;\n}\n.section-flare {\n  top: -150px !important;\n  height: 100vh;\n  right: -400px !important;\n  left: initial;\n}\n";
@@ -155,6 +154,8 @@ const createHash = (input) => {
   }
   return hash2;
 };
+const defaultStateFactory = () => ({});
+const ssrState = typeof window !== "undefined" ? window.__SCALAR__ ?? defaultStateFactory() : defaultStateFactory();
 const ALIAS = Symbol.for("yaml.alias");
 const DOC = Symbol.for("yaml.document");
 const MAP = Symbol.for("yaml.map");
@@ -1964,6 +1965,9 @@ const isJsonString = (value) => {
     return false;
   return !!json$1.parseSafe(value, false);
 };
+function normalizeMimeType(contentType) {
+  return contentType.replace(/;.*$/, "").replace(/\/.+\+/, "/").trim();
+}
 const httpStatusCodes = {
   100: {
     name: "Continue",
@@ -2214,8 +2218,6 @@ const httpStatusCodes = {
     url: "https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/511"
   }
 };
-const defaultStateFactory = () => ({});
-const ssrState = typeof window !== "undefined" ? window.__SCALAR__ ?? defaultStateFactory() : defaultStateFactory();
 const createEmptyAuthenticationState = () => ({
   preferredSecurityScheme: null,
   // In case the spec has no security and the user would like to add some
@@ -26050,6 +26052,9 @@ function mapFromArray(arr, key, valueKey) {
   });
   return obj;
 }
+const normalizeHeaders = (headers) => Object.fromEntries(
+  Object.entries(headers ?? {}).map(([key, value]) => [key.toLowerCase(), value])
+);
 const normalizePath = (path) => {
   if (typeof path !== "string") {
     return "";
@@ -26091,9 +26096,7 @@ const normalizeUrl = (url) => {
     );
     sanitizedUrl = `http://${sanitizedUrl}`;
   }
-  const urlObject = new URL(sanitizedUrl);
-  urlObject.hostname = urlObject.hostname.trim().toLowerCase();
-  return urlObject.toString();
+  return sanitizedUrl.trim();
 };
 function enable(items) {
   return (items ?? []).map((item) => ({ ...item, enabled: true }));
@@ -26147,6 +26150,14 @@ const replaceVariables = (url, variables2) => {
     return acc.replace(`{${key}}`, value.toString());
   }, url);
 };
+function redirectToProxy(proxy, url) {
+  return `${proxy}?scalar_url=${encodeURI(url)}`;
+}
+function isRequestToLocalhost(url) {
+  const { hostname } = new URL(url);
+  const listOfLocalUrls = ["localhost", "127.0.0.1", "[::1]"];
+  return listOfLocalUrls.includes(hostname);
+}
 async function sendRequest(request, proxyUrl) {
   var _a2;
   const method = normalizeRequestMethod(request.type);
@@ -26210,46 +26221,40 @@ async function sendRequest(request, proxyUrl) {
     headers,
     data: request.body
   };
-  const axiosRequestConfig = proxyUrl ? {
-    method: "POST",
-    url: proxyUrl,
-    data: requestConfig
-  } : {
+  const shouldUseProxy = proxyUrl && !isRequestToLocalhost(requestConfig.url);
+  const axiosRequestConfig = {
     method: requestConfig.method,
-    url: requestConfig.url,
+    url: shouldUseProxy ? redirectToProxy(proxyUrl, requestConfig.url) : requestConfig.url,
     headers: requestConfig.headers,
     data: requestConfig.data
   };
   if (headers.cookies) {
     axiosRequestConfig.withCredentials = true;
   }
-  if (proxyUrl) {
-    console.info(`${requestConfig.method} ${proxyUrl} → ${requestConfig.url}`);
+  if (shouldUseProxy) {
+    console.info(
+      `${requestConfig.method} ${requestConfig.url} (proxy: ${proxyUrl})`
+    );
   } else {
     console.info(`${requestConfig.method} ${requestConfig.url}`);
   }
-  const response = await axios(axiosRequestConfig).then((result) => {
-    if (proxyUrl) {
-      return {
-        ...result.data,
-        error: false
-      };
-    }
-    return {
-      ...result,
-      statusCode: result.status,
-      data: JSON.stringify(result.data),
-      error: false
-    };
-  }).catch((error) => {
+  const response = await axios(axiosRequestConfig).then((result) => ({
+    ...result,
+    statusCode: result.status,
+    data: result.data,
+    error: false
+  })).catch((error) => {
+    var _a3, _b;
     const { response: errorResponse } = error;
+    console.error("ERROR", error);
     return {
-      headers: {
-        "content-type": "application/json; charset=utf-8"
-      },
+      data: error.code ?? error.message,
       ...errorResponse,
       statusCode: (errorResponse == null ? void 0 : errorResponse.status) ?? 0,
-      data: JSON.stringify((errorResponse == null ? void 0 : errorResponse.data) ?? { error: error.code })
+      error: {
+        message: ((_a3 = errorResponse == null ? void 0 : errorResponse.data) == null ? void 0 : _a3.message) ?? error.message,
+        stack: ((_b = errorResponse == null ? void 0 : errorResponse.data) == null ? void 0 : _b.stack) ?? error.stack
+      }
     };
   });
   return {
@@ -26395,7 +26400,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   }
 });
 const RequestMethodSelect = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-0f1e5bdc"]]);
-const _withScopeId$5 = (n) => (pushScopeId("data-v-e3bb539e"), n = n(), popScopeId(), n);
+const _withScopeId$5 = (n) => (pushScopeId("data-v-b1791ec2"), n = n(), popScopeId(), n);
 const _hoisted_1$s = {
   key: 0,
   class: "loader"
@@ -26436,7 +26441,7 @@ const _hoisted_8$2 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ create
 const _hoisted_9$1 = [
   _hoisted_8$2
 ];
-const _hoisted_10$1 = ["disabled"];
+const _hoisted_10 = ["disabled"];
 const _hoisted_11 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("svg", {
   fill: "none",
   height: "48",
@@ -26476,7 +26481,6 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     const {
       activeRequest: activeRequest2,
       addRequestToHistory: addRequestToHistory2,
-      requestHistory: requestHistory2,
       requestHistoryOrder: requestHistoryOrder2,
       readOnly: readOnly2,
       setActiveRequest: setActiveRequest2
@@ -26554,7 +26558,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
                 disabled: !formattedUrl.value.trim().length,
                 type: "submit",
                 onClick: send
-              }, _hoisted_13, 8, _hoisted_10$1)
+              }, _hoisted_13, 8, _hoisted_10)
             ])
           ]),
           createElementVNode("div", {
@@ -26581,12 +26585,11 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AddressBar = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-e3bb539e"]]);
+const AddressBar = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-b1791ec2"]]);
 const clickGeneratedParameter = useEventBus(Symbol());
 const _hoisted_1$r = { class: "scalar-api-client-item-topbar" };
 const _hoisted_2$k = { class: "scalar-api-client__toggle-container" };
-const _hoisted_3$c = { class: "scalar-api-client__item__title" };
-const _hoisted_4$9 = /* @__PURE__ */ createElementVNode("svg", {
+const _hoisted_3$c = /* @__PURE__ */ createElementVNode("svg", {
   class: "scalar-api-client__toggle__icon",
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -26599,6 +26602,7 @@ const _hoisted_4$9 = /* @__PURE__ */ createElementVNode("svg", {
     d: "M2.2 4.1 6 7.9l3.8-3.8"
   })
 ], -1);
+const _hoisted_4$9 = { class: "scalar-api-client__item__title" };
 const _hoisted_5$6 = {
   key: 0,
   class: "scalar-api-client__item__options"
@@ -26643,8 +26647,8 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
               }, {
                 default: withCtx(() => [
                   createElementVNode("div", _hoisted_2$k, [
-                    createElementVNode("span", _hoisted_3$c, toDisplayString(_ctx.title), 1),
-                    _hoisted_4$9
+                    _hoisted_3$c,
+                    createElementVNode("span", _hoisted_4$9, toDisplayString(_ctx.title), 1)
                   ])
                 ]),
                 _: 1
@@ -30827,7 +30831,7 @@ const ze = /* @__PURE__ */ defineComponent({
   ],
   ghost: [
     "scalar-button-ghost",
-    "bg-transparent text-fore-3 active:text-fore-2 hocus:text-fore-2"
+    "bg-transparent text-fore-3 transition-colors active:text-fore-1 hocus:text-fore-1"
   ],
   danger: [
     "scalar-button-danger",
@@ -31791,7 +31795,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
   }
 });
 const SecurityScheme = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-3eb93ac9"]]);
-const _withScopeId$3 = (n) => (pushScopeId("data-v-44b7136f"), n = n(), popScopeId(), n);
+const _withScopeId$3 = (n) => (pushScopeId("data-v-b83bdfab"), n = n(), popScopeId(), n);
 const _hoisted_1$m = {
   key: 0,
   class: "security-scheme-label"
@@ -31882,7 +31886,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SecuritySchemeSelector = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-44b7136f"]]);
+const SecuritySchemeSelector = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-b83bdfab"]]);
 const _hoisted_1$l = {
   key: 0,
   class: "preferred-security-scheme"
@@ -31962,7 +31966,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RequestAuthentication = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-4f9eaaf8"]]);
+const RequestAuthentication = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-3fb420c2"]]);
 const _hoisted_1$k = { class: "table-row" };
 const _hoisted_2$f = { class: "table-row-meta" };
 const _hoisted_3$8 = { class: "table-row-item" };
@@ -31995,7 +31999,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const GridRow = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-89e5db22"]]);
+const GridRow = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-af7279f3"]]);
 const _withScopeId$2 = (n) => (pushScopeId("data-v-b4e614c1"), n = n(), popScopeId(), n);
 const _hoisted_1$j = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("label", { class: "table-column-header" }, "Key", -1));
 const _hoisted_2$e = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("label", { class: "table-column-header" }, "Value", -1));
@@ -32044,7 +32048,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   }
 });
 const GridHeader = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-b4e614c1"]]);
-const _withScopeId$1 = (n) => (pushScopeId("data-v-be2f5ca3"), n = n(), popScopeId(), n);
+const _withScopeId$1 = (n) => (pushScopeId("data-v-85ff529a"), n = n(), popScopeId(), n);
 const _hoisted_1$i = { class: "meta-check" };
 const _hoisted_2$d = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "meta-checkmark" }, null, -1));
 const _hoisted_3$6 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("svg", {
@@ -32158,7 +32162,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const GridRowEditable = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-be2f5ca3"]]);
+const GridRowEditable = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-85ff529a"]]);
 const _withScopeId = (n) => (pushScopeId("data-v-78bcd93d"), n = n(), popScopeId(), n);
 const _hoisted_1$h = ["value"];
 const _hoisted_2$c = ["value"];
@@ -32279,7 +32283,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Grid = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-6614d26a"]]);
+const Grid = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-c44da5e8"]]);
 const _hoisted_1$f = { class: "navtable simpletable" };
 const _hoisted_2$a = { class: "navtable-table" };
 const _hoisted_3$3 = /* @__PURE__ */ createStaticVNode('<div class="navtable-item navtable-item__top" data-v-5ba40e52><div class="navtable-item-33" data-v-5ba40e52><label for="" data-v-5ba40e52>Name</label></div><div class="navtable-item-66" data-v-5ba40e52><label for="" data-v-5ba40e52>Value</label></div></div>', 1);
@@ -32691,10 +32695,10 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             ])
           ]),
           createElementVNode("div", _hoisted_7$1, [
+            createVNode(unref(RequestAuthentication)),
             createVNode(_sfc_main$c, {
               variables: unref(activeRequest2).variables
             }, null, 8, ["variables"]),
-            createVNode(unref(RequestAuthentication)),
             createVNode(_sfc_main$f, {
               cookies: unref(activeRequest2).cookies,
               generatedCookies: authenticationRequest.value.cookies
@@ -32758,27 +32762,21 @@ const _hoisted_2$3 = {
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "ResponseBody",
   props: {
-    active: { type: Boolean, default: false },
-    data: { default: null },
-    headers: {}
+    response: {}
   },
   setup(__props) {
     const props = __props;
     const mediaType = computed(() => {
-      const contentTypeHeader = props.headers.find(
-        (header) => header.name.toLowerCase() === "content-type"
-      );
+      var _a2;
+      const headers = normalizeHeaders((_a2 = props.response) == null ? void 0 : _a2.headers);
+      const contentTypeHeader = headers["content-type"];
       if (!contentTypeHeader) {
         return null;
       }
-      try {
-        return contentType.parse(contentTypeHeader.value).type;
-      } catch {
-        return null;
-      }
+      return normalizeMimeType(contentTypeHeader == null ? void 0 : contentTypeHeader.value);
     });
     const codeMirrorLanguage = computed(() => {
-      if (mediaType.value === "application/json" || mediaType.value === "application/problem+json" || mediaType.value === "application/vnd.api+json") {
+      if (mediaType.value === "application/json") {
         return "json";
       }
       if (mediaType.value === "text/html") {
@@ -32787,20 +32785,30 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       if (mediaType.value === "text/plain") {
         return "html";
       }
-      return null;
+      return void 0;
+    });
+    const formattedResponseData = computed(() => {
+      var _a2;
+      const value = (_a2 = props.response) == null ? void 0 : _a2.data;
+      if (value && isJsonString(value)) {
+        return JSON.stringify(JSON.parse(value), null, 2);
+      } else if (value && typeof toRaw(value) === "object") {
+        return JSON.stringify(value, null, 2);
+      }
+      return value;
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$v), { title: "Body" }, {
         default: withCtx(() => [
-          _ctx.active ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            codeMirrorLanguage.value ? (openBlock(), createBlock(unref(Pt), {
+          _ctx.response ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            codeMirrorLanguage.value || typeof _ctx.response.data === "string" ? (openBlock(), createBlock(unref(Pt), {
               key: 0,
               class: "custom-scroll",
-              content: _ctx.data,
+              content: formattedResponseData.value,
               lang: codeMirrorLanguage.value
             }, null, 8, ["content", "lang"])) : (openBlock(), createElementBlock("div", _hoisted_1$7, [
               mediaType.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                createTextVNode(" No Preview Available (" + toDisplayString(mediaType.value) + ") ", 1)
+                createTextVNode(" No preview available for " + toDisplayString(mediaType.value), 1)
               ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                 createTextVNode(" Can’t render a preview. The Content-Type header is missing or unknown. ")
               ], 64))
@@ -32856,7 +32864,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SimpleCell = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-6e4f979a"]]);
+const SimpleCell = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-3f6c63da"]]);
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "SimpleHeader",
   setup(__props) {
@@ -32892,7 +32900,7 @@ function _sfc_render(_ctx, _cache) {
     ])
   ]);
 }
-const SimpleTable = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render], ["__scopeId", "data-v-24b666dc"]]);
+const SimpleTable = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render], ["__scopeId", "data-v-afe94232"]]);
 const _hoisted_1$3 = {
   key: 1,
   class: "scalar-api-client__empty-state"
@@ -32971,7 +32979,10 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$2 = { class: "meta-item" };
-const _hoisted_2$1 = { class: "meta-item" };
+const _hoisted_2$1 = {
+  key: 0,
+  class: "meta-item"
+};
 const _hoisted_3$1 = { class: "meta-item" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "ResponseMetaInformation",
@@ -32982,12 +32993,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const getContentLength = (response) => {
       var _a2;
-      if ((_a2 = response == null ? void 0 : response.headers) == null ? void 0 : _a2["X-API-Client-Content-Length"]) {
-        return prettyBytes(
-          parseFloat(response.headers["X-API-Client-Content-Length"])
-        );
-      }
-      return prettyBytes(0);
+      const contentLength = parseInt((_a2 = response.headers) == null ? void 0 : _a2["content-length"], 10);
+      return contentLength ? prettyBytes(contentLength) : void 0;
     };
     const statusCodeInformation = computed(() => {
       const responseStatusCode = props.response.statusCode;
@@ -33002,27 +33009,25 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_1$2, [
           createElementVNode("span", null, toDisplayString(unref(prettyMilliseconds)(_ctx.response.duration)), 1)
         ]),
-        createElementVNode("div", _hoisted_2$1, [
+        getContentLength(_ctx.response) ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
           createElementVNode("span", null, toDisplayString(getContentLength(_ctx.response)), 1)
-        ]),
+        ])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_3$1, [
-          createElementVNode("span", {
-            class: normalizeClass(`scalar-api-client__status scalar-api-client__status--${String(
-              _ctx.response.statusCode
-            ).charAt(0)}xx`)
-          }, [
-            ((_a2 = statusCodeInformation.value) == null ? void 0 : _a2.url) ? (openBlock(), createBlock(HelpfulLink, {
-              key: 0,
-              href: statusCodeInformation.value.url
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.response.statusCode) + " " + toDisplayString(statusCodeInformation.value.name), 1)
-              ]),
-              _: 1
-            }, 8, ["href"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createTextVNode(toDisplayString(_ctx.response.statusCode) + " " + toDisplayString((_b = statusCodeInformation.value) == null ? void 0 : _b.name), 1)
-            ], 64))
-          ], 2)
+          createElementVNode("span", null, [
+            _ctx.response.statusCode ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              ((_a2 = statusCodeInformation.value) == null ? void 0 : _a2.url) ? (openBlock(), createBlock(HelpfulLink, {
+                key: 0,
+                href: statusCodeInformation.value.url
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.response.statusCode) + " " + toDisplayString(statusCodeInformation.value.name), 1)
+                ]),
+                _: 1
+              }, 8, ["href"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                createTextVNode(toDisplayString(_ctx.response.statusCode) + " " + toDisplayString((_b = statusCodeInformation.value) == null ? void 0 : _b.name), 1)
+              ], 64))
+            ], 64)) : createCommentVNode("", true)
+          ])
         ])
       ], 64);
     };
@@ -33049,7 +33054,6 @@ const _hoisted_9 = {
   key: 1,
   class: "scalar-api-client__main__content empty-state"
 };
-const _hoisted_10 = /* @__PURE__ */ createElementVNode("p", null, "Fill the void and send your request", -1);
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "Response",
   setup(__props) {
@@ -33057,31 +33061,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const responseHeaders = computed(() => {
       var _a2;
       const headers = (_a2 = activeResponse2.value) == null ? void 0 : _a2.headers;
-      return headers ? Object.keys(headers).map((key) => ({ name: key, value: headers[key] })).filter(
-        (item) => ![
-          "rest-api-client-content-length",
-          "X-API-Client-Content-Length"
-        ].includes(item.name)
-      ) : [];
+      return headers ? Object.keys(headers).map((key) => ({ name: key, value: headers[key] })) : [];
     });
     const responseCookies = computed(() => {
       var _a2;
       const cookies = (_a2 = activeResponse2.value) == null ? void 0 : _a2.cookies;
       return cookies ? Object.keys(cookies).map((key) => ({ name: key, value: cookies[key] })) : [];
     });
-    const responseData = computed(() => {
-      var _a2;
-      const value = (_a2 = activeResponse2.value) == null ? void 0 : _a2.data;
-      if (value && isJsonString(value)) {
-        return JSON.stringify(JSON.parse(value), null, 2);
-      } else if (value && typeof toRaw(value) === "object") {
-        return JSON.stringify(value, null, 2);
-      }
-      if (value && !isJsonString(value)) {
-        return JSON.stringify(value, null, 2);
-      }
-      return value;
-    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$1, [
         createElementVNode("div", _hoisted_2, [
@@ -33092,11 +33078,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true)
           ]),
           unref(activeRequestId2) && unref(activeResponse2) ? (openBlock(), createElementBlock("div", _hoisted_6, [
-            createVNode(_sfc_main$9, {
-              active: !!unref(activeResponse2),
-              data: responseData.value,
-              headers: responseHeaders.value
-            }, null, 8, ["active", "data", "headers"]),
+            createVNode(_sfc_main$9, { response: unref(activeResponse2) }, null, 8, ["response"]),
             createVNode(_sfc_main$3, { headers: responseHeaders.value }, null, 8, ["headers"]),
             createVNode(unref(_sfc_main$v), { title: "Cookies" }, {
               default: withCtx(() => [
@@ -33109,8 +33091,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             }),
             _hoisted_8
           ])) : (openBlock(), createElementBlock("div", _hoisted_9, [
-            createVNode(ScalarAsciiArt, { art: unref(Computer) }, null, 8, ["art"]),
-            _hoisted_10
+            createVNode(ScalarAsciiArt, { art: unref(Computer) }, null, 8, ["art"])
           ]))
         ])
       ]);
@@ -33254,6 +33235,7 @@ export {
   humanDiff,
   isRequestMethod,
   mapFromArray,
+  normalizeHeaders,
   normalizePath,
   normalizeRequestMethod,
   normalizeUrl,

package/package.json

@@ -18,7 +18,7 @@
     "rest",
     "testing"
   ],
-  "version": "1.2.29",
+  "version": "1.2.31",
   "engines": {
     "node": ">=18"
   },
@@ -37,16 +37,15 @@
     "@scalar/openapi-parser": "^0.3.2",
     "@vueuse/core": "^10.9.0",
     "axios": "^1.6.8",
-    "content-type": "^1.0.5",
     "httpsnippet-lite": "^3.0.5",
     "nanoid": "^5.0.1",
     "pretty-bytes": "^6.1.1",
     "pretty-ms": "^8.0.0",
-    "@scalar/components": "0.7.9",
+    "@scalar/components": "0.7.11",
     "@scalar/themes": "0.7.11",
     "@scalar/use-codemirror": "0.10.5",
-    "@scalar/use-tooltip": "0.6.2",
-    "@scalar/use-modal": "0.3.3"
+    "@scalar/use-modal": "0.3.3",
+    "@scalar/use-tooltip": "0.6.2"
   },
   "devDependencies": {
     "@types/content-type": "^1.1.6",
@@ -58,13 +57,13 @@
     "vitest": "^1.5.0",
     "vue": "^3.4.21",
     "vue-tsc": "^1.8.19",
-    "@scalar/echo-server": "0.6.4",
-    "@scalar/oas-utils": "0.1.11",
-    "@scalar/api-client-proxy": "0.5.27"
+    "@scalar/api-client-proxy": "0.5.27",
+    "@scalar/oas-utils": "0.1.13",
+    "@scalar/echo-server": "0.6.4"
   },
   "peerDependencies": {
     "vue": "^3.3.0",
-    "@scalar/oas-utils": "0.1.11"
+    "@scalar/oas-utils": "0.1.13"
   },
   "scripts": {
     "build": "vite build && pnpm types:build && tsc-alias -p tsconfig.build.json",