@scalar/api-reference 1.59.3 → 1.61.0

package/dist/style.css

@@ -443,7 +443,12 @@
   border-width: 1px;
 }
 
-:where(.scalar-app) input::placeholder {
+:where(.scalar-app) input::placeholder, :where(.scalar-app) text-area::placeholder {
+  color: var(--scalar-color-3);
+  font-family: var(--scalar-font);
+}
+
+:where(.scalar-app) ::-webkit-input-placeholder {
   color: var(--scalar-color-3);
   font-family: var(--scalar-font);
 }
@@ -890,7 +895,7 @@
   color: var(--scalar-color-1);
 }
 
-.hljs.language-objectivec .hljs-built_in, .hljs-built_in {
+.hljs.language-objectivec .hljs-built_in {
   color: var(--scalar-color-orange);
 }
 
@@ -1651,7 +1656,7 @@
 
 :where(body) > .scalar-tooltip {
   --scalar-tooltip-padding: 8px;
-  padding: calc(var(--scalar-tooltip-padding) + var(--scalar-tooltip-offset));
+  padding: var(--scalar-tooltip-padding);
   z-index: 99999;
   max-width: 320px;
   font-size: var(--scalar-font-size-5);
@@ -1662,9 +1667,24 @@
   color: var(--scalar-tooltip-color);
 }
 
+:where(body) > .scalar-tooltip[data-side="top"] {
+  padding-bottom: calc(var(--scalar-tooltip-padding) + var(--scalar-tooltip-offset));
+}
+
+:where(body) > .scalar-tooltip[data-side="bottom"] {
+  padding-top: calc(var(--scalar-tooltip-padding) + var(--scalar-tooltip-offset));
+}
+
+:where(body) > .scalar-tooltip[data-side="left"] {
+  padding-right: calc(var(--scalar-tooltip-padding) + var(--scalar-tooltip-offset));
+}
+
+:where(body) > .scalar-tooltip[data-side="right"] {
+  padding-left: calc(var(--scalar-tooltip-padding) + var(--scalar-tooltip-offset));
+}
+
 :where(body) > .scalar-tooltip:before {
   content: "";
-  inset: var(--scalar-tooltip-offset);
   z-index: calc(1 * -1);
   border-radius: var(--scalar-radius);
   background-color: var(--scalar-tooltip-background);
@@ -1672,6 +1692,23 @@
   -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
   backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
   position: absolute;
+  inset: 0;
+}
+
+:where(body) > .scalar-tooltip[data-side="top"]:before {
+  bottom: var(--scalar-tooltip-offset);
+}
+
+:where(body) > .scalar-tooltip[data-side="bottom"]:before {
+  top: var(--scalar-tooltip-offset);
+}
+
+:where(body) > .scalar-tooltip[data-side="left"]:before {
+  right: var(--scalar-tooltip-offset);
+}
+
+:where(body) > .scalar-tooltip[data-side="right"]:before {
+  left: var(--scalar-tooltip-offset);
 }
 
 :where(body.dark-mode) > .scalar-tooltip:before {
@@ -1916,25 +1953,25 @@
   background: var(--scalar-background-2);
 }
 
-[data-v-3118bf46] .cm-editor {
+[data-v-d6fb2049] .cm-editor {
   background: none;
   outline: none;
   height: 100%;
   padding: 0;
 }
 
-[data-v-3118bf46] .cm-placeholder {
+[data-v-d6fb2049] .cm-placeholder {
   color: var(--scalar-color-3);
 }
 
-[data-v-3118bf46] .cm-content {
+[data-v-d6fb2049] .cm-content {
   font-family: var(--scalar-font-code);
   font-size: var(--scalar-small);
   max-height: 20px;
   padding: 8px 0;
 }
 
-[data-v-3118bf46] .cm-tooltip {
+[data-v-d6fb2049] .cm-tooltip {
   filter: brightness(var(--scalar-lifted-brightness));
   border-radius: var(--scalar-radius);
   box-shadow: var(--scalar-shadow-2);
@@ -1944,47 +1981,47 @@
   overflow: hidden !important;
 }
 
-[data-v-3118bf46] .cm-tooltip-autocomplete ul li {
+[data-v-d6fb2049] .cm-tooltip-autocomplete ul li {
   padding: 3px 6px !important;
 }
 
-[data-v-3118bf46] .cm-completionIcon-type:after {
+[data-v-d6fb2049] .cm-completionIcon-type:after {
   color: var(--scalar-color-3) !important;
 }
 
-[data-v-3118bf46] .cm-tooltip-autocomplete ul li[aria-selected] {
+[data-v-d6fb2049] .cm-tooltip-autocomplete ul li[aria-selected] {
   background: var(--scalar-background-2) !important;
   color: var(--scalar-color-1) !important;
 }
 
-[data-v-3118bf46] .cm-tooltip-autocomplete ul {
+[data-v-d6fb2049] .cm-tooltip-autocomplete ul {
   position: relative;
   padding: 6px !important;
 }
 
-[data-v-3118bf46] .cm-tooltip-autocomplete ul li:hover {
+[data-v-d6fb2049] .cm-tooltip-autocomplete ul li:hover {
   border-radius: 3px;
   color: var(--scalar-color-1) !important;
   background: var(--scalar-background-3) !important;
 }
 
-[data-v-3118bf46] .cm-activeLine, [data-v-3118bf46] .cm-activeLineGutter {
+[data-v-d6fb2049] .cm-activeLine, [data-v-d6fb2049] .cm-activeLineGutter {
   background-color: #0000;
 }
 
-[data-v-3118bf46] .cm-selectionMatch, [data-v-3118bf46] .cm-matchingBracket {
+[data-v-d6fb2049] .cm-selectionMatch, [data-v-d6fb2049] .cm-matchingBracket {
   border-radius: var(--scalar-radius);
   background: var(--scalar-background-4) !important;
 }
 
-[data-v-3118bf46] .cm-css-color-picker-wrapper {
+[data-v-d6fb2049] .cm-css-color-picker-wrapper {
   outline: 1px solid var(--scalar-background-3);
   border-radius: 3px;
   display: inline-flex;
   overflow: hidden;
 }
 
-[data-v-3118bf46] .cm-gutters {
+[data-v-d6fb2049] .cm-gutters {
   color: var(--scalar-color-3);
   font-size: var(--scalar-small);
   background-color: #0000;
@@ -1993,7 +2030,7 @@
   line-height: 22px;
 }
 
-[data-v-3118bf46] .cm-gutters:before {
+[data-v-d6fb2049] .cm-gutters:before {
   content: "";
   border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
   background-color: var(--scalar-background-1);
@@ -2004,7 +2041,7 @@
   left: 2px;
 }
 
-[data-v-3118bf46] .cm-gutterElement {
+[data-v-d6fb2049] .cm-gutterElement {
   justify-content: flex-end;
   align-items: center;
   display: flex;
@@ -2014,19 +2051,19 @@
   padding-right: 6px !important;
 }
 
-[data-v-3118bf46] .cm-lineNumbers .cm-gutterElement {
+[data-v-d6fb2049] .cm-lineNumbers .cm-gutterElement {
   min-width: fit-content;
 }
 
-[data-v-3118bf46] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
+[data-v-d6fb2049] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
   padding-left: 0 !important;
 }
 
-[data-v-3118bf46] .cm-scroller {
+[data-v-d6fb2049] .cm-scroller {
   overflow: auto;
 }
 
-.line-wrapping[data-v-3118bf46]:focus-within .cm-content {
+.line-wrapping[data-v-d6fb2049]:focus-within .cm-content {
   white-space: break-spaces;
   word-break: break-all;
   min-height: fit-content;
@@ -2132,58 +2169,58 @@
   margin-top: 0;
 }
 
-[data-v-372238a6] .cm-editor {
+[data-v-d37cbfcc] .cm-editor {
   outline: none;
   width: 100%;
   height: 100%;
 }
 
-[data-v-372238a6] .cm-line {
+[data-v-d37cbfcc] .cm-line {
   padding: 0;
 }
 
-[data-v-372238a6] .cm-content {
+[data-v-d37cbfcc] .cm-content {
   font-size: var(--scalar-small);
   align-items: center;
   padding: 0;
   display: flex;
 }
 
-.scroll-timeline-x[data-v-372238a6] {
+.scroll-timeline-x[data-v-d37cbfcc] {
   -ms-overflow-style: none;
   -webkit-mask-image: linear-gradient(to right, #0000 0, #000 6px calc(100% - 24px), #0000 100%);
   mask-image: linear-gradient(to right, #0000 0, #000 6px calc(100% - 24px), #0000 100%);
 }
 
-.scroll-timeline-x-hidden[data-v-372238a6] {
+.scroll-timeline-x-hidden[data-v-d37cbfcc] {
   overflow-x: auto;
 }
 
-.scroll-timeline-x-hidden[data-v-372238a6] .cm-scroller {
+.scroll-timeline-x-hidden[data-v-d37cbfcc] .cm-scroller {
   scrollbar-width: none;
   -ms-overflow-style: none;
   padding-right: 20px;
   overflow: auto;
 }
 
-.scroll-timeline-x-hidden[data-v-372238a6]::-webkit-scrollbar {
+.scroll-timeline-x-hidden[data-v-d37cbfcc]::-webkit-scrollbar {
   width: 0;
   height: 0;
   display: none;
 }
 
-.scroll-timeline-x-hidden[data-v-372238a6] .cm-scroller::-webkit-scrollbar {
+.scroll-timeline-x-hidden[data-v-d37cbfcc] .cm-scroller::-webkit-scrollbar {
   width: 0;
   height: 0;
   display: none;
 }
 
-.scroll-timeline-x-address[data-v-372238a6] {
+.scroll-timeline-x-address[data-v-d37cbfcc] {
   scrollbar-width: none;
   line-height: 27px;
 }
 
-.scroll-timeline-x-address[data-v-372238a6]:after {
+.scroll-timeline-x-address[data-v-d37cbfcc]:after {
   content: "";
   cursor: text;
   width: 24px;
@@ -2192,35 +2229,39 @@
   right: 0;
 }
 
-.scroll-timeline-x-address[data-v-372238a6]:empty:before {
+.scroll-timeline-x-address[data-v-d37cbfcc]:empty:before {
   content: "Enter URL or cURL request";
   color: var(--scalar-color-3);
   pointer-events: none;
 }
 
-.address-bar-bg-states[data-v-372238a6] {
+.address-bar-bg-states[data-v-d37cbfcc] {
   --scalar-address-bar-bg: var(--scalar-background-1);
 }
 
 @supports (color: color-mix(in lab, red, red)) {
-  .address-bar-bg-states[data-v-372238a6] {
+  .address-bar-bg-states[data-v-d37cbfcc] {
     --scalar-address-bar-bg: color-mix(in srgb,
     var(--scalar-background-1),
     var(--scalar-background-2));
   }
 }
 
-.address-bar-bg-states[data-v-372238a6] {
+.address-bar-bg-states[data-v-d37cbfcc] {
   background: var(--scalar-address-bar-bg);
 }
 
-.address-bar-bg-states[data-v-372238a6]:has(.cm-focused) {
+.address-bar-bg-states[data-v-d37cbfcc]:has(.cm-focused) {
   --scalar-address-bar-bg: var(--scalar-background-1);
   border-color: var(--scalar-border-color);
   outline-width: 1px;
   outline-style: solid;
 }
 
+.address-bar-bg-states:has(.cm-focused) .fade-left[data-v-d37cbfcc], .address-bar-bg-states:has(.cm-focused) .fade-right[data-v-d37cbfcc] {
+  --scalar-address-bar-bg: var(--scalar-background-1);
+}
+
 .app-exit-button[data-v-42c563b3] {
   color: #fff;
   background: #0000001a;
@@ -2327,39 +2368,125 @@
   display: none;
 }
 
-[data-v-36811e28] .cm-editor {
-  padding: 0;
+.code-input-lite[data-v-1974e80d] {
+  align-items: center;
+  display: flex;
 }
 
-[data-v-36811e28] .cm-content {
-  font-family: var(--scalar-font);
-  font-size: var(--scalar-small);
-  background-color: #0000;
+.code-input-lite__editor[data-v-1974e80d] {
+  font: inherit;
+  letter-spacing: inherit;
+  min-width: 0;
+  color: var(--scalar-color-1);
+  caret-color: var(--scalar-color-1);
+  white-space: pre;
+  scrollbar-width: none;
+  box-sizing: border-box;
+  background: none;
+  outline: none;
+  flex: 1;
+  padding: 0 .5em;
+  line-height: 1.44;
+  position: relative;
+  overflow: auto hidden;
+}
+
+.code-input-lite__editor[data-v-1974e80d]::-webkit-scrollbar {
+  display: none;
+}
+
+.code-input-lite--empty .code-input-lite__editor[data-v-1974e80d]:not(:focus):before {
+  content: attr(data-placeholder);
+  color: var(--scalar-color-3);
+  pointer-events: none;
   align-items: center;
-  width: 100%;
-  padding: 5px 8px;
   display: flex;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: .5em;
 }
 
-[data-v-36811e28] .cm-content:has(.cm-pill) {
-  padding: 5px 8px;
+.code-input-lite--error .code-input-lite__editor[data-v-1974e80d] {
+  outline: 1px solid var(--scalar-color-red);
 }
 
-[data-v-36811e28] .cm-content .cm-pill:not(:last-of-type) {
-  margin-right: .5px;
+.scalar-pill {
+  color: var(--scalar-color-2);
+  font-family: var(--scalar-font-code);
+  vertical-align: baseline;
+  background: var(--scalar-background-3);
+  cursor: text;
+  -webkit-user-select: all;
+  user-select: all;
+  border-radius: 30px;
+  margin-right: .35em;
+  padding: .125em .6em;
+  font-size: .9em;
+  line-height: 1.4;
+  display: inline-block;
 }
 
-[data-v-36811e28] .cm-content .cm-pill:not(:first-of-type) {
-  margin-left: .5px;
+.dark-mode .scalar-pill {
+  background: var(--tw-bg-base, var(--scalar-color-1));
 }
 
-[data-v-36811e28] .cm-line {
-  text-overflow: ellipsis;
-  padding: 0;
-  overflow: hidden;
+@supports (color: color-mix(in lab, red, red)) {
+  .dark-mode .scalar-pill {
+    background: color-mix(in srgb, var(--tw-bg-base, var(--scalar-color-1)), transparent 90%);
+  }
+}
+
+.light-mode .scalar-pill {
+  background: var(--scalar-background-3);
+}
+
+.scalar-pill--context-fn {
+  box-shadow: 0 0 0 1px var(--scalar-color-3) inset;
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  .scalar-pill--context-fn {
+    box-shadow: 0 0 0 1px color-mix(in srgb, var(--scalar-color-3), transparent 35%) inset;
+  }
+}
+
+.dark-mode .scalar-pill--context-fn {
+  background: var(--scalar-background-3);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  .dark-mode .scalar-pill--context-fn {
+    background: color-mix(in srgb, var(--scalar-background-3), transparent 55%);
+  }
+}
+
+.light-mode .scalar-pill--context-fn {
+  background: var(--scalar-background-3);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  .light-mode .scalar-pill--context-fn {
+    background: color-mix(in srgb, var(--scalar-background-3), transparent 40%);
+  }
+}
+
+[data-v-6b2d7899] .code-input-lite__editor {
+  font-family: var(--scalar-font);
+  font-size: var(--scalar-small);
+  background-color: #0000;
+  padding: 5px 8px;
+}
+
+[data-v-6b2d7899] .scalar-pill:not(:last-of-type) {
+  margin-right: .15em;
+}
+
+[data-v-6b2d7899] .scalar-pill:not(:first-of-type) {
+  margin-left: .5px;
 }
 
-.filemask[data-v-36811e28] {
+.filemask[data-v-6b2d7899] {
   -webkit-mask-image: linear-gradient(to right, transparent 0, var(--scalar-background-2) 20px);
   -webkit-mask-image: linear-gradient(to right, transparent 0, var(--scalar-background-2) 20px);
   mask-image: linear-gradient(to right, transparent 0, var(--scalar-background-2) 20px);
@@ -2400,85 +2527,67 @@
   scrollbar-width: none;
 }
 
-[data-v-1ee3c31d] .cm-editor {
-  padding: 0;
-}
-
-[data-v-1ee3c31d] .cm-content {
+[data-v-a6f4752a] .code-input-lite__editor {
   font-family: var(--scalar-font);
   font-size: var(--scalar-small);
   background-color: #0000;
-  align-items: center;
-  width: 100%;
-  padding: 5px 8px;
-  display: flex;
-}
-
-[data-v-1ee3c31d] .cm-content:has(.cm-pill) {
   padding: 5px 8px;
 }
 
-[data-v-1ee3c31d] .cm-content .cm-pill:not(:last-of-type) {
-  margin-right: .5px;
+[data-v-a6f4752a] .scalar-pill:not(:last-of-type) {
+  margin-right: .15em;
 }
 
-[data-v-1ee3c31d] .cm-content .cm-pill:not(:first-of-type) {
+[data-v-a6f4752a] .scalar-pill:not(:first-of-type) {
   margin-left: .5px;
 }
 
-[data-v-1ee3c31d] .cm-line {
-  text-overflow: ellipsis;
-  word-break: break-word;
-  padding: 0;
-  overflow: hidden;
-}
-
-.required[data-v-1ee3c31d]:after {
+.required[data-v-a6f4752a]:after {
   content: "Required";
 }
 
-input[data-v-1ee3c31d]::placeholder {
+input[data-v-a6f4752a]::placeholder {
   color: var(--scalar-color-3);
 }
 
-.scalar-password-input[data-v-1ee3c31d] {
+.scalar-password-input[data-v-a6f4752a] {
   text-security: disc;
   -webkit-text-security: disc;
   -moz-text-security: disc;
 }
 
-.request-section-content[data-v-9ee5445b] {
+.request-section-content[data-v-612d194c] {
   --scalar-border-width: .5px;
 }
 
-.request-section-content-filter[data-v-9ee5445b] {
+.request-section-content-filter[data-v-612d194c] {
   box-shadow: 0 -10px 0 10px var(--scalar-background-1);
 }
 
-.request-item:focus-within .request-meta-buttons[data-v-9ee5445b] {
+.request-item:focus-within .request-meta-buttons[data-v-612d194c] {
   opacity: 1;
 }
 
-.group-hover-input[data-v-9ee5445b] {
+.group-hover-input[data-v-612d194c] {
   border-width: var(--scalar-border-width);
   border-color: #0000;
 }
 
-.group:hover .group-hover-input[data-v-9ee5445b] {
+.group:hover .group-hover-input[data-v-612d194c] {
   background: var(--scalar-background-1);
 }
 
 @supports (color: color-mix(in lab, red, red)) {
-  .group:hover .group-hover-input[data-v-9ee5445b] {
+  .group:hover .group-hover-input[data-v-612d194c] {
     background: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2));
   }
 }
 
-.group:hover .group-hover-input[data-v-9ee5445b] {
+.group:hover .group-hover-input[data-v-612d194c] {
   border-color: var(--scalar-border-color);
 }
 
-.group-hover-input[data-v-9ee5445b]:focus {
+.group-hover-input[data-v-612d194c]:focus {
   border-color: var(--scalar-border-color) !important;
   background: none !important;
 }
@@ -2671,38 +2780,21 @@ input[data-v-1ee3c31d]::placeholder {
   inset: 0;
 }
 
-[data-v-69be2d6c] .cm-editor {
-  padding: 0;
-}
-
-[data-v-69be2d6c] .cm-content {
+[data-v-5b336842] .code-input-lite__editor {
   font-family: var(--scalar-font);
   font-size: var(--scalar-small);
   background-color: #0000;
-  align-items: center;
-  width: 100%;
-  padding: 5px 8px;
-  display: flex;
-}
-
-[data-v-69be2d6c] .cm-content:has(.cm-pill) {
   padding: 5px 8px;
 }
 
-[data-v-69be2d6c] .cm-content .cm-pill:not(:last-of-type) {
-  margin-right: .5px;
+[data-v-5b336842] .scalar-pill:not(:last-of-type) {
+  margin-right: .15em;
 }
 
-[data-v-69be2d6c] .cm-content .cm-pill:not(:first-of-type) {
+[data-v-5b336842] .scalar-pill:not(:first-of-type) {
   margin-left: .5px;
 }
 
-[data-v-69be2d6c] .cm-line {
-  text-overflow: ellipsis;
-  padding: 0;
-  overflow: hidden;
-}
-
 .scalar .scalar-app-layout[data-v-77897d1c] {
   background: var(--scalar-background-1);
   border: var(--scalar-border-width) solid var(--scalar-border-color);
@@ -4480,10 +4572,18 @@ div + .userMessage[data-v-8e43ed7a] {
   inset-block: 2px;
 }
 
+.scalar-app .-start {
+  inset-inline-start: -4px;
+}
+
 .scalar-app .start {
   inset-inline-start: 4px;
 }
 
+.scalar-app .-end {
+  inset-inline-end: -4px;
+}
+
 .scalar-app .end {
   inset-inline-end: 4px;
 }
@@ -4914,6 +5014,10 @@ div + .userMessage[data-v-8e43ed7a] {
   margin-top: 12px;
 }
 
+.scalar-app .mt-4 {
+  margin-top: 16px;
+}
+
 .scalar-app .mt-6 {
   margin-top: 24px;
 }
@@ -5260,10 +5364,22 @@ div + .userMessage[data-v-8e43ed7a] {
   height: 32px;
 }
 
+.scalar-app .h-9 {
+  height: 36px;
+}
+
 .scalar-app .h-10 {
   height: 40px;
 }
 
+.scalar-app .h-20 {
+  height: 80px;
+}
+
+.scalar-app .h-28 {
+  height: 112px;
+}
+
 .scalar-app .h-\[calc\(100\%\+16px\)\] {
   height: calc(100% + 16px);
 }
@@ -5434,6 +5550,10 @@ div + .userMessage[data-v-8e43ed7a] {
   width: 6px;
 }
 
+.scalar-app .w-1\/2 {
+  width: 50%;
+}
+
 .scalar-app .w-2\.5 {
   width: 10px;
 }
@@ -5442,10 +5562,22 @@ div + .userMessage[data-v-8e43ed7a] {
   width: 9px;
 }
 
+.scalar-app .w-2\/3 {
+  width: 66.6667%;
+}
+
 .scalar-app .w-3 {
   width: 12px;
 }
 
+.scalar-app .w-3\/4 {
+  width: 75%;
+}
+
+.scalar-app .w-3\/5 {
+  width: 60%;
+}
+
 .scalar-app .w-4 {
   width: 16px;
 }
@@ -5454,6 +5586,10 @@ div + .userMessage[data-v-8e43ed7a] {
   width: 18px;
 }
 
+.scalar-app .w-4\/5 {
+  width: 80%;
+}
+
 .scalar-app .w-5 {
   width: 20px;
 }
@@ -5470,6 +5606,26 @@ div + .userMessage[data-v-8e43ed7a] {
   width: 32px;
 }
 
+.scalar-app .w-11\/12 {
+  width: 91.6667%;
+}
+
+.scalar-app .w-12 {
+  width: 48px;
+}
+
+.scalar-app .w-14 {
+  width: 56px;
+}
+
+.scalar-app .w-24 {
+  width: 96px;
+}
+
+.scalar-app .w-28 {
+  width: 112px;
+}
+
 .scalar-app .w-36 {
   width: 144px;
 }
@@ -5827,6 +5983,10 @@ div + .userMessage[data-v-8e43ed7a] {
   grid-auto-rows: auto;
 }
 
+.scalar-app .grid-cols-1 {
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+}
+
 .scalar-app .grid-cols-2 {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
@@ -5935,6 +6095,10 @@ div + .userMessage[data-v-8e43ed7a] {
   gap: 16px;
 }
 
+.scalar-app .gap-5 {
+  gap: 20px;
+}
+
 .scalar-app .gap-6 {
   gap: 24px;
 }
@@ -7607,15 +7771,15 @@ div + .userMessage[data-v-8e43ed7a] {
   opacity: 1;
 }
 
-.scalar-app .group-has-\[\.cm-focused\]\:z-1:is(:where(.group):has(.cm-focused) *) {
+.scalar-app .group-has-\[\.cm-focused\]\:z-1:is(:where(.group):has(.cm-focused) *), .scalar-app .group-has-\[\.code-input-lite__editor\:focus\]\:z-1:is(:where(.group):has(:is(.code-input-lite editor:focus)) *) {
   z-index: 1;
 }
 
-.scalar-app .group-has-\[\.cm-focused\]\:flex:is(:where(.group):has(.cm-focused) *) {
+.scalar-app .group-has-\[\.code-input-lite__editor\:focus\]\:flex:is(:where(.group):has(:is(.code-input-lite editor:focus)) *) {
   display: flex;
 }
 
-.scalar-app .group-has-\[\.cm-focused\]\:pr-10:is(:where(.group):has(.cm-focused) *) {
+.scalar-app .group-has-\[\.code-input-lite__editor\:focus\]\:pr-10:is(:where(.group):has(:is(.code-input-lite editor:focus)) *) {
   padding-right: 40px;
 }
 
@@ -7734,7 +7898,7 @@ div + .userMessage[data-v-8e43ed7a] {
   opacity: 1;
 }
 
-.scalar-app .peer-has-\[\.cm-focused\]\:opacity-0:is(:where(.peer):has(.cm-focused) ~ *) {
+.scalar-app .peer-has-\[\.cm-focused\]\:opacity-0:is(:where(.peer):has(.cm-focused) ~ *), .scalar-app .peer-has-\[\.code-input-lite__editor\:focus\]\:opacity-0:is(:where(.peer):has(:is(.code-input-lite editor:focus)) ~ *) {
   opacity: 0;
 }
 
@@ -8123,6 +8287,16 @@ div + .userMessage[data-v-8e43ed7a] {
   }
 }
 
+@media (min-width: 600px) {
+  .scalar-app .sm\:flex-row {
+    flex-direction: row;
+  }
+
+  .scalar-app .sm\:gap-6 {
+    gap: 24px;
+  }
+}
+
 @media (min-width: 800px) {
   .scalar-app .md\:pointer-events-none {
     pointer-events: none;
@@ -8236,10 +8410,18 @@ div + .userMessage[data-v-8e43ed7a] {
     min-width: 0;
   }
 
+  .scalar-app .xl\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
   .scalar-app .xl\:flex-row {
     flex-direction: row;
   }
 
+  .scalar-app .xl\:justify-end {
+    justify-content: flex-end;
+  }
+
   .scalar-app .xl\:gap-12 {
     gap: 48px;
   }
@@ -9189,6 +9371,48 @@ to {
   display: none;
 }
 
+.section-column[data-v-699c28e3] {
+  flex: 1;
+  min-width: 0;
+}
+@container narrow-references-container (max-width: 900px) {
+.section-column[data-v-699c28e3]:nth-of-type(2) {
+    padding-top: 0;
+}
+}
+
+.section-columns[data-v-8b9602bf] {
+  display: flex;
+  gap: 48px;
+}
+@container narrow-references-container (max-width: 900px) {
+.section-columns[data-v-8b9602bf] {
+    flex-direction: column;
+    gap: 24px;
+}
+}
+
+.sticky-cards[data-v-1bd6e256] {
+  display: flex;
+  flex-direction: column;
+  position: sticky;
+  top: calc(var(--refs-viewport-offset) + 24px);
+}
+
+/* Pulsing placeholder, matching the look of the rest of the loading states. */
+.introduction-skeleton[data-v-1bd6e256] {
+  background: var(--scalar-background-3);
+  animation: introduction-skeleton-pulse-1bd6e256 1.5s infinite alternate;
+}
+@keyframes introduction-skeleton-pulse-1bd6e256 {
+from {
+    opacity: 1;
+}
+to {
+    opacity: 0.33;
+}
+}
+
 .section[data-v-be4443e9] {
   position: relative;
   display: flex;
@@ -9219,27 +9443,6 @@ to {
   border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
 }
 
-.section-column[data-v-699c28e3] {
-  flex: 1;
-  min-width: 0;
-}
-@container narrow-references-container (max-width: 900px) {
-.section-column[data-v-699c28e3]:nth-of-type(2) {
-    padding-top: 0;
-}
-}
-
-.section-columns[data-v-8b9602bf] {
-  display: flex;
-  gap: 48px;
-}
-@container narrow-references-container (max-width: 900px) {
-.section-columns[data-v-8b9602bf] {
-    flex-direction: column;
-    gap: 24px;
-}
-}
-
 .section-container[data-v-20a1472a] {
   position: relative;
   padding: 0 60px;
@@ -9255,53 +9458,23 @@ to {
 }
 }
 
-.loading[data-v-8e0226d7] {
-  background: var(--scalar-background-3);
-  animation: loading-skeleton-8e0226d7 1.5s infinite alternate;
-  border-radius: var(--scalar-radius-lg);
-  min-height: 1.6em;
-  margin: 0.6em 0;
-  max-width: 100%;
+@container narrow-references-container (max-width: 900px) {
+.section-content--with-columns[data-v-6101128d] {
+    flex-direction: column;
+    gap: 24px;
 }
-.loading[data-v-8e0226d7]:first-of-type {
-  min-height: 3em;
-  margin-bottom: 24px;
-  margin-top: 0;
 }
-.loading[data-v-8e0226d7]:last-of-type {
-  width: 60%;
+/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
+.section-header-wrapper[data-v-09a18ec6] {
+  grid-template-columns: 1fr;
+  display: grid;
 }
-.loading.single-line[data-v-8e0226d7] {
-  min-height: 3em;
-  margin: 0.6em 0;
-  max-width: 80%;
+@media (min-width: 1200px) {
+.section-header-wrapper[data-v-09a18ec6] {
+    grid-template-columns: repeat(2, 1fr);
 }
-@keyframes loading-skeleton-8e0226d7 {
-from {
-    opacity: 1;
 }
-to {
-    opacity: 0.33;
-}
-}
-
-@container narrow-references-container (max-width: 900px) {
-.section-content--with-columns[data-v-9735459e] {
-    flex-direction: column;
-    gap: 24px;
-}
-}
-/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
-.section-header-wrapper[data-v-8a5913a9] {
-  grid-template-columns: 1fr;
-  display: grid;
-}
-@media (min-width: 1200px) {
-.section-header-wrapper[data-v-8a5913a9] {
-    grid-template-columns: repeat(2, 1fr);
-}
-}
-.section-header[data-v-8a5913a9] {
+.section-header[data-v-09a18ec6] {
   font-size: var(--font-size, var(--scalar-heading-1));
   font-weight: var(--font-weight, var(--scalar-bold));
   color: var(--scalar-color-1);
@@ -9309,18 +9482,15 @@ to {
   margin-top: 0;
   line-height: 1.45;
 }
-.section-header.tight[data-v-8a5913a9] {
+.section-header.tight[data-v-09a18ec6] {
   margin-bottom: 6px;
 }
-.section-header.loading[data-v-8a5913a9] {
-  width: 80%;
-}
 
 .section-header-label[data-v-f1ac6c38] {
   display: inline;
 }
 
-.sticky-cards[data-v-bd137508] {
+.sticky-cards[data-v-4e3a9e30] {
   display: flex;
   flex-direction: column;
   position: sticky;
@@ -9518,63 +9688,16 @@ to {
   border: 0;
 }
 
-.section-accordion-wrapper[data-v-9419dd23] {
-  padding: 0 60px;
-}
-.section-accordion[data-v-9419dd23] {
-  position: relative;
-  width: 100%;
-  max-width: var(--refs-content-max-width);
-  margin: auto;
-}
-.section-accordion-content[data-v-9419dd23] {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-
-  padding-top: 12px;
-}
-.section-accordion-button[data-v-9419dd23] {
-  width: 100%;
-  display: flex;
-
-  cursor: pointer;
-
-  padding: 6px 0 6px 0;
-  margin: -6px 0 -6px 0;
-  border-radius: var(--scalar-radius);
-}
-.section-accordion-chevron[data-v-9419dd23] {
-  position: absolute;
-  left: -22px;
-  top: 12px;
-  color: var(--scalar-color-3);
-}
-.section-accordion-button:hover .section-accordion-chevron[data-v-9419dd23] {
-  color: var(--scalar-color-1);
-}
-.section-accordion-title[data-v-9419dd23] {
+.async-api-labels[data-v-a159e5b8] {
   display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  flex: 1;
-  padding: 0 6px;
-}
-.section-accordion-title[data-v-9419dd23] .section-header-wrapper {
-  grid-template-columns: 1fr;
-}
-.section-accordion-title[data-v-9419dd23] .section-header {
-  margin-bottom: 0;
-}
-@container narrow-references-container (max-width: 900px) {
-.section-accordion-chevron[data-v-9419dd23] {
-    width: 16px;
-    left: -16px;
-    top: 14px;
-}
-.section-accordion-wrapper[data-v-9419dd23] {
-    padding: calc(var(--refs-viewport-offset)) 24px 0 24px;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 6px;
 }
+/* Protocols read as identifiers, so render them uppercase to set them apart from server names. */
+.async-api-label--protocol[data-v-a159e5b8] {
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
 }
 
 /* Style the "icon" */
@@ -9587,136 +9710,6 @@ to {
   color: var(--scalar-color-1);
 }
 
-.error[data-v-dc6746ff] {
-  background-color: var(--scalar-color-red);
-}
-.schema-card[data-v-dc6746ff] {
-  font-size: var(--scalar-font-size-4);
-  color: var(--scalar-color-1);
-}
-.schema-card-title[data-v-dc6746ff] {
-  height: var(--schema-title-height);
-
-  padding: 6px 8px;
-
-  display: flex;
-  align-items: center;
-  gap: 4px;
-
-  color: var(--scalar-color-2);
-  font-weight: var(--scalar-semibold);
-  font-size: var(--scalar-mini);
-  border-bottom: var(--scalar-border-width) solid transparent;
-}
-button.schema-card-title[data-v-dc6746ff] {
-  cursor: pointer;
-}
-button.schema-card-title[data-v-dc6746ff]:hover {
-  color: var(--scalar-color-1);
-}
-.schema-card-title-icon--open[data-v-dc6746ff] {
-  transform: rotate(45deg);
-}
-.schema-properties-open > .schema-card-title[data-v-dc6746ff] {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
-}
-.schema-properties-open > .schema-properties[data-v-dc6746ff] {
-  width: fit-content;
-}
-.schema-card-description[data-v-dc6746ff] {
-  color: var(--scalar-color-2);
-}
-.schema-card-description + .schema-properties[data-v-dc6746ff] {
-  width: fit-content;
-}
-.schema-card-description + .schema-properties[data-v-dc6746ff] {
-  margin-top: 8px;
-}
-.schema-card--level-0:nth-of-type(1)
-  > .schema-card-description[data-v-dc6746ff]:has(+ .schema-properties) {
-  margin-bottom: -8px;
-  padding-bottom: 8px;
-  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
-}
-.schema-card--level-0
-  ~ .schema-card--level-0
-  > .schema-card-description[data-v-dc6746ff]:has(+ .schema-properties) {
-  padding-top: 8px;
-}
-.schema-properties-open.schema-properties[data-v-dc6746ff],
-.schema-properties-open > .schema-card--open[data-v-dc6746ff] {
-  width: 100%;
-}
-.schema-properties[data-v-dc6746ff] {
-  display: flex;
-  flex-direction: column;
-
-  border: var(--scalar-border-width) solid var(--scalar-border-color);
-  border-radius: var(--scalar-radius-lg);
-  width: fit-content;
-}
-.schema-properties-name[data-v-dc6746ff] {
-  width: 100%;
-}
-.schema-properties .schema-properties[data-v-dc6746ff] {
-  border-radius: 13.5px;
-}
-.schema-properties .schema-properties.schema-properties-open[data-v-dc6746ff] {
-  border-radius: var(--scalar-radius-lg);
-}
-.schema-properties-open[data-v-dc6746ff] {
-  width: 100%;
-}
-.schema-card--compact[data-v-dc6746ff] {
-  align-self: flex-start;
-}
-.schema-card--compact.schema-card--open[data-v-dc6746ff] {
-  align-self: initial;
-}
-.schema-card-title--compact[data-v-dc6746ff] {
-  color: var(--scalar-color-2);
-  padding: 6px 10px 6px 8px;
-  height: auto;
-  border-bottom: none;
-}
-.schema-card-title--compact > .schema-card-title-icon[data-v-dc6746ff] {
-  margin: 0;
-}
-.schema-card-title--compact > .schema-card-title-icon--open[data-v-dc6746ff] {
-  transform: rotate(45deg);
-}
-.schema-properties-open > .schema-card-title--compact[data-v-dc6746ff] {
-  position: static;
-}
-.property--level-0
-  > .schema-properties
-  > .schema-card--level-0
-  > .schema-properties[data-v-dc6746ff] {
-  border: none;
-}
-.property--level-0
-  .schema-card--level-0:not(.schema-card--compact)
-  .property--level-1[data-v-dc6746ff] {
-  padding: 0 0 8px;
-}
-:not(.composition-panel)
-  > .schema-card--compact.schema-card--level-0
-  > .schema-properties[data-v-dc6746ff] {
-  border: none;
-}
-[data-v-dc6746ff] .schema-card-description p {
-  font-size: var(--scalar-small, var(--scalar-paragraph));
-  color: var(--scalar-color-2);
-  margin-bottom: 0;
-  display: block;
-  margin-bottom: 6px;
-}
-.children .schema-card-description[data-v-dc6746ff]:first-of-type {
-  padding-top: 0;
-}
-
 .property-enum-value[data-v-4375ecfd] {
   color: var(--scalar-color-3);
   line-height: 1.5;
@@ -10037,156 +10030,493 @@ code.property-detail-value[data-v-1295f965] {
 .deprecated[data-v-e4c4fffd] {
   text-decoration: line-through;
 }
-
-.property[data-v-471bb5bb] {
+
+.property[data-v-2e5a7cbc] {
+  color: var(--scalar-color-1);
+  display: flex;
+  flex-direction: column;
+  padding: 10px;
+  font-size: var(--scalar-small);
+  position: relative;
+}
+
+/** Remove top padding for top level schema card */
+.property.property--level-0[data-v-2e5a7cbc]:has(
+    > .property-rule
+      > .schema-card
+      > .schema-properties.schema-properties-open
+      > ul
+      > li.property
+  ) {
+  padding-top: 0;
+}
+.property--compact.property--level-0[data-v-2e5a7cbc],
+.property--compact.property--level-1[data-v-2e5a7cbc] {
+  padding: 10px 0;
+}
+.composition-panel .property.property.property.property--level-0[data-v-2e5a7cbc] {
+  padding: 0px;
+}
+.property--compact.property--level-0
+  .composition-panel
+  .property--compact.property--level-1[data-v-2e5a7cbc] {
+  padding: 8px;
+}
+
+/*  if a property doesn't have a heading, remove the top padding */
+.property[data-v-2e5a7cbc]:has(> .property-rule:nth-of-type(1)):not(.property--compact) {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+.property--deprecated[data-v-2e5a7cbc] {
+  background: repeating-linear-gradient(
+    -45deg,
+    var(--scalar-background-2) 0,
+    var(--scalar-background-2) 2px,
+    transparent 2px,
+    transparent 5px
+  );
+  background-size: 100%;
+}
+.property--deprecated[data-v-2e5a7cbc] > * {
+  opacity: 0.75;
+}
+.property-description[data-v-2e5a7cbc] {
+  margin-top: 6px;
+  line-height: 1.4;
+  font-size: var(--scalar-small);
+}
+.property-description[data-v-2e5a7cbc]:has(+ .property-rule) {
+  margin-bottom: 9px;
+}
+[data-v-2e5a7cbc] .property-description * {
+  color: var(--scalar-color-2) !important;
+}
+.property[data-v-2e5a7cbc]:not(:last-of-type) {
+  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
+}
+.property-description + .children[data-v-2e5a7cbc],
+.children + .property-rule[data-v-2e5a7cbc] {
+  margin-top: 9px;
+}
+.children[data-v-2e5a7cbc] {
+  display: flex;
+  flex-direction: column;
+}
+.children .property--compact.property--level-1[data-v-2e5a7cbc] {
+  padding: 12px;
+}
+.property-example-value[data-v-2e5a7cbc] {
+  all: unset;
+  font-family: var(--scalar-font-code);
+  padding: 6px;
+  border-top: var(--scalar-border-width) solid var(--scalar-border-color);
+}
+.property-rule[data-v-2e5a7cbc] {
+  border-radius: var(--scalar-radius-lg);
+  display: flex;
+  flex-direction: column;
+}
+.property--level-2[data-v-2e5a7cbc] .relative > button {
+  left: -2rem;
+}
+.property-rule[data-v-2e5a7cbc]
+  
+    .composition-panel
+      .schema-card--level-1
+      > .schema-properties.schema-properties-open
+   {
+  border-radius: 0 0 var(--scalar-radius-lg) var(--scalar-radius-lg);
+}
+.property-rule[data-v-2e5a7cbc]
+  .composition-panel > .schema-card > .schema-card-description {
+  padding: 10px;
+  border-left: var(--scalar-border-width) solid var(--scalar-border-color);
+  border-right: var(--scalar-border-width) solid var(--scalar-border-color);
+& + .schema-properties {
+    margin-top: 0;
+}
+}
+.property-example[data-v-2e5a7cbc] {
+  background: transparent;
+  border: none;
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+}
+.property-example-label[data-v-2e5a7cbc],
+.property-example-value[data-v-2e5a7cbc] {
+  padding: 3px 0 0 0;
+}
+.property-example-value[data-v-2e5a7cbc] {
+  background: var(--scalar-background-2);
+  border-top: 0;
+  border-radius: var(--scalar-radius);
+  padding: 3px 4px;
+}
+.property-name[data-v-2e5a7cbc] {
+  font-family: var(--scalar-font-code);
+  font-weight: var(--scalar-semibold);
+}
+.property-name-additional-properties[data-v-2e5a7cbc]::before,
+.property-name-pattern-properties[data-v-2e5a7cbc]::before {
+  text-transform: uppercase;
+  font-size: var(--scalar-micro);
+  display: inline-block;
+  padding: 2px 4px;
+  border-radius: var(--scalar-radius);
+  color: var(--scalar-color-1);
+  border: var(--scalar-border-width) solid var(--scalar-border-color);
+  background-color: var(--scalar-background-2);
+  margin-right: 4px;
+}
+.property-name-pattern-properties[data-v-2e5a7cbc]::before {
+  content: 'regex';
+}
+.property-name-additional-properties[data-v-2e5a7cbc],
+.property-name-pattern-properties[data-v-2e5a7cbc] {
+  border: 1px dashed var(--scalar-border-color);
+  color: var(--scalar-color-accent);
+  display: inline-block;
+  padding: 2px;
+  border-radius: var(--scalar-radius);
+}
+
+.error[data-v-ec43bfbd] {
+  background-color: var(--scalar-color-red);
+}
+.schema-card[data-v-ec43bfbd] {
+  font-size: var(--scalar-font-size-4);
+  color: var(--scalar-color-1);
+}
+.schema-card-title[data-v-ec43bfbd] {
+  height: var(--schema-title-height);
+
+  padding: 6px 8px;
+
+  display: flex;
+  align-items: center;
+  gap: 4px;
+
+  color: var(--scalar-color-2);
+  font-weight: var(--scalar-semibold);
+  font-size: var(--scalar-mini);
+  border-bottom: var(--scalar-border-width) solid transparent;
+}
+button.schema-card-title[data-v-ec43bfbd] {
+  cursor: pointer;
+}
+button.schema-card-title[data-v-ec43bfbd]:hover {
+  color: var(--scalar-color-1);
+}
+.schema-card-title-icon--open[data-v-ec43bfbd] {
+  transform: rotate(45deg);
+}
+.schema-properties-open > .schema-card-title[data-v-ec43bfbd] {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
+}
+.schema-properties-open > .schema-properties[data-v-ec43bfbd] {
+  width: fit-content;
+}
+.schema-card-description[data-v-ec43bfbd] {
+  color: var(--scalar-color-2);
+}
+.schema-card-description + .schema-properties[data-v-ec43bfbd] {
+  width: fit-content;
+}
+.schema-card-description + .schema-properties[data-v-ec43bfbd] {
+  margin-top: 8px;
+}
+.schema-card--level-0:nth-of-type(1)
+  > .schema-card-description[data-v-ec43bfbd]:has(+ .schema-properties) {
+  margin-bottom: -8px;
+  padding-bottom: 8px;
+  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
+}
+.schema-card--level-0
+  ~ .schema-card--level-0
+  > .schema-card-description[data-v-ec43bfbd]:has(+ .schema-properties) {
+  padding-top: 8px;
+}
+.schema-properties-open.schema-properties[data-v-ec43bfbd],
+.schema-properties-open > .schema-card--open[data-v-ec43bfbd] {
+  width: 100%;
+}
+.schema-properties[data-v-ec43bfbd] {
+  display: flex;
+  flex-direction: column;
+
+  border: var(--scalar-border-width) solid var(--scalar-border-color);
+  border-radius: var(--scalar-radius-lg);
+  width: fit-content;
+}
+.schema-properties-name[data-v-ec43bfbd] {
+  width: 100%;
+}
+.schema-properties .schema-properties[data-v-ec43bfbd] {
+  border-radius: 13.5px;
+}
+.schema-properties .schema-properties.schema-properties-open[data-v-ec43bfbd] {
+  border-radius: var(--scalar-radius-lg);
+}
+.schema-properties-open[data-v-ec43bfbd] {
+  width: 100%;
+}
+.schema-card--compact[data-v-ec43bfbd] {
+  align-self: flex-start;
+}
+.schema-card--compact.schema-card--open[data-v-ec43bfbd] {
+  align-self: initial;
+}
+.schema-card-title--compact[data-v-ec43bfbd] {
+  color: var(--scalar-color-2);
+  padding: 6px 10px 6px 8px;
+  height: auto;
+  border-bottom: none;
+}
+.schema-card-title--compact > .schema-card-title-icon[data-v-ec43bfbd] {
+  margin: 0;
+}
+.schema-card-title--compact > .schema-card-title-icon--open[data-v-ec43bfbd] {
+  transform: rotate(45deg);
+}
+.schema-properties-open > .schema-card-title--compact[data-v-ec43bfbd] {
+  position: static;
+}
+.property--level-0
+  > .schema-properties
+  > .schema-card--level-0
+  > .schema-properties[data-v-ec43bfbd] {
+  border: none;
+}
+.property--level-0
+  .schema-card--level-0:not(.schema-card--compact)
+  .property--level-1[data-v-ec43bfbd] {
+  padding: 0 0 8px;
+}
+:not(.composition-panel)
+  > .schema-card--compact.schema-card--level-0
+  > .schema-properties[data-v-ec43bfbd] {
+  border: none;
+}
+[data-v-ec43bfbd] .schema-card-description p {
+  font-size: var(--scalar-small, var(--scalar-paragraph));
+  color: var(--scalar-color-2);
+  margin-bottom: 0;
+  display: block;
+  margin-bottom: 6px;
+}
+.children .schema-card-description[data-v-ec43bfbd]:first-of-type {
+  padding-top: 0;
+}
+
+.section-wrapper[data-v-ff689b94] {
+  color: var(--scalar-color-1);
+
+  padding-top: 12px;
+  margin-top: -12px;
+}
+.section-accordion[data-v-ff689b94] {
+  display: flex;
+  flex-direction: column;
+
+  border-radius: var(--scalar-radius-lg);
+  background: var(--scalar-background-2);
+
+  /* Offset by header height to line up scroll position */
+  scroll-margin-top: var(--refs-viewport-offset);
+}
+.section-accordion-transparent[data-v-ff689b94] {
+  background: transparent;
+  border: var(--scalar-border-width) solid var(--scalar-border-color);
+}
+.section-accordion-button[data-v-ff689b94] {
+  padding: 6px;
+}
+.section-accordion-button[data-v-ff689b94] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  cursor: pointer;
+}
+.section-accordion-button-content[data-v-ff689b94] {
+  flex: 1;
+  min-width: 0;
+}
+.section-accordion-button-actions[data-v-ff689b94] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--scalar-color-3);
+}
+.section-accordion-chevron[data-v-ff689b94] {
+  margin-right: 4px;
+  cursor: pointer;
+  opacity: 1;
+  color: var(--scalar-color-3);
+}
+.section-accordion-button:hover .section-accordion-chevron[data-v-ff689b94] {
   color: var(--scalar-color-1);
+}
+.section-accordion-content[data-v-ff689b94] {
+  border-top: var(--scalar-border-width) solid var(--scalar-border-color);
   display: flex;
   flex-direction: column;
-  padding: 10px;
-  font-size: var(--scalar-small);
-  position: relative;
-}
-
-/** Remove top padding for top level schema card */
-.property.property--level-0[data-v-471bb5bb]:has(
-    > .property-rule
-      > .schema-card
-      > .schema-properties.schema-properties-open
-      > ul
-      > li.property
-  ) {
-  padding-top: 0;
-}
-.property--compact.property--level-0[data-v-471bb5bb],
-.property--compact.property--level-1[data-v-471bb5bb] {
-  padding: 10px 0;
 }
-.composition-panel .property.property.property.property--level-0[data-v-471bb5bb] {
-  padding: 0px;
+.section-accordion-description[data-v-ff689b94] {
+  font-weight: var(--scalar-semibold);
+  font-size: var(--scalar-mini);
+  color: var(--scalar-color--1);
+  padding: 10px 12px 0px 12px;
 }
-.property--compact.property--level-0
-  .composition-panel
-  .property--compact.property--level-1[data-v-471bb5bb] {
-  padding: 8px;
+.section-accordion-content-card[data-v-ff689b94] .property:last-of-type {
+  padding-bottom: 9px;
 }
 
-/*  if a property doesn't have a heading, remove the top padding */
-.property[data-v-471bb5bb]:has(> .property-rule:nth-of-type(1)):not(.property--compact) {
-  padding-top: 8px;
-  padding-bottom: 8px;
+.message[data-v-50be0795] {
+  scroll-margin-top: var(--refs-viewport-offset);
 }
-.property--deprecated[data-v-471bb5bb] {
-  background: repeating-linear-gradient(
-    -45deg,
-    var(--scalar-background-2) 0,
-    var(--scalar-background-2) 2px,
-    transparent 2px,
-    transparent 5px
-  );
-  background-size: 100%;
+.message-title[data-v-50be0795] {
+  font-size: var(--scalar-heading-4);
+  font-weight: var(--scalar-semibold);
+  color: var(--scalar-color-1);
 }
-.property--deprecated[data-v-471bb5bb] > * {
-  opacity: 0.75;
+/*
+ * Lay the heading and protocol labels out on one wrapping row. The labels live inside the
+ * Anchor slot so the copy-anchor "#" button (absolutely positioned just past the end of the
+ * slot content on hover) trails after the last pill instead of overlapping the first one.
+ */
+.message-heading[data-v-50be0795] {
+  display: inline-flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
 }
-.property-description[data-v-471bb5bb] {
-  margin-top: 6px;
-  line-height: 1.4;
-  font-size: var(--scalar-small);
+/* Pad the expanded body so the description and schemas don't sit flush against the border. */
+.message-accordion[data-v-50be0795] .section-accordion-content-card {
+  padding: 12px;
 }
-.property-description[data-v-471bb5bb]:has(+ .property-rule) {
-  margin-bottom: 9px;
+.message-description[data-v-50be0795] {
+  padding-bottom: 4px;
+  text-align: left;
 }
-[data-v-471bb5bb] .property-description * {
-  color: var(--scalar-color-2) !important;
+.message-schema[data-v-50be0795] {
+  margin-top: 12px;
+}
+.message-schema[data-v-50be0795]:first-child {
+  margin-top: 0;
 }
-.property[data-v-471bb5bb]:not(:last-of-type) {
+.message-schema-title[data-v-50be0795] {
+  font-size: var(--scalar-font-size-2);
+  font-weight: var(--scalar-semibold);
+  color: var(--scalar-color-1);
+  padding-bottom: 8px;
   border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
+  margin-bottom: 8px;
 }
-.property-description + .children[data-v-471bb5bb],
-.children + .property-rule[data-v-471bb5bb] {
-  margin-top: 9px;
+
+.operation[data-v-ef35fcd1] {
+  margin-top: 32px;
+  scroll-margin-top: var(--refs-viewport-offset);
 }
-.children[data-v-471bb5bb] {
+.operation-header[data-v-ef35fcd1] {
   display: flex;
-  flex-direction: column;
+  align-items: center;
+  gap: 8px;
 }
-.children .property--compact.property--level-1[data-v-471bb5bb] {
-  padding: 12px;
+.operation-title[data-v-ef35fcd1] {
+  font-size: var(--scalar-heading-3);
+  font-weight: var(--scalar-semibold);
+  color: var(--scalar-color-1);
 }
-.property-example-value[data-v-471bb5bb] {
-  all: unset;
-  font-family: var(--scalar-font-code);
-  padding: 6px;
-  border-top: var(--scalar-border-width) solid var(--scalar-border-color);
+
+/* Filled, color-coded pill carries the primary send/receive signal. */
+.operation-action[data-v-ef35fcd1] {
+  text-transform: uppercase;
+  font-size: var(--scalar-mini);
+  font-weight: var(--scalar-semibold);
+  letter-spacing: 0.05em;
+  border-radius: 12px;
+  padding: 2px 8px;
+  display: inline-flex;
+  align-items: center;
 }
-.property-rule[data-v-471bb5bb] {
-  border-radius: var(--scalar-radius-lg);
-  display: flex;
-  flex-direction: column;
+.operation-action--send[data-v-ef35fcd1] {
+  color: var(--scalar-color-blue);
+  background: color-mix(in srgb, var(--scalar-color-blue), transparent 88%);
 }
-.property--level-2[data-v-471bb5bb] .relative > button {
-  left: -2rem;
+.operation-action--receive[data-v-ef35fcd1] {
+  color: var(--scalar-color-green);
+  background: color-mix(in srgb, var(--scalar-color-green), transparent 88%);
 }
-.property-rule[data-v-471bb5bb]
-  
-    .composition-panel
-      .schema-card--level-1
-      > .schema-properties.schema-properties-open
-   {
-  border-radius: 0 0 var(--scalar-radius-lg) var(--scalar-radius-lg);
+.operation-description[data-v-ef35fcd1] {
+  text-align: left;
+  margin-top: 4px;
 }
-.property-rule[data-v-471bb5bb]
-  .composition-panel > .schema-card > .schema-card-description {
-  padding: 10px;
-  border-left: var(--scalar-border-width) solid var(--scalar-border-color);
-  border-right: var(--scalar-border-width) solid var(--scalar-border-color);
-& + .schema-properties {
-    margin-top: 0;
+/* Space the first message accordion away from the operation header/description. */
+.operation[data-v-ef35fcd1] >  .message {
+  margin-top: 12px;
 }
+
+.section-accordion-wrapper[data-v-9419dd23] {
+  padding: 0 60px;
 }
-.property-example[data-v-471bb5bb] {
-  background: transparent;
-  border: none;
-  display: flex;
-  flex-direction: row;
-  gap: 8px;
+.section-accordion[data-v-9419dd23] {
+  position: relative;
+  width: 100%;
+  max-width: var(--refs-content-max-width);
+  margin: auto;
 }
-.property-example-label[data-v-471bb5bb],
-.property-example-value[data-v-471bb5bb] {
-  padding: 3px 0 0 0;
+.section-accordion-content[data-v-9419dd23] {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+
+  padding-top: 12px;
 }
-.property-example-value[data-v-471bb5bb] {
-  background: var(--scalar-background-2);
-  border-top: 0;
+.section-accordion-button[data-v-9419dd23] {
+  width: 100%;
+  display: flex;
+
+  cursor: pointer;
+
+  padding: 6px 0 6px 0;
+  margin: -6px 0 -6px 0;
   border-radius: var(--scalar-radius);
-  padding: 3px 4px;
 }
-.property-name[data-v-471bb5bb] {
-  font-family: var(--scalar-font-code);
-  font-weight: var(--scalar-semibold);
+.section-accordion-chevron[data-v-9419dd23] {
+  position: absolute;
+  left: -22px;
+  top: 12px;
+  color: var(--scalar-color-3);
 }
-.property-name-additional-properties[data-v-471bb5bb]::before,
-.property-name-pattern-properties[data-v-471bb5bb]::before {
-  text-transform: uppercase;
-  font-size: var(--scalar-micro);
-  display: inline-block;
-  padding: 2px 4px;
-  border-radius: var(--scalar-radius);
+.section-accordion-button:hover .section-accordion-chevron[data-v-9419dd23] {
   color: var(--scalar-color-1);
-  border: var(--scalar-border-width) solid var(--scalar-border-color);
-  background-color: var(--scalar-background-2);
-  margin-right: 4px;
 }
-.property-name-pattern-properties[data-v-471bb5bb]::before {
-  content: 'regex';
+.section-accordion-title[data-v-9419dd23] {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  flex: 1;
+  padding: 0 6px;
+}
+.section-accordion-title[data-v-9419dd23] .section-header-wrapper {
+  grid-template-columns: 1fr;
+}
+.section-accordion-title[data-v-9419dd23] .section-header {
+  margin-bottom: 0;
+}
+@container narrow-references-container (max-width: 900px) {
+.section-accordion-chevron[data-v-9419dd23] {
+    width: 16px;
+    left: -16px;
+    top: 14px;
+}
+.section-accordion-wrapper[data-v-9419dd23] {
+    padding: calc(var(--refs-viewport-offset)) 24px 0 24px;
 }
-.property-name-additional-properties[data-v-471bb5bb],
-.property-name-pattern-properties[data-v-471bb5bb] {
-  border: 1px dashed var(--scalar-border-color);
-  color: var(--scalar-color-accent);
-  display: inline-block;
-  padding: 2px;
-  border-radius: var(--scalar-radius);
 }
 
 .headers-card[data-v-4a9699e9] {
@@ -10348,77 +10678,17 @@ button.headers-card-title[data-v-4a9699e9]:hover {
   border-radius: var(--scalar-radius);
 }
 
-.channel-section[data-v-cb522e2e] {
+.channel-section[data-v-067fde89] {
   margin-bottom: 48px;
 }
-.channel-description[data-v-cb522e2e] {
+.channel-labels[data-v-067fde89] {
+  margin-bottom: 8px;
+}
+.channel-description[data-v-067fde89] {
   padding-bottom: 4px;
   text-align: left;
 }
 
-.section-wrapper[data-v-ff689b94] {
-  color: var(--scalar-color-1);
-
-  padding-top: 12px;
-  margin-top: -12px;
-}
-.section-accordion[data-v-ff689b94] {
-  display: flex;
-  flex-direction: column;
-
-  border-radius: var(--scalar-radius-lg);
-  background: var(--scalar-background-2);
-
-  /* Offset by header height to line up scroll position */
-  scroll-margin-top: var(--refs-viewport-offset);
-}
-.section-accordion-transparent[data-v-ff689b94] {
-  background: transparent;
-  border: var(--scalar-border-width) solid var(--scalar-border-color);
-}
-.section-accordion-button[data-v-ff689b94] {
-  padding: 6px;
-}
-.section-accordion-button[data-v-ff689b94] {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  cursor: pointer;
-}
-.section-accordion-button-content[data-v-ff689b94] {
-  flex: 1;
-  min-width: 0;
-}
-.section-accordion-button-actions[data-v-ff689b94] {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  color: var(--scalar-color-3);
-}
-.section-accordion-chevron[data-v-ff689b94] {
-  margin-right: 4px;
-  cursor: pointer;
-  opacity: 1;
-  color: var(--scalar-color-3);
-}
-.section-accordion-button:hover .section-accordion-chevron[data-v-ff689b94] {
-  color: var(--scalar-color-1);
-}
-.section-accordion-content[data-v-ff689b94] {
-  border-top: var(--scalar-border-width) solid var(--scalar-border-color);
-  display: flex;
-  flex-direction: column;
-}
-.section-accordion-description[data-v-ff689b94] {
-  font-weight: var(--scalar-semibold);
-  font-size: var(--scalar-mini);
-  color: var(--scalar-color--1);
-  padding: 10px 12px 0px 12px;
-}
-.section-accordion-content-card[data-v-ff689b94] .property:last-of-type {
-  padding-bottom: 9px;
-}
-
 .reference-models-anchor[data-v-f3ae088e] {
   display: flex;
   align-items: center;
@@ -10585,10 +10855,10 @@ button.headers-card-title[data-v-4a9699e9]:hover {
   width: 100%;
 }
 
-.section-container[data-v-8f1a275c] {
+.section-container[data-v-5d1b311c] {
   border-top: var(--scalar-border-width) solid var(--scalar-border-color);
 }
-.section-container[data-v-8f1a275c]:has(.show-more) {
+.section-container[data-v-5d1b311c]:has(.show-more) {
   background-color: color-mix(in srgb, var(--scalar-background-2), transparent);
 }
 
@@ -11538,7 +11808,7 @@ body {
 
 /* Configurable Layout Variables */
 @layer scalar-config {
-.scalar-api-reference[data-v-be46ef19] {
+.scalar-api-reference[data-v-c80a6b1a] {
     /* The header height */
     --refs-header-height: calc(
       var(--scalar-custom-header-height, 0px) + var(--scalar-header-height, 0px)
@@ -11560,20 +11830,20 @@ body {
     /* The maximum width of the content column */
     --refs-content-max-width: var(--scalar-content-max-width, 1540px);
 }
-.scalar-api-reference.references-classic[data-v-be46ef19] {
+.scalar-api-reference.references-classic[data-v-c80a6b1a] {
     /* Classic layout is wider */
     --refs-content-max-width: var(--scalar-content-max-width, 1420px);
     min-height: 100dvh;
     --refs-sidebar-width: 0;
 }
 }
-.t-doc__sidebar[data-v-be46ef19] {
+.t-doc__sidebar[data-v-c80a6b1a] {
   z-index: 10;
 }
 
 /* ----------------------------------------------------- */
 /* References Layout */
-.references-layout[data-v-be46ef19] {
+.references-layout[data-v-c80a6b1a] {
   /* Try to fill the container */
   min-height: 100dvh;
   min-width: 100%;
@@ -11597,44 +11867,53 @@ body {
 
   background: var(--scalar-background-1);
 }
-.references-editor[data-v-be46ef19] {
+.references-editor[data-v-c80a6b1a] {
   grid-area: editor;
   display: flex;
   min-width: 0;
   background: var(--scalar-background-1);
 }
-.references-rendered[data-v-be46ef19] {
+.references-rendered[data-v-c80a6b1a] {
   position: relative;
   grid-area: rendered;
   min-width: 0;
   background: var(--scalar-background-1);
 }
-.scalar-api-reference.references-classic[data-v-be46ef19],
-.references-classic .references-rendered[data-v-be46ef19] {
+.scalar-api-reference.references-classic[data-v-c80a6b1a],
+.references-classic .references-rendered[data-v-c80a6b1a] {
   height: initial !important;
   max-height: initial !important;
 }
 @layer scalar-config {
-.references-sidebar[data-v-be46ef19] {
+.references-sidebar[data-v-c80a6b1a] {
     /* Set a default width if references are enabled */
     --refs-sidebar-width: var(--scalar-sidebar-width, 288px);
 }
 }
 
 /* Footer */
-.references-footer[data-v-be46ef19] {
+.references-footer[data-v-c80a6b1a] {
   grid-area: footer;
 }
 /* ----------------------------------------------------- */
 /* Responsive / Mobile Layout */
-@media (max-width: 1000px) {
+
+/*
+ * Stop just below the `lg` breakpoint (1000px). The sidebar visibility is driven
+ * by Tailwind's `lg:` variant, which is `min-width: 1000px` and therefore treats
+ * exactly 1000px as desktop. A `max-width: 1000px` query would make the grid
+ * switch to the mobile (stacked) layout at the very same width, so the desktop
+ * sidebar would render on top of the content. `width < 1000px` is the exact
+ * complement of `lg:` (`width >= 1000px`), keeping the two in sync.
+ */
+@media (width < 1000px) {
   /* Keep toolbar hidden on mobile without forcing desktop display mode. */
-.references-developer-tools[data-v-be46ef19] {
+.references-developer-tools[data-v-c80a6b1a] {
     display: none;
 }
 
   /* Stack view on mobile */
-.references-layout[data-v-be46ef19] {
+.references-layout[data-v-c80a6b1a] {
     /* Adjust the sidebar height to the viewport height minus the header height */
     --refs-sidebar-height: calc(
       var(--full-height, 100dvh) - var(--scalar-custom-header-height, 0px)
@@ -11649,13 +11928,13 @@ body {
       'rendered'
       'footer';
 }
-.references-editable[data-v-be46ef19] {
+.references-editable[data-v-c80a6b1a] {
     grid-template-areas:
       'header'
       'navigation'
       'editor';
 }
-.references-rendered[data-v-be46ef19] {
+.references-rendered[data-v-c80a6b1a] {
     position: static;
 }
 }
@@ -11665,13 +11944,14 @@ body {
 * TODO: @brynn move this to the sidebar block OR the ApiReferenceStandalone component
 * when the new elements are available
 */
-@media (max-width: 1000px) {
-.scalar-api-references-standalone-mobile[data-v-be46ef19]:not(.references-classic) {
+/* Match the layout breakpoint above so the mobile header height is only applied below `lg`. */
+@media (width < 1000px) {
+.scalar-api-references-standalone-mobile[data-v-c80a6b1a]:not(.references-classic) {
     --scalar-header-height: 50px;
 }
 }
 
-.darklight-reference[data-v-be46ef19] {
+.darklight-reference[data-v-c80a6b1a] {
   width: 100%;
   margin-top: auto;
 }