@scalar/api-reference 1.62.0 → 1.62.1

package/dist/features/Operation/components/RequestBody.vue.script.js

@@ -1,7 +1,8 @@
 import { useLocalization } from "../../localization/use-localization.js";
+import { inferDiscriminatorMappingComposition } from "../../../components/Content/Schema/helpers/get-compositions-to-render.js";
 import { isTypeObject } from "../../../components/Content/Schema/helpers/is-type-object.js";
-import { reduceNamesToObject, sortPropertyNames } from "../../../components/Content/Schema/helpers/sort-property-names.js";
 import { getModelNameFromSchema } from "../../../components/Content/Schema/helpers/schema-name.js";
+import { reduceNamesToObject, sortPropertyNames } from "../../../components/Content/Schema/helpers/sort-property-names.js";
 import LinkButton_default from "../../../components/Content/Schema/LinkButton.vue.js";
 import Schema_default from "../../../components/Content/Schema/Schema.vue.js";
 import ContentTypeSelect_default from "./ContentTypeSelect.vue.js";
@@ -69,6 +70,7 @@ var RequestBody_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 		*/
 		const partitionedSchema = computed(() => {
 			if (!schema.value || !isTypeObject(schema.value)) return null;
+			if (inferDiscriminatorMappingComposition(schema.value, __props.document)) return null;
 			const sortedNames = sortPropertyNames(schema.value, schema.value.discriminator, {
 				hideReadOnly: true,
 				orderSchemaPropertiesBy: __props.options.orderSchemaPropertiesBy,

package/dist/features/Operation/components/RequestBody.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequestBody.vue.script.js","names":[],"sources":["../../../../src/features/Operation/components/RequestBody.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n  OpenApiDocument,\n  RequestBodyObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport { Schema } from '@/components/Content/Schema'\nimport { isTypeObject } from '@/components/Content/Schema/helpers/is-type-object'\nimport { getModelNameFromSchema } from '@/components/Content/Schema/helpers/schema-name'\nimport {\n  reduceNamesToObject,\n  sortPropertyNames,\n} from '@/components/Content/Schema/helpers/sort-property-names'\nimport LinkButton from '@/components/Content/Schema/LinkButton.vue'\nimport { useLocalization } from '@/features/localization'\n\nimport ContentTypeSelect from './ContentTypeSelect.vue'\n\nconst { requestBody, options, document } = defineProps<{\n  breadcrumb?: string[]\n  requestBody?: RequestBodyObject\n  eventBus: WorkspaceEventBus | null\n  /** The document the request body belongs to, used to resolve schema references for display */\n  document?: OpenApiDocument\n  options: {\n    orderRequiredPropertiesFirst: boolean | undefined\n    orderSchemaPropertiesBy: 'alpha' | 'preserve' | undefined\n    hideModels: boolean | undefined\n    expandAllSchemaProperties: boolean | undefined\n  }\n}>()\nconst { translate } = useLocalization()\n\n/**\n * The maximum number of properties to show in the request body schema.\n */\nconst MAX_VISIBLE_PROPERTIES = 12\n\nconst availableContentTypes = computed(() =>\n  Object.keys(requestBody?.content ?? {}),\n)\n\nconst selectedContentType = defineModel<string>('selectedContentType', {\n  default: 'application/json',\n})\n\nif (requestBody?.content) {\n  if (availableContentTypes.value[0]) {\n    selectedContentType.value = availableContentTypes.value[0]\n  }\n}\n\n/** Raw schema (possibly with $ref) for the selected content type */\nconst rawSchema = computed(\n  () => requestBody?.content?.[selectedContentType.value]?.schema,\n)\n\nconst schema = computed(() => getResolvedRef(rawSchema.value))\n\n/** When the schema is a $ref, preserve its name so the UI can show the ref name instead of just the type. */\nconst modelLink = computed(\n  () => (rawSchema.value && getModelNameFromSchema(rawSchema.value)) ?? null,\n)\n\n/**\n * Splits schema properties into visible and collapsed sections when there are more than 12 properties.\n * Returns null for schemas with fewer properties or non-object schemas.\n */\nconst partitionedSchema = computed(() => {\n  // Early return if not an object schema\n  if (!schema.value || !isTypeObject(schema.value)) {\n    return null\n  }\n\n  // Lets sort the names first\n  const sortedNames = sortPropertyNames(\n    schema.value,\n    schema.value.discriminator,\n    {\n      hideReadOnly: true,\n      orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n      orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n    },\n  )\n\n  if (sortedNames.length <= MAX_VISIBLE_PROPERTIES) {\n    return null\n  }\n\n  // Destructure everything except properties\n  const { properties, ...schemaMetadata } = schema.value\n  if (!properties) {\n    return null\n  }\n\n  return {\n    visibleProperties: {\n      ...schemaMetadata,\n      properties: reduceNamesToObject(\n        sortedNames.slice(0, MAX_VISIBLE_PROPERTIES),\n        properties,\n      ),\n    },\n    collapsedProperties: {\n      ...schemaMetadata,\n      properties: reduceNamesToObject(\n        sortedNames.slice(MAX_VISIBLE_PROPERTIES),\n        properties,\n      ),\n    },\n  }\n})\n\n/**\n * We don't want to render the request body if its completely empty\n * @example\n * {\n *   \"content\": {},\n * }\n */\nconst shouldRenderRequestBody = computed(\n  () =>\n    Object.keys(requestBody?.content ?? {}).length > 0 ||\n    requestBody?.description ||\n    requestBody?.required,\n)\n</script>\n<template>\n  <div\n    v-if=\"requestBody && shouldRenderRequestBody\"\n    :aria-label=\"translate('operation.requestBody')\"\n    class=\"request-body\"\n    role=\"group\">\n    <div class=\"request-body-header\">\n      <div class=\"request-body-title\">\n        <slot name=\"title\" />\n        <span\n          v-if=\"modelLink\"\n          class=\"text-c-2 text-xs leading-none font-normal\"\n          data-testid=\"request-body-schema-name\">\n          <span class=\"text-c-3 mx-1.5\">·</span>\n          <LinkButton\n            v-if=\"eventBus && modelLink.schemaKey\"\n            @click=\"\n              eventBus.emit('scroll-to:model-by-name', {\n                name: modelLink.schemaKey,\n              })\n            \">\n            {{ modelLink.label }}\n          </LinkButton>\n          <template v-else>{{ modelLink.label }}</template>\n        </span>\n      </div>\n      <div class=\"flex items-center gap-2\">\n        <div\n          v-if=\"requestBody.required\"\n          class=\"request-body-required\">\n          {{ translate('common.required') }}\n        </div>\n        <ContentTypeSelect\n          v-model=\"selectedContentType\"\n          :content=\"requestBody.content\" />\n      </div>\n      <div\n        v-if=\"requestBody.description\"\n        class=\"request-body-description\">\n        <ScalarMarkdown :value=\"requestBody.description\" />\n      </div>\n    </div>\n\n    <!-- For over 12 properties we want to show 12 and collapse the rest -->\n    <div\n      v-if=\"partitionedSchema\"\n      class=\"request-body-schema\">\n      <Schema\n        :breadcrumb\n        compact\n        :compositionPath=\"['requestBody']\"\n        :eventBus=\"eventBus\"\n        :name=\"translate('operation.requestBody')\"\n        noncollapsible\n        :options=\"{\n          hideReadOnly: true,\n          orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n          orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n          expandAllSchemaProperties: options.expandAllSchemaProperties,\n          document,\n        }\"\n        :schema=\"partitionedSchema.visibleProperties\"\n        schemaContext=\"requestBody\" />\n\n      <Schema\n        additionalProperties\n        :breadcrumb\n        compact\n        :compositionPath=\"['requestBody']\"\n        :eventBus=\"eventBus\"\n        hideDescription\n        :name=\"translate('operation.requestBody')\"\n        :options=\"{\n          hideReadOnly: true,\n          orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n          orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n          expandAllSchemaProperties: options.expandAllSchemaProperties,\n          document,\n        }\"\n        :schema=\"partitionedSchema.collapsedProperties\"\n        schemaContext=\"requestBody\" />\n    </div>\n\n    <!-- Show em all 12 and under -->\n    <div\n      v-else-if=\"schema\"\n      class=\"request-body-schema\">\n      <Schema\n        :breadcrumb\n        compact\n        :compositionPath=\"['requestBody']\"\n        :eventBus=\"eventBus\"\n        :hideReadOnly=\"true\"\n        :name=\"translate('operation.requestBody')\"\n        noncollapsible\n        :options=\"{\n          hideReadOnly: true,\n          orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n          orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n          expandAllSchemaProperties: options.expandAllSchemaProperties,\n          document,\n        }\"\n        :schema=\"schema\"\n        schemaContext=\"requestBody\" />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.request-body {\n  margin-top: 24px;\n}\n.request-body-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-bottom: 12px;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n  flex-flow: wrap;\n}\n.request-body-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: var(--scalar-font-size-2);\n  font-weight: var(--scalar-semibold);\n  color: var(--scalar-color-1);\n}\n.request-body-required {\n  font-size: var(--scalar-micro);\n  color: var(--scalar-color-orange);\n  font-weight: normal;\n  border-radius: 16px;\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  padding: 2px 8px;\n  height: 20px;\n}\n.request-body-description {\n  margin-top: 6px;\n  font-size: var(--scalar-small);\n  width: 100%;\n}\n\n.request-body-header\n  + .request-body-schema:has(> .schema-card > .schema-card-description),\n.request-body-header\n  + .request-body-schema:has(\n    > .schema-card > .schema-properties > * > .property--level-0\n  ) {\n  /** Add a bit of space between the heading border and the schema description or properties */\n  padding-top: 8px;\n}\n.request-body-description :deep(.markdown) * {\n  color: var(--scalar-color-2) !important;\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"RequestBody.vue.script.js","names":[],"sources":["../../../../src/features/Operation/components/RequestBody.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n  OpenApiDocument,\n  RequestBodyObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport { Schema } from '@/components/Content/Schema'\nimport { inferDiscriminatorMappingComposition } from '@/components/Content/Schema/helpers/get-compositions-to-render'\nimport { isTypeObject } from '@/components/Content/Schema/helpers/is-type-object'\nimport { getModelNameFromSchema } from '@/components/Content/Schema/helpers/schema-name'\nimport {\n  reduceNamesToObject,\n  sortPropertyNames,\n} from '@/components/Content/Schema/helpers/sort-property-names'\nimport LinkButton from '@/components/Content/Schema/LinkButton.vue'\nimport { useLocalization } from '@/features/localization'\n\nimport ContentTypeSelect from './ContentTypeSelect.vue'\n\nconst { requestBody, options, document } = defineProps<{\n  breadcrumb?: string[]\n  requestBody?: RequestBodyObject\n  eventBus: WorkspaceEventBus | null\n  /** The document the request body belongs to, used to resolve schema references for display */\n  document?: OpenApiDocument\n  options: {\n    orderRequiredPropertiesFirst: boolean | undefined\n    orderSchemaPropertiesBy: 'alpha' | 'preserve' | undefined\n    hideModels: boolean | undefined\n    expandAllSchemaProperties: boolean | undefined\n  }\n}>()\nconst { translate } = useLocalization()\n\n/**\n * The maximum number of properties to show in the request body schema.\n */\nconst MAX_VISIBLE_PROPERTIES = 12\n\nconst availableContentTypes = computed(() =>\n  Object.keys(requestBody?.content ?? {}),\n)\n\nconst selectedContentType = defineModel<string>('selectedContentType', {\n  default: 'application/json',\n})\n\nif (requestBody?.content) {\n  if (availableContentTypes.value[0]) {\n    selectedContentType.value = availableContentTypes.value[0]\n  }\n}\n\n/** Raw schema (possibly with $ref) for the selected content type */\nconst rawSchema = computed(\n  () => requestBody?.content?.[selectedContentType.value]?.schema,\n)\n\nconst schema = computed(() => getResolvedRef(rawSchema.value))\n\n/** When the schema is a $ref, preserve its name so the UI can show the ref name instead of just the type. */\nconst modelLink = computed(\n  () => (rawSchema.value && getModelNameFromSchema(rawSchema.value)) ?? null,\n)\n\n/**\n * Splits schema properties into visible and collapsed sections when there are more than 12 properties.\n * Returns null for schemas with fewer properties or non-object schemas.\n */\nconst partitionedSchema = computed(() => {\n  // Early return if not an object schema\n  if (!schema.value || !isTypeObject(schema.value)) {\n    return null\n  }\n\n  // A schema whose variants are inferred from a `discriminator.mapping` renders\n  // as a single variant selector, not a flat property list. Splitting it would\n  // duplicate that selector across the visible and collapsed blocks, so we keep\n  // it whole. See https://github.com/scalar/scalar/issues/7472\n  if (inferDiscriminatorMappingComposition(schema.value, document)) {\n    return null\n  }\n\n  // Lets sort the names first\n  const sortedNames = sortPropertyNames(\n    schema.value,\n    schema.value.discriminator,\n    {\n      hideReadOnly: true,\n      orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n      orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n    },\n  )\n\n  if (sortedNames.length <= MAX_VISIBLE_PROPERTIES) {\n    return null\n  }\n\n  // Destructure everything except properties\n  const { properties, ...schemaMetadata } = schema.value\n  if (!properties) {\n    return null\n  }\n\n  return {\n    visibleProperties: {\n      ...schemaMetadata,\n      properties: reduceNamesToObject(\n        sortedNames.slice(0, MAX_VISIBLE_PROPERTIES),\n        properties,\n      ),\n    },\n    collapsedProperties: {\n      ...schemaMetadata,\n      properties: reduceNamesToObject(\n        sortedNames.slice(MAX_VISIBLE_PROPERTIES),\n        properties,\n      ),\n    },\n  }\n})\n\n/**\n * We don't want to render the request body if its completely empty\n * @example\n * {\n *   \"content\": {},\n * }\n */\nconst shouldRenderRequestBody = computed(\n  () =>\n    Object.keys(requestBody?.content ?? {}).length > 0 ||\n    requestBody?.description ||\n    requestBody?.required,\n)\n</script>\n<template>\n  <div\n    v-if=\"requestBody && shouldRenderRequestBody\"\n    :aria-label=\"translate('operation.requestBody')\"\n    class=\"request-body\"\n    role=\"group\">\n    <div class=\"request-body-header\">\n      <div class=\"request-body-title\">\n        <slot name=\"title\" />\n        <span\n          v-if=\"modelLink\"\n          class=\"text-c-2 text-xs leading-none font-normal\"\n          data-testid=\"request-body-schema-name\">\n          <span class=\"text-c-3 mx-1.5\">·</span>\n          <LinkButton\n            v-if=\"eventBus && modelLink.schemaKey\"\n            @click=\"\n              eventBus.emit('scroll-to:model-by-name', {\n                name: modelLink.schemaKey,\n              })\n            \">\n            {{ modelLink.label }}\n          </LinkButton>\n          <template v-else>{{ modelLink.label }}</template>\n        </span>\n      </div>\n      <div class=\"flex items-center gap-2\">\n        <div\n          v-if=\"requestBody.required\"\n          class=\"request-body-required\">\n          {{ translate('common.required') }}\n        </div>\n        <ContentTypeSelect\n          v-model=\"selectedContentType\"\n          :content=\"requestBody.content\" />\n      </div>\n      <div\n        v-if=\"requestBody.description\"\n        class=\"request-body-description\">\n        <ScalarMarkdown :value=\"requestBody.description\" />\n      </div>\n    </div>\n\n    <!-- For over 12 properties we want to show 12 and collapse the rest -->\n    <div\n      v-if=\"partitionedSchema\"\n      class=\"request-body-schema\">\n      <Schema\n        :breadcrumb\n        compact\n        :compositionPath=\"['requestBody']\"\n        :eventBus=\"eventBus\"\n        :name=\"translate('operation.requestBody')\"\n        noncollapsible\n        :options=\"{\n          hideReadOnly: true,\n          orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n          orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n          expandAllSchemaProperties: options.expandAllSchemaProperties,\n          document,\n        }\"\n        :schema=\"partitionedSchema.visibleProperties\"\n        schemaContext=\"requestBody\" />\n\n      <Schema\n        additionalProperties\n        :breadcrumb\n        compact\n        :compositionPath=\"['requestBody']\"\n        :eventBus=\"eventBus\"\n        hideDescription\n        :name=\"translate('operation.requestBody')\"\n        :options=\"{\n          hideReadOnly: true,\n          orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n          orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n          expandAllSchemaProperties: options.expandAllSchemaProperties,\n          document,\n        }\"\n        :schema=\"partitionedSchema.collapsedProperties\"\n        schemaContext=\"requestBody\" />\n    </div>\n\n    <!-- Show em all 12 and under -->\n    <div\n      v-else-if=\"schema\"\n      class=\"request-body-schema\">\n      <Schema\n        :breadcrumb\n        compact\n        :compositionPath=\"['requestBody']\"\n        :eventBus=\"eventBus\"\n        :hideReadOnly=\"true\"\n        :name=\"translate('operation.requestBody')\"\n        noncollapsible\n        :options=\"{\n          hideReadOnly: true,\n          orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n          orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n          expandAllSchemaProperties: options.expandAllSchemaProperties,\n          document,\n        }\"\n        :schema=\"schema\"\n        schemaContext=\"requestBody\" />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.request-body {\n  margin-top: 24px;\n}\n.request-body-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-bottom: 12px;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n  flex-flow: wrap;\n}\n.request-body-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: var(--scalar-font-size-2);\n  font-weight: var(--scalar-semibold);\n  color: var(--scalar-color-1);\n}\n.request-body-required {\n  font-size: var(--scalar-micro);\n  color: var(--scalar-color-orange);\n  font-weight: normal;\n  border-radius: 16px;\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  padding: 2px 8px;\n  height: 20px;\n}\n.request-body-description {\n  margin-top: 6px;\n  font-size: var(--scalar-small);\n  width: 100%;\n}\n\n.request-body-header\n  + .request-body-schema:has(> .schema-card > .schema-card-description),\n.request-body-header\n  + .request-body-schema:has(\n    > .schema-card > .schema-properties > * > .property--level-0\n  ) {\n  /** Add a bit of space between the heading border and the schema description or properties */\n  padding-top: 8px;\n}\n.request-body-description :deep(.markdown) * {\n  color: var(--scalar-color-2) !important;\n}\n</style>\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ModernLayout.vue.script.js","names":[],"sources":["../../../../src/features/Operation/layouts/ModernLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { CodeExample } from '@scalar/blocks/code-example'\nimport { ScalarErrorBoundary } from '@scalar/components/error-boundary'\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport { ScalarIconWebhooksLogo } from '@scalar/icons'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type { SecuritySchemeObjectSecret } from '@scalar/workspace-store/request-example'\nimport type {\n  OpenApiDocument,\n  OperationObject,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, provide, ref, useId } from 'vue'\n\nimport { Anchor } from '@/components/Anchor'\nimport { Badge } from '@/components/Badge'\nimport { LinkList } from '@/components/LinkList'\nimport OperationPath from '@/components/OperationPath.vue'\nimport { Section, SectionContent, SectionHeaderTag } from '@/components/Section'\nimport AskAgentButton from '@/features/ask-agent-button/AskAgentButton.vue'\nimport { ExampleResponses } from '@/features/example-responses'\nimport { ExternalDocs } from '@/features/external-docs'\nimport { useLocalization } from '@/features/localization'\nimport Callbacks from '@/features/Operation/components/callbacks/Callbacks.vue'\nimport OperationParameters from '@/features/Operation/components/OperationParameters.vue'\nimport OperationResponses from '@/features/Operation/components/OperationResponses.vue'\nimport SecurityRequirementBadge from '@/features/Operation/components/SecurityRequirementBadge.vue'\nimport type { RequiredSecurity } from '@/features/Operation/helpers/get-required-security'\nimport {\n  getOperationStability,\n  getOperationStabilityColor,\n  isOperationDeprecated,\n} from '@/features/Operation/helpers/operation-stability'\nimport type { OperationProps } from '@/features/Operation/Operation.vue'\nimport {\n  REQUEST_BODY_COMPOSITION_INDEX_SYMBOL,\n  type RequestBodyCompositionSelection,\n} from '@/features/Operation/request-body-composition-index'\nimport { getXKeysFromObject } from '@/features/specification-extension'\nimport SpecificationExtension from '@/features/specification-extension/SpecificationExtension.vue'\nimport { TestRequestButton } from '@/features/test-request-button'\nimport { XBadges } from '@/features/x-badges'\n\nconst {\n  clientOptions,\n  document,\n  eventBus,\n  isWebhook,\n  method,\n  operation,\n  options,\n  path,\n  requiredSecurity,\n  selectedServer,\n  selectedSecuritySchemes,\n  selectedClient,\n  selectedExample,\n} = defineProps<\n  Omit<\n    OperationProps,\n    | 'document'\n    | 'pathValue'\n    | 'server'\n    | 'isCollapsed'\n    | 'securitySchemes'\n    | 'authStore'\n  > & {\n    /** Operation object with path params */\n    operation: OperationObject\n    /** The selected server for the operation */\n    selectedServer: ServerObject | null\n    /** The selected security schemes for the operation */\n    selectedSecuritySchemes: SecuritySchemeObjectSecret[]\n    /** Required/optional security state for the badge next to the path */\n    requiredSecurity: RequiredSecurity\n    /** The document the operation belongs to, used to resolve schema references for display */\n    document?: OpenApiDocument\n  }\n>()\nconst { translate } = useLocalization()\n\nconst operationTitle = computed(() => operation.summary || path || '')\n\nconst labelId = useId()\n\nconst operationExtensions = computed(() => getXKeysFromObject(operation))\n\n/** Track the selected request body content type so the code sample stays in sync */\nconst selectedRequestBodyContentType = ref<string | undefined>()\n\n/** Selected request body oneOf/anyOf variants; synced with schema dropdowns and code sample */\nconst requestBodyCompositionSelection = ref<RequestBodyCompositionSelection>({})\n\nconst requestBodyCompositionSelectionForCodeSample = computed(\n  (): RequestBodyCompositionSelection => ({\n    ...requestBodyCompositionSelection.value,\n  }),\n)\n\nconst requestBodyCompositionSelectionKey = computed(() =>\n  JSON.stringify(requestBodyCompositionSelectionForCodeSample.value),\n)\n\nprovide(REQUEST_BODY_COMPOSITION_INDEX_SYMBOL, requestBodyCompositionSelection)\n</script>\n\n<template>\n  <Section\n    :id=\"id\"\n    :aria-labelledby=\"labelId\"\n    :label=\"operationTitle\"\n    tabindex=\"-1\"\n    @intersecting=\"() => eventBus?.emit('intersecting:nav-item', { id })\">\n    <SectionContent>\n      <!-- Badges -->\n      <div class=\"flex flex-row justify-between gap-1\">\n        <!-- Left -->\n        <div class=\"flex gap-1\">\n          <!-- Operation ID -->\n          <Badge v-if=\"options?.showOperationId && operation.operationId\">\n            {{ operation.operationId }}\n          </Badge>\n          <!-- Stability badge -->\n          <Badge\n            v-if=\"getOperationStability(operation)\"\n            class=\"capitalize\"\n            :class=\"getOperationStabilityColor(operation)\">\n            {{ getOperationStability(operation) }}\n          </Badge>\n          <!-- Webhook badge -->\n          <Badge\n            v-if=\"isWebhook\"\n            class=\"font-code text-green flex w-fit items-center justify-center gap-1\">\n            <ScalarIconWebhooksLogo weight=\"bold\" />\n            {{ translate('operation.webhook') }}\n          </Badge>\n          <!-- x-badges before -->\n          <XBadges\n            :badges=\"operation['x-badges']\"\n            position=\"before\" />\n        </div>\n        <!-- Right -->\n        <div class=\"flex gap-1\">\n          <!-- x-badges after -->\n          <XBadges\n            :badges=\"operation['x-badges']\"\n            position=\"after\" />\n        </div>\n      </div>\n      <div class=\"operation-layout\">\n        <!-- Title -->\n        <div\n          class=\"operation-title\"\n          :class=\"isOperationDeprecated(operation) && 'deprecated'\">\n          <Anchor\n            @copyAnchorUrl=\"() => eventBus?.emit('copy-url:nav-item', { id })\">\n            <SectionHeaderTag\n              :id=\"labelId\"\n              :level=\"3\">\n              {{ operationTitle }}\n            </SectionHeaderTag>\n          </Anchor>\n        </div>\n\n        <!-- Required auth badge -->\n        <div class=\"operation-auth\">\n          <SecurityRequirementBadge :requiredSecurity />\n        </div>\n\n        <!-- Description -->\n        <div class=\"operation-description\">\n          <SpecificationExtension :value=\"operationExtensions\" />\n          <ScalarMarkdown\n            :anchorPrefix=\"id\"\n            :aria-label=\"translate('common.description')\"\n            role=\"group\"\n            transformType=\"heading\"\n            :value=\"operation.description\"\n            withAnchors\n            withImages />\n        </div>\n\n        <!--\n          Parameters, request body, responses and callbacks.\n\n          This block is kept before the examples in source order on purpose: the\n          request body schema (via SchemaComposition) seeds the shared\n          requestBodyCompositionSelection on mount, which drives the\n          CodeExample's :key. Mounting the details first means the code\n          sample reads the final key on its first render and is never remounted —\n          a remount would reset the selected client and tear down an open client\n          picker. The grid (see grid-template-areas below) still paints the\n          examples on the right, independent of this source order.\n        -->\n        <div class=\"operation-details\">\n          <OperationParameters\n            v-model:selectedContentType=\"selectedRequestBodyContentType\"\n            :breadcrumb=\"[id]\"\n            :document\n            :eventBus\n            :options\n            :parameters=\"operation.parameters\"\n            :requestBody=\"getResolvedRef(operation.requestBody)\" />\n          <OperationResponses\n            :breadcrumb=\"[id]\"\n            :collapsableItems=\"!options.expandAllResponses\"\n            :document\n            :eventBus\n            :options\n            :responses=\"operation.responses\" />\n\n          <!-- Callbacks -->\n          <ScalarErrorBoundary>\n            <Callbacks\n              v-if=\"operation.callbacks\"\n              :callbacks=\"operation.callbacks\"\n              class=\"mt-6\"\n              :document\n              :eventBus\n              :options\n              :path />\n          </ScalarErrorBoundary>\n        </div>\n\n        <!-- Example request and responses -->\n        <div class=\"examples\">\n          <!-- External Docs -->\n          <LinkList v-if=\"operation.externalDocs\">\n            <ExternalDocs :value=\"operation.externalDocs\" />\n          </LinkList>\n\n          <!-- New Example Request -->\n          <ScalarErrorBoundary>\n            <CodeExample\n              :key=\"requestBodyCompositionSelectionKey\"\n              :clientOptions\n              :eventBus\n              fallback\n              :isWebhook\n              :method\n              :operation\n              :path\n              :requestBodyCompositionSelection=\"\n                requestBodyCompositionSelectionForCodeSample\n              \"\n              :securitySchemes=\"selectedSecuritySchemes\"\n              :selectedClient\n              :selectedContentType=\"selectedRequestBodyContentType\"\n              :selectedExample\n              :selectedServer>\n              <template #header>\n                <OperationPath\n                  class=\"font-code text-c-2 [&_em]:text-c-1 min-w-0 [&_em]:not-italic\"\n                  :deprecated=\"operation?.deprecated\"\n                  :path=\"path\" />\n              </template>\n              <template\n                v-if=\"!isWebhook\"\n                #footer=\"{ exampleName }\">\n                <div class=\"flex\">\n                  <AskAgentButton />\n                  <TestRequestButton\n                    v-if=\"!options.hideTestRequestButton\"\n                    :id\n                    :eventBus\n                    :exampleName\n                    :method\n                    :path\n                    :requestBodyCompositionSelection=\"\n                      requestBodyCompositionSelectionForCodeSample\n                    \" />\n                </div>\n              </template>\n            </CodeExample>\n          </ScalarErrorBoundary>\n\n          <ScalarErrorBoundary>\n            <ExampleResponses\n              v-if=\"operation.responses\"\n              :eventBus\n              :responses=\"operation.responses\"\n              :selectedExample\n              style=\"margin-top: 12px\" />\n          </ScalarErrorBoundary>\n        </div>\n      </div>\n    </SectionContent>\n  </Section>\n</template>\n\n<style scoped>\n/*\n * The operation is a single grid so the request example can sit beside the\n * details on wide screens, then be lifted directly under the description when\n * the layout collapses (see the container query below). Vertical rhythm comes\n * from element margins rather than row-gap, because the details block carries\n * its own leading margin (mt-6) that already spaces it from whatever precedes\n * it — a row-gap would double that gap.\n */\n.operation-layout {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-template-rows: auto auto 1fr;\n  grid-template-areas:\n    'heading     badge'\n    'description examples'\n    'details     examples';\n  column-gap: 48px;\n  row-gap: 0;\n}\n\n.operation-title {\n  grid-area: heading;\n  margin-bottom: 12px;\n\n  /* Mirror the shared section header typography (see SectionHeader.vue) */\n  font-size: var(--font-size, var(--scalar-heading-1));\n  font-weight: var(--font-weight, var(--scalar-bold));\n  color: var(--scalar-color-1);\n  line-height: 1.45;\n}\n\n.operation-auth {\n  grid-area: badge;\n  justify-self: end;\n  align-self: start;\n}\n\n.operation-description {\n  grid-area: description;\n  min-width: 0;\n}\n\n.operation-details {\n  grid-area: details;\n  min-width: 0;\n}\n\n.examples {\n  grid-area: examples;\n  align-self: start;\n  min-width: 0;\n\n  position: sticky;\n  top: calc(var(--refs-viewport-offset) + 24px);\n}\n\n.examples > * {\n  max-height: calc((var(--refs-viewport-height) - 60px) / 2);\n  position: relative;\n}\n\n.examples > *:first-of-type:last-of-type {\n  max-height: calc((var(--refs-viewport-height) - 60px));\n}\n\n/*\n * Don't constrain card height on mobile\n * (or zoomed in screens)\n */\n@media (max-width: 600px) {\n  .examples > * {\n    max-height: unset;\n  }\n}\n\n.deprecated * {\n  text-decoration: line-through;\n}\n\n/*\n * On narrow containers the layout collapses to a single column: the request\n * example is lifted directly under the description, and the auth badge becomes\n * an eyebrow above the title.\n */\n@container narrow-references-container (max-width: 900px) {\n  .operation-layout {\n    grid-template-columns: 1fr;\n    grid-template-areas:\n      'badge'\n      'heading'\n      'description'\n      'examples'\n      'details';\n    column-gap: 0;\n  }\n\n  .operation-auth {\n    justify-self: start;\n    margin-bottom: 4px;\n  }\n\n  .operation-title {\n    margin-bottom: 24px;\n  }\n\n  .operation-description {\n    margin-bottom: 24px;\n  }\n\n  /* Don't make the examples sticky on narrow viewports */\n  .examples {\n    position: static;\n  }\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"ModernLayout.vue.script.js","names":[],"sources":["../../../../src/features/Operation/layouts/ModernLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { CodeExample } from '@scalar/blocks/code-example'\nimport { ScalarErrorBoundary } from '@scalar/components/error-boundary'\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport { ScalarIconWebhooksLogo } from '@scalar/icons'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type { SecuritySchemeObjectSecret } from '@scalar/workspace-store/request-example'\nimport type {\n  OpenApiDocument,\n  OperationObject,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, provide, ref, useId } from 'vue'\n\nimport { Anchor } from '@/components/Anchor'\nimport { Badge } from '@/components/Badge'\nimport { LinkList } from '@/components/LinkList'\nimport OperationPath from '@/components/OperationPath.vue'\nimport { Section, SectionContent, SectionHeaderTag } from '@/components/Section'\nimport AskAgentButton from '@/features/ask-agent-button/AskAgentButton.vue'\nimport { ExampleResponses } from '@/features/example-responses'\nimport { ExternalDocs } from '@/features/external-docs'\nimport { useLocalization } from '@/features/localization'\nimport Callbacks from '@/features/Operation/components/callbacks/Callbacks.vue'\nimport OperationParameters from '@/features/Operation/components/OperationParameters.vue'\nimport OperationResponses from '@/features/Operation/components/OperationResponses.vue'\nimport SecurityRequirementBadge from '@/features/Operation/components/SecurityRequirementBadge.vue'\nimport type { RequiredSecurity } from '@/features/Operation/helpers/get-required-security'\nimport {\n  getOperationStability,\n  getOperationStabilityColor,\n  isOperationDeprecated,\n} from '@/features/Operation/helpers/operation-stability'\nimport type { OperationProps } from '@/features/Operation/Operation.vue'\nimport {\n  REQUEST_BODY_COMPOSITION_INDEX_SYMBOL,\n  type RequestBodyCompositionSelection,\n} from '@/features/Operation/request-body-composition-index'\nimport { getXKeysFromObject } from '@/features/specification-extension'\nimport SpecificationExtension from '@/features/specification-extension/SpecificationExtension.vue'\nimport { TestRequestButton } from '@/features/test-request-button'\nimport { XBadges } from '@/features/x-badges'\n\nconst {\n  clientOptions,\n  document,\n  eventBus,\n  isWebhook,\n  method,\n  operation,\n  options,\n  path,\n  requiredSecurity,\n  selectedServer,\n  selectedSecuritySchemes,\n  selectedClient,\n  selectedExample,\n} = defineProps<\n  Omit<\n    OperationProps,\n    | 'document'\n    | 'pathValue'\n    | 'server'\n    | 'isCollapsed'\n    | 'securitySchemes'\n    | 'authStore'\n  > & {\n    /** Operation object with path params */\n    operation: OperationObject\n    /** The selected server for the operation */\n    selectedServer: ServerObject | null\n    /** The selected security schemes for the operation */\n    selectedSecuritySchemes: SecuritySchemeObjectSecret[]\n    /** Required/optional security state for the badge next to the path */\n    requiredSecurity: RequiredSecurity\n    /** The document the operation belongs to, used to resolve schema references for display */\n    document?: OpenApiDocument\n  }\n>()\nconst { translate } = useLocalization()\n\nconst operationTitle = computed(() => operation.summary || path || '')\n\nconst labelId = useId()\n\nconst operationExtensions = computed(() => getXKeysFromObject(operation))\n\n/** Track the selected request body content type so the code sample stays in sync */\nconst selectedRequestBodyContentType = ref<string | undefined>()\n\n/** Selected request body oneOf/anyOf variants; synced with schema dropdowns and code sample */\nconst requestBodyCompositionSelection = ref<RequestBodyCompositionSelection>({})\n\nconst requestBodyCompositionSelectionForCodeSample = computed(\n  (): RequestBodyCompositionSelection => ({\n    ...requestBodyCompositionSelection.value,\n  }),\n)\n\nconst requestBodyCompositionSelectionKey = computed(() =>\n  JSON.stringify(requestBodyCompositionSelectionForCodeSample.value),\n)\n\nprovide(REQUEST_BODY_COMPOSITION_INDEX_SYMBOL, requestBodyCompositionSelection)\n</script>\n\n<template>\n  <Section\n    :id=\"id\"\n    :aria-labelledby=\"labelId\"\n    :label=\"operationTitle\"\n    tabindex=\"-1\"\n    @intersecting=\"() => eventBus?.emit('intersecting:nav-item', { id })\">\n    <SectionContent>\n      <!-- Badges -->\n      <div class=\"flex flex-row justify-between gap-1\">\n        <!-- Left -->\n        <div class=\"flex gap-1\">\n          <!-- Operation ID -->\n          <Badge v-if=\"options?.showOperationId && operation.operationId\">\n            {{ operation.operationId }}\n          </Badge>\n          <!-- Stability badge -->\n          <Badge\n            v-if=\"getOperationStability(operation)\"\n            class=\"capitalize\"\n            :class=\"getOperationStabilityColor(operation)\">\n            {{ getOperationStability(operation) }}\n          </Badge>\n          <!-- Webhook badge -->\n          <Badge\n            v-if=\"isWebhook\"\n            class=\"font-code text-green flex w-fit items-center justify-center gap-1\">\n            <ScalarIconWebhooksLogo weight=\"bold\" />\n            {{ translate('operation.webhook') }}\n          </Badge>\n          <!-- x-badges before -->\n          <XBadges\n            :badges=\"operation['x-badges']\"\n            position=\"before\" />\n        </div>\n        <!-- Right -->\n        <div class=\"flex gap-1\">\n          <!-- x-badges after -->\n          <XBadges\n            :badges=\"operation['x-badges']\"\n            position=\"after\" />\n        </div>\n      </div>\n      <div class=\"operation-layout\">\n        <!-- Title -->\n        <div\n          class=\"operation-title\"\n          :class=\"isOperationDeprecated(operation) && 'deprecated'\">\n          <Anchor\n            @copyAnchorUrl=\"() => eventBus?.emit('copy-url:nav-item', { id })\">\n            <SectionHeaderTag\n              :id=\"labelId\"\n              :level=\"3\">\n              {{ operationTitle }}\n            </SectionHeaderTag>\n          </Anchor>\n        </div>\n\n        <!-- Required auth badge -->\n        <div class=\"operation-auth\">\n          <SecurityRequirementBadge :requiredSecurity />\n        </div>\n\n        <!-- Description -->\n        <div class=\"operation-description\">\n          <SpecificationExtension :value=\"operationExtensions\" />\n          <ScalarMarkdown\n            :anchorPrefix=\"id\"\n            :aria-label=\"translate('common.description')\"\n            role=\"group\"\n            transformType=\"heading\"\n            :value=\"operation.description\"\n            withAnchors\n            withImages />\n        </div>\n\n        <!--\n          Parameters, request body, responses and callbacks.\n\n          This block is kept before the examples in source order on purpose: the\n          request body schema (via SchemaComposition) seeds the shared\n          requestBodyCompositionSelection on mount, which drives the\n          CodeExample's :key. Mounting the details first means the code\n          sample reads the final key on its first render and is never remounted —\n          a remount would reset the selected client and tear down an open client\n          picker. The grid (see grid-template-areas below) still paints the\n          examples on the right, independent of this source order.\n        -->\n        <div class=\"operation-details\">\n          <OperationParameters\n            v-model:selectedContentType=\"selectedRequestBodyContentType\"\n            :breadcrumb=\"[id]\"\n            :document\n            :eventBus\n            :options\n            :parameters=\"operation.parameters\"\n            :requestBody=\"getResolvedRef(operation.requestBody)\" />\n          <OperationResponses\n            :breadcrumb=\"[id]\"\n            :collapsableItems=\"!options.expandAllResponses\"\n            :document\n            :eventBus\n            :options\n            :responses=\"operation.responses\" />\n\n          <!-- Callbacks -->\n          <ScalarErrorBoundary>\n            <Callbacks\n              v-if=\"operation.callbacks\"\n              :callbacks=\"operation.callbacks\"\n              class=\"mt-6\"\n              :document\n              :eventBus\n              :options\n              :path />\n          </ScalarErrorBoundary>\n        </div>\n\n        <!-- Example request and responses -->\n        <div class=\"examples\">\n          <!-- External Docs -->\n          <LinkList v-if=\"operation.externalDocs\">\n            <ExternalDocs :value=\"operation.externalDocs\" />\n          </LinkList>\n\n          <!-- New Example Request -->\n          <ScalarErrorBoundary>\n            <CodeExample\n              :key=\"requestBodyCompositionSelectionKey\"\n              :clientOptions\n              :eventBus\n              fallback\n              :isWebhook\n              :method\n              :operation\n              :path\n              :requestBodyCompositionSelection=\"\n                requestBodyCompositionSelectionForCodeSample\n              \"\n              :securitySchemes=\"selectedSecuritySchemes\"\n              :selectedClient\n              :selectedContentType=\"selectedRequestBodyContentType\"\n              :selectedExample\n              :selectedServer>\n              <template #header>\n                <OperationPath\n                  class=\"font-code text-c-2 [&_em]:text-c-1 min-w-0 [&_em]:not-italic\"\n                  :deprecated=\"operation?.deprecated\"\n                  :path=\"path\" />\n              </template>\n              <template\n                v-if=\"!isWebhook\"\n                #footer=\"{ exampleName }\">\n                <div class=\"flex\">\n                  <AskAgentButton />\n                  <TestRequestButton\n                    v-if=\"!options.hideTestRequestButton\"\n                    :id\n                    :eventBus\n                    :exampleName\n                    :method\n                    :path\n                    :requestBodyCompositionSelection=\"\n                      requestBodyCompositionSelectionForCodeSample\n                    \" />\n                </div>\n              </template>\n            </CodeExample>\n          </ScalarErrorBoundary>\n\n          <ScalarErrorBoundary>\n            <ExampleResponses\n              v-if=\"operation.responses\"\n              :eventBus\n              :responses=\"operation.responses\"\n              :selectedExample\n              style=\"margin-top: 12px\" />\n          </ScalarErrorBoundary>\n        </div>\n      </div>\n    </SectionContent>\n  </Section>\n</template>\n\n<style scoped>\n/*\n * The operation is a single grid so the request example can sit beside the\n * details on wide screens, then be lifted directly under the description when\n * the layout collapses (see the container query below). Vertical rhythm comes\n * from element margins rather than row-gap, because the details block carries\n * its own leading margin (mt-6) that already spaces it from whatever precedes\n * it — a row-gap would double that gap.\n */\n.operation-layout {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-template-rows: auto auto 1fr;\n  grid-template-areas:\n    'heading     badge'\n    'description examples'\n    'details     examples';\n  column-gap: 48px;\n  row-gap: 0;\n}\n\n.operation-title {\n  grid-area: heading;\n  margin-bottom: 12px;\n\n  /* Mirror the shared section header typography (see SectionHeader.vue) */\n  font-size: var(--font-size, var(--scalar-heading-1));\n  font-weight: var(--font-weight, var(--scalar-bold));\n  color: var(--scalar-color-1);\n  line-height: 1.45;\n}\n\n.operation-auth {\n  grid-area: badge;\n  justify-self: end;\n  align-self: start;\n}\n\n.operation-description {\n  grid-area: description;\n  min-width: 0;\n}\n\n.operation-details {\n  grid-area: details;\n  min-width: 0;\n}\n\n.examples {\n  grid-area: examples;\n  align-self: start;\n  min-width: 0;\n\n  position: sticky;\n  top: calc(var(--refs-viewport-offset) + 24px);\n}\n\n.examples > * {\n  max-height: calc((var(--refs-viewport-height) - 60px) / 2);\n  position: relative;\n}\n\n.examples > *:first-of-type:last-of-type {\n  max-height: calc((var(--refs-viewport-height) - 60px));\n}\n\n/*\n * Don't constrain card height on mobile\n * (or zoomed in screens)\n */\n@media (max-width: 600px) {\n  .examples > * {\n    max-height: unset;\n  }\n}\n\n.deprecated * {\n  text-decoration: line-through;\n}\n\n/*\n * On narrow containers the layout collapses to a single column: the request\n * example is lifted directly under the description, and the auth badge becomes\n * an eyebrow above the title.\n */\n@container narrow-references-container (max-width: 900px) {\n  .operation-layout {\n    grid-template-columns: 1fr;\n    grid-template-areas:\n      'badge'\n      'heading'\n      'description'\n      'examples'\n      'details';\n    column-gap: 0;\n  }\n\n  .operation-auth {\n    justify-self: start;\n    margin-bottom: 4px;\n  }\n\n  .operation-title {\n    margin-bottom: 24px;\n  }\n\n  .operation-description {\n    margin-bottom: 24px;\n  }\n\n  /* Don't make the examples sticky on narrow viewports */\n  .examples {\n    position: static;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/style.css

@@ -2851,18 +2851,18 @@ input[data-v-a6f4752a]::placeholder {
   display: flex;
 }
 
-.request-card[data-v-b977c9e1] {
+.request-card[data-v-e8761738] {
   color: var(--scalar-color-1);
   font-size: var(--scalar-font-size-3);
 }
 
-.request-method[data-v-b977c9e1] {
+.request-method[data-v-e8761738] {
   font-family: var(--scalar-font-code);
   text-transform: uppercase;
   margin-right: 6px;
 }
 
-.request-card-footer[data-v-b977c9e1] {
+.request-card-footer[data-v-e8761738] {
   flex-shrink: 0;
   justify-content: flex-end;
   padding: 6px;
@@ -2870,19 +2870,19 @@ input[data-v-a6f4752a]::placeholder {
   position: relative;
 }
 
-.request-card-footer-addon[data-v-b977c9e1] {
+.request-card-footer-addon[data-v-e8761738] {
   flex: 1;
   align-items: center;
   min-width: 0;
   display: flex;
 }
 
-.request-editor-section[data-v-b977c9e1] {
+.request-editor-section[data-v-e8761738] {
   flex: 1;
   display: flex;
 }
 
-.request-card-simple[data-v-b977c9e1] {
+.request-card-simple[data-v-e8761738] {
   font-size: var(--scalar-small);
   justify-content: space-between;
   align-items: center;
@@ -2890,7 +2890,7 @@ input[data-v-a6f4752a]::placeholder {
   display: flex;
 }
 
-.code-snippet[data-v-b977c9e1] {
+.code-snippet[data-v-e8761738] {
   flex-direction: column;
   width: 100%;
   display: flex;
@@ -10040,7 +10040,7 @@ code.property-detail-value[data-v-1295f965] {
   text-decoration: line-through;
 }
 
-.property[data-v-f14a8d89] {
+.property[data-v-3bdda27e] {
   color: var(--scalar-color-1);
   display: flex;
   flex-direction: column;
@@ -10050,7 +10050,7 @@ code.property-detail-value[data-v-1295f965] {
 }
 
 /** Remove top padding for top level schema card */
-.property.property--level-0[data-v-f14a8d89]:has(
+.property.property--level-0[data-v-3bdda27e]:has(
     > .property-rule
       > .schema-card
       > .schema-properties.schema-properties-open
@@ -10059,25 +10059,25 @@ code.property-detail-value[data-v-1295f965] {
   ) {
   padding-top: 0;
 }
-.property--compact.property--level-0[data-v-f14a8d89],
-.property--compact.property--level-1[data-v-f14a8d89] {
+.property--compact.property--level-0[data-v-3bdda27e],
+.property--compact.property--level-1[data-v-3bdda27e] {
   padding: 10px 0;
 }
-.composition-panel .property.property.property.property--level-0[data-v-f14a8d89] {
+.composition-panel .property.property.property.property--level-0[data-v-3bdda27e] {
   padding: 0px;
 }
 .property--compact.property--level-0
   .composition-panel
-  .property--compact.property--level-1[data-v-f14a8d89] {
+  .property--compact.property--level-1[data-v-3bdda27e] {
   padding: 8px;
 }
 
 /*  if a property doesn't have a heading, remove the top padding */
-.property[data-v-f14a8d89]:has(> .property-rule:nth-of-type(1)):not(.property--compact) {
+.property[data-v-3bdda27e]:has(> .property-rule:nth-of-type(1)):not(.property--compact) {
   padding-top: 8px;
   padding-bottom: 8px;
 }
-.property--deprecated[data-v-f14a8d89] {
+.property--deprecated[data-v-3bdda27e] {
   background: repeating-linear-gradient(
     -45deg,
     var(--scalar-background-2) 0,
@@ -10087,49 +10087,49 @@ code.property-detail-value[data-v-1295f965] {
   );
   background-size: 100%;
 }
-.property--deprecated[data-v-f14a8d89] > * {
+.property--deprecated[data-v-3bdda27e] > * {
   opacity: 0.75;
 }
-.property-description[data-v-f14a8d89] {
+.property-description[data-v-3bdda27e] {
   margin-top: 6px;
   line-height: 1.4;
   font-size: var(--scalar-small);
 }
-.property-description[data-v-f14a8d89]:has(+ .property-rule) {
+.property-description[data-v-3bdda27e]:has(+ .property-rule) {
   margin-bottom: 9px;
 }
-[data-v-f14a8d89] .property-description * {
+[data-v-3bdda27e] .property-description * {
   color: var(--scalar-color-2) !important;
 }
-.property[data-v-f14a8d89]:not(:last-of-type) {
+.property[data-v-3bdda27e]:not(:last-of-type) {
   border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
 }
-.property-description + .children[data-v-f14a8d89],
-.children + .property-rule[data-v-f14a8d89] {
+.property-description + .children[data-v-3bdda27e],
+.children + .property-rule[data-v-3bdda27e] {
   margin-top: 9px;
 }
-.children[data-v-f14a8d89] {
+.children[data-v-3bdda27e] {
   display: flex;
   flex-direction: column;
 }
-.children .property--compact.property--level-1[data-v-f14a8d89] {
+.children .property--compact.property--level-1[data-v-3bdda27e] {
   padding: 12px;
 }
-.property-example-value[data-v-f14a8d89] {
+.property-example-value[data-v-3bdda27e] {
   all: unset;
   font-family: var(--scalar-font-code);
   padding: 6px;
   border-top: var(--scalar-border-width) solid var(--scalar-border-color);
 }
-.property-rule[data-v-f14a8d89] {
+.property-rule[data-v-3bdda27e] {
   border-radius: var(--scalar-radius-lg);
   display: flex;
   flex-direction: column;
 }
-.property--level-2[data-v-f14a8d89] .relative > button {
+.property--level-2[data-v-3bdda27e] .relative > button {
   left: -2rem;
 }
-.property-rule[data-v-f14a8d89]
+.property-rule[data-v-3bdda27e]
   
     .composition-panel
       .schema-card--level-1
@@ -10137,7 +10137,7 @@ code.property-detail-value[data-v-1295f965] {
    {
   border-radius: 0 0 var(--scalar-radius-lg) var(--scalar-radius-lg);
 }
-.property-rule[data-v-f14a8d89]
+.property-rule[data-v-3bdda27e]
   .composition-panel > .schema-card > .schema-card-description {
   padding: 10px;
   border-left: var(--scalar-border-width) solid var(--scalar-border-color);
@@ -10146,29 +10146,29 @@ code.property-detail-value[data-v-1295f965] {
     margin-top: 0;
 }
 }
-.property-example[data-v-f14a8d89] {
+.property-example[data-v-3bdda27e] {
   background: transparent;
   border: none;
   display: flex;
   flex-direction: row;
   gap: 8px;
 }
-.property-example-label[data-v-f14a8d89],
-.property-example-value[data-v-f14a8d89] {
+.property-example-label[data-v-3bdda27e],
+.property-example-value[data-v-3bdda27e] {
   padding: 3px 0 0 0;
 }
-.property-example-value[data-v-f14a8d89] {
+.property-example-value[data-v-3bdda27e] {
   background: var(--scalar-background-2);
   border-top: 0;
   border-radius: var(--scalar-radius);
   padding: 3px 4px;
 }
-.property-name[data-v-f14a8d89] {
+.property-name[data-v-3bdda27e] {
   font-family: var(--scalar-font-code);
   font-weight: var(--scalar-semibold);
 }
-.property-name-additional-properties[data-v-f14a8d89]::before,
-.property-name-pattern-properties[data-v-f14a8d89]::before {
+.property-name-additional-properties[data-v-3bdda27e]::before,
+.property-name-pattern-properties[data-v-3bdda27e]::before {
   text-transform: uppercase;
   font-size: var(--scalar-micro);
   display: inline-block;
@@ -10179,11 +10179,11 @@ code.property-detail-value[data-v-1295f965] {
   background-color: var(--scalar-background-2);
   margin-right: 4px;
 }
-.property-name-pattern-properties[data-v-f14a8d89]::before {
+.property-name-pattern-properties[data-v-3bdda27e]::before {
   content: 'regex';
 }
-.property-name-additional-properties[data-v-f14a8d89],
-.property-name-pattern-properties[data-v-f14a8d89] {
+.property-name-additional-properties[data-v-3bdda27e],
+.property-name-pattern-properties[data-v-3bdda27e] {
   border: 1px dashed var(--scalar-border-color);
   color: var(--scalar-color-accent);
   display: inline-block;
@@ -10191,14 +10191,14 @@ code.property-detail-value[data-v-1295f965] {
   border-radius: var(--scalar-radius);
 }
 
-.error[data-v-b482770e] {
+.error[data-v-e811e294] {
   background-color: var(--scalar-color-red);
 }
-.schema-card[data-v-b482770e] {
+.schema-card[data-v-e811e294] {
   font-size: var(--scalar-font-size-4);
   color: var(--scalar-color-1);
 }
-.schema-card-title[data-v-b482770e] {
+.schema-card-title[data-v-e811e294] {
   height: var(--schema-title-height);
 
   padding: 6px 8px;
@@ -10212,48 +10212,48 @@ code.property-detail-value[data-v-1295f965] {
   font-size: var(--scalar-mini);
   border-bottom: var(--scalar-border-width) solid transparent;
 }
-button.schema-card-title[data-v-b482770e] {
+button.schema-card-title[data-v-e811e294] {
   cursor: pointer;
 }
-button.schema-card-title[data-v-b482770e]:hover {
+button.schema-card-title[data-v-e811e294]:hover {
   color: var(--scalar-color-1);
 }
-.schema-card-title-icon--open[data-v-b482770e] {
+.schema-card-title-icon--open[data-v-e811e294] {
   transform: rotate(45deg);
 }
-.schema-properties-open > .schema-card-title[data-v-b482770e] {
+.schema-properties-open > .schema-card-title[data-v-e811e294] {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
 }
-.schema-properties-open > .schema-properties[data-v-b482770e] {
+.schema-properties-open > .schema-properties[data-v-e811e294] {
   width: fit-content;
 }
-.schema-card-description[data-v-b482770e] {
+.schema-card-description[data-v-e811e294] {
   color: var(--scalar-color-2);
 }
-.schema-card-description + .schema-properties[data-v-b482770e] {
+.schema-card-description + .schema-properties[data-v-e811e294] {
   width: fit-content;
 }
-.schema-card-description + .schema-properties[data-v-b482770e] {
+.schema-card-description + .schema-properties[data-v-e811e294] {
   margin-top: 8px;
 }
 .schema-card--level-0:nth-of-type(1)
-  > .schema-card-description[data-v-b482770e]:has(+ .schema-properties) {
+  > .schema-card-description[data-v-e811e294]:has(+ .schema-properties) {
   margin-bottom: -8px;
   padding-bottom: 8px;
   border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
 }
 .schema-card--level-0
   ~ .schema-card--level-0
-  > .schema-card-description[data-v-b482770e]:has(+ .schema-properties) {
+  > .schema-card-description[data-v-e811e294]:has(+ .schema-properties) {
   padding-top: 8px;
 }
-.schema-properties-open.schema-properties[data-v-b482770e],
-.schema-properties-open > .schema-card--open[data-v-b482770e] {
+.schema-properties-open.schema-properties[data-v-e811e294],
+.schema-properties-open > .schema-card--open[data-v-e811e294] {
   width: 100%;
 }
-.schema-properties[data-v-b482770e] {
+.schema-properties[data-v-e811e294] {
   display: flex;
   flex-direction: column;
 
@@ -10261,63 +10261,63 @@ button.schema-card-title[data-v-b482770e]:hover {
   border-radius: var(--scalar-radius-lg);
   width: fit-content;
 }
-.schema-properties-name[data-v-b482770e] {
+.schema-properties-name[data-v-e811e294] {
   width: 100%;
 }
-.schema-properties .schema-properties[data-v-b482770e] {
+.schema-properties .schema-properties[data-v-e811e294] {
   border-radius: 13.5px;
 }
-.schema-properties .schema-properties.schema-properties-open[data-v-b482770e] {
+.schema-properties .schema-properties.schema-properties-open[data-v-e811e294] {
   border-radius: var(--scalar-radius-lg);
 }
-.schema-properties-open[data-v-b482770e] {
+.schema-properties-open[data-v-e811e294] {
   width: 100%;
 }
-.schema-card--compact[data-v-b482770e] {
+.schema-card--compact[data-v-e811e294] {
   align-self: flex-start;
 }
-.schema-card--compact.schema-card--open[data-v-b482770e] {
+.schema-card--compact.schema-card--open[data-v-e811e294] {
   align-self: initial;
 }
-.schema-card-title--compact[data-v-b482770e] {
+.schema-card-title--compact[data-v-e811e294] {
   color: var(--scalar-color-2);
   padding: 6px 10px 6px 8px;
   height: auto;
   border-bottom: none;
 }
-.schema-card-title--compact > .schema-card-title-icon[data-v-b482770e] {
+.schema-card-title--compact > .schema-card-title-icon[data-v-e811e294] {
   margin: 0;
 }
-.schema-card-title--compact > .schema-card-title-icon--open[data-v-b482770e] {
+.schema-card-title--compact > .schema-card-title-icon--open[data-v-e811e294] {
   transform: rotate(45deg);
 }
-.schema-properties-open > .schema-card-title--compact[data-v-b482770e] {
+.schema-properties-open > .schema-card-title--compact[data-v-e811e294] {
   position: static;
 }
 .property--level-0
   > .schema-properties
   > .schema-card--level-0
-  > .schema-properties[data-v-b482770e] {
+  > .schema-properties[data-v-e811e294] {
   border: none;
 }
 .property--level-0
   .schema-card--level-0:not(.schema-card--compact)
-  .property--level-1[data-v-b482770e] {
+  .property--level-1[data-v-e811e294] {
   padding: 0 0 8px;
 }
 :not(.composition-panel)
   > .schema-card--compact.schema-card--level-0
-  > .schema-properties[data-v-b482770e] {
+  > .schema-properties[data-v-e811e294] {
   border: none;
 }
-[data-v-b482770e] .schema-card-description p {
+[data-v-e811e294] .schema-card-description p {
   font-size: var(--scalar-small, var(--scalar-paragraph));
   color: var(--scalar-color-2);
   margin-bottom: 0;
   display: block;
   margin-bottom: 6px;
 }
-.children .schema-card-description[data-v-b482770e]:first-of-type {
+.children .schema-card-description[data-v-e811e294]:first-of-type {
   padding-top: 0;
 }
 
@@ -10881,10 +10881,10 @@ button.headers-card-title[data-v-b7ba0e6f]:hover {
   text-decoration: line-through;
 }
 
-.request-body[data-v-6092df54] {
+.request-body[data-v-96399c9a] {
   margin-top: 24px;
 }
-.request-body-header[data-v-6092df54] {
+.request-body-header[data-v-96399c9a] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -10892,7 +10892,7 @@ button.headers-card-title[data-v-b7ba0e6f]:hover {
   border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
   flex-flow: wrap;
 }
-.request-body-title[data-v-6092df54] {
+.request-body-title[data-v-96399c9a] {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -10900,7 +10900,7 @@ button.headers-card-title[data-v-b7ba0e6f]:hover {
   font-weight: var(--scalar-semibold);
   color: var(--scalar-color-1);
 }
-.request-body-required[data-v-6092df54] {
+.request-body-required[data-v-96399c9a] {
   font-size: var(--scalar-micro);
   color: var(--scalar-color-orange);
   font-weight: normal;
@@ -10909,21 +10909,21 @@ button.headers-card-title[data-v-b7ba0e6f]:hover {
   padding: 2px 8px;
   height: 20px;
 }
-.request-body-description[data-v-6092df54] {
+.request-body-description[data-v-96399c9a] {
   margin-top: 6px;
   font-size: var(--scalar-small);
   width: 100%;
 }
 .request-body-header
-  + .request-body-schema[data-v-6092df54]:has(> .schema-card > .schema-card-description),
+  + .request-body-schema[data-v-96399c9a]:has(> .schema-card > .schema-card-description),
 .request-body-header
-  + .request-body-schema[data-v-6092df54]:has(
+  + .request-body-schema[data-v-96399c9a]:has(
     > .schema-card > .schema-properties > * > .property--level-0
   ) {
   /** Add a bit of space between the heading border and the schema description or properties */
   padding-top: 8px;
 }
-.request-body-description[data-v-6092df54] .markdown * {
+.request-body-description[data-v-96399c9a] .markdown * {
   color: var(--scalar-color-2) !important;
 }