@scalar/api-client 3.20.0 → 3.21.1

package/dist/v2/features/operation/Operation.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Operation.vue.js","names":[],"sources":["../../../../src/v2/features/operation/Operation.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Operation example page\n *\n * Displays an operation with a specific example selected\n *  - View example request data\n *  - Modify example request data\n *  - Send example request\n */\nexport default {}\n\nexport type OperationProps = {\n  /** Hidden modals keep their operation mounted without downloading examples. */\n  isActive?: boolean\n  /** The slug of the currently selected document in the workspace */\n  documentSlug: string\n  /** The currently active document — OpenAPI-only, the operation page has no AsyncAPI path */\n  document: OpenApiDocument | null\n  /** The workspace event bus */\n  eventBus: WorkspaceEventBus\n  /** The layout of the client */\n  layout: ClientLayout\n  /** The API path currently selected (e.g. \"/users/{id}\") */\n  path?: string\n  /** The HTTP method for the currently selected API path (e.g. GET, POST) */\n  method?: HttpMethod\n  /** The name of the currently selected example (for examples within an endpoint) */\n  exampleName?: string\n  /** Resolve the selected entry from the OpenAPI webhooks map. */\n  isWebhook?: boolean\n  /** The currently active environment */\n  environment: XScalarEnvironment\n  /** The workspace store */\n  workspaceStore: WorkspaceStore\n  /** Client plugins */\n  plugins: ClientPlugin[]\n  /** App or modal options forwarded to operation/auth blocks */\n  options?: MaybeRefOrGetter<ApiClientOptions>\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { isElectron } from '@scalar/helpers/general/is-electron'\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport type { ClientPlugin } from '@scalar/oas-utils/helpers'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport {\n  getOperationExamples,\n  resolveOperationExamples,\n} from '@scalar/workspace-store/helpers/operation-examples'\nimport {\n  EXTERNAL_EXAMPLES,\n  useExampleVisibility,\n  useExternalExamples,\n} from '@scalar/workspace-store/helpers/use-external-examples'\nimport {\n  getActiveProxyUrl,\n  getRequestExampleContext,\n  getSelectedBodyContentType,\n} from '@scalar/workspace-store/request-example'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport {\n  computed,\n  provide,\n  ref,\n  toValue,\n  type ComponentPublicInstance,\n  type MaybeRefOrGetter,\n} from 'vue'\n\nimport { OperationBlock } from '@/v2/blocks/operation-block'\nimport { APP_VERSION } from '@/v2/constants'\nimport {\n  provideLocalization,\n  useLocalization,\n} from '@/v2/features/localization'\nimport { mapHiddenClientsConfig } from '@/v2/features/modal/helpers/map-hidden-clients-config'\nimport type { ClientLayout } from '@/v2/types/layout'\nimport type { ApiClientOptions } from '@/v2/types/options'\n\nconst {\n  isActive = true,\n  document,\n  layout,\n  eventBus,\n  path,\n  method,\n  environment,\n  exampleName,\n  options,\n  workspaceStore,\n  plugins,\n  documentSlug,\n  isWebhook = false,\n} = defineProps<\n  OperationProps & {\n    /** Selected anyOf/oneOf request-body variants keyed by schema path */\n    requestBodyCompositionSelection?: Record<string, number>\n  }\n>()\n\nconst inheritedLocalization = useLocalization()\nconst { translate, locale, direction } = provideLocalization(\n  () =>\n    toValue(options)?.localization ?? {\n      locale: inheritedLocalization.locale.value,\n      direction: inheritedLocalization.direction.value,\n      translations: inheritedLocalization.translations.value,\n    },\n)\n\n/**\n * Shared request-example context (operation, servers, auth scope, cookies). Recomputed when any\n * underlying workspace or route input changes — same reactivity as the previous local computeds.\n */\nconst requestExample = computed(() => {\n  if (!path || !method || !exampleName || !document) {\n    return null\n  }\n\n  const result = getRequestExampleContext(\n    workspaceStore,\n    documentSlug,\n    { path, method, exampleName, isWebhook },\n    {\n      baseServerUrl: toValue(options)?.baseServerURL,\n      fallbackDocument: document,\n      isElectron: isElectron(),\n      layout: layout === 'web' ? 'web' : 'other',\n      servers: toValue(options)?.servers,\n      appVersion: APP_VERSION,\n      authentication: toValue(options)?.authentication,\n    },\n  )\n\n  return result.ok ? result.data : null\n})\n\nconst sourceOperation = computed(() => requestExample.value?.operation ?? null)\nconst getResolver = (): ReturnType<WorkspaceStore['externalExamples']> =>\n  workspaceStore.externalExamples(documentSlug)\nprovide(EXTERNAL_EXAMPLES, getResolver)\nconst contentType = computed(\n  () =>\n    getSelectedBodyContentType(\n      getResolvedRef(sourceOperation.value?.requestBody),\n      exampleName,\n    ) ?? undefined,\n)\nconst container = ref<ComponentPublicInstance | null>(null)\nconst visible = useExampleVisibility(container)\nconst externalExamples = useExternalExamples(\n  () =>\n    sourceOperation.value\n      ? getOperationExamples(\n          sourceOperation.value,\n          exampleName ?? '',\n          contentType.value,\n        )\n      : [],\n  () => isActive && visible.value,\n  getResolver,\n)\nconst operation = computed(() =>\n  sourceOperation.value\n    ? resolveOperationExamples(\n        sourceOperation.value,\n        exampleName ?? '',\n        contentType.value,\n        externalExamples.resolve,\n      )\n    : null,\n)\nconst workspaceCookies = computed(\n  () => requestExample.value?.cookies.workspace ?? [],\n)\nconst documentCookies = computed(\n  () => requestExample.value?.cookies.document ?? [],\n)\nconst servers = computed(() => requestExample.value?.servers.list ?? [])\nconst selectedServer = computed(\n  () => requestExample.value?.servers.selected ?? null,\n)\nconst serverMeta = computed(\n  () => requestExample.value?.servers.meta ?? { type: 'document' as const },\n)\n\nconst securitySchemes = computed(\n  () => requestExample.value?.security.schemes ?? {},\n)\n\nconst selectedSecurity = computed(\n  () =>\n    requestExample.value?.security.selected ?? {\n      selectedIndex: -1,\n      selectedSchemes: [],\n    },\n)\nconst selectedSecuritySchemes = computed(\n  () => requestExample.value?.security.selectedSchemes ?? [],\n)\nconst securityRequirements = computed(\n  () => requestExample.value?.security.requirements ?? [],\n)\nconst authMeta = computed(\n  () => requestExample.value?.security.meta ?? { type: 'document' as const },\n)\n\nconst defaultHeaders = computed(\n  () => requestExample.value?.headers.default ?? {},\n)\n\n/** Combine environments from document and workspace into a unique array of environment names */\nconst environments = computed(() => {\n  return Array.from(\n    new Set(\n      Object.keys({\n        ...document?.['x-scalar-environments'],\n        ...workspaceStore.workspace['x-scalar-environments'],\n      }),\n    ),\n  )\n})\n\n/** Temporarily use the old config.hiddenClients until we migrate to the new httpClients config */\nconst httpClients = computed(() =>\n  mapHiddenClientsConfig(toValue(options)?.hiddenClients),\n)\n</script>\n\n<template>\n  <!-- Operation exists -->\n  <template v-if=\"path && method && exampleName && operation && document\">\n    <OperationBlock\n      ref=\"container\"\n      :activeEnvironment=\"\n        workspaceStore.workspace['x-scalar-active-environment']\n      \"\n      :appVersion=\"APP_VERSION\"\n      :authMeta\n      :defaultHeaders\n      :dir=\"direction\"\n      :document\n      :documentCookies\n      :documentSecurity=\"document?.security ?? []\"\n      :documentSlug\n      :documentUrl=\"document?.['x-scalar-original-source-url']\"\n      :environment\n      :environments\n      :eventBus\n      :exampleKey=\"exampleName\"\n      :externalExamplesFailed=\"externalExamples.failed.value\"\n      :externalExamplesPending=\"externalExamples.pending.value\"\n      :hideClientButton=\"toValue(options)?.hideClientButton ?? false\"\n      :history=\"workspaceStore.history.getHistory(documentSlug, path, method)\"\n      :httpClients\n      :isWebhook\n      :lang=\"locale\"\n      :layout\n      :method\n      :operation\n      :options\n      :path\n      :plugins=\"plugins\"\n      :proxyUrl=\"\n        getActiveProxyUrl(\n          workspaceStore.workspace['x-scalar-active-proxy'],\n          layout === 'web' ? 'web' : 'other',\n        ) ?? ''\n      \"\n      :requestBodyCompositionSelection\n      :securityRequirements=\"securityRequirements\"\n      :securitySchemes\n      :selectedClient=\"workspaceStore.workspace['x-scalar-default-client']\"\n      :selectedSecurity=\"selectedSecurity\"\n      :selectedSecuritySchemes=\"selectedSecuritySchemes\"\n      :server=\"selectedServer\"\n      :serverMeta\n      :servers\n      :sourceOperation=\"sourceOperation ?? undefined\"\n      :workspaceCookies\n      @retry:externalExamples=\"externalExamples.retry\" />\n  </template>\n\n  <!-- Empty state -->\n  <div\n    v-else\n    class=\"flex h-full w-full items-center justify-center\"\n    :dir=\"direction\"\n    :lang=\"locale\">\n    <span class=\"text-c-3\">{{\n      translate('apiClient.operation.selectAnOperationToViewDetails')\n    }}</span>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Operation.vue.js","names":[],"sources":["../../../../src/v2/features/operation/Operation.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Operation example page\n *\n * Displays an operation with a specific example selected\n *  - View example request data\n *  - Modify example request data\n *  - Send example request\n */\nexport default {}\n\nexport type OperationProps = {\n  /** Hidden modals keep their operation mounted without downloading examples. */\n  isActive?: boolean\n  /** The slug of the currently selected document in the workspace */\n  documentSlug: string\n  /** The currently active document — OpenAPI-only, the operation page has no AsyncAPI path */\n  document: OpenApiDocument | null\n  /** The workspace event bus */\n  eventBus: WorkspaceEventBus\n  /** The layout of the client */\n  layout: ClientLayout\n  /** The API path currently selected (e.g. \"/users/{id}\") */\n  path?: string\n  /** The HTTP method for the currently selected API path (e.g. GET, POST) */\n  method?: string\n  /** The name of the currently selected example (for examples within an endpoint) */\n  exampleName?: string\n  /** Resolve the selected entry from the OpenAPI webhooks map. */\n  isWebhook?: boolean\n  /** The currently active environment */\n  environment: XScalarEnvironment\n  /** The workspace store */\n  workspaceStore: WorkspaceStore\n  /** Client plugins */\n  plugins: ClientPlugin[]\n  /** App or modal options forwarded to operation/auth blocks */\n  options?: MaybeRefOrGetter<ApiClientOptions>\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { isElectron } from '@scalar/helpers/general/is-electron'\nimport type { ClientPlugin } from '@scalar/oas-utils/helpers'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport {\n  getOperationExamples,\n  resolveOperationExamples,\n} from '@scalar/workspace-store/helpers/operation-examples'\nimport {\n  EXTERNAL_EXAMPLES,\n  useExampleVisibility,\n  useExternalExamples,\n} from '@scalar/workspace-store/helpers/use-external-examples'\nimport {\n  getActiveProxyUrl,\n  getRequestExampleContext,\n  getSelectedBodyContentType,\n} from '@scalar/workspace-store/request-example'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport {\n  computed,\n  provide,\n  ref,\n  toValue,\n  type ComponentPublicInstance,\n  type MaybeRefOrGetter,\n} from 'vue'\n\nimport { OperationBlock } from '@/v2/blocks/operation-block'\nimport { APP_VERSION } from '@/v2/constants'\nimport {\n  provideLocalization,\n  useLocalization,\n} from '@/v2/features/localization'\nimport { mapHiddenClientsConfig } from '@/v2/features/modal/helpers/map-hidden-clients-config'\nimport type { ClientLayout } from '@/v2/types/layout'\nimport type { ApiClientOptions } from '@/v2/types/options'\n\nconst {\n  isActive = true,\n  document,\n  layout,\n  eventBus,\n  path,\n  method,\n  environment,\n  exampleName,\n  options,\n  workspaceStore,\n  plugins,\n  documentSlug,\n  isWebhook = false,\n} = defineProps<\n  OperationProps & {\n    /** Selected anyOf/oneOf request-body variants keyed by schema path */\n    requestBodyCompositionSelection?: Record<string, number>\n  }\n>()\n\nconst inheritedLocalization = useLocalization()\nconst { translate, locale, direction } = provideLocalization(\n  () =>\n    toValue(options)?.localization ?? {\n      locale: inheritedLocalization.locale.value,\n      direction: inheritedLocalization.direction.value,\n      translations: inheritedLocalization.translations.value,\n    },\n)\n\n/**\n * Shared request-example context (operation, servers, auth scope, cookies). Recomputed when any\n * underlying workspace or route input changes — same reactivity as the previous local computeds.\n */\nconst requestExample = computed(() => {\n  if (!path || !method || !exampleName || !document) {\n    return null\n  }\n\n  const result = getRequestExampleContext(\n    workspaceStore,\n    documentSlug,\n    { path, method, exampleName, isWebhook },\n    {\n      baseServerUrl: toValue(options)?.baseServerURL,\n      fallbackDocument: document,\n      isElectron: isElectron(),\n      layout: layout === 'web' ? 'web' : 'other',\n      servers: toValue(options)?.servers,\n      appVersion: APP_VERSION,\n      authentication: toValue(options)?.authentication,\n    },\n  )\n\n  return result.ok ? result.data : null\n})\n\nconst sourceOperation = computed(() => requestExample.value?.operation ?? null)\nconst getResolver = (): ReturnType<WorkspaceStore['externalExamples']> =>\n  workspaceStore.externalExamples(documentSlug)\nprovide(EXTERNAL_EXAMPLES, getResolver)\nconst contentType = computed(\n  () =>\n    getSelectedBodyContentType(\n      getResolvedRef(sourceOperation.value?.requestBody),\n      exampleName,\n    ) ?? undefined,\n)\nconst container = ref<ComponentPublicInstance | null>(null)\nconst visible = useExampleVisibility(container)\nconst externalExamples = useExternalExamples(\n  () =>\n    sourceOperation.value\n      ? getOperationExamples(\n          sourceOperation.value,\n          exampleName ?? '',\n          contentType.value,\n        )\n      : [],\n  () => isActive && visible.value,\n  getResolver,\n)\nconst operation = computed(() =>\n  sourceOperation.value\n    ? resolveOperationExamples(\n        sourceOperation.value,\n        exampleName ?? '',\n        contentType.value,\n        externalExamples.resolve,\n      )\n    : null,\n)\nconst workspaceCookies = computed(\n  () => requestExample.value?.cookies.workspace ?? [],\n)\nconst documentCookies = computed(\n  () => requestExample.value?.cookies.document ?? [],\n)\nconst servers = computed(() => requestExample.value?.servers.list ?? [])\nconst selectedServer = computed(\n  () => requestExample.value?.servers.selected ?? null,\n)\nconst serverMeta = computed(\n  () => requestExample.value?.servers.meta ?? { type: 'document' as const },\n)\n\nconst securitySchemes = computed(\n  () => requestExample.value?.security.schemes ?? {},\n)\n\nconst selectedSecurity = computed(\n  () =>\n    requestExample.value?.security.selected ?? {\n      selectedIndex: -1,\n      selectedSchemes: [],\n    },\n)\nconst selectedSecuritySchemes = computed(\n  () => requestExample.value?.security.selectedSchemes ?? [],\n)\nconst securityRequirements = computed(\n  () => requestExample.value?.security.requirements ?? [],\n)\nconst authMeta = computed(\n  () => requestExample.value?.security.meta ?? { type: 'document' as const },\n)\n\nconst defaultHeaders = computed(\n  () => requestExample.value?.headers.default ?? {},\n)\n\n/** Combine environments from document and workspace into a unique array of environment names */\nconst environments = computed(() => {\n  return Array.from(\n    new Set(\n      Object.keys({\n        ...document?.['x-scalar-environments'],\n        ...workspaceStore.workspace['x-scalar-environments'],\n      }),\n    ),\n  )\n})\n\n/** Temporarily use the old config.hiddenClients until we migrate to the new httpClients config */\nconst httpClients = computed(() =>\n  mapHiddenClientsConfig(toValue(options)?.hiddenClients),\n)\n</script>\n\n<template>\n  <!-- Operation exists -->\n  <template v-if=\"path && method && exampleName && operation && document\">\n    <OperationBlock\n      ref=\"container\"\n      :activeEnvironment=\"\n        workspaceStore.workspace['x-scalar-active-environment']\n      \"\n      :appVersion=\"APP_VERSION\"\n      :authMeta\n      :defaultHeaders\n      :dir=\"direction\"\n      :document\n      :documentCookies\n      :documentSecurity=\"document?.security ?? []\"\n      :documentSlug\n      :documentUrl=\"document?.['x-scalar-original-source-url']\"\n      :environment\n      :environments\n      :eventBus\n      :exampleKey=\"exampleName\"\n      :externalExamplesFailed=\"externalExamples.failed.value\"\n      :externalExamplesPending=\"externalExamples.pending.value\"\n      :hideClientButton=\"toValue(options)?.hideClientButton ?? false\"\n      :history=\"workspaceStore.history.getHistory(documentSlug, path, method)\"\n      :httpClients\n      :isWebhook\n      :lang=\"locale\"\n      :layout\n      :method\n      :operation\n      :options\n      :path\n      :plugins=\"plugins\"\n      :proxyUrl=\"\n        getActiveProxyUrl(\n          workspaceStore.workspace['x-scalar-active-proxy'],\n          layout === 'web' ? 'web' : 'other',\n        ) ?? ''\n      \"\n      :requestBodyCompositionSelection\n      :securityRequirements=\"securityRequirements\"\n      :securitySchemes\n      :selectedClient=\"workspaceStore.workspace['x-scalar-default-client']\"\n      :selectedSecurity=\"selectedSecurity\"\n      :selectedSecuritySchemes=\"selectedSecuritySchemes\"\n      :server=\"selectedServer\"\n      :serverMeta\n      :servers\n      :sourceOperation=\"sourceOperation ?? undefined\"\n      :workspaceCookies\n      @retry:externalExamples=\"externalExamples.retry\" />\n  </template>\n\n  <!-- Empty state -->\n  <div\n    v-else\n    class=\"flex h-full w-full items-center justify-center\"\n    :dir=\"direction\"\n    :lang=\"locale\">\n    <span class=\"text-c-3\">{{\n      translate('apiClient.operation.selectAnOperationToViewDetails')\n    }}</span>\n  </div>\n</template>\n"],"mappings":""}

package/dist/v2/features/operation/Operation.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"Operation.vue.script.js","names":[],"sources":["../../../../src/v2/features/operation/Operation.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Operation example page\n *\n * Displays an operation with a specific example selected\n *  - View example request data\n *  - Modify example request data\n *  - Send example request\n */\nexport default {}\n\nexport type OperationProps = {\n  /** Hidden modals keep their operation mounted without downloading examples. */\n  isActive?: boolean\n  /** The slug of the currently selected document in the workspace */\n  documentSlug: string\n  /** The currently active document — OpenAPI-only, the operation page has no AsyncAPI path */\n  document: OpenApiDocument | null\n  /** The workspace event bus */\n  eventBus: WorkspaceEventBus\n  /** The layout of the client */\n  layout: ClientLayout\n  /** The API path currently selected (e.g. \"/users/{id}\") */\n  path?: string\n  /** The HTTP method for the currently selected API path (e.g. GET, POST) */\n  method?: HttpMethod\n  /** The name of the currently selected example (for examples within an endpoint) */\n  exampleName?: string\n  /** Resolve the selected entry from the OpenAPI webhooks map. */\n  isWebhook?: boolean\n  /** The currently active environment */\n  environment: XScalarEnvironment\n  /** The workspace store */\n  workspaceStore: WorkspaceStore\n  /** Client plugins */\n  plugins: ClientPlugin[]\n  /** App or modal options forwarded to operation/auth blocks */\n  options?: MaybeRefOrGetter<ApiClientOptions>\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { isElectron } from '@scalar/helpers/general/is-electron'\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport type { ClientPlugin } from '@scalar/oas-utils/helpers'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport {\n  getOperationExamples,\n  resolveOperationExamples,\n} from '@scalar/workspace-store/helpers/operation-examples'\nimport {\n  EXTERNAL_EXAMPLES,\n  useExampleVisibility,\n  useExternalExamples,\n} from '@scalar/workspace-store/helpers/use-external-examples'\nimport {\n  getActiveProxyUrl,\n  getRequestExampleContext,\n  getSelectedBodyContentType,\n} from '@scalar/workspace-store/request-example'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport {\n  computed,\n  provide,\n  ref,\n  toValue,\n  type ComponentPublicInstance,\n  type MaybeRefOrGetter,\n} from 'vue'\n\nimport { OperationBlock } from '@/v2/blocks/operation-block'\nimport { APP_VERSION } from '@/v2/constants'\nimport {\n  provideLocalization,\n  useLocalization,\n} from '@/v2/features/localization'\nimport { mapHiddenClientsConfig } from '@/v2/features/modal/helpers/map-hidden-clients-config'\nimport type { ClientLayout } from '@/v2/types/layout'\nimport type { ApiClientOptions } from '@/v2/types/options'\n\nconst {\n  isActive = true,\n  document,\n  layout,\n  eventBus,\n  path,\n  method,\n  environment,\n  exampleName,\n  options,\n  workspaceStore,\n  plugins,\n  documentSlug,\n  isWebhook = false,\n} = defineProps<\n  OperationProps & {\n    /** Selected anyOf/oneOf request-body variants keyed by schema path */\n    requestBodyCompositionSelection?: Record<string, number>\n  }\n>()\n\nconst inheritedLocalization = useLocalization()\nconst { translate, locale, direction } = provideLocalization(\n  () =>\n    toValue(options)?.localization ?? {\n      locale: inheritedLocalization.locale.value,\n      direction: inheritedLocalization.direction.value,\n      translations: inheritedLocalization.translations.value,\n    },\n)\n\n/**\n * Shared request-example context (operation, servers, auth scope, cookies). Recomputed when any\n * underlying workspace or route input changes — same reactivity as the previous local computeds.\n */\nconst requestExample = computed(() => {\n  if (!path || !method || !exampleName || !document) {\n    return null\n  }\n\n  const result = getRequestExampleContext(\n    workspaceStore,\n    documentSlug,\n    { path, method, exampleName, isWebhook },\n    {\n      baseServerUrl: toValue(options)?.baseServerURL,\n      fallbackDocument: document,\n      isElectron: isElectron(),\n      layout: layout === 'web' ? 'web' : 'other',\n      servers: toValue(options)?.servers,\n      appVersion: APP_VERSION,\n      authentication: toValue(options)?.authentication,\n    },\n  )\n\n  return result.ok ? result.data : null\n})\n\nconst sourceOperation = computed(() => requestExample.value?.operation ?? null)\nconst getResolver = (): ReturnType<WorkspaceStore['externalExamples']> =>\n  workspaceStore.externalExamples(documentSlug)\nprovide(EXTERNAL_EXAMPLES, getResolver)\nconst contentType = computed(\n  () =>\n    getSelectedBodyContentType(\n      getResolvedRef(sourceOperation.value?.requestBody),\n      exampleName,\n    ) ?? undefined,\n)\nconst container = ref<ComponentPublicInstance | null>(null)\nconst visible = useExampleVisibility(container)\nconst externalExamples = useExternalExamples(\n  () =>\n    sourceOperation.value\n      ? getOperationExamples(\n          sourceOperation.value,\n          exampleName ?? '',\n          contentType.value,\n        )\n      : [],\n  () => isActive && visible.value,\n  getResolver,\n)\nconst operation = computed(() =>\n  sourceOperation.value\n    ? resolveOperationExamples(\n        sourceOperation.value,\n        exampleName ?? '',\n        contentType.value,\n        externalExamples.resolve,\n      )\n    : null,\n)\nconst workspaceCookies = computed(\n  () => requestExample.value?.cookies.workspace ?? [],\n)\nconst documentCookies = computed(\n  () => requestExample.value?.cookies.document ?? [],\n)\nconst servers = computed(() => requestExample.value?.servers.list ?? [])\nconst selectedServer = computed(\n  () => requestExample.value?.servers.selected ?? null,\n)\nconst serverMeta = computed(\n  () => requestExample.value?.servers.meta ?? { type: 'document' as const },\n)\n\nconst securitySchemes = computed(\n  () => requestExample.value?.security.schemes ?? {},\n)\n\nconst selectedSecurity = computed(\n  () =>\n    requestExample.value?.security.selected ?? {\n      selectedIndex: -1,\n      selectedSchemes: [],\n    },\n)\nconst selectedSecuritySchemes = computed(\n  () => requestExample.value?.security.selectedSchemes ?? [],\n)\nconst securityRequirements = computed(\n  () => requestExample.value?.security.requirements ?? [],\n)\nconst authMeta = computed(\n  () => requestExample.value?.security.meta ?? { type: 'document' as const },\n)\n\nconst defaultHeaders = computed(\n  () => requestExample.value?.headers.default ?? {},\n)\n\n/** Combine environments from document and workspace into a unique array of environment names */\nconst environments = computed(() => {\n  return Array.from(\n    new Set(\n      Object.keys({\n        ...document?.['x-scalar-environments'],\n        ...workspaceStore.workspace['x-scalar-environments'],\n      }),\n    ),\n  )\n})\n\n/** Temporarily use the old config.hiddenClients until we migrate to the new httpClients config */\nconst httpClients = computed(() =>\n  mapHiddenClientsConfig(toValue(options)?.hiddenClients),\n)\n</script>\n\n<template>\n  <!-- Operation exists -->\n  <template v-if=\"path && method && exampleName && operation && document\">\n    <OperationBlock\n      ref=\"container\"\n      :activeEnvironment=\"\n        workspaceStore.workspace['x-scalar-active-environment']\n      \"\n      :appVersion=\"APP_VERSION\"\n      :authMeta\n      :defaultHeaders\n      :dir=\"direction\"\n      :document\n      :documentCookies\n      :documentSecurity=\"document?.security ?? []\"\n      :documentSlug\n      :documentUrl=\"document?.['x-scalar-original-source-url']\"\n      :environment\n      :environments\n      :eventBus\n      :exampleKey=\"exampleName\"\n      :externalExamplesFailed=\"externalExamples.failed.value\"\n      :externalExamplesPending=\"externalExamples.pending.value\"\n      :hideClientButton=\"toValue(options)?.hideClientButton ?? false\"\n      :history=\"workspaceStore.history.getHistory(documentSlug, path, method)\"\n      :httpClients\n      :isWebhook\n      :lang=\"locale\"\n      :layout\n      :method\n      :operation\n      :options\n      :path\n      :plugins=\"plugins\"\n      :proxyUrl=\"\n        getActiveProxyUrl(\n          workspaceStore.workspace['x-scalar-active-proxy'],\n          layout === 'web' ? 'web' : 'other',\n        ) ?? ''\n      \"\n      :requestBodyCompositionSelection\n      :securityRequirements=\"securityRequirements\"\n      :securitySchemes\n      :selectedClient=\"workspaceStore.workspace['x-scalar-default-client']\"\n      :selectedSecurity=\"selectedSecurity\"\n      :selectedSecuritySchemes=\"selectedSecuritySchemes\"\n      :server=\"selectedServer\"\n      :serverMeta\n      :servers\n      :sourceOperation=\"sourceOperation ?? undefined\"\n      :workspaceCookies\n      @retry:externalExamples=\"externalExamples.retry\" />\n  </template>\n\n  <!-- Empty state -->\n  <div\n    v-else\n    class=\"flex h-full w-full items-center justify-center\"\n    :dir=\"direction\"\n    :lang=\"locale\">\n    <span class=\"text-c-3\">{{\n      translate('apiClient.operation.selectAnOperationToViewDetails')\n    }}</span>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"Operation.vue.script.js","names":[],"sources":["../../../../src/v2/features/operation/Operation.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Operation example page\n *\n * Displays an operation with a specific example selected\n *  - View example request data\n *  - Modify example request data\n *  - Send example request\n */\nexport default {}\n\nexport type OperationProps = {\n  /** Hidden modals keep their operation mounted without downloading examples. */\n  isActive?: boolean\n  /** The slug of the currently selected document in the workspace */\n  documentSlug: string\n  /** The currently active document — OpenAPI-only, the operation page has no AsyncAPI path */\n  document: OpenApiDocument | null\n  /** The workspace event bus */\n  eventBus: WorkspaceEventBus\n  /** The layout of the client */\n  layout: ClientLayout\n  /** The API path currently selected (e.g. \"/users/{id}\") */\n  path?: string\n  /** The HTTP method for the currently selected API path (e.g. GET, POST) */\n  method?: string\n  /** The name of the currently selected example (for examples within an endpoint) */\n  exampleName?: string\n  /** Resolve the selected entry from the OpenAPI webhooks map. */\n  isWebhook?: boolean\n  /** The currently active environment */\n  environment: XScalarEnvironment\n  /** The workspace store */\n  workspaceStore: WorkspaceStore\n  /** Client plugins */\n  plugins: ClientPlugin[]\n  /** App or modal options forwarded to operation/auth blocks */\n  options?: MaybeRefOrGetter<ApiClientOptions>\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { isElectron } from '@scalar/helpers/general/is-electron'\nimport type { ClientPlugin } from '@scalar/oas-utils/helpers'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport {\n  getOperationExamples,\n  resolveOperationExamples,\n} from '@scalar/workspace-store/helpers/operation-examples'\nimport {\n  EXTERNAL_EXAMPLES,\n  useExampleVisibility,\n  useExternalExamples,\n} from '@scalar/workspace-store/helpers/use-external-examples'\nimport {\n  getActiveProxyUrl,\n  getRequestExampleContext,\n  getSelectedBodyContentType,\n} from '@scalar/workspace-store/request-example'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport {\n  computed,\n  provide,\n  ref,\n  toValue,\n  type ComponentPublicInstance,\n  type MaybeRefOrGetter,\n} from 'vue'\n\nimport { OperationBlock } from '@/v2/blocks/operation-block'\nimport { APP_VERSION } from '@/v2/constants'\nimport {\n  provideLocalization,\n  useLocalization,\n} from '@/v2/features/localization'\nimport { mapHiddenClientsConfig } from '@/v2/features/modal/helpers/map-hidden-clients-config'\nimport type { ClientLayout } from '@/v2/types/layout'\nimport type { ApiClientOptions } from '@/v2/types/options'\n\nconst {\n  isActive = true,\n  document,\n  layout,\n  eventBus,\n  path,\n  method,\n  environment,\n  exampleName,\n  options,\n  workspaceStore,\n  plugins,\n  documentSlug,\n  isWebhook = false,\n} = defineProps<\n  OperationProps & {\n    /** Selected anyOf/oneOf request-body variants keyed by schema path */\n    requestBodyCompositionSelection?: Record<string, number>\n  }\n>()\n\nconst inheritedLocalization = useLocalization()\nconst { translate, locale, direction } = provideLocalization(\n  () =>\n    toValue(options)?.localization ?? {\n      locale: inheritedLocalization.locale.value,\n      direction: inheritedLocalization.direction.value,\n      translations: inheritedLocalization.translations.value,\n    },\n)\n\n/**\n * Shared request-example context (operation, servers, auth scope, cookies). Recomputed when any\n * underlying workspace or route input changes — same reactivity as the previous local computeds.\n */\nconst requestExample = computed(() => {\n  if (!path || !method || !exampleName || !document) {\n    return null\n  }\n\n  const result = getRequestExampleContext(\n    workspaceStore,\n    documentSlug,\n    { path, method, exampleName, isWebhook },\n    {\n      baseServerUrl: toValue(options)?.baseServerURL,\n      fallbackDocument: document,\n      isElectron: isElectron(),\n      layout: layout === 'web' ? 'web' : 'other',\n      servers: toValue(options)?.servers,\n      appVersion: APP_VERSION,\n      authentication: toValue(options)?.authentication,\n    },\n  )\n\n  return result.ok ? result.data : null\n})\n\nconst sourceOperation = computed(() => requestExample.value?.operation ?? null)\nconst getResolver = (): ReturnType<WorkspaceStore['externalExamples']> =>\n  workspaceStore.externalExamples(documentSlug)\nprovide(EXTERNAL_EXAMPLES, getResolver)\nconst contentType = computed(\n  () =>\n    getSelectedBodyContentType(\n      getResolvedRef(sourceOperation.value?.requestBody),\n      exampleName,\n    ) ?? undefined,\n)\nconst container = ref<ComponentPublicInstance | null>(null)\nconst visible = useExampleVisibility(container)\nconst externalExamples = useExternalExamples(\n  () =>\n    sourceOperation.value\n      ? getOperationExamples(\n          sourceOperation.value,\n          exampleName ?? '',\n          contentType.value,\n        )\n      : [],\n  () => isActive && visible.value,\n  getResolver,\n)\nconst operation = computed(() =>\n  sourceOperation.value\n    ? resolveOperationExamples(\n        sourceOperation.value,\n        exampleName ?? '',\n        contentType.value,\n        externalExamples.resolve,\n      )\n    : null,\n)\nconst workspaceCookies = computed(\n  () => requestExample.value?.cookies.workspace ?? [],\n)\nconst documentCookies = computed(\n  () => requestExample.value?.cookies.document ?? [],\n)\nconst servers = computed(() => requestExample.value?.servers.list ?? [])\nconst selectedServer = computed(\n  () => requestExample.value?.servers.selected ?? null,\n)\nconst serverMeta = computed(\n  () => requestExample.value?.servers.meta ?? { type: 'document' as const },\n)\n\nconst securitySchemes = computed(\n  () => requestExample.value?.security.schemes ?? {},\n)\n\nconst selectedSecurity = computed(\n  () =>\n    requestExample.value?.security.selected ?? {\n      selectedIndex: -1,\n      selectedSchemes: [],\n    },\n)\nconst selectedSecuritySchemes = computed(\n  () => requestExample.value?.security.selectedSchemes ?? [],\n)\nconst securityRequirements = computed(\n  () => requestExample.value?.security.requirements ?? [],\n)\nconst authMeta = computed(\n  () => requestExample.value?.security.meta ?? { type: 'document' as const },\n)\n\nconst defaultHeaders = computed(\n  () => requestExample.value?.headers.default ?? {},\n)\n\n/** Combine environments from document and workspace into a unique array of environment names */\nconst environments = computed(() => {\n  return Array.from(\n    new Set(\n      Object.keys({\n        ...document?.['x-scalar-environments'],\n        ...workspaceStore.workspace['x-scalar-environments'],\n      }),\n    ),\n  )\n})\n\n/** Temporarily use the old config.hiddenClients until we migrate to the new httpClients config */\nconst httpClients = computed(() =>\n  mapHiddenClientsConfig(toValue(options)?.hiddenClients),\n)\n</script>\n\n<template>\n  <!-- Operation exists -->\n  <template v-if=\"path && method && exampleName && operation && document\">\n    <OperationBlock\n      ref=\"container\"\n      :activeEnvironment=\"\n        workspaceStore.workspace['x-scalar-active-environment']\n      \"\n      :appVersion=\"APP_VERSION\"\n      :authMeta\n      :defaultHeaders\n      :dir=\"direction\"\n      :document\n      :documentCookies\n      :documentSecurity=\"document?.security ?? []\"\n      :documentSlug\n      :documentUrl=\"document?.['x-scalar-original-source-url']\"\n      :environment\n      :environments\n      :eventBus\n      :exampleKey=\"exampleName\"\n      :externalExamplesFailed=\"externalExamples.failed.value\"\n      :externalExamplesPending=\"externalExamples.pending.value\"\n      :hideClientButton=\"toValue(options)?.hideClientButton ?? false\"\n      :history=\"workspaceStore.history.getHistory(documentSlug, path, method)\"\n      :httpClients\n      :isWebhook\n      :lang=\"locale\"\n      :layout\n      :method\n      :operation\n      :options\n      :path\n      :plugins=\"plugins\"\n      :proxyUrl=\"\n        getActiveProxyUrl(\n          workspaceStore.workspace['x-scalar-active-proxy'],\n          layout === 'web' ? 'web' : 'other',\n        ) ?? ''\n      \"\n      :requestBodyCompositionSelection\n      :securityRequirements=\"securityRequirements\"\n      :securitySchemes\n      :selectedClient=\"workspaceStore.workspace['x-scalar-default-client']\"\n      :selectedSecurity=\"selectedSecurity\"\n      :selectedSecuritySchemes=\"selectedSecuritySchemes\"\n      :server=\"selectedServer\"\n      :serverMeta\n      :servers\n      :sourceOperation=\"sourceOperation ?? undefined\"\n      :workspaceCookies\n      @retry:externalExamples=\"externalExamples.retry\" />\n  </template>\n\n  <!-- Empty state -->\n  <div\n    v-else\n    class=\"flex h-full w-full items-center justify-center\"\n    :dir=\"direction\"\n    :lang=\"locale\">\n    <span class=\"text-c-3\">{{\n      translate('apiClient.operation.selectAnOperationToViewDetails')\n    }}</span>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/v2/helpers/generate-location-id.d.ts

@@ -1,4 +1,3 @@
-import type { HttpMethod } from '@scalar/helpers/http/http-methods';
 /**
  * Generates a unique string ID for an API location, based on the document, path, method, and example.
  * Filters out undefined values and serializes the composite array into a stable string.
@@ -13,7 +12,7 @@ import type { HttpMethod } from '@scalar/helpers/http/http-methods';
 export declare const generateLocationId: ({ document, path, method, example, isWebhook, }: {
     document: string;
     path?: string;
-    method?: HttpMethod;
+    method?: string;
     example?: string;
     /** Namespace webhook entries without changing existing operation IDs. */
     isWebhook?: boolean;

package/dist/v2/helpers/generate-location-id.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generate-location-id.d.ts","sourceRoot":"","sources":["../../../src/v2/helpers/generate-location-id.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AAEnE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,kBAAkB,GAAI,iDAMhC;IACD,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,yEAAyE;IACzE,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,WAEA,CAAA"}
+{"version":3,"file":"generate-location-id.d.ts","sourceRoot":"","sources":["../../../src/v2/helpers/generate-location-id.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,kBAAkB,GAAI,iDAMhC;IACD,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,yEAAyE;IACzE,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,WAEA,CAAA"}

package/dist/v2/helpers/generate-location-id.js.map

@@ -1 +1 @@
-{"version":3,"file":"generate-location-id.js","names":[],"sources":["../../../src/v2/helpers/generate-location-id.ts"],"sourcesContent":["import { isDefined } from '@scalar/helpers/array/is-defined'\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\n\n/**\n * Generates a unique string ID for an API location, based on the document, path, method, and example.\n * Filters out undefined values and serializes the composite array into a stable string.\n *\n * @param params - An object containing document, path, method, and optional example name.\n * @returns A stringified array representing the unique location identifier.\n *\n * Example:\n *   generateLocationId({ document: 'mydoc', path: '/users', method: 'get', example: 'default' })\n *   // => '[\"mydoc\",\"/users\",\"get\",\"default\"]'\n */\nexport const generateLocationId = ({\n  document,\n  path,\n  method,\n  example,\n  isWebhook = false,\n}: {\n  document: string\n  path?: string\n  method?: HttpMethod\n  example?: string\n  /** Namespace webhook entries without changing existing operation IDs. */\n  isWebhook?: boolean\n}) => {\n  return JSON.stringify([document, isWebhook ? 'webhook' : undefined, path, method, example].filter(isDefined))\n}\n"],"mappings":";;;;;;;;;;;;;AAcA,IAAa,sBAAsB,EACjC,UACA,MACA,QACA,SACA,YAAY,YAQR;CACJ,OAAO,KAAK,UAAU;EAAC;EAAU,YAAY,YAAY,KAAA;EAAW;EAAM;EAAQ;CAAO,CAAC,CAAC,OAAO,SAAS,CAAC;AAC9G"}
+{"version":3,"file":"generate-location-id.js","names":[],"sources":["../../../src/v2/helpers/generate-location-id.ts"],"sourcesContent":["import { isDefined } from '@scalar/helpers/array/is-defined'\n\n/**\n * Generates a unique string ID for an API location, based on the document, path, method, and example.\n * Filters out undefined values and serializes the composite array into a stable string.\n *\n * @param params - An object containing document, path, method, and optional example name.\n * @returns A stringified array representing the unique location identifier.\n *\n * Example:\n *   generateLocationId({ document: 'mydoc', path: '/users', method: 'get', example: 'default' })\n *   // => '[\"mydoc\",\"/users\",\"get\",\"default\"]'\n */\nexport const generateLocationId = ({\n  document,\n  path,\n  method,\n  example,\n  isWebhook = false,\n}: {\n  document: string\n  path?: string\n  method?: string\n  example?: string\n  /** Namespace webhook entries without changing existing operation IDs. */\n  isWebhook?: boolean\n}) => {\n  return JSON.stringify([document, isWebhook ? 'webhook' : undefined, path, method, example].filter(isDefined))\n}\n"],"mappings":";;;;;;;;;;;;;AAaA,IAAa,sBAAsB,EACjC,UACA,MACA,QACA,SACA,YAAY,YAQR;CACJ,OAAO,KAAK,UAAU;EAAC;EAAU,YAAY,YAAY,KAAA;EAAW;EAAM;EAAQ;CAAO,CAAC,CAAC,OAAO,SAAS,CAAC;AAC9G"}

package/dist/vue-styles.css

@@ -1,14 +1,14 @@
 
-.http-bg-gradient[data-v-86e2b3ea] {
+.http-bg-gradient[data-v-e7883636] {
   background: linear-gradient(rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0.035));
 }
-.http-bg-gradient[data-v-86e2b3ea]:hover {
+.http-bg-gradient[data-v-e7883636]:hover {
   background: linear-gradient(rgba(0, 0, 0, 0.035), rgba(255, 255, 255, 0.75));
 }
-.dark-mode .http-bg-gradient[data-v-86e2b3ea] {
+.dark-mode .http-bg-gradient[data-v-e7883636] {
   background: linear-gradient(rgba(255, 255, 255, 0.035), rgba(0, 0, 0, 0.15));
 }
-.dark-mode .http-bg-gradient[data-v-86e2b3ea]:hover {
+.dark-mode .http-bg-gradient[data-v-e7883636]:hover {
   background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0.035));
 }
 
@@ -34,7 +34,7 @@ to {
 }
 }
 
-.open-api-client-button[data-v-8cc9a5bf] {
+.open-api-client-button[data-v-746e7aef] {
   cursor: pointer;
   width: 100%;
   padding: 9px 12px;
@@ -53,7 +53,7 @@ to {
   gap: 6px;
   color: var(--scalar-sidebar-color-1);
 }
-.open-api-client-button[data-v-8cc9a5bf]:hover {
+.open-api-client-button[data-v-746e7aef]:hover {
   background: var(
     --scalar-sidebar-item-hover-background,
     var(--scalar-background-2)
@@ -419,20 +419,20 @@ to {
   background: color-mix(in srgb, var(--scalar-background-3), transparent 40%);
 }
 
-[data-v-bb7a09e9] .code-input-lite__editor {
+[data-v-e29008b7] .code-input-lite__editor {
   background-color: transparent;
   font-family: var(--scalar-font);
   font-size: var(--scalar-small);
   padding: 5px 8px;
 }
-[data-v-bb7a09e9] .scalar-pill:not(:last-of-type) {
+[data-v-e29008b7] .scalar-pill:not(:last-of-type) {
   margin-right: 0.15em;
 }
-[data-v-bb7a09e9] .scalar-pill:not(:first-of-type) {
+[data-v-e29008b7] .scalar-pill:not(:first-of-type) {
   margin-left: 0.5px;
 }
 
-[data-v-c8b034c3] .cm-content {
+[data-v-42eb1913] .cm-content {
   font-size: var(--scalar-small);
 }
 
@@ -481,20 +481,20 @@ input[data-v-135d11b9]::placeholder {
   scrollbar-width: none;
 }
 
-.request-section-content[data-v-4811507f] {
+.request-section-content[data-v-1bb88607] {
   --scalar-border-width: 0.5px;
 }
-.request-section-content-filter[data-v-4811507f] {
+.request-section-content-filter[data-v-1bb88607] {
   box-shadow: 0 -10px 0 10px var(--scalar-background-1);
 }
-.request-item:focus-within .request-meta-buttons[data-v-4811507f] {
+.request-item:focus-within .request-meta-buttons[data-v-1bb88607] {
   opacity: 1;
 }
-.group-hover-input[data-v-4811507f] {
+.group-hover-input[data-v-1bb88607] {
   border-width: var(--scalar-border-width);
   border-color: transparent;
 }
-.group:hover .group-hover-input[data-v-4811507f] {
+.group:hover .group-hover-input[data-v-1bb88607] {
   background: color-mix(
     in srgb,
     var(--scalar-background-1),
@@ -502,7 +502,7 @@ input[data-v-135d11b9]::placeholder {
   );
   border-color: var(--scalar-border-color);
 }
-.group-hover-input[data-v-4811507f]:focus {
+.group-hover-input[data-v-1bb88607]:focus {
   background: transparent !important;
   border-color: var(--scalar-border-color) !important;
 }
@@ -582,11 +582,11 @@ input[data-v-135d11b9]::placeholder {
   opacity: 0;
 }
 
-.animate-response-heading .response-heading[data-v-fd52d047] {
-  animation: push-response-fd52d047 0.2s ease-in-out forwards;
+.animate-response-heading .response-heading[data-v-2694e1a2] {
+  animation: push-response-2694e1a2 0.2s ease-in-out forwards;
   opacity: 1;
 }
-@keyframes push-response-fd52d047 {
+@keyframes push-response-2694e1a2 {
 from {
     opacity: 1;
     transform: translateY(0);
@@ -596,11 +596,11 @@ to {
     transform: translateY(-4px);
 }
 }
-.animate-response-heading .animate-response-children[data-v-fd52d047] {
-  animation: response-spans-fd52d047 0.2s ease-in-out forwards 0.05s;
+.animate-response-heading .animate-response-children[data-v-2694e1a2] {
+  animation: response-spans-2694e1a2 0.2s ease-in-out forwards 0.05s;
   opacity: 0;
 }
-@keyframes response-spans-fd52d047 {
+@keyframes response-spans-2694e1a2 {
 from {
     opacity: 0;
     transform: translateY(4px);
@@ -621,28 +621,28 @@ to {
   margin-top: 0;
 }
 
-.address-bar-history-button[data-v-36f5ec26]:hover {
+.address-bar-history-button[data-v-a54819b1]:hover {
   background: var(--scalar-background-3);
 }
-.address-bar-history-button[data-v-36f5ec26]:focus-within {
+.address-bar-history-button[data-v-a54819b1]:focus-within {
   background: var(--scalar-background-2);
 }
 
-[data-v-65ff0ebf] .cm-editor {
+[data-v-0e96b5b8] .cm-editor {
   height: 100%;
   outline: none;
   width: 100%;
 }
-[data-v-65ff0ebf] .cm-line {
+[data-v-0e96b5b8] .cm-line {
   padding: 0;
 }
-[data-v-65ff0ebf] .cm-content {
+[data-v-0e96b5b8] .cm-content {
   padding: 0;
   display: flex;
   align-items: center;
   font-size: var(--scalar-small);
 }
-.scroll-timeline-x[data-v-65ff0ebf] {
+.scroll-timeline-x[data-v-0e96b5b8] {
   -ms-overflow-style: none;
   /* Fade the URL at the viewport edges. Mask lives on the scrollport (this
      element) rather than on `.cm-scroller`, whose width follows the URL's
@@ -655,31 +655,31 @@ to {
     transparent 100%
   );
 }
-.scroll-timeline-x-hidden[data-v-65ff0ebf] {
+.scroll-timeline-x-hidden[data-v-0e96b5b8] {
   overflow-x: auto;
 }
-.scroll-timeline-x-hidden[data-v-65ff0ebf] .cm-scroller {
+.scroll-timeline-x-hidden[data-v-0e96b5b8] .cm-scroller {
   scrollbar-width: none;
   -ms-overflow-style: none;
   padding-right: 20px;
   overflow: auto;
 }
-.scroll-timeline-x-hidden[data-v-65ff0ebf]::-webkit-scrollbar {
+.scroll-timeline-x-hidden[data-v-0e96b5b8]::-webkit-scrollbar {
   width: 0;
   height: 0;
   display: none;
 }
-.scroll-timeline-x-hidden[data-v-65ff0ebf] .cm-scroller::-webkit-scrollbar {
+.scroll-timeline-x-hidden[data-v-0e96b5b8] .cm-scroller::-webkit-scrollbar {
   width: 0;
   height: 0;
   display: none;
 }
-.scroll-timeline-x-address[data-v-65ff0ebf] {
+.scroll-timeline-x-address[data-v-0e96b5b8] {
   line-height: 27px;
   scrollbar-width: none; /* Firefox */
 }
 /* make clickable are to left of send button */
-.scroll-timeline-x-address[data-v-65ff0ebf]:after {
+.scroll-timeline-x-address[data-v-0e96b5b8]:after {
   content: '';
   position: absolute;
   height: 100%;
@@ -687,7 +687,7 @@ to {
   right: 0;
   cursor: text;
 }
-.address-bar-bg-states[data-v-65ff0ebf] {
+.address-bar-bg-states[data-v-0e96b5b8] {
   --scalar-address-bar-bg: color-mix(
     in srgb,
     var(--scalar-background-1),
@@ -695,22 +695,22 @@ to {
   );
   background: var(--scalar-address-bar-bg);
 }
-.address-bar-bg-states[data-v-65ff0ebf]:has(.cm-focused) {
+.address-bar-bg-states[data-v-0e96b5b8]:has(.cm-focused) {
   --scalar-address-bar-bg: var(--scalar-background-1);
   border-color: var(--scalar-border-color);
   outline-width: 1px;
   outline-style: solid;
 }
-.address-bar-bg-states:has(.cm-focused) .fade-left[data-v-65ff0ebf],
-.address-bar-bg-states:has(.cm-focused) .fade-right[data-v-65ff0ebf] {
+.address-bar-bg-states:has(.cm-focused) .fade-left[data-v-0e96b5b8],
+.address-bar-bg-states:has(.cm-focused) .fade-right[data-v-0e96b5b8] {
   --scalar-address-bar-bg: var(--scalar-background-1);
 }
 
-.app-exit-button[data-v-70c49191] {
+.app-exit-button[data-v-cf0538d1] {
   color: white;
   background: rgba(0, 0, 0, 0.1);
 }
-.app-exit-button[data-v-70c49191]:hover {
+.app-exit-button[data-v-cf0538d1]:hover {
   background: rgba(255, 255, 255, 0.1);
 }
 /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */

package/package.json

@@ -18,7 +18,7 @@
     "rest",
     "testing"
   ],
-  "version": "3.20.0",
+  "version": "3.21.1",
   "engines": {
     "node": ">=22"
   },
@@ -305,22 +305,22 @@
   "dependencies": {
     "@headlessui/tailwindcss": "^0.2.2",
     "@headlessui/vue": "1.7.23",
-    "@scalar/blocks": "0.2.0",
-    "@scalar/components": "0.30.1",
-    "@scalar/helpers": "0.13.0",
+    "@scalar/blocks": "0.4.0",
+    "@scalar/components": "0.30.3",
+    "@scalar/helpers": "0.15.0",
     "@scalar/icons": "0.7.6",
-    "@scalar/localization": "0.2.1",
-    "@scalar/oas-utils": "0.20.4",
+    "@scalar/localization": "0.2.3",
+    "@scalar/oas-utils": "0.20.6",
     "@scalar/openapi-types": "0.9.7",
-    "@scalar/sidebar": "0.11.6",
-    "@scalar/snippetz": "0.10.0",
+    "@scalar/sidebar": "0.11.8",
+    "@scalar/snippetz": "0.10.2",
     "@scalar/themes": "0.18.0",
     "@scalar/typebox": "^0.1.3",
-    "@scalar/types": "0.21.0",
+    "@scalar/types": "0.22.1",
     "@scalar/use-codemirror": "0.14.15",
-    "@scalar/use-hooks": "0.4.13",
+    "@scalar/use-hooks": "0.4.15",
     "@scalar/use-toasts": "0.10.5",
-    "@scalar/workspace-store": "0.65.0",
+    "@scalar/workspace-store": "0.67.0",
     "@vueuse/core": "13.9.0",
     "@vueuse/integrations": "13.9.0",
     "focus-trap": "^7.8.0",