@scalar/api-client 3.0.0 → 3.2.0

package/dist/style.css

@@ -1010,8 +1010,8 @@
     background-color: var(--scalar-sidebar-indent-border-hover, var(--scalar-border-color));
   }
 
-  .scalar-app .group-hover\/button\:text-c-1:is(:where(.group\/button):hover *) {
-    color: var(--scalar-color-1);
+  .scalar-app .group-hover\/button\:text-c-header-1:is(:where(.group\/button):hover *) {
+    color: var(--scalar-header-color-1, var(--scalar-color-1));
   }
 
   .scalar-app .hover\:bg-b-2:hover {
@@ -1022,10 +1022,24 @@
     background-color: var(--scalar-background-3);
   }
 
+  .scalar-app .hover\:bg-b-header-2:hover {
+    background-color: var(--scalar-header-background-2, var(--scalar-background-2));
+  }
+
   .scalar-app .hover\:bg-h-btn:hover {
     background-color: var(--scalar-button-1-hover);
   }
 
+  .scalar-app .hover\:bg-h-header-cta:hover {
+    background-color: var(--scalar-header-call-to-action-color, var(--scalar-button-1));
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .scalar-app .hover\:bg-h-header-cta:hover {
+      background-color: color-mix(in srgb, var(--scalar-header-call-to-action-color, var(--scalar-button-1)), var(--scalar-header-background-1, var(--scalar-background-1)) 15%);
+    }
+  }
+
   .scalar-app .hover\:bg-sidebar-b-1:hover {
     background-color: var(--scalar-sidebar-background-1, var(--scalar-background-1));
   }
@@ -1066,6 +1080,10 @@
     color: var(--scalar-color-1);
   }
 
+  .scalar-app .hover\:text-c-header-1:hover {
+    color: var(--scalar-header-color-1, var(--scalar-color-1));
+  }
+
   .scalar-app .hover\:text-sidebar-c-1:hover {
     color: var(--scalar-sidebar-color-1, var(--scalar-color-1));
   }
@@ -3441,6 +3459,10 @@
   border-width: 1px;
 }
 
+.scalar-app .border-border-header {
+  border-color: var(--scalar-header-border-color, var(--scalar-border-color));
+}
+
 .scalar-app .border-c-alert {
   border-color: var(--scalar-color-alert);
 }
@@ -3483,6 +3505,14 @@
   background-color: var(--scalar-button-1);
 }
 
+.scalar-app .bg-b-header-1 {
+  background-color: var(--scalar-header-background-1, var(--scalar-background-1));
+}
+
+.scalar-app .bg-b-header-cta {
+  background-color: var(--scalar-header-call-to-action-color, var(--scalar-button-1));
+}
+
 .scalar-app .bg-b-tooltip {
   background-color: var(--scalar-tooltip-background);
 }
@@ -3666,6 +3696,18 @@
   overflow-wrap: break-word;
 }
 
+.scalar-app .text-c-header-1 {
+  color: var(--scalar-header-color-1, var(--scalar-color-1));
+}
+
+.scalar-app .text-c-header-2 {
+  color: var(--scalar-header-color-2, var(--scalar-color-2));
+}
+
+.scalar-app .text-c-header-cta {
+  color: var(--scalar-button-1-color);
+}
+
 .scalar-app .text-c-tooltip {
   color: var(--scalar-tooltip-color);
 }
@@ -3764,8 +3806,8 @@
   justify-content: center;
 }
 
-:is(.scalar-app .\*\:gap-px > *) {
-  gap: 1px;
+:is(.scalar-app .\*\:gap-1 > *) {
+  gap: 4px;
 }
 
 :is(.scalar-app .\*\:rounded > *) {
@@ -3804,8 +3846,8 @@
     background-color: var(--scalar-sidebar-indent-border-hover, var(--scalar-border-color));
   }
 
-  .scalar-app .group-hover\/button\:text-c-1:is(:where(.group\/button):hover *) {
-    color: var(--scalar-color-1);
+  .scalar-app .group-hover\/button\:text-c-header-1:is(:where(.group\/button):hover *) {
+    color: var(--scalar-header-color-1, var(--scalar-color-1));
   }
 }
 
@@ -3881,10 +3923,24 @@
     background-color: var(--scalar-background-3);
   }
 
+  .scalar-app .hover\:bg-b-header-2:hover {
+    background-color: var(--scalar-header-background-2, var(--scalar-background-2));
+  }
+
   .scalar-app .hover\:bg-h-btn:hover {
     background-color: var(--scalar-button-1-hover);
   }
 
+  .scalar-app .hover\:bg-h-header-cta:hover {
+    background-color: var(--scalar-header-call-to-action-color, var(--scalar-button-1));
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .scalar-app .hover\:bg-h-header-cta:hover {
+      background-color: color-mix(in srgb, var(--scalar-header-call-to-action-color, var(--scalar-button-1)), var(--scalar-header-background-1, var(--scalar-background-1)) 15%);
+    }
+  }
+
   .scalar-app .hover\:bg-sidebar-b-1:hover {
     background-color: var(--scalar-sidebar-background-1, var(--scalar-background-1));
   }
@@ -3925,6 +3981,10 @@
     color: var(--scalar-color-1);
   }
 
+  .scalar-app .hover\:text-c-header-1:hover {
+    color: var(--scalar-header-color-1, var(--scalar-color-1));
+  }
+
   .scalar-app .hover\:text-sidebar-c-1:hover {
     color: var(--scalar-sidebar-color-1, var(--scalar-color-1));
   }
@@ -4711,6 +4771,10 @@
   height: 68px;
 }
 
+.scalar-app .h-\[300px\] {
+  height: 300px;
+}
+
 .scalar-app .h-\[calc\(100\%_-_50px\)\] {
   height: calc(100% - 50px);
 }
@@ -4779,10 +4843,6 @@
   max-height: 60svh;
 }
 
-.scalar-app .max-h-\[300px\] {
-  max-height: 300px;
-}
-
 .scalar-app .max-h-\[auto\] {
   max-height: auto;
 }
@@ -7562,23 +7622,23 @@
 /*
    Deep styling for customizing Codemirror
   */
-[data-v-167b1bd5] .cm-editor {
+[data-v-6499ec1f] .cm-editor {
   height: 100%;
   outline: none;
   padding: 0;
   background: transparent;
 }
-[data-v-167b1bd5] .cm-placeholder {
+[data-v-6499ec1f] .cm-placeholder {
   color: var(--scalar-color-3);
 }
-[data-v-167b1bd5] .cm-content {
+[data-v-6499ec1f] .cm-content {
   font-family: var(--scalar-font-code);
   font-size: var(--scalar-small);
   max-height: 20px;
   padding: 8px 0;
 }
 /* Tooltip helper */
-[data-v-167b1bd5] .cm-tooltip {
+[data-v-6499ec1f] .cm-tooltip {
   background: transparent !important;
   filter: brightness(var(--scalar-lifted-brightness));
   border-radius: var(--scalar-radius);
@@ -7587,43 +7647,43 @@
   outline: none !important;
   overflow: hidden !important;
 }
-[data-v-167b1bd5] .cm-tooltip-autocomplete ul li {
+[data-v-6499ec1f] .cm-tooltip-autocomplete ul li {
   padding: 3px 6px !important;
 }
-[data-v-167b1bd5] .cm-completionIcon-type:after {
+[data-v-6499ec1f] .cm-completionIcon-type:after {
   color: var(--scalar-color-3) !important;
 }
-[data-v-167b1bd5] .cm-tooltip-autocomplete ul li[aria-selected] {
+[data-v-6499ec1f] .cm-tooltip-autocomplete ul li[aria-selected] {
   background: var(--scalar-background-2) !important;
   color: var(--scalar-color-1) !important;
 }
-[data-v-167b1bd5] .cm-tooltip-autocomplete ul {
+[data-v-6499ec1f] .cm-tooltip-autocomplete ul {
   padding: 6px !important;
   position: relative;
 }
-[data-v-167b1bd5] .cm-tooltip-autocomplete ul li:hover {
+[data-v-6499ec1f] .cm-tooltip-autocomplete ul li:hover {
   border-radius: 3px;
   color: var(--scalar-color-1) !important;
   background: var(--scalar-background-3) !important;
 }
 /* Disable active line highlighting */
-[data-v-167b1bd5] .cm-activeLine,[data-v-167b1bd5] .cm-activeLineGutter {
+[data-v-6499ec1f] .cm-activeLine,[data-v-6499ec1f] .cm-activeLineGutter {
   background-color: transparent;
 }
 /* Color selection matching */
-[data-v-167b1bd5] .cm-selectionMatch,[data-v-167b1bd5] .cm-matchingBracket {
+[data-v-6499ec1f] .cm-selectionMatch,[data-v-6499ec1f] .cm-matchingBracket {
   border-radius: var(--scalar-radius);
   background: var(--scalar-background-4) !important;
 }
 /* Color Picker Swatches */
-[data-v-167b1bd5] .cm-css-color-picker-wrapper {
+[data-v-6499ec1f] .cm-css-color-picker-wrapper {
   display: inline-flex;
   outline: 1px solid var(--scalar-background-3);
   border-radius: 3px;
   overflow: hidden;
 }
 /* Number gutter */
-[data-v-167b1bd5] .cm-gutters {
+[data-v-6499ec1f] .cm-gutters {
   background-color: transparent;
   border-right: none;
   color: var(--scalar-color-3);
@@ -7631,7 +7691,7 @@
   line-height: 22px;
   border-radius: 0 0 0 3px;
 }
-[data-v-167b1bd5] .cm-gutters:before {
+[data-v-6499ec1f] .cm-gutters:before {
   content: '';
   position: absolute;
   top: 2px;
@@ -7641,7 +7701,7 @@
   border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
   background-color: var(--scalar-background-1);
 }
-[data-v-167b1bd5] .cm-gutterElement {
+[data-v-6499ec1f] .cm-gutterElement {
   font-family: var(--scalar-font-code) !important;
   padding-left: 0px !important;
   padding-right: 6px !important;
@@ -7650,16 +7710,16 @@
   justify-content: flex-end;
   position: relative;
 }
-[data-v-167b1bd5] .cm-lineNumbers .cm-gutterElement {
+[data-v-6499ec1f] .cm-lineNumbers .cm-gutterElement {
   min-width: fit-content;
 }
-[data-v-167b1bd5] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
+[data-v-6499ec1f] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
   padding-left: 0 !important;
 }
-[data-v-167b1bd5] .cm-scroller {
+[data-v-6499ec1f] .cm-scroller {
   overflow: auto;
 }
-.line-wrapping[data-v-167b1bd5]:focus-within .cm-content {
+.line-wrapping[data-v-6499ec1f]:focus-within .cm-content {
   display: inline-table;
   min-height: fit-content;
   padding: 3px 6px;
@@ -7983,7 +8043,7 @@
   );
 }
 
-[data-v-e861924b] .cm-content {
+[data-v-06778e40] .cm-content {
   font-size: var(--scalar-small);
 }
 
@@ -8004,10 +8064,10 @@
   scrollbar-width: none;
 }
 
-[data-v-3157c3c7] .cm-editor {
+[data-v-819cea32] .cm-editor {
   padding: 0;
 }
-[data-v-3157c3c7] .cm-content {
+[data-v-819cea32] .cm-content {
   align-items: center;
   background-color: transparent;
   display: flex;
@@ -8016,30 +8076,30 @@
   padding: 5px 8px;
   width: 100%;
 }
-[data-v-3157c3c7] .cm-content:has(.cm-pill) {
+[data-v-819cea32] .cm-content:has(.cm-pill) {
   padding: 5px 8px;
 }
-[data-v-3157c3c7] .cm-content .cm-pill:not(:last-of-type) {
+[data-v-819cea32] .cm-content .cm-pill:not(:last-of-type) {
   margin-right: 0.5px;
 }
-[data-v-3157c3c7] .cm-content .cm-pill:not(:first-of-type) {
+[data-v-819cea32] .cm-content .cm-pill:not(:first-of-type) {
   margin-left: 0.5px;
 }
-[data-v-3157c3c7] .cm-line {
+[data-v-819cea32] .cm-line {
   overflow: hidden;
   padding: 0;
   text-overflow: ellipsis;
   word-break: break-word;
 }
-.required[data-v-3157c3c7]::after {
+.required[data-v-819cea32]::after {
   content: 'Required';
 }
 /* Tailwind placeholder is busted */
-input[data-v-3157c3c7]::placeholder {
+input[data-v-819cea32]::placeholder {
   color: var(--scalar-color-3);
 }
 /* we want our inputs to look like a password input but not be one */
-.scalar-password-input[data-v-3157c3c7] {
+.scalar-password-input[data-v-819cea32] {
   text-security: disc;
   -webkit-text-security: disc;
   -moz-text-security: disc;
@@ -8092,7 +8152,7 @@ input[data-v-3157c3c7]::placeholder {
   min-width: 100%;
 }
 
-.scalar-code-block[data-v-94c74c13] .hljs * {
+.scalar-code-block[data-v-30c34ea4] .hljs * {
   font-size: var(--scalar-small);
 }
 
@@ -8165,11 +8225,11 @@ to {
   opacity: 0;
 }
 
-.animate-response-heading .response-heading[data-v-3d6c8e96] {
-  animation: push-response-3d6c8e96 0.2s ease-in-out forwards;
+.animate-response-heading .response-heading[data-v-82f4df98] {
+  animation: push-response-82f4df98 0.2s ease-in-out forwards;
   opacity: 1;
 }
-@keyframes push-response-3d6c8e96 {
+@keyframes push-response-82f4df98 {
 from {
     opacity: 1;
     transform: translateY(0);
@@ -8179,11 +8239,11 @@ to {
     transform: translateY(-4px);
 }
 }
-.animate-response-heading .animate-response-children[data-v-3d6c8e96] {
-  animation: response-spans-3d6c8e96 0.2s ease-in-out forwards 0.05s;
+.animate-response-heading .animate-response-children[data-v-82f4df98] {
+  animation: response-spans-82f4df98 0.2s ease-in-out forwards 0.05s;
   opacity: 0;
 }
-@keyframes response-spans-3d6c8e96 {
+@keyframes response-spans-82f4df98 {
 from {
     opacity: 0;
     transform: translateY(4px);
@@ -8194,33 +8254,33 @@ to {
 }
 }
 
-.request-card[data-v-0e4ddc16] {
+.request-card[data-v-59da314d] {
   font-size: var(--scalar-font-size-3);
 }
-.request-method[data-v-0e4ddc16] {
+.request-method[data-v-59da314d] {
   font-family: var(--scalar-font-code);
   text-transform: uppercase;
   margin-right: 6px;
 }
-.request-card-footer[data-v-0e4ddc16] {
+.request-card-footer[data-v-59da314d] {
   display: flex;
   justify-content: flex-end;
   padding: 6px;
   flex-shrink: 0;
   position: relative;
 }
-.request-card-footer-addon[data-v-0e4ddc16] {
+.request-card-footer-addon[data-v-59da314d] {
   display: flex;
   align-items: center;
 
   flex: 1;
   min-width: 0;
 }
-.request-editor-section[data-v-0e4ddc16] {
+.request-editor-section[data-v-59da314d] {
   display: flex;
   flex: 1;
 }
-.request-card-simple[data-v-0e4ddc16] {
+.request-card-simple[data-v-59da314d] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -8229,7 +8289,7 @@ to {
 
   font-size: var(--scalar-small);
 }
-.code-snippet[data-v-0e4ddc16] {
+.code-snippet[data-v-59da314d] {
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -8706,16 +8766,16 @@ to {
   display: none;
 }
 
-.scalar-collection-auth[data-v-6bba6b78] {
+.scalar-collection-auth[data-v-d3bc49bd] {
   border: var(--scalar-border-width) solid var(--scalar-border-color);
   border-radius: var(--scalar-radius-lg);
   overflow: hidden;
 }
 
-[data-v-ddfccc08] .cm-editor {
+[data-v-2f13118d] .cm-editor {
   padding: 0;
 }
-[data-v-ddfccc08] .cm-content {
+[data-v-2f13118d] .cm-content {
   align-items: center;
   background-color: transparent;
   display: flex;
@@ -8724,16 +8784,16 @@ to {
   padding: 5px 8px;
   width: 100%;
 }
-[data-v-ddfccc08] .cm-content:has(.cm-pill) {
+[data-v-2f13118d] .cm-content:has(.cm-pill) {
   padding: 5px 8px;
 }
-[data-v-ddfccc08] .cm-content .cm-pill:not(:last-of-type) {
+[data-v-2f13118d] .cm-content .cm-pill:not(:last-of-type) {
   margin-right: 0.5px;
 }
-[data-v-ddfccc08] .cm-content .cm-pill:not(:first-of-type) {
+[data-v-2f13118d] .cm-content .cm-pill:not(:first-of-type) {
   margin-left: 0.5px;
 }
-[data-v-ddfccc08] .cm-line {
+[data-v-2f13118d] .cm-line {
   overflow: hidden;
   padding: 0;
   text-overflow: ellipsis;
@@ -8812,7 +8872,7 @@ to {
   display: none;
 }
 
-.postman-import-path-conflict-callout[data-v-9f13a627] {
+.postman-import-path-conflict-callout[data-v-cc4f666d] {
   border-color: var(--scalar-color-red);
   background-color: var(--scalar-background-danger);
   color: var(--scalar-color-1);

package/dist/v2/blocks/operation-block/OperationBlock.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OperationBlock.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/blocks/operation-block/OperationBlock.vue"],"names":[],"mappings":"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"}
+{"version":3,"file":"OperationBlock.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/blocks/operation-block/OperationBlock.vue"],"names":[],"mappings":"AA8fA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAA;AACrF,OAAO,EAAe,KAAK,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,EAEL,KAAK,gBAAgB,EACtB,MAAM,wBAAwB,CAAA;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAA;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iDAAiD,CAAA;AACnF,OAAO,KAAK,EACV,QAAQ,EACR,UAAU,EACV,iBAAiB,EAClB,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAKL,KAAK,qBAAqB,EAE1B,KAAK,0BAA0B,EAChC,MAAM,yCAAyC,CAAA;AAChD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qEAAqE,CAAA;AACxG,OAAO,KAAK,EACV,eAAe,EACf,YAAY,EACb,MAAM,8DAA8D,CAAA;AACrE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uDAAuD,CAAA;AAqB5F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAKrD;;;;;;;;;;;;GAYG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAMzC,MAAM,MAAM,mBAAmB,GAAG;IAChC,gBAAgB;IAChB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,0BAA0B;IAC1B,UAAU,EAAE,MAAM,CAAA;IAClB,uBAAuB;IACvB,QAAQ,EAAE,eAAe,CAAA;IACzB,wBAAwB;IACxB,gBAAgB,EAAE,aAAa,EAAE,CAAA;IACjC,uBAAuB;IACvB,eAAe,EAAE,aAAa,EAAE,CAAA;IAChC,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,6BAA6B;IAC7B,MAAM,EAAE,cAAc,CAAA;IACtB,mBAAmB;IACnB,WAAW,EAAE,gBAAgB,CAAA;IAC7B,oCAAoC;IACpC,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IACxB,oBAAoB;IACpB,MAAM,EAAE,YAAY,CAAA;IACpB,gCAAgC;IAChC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,gCAAgC;IAChC,cAAc,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,yBAAyB,CAAC,CAAA;IACtE,mDAAmD;IACnD,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,sCAAsC;IACtC,UAAU,EAAE,UAAU,CAAA;IACtB,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oBAAoB;IACpB,MAAM,CAAC,EAAE,SAAS,GAAG,eAAe,CAAA;IACpC,uBAAuB;IACvB,SAAS,EAAE,eAAe,CAAA;IAC1B,+DAA+D;IAC/D,UAAU,EAAE,MAAM,CAAA;IAClB,2CAA2C;IAC3C,QAAQ,EAAE,QAAQ,CAAA;IAClB,wCAAwC;IACxC,eAAe,EAAE,qBAAqB,CAAA;IACtC,qBAAqB;IACrB,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,uBAAuB;IACvB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,qCAAqC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,8CAA8C;IAC9C,WAAW,EAAE,kBAAkB,CAAA;IAC/B,yCAAyC;IACzC,QAAQ,EAAE,MAAM,CAAA;IAChB,kCAAkC;IAClC,gBAAgB,EAAE,gBAAgB,CAAA;IAClC,0CAA0C;IAC1C,uBAAuB,EAAE,0BAA0B,EAAE,CAAA;IACrD,4BAA4B;IAC5B,oBAAoB,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IACjD,sBAAsB;IACtB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACtC,sEAAsE;IACtE,+BAA+B,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACxD,6CAA6C;IAC7C,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAA;CAChC,CAAA;AACD,QAAA,MAAM,YAAY,kTA8ed,CAAC"}

package/dist/v2/blocks/operation-block/OperationBlock.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"OperationBlock.vue.js","names":[],"sources":["../../../../src/v2/blocks/operation-block/OperationBlock.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * OperationBlock\n *\n * Orchestrates the operation view by wiring together the Header, OperationBlock,\n * and ResponseBlock. Forwards user interactions to the workspace event bus and\n * passes through configuration such as auth, servers, plugins, and environment.\n * This component keeps the Operation page lean by centralizing event emission\n * and prop wiring between the blocks.\n *\n * Notable behavior:\n * - Uses operation['x-scalar-method'] and operation['x-scalar-path'] to provide\n *   draft overrides for the UI when present.\n */\nexport default {\n  name: 'OperationBlock',\n}\n\nexport type OperationBlockProps = {\n  /** Event bus */\n  eventBus: WorkspaceEventBus\n  /** Application version */\n  appVersion: string\n  /** Openapi document */\n  document: OpenApiDocument\n  /** Workspace cookies */\n  workspaceCookies: XScalarCookie[]\n  /** Document cookies */\n  documentCookies: XScalarCookie[]\n  /** Current request path */\n  path: string\n  /** Current request method */\n  method: HttpMethodType\n  /** HTTP clients */\n  httpClients: AvailableClients\n  /** The history for the operation */\n  history?: HistoryEntry[]\n  /** Client layout */\n  layout: ClientLayout\n  /** Currently selected server */\n  server: ServerObject | null\n  /** Currently selected client */\n  selectedClient: WorkspaceStore['workspace']['x-scalar-default-client']\n  /** Server list available for operation/document */\n  servers: ServerObject[]\n  /** Meta information for the server */\n  serverMeta: ServerMeta\n  /** Hides the client button on the header */\n  hideClientButton?: boolean\n  /** Client integration  */\n  integration?: string | null\n  /** Openapi document url for `modal` mode to open the client app */\n  documentUrl?: string\n  /** Client source */\n  source?: 'gitbook' | 'api-reference'\n  /** Operation object */\n  operation: OperationObject\n  /** Currently selected example key for the current operation */\n  exampleKey: string\n  /** Meta information for the auth update */\n  authMeta: AuthMeta\n  /** Document defined security schemes */\n  securitySchemes: MergedSecuritySchemes\n  /** Client plugins */\n  plugins: ClientPlugin[]\n  /** Environment list */\n  environments?: string[]\n  /** Currently selected environment */\n  activeEnvironment?: string\n  /** For environment variables in the inputs */\n  environment: XScalarEnvironment\n  /** The proxy URL for sending requests */\n  proxyUrl: string\n  /** Currently selected security */\n  selectedSecurity: SelectedSecurity\n  /** Currently selected security schemes */\n  selectedSecuritySchemes: SecuritySchemeObjectSecret[]\n  /** Security requirements */\n  securityRequirements: OpenApiDocument['security']\n  /** Default headers */\n  defaultHeaders: Record<string, string>\n  /** Selected anyOf/oneOf request-body variants keyed by schema path */\n  requestBodyCompositionSelection?: Record<string, number>\n  /** Subset of config options for the modal */\n  options?: ModalProps['options']\n}\n</script>\n<script setup lang=\"ts\">\nimport { ERRORS } from '@scalar/helpers/errors/normalize-error'\nimport { isElectron } from '@scalar/helpers/general/is-electron'\nimport type { HttpMethod as HttpMethodType } from '@scalar/helpers/http/http-methods'\nimport { executeHook, type ClientPlugin } from '@scalar/oas-utils/helpers'\nimport {\n  AVAILABLE_CLIENTS,\n  type AvailableClients,\n} from '@scalar/types/snippetz'\nimport { useToasts } from '@scalar/use-toasts'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { SelectedSecurity } from '@scalar/workspace-store/entities/auth'\nimport type { HistoryEntry } from '@scalar/workspace-store/entities/history/schema'\nimport type {\n  AuthMeta,\n  ServerMeta,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport {\n  buildRequest,\n  createVariablesStoreForRequest,\n  getEnvironmentVariables,\n  requestFactory,\n  type MergedSecuritySchemes,\n  type SecuritySchemeObjectSecret,\n} from '@scalar/workspace-store/request-example'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { XScalarCookie } from '@scalar/workspace-store/schemas/extensions/general/x-scalar-cookies'\nimport type {\n  OpenApiDocument,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport type { OperationObject } from '@scalar/workspace-store/schemas/v3.1/strict/operation'\nimport { computed, onBeforeUnmount, onMounted, ref, toValue, watch } from 'vue'\n\nimport ViewLayout from '@/components/ViewLayout/ViewLayout.vue'\nimport ViewLayoutContent from '@/components/ViewLayout/ViewLayoutContent.vue'\nimport { harToFetchRequest } from '@/v2/blocks/operation-block/helpers/har-to-fetch-request'\nimport { harToFetchResponse } from '@/v2/blocks/operation-block/helpers/har-to-fetch-response'\nimport {\n  getOperationExampleKey,\n  isStreamingResponse,\n  responseCache,\n} from '@/v2/blocks/operation-block/helpers/response-cache'\nimport {\n  sendRequest,\n  type ResponseInstance,\n} from '@/v2/blocks/operation-block/helpers/send-request'\nimport { validatePathParameters } from '@/v2/blocks/operation-block/helpers/validate-path-parameters'\nimport { generateClientOptions } from '@/v2/blocks/operation-code-sample'\nimport { RequestBlock } from '@/v2/blocks/request-block'\nimport { ResponseBlock } from '@/v2/blocks/response-block'\nimport { type History } from '@/v2/blocks/scalar-address-bar-block'\nimport type { ModalProps } from '@/v2/features/modal/Modal.vue'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nimport Header from './components/Header.vue'\n\nconst {\n  authMeta,\n  environment,\n  eventBus,\n  exampleKey,\n  document,\n  workspaceCookies = [],\n  documentCookies = [],\n  hideClientButton,\n  httpClients = AVAILABLE_CLIENTS,\n  history = [],\n  method,\n  operation,\n  path,\n  plugins = [],\n  proxyUrl,\n  requestBodyCompositionSelection,\n  securitySchemes,\n  selectedClient,\n  server,\n  environments,\n  options,\n  activeEnvironment,\n  serverMeta,\n  selectedSecurity,\n  selectedSecuritySchemes,\n  securityRequirements,\n  defaultHeaders,\n} = defineProps<OperationBlockProps>()\n\n/** Hoist up client generation so it doesn't get re-generated on every operation */\nconst clientOptions = computed(() => generateClientOptions(httpClients))\n\nconst { toast } = useToasts()\n\n// Refs\nconst abortController = ref<AbortController | null>(null)\nconst response = ref<ResponseInstance | null>(null)\nconst request = ref<Request | null>(null)\n\n/** Cancel the request */\nconst cancelRequest = () => abortController.value?.abort(ERRORS.REQUEST_ABORTED)\n\n/** Execute the current operation example */\nconst handleExecute = async () => {\n  const pathValidation = validatePathParameters(\n    operation.parameters ?? [],\n    exampleKey,\n  )\n  if (pathValidation.ok === false) {\n    toast('Path parameters must have values.', 'error')\n    return\n  }\n\n  const globalCookies = [...workspaceCookies, ...documentCookies]\n\n  const { request: requestBuilder } = requestFactory({\n    defaultHeaders,\n    environment,\n    exampleName: exampleKey,\n    globalCookies,\n    method,\n    operation,\n    path,\n    proxyUrl,\n    server,\n    selectedSecuritySchemes,\n    isElectron: isElectron(),\n    requestBodyCompositionSelection,\n  })\n\n  // Stop any previous streaming response\n  if (response.value && 'reader' in response.value) {\n    response.value.reader.cancel()\n  }\n\n  const variablesStore = createVariablesStoreForRequest()\n\n  // Execute the beforeRequest hook (plugins receive RequestFactory, not fetch Request)\n  await executeHook(\n    {\n      requestBuilder,\n      document,\n      operation,\n      variablesStore,\n    },\n    'beforeRequest',\n    plugins,\n  )\n\n  const envVariables = {\n    ...getEnvironmentVariables(environment),\n    ...variablesStore.getVariables(),\n  }\n\n  // Build the fetch Request after hooks may have mutated the factory\n  const requestResult = (() => {\n    try {\n      return {\n        ok: true,\n        result: buildRequest(requestBuilder, {\n          envVariables,\n        }),\n      } as const\n    } catch (error) {\n      const message = error instanceof Error ? error.message : String(error)\n      return {\n        ok: false,\n        error: message,\n      } as const\n    }\n  })()\n\n  if (requestResult.ok === false) {\n    toast(requestResult.error, 'error')\n    return\n  }\n\n  // Store the abort controller for cancellation\n  abortController.value = requestResult.result.controller\n\n  // Execute the hooks\n  eventBus.emit('hooks:on:request:sent', {\n    meta: {\n      method,\n      path,\n      exampleKey,\n    },\n  })\n\n  /** Execute the request */\n  const [sendError, sendResult] = await sendRequest({\n    isUsingProxy: requestResult.result.isUsingProxy,\n    request: requestResult.result.request,\n  })\n\n  if (sendResult) {\n    // Execute the responseReceived hook\n    await executeHook(\n      {\n        response: sendResult.originalResponse.clone(),\n        requestBuilder,\n        request: sendResult.request.clone(),\n        document,\n        operation,\n        variablesStore,\n      },\n      'responseReceived',\n      plugins,\n    )\n  }\n\n  // Execute the hooks\n  eventBus.emit('hooks:on:request:complete', {\n    payload: sendResult\n      ? {\n          response: sendResult.originalResponse.clone(),\n          request: sendResult.request.clone(),\n          duration: sendResult.response.duration,\n          timestamp: sendResult.timestamp,\n        }\n      : undefined,\n    meta: {\n      method,\n      path,\n      exampleKey,\n    },\n  })\n\n  if (sendError) {\n    // clean up the response and request\n    response.value = null\n    request.value = null\n    abortController.value = null\n\n    toast(sendError.message, 'error')\n    return\n  }\n\n  // Store the response\n  response.value = sendResult.response\n  request.value = sendResult.request\n\n  // Cache non-streaming responses so they can be restored when navigating back\n  if (!isStreamingResponse(sendResult.response)) {\n    responseCache.set(getOperationExampleKey(method, path, exampleKey), {\n      response: sendResult.response,\n      request: sendResult.request,\n    })\n  }\n}\n\nonMounted(() => {\n  eventBus.on('operation:send:request:hotkey', handleExecute)\n  eventBus.on('operation:cancel:request', cancelRequest)\n})\nonBeforeUnmount(() => {\n  eventBus.off('operation:send:request:hotkey', handleExecute)\n  eventBus.off('operation:cancel:request', cancelRequest)\n})\n\nconst operationHistory = computed<History[]>(() =>\n  history\n    .map((entry) => ({\n      method: entry.request.method as HttpMethodType,\n      path: entry.request.url,\n      duration: entry.time,\n      status: entry.response.status,\n    }))\n    .reverse(),\n)\n\nconst handleSelectHistoryItem = ({ index }: { index: number }) => {\n  const transformedIndex = (history.length ?? 0) - index - 1\n  const historyItem = history[transformedIndex]\n  if (!historyItem) {\n    return\n  }\n\n  const navigate = () =>\n    eventBus.emit('ui:navigate', {\n      page: 'example',\n      method,\n      path,\n      exampleName: 'draft',\n      callback: (status) => {\n        // Do not replace the response if the navigation was not successful\n        if (status !== 'success') {\n          return\n        }\n        // Reconstruct the response\n        const fetchResponse = harToFetchResponse({\n          harResponse: historyItem.response,\n          url: historyItem.request.url,\n          method,\n          path,\n          duration: historyItem.time,\n        })\n\n        // Reconstruct the request\n        const fetchRequest = harToFetchRequest({\n          harRequest: historyItem.request,\n        })\n\n        // Update the response and request\n        response.value = fetchResponse\n        request.value = fetchRequest\n      },\n    })\n\n  eventBus.emit('operation:reload:history', {\n    meta: {\n      path,\n      method,\n    },\n    index: transformedIndex,\n    callback: navigate,\n  })\n}\n\n/**\n * When the path, method, or example key changes: save current response to\n * cache (so it can be restored when navigating back), then restore from cache\n * for the new operation or clear if no cached response. Response is only\n * cleared on page refresh or when making a new request for that operation.\n */\nwatch(\n  [() => path, () => method, () => exampleKey],\n  ([newPath, newMethod, newExampleKey]) => {\n    const newKey = getOperationExampleKey(newMethod, newPath, newExampleKey)\n    const cached = responseCache.get(newKey)\n    if (cached) {\n      response.value = cached.response\n      request.value = cached.request\n    } else {\n      response.value = null\n      request.value = null\n    }\n\n    // Cancel any in-flight request\n    cancelRequest()\n  },\n  { immediate: true },\n)\n\nonBeforeUnmount(() => {\n  // We cancel the request if the component is unmounted\n  cancelRequest()\n})\n</script>\n<template>\n  <div class=\"bg-b-1 flex h-full flex-col\">\n    <div\n      class=\"lg:min-h-header flex w-full flex-wrap items-center justify-center p-2 lg:p-0\">\n      <!-- Address Bar -->\n      <Header\n        :activeEnvironment\n        :documentUrl\n        :environment\n        :environments\n        :eventBus\n        :hideClientButton\n        :history=\"operationHistory\"\n        :integration\n        :layout\n        :method\n        :path\n        :server\n        :serverMeta\n        :servers\n        :source\n        @execute=\"handleExecute\"\n        @select:history:item=\"handleSelectHistoryItem\" />\n    </div>\n\n    <ViewLayout class=\"border-t\">\n      <ViewLayoutContent class=\"flex-1\">\n        <!-- Request Section -->\n        <RequestBlock\n          :authMeta\n          :clientOptions\n          :defaultHeaders\n          :documentCookies\n          :environment\n          :eventBus\n          :exampleKey\n          :layout\n          :method\n          :operation\n          :options=\"toValue(options)\"\n          :path\n          :plugins\n          :proxyUrl\n          :requestBodyCompositionSelection\n          :securityRequirements\n          :securitySchemes\n          :selectedClient\n          :selectedSecurity\n          :selectedSecuritySchemes\n          :server\n          :workspaceCookies />\n\n        <!-- Response Section -->\n        <ResponseBlock\n          :appVersion\n          :eventBus\n          :layout\n          :plugins\n          :request\n          :response\n          :totalPerformedRequests=\"operationHistory.length\" />\n      </ViewLayoutContent>\n    </ViewLayout>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"OperationBlock.vue.js","names":[],"sources":["../../../../src/v2/blocks/operation-block/OperationBlock.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * OperationBlock\n *\n * Orchestrates the operation view by wiring together the Header, OperationBlock,\n * and ResponseBlock. Forwards user interactions to the workspace event bus and\n * passes through configuration such as auth, servers, plugins, and environment.\n * This component keeps the Operation page lean by centralizing event emission\n * and prop wiring between the blocks.\n *\n * Notable behavior:\n * - Uses operation['x-scalar-method'] and operation['x-scalar-path'] to provide\n *   draft overrides for the UI when present.\n */\nexport default {\n  name: 'OperationBlock',\n}\n\nexport type OperationBlockProps = {\n  /** Event bus */\n  eventBus: WorkspaceEventBus\n  /** Application version */\n  appVersion: string\n  /** Openapi document */\n  document: OpenApiDocument\n  /** Workspace cookies */\n  workspaceCookies: XScalarCookie[]\n  /** Document cookies */\n  documentCookies: XScalarCookie[]\n  /** Current request path */\n  path: string\n  /** Current request method */\n  method: HttpMethodType\n  /** HTTP clients */\n  httpClients: AvailableClients\n  /** The history for the operation */\n  history?: HistoryEntry[]\n  /** Client layout */\n  layout: ClientLayout\n  /** Currently selected server */\n  server: ServerObject | null\n  /** Currently selected client */\n  selectedClient: WorkspaceStore['workspace']['x-scalar-default-client']\n  /** Server list available for operation/document */\n  servers: ServerObject[]\n  /** Meta information for the server */\n  serverMeta: ServerMeta\n  /** Hides the client button on the header */\n  hideClientButton?: boolean\n  /** Client integration  */\n  integration?: string | null\n  /** Openapi document url for `modal` mode to open the client app */\n  documentUrl?: string\n  /** Client source */\n  source?: 'gitbook' | 'api-reference'\n  /** Operation object */\n  operation: OperationObject\n  /** Currently selected example key for the current operation */\n  exampleKey: string\n  /** Meta information for the auth update */\n  authMeta: AuthMeta\n  /** Document defined security schemes */\n  securitySchemes: MergedSecuritySchemes\n  /** Client plugins */\n  plugins: ClientPlugin[]\n  /** Environment list */\n  environments?: string[]\n  /** Currently selected environment */\n  activeEnvironment?: string\n  /** For environment variables in the inputs */\n  environment: XScalarEnvironment\n  /** The proxy URL for sending requests */\n  proxyUrl: string\n  /** Currently selected security */\n  selectedSecurity: SelectedSecurity\n  /** Currently selected security schemes */\n  selectedSecuritySchemes: SecuritySchemeObjectSecret[]\n  /** Security requirements */\n  securityRequirements: OpenApiDocument['security']\n  /** Default headers */\n  defaultHeaders: Record<string, string>\n  /** Selected anyOf/oneOf request-body variants keyed by schema path */\n  requestBodyCompositionSelection?: Record<string, number>\n  /** Subset of config options for the modal */\n  options?: ModalProps['options']\n}\n</script>\n<script setup lang=\"ts\">\nimport { ERRORS } from '@scalar/helpers/errors/normalize-error'\nimport { isElectron } from '@scalar/helpers/general/is-electron'\nimport { buildSafeBodyRequest } from '@scalar/helpers/http/can-method-have-body'\nimport type { HttpMethod as HttpMethodType } from '@scalar/helpers/http/http-methods'\nimport { executeHook, type ClientPlugin } from '@scalar/oas-utils/helpers'\nimport {\n  AVAILABLE_CLIENTS,\n  type AvailableClients,\n} from '@scalar/types/snippetz'\nimport { useToasts } from '@scalar/use-toasts'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { SelectedSecurity } from '@scalar/workspace-store/entities/auth'\nimport type { HistoryEntry } from '@scalar/workspace-store/entities/history/schema'\nimport type {\n  AuthMeta,\n  ServerMeta,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport {\n  buildRequest,\n  createVariablesStoreForRequest,\n  getEnvironmentVariables,\n  requestFactory,\n  type MergedSecuritySchemes,\n  type RequestPayload,\n  type SecuritySchemeObjectSecret,\n} from '@scalar/workspace-store/request-example'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { XScalarCookie } from '@scalar/workspace-store/schemas/extensions/general/x-scalar-cookies'\nimport type {\n  OpenApiDocument,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport type { OperationObject } from '@scalar/workspace-store/schemas/v3.1/strict/operation'\nimport { computed, onBeforeUnmount, onMounted, ref, toValue, watch } from 'vue'\n\nimport ViewLayout from '@/components/ViewLayout/ViewLayout.vue'\nimport ViewLayoutContent from '@/components/ViewLayout/ViewLayoutContent.vue'\nimport { harToFetchRequest } from '@/v2/blocks/operation-block/helpers/har-to-fetch-request'\nimport { harToFetchResponse } from '@/v2/blocks/operation-block/helpers/har-to-fetch-response'\nimport {\n  getOperationExampleKey,\n  isStreamingResponse,\n  responseCache,\n} from '@/v2/blocks/operation-block/helpers/response-cache'\nimport {\n  sendRequest,\n  type ResponseInstance,\n} from '@/v2/blocks/operation-block/helpers/send-request'\nimport { validatePathParameters } from '@/v2/blocks/operation-block/helpers/validate-path-parameters'\nimport { generateClientOptions } from '@/v2/blocks/operation-code-sample'\nimport { RequestBlock } from '@/v2/blocks/request-block'\nimport { ResponseBlock } from '@/v2/blocks/response-block'\nimport { type History } from '@/v2/blocks/scalar-address-bar-block'\nimport type { ModalProps } from '@/v2/features/modal/Modal.vue'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nimport Header from './components/Header.vue'\n\nconst {\n  authMeta,\n  environment,\n  eventBus,\n  exampleKey,\n  document,\n  workspaceCookies = [],\n  documentCookies = [],\n  hideClientButton,\n  httpClients = AVAILABLE_CLIENTS,\n  history = [],\n  method,\n  operation,\n  path,\n  plugins = [],\n  proxyUrl,\n  requestBodyCompositionSelection,\n  securitySchemes,\n  selectedClient,\n  server,\n  environments,\n  options,\n  activeEnvironment,\n  serverMeta,\n  selectedSecurity,\n  selectedSecuritySchemes,\n  securityRequirements,\n  defaultHeaders,\n} = defineProps<OperationBlockProps>()\n\n/** Hoist up client generation so it doesn't get re-generated on every operation */\nconst clientOptions = computed(() => generateClientOptions(httpClients))\n\nconst { toast } = useToasts()\n\n// Refs\nconst abortController = ref<AbortController | null>(null)\nconst response = ref<ResponseInstance | null>(null)\nconst requestPayload = ref<RequestPayload | null>(null)\n\n/** Cancel the request */\nconst cancelRequest = () => abortController.value?.abort(ERRORS.REQUEST_ABORTED)\n\n/** Execute the current operation example */\nconst handleExecute = async () => {\n  const pathValidation = validatePathParameters(\n    operation.parameters ?? [],\n    exampleKey,\n  )\n  if (pathValidation.ok === false) {\n    toast('Path parameters must have values.', 'error')\n    return\n  }\n\n  const globalCookies = [...workspaceCookies, ...documentCookies]\n\n  const { request: requestBuilder } = requestFactory({\n    defaultHeaders,\n    environment,\n    exampleName: exampleKey,\n    globalCookies,\n    method,\n    operation,\n    path,\n    proxyUrl,\n    server,\n    selectedSecuritySchemes,\n    isElectron: isElectron(),\n    requestBodyCompositionSelection,\n  })\n\n  // Stop any previous streaming response\n  if (response.value && 'reader' in response.value) {\n    response.value.reader.cancel()\n  }\n\n  const variablesStore = createVariablesStoreForRequest()\n\n  // Execute the beforeRequest hook (plugins receive RequestFactory, not fetch Request)\n  await executeHook(\n    {\n      requestBuilder,\n      document,\n      operation,\n      variablesStore,\n    },\n    'beforeRequest',\n    plugins,\n  )\n\n  const envVariables = {\n    ...getEnvironmentVariables(environment),\n    ...variablesStore.getVariables(),\n  }\n\n  // Build the fetch Request after hooks may have mutated the factory\n  const requestResult = (() => {\n    try {\n      return {\n        ok: true,\n        result: buildRequest(requestBuilder, {\n          envVariables,\n        }),\n      } as const\n    } catch (error) {\n      const message = error instanceof Error ? error.message : String(error)\n      return {\n        ok: false,\n        error: message,\n      } as const\n    }\n  })()\n\n  if (requestResult.ok === false) {\n    toast(requestResult.error, 'error')\n    return\n  }\n\n  // Store the abort controller for cancellation\n  abortController.value = requestResult.result.controller\n\n  // Execute the hooks\n  eventBus.emit('hooks:on:request:sent', {\n    meta: {\n      method,\n      path,\n      exampleKey,\n    },\n  })\n\n  /** Execute the request */\n  const [sendError, sendResult] = await sendRequest({\n    isUsingProxy: requestResult.result.isUsingProxy,\n    requestPayload: requestResult.result.requestPayload,\n    plugins,\n    customFetch: toValue(options)?.customFetch,\n  })\n\n  if (sendResult) {\n    // Execute the responseReceived hook\n    await executeHook(\n      {\n        response: sendResult.originalResponse.clone(),\n        requestBuilder,\n        request: buildSafeBodyRequest(...sendResult.requestPayload),\n        document,\n        operation,\n        variablesStore,\n      },\n      'responseReceived',\n      plugins,\n    )\n  }\n\n  // Execute the hooks\n  eventBus.emit('hooks:on:request:complete', {\n    payload: sendResult\n      ? {\n          response: sendResult.originalResponse.clone(),\n          requestPayload: sendResult.requestPayload,\n          duration: sendResult.response.duration,\n          timestamp: sendResult.timestamp,\n        }\n      : undefined,\n    meta: {\n      method,\n      path,\n      exampleKey,\n    },\n  })\n\n  if (sendError) {\n    // clean up the response and request\n    response.value = null\n    requestPayload.value = null\n    abortController.value = null\n\n    toast(sendError.message, 'error')\n    return\n  }\n\n  // Store the response\n  response.value = sendResult.response\n  requestPayload.value = sendResult.requestPayload\n\n  // Cache non-streaming responses so they can be restored when navigating back\n  if (!isStreamingResponse(sendResult.response)) {\n    responseCache.set(getOperationExampleKey(method, path, exampleKey), {\n      response: sendResult.response,\n      requestPayload: sendResult.requestPayload,\n    })\n  }\n}\n\nonMounted(() => {\n  eventBus.on('operation:send:request:hotkey', handleExecute)\n  eventBus.on('operation:cancel:request', cancelRequest)\n})\nonBeforeUnmount(() => {\n  eventBus.off('operation:send:request:hotkey', handleExecute)\n  eventBus.off('operation:cancel:request', cancelRequest)\n})\n\nconst operationHistory = computed<History[]>(() =>\n  history\n    .map((entry) => ({\n      method: entry.request.method as HttpMethodType,\n      path: entry.request.url,\n      duration: entry.time,\n      status: entry.response.status,\n    }))\n    .reverse(),\n)\n\nconst handleSelectHistoryItem = ({ index }: { index: number }) => {\n  const transformedIndex = (history.length ?? 0) - index - 1\n  const historyItem = history[transformedIndex]\n  if (!historyItem) {\n    return\n  }\n\n  const navigate = () =>\n    eventBus.emit('ui:navigate', {\n      page: 'example',\n      method,\n      path,\n      exampleName: 'draft',\n      callback: (status) => {\n        // Do not replace the response if the navigation was not successful\n        if (status !== 'success') {\n          return\n        }\n        // Reconstruct the response\n        const fetchResponse = harToFetchResponse({\n          harResponse: historyItem.response,\n          url: historyItem.request.url,\n          method,\n          path,\n          duration: historyItem.time,\n        })\n\n        // Reconstruct the request\n        const fetchRequest = harToFetchRequest({\n          harRequest: historyItem.request,\n        })\n\n        // Update the response and request\n        response.value = fetchResponse\n        requestPayload.value = fetchRequest\n      },\n    })\n\n  eventBus.emit('operation:reload:history', {\n    meta: {\n      path,\n      method,\n    },\n    index: transformedIndex,\n    callback: navigate,\n  })\n}\n\n/**\n * When the path, method, or example key changes: save current response to\n * cache (so it can be restored when navigating back), then restore from cache\n * for the new operation or clear if no cached response. Response is only\n * cleared on page refresh or when making a new request for that operation.\n */\nwatch(\n  [() => path, () => method, () => exampleKey],\n  ([newPath, newMethod, newExampleKey]) => {\n    const newKey = getOperationExampleKey(newMethod, newPath, newExampleKey)\n    const cached = responseCache.get(newKey)\n    if (cached) {\n      response.value = cached.response\n      requestPayload.value = cached.requestPayload\n    } else {\n      response.value = null\n      requestPayload.value = null\n    }\n\n    // Cancel any in-flight request\n    cancelRequest()\n  },\n  { immediate: true },\n)\n\nonBeforeUnmount(() => {\n  // We cancel the request if the component is unmounted\n  cancelRequest()\n})\n</script>\n<template>\n  <div class=\"bg-b-1 flex h-full flex-col\">\n    <div\n      class=\"lg:min-h-header flex w-full flex-wrap items-center justify-center p-2 lg:p-0\">\n      <!-- Address Bar -->\n      <Header\n        :activeEnvironment\n        :documentUrl\n        :environment\n        :environments\n        :eventBus\n        :hideClientButton\n        :history=\"operationHistory\"\n        :integration\n        :layout\n        :method\n        :path\n        :server\n        :serverMeta\n        :servers\n        :source\n        @execute=\"handleExecute\"\n        @select:history:item=\"handleSelectHistoryItem\" />\n    </div>\n\n    <ViewLayout class=\"border-t\">\n      <ViewLayoutContent class=\"flex-1\">\n        <!-- Request Section -->\n        <RequestBlock\n          :authMeta\n          :clientOptions\n          :defaultHeaders\n          :documentCookies\n          :environment\n          :eventBus\n          :exampleKey\n          :layout\n          :method\n          :operation\n          :options=\"toValue(options)\"\n          :path\n          :plugins\n          :proxyUrl\n          :requestBodyCompositionSelection\n          :securityRequirements\n          :securitySchemes\n          :selectedClient\n          :selectedSecurity\n          :selectedSecuritySchemes\n          :server\n          :workspaceCookies />\n\n        <!-- Response Section -->\n        <ResponseBlock\n          :appVersion\n          :eventBus\n          :layout\n          :plugins\n          :requestPayload\n          :response\n          :totalPerformedRequests=\"operationHistory.length\" />\n      </ViewLayoutContent>\n    </ViewLayout>\n  </div>\n</template>\n"],"mappings":""}

package/dist/v2/blocks/operation-block/OperationBlock.vue.script.js

@@ -12,6 +12,7 @@ import Header_default from "./components/Header.vue.js";
 import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, onBeforeUnmount, onMounted, openBlock, ref, toValue, unref, watch, withCtx } from "vue";
 import { ERRORS } from "@scalar/helpers/errors/normalize-error";
 import { isElectron } from "@scalar/helpers/general/is-electron";
+import { buildSafeBodyRequest } from "@scalar/helpers/http/can-method-have-body";
 import { executeHook } from "@scalar/oas-utils/helpers";
 import { AVAILABLE_CLIENTS } from "@scalar/types/snippetz";
 import { useToasts } from "@scalar/use-toasts";
@@ -62,7 +63,7 @@ var OperationBlock_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		const { toast } = useToasts();
 		const abortController = ref(null);
 		const response = ref(null);
-		const request = ref(null);
+		const requestPayload = ref(null);
 		/** Cancel the request */
 		const cancelRequest = () => abortController.value?.abort(ERRORS.REQUEST_ABORTED);
 		/** Execute the current operation example */
@@ -124,12 +125,14 @@ var OperationBlock_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			/** Execute the request */
 			const [sendError, sendResult] = await sendRequest({
 				isUsingProxy: requestResult.result.isUsingProxy,
-				request: requestResult.result.request
+				requestPayload: requestResult.result.requestPayload,
+				plugins: __props.plugins,
+				customFetch: toValue(__props.options)?.customFetch
 			});
 			if (sendResult) await executeHook({
 				response: sendResult.originalResponse.clone(),
 				requestBuilder,
-				request: sendResult.request.clone(),
+				request: buildSafeBodyRequest(...sendResult.requestPayload),
 				document: __props.document,
 				operation: __props.operation,
 				variablesStore
@@ -137,7 +140,7 @@ var OperationBlock_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			__props.eventBus.emit("hooks:on:request:complete", {
 				payload: sendResult ? {
 					response: sendResult.originalResponse.clone(),
-					request: sendResult.request.clone(),
+					requestPayload: sendResult.requestPayload,
 					duration: sendResult.response.duration,
 					timestamp: sendResult.timestamp
 				} : void 0,
@@ -149,16 +152,16 @@ var OperationBlock_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			});
 			if (sendError) {
 				response.value = null;
-				request.value = null;
+				requestPayload.value = null;
 				abortController.value = null;
 				toast(sendError.message, "error");
 				return;
 			}
 			response.value = sendResult.response;
-			request.value = sendResult.request;
+			requestPayload.value = sendResult.requestPayload;
 			if (!isStreamingResponse(sendResult.response)) responseCache.set(getOperationExampleKey(__props.method, __props.path, __props.exampleKey), {
 				response: sendResult.response,
-				request: sendResult.request
+				requestPayload: sendResult.requestPayload
 			});
 		};
 		onMounted(() => {
@@ -195,7 +198,7 @@ var OperationBlock_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 					});
 					const fetchRequest = harToFetchRequest({ harRequest: historyItem.request });
 					response.value = fetchResponse;
-					request.value = fetchRequest;
+					requestPayload.value = fetchRequest;
 				}
 			});
 			__props.eventBus.emit("operation:reload:history", {
@@ -222,10 +225,10 @@ var OperationBlock_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			const cached = responseCache.get(newKey);
 			if (cached) {
 				response.value = cached.response;
-				request.value = cached.request;
+				requestPayload.value = cached.requestPayload;
 			} else {
 				response.value = null;
-				request.value = null;
+				requestPayload.value = null;
 			}
 			cancelRequest();
 		}, { immediate: true });
@@ -320,7 +323,7 @@ var OperationBlock_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 						eventBus: __props.eventBus,
 						layout: __props.layout,
 						plugins: __props.plugins,
-						request: request.value,
+						requestPayload: requestPayload.value,
 						response: response.value,
 						totalPerformedRequests: operationHistory.value.length
 					}, null, 8, [
@@ -328,7 +331,7 @@ var OperationBlock_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 						"eventBus",
 						"layout",
 						"plugins",
-						"request",
+						"requestPayload",
 						"response",
 						"totalPerformedRequests"
 					])]),