@scalar/api-reference 1.32.6 → 1.32.8

package/dist/features/Operation/components/callbacks/Callback.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Callback.vue.d.ts","sourceRoot":"","sources":["../../../../../src/features/Operation/components/callbacks/Callback.vue"],"names":[],"mappings":"AAqHA,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAEhF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAMvD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oCAAoC,CAAA;AAIjE,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,WAAW,CAAC,eAAe,CAAA;IACrC,UAAU,EAAE,UAAU,CAAA;IACtB,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,GAAG,EAAE,MAAM,CAAA;CACZ,CAAC;;AAqJF,wBAMG"}
+{"version":3,"file":"Callback.vue.d.ts","sourceRoot":"","sources":["../../../../../src/features/Operation/components/callbacks/Callback.vue"],"names":[],"mappings":"AA8GA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAErF,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,6DAA6D,CAAA;AAClG,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,iDAAiD,CAAA;AAKlF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oCAAoC,CAAA;AAIjE,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,WAAW,CAAC,eAAe,CAAC,CAAA;IACtC,MAAM,EAAE,cAAc,CAAA;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,eAAe,EAAE,cAAc,CAAA;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,GAAG,EAAE,MAAM,CAAA;CACZ,CAAC;;AAkJF,wBAOG"}

package/dist/features/Operation/components/callbacks/Callback.vue.js

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

package/dist/features/Operation/components/callbacks/Callback.vue2.js

@@ -1,55 +1,48 @@
-import { defineComponent as l, computed as m, createElementBlock as n, createCommentVNode as i, openBlock as p, createElementVNode as o, createVNode as s, unref as a, createTextVNode as d, toDisplayString as r } from "vue";
-import { ScalarIconCaretRight as u } from "@scalar/icons";
-import { requestSchema as f } from "@scalar/oas-utils/entities/spec";
-import { schemaModel as h } from "@scalar/oas-utils/helpers";
-import b from "../OperationParameters.vue.js";
-import k from "../OperationResponses.vue.js";
-import g from "../../../../components/HttpMethod/HttpMethod.vue.js";
-const y = {
-  key: 0,
-  class: "group"
-}, _ = { class: "font-code bg-b-1 callback-sticky-offset sticky flex cursor-pointer flex-row items-center gap-2 border-t py-3 text-sm group-open:flex-wrap" }, q = { class: "text-c-1 truncate leading-3 group-open:whitespace-normal" }, B = { class: "text-c-2" }, v = { class: "callback-operation-container flex flex-col gap-2" }, I = /* @__PURE__ */ l({
+import { defineComponent as r, createElementBlock as l, openBlock as c, createElementVNode as s, createVNode as a, unref as t, createTextVNode as n, toDisplayString as o } from "vue";
+import { ScalarIconCaretRight as m } from "@scalar/icons";
+import i from "../OperationParameters.vue.js";
+import p from "../OperationResponses.vue.js";
+import d from "../../../../components/HttpMethod/HttpMethod.vue.js";
+const f = { class: "group callback-list-item" }, h = { class: "font-code bg-b-1 callback-sticky-offset callback-list-item-title sticky flex cursor-pointer flex-row items-center gap-2 border-t py-3 text-sm group-open:flex-wrap" }, u = { class: "text-c-1 min-w-0 flex-1 truncate leading-3 group-open:whitespace-normal" }, _ = { class: "text-c-2" }, b = { class: "callback-operation-container flex flex-col gap-2" }, v = /* @__PURE__ */ r({
   __name: "Callback",
   props: {
     callback: {},
-    collection: {},
     method: {},
+    path: {},
+    operationMethod: {},
     name: {},
     schemas: {},
     url: {}
   },
-  setup(t) {
-    const c = m(
-      () => h({ ...t.callback, path: t.url, method: t.method }, f, !1)
-    );
-    return (e, x) => e.collection && c.value ? (p(), n("details", y, [
-      o("summary", _, [
-        s(a(u), { class: "text-c-3 group-hover:text-c-1 absolute -left-5 size-4 transition-transform group-open:rotate-90" }),
-        s(a(g), {
+  setup(k) {
+    return (e, g) => (c(), l("details", f, [
+      s("summary", h, [
+        a(t(m), { class: "callback-list-item-icon text-c-3 group-hover:text-c-1 absolute -left-5 size-4 transition-transform group-open:rotate-90" }),
+        a(t(d), {
           as: "span",
           class: "request-method",
           method: e.method
         }, null, 8, ["method"]),
-        o("div", q, [
-          d(r(e.name) + " ", 1),
-          o("span", B, r(e.url), 1)
+        s("div", u, [
+          n(o(e.name) + " ", 1),
+          s("span", _, o(e.url), 1)
         ])
       ]),
-      o("div", v, [
-        s(b, {
+      s("div", b, [
+        a(i, {
           requestBody: e.callback.requestBody,
           parameters: e.callback.parameters,
           schemas: e.schemas
         }, null, 8, ["requestBody", "parameters", "schemas"]),
-        s(k, {
+        a(p, {
           collapsableItems: !1,
           responses: e.callback.responses,
           schemas: e.schemas
         }, null, 8, ["responses", "schemas"])
       ])
-    ])) : i("", !0);
+    ]));
   }
 });
 export {
-  I as default
+  v as default
 };

package/dist/features/Operation/components/callbacks/Callbacks.vue.d.ts

@@ -1,8 +1,10 @@
-import type { Collection, Operation } from '@scalar/oas-utils/entities/spec';
+import type { HttpMethod } from '@scalar/helpers/http/http-methods';
+import type { CallbackObject } from '@scalar/workspace-store/schemas/v3.1/strict/path-operations';
 import type { Schemas } from '../../../../features/Operation/types/schemas';
 type __VLS_Props = {
-    callbacks: Operation['callbacks'];
-    collection: Collection;
+    path: string;
+    method: HttpMethod;
+    callbacks: CallbackObject;
     schemas?: Schemas;
 };
 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, {}, HTMLDivElement>;

package/dist/features/Operation/components/callbacks/Callbacks.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Callbacks.vue.d.ts","sourceRoot":"","sources":["../../../../../src/features/Operation/components/callbacks/Callbacks.vue"],"names":[],"mappings":"AAsCA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAA;AAE5E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oCAAoC,CAAA;AAMjE,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA;IACjC,UAAU,EAAE,UAAU,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;;AA2EF,wBAOG"}
+{"version":3,"file":"Callbacks.vue.d.ts","sourceRoot":"","sources":["../../../../../src/features/Operation/components/callbacks/Callbacks.vue"],"names":[],"mappings":"AA0EA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AAEnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6DAA6D,CAAA;AAIjG,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oCAAoC,CAAA;AAOjE,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,UAAU,CAAA;IAClB,SAAS,EAAE,cAAc,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;;AAsGF,wBAOG"}

package/dist/features/Operation/components/callbacks/Callbacks.vue.js

@@ -1,30 +1,45 @@
-import { defineComponent as p, createElementBlock as l, openBlock as e, createElementVNode as k, Fragment as t, renderList as n, createBlock as d } from "vue";
-import b from "./Callback.vue.js";
-const f = { class: "mt-6 gap-3" }, g = /* @__PURE__ */ p({
+import { defineComponent as b, watch as y, createElementBlock as t, openBlock as e, createElementVNode as C, Fragment as a, renderList as s, createCommentVNode as u, unref as i, createBlock as v } from "vue";
+import { isHttpMethod as g } from "@scalar/helpers/http/is-http-method";
+import { isReference as h } from "@scalar/workspace-store/schemas/v3.1/type-guard";
+import { useStore as B } from "../../../../v2/hooks/useStore.js";
+import E from "./Callback.vue.js";
+const M = { class: "callbacks-list gap-3" }, F = /* @__PURE__ */ b({
   __name: "Callbacks",
   props: {
+    path: {},
+    method: {},
     callbacks: {},
-    collection: {},
     schemas: {}
   },
-  setup(h) {
-    return (c, o) => (e(), l("div", f, [
-      o[0] || (o[0] = k("div", { class: "text-c-1 my-3 text-lg font-medium" }, "Callbacks", -1)),
-      (e(!0), l(t, null, n(c.callbacks, (a, r) => (e(), l(t, { key: r }, [
-        (e(!0), l(t, null, n(a, (s, m) => (e(), l(t, null, [
-          (e(!0), l(t, null, n(s, (u, i) => (e(), d(b, {
-            callback: u,
-            collection: c.collection,
-            method: i,
-            name: r,
-            schemas: c.schemas,
-            url: m
-          }, null, 8, ["callback", "collection", "method", "name", "schemas", "url"]))), 256))
+  setup(r) {
+    const { resolve: k } = B();
+    return y(
+      () => r.callbacks,
+      (l) => Object.values(l).forEach((o) => {
+        h(o) && k(["paths", r.path, r.method]);
+      }),
+      { immediate: !0 }
+    ), (l, o) => (e(), t("div", M, [
+      o[0] || (o[0] = C("div", { class: "callbacks-title text-c-1 my-3 text-lg font-medium" }, " Callbacks ", -1)),
+      (e(!0), t(a, null, s(l.callbacks, (m, n) => (e(), t(a, { key: n }, [
+        i(h)(m) ? u("", !0) : (e(!0), t(a, { key: 0 }, s(m, (d, p) => (e(), t(a, null, [
+          (e(!0), t(a, null, s(d, (f, c) => (e(), t(a, { key: c }, [
+            i(g)(c) ? (e(), v(E, {
+              key: 0,
+              callback: f,
+              method: c,
+              operationMethod: r.method,
+              name: n,
+              path: l.path,
+              schemas: l.schemas,
+              url: p
+            }, null, 8, ["callback", "method", "operationMethod", "name", "path", "schemas", "url"])) : u("", !0)
+          ], 64))), 128))
         ], 64))), 256))
       ], 64))), 128))
     ]));
   }
 });
 export {
-  g as default
+  F as default
 };

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

@@ -1,20 +1,19 @@
-import type { Collection, Request, Server } from '@scalar/oas-utils/entities/spec';
-import type { OpenAPIV3_1, XScalarStability } from '@scalar/types/legacy';
+import type { HttpMethod as HttpMethodType } from '@scalar/helpers/http/http-methods';
+import type { OpenAPIV3_1 } from '@scalar/openapi-types';
+import type { OperationObject } from '@scalar/workspace-store/schemas/v3.1/strict/path-operations';
+import type { SecuritySchemeObject } from '@scalar/workspace-store/schemas/v3.1/strict/security-scheme';
+import type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/server';
+import type { Dereference } from '@scalar/workspace-store/schemas/v3.1/type-guard';
 import type { Schemas } from '../../../features/Operation/types/schemas';
 type __VLS_Props = {
     id: string;
     path: string;
-    method: OpenAPIV3_1.HttpMethods;
-    operation: OpenAPIV3_1.OperationObject<{
-        'x-scalar-stability': XScalarStability;
-    }>;
+    method: HttpMethodType;
+    operation: Dereference<OperationObject>;
+    oldOperation: OpenAPIV3_1.OperationObject;
     isWebhook: boolean;
-    /**
-     * @deprecated Use `document` instead
-     */
-    collection: Collection;
-    server: Server | undefined;
-    request: Request | undefined;
+    server: ServerObject | undefined;
+    securitySchemes: SecuritySchemeObject[];
     schemas?: Schemas;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {

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":"AAuXA,OAAO,KAAK,EACV,UAAU,EACV,OAAO,EACP,MAAM,EACP,MAAM,iCAAiC,CAAA;AAMxC,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAWzE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oCAAoC,CAAA;AASjE,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,WAAW,CAAC,WAAW,CAAA;IAC/B,SAAS,EAAE,WAAW,CAAC,eAAe,CAAC;QACrC,oBAAoB,EAAE,gBAAgB,CAAA;KACvC,CAAC,CAAA;IACF,SAAS,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,UAAU,EAAE,UAAU,CAAA;IACtB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,OAAO,EAAE,OAAO,GAAG,SAAS,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;;;;;;AA2VF,wBAQG"}
+{"version":3,"file":"ClassicLayout.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/layouts/ClassicLayout.vue"],"names":[],"mappings":"AAqbA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAWrF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAExD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6DAA6D,CAAA;AAClG,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6DAA6D,CAAA;AACvG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oDAAoD,CAAA;AACtF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAA;AAYlF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oCAAoC,CAAA;AAQjE,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,cAAc,CAAA;IACtB,SAAS,EAAE,WAAW,CAAC,eAAe,CAAC,CAAA;IACvC,YAAY,EAAE,WAAW,CAAC,eAAe,CAAA;IACzC,SAAS,EAAE,OAAO,CAAA;IAClB,MAAM,EAAE,YAAY,GAAG,SAAS,CAAA;IAChC,eAAe,EAAE,oBAAoB,EAAE,CAAA;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;;;;;;AA2YF,wBAQG"}

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-6d48a0e7"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d9491f8e"]]);
 export {
-  m as default
+  f as default
 };

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

@@ -1,173 +1,187 @@
-import { defineComponent as B, computed as S, createBlock as n, openBlock as p, unref as o, createSlots as V, withCtx as a, createElementVNode as s, createVNode as t, createCommentVNode as d, withModifiers as w, toDisplayString as u, normalizeClass as T, createTextVNode as f } from "vue";
-import { ScalarIcon as I, ScalarIconButton as R, ScalarMarkdown as N } from "@scalar/components";
-import { ScalarIconWebhooksLogo as O } from "@scalar/icons";
-import { isOperationDeprecated as P, getOperationStability as y, getOperationStabilityColor as W } from "@scalar/oas-utils/helpers";
-import { useClipboard as $ } from "@scalar/use-hooks/useClipboard";
-import z from "../../../components/OperationPath.vue.js";
-import { useConfig as A } from "../../../hooks/useConfig.js";
-import D from "../components/OperationParameters.vue.js";
-import E from "../components/OperationResponses.vue.js";
-import L from "../../../components/Section/SectionAccordion.vue.js";
-import U from "../../example-responses/ExampleResponses.vue.js";
-import M from "../../example-request/ExampleRequest.vue.js";
-import _ from "../../test-request-button/TestRequestButton.vue.js";
-import j from "../../../components/HttpMethod/HttpMethod.vue.js";
-import F from "../../../components/Anchor/Anchor.vue.js";
-import v from "../../../components/Badge/Badge.vue.js";
-const G = { class: "operation-title" }, H = { class: "operation-details" }, J = { class: "endpoint-label" }, K = { class: "endpoint-label-path" }, Q = { class: "endpoint-label-name" }, X = { class: "endpoint-content" }, Y = { class: "operation-details-card" }, Z = { class: "operation-details-card-item" }, x = { class: "operation-details-card-item" }, ve = /* @__PURE__ */ B({
+import { defineComponent as B, computed as w, createBlock as i, openBlock as r, unref as o, createSlots as O, withCtx as s, createElementVNode as a, createVNode as t, createElementBlock as V, createCommentVNode as p, withModifiers as q, toDisplayString as h, normalizeClass as I, createTextVNode as u } from "vue";
+import { ScalarErrorBoundary as T, ScalarIconButton as E, ScalarMarkdown as R } from "@scalar/components";
+import { ScalarIconPlay as W, ScalarIconCopy as $, ScalarIconWebhooksLogo as N } from "@scalar/icons";
+import { isOperationDeprecated as P, getOperationStability as f, getOperationStabilityColor as z } from "@scalar/oas-utils/helpers";
+import { useClipboard as A } from "@scalar/use-hooks/useClipboard";
+import D from "../../../components/OperationPath.vue.js";
+import L from "../components/callbacks/Callbacks.vue.js";
+import U from "../components/OperationParameters.vue.js";
+import M from "../components/OperationResponses.vue.js";
+import { useConfig as _ } from "../../../hooks/useConfig.js";
+import { useStore as j } from "../../../v2/hooks/useStore.js";
+import F from "../../../components/Section/SectionAccordion.vue.js";
+import G from "../../example-responses/ExampleResponses.vue.js";
+import H from "../../../v2/blocks/scalar-request-example-block/components/RequestExample.vue.js";
+import J from "../../test-request-button/TestRequestButton.vue.js";
+import K from "../../../components/HttpMethod/HttpMethod.vue.js";
+import Q from "../../../components/Anchor/Anchor.vue.js";
+import y from "../../../components/Badge/Badge.vue.js";
+const X = { class: "operation-title" }, Y = { class: "operation-details" }, Z = { class: "endpoint-label" }, x = { class: "endpoint-label-path" }, ee = { class: "endpoint-label-name" }, oe = { class: "endpoint-content" }, te = { class: "operation-details-card" }, ae = { class: "operation-details-card-item" }, se = { class: "operation-details-card-item" }, re = {
+  key: 0,
+  class: "operation-details-card-item"
+}, Oe = /* @__PURE__ */ B({
   __name: "ClassicLayout",
   props: {
     id: {},
     path: {},
     method: {},
     operation: {},
+    oldOperation: {},
     isWebhook: { type: Boolean },
-    collection: {},
     server: {},
-    request: {},
+    securitySchemes: {},
     schemas: {}
   },
   emits: ["update:modelValue"],
-  setup(m, { emit: b }) {
-    const g = S(() => {
-      var e;
-      return ((e = m.operation) == null ? void 0 : e.summary) || m.path || "";
-    }), { copyToClipboard: k } = $(), C = A(), q = b, c = (e) => {
-      q("update:modelValue", e);
+  setup(d, { emit: k }) {
+    const b = w(() => d.operation.summary || d.path || ""), { copyToClipboard: v } = A(), { workspace: S } = j(), C = _(), g = k, m = (e) => {
+      g("update:modelValue", e);
     };
-    return (e, l) => {
-      var h;
-      return p(), n(o(L), {
-        id: e.id,
-        class: "reference-endpoint",
-        transparent: ""
-      }, V({
-        title: a(() => [
-          s("div", G, [
-            s("div", H, [
-              t(o(j), {
-                class: "endpoint-type",
-                method: e.method,
-                short: ""
-              }, null, 8, ["method"]),
-              t(o(F), {
-                id: e.id,
-                class: "endpoint-anchor"
-              }, {
-                default: a(() => [
-                  s("h3", J, [
-                    s("div", K, [
-                      t(z, {
-                        deprecated: o(P)(e.operation),
-                        path: e.path
-                      }, null, 8, ["deprecated", "path"])
+    return (e, n) => (r(), i(o(F), {
+      id: e.id,
+      class: "reference-endpoint",
+      transparent: ""
+    }, O({
+      title: s(() => [
+        a("div", X, [
+          a("div", Y, [
+            t(o(K), {
+              class: "endpoint-type",
+              method: e.method,
+              short: ""
+            }, null, 8, ["method"]),
+            t(o(Q), {
+              id: e.id,
+              class: "endpoint-anchor"
+            }, {
+              default: s(() => [
+                a("h3", Z, [
+                  a("div", x, [
+                    t(D, {
+                      deprecated: o(P)(e.operation),
+                      path: e.path
+                    }, null, 8, ["deprecated", "path"])
+                  ]),
+                  a("div", ee, h(b.value), 1),
+                  o(f)(e.operation) ? (r(), i(o(y), {
+                    key: 0,
+                    class: I(o(z)(e.operation))
+                  }, {
+                    default: s(() => [
+                      u(h(o(f)(e.operation)), 1)
                     ]),
-                    s("div", Q, u(g.value), 1),
-                    o(y)(e.operation) ? (p(), n(o(v), {
-                      key: 0,
-                      class: T(o(W)(e.operation))
-                    }, {
-                      default: a(() => [
-                        f(u(o(y)(e.operation)), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["class"])) : d("", !0),
-                    e.isWebhook ? (p(), n(o(v), {
-                      key: 1,
-                      class: "font-code text-green flex w-fit items-center justify-center gap-1"
-                    }, {
-                      default: a(() => [
-                        t(o(O), { weight: "bold" }),
-                        l[1] || (l[1] = f("Webhook "))
-                      ]),
-                      _: 1
-                    })) : d("", !0)
-                  ])
-                ]),
-                _: 1
-              }, 8, ["id"])
-            ])
-          ])
-        ]),
-        actions: a(({ active: i }) => {
-          var r;
-          return [
-            i && e.request ? (p(), n(o(_), {
-              key: 0,
-              operation: e.request
-            }, null, 8, ["operation"])) : (r = o(C)) != null && r.hideTestRequestButton ? d("", !0) : (p(), n(o(I), {
-              key: 1,
-              class: "endpoint-try-hint size-6",
-              icon: "Play",
-              thickness: "1.75px"
-            })),
-            t(o(R), {
-              class: "endpoint-copy p-0.5",
-              icon: "Clipboard",
-              label: "Copy endpoint URL",
-              size: "xs",
-              variant: "ghost",
-              onClick: l[0] || (l[0] = w((ee) => o(k)(e.path), ["stop"]))
-            })
-          ];
-        }),
-        default: a(() => {
-          var i, r;
-          return [
-            s("div", X, [
-              s("div", Y, [
-                s("div", Z, [
-                  t(D, {
-                    parameters: (i = e.operation) == null ? void 0 : i.parameters,
-                    requestBody: (r = e.operation) == null ? void 0 : r.requestBody,
-                    schemas: e.schemas,
-                    "onUpdate:modelValue": c
-                  }, null, 8, ["parameters", "requestBody", "schemas"])
-                ]),
-                s("div", x, [
-                  t(E, {
-                    collapsableItems: !1,
-                    responses: e.operation.responses,
-                    schemas: e.schemas
-                  }, null, 8, ["responses", "schemas"])
+                    _: 1
+                  }, 8, ["class"])) : p("", !0),
+                  e.isWebhook ? (r(), i(o(y), {
+                    key: 1,
+                    class: "font-code text-green flex w-fit items-center justify-center gap-1"
+                  }, {
+                    default: s(() => [
+                      t(o(N), { weight: "bold" }),
+                      n[1] || (n[1] = u("Webhook "))
+                    ]),
+                    _: 1,
+                    __: [1]
+                  })) : p("", !0)
                 ])
               ]),
-              t(o(U), {
-                responses: e.operation.responses
-              }, null, 8, ["responses"]),
-              t(o(M), {
-                request: e.request,
-                method: e.method,
-                collection: e.collection,
-                operation: e.operation,
-                server: e.server,
-                "onUpdate:modelValue": c
-              }, null, 8, ["request", "method", "collection", "operation", "server"])
-            ])
-          ];
-        }),
-        _: 2
-      }, [
-        (h = e.operation) != null && h.description ? {
-          name: "description",
-          fn: a(() => {
-            var i;
-            return [
-              t(o(N), {
-                value: (i = e.operation) == null ? void 0 : i.description,
-                withImages: "",
-                withAnchors: "",
-                transformType: "heading",
-                anchorPrefix: e.id
-              }, null, 8, ["value", "anchorPrefix"])
-            ];
-          }),
-          key: "0"
-        } : void 0
-      ]), 1032, ["id"]);
-    };
+              _: 1
+            }, 8, ["id"])
+          ])
+        ])
+      ]),
+      actions: s(({ active: l }) => {
+        var c;
+        return [
+          l && !e.isWebhook ? (r(), i(o(J), {
+            key: 0,
+            method: e.method,
+            path: e.path
+          }, null, 8, ["method", "path"])) : (c = o(C)) != null && c.hideTestRequestButton ? p("", !0) : (r(), i(o(W), {
+            key: 1,
+            class: "endpoint-try-hint size-4.5"
+          })),
+          t(o(E), {
+            class: "endpoint-copy p-0.5",
+            icon: o($),
+            label: "Copy endpoint URL",
+            size: "xs",
+            variant: "ghost",
+            onClick: n[0] || (n[0] = q((ie) => o(v)(e.path), ["stop"]))
+          }, null, 8, ["icon"])
+        ];
+      }),
+      default: s(() => {
+        var l;
+        return [
+          a("div", oe, [
+            a("div", te, [
+              a("div", ae, [
+                t(U, {
+                  parameters: e.oldOperation.parameters,
+                  requestBody: e.oldOperation.requestBody,
+                  schemas: e.schemas,
+                  "onUpdate:modelValue": m
+                }, null, 8, ["parameters", "requestBody", "schemas"])
+              ]),
+              a("div", se, [
+                t(M, {
+                  collapsableItems: !1,
+                  responses: e.oldOperation.responses,
+                  schemas: e.schemas
+                }, null, 8, ["responses", "schemas"])
+              ]),
+              (l = e.operation) != null && l.callbacks ? (r(), V("div", re, [
+                t(L, {
+                  method: e.method,
+                  path: e.path,
+                  callbacks: e.operation.callbacks,
+                  schemas: e.schemas
+                }, null, 8, ["method", "path", "callbacks", "schemas"])
+              ])) : p("", !0)
+            ]),
+            t(o(G), {
+              class: "operation-example-card",
+              responses: e.operation.responses
+            }, null, 8, ["responses"]),
+            t(o(T), null, {
+              default: s(() => [
+                t(o(H), {
+                  class: "operation-example-card",
+                  method: e.method,
+                  selectedServer: e.server,
+                  selectedClient: o(S)["x-scalar-default-client"],
+                  securitySchemes: e.securitySchemes,
+                  path: e.path,
+                  fallback: "",
+                  operation: e.operation,
+                  schemas: e.schemas,
+                  "onUpdate:modelValue": m
+                }, null, 8, ["method", "selectedServer", "selectedClient", "securitySchemes", "path", "operation", "schemas"])
+              ]),
+              _: 1
+            })
+          ])
+        ];
+      }),
+      _: 2
+    }, [
+      e.operation.description ? {
+        name: "description",
+        fn: s(() => [
+          t(o(R), {
+            value: e.operation.description,
+            withImages: "",
+            withAnchors: "",
+            transformType: "heading",
+            anchorPrefix: e.id
+          }, null, 8, ["value", "anchorPrefix"])
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["id"]));
   }
 });
 export {
-  ve as default
+  Oe as default
 };

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

@@ -1,20 +1,19 @@
-import type { Collection, Request, Server } from '@scalar/oas-utils/entities/spec';
-import type { OpenAPIV3_1, XScalarStability } from '@scalar/types/legacy';
-import type { Schemas } from '../types/schemas';
+import type { HttpMethod as HttpMethodType } from '@scalar/helpers/http/http-methods';
+import type { OpenAPIV3_1 } from '@scalar/openapi-types';
+import type { OperationObject } from '@scalar/workspace-store/schemas/v3.1/strict/path-operations';
+import type { SecuritySchemeObject } from '@scalar/workspace-store/schemas/v3.1/strict/security-scheme';
+import type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/server';
+import type { Dereference } from '@scalar/workspace-store/schemas/v3.1/type-guard';
+import type { Schemas } from '../../../features/Operation/types/schemas';
 type __VLS_Props = {
     id: string;
     path: string;
-    method: OpenAPIV3_1.HttpMethods;
-    operation: OpenAPIV3_1.OperationObject<{
-        'x-scalar-stability': XScalarStability;
-    }>;
+    method: HttpMethodType;
+    operation: Dereference<OperationObject>;
+    oldOperation: OpenAPIV3_1.OperationObject;
     isWebhook: boolean;
-    /**
-     * @deprecated Use `document` instead
-     */
-    collection: Collection;
-    server: Server | undefined;
-    request: Request | undefined;
+    securitySchemes: SecuritySchemeObject[];
+    server: ServerObject | undefined;
     schemas?: Schemas;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {

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

@@ -1 +1 @@
-{"version":3,"file":"ModernLayout.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/layouts/ModernLayout.vue"],"names":[],"mappings":"AAiLA,OAAO,KAAK,EACV,UAAU,EACV,OAAO,EACP,MAAM,EACP,MAAM,iCAAiC,CAAA;AAMxC,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAsBzE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAI/C,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,WAAW,CAAC,WAAW,CAAA;IAC/B,SAAS,EAAE,WAAW,CAAC,eAAe,CAAC;QACrC,oBAAoB,EAAE,gBAAgB,CAAA;KACvC,CAAC,CAAA;IACF,SAAS,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,UAAU,EAAE,UAAU,CAAA;IACtB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,OAAO,EAAE,OAAO,GAAG,SAAS,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;;;;;;AA8TF,wBAQG"}
+{"version":3,"file":"ModernLayout.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/layouts/ModernLayout.vue"],"names":[],"mappings":"AAoMA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAOrF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6DAA6D,CAAA;AAClG,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6DAA6D,CAAA;AACvG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oDAAoD,CAAA;AACtF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAA;AAkBlF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oCAAoC,CAAA;AAQjE,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,cAAc,CAAA;IACtB,SAAS,EAAE,WAAW,CAAC,eAAe,CAAC,CAAA;IACvC,YAAY,EAAE,WAAW,CAAC,eAAe,CAAA;IACzC,SAAS,EAAE,OAAO,CAAA;IAClB,eAAe,EAAE,oBAAoB,EAAE,CAAA;IACvC,MAAM,EAAE,YAAY,GAAG,SAAS,CAAA;IAChC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;;;;;;AAmUF,wBAQG"}

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

@@ -1,7 +1,7 @@
 import o from "./ModernLayout.vue2.js";
 /* empty css                  */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-40b5a836"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-84b46300"]]);
 export {
   p as default
 };