@scalar/api-reference 1.25.115 → 1.25.118

package/dist/features/ExampleResponses/ExampleResponses.vue.js

@@ -1,7 +1,7 @@
 import o from "./ExampleResponses.vue2.js";
 /* empty css                      */
-import e from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-77e1a07c"]]);
+import p from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ p(o, [["__scopeId", "data-v-d84b9039"]]);
 export {
-  a as default
+  m as default
 };

package/dist/features/ExampleResponses/ExampleResponses.vue2.js

@@ -1,170 +1,165 @@
-import { defineComponent as N, useId as F, ref as S, computed as v, openBlock as t, createBlock as r, unref as o, withCtx as u, createVNode as h, createElementBlock as x, createCommentVNode as f, createTextVNode as w, withDirectives as I, createElementVNode as _, vModelCheckbox as O, Fragment as R, renderList as A, toDisplayString as D } from "vue";
-import { ScalarIcon as P, ScalarCodeBlock as U, ScalarMarkdown as H } from "@scalar/components";
-import { normalizeMimeTypeObject as J } from "@scalar/oas-utils/helpers";
-import { useClipboard as K } from "@scalar/use-hooks/useClipboard";
+import { defineComponent as M, useId as N, ref as C, computed as d, openBlock as o, createBlock as r, unref as l, withCtx as u, createVNode as y, createElementBlock as v, createCommentVNode as x, createTextVNode as R, withDirectives as F, createElementVNode as E, vModelCheckbox as I, Fragment as _, renderList as O, toDisplayString as A } from "vue";
+import { ScalarIcon as D, ScalarCodeBlock as P, ScalarMarkdown as U } from "@scalar/components";
+import { normalizeMimeTypeObject as H } from "@scalar/oas-utils/helpers";
+import { useClipboard as J } from "@scalar/use-hooks/useClipboard";
 import T from "./ExampleResponse.vue.js";
-import L from "../../components/Card/Card.vue.js";
-import W from "../../components/Card/CardTabHeader.vue.js";
-import q from "../../components/Card/CardTab.vue.js";
-import G from "../../components/Card/CardContent.vue.js";
-import Q from "../../components/Card/CardFooter.vue.js";
-import X from "../ExampleRequest/ExamplePicker.vue.js";
-const Y = {
+import K from "../../components/Card/Card.vue.js";
+import L from "../../components/Card/CardTabHeader.vue.js";
+import W from "../../components/Card/CardTab.vue.js";
+import q from "../../components/Card/CardContent.vue.js";
+import G from "../../components/Card/CardFooter.vue.js";
+import Q from "../ExampleRequest/ExamplePicker.vue.js";
+const X = {
   key: 1,
   class: "scalar-card-checkbox"
-}, Z = ["aria-controls"], $ = { class: "scalar-card-container custom-scroll" }, z = {
+}, Y = ["aria-controls"], Z = { class: "scalar-card-container custom-scroll" }, $ = {
   key: 1,
   class: "response-description"
-}, ie = /* @__PURE__ */ N({
+}, pe = /* @__PURE__ */ M({
   __name: "ExampleResponses",
   props: {
-    operation: {}
+    responses: {}
   },
-  setup(V) {
-    const k = V, c = F(), { copyToClipboard: j } = K(), p = S(), C = v(
-      () => {
-        var a, e;
-        return Object.keys(((e = (a = k == null ? void 0 : k.operation) == null ? void 0 : a.information) == null ? void 0 : e.responses) ?? {}).sort();
-      }
-    ), y = v(
-      () => !!l.value.examples
-    ), g = S(0), i = v(() => {
-      var e, m;
-      const a = C.value[g.value];
-      return (m = (e = k.operation.information) == null ? void 0 : e.responses) == null ? void 0 : m[a];
-    }), l = v(() => {
-      var e;
-      const a = J(
-        (e = i.value) == null ? void 0 : e.content
+  setup(S) {
+    const c = N(), { copyToClipboard: V } = J(), p = C(), b = d(() => Object.keys(S.responses ?? {}).sort()), k = d(
+      () => !!s.value.examples
+    ), g = C(0), i = d(() => {
+      var a;
+      const e = b.value[g.value];
+      return (a = S.responses) == null ? void 0 : a[e];
+    }), s = d(() => {
+      var a;
+      const e = H(
+        (a = i.value) == null ? void 0 : a.content
       );
       return (
         // OpenAPI 3.x
-        (a == null ? void 0 : a["application/json"]) ?? (a == null ? void 0 : a["text/plain"]) ?? // Swagger 2.0
+        (e == null ? void 0 : e["application/json"]) ?? (e == null ? void 0 : e["application/xml"]) ?? (e == null ? void 0 : e["text/plain"]) ?? (e == null ? void 0 : e["text/html"]) ?? // Swagger 2.0
         i.value
       );
-    }), B = () => {
-      if (y.value) {
-        if (Array.isArray(l.value.examples))
-          return l.value.examples[0];
+    }), j = () => {
+      if (k.value) {
+        if (Array.isArray(s.value.examples))
+          return s.value.examples[0];
         {
-          const a = Object.keys(l.value.examples)[0];
-          return l.value.examples[a];
+          const e = Object.keys(s.value.examples)[0];
+          return s.value.examples[e];
         }
-      } else return l.value.example;
-    }, b = v(() => ({
-      ...l.value,
-      example: y.value && p.value ? l.value.examples[p.value].value ?? l.value.examples[p.value] : B()
-    })), M = (a) => {
-      g.value = a, p.value = void 0;
-    }, E = S(!1);
-    return (a, e) => C.value.length ? (t(), r(o(L), { key: 0 }, {
+      } else return s.value.example;
+    }, f = d(() => ({
+      ...s.value,
+      example: k.value && p.value ? s.value.examples[p.value].value ?? s.value.examples[p.value] : j()
+    })), B = (e) => {
+      g.value = e, p.value = void 0;
+    }, h = C(!1);
+    return (e, a) => b.value.length ? (o(), r(l(K), { key: 0 }, {
       default: u(() => {
-        var m;
+        var w;
         return [
-          h(o(W), {
+          y(l(L), {
             muted: "",
             x: "as",
-            onChange: M
+            onChange: B
           }, {
             actions: u(() => {
-              var s, d;
+              var t, m;
               return [
-                (s = l.value) != null && s.example ? (t(), x("button", {
+                (t = s.value) != null && t.example ? (o(), v("button", {
                   key: 0,
                   class: "code-copy",
                   type: "button",
-                  onClick: e[0] || (e[0] = () => {
+                  onClick: a[0] || (a[0] = () => {
                     var n;
-                    return o(j)((n = l.value) == null ? void 0 : n.example);
+                    return l(V)((n = s.value) == null ? void 0 : n.example);
                   })
                 }, [
-                  h(o(P), {
+                  y(l(D), {
                     icon: "Clipboard",
                     width: "12px"
                   })
-                ])) : f("", !0),
-                (d = l.value) != null && d.schema ? (t(), x("label", Y, [
-                  e[3] || (e[3] = w(" Show Schema ")),
-                  I(_("input", {
-                    "onUpdate:modelValue": e[1] || (e[1] = (n) => E.value = n),
-                    "aria-controls": o(c),
+                ])) : x("", !0),
+                (m = s.value) != null && m.schema ? (o(), v("label", X, [
+                  a[3] || (a[3] = R(" Show Schema ")),
+                  F(E("input", {
+                    "onUpdate:modelValue": a[1] || (a[1] = (n) => h.value = n),
+                    "aria-controls": l(c),
                     class: "scalar-card-checkbox-input",
                     type: "checkbox"
-                  }, null, 8, Z), [
-                    [O, E.value]
+                  }, null, 8, Y), [
+                    [I, h.value]
                   ]),
-                  e[4] || (e[4] = _("span", { class: "scalar-card-checkbox-checkmark" }, null, -1))
-                ])) : f("", !0)
+                  a[4] || (a[4] = E("span", { class: "scalar-card-checkbox-checkmark" }, null, -1))
+                ])) : x("", !0)
               ];
             }),
             default: u(() => [
-              (t(!0), x(R, null, A(C.value, (s) => (t(), r(o(q), {
-                key: s,
-                "aria-controls": o(c)
+              (o(!0), v(_, null, O(b.value, (t) => (o(), r(l(W), {
+                key: t,
+                "aria-controls": l(c)
               }, {
                 default: u(() => [
-                  w(D(s), 1)
+                  R(A(t), 1)
                 ]),
                 _: 2
               }, 1032, ["aria-controls"]))), 128))
             ]),
             _: 1
           }),
-          _("div", $, [
-            h(o(G), { muted: "" }, {
+          E("div", Z, [
+            y(l(q), { muted: "" }, {
               default: u(() => {
-                var s;
+                var t;
                 return [
-                  (s = l.value) != null && s.schema ? (t(), x(R, { key: 0 }, [
-                    E.value && b.value ? (t(), r(o(U), {
+                  (t = s.value) != null && t.schema ? (o(), v(_, { key: 0 }, [
+                    h.value && f.value ? (o(), r(l(P), {
                       key: 0,
-                      id: o(c),
-                      content: b.value,
+                      id: l(c),
+                      content: f.value,
                       lang: "json"
-                    }, null, 8, ["id", "content"])) : (t(), r(T, {
+                    }, null, 8, ["id", "content"])) : (o(), r(T, {
                       key: 1,
-                      id: o(c),
-                      response: b.value
+                      id: l(c),
+                      response: f.value
                     }, null, 8, ["id", "response"]))
-                  ], 64)) : (t(), r(T, {
+                  ], 64)) : (o(), r(T, {
                     key: 1,
-                    id: o(c),
-                    response: b.value
+                    id: l(c),
+                    response: f.value
                   }, null, 8, ["id", "response"]))
                 ];
               }),
               _: 1
             })
           ]),
-          (m = i.value) != null && m.description || y.value ? (t(), r(o(Q), {
+          (w = i.value) != null && w.description || k.value ? (o(), r(l(G), {
             key: 0,
             class: "response-card-footer",
             muted: ""
           }, {
             default: u(() => {
-              var s, d;
+              var t, m;
               return [
-                y.value ? (t(), r(o(X), {
+                k.value ? (o(), r(l(Q), {
                   key: 0,
                   class: "response-example-selector",
-                  examples: (s = l.value) == null ? void 0 : s.examples,
-                  "onUpdate:modelValue": e[2] || (e[2] = (n) => p.value = n)
-                }, null, 8, ["examples"])) : (d = i.value) != null && d.description ? (t(), x("div", z, [
-                  h(o(H), {
+                  examples: (t = s.value) == null ? void 0 : t.examples,
+                  "onUpdate:modelValue": a[2] || (a[2] = (n) => p.value = n)
+                }, null, 8, ["examples"])) : (m = i.value) != null && m.description ? (o(), v("div", $, [
+                  y(l(U), {
                     class: "markdown",
                     value: i.value.description
                   }, null, 8, ["value"])
-                ])) : f("", !0)
+                ])) : x("", !0)
               ];
             }),
             _: 1
-          })) : f("", !0)
+          })) : x("", !0)
         ];
       }),
       _: 1
-    })) : f("", !0);
+    })) : x("", !0);
   }
 });
 export {
-  ie as default
+  pe as default
 };

package/dist/features/Operation/Operation.vue.d.ts

@@ -1,12 +1,11 @@
-import { type WorkspaceStore } from '@scalar/api-client/store';
+import type { Collection, Server } from '@scalar/oas-utils/entities/spec';
 import type { TransformedOperation } from '@scalar/types/legacy';
 type __VLS_Props = {
     id?: string;
     layout?: 'modern' | 'classic';
-    operation: TransformedOperation;
-    requests: WorkspaceStore['requests'];
-    requestExamples: WorkspaceStore['requestExamples'];
-    securitySchemes: WorkspaceStore['securitySchemes'];
+    transformedOperation: TransformedOperation;
+    collection: Collection | undefined;
+    server: Server | undefined;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/features/Operation/Operation.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Operation.vue.d.ts","sourceRoot":"","sources":["../../../src/features/Operation/Operation.vue"],"names":[],"mappings":"AAmFA,OAAO,EAEL,KAAK,cAAc,EAEpB,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAShE,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IAC7B,SAAS,EAAE,oBAAoB,CAAA;IAC/B,QAAQ,EAAE,cAAc,CAAC,UAAU,CAAC,CAAA;IACpC,eAAe,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAA;IAClD,eAAe,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAA;CACnD,CAAC;;AA8GF,wBAMG"}
+{"version":3,"file":"Operation.vue.d.ts","sourceRoot":"","sources":["../../../src/features/Operation/Operation.vue"],"names":[],"mappings":"AAqEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AACzE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAOhE,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IAC7B,oBAAoB,EAAE,oBAAoB,CAAA;IAC1C,UAAU,EAAE,UAAU,GAAG,SAAS,CAAA;IAClC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;CAC3B,CAAC;;AAmGF,wBAMG"}

package/dist/features/Operation/Operation.vue.js

@@ -1,53 +1,46 @@
-import { defineComponent as m, inject as p, openBlock as n, createBlock as a, unref as t } from "vue";
-import { getPointer as d } from "../../blocks/helpers/getPointer.js";
-import { useBlockProps as q } from "../../blocks/hooks/useBlockProps.js";
-import { useActiveEntities as y, WORKSPACE_SYMBOL as f } from "@scalar/api-client/store";
-import { useRequestExample as E } from "./hooks/useRequestExample.js";
-import C from "./layouts/ClassicLayout.vue.js";
-import h from "./layouts/ModernLayout.vue.js";
-const M = /* @__PURE__ */ m({
+import { defineComponent as s, unref as r, openBlock as t, createElementBlock as l, Fragment as p, createBlock as a, createCommentVNode as m } from "vue";
+import { getPointer as c } from "../../blocks/helpers/getPointer.js";
+import { useBlockProps as d } from "../../blocks/hooks/useBlockProps.js";
+import { useWorkspace as f } from "@scalar/api-client/store";
+import u from "./layouts/ClassicLayout.vue.js";
+import O from "./layouts/ModernLayout.vue.js";
+const g = /* @__PURE__ */ s({
   __name: "Operation",
   props: {
     id: {},
     layout: { default: "modern" },
-    operation: {},
-    requests: {},
-    requestExamples: {},
-    securitySchemes: {}
+    transformedOperation: {},
+    collection: {},
+    server: {}
   },
-  setup(e) {
-    const { activeCollection: u, activeServer: c } = y(), { request: o, secretCredentials: s } = E({
-      operation: e.operation,
-      collection: u,
-      requests: e.requests,
-      requestExamples: e.requestExamples,
-      securitySchemes: e.securitySchemes,
-      server: c
-    }), l = p(f), { operation: i } = q({
-      store: l,
-      location: d([
+  setup(n) {
+    const i = f(), { operation: o } = d({
+      store: i,
+      location: c([
         "paths",
-        e.operation.path,
-        e.operation.httpVerb.toLowerCase()
+        n.transformedOperation.path,
+        n.transformedOperation.httpVerb.toLowerCase()
       ])
     });
-    return (r, S) => r.layout === "classic" ? (n(), a(C, {
-      key: 0,
-      id: r.id,
-      operation: r.operation,
-      request: t(o),
-      requestEntity: t(i),
-      secretCredentials: t(s)
-    }, null, 8, ["id", "operation", "request", "requestEntity", "secretCredentials"])) : (n(), a(h, {
-      key: 1,
-      id: r.id,
-      operation: r.operation,
-      request: t(o),
-      requestEntity: t(i),
-      secretCredentials: t(s)
-    }, null, 8, ["id", "operation", "request", "requestEntity", "secretCredentials"]));
+    return (e, k) => e.collection && r(o) ? (t(), l(p, { key: 0 }, [
+      e.layout === "classic" ? (t(), a(u, {
+        key: 0,
+        id: e.id,
+        collection: e.collection,
+        operation: r(o),
+        server: e.server,
+        transformedOperation: e.transformedOperation
+      }, null, 8, ["id", "collection", "operation", "server", "transformedOperation"])) : (t(), a(O, {
+        key: 1,
+        id: e.id,
+        collection: e.collection,
+        operation: r(o),
+        server: e.server,
+        transformedOperation: e.transformedOperation
+      }, null, 8, ["id", "collection", "operation", "server", "transformedOperation"]))
+    ], 64)) : m("", !0);
   }
 });
 export {
-  M as default
+  g as default
 };

package/dist/features/Operation/layouts/ClassicLayout.vue.d.ts

@@ -1,12 +1,12 @@
-import type { Request as RequestEntity } from '@scalar/oas-utils/entities/spec';
+import type { Collection, Operation, Server } from '@scalar/oas-utils/entities/spec';
 import type { TransformedOperation } from '@scalar/types/legacy';
 type __VLS_Props = {
     id?: string;
-    requestEntity?: RequestEntity;
-    /** @deprecated Use `requestEntity` instead */
-    operation: TransformedOperation;
-    request: Request | null;
-    secretCredentials: string[];
+    collection: Collection;
+    server: Server | undefined;
+    operation: Operation;
+    /** @deprecated Use `operation` instead */
+    transformedOperation: TransformedOperation;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/features/Operation/layouts/ClassicLayout.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClassicLayout.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/layouts/ClassicLayout.vue"],"names":[],"mappings":"AA0TA,OAAO,KAAK,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iCAAiC,CAAA;AAC/E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAQhE,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,8CAA8C;IAC9C,SAAS,EAAE,oBAAoB,CAAA;IAC/B,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;IACvB,iBAAiB,EAAE,MAAM,EAAE,CAAA;CAC5B,CAAC;;AAsQF,wBAOG"}
+{"version":3,"file":"ClassicLayout.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/layouts/ClassicLayout.vue"],"names":[],"mappings":"AAiUA,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,MAAM,EACP,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAQhE,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,UAAU,EAAE,UAAU,CAAA;IACtB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,SAAS,EAAE,SAAS,CAAA;IACpB,0CAA0C;IAC1C,oBAAoB,EAAE,oBAAoB,CAAA;CAC3C,CAAC;;AAsQF,wBAOG"}

package/dist/features/Operation/layouts/ClassicLayout.vue.js

@@ -1,7 +1,7 @@
 import o from "./ClassicLayout.vue2.js";
 /* empty css                   */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d26002b4"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e104650f"]]);
 export {
-  m as default
+  f as default
 };

package/dist/features/Operation/layouts/ClassicLayout.vue2.js

@@ -1,66 +1,66 @@
-import { defineComponent as y, openBlock as a, createBlock as s, unref as o, createSlots as C, withCtx as n, createElementVNode as t, createVNode as i, toDisplayString as c, normalizeClass as _, createTextVNode as v, createCommentVNode as m, withModifiers as q } from "vue";
+import { defineComponent as v, openBlock as a, createBlock as s, unref as e, createSlots as y, withCtx as n, createElementVNode as t, createVNode as r, toDisplayString as m, normalizeClass as O, createTextVNode as _, createCommentVNode as c, withModifiers as C } from "vue";
 import b from "../../../components/OperationPath.vue.js";
 import { useConfig as k } from "../../../hooks/useConfig.js";
-import { ScalarIcon as g, ScalarIconButton as E, ScalarMarkdown as S } from "@scalar/components";
-import { useClipboard as B } from "@scalar/use-hooks/useClipboard";
-import R from "../components/OperationParameters.vue.js";
-import V from "../components/OperationResponses.vue.js";
-import w from "../../../components/Section/SectionAccordion.vue.js";
-import I from "../../../components/HttpMethod/HttpMethod.vue.js";
-import N from "../../../components/Anchor/Anchor.vue.js";
-import { isOperationDeprecated as O, getOperationStability as u, getOperationStabilityColor as T } from "../../../helpers/operation.js";
-import $ from "../../../components/Badge/Badge.vue.js";
+import { ScalarIcon as g, ScalarIconButton as S, ScalarMarkdown as B } from "@scalar/components";
+import { useClipboard as R } from "@scalar/use-hooks/useClipboard";
+import w from "../components/OperationParameters.vue.js";
+import I from "../components/OperationResponses.vue.js";
+import N from "../../../components/Section/SectionAccordion.vue.js";
+import T from "../../../components/HttpMethod/HttpMethod.vue.js";
+import V from "../../../components/Anchor/Anchor.vue.js";
+import { isOperationDeprecated as $, getOperationStability as f, getOperationStabilityColor as q } from "../../../helpers/operation.js";
+import E from "../../../components/Badge/Badge.vue.js";
 import z from "../../TestRequestButton/TestRequestButton.vue.js";
 import A from "../../ExampleResponses/ExampleResponses.vue.js";
 import D from "../../ExampleRequest/ExampleRequest.vue.js";
-const L = { class: "operation-title" }, M = { class: "operation-details" }, P = { class: "endpoint-label" }, U = { class: "endpoint-label-path" }, j = { class: "endpoint-label-name" }, F = { class: "endpoint-content" }, G = { class: "operation-details-card" }, H = { class: "operation-details-card-item" }, J = { class: "operation-details-card-item" }, de = /* @__PURE__ */ y({
+const L = { class: "operation-title" }, M = { class: "operation-details" }, P = { class: "endpoint-label" }, U = { class: "endpoint-label-path" }, j = { class: "endpoint-label-name" }, F = { class: "endpoint-content" }, G = { class: "operation-details-card" }, H = { class: "operation-details-card-item" }, J = { class: "operation-details-card-item" }, mo = /* @__PURE__ */ v({
   __name: "ClassicLayout",
   props: {
     id: {},
-    requestEntity: {},
+    collection: {},
+    server: {},
     operation: {},
-    request: {},
-    secretCredentials: {}
+    transformedOperation: {}
   },
   setup(K) {
-    const { copyToClipboard: f } = B(), h = k();
-    return (e, p) => {
+    const { copyToClipboard: u } = R(), h = k();
+    return (o, p) => {
       var l;
-      return a(), s(o(w), {
-        id: e.id,
+      return a(), s(e(N), {
+        id: o.id,
         class: "reference-endpoint",
         transparent: ""
-      }, C({
+      }, y({
         title: n(() => [
           t("h3", L, [
             t("div", M, [
-              i(o(I), {
+              r(e(T), {
                 class: "endpoint-type",
-                method: e.operation.httpVerb,
+                method: o.operation.method,
                 short: ""
               }, null, 8, ["method"]),
-              i(o(N), {
-                id: e.id ?? "",
+              r(e(V), {
+                id: o.id ?? "",
                 class: "endpoint-anchor"
               }, {
                 default: n(() => [
                   t("div", P, [
                     t("div", U, [
-                      i(b, {
-                        deprecated: o(O)(e.operation),
-                        path: e.operation.path
+                      r(b, {
+                        deprecated: e($)(o.transformedOperation),
+                        path: o.operation.path
                       }, null, 8, ["deprecated", "path"])
                     ]),
-                    t("div", j, c(e.operation.name), 1),
-                    o(u)(e.operation) ? (a(), s(o($), {
+                    t("div", j, m(o.transformedOperation.name), 1),
+                    e(f)(o.transformedOperation) ? (a(), s(e(E), {
                       key: 0,
-                      class: _(o(T)(e.operation))
+                      class: O(e(q)(o.transformedOperation))
                     }, {
                       default: n(() => [
-                        v(c(o(u)(e.operation)), 1)
+                        _(m(e(f)(o.transformedOperation)), 1)
                       ]),
                       _: 1
-                    }, 8, ["class"])) : m("", !0)
+                    }, 8, ["class"])) : c("", !0)
                   ])
                 ]),
                 _: 1
@@ -68,25 +68,25 @@ const L = { class: "operation-title" }, M = { class: "operation-details" }, P =
             ])
           ])
         ]),
-        actions: n(({ active: r }) => {
+        actions: n(({ active: i }) => {
           var d;
           return [
-            r ? (a(), s(o(z), {
+            i ? (a(), s(e(z), {
               key: 0,
-              operation: e.requestEntity
-            }, null, 8, ["operation"])) : (d = o(h)) != null && d.hideTestRequestButton ? m("", !0) : (a(), s(o(g), {
+              operation: o.operation
+            }, null, 8, ["operation"])) : (d = e(h)) != null && d.hideTestRequestButton ? c("", !0) : (a(), s(e(g), {
               key: 1,
               class: "endpoint-try-hint",
               icon: "Play",
               thickness: "1.75px"
             })),
-            i(o(E), {
+            r(e(S), {
               class: "endpoint-copy",
               icon: "Clipboard",
               label: "Copy endpoint URL",
               size: "xs",
               variant: "ghost",
-              onClick: p[0] || (p[0] = q((Q) => o(f)(e.operation.path), ["stop"]))
+              onClick: p[0] || (p[0] = C((Q) => e(u)(o.operation.path), ["stop"]))
             })
           ];
         }),
@@ -94,32 +94,35 @@ const L = { class: "operation-title" }, M = { class: "operation-details" }, P =
           t("div", F, [
             t("div", G, [
               t("div", H, [
-                i(R, { operation: e.requestEntity }, null, 8, ["operation"])
+                r(w, { operation: o.operation }, null, 8, ["operation"])
               ]),
               t("div", J, [
-                i(V, {
+                r(I, {
                   collapsableItems: !1,
-                  operation: e.operation
+                  operation: o.transformedOperation
                 }, null, 8, ["operation"])
               ])
             ]),
-            i(o(A), { operation: e.operation }, null, 8, ["operation"]),
-            i(o(D), {
-              operation: e.operation,
-              request: e.request,
-              secretCredentials: e.secretCredentials
-            }, null, 8, ["operation", "request", "secretCredentials"])
+            r(e(A), {
+              responses: o.operation.responses
+            }, null, 8, ["responses"]),
+            r(e(D), {
+              collection: o.collection,
+              operation: o.operation,
+              server: o.server,
+              transformedOperation: o.transformedOperation
+            }, null, 8, ["collection", "operation", "server", "transformedOperation"])
           ])
         ]),
         _: 2
       }, [
-        (l = e.requestEntity) != null && l.description ? {
+        (l = o.operation) != null && l.description ? {
           name: "description",
           fn: n(() => {
-            var r;
+            var i;
             return [
-              i(o(S), {
-                value: (r = e.requestEntity) == null ? void 0 : r.description,
+              r(e(B), {
+                value: (i = o.operation) == null ? void 0 : i.description,
                 withImages: ""
               }, null, 8, ["value"])
             ];
@@ -131,5 +134,5 @@ const L = { class: "operation-title" }, M = { class: "operation-details" }, P =
   }
 });
 export {
-  de as default
+  mo as default
 };

package/dist/features/Operation/layouts/ModernLayout.vue.d.ts

@@ -1,12 +1,12 @@
-import type { Request as RequestEntity } from '@scalar/oas-utils/entities/spec';
+import type { Collection, Operation, Server } from '@scalar/oas-utils/entities/spec';
 import type { TransformedOperation } from '@scalar/types/legacy';
 type __VLS_Props = {
     id?: string;
-    /** @deprecated Use `requestEntity` instead */
-    operation: TransformedOperation;
-    requestEntity?: RequestEntity;
-    request: Request | null;
-    secretCredentials: string[];
+    collection: Collection;
+    server: Server | undefined;
+    operation: Operation;
+    /** @deprecated Use `operation` instead */
+    transformedOperation: TransformedOperation;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;