@scalar/api-reference 1.32.10 → 1.34.0

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

@@ -1,43 +1,47 @@
-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 _ from "../components/OperationResponses.vue.js";
-import { useConfig as M } 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 { defineComponent as g, computed as B, createBlock as r, openBlock as i, unref as o, createSlots as O, withCtx as s, createElementVNode as a, createVNode as t, createElementBlock as w, createCommentVNode as n, withModifiers as V, toDisplayString as h, normalizeClass as $, createTextVNode as u } from "vue";
+import { ScalarErrorBoundary as q, ScalarIconButton as I, ScalarMarkdown as T } from "@scalar/components";
+import { ScalarIconPlay as D, ScalarIconCopy as E, ScalarIconWebhooksLogo as L } from "@scalar/icons";
+import { isOperationDeprecated as R, getOperationStability as f, getOperationStabilityColor as W } from "@scalar/oas-utils/helpers";
+import { useClipboard as N } from "@scalar/use-hooks/useClipboard";
+import P from "../../../components/OperationPath.vue.js";
+import _ from "../components/callbacks/Callbacks.vue.js";
+import z from "../components/OperationParameters.vue.js";
+import U from "../components/OperationResponses.vue.js";
+import { useConfig as A } from "../../../hooks/useConfig.js";
+import M from "../../../components/Section/SectionAccordion.vue.js";
+import j from "../../example-responses/ExampleResponses.vue.js";
+import F from "../../../components/LinkList/LinkList.vue.js";
+import G from "../../external-docs/ExternalDocs.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 = {
+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" }, ie = {
   key: 0,
   class: "operation-details-card-item"
-}, Oe = /* @__PURE__ */ B({
+}, Ve = /* @__PURE__ */ g({
   __name: "ClassicLayout",
   props: {
     id: {},
     path: {},
+    clientOptions: {},
     method: {},
     operation: {},
     oldOperation: {},
+    parameters: {},
     isWebhook: { type: Boolean },
     server: {},
     securitySchemes: {},
-    schemas: {}
+    schemas: {},
+    store: {}
   },
   emits: ["update:modelValue"],
   setup(d, { emit: k }) {
-    const b = w(() => d.operation.summary || d.path || ""), { copyToClipboard: v } = A(), { workspace: S } = j(), C = M(), g = k, m = (e) => {
-      g("update:modelValue", e);
+    const v = B(() => d.operation.summary || d.path || ""), { copyToClipboard: b } = N(), S = A(), C = k, m = (e) => {
+      C("update:modelValue", e);
     };
-    return (e, n) => (r(), i(o(F), {
+    return (e, l) => (i(), r(o(M), {
       id: e.id,
       class: "reference-endpoint",
       transparent: ""
@@ -57,32 +61,32 @@ const X = { class: "operation-title" }, Y = { class: "operation-details" }, Z =
               default: s(() => [
                 a("h3", Z, [
                   a("div", x, [
-                    t(D, {
-                      deprecated: o(P)(e.operation),
+                    t(P, {
+                      deprecated: o(R)(e.operation),
                       path: e.path
                     }, null, 8, ["deprecated", "path"])
                   ]),
-                  a("div", ee, h(b.value), 1),
-                  o(f)(e.operation) ? (r(), i(o(y), {
+                  a("div", ee, h(v.value), 1),
+                  o(f)(e.operation) ? (i(), r(o(y), {
                     key: 0,
-                    class: I(o(z)(e.operation))
+                    class: $(o(W)(e.operation))
                   }, {
                     default: s(() => [
                       u(h(o(f)(e.operation)), 1)
                     ]),
                     _: 1
-                  }, 8, ["class"])) : p("", !0),
-                  e.isWebhook ? (r(), i(o(y), {
+                  }, 8, ["class"])) : n("", !0),
+                  e.isWebhook ? (i(), r(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 "))
+                      t(o(L), { weight: "bold" }),
+                      l[1] || (l[1] = u("Webhook "))
                     ]),
                     _: 1,
                     __: [1]
-                  })) : p("", !0)
+                  })) : n("", !0)
                 ])
               ]),
               _: 1
@@ -90,76 +94,87 @@ const X = { class: "operation-title" }, Y = { class: "operation-details" }, Z =
           ])
         ])
       ]),
-      actions: s(({ active: l }) => {
+      actions: s(({ active: p }) => {
         var c;
         return [
-          l && !e.isWebhook ? (r(), i(o(J), {
+          p && !e.isWebhook ? (i(), r(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), {
+          }, null, 8, ["method", "path"])) : (c = o(S)) != null && c.hideTestRequestButton ? n("", !0) : (i(), r(o(D), {
             key: 1,
             class: "endpoint-try-hint size-4.5"
           })),
-          t(o(E), {
+          t(o(I), {
             class: "endpoint-copy p-0.5",
-            icon: o($),
+            icon: o(E),
             label: "Copy endpoint URL",
             size: "xs",
             variant: "ghost",
-            onClick: n[0] || (n[0] = q((ie) => o(v)(e.path), ["stop"]))
+            onClick: l[0] || (l[0] = V((re) => o(b)(e.path), ["stop"]))
           }, null, 8, ["icon"])
         ];
       }),
       default: s(() => {
-        var l;
+        var p;
         return [
           a("div", oe, [
             a("div", te, [
               a("div", ae, [
-                t(U, {
-                  parameters: e.oldOperation.parameters,
+                t(z, {
                   requestBody: e.oldOperation.requestBody,
+                  parameters: e.parameters,
                   schemas: e.schemas,
                   "onUpdate:modelValue": m
-                }, null, 8, ["parameters", "requestBody", "schemas"])
+                }, null, 8, ["requestBody", "parameters", "schemas"])
               ]),
               a("div", se, [
-                t(_, {
+                t(U, {
                   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, {
+              (p = e.operation) != null && p.callbacks ? (i(), w("div", ie, [
+                t(_, {
                   method: e.method,
                   path: e.path,
                   callbacks: e.operation.callbacks,
                   schemas: e.schemas
                 }, null, 8, ["method", "path", "callbacks", "schemas"])
-              ])) : p("", !0)
+              ])) : n("", !0)
             ]),
-            t(o(G), {
+            t(o(j), {
               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,
-                  "onUpdate:modelValue": m
-                }, null, 8, ["method", "selectedServer", "selectedClient", "securitySchemes", "path", "operation"])
-              ]),
-              _: 1
-            })
+            a("div", null, [
+              e.operation.externalDocs ? (i(), r(o(F), { key: 0 }, {
+                default: s(() => [
+                  t(o(G), {
+                    value: e.operation.externalDocs
+                  }, null, 8, ["value"])
+                ]),
+                _: 1
+              })) : n("", !0),
+              t(o(q), null, {
+                default: s(() => [
+                  t(o(H), {
+                    class: "operation-example-card",
+                    method: e.method,
+                    selectedServer: e.server,
+                    clientOptions: e.clientOptions,
+                    selectedClient: e.store.workspace["x-scalar-default-client"],
+                    securitySchemes: e.securitySchemes,
+                    path: e.path,
+                    fallback: "",
+                    operation: e.operation,
+                    "onUpdate:modelValue": m
+                  }, null, 8, ["method", "selectedServer", "clientOptions", "selectedClient", "securitySchemes", "path", "operation"])
+                ]),
+                _: 1
+              })
+            ])
           ])
         ];
       }),
@@ -168,7 +183,7 @@ const X = { class: "operation-title" }, Y = { class: "operation-details" }, Z =
       e.operation.description ? {
         name: "description",
         fn: s(() => [
-          t(o(R), {
+          t(o(T), {
             value: e.operation.description,
             withImages: "",
             withAnchors: "",
@@ -182,5 +197,5 @@ const X = { class: "operation-title" }, Y = { class: "operation-details" }, Z =
   }
 });
 export {
-  Oe as default
+  Ve as default
 };

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

@@ -0,0 +1,4 @@
+const _ = "";
+export {
+  _ as default
+};

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

@@ -1,20 +1,26 @@
 import type { HttpMethod as HttpMethodType } from '@scalar/helpers/http/http-methods';
 import type { OpenAPIV3_1 } from '@scalar/openapi-types';
+import type { WorkspaceStore } from '@scalar/workspace-store/client';
+import type { ParameterObject } from '@scalar/workspace-store/schemas/v3.1/strict/parameter';
 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';
+import type { ClientOptionGroup } from '../../../v2/blocks/scalar-request-example-block/types';
 type __VLS_Props = {
     id: string;
     path: string;
+    clientOptions: ClientOptionGroup[];
     method: HttpMethodType;
     operation: Dereference<OperationObject>;
     oldOperation: OpenAPIV3_1.OperationObject;
+    parameters: ParameterObject[];
     isWebhook: boolean;
     securitySchemes: SecuritySchemeObject[];
     server: ServerObject | undefined;
     schemas?: Schemas;
+    store: WorkspaceStore;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string) => any;

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":"AAmMA,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"}
+{"version":3,"file":"ModernLayout.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/layouts/ModernLayout.vue"],"names":[],"mappings":"AAkNA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAOrF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uDAAuD,CAAA;AAC5F,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;AAoBlF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,oCAAoC,CAAA;AAIjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAA;AAIvF,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,EAAE,iBAAiB,EAAE,CAAA;IAClC,MAAM,EAAE,cAAc,CAAA;IACtB,SAAS,EAAE,WAAW,CAAC,eAAe,CAAC,CAAA;IACvC,YAAY,EAAE,WAAW,CAAC,eAAe,CAAA;IACzC,UAAU,EAAE,eAAe,EAAE,CAAA;IAE7B,SAAS,EAAE,OAAO,CAAA;IAClB,eAAe,EAAE,oBAAoB,EAAE,CAAA;IACvC,MAAM,EAAE,YAAY,GAAG,SAAS,CAAA;IAChC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,cAAc,CAAA;CACtB,CAAC;;;;;;AAmVF,wBAQG"}

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

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

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

@@ -1,86 +1,90 @@
-import { defineComponent as V, computed as w, useId as q, createBlock as r, openBlock as s, unref as o, withCtx as t, createVNode as a, createCommentVNode as l, createElementVNode as i, normalizeClass as y, createTextVNode as n, toDisplayString as b, createSlots as T } from "vue";
-import { ScalarMarkdown as W, ScalarErrorBoundary as m } from "@scalar/components";
-import { ScalarIconWebhooksLogo as E } from "@scalar/icons";
-import { getOperationStability as S, getOperationStabilityColor as I, isOperationDeprecated as N } from "@scalar/oas-utils/helpers";
-import D from "../../../components/OperationPath.vue.js";
-import L from "../components/callbacks/Callbacks.vue.js";
-import P from "../components/OperationParameters.vue.js";
-import R from "../components/OperationResponses.vue.js";
-import { useConfig as $ } from "../../../hooks/useConfig.js";
-import { useStore as z } from "../../../v2/hooks/useStore.js";
-import A from "../../../components/Section/Section.vue.js";
-import H from "../../../components/Section/SectionContent.vue.js";
-import g from "../../../components/Badge/Badge.vue.js";
-import M from "../../../components/Section/SectionHeader.vue.js";
-import U from "../../../components/Anchor/Anchor.vue.js";
-import j from "../../../components/Section/SectionHeaderTag.vue.js";
-import F from "../../../components/Section/SectionColumns.vue.js";
-import k from "../../../components/Section/SectionColumn.vue.js";
+import { defineComponent as B, computed as V, useId as w, createBlock as r, openBlock as i, unref as o, withCtx as t, createVNode as a, createCommentVNode as s, createElementVNode as l, normalizeClass as b, createTextVNode as n, toDisplayString as y, createSlots as q } from "vue";
+import { ScalarMarkdown as D, ScalarErrorBoundary as m } from "@scalar/components";
+import { ScalarIconWebhooksLogo as L } from "@scalar/icons";
+import { getOperationStability as k, getOperationStabilityColor as T, isOperationDeprecated as W } from "@scalar/oas-utils/helpers";
+import $ from "../../../components/OperationPath.vue.js";
+import E from "../components/callbacks/Callbacks.vue.js";
+import I from "../components/OperationParameters.vue.js";
+import N from "../components/OperationResponses.vue.js";
+import { useConfig as P } from "../../../hooks/useConfig.js";
+import R from "../../../components/Section/Section.vue.js";
+import z from "../../../components/Section/SectionContent.vue.js";
+import S from "../../../components/Badge/Badge.vue.js";
+import H from "../../../components/Section/SectionHeader.vue.js";
+import M from "../../../components/Anchor/Anchor.vue.js";
+import U from "../../../components/Section/SectionHeaderTag.vue.js";
+import j from "../../../components/Section/SectionColumns.vue.js";
+import g from "../../../components/Section/SectionColumn.vue.js";
+import A from "../../../components/LinkList/LinkList.vue.js";
+import F from "../../external-docs/ExternalDocs.vue.js";
 import G from "../../../v2/blocks/scalar-request-example-block/components/RequestExample.vue.js";
 import J from "../../test-request-button/TestRequestButton.vue.js";
 import K from "../../example-responses/ExampleResponses.vue.js";
-const Q = { class: "operation-details" }, X = { class: "examples" }, be = /* @__PURE__ */ V({
+const Q = { class: "operation-details" }, X = { class: "examples" }, ke = /* @__PURE__ */ B({
   __name: "ModernLayout",
   props: {
     id: {},
     path: {},
+    clientOptions: {},
     method: {},
     operation: {},
     oldOperation: {},
+    parameters: {},
     isWebhook: { type: Boolean },
     securitySchemes: {},
     server: {},
-    schemas: {}
+    schemas: {},
+    store: {}
   },
   emits: ["update:modelValue"],
   setup(d, { emit: v }) {
-    const p = w(() => d.operation.summary || d.path || ""), C = v, u = q(), { workspace: B } = z(), O = $(), c = (e) => {
+    const p = V(() => d.operation.summary || d.path || ""), C = v, u = w(), O = P(), c = (e) => {
       C("update:modelValue", e);
     };
-    return (e, h) => (s(), r(o(A), {
+    return (e, f) => (i(), r(o(R), {
       id: e.id,
       "aria-labelledby": o(u),
       label: p.value,
       tabindex: "-1"
     }, {
       default: t(() => [
-        a(o(H), {
+        a(o(z), {
           loading: o(O).isLoading
         }, {
           default: t(() => [
-            o(S)(e.operation) ? (s(), r(o(g), {
+            o(k)(e.operation) ? (i(), r(o(S), {
               key: 0,
-              class: y(["capitalize", o(I)(e.operation)])
+              class: b(["capitalize", o(T)(e.operation)])
             }, {
               default: t(() => [
-                n(b(o(S)(e.operation)), 1)
+                n(y(o(k)(e.operation)), 1)
               ]),
               _: 1
-            }, 8, ["class"])) : l("", !0),
-            e.isWebhook ? (s(), r(o(g), {
+            }, 8, ["class"])) : s("", !0),
+            e.isWebhook ? (i(), r(o(S), {
               key: 1,
               class: "font-code text-green flex w-fit items-center justify-center gap-1"
             }, {
               default: t(() => [
-                a(o(E), { weight: "bold" }),
-                h[0] || (h[0] = n("Webhook "))
+                a(o(L), { weight: "bold" }),
+                f[0] || (f[0] = n("Webhook "))
               ]),
               _: 1,
               __: [0]
-            })) : l("", !0),
-            i("div", {
-              class: y(o(N)(e.operation) ? "deprecated" : "")
+            })) : s("", !0),
+            l("div", {
+              class: b(o(W)(e.operation) ? "deprecated" : "")
             }, [
-              a(o(M), null, {
+              a(o(H), null, {
                 default: t(() => [
-                  a(o(U), { id: e.id }, {
+                  a(o(M), { id: e.id }, {
                     default: t(() => [
-                      a(o(j), {
+                      a(o(U), {
                         id: o(u),
                         level: 3
                       }, {
                         default: t(() => [
-                          n(b(p.value), 1)
+                          n(y(p.value), 1)
                         ]),
                         _: 1
                       }, 8, ["id"])
@@ -91,38 +95,40 @@ const Q = { class: "operation-details" }, X = { class: "examples" }, be = /* @__
                 _: 1
               })
             ], 2),
-            a(o(F), null, {
+            a(o(j), null, {
               default: t(() => [
-                a(o(k), null, {
+                a(o(g), null, {
                   default: t(() => [
-                    i("div", Q, [
-                      a(o(W), {
+                    l("div", Q, [
+                      a(o(D), {
                         value: e.operation.description,
                         withImages: "",
                         withAnchors: "",
                         transformType: "heading",
                         anchorPrefix: e.id
                       }, null, 8, ["value", "anchorPrefix"]),
-                      a(P, {
-                        parameters: e.oldOperation.parameters,
+                      a(I, {
+                        breadcrumb: [e.id],
+                        parameters: e.parameters,
                         requestBody: e.oldOperation.requestBody,
                         schemas: e.schemas,
                         "onUpdate:modelValue": c
-                      }, null, 8, ["parameters", "requestBody", "schemas"]),
-                      a(R, {
+                      }, null, 8, ["breadcrumb", "parameters", "requestBody", "schemas"]),
+                      a(N, {
+                        breadcrumb: [e.id],
                         responses: e.oldOperation.responses,
                         schemas: e.schemas
-                      }, null, 8, ["responses", "schemas"]),
+                      }, null, 8, ["breadcrumb", "responses", "schemas"]),
                       a(o(m), null, {
                         default: t(() => [
-                          e.operation.callbacks ? (s(), r(L, {
+                          e.operation.callbacks ? (i(), r(E, {
                             key: 0,
                             class: "mt-6",
                             path: e.path,
                             callbacks: e.operation.callbacks,
                             method: e.method,
                             schemas: e.schemas
-                          }, null, 8, ["path", "callbacks", "method", "schemas"])) : l("", !0)
+                          }, null, 8, ["path", "callbacks", "method", "schemas"])) : s("", !0)
                         ]),
                         _: 1
                       })
@@ -130,27 +136,36 @@ const Q = { class: "operation-details" }, X = { class: "examples" }, be = /* @__
                   ]),
                   _: 1
                 }),
-                a(o(k), null, {
+                a(o(g), null, {
                   default: t(() => [
-                    i("div", X, [
+                    l("div", X, [
+                      e.operation.externalDocs ? (i(), r(o(A), { key: 0 }, {
+                        default: t(() => [
+                          a(o(F), {
+                            value: e.operation.externalDocs
+                          }, null, 8, ["value"])
+                        ]),
+                        _: 1
+                      })) : s("", !0),
                       a(o(m), null, {
                         default: t(() => [
                           a(o(G), {
                             method: e.method,
                             selectedServer: e.server,
+                            clientOptions: e.clientOptions,
                             securitySchemes: e.securitySchemes,
-                            selectedClient: o(B)["x-scalar-default-client"],
+                            selectedClient: e.store.workspace["x-scalar-default-client"],
                             path: e.path,
                             fallback: "",
                             operation: e.operation,
                             "onUpdate:modelValue": c
-                          }, T({
+                          }, q({
                             header: t(() => {
-                              var f;
+                              var h;
                               return [
-                                a(D, {
+                                a($, {
                                   class: "font-code text-c-2 [&_em]:text-c-1 [&_em]:not-italic",
-                                  deprecated: (f = e.operation) == null ? void 0 : f.deprecated,
+                                  deprecated: (h = e.operation) == null ? void 0 : h.deprecated,
                                   path: e.path
                                 }, null, 8, ["deprecated", "path"])
                               ];
@@ -167,7 +182,7 @@ const Q = { class: "operation-details" }, X = { class: "examples" }, be = /* @__
                               ]),
                               key: "0"
                             }
-                          ]), 1032, ["method", "selectedServer", "securitySchemes", "selectedClient", "path", "operation"])
+                          ]), 1032, ["method", "selectedServer", "clientOptions", "securitySchemes", "selectedClient", "path", "operation"])
                         ]),
                         _: 1
                       }),
@@ -196,5 +211,5 @@ const Q = { class: "operation-details" }, X = { class: "examples" }, be = /* @__
   }
 });
 export {
-  be as default
+  ke as default
 };

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

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/dist/features/Search/{SearchButton.vue.d.ts → components/SearchButton.vue.d.ts}

@@ -1,6 +1,4 @@
-import type { Spec } from '@scalar/types/legacy';
 type __VLS_Props = {
-    spec: Spec;
     searchHotKey?: string;
     hideModels?: boolean;
 };

package/dist/features/Search/components/SearchButton.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Search/components/SearchButton.vue"],"names":[],"mappings":"AA4FA,KAAK,WAAW,GAAG;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAC;;AAoJF,wBAMG"}

package/dist/features/Search/components/SearchButton.vue.js

@@ -0,0 +1,65 @@
+import { defineComponent as S, ref as k, watch as w, nextTick as C, onMounted as M, onBeforeUnmount as v, createElementBlock as a, openBlock as r, Fragment as s, createVNode as u, unref as l, normalizeClass as B, withCtx as m, createElementVNode as n, createTextVNode as K, toDisplayString as b } from "vue";
+import { useModal as E, ScalarSidebarSearchButton as H } from "@scalar/components";
+import { isMacOS as f } from "@scalar/helpers/general/is-mac-os";
+import g from "./SearchModal.vue.js";
+import { useApiClient as L } from "../../api-client-modal/useApiClient.js";
+const O = /* @__PURE__ */ S({
+  __name: "SearchButton",
+  props: {
+    searchHotKey: { default: "k" },
+    hideModels: { type: Boolean, default: !1 }
+  },
+  setup(y) {
+    const d = k(), t = E(), { client: c } = L(), i = (o) => {
+      var e;
+      (f() ? o.metaKey : o.ctrlKey) && o.key === y.searchHotKey && !((e = c.value) != null && e.modalState.open) && (o.preventDefault(), o.stopPropagation(), t.open ? t.hide() : t.show());
+    };
+    w(
+      () => t.open,
+      (o, e) => {
+        !o && e && C(() => {
+          var p;
+          (p = d.value) == null || p.$el.focus();
+        });
+      }
+    ), M(() => window.addEventListener("keydown", i)), v(() => window.removeEventListener("keydown", i));
+    function h() {
+      t.show();
+    }
+    return (o, e) => (r(), a(s, null, [
+      u(l(H), {
+        ref_key: "button",
+        ref: d,
+        class: B(["w-full", o.$attrs.class]),
+        onClick: h
+      }, {
+        shortcut: m(() => [
+          l(f)() ? (r(), a(s, { key: 0 }, [
+            e[0] || (e[0] = n("span", { class: "sr-only" }, "Command", -1)),
+            e[1] || (e[1] = n("span", { "aria-hidden": "true" }, "⌘", -1))
+          ], 64)) : (r(), a(s, { key: 1 }, [
+            e[2] || (e[2] = n("span", { class: "sr-only" }, "CTRL", -1)),
+            e[3] || (e[3] = n("span", { "aria-hidden": "true" }, "⌃", -1))
+          ], 64)),
+          K(" " + b(o.searchHotKey), 1)
+        ]),
+        default: m(() => [
+          e[4] || (e[4] = n("span", { class: "sr-only" }, "Open Search", -1)),
+          e[5] || (e[5] = n("span", {
+            "aria-hidden": "true",
+            class: "sidebar-search-placeholder"
+          }, " Search ", -1))
+        ]),
+        _: 1,
+        __: [4, 5]
+      }, 8, ["class"]),
+      u(g, {
+        modalState: l(t),
+        hideModels: o.hideModels
+      }, null, 8, ["modalState", "hideModels"])
+    ], 64));
+  }
+});
+export {
+  O as default
+};

package/dist/features/Search/{SearchModal.vue.d.ts → components/SearchModal.vue.d.ts}

@@ -1,7 +1,5 @@
 import { type ModalState } from '@scalar/components';
-import type { Spec } from '@scalar/types/legacy';
 type __VLS_Props = {
-    parsedSpec: Spec;
     modalState: ModalState;
     hideModels: boolean;
 };

package/dist/features/Search/components/SearchModal.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchModal.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Search/components/SearchModal.vue"],"names":[],"mappings":"AAmTA,OAAO,EAKL,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAA;AAwB3B,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;IACtB,UAAU,EAAE,OAAO,CAAA;CACpB,CAAC;;AA2ZF,wBAOG"}