@scalar/api-reference 1.35.7 → 1.36.1

package/dist/components/Content/Tags/ModernLayout.vue2.js

@@ -2,7 +2,7 @@ import { defineComponent as h, ref as f, useId as y, computed as C, createBlock
 import B from "../../ShowMoreButton.vue.js";
 import { useNavState as v } from "../../../hooks/useNavState.js";
 import I from "./TagSection.vue.js";
-import { useSidebar as O } from "../../../features/sidebar/hooks/useSidebar.js";
+import { useSidebar as O } from "../../../v2/blocks/scalar-sidebar-block/hooks/useSidebar.js";
 import $ from "../../Section/SectionContainer.vue.js";
 import w from "../../Lazy/Lazy.vue2.js";
 const E = /* @__PURE__ */ h({
@@ -13,7 +13,7 @@ const E = /* @__PURE__ */ h({
   },
   setup(o) {
     const u = f(), s = f(), d = y(), { collapsedSidebarItems: c } = O(), { hash: n } = v(), g = C(
-      () => o.moreThanOneTag || o.tag?.title !== "default" || o.tag?.tag.description !== ""
+      () => o.moreThanOneTag || o.tag?.title !== "default" || o.tag?.description !== ""
     );
     async function p() {
       await S(), s.value?.querySelector("button")?.focus();

package/dist/components/Content/Tags/Tag.vue.d.ts

@@ -1,4 +1,4 @@
-import type { TraversedTag } from '../../../features/traverse-schema';
+import type { TraversedTag } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
 type __VLS_Props = {
     tag: TraversedTag;
     layout: 'classic' | 'modern';

package/dist/components/Content/Tags/Tag.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Tags/Tag.vue"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAK9D,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,YAAY,CAAA;IACjB,MAAM,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC5B,cAAc,EAAE,OAAO,CAAA;CACxB,CAAC;AA0CF,QAAA,IAAI,OAAO,IAAU,EAAE,QAAQ,IAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAsBhD,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Tag.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Tags/Tag.vue"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAKhG,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,YAAY,CAAA;IACjB,MAAM,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC5B,cAAc,EAAE,OAAO,CAAA;CACxB,CAAC;AA0CF,QAAA,IAAI,OAAO,IAAU,EAAE,QAAQ,IAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAsBhD,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Content/Tags/TagSection.vue.d.ts

@@ -1,4 +1,4 @@
-import type { TraversedTag } from '../../../features/traverse-schema';
+import type { TraversedTag } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
 type __VLS_Props = {
     tag: TraversedTag;
     headerId?: string;

package/dist/components/Content/Tags/TagSection.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TagSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Tags/TagSection.vue"],"names":[],"mappings":"AA0EA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAG9D,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,YAAY,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;;AAgLF,wBAMG"}
+{"version":3,"file":"TagSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Tags/TagSection.vue"],"names":[],"mappings":"AA6DA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAgBhG,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,YAAY,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;;AAgLF,wBAMG"}

package/dist/components/Content/Tags/TagSection.vue.js

@@ -11,7 +11,7 @@ import y from "../../Section/SectionColumns.vue.js";
 import p from "../../Section/SectionColumn.vue.js";
 import B from "../../OperationsList/OperationsList.vue.js";
 import I from "../../../features/specification-extension/SpecificationExtension.vue2.js";
-const z = /* @__PURE__ */ f({
+const q = /* @__PURE__ */ f({
   __name: "TagSection",
   props: {
     tag: {},
@@ -67,7 +67,7 @@ const z = /* @__PURE__ */ f({
                   default: a(() => [
                     t(e(c), {
                       clamp: o.isCollapsed ? 7 : void 0,
-                      value: o.tag.tag?.description ?? "",
+                      value: o.tag?.description ?? "",
                       withImages: ""
                     }, null, 8, ["clamp", "value"])
                   ]),
@@ -86,7 +86,7 @@ const z = /* @__PURE__ */ f({
           _: 1
         }, 8, ["loading"]),
         t(e(I), {
-          value: o.tag.tag
+          value: o.tag.xKeys
         }, null, 8, ["value"])
       ]),
       _: 1
@@ -94,5 +94,5 @@ const z = /* @__PURE__ */ f({
   }
 });
 export {
-  z as default
+  q as default
 };

package/dist/components/MobileHeader.vue.js

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

package/dist/components/MobileHeader.vue2.js

@@ -1,7 +1,7 @@
 import { defineComponent as t, createElementBlock as a, openBlock as c, createVNode as i, createElementVNode as s, unref as e, toDisplayString as l, renderSlot as d } from "vue";
 import { ScalarIconButton as m } from "@scalar/components";
 import { ScalarIconX as p, ScalarIconList as u } from "@scalar/icons";
-import { useSidebar as b } from "../features/sidebar/hooks/useSidebar.js";
+import { useSidebar as b } from "../v2/blocks/scalar-sidebar-block/hooks/useSidebar.js";
 const _ = { class: "references-mobile-header t-doc__header" }, f = { class: "references-mobile-breadcrumbs" }, S = { class: "references-mobile-header-actions" }, M = /* @__PURE__ */ t({
   __name: "MobileHeader",
   props: {

package/dist/components/OperationsList/OperationsList.vue.d.ts

@@ -1,4 +1,4 @@
-import type { TraversedTag } from '../../features/traverse-schema';
+import type { TraversedTag } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
 type __VLS_Props = {
     tag: TraversedTag;
 };

package/dist/components/OperationsList/OperationsList.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OperationsList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/OperationsList/OperationsList.vue"],"names":[],"mappings":"AA0EA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAQ9D,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,YAAY,CAAA;CAClB,CAAC;;AAmHF,wBAMG"}
+{"version":3,"file":"OperationsList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/OperationsList/OperationsList.vue"],"names":[],"mappings":"AAmEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAOhG,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,YAAY,CAAA;CAClB,CAAC;;AAmHF,wBAMG"}

package/dist/components/OperationsList/OperationsList.vue.js

@@ -1,7 +1,7 @@
 import o from "./OperationsList.vue2.js";
 /* empty css                    */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d474b1bb"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-50e4708f"]]);
 export {
   a as default
 };

package/dist/components/OperationsList/OperationsList.vue2.js

@@ -1,19 +1,17 @@
-import { defineComponent as m, computed as p, createBlock as l, createCommentVNode as u, openBlock as a, unref as r, withCtx as t, createVNode as o, createTextVNode as i, toDisplayString as s, createElementVNode as f, createElementBlock as h, Fragment as g, renderList as k } from "vue";
+import { defineComponent as p, computed as m, createBlock as l, createCommentVNode as u, openBlock as a, unref as r, withCtx as t, createVNode as o, createTextVNode as i, toDisplayString as s, createElementVNode as f, createElementBlock as h, Fragment as g, renderList as k } from "vue";
 import { ScalarCard as _, ScalarCardHeader as C, ScalarCardSection as S } from "@scalar/components";
 import b from "../ScreenReader.vue.js";
-import N from "./OperationsListItem.vue.js";
-const V = ["aria-label"], E = /* @__PURE__ */ m({
+import y from "./OperationsListItem.vue.js";
+const N = ["aria-label"], E = /* @__PURE__ */ p({
   __name: "OperationsList",
   props: {
     tag: {}
   },
   setup(d) {
-    const c = p(
-      () => d.tag.children?.filter(
-        (e) => "operation" in e || "webhook" in e
-      )
-    );
-    return (e, y) => e.tag.children?.length > 0 ? (a(), l(r(_), {
+    const c = m(() => d.tag.children?.filter(
+      (e) => e.type === "operation" || e.type === "webhook"
+    ) ?? []);
+    return (e, V) => e.tag.children && e.tag.children?.length > 0 ? (a(), l(r(_), {
       key: 0,
       class: "endpoints-card"
     }, {
@@ -36,11 +34,11 @@ const V = ["aria-label"], E = /* @__PURE__ */ m({
               "aria-label": `${e.tag.title} endpoints`,
               class: "endpoints"
             }, [
-              (a(!0), h(g, null, k(c.value, (n) => (a(), l(N, {
+              (a(!0), h(g, null, k(c.value, (n) => (a(), l(y, {
                 key: n.id,
                 operation: n
               }, null, 8, ["operation"]))), 128))
-            ], 8, V)
+            ], 8, N)
           ]),
           _: 1
         })

package/dist/components/OperationsList/OperationsListItem.vue.d.ts

@@ -1,4 +1,4 @@
-import type { TraversedOperation, TraversedWebhook } from '../../features/traverse-schema';
+import type { TraversedOperation, TraversedWebhook } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
 type __VLS_Props = {
     operation: TraversedOperation | TraversedWebhook;
     isCollapsed?: boolean;

package/dist/components/OperationsList/OperationsListItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OperationsListItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/OperationsList/OperationsListItem.vue"],"names":[],"mappings":"AA0IA,OAAO,KAAK,EAEV,kBAAkB,EAClB,gBAAgB,EACjB,MAAM,4BAA4B,CAAA;AAEnC,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,kBAAkB,GAAG,gBAAgB,CAAA;IAChD,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;;AAgKF,wBAMG"}
+{"version":3,"file":"OperationsListItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/OperationsList/OperationsListItem.vue"],"names":[],"mappings":"AAwHA,OAAO,KAAK,EAEV,kBAAkB,EAClB,gBAAgB,EACjB,MAAM,8DAA8D,CAAA;AAOrE,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,kBAAkB,GAAG,gBAAgB,CAAA;IAChD,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;;AAsJF,wBAMG"}

package/dist/components/OperationsList/OperationsListItem.vue.js

@@ -1,7 +1,7 @@
 import t from "./OperationsListItem.vue2.js";
 /* empty css                        */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-e2dcc62f"]]);
+const s = /* @__PURE__ */ o(t, [["__scopeId", "data-v-836b3c7f"]]);
 export {
-  p as default
+  s as default
 };

package/dist/components/OperationsList/OperationsListItem.vue2.js

@@ -1,63 +1,60 @@
-import { defineComponent as u, computed as y, createElementBlock as k, openBlock as r, createBlock as i, createCommentVNode as a, createElementVNode as s, unref as o, withCtx as l, createTextVNode as C, toDisplayString as p, withModifiers as g, createVNode as S, normalizeStyle as V, normalizeClass as b } from "vue";
-import { getHttpMethodInfo as v } from "@scalar/helpers/http/http-info";
-import { ScalarIconWebhooksLogo as B } from "@scalar/icons";
-import { isOperationDeprecated as H } from "@scalar/oas-utils/helpers";
-import { useSidebar as N } from "../../features/sidebar/hooks/useSidebar.js";
-import O from "../Section/SectionHeaderTag.vue.js";
-import T from "../HttpMethod/HttpMethod.vue.js";
-const w = ["href"], j = /* @__PURE__ */ u({
+import { defineComponent as h, computed as u, createElementBlock as y, openBlock as r, createBlock as a, createCommentVNode as i, createElementVNode as s, unref as o, withCtx as l, createTextVNode as k, toDisplayString as p, withModifiers as C, createVNode as g, normalizeStyle as S, normalizeClass as V } from "vue";
+import { getHttpMethodInfo as b } from "@scalar/helpers/http/http-info";
+import { ScalarIconWebhooksLogo as v } from "@scalar/icons";
+import { useSidebar as B } from "../../v2/blocks/scalar-sidebar-block/hooks/useSidebar.js";
+import H from "../Section/SectionHeaderTag.vue.js";
+import N from "../HttpMethod/HttpMethod.vue.js";
+const T = ["href"], L = /* @__PURE__ */ h({
   __name: "OperationsListItem",
   props: {
     operation: {},
     isCollapsed: { type: Boolean }
   },
   setup(t) {
-    const { scrollToOperation: d } = N(), m = async (e) => {
+    const { scrollToOperation: d } = B(), m = async (e) => {
       d(e.id, !0);
-    }, c = y(() => "path" in t.operation ? t.operation.path : t.operation.title), f = (e) => "operation" in e && H(
-      e.operation
-    ), h = (e) => "webhook" in e;
-    return (e, n) => (r(), k("li", {
+    }, c = u(() => "path" in t.operation ? t.operation.path : t.operation.title), f = (e) => e.type === "webhook";
+    return (e, n) => (r(), y("li", {
       key: e.operation.id,
       class: "contents"
     }, [
-      e.isCollapsed ? (r(), i(o(O), {
+      e.isCollapsed ? (r(), a(o(H), {
         key: 0,
         class: "sr-only",
         level: 3
       }, {
         default: l(() => [
-          C(p(e.operation.title) + " (Hidden) ", 1)
+          k(p(e.operation.title) + " (Hidden) ", 1)
         ]),
         _: 1
-      })) : a("", !0),
+      })) : i("", !0),
       s("a", {
         class: "endpoint",
         href: `#${e.operation.id}`,
-        onClick: n[0] || (n[0] = g((z) => m(e.operation), ["prevent"]))
+        onClick: n[0] || (n[0] = C((w) => m(e.operation), ["prevent"]))
       }, [
-        S(o(T), {
+        g(o(N), {
           class: "endpoint-method items-center justify-end gap-2",
           method: e.operation.method
         }, {
           default: l(() => [
-            h(e.operation) ? (r(), i(o(B), {
+            f(e.operation) ? (r(), a(o(v), {
               key: 0,
-              style: V({
-                color: o(v)(e.operation.method).colorVar
-              }),
-              class: "size-3.5"
-            }, null, 8, ["style"])) : a("", !0)
+              class: "size-3.5",
+              style: S({
+                color: o(b)(e.operation.method).colorVar
+              })
+            }, null, 8, ["style"])) : i("", !0)
           ]),
           _: 1
         }, 8, ["method"]),
         s("span", {
-          class: b(["endpoint-path", { deprecated: f(e.operation) }])
+          class: V(["endpoint-path", { deprecated: e.operation.isDeprecated }])
         }, p(c.value), 3)
-      ], 8, w)
+      ], 8, T)
     ]));
   }
 });
 export {
-  j as default
+  L as default
 };

package/dist/components/Section/Section.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Section.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Section/Section.vue"],"names":[],"mappings":"AAyEA,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AAiEF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAqB/C,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Section.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Section/Section.vue"],"names":[],"mappings":"AAiEA,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AA2DF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAqB/C,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Section/Section.vue.js

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

package/dist/components/Section/Section.vue2.js

@@ -1,31 +1,30 @@
-import { defineComponent as l, createBlock as d, openBlock as c, withCtx as m, renderSlot as p } from "vue";
-import f from "../IntersectionObserver.vue.js";
-import { useNavState as u } from "../../hooks/useNavState.js";
-import { useSidebar as S } from "../../features/sidebar/hooks/useSidebar.js";
-const v = /* @__PURE__ */ l({
+import { defineComponent as s, createBlock as a, openBlock as l, withCtx as c, renderSlot as d } from "vue";
+import p from "../IntersectionObserver.vue.js";
+import { useNavState as f } from "../../hooks/useNavState.js";
+const b = /* @__PURE__ */ s({
   __name: "Section",
   props: {
     id: {},
     label: {}
   },
   setup(o) {
-    const e = o, { getSectionId: i, isIntersectionEnabled: r, replaceUrlState: n } = u(), { setCollapsedSidebarItem: s } = S();
-    function a() {
-      !e.label || !r.value || (n(e.id ?? ""), (e.id?.startsWith("model") || e.id?.startsWith("webhook")) && s(i(e.id), !0));
+    const e = o, { isIntersectionEnabled: n, replaceUrlState: r } = f();
+    function i() {
+      !e.label || !n.value || r(e.id ?? "");
     }
-    return (t, _) => (c(), d(f, {
+    return (t, u) => (l(), a(p, {
       is: "section",
       id: t.id,
       class: "section",
-      onIntersecting: a
+      onIntersecting: i
     }, {
-      default: m(() => [
-        p(t.$slots, "default", {}, void 0, !0)
+      default: c(() => [
+        d(t.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["id"]));
   }
 });
 export {
-  v as default
+  b as default
 };

package/dist/components/Section/SectionAccordion.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionAccordion.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Section/SectionAccordion.vue"],"names":[],"mappings":"AA0JA,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;AAmKF,QAAA,IAAyB,QAAQ,IAAW,EAAE,QAAQ;;CAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC9G,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACjD;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA4BhD,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"SectionAccordion.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Section/SectionAccordion.vue"],"names":[],"mappings":"AAkJA,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;AA6JF,QAAA,IAAyB,QAAQ,IAAW,EAAE,QAAQ;;CAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC9G,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACjD;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA4BhD,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Section/SectionAccordion.vue.js

@@ -1,7 +1,7 @@
 import o from "./SectionAccordion.vue2.js";
 /* empty css                      */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d3d6e381"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-224efaa7"]]);
 export {
   e as default
 };

package/dist/components/Section/SectionAccordion.vue2.js

@@ -1,64 +1,63 @@
-import { defineComponent as k, ref as $, createBlock as C, openBlock as c, withCtx as s, createVNode as n, unref as o, normalizeClass as d, createElementVNode as l, createElementBlock as u, createCommentVNode as m, renderSlot as i } from "vue";
-import { Disclosure as B, DisclosureButton as I, DisclosurePanel as _ } from "@headlessui/vue";
-import { ScalarIconCaretRight as y } from "@scalar/icons";
-import { useElementHover as E } from "@vueuse/core";
-import { useNavState as N } from "../../hooks/useNavState.js";
-import g from "../IntersectionObserver.vue.js";
-import { useSidebar as w } from "../../features/sidebar/hooks/useSidebar.js";
-const D = { class: "section-accordion-button-content" }, V = {
+import { defineComponent as h, ref as $, createBlock as b, openBlock as c, withCtx as e, createVNode as s, unref as t, normalizeClass as l, createElementVNode as d, createElementBlock as u, createCommentVNode as m, renderSlot as n } from "vue";
+import { Disclosure as k, DisclosureButton as S, DisclosurePanel as B } from "@headlessui/vue";
+import { ScalarIconCaretRight as C } from "@scalar/icons";
+import { useElementHover as y } from "@vueuse/core";
+import { useNavState as E } from "../../hooks/useNavState.js";
+import N from "../IntersectionObserver.vue.js";
+const D = { class: "section-accordion-button-content" }, I = {
   key: 0,
   class: "section-accordion-button-actions"
-}, z = {
+}, V = {
   key: 0,
   class: "section-accordion-description"
-}, H = { class: "section-accordion-content-card" }, G = /* @__PURE__ */ k({
+}, g = { class: "section-accordion-content-card" }, j = /* @__PURE__ */ h({
   __name: "SectionAccordion",
   props: {
     id: {},
     transparent: { type: Boolean }
   },
-  setup(e) {
-    const r = $(), f = E(r), { getSectionId: p, isIntersectionEnabled: v, replaceUrlState: h } = N(), { setCollapsedSidebarItem: b } = w(), S = () => {
-      !e.id || !v.value || (h(e.id), (e.id?.startsWith("model") || e.id?.startsWith("webhook")) && b(p(e.id), !0));
+  setup(r) {
+    const i = $(), f = y(i), { isIntersectionEnabled: p, replaceUrlState: v } = E(), _ = () => {
+      !r.id || !p.value || v(r.id);
     };
-    return (t, W) => (c(), C(g, {
-      id: t.id,
+    return (o, w) => (c(), b(N, {
+      id: o.id,
       class: "section-wrapper",
-      onIntersecting: S
+      onIntersecting: _
     }, {
-      default: s(() => [
-        n(o(B), {
+      default: e(() => [
+        s(t(k), {
           as: "section",
-          class: d(["section-accordion", { "section-accordion-transparent": t.transparent }])
+          class: l(["section-accordion", { "section-accordion-transparent": o.transparent }])
         }, {
-          default: s(({ open: a }) => [
-            n(o(I), {
+          default: e(({ open: a }) => [
+            s(t(S), {
               ref_key: "button",
-              ref: r,
+              ref: i,
               class: "section-accordion-button"
             }, {
-              default: s(() => [
-                l("div", D, [
-                  i(t.$slots, "title", {}, void 0, !0)
+              default: e(() => [
+                d("div", D, [
+                  n(o.$slots, "title", {}, void 0, !0)
                 ]),
-                t.$slots.actions ? (c(), u("div", V, [
-                  i(t.$slots, "actions", {
-                    active: o(f) || a
+                o.$slots.actions ? (c(), u("div", I, [
+                  n(o.$slots, "actions", {
+                    active: t(f) || a
                   }, void 0, !0)
                 ])) : m("", !0),
-                n(o(y), {
-                  class: d(["section-accordion-chevron size-4.5 transition-transform", { "rotate-90": a }])
+                s(t(C), {
+                  class: l(["section-accordion-chevron size-4.5 transition-transform", { "rotate-90": a }])
                 }, null, 8, ["class"])
               ]),
               _: 2
             }, 1536),
-            n(o(_), { class: "section-accordion-content" }, {
-              default: s(() => [
-                t.$slots.description ? (c(), u("div", z, [
-                  i(t.$slots, "description", {}, void 0, !0)
+            s(t(B), { class: "section-accordion-content" }, {
+              default: e(() => [
+                o.$slots.description ? (c(), u("div", V, [
+                  n(o.$slots, "description", {}, void 0, !0)
                 ])) : m("", !0),
-                l("div", H, [
-                  i(t.$slots, "default", {}, void 0, !0)
+                d("div", g, [
+                  n(o.$slots, "default", {}, void 0, !0)
                 ])
               ]),
               _: 3
@@ -72,5 +71,5 @@ const D = { class: "section-accordion-button-content" }, V = {
   }
 });
 export {
-  G as default
+  j as default
 };

package/dist/components/ShowMoreButton.vue.js

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

package/dist/components/ShowMoreButton.vue2.js

@@ -1,7 +1,7 @@
 import { defineComponent as c, createElementBlock as i, openBlock as s, createTextVNode as a, createVNode as m, unref as l } from "vue";
 import { ScalarIconCaretDown as d } from "@scalar/icons";
 import { useConfig as u } from "../hooks/useConfig.js";
-import { useSidebar as f } from "../features/sidebar/hooks/useSidebar.js";
+import { useSidebar as f } from "../v2/blocks/scalar-sidebar-block/hooks/useSidebar.js";
 const h = /* @__PURE__ */ c({
   __name: "ShowMoreButton",
   props: {
@@ -18,8 +18,8 @@ const h = /* @__PURE__ */ c({
     }, [
       o[0] || (o[0] = a(" Show More ")),
       m(l(d), {
-        weight: "bold",
-        class: "text-c-2 mt-0.25 size-3"
+        class: "text-c-2 mt-0.25 size-3",
+        weight: "bold"
       })
     ]));
   }

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":"AA4GA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AACzE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAEpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8DAA8D,CAAA;AAKnG,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAA;AAKvF,KAAK,WAAW,GAAG;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,UAAU,CAAA;IAClB,aAAa,EAAE,iBAAiB,EAAE,CAAA;IAClC,MAAM,EAAE,yBAAyB,CAAA;IACjC,QAAQ,EAAE,eAAe,CAAA;IACzB,SAAS,EAAE,OAAO,CAAA;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,KAAK,EAAE,cAAc,CAAA;IACrB,iGAAiG;IACjG,UAAU,EAAE,UAAU,CAAA;CACvB,CAAC;;AA0IJ,wBAMG"}
+{"version":3,"file":"Operation.vue.d.ts","sourceRoot":"","sources":["../../../src/features/Operation/Operation.vue"],"names":[],"mappings":"AA8HA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AACzE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAEpE,OAAO,KAAK,EACV,eAAe,EAEhB,MAAM,8DAA8D,CAAA;AAKrE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAA;AAMvF,KAAK,WAAW,GAAG;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,UAAU,CAAA;IAClB,aAAa,EAAE,iBAAiB,EAAE,CAAA;IAClC,MAAM,EAAE,yBAAyB,CAAA;IACjC,QAAQ,EAAE,eAAe,CAAA;IACzB,SAAS,EAAE,OAAO,CAAA;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,KAAK,EAAE,cAAc,CAAA;IACrB,iGAAiG;IACjG,UAAU,EAAE,UAAU,CAAA;CACvB,CAAC;;AAyJJ,wBAMG"}

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

@@ -1,12 +1,13 @@
-import { defineComponent as l, computed as r, createElementBlock as u, createCommentVNode as h, openBlock as i, Fragment as p, createBlock as m } from "vue";
-import { useWorkspace as d } from "@scalar/api-client/store";
+import { defineComponent as u, computed as r, createElementBlock as h, createCommentVNode as p, openBlock as s, Fragment as d, createBlock as m } from "vue";
+import { useWorkspace as v } from "@scalar/api-client/store";
 import { filterSecurityRequirements as f } from "@scalar/api-client/views/Request/RequestSection";
 import { getResolvedRef as y } from "@scalar/workspace-store/helpers/get-resolved-ref";
-import { combineParams as v } from "./helpers/combine-params.js";
-import { convertSecurityScheme as k } from "../../helpers/convert-security-scheme.js";
-import S from "./layouts/ClassicLayout.vue.js";
-import b from "./layouts/ModernLayout.vue.js";
-const w = /* @__PURE__ */ l({
+import { combineParams as k } from "./helpers/combine-params.js";
+import { convertSecurityScheme as S } from "../../helpers/convert-security-scheme.js";
+import { getFirstServer as g } from "./helpers/get-first-server.js";
+import b from "./layouts/ClassicLayout.vue.js";
+import W from "./layouts/ModernLayout.vue.js";
+const I = /* @__PURE__ */ u({
   __name: "Operation",
   props: {
     path: {},
@@ -21,27 +22,36 @@ const w = /* @__PURE__ */ l({
     collection: {}
   },
   setup(o) {
-    const s = r(() => {
+    const i = r(() => {
       const e = o.isWebhook ? "webhooks" : "paths";
       return o.document[e]?.[o.path];
     }), t = r(() => {
-      const e = y(s.value?.[o.method]);
+      const e = y(i.value?.[o.method]);
       if (!e)
         return null;
-      const c = v(
-        s.value?.parameters,
+      const a = k(
+        i.value?.parameters,
         e.parameters
       );
-      return { ...e, parameters: c };
-    }), { securitySchemes: a } = d(), n = r(
+      return { ...e, parameters: a };
+    }), { securitySchemes: l } = v(), n = r(
       () => f(
         t.value?.security || o.document.security || [],
         o.collection.selectedSecuritySchemeUids,
-        a
-      ).map(k)
+        l
+      ).map(S)
+    ), c = r(
+      () => g(
+        // 1) Operation
+        t.value?.servers,
+        // 2) Path Item
+        i.value?.servers,
+        // 3) Document
+        o.server
+      )
     );
-    return (e, c) => t.value ? (i(), u(p, { key: 0 }, [
-      e.config.layout === "classic" ? (i(), m(S, {
+    return (e, a) => t.value ? (s(), h(d, { key: 0 }, [
+      e.config.layout === "classic" ? (s(), m(b, {
         key: 0,
         id: e.id,
         clientOptions: e.clientOptions,
@@ -51,9 +61,9 @@ const w = /* @__PURE__ */ l({
         operation: t.value,
         path: e.path,
         securitySchemes: n.value,
-        server: e.server,
+        server: c.value,
         store: e.store
-      }, null, 8, ["id", "clientOptions", "config", "isWebhook", "method", "operation", "path", "securitySchemes", "server", "store"])) : (i(), m(b, {
+      }, null, 8, ["id", "clientOptions", "config", "isWebhook", "method", "operation", "path", "securitySchemes", "server", "store"])) : (s(), m(W, {
         key: 1,
         id: e.id,
         clientOptions: e.clientOptions,
@@ -63,12 +73,12 @@ const w = /* @__PURE__ */ l({
         operation: t.value,
         path: e.path,
         securitySchemes: n.value,
-        server: e.server,
+        server: c.value,
         store: e.store
       }, null, 8, ["id", "clientOptions", "config", "isWebhook", "method", "operation", "path", "securitySchemes", "server", "store"]))
-    ], 64)) : h("", !0);
+    ], 64)) : p("", !0);
   }
 });
 export {
-  w as default
+  I as default
 };

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

@@ -1,8 +1,10 @@
+import type { ApiReferenceConfiguration } from '@scalar/types/api-reference';
 import type { HeaderObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
 type __VLS_Props = {
     header: HeaderObject;
     name: string;
     breadcrumb?: string[];
+    config: ApiReferenceConfiguration;
 };
 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/components/Header.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/components/Header.vue"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAIhG,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,YAAY,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;CACtB,CAAC;;AAkDF,wBAMG"}
+{"version":3,"file":"Header.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/components/Header.vue"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAE5E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAIhG,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,YAAY,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,MAAM,EAAE,yBAAyB,CAAA;CAClC,CAAC;;AA0DF,wBAMG"}