@scalar/api-client 3.23.2 → 3.23.3

package/dist/v2/blocks/operation-block/OperationBlock.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"OperationBlock.vue.js","names":[],"sources":["../../../../src/v2/blocks/operation-block/OperationBlock.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * OperationBlock\n *\n * Orchestrates the operation view by wiring together the Header, OperationBlock,\n * and ResponseBlock. Forwards user interactions to the workspace event bus and\n * passes through configuration such as auth, servers, plugins, and environment.\n * This component keeps the Operation page lean by centralizing event emission\n * and prop wiring between the blocks.\n *\n * Notable behavior:\n * - Uses operation['x-scalar-method'] and operation['x-scalar-path'] to provide\n *   draft overrides for the UI when present.\n */\nexport default {\n  name: 'OperationBlock',\n}\n\nexport type OperationBlockProps = {\n  /** Keep execution and editing unavailable until the selected payload is ready. */\n  externalExamplesPending?: boolean\n  externalExamplesFailed?: boolean\n  /** Event bus */\n  eventBus: WorkspaceEventBus\n  /** Application version */\n  appVersion: string\n  /** Openapi document */\n  document: OpenApiDocument\n  /** Openapi document slug */\n  documentSlug: string\n  /** Workspace cookies */\n  workspaceCookies: XScalarCookie[]\n  /** Document cookies */\n  documentCookies: XScalarCookie[]\n  /** Current request path */\n  path: string\n  /** Current request method */\n  method: string\n  /** Whether `path` identifies an OpenAPI webhook. */\n  isWebhook?: boolean\n  /** HTTP clients */\n  httpClients: AvailableClients\n  /** The history for the operation */\n  history?: HistoryEntry[]\n  /** Client layout */\n  layout: ClientLayout\n  /** Currently selected server */\n  server: ServerObject | null\n  /** Currently selected client */\n  selectedClient: WorkspaceStore['workspace']['x-scalar-default-client']\n  /** Server list available for operation/document */\n  servers: ServerObject[]\n  /** Meta information for the server */\n  serverMeta: ServerMeta\n  /** Hides the client button on the header */\n  hideClientButton?: boolean\n  /** Client integration  */\n  integration?: string | null\n  /** Openapi document url for `modal` mode to open the client app */\n  documentUrl?: string\n  /** Client source */\n  source?: 'gitbook' | 'api-reference'\n  /** Operation object */\n  operation: OperationObject\n  /** Operation before downloaded examples are overlaid, for parameter edit targets. */\n  sourceOperation?: OperationObject\n  /** Currently selected example key for the current operation */\n  exampleKey: string\n  /** Meta information for the auth update */\n  authMeta: AuthMeta\n  /** Document defined security schemes */\n  securitySchemes: MergedSecuritySchemes\n  /** Client plugins */\n  plugins: ClientPlugin[]\n  /** Environment list */\n  environments?: string[]\n  /** Currently selected environment */\n  activeEnvironment?: string\n  /** For environment variables in the inputs */\n  environment: XScalarEnvironment\n  /** The proxy URL for sending requests */\n  proxyUrl: string\n  /** Currently selected security */\n  selectedSecurity: SelectedSecurity\n  /** Currently selected security schemes */\n  selectedSecuritySchemes: SecuritySchemeObjectSecret[]\n  /** Security requirements */\n  securityRequirements: OpenApiDocument['security']\n  /** Default headers */\n  defaultHeaders: Record<string, string>\n  /** Selected anyOf/oneOf request-body variants keyed by schema path */\n  requestBodyCompositionSelection?: Record<string, number>\n  /** Subset of config options for the modal */\n  options?: ModalProps['options']\n}\n</script>\n<script setup lang=\"ts\">\nimport { generateClientOptions } from '@scalar/blocks/code-example'\nimport { ScalarButton } from '@scalar/components/button'\nimport { ERRORS } from '@scalar/helpers/errors/normalize-error'\nimport { isElectron } from '@scalar/helpers/general/is-electron'\nimport { buildSafeBodyRequest } from '@scalar/helpers/http/can-method-have-body'\nimport { isForbiddenHttpMethod } from '@scalar/helpers/http/is-forbidden-http-method'\nimport {\n  executeHook,\n  executeResponseHook,\n  type ClientPlugin,\n} from '@scalar/oas-utils/helpers'\nimport {\n  AVAILABLE_CLIENTS,\n  type AvailableClients,\n} from '@scalar/types/snippetz'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\nimport { useToasts } from '@scalar/use-toasts'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { SelectedSecurity } from '@scalar/workspace-store/entities/auth'\nimport type { HistoryEntry } from '@scalar/workspace-store/entities/history/schema'\nimport type {\n  AuthMeta,\n  ServerMeta,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport {\n  buildRequest,\n  createVariablesStoreForRequest,\n  getEnvironmentVariables,\n  requestFactory,\n  resolveExecutableRequestUrl,\n  type MergedSecuritySchemes,\n  type RequestPayload,\n  type SecuritySchemeObjectSecret,\n} from '@scalar/workspace-store/request-example'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { XScalarCookie } from '@scalar/workspace-store/schemas/extensions/general/x-scalar-cookies'\nimport type {\n  OpenApiDocument,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport type { OperationObject } from '@scalar/workspace-store/schemas/v3.2/strict/operation'\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  toValue,\n  watch,\n} from 'vue'\n\nimport ViewLayout from '@/components/ViewLayout/ViewLayout.vue'\nimport ViewLayoutContent from '@/components/ViewLayout/ViewLayoutContent.vue'\nimport ViewLayoutSection from '@/components/ViewLayout/ViewLayoutSection.vue'\nimport { harToFetchRequest } from '@/v2/blocks/operation-block/helpers/har-to-fetch-request'\nimport { harToFetchResponse } from '@/v2/blocks/operation-block/helpers/har-to-fetch-response'\nimport {\n  getCookieRequestUrl,\n  getResponseCookieActions,\n} from '@/v2/blocks/operation-block/helpers/persist-response-cookies'\nimport { getEnvironmentPersistenceActions } from '@/v2/blocks/operation-block/helpers/persist-script-environment'\nimport {\n  getOperationExampleKey,\n  isStreamingResponse,\n  responseCache,\n} from '@/v2/blocks/operation-block/helpers/response-cache'\nimport {\n  sendRequest,\n  type ResponseInstance,\n} from '@/v2/blocks/operation-block/helpers/send-request'\nimport { validatePathParameters } from '@/v2/blocks/operation-block/helpers/validate-path-parameters'\nimport { RequestBlock } from '@/v2/blocks/request-block'\nimport { ResponseBlock } from '@/v2/blocks/response-block'\nimport { type History } from '@/v2/blocks/scalar-address-bar-block'\nimport { useLocalization } from '@/v2/features/localization'\nimport type { ModalProps } from '@/v2/features/modal/Modal.vue'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nimport Header from './components/Header.vue'\n\nconst {\n  externalExamplesPending = false,\n  externalExamplesFailed = false,\n  authMeta,\n  environment,\n  eventBus,\n  exampleKey,\n  document,\n  documentSlug,\n  workspaceCookies = [],\n  documentCookies = [],\n  hideClientButton,\n  httpClients = AVAILABLE_CLIENTS,\n  history = [],\n  layout,\n  method,\n  isWebhook = false,\n  operation,\n  sourceOperation,\n  path,\n  plugins = [],\n  proxyUrl,\n  requestBodyCompositionSelection,\n  securitySchemes,\n  selectedClient,\n  server,\n  servers,\n  environments,\n  options,\n  activeEnvironment,\n  serverMeta,\n  selectedSecurity,\n  selectedSecuritySchemes,\n  securityRequirements,\n  defaultHeaders,\n} = defineProps<OperationBlockProps>()\n\ndefineEmits<{ (e: 'retry:externalExamples'): void }>()\n\nconst { translate } = useLocalization()\n\n/** Hoist up client generation so it doesn't get re-generated on every operation */\nconst clientOptions = computed(() => generateClientOptions(httpClients))\n\nconst { toast } = useToasts()\nconst { copyToClipboard } = useClipboard()\n\n// Refs\nconst abortController = ref<AbortController | null>(null)\nconst response = ref<ResponseInstance | null>(null)\nconst requestError = ref<Error | null>(null)\nconst requestPayload = ref<RequestPayload | null>(null)\n\n/**\n * A webhook has no OpenAPI server, so its destination is the full URL the user\n * enters at runtime. The field holds that whole URL (not a server-relative path),\n * and the request is sent to it directly with no separate server base.\n */\nconst webhookUrl = ref('')\n\nwatch(\n  [() => path, () => method, () => isWebhook],\n  () => {\n    webhookUrl.value = ''\n  },\n  { immediate: true },\n)\n\nconst requestPath = computed(() => (isWebhook ? webhookUrl.value : path))\nconst requestServer = computed<ServerObject | null>(() =>\n  isWebhook ? null : server,\n)\n\n/** Cancel the request */\nconst cancelRequest = () => abortController.value?.abort(ERRORS.REQUEST_ABORTED)\n\n/**\n * Persist server-set cookies from a response into the document cookie jar.\n *\n * Scalar keeps its own cookie jar because browsers hide `Set-Cookie` from `fetch`.\n * Mirroring browser behavior, cookies are stored scoped to the request host and\n * path and removed when the server expires them, so a value like a Django CSRF\n * token stays available for later PUT/PATCH requests after a page reload.\n */\nconst persistResponseCookies = (sendResult: {\n  response: ResponseInstance\n  requestPayload: RequestPayload\n}) => {\n  const actions = getResponseCookieActions({\n    cookieHeaderKeys: sendResult.response.cookieHeaderKeys ?? [],\n    documentCookies,\n    requestUrl: getCookieRequestUrl(String(sendResult.requestPayload[0])),\n  })\n\n  for (const action of actions) {\n    if (action.type === 'delete') {\n      eventBus.emit('cookie:delete:cookie', {\n        collectionType: 'document',\n        cookieName: action.cookieName,\n        index: action.index,\n      })\n      continue\n    }\n\n    eventBus.emit('cookie:upsert:cookie', {\n      collectionType: 'document',\n      payload: action.cookie,\n      ...(action.index === undefined ? {} : { index: action.index }),\n    })\n  }\n}\n\n/**\n * Copy the executable URL — same pipeline as Send (`requestFactory` +\n * `resolveExecutableRequestUrl`), including security query params.\n */\nconst copyAddressBarUrl = async (): Promise<void> => {\n  const { request } = requestFactory({\n    defaultHeaders,\n    environment,\n    exampleName: exampleKey,\n    globalCookies: [...workspaceCookies, ...documentCookies],\n    method,\n    operation,\n    path: requestPath.value,\n    proxyUrl,\n    server: requestServer.value,\n    selectedSecuritySchemes,\n    isElectron: isElectron(),\n    openapiVersion: document.openapi,\n    requestBodyCompositionSelection,\n  })\n\n  await copyToClipboard(\n    resolveExecutableRequestUrl(request, getEnvironmentVariables(environment)),\n  )\n}\n\n/** Execute the current operation example */\nconst handleExecute = async () => {\n  if (externalExamplesPending) return\n  requestError.value = null\n  eventBus.flushDebouncedEmits?.()\n  // Source edits must reach the overlaid operation prop before building the request.\n  await nextTick()\n\n  if (isWebhook && !requestPath.value.trim()) {\n    toast(translate('apiClient.operationBlock.webhookUrlRequired'), 'error')\n    return\n  }\n\n  const pathValidation = validatePathParameters(\n    operation.parameters ?? [],\n    exampleKey,\n  )\n  if (pathValidation.ok === false) {\n    toast(translate('apiClient.operationBlock.pathParametersRequired'), 'error')\n    return\n  }\n\n  const globalCookies = [...workspaceCookies, ...documentCookies]\n\n  const { request: requestBuilder } = requestFactory({\n    defaultHeaders,\n    environment,\n    exampleName: exampleKey,\n    globalCookies,\n    method,\n    operation,\n    path: requestPath.value,\n    proxyUrl,\n    server: requestServer.value,\n    selectedSecuritySchemes,\n    isElectron: isElectron(),\n    openapiVersion: document.openapi,\n    requestBodyCompositionSelection,\n  })\n\n  // Stop any previous streaming response\n  if (response.value && 'reader' in response.value) {\n    response.value.reader.cancel()\n  }\n\n  const variablesStore = createVariablesStoreForRequest()\n\n  // Seed the script variable store with the active environment so pm.environment.get()\n  // and pm.variables.get() resolve to the same values as {{…}} placeholders. Without\n  // seeding, the store starts empty and every scripted read returns undefined.\n  const seededEnvironment = getEnvironmentVariables(environment)\n  variablesStore.setEnvironment?.(\n    Object.entries(seededEnvironment).map(([key, value]) => ({ key, value })),\n  )\n\n  // Snapshot the persistence target at request start, alongside the seed. Persistence runs after\n  // the request completes (awaits below), and the environment props are reactive — if the active\n  // environment is switched mid-flight, or a concurrent request splices these arrays, reading\n  // them at persist time would apply the script's writes to the wrong environment or resolve\n  // workspace/document indexes against a shifted list. Copy the arrays (not just the reference)\n  // so the seeded values and these targets stay fixed to the same point in time.\n  const persistenceTarget = activeEnvironment\n    ? {\n        environmentName: activeEnvironment,\n        mergedVariables: [...environment.variables],\n        documentVariables: [\n          ...(document['x-scalar-environments']?.[activeEnvironment]\n            ?.variables ?? []),\n        ],\n        environmentExistsOnDocument: Boolean(\n          document['x-scalar-environments']?.[activeEnvironment],\n        ),\n      }\n    : null\n\n  // Execute the beforeRequest hook (plugins receive RequestFactory, not fetch Request)\n  await executeHook(\n    {\n      requestBuilder,\n      document,\n      operation,\n      variablesStore,\n      server: requestServer.value,\n      customFetch: toValue(options)?.customFetch,\n    },\n    'beforeRequest',\n    plugins,\n  )\n\n  // Persist environment variables set by scripts (pm.environment.set / unset) back to the active\n  // environment so they survive to the next request, mirroring the Environment tab. Scope and\n  // index are resolved from the seed-time environment so updates mutate in place. Defined here so\n  // it can run on every exit path after the pre-request scripts — including a build failure or a\n  // failed send — so a pre-request set, like a token stored before a flaky call, is not lost.\n  const persistScriptEnvironment = () => {\n    if (!persistenceTarget) {\n      return\n    }\n\n    const environmentActions = getEnvironmentPersistenceActions({\n      ...persistenceTarget,\n      seededVariables: seededEnvironment,\n      scriptVariables: variablesStore.getEnvironment(),\n    })\n\n    for (const action of environmentActions) {\n      if (action.type === 'delete') {\n        eventBus.emit('environment:delete:environment-variable', {\n          environmentName: action.environmentName,\n          index: action.index,\n          collectionType: action.collectionType,\n        })\n      } else {\n        eventBus.emit('environment:upsert:environment-variable', {\n          environmentName: action.environmentName,\n          variable: action.variable,\n          index: action.index,\n          collectionType: action.collectionType,\n        })\n      }\n    }\n  }\n\n  // Resolve {{…}} placeholders from the script store so pre-request pm.environment.set() and\n  // unset() take effect on this request. The store was seeded from the active environment, so\n  // it already holds every value spreading seededEnvironment would add — minus the keys a script\n  // unset, which must stay dropped (an object spread cannot remove them again).\n  const envVariables = variablesStore.getVariables()\n\n  // Build the fetch Request after hooks may have mutated the factory\n  const built = buildRequest(requestBuilder, {\n    envVariables,\n    allowMissingRequestServerBase: layout === 'modal',\n  })\n  if (!built.ok) {\n    // Save any pre-request script writes before bailing out on a build failure.\n    persistScriptEnvironment()\n    toast(built.message ?? built.error, 'error')\n    return\n  }\n\n  // Check the final method because pre-request scripts can change it.\n  const requestMethod = built.data.requestPayload[1].method ?? 'GET'\n  if (isForbiddenHttpMethod(requestMethod)) {\n    persistScriptEnvironment()\n    toast(\n      translate('apiClient.operationBlock.forbiddenMethod', {\n        method: requestMethod.toUpperCase(),\n      }),\n      'error',\n    )\n    return\n  }\n\n  // Store the abort controller for cancellation\n  abortController.value = built.data.controller\n\n  // Build the fetch Request once so the requestBuilt hook observes the exact bytes that are\n  // sent. Rebuilding it later would generate a different multipart boundary, which breaks\n  // plugins that hash the body (for example, request signing).\n  const request = buildSafeBodyRequest(...built.data.requestPayload)\n\n  // Execute the requestBuilt hook (plugins receive the exact fetch Request that will be sent)\n  await executeHook(\n    {\n      request,\n      requestBuilder,\n      document,\n      operation,\n      variablesStore,\n    },\n    'requestBuilt',\n    plugins,\n  )\n\n  // Execute the hooks\n  eventBus.emit('hooks:on:request:sent', {\n    meta: {\n      method,\n      path,\n      exampleKey,\n    },\n  })\n\n  /** Execute the request */\n  const [sendError, sendResult] = await sendRequest({\n    isUsingProxy: built.data.isUsingProxy,\n    requestPayload: built.data.requestPayload,\n    request,\n    plugins,\n    customFetch: toValue(options)?.customFetch,\n    onResponseReceived: async (response, responseDuration) => {\n      const result = await executeResponseHook(\n        {\n          response,\n          responseDuration,\n          requestBuilder,\n          request: buildSafeBodyRequest(...built.data.requestPayload),\n          document,\n          operation,\n          variablesStore,\n        },\n        plugins,\n      )\n      return result.response\n    },\n  })\n\n  // Save script environment writes (pre-request and, on success, post-response) back to the\n  // active environment. Runs even when the send fails so a pre-request set is not lost.\n  persistScriptEnvironment()\n\n  // Execute the hooks\n  eventBus.emit('hooks:on:request:complete', {\n    payload: sendResult\n      ? {\n          response: sendResult.originalResponse.clone(),\n          requestPayload: sendResult.requestPayload,\n          duration: sendResult.response.duration,\n          timestamp: sendResult.timestamp,\n        }\n      : undefined,\n    meta: {\n      method,\n      path,\n      exampleKey,\n    },\n  })\n\n  if (sendError) {\n    // Cancellation also happens when navigating away; keep the new operation intact.\n    if (built.data.controller.signal.aborted) {\n      if (abortController.value === built.data.controller) {\n        abortController.value = null\n      }\n      return\n    }\n    requestError.value = sendError\n    // clean up the response and request\n    response.value = null\n    requestPayload.value = null\n    abortController.value = null\n\n    toast(sendError.message, 'error')\n    return\n  }\n\n  // Store the response\n  response.value = sendResult.response\n  requestPayload.value = sendResult.requestPayload\n\n  // Persist server-set cookies into the document jar so values like a CSRF token\n  // survive a page reload and get replayed on the next request, like a browser would.\n  persistResponseCookies(sendResult)\n\n  // Cache non-streaming responses so they can be restored when navigating back\n  if (!isStreamingResponse(sendResult.response)) {\n    responseCache.set(getOperationExampleKey(method, path, exampleKey), {\n      response: sendResult.response,\n      requestPayload: sendResult.requestPayload,\n    })\n  }\n}\n\nonMounted(() => {\n  eventBus.on('operation:send:request:hotkey', handleExecute)\n  eventBus.on('operation:cancel:request', cancelRequest)\n  eventBus.on('copy-url:address-bar', copyAddressBarUrl)\n\n  // Let plugins warm up per-operation resources (e.g. the scripts sandbox) so the first request\n  // does not pay their cold-start cost.\n  void executeHook({ document, operation }, 'onRequestMount', plugins)\n})\nonBeforeUnmount(() => {\n  eventBus.off('operation:send:request:hotkey', handleExecute)\n  eventBus.off('operation:cancel:request', cancelRequest)\n  eventBus.off('copy-url:address-bar', copyAddressBarUrl)\n})\n\nconst operationHistory = computed<History[]>(() =>\n  history\n    .map((entry) => ({\n      method: entry.request.method as string,\n      path: entry.request.url,\n      duration: entry.time,\n      status: entry.response.status,\n    }))\n    .reverse(),\n)\n\nconst handleSelectHistoryItem = ({ index }: { index: number }) => {\n  const transformedIndex = (history.length ?? 0) - index - 1\n  const historyItem = history[transformedIndex]\n  if (!historyItem) {\n    return\n  }\n\n  const navigate = () =>\n    eventBus.emit('ui:navigate', {\n      page: 'example',\n      method,\n      path,\n      exampleName: 'draft',\n      callback: (status) => {\n        // Do not replace the response if the navigation was not successful\n        if (status !== 'success') {\n          return\n        }\n        // Reconstruct the response\n        const fetchResponse = harToFetchResponse({\n          harResponse: historyItem.response,\n          url: historyItem.request.url,\n          method,\n          path,\n          duration: historyItem.time,\n        })\n\n        // Reconstruct the request\n        const fetchRequest = harToFetchRequest({\n          harRequest: historyItem.request,\n        })\n\n        // Update the response and request\n        requestError.value = null\n        response.value = fetchResponse\n        requestPayload.value = fetchRequest\n      },\n    })\n\n  eventBus.emit('operation:reload:history', {\n    meta: {\n      path,\n      method,\n    },\n    index: transformedIndex,\n    callback: navigate,\n  })\n}\n\nconst handleNavigateSettings = () => {\n  eventBus.emit('ui:navigate', {\n    page: 'operation',\n    path: 'overview',\n    operationPath: path,\n    method,\n  })\n}\n\n/**\n * When the path, method, or example key changes, restore the response panel\n * for the new operation from the best available source:\n *\n *   1. `responseCache` — in-memory, populated on every successful send.\n *      Has the live response object (including streams) so it wins.\n *   2. `history` — persisted in the workspace store. Used as a fallback when\n *      the in-memory cache is empty (page reload, fresh app session, etc.)\n *      so navigating to an operation that has been called before shows the\n *      last response instead of an empty panel.\n *   3. Otherwise clear.\n *\n * Only the response is restored from history — the user's request inputs are\n * left alone, so we never silently overwrite an in-progress draft.\n */\nwatch(\n  [() => path, () => method, () => exampleKey],\n  ([newPath, newMethod, newExampleKey]) => {\n    requestError.value = null\n    const cached = responseCache.get(\n      getOperationExampleKey(newMethod, newPath, newExampleKey),\n    )\n\n    if (cached) {\n      response.value = cached.response\n      requestPayload.value = cached.requestPayload\n    } else {\n      // History is keyed only by document/path/method but each entry carries\n      // the example it came from, so we walk from the end and pick the most\n      // recent entry that matches the active example. Otherwise a cache miss\n      // on example B would restore example A's response. Only runs on a\n      // cache miss — the common case (in-session navigation) skips it.\n      const latest = (() => {\n        for (let i = history.length - 1; i >= 0; i--) {\n          const entry = history[i]\n          if (entry?.meta.example === newExampleKey) {\n            return entry\n          }\n        }\n        return undefined\n      })()\n\n      if (latest) {\n        response.value = harToFetchResponse({\n          harResponse: latest.response,\n          url: latest.request.url,\n          method: newMethod,\n          path: newPath,\n          duration: latest.time,\n        })\n        requestPayload.value = null\n      } else {\n        response.value = null\n        requestPayload.value = null\n      }\n    }\n\n    // Cancel any in-flight request\n    cancelRequest()\n  },\n  { immediate: true },\n)\n\nonBeforeUnmount(() => {\n  // We cancel the request if the component is unmounted\n  cancelRequest()\n})\n</script>\n<template>\n  <div class=\"bg-b-1 flex h-full min-w-0 flex-col\">\n    <div\n      class=\"lg:min-h-header flex w-full flex-wrap items-center justify-center p-2 lg:p-0\">\n      <!-- Address Bar -->\n      <Header\n        :activeEnvironment\n        :documentSlug\n        :documentUrl\n        :environment\n        :environments\n        :eventBus\n        :exampleKey\n        :executionDisabled=\"externalExamplesPending\"\n        :hideClientButton\n        :history=\"operationHistory\"\n        :integration\n        :isWebhook\n        :layout\n        :method\n        :path=\"requestPath\"\n        :server=\"requestServer\"\n        :serverMeta\n        :servers\n        :source\n        @execute=\"handleExecute\"\n        @navigate:settings=\"handleNavigateSettings\"\n        @select:history:item=\"handleSelectHistoryItem\"\n        @update:webhookUrl=\"(value: string) => (webhookUrl = value)\" />\n    </div>\n\n    <ViewLayout class=\"border-t\">\n      <ViewLayoutContent class=\"flex-1\">\n        <!-- Request Section -->\n        <ViewLayoutSection\n          v-if=\"externalExamplesPending\"\n          aria-label=\"Request\">\n          <template #title>Request</template>\n          <div\n            class=\"text-c-2 p-4\"\n            role=\"status\">\n            <template v-if=\"externalExamplesFailed\">\n              Could not load this example.\n              <ScalarButton\n                size=\"sm\"\n                variant=\"ghost\"\n                @click=\"$emit('retry:externalExamples')\">\n                Retry\n              </ScalarButton>\n            </template>\n            <template v-else>Loading example…</template>\n          </div>\n        </ViewLayoutSection>\n        <RequestBlock\n          v-else\n          :authMeta\n          :clientOptions\n          :defaultHeaders\n          :defaultRequestBodyView=\"\n            document['x-scalar-default-request-body-view']\n          \"\n          :documentCookies\n          :documentSlug\n          :environment\n          :eventBus\n          :exampleKey\n          :layout\n          :method\n          :openapiVersion=\"document.openapi\"\n          :operation\n          :options=\"toValue(options)\"\n          :path=\"requestPath\"\n          :plugins\n          :proxyUrl\n          :requestBodyCompositionSelection\n          :securityRequirements\n          :securitySchemes\n          :selectedClient\n          :selectedSecurity\n          :selectedSecuritySchemes\n          :server=\"requestServer\"\n          :sourceOperation\n          :workspaceCookies />\n\n        <!-- Response Section -->\n        <ResponseBlock\n          :appVersion\n          :eventBus\n          :executionDisabled=\"externalExamplesPending\"\n          :layout\n          :plugins\n          :requestError\n          :requestPayload\n          :response\n          :totalPerformedRequests=\"operationHistory.length\" />\n      </ViewLayoutContent>\n    </ViewLayout>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"OperationBlock.vue.js","names":["_sfc_main"],"sources":["../../../../src/v2/blocks/operation-block/OperationBlock.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * OperationBlock\n *\n * Orchestrates the operation view by wiring together the Header, OperationBlock,\n * and ResponseBlock. Forwards user interactions to the workspace event bus and\n * passes through configuration such as auth, servers, plugins, and environment.\n * This component keeps the Operation page lean by centralizing event emission\n * and prop wiring between the blocks.\n *\n * Notable behavior:\n * - Uses operation['x-scalar-method'] and operation['x-scalar-path'] to provide\n *   draft overrides for the UI when present.\n */\nexport default {\n  name: 'OperationBlock',\n}\n\nexport type OperationBlockProps = {\n  /** Keep execution and editing unavailable until the selected payload is ready. */\n  externalExamplesPending?: boolean\n  externalExamplesFailed?: boolean\n  /** Event bus */\n  eventBus: WorkspaceEventBus\n  /** Application version */\n  appVersion: string\n  /** Openapi document */\n  document: OpenApiDocument\n  /** Openapi document slug */\n  documentSlug: string\n  /** Workspace cookies */\n  workspaceCookies: XScalarCookie[]\n  /** Document cookies */\n  documentCookies: XScalarCookie[]\n  /** Current request path */\n  path: string\n  /** Current request method */\n  method: string\n  /** Whether `path` identifies an OpenAPI webhook. */\n  isWebhook?: boolean\n  /** HTTP clients */\n  httpClients: AvailableClients\n  /** The history for the operation */\n  history?: HistoryEntry[]\n  /** Client layout */\n  layout: ClientLayout\n  /** Currently selected server */\n  server: ServerObject | null\n  /** Currently selected client */\n  selectedClient: WorkspaceStore['workspace']['x-scalar-default-client']\n  /** Server list available for operation/document */\n  servers: ServerObject[]\n  /** Meta information for the server */\n  serverMeta: ServerMeta\n  /** Hides the client button on the header */\n  hideClientButton?: boolean\n  /** Client integration  */\n  integration?: string | null\n  /** Openapi document url for `modal` mode to open the client app */\n  documentUrl?: string\n  /** Client source */\n  source?: 'gitbook' | 'api-reference'\n  /** Operation object */\n  operation: OperationObject\n  /** Operation before downloaded examples are overlaid, for parameter edit targets. */\n  sourceOperation?: OperationObject\n  /** Currently selected example key for the current operation */\n  exampleKey: string\n  /** Meta information for the auth update */\n  authMeta: AuthMeta\n  /** Document defined security schemes */\n  securitySchemes: MergedSecuritySchemes\n  /** Client plugins */\n  plugins: ClientPlugin[]\n  /** Environment list */\n  environments?: string[]\n  /** Currently selected environment */\n  activeEnvironment?: string\n  /** For environment variables in the inputs */\n  environment: XScalarEnvironment\n  /** The proxy URL for sending requests */\n  proxyUrl: string\n  /** Currently selected security */\n  selectedSecurity: SelectedSecurity\n  /** Currently selected security schemes */\n  selectedSecuritySchemes: SecuritySchemeObjectSecret[]\n  /** Security requirements */\n  securityRequirements: OpenApiDocument['security']\n  /** Default headers */\n  defaultHeaders: Record<string, string>\n  /** Selected anyOf/oneOf request-body variants keyed by schema path */\n  requestBodyCompositionSelection?: Record<string, number>\n  /** Subset of config options for the modal */\n  options?: ModalProps['options']\n}\n</script>\n<script setup lang=\"ts\">\nimport { generateClientOptions } from '@scalar/blocks/code-example'\nimport { ScalarButton } from '@scalar/components/button'\nimport { ERRORS } from '@scalar/helpers/errors/normalize-error'\nimport { isElectron } from '@scalar/helpers/general/is-electron'\nimport { buildSafeBodyRequest } from '@scalar/helpers/http/can-method-have-body'\nimport { isForbiddenHttpMethod } from '@scalar/helpers/http/is-forbidden-http-method'\nimport {\n  executeHook,\n  executeResponseHook,\n  type ClientPlugin,\n} from '@scalar/oas-utils/helpers'\nimport {\n  AVAILABLE_CLIENTS,\n  type AvailableClients,\n} from '@scalar/types/snippetz'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\nimport { useToasts } from '@scalar/use-toasts'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { SelectedSecurity } from '@scalar/workspace-store/entities/auth'\nimport type { HistoryEntry } from '@scalar/workspace-store/entities/history/schema'\nimport type {\n  AuthMeta,\n  ServerMeta,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport {\n  buildRequest,\n  createVariablesStoreForRequest,\n  getEnvironmentVariables,\n  requestFactory,\n  resolveExecutableRequestUrl,\n  type MergedSecuritySchemes,\n  type RequestPayload,\n  type SecuritySchemeObjectSecret,\n} from '@scalar/workspace-store/request-example'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { XScalarCookie } from '@scalar/workspace-store/schemas/extensions/general/x-scalar-cookies'\nimport type {\n  OpenApiDocument,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport type { OperationObject } from '@scalar/workspace-store/schemas/v3.2/strict/operation'\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  toValue,\n  watch,\n} from 'vue'\n\nimport ViewLayout from '@/components/ViewLayout/ViewLayout.vue'\nimport ViewLayoutContent from '@/components/ViewLayout/ViewLayoutContent.vue'\nimport ViewLayoutSection from '@/components/ViewLayout/ViewLayoutSection.vue'\nimport { harToFetchRequest } from '@/v2/blocks/operation-block/helpers/har-to-fetch-request'\nimport { harToFetchResponse } from '@/v2/blocks/operation-block/helpers/har-to-fetch-response'\nimport {\n  getCookieRequestUrl,\n  getResponseCookieActions,\n} from '@/v2/blocks/operation-block/helpers/persist-response-cookies'\nimport { getEnvironmentPersistenceActions } from '@/v2/blocks/operation-block/helpers/persist-script-environment'\nimport {\n  getOperationExampleKey,\n  isStreamingResponse,\n  responseCache,\n} from '@/v2/blocks/operation-block/helpers/response-cache'\nimport {\n  sendRequest,\n  type ResponseInstance,\n} from '@/v2/blocks/operation-block/helpers/send-request'\nimport { validatePathParameters } from '@/v2/blocks/operation-block/helpers/validate-path-parameters'\nimport { RequestBlock } from '@/v2/blocks/request-block'\nimport { ResponseBlock } from '@/v2/blocks/response-block'\nimport { type History } from '@/v2/blocks/scalar-address-bar-block'\nimport { useLocalization } from '@/v2/features/localization'\nimport type { ModalProps } from '@/v2/features/modal/Modal.vue'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nimport Header from './components/Header.vue'\n\nconst {\n  externalExamplesPending = false,\n  externalExamplesFailed = false,\n  authMeta,\n  environment,\n  eventBus,\n  exampleKey,\n  document,\n  documentSlug,\n  workspaceCookies = [],\n  documentCookies = [],\n  hideClientButton,\n  httpClients = AVAILABLE_CLIENTS,\n  history = [],\n  layout,\n  method,\n  isWebhook = false,\n  operation,\n  sourceOperation,\n  path,\n  plugins = [],\n  proxyUrl,\n  requestBodyCompositionSelection,\n  securitySchemes,\n  selectedClient,\n  server,\n  servers,\n  environments,\n  options,\n  activeEnvironment,\n  serverMeta,\n  selectedSecurity,\n  selectedSecuritySchemes,\n  securityRequirements,\n  defaultHeaders,\n} = defineProps<OperationBlockProps>()\n\ndefineEmits<{ (e: 'retry:externalExamples'): void }>()\n\nconst { translate } = useLocalization()\n\n/** Hoist up client generation so it doesn't get re-generated on every operation */\nconst clientOptions = computed(() => generateClientOptions(httpClients))\n\nconst { toast } = useToasts()\nconst { copyToClipboard } = useClipboard()\n\n// Refs\nconst abortController = ref<AbortController | null>(null)\nconst response = ref<ResponseInstance | null>(null)\nconst requestError = ref<Error | null>(null)\nconst requestPayload = ref<RequestPayload | null>(null)\n\n/**\n * A webhook has no OpenAPI server, so its destination is the full URL the user\n * enters at runtime. The field holds that whole URL (not a server-relative path),\n * and the request is sent to it directly with no separate server base.\n */\nconst webhookUrl = ref('')\n\nwatch(\n  [() => path, () => method, () => isWebhook],\n  () => {\n    webhookUrl.value = ''\n  },\n  { immediate: true },\n)\n\nconst requestPath = computed(() => (isWebhook ? webhookUrl.value : path))\nconst requestServer = computed<ServerObject | null>(() =>\n  isWebhook ? null : server,\n)\n\n/** Cancel the request */\nconst cancelRequest = () => abortController.value?.abort(ERRORS.REQUEST_ABORTED)\n\n/**\n * Persist server-set cookies from a response into the document cookie jar.\n *\n * Scalar keeps its own cookie jar because browsers hide `Set-Cookie` from `fetch`.\n * Mirroring browser behavior, cookies are stored scoped to the request host and\n * path and removed when the server expires them, so a value like a Django CSRF\n * token stays available for later PUT/PATCH requests after a page reload.\n */\nconst persistResponseCookies = (sendResult: {\n  response: ResponseInstance\n  requestPayload: RequestPayload\n}) => {\n  const actions = getResponseCookieActions({\n    cookieHeaderKeys: sendResult.response.cookieHeaderKeys ?? [],\n    documentCookies,\n    requestUrl: getCookieRequestUrl(String(sendResult.requestPayload[0])),\n  })\n\n  for (const action of actions) {\n    if (action.type === 'delete') {\n      eventBus.emit('cookie:delete:cookie', {\n        collectionType: 'document',\n        cookieName: action.cookieName,\n        index: action.index,\n      })\n      continue\n    }\n\n    eventBus.emit('cookie:upsert:cookie', {\n      collectionType: 'document',\n      payload: action.cookie,\n      ...(action.index === undefined ? {} : { index: action.index }),\n    })\n  }\n}\n\n/**\n * Copy the executable URL — same pipeline as Send (`requestFactory` +\n * `resolveExecutableRequestUrl`), including security query params.\n */\nconst copyAddressBarUrl = async (): Promise<void> => {\n  const { request } = requestFactory({\n    defaultHeaders,\n    environment,\n    exampleName: exampleKey,\n    globalCookies: [...workspaceCookies, ...documentCookies],\n    method,\n    operation,\n    path: requestPath.value,\n    proxyUrl,\n    server: requestServer.value,\n    selectedSecuritySchemes,\n    isElectron: isElectron(),\n    openapiVersion: document.openapi,\n    requestBodyCompositionSelection,\n  })\n\n  await copyToClipboard(\n    resolveExecutableRequestUrl(request, getEnvironmentVariables(environment)),\n  )\n}\n\n/** Execute the current operation example */\nconst handleExecute = async () => {\n  if (externalExamplesPending) return\n  requestError.value = null\n  eventBus.flushDebouncedEmits?.()\n  // Source edits must reach the overlaid operation prop before building the request.\n  await nextTick()\n\n  if (isWebhook && !requestPath.value.trim()) {\n    toast(translate('apiClient.operationBlock.webhookUrlRequired'), 'error')\n    return\n  }\n\n  const pathValidation = validatePathParameters(\n    operation.parameters ?? [],\n    exampleKey,\n  )\n  if (pathValidation.ok === false) {\n    toast(translate('apiClient.operationBlock.pathParametersRequired'), 'error')\n    return\n  }\n\n  const globalCookies = [...workspaceCookies, ...documentCookies]\n\n  const { request: requestBuilder } = requestFactory({\n    defaultHeaders,\n    environment,\n    exampleName: exampleKey,\n    globalCookies,\n    method,\n    operation,\n    path: requestPath.value,\n    proxyUrl,\n    server: requestServer.value,\n    selectedSecuritySchemes,\n    isElectron: isElectron(),\n    openapiVersion: document.openapi,\n    requestBodyCompositionSelection,\n  })\n\n  // Stop any previous streaming response\n  if (response.value && 'reader' in response.value) {\n    response.value.reader.cancel()\n  }\n\n  const variablesStore = createVariablesStoreForRequest()\n\n  // Seed the script variable store with the active environment so pm.environment.get()\n  // and pm.variables.get() resolve to the same values as {{…}} placeholders. Without\n  // seeding, the store starts empty and every scripted read returns undefined.\n  const seededEnvironment = getEnvironmentVariables(environment)\n  variablesStore.setEnvironment?.(\n    Object.entries(seededEnvironment).map(([key, value]) => ({ key, value })),\n  )\n\n  // Snapshot the persistence target at request start, alongside the seed. Persistence runs after\n  // the request completes (awaits below), and the environment props are reactive — if the active\n  // environment is switched mid-flight, or a concurrent request splices these arrays, reading\n  // them at persist time would apply the script's writes to the wrong environment or resolve\n  // workspace/document indexes against a shifted list. Copy the arrays (not just the reference)\n  // so the seeded values and these targets stay fixed to the same point in time.\n  const persistenceTarget = activeEnvironment\n    ? {\n        environmentName: activeEnvironment,\n        mergedVariables: [...environment.variables],\n        documentVariables: [\n          ...(document['x-scalar-environments']?.[activeEnvironment]\n            ?.variables ?? []),\n        ],\n        environmentExistsOnDocument: Boolean(\n          document['x-scalar-environments']?.[activeEnvironment],\n        ),\n      }\n    : null\n\n  // Execute the beforeRequest hook (plugins receive RequestFactory, not fetch Request)\n  await executeHook(\n    {\n      requestBuilder,\n      document,\n      operation,\n      variablesStore,\n      server: requestServer.value,\n      customFetch: toValue(options)?.customFetch,\n    },\n    'beforeRequest',\n    plugins,\n  )\n\n  // Persist environment variables set by scripts (pm.environment.set / unset) back to the active\n  // environment so they survive to the next request, mirroring the Environment tab. Scope and\n  // index are resolved from the seed-time environment so updates mutate in place. Defined here so\n  // it can run on every exit path after the pre-request scripts — including a build failure or a\n  // failed send — so a pre-request set, like a token stored before a flaky call, is not lost.\n  const persistScriptEnvironment = () => {\n    if (!persistenceTarget) {\n      return\n    }\n\n    const environmentActions = getEnvironmentPersistenceActions({\n      ...persistenceTarget,\n      seededVariables: seededEnvironment,\n      scriptVariables: variablesStore.getEnvironment(),\n    })\n\n    for (const action of environmentActions) {\n      if (action.type === 'delete') {\n        eventBus.emit('environment:delete:environment-variable', {\n          environmentName: action.environmentName,\n          index: action.index,\n          collectionType: action.collectionType,\n        })\n      } else {\n        eventBus.emit('environment:upsert:environment-variable', {\n          environmentName: action.environmentName,\n          variable: action.variable,\n          index: action.index,\n          collectionType: action.collectionType,\n        })\n      }\n    }\n  }\n\n  // Resolve {{…}} placeholders from the script store so pre-request pm.environment.set() and\n  // unset() take effect on this request. The store was seeded from the active environment, so\n  // it already holds every value spreading seededEnvironment would add — minus the keys a script\n  // unset, which must stay dropped (an object spread cannot remove them again).\n  const envVariables = variablesStore.getVariables()\n\n  // Build the fetch Request after hooks may have mutated the factory\n  const built = buildRequest(requestBuilder, {\n    envVariables,\n    allowMissingRequestServerBase: layout === 'modal',\n  })\n  if (!built.ok) {\n    // Save any pre-request script writes before bailing out on a build failure.\n    persistScriptEnvironment()\n    toast(built.message ?? built.error, 'error')\n    return\n  }\n\n  // Check the final method because pre-request scripts can change it.\n  const requestMethod = built.data.requestPayload[1].method ?? 'GET'\n  if (isForbiddenHttpMethod(requestMethod)) {\n    persistScriptEnvironment()\n    toast(\n      translate('apiClient.operationBlock.forbiddenMethod', {\n        method: requestMethod.toUpperCase(),\n      }),\n      'error',\n    )\n    return\n  }\n\n  // Store the abort controller for cancellation\n  abortController.value = built.data.controller\n\n  // Build the fetch Request once so the requestBuilt hook observes the exact bytes that are\n  // sent. Rebuilding it later would generate a different multipart boundary, which breaks\n  // plugins that hash the body (for example, request signing).\n  const request = buildSafeBodyRequest(...built.data.requestPayload)\n\n  // Execute the requestBuilt hook (plugins receive the exact fetch Request that will be sent)\n  await executeHook(\n    {\n      request,\n      requestBuilder,\n      document,\n      operation,\n      variablesStore,\n    },\n    'requestBuilt',\n    plugins,\n  )\n\n  // Execute the hooks\n  eventBus.emit('hooks:on:request:sent', {\n    meta: {\n      method,\n      path,\n      exampleKey,\n    },\n  })\n\n  /** Execute the request */\n  const [sendError, sendResult] = await sendRequest({\n    isUsingProxy: built.data.isUsingProxy,\n    requestPayload: built.data.requestPayload,\n    request,\n    plugins,\n    customFetch: toValue(options)?.customFetch,\n    onResponseReceived: async (response, responseDuration) => {\n      const result = await executeResponseHook(\n        {\n          response,\n          responseDuration,\n          requestBuilder,\n          request: buildSafeBodyRequest(...built.data.requestPayload),\n          document,\n          operation,\n          variablesStore,\n        },\n        plugins,\n      )\n      return result.response\n    },\n  })\n\n  // Save script environment writes (pre-request and, on success, post-response) back to the\n  // active environment. Runs even when the send fails so a pre-request set is not lost.\n  persistScriptEnvironment()\n\n  // Execute the hooks\n  eventBus.emit('hooks:on:request:complete', {\n    payload: sendResult\n      ? {\n          response: sendResult.originalResponse.clone(),\n          requestPayload: sendResult.requestPayload,\n          duration: sendResult.response.duration,\n          timestamp: sendResult.timestamp,\n        }\n      : undefined,\n    meta: {\n      method,\n      path,\n      exampleKey,\n    },\n  })\n\n  if (sendError) {\n    // Cancellation also happens when navigating away; keep the new operation intact.\n    if (built.data.controller.signal.aborted) {\n      if (abortController.value === built.data.controller) {\n        abortController.value = null\n      }\n      return\n    }\n    requestError.value = sendError\n    // clean up the response and request\n    response.value = null\n    requestPayload.value = null\n    abortController.value = null\n\n    toast(sendError.message, 'error')\n    return\n  }\n\n  // Store the response\n  response.value = sendResult.response\n  requestPayload.value = sendResult.requestPayload\n\n  // Persist server-set cookies into the document jar so values like a CSRF token\n  // survive a page reload and get replayed on the next request, like a browser would.\n  persistResponseCookies(sendResult)\n\n  // Cache non-streaming responses so they can be restored when navigating back\n  if (!isStreamingResponse(sendResult.response)) {\n    responseCache.set(getOperationExampleKey(method, path, exampleKey), {\n      response: sendResult.response,\n      requestPayload: sendResult.requestPayload,\n    })\n  }\n}\n\nonMounted(() => {\n  eventBus.on('operation:send:request:hotkey', handleExecute)\n  eventBus.on('operation:cancel:request', cancelRequest)\n  eventBus.on('copy-url:address-bar', copyAddressBarUrl)\n\n  // Let plugins warm up per-operation resources (e.g. the scripts sandbox) so the first request\n  // does not pay their cold-start cost.\n  void executeHook({ document, operation }, 'onRequestMount', plugins)\n})\nonBeforeUnmount(() => {\n  eventBus.off('operation:send:request:hotkey', handleExecute)\n  eventBus.off('operation:cancel:request', cancelRequest)\n  eventBus.off('copy-url:address-bar', copyAddressBarUrl)\n})\n\nconst operationHistory = computed<History[]>(() =>\n  history\n    .map((entry) => ({\n      method: entry.request.method as string,\n      path: entry.request.url,\n      duration: entry.time,\n      status: entry.response.status,\n    }))\n    .reverse(),\n)\n\nconst handleSelectHistoryItem = ({ index }: { index: number }) => {\n  const transformedIndex = (history.length ?? 0) - index - 1\n  const historyItem = history[transformedIndex]\n  if (!historyItem) {\n    return\n  }\n\n  const navigate = () =>\n    eventBus.emit('ui:navigate', {\n      page: 'example',\n      method,\n      path,\n      exampleName: 'draft',\n      callback: (status) => {\n        // Do not replace the response if the navigation was not successful\n        if (status !== 'success') {\n          return\n        }\n        // Reconstruct the response\n        const fetchResponse = harToFetchResponse({\n          harResponse: historyItem.response,\n          url: historyItem.request.url,\n          method,\n          path,\n          duration: historyItem.time,\n        })\n\n        // Reconstruct the request\n        const fetchRequest = harToFetchRequest({\n          harRequest: historyItem.request,\n        })\n\n        // Update the response and request\n        requestError.value = null\n        response.value = fetchResponse\n        requestPayload.value = fetchRequest\n      },\n    })\n\n  eventBus.emit('operation:reload:history', {\n    meta: {\n      path,\n      method,\n    },\n    index: transformedIndex,\n    callback: navigate,\n  })\n}\n\nconst handleNavigateSettings = () => {\n  eventBus.emit('ui:navigate', {\n    page: 'operation',\n    path: 'overview',\n    operationPath: path,\n    method,\n  })\n}\n\n/**\n * When the path, method, or example key changes, restore the response panel\n * for the new operation from the best available source:\n *\n *   1. `responseCache` — in-memory, populated on every successful send.\n *      Has the live response object (including streams) so it wins.\n *   2. `history` — persisted in the workspace store. Used as a fallback when\n *      the in-memory cache is empty (page reload, fresh app session, etc.)\n *      so navigating to an operation that has been called before shows the\n *      last response instead of an empty panel.\n *   3. Otherwise clear.\n *\n * Only the response is restored from history — the user's request inputs are\n * left alone, so we never silently overwrite an in-progress draft.\n */\nwatch(\n  [() => path, () => method, () => exampleKey],\n  ([newPath, newMethod, newExampleKey]) => {\n    requestError.value = null\n    const cached = responseCache.get(\n      getOperationExampleKey(newMethod, newPath, newExampleKey),\n    )\n\n    if (cached) {\n      response.value = cached.response\n      requestPayload.value = cached.requestPayload\n    } else {\n      // History is keyed only by document/path/method but each entry carries\n      // the example it came from, so we walk from the end and pick the most\n      // recent entry that matches the active example. Otherwise a cache miss\n      // on example B would restore example A's response. Only runs on a\n      // cache miss — the common case (in-session navigation) skips it.\n      const latest = (() => {\n        for (let i = history.length - 1; i >= 0; i--) {\n          const entry = history[i]\n          if (entry?.meta.example === newExampleKey) {\n            return entry\n          }\n        }\n        return undefined\n      })()\n\n      if (latest) {\n        response.value = harToFetchResponse({\n          harResponse: latest.response,\n          url: latest.request.url,\n          method: newMethod,\n          path: newPath,\n          duration: latest.time,\n        })\n        requestPayload.value = null\n      } else {\n        response.value = null\n        requestPayload.value = null\n      }\n    }\n\n    // Cancel any in-flight request\n    cancelRequest()\n  },\n  { immediate: true },\n)\n\nonBeforeUnmount(() => {\n  // We cancel the request if the component is unmounted\n  cancelRequest()\n})\n</script>\n<template>\n  <div class=\"bg-b-1 flex h-full min-w-0 flex-col\">\n    <div\n      class=\"lg:min-h-header flex w-full flex-wrap items-center justify-center p-2 lg:p-0\">\n      <!-- Address Bar -->\n      <Header\n        :activeEnvironment\n        :documentSlug\n        :documentUrl\n        :environment\n        :environments\n        :eventBus\n        :exampleKey\n        :executionDisabled=\"externalExamplesPending\"\n        :hideClientButton\n        :history=\"operationHistory\"\n        :integration\n        :isWebhook\n        :layout\n        :method\n        :path=\"requestPath\"\n        :server=\"requestServer\"\n        :serverMeta\n        :servers\n        :source\n        @execute=\"handleExecute\"\n        @navigate:settings=\"handleNavigateSettings\"\n        @select:history:item=\"handleSelectHistoryItem\"\n        @update:webhookUrl=\"(value: string) => (webhookUrl = value)\" />\n    </div>\n\n    <ViewLayout class=\"border-t\">\n      <ViewLayoutContent class=\"flex-1\">\n        <!-- Request Section -->\n        <ViewLayoutSection\n          v-if=\"externalExamplesPending\"\n          aria-label=\"Request\">\n          <template #title>Request</template>\n          <div\n            class=\"text-c-2 p-4\"\n            role=\"status\">\n            <template v-if=\"externalExamplesFailed\">\n              Could not load this example.\n              <ScalarButton\n                size=\"sm\"\n                variant=\"ghost\"\n                @click=\"$emit('retry:externalExamples')\">\n                Retry\n              </ScalarButton>\n            </template>\n            <template v-else>Loading example…</template>\n          </div>\n        </ViewLayoutSection>\n        <RequestBlock\n          v-else\n          :authMeta\n          :clientOptions\n          :defaultHeaders\n          :defaultRequestBodyView=\"\n            document['x-scalar-default-request-body-view']\n          \"\n          :documentCookies\n          :documentSlug\n          :environment\n          :eventBus\n          :exampleKey\n          :layout\n          :method\n          :openapiVersion=\"document.openapi\"\n          :operation\n          :options=\"toValue(options)\"\n          :path=\"requestPath\"\n          :plugins\n          :proxyUrl\n          :requestBodyCompositionSelection\n          :securityRequirements\n          :securitySchemes\n          :selectedClient\n          :selectedSecurity\n          :selectedSecuritySchemes\n          :server=\"requestServer\"\n          :sourceOperation\n          :workspaceCookies />\n\n        <!-- Response Section -->\n        <ResponseBlock\n          :appVersion\n          :eventBus\n          :executionDisabled=\"externalExamplesPending\"\n          :layout\n          :plugins\n          :requestError\n          :requestPayload\n          :response\n          :totalPerformedRequests=\"operationHistory.length\" />\n      </ViewLayoutContent>\n    </ViewLayout>\n  </div>\n</template>\n"],"mappings":""}

package/dist/v2/blocks/operation-block/{OperationBlock.vue.script.js → OperationBlock.vue_vue_type_script_setup_true_lang.js}

@@ -232,8 +232,9 @@ var OperationBlock_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 					collectionType: action.collectionType
 				});
 			};
+			const envVariables = variablesStore.getVariables();
 			const built = buildRequest(requestBuilder, {
-				envVariables: variablesStore.getVariables(),
+				envVariables,
 				allowMissingRequestServerBase: __props.layout === "modal"
 			});
 			if (!built.ok) {
@@ -573,4 +574,4 @@ var OperationBlock_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 //#endregion
 export { OperationBlock_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=OperationBlock.vue.script.js.map
+//# sourceMappingURL=OperationBlock.vue_vue_type_script_setup_true_lang.js.map

package/dist/v2/blocks/operation-block/{OperationBlock.vue.script.js.map → OperationBlock.vue_vue_type_script_setup_true_lang.js.map}

@@ -1 +1 @@
-{"version":3,"file":"OperationBlock.vue.script.js","names":["$emit"],"sources":["../../../../src/v2/blocks/operation-block/OperationBlock.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * OperationBlock\n *\n * Orchestrates the operation view by wiring together the Header, OperationBlock,\n * and ResponseBlock. Forwards user interactions to the workspace event bus and\n * passes through configuration such as auth, servers, plugins, and environment.\n * This component keeps the Operation page lean by centralizing event emission\n * and prop wiring between the blocks.\n *\n * Notable behavior:\n * - Uses operation['x-scalar-method'] and operation['x-scalar-path'] to provide\n *   draft overrides for the UI when present.\n */\nexport default {\n  name: 'OperationBlock',\n}\n\nexport type OperationBlockProps = {\n  /** Keep execution and editing unavailable until the selected payload is ready. */\n  externalExamplesPending?: boolean\n  externalExamplesFailed?: boolean\n  /** Event bus */\n  eventBus: WorkspaceEventBus\n  /** Application version */\n  appVersion: string\n  /** Openapi document */\n  document: OpenApiDocument\n  /** Openapi document slug */\n  documentSlug: string\n  /** Workspace cookies */\n  workspaceCookies: XScalarCookie[]\n  /** Document cookies */\n  documentCookies: XScalarCookie[]\n  /** Current request path */\n  path: string\n  /** Current request method */\n  method: string\n  /** Whether `path` identifies an OpenAPI webhook. */\n  isWebhook?: boolean\n  /** HTTP clients */\n  httpClients: AvailableClients\n  /** The history for the operation */\n  history?: HistoryEntry[]\n  /** Client layout */\n  layout: ClientLayout\n  /** Currently selected server */\n  server: ServerObject | null\n  /** Currently selected client */\n  selectedClient: WorkspaceStore['workspace']['x-scalar-default-client']\n  /** Server list available for operation/document */\n  servers: ServerObject[]\n  /** Meta information for the server */\n  serverMeta: ServerMeta\n  /** Hides the client button on the header */\n  hideClientButton?: boolean\n  /** Client integration  */\n  integration?: string | null\n  /** Openapi document url for `modal` mode to open the client app */\n  documentUrl?: string\n  /** Client source */\n  source?: 'gitbook' | 'api-reference'\n  /** Operation object */\n  operation: OperationObject\n  /** Operation before downloaded examples are overlaid, for parameter edit targets. */\n  sourceOperation?: OperationObject\n  /** Currently selected example key for the current operation */\n  exampleKey: string\n  /** Meta information for the auth update */\n  authMeta: AuthMeta\n  /** Document defined security schemes */\n  securitySchemes: MergedSecuritySchemes\n  /** Client plugins */\n  plugins: ClientPlugin[]\n  /** Environment list */\n  environments?: string[]\n  /** Currently selected environment */\n  activeEnvironment?: string\n  /** For environment variables in the inputs */\n  environment: XScalarEnvironment\n  /** The proxy URL for sending requests */\n  proxyUrl: string\n  /** Currently selected security */\n  selectedSecurity: SelectedSecurity\n  /** Currently selected security schemes */\n  selectedSecuritySchemes: SecuritySchemeObjectSecret[]\n  /** Security requirements */\n  securityRequirements: OpenApiDocument['security']\n  /** Default headers */\n  defaultHeaders: Record<string, string>\n  /** Selected anyOf/oneOf request-body variants keyed by schema path */\n  requestBodyCompositionSelection?: Record<string, number>\n  /** Subset of config options for the modal */\n  options?: ModalProps['options']\n}\n</script>\n<script setup lang=\"ts\">\nimport { generateClientOptions } from '@scalar/blocks/code-example'\nimport { ScalarButton } from '@scalar/components/button'\nimport { ERRORS } from '@scalar/helpers/errors/normalize-error'\nimport { isElectron } from '@scalar/helpers/general/is-electron'\nimport { buildSafeBodyRequest } from '@scalar/helpers/http/can-method-have-body'\nimport { isForbiddenHttpMethod } from '@scalar/helpers/http/is-forbidden-http-method'\nimport {\n  executeHook,\n  executeResponseHook,\n  type ClientPlugin,\n} from '@scalar/oas-utils/helpers'\nimport {\n  AVAILABLE_CLIENTS,\n  type AvailableClients,\n} from '@scalar/types/snippetz'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\nimport { useToasts } from '@scalar/use-toasts'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { SelectedSecurity } from '@scalar/workspace-store/entities/auth'\nimport type { HistoryEntry } from '@scalar/workspace-store/entities/history/schema'\nimport type {\n  AuthMeta,\n  ServerMeta,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport {\n  buildRequest,\n  createVariablesStoreForRequest,\n  getEnvironmentVariables,\n  requestFactory,\n  resolveExecutableRequestUrl,\n  type MergedSecuritySchemes,\n  type RequestPayload,\n  type SecuritySchemeObjectSecret,\n} from '@scalar/workspace-store/request-example'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { XScalarCookie } from '@scalar/workspace-store/schemas/extensions/general/x-scalar-cookies'\nimport type {\n  OpenApiDocument,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport type { OperationObject } from '@scalar/workspace-store/schemas/v3.2/strict/operation'\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  toValue,\n  watch,\n} from 'vue'\n\nimport ViewLayout from '@/components/ViewLayout/ViewLayout.vue'\nimport ViewLayoutContent from '@/components/ViewLayout/ViewLayoutContent.vue'\nimport ViewLayoutSection from '@/components/ViewLayout/ViewLayoutSection.vue'\nimport { harToFetchRequest } from '@/v2/blocks/operation-block/helpers/har-to-fetch-request'\nimport { harToFetchResponse } from '@/v2/blocks/operation-block/helpers/har-to-fetch-response'\nimport {\n  getCookieRequestUrl,\n  getResponseCookieActions,\n} from '@/v2/blocks/operation-block/helpers/persist-response-cookies'\nimport { getEnvironmentPersistenceActions } from '@/v2/blocks/operation-block/helpers/persist-script-environment'\nimport {\n  getOperationExampleKey,\n  isStreamingResponse,\n  responseCache,\n} from '@/v2/blocks/operation-block/helpers/response-cache'\nimport {\n  sendRequest,\n  type ResponseInstance,\n} from '@/v2/blocks/operation-block/helpers/send-request'\nimport { validatePathParameters } from '@/v2/blocks/operation-block/helpers/validate-path-parameters'\nimport { RequestBlock } from '@/v2/blocks/request-block'\nimport { ResponseBlock } from '@/v2/blocks/response-block'\nimport { type History } from '@/v2/blocks/scalar-address-bar-block'\nimport { useLocalization } from '@/v2/features/localization'\nimport type { ModalProps } from '@/v2/features/modal/Modal.vue'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nimport Header from './components/Header.vue'\n\nconst {\n  externalExamplesPending = false,\n  externalExamplesFailed = false,\n  authMeta,\n  environment,\n  eventBus,\n  exampleKey,\n  document,\n  documentSlug,\n  workspaceCookies = [],\n  documentCookies = [],\n  hideClientButton,\n  httpClients = AVAILABLE_CLIENTS,\n  history = [],\n  layout,\n  method,\n  isWebhook = false,\n  operation,\n  sourceOperation,\n  path,\n  plugins = [],\n  proxyUrl,\n  requestBodyCompositionSelection,\n  securitySchemes,\n  selectedClient,\n  server,\n  servers,\n  environments,\n  options,\n  activeEnvironment,\n  serverMeta,\n  selectedSecurity,\n  selectedSecuritySchemes,\n  securityRequirements,\n  defaultHeaders,\n} = defineProps<OperationBlockProps>()\n\ndefineEmits<{ (e: 'retry:externalExamples'): void }>()\n\nconst { translate } = useLocalization()\n\n/** Hoist up client generation so it doesn't get re-generated on every operation */\nconst clientOptions = computed(() => generateClientOptions(httpClients))\n\nconst { toast } = useToasts()\nconst { copyToClipboard } = useClipboard()\n\n// Refs\nconst abortController = ref<AbortController | null>(null)\nconst response = ref<ResponseInstance | null>(null)\nconst requestError = ref<Error | null>(null)\nconst requestPayload = ref<RequestPayload | null>(null)\n\n/**\n * A webhook has no OpenAPI server, so its destination is the full URL the user\n * enters at runtime. The field holds that whole URL (not a server-relative path),\n * and the request is sent to it directly with no separate server base.\n */\nconst webhookUrl = ref('')\n\nwatch(\n  [() => path, () => method, () => isWebhook],\n  () => {\n    webhookUrl.value = ''\n  },\n  { immediate: true },\n)\n\nconst requestPath = computed(() => (isWebhook ? webhookUrl.value : path))\nconst requestServer = computed<ServerObject | null>(() =>\n  isWebhook ? null : server,\n)\n\n/** Cancel the request */\nconst cancelRequest = () => abortController.value?.abort(ERRORS.REQUEST_ABORTED)\n\n/**\n * Persist server-set cookies from a response into the document cookie jar.\n *\n * Scalar keeps its own cookie jar because browsers hide `Set-Cookie` from `fetch`.\n * Mirroring browser behavior, cookies are stored scoped to the request host and\n * path and removed when the server expires them, so a value like a Django CSRF\n * token stays available for later PUT/PATCH requests after a page reload.\n */\nconst persistResponseCookies = (sendResult: {\n  response: ResponseInstance\n  requestPayload: RequestPayload\n}) => {\n  const actions = getResponseCookieActions({\n    cookieHeaderKeys: sendResult.response.cookieHeaderKeys ?? [],\n    documentCookies,\n    requestUrl: getCookieRequestUrl(String(sendResult.requestPayload[0])),\n  })\n\n  for (const action of actions) {\n    if (action.type === 'delete') {\n      eventBus.emit('cookie:delete:cookie', {\n        collectionType: 'document',\n        cookieName: action.cookieName,\n        index: action.index,\n      })\n      continue\n    }\n\n    eventBus.emit('cookie:upsert:cookie', {\n      collectionType: 'document',\n      payload: action.cookie,\n      ...(action.index === undefined ? {} : { index: action.index }),\n    })\n  }\n}\n\n/**\n * Copy the executable URL — same pipeline as Send (`requestFactory` +\n * `resolveExecutableRequestUrl`), including security query params.\n */\nconst copyAddressBarUrl = async (): Promise<void> => {\n  const { request } = requestFactory({\n    defaultHeaders,\n    environment,\n    exampleName: exampleKey,\n    globalCookies: [...workspaceCookies, ...documentCookies],\n    method,\n    operation,\n    path: requestPath.value,\n    proxyUrl,\n    server: requestServer.value,\n    selectedSecuritySchemes,\n    isElectron: isElectron(),\n    openapiVersion: document.openapi,\n    requestBodyCompositionSelection,\n  })\n\n  await copyToClipboard(\n    resolveExecutableRequestUrl(request, getEnvironmentVariables(environment)),\n  )\n}\n\n/** Execute the current operation example */\nconst handleExecute = async () => {\n  if (externalExamplesPending) return\n  requestError.value = null\n  eventBus.flushDebouncedEmits?.()\n  // Source edits must reach the overlaid operation prop before building the request.\n  await nextTick()\n\n  if (isWebhook && !requestPath.value.trim()) {\n    toast(translate('apiClient.operationBlock.webhookUrlRequired'), 'error')\n    return\n  }\n\n  const pathValidation = validatePathParameters(\n    operation.parameters ?? [],\n    exampleKey,\n  )\n  if (pathValidation.ok === false) {\n    toast(translate('apiClient.operationBlock.pathParametersRequired'), 'error')\n    return\n  }\n\n  const globalCookies = [...workspaceCookies, ...documentCookies]\n\n  const { request: requestBuilder } = requestFactory({\n    defaultHeaders,\n    environment,\n    exampleName: exampleKey,\n    globalCookies,\n    method,\n    operation,\n    path: requestPath.value,\n    proxyUrl,\n    server: requestServer.value,\n    selectedSecuritySchemes,\n    isElectron: isElectron(),\n    openapiVersion: document.openapi,\n    requestBodyCompositionSelection,\n  })\n\n  // Stop any previous streaming response\n  if (response.value && 'reader' in response.value) {\n    response.value.reader.cancel()\n  }\n\n  const variablesStore = createVariablesStoreForRequest()\n\n  // Seed the script variable store with the active environment so pm.environment.get()\n  // and pm.variables.get() resolve to the same values as {{…}} placeholders. Without\n  // seeding, the store starts empty and every scripted read returns undefined.\n  const seededEnvironment = getEnvironmentVariables(environment)\n  variablesStore.setEnvironment?.(\n    Object.entries(seededEnvironment).map(([key, value]) => ({ key, value })),\n  )\n\n  // Snapshot the persistence target at request start, alongside the seed. Persistence runs after\n  // the request completes (awaits below), and the environment props are reactive — if the active\n  // environment is switched mid-flight, or a concurrent request splices these arrays, reading\n  // them at persist time would apply the script's writes to the wrong environment or resolve\n  // workspace/document indexes against a shifted list. Copy the arrays (not just the reference)\n  // so the seeded values and these targets stay fixed to the same point in time.\n  const persistenceTarget = activeEnvironment\n    ? {\n        environmentName: activeEnvironment,\n        mergedVariables: [...environment.variables],\n        documentVariables: [\n          ...(document['x-scalar-environments']?.[activeEnvironment]\n            ?.variables ?? []),\n        ],\n        environmentExistsOnDocument: Boolean(\n          document['x-scalar-environments']?.[activeEnvironment],\n        ),\n      }\n    : null\n\n  // Execute the beforeRequest hook (plugins receive RequestFactory, not fetch Request)\n  await executeHook(\n    {\n      requestBuilder,\n      document,\n      operation,\n      variablesStore,\n      server: requestServer.value,\n      customFetch: toValue(options)?.customFetch,\n    },\n    'beforeRequest',\n    plugins,\n  )\n\n  // Persist environment variables set by scripts (pm.environment.set / unset) back to the active\n  // environment so they survive to the next request, mirroring the Environment tab. Scope and\n  // index are resolved from the seed-time environment so updates mutate in place. Defined here so\n  // it can run on every exit path after the pre-request scripts — including a build failure or a\n  // failed send — so a pre-request set, like a token stored before a flaky call, is not lost.\n  const persistScriptEnvironment = () => {\n    if (!persistenceTarget) {\n      return\n    }\n\n    const environmentActions = getEnvironmentPersistenceActions({\n      ...persistenceTarget,\n      seededVariables: seededEnvironment,\n      scriptVariables: variablesStore.getEnvironment(),\n    })\n\n    for (const action of environmentActions) {\n      if (action.type === 'delete') {\n        eventBus.emit('environment:delete:environment-variable', {\n          environmentName: action.environmentName,\n          index: action.index,\n          collectionType: action.collectionType,\n        })\n      } else {\n        eventBus.emit('environment:upsert:environment-variable', {\n          environmentName: action.environmentName,\n          variable: action.variable,\n          index: action.index,\n          collectionType: action.collectionType,\n        })\n      }\n    }\n  }\n\n  // Resolve {{…}} placeholders from the script store so pre-request pm.environment.set() and\n  // unset() take effect on this request. The store was seeded from the active environment, so\n  // it already holds every value spreading seededEnvironment would add — minus the keys a script\n  // unset, which must stay dropped (an object spread cannot remove them again).\n  const envVariables = variablesStore.getVariables()\n\n  // Build the fetch Request after hooks may have mutated the factory\n  const built = buildRequest(requestBuilder, {\n    envVariables,\n    allowMissingRequestServerBase: layout === 'modal',\n  })\n  if (!built.ok) {\n    // Save any pre-request script writes before bailing out on a build failure.\n    persistScriptEnvironment()\n    toast(built.message ?? built.error, 'error')\n    return\n  }\n\n  // Check the final method because pre-request scripts can change it.\n  const requestMethod = built.data.requestPayload[1].method ?? 'GET'\n  if (isForbiddenHttpMethod(requestMethod)) {\n    persistScriptEnvironment()\n    toast(\n      translate('apiClient.operationBlock.forbiddenMethod', {\n        method: requestMethod.toUpperCase(),\n      }),\n      'error',\n    )\n    return\n  }\n\n  // Store the abort controller for cancellation\n  abortController.value = built.data.controller\n\n  // Build the fetch Request once so the requestBuilt hook observes the exact bytes that are\n  // sent. Rebuilding it later would generate a different multipart boundary, which breaks\n  // plugins that hash the body (for example, request signing).\n  const request = buildSafeBodyRequest(...built.data.requestPayload)\n\n  // Execute the requestBuilt hook (plugins receive the exact fetch Request that will be sent)\n  await executeHook(\n    {\n      request,\n      requestBuilder,\n      document,\n      operation,\n      variablesStore,\n    },\n    'requestBuilt',\n    plugins,\n  )\n\n  // Execute the hooks\n  eventBus.emit('hooks:on:request:sent', {\n    meta: {\n      method,\n      path,\n      exampleKey,\n    },\n  })\n\n  /** Execute the request */\n  const [sendError, sendResult] = await sendRequest({\n    isUsingProxy: built.data.isUsingProxy,\n    requestPayload: built.data.requestPayload,\n    request,\n    plugins,\n    customFetch: toValue(options)?.customFetch,\n    onResponseReceived: async (response, responseDuration) => {\n      const result = await executeResponseHook(\n        {\n          response,\n          responseDuration,\n          requestBuilder,\n          request: buildSafeBodyRequest(...built.data.requestPayload),\n          document,\n          operation,\n          variablesStore,\n        },\n        plugins,\n      )\n      return result.response\n    },\n  })\n\n  // Save script environment writes (pre-request and, on success, post-response) back to the\n  // active environment. Runs even when the send fails so a pre-request set is not lost.\n  persistScriptEnvironment()\n\n  // Execute the hooks\n  eventBus.emit('hooks:on:request:complete', {\n    payload: sendResult\n      ? {\n          response: sendResult.originalResponse.clone(),\n          requestPayload: sendResult.requestPayload,\n          duration: sendResult.response.duration,\n          timestamp: sendResult.timestamp,\n        }\n      : undefined,\n    meta: {\n      method,\n      path,\n      exampleKey,\n    },\n  })\n\n  if (sendError) {\n    // Cancellation also happens when navigating away; keep the new operation intact.\n    if (built.data.controller.signal.aborted) {\n      if (abortController.value === built.data.controller) {\n        abortController.value = null\n      }\n      return\n    }\n    requestError.value = sendError\n    // clean up the response and request\n    response.value = null\n    requestPayload.value = null\n    abortController.value = null\n\n    toast(sendError.message, 'error')\n    return\n  }\n\n  // Store the response\n  response.value = sendResult.response\n  requestPayload.value = sendResult.requestPayload\n\n  // Persist server-set cookies into the document jar so values like a CSRF token\n  // survive a page reload and get replayed on the next request, like a browser would.\n  persistResponseCookies(sendResult)\n\n  // Cache non-streaming responses so they can be restored when navigating back\n  if (!isStreamingResponse(sendResult.response)) {\n    responseCache.set(getOperationExampleKey(method, path, exampleKey), {\n      response: sendResult.response,\n      requestPayload: sendResult.requestPayload,\n    })\n  }\n}\n\nonMounted(() => {\n  eventBus.on('operation:send:request:hotkey', handleExecute)\n  eventBus.on('operation:cancel:request', cancelRequest)\n  eventBus.on('copy-url:address-bar', copyAddressBarUrl)\n\n  // Let plugins warm up per-operation resources (e.g. the scripts sandbox) so the first request\n  // does not pay their cold-start cost.\n  void executeHook({ document, operation }, 'onRequestMount', plugins)\n})\nonBeforeUnmount(() => {\n  eventBus.off('operation:send:request:hotkey', handleExecute)\n  eventBus.off('operation:cancel:request', cancelRequest)\n  eventBus.off('copy-url:address-bar', copyAddressBarUrl)\n})\n\nconst operationHistory = computed<History[]>(() =>\n  history\n    .map((entry) => ({\n      method: entry.request.method as string,\n      path: entry.request.url,\n      duration: entry.time,\n      status: entry.response.status,\n    }))\n    .reverse(),\n)\n\nconst handleSelectHistoryItem = ({ index }: { index: number }) => {\n  const transformedIndex = (history.length ?? 0) - index - 1\n  const historyItem = history[transformedIndex]\n  if (!historyItem) {\n    return\n  }\n\n  const navigate = () =>\n    eventBus.emit('ui:navigate', {\n      page: 'example',\n      method,\n      path,\n      exampleName: 'draft',\n      callback: (status) => {\n        // Do not replace the response if the navigation was not successful\n        if (status !== 'success') {\n          return\n        }\n        // Reconstruct the response\n        const fetchResponse = harToFetchResponse({\n          harResponse: historyItem.response,\n          url: historyItem.request.url,\n          method,\n          path,\n          duration: historyItem.time,\n        })\n\n        // Reconstruct the request\n        const fetchRequest = harToFetchRequest({\n          harRequest: historyItem.request,\n        })\n\n        // Update the response and request\n        requestError.value = null\n        response.value = fetchResponse\n        requestPayload.value = fetchRequest\n      },\n    })\n\n  eventBus.emit('operation:reload:history', {\n    meta: {\n      path,\n      method,\n    },\n    index: transformedIndex,\n    callback: navigate,\n  })\n}\n\nconst handleNavigateSettings = () => {\n  eventBus.emit('ui:navigate', {\n    page: 'operation',\n    path: 'overview',\n    operationPath: path,\n    method,\n  })\n}\n\n/**\n * When the path, method, or example key changes, restore the response panel\n * for the new operation from the best available source:\n *\n *   1. `responseCache` — in-memory, populated on every successful send.\n *      Has the live response object (including streams) so it wins.\n *   2. `history` — persisted in the workspace store. Used as a fallback when\n *      the in-memory cache is empty (page reload, fresh app session, etc.)\n *      so navigating to an operation that has been called before shows the\n *      last response instead of an empty panel.\n *   3. Otherwise clear.\n *\n * Only the response is restored from history — the user's request inputs are\n * left alone, so we never silently overwrite an in-progress draft.\n */\nwatch(\n  [() => path, () => method, () => exampleKey],\n  ([newPath, newMethod, newExampleKey]) => {\n    requestError.value = null\n    const cached = responseCache.get(\n      getOperationExampleKey(newMethod, newPath, newExampleKey),\n    )\n\n    if (cached) {\n      response.value = cached.response\n      requestPayload.value = cached.requestPayload\n    } else {\n      // History is keyed only by document/path/method but each entry carries\n      // the example it came from, so we walk from the end and pick the most\n      // recent entry that matches the active example. Otherwise a cache miss\n      // on example B would restore example A's response. Only runs on a\n      // cache miss — the common case (in-session navigation) skips it.\n      const latest = (() => {\n        for (let i = history.length - 1; i >= 0; i--) {\n          const entry = history[i]\n          if (entry?.meta.example === newExampleKey) {\n            return entry\n          }\n        }\n        return undefined\n      })()\n\n      if (latest) {\n        response.value = harToFetchResponse({\n          harResponse: latest.response,\n          url: latest.request.url,\n          method: newMethod,\n          path: newPath,\n          duration: latest.time,\n        })\n        requestPayload.value = null\n      } else {\n        response.value = null\n        requestPayload.value = null\n      }\n    }\n\n    // Cancel any in-flight request\n    cancelRequest()\n  },\n  { immediate: true },\n)\n\nonBeforeUnmount(() => {\n  // We cancel the request if the component is unmounted\n  cancelRequest()\n})\n</script>\n<template>\n  <div class=\"bg-b-1 flex h-full min-w-0 flex-col\">\n    <div\n      class=\"lg:min-h-header flex w-full flex-wrap items-center justify-center p-2 lg:p-0\">\n      <!-- Address Bar -->\n      <Header\n        :activeEnvironment\n        :documentSlug\n        :documentUrl\n        :environment\n        :environments\n        :eventBus\n        :exampleKey\n        :executionDisabled=\"externalExamplesPending\"\n        :hideClientButton\n        :history=\"operationHistory\"\n        :integration\n        :isWebhook\n        :layout\n        :method\n        :path=\"requestPath\"\n        :server=\"requestServer\"\n        :serverMeta\n        :servers\n        :source\n        @execute=\"handleExecute\"\n        @navigate:settings=\"handleNavigateSettings\"\n        @select:history:item=\"handleSelectHistoryItem\"\n        @update:webhookUrl=\"(value: string) => (webhookUrl = value)\" />\n    </div>\n\n    <ViewLayout class=\"border-t\">\n      <ViewLayoutContent class=\"flex-1\">\n        <!-- Request Section -->\n        <ViewLayoutSection\n          v-if=\"externalExamplesPending\"\n          aria-label=\"Request\">\n          <template #title>Request</template>\n          <div\n            class=\"text-c-2 p-4\"\n            role=\"status\">\n            <template v-if=\"externalExamplesFailed\">\n              Could not load this example.\n              <ScalarButton\n                size=\"sm\"\n                variant=\"ghost\"\n                @click=\"$emit('retry:externalExamples')\">\n                Retry\n              </ScalarButton>\n            </template>\n            <template v-else>Loading example…</template>\n          </div>\n        </ViewLayoutSection>\n        <RequestBlock\n          v-else\n          :authMeta\n          :clientOptions\n          :defaultHeaders\n          :defaultRequestBodyView=\"\n            document['x-scalar-default-request-body-view']\n          \"\n          :documentCookies\n          :documentSlug\n          :environment\n          :eventBus\n          :exampleKey\n          :layout\n          :method\n          :openapiVersion=\"document.openapi\"\n          :operation\n          :options=\"toValue(options)\"\n          :path=\"requestPath\"\n          :plugins\n          :proxyUrl\n          :requestBodyCompositionSelection\n          :securityRequirements\n          :securitySchemes\n          :selectedClient\n          :selectedSecurity\n          :selectedSecuritySchemes\n          :server=\"requestServer\"\n          :sourceOperation\n          :workspaceCookies />\n\n        <!-- Response Section -->\n        <ResponseBlock\n          :appVersion\n          :eventBus\n          :executionDisabled=\"externalExamplesPending\"\n          :layout\n          :plugins\n          :requestError\n          :requestPayload\n          :response\n          :totalPerformedRequests=\"operationHistory.length\" />\n      </ViewLayoutContent>\n    </ViewLayout>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"OperationBlock.vue_vue_type_script_setup_true_lang.js","names":["$emit","_openBlock","_createElementBlock","_createElementVNode","_createVNode","Header","ViewLayout","_withCtx","ViewLayoutContent","_createBlock","ViewLayoutSection","_createTextVNode","_Fragment","_unref","RequestBlock","ResponseBlock"],"sources":["../../../../src/v2/blocks/operation-block/OperationBlock.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * OperationBlock\n *\n * Orchestrates the operation view by wiring together the Header, OperationBlock,\n * and ResponseBlock. Forwards user interactions to the workspace event bus and\n * passes through configuration such as auth, servers, plugins, and environment.\n * This component keeps the Operation page lean by centralizing event emission\n * and prop wiring between the blocks.\n *\n * Notable behavior:\n * - Uses operation['x-scalar-method'] and operation['x-scalar-path'] to provide\n *   draft overrides for the UI when present.\n */\nexport default {\n  name: 'OperationBlock',\n}\n\nexport type OperationBlockProps = {\n  /** Keep execution and editing unavailable until the selected payload is ready. */\n  externalExamplesPending?: boolean\n  externalExamplesFailed?: boolean\n  /** Event bus */\n  eventBus: WorkspaceEventBus\n  /** Application version */\n  appVersion: string\n  /** Openapi document */\n  document: OpenApiDocument\n  /** Openapi document slug */\n  documentSlug: string\n  /** Workspace cookies */\n  workspaceCookies: XScalarCookie[]\n  /** Document cookies */\n  documentCookies: XScalarCookie[]\n  /** Current request path */\n  path: string\n  /** Current request method */\n  method: string\n  /** Whether `path` identifies an OpenAPI webhook. */\n  isWebhook?: boolean\n  /** HTTP clients */\n  httpClients: AvailableClients\n  /** The history for the operation */\n  history?: HistoryEntry[]\n  /** Client layout */\n  layout: ClientLayout\n  /** Currently selected server */\n  server: ServerObject | null\n  /** Currently selected client */\n  selectedClient: WorkspaceStore['workspace']['x-scalar-default-client']\n  /** Server list available for operation/document */\n  servers: ServerObject[]\n  /** Meta information for the server */\n  serverMeta: ServerMeta\n  /** Hides the client button on the header */\n  hideClientButton?: boolean\n  /** Client integration  */\n  integration?: string | null\n  /** Openapi document url for `modal` mode to open the client app */\n  documentUrl?: string\n  /** Client source */\n  source?: 'gitbook' | 'api-reference'\n  /** Operation object */\n  operation: OperationObject\n  /** Operation before downloaded examples are overlaid, for parameter edit targets. */\n  sourceOperation?: OperationObject\n  /** Currently selected example key for the current operation */\n  exampleKey: string\n  /** Meta information for the auth update */\n  authMeta: AuthMeta\n  /** Document defined security schemes */\n  securitySchemes: MergedSecuritySchemes\n  /** Client plugins */\n  plugins: ClientPlugin[]\n  /** Environment list */\n  environments?: string[]\n  /** Currently selected environment */\n  activeEnvironment?: string\n  /** For environment variables in the inputs */\n  environment: XScalarEnvironment\n  /** The proxy URL for sending requests */\n  proxyUrl: string\n  /** Currently selected security */\n  selectedSecurity: SelectedSecurity\n  /** Currently selected security schemes */\n  selectedSecuritySchemes: SecuritySchemeObjectSecret[]\n  /** Security requirements */\n  securityRequirements: OpenApiDocument['security']\n  /** Default headers */\n  defaultHeaders: Record<string, string>\n  /** Selected anyOf/oneOf request-body variants keyed by schema path */\n  requestBodyCompositionSelection?: Record<string, number>\n  /** Subset of config options for the modal */\n  options?: ModalProps['options']\n}\n</script>\n<script setup lang=\"ts\">\nimport { generateClientOptions } from '@scalar/blocks/code-example'\nimport { ScalarButton } from '@scalar/components/button'\nimport { ERRORS } from '@scalar/helpers/errors/normalize-error'\nimport { isElectron } from '@scalar/helpers/general/is-electron'\nimport { buildSafeBodyRequest } from '@scalar/helpers/http/can-method-have-body'\nimport { isForbiddenHttpMethod } from '@scalar/helpers/http/is-forbidden-http-method'\nimport {\n  executeHook,\n  executeResponseHook,\n  type ClientPlugin,\n} from '@scalar/oas-utils/helpers'\nimport {\n  AVAILABLE_CLIENTS,\n  type AvailableClients,\n} from '@scalar/types/snippetz'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\nimport { useToasts } from '@scalar/use-toasts'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { SelectedSecurity } from '@scalar/workspace-store/entities/auth'\nimport type { HistoryEntry } from '@scalar/workspace-store/entities/history/schema'\nimport type {\n  AuthMeta,\n  ServerMeta,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport {\n  buildRequest,\n  createVariablesStoreForRequest,\n  getEnvironmentVariables,\n  requestFactory,\n  resolveExecutableRequestUrl,\n  type MergedSecuritySchemes,\n  type RequestPayload,\n  type SecuritySchemeObjectSecret,\n} from '@scalar/workspace-store/request-example'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { XScalarCookie } from '@scalar/workspace-store/schemas/extensions/general/x-scalar-cookies'\nimport type {\n  OpenApiDocument,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport type { OperationObject } from '@scalar/workspace-store/schemas/v3.2/strict/operation'\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  toValue,\n  watch,\n} from 'vue'\n\nimport ViewLayout from '@/components/ViewLayout/ViewLayout.vue'\nimport ViewLayoutContent from '@/components/ViewLayout/ViewLayoutContent.vue'\nimport ViewLayoutSection from '@/components/ViewLayout/ViewLayoutSection.vue'\nimport { harToFetchRequest } from '@/v2/blocks/operation-block/helpers/har-to-fetch-request'\nimport { harToFetchResponse } from '@/v2/blocks/operation-block/helpers/har-to-fetch-response'\nimport {\n  getCookieRequestUrl,\n  getResponseCookieActions,\n} from '@/v2/blocks/operation-block/helpers/persist-response-cookies'\nimport { getEnvironmentPersistenceActions } from '@/v2/blocks/operation-block/helpers/persist-script-environment'\nimport {\n  getOperationExampleKey,\n  isStreamingResponse,\n  responseCache,\n} from '@/v2/blocks/operation-block/helpers/response-cache'\nimport {\n  sendRequest,\n  type ResponseInstance,\n} from '@/v2/blocks/operation-block/helpers/send-request'\nimport { validatePathParameters } from '@/v2/blocks/operation-block/helpers/validate-path-parameters'\nimport { RequestBlock } from '@/v2/blocks/request-block'\nimport { ResponseBlock } from '@/v2/blocks/response-block'\nimport { type History } from '@/v2/blocks/scalar-address-bar-block'\nimport { useLocalization } from '@/v2/features/localization'\nimport type { ModalProps } from '@/v2/features/modal/Modal.vue'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nimport Header from './components/Header.vue'\n\nconst {\n  externalExamplesPending = false,\n  externalExamplesFailed = false,\n  authMeta,\n  environment,\n  eventBus,\n  exampleKey,\n  document,\n  documentSlug,\n  workspaceCookies = [],\n  documentCookies = [],\n  hideClientButton,\n  httpClients = AVAILABLE_CLIENTS,\n  history = [],\n  layout,\n  method,\n  isWebhook = false,\n  operation,\n  sourceOperation,\n  path,\n  plugins = [],\n  proxyUrl,\n  requestBodyCompositionSelection,\n  securitySchemes,\n  selectedClient,\n  server,\n  servers,\n  environments,\n  options,\n  activeEnvironment,\n  serverMeta,\n  selectedSecurity,\n  selectedSecuritySchemes,\n  securityRequirements,\n  defaultHeaders,\n} = defineProps<OperationBlockProps>()\n\ndefineEmits<{ (e: 'retry:externalExamples'): void }>()\n\nconst { translate } = useLocalization()\n\n/** Hoist up client generation so it doesn't get re-generated on every operation */\nconst clientOptions = computed(() => generateClientOptions(httpClients))\n\nconst { toast } = useToasts()\nconst { copyToClipboard } = useClipboard()\n\n// Refs\nconst abortController = ref<AbortController | null>(null)\nconst response = ref<ResponseInstance | null>(null)\nconst requestError = ref<Error | null>(null)\nconst requestPayload = ref<RequestPayload | null>(null)\n\n/**\n * A webhook has no OpenAPI server, so its destination is the full URL the user\n * enters at runtime. The field holds that whole URL (not a server-relative path),\n * and the request is sent to it directly with no separate server base.\n */\nconst webhookUrl = ref('')\n\nwatch(\n  [() => path, () => method, () => isWebhook],\n  () => {\n    webhookUrl.value = ''\n  },\n  { immediate: true },\n)\n\nconst requestPath = computed(() => (isWebhook ? webhookUrl.value : path))\nconst requestServer = computed<ServerObject | null>(() =>\n  isWebhook ? null : server,\n)\n\n/** Cancel the request */\nconst cancelRequest = () => abortController.value?.abort(ERRORS.REQUEST_ABORTED)\n\n/**\n * Persist server-set cookies from a response into the document cookie jar.\n *\n * Scalar keeps its own cookie jar because browsers hide `Set-Cookie` from `fetch`.\n * Mirroring browser behavior, cookies are stored scoped to the request host and\n * path and removed when the server expires them, so a value like a Django CSRF\n * token stays available for later PUT/PATCH requests after a page reload.\n */\nconst persistResponseCookies = (sendResult: {\n  response: ResponseInstance\n  requestPayload: RequestPayload\n}) => {\n  const actions = getResponseCookieActions({\n    cookieHeaderKeys: sendResult.response.cookieHeaderKeys ?? [],\n    documentCookies,\n    requestUrl: getCookieRequestUrl(String(sendResult.requestPayload[0])),\n  })\n\n  for (const action of actions) {\n    if (action.type === 'delete') {\n      eventBus.emit('cookie:delete:cookie', {\n        collectionType: 'document',\n        cookieName: action.cookieName,\n        index: action.index,\n      })\n      continue\n    }\n\n    eventBus.emit('cookie:upsert:cookie', {\n      collectionType: 'document',\n      payload: action.cookie,\n      ...(action.index === undefined ? {} : { index: action.index }),\n    })\n  }\n}\n\n/**\n * Copy the executable URL — same pipeline as Send (`requestFactory` +\n * `resolveExecutableRequestUrl`), including security query params.\n */\nconst copyAddressBarUrl = async (): Promise<void> => {\n  const { request } = requestFactory({\n    defaultHeaders,\n    environment,\n    exampleName: exampleKey,\n    globalCookies: [...workspaceCookies, ...documentCookies],\n    method,\n    operation,\n    path: requestPath.value,\n    proxyUrl,\n    server: requestServer.value,\n    selectedSecuritySchemes,\n    isElectron: isElectron(),\n    openapiVersion: document.openapi,\n    requestBodyCompositionSelection,\n  })\n\n  await copyToClipboard(\n    resolveExecutableRequestUrl(request, getEnvironmentVariables(environment)),\n  )\n}\n\n/** Execute the current operation example */\nconst handleExecute = async () => {\n  if (externalExamplesPending) return\n  requestError.value = null\n  eventBus.flushDebouncedEmits?.()\n  // Source edits must reach the overlaid operation prop before building the request.\n  await nextTick()\n\n  if (isWebhook && !requestPath.value.trim()) {\n    toast(translate('apiClient.operationBlock.webhookUrlRequired'), 'error')\n    return\n  }\n\n  const pathValidation = validatePathParameters(\n    operation.parameters ?? [],\n    exampleKey,\n  )\n  if (pathValidation.ok === false) {\n    toast(translate('apiClient.operationBlock.pathParametersRequired'), 'error')\n    return\n  }\n\n  const globalCookies = [...workspaceCookies, ...documentCookies]\n\n  const { request: requestBuilder } = requestFactory({\n    defaultHeaders,\n    environment,\n    exampleName: exampleKey,\n    globalCookies,\n    method,\n    operation,\n    path: requestPath.value,\n    proxyUrl,\n    server: requestServer.value,\n    selectedSecuritySchemes,\n    isElectron: isElectron(),\n    openapiVersion: document.openapi,\n    requestBodyCompositionSelection,\n  })\n\n  // Stop any previous streaming response\n  if (response.value && 'reader' in response.value) {\n    response.value.reader.cancel()\n  }\n\n  const variablesStore = createVariablesStoreForRequest()\n\n  // Seed the script variable store with the active environment so pm.environment.get()\n  // and pm.variables.get() resolve to the same values as {{…}} placeholders. Without\n  // seeding, the store starts empty and every scripted read returns undefined.\n  const seededEnvironment = getEnvironmentVariables(environment)\n  variablesStore.setEnvironment?.(\n    Object.entries(seededEnvironment).map(([key, value]) => ({ key, value })),\n  )\n\n  // Snapshot the persistence target at request start, alongside the seed. Persistence runs after\n  // the request completes (awaits below), and the environment props are reactive — if the active\n  // environment is switched mid-flight, or a concurrent request splices these arrays, reading\n  // them at persist time would apply the script's writes to the wrong environment or resolve\n  // workspace/document indexes against a shifted list. Copy the arrays (not just the reference)\n  // so the seeded values and these targets stay fixed to the same point in time.\n  const persistenceTarget = activeEnvironment\n    ? {\n        environmentName: activeEnvironment,\n        mergedVariables: [...environment.variables],\n        documentVariables: [\n          ...(document['x-scalar-environments']?.[activeEnvironment]\n            ?.variables ?? []),\n        ],\n        environmentExistsOnDocument: Boolean(\n          document['x-scalar-environments']?.[activeEnvironment],\n        ),\n      }\n    : null\n\n  // Execute the beforeRequest hook (plugins receive RequestFactory, not fetch Request)\n  await executeHook(\n    {\n      requestBuilder,\n      document,\n      operation,\n      variablesStore,\n      server: requestServer.value,\n      customFetch: toValue(options)?.customFetch,\n    },\n    'beforeRequest',\n    plugins,\n  )\n\n  // Persist environment variables set by scripts (pm.environment.set / unset) back to the active\n  // environment so they survive to the next request, mirroring the Environment tab. Scope and\n  // index are resolved from the seed-time environment so updates mutate in place. Defined here so\n  // it can run on every exit path after the pre-request scripts — including a build failure or a\n  // failed send — so a pre-request set, like a token stored before a flaky call, is not lost.\n  const persistScriptEnvironment = () => {\n    if (!persistenceTarget) {\n      return\n    }\n\n    const environmentActions = getEnvironmentPersistenceActions({\n      ...persistenceTarget,\n      seededVariables: seededEnvironment,\n      scriptVariables: variablesStore.getEnvironment(),\n    })\n\n    for (const action of environmentActions) {\n      if (action.type === 'delete') {\n        eventBus.emit('environment:delete:environment-variable', {\n          environmentName: action.environmentName,\n          index: action.index,\n          collectionType: action.collectionType,\n        })\n      } else {\n        eventBus.emit('environment:upsert:environment-variable', {\n          environmentName: action.environmentName,\n          variable: action.variable,\n          index: action.index,\n          collectionType: action.collectionType,\n        })\n      }\n    }\n  }\n\n  // Resolve {{…}} placeholders from the script store so pre-request pm.environment.set() and\n  // unset() take effect on this request. The store was seeded from the active environment, so\n  // it already holds every value spreading seededEnvironment would add — minus the keys a script\n  // unset, which must stay dropped (an object spread cannot remove them again).\n  const envVariables = variablesStore.getVariables()\n\n  // Build the fetch Request after hooks may have mutated the factory\n  const built = buildRequest(requestBuilder, {\n    envVariables,\n    allowMissingRequestServerBase: layout === 'modal',\n  })\n  if (!built.ok) {\n    // Save any pre-request script writes before bailing out on a build failure.\n    persistScriptEnvironment()\n    toast(built.message ?? built.error, 'error')\n    return\n  }\n\n  // Check the final method because pre-request scripts can change it.\n  const requestMethod = built.data.requestPayload[1].method ?? 'GET'\n  if (isForbiddenHttpMethod(requestMethod)) {\n    persistScriptEnvironment()\n    toast(\n      translate('apiClient.operationBlock.forbiddenMethod', {\n        method: requestMethod.toUpperCase(),\n      }),\n      'error',\n    )\n    return\n  }\n\n  // Store the abort controller for cancellation\n  abortController.value = built.data.controller\n\n  // Build the fetch Request once so the requestBuilt hook observes the exact bytes that are\n  // sent. Rebuilding it later would generate a different multipart boundary, which breaks\n  // plugins that hash the body (for example, request signing).\n  const request = buildSafeBodyRequest(...built.data.requestPayload)\n\n  // Execute the requestBuilt hook (plugins receive the exact fetch Request that will be sent)\n  await executeHook(\n    {\n      request,\n      requestBuilder,\n      document,\n      operation,\n      variablesStore,\n    },\n    'requestBuilt',\n    plugins,\n  )\n\n  // Execute the hooks\n  eventBus.emit('hooks:on:request:sent', {\n    meta: {\n      method,\n      path,\n      exampleKey,\n    },\n  })\n\n  /** Execute the request */\n  const [sendError, sendResult] = await sendRequest({\n    isUsingProxy: built.data.isUsingProxy,\n    requestPayload: built.data.requestPayload,\n    request,\n    plugins,\n    customFetch: toValue(options)?.customFetch,\n    onResponseReceived: async (response, responseDuration) => {\n      const result = await executeResponseHook(\n        {\n          response,\n          responseDuration,\n          requestBuilder,\n          request: buildSafeBodyRequest(...built.data.requestPayload),\n          document,\n          operation,\n          variablesStore,\n        },\n        plugins,\n      )\n      return result.response\n    },\n  })\n\n  // Save script environment writes (pre-request and, on success, post-response) back to the\n  // active environment. Runs even when the send fails so a pre-request set is not lost.\n  persistScriptEnvironment()\n\n  // Execute the hooks\n  eventBus.emit('hooks:on:request:complete', {\n    payload: sendResult\n      ? {\n          response: sendResult.originalResponse.clone(),\n          requestPayload: sendResult.requestPayload,\n          duration: sendResult.response.duration,\n          timestamp: sendResult.timestamp,\n        }\n      : undefined,\n    meta: {\n      method,\n      path,\n      exampleKey,\n    },\n  })\n\n  if (sendError) {\n    // Cancellation also happens when navigating away; keep the new operation intact.\n    if (built.data.controller.signal.aborted) {\n      if (abortController.value === built.data.controller) {\n        abortController.value = null\n      }\n      return\n    }\n    requestError.value = sendError\n    // clean up the response and request\n    response.value = null\n    requestPayload.value = null\n    abortController.value = null\n\n    toast(sendError.message, 'error')\n    return\n  }\n\n  // Store the response\n  response.value = sendResult.response\n  requestPayload.value = sendResult.requestPayload\n\n  // Persist server-set cookies into the document jar so values like a CSRF token\n  // survive a page reload and get replayed on the next request, like a browser would.\n  persistResponseCookies(sendResult)\n\n  // Cache non-streaming responses so they can be restored when navigating back\n  if (!isStreamingResponse(sendResult.response)) {\n    responseCache.set(getOperationExampleKey(method, path, exampleKey), {\n      response: sendResult.response,\n      requestPayload: sendResult.requestPayload,\n    })\n  }\n}\n\nonMounted(() => {\n  eventBus.on('operation:send:request:hotkey', handleExecute)\n  eventBus.on('operation:cancel:request', cancelRequest)\n  eventBus.on('copy-url:address-bar', copyAddressBarUrl)\n\n  // Let plugins warm up per-operation resources (e.g. the scripts sandbox) so the first request\n  // does not pay their cold-start cost.\n  void executeHook({ document, operation }, 'onRequestMount', plugins)\n})\nonBeforeUnmount(() => {\n  eventBus.off('operation:send:request:hotkey', handleExecute)\n  eventBus.off('operation:cancel:request', cancelRequest)\n  eventBus.off('copy-url:address-bar', copyAddressBarUrl)\n})\n\nconst operationHistory = computed<History[]>(() =>\n  history\n    .map((entry) => ({\n      method: entry.request.method as string,\n      path: entry.request.url,\n      duration: entry.time,\n      status: entry.response.status,\n    }))\n    .reverse(),\n)\n\nconst handleSelectHistoryItem = ({ index }: { index: number }) => {\n  const transformedIndex = (history.length ?? 0) - index - 1\n  const historyItem = history[transformedIndex]\n  if (!historyItem) {\n    return\n  }\n\n  const navigate = () =>\n    eventBus.emit('ui:navigate', {\n      page: 'example',\n      method,\n      path,\n      exampleName: 'draft',\n      callback: (status) => {\n        // Do not replace the response if the navigation was not successful\n        if (status !== 'success') {\n          return\n        }\n        // Reconstruct the response\n        const fetchResponse = harToFetchResponse({\n          harResponse: historyItem.response,\n          url: historyItem.request.url,\n          method,\n          path,\n          duration: historyItem.time,\n        })\n\n        // Reconstruct the request\n        const fetchRequest = harToFetchRequest({\n          harRequest: historyItem.request,\n        })\n\n        // Update the response and request\n        requestError.value = null\n        response.value = fetchResponse\n        requestPayload.value = fetchRequest\n      },\n    })\n\n  eventBus.emit('operation:reload:history', {\n    meta: {\n      path,\n      method,\n    },\n    index: transformedIndex,\n    callback: navigate,\n  })\n}\n\nconst handleNavigateSettings = () => {\n  eventBus.emit('ui:navigate', {\n    page: 'operation',\n    path: 'overview',\n    operationPath: path,\n    method,\n  })\n}\n\n/**\n * When the path, method, or example key changes, restore the response panel\n * for the new operation from the best available source:\n *\n *   1. `responseCache` — in-memory, populated on every successful send.\n *      Has the live response object (including streams) so it wins.\n *   2. `history` — persisted in the workspace store. Used as a fallback when\n *      the in-memory cache is empty (page reload, fresh app session, etc.)\n *      so navigating to an operation that has been called before shows the\n *      last response instead of an empty panel.\n *   3. Otherwise clear.\n *\n * Only the response is restored from history — the user's request inputs are\n * left alone, so we never silently overwrite an in-progress draft.\n */\nwatch(\n  [() => path, () => method, () => exampleKey],\n  ([newPath, newMethod, newExampleKey]) => {\n    requestError.value = null\n    const cached = responseCache.get(\n      getOperationExampleKey(newMethod, newPath, newExampleKey),\n    )\n\n    if (cached) {\n      response.value = cached.response\n      requestPayload.value = cached.requestPayload\n    } else {\n      // History is keyed only by document/path/method but each entry carries\n      // the example it came from, so we walk from the end and pick the most\n      // recent entry that matches the active example. Otherwise a cache miss\n      // on example B would restore example A's response. Only runs on a\n      // cache miss — the common case (in-session navigation) skips it.\n      const latest = (() => {\n        for (let i = history.length - 1; i >= 0; i--) {\n          const entry = history[i]\n          if (entry?.meta.example === newExampleKey) {\n            return entry\n          }\n        }\n        return undefined\n      })()\n\n      if (latest) {\n        response.value = harToFetchResponse({\n          harResponse: latest.response,\n          url: latest.request.url,\n          method: newMethod,\n          path: newPath,\n          duration: latest.time,\n        })\n        requestPayload.value = null\n      } else {\n        response.value = null\n        requestPayload.value = null\n      }\n    }\n\n    // Cancel any in-flight request\n    cancelRequest()\n  },\n  { immediate: true },\n)\n\nonBeforeUnmount(() => {\n  // We cancel the request if the component is unmounted\n  cancelRequest()\n})\n</script>\n<template>\n  <div class=\"bg-b-1 flex h-full min-w-0 flex-col\">\n    <div\n      class=\"lg:min-h-header flex w-full flex-wrap items-center justify-center p-2 lg:p-0\">\n      <!-- Address Bar -->\n      <Header\n        :activeEnvironment\n        :documentSlug\n        :documentUrl\n        :environment\n        :environments\n        :eventBus\n        :exampleKey\n        :executionDisabled=\"externalExamplesPending\"\n        :hideClientButton\n        :history=\"operationHistory\"\n        :integration\n        :isWebhook\n        :layout\n        :method\n        :path=\"requestPath\"\n        :server=\"requestServer\"\n        :serverMeta\n        :servers\n        :source\n        @execute=\"handleExecute\"\n        @navigate:settings=\"handleNavigateSettings\"\n        @select:history:item=\"handleSelectHistoryItem\"\n        @update:webhookUrl=\"(value: string) => (webhookUrl = value)\" />\n    </div>\n\n    <ViewLayout class=\"border-t\">\n      <ViewLayoutContent class=\"flex-1\">\n        <!-- Request Section -->\n        <ViewLayoutSection\n          v-if=\"externalExamplesPending\"\n          aria-label=\"Request\">\n          <template #title>Request</template>\n          <div\n            class=\"text-c-2 p-4\"\n            role=\"status\">\n            <template v-if=\"externalExamplesFailed\">\n              Could not load this example.\n              <ScalarButton\n                size=\"sm\"\n                variant=\"ghost\"\n                @click=\"$emit('retry:externalExamples')\">\n                Retry\n              </ScalarButton>\n            </template>\n            <template v-else>Loading example…</template>\n          </div>\n        </ViewLayoutSection>\n        <RequestBlock\n          v-else\n          :authMeta\n          :clientOptions\n          :defaultHeaders\n          :defaultRequestBodyView=\"\n            document['x-scalar-default-request-body-view']\n          \"\n          :documentCookies\n          :documentSlug\n          :environment\n          :eventBus\n          :exampleKey\n          :layout\n          :method\n          :openapiVersion=\"document.openapi\"\n          :operation\n          :options=\"toValue(options)\"\n          :path=\"requestPath\"\n          :plugins\n          :proxyUrl\n          :requestBodyCompositionSelection\n          :securityRequirements\n          :securitySchemes\n          :selectedClient\n          :selectedSecurity\n          :selectedSecuritySchemes\n          :server=\"requestServer\"\n          :sourceOperation\n          :workspaceCookies />\n\n        <!-- Response Section -->\n        <ResponseBlock\n          :appVersion\n          :eventBus\n          :executionDisabled=\"externalExamplesPending\"\n          :layout\n          :plugins\n          :requestError\n          :requestPayload\n          :response\n          :totalPerformedRequests=\"operationHistory.length\" />\n      </ViewLayoutContent>\n    </ViewLayout>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAeE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0MR,MAAM,EAAE,cAAc,gBAAgB;;EAGtC,MAAM,gBAAgB,eAAe,sBAAsB,QAAA,WAAW,CAAC;EAEvE,MAAM,EAAE,UAAU,UAAU;EAC5B,MAAM,EAAE,oBAAoB,aAAa;EAGzC,MAAM,kBAAkB,IAA4B,IAAI;EACxD,MAAM,WAAW,IAA6B,IAAI;EAClD,MAAM,eAAe,IAAkB,IAAI;EAC3C,MAAM,iBAAiB,IAA2B,IAAI;;;;;;EAOtD,MAAM,aAAa,IAAI,EAAE;EAEzB,MACE;SAAO,QAAA;SAAY,QAAA;SAAc,QAAA;EAAS,SACpC;GACJ,WAAW,QAAQ;EACrB,GACA,EAAE,WAAW,KAAK,CACpB;EAEA,MAAM,cAAc,eAAgB,QAAA,YAAY,WAAW,QAAQ,QAAA,IAAK;EACxE,MAAM,gBAAgB,eACpB,QAAA,YAAY,OAAO,QAAA,MACrB;;EAGA,MAAM,sBAAsB,gBAAgB,OAAO,MAAM,OAAO,eAAe;;;;;;;;;EAU/E,MAAM,0BAA0B,eAG1B;GACJ,MAAM,UAAU,yBAAyB;IACvC,kBAAkB,WAAW,SAAS,oBAAoB,CAAC;IAC3D,iBAAc,QAAA;IACd,YAAY,oBAAoB,OAAO,WAAW,eAAe,EAAE,CAAC;GACtE,CAAC;GAED,KAAK,MAAM,UAAU,SAAS;IAC5B,IAAI,OAAO,SAAS,UAAU;KAC5B,QAAA,SAAS,KAAK,wBAAwB;MACpC,gBAAgB;MAChB,YAAY,OAAO;MACnB,OAAO,OAAO;KAChB,CAAC;KACD;IACF;IAEA,QAAA,SAAS,KAAK,wBAAwB;KACpC,gBAAgB;KAChB,SAAS,OAAO;KAChB,GAAI,OAAO,UAAU,KAAA,IAAY,CAAC,IAAI,EAAE,OAAO,OAAO,MAAM;IAC9D,CAAC;GACH;EACF;;;;;EAMA,MAAM,oBAAoB,YAA2B;GACnD,MAAM,EAAE,YAAY,eAAe;IACjC,gBAAa,QAAA;IACb,aAAU,QAAA;IACV,aAAa,QAAA;IACb,eAAe,CAAC,GAAG,QAAA,kBAAkB,GAAG,QAAA,eAAe;IACvD,QAAK,QAAA;IACL,WAAQ,QAAA;IACR,MAAM,YAAY;IAClB,UAAO,QAAA;IACP,QAAQ,cAAc;IACtB,yBAAsB,QAAA;IACtB,YAAY,WAAW;IACvB,gBAAgB,QAAA,SAAS;IACzB,iCAA8B,QAAA;GAChC,CAAC;GAED,MAAM,gBACJ,4BAA4B,SAAS,wBAAwB,QAAA,WAAW,CAAC,CAC3E;EACF;;EAGA,MAAM,gBAAgB,YAAY;GAChC,IAAI,QAAA,yBAAyB;GAC7B,aAAa,QAAQ;GACrB,QAAA,SAAS,sBAAsB;GAE/B,MAAM,SAAS;GAEf,IAAI,QAAA,aAAa,CAAC,YAAY,MAAM,KAAK,GAAG;IAC1C,MAAM,UAAU,6CAA6C,GAAG,OAAO;IACvE;GACF;GAMA,IAJuB,uBACrB,QAAA,UAAU,cAAc,CAAC,GACzB,QAAA,UAEE,CAAA,CAAe,OAAO,OAAO;IAC/B,MAAM,UAAU,iDAAiD,GAAG,OAAO;IAC3E;GACF;GAEA,MAAM,gBAAgB,CAAC,GAAG,QAAA,kBAAkB,GAAG,QAAA,eAAe;GAE9D,MAAM,EAAE,SAAS,mBAAmB,eAAe;IACjD,gBAAa,QAAA;IACb,aAAU,QAAA;IACV,aAAa,QAAA;IACb;IACA,QAAK,QAAA;IACL,WAAQ,QAAA;IACR,MAAM,YAAY;IAClB,UAAO,QAAA;IACP,QAAQ,cAAc;IACtB,yBAAsB,QAAA;IACtB,YAAY,WAAW;IACvB,gBAAgB,QAAA,SAAS;IACzB,iCAA8B,QAAA;GAChC,CAAC;GAGD,IAAI,SAAS,SAAS,YAAY,SAAS,OACzC,SAAS,MAAM,OAAO,OAAO;GAG/B,MAAM,iBAAiB,+BAA+B;GAKtD,MAAM,oBAAoB,wBAAwB,QAAA,WAAW;GAC7D,eAAe,iBACb,OAAO,QAAQ,iBAAiB,CAAC,CAAC,KAAK,CAAC,KAAK,YAAY;IAAE;IAAK;GAAM,EAAE,CAC1E;GAQA,MAAM,oBAAoB,QAAA,oBACtB;IACE,iBAAiB,QAAA;IACjB,iBAAiB,CAAC,GAAG,QAAA,YAAY,SAAS;IAC1C,mBAAmB,CACjB,GAAI,QAAA,SAAS,wBAAwB,GAAG,QAAA,kBAAiB,EACrD,aAAa,CAAC,CACpB;IACA,6BAA6B,QAC3B,QAAA,SAAS,wBAAwB,GAAG,QAAA,kBACtC;GACF,IACA;GAGJ,MAAM,YACJ;IACE;IACA,UAAO,QAAA;IACP,WAAQ,QAAA;IACR;IACA,QAAQ,cAAc;IACtB,aAAa,QAAQ,QAAA,OAAO,CAAC,EAAE;GACjC,GACA,iBACA,QAAA,OACF;GAOA,MAAM,iCAAiC;IACrC,IAAI,CAAC,mBACH;IAGF,MAAM,qBAAqB,iCAAiC;KAC1D,GAAG;KACH,iBAAiB;KACjB,iBAAiB,eAAe,eAAe;IACjD,CAAC;IAED,KAAK,MAAM,UAAU,oBACnB,IAAI,OAAO,SAAS,UAClB,QAAA,SAAS,KAAK,2CAA2C;KACvD,iBAAiB,OAAO;KACxB,OAAO,OAAO;KACd,gBAAgB,OAAO;IACzB,CAAC;SAED,QAAA,SAAS,KAAK,2CAA2C;KACvD,iBAAiB,OAAO;KACxB,UAAU,OAAO;KACjB,OAAO,OAAO;KACd,gBAAgB,OAAO;IACzB,CAAC;GAGP;GAMA,MAAM,eAAe,eAAe,aAAa;GAGjD,MAAM,QAAQ,aAAa,gBAAgB;IACzC;IACA,+BAA+B,QAAA,WAAW;GAC5C,CAAC;GACD,IAAI,CAAC,MAAM,IAAI;IAEb,yBAAyB;IACzB,MAAM,MAAM,WAAW,MAAM,OAAO,OAAO;IAC3C;GACF;GAGA,MAAM,gBAAgB,MAAM,KAAK,eAAe,EAAE,CAAC,UAAU;GAC7D,IAAI,sBAAsB,aAAa,GAAG;IACxC,yBAAyB;IACzB,MACE,UAAU,4CAA4C,EACpD,QAAQ,cAAc,YAAY,EACpC,CAAC,GACD,OACF;IACA;GACF;GAGA,gBAAgB,QAAQ,MAAM,KAAK;GAKnC,MAAM,UAAU,qBAAqB,GAAG,MAAM,KAAK,cAAc;GAGjE,MAAM,YACJ;IACE;IACA;IACA,UAAO,QAAA;IACP,WAAQ,QAAA;IACR;GACF,GACA,gBACA,QAAA,OACF;GAGA,QAAA,SAAS,KAAK,yBAAyB,EACrC,MAAM;IACJ,QAAK,QAAA;IACL,MAAG,QAAA;IACH,YAAS,QAAA;GACX,EACF,CAAC;;GAGD,MAAM,CAAC,WAAW,cAAc,MAAM,YAAY;IAChD,cAAc,MAAM,KAAK;IACzB,gBAAgB,MAAM,KAAK;IAC3B;IACA,SAAM,QAAA;IACN,aAAa,QAAQ,QAAA,OAAO,CAAC,EAAE;IAC/B,oBAAoB,OAAO,UAAU,qBAAqB;KAaxD,QAAO,MAZc,oBACnB;MACE;MACA;MACA;MACA,SAAS,qBAAqB,GAAG,MAAM,KAAK,cAAc;MAC1D,UAAO,QAAA;MACP,WAAQ,QAAA;MACR;KACF,GACA,QAAA,OACF,EAAA,CACc;IAChB;GACF,CAAC;GAID,yBAAyB;GAGzB,QAAA,SAAS,KAAK,6BAA6B;IACzC,SAAS,aACL;KACE,UAAU,WAAW,iBAAiB,MAAM;KAC5C,gBAAgB,WAAW;KAC3B,UAAU,WAAW,SAAS;KAC9B,WAAW,WAAW;IACxB,IACA,KAAA;IACJ,MAAM;KACJ,QAAK,QAAA;KACL,MAAG,QAAA;KACH,YAAS,QAAA;IACX;GACF,CAAC;GAED,IAAI,WAAW;IAEb,IAAI,MAAM,KAAK,WAAW,OAAO,SAAS;KACxC,IAAI,gBAAgB,UAAU,MAAM,KAAK,YACvC,gBAAgB,QAAQ;KAE1B;IACF;IACA,aAAa,QAAQ;IAErB,SAAS,QAAQ;IACjB,eAAe,QAAQ;IACvB,gBAAgB,QAAQ;IAExB,MAAM,UAAU,SAAS,OAAO;IAChC;GACF;GAGA,SAAS,QAAQ,WAAW;GAC5B,eAAe,QAAQ,WAAW;GAIlC,uBAAuB,UAAU;GAGjC,IAAI,CAAC,oBAAoB,WAAW,QAAQ,GAC1C,cAAc,IAAI,uBAAuB,QAAA,QAAQ,QAAA,MAAM,QAAA,UAAU,GAAG;IAClE,UAAU,WAAW;IACrB,gBAAgB,WAAW;GAC7B,CAAC;EAEL;EAEA,gBAAgB;GACd,QAAA,SAAS,GAAG,iCAAiC,aAAa;GAC1D,QAAA,SAAS,GAAG,4BAA4B,aAAa;GACrD,QAAA,SAAS,GAAG,wBAAwB,iBAAiB;GAIrD,YAAiB;IAAE,UAAO,QAAA;IAAG,WAAQ,QAAA;GAAE,GAAG,kBAAkB,QAAA,OAAO;EACrE,CAAC;EACD,sBAAsB;GACpB,QAAA,SAAS,IAAI,iCAAiC,aAAa;GAC3D,QAAA,SAAS,IAAI,4BAA4B,aAAa;GACtD,QAAA,SAAS,IAAI,wBAAwB,iBAAiB;EACxD,CAAC;EAED,MAAM,mBAAmB,eACvB,QAAA,QACG,KAAK,WAAW;GACf,QAAQ,MAAM,QAAQ;GACtB,MAAM,MAAM,QAAQ;GACpB,UAAU,MAAM;GAChB,QAAQ,MAAM,SAAS;EACzB,EAAE,CAAA,CACD,QAAQ,CACb;EAEA,MAAM,2BAA2B,EAAE,YAA+B;GAChE,MAAM,oBAAoB,QAAA,QAAQ,UAAU,KAAK,QAAQ;GACzD,MAAM,cAAc,QAAA,QAAQ;GAC5B,IAAI,CAAC,aACH;GAGF,MAAM,iBACJ,QAAA,SAAS,KAAK,eAAe;IAC3B,MAAM;IACN,QAAK,QAAA;IACL,MAAG,QAAA;IACH,aAAa;IACb,WAAW,WAAW;KAEpB,IAAI,WAAW,WACb;KAGF,MAAM,gBAAgB,mBAAmB;MACvC,aAAa,YAAY;MACzB,KAAK,YAAY,QAAQ;MACzB,QAAK,QAAA;MACL,MAAG,QAAA;MACH,UAAU,YAAY;KACxB,CAAC;KAGD,MAAM,eAAe,kBAAkB,EACrC,YAAY,YAAY,QAC1B,CAAC;KAGD,aAAa,QAAQ;KACrB,SAAS,QAAQ;KACjB,eAAe,QAAQ;IACzB;GACF,CAAC;GAEH,QAAA,SAAS,KAAK,4BAA4B;IACxC,MAAM;KACJ,MAAG,QAAA;KACH,QAAK,QAAA;IACP;IACA,OAAO;IACP,UAAU;GACZ,CAAC;EACH;EAEA,MAAM,+BAA+B;GACnC,QAAA,SAAS,KAAK,eAAe;IAC3B,MAAM;IACN,MAAM;IACN,eAAe,QAAA;IACf,QAAK,QAAA;GACP,CAAC;EACH;;;;;;;;;;;;;;;;EAiBA,MACE;SAAO,QAAA;SAAY,QAAA;SAAc,QAAA;EAAU,IAC1C,CAAC,SAAS,WAAW,mBAAmB;GACvC,aAAa,QAAQ;GACrB,MAAM,SAAS,cAAc,IAC3B,uBAAuB,WAAW,SAAS,aAAa,CAC1D;GAEA,IAAI,QAAQ;IACV,SAAS,QAAQ,OAAO;IACxB,eAAe,QAAQ,OAAO;GAChC,OAAO;IAML,MAAM,gBAAgB;KACpB,KAAK,IAAI,IAAI,QAAA,QAAQ,SAAS,GAAG,KAAK,GAAG,KAAK;MAC5C,MAAM,QAAQ,QAAA,QAAQ;MACtB,IAAI,OAAO,KAAK,YAAY,eAC1B,OAAO;KAEX;IAEF,EAAA,CAAG;IAEH,IAAI,QAAQ;KACV,SAAS,QAAQ,mBAAmB;MAClC,aAAa,OAAO;MACpB,KAAK,OAAO,QAAQ;MACpB,QAAQ;MACR,MAAM;MACN,UAAU,OAAO;KACnB,CAAC;KACD,eAAe,QAAQ;IACzB,OAAO;KACL,SAAS,QAAQ;KACjB,eAAe,QAAQ;IACzB;GACF;GAGA,cAAc;EAChB,GACA,EAAE,WAAW,KAAK,CACpB;EAEA,sBAAsB;GAEpB,cAAc;EAChB,CAAC;;GAGC,OAAAC,UAAA,GAAAC,mBAgGM,OAhGN,YAgGM,CA/FJC,mBA2BM,OA3BN,YA2BM,CAxBJC,YAuBiEC,gBAAA;IAtB9D,mBAAA,QAAA;IACA,cAAA,QAAA;IACA,aAAA,QAAA;IACA,aAAA,QAAA;IACA,cAAA,QAAA;IACA,UAAA,QAAA;IACA,YAAA,QAAA;IACA,mBAAmB,QAAA;IACnB,kBAAA,QAAA;IACA,SAAS,iBAAA;IACT,aAAA,QAAA;IACA,WAAA,QAAA;IACA,QAAA,QAAA;IACA,QAAA,QAAA;IACA,MAAM,YAAA;IACN,QAAQ,cAAA;IACR,YAAA,QAAA;IACA,SAAA,QAAA;IACA,QAAA,QAAA;IACA,WAAS;IACT,uBAAmB;IACnB,yBAAqB;IACrB,uBAAiB,OAAA,OAAA,OAAA,MAAG,UAAmB,WAAA,QAAa;;;;;;;;;;;;;;;;;;;;;G,MAGzDD,YAiEaE,oBAAA,EAjED,OAAM,WAAU,GAAA;IAC1B,SAAAC,cA+DoB,CA/DpBH,YA+DoBI,2BAAA,EA/DD,OAAM,SAAQ,GAAA;K,wBAGvB,QAAA,2BADRP,UAAA,GAAAQ,YAkBoBC,2BAAA;;MAhBlB,cAAW;;MACA,OAAKH,cAAQ,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAPI,gBAAA,WAAO,EAAA,C;MACxB,SAAAJ,cAaM,CAbNJ,mBAaM,OAbN,YAaM,CAVY,QAAA,0BAAhBF,UAAA,GAAAC,mBAQWU,UAAA,EAAA,KAAA,EAAA,GAAA,CAR6B,OAAA,OAAA,OAAA,KAAAD,gBAAA,kCAEtC,EAAA,IAAAP,YAKeS,MAAA,YAAA,GAAA;OAJb,MAAK;OACL,SAAQ;OACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEb,KAAAA,MAAK,wBAAA;;OAA4B,SAAAO,cAE3C,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAF2CI,gBAAA,WAE3C,EAAA,C;;M,aAEFV,UAAA,GAAAC,mBAA4CU,UAAA,EAAA,KAAA,EAAA,GAAA,CAA3BD,gBAAA,kBAAgB,C;;K,OAGrCV,UAAA,GAAAQ,YA6BsBI,MAAAC,oBAAA,GAAA;;MA3BnB,UAAA,QAAA;MACA,eAAA,cAAA;MACA,gBAAA,QAAA;MACA,wBAAqC,QAAA,SAAQ;MAG7C,iBAAA,QAAA;MACA,cAAA,QAAA;MACA,aAAA,QAAA;MACA,UAAA,QAAA;MACA,YAAA,QAAA;MACA,QAAA,QAAA;MACA,QAAA,QAAA;MACA,gBAAgB,QAAA,SAAS;MACzB,WAAA,QAAA;MACA,SAAS,QAAQ,QAAA,OAAO;MACxB,MAAM,YAAA;MACN,SAAA,QAAA;MACA,UAAA,QAAA;MACA,iCAAA,QAAA;MACA,sBAAA,QAAA;MACA,iBAAA,QAAA;MACA,gBAAA,QAAA;MACA,kBAAA,QAAA;MACA,yBAAA,QAAA;MACA,QAAQ,cAAA;MACR,iBAAA,QAAA;MACA,kBAAA,QAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;K,KAGHV,YASsDS,MAAAE,qBAAA,GAAA;MARnD,YAAA,QAAA;MACA,UAAA,QAAA;MACA,mBAAmB,QAAA;MACnB,QAAA,QAAA;MACA,SAAA,QAAA;MACA,cAAA,aAAA;MACA,gBAAA,eAAA;MACA,UAAA,SAAA;MACA,wBAAwB,iBAAA,MAAiB"}

package/dist/v2/blocks/operation-block/components/Header.vue.d.ts

@@ -1,8 +1,8 @@
 import type { ServerMeta, WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
 import type { ServerObject } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document';
-import { type History } from '../../../../v2/blocks/scalar-address-bar-block/index.js';
-import type { ClientLayout } from '../../../../v2/types/layout';
+import { type History } from '../../scalar-address-bar-block/index.js';
+import type { ClientLayout } from '../../../types/layout.js';
 /**
   Operation block header: address bar, environment selector, and modal controls.
 

package/dist/v2/blocks/operation-block/components/Header.vue.js

@@ -1,6 +1,6 @@
 import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
-import Header_vue_vue_type_script_setup_true_lang_default from "./Header.vue.script.js";
-/* empty css                     */
+import Header_vue_vue_type_script_setup_true_lang_default from "./Header.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                           */
 //#region src/v2/blocks/operation-block/components/Header.vue
 var Header_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Header_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-3a29d7a0"]]);
 //#endregion

package/dist/v2/blocks/operation-block/components/Header.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.vue.js","names":[],"sources":["../../../../../src/v2/blocks/operation-block/components/Header.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n  Operation block header: address bar, environment selector, and modal controls.\n\n  Renders the top bar for the API client operation view: URL/method (AddressBar),\n  optional environment selector, optional \"Open API Client\" button in modal layout,\n  and close button for modal. Layout and visibility depend on `layout` and `source` props.\n */\nexport type HeaderProps = {\n  /** An external example must finish loading before sending. */\n  executionDisabled?: boolean\n  /** Current request path */\n  path: string\n  /** Current request method */\n  method: string\n  /** Whether this request comes from an OpenAPI webhook. */\n  isWebhook?: boolean\n  /** Client layout */\n  layout: ClientLayout\n  /** Hides the client button on the header */\n  hideClientButton?: boolean\n  /** Client integration  */\n  integration?: string | null\n  /** Openapi document slug */\n  documentSlug: string\n  /** Currently selected example key for the current operation */\n  exampleKey: string\n  /** Openapi document url for `modal` mode to open the client app */\n  documentUrl?: string\n  /** Client source */\n  source?: 'gitbook' | 'api-reference'\n  /** Currently selected server */\n  server: ServerObject | null\n  /** Server list available for operation/document */\n  servers: ServerObject[]\n  /** List of request history */\n  history: History[]\n  /** Event bus */\n  eventBus: WorkspaceEventBus\n  /** Environment list */\n  environments?: string[]\n  /** Currently selected environment */\n  activeEnvironment?: string\n  /** Environment variables */\n  environment: XScalarEnvironment\n  /** Meta information for the server */\n  serverMeta: ServerMeta\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components/icon'\nimport { ScalarIconButton } from '@scalar/components/icon-button'\nimport { ScalarIconGearSix } from '@scalar/icons'\nimport type {\n  ServerMeta,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\n\nimport { AddressBar, type History } from '@/v2/blocks/scalar-address-bar-block'\nimport EnvironmentSelector from '@/v2/blocks/scalar-address-bar-block/components/EnvironmentSelector.vue'\nimport { useLocalization } from '@/v2/features/localization'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nimport OpenApiClientButton from './OpenApiClientButton.vue'\n\nconst {\n  hideClientButton = false,\n  eventBus,\n  exampleKey,\n  documentSlug,\n} = defineProps<HeaderProps>()\n\nconst emit = defineEmits<{\n  /** Execute the current operation example */\n  (e: 'execute'): void\n  /** Select a request history item by index */\n  (e: 'select:history:item', payload: { index: number }): void\n  /** Add a new environment */\n  (e: 'add:environment'): void\n  /** Navigate to the settings page for the current entity */\n  (e: 'navigate:settings'): void\n  /** Update the full destination URL used to deliver a webhook. */\n  (e: 'update:webhook-url', url: string): void\n}>()\n\nconst { translate } = useLocalization()\n\nconst handleSelectEnvironment = (environmentName: string) => {\n  eventBus.emit('workspace:update:active-environment', environmentName)\n}\n\nconst handleAddEnvironment = () => {\n  eventBus.emit('ui:navigate', { page: 'document', path: 'environment' })\n}\n</script>\n\n<template>\n  <!--\n    `@container` declares an unnamed container so the AddressBar can\n    adapt to the right column's actual width (which shrinks when the\n    sidebar opens) instead of the viewport. The query is declared here\n    on the parent rather than on the AddressBar itself so the bar's\n    `w-full` mobile state cannot feed back into its own breakpoint.\n  -->\n  <div\n    class=\"lg:min-h-header t-app__top-container @container flex w-full flex-wrap items-center justify-center p-2\">\n    <!-- Left spacer to center bar -->\n    <div class=\"flex flex-1\"></div>\n    <AddressBar\n      :activeEnvironment\n      :documentSlug\n      :environment\n      :environments\n      :eventBus\n      :exampleKey\n      :executionDisabled\n      :history\n      :isWebhook\n      :layout\n      :method\n      :path\n      :server\n      :serverMeta\n      :servers\n      @add:environment=\"emit('add:environment')\"\n      @execute=\"emit('execute')\"\n      @select:history:item=\"(payload) => emit('select:history:item', payload)\"\n      @update:webhookUrl=\"\n        (value: string) => emit('update:webhook-url', value)\n      \" />\n\n    <div class=\"mb-2 flex flex-1 items-center justify-end gap-2 @3xl:mb-0\">\n      <!--\n        Environment Selector\n        Hidden for `modal` layout\n      -->\n      <EnvironmentSelector\n        v-if=\"layout !== 'modal'\"\n        :activeEnvironment=\"activeEnvironment\"\n        :environments=\"environments\"\n        @add:environment=\"handleAddEnvironment\"\n        @select:environment=\"handleSelectEnvironment\" />\n      <!-- Operation settings -->\n      <ScalarIconButton\n        v-if=\"layout !== 'modal' && !isWebhook\"\n        :icon=\"ScalarIconGearSix\"\n        :label=\"translate('apiClient.header.operationSettings')\"\n        size=\"sm\"\n        weight=\"bold\"\n        @click=\"emit('navigate:settings')\" />\n      <!--\n          Open API Client Button\n\n          Only shown in `modal` layout\n      -->\n      <OpenApiClientButton\n        v-if=\"layout === 'modal' && documentUrl && !hideClientButton\"\n        buttonSource=\"modal\"\n        class=\"!w-fit lg:-mr-1\"\n        :integration=\"integration ?? null\"\n        :operationMethod=\"method\"\n        :operationPath=\"path\"\n        :source=\"source ?? 'api-reference'\"\n        :url=\"documentUrl\" />\n\n      <!--\n          Close Button\n\n          Only shown in `modal` layout and hidden for GitBook Integration\n      -->\n      <button\n        v-if=\"layout === 'modal' && source !== 'gitbook'\"\n        class=\"app-exit-button zoomed:static zoomed:p-1 fixed top-2 right-2 rounded-full p-2\"\n        data-modal-initial-focus\n        type=\"button\"\n        @click=\"eventBus.emit('ui:close:client-modal')\">\n        <ScalarIcon\n          icon=\"Close\"\n          size=\"lg\"\n          thickness=\"2\" />\n        <span class=\"sr-only\">{{\n          translate('apiClient.header.closeClient')\n        }}</span>\n      </button>\n\n      <!--\n          Close Button for GitBook Integration\n\n          Hidden by default and visible for GitBook Integration in `modal` layout\n      -->\n      <button\n        v-if=\"layout === 'modal' && source === 'gitbook'\"\n        class=\"text-c-1 hover:bg-b-2 active:text-c-1 -mr-1.5 rounded p-2\"\n        data-modal-initial-focus\n        type=\"button\"\n        @click=\"eventBus.emit('ui:close:client-modal')\">\n        <ScalarIcon\n          icon=\"Close\"\n          size=\"md\"\n          thickness=\"1.75\" />\n        <span class=\"sr-only\">{{\n          translate('apiClient.header.closeClient')\n        }}</span>\n      </button>\n    </div>\n  </div>\n</template>\n<style scoped>\n.app-exit-button {\n  color: white;\n  background: rgba(0, 0, 0, 0.1);\n}\n.app-exit-button:hover {\n  background: rgba(255, 255, 255, 0.1);\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"Header.vue.js","names":["_sfc_main"],"sources":["../../../../../src/v2/blocks/operation-block/components/Header.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n  Operation block header: address bar, environment selector, and modal controls.\n\n  Renders the top bar for the API client operation view: URL/method (AddressBar),\n  optional environment selector, optional \"Open API Client\" button in modal layout,\n  and close button for modal. Layout and visibility depend on `layout` and `source` props.\n */\nexport type HeaderProps = {\n  /** An external example must finish loading before sending. */\n  executionDisabled?: boolean\n  /** Current request path */\n  path: string\n  /** Current request method */\n  method: string\n  /** Whether this request comes from an OpenAPI webhook. */\n  isWebhook?: boolean\n  /** Client layout */\n  layout: ClientLayout\n  /** Hides the client button on the header */\n  hideClientButton?: boolean\n  /** Client integration  */\n  integration?: string | null\n  /** Openapi document slug */\n  documentSlug: string\n  /** Currently selected example key for the current operation */\n  exampleKey: string\n  /** Openapi document url for `modal` mode to open the client app */\n  documentUrl?: string\n  /** Client source */\n  source?: 'gitbook' | 'api-reference'\n  /** Currently selected server */\n  server: ServerObject | null\n  /** Server list available for operation/document */\n  servers: ServerObject[]\n  /** List of request history */\n  history: History[]\n  /** Event bus */\n  eventBus: WorkspaceEventBus\n  /** Environment list */\n  environments?: string[]\n  /** Currently selected environment */\n  activeEnvironment?: string\n  /** Environment variables */\n  environment: XScalarEnvironment\n  /** Meta information for the server */\n  serverMeta: ServerMeta\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components/icon'\nimport { ScalarIconButton } from '@scalar/components/icon-button'\nimport { ScalarIconGearSix } from '@scalar/icons'\nimport type {\n  ServerMeta,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\n\nimport { AddressBar, type History } from '@/v2/blocks/scalar-address-bar-block'\nimport EnvironmentSelector from '@/v2/blocks/scalar-address-bar-block/components/EnvironmentSelector.vue'\nimport { useLocalization } from '@/v2/features/localization'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nimport OpenApiClientButton from './OpenApiClientButton.vue'\n\nconst {\n  hideClientButton = false,\n  eventBus,\n  exampleKey,\n  documentSlug,\n} = defineProps<HeaderProps>()\n\nconst emit = defineEmits<{\n  /** Execute the current operation example */\n  (e: 'execute'): void\n  /** Select a request history item by index */\n  (e: 'select:history:item', payload: { index: number }): void\n  /** Add a new environment */\n  (e: 'add:environment'): void\n  /** Navigate to the settings page for the current entity */\n  (e: 'navigate:settings'): void\n  /** Update the full destination URL used to deliver a webhook. */\n  (e: 'update:webhook-url', url: string): void\n}>()\n\nconst { translate } = useLocalization()\n\nconst handleSelectEnvironment = (environmentName: string) => {\n  eventBus.emit('workspace:update:active-environment', environmentName)\n}\n\nconst handleAddEnvironment = () => {\n  eventBus.emit('ui:navigate', { page: 'document', path: 'environment' })\n}\n</script>\n\n<template>\n  <!--\n    `@container` declares an unnamed container so the AddressBar can\n    adapt to the right column's actual width (which shrinks when the\n    sidebar opens) instead of the viewport. The query is declared here\n    on the parent rather than on the AddressBar itself so the bar's\n    `w-full` mobile state cannot feed back into its own breakpoint.\n  -->\n  <div\n    class=\"lg:min-h-header t-app__top-container @container flex w-full flex-wrap items-center justify-center p-2\">\n    <!-- Left spacer to center bar -->\n    <div class=\"flex flex-1\"></div>\n    <AddressBar\n      :activeEnvironment\n      :documentSlug\n      :environment\n      :environments\n      :eventBus\n      :exampleKey\n      :executionDisabled\n      :history\n      :isWebhook\n      :layout\n      :method\n      :path\n      :server\n      :serverMeta\n      :servers\n      @add:environment=\"emit('add:environment')\"\n      @execute=\"emit('execute')\"\n      @select:history:item=\"(payload) => emit('select:history:item', payload)\"\n      @update:webhookUrl=\"\n        (value: string) => emit('update:webhook-url', value)\n      \" />\n\n    <div class=\"mb-2 flex flex-1 items-center justify-end gap-2 @3xl:mb-0\">\n      <!--\n        Environment Selector\n        Hidden for `modal` layout\n      -->\n      <EnvironmentSelector\n        v-if=\"layout !== 'modal'\"\n        :activeEnvironment=\"activeEnvironment\"\n        :environments=\"environments\"\n        @add:environment=\"handleAddEnvironment\"\n        @select:environment=\"handleSelectEnvironment\" />\n      <!-- Operation settings -->\n      <ScalarIconButton\n        v-if=\"layout !== 'modal' && !isWebhook\"\n        :icon=\"ScalarIconGearSix\"\n        :label=\"translate('apiClient.header.operationSettings')\"\n        size=\"sm\"\n        weight=\"bold\"\n        @click=\"emit('navigate:settings')\" />\n      <!--\n          Open API Client Button\n\n          Only shown in `modal` layout\n      -->\n      <OpenApiClientButton\n        v-if=\"layout === 'modal' && documentUrl && !hideClientButton\"\n        buttonSource=\"modal\"\n        class=\"!w-fit lg:-mr-1\"\n        :integration=\"integration ?? null\"\n        :operationMethod=\"method\"\n        :operationPath=\"path\"\n        :source=\"source ?? 'api-reference'\"\n        :url=\"documentUrl\" />\n\n      <!--\n          Close Button\n\n          Only shown in `modal` layout and hidden for GitBook Integration\n      -->\n      <button\n        v-if=\"layout === 'modal' && source !== 'gitbook'\"\n        class=\"app-exit-button zoomed:static zoomed:p-1 fixed top-2 right-2 rounded-full p-2\"\n        data-modal-initial-focus\n        type=\"button\"\n        @click=\"eventBus.emit('ui:close:client-modal')\">\n        <ScalarIcon\n          icon=\"Close\"\n          size=\"lg\"\n          thickness=\"2\" />\n        <span class=\"sr-only\">{{\n          translate('apiClient.header.closeClient')\n        }}</span>\n      </button>\n\n      <!--\n          Close Button for GitBook Integration\n\n          Hidden by default and visible for GitBook Integration in `modal` layout\n      -->\n      <button\n        v-if=\"layout === 'modal' && source === 'gitbook'\"\n        class=\"text-c-1 hover:bg-b-2 active:text-c-1 -mr-1.5 rounded p-2\"\n        data-modal-initial-focus\n        type=\"button\"\n        @click=\"eventBus.emit('ui:close:client-modal')\">\n        <ScalarIcon\n          icon=\"Close\"\n          size=\"md\"\n          thickness=\"1.75\" />\n        <span class=\"sr-only\">{{\n          translate('apiClient.header.closeClient')\n        }}</span>\n      </button>\n    </div>\n  </div>\n</template>\n<style scoped>\n.app-exit-button {\n  color: white;\n  background: rgba(0, 0, 0, 0.1);\n}\n.app-exit-button:hover {\n  background: rgba(255, 255, 255, 0.1);\n}\n</style>\n"],"mappings":""}

package/dist/v2/blocks/operation-block/components/{Header.vue.script.js → Header.vue_vue_type_script_setup_true_lang.js}

@@ -158,4 +158,4 @@ var Header_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 //#endregion
 export { Header_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=Header.vue.script.js.map
+//# sourceMappingURL=Header.vue_vue_type_script_setup_true_lang.js.map

package/dist/v2/blocks/operation-block/components/Header.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_createVNode","_unref","AddressBar","_createBlock","EnvironmentSelector","_createCommentVNode","OpenApiClientButton","_toDisplayString"],"sources":["../../../../../src/v2/blocks/operation-block/components/Header.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n  Operation block header: address bar, environment selector, and modal controls.\n\n  Renders the top bar for the API client operation view: URL/method (AddressBar),\n  optional environment selector, optional \"Open API Client\" button in modal layout,\n  and close button for modal. Layout and visibility depend on `layout` and `source` props.\n */\nexport type HeaderProps = {\n  /** An external example must finish loading before sending. */\n  executionDisabled?: boolean\n  /** Current request path */\n  path: string\n  /** Current request method */\n  method: string\n  /** Whether this request comes from an OpenAPI webhook. */\n  isWebhook?: boolean\n  /** Client layout */\n  layout: ClientLayout\n  /** Hides the client button on the header */\n  hideClientButton?: boolean\n  /** Client integration  */\n  integration?: string | null\n  /** Openapi document slug */\n  documentSlug: string\n  /** Currently selected example key for the current operation */\n  exampleKey: string\n  /** Openapi document url for `modal` mode to open the client app */\n  documentUrl?: string\n  /** Client source */\n  source?: 'gitbook' | 'api-reference'\n  /** Currently selected server */\n  server: ServerObject | null\n  /** Server list available for operation/document */\n  servers: ServerObject[]\n  /** List of request history */\n  history: History[]\n  /** Event bus */\n  eventBus: WorkspaceEventBus\n  /** Environment list */\n  environments?: string[]\n  /** Currently selected environment */\n  activeEnvironment?: string\n  /** Environment variables */\n  environment: XScalarEnvironment\n  /** Meta information for the server */\n  serverMeta: ServerMeta\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components/icon'\nimport { ScalarIconButton } from '@scalar/components/icon-button'\nimport { ScalarIconGearSix } from '@scalar/icons'\nimport type {\n  ServerMeta,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\n\nimport { AddressBar, type History } from '@/v2/blocks/scalar-address-bar-block'\nimport EnvironmentSelector from '@/v2/blocks/scalar-address-bar-block/components/EnvironmentSelector.vue'\nimport { useLocalization } from '@/v2/features/localization'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nimport OpenApiClientButton from './OpenApiClientButton.vue'\n\nconst {\n  hideClientButton = false,\n  eventBus,\n  exampleKey,\n  documentSlug,\n} = defineProps<HeaderProps>()\n\nconst emit = defineEmits<{\n  /** Execute the current operation example */\n  (e: 'execute'): void\n  /** Select a request history item by index */\n  (e: 'select:history:item', payload: { index: number }): void\n  /** Add a new environment */\n  (e: 'add:environment'): void\n  /** Navigate to the settings page for the current entity */\n  (e: 'navigate:settings'): void\n  /** Update the full destination URL used to deliver a webhook. */\n  (e: 'update:webhook-url', url: string): void\n}>()\n\nconst { translate } = useLocalization()\n\nconst handleSelectEnvironment = (environmentName: string) => {\n  eventBus.emit('workspace:update:active-environment', environmentName)\n}\n\nconst handleAddEnvironment = () => {\n  eventBus.emit('ui:navigate', { page: 'document', path: 'environment' })\n}\n</script>\n\n<template>\n  <!--\n    `@container` declares an unnamed container so the AddressBar can\n    adapt to the right column's actual width (which shrinks when the\n    sidebar opens) instead of the viewport. The query is declared here\n    on the parent rather than on the AddressBar itself so the bar's\n    `w-full` mobile state cannot feed back into its own breakpoint.\n  -->\n  <div\n    class=\"lg:min-h-header t-app__top-container @container flex w-full flex-wrap items-center justify-center p-2\">\n    <!-- Left spacer to center bar -->\n    <div class=\"flex flex-1\"></div>\n    <AddressBar\n      :activeEnvironment\n      :documentSlug\n      :environment\n      :environments\n      :eventBus\n      :exampleKey\n      :executionDisabled\n      :history\n      :isWebhook\n      :layout\n      :method\n      :path\n      :server\n      :serverMeta\n      :servers\n      @add:environment=\"emit('add:environment')\"\n      @execute=\"emit('execute')\"\n      @select:history:item=\"(payload) => emit('select:history:item', payload)\"\n      @update:webhookUrl=\"\n        (value: string) => emit('update:webhook-url', value)\n      \" />\n\n    <div class=\"mb-2 flex flex-1 items-center justify-end gap-2 @3xl:mb-0\">\n      <!--\n        Environment Selector\n        Hidden for `modal` layout\n      -->\n      <EnvironmentSelector\n        v-if=\"layout !== 'modal'\"\n        :activeEnvironment=\"activeEnvironment\"\n        :environments=\"environments\"\n        @add:environment=\"handleAddEnvironment\"\n        @select:environment=\"handleSelectEnvironment\" />\n      <!-- Operation settings -->\n      <ScalarIconButton\n        v-if=\"layout !== 'modal' && !isWebhook\"\n        :icon=\"ScalarIconGearSix\"\n        :label=\"translate('apiClient.header.operationSettings')\"\n        size=\"sm\"\n        weight=\"bold\"\n        @click=\"emit('navigate:settings')\" />\n      <!--\n          Open API Client Button\n\n          Only shown in `modal` layout\n      -->\n      <OpenApiClientButton\n        v-if=\"layout === 'modal' && documentUrl && !hideClientButton\"\n        buttonSource=\"modal\"\n        class=\"!w-fit lg:-mr-1\"\n        :integration=\"integration ?? null\"\n        :operationMethod=\"method\"\n        :operationPath=\"path\"\n        :source=\"source ?? 'api-reference'\"\n        :url=\"documentUrl\" />\n\n      <!--\n          Close Button\n\n          Only shown in `modal` layout and hidden for GitBook Integration\n      -->\n      <button\n        v-if=\"layout === 'modal' && source !== 'gitbook'\"\n        class=\"app-exit-button zoomed:static zoomed:p-1 fixed top-2 right-2 rounded-full p-2\"\n        data-modal-initial-focus\n        type=\"button\"\n        @click=\"eventBus.emit('ui:close:client-modal')\">\n        <ScalarIcon\n          icon=\"Close\"\n          size=\"lg\"\n          thickness=\"2\" />\n        <span class=\"sr-only\">{{\n          translate('apiClient.header.closeClient')\n        }}</span>\n      </button>\n\n      <!--\n          Close Button for GitBook Integration\n\n          Hidden by default and visible for GitBook Integration in `modal` layout\n      -->\n      <button\n        v-if=\"layout === 'modal' && source === 'gitbook'\"\n        class=\"text-c-1 hover:bg-b-2 active:text-c-1 -mr-1.5 rounded p-2\"\n        data-modal-initial-focus\n        type=\"button\"\n        @click=\"eventBus.emit('ui:close:client-modal')\">\n        <ScalarIcon\n          icon=\"Close\"\n          size=\"md\"\n          thickness=\"1.75\" />\n        <span class=\"sr-only\">{{\n          translate('apiClient.header.closeClient')\n        }}</span>\n      </button>\n    </div>\n  </div>\n</template>\n<style scoped>\n.app-exit-button {\n  color: white;\n  background: rgba(0, 0, 0, 0.1);\n}\n.app-exit-button:hover {\n  background: rgba(255, 255, 255, 0.1);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2EA,MAAM,OAAO;EAab,MAAM,EAAE,cAAc,gBAAgB;EAEtC,MAAM,2BAA2B,oBAA4B;GAC3D,QAAA,SAAS,KAAK,uCAAuC,eAAe;EACtE;EAEA,MAAM,6BAA6B;GACjC,QAAA,SAAS,KAAK,eAAe;IAAE,MAAM;IAAY,MAAM;GAAc,CAAC;EACxE;;GAWE,OAAAA,UAAA,GAAAC,mBAqGM,OArGN,YAqGM;IAlGJ,OAAA,OAAA,OAAA,KAAAC,mBAA+B,OAAA,EAA1B,OAAM,cAAa,GAAA,MAAA,EAAA;IACxBC,YAqBMC,MAAAC,kBAAA,GAAA;KApBH,mBAAA,QAAA;KACA,cAAA,QAAA;KACA,aAAA,QAAA;KACA,cAAA,QAAA;KACA,UAAA,QAAA;KACA,YAAA,QAAA;KACA,mBAAA,QAAA;KACA,SAAA,QAAA;KACA,WAAA,QAAA;KACA,QAAA,QAAA;KACA,QAAA,QAAA;KACA,MAAA,QAAA;KACA,QAAA,QAAA;KACA,YAAA,QAAA;KACA,SAAA,QAAA;KACA,qBAAe,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,iBAAA;KACrB,WAAO,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA;KACb,yBAAmB,OAAA,OAAA,OAAA,MAAG,YAAY,KAAI,uBAAwB,OAAO;KACrE,uBAAiB,OAAA,OAAA,OAAA,MAAY,UAAkB,KAAI,sBAAuB,KAAK;;;;;;;;;;;;;;;;;;IAIlFH,mBAyEM,OAzEN,YAyEM;KAnEI,QAAA,WAAM,WADdF,UAAA,GAAAM,YAKkDC,6BAAA;;MAH/C,mBAAmB,QAAA;MACnB,cAAc,QAAA;MACd,qBAAiB;MACjB,wBAAoB;;KAGf,QAAA,WAAM,WAAA,CAAiB,QAAA,aAD/BP,UAAA,GAAAM,YAMuCF,MAAA,gBAAA,GAAA;;MAJpC,MAAMA,MAAA,iBAAA;MACN,OAAOA,MAAA,SAAA,CAAS,CAAA,oCAAA;MACjB,MAAK;MACL,QAAO;MACN,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,mBAAA;;KAON,QAAA,WAAM,WAAgB,QAAA,eAAW,CAAK,QAAA,oBAD9CJ,UAAA,GAAAM,YAQuBG,6BAAA;;MANrB,cAAa;MACb,OAAM;MACL,aAAa,QAAA,eAAW;MACxB,iBAAiB,QAAA;MACjB,eAAe,QAAA;MACf,QAAQ,QAAA,UAAM;MACd,KAAK,QAAA;;;;;;;;KAQA,QAAA,WAAM,WAAgB,QAAA,WAAM,aADpCT,UAAA,GAAAC,mBAaS,UAAA;;MAXP,OAAM;MACN,4BAAA;MACA,MAAK;MACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,SAAS,KAAI,uBAAA;K,IACrBE,YAGkBC,MAAA,UAAA,GAAA;MAFhB,MAAK;MACL,MAAK;MACL,WAAU;K,IACZF,mBAES,QAFT,YAESQ,gBADPN,MAAA,SAAA,CAAS,CAAA,8BAAA,CAAA,GAAA,CAAA,C;KAUL,QAAA,WAAM,WAAgB,QAAA,WAAM,aADpCJ,UAAA,GAAAC,mBAaS,UAAA;;MAXP,OAAM;MACN,4BAAA;MACA,MAAK;MACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,SAAS,KAAI,uBAAA;K,IACrBE,YAGqBC,MAAA,UAAA,GAAA;MAFnB,MAAK;MACL,MAAK;MACL,WAAU;K,IACZF,mBAES,QAFT,YAESQ,gBADPN,MAAA,SAAA,CAAS,CAAA,8BAAA,CAAA,GAAA,CAAA,C"}

package/dist/v2/blocks/operation-block/components/OpenApiClientButton.vue.js

@@ -1,6 +1,6 @@
 import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
-import OpenApiClientButton_vue_vue_type_script_setup_true_lang_default from "./OpenApiClientButton.vue.script.js";
-/* empty css                                  */
+import OpenApiClientButton_vue_vue_type_script_setup_true_lang_default from "./OpenApiClientButton.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                                        */
 //#region src/v2/blocks/operation-block/components/OpenApiClientButton.vue
 var OpenApiClientButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OpenApiClientButton_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-746e7aef"]]);
 //#endregion

package/dist/v2/blocks/operation-block/components/OpenApiClientButton.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenApiClientButton.vue.js","names":[],"sources":["../../../../../src/v2/blocks/operation-block/components/OpenApiClientButton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { isHttpMethod } from '@scalar/helpers/http/is-http-method'\nimport { makeUrlAbsolute } from '@scalar/helpers/url/make-url-absolute'\nimport { ScalarIconArrowUpRight } from '@scalar/icons'\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/v2/features/localization'\n\nconst {\n  integration,\n  isDevelopment,\n  url,\n  operationPath,\n  operationMethod,\n  buttonSource,\n  source = 'api-reference',\n} = defineProps<{\n  buttonSource: 'sidebar' | 'modal'\n  source?: 'api-reference' | 'gitbook'\n  isDevelopment?: boolean\n  integration?: string | null\n  url?: string\n  /** Operation path to open in the client after import */\n  operationPath?: string\n  /** HTTP method for the operation to open in the client after import */\n  operationMethod?: string\n}>()\n\nconst { translate } = useLocalization()\n\n/** Link to import an OpenAPI document */\nconst href = computed((): string | undefined => {\n  /**\n   * The URL we want to pass to client.scalar.com for the import.\n   * Might be an OpenAPI document URL, but could also just be the URL of the API reference.\n   */\n  const urlToImportFrom =\n    url ?? (typeof window !== 'undefined' ? window.location.href : undefined)\n\n  if (!urlToImportFrom) {\n    return undefined\n  }\n\n  const absoluteUrl = makeUrlAbsolute(urlToImportFrom)\n\n  if (!absoluteUrl?.length) {\n    return undefined\n  }\n\n  // Base URL\n  const link = new URL(\n    isDevelopment ? 'http://localhost:5065' : 'https://client.scalar.com',\n  )\n\n  // URL that we'd like to import\n  link.searchParams.set('url', absoluteUrl)\n\n  if (operationPath?.length && operationMethod?.length) {\n    link.searchParams.set('operation_path', operationPath)\n    link.searchParams.set(\n      'operation_method',\n      operationMethod === operationMethod.toUpperCase() &&\n        isHttpMethod(operationMethod)\n        ? operationMethod.toLowerCase()\n        : operationMethod,\n    )\n  }\n\n  // Integration identifier\n  if (integration !== null) {\n    link.searchParams.set('integration', integration ?? 'vue')\n  }\n\n  // UTM Source\n  link.searchParams.set('utm_source', 'api-reference')\n  link.searchParams.set('utm_medium', 'button')\n  link.searchParams.set('utm_campaign', buttonSource)\n\n  // Special for gitbook, set the source and grab the logos (hacky)\n  if (source === 'gitbook') {\n    link.searchParams.set('utm_source', 'gitbook')\n\n    const darkLogo = document.querySelector(\"img.dark\\\\:block[alt='Logo']\")\n    const lightLogo = document.querySelector(\"img.dark\\\\:hidden[alt='Logo']\")\n\n    if (darkLogo && darkLogo instanceof HTMLImageElement) {\n      link.searchParams.set('dark_logo', encodeURIComponent(darkLogo.src))\n    }\n    if (lightLogo && lightLogo instanceof HTMLImageElement) {\n      link.searchParams.set('light_logo', encodeURIComponent(lightLogo.src))\n    }\n  }\n\n  return link.toString()\n})\n</script>\n\n<template>\n  <a\n    v-if=\"href\"\n    class=\"open-api-client-button\"\n    :href=\"href\"\n    target=\"_blank\">\n    <ScalarIconArrowUpRight\n      class=\"size-3\"\n      weight=\"regular\" />{{\n      translate('apiClient.openApiClientButton.openAPIClient')\n    }}</a\n  >\n</template>\n\n<style scoped>\n.open-api-client-button {\n  cursor: pointer;\n  width: 100%;\n  padding: 9px 12px;\n  height: 31px;\n  display: block;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  white-space: nowrap;\n  font-size: var(--scalar-small);\n  line-height: 1.385;\n  text-decoration: none;\n  border-radius: var(--scalar-radius);\n  box-shadow: 0 0 0 0.5px var(--scalar-border-color);\n  gap: 6px;\n  color: var(--scalar-sidebar-color-1);\n}\n\n.open-api-client-button:hover {\n  background: var(\n    --scalar-sidebar-item-hover-background,\n    var(--scalar-background-2)\n  );\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"OpenApiClientButton.vue.js","names":["_sfc_main"],"sources":["../../../../../src/v2/blocks/operation-block/components/OpenApiClientButton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { isHttpMethod } from '@scalar/helpers/http/is-http-method'\nimport { makeUrlAbsolute } from '@scalar/helpers/url/make-url-absolute'\nimport { ScalarIconArrowUpRight } from '@scalar/icons'\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/v2/features/localization'\n\nconst {\n  integration,\n  isDevelopment,\n  url,\n  operationPath,\n  operationMethod,\n  buttonSource,\n  source = 'api-reference',\n} = defineProps<{\n  buttonSource: 'sidebar' | 'modal'\n  source?: 'api-reference' | 'gitbook'\n  isDevelopment?: boolean\n  integration?: string | null\n  url?: string\n  /** Operation path to open in the client after import */\n  operationPath?: string\n  /** HTTP method for the operation to open in the client after import */\n  operationMethod?: string\n}>()\n\nconst { translate } = useLocalization()\n\n/** Link to import an OpenAPI document */\nconst href = computed((): string | undefined => {\n  /**\n   * The URL we want to pass to client.scalar.com for the import.\n   * Might be an OpenAPI document URL, but could also just be the URL of the API reference.\n   */\n  const urlToImportFrom =\n    url ?? (typeof window !== 'undefined' ? window.location.href : undefined)\n\n  if (!urlToImportFrom) {\n    return undefined\n  }\n\n  const absoluteUrl = makeUrlAbsolute(urlToImportFrom)\n\n  if (!absoluteUrl?.length) {\n    return undefined\n  }\n\n  // Base URL\n  const link = new URL(\n    isDevelopment ? 'http://localhost:5065' : 'https://client.scalar.com',\n  )\n\n  // URL that we'd like to import\n  link.searchParams.set('url', absoluteUrl)\n\n  if (operationPath?.length && operationMethod?.length) {\n    link.searchParams.set('operation_path', operationPath)\n    link.searchParams.set(\n      'operation_method',\n      operationMethod === operationMethod.toUpperCase() &&\n        isHttpMethod(operationMethod)\n        ? operationMethod.toLowerCase()\n        : operationMethod,\n    )\n  }\n\n  // Integration identifier\n  if (integration !== null) {\n    link.searchParams.set('integration', integration ?? 'vue')\n  }\n\n  // UTM Source\n  link.searchParams.set('utm_source', 'api-reference')\n  link.searchParams.set('utm_medium', 'button')\n  link.searchParams.set('utm_campaign', buttonSource)\n\n  // Special for gitbook, set the source and grab the logos (hacky)\n  if (source === 'gitbook') {\n    link.searchParams.set('utm_source', 'gitbook')\n\n    const darkLogo = document.querySelector(\"img.dark\\\\:block[alt='Logo']\")\n    const lightLogo = document.querySelector(\"img.dark\\\\:hidden[alt='Logo']\")\n\n    if (darkLogo && darkLogo instanceof HTMLImageElement) {\n      link.searchParams.set('dark_logo', encodeURIComponent(darkLogo.src))\n    }\n    if (lightLogo && lightLogo instanceof HTMLImageElement) {\n      link.searchParams.set('light_logo', encodeURIComponent(lightLogo.src))\n    }\n  }\n\n  return link.toString()\n})\n</script>\n\n<template>\n  <a\n    v-if=\"href\"\n    class=\"open-api-client-button\"\n    :href=\"href\"\n    target=\"_blank\">\n    <ScalarIconArrowUpRight\n      class=\"size-3\"\n      weight=\"regular\" />{{\n      translate('apiClient.openApiClientButton.openAPIClient')\n    }}</a\n  >\n</template>\n\n<style scoped>\n.open-api-client-button {\n  cursor: pointer;\n  width: 100%;\n  padding: 9px 12px;\n  height: 31px;\n  display: block;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  white-space: nowrap;\n  font-size: var(--scalar-small);\n  line-height: 1.385;\n  text-decoration: none;\n  border-radius: var(--scalar-radius);\n  box-shadow: 0 0 0 0.5px var(--scalar-border-color);\n  gap: 6px;\n  color: var(--scalar-sidebar-color-1);\n}\n\n.open-api-client-button:hover {\n  background: var(\n    --scalar-sidebar-item-hover-background,\n    var(--scalar-background-2)\n  );\n}\n</style>\n"],"mappings":""}

package/dist/v2/blocks/operation-block/components/{OpenApiClientButton.vue.script.js → OpenApiClientButton.vue_vue_type_script_setup_true_lang.js}

@@ -63,4 +63,4 @@ var OpenApiClientButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 //#endregion
 export { OpenApiClientButton_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=OpenApiClientButton.vue.script.js.map
+//# sourceMappingURL=OpenApiClientButton.vue_vue_type_script_setup_true_lang.js.map

package/dist/v2/blocks/operation-block/components/OpenApiClientButton.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenApiClientButton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createVNode","_unref","_createTextVNode","_toDisplayString","_createCommentVNode"],"sources":["../../../../../src/v2/blocks/operation-block/components/OpenApiClientButton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { isHttpMethod } from '@scalar/helpers/http/is-http-method'\nimport { makeUrlAbsolute } from '@scalar/helpers/url/make-url-absolute'\nimport { ScalarIconArrowUpRight } from '@scalar/icons'\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/v2/features/localization'\n\nconst {\n  integration,\n  isDevelopment,\n  url,\n  operationPath,\n  operationMethod,\n  buttonSource,\n  source = 'api-reference',\n} = defineProps<{\n  buttonSource: 'sidebar' | 'modal'\n  source?: 'api-reference' | 'gitbook'\n  isDevelopment?: boolean\n  integration?: string | null\n  url?: string\n  /** Operation path to open in the client after import */\n  operationPath?: string\n  /** HTTP method for the operation to open in the client after import */\n  operationMethod?: string\n}>()\n\nconst { translate } = useLocalization()\n\n/** Link to import an OpenAPI document */\nconst href = computed((): string | undefined => {\n  /**\n   * The URL we want to pass to client.scalar.com for the import.\n   * Might be an OpenAPI document URL, but could also just be the URL of the API reference.\n   */\n  const urlToImportFrom =\n    url ?? (typeof window !== 'undefined' ? window.location.href : undefined)\n\n  if (!urlToImportFrom) {\n    return undefined\n  }\n\n  const absoluteUrl = makeUrlAbsolute(urlToImportFrom)\n\n  if (!absoluteUrl?.length) {\n    return undefined\n  }\n\n  // Base URL\n  const link = new URL(\n    isDevelopment ? 'http://localhost:5065' : 'https://client.scalar.com',\n  )\n\n  // URL that we'd like to import\n  link.searchParams.set('url', absoluteUrl)\n\n  if (operationPath?.length && operationMethod?.length) {\n    link.searchParams.set('operation_path', operationPath)\n    link.searchParams.set(\n      'operation_method',\n      operationMethod === operationMethod.toUpperCase() &&\n        isHttpMethod(operationMethod)\n        ? operationMethod.toLowerCase()\n        : operationMethod,\n    )\n  }\n\n  // Integration identifier\n  if (integration !== null) {\n    link.searchParams.set('integration', integration ?? 'vue')\n  }\n\n  // UTM Source\n  link.searchParams.set('utm_source', 'api-reference')\n  link.searchParams.set('utm_medium', 'button')\n  link.searchParams.set('utm_campaign', buttonSource)\n\n  // Special for gitbook, set the source and grab the logos (hacky)\n  if (source === 'gitbook') {\n    link.searchParams.set('utm_source', 'gitbook')\n\n    const darkLogo = document.querySelector(\"img.dark\\\\:block[alt='Logo']\")\n    const lightLogo = document.querySelector(\"img.dark\\\\:hidden[alt='Logo']\")\n\n    if (darkLogo && darkLogo instanceof HTMLImageElement) {\n      link.searchParams.set('dark_logo', encodeURIComponent(darkLogo.src))\n    }\n    if (lightLogo && lightLogo instanceof HTMLImageElement) {\n      link.searchParams.set('light_logo', encodeURIComponent(lightLogo.src))\n    }\n  }\n\n  return link.toString()\n})\n</script>\n\n<template>\n  <a\n    v-if=\"href\"\n    class=\"open-api-client-button\"\n    :href=\"href\"\n    target=\"_blank\">\n    <ScalarIconArrowUpRight\n      class=\"size-3\"\n      weight=\"regular\" />{{\n      translate('apiClient.openApiClientButton.openAPIClient')\n    }}</a\n  >\n</template>\n\n<style scoped>\n.open-api-client-button {\n  cursor: pointer;\n  width: 100%;\n  padding: 9px 12px;\n  height: 31px;\n  display: block;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  white-space: nowrap;\n  font-size: var(--scalar-small);\n  line-height: 1.385;\n  text-decoration: none;\n  border-radius: var(--scalar-radius);\n  box-shadow: 0 0 0 0.5px var(--scalar-border-color);\n  gap: 6px;\n  color: var(--scalar-sidebar-color-1);\n}\n\n.open-api-client-button:hover {\n  background: var(\n    --scalar-sidebar-item-hover-background,\n    var(--scalar-background-2)\n  );\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA4BA,MAAM,EAAE,cAAc,gBAAgB;;EAGtC,MAAM,OAAO,eAAmC;;;;;GAK9C,MAAM,kBACJ,QAAA,QAAQ,OAAO,WAAW,cAAc,OAAO,SAAS,OAAO,KAAA;GAEjE,IAAI,CAAC,iBACH;GAGF,MAAM,cAAc,gBAAgB,eAAe;GAEnD,IAAI,CAAC,aAAa,QAChB;GAIF,MAAM,OAAO,IAAI,IACf,QAAA,gBAAgB,0BAA0B,2BAC5C;GAGA,KAAK,aAAa,IAAI,OAAO,WAAW;GAExC,IAAI,QAAA,eAAe,UAAU,QAAA,iBAAiB,QAAQ;IACpD,KAAK,aAAa,IAAI,kBAAkB,QAAA,aAAa;IACrD,KAAK,aAAa,IAChB,oBACA,QAAA,oBAAoB,QAAA,gBAAgB,YAAY,KAC9C,aAAa,QAAA,eAAe,IAC1B,QAAA,gBAAgB,YAAY,IAC5B,QAAA,eACN;GACF;GAGA,IAAI,QAAA,gBAAgB,MAClB,KAAK,aAAa,IAAI,eAAe,QAAA,eAAe,KAAK;GAI3D,KAAK,aAAa,IAAI,cAAc,eAAe;GACnD,KAAK,aAAa,IAAI,cAAc,QAAQ;GAC5C,KAAK,aAAa,IAAI,gBAAgB,QAAA,YAAY;GAGlD,IAAI,QAAA,WAAW,WAAW;IACxB,KAAK,aAAa,IAAI,cAAc,SAAS;IAE7C,MAAM,WAAW,SAAS,cAAc,8BAA8B;IACtE,MAAM,YAAY,SAAS,cAAc,+BAA+B;IAExE,IAAI,YAAY,oBAAoB,kBAClC,KAAK,aAAa,IAAI,aAAa,mBAAmB,SAAS,GAAG,CAAC;IAErE,IAAI,aAAa,qBAAqB,kBACpC,KAAK,aAAa,IAAI,cAAc,mBAAmB,UAAU,GAAG,CAAC;GAEzE;GAEA,OAAO,KAAK,SAAS;EACvB,CAAC;;GAKS,OAAA,KAAA,SADRA,UAAA,GAAAC,mBAUC,KAAA;;IARC,OAAM;IACL,MAAM,KAAA;IACP,QAAO;G,IACPC,YAEqBC,MAAA,sBAAA,GAAA;IADnB,OAAM;IACN,QAAO;G,IACPC,gBAAAC,gBAAAF,MAAA,SAAA,CAAS,CAAA,6CAAA,CAAA,GAAA,CAAA,C"}

package/dist/v2/blocks/operation-block/helpers/har-to-fetch-response.d.ts

@@ -1,5 +1,5 @@
 import type { HarResponse } from '@scalar/snippetz';
-import type { ResponseInstance } from '../../../../v2/blocks/operation-block/helpers/send-request.js';
+import type { ResponseInstance } from './send-request.js';
 type HarToFetchResponseProps = {
     /** The HAR Response object to convert */
     harResponse: HarResponse;

package/dist/v2/blocks/operation-block/helpers/response-cache.d.ts

@@ -1,5 +1,5 @@
 import type { RequestPayload } from '@scalar/workspace-store/request-example';
-import type { ResponseInstance } from '../../../../v2/blocks/operation-block/helpers/send-request.js';
+import type { ResponseInstance } from './send-request.js';
 /**
  * In-memory cache of operation example id → { response, request }.
  * Restores the last response when navigating back to an operation until

package/dist/v2/blocks/operation-block/helpers/send-request.js

@@ -129,7 +129,8 @@ var buildStandardResponse = async ({ response, requestPayload, timestamp, durati
 	const arrayBuffer = await response.clone().arrayBuffer();
 	const responseType = resolveResponseContentType(contentType);
 	const mimeEssence = resolveResponseMimeType(contentType).essence;
-	const responseData = await decodeBuffer(arrayBuffer, responseType, resolveResponseBodyHandler(mimeEssence, plugins));
+	const pluginHandler = resolveResponseBodyHandler(mimeEssence, plugins);
+	const responseData = await decodeBuffer(arrayBuffer, responseType, pluginHandler);
 	/**
 	* Create a new Response using the arrayBuffer we already read.
 	* ArrayBuffers can be reused to create new Response objects without additional memory.