@scalar/api-reference 1.49.3 → 1.49.5

package/dist/src-DJwsRvMU.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"src-DJwsRvMU.js","names":["$attrs","$slots","$emit"],"sources":["../src/components/AgentScalar/AgentScalarButton.vue","../src/components/AgentScalar/AgentScalarButton.vue","../src/components/AgentScalar/AgentScalarDrawer.vue","../src/components/AgentScalar/AgentScalarDrawer.vue","../src/helpers/upload-temp-document.ts","../src/components/AgentScalar/OpenMCPButton.vue","../src/components/AgentScalar/OpenMCPButton.vue","../src/features/developer-tools/components/ApiReferenceToolbarPopover.vue","../src/features/developer-tools/components/ApiReferenceToolbarPopover.vue","../src/features/developer-tools/components/ApiReferenceToolbarTitle.vue","../src/features/developer-tools/components/ApiReferenceToolbarTitle.vue","../src/features/developer-tools/components/ApiReferenceToolbarBlurb.vue","../src/features/developer-tools/components/ApiReferenceToolbarRegisterButton.vue","../src/features/developer-tools/components/ApiReferenceToolbarRegisterButton.vue","../src/features/developer-tools/components/ApiReferenceToolbarShareRegister.vue","../src/features/developer-tools/components/ApiReferenceToolbarShareRegister.vue","../src/features/developer-tools/components/DeployApiReference.vue","../src/features/developer-tools/components/DeployApiReference.vue","../src/features/developer-tools/components/ApiReferenceToolbarConfigLayout.vue","../src/features/developer-tools/components/ApiReferenceToolbarConfigLayout.vue","../src/features/developer-tools/components/ApiReferenceToolbarConfigLayoutOptions.vue","../src/features/developer-tools/components/ApiReferenceToolbarConfigLayoutOptions.vue","../src/features/developer-tools/components/ApiReferenceToolbarConfigTheme.vue","../src/features/developer-tools/components/ApiReferenceToolbarConfigTheme.vue","../src/features/developer-tools/components/ModifyConfiguration.vue","../src/features/developer-tools/components/ModifyConfiguration.vue","../src/features/developer-tools/components/ApiReferenceToolbarShareTemporary.vue","../src/features/developer-tools/components/ApiReferenceToolbarShareTemporary.vue","../src/features/developer-tools/components/ShareApiReference.vue","../src/features/developer-tools/components/ShareApiReference.vue","../src/features/developer-tools/DeveloperTools.vue","../src/features/developer-tools/DeveloperTools.vue","../src/components/ApiReference.vue","../src/components/ApiReference.vue","../src/components/GettingStarted.vue","../src/components/GettingStarted.vue","../src/standalone/lib/html-api.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconSparkle } from '@scalar/icons'\n\nimport { useAgentContext } from '@/hooks/use-agent'\n\nconst agentContext = useAgentContext()\n</script>\n\n<template>\n  <button\n    class=\"bg-sidebar-b-search text-sidebar-c-2 hover:text-sidebar-c-1 flex items-center gap-1.5 rounded border px-2 text-base whitespace-nowrap\"\n    type=\"button\"\n    @click=\"agentContext?.toggleAgent()\">\n    <ScalarIconSparkle />\n    Ask AI\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport { ScalarIconSparkle } from '@scalar/icons'\n\nimport { useAgentContext } from '@/hooks/use-agent'\n\nconst agentContext = useAgentContext()\n</script>\n\n<template>\n  <button\n    class=\"bg-sidebar-b-search text-sidebar-c-2 hover:text-sidebar-c-1 flex items-center gap-1.5 rounded border px-2 text-base whitespace-nowrap\"\n    type=\"button\"\n    @click=\"agentContext?.toggleAgent()\">\n    <ScalarIconSparkle />\n    Ask AI\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport { ScalarIconX } from '@scalar/icons'\nimport { defineAsyncComponent } from 'vue'\n\nimport '@scalar/agent-chat/style.css'\n\nimport { ScalarIconButton } from '@scalar/components'\nimport type { ApiReferenceConfigurationWithSource } from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\n\nimport { useAgentContext } from '@/hooks/use-agent'\n\ndefineProps<{\n  agentScalarConfiguration: ApiReferenceConfigurationWithSource['agent']\n  workspaceStore: WorkspaceStore\n  eventBus: WorkspaceEventBus\n}>()\n\nconst agentContext = useAgentContext()\n\nconst AgentScalarChatInterface = defineAsyncComponent(\n  async () => import('./AgentScalarChatInterface.vue'),\n)\n</script>\n\n<template>\n  <Transition\n    enterActiveClass=\"transition-opacity duration-500\"\n    enterFromClass=\"opacity-0\"\n    enterToClass=\"opacity-100\"\n    leaveActiveClass=\"transition-opacity duration-200\"\n    leaveFromClass=\"opacity-100\"\n    leaveToClass=\"opacity-0\">\n    <div\n      v-show=\"agentContext?.showAgent.value\"\n      class=\"agent-scalar-overlay bg-backdrop fixed inset-0 z-10 ease-[cubic-bezier(0.77,0,0.175,1)]\"\n      @click=\"agentContext?.closeAgent()\" />\n  </Transition>\n  <Transition\n    enterActiveClass=\"transition-transform duration-300\"\n    enterFromClass=\"-translate-x-full\"\n    enterToClass=\"translate-x-0\"\n    leaveActiveClass=\"transition-transform duration-200\"\n    leaveFromClass=\"translate-x-0\"\n    leaveToClass=\"-translate-x-full\">\n    <div\n      v-show=\"agentContext?.showAgent.value\"\n      class=\"agent-scalar left-w-sidebar bg-b-1 fixed inset-y-0 right-12 z-10 grid border-r shadow-lg\"\n      @keydown.escape=\"agentContext?.closeAgent()\">\n      <div\n        class=\"agent-scalar-container custom-scroll custom-scroll-self-contain-overflow overflow-auto px-6\">\n        <AgentScalarChatInterface\n          :agentScalarConfiguration\n          :prefilledMessage=\"agentContext?.prefilledMessage\"\n          :workspaceStore />\n      </div>\n      <ScalarIconButton\n        class=\"agent-scalar-exit-button absolute top-2 right-2\"\n        :icon=\"ScalarIconX\"\n        label=\"Close Client\"\n        weight=\"bold\"\n        @click=\"agentContext?.closeAgent()\" />\n    </div>\n  </Transition>\n</template>\n\n<style scoped>\n@reference \"../../style.css\";\n\n@media (max-width: 1000px) {\n  .agent-scalar.agent-scalar {\n    @apply inset-x-0 top-12 rounded-t-lg;\n  }\n  .agent-scalar.agent-scalar,\n  .agent-scalar-overlay.agent-scalar-overlay {\n    @apply z-15;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { ScalarIconX } from '@scalar/icons'\nimport { defineAsyncComponent } from 'vue'\n\nimport '@scalar/agent-chat/style.css'\n\nimport { ScalarIconButton } from '@scalar/components'\nimport type { ApiReferenceConfigurationWithSource } from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\n\nimport { useAgentContext } from '@/hooks/use-agent'\n\ndefineProps<{\n  agentScalarConfiguration: ApiReferenceConfigurationWithSource['agent']\n  workspaceStore: WorkspaceStore\n  eventBus: WorkspaceEventBus\n}>()\n\nconst agentContext = useAgentContext()\n\nconst AgentScalarChatInterface = defineAsyncComponent(\n  async () => import('./AgentScalarChatInterface.vue'),\n)\n</script>\n\n<template>\n  <Transition\n    enterActiveClass=\"transition-opacity duration-500\"\n    enterFromClass=\"opacity-0\"\n    enterToClass=\"opacity-100\"\n    leaveActiveClass=\"transition-opacity duration-200\"\n    leaveFromClass=\"opacity-100\"\n    leaveToClass=\"opacity-0\">\n    <div\n      v-show=\"agentContext?.showAgent.value\"\n      class=\"agent-scalar-overlay bg-backdrop fixed inset-0 z-10 ease-[cubic-bezier(0.77,0,0.175,1)]\"\n      @click=\"agentContext?.closeAgent()\" />\n  </Transition>\n  <Transition\n    enterActiveClass=\"transition-transform duration-300\"\n    enterFromClass=\"-translate-x-full\"\n    enterToClass=\"translate-x-0\"\n    leaveActiveClass=\"transition-transform duration-200\"\n    leaveFromClass=\"translate-x-0\"\n    leaveToClass=\"-translate-x-full\">\n    <div\n      v-show=\"agentContext?.showAgent.value\"\n      class=\"agent-scalar left-w-sidebar bg-b-1 fixed inset-y-0 right-12 z-10 grid border-r shadow-lg\"\n      @keydown.escape=\"agentContext?.closeAgent()\">\n      <div\n        class=\"agent-scalar-container custom-scroll custom-scroll-self-contain-overflow overflow-auto px-6\">\n        <AgentScalarChatInterface\n          :agentScalarConfiguration\n          :prefilledMessage=\"agentContext?.prefilledMessage\"\n          :workspaceStore />\n      </div>\n      <ScalarIconButton\n        class=\"agent-scalar-exit-button absolute top-2 right-2\"\n        :icon=\"ScalarIconX\"\n        label=\"Close Client\"\n        weight=\"bold\"\n        @click=\"agentContext?.closeAgent()\" />\n    </div>\n  </Transition>\n</template>\n\n<style scoped>\n@reference \"../../style.css\";\n\n@media (max-width: 1000px) {\n  .agent-scalar.agent-scalar {\n    @apply inset-x-0 top-12 rounded-t-lg;\n  }\n  .agent-scalar.agent-scalar,\n  .agent-scalar-overlay.agent-scalar-overlay {\n    @apply z-15;\n  }\n}\n</style>\n","import { redirectToProxy } from '@scalar/helpers/url/redirect-to-proxy'\n\nimport { PROXY_URL, UPLOAD_TEMP_API_URL } from '@/consts/urls'\n\n/** Type guard for the response body */\nfunction isResponseBody(data: unknown): data is { url: string } {\n  return !!data && typeof data === 'object' && 'url' in data && typeof (data as any).url === 'string'\n}\n\n/** Upload a document and return a temporary URL */\nexport async function uploadTempDocument(document: string): Promise<string> {\n  const body = JSON.stringify({ document })\n\n  // Proxy the request to avoid localhost CORS issues\n  const response = await fetch(redirectToProxy(PROXY_URL, UPLOAD_TEMP_API_URL), {\n    method: 'POST',\n    headers: { 'Content-Type': 'application/json' },\n    body,\n  })\n\n  if (!response.ok) {\n    throw new Error(` Failed to generate temporary link, server responded with ${response.status}`)\n  }\n  const data = (await response.json()) as unknown\n\n  if (!isResponseBody(data)) {\n    throw new Error('Failed to generate temporary link, invalid response from server')\n  }\n\n  return data.url\n}\n","<script setup lang=\"ts\">\nimport { useLoadingState } from '@scalar/components'\nimport { ScalarIconArrowUpRight } from '@scalar/icons'\nimport { isValidUrl } from '@scalar/oas-utils/helpers'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\nimport { useToasts } from '@scalar/use-toasts'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { nextTick } from 'vue'\n\nimport { DASHBOARD_REGISTER_URL } from '@/consts/urls'\nimport { uploadTempDocument } from '@/helpers/upload-temp-document'\n\nconst props = defineProps<{\n  config?: {\n    name?: string\n    url?: string\n  }\n  url?: string\n  workspace: WorkspaceStore\n}>()\n\nconst { copyToClipboard } = useClipboard()\n\nconst { toast } = useToasts()\n\nconst loader = useLoadingState()\n\nconst hasConfig = props.config?.name || props.config?.url\n\nconst encoded = btoa(JSON.stringify(props.config ?? {}))\n\nconst name = encodeURIComponent(props.config?.name ?? '')\nconst cursorLink = `cursor://anysphere.cursor-deeplink/mcp/install?name=${name}&config=${encoded}`\nconst vscodeLink = `vscode:mcp/install?${encodeURIComponent(JSON.stringify(props.config ?? {}))}`\n\nconst docUrl = defineModel<string>('url')\n\n/** Generate and open the registration link */\nasync function generateRegisterLink() {\n  if (loader.isLoading || !props.workspace) {\n    return\n  }\n\n  // If we have already have a document URL that is valid\n  if (docUrl.value && isValidUrl(docUrl.value)) {\n    openRegisterLink(docUrl.value)\n    return\n  }\n\n  loader.start()\n\n  const document = props.workspace.exportActiveDocument('json')\n\n  if (!document) {\n    toast('Unable to export active document', 'error')\n    await loader.invalidate()\n    return\n  }\n\n  try {\n    docUrl.value = await uploadTempDocument(document)\n    await loader.validate()\n    openRegisterLink(docUrl.value)\n\n    await nextTick()\n\n    await loader.clear()\n  } catch (error) {\n    const message =\n      error instanceof Error ? error.message : 'An unknown error occurred'\n    toast(message, 'error')\n    await loader.invalidate()\n  }\n}\n\n/** Open the registration link in a new tab */\nfunction openRegisterLink(docUrl: string) {\n  const url = new URL(DASHBOARD_REGISTER_URL)\n  url.searchParams.set('url', docUrl)\n  url.searchParams.set('createMcp', 'true')\n\n  window.open(url.toString(), '_blank')\n}\n</script>\n\n<template>\n  <div class=\"scalar-mcp-layer\">\n    <a\n      class=\"scalar-mcp-layer-link\"\n      :href=\"hasConfig ? vscodeLink : undefined\"\n      :target=\"hasConfig ? '_blank' : undefined\"\n      @click=\"\n        (e) => {\n          if (!hasConfig) {\n            e.preventDefault()\n            generateRegisterLink()\n          }\n        }\n      \">\n      <svg\n        class=\"mcp-logo\"\n        fill=\"currentColor\"\n        height=\"800\"\n        viewBox=\"0 0 32 32\"\n        width=\"800\"\n        xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M30.865 3.448 24.282.281a1.99 1.99 0 0 0-2.276.385L9.397 12.171 3.902 8.004a1.33 1.33 0 0 0-1.703.073L.439 9.681a1.33 1.33 0 0 0-.005 1.969L5.2 15.999.434 20.348a1.33 1.33 0 0 0 .005 1.969l1.76 1.604a1.33 1.33 0 0 0 1.703.073l5.495-4.172 12.615 11.51a1.98 1.98 0 0 0 2.271.385l6.589-3.172a1.99 1.99 0 0 0 1.13-1.802V5.248c0-.766-.443-1.469-1.135-1.802zm-6.86 19.818L14.432 16l9.573-7.266z\" />\n      </svg>\n      VS Code\n      <ScalarIconArrowUpRight class=\"mcp-nav ml-auto size-4\" />\n    </a>\n    <a\n      class=\"scalar-mcp-layer-link\"\n      :href=\"hasConfig ? cursorLink : undefined\"\n      :target=\"hasConfig ? '_blank' : undefined\"\n      @click=\"\n        (e) => {\n          if (!hasConfig) {\n            e.preventDefault()\n            generateRegisterLink()\n          }\n        }\n      \">\n      <svg\n        class=\"mcp-logo\"\n        viewBox=\"0 0 466.73 532.09\"\n        xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M457.43 125.94 244.42 2.96a22.13 22.13 0 0 0-22.12 0L9.3 125.94C3.55 129.26 0 135.4 0 142.05v247.99c0 6.65 3.55 12.79 9.3 16.11l213.01 122.98a22.13 22.13 0 0 0 22.12 0l213.01-122.98c5.75-3.32 9.3-9.46 9.3-16.11V142.05c0-6.65-3.55-12.79-9.3-16.11zm-13.38 26.05L238.42 508.15c-1.39 2.4-5.06 1.42-5.06-1.36V273.58c0-4.66-2.49-8.97-6.53-11.31L24.87 145.67c-2.4-1.39-1.42-5.06 1.36-5.06h411.26c5.84 0 9.49 6.33 6.57 11.39h-.01Z\"\n          style=\"fill: currentColor\" />\n      </svg>\n      Cursor\n      <ScalarIconArrowUpRight class=\"mcp-nav ml-auto size-4\" />\n    </a>\n    <!-- localhost + you don't have a MCP added -->\n    <div\n      v-if=\"!hasConfig\"\n      class=\"scalar-mcp-layer-link\"\n      @click=\"generateRegisterLink\">\n      <svg\n        class=\"mcp-logo\"\n        fill=\"none\"\n        height=\"173\"\n        viewBox=\"0 0 156 173\"\n        width=\"156\"\n        xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"m6 80.912 67.882-67.883c9.373-9.372 24.569-9.372 33.941 0s9.373 24.569 0 33.942L56.558 98.236\"\n          stroke=\"currentColor\"\n          stroke-linecap=\"round\"\n          stroke-width=\"12\" />\n        <path\n          d=\"m57.265 97.529 50.558-50.558c9.373-9.373 24.569-9.373 33.942 0l.353.353c9.373 9.373 9.373 24.569 0 33.941L80.725 142.66a8 8 0 0 0 0 11.313l12.606 12.607\"\n          stroke=\"currentColor\"\n          stroke-linecap=\"round\"\n          stroke-width=\"12\" />\n        <path\n          d=\"M90.853 30 40.648 80.205c-9.372 9.372-9.372 24.568 0 33.941 9.373 9.372 24.569 9.372 33.941 0l50.205-50.205\"\n          stroke=\"currentColor\"\n          stroke-linecap=\"round\"\n          stroke-width=\"12\" />\n      </svg>\n      Generate MCP\n      <ScalarIconArrowUpRight class=\"mcp-nav ml-auto size-4\" />\n    </div>\n    <!-- you do have an MCP added -->\n    <div\n      v-else\n      class=\"scalar-mcp-layer-link\"\n      @click=\"copyToClipboard(config?.url ?? '')\">\n      Connect MCP\n      <svg\n        class=\"mcp-logo ml-auto\"\n        fill=\"none\"\n        height=\"173\"\n        viewBox=\"0 0 156 173\"\n        width=\"156\"\n        xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"m6 80.912 67.882-67.883c9.373-9.372 24.569-9.372 33.941 0s9.373 24.569 0 33.942L56.558 98.236\"\n          stroke=\"currentColor\"\n          stroke-linecap=\"round\"\n          stroke-width=\"12\" />\n        <path\n          d=\"m57.265 97.529 50.558-50.558c9.373-9.373 24.569-9.373 33.942 0l.353.353c9.373 9.373 9.373 24.569 0 33.941L80.725 142.66a8 8 0 0 0 0 11.313l12.606 12.607\"\n          stroke=\"currentColor\"\n          stroke-linecap=\"round\"\n          stroke-width=\"12\" />\n        <path\n          d=\"M90.853 30 40.648 80.205c-9.372 9.372-9.372 24.568 0 33.941 9.373 9.372 24.569 9.372 33.941 0l50.205-50.205\"\n          stroke=\"currentColor\"\n          stroke-linecap=\"round\"\n          stroke-width=\"12\" />\n      </svg>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.scalar-mcp-layer {\n  gap: 2px;\n  display: flex;\n  flex-direction: column;\n  background: transparent;\n  position: relative;\n  justify-content: flex-end;\n  transition: all 0.4s ease-in-out;\n  height: 32px;\n}\n.scalar-mcp-layer:hover {\n  height: 172px;\n}\n.scalar-mcp-layer-link:hover {\n  cursor: pointer !important;\n}\n.scalar-mcp-layer .scalar-mcp-layer-link {\n  cursor: pointer;\n  width: 100%;\n  padding: 9px 6px;\n  height: 31px;\n  display: block;\n  text-align: center;\n  display: flex;\n  align-items: 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  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  gap: 6px;\n  color: var(--scalar-sidebar-color-1);\n  background: var(--scalar-background-1);\n  transition: transform 0.2s ease-in-out;\n  position: absolute;\n  bottom: 0;\n}\n/* increase click area for gap */\n.scalar-mcp-layer-link:after {\n  content: '';\n  position: absolute;\n  bottom: -2px;\n  height: 2px;\n  width: 100%;\n  left: 0;\n}\n.scalar-mcp-layer div.scalar-mcp-layer-link {\n  cursor: default;\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:nth-last-child(1) {\n  transform: translate3d(0, 0, 0);\n  position: relative;\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:nth-last-child(2) {\n  transform: translate3d(0, -2px, 0) scale(0.99);\n}\n.scalar-mcp-layer:hover a:nth-last-child(2) {\n  transform: translate3d(0, calc(-100% - 2px), 0) scale(0.99);\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:nth-last-child(3) {\n  transform: translate3d(0, -4px, 0) scale(0.98);\n}\n.scalar-mcp-layer:hover a:nth-last-child(3) {\n  transform: translate3d(0, calc(-200% - 4px), 0) scale(1);\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:nth-last-child(4) {\n  transform: translate3d(0, -6px, 0) scale(0.97);\n}\n.scalar-mcp-layer:hover a:nth-last-child(4) {\n  transform: translate3d(0, calc(-300% - 6px), 0) scale(1);\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:nth-last-child(5) {\n  transform: translate3d(0, -8px, 0) scale(0.96);\n}\n.scalar-mcp-layer:hover .scalar-mcp-layer-link:nth-last-child(5) {\n  transform: translate3d(0, calc(-400% - 8px), 0) scale(1);\n}\n.scalar-mcp-layer:hover .scalar-mcp-layer-link {\n  transition: transform 0.2s ease-in-out 0.1s;\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:hover {\n  background: var(--scalar-background-2);\n}\n.scalar-mcp-layer .mcp-logo {\n  width: 16px;\n  height: 16px;\n  color: var(--scalar-sidebar-color-1);\n}\n.mcp-nav {\n  color: var(--scalar-sidebar-color-2);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useLoadingState } from '@scalar/components'\nimport { ScalarIconArrowUpRight } from '@scalar/icons'\nimport { isValidUrl } from '@scalar/oas-utils/helpers'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\nimport { useToasts } from '@scalar/use-toasts'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { nextTick } from 'vue'\n\nimport { DASHBOARD_REGISTER_URL } from '@/consts/urls'\nimport { uploadTempDocument } from '@/helpers/upload-temp-document'\n\nconst props = defineProps<{\n  config?: {\n    name?: string\n    url?: string\n  }\n  url?: string\n  workspace: WorkspaceStore\n}>()\n\nconst { copyToClipboard } = useClipboard()\n\nconst { toast } = useToasts()\n\nconst loader = useLoadingState()\n\nconst hasConfig = props.config?.name || props.config?.url\n\nconst encoded = btoa(JSON.stringify(props.config ?? {}))\n\nconst name = encodeURIComponent(props.config?.name ?? '')\nconst cursorLink = `cursor://anysphere.cursor-deeplink/mcp/install?name=${name}&config=${encoded}`\nconst vscodeLink = `vscode:mcp/install?${encodeURIComponent(JSON.stringify(props.config ?? {}))}`\n\nconst docUrl = defineModel<string>('url')\n\n/** Generate and open the registration link */\nasync function generateRegisterLink() {\n  if (loader.isLoading || !props.workspace) {\n    return\n  }\n\n  // If we have already have a document URL that is valid\n  if (docUrl.value && isValidUrl(docUrl.value)) {\n    openRegisterLink(docUrl.value)\n    return\n  }\n\n  loader.start()\n\n  const document = props.workspace.exportActiveDocument('json')\n\n  if (!document) {\n    toast('Unable to export active document', 'error')\n    await loader.invalidate()\n    return\n  }\n\n  try {\n    docUrl.value = await uploadTempDocument(document)\n    await loader.validate()\n    openRegisterLink(docUrl.value)\n\n    await nextTick()\n\n    await loader.clear()\n  } catch (error) {\n    const message =\n      error instanceof Error ? error.message : 'An unknown error occurred'\n    toast(message, 'error')\n    await loader.invalidate()\n  }\n}\n\n/** Open the registration link in a new tab */\nfunction openRegisterLink(docUrl: string) {\n  const url = new URL(DASHBOARD_REGISTER_URL)\n  url.searchParams.set('url', docUrl)\n  url.searchParams.set('createMcp', 'true')\n\n  window.open(url.toString(), '_blank')\n}\n</script>\n\n<template>\n  <div class=\"scalar-mcp-layer\">\n    <a\n      class=\"scalar-mcp-layer-link\"\n      :href=\"hasConfig ? vscodeLink : undefined\"\n      :target=\"hasConfig ? '_blank' : undefined\"\n      @click=\"\n        (e) => {\n          if (!hasConfig) {\n            e.preventDefault()\n            generateRegisterLink()\n          }\n        }\n      \">\n      <svg\n        class=\"mcp-logo\"\n        fill=\"currentColor\"\n        height=\"800\"\n        viewBox=\"0 0 32 32\"\n        width=\"800\"\n        xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M30.865 3.448 24.282.281a1.99 1.99 0 0 0-2.276.385L9.397 12.171 3.902 8.004a1.33 1.33 0 0 0-1.703.073L.439 9.681a1.33 1.33 0 0 0-.005 1.969L5.2 15.999.434 20.348a1.33 1.33 0 0 0 .005 1.969l1.76 1.604a1.33 1.33 0 0 0 1.703.073l5.495-4.172 12.615 11.51a1.98 1.98 0 0 0 2.271.385l6.589-3.172a1.99 1.99 0 0 0 1.13-1.802V5.248c0-.766-.443-1.469-1.135-1.802zm-6.86 19.818L14.432 16l9.573-7.266z\" />\n      </svg>\n      VS Code\n      <ScalarIconArrowUpRight class=\"mcp-nav ml-auto size-4\" />\n    </a>\n    <a\n      class=\"scalar-mcp-layer-link\"\n      :href=\"hasConfig ? cursorLink : undefined\"\n      :target=\"hasConfig ? '_blank' : undefined\"\n      @click=\"\n        (e) => {\n          if (!hasConfig) {\n            e.preventDefault()\n            generateRegisterLink()\n          }\n        }\n      \">\n      <svg\n        class=\"mcp-logo\"\n        viewBox=\"0 0 466.73 532.09\"\n        xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M457.43 125.94 244.42 2.96a22.13 22.13 0 0 0-22.12 0L9.3 125.94C3.55 129.26 0 135.4 0 142.05v247.99c0 6.65 3.55 12.79 9.3 16.11l213.01 122.98a22.13 22.13 0 0 0 22.12 0l213.01-122.98c5.75-3.32 9.3-9.46 9.3-16.11V142.05c0-6.65-3.55-12.79-9.3-16.11zm-13.38 26.05L238.42 508.15c-1.39 2.4-5.06 1.42-5.06-1.36V273.58c0-4.66-2.49-8.97-6.53-11.31L24.87 145.67c-2.4-1.39-1.42-5.06 1.36-5.06h411.26c5.84 0 9.49 6.33 6.57 11.39h-.01Z\"\n          style=\"fill: currentColor\" />\n      </svg>\n      Cursor\n      <ScalarIconArrowUpRight class=\"mcp-nav ml-auto size-4\" />\n    </a>\n    <!-- localhost + you don't have a MCP added -->\n    <div\n      v-if=\"!hasConfig\"\n      class=\"scalar-mcp-layer-link\"\n      @click=\"generateRegisterLink\">\n      <svg\n        class=\"mcp-logo\"\n        fill=\"none\"\n        height=\"173\"\n        viewBox=\"0 0 156 173\"\n        width=\"156\"\n        xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"m6 80.912 67.882-67.883c9.373-9.372 24.569-9.372 33.941 0s9.373 24.569 0 33.942L56.558 98.236\"\n          stroke=\"currentColor\"\n          stroke-linecap=\"round\"\n          stroke-width=\"12\" />\n        <path\n          d=\"m57.265 97.529 50.558-50.558c9.373-9.373 24.569-9.373 33.942 0l.353.353c9.373 9.373 9.373 24.569 0 33.941L80.725 142.66a8 8 0 0 0 0 11.313l12.606 12.607\"\n          stroke=\"currentColor\"\n          stroke-linecap=\"round\"\n          stroke-width=\"12\" />\n        <path\n          d=\"M90.853 30 40.648 80.205c-9.372 9.372-9.372 24.568 0 33.941 9.373 9.372 24.569 9.372 33.941 0l50.205-50.205\"\n          stroke=\"currentColor\"\n          stroke-linecap=\"round\"\n          stroke-width=\"12\" />\n      </svg>\n      Generate MCP\n      <ScalarIconArrowUpRight class=\"mcp-nav ml-auto size-4\" />\n    </div>\n    <!-- you do have an MCP added -->\n    <div\n      v-else\n      class=\"scalar-mcp-layer-link\"\n      @click=\"copyToClipboard(config?.url ?? '')\">\n      Connect MCP\n      <svg\n        class=\"mcp-logo ml-auto\"\n        fill=\"none\"\n        height=\"173\"\n        viewBox=\"0 0 156 173\"\n        width=\"156\"\n        xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"m6 80.912 67.882-67.883c9.373-9.372 24.569-9.372 33.941 0s9.373 24.569 0 33.942L56.558 98.236\"\n          stroke=\"currentColor\"\n          stroke-linecap=\"round\"\n          stroke-width=\"12\" />\n        <path\n          d=\"m57.265 97.529 50.558-50.558c9.373-9.373 24.569-9.373 33.942 0l.353.353c9.373 9.373 9.373 24.569 0 33.941L80.725 142.66a8 8 0 0 0 0 11.313l12.606 12.607\"\n          stroke=\"currentColor\"\n          stroke-linecap=\"round\"\n          stroke-width=\"12\" />\n        <path\n          d=\"M90.853 30 40.648 80.205c-9.372 9.372-9.372 24.568 0 33.941 9.373 9.372 24.569 9.372 33.941 0l50.205-50.205\"\n          stroke=\"currentColor\"\n          stroke-linecap=\"round\"\n          stroke-width=\"12\" />\n      </svg>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.scalar-mcp-layer {\n  gap: 2px;\n  display: flex;\n  flex-direction: column;\n  background: transparent;\n  position: relative;\n  justify-content: flex-end;\n  transition: all 0.4s ease-in-out;\n  height: 32px;\n}\n.scalar-mcp-layer:hover {\n  height: 172px;\n}\n.scalar-mcp-layer-link:hover {\n  cursor: pointer !important;\n}\n.scalar-mcp-layer .scalar-mcp-layer-link {\n  cursor: pointer;\n  width: 100%;\n  padding: 9px 6px;\n  height: 31px;\n  display: block;\n  text-align: center;\n  display: flex;\n  align-items: 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  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  gap: 6px;\n  color: var(--scalar-sidebar-color-1);\n  background: var(--scalar-background-1);\n  transition: transform 0.2s ease-in-out;\n  position: absolute;\n  bottom: 0;\n}\n/* increase click area for gap */\n.scalar-mcp-layer-link:after {\n  content: '';\n  position: absolute;\n  bottom: -2px;\n  height: 2px;\n  width: 100%;\n  left: 0;\n}\n.scalar-mcp-layer div.scalar-mcp-layer-link {\n  cursor: default;\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:nth-last-child(1) {\n  transform: translate3d(0, 0, 0);\n  position: relative;\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:nth-last-child(2) {\n  transform: translate3d(0, -2px, 0) scale(0.99);\n}\n.scalar-mcp-layer:hover a:nth-last-child(2) {\n  transform: translate3d(0, calc(-100% - 2px), 0) scale(0.99);\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:nth-last-child(3) {\n  transform: translate3d(0, -4px, 0) scale(0.98);\n}\n.scalar-mcp-layer:hover a:nth-last-child(3) {\n  transform: translate3d(0, calc(-200% - 4px), 0) scale(1);\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:nth-last-child(4) {\n  transform: translate3d(0, -6px, 0) scale(0.97);\n}\n.scalar-mcp-layer:hover a:nth-last-child(4) {\n  transform: translate3d(0, calc(-300% - 6px), 0) scale(1);\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:nth-last-child(5) {\n  transform: translate3d(0, -8px, 0) scale(0.96);\n}\n.scalar-mcp-layer:hover .scalar-mcp-layer-link:nth-last-child(5) {\n  transform: translate3d(0, calc(-400% - 8px), 0) scale(1);\n}\n.scalar-mcp-layer:hover .scalar-mcp-layer-link {\n  transition: transform 0.2s ease-in-out 0.1s;\n}\n.scalar-mcp-layer .scalar-mcp-layer-link:hover {\n  background: var(--scalar-background-2);\n}\n.scalar-mcp-layer .mcp-logo {\n  width: 16px;\n  height: 16px;\n  color: var(--scalar-sidebar-color-1);\n}\n.mcp-nav {\n  color: var(--scalar-sidebar-color-2);\n}\n</style>\n","<script lang=\"ts\" setup>\nimport { ScalarFloatingBackdrop, ScalarPopover } from '@scalar/components'\nimport { ScalarIconCaretDown, ScalarIconInfo } from '@scalar/icons'\n</script>\n\n<template>\n  <ScalarPopover\n    class=\"max-h-[inherit] max-w-[inherit] p-0 text-base\"\n    placement=\"bottom-end\"\n    teleport>\n    <template #default=\"{ open }\">\n      <slot\n        name=\"button\"\n        :open>\n        <button\n          class=\"text-c-2 hover:text-c-1 hover:bg-b-2 flex items-center gap-1 rounded px-2 py-2.25 text-base leading-none\"\n          type=\"button\">\n          <slot name=\"label\" />\n          <ScalarIconCaretDown\n            class=\"size-3\"\n            :class=\"{ 'rotate-180': open }\" />\n        </button>\n      </slot>\n    </template>\n    <template #popover=\"props\">\n      <div class=\"custom-scroll bg-b-1 flex flex-col gap-7 rounded-lg p-7 pb-6\">\n        <slot v-bind=\"props\" />\n      </div>\n      <div class=\"text-c-2 flex items-center justify-center gap-1 p-2 text-sm\">\n        <ScalarIconInfo class=\"size-3.5 shrink-0\" />\n        <div>\n          <slot name=\"info\">\n            \"<slot name=\"label\" />\" will only appear when running on localhost.\n          </slot>\n        </div>\n      </div>\n    </template>\n    <template #backdrop>\n      <ScalarFloatingBackdrop class=\"bg-b-2 rounded-lg\" />\n    </template>\n  </ScalarPopover>\n</template>\n","<script lang=\"ts\" setup>\nimport { ScalarFloatingBackdrop, ScalarPopover } from '@scalar/components'\nimport { ScalarIconCaretDown, ScalarIconInfo } from '@scalar/icons'\n</script>\n\n<template>\n  <ScalarPopover\n    class=\"max-h-[inherit] max-w-[inherit] p-0 text-base\"\n    placement=\"bottom-end\"\n    teleport>\n    <template #default=\"{ open }\">\n      <slot\n        name=\"button\"\n        :open>\n        <button\n          class=\"text-c-2 hover:text-c-1 hover:bg-b-2 flex items-center gap-1 rounded px-2 py-2.25 text-base leading-none\"\n          type=\"button\">\n          <slot name=\"label\" />\n          <ScalarIconCaretDown\n            class=\"size-3\"\n            :class=\"{ 'rotate-180': open }\" />\n        </button>\n      </slot>\n    </template>\n    <template #popover=\"props\">\n      <div class=\"custom-scroll bg-b-1 flex flex-col gap-7 rounded-lg p-7 pb-6\">\n        <slot v-bind=\"props\" />\n      </div>\n      <div class=\"text-c-2 flex items-center justify-center gap-1 p-2 text-sm\">\n        <ScalarIconInfo class=\"size-3.5 shrink-0\" />\n        <div>\n          <slot name=\"info\">\n            \"<slot name=\"label\" />\" will only appear when running on localhost.\n          </slot>\n        </div>\n      </div>\n    </template>\n    <template #backdrop>\n      <ScalarFloatingBackdrop class=\"bg-b-2 rounded-lg\" />\n    </template>\n  </ScalarPopover>\n</template>\n","<script lang=\"ts\" setup>\nimport { ScalarIconButton } from '@scalar/components'\nimport { ScalarIconCopy, ScalarIconInfo } from '@scalar/icons'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\n\nimport ApiReferenceToolbarPopover from './ApiReferenceToolbarPopover.vue'\n\nconst CONFIG_SETTING = 'showDeveloperTools: \"never\"'\n\nconst { copyToClipboard } = useClipboard()\n</script>\n<template>\n  <ApiReferenceToolbarPopover\n    class=\"w-120\"\n    placement=\"bottom-start\">\n    <template #button>\n      <button\n        class=\"text-c-2 hover:text-c-1 hover:bg-b-2 ml-auto flex items-center gap-1 rounded px-2 py-2.25 text-base leading-none\"\n        type=\"button\">\n        <ScalarIconInfo />\n        Developer Tools\n      </button>\n    </template>\n    <div class=\"-m-2 flex flex-col gap-2 leading-relaxed\">\n      <div>\n        The developer tools allow you to customize the appearance and behavior\n        of your documentation. You can also share your documentation using the\n        Scalar Registry.\n      </div>\n      <div>\n        To disable the toolbar, set\n        <div\n          class=\"bg-b-2 inline-flex items-center gap-0.5 rounded border px-1 py-0.5 text-sm\">\n          <code class=\"font-code\">{{ CONFIG_SETTING }}</code>\n          <ScalarIconButton\n            class=\"-m-1 p-1.25\"\n            :icon=\"ScalarIconCopy\"\n            label=\"Copy link to clipboard\"\n            size=\"sm\"\n            @click=\"copyToClipboard(CONFIG_SETTING)\" />\n        </div>\n        in your configuration.\n      </div>\n    </div>\n    <template #info>\n      The developer tools will only appear when running on localhost.\n    </template>\n  </ApiReferenceToolbarPopover>\n</template>\n","<script lang=\"ts\" setup>\nimport { ScalarIconButton } from '@scalar/components'\nimport { ScalarIconCopy, ScalarIconInfo } from '@scalar/icons'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\n\nimport ApiReferenceToolbarPopover from './ApiReferenceToolbarPopover.vue'\n\nconst CONFIG_SETTING = 'showDeveloperTools: \"never\"'\n\nconst { copyToClipboard } = useClipboard()\n</script>\n<template>\n  <ApiReferenceToolbarPopover\n    class=\"w-120\"\n    placement=\"bottom-start\">\n    <template #button>\n      <button\n        class=\"text-c-2 hover:text-c-1 hover:bg-b-2 ml-auto flex items-center gap-1 rounded px-2 py-2.25 text-base leading-none\"\n        type=\"button\">\n        <ScalarIconInfo />\n        Developer Tools\n      </button>\n    </template>\n    <div class=\"-m-2 flex flex-col gap-2 leading-relaxed\">\n      <div>\n        The developer tools allow you to customize the appearance and behavior\n        of your documentation. You can also share your documentation using the\n        Scalar Registry.\n      </div>\n      <div>\n        To disable the toolbar, set\n        <div\n          class=\"bg-b-2 inline-flex items-center gap-0.5 rounded border px-1 py-0.5 text-sm\">\n          <code class=\"font-code\">{{ CONFIG_SETTING }}</code>\n          <ScalarIconButton\n            class=\"-m-1 p-1.25\"\n            :icon=\"ScalarIconCopy\"\n            label=\"Copy link to clipboard\"\n            size=\"sm\"\n            @click=\"copyToClipboard(CONFIG_SETTING)\" />\n        </div>\n        in your configuration.\n      </div>\n    </div>\n    <template #info>\n      The developer tools will only appear when running on localhost.\n    </template>\n  </ApiReferenceToolbarPopover>\n</template>\n","<script setup lang=\"ts\"></script>\n<template>\n  <p\n    class=\"text-c-3 [&_code]:font-code [&_a:hover]:text-c-1 text-center leading-normal [&_a]:underline\">\n    <slot />\n  </p>\n</template>\n","<script lang=\"ts\" setup>\nimport { ScalarButton, useLoadingState } from '@scalar/components'\nimport { useToasts } from '@scalar/use-toasts'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { nextTick } from 'vue'\n\nimport { DASHBOARD_REGISTER_URL } from '@/consts/urls'\nimport { uploadTempDocument } from '@/helpers/upload-temp-document'\n\nconst { sdks = [], workspace } = defineProps<{\n  workspace: WorkspaceStore\n  sdks?: string[]\n}>()\n\nconst tempDocUrl = defineModel<string>('url')\n\nconst { toast } = useToasts()\nconst loader = useLoadingState()\n\n/** Open the registration link in a new tab */\nfunction openRegisterLink(docUrl: string) {\n  const url = new URL(DASHBOARD_REGISTER_URL)\n  url.searchParams.set('url', docUrl)\n  sdks.forEach((sdk) => url.searchParams.append('sdk', sdk))\n\n  window.open(url.toString(), '_blank')\n}\n\n/** Generate and open the registration link */\nasync function generateRegisterLink() {\n  if (loader.isLoading || !workspace) {\n    return\n  }\n\n  // If we have already have a temporary document URL, use it\n  if (tempDocUrl.value) {\n    openRegisterLink(tempDocUrl.value)\n    return\n  }\n\n  loader.start()\n\n  const document = workspace.exportActiveDocument('json')\n\n  if (!document) {\n    toast('Unable to export active document', 'error')\n    await loader.invalidate()\n    return\n  }\n\n  try {\n    tempDocUrl.value = await uploadTempDocument(document)\n    await loader.validate()\n    openRegisterLink(tempDocUrl.value)\n\n    await nextTick()\n\n    await loader.clear()\n  } catch (error) {\n    const message =\n      error instanceof Error ? error.message : 'An unknown error occurred'\n    toast(message, 'error')\n    await loader.invalidate()\n  }\n}\n</script>\n<template>\n  <ScalarButton\n    class=\"h-auto p-2.5\"\n    :loader\n    @click=\"generateRegisterLink\">\n    <slot>Generate</slot>\n  </ScalarButton>\n</template>\n","<script lang=\"ts\" setup>\nimport { ScalarButton, useLoadingState } from '@scalar/components'\nimport { useToasts } from '@scalar/use-toasts'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { nextTick } from 'vue'\n\nimport { DASHBOARD_REGISTER_URL } from '@/consts/urls'\nimport { uploadTempDocument } from '@/helpers/upload-temp-document'\n\nconst { sdks = [], workspace } = defineProps<{\n  workspace: WorkspaceStore\n  sdks?: string[]\n}>()\n\nconst tempDocUrl = defineModel<string>('url')\n\nconst { toast } = useToasts()\nconst loader = useLoadingState()\n\n/** Open the registration link in a new tab */\nfunction openRegisterLink(docUrl: string) {\n  const url = new URL(DASHBOARD_REGISTER_URL)\n  url.searchParams.set('url', docUrl)\n  sdks.forEach((sdk) => url.searchParams.append('sdk', sdk))\n\n  window.open(url.toString(), '_blank')\n}\n\n/** Generate and open the registration link */\nasync function generateRegisterLink() {\n  if (loader.isLoading || !workspace) {\n    return\n  }\n\n  // If we have already have a temporary document URL, use it\n  if (tempDocUrl.value) {\n    openRegisterLink(tempDocUrl.value)\n    return\n  }\n\n  loader.start()\n\n  const document = workspace.exportActiveDocument('json')\n\n  if (!document) {\n    toast('Unable to export active document', 'error')\n    await loader.invalidate()\n    return\n  }\n\n  try {\n    tempDocUrl.value = await uploadTempDocument(document)\n    await loader.validate()\n    openRegisterLink(tempDocUrl.value)\n\n    await nextTick()\n\n    await loader.clear()\n  } catch (error) {\n    const message =\n      error instanceof Error ? error.message : 'An unknown error occurred'\n    toast(message, 'error')\n    await loader.invalidate()\n  }\n}\n</script>\n<template>\n  <ScalarButton\n    class=\"h-auto p-2.5\"\n    :loader\n    @click=\"generateRegisterLink\">\n    <slot>Generate</slot>\n  </ScalarButton>\n</template>\n","<script lang=\"ts\" setup>\nimport {\n  ScalarIconBookOpen,\n  ScalarIconBracketsCurly,\n  ScalarIconCloud,\n  ScalarIconFileMd,\n  ScalarIconGitBranch,\n  ScalarIconGlobeSimple,\n  ScalarIconLockSimple,\n  ScalarIconWarningOctagon,\n} from '@scalar/icons'\nimport { type ScalarIconComponent } from '@scalar/icons/types'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport ApiReferenceToolbarBlurb from './ApiReferenceToolbarBlurb.vue'\nimport ApiReferenceToolbarRegisterButton from './ApiReferenceToolbarRegisterButton.vue'\n\nconst { workspace } = defineProps<{\n  workspace: WorkspaceStore\n}>()\n\nconst FEATURES = [\n  { icon: ScalarIconLockSimple, label: 'Password Protection' },\n  { icon: ScalarIconGlobeSimple, label: 'Custom Domains' },\n  { icon: ScalarIconBookOpen, label: 'Free-form content' },\n  { icon: ScalarIconCloud, label: 'CDN Infrastructure' },\n  { icon: ScalarIconGitBranch, label: 'Pull from GitHub' },\n  { icon: ScalarIconFileMd, label: 'Markdown/MDX' },\n  { icon: ScalarIconWarningOctagon, label: 'Spectral Linting' },\n  { icon: ScalarIconBracketsCurly, label: 'JSON Schema Hosting' },\n] as const satisfies ReadonlyArray<{\n  icon: ScalarIconComponent\n  label: string\n}>\n</script>\n<template>\n  <ul class=\"text-c-2 mb-2 grid grid-cols-2 gap-2.5 font-medium\">\n    <li\n      v-for=\"feature in FEATURES\"\n      :key=\"feature.label\"\n      class=\"flex items-center gap-2\">\n      <component\n        :is=\"feature.icon\"\n        class=\"text-c-3 size-3.5\"\n        weight=\"bold\" />\n      {{ feature.label }}\n    </li>\n  </ul>\n  <ApiReferenceToolbarRegisterButton :workspace>\n    Deploy on Scalar\n  </ApiReferenceToolbarRegisterButton>\n  <ApiReferenceToolbarBlurb>\n    Deploy your documentation for free. <br />\n    Additional features might require\n    <a\n      href=\"https://scalar.com/products/docs/getting-started\"\n      target=\"_blank\"\n      >Scalar Pro</a\n    >.\n  </ApiReferenceToolbarBlurb>\n</template>\n","<script lang=\"ts\" setup>\nimport {\n  ScalarIconBookOpen,\n  ScalarIconBracketsCurly,\n  ScalarIconCloud,\n  ScalarIconFileMd,\n  ScalarIconGitBranch,\n  ScalarIconGlobeSimple,\n  ScalarIconLockSimple,\n  ScalarIconWarningOctagon,\n} from '@scalar/icons'\nimport { type ScalarIconComponent } from '@scalar/icons/types'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport ApiReferenceToolbarBlurb from './ApiReferenceToolbarBlurb.vue'\nimport ApiReferenceToolbarRegisterButton from './ApiReferenceToolbarRegisterButton.vue'\n\nconst { workspace } = defineProps<{\n  workspace: WorkspaceStore\n}>()\n\nconst FEATURES = [\n  { icon: ScalarIconLockSimple, label: 'Password Protection' },\n  { icon: ScalarIconGlobeSimple, label: 'Custom Domains' },\n  { icon: ScalarIconBookOpen, label: 'Free-form content' },\n  { icon: ScalarIconCloud, label: 'CDN Infrastructure' },\n  { icon: ScalarIconGitBranch, label: 'Pull from GitHub' },\n  { icon: ScalarIconFileMd, label: 'Markdown/MDX' },\n  { icon: ScalarIconWarningOctagon, label: 'Spectral Linting' },\n  { icon: ScalarIconBracketsCurly, label: 'JSON Schema Hosting' },\n] as const satisfies ReadonlyArray<{\n  icon: ScalarIconComponent\n  label: string\n}>\n</script>\n<template>\n  <ul class=\"text-c-2 mb-2 grid grid-cols-2 gap-2.5 font-medium\">\n    <li\n      v-for=\"feature in FEATURES\"\n      :key=\"feature.label\"\n      class=\"flex items-center gap-2\">\n      <component\n        :is=\"feature.icon\"\n        class=\"text-c-3 size-3.5\"\n        weight=\"bold\" />\n      {{ feature.label }}\n    </li>\n  </ul>\n  <ApiReferenceToolbarRegisterButton :workspace>\n    Deploy on Scalar\n  </ApiReferenceToolbarRegisterButton>\n  <ApiReferenceToolbarBlurb>\n    Deploy your documentation for free. <br />\n    Additional features might require\n    <a\n      href=\"https://scalar.com/products/docs/getting-started\"\n      target=\"_blank\"\n      >Scalar Pro</a\n    >.\n  </ApiReferenceToolbarBlurb>\n</template>\n","<script lang=\"ts\" setup>\nimport { ScalarFormSection } from '@scalar/components'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport ApiReferenceToolbarPopover from './ApiReferenceToolbarPopover.vue'\nimport ApiReferenceToolbarShareRegister from './ApiReferenceToolbarShareRegister.vue'\n\nconst { workspace } = defineProps<{\n  workspace: WorkspaceStore\n}>()\n</script>\n\n<template>\n  <ApiReferenceToolbarPopover class=\"w-120\">\n    <template #label>Deploy</template>\n    <ScalarFormSection>\n      <template #label>Scalar Docs</template>\n      <p class=\"text-c-2 mb-2 leading-normal\">\n        Deploy your documentation on Scalar, the modern documentation platform\n        for your API and everything else.\n      </p>\n      <ApiReferenceToolbarShareRegister :workspace />\n    </ScalarFormSection>\n  </ApiReferenceToolbarPopover>\n</template>\n","<script lang=\"ts\" setup>\nimport { ScalarFormSection } from '@scalar/components'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport ApiReferenceToolbarPopover from './ApiReferenceToolbarPopover.vue'\nimport ApiReferenceToolbarShareRegister from './ApiReferenceToolbarShareRegister.vue'\n\nconst { workspace } = defineProps<{\n  workspace: WorkspaceStore\n}>()\n</script>\n\n<template>\n  <ApiReferenceToolbarPopover class=\"w-120\">\n    <template #label>Deploy</template>\n    <ScalarFormSection>\n      <template #label>Scalar Docs</template>\n      <p class=\"text-c-2 mb-2 leading-normal\">\n        Deploy your documentation on Scalar, the modern documentation platform\n        for your API and everything else.\n      </p>\n      <ApiReferenceToolbarShareRegister :workspace />\n    </ScalarFormSection>\n  </ApiReferenceToolbarPopover>\n</template>\n","<script lang=\"ts\" setup>\nimport {\n  ScalarCheckboxRadioGroup,\n  type ScalarCheckboxOption,\n} from '@scalar/components'\nimport { computed } from 'vue'\n\nconst ModernOption = { label: 'Modern', value: 'modern' } as const\nconst ClassicOption = { label: 'Classic', value: 'classic' } as const\n\nconst options = [\n  ModernOption,\n  ClassicOption,\n] as const satisfies ScalarCheckboxOption[]\n\nconst model = defineModel<'modern' | 'classic'>()\n\nconst selected = computed<(typeof options)[number]>({\n  get: () => (model.value === 'modern' ? ModernOption : ClassicOption),\n  set: (option) => (model.value = option.value),\n})\n</script>\n<template>\n  <ScalarCheckboxRadioGroup\n    v-model=\"selected\"\n    :options />\n</template>\n","<script lang=\"ts\" setup>\nimport {\n  ScalarCheckboxRadioGroup,\n  type ScalarCheckboxOption,\n} from '@scalar/components'\nimport { computed } from 'vue'\n\nconst ModernOption = { label: 'Modern', value: 'modern' } as const\nconst ClassicOption = { label: 'Classic', value: 'classic' } as const\n\nconst options = [\n  ModernOption,\n  ClassicOption,\n] as const satisfies ScalarCheckboxOption[]\n\nconst model = defineModel<'modern' | 'classic'>()\n\nconst selected = computed<(typeof options)[number]>({\n  get: () => (model.value === 'modern' ? ModernOption : ClassicOption),\n  set: (option) => (model.value = option.value),\n})\n</script>\n<template>\n  <ScalarCheckboxRadioGroup\n    v-model=\"selected\"\n    :options />\n</template>\n","<script setup lang=\"ts\">\nimport { ScalarFormInputGroup, ScalarToggleInput } from '@scalar/components'\nimport type { ApiReferenceConfiguration } from '@scalar/types/api-reference'\n\ntype LayoutOptions = {\n  showSidebar?: boolean\n  defaultOpenFirstTag?: boolean\n  defaultOpenAllTags?: boolean\n  expandAllModelSections?: boolean\n  expandAllResponses?: boolean\n  hideClientButton?: boolean\n  hideDarkModeToggle?: boolean\n  hideModels?: boolean\n  hideSearch?: boolean\n  hideTestRequestButton?: boolean\n  showOperationId?: boolean\n}\n\nconst { configuration } = defineProps<{\n  configuration?: Partial<ApiReferenceConfiguration>\n}>()\n\nconst model = defineModel<LayoutOptions>({\n  default: {},\n})\n\nfunction getValue(key: keyof LayoutOptions, defaultValue: boolean = false) {\n  return model.value[key] ?? configuration?.[key] ?? defaultValue\n}\n\nfunction setValue(\n  key: keyof LayoutOptions,\n  value: boolean,\n  defaultValue: boolean = false,\n) {\n  if (value !== defaultValue) {\n    model.value = { ...model.value, [key]: value }\n  } else {\n    model.value = Object.fromEntries(\n      Object.entries(model.value).filter(([k]) => key !== k),\n    )\n  }\n}\n</script>\n<template>\n  <ScalarFormInputGroup>\n    <ScalarToggleInput\n      :modelValue=\"getValue('showSidebar', true)\"\n      @update:modelValue=\"(v) => setValue('showSidebar', !!v, true)\">\n      Show Sidebar\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('defaultOpenFirstTag', true)\"\n      @update:modelValue=\"(v) => setValue('defaultOpenFirstTag', !!v, true)\">\n      Default Open First Tag\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('defaultOpenAllTags')\"\n      @update:modelValue=\"(v) => setValue('defaultOpenAllTags', !!v)\">\n      Default Open All Tags\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('expandAllModelSections')\"\n      @update:modelValue=\"(v) => setValue('expandAllModelSections', !!v)\">\n      Expand All Model Sections\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('expandAllResponses')\"\n      @update:modelValue=\"(v) => setValue('expandAllResponses', !!v)\">\n      Expand All Responses\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideClientButton')\"\n      @update:modelValue=\"(v) => setValue('hideClientButton', !!v)\">\n      Hide Client Button\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideDarkModeToggle')\"\n      @update:modelValue=\"(v) => setValue('hideDarkModeToggle', !!v)\">\n      Hide Dark Mode Toggle\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideModels')\"\n      @update:modelValue=\"(v) => setValue('hideModels', !!v)\">\n      Hide Models\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideSearch')\"\n      @update:modelValue=\"(v) => setValue('hideSearch', !!v)\">\n      Hide Search\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('showOperationId')\"\n      @update:modelValue=\"(v) => setValue('showOperationId', !!v)\">\n      Show Operation ID\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideTestRequestButton')\"\n      @update:modelValue=\"(v) => setValue('hideTestRequestButton', !!v)\">\n      Hide Test Request Button\n    </ScalarToggleInput>\n  </ScalarFormInputGroup>\n</template>\n","<script setup lang=\"ts\">\nimport { ScalarFormInputGroup, ScalarToggleInput } from '@scalar/components'\nimport type { ApiReferenceConfiguration } from '@scalar/types/api-reference'\n\ntype LayoutOptions = {\n  showSidebar?: boolean\n  defaultOpenFirstTag?: boolean\n  defaultOpenAllTags?: boolean\n  expandAllModelSections?: boolean\n  expandAllResponses?: boolean\n  hideClientButton?: boolean\n  hideDarkModeToggle?: boolean\n  hideModels?: boolean\n  hideSearch?: boolean\n  hideTestRequestButton?: boolean\n  showOperationId?: boolean\n}\n\nconst { configuration } = defineProps<{\n  configuration?: Partial<ApiReferenceConfiguration>\n}>()\n\nconst model = defineModel<LayoutOptions>({\n  default: {},\n})\n\nfunction getValue(key: keyof LayoutOptions, defaultValue: boolean = false) {\n  return model.value[key] ?? configuration?.[key] ?? defaultValue\n}\n\nfunction setValue(\n  key: keyof LayoutOptions,\n  value: boolean,\n  defaultValue: boolean = false,\n) {\n  if (value !== defaultValue) {\n    model.value = { ...model.value, [key]: value }\n  } else {\n    model.value = Object.fromEntries(\n      Object.entries(model.value).filter(([k]) => key !== k),\n    )\n  }\n}\n</script>\n<template>\n  <ScalarFormInputGroup>\n    <ScalarToggleInput\n      :modelValue=\"getValue('showSidebar', true)\"\n      @update:modelValue=\"(v) => setValue('showSidebar', !!v, true)\">\n      Show Sidebar\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('defaultOpenFirstTag', true)\"\n      @update:modelValue=\"(v) => setValue('defaultOpenFirstTag', !!v, true)\">\n      Default Open First Tag\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('defaultOpenAllTags')\"\n      @update:modelValue=\"(v) => setValue('defaultOpenAllTags', !!v)\">\n      Default Open All Tags\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('expandAllModelSections')\"\n      @update:modelValue=\"(v) => setValue('expandAllModelSections', !!v)\">\n      Expand All Model Sections\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('expandAllResponses')\"\n      @update:modelValue=\"(v) => setValue('expandAllResponses', !!v)\">\n      Expand All Responses\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideClientButton')\"\n      @update:modelValue=\"(v) => setValue('hideClientButton', !!v)\">\n      Hide Client Button\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideDarkModeToggle')\"\n      @update:modelValue=\"(v) => setValue('hideDarkModeToggle', !!v)\">\n      Hide Dark Mode Toggle\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideModels')\"\n      @update:modelValue=\"(v) => setValue('hideModels', !!v)\">\n      Hide Models\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideSearch')\"\n      @update:modelValue=\"(v) => setValue('hideSearch', !!v)\">\n      Hide Search\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('showOperationId')\"\n      @update:modelValue=\"(v) => setValue('showOperationId', !!v)\">\n      Show Operation ID\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideTestRequestButton')\"\n      @update:modelValue=\"(v) => setValue('hideTestRequestButton', !!v)\">\n      Hide Test Request Button\n    </ScalarToggleInput>\n  </ScalarFormInputGroup>\n</template>\n","<script lang=\"ts\" setup>\nimport {\n  ScalarCombobox,\n  ScalarFormInput,\n  ScalarListboxCheckbox,\n  ScalarThemeSwatches,\n} from '@scalar/components'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport { presets, themeIds, themeLabels, type ThemeId } from '@scalar/themes'\nimport { computed } from 'vue'\n\ntype ThemeOption = {\n  id: Exclude<ThemeId, 'none'>\n  label: string\n  css: string\n}\n\nconst model = defineModel<ThemeId>()\n\nconst options = computed<ThemeOption[]>(() =>\n  themeIds\n    .filter((id) => id !== 'none')\n    .map((id) => ({\n      id,\n      label: themeLabels[id],\n      css: presets[id].theme,\n    })),\n)\nconst selected = computed<ThemeOption>({\n  get: () => {\n    const theme = model.value ?? 'default'\n    return (\n      options.value.find((o) => o.id === theme) ??\n      (options.value[0] as ThemeOption)\n    )\n  },\n  set: (option) => (model.value = option.id),\n})\n</script>\n<template>\n  <ScalarCombobox\n    v-model=\"selected\"\n    :options\n    resize>\n    <template #default=\"{ open }\">\n      <ScalarFormInput>\n        <div class=\"min-w-0 flex-1 truncate text-left\">\n          {{ selected.label }}\n        </div>\n        <ScalarThemeSwatches\n          class=\"mr-2\"\n          :css=\"selected.css\" />\n        <ScalarIconCaretDown\n          class=\"size-3.5 transition-transform\"\n          :class=\"{ 'rotate-180': open }\" />\n      </ScalarFormInput>\n    </template>\n    <template #option=\"{ selected, option }\">\n      <ScalarListboxCheckbox :selected />\n      <span class=\"text-c-1 inline-block min-w-0 flex-1 truncate\">\n        {{ option.label }}\n      </span>\n      <ScalarThemeSwatches :css=\"option.css\" />\n    </template>\n  </ScalarCombobox>\n</template>\n","<script lang=\"ts\" setup>\nimport {\n  ScalarCombobox,\n  ScalarFormInput,\n  ScalarListboxCheckbox,\n  ScalarThemeSwatches,\n} from '@scalar/components'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport { presets, themeIds, themeLabels, type ThemeId } from '@scalar/themes'\nimport { computed } from 'vue'\n\ntype ThemeOption = {\n  id: Exclude<ThemeId, 'none'>\n  label: string\n  css: string\n}\n\nconst model = defineModel<ThemeId>()\n\nconst options = computed<ThemeOption[]>(() =>\n  themeIds\n    .filter((id) => id !== 'none')\n    .map((id) => ({\n      id,\n      label: themeLabels[id],\n      css: presets[id].theme,\n    })),\n)\nconst selected = computed<ThemeOption>({\n  get: () => {\n    const theme = model.value ?? 'default'\n    return (\n      options.value.find((o) => o.id === theme) ??\n      (options.value[0] as ThemeOption)\n    )\n  },\n  set: (option) => (model.value = option.id),\n})\n</script>\n<template>\n  <ScalarCombobox\n    v-model=\"selected\"\n    :options\n    resize>\n    <template #default=\"{ open }\">\n      <ScalarFormInput>\n        <div class=\"min-w-0 flex-1 truncate text-left\">\n          {{ selected.label }}\n        </div>\n        <ScalarThemeSwatches\n          class=\"mr-2\"\n          :css=\"selected.css\" />\n        <ScalarIconCaretDown\n          class=\"size-3.5 transition-transform\"\n          :class=\"{ 'rotate-180': open }\" />\n      </ScalarFormInput>\n    </template>\n    <template #option=\"{ selected, option }\">\n      <ScalarListboxCheckbox :selected />\n      <span class=\"text-c-1 inline-block min-w-0 flex-1 truncate\">\n        {{ option.label }}\n      </span>\n      <ScalarThemeSwatches :css=\"option.css\" />\n    </template>\n  </ScalarCombobox>\n</template>\n","<script lang=\"ts\" setup>\nimport {\n  ScalarCodeBlock,\n  ScalarFormField,\n  ScalarFormSection,\n} from '@scalar/components'\nimport { prettyPrintJson } from '@scalar/helpers/json/pretty-print-json'\nimport { type ThemeId } from '@scalar/themes'\nimport type { ApiReferenceConfiguration } from '@scalar/types/api-reference'\nimport { computed } from 'vue'\n\nimport ApiReferenceToolbarConfigLayout from './ApiReferenceToolbarConfigLayout.vue'\nimport ApiReferenceToolbarConfigLayoutOptions from './ApiReferenceToolbarConfigLayoutOptions.vue'\nimport ApiReferenceToolbarConfigTheme from './ApiReferenceToolbarConfigTheme.vue'\nimport ApiReferenceToolbarPopover from './ApiReferenceToolbarPopover.vue'\n\nconst { configuration } = defineProps<{\n  configuration?: Partial<ApiReferenceConfiguration>\n}>()\n\nconst overrides = defineModel<Partial<ApiReferenceConfiguration>>('overrides')\n\nconst snippet = computed<string>(() => {\n  return prettyPrintJson({\n    ...overrides.value, // Make sure the overrides are first\n    ...configuration,\n    ...overrides.value, // But also that they override the configuration\n  })\n})\n\nconst theme = computed<ThemeId>({\n  get: () => overrides.value?.theme ?? configuration?.theme ?? 'default',\n  set: (t) => (overrides.value = { ...overrides.value, theme: t }),\n})\n\nconst layout = computed<'modern' | 'classic'>({\n  get: () => overrides.value?.layout ?? configuration?.layout ?? 'modern',\n  set: (l) => (overrides.value = { ...overrides.value, layout: l }),\n})\n</script>\n<template>\n  <ApiReferenceToolbarPopover class=\"w-120\">\n    <template #label>Configure</template>\n    <ScalarFormSection>\n      <template #label>Scalar Configuration</template>\n      <ScalarCodeBlock\n        class=\"bg-b-1.5 flex max-h-40 flex-col rounded border text-sm\"\n        :content=\"snippet\"\n        lang=\"json\" />\n    </ScalarFormSection>\n    <div class=\"flex flex-col gap-4\">\n      <ScalarFormField>\n        <template #label>Theme</template>\n        <ApiReferenceToolbarConfigTheme v-model=\"theme\" />\n      </ScalarFormField>\n      <ScalarFormField>\n        <template #label>Layout</template>\n        <ApiReferenceToolbarConfigLayout v-model=\"layout\" />\n      </ScalarFormField>\n      <ScalarFormField is=\"div\">\n        <template #label>Layout Options</template>\n        <ApiReferenceToolbarConfigLayoutOptions\n          v-model=\"overrides\"\n          :configuration />\n      </ScalarFormField>\n    </div>\n  </ApiReferenceToolbarPopover>\n</template>\n","<script lang=\"ts\" setup>\nimport {\n  ScalarCodeBlock,\n  ScalarFormField,\n  ScalarFormSection,\n} from '@scalar/components'\nimport { prettyPrintJson } from '@scalar/helpers/json/pretty-print-json'\nimport { type ThemeId } from '@scalar/themes'\nimport type { ApiReferenceConfiguration } from '@scalar/types/api-reference'\nimport { computed } from 'vue'\n\nimport ApiReferenceToolbarConfigLayout from './ApiReferenceToolbarConfigLayout.vue'\nimport ApiReferenceToolbarConfigLayoutOptions from './ApiReferenceToolbarConfigLayoutOptions.vue'\nimport ApiReferenceToolbarConfigTheme from './ApiReferenceToolbarConfigTheme.vue'\nimport ApiReferenceToolbarPopover from './ApiReferenceToolbarPopover.vue'\n\nconst { configuration } = defineProps<{\n  configuration?: Partial<ApiReferenceConfiguration>\n}>()\n\nconst overrides = defineModel<Partial<ApiReferenceConfiguration>>('overrides')\n\nconst snippet = computed<string>(() => {\n  return prettyPrintJson({\n    ...overrides.value, // Make sure the overrides are first\n    ...configuration,\n    ...overrides.value, // But also that they override the configuration\n  })\n})\n\nconst theme = computed<ThemeId>({\n  get: () => overrides.value?.theme ?? configuration?.theme ?? 'default',\n  set: (t) => (overrides.value = { ...overrides.value, theme: t }),\n})\n\nconst layout = computed<'modern' | 'classic'>({\n  get: () => overrides.value?.layout ?? configuration?.layout ?? 'modern',\n  set: (l) => (overrides.value = { ...overrides.value, layout: l }),\n})\n</script>\n<template>\n  <ApiReferenceToolbarPopover class=\"w-120\">\n    <template #label>Configure</template>\n    <ScalarFormSection>\n      <template #label>Scalar Configuration</template>\n      <ScalarCodeBlock\n        class=\"bg-b-1.5 flex max-h-40 flex-col rounded border text-sm\"\n        :content=\"snippet\"\n        lang=\"json\" />\n    </ScalarFormSection>\n    <div class=\"flex flex-col gap-4\">\n      <ScalarFormField>\n        <template #label>Theme</template>\n        <ApiReferenceToolbarConfigTheme v-model=\"theme\" />\n      </ScalarFormField>\n      <ScalarFormField>\n        <template #label>Layout</template>\n        <ApiReferenceToolbarConfigLayout v-model=\"layout\" />\n      </ScalarFormField>\n      <ScalarFormField is=\"div\">\n        <template #label>Layout Options</template>\n        <ApiReferenceToolbarConfigLayoutOptions\n          v-model=\"overrides\"\n          :configuration />\n      </ScalarFormField>\n    </div>\n  </ApiReferenceToolbarPopover>\n</template>\n","<script lang=\"ts\" setup>\nimport {\n  ScalarButton,\n  ScalarTextInputCopy,\n  useLoadingState,\n} from '@scalar/components'\nimport { useToasts } from '@scalar/use-toasts'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport { REGISTRY_SHARE_URL } from '@/consts/urls'\nimport { uploadTempDocument } from '@/helpers/upload-temp-document'\n\nimport ApiReferenceToolbarBlurb from './ApiReferenceToolbarBlurb.vue'\n\nconst { workspace } = defineProps<{\n  workspace: WorkspaceStore\n}>()\n\nconst { toast } = useToasts()\nconst loader = useLoadingState()\n\nconst tempDocUrl = defineModel<string>('url')\n\nasync function generateTemporaryLink() {\n  if (loader.isLoading || !workspace || !!tempDocUrl.value) {\n    return\n  }\n\n  loader.start()\n\n  const document = workspace.exportActiveDocument('json')\n\n  if (!document) {\n    toast('Unable to export active document', 'error')\n    await loader.invalidate()\n    return\n  }\n\n  try {\n    const url = await uploadTempDocument(document)\n    await loader.validate({ duration: 900, persist: true }) // Wait to show the success state\n    tempDocUrl.value = url\n  } catch (error) {\n    const message =\n      error instanceof Error ? error.message : 'An unknown error occurred'\n    toast(message, 'error')\n    await loader.invalidate()\n  }\n}\n</script>\n<template>\n  <template v-if=\"tempDocUrl\">\n    <ScalarTextInputCopy\n      immediate\n      :modelValue=\"tempDocUrl\"\n      name=\"temporary-link\"\n      :placeholder=\"`${REGISTRY_SHARE_URL}/apis/…`\">\n    </ScalarTextInputCopy>\n  </template>\n  <template v-else>\n    <ScalarButton\n      class=\"h-auto p-2.5\"\n      :loader\n      variant=\"gradient\"\n      @click=\"generateTemporaryLink\">\n      Upload Document\n    </ScalarButton>\n  </template>\n  <ApiReferenceToolbarBlurb class=\"-mt-1\">\n    Your document will automatically be deleted after 7 days.\n  </ApiReferenceToolbarBlurb>\n</template>\n","<script lang=\"ts\" setup>\nimport {\n  ScalarButton,\n  ScalarTextInputCopy,\n  useLoadingState,\n} from '@scalar/components'\nimport { useToasts } from '@scalar/use-toasts'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport { REGISTRY_SHARE_URL } from '@/consts/urls'\nimport { uploadTempDocument } from '@/helpers/upload-temp-document'\n\nimport ApiReferenceToolbarBlurb from './ApiReferenceToolbarBlurb.vue'\n\nconst { workspace } = defineProps<{\n  workspace: WorkspaceStore\n}>()\n\nconst { toast } = useToasts()\nconst loader = useLoadingState()\n\nconst tempDocUrl = defineModel<string>('url')\n\nasync function generateTemporaryLink() {\n  if (loader.isLoading || !workspace || !!tempDocUrl.value) {\n    return\n  }\n\n  loader.start()\n\n  const document = workspace.exportActiveDocument('json')\n\n  if (!document) {\n    toast('Unable to export active document', 'error')\n    await loader.invalidate()\n    return\n  }\n\n  try {\n    const url = await uploadTempDocument(document)\n    await loader.validate({ duration: 900, persist: true }) // Wait to show the success state\n    tempDocUrl.value = url\n  } catch (error) {\n    const message =\n      error instanceof Error ? error.message : 'An unknown error occurred'\n    toast(message, 'error')\n    await loader.invalidate()\n  }\n}\n</script>\n<template>\n  <template v-if=\"tempDocUrl\">\n    <ScalarTextInputCopy\n      immediate\n      :modelValue=\"tempDocUrl\"\n      name=\"temporary-link\"\n      :placeholder=\"`${REGISTRY_SHARE_URL}/apis/…`\">\n    </ScalarTextInputCopy>\n  </template>\n  <template v-else>\n    <ScalarButton\n      class=\"h-auto p-2.5\"\n      :loader\n      variant=\"gradient\"\n      @click=\"generateTemporaryLink\">\n      Upload Document\n    </ScalarButton>\n  </template>\n  <ApiReferenceToolbarBlurb class=\"-mt-1\">\n    Your document will automatically be deleted after 7 days.\n  </ApiReferenceToolbarBlurb>\n</template>\n","<script lang=\"ts\" setup>\nimport { ScalarFormSection } from '@scalar/components'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport ApiReferenceToolbarPopover from './ApiReferenceToolbarPopover.vue'\nimport ApiReferenceToolbarShareTemporary from './ApiReferenceToolbarShareTemporary.vue'\n\nconst { workspace } = defineProps<{\n  workspace: WorkspaceStore\n}>()\n</script>\n<template>\n  <ApiReferenceToolbarPopover class=\"w-120\">\n    <template #label>Share</template>\n    <ScalarFormSection>\n      <template #label>Share your API Reference</template>\n      <p class=\"text-c-2 mb-2 leading-normal\">\n        Upload your OpenAPI document to share your API Reference with others. As\n        easy as pressing a button.\n      </p>\n      <ApiReferenceToolbarShareTemporary :workspace />\n    </ScalarFormSection>\n  </ApiReferenceToolbarPopover>\n</template>\n","<script lang=\"ts\" setup>\nimport { ScalarFormSection } from '@scalar/components'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\n\nimport ApiReferenceToolbarPopover from './ApiReferenceToolbarPopover.vue'\nimport ApiReferenceToolbarShareTemporary from './ApiReferenceToolbarShareTemporary.vue'\n\nconst { workspace } = defineProps<{\n  workspace: WorkspaceStore\n}>()\n</script>\n<template>\n  <ApiReferenceToolbarPopover class=\"w-120\">\n    <template #label>Share</template>\n    <ScalarFormSection>\n      <template #label>Share your API Reference</template>\n      <p class=\"text-c-2 mb-2 leading-normal\">\n        Upload your OpenAPI document to share your API Reference with others. As\n        easy as pressing a button.\n      </p>\n      <ApiReferenceToolbarShareTemporary :workspace />\n    </ScalarFormSection>\n  </ApiReferenceToolbarPopover>\n</template>\n","<script lang=\"ts\" setup>\nimport { isLocalUrl } from '@scalar/helpers/url/is-local-url'\nimport type { ApiReferenceConfiguration } from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { computed } from 'vue'\n\nimport ApiReferenceToolbarTitle from './components/ApiReferenceToolbarTitle.vue'\nimport DeployApiReference from './components/DeployApiReference.vue'\nimport ModifyConfiguration from './components/ModifyConfiguration.vue'\nimport ShareApiReference from './components/ShareApiReference.vue'\n\nconst { configuration } = defineProps<{\n  workspace?: WorkspaceStore\n  configuration?: Partial<ApiReferenceConfiguration>\n}>()\n\nconst overrides = defineModel<Partial<ApiReferenceConfiguration>>('overrides')\n\nconst showDeveloperTools = computed<boolean>(() => {\n  if (configuration?.showDeveloperTools === 'always') {\n    return true\n  }\n\n  if (configuration?.showDeveloperTools === 'never') {\n    return false\n  }\n\n  if (typeof window === 'undefined') {\n    return false\n  }\n\n  return isLocalUrl(window.location.href)\n})\n</script>\n<template>\n  <header\n    v-if=\"showDeveloperTools\"\n    aria-label=\"Developer Tools\"\n    class=\"api-reference-toolbar bg-b-1 relative z-1 flex h-10 justify-center border-b px-15\">\n    <div\n      class=\"-mx-2 flex max-w-(--refs-content-max-width) flex-1 items-center\">\n      <div class=\"flex flex-1 items-center\">\n        <ApiReferenceToolbarTitle />\n      </div>\n      <ModifyConfiguration\n        v-model:overrides=\"overrides\"\n        :configuration />\n      <template v-if=\"workspace\">\n        <ShareApiReference :workspace />\n        <DeployApiReference :workspace />\n      </template>\n    </div>\n  </header>\n</template>\n","<script lang=\"ts\" setup>\nimport { isLocalUrl } from '@scalar/helpers/url/is-local-url'\nimport type { ApiReferenceConfiguration } from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { computed } from 'vue'\n\nimport ApiReferenceToolbarTitle from './components/ApiReferenceToolbarTitle.vue'\nimport DeployApiReference from './components/DeployApiReference.vue'\nimport ModifyConfiguration from './components/ModifyConfiguration.vue'\nimport ShareApiReference from './components/ShareApiReference.vue'\n\nconst { configuration } = defineProps<{\n  workspace?: WorkspaceStore\n  configuration?: Partial<ApiReferenceConfiguration>\n}>()\n\nconst overrides = defineModel<Partial<ApiReferenceConfiguration>>('overrides')\n\nconst showDeveloperTools = computed<boolean>(() => {\n  if (configuration?.showDeveloperTools === 'always') {\n    return true\n  }\n\n  if (configuration?.showDeveloperTools === 'never') {\n    return false\n  }\n\n  if (typeof window === 'undefined') {\n    return false\n  }\n\n  return isLocalUrl(window.location.href)\n})\n</script>\n<template>\n  <header\n    v-if=\"showDeveloperTools\"\n    aria-label=\"Developer Tools\"\n    class=\"api-reference-toolbar bg-b-1 relative z-1 flex h-10 justify-center border-b px-15\">\n    <div\n      class=\"-mx-2 flex max-w-(--refs-content-max-width) flex-1 items-center\">\n      <div class=\"flex flex-1 items-center\">\n        <ApiReferenceToolbarTitle />\n      </div>\n      <ModifyConfiguration\n        v-model:overrides=\"overrides\"\n        :configuration />\n      <template v-if=\"workspace\">\n        <ShareApiReference :workspace />\n        <DeployApiReference :workspace />\n      </template>\n    </div>\n  </header>\n</template>\n","<script setup lang=\"ts\">\nimport { provideUseId } from '@headlessui/vue'\nimport { OpenApiClientButton } from '@scalar/api-client/components'\nimport {\n  createApiClientModal,\n  type ApiClientModal,\n} from '@scalar/api-client/v2/features/modal'\nimport { getActiveEnvironment, getServers } from '@scalar/api-client/v2/helpers'\nimport {\n  addScalarClassesToHeadless,\n  ScalarColorModeToggleButton,\n  ScalarColorModeToggleIcon,\n  ScalarSidebarFooter,\n} from '@scalar/components'\nimport { isLocalUrl } from '@scalar/helpers/url/is-local-url'\nimport {\n  createSidebarState,\n  ScalarSidebar,\n  scrollSidebarToTop,\n} from '@scalar/sidebar'\nimport { getThemeStyles, hasObtrusiveScrollbars } from '@scalar/themes'\nimport {\n  apiReferenceConfigurationSchema,\n  type AnyApiReferenceConfiguration,\n  type ApiReferenceConfiguration,\n  type ApiReferenceConfigurationRaw,\n} from '@scalar/types/api-reference'\nimport { useBreakpoints } from '@scalar/use-hooks/useBreakpoints'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\nimport { useColorMode } from '@scalar/use-hooks/useColorMode'\nimport { ScalarToasts } from '@scalar/use-toasts'\nimport { createWorkspaceStore } from '@scalar/workspace-store/client'\nimport { createWorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type {\n  TraversedEntry,\n  TraversedTag,\n} from '@scalar/workspace-store/schemas/navigation'\nimport { useScrollLock } from '@vueuse/core'\nimport diff from 'microdiff'\nimport {\n  computed,\n  onBeforeMount,\n  onBeforeUnmount,\n  onMounted,\n  onServerPrefetch,\n  provide,\n  ref,\n  useId,\n  useTemplateRef,\n  watch,\n} from 'vue'\n\nimport {\n  AgentScalarButton,\n  AgentScalarDrawer,\n  OpenMCPButton,\n} from '@/components/AgentScalar'\nimport ClassicHeader from '@/components/ClassicHeader.vue'\nimport Content from '@/components/Content/Content.vue'\nimport MobileHeader from '@/components/MobileHeader.vue'\nimport { DeveloperTools } from '@/features/developer-tools'\nimport DocumentSelector from '@/features/multiple-documents/DocumentSelector.vue'\nimport SearchButton from '@/features/Search/components/SearchButton.vue'\nimport { getSystemModePreference } from '@/helpers/color-mode'\nimport { downloadDocument } from '@/helpers/download'\nimport {\n  getIdFromUrl,\n  makeUrlFromId,\n  matchesBasePath,\n} from '@/helpers/id-routing'\nimport {\n  scrollToLazy as _scrollToLazy,\n  addToPriorityQueue,\n  blockIntersection,\n  intersectionEnabled,\n} from '@/helpers/lazy-bus'\nimport {\n  loadAuthFromStorage,\n  loadClientFromStorage,\n} from '@/helpers/load-from-perssistance'\nimport { mapConfigPlugins } from '@/helpers/map-config-plugins'\nimport { mapConfigToWorkspaceStore } from '@/helpers/map-config-to-workspace-store'\nimport {\n  normalizeConfigurations,\n  type NormalizedConfiguration,\n} from '@/helpers/normalize-configurations'\nimport { AGENT_CONTEXT_SYMBOL, useAgent } from '@/hooks/use-agent'\nimport { useIntersection } from '@/hooks/use-intersection'\nimport { createPluginManager, PLUGIN_MANAGER_SYMBOL } from '@/plugins'\nimport { persistencePlugin } from '@/plugins/persistance-plugin'\n\nconst props = defineProps<{\n  /**\n   * Configuration for the API reference.\n   * Can be a single configuration or an array of configurations for multiple documents.\n   */\n  configuration?: AnyApiReferenceConfiguration\n}>()\n\ndefineSlots<{\n  'content-start'?(): { breadcrumb: string }\n  'content-end'?(): { breadcrumb: string }\n  'sidebar-start'?(): { breadcrumb: string }\n  'sidebar-end'?(): { breadcrumb: string }\n  'editor-placeholder'?(): { breadcrumb: string }\n  footer?(): { breadcrumb: string }\n}>()\n\nconst { mediaQueries } = useBreakpoints()\nconst { copyToClipboard } = useClipboard()\n\n/**\n * Used to inject the environment into built packages\n *\n * Primary use case is the open-in-client button\n */\nconst isDevelopment = import.meta.env.DEV\n\nconst obtrusiveScrollbars = computed(hasObtrusiveScrollbars)\n\nconst eventBus = createWorkspaceEventBus({ debug: isDevelopment })\nconst isSidebarOpen = ref(false)\n\nwatch(\n  () => mediaQueries?.lg?.value,\n  (newValue, oldValue) => {\n    // Close the drawer when we go from desktop to mobile\n    if (oldValue && !newValue) {\n      isSidebarOpen.value = false\n    }\n  },\n)\n\n/**\n * Due to a bug in headless UI, we need to set an ID here that can be shared across server/client\n * TODO remove this once the bug is fixed\n *\n * @see https://github.com/tailwindlabs/headlessui/issues/2979\n */\nprovideUseId(() => useId())\n\n// ---------------------------------------------------------------------------\n/**\n * Configuration Handling\n *\n * We will normalize the configurations and store them in a computed property.\n * The active configuration will be associated with the active document.\n */\nconst configList = computed(() => normalizeConfigurations(props.configuration))\n\nconst isMultiDocument = computed(() => Object.keys(configList.value).length > 1)\n\n/** Search for the source with a default attribute or use the first one */\nconst activeSlug = ref<string>(\n  Object.values(configList.value).find((c) => c.default)?.slug ??\n    configList.value[Object.keys(configList.value)?.[0] ?? '']?.slug ??\n    '',\n)\n\n/**\n * On initial page load we need to determine if there is a valid document slug in the URL\n *\n * If there is we set the active slug to the document slug\n */\nif (typeof window !== 'undefined') {\n  const url = new URL(window.location.href)\n\n  // To handle legacy query parameter multi-document support we redirect\n  // to the new path routing format\n  const apiParam = url.searchParams.get('api')\n  if (apiParam && configList.value[apiParam]) {\n    activeSlug.value = apiParam\n    const idFromUrl = getIdFromUrl(\n      url,\n      configList.value[apiParam].config.pathRouting?.basePath,\n      apiParam,\n    )\n    const newUrl = makeUrlFromId(\n      idFromUrl,\n      configList.value[apiParam].config.pathRouting?.basePath,\n      isMultiDocument.value,\n    )\n    if (newUrl) {\n      newUrl.searchParams.delete('api')\n      window.history.replaceState({}, '', newUrl.toString())\n    }\n  }\n\n  /**\n   * For path routing on initial load we do not know which basePath to check for\n   * we need to search the configs to see if any of the base paths match the URL\n   * and then use that basePath to get the initial id\n   *\n   * With this approach we cannot support multi-document mode with one of configs having\n   * an empty basePath\n   *\n   * Other conflicts are possible.\n   */\n  const basePaths = Object.values(configList.value).map(\n    (c) => c.config.pathRouting?.basePath,\n  )\n\n  const initialId = getIdFromUrl(\n    url,\n    basePaths.find((p) => (p ? matchesBasePath(url, p) : false)),\n    isMultiDocument.value ? undefined : activeSlug.value,\n  )\n  const documentSlug = initialId.split('/')[0]\n\n  if (documentSlug && configList.value[documentSlug]) {\n    activeSlug.value = documentSlug\n  }\n}\n\n/** Computed document options list for the selector logic */\nconst documentOptionList = computed(() =>\n  Object.values(configList.value).map((c) => ({\n    label: c.title,\n    id: c.slug,\n  })),\n)\n\n/** Configuration overrides to apply to the selected document (from the localhost toolbar) */\nconst configurationOverrides = ref<\n  Partial<Omit<ApiReferenceConfiguration, 'slug' | 'title' | ''>>\n>({})\n\n/** Any dev toolbar modifications are merged with the active configuration */\nconst mergedConfig = computed<ApiReferenceConfigurationRaw>(() => ({\n  // Provides a default set of values when the lookup fails\n  ...apiReferenceConfigurationSchema.parse({}),\n  // The active configuration based on the slug\n  ...configList.value[activeSlug.value]?.config,\n  // Any overrides from the localhost toolbar\n  ...configurationOverrides.value,\n}))\n\n/** Convenience break out var to determine which routing mode we are using */\nconst basePath = computed(() => mergedConfig.value.pathRouting?.basePath)\n\nconst themeStyle = computed(() =>\n  getThemeStyles(mergedConfig.value.theme, {\n    fonts: mergedConfig.value.withDefaultFonts,\n  }),\n)\n\n/** Plugin injection is not reactive. All plugins must be provided at first render */\nprovide(\n  PLUGIN_MANAGER_SYMBOL,\n  createPluginManager({\n    plugins: Object.values(configList.value).flatMap(\n      (c) => c.config.plugins ?? [],\n    ),\n  }),\n)\n// ---------------------------------------------------------------------------\n/** Navigation State Handling */\n\n// Front-end redirect\nif (mergedConfig.value.redirect && typeof window !== 'undefined') {\n  const newPath = mergedConfig.value.redirect(\n    (mergedConfig.value.pathRouting ? window.location.pathname : '') +\n      window.location.hash,\n  )\n  if (newPath) {\n    window.history.replaceState({}, '', newPath)\n  }\n}\n\n/**\n * Sets the active slug and updates the URL with the selected document slug\n *\n * If an element ID is passed in we will configure the path or hash routing\n */\nfunction syncSlugAndUrlWithDocument(\n  slug: string,\n  elementId: string | undefined,\n  config: ApiReferenceConfigurationRaw,\n) {\n  // We create a new URL and go to the root element if an ID is not provided\n  const url = makeUrlFromId(\n    elementId || slug,\n    config.pathRouting?.basePath,\n    isMultiDocument.value,\n  )\n\n  if (url) {\n    window.history.replaceState({}, '', url.toString())\n  }\n\n  // Update the active slug\n  activeSlug.value = slug\n}\n\n// ---------------------------------------------------------------------------\n/** Workspace Store Initialization */\n\n/**\n * Initializes the new client workspace store.\n */\nconst workspaceStore = createWorkspaceStore({\n  verbose: isDevelopment,\n  plugins: [\n    persistencePlugin({\n      prefix: () => activeSlug.value,\n      persistAuth: () => mergedConfig.value.persistAuth ?? false,\n    }),\n  ],\n})\n\n// TODO: persistence should be hoisted into standalone\n// Client side integrations will want to handle dark mode externally\nconst { toggleColorMode, isDarkMode } = useColorMode({\n  initialColorMode: {\n    true: 'dark' as const,\n    false: 'light' as const,\n    undefined: 'system' as const,\n  }[String(mergedConfig.value.darkMode)],\n  overrideColorMode: mergedConfig.value.forceDarkModeState,\n})\n\n/**\n * Create top level sidebar entries for each document\n * This allows sharing a single sidebar state for across the workspace\n */\nconst itemsFromWorkspace = computed<TraversedEntry[]>(() => {\n  return Object.entries(workspaceStore.workspace.documents).map(\n    ([slug, document]) => ({\n      id: slug,\n      type: 'document',\n      description: document.info.description,\n      name: document.info.title ?? slug,\n      title: document.info.title ?? slug,\n      children: document?.['x-scalar-navigation']?.children ?? [],\n    }),\n  )\n})\n\n/** Initialize the sidebar */\nconst sidebarState = createSidebarState<TraversedEntry>(itemsFromWorkspace, {\n  hooks: {},\n})\n\n/** Recursively set all children of the given items to open */\nconst setChildrenOpen = (items: TraversedEntry[]): void => {\n  items.forEach((item) => {\n    if (item.type === 'tag' || item.type === 'models') {\n      sidebarState.setExpanded(item.id, true)\n    }\n    if ('children' in item && item.children) {\n      setChildrenOpen(item.children)\n    }\n  })\n}\n\n/** We get the sub items for the sidebar based on the configuration/document slug */\nconst sidebarItems = computed<TraversedEntry[]>(() => {\n  const config = mergedConfig.value\n\n  if (!config) {\n    return []\n  }\n\n  const docItems =\n    sidebarState.items.value.find(\n      (item): item is TraversedTag => item.id === activeSlug.value,\n    )?.children ?? []\n\n  // When the default open all tags configuration is enabled we open all the children of the document\n  if (config.defaultOpenAllTags) {\n    setChildrenOpen(docItems)\n  }\n\n  // When the expand all model sections configuration is enabled we open all the children of the models tag\n  if (config.expandAllModelSections) {\n    const models = docItems.find(\n      (item): item is TraversedTag => item.type === 'models',\n    )\n    if (models) {\n      sidebarState.setExpanded(models.id, true)\n      models.children?.forEach((child) => {\n        sidebarState.setExpanded(child.id, true)\n      })\n    }\n  }\n\n  return docItems\n})\n\n/** Find the sidebar entry that represents the introduction section */\nconst infoSectionId = computed(\n  () =>\n    sidebarItems.value.find(\n      (item) => item.type === 'text' && item.title === 'Introduction',\n    )?.id,\n)\n\n/** User for mobile navigation */\nconst breadcrumb = ref('')\n\nconst slotProps = computed(() => ({\n  breadcrumb: breadcrumb.value,\n}))\n\nconst setBreadcrumb = (id: string) => {\n  const item = sidebarState.getEntryById(id)\n\n  if (!item || item.type === 'document') {\n    breadcrumb.value = ''\n  } else {\n    breadcrumb.value = item.title\n  }\n}\n\nconst scrollToLazyElement = (id: string) => {\n  setBreadcrumb(id)\n  sidebarState.setSelected(id)\n  _scrollToLazy(id, sidebarState.setExpanded, sidebarState.getEntryById)\n}\n\n/** Maps some config values to the workspace store to keep it reactive */\nmapConfigToWorkspaceStore({\n  config: () => mergedConfig.value,\n  store: workspaceStore,\n  isDarkMode,\n})\n\n/** Merged environment variables from workspace and document levels */\nconst environment = computed(() =>\n  getActiveEnvironment(\n    workspaceStore,\n    workspaceStore.workspace.activeDocument ?? null,\n  ),\n)\n\nif (typeof window !== 'undefined') {\n  // @ts-expect-error - For debugging purposes expose the store\n  window.dataDumpWorkspace = () => workspaceStore\n}\n\n// For testing\ndefineExpose({\n  eventBus,\n  workspaceStore,\n  sidebarItems,\n})\n\n// ---------------------------------------------------------------------------\n// Document Management\n\n/**\n * Handle changing the active document\n *\n * 1. If the document has not be loaded to the workspace store we set it to empty and asynchronously load it\n * 2. If the document has been loaded to the workspace store we just set it to active\n * 3. If the content from the configuration has changes we need to update the document in the workspace store\n */\nconst changeSelectedDocument = async (\n  slug: string,\n  elementId?: string | undefined,\n) => {\n  const normalized = configList.value[slug]\n\n  if (!normalized) {\n    console.warn(`Document ${slug} not found in configList`)\n    return\n  }\n\n  const config = {\n    ...normalized.config,\n    ...configurationOverrides.value,\n  }\n\n  // Store `onDocumentSelect` result to await its execution later, before calling `onLoaded`\n  const onDocumentSelectPromise = config.onDocumentSelect?.()\n\n  // Set the active slug and update any routing\n  syncSlugAndUrlWithDocument(slug, elementId, config)\n\n  // Update the document on the route as well, the method and path don't matter as we update them before opening\n  apiClient.value?.route({\n    documentSlug: slug,\n    method: 'get',\n    path: '/',\n  })\n\n  const isFirstLoad = !workspaceStore.workspace.documents[slug]\n\n  // If the document is not in the store, we asynchronously load it\n  if (isFirstLoad) {\n    const result = await workspaceStore.addDocument(\n      normalized.source.url\n        ? {\n            name: slug,\n            url: normalized.source.url,\n            fetch: config.fetch,\n          }\n        : {\n            name: slug,\n            document: normalized.source.content ?? {},\n          },\n      config,\n    )\n\n    const document = workspaceStore.workspace.documents[slug]\n\n    // If the document does not have a selected server we set it to the first server\n    if (\n      result === true &&\n      document !== undefined &&\n      document['x-scalar-selected-server'] === undefined\n    ) {\n      // Set the active server if the document is loaded successfully\n      const servers = getServers(\n        normalized.config.servers ?? document.servers,\n        {\n          baseServerUrl: mergedConfig.value.baseServerURL,\n          documentUrl: normalized.source.url,\n        },\n      )\n      if (servers.length > 0) {\n        workspaceStore.updateDocument(\n          slug,\n          'x-scalar-selected-server',\n          servers[0]!.url,\n        )\n      }\n    }\n  }\n\n  // Always set it to active; if the document is null we show a loading state\n  workspaceStore.update('x-scalar-active-document', slug)\n\n  // If the document has persistence enabled we load the auth schemes from storage\n  if (config.persistAuth) {\n    loadAuthFromStorage(workspaceStore, slug)\n  }\n\n  // ensure that `onLoaded` hook doesn't block execution but is executed after `onDocumentSelect`\n  void (async () => {\n    await onDocumentSelectPromise\n    void config.onLoaded?.(slug)\n  })()\n\n  // When loading to a specified element we need to freeze and scroll\n  if (elementId && elementId !== slug) {\n    scrollToLazyElement(elementId)\n  }\n  // If there is no child element of the document specified and defaultOpenFirstTag is enabled, we expand the first tag\n  else if (config.defaultOpenFirstTag) {\n    const firstTag = sidebarItems.value.find((item) => item.type === 'tag')\n    if (firstTag) {\n      sidebarState.setExpanded(firstTag.id, true)\n    }\n  }\n}\n\n/**\n * TODO:Move this to a dedicated updateDocument function in the future and\n * away from vue-reactivity based updates\n */\nwatch(\n  () => Object.values(configList.value),\n  async (newConfigList, oldConfigList) => {\n    /**\n     * Handles replacing and updating documents within the workspace store\n     * when we detect configuration changes.\n     */\n    const updateSource = async (\n      updated: NormalizedConfiguration,\n      previous: NormalizedConfiguration | undefined,\n    ) => {\n      /** If we have not loaded the document previously we don't need to handle any updates to store */\n      if (!workspaceStore.workspace.documents[updated.slug]) {\n        return\n      }\n      /** If the URL has changed we fetch and rebase */\n      if (updated.source.url && updated.source.url !== previous?.source.url) {\n        await workspaceStore.addDocument(\n          {\n            name: updated.slug,\n            url: updated.source.url,\n            fetch: updated.config.fetch,\n          },\n          updated.config,\n        )\n\n        return\n      }\n\n      // If the was not a URL change then we require a document to continue\n      if (!updated.source.content) {\n        return\n      }\n\n      /**\n       * We need to deeply check for document changes. Parse documents and then only rebase\n       * if we detect deep changes in the two sources\n       */\n      if (\n        diff(\n          updated.source.content,\n          previous && 'content' in previous.source\n            ? (previous.source.content ?? {})\n            : {},\n        ).length\n      ) {\n        await workspaceStore.addDocument(\n          {\n            name: updated.slug,\n            document: updated.source.content,\n          },\n          updated.config,\n        )\n      }\n    }\n\n    newConfigList.forEach((newConfig, index) =>\n      updateSource(newConfig, oldConfigList[index]),\n    )\n\n    const newSlugs = newConfigList.map((c) => c.slug)\n    const oldSlugs = oldConfigList.map((c) => c.slug)\n\n    // If the slugs have changed, we need to update the active document and the URL query param\n    if (\n      newSlugs.length !== oldSlugs.length ||\n      !newSlugs.every((slug, index) => slug === oldSlugs[index])\n    ) {\n      await changeSelectedDocument(newSlugs[0] ?? '')\n    }\n  },\n  {\n    deep: true,\n  },\n)\n\n/** Preload the first document during SSR */\nonServerPrefetch(() => changeSelectedDocument(activeSlug.value))\n\n/** Load the first document on page load */\nonBeforeMount(async () => {\n  loadClientFromStorage(workspaceStore)\n\n  await changeSelectedDocument(\n    activeSlug.value,\n    getIdFromUrl(\n      window.location.href,\n      configList.value[activeSlug.value]?.config.pathRouting?.basePath,\n      isMultiDocument.value ? undefined : activeSlug.value,\n    ),\n  )\n})\n\nconst documentUrl = computed(() => {\n  return configList.value[activeSlug.value]?.source?.url\n})\n\n// --------------------------------------------------------------------------- */\n// Agent Scalar\n\n/**\n * Determines if Agent Scalar should be enabled based on the configuration and the current URL\n *\n * - If the agent is disabled in the configuration, it should not be enabled\n * - If the current URL is a local URL, it should be enabled\n * - If the agent key is set, it should be enabled\n */\nconst agent = useAgent({\n  agentEnabled: computed(() => {\n    const currentConfiguration = configList.value[activeSlug.value]\n\n    if (currentConfiguration?.agent?.disabled) {\n      return false\n    }\n\n    if (typeof window !== 'undefined' && isLocalUrl(window.location.href)) {\n      return true\n    }\n\n    return Boolean(configList.value[activeSlug.value]?.agent?.key)\n  }),\n})\nprovide(AGENT_CONTEXT_SYMBOL, agent)\n\n// --------------------------------------------------------------------------- */\n// Api Client Modal\n\n// Setup the ApiClient on mount\nconst modal = useTemplateRef<HTMLElement>('modal')\nconst apiClient = ref<ApiClientModal | null>(null)\nonMounted(() => {\n  if (!modal.value) {\n    return\n  }\n\n  apiClient.value = createApiClientModal({\n    el: modal.value,\n    eventBus,\n    workspaceStore,\n    options: mergedConfig,\n    plugins: mapConfigPlugins(mergedConfig),\n  })\n})\nonBeforeUnmount(() => {\n  apiClient.value?.app.unmount()\n})\n\n// ---------------------------------------------------------------------------\n// Top level event handlers and user specified callbacks\n\n/** Ensure we call the onServerChange callback */\neventBus.on('server:update:selected', ({ url }) =>\n  mergedConfig.value.onServerChange?.(url),\n)\n\n/** Download the document from the store */\neventBus.on('ui:download:document', async ({ format }) => {\n  const document = await workspaceStore.exportActiveDocument(format)\n\n  if (!document) {\n    console.error('No document found to download')\n    return\n  }\n\n  downloadDocument(document, activeSlug.value ?? 'openapi', format)\n})\n\n// ---------------------------------------------------------------------------\n// Local event and scroll handling\n\n/**\n * Handler for a direct navigation event such as a sidebar or search click\n *\n * Depending on the item type we handle a selection event differently:\n *\n * - Tag: If a tag is closed we open it and all its parents and scroll to it\n *        If a tag is open we just close the tag\n * - Operation:\n *        Open all parents and scroll to the operation\n */\nconst handleSelectSidebarEntry = (id: string, caller?: 'sidebar') => {\n  const item = sidebarState.getEntryById(id)\n\n  if (\n    (item?.type === 'tag' ||\n      item?.type === 'models' ||\n      item?.type === 'text') &&\n    sidebarState.isExpanded(id) && // Only close if the item is expanded\n    sidebarState.selectedItem.value === id // Only close if the item is not the currently selected item\n  ) {\n    // hack until we fix intersection logic\n    const unblock = blockIntersection()\n\n    sidebarState.setExpanded(id, false)\n\n    unblock()\n\n    return\n  }\n\n  // Close the mobile menu upon selecting any item that's not a tag or model\n  if (item?.type !== 'tag' && item?.type !== 'models') {\n    isSidebarOpen.value = false\n  }\n\n  scrollToLazyElement(id)\n\n  const url = makeUrlFromId(id, basePath.value, isMultiDocument.value)\n  if (url) {\n    window.history.pushState({}, '', url)\n\n    // Trigger the onSidebarClick callback if the caller is sidebar\n    if (caller === 'sidebar') {\n      mergedConfig.value.onSidebarClick?.(url.toString())\n    }\n  }\n\n  if (agent.showAgent.value) {\n    agent.closeAgent()\n  }\n}\n\n/** Handle a navigation item selection event */\neventBus.on('select:nav-item', ({ id }) => handleSelectSidebarEntry(id))\n\n/** Handle a scroll to navigation item event */\neventBus.on('scroll-to:nav-item', ({ id }) => handleSelectSidebarEntry(id))\n\n/** Handle an intersecting navigation item event */\neventBus.on('intersecting:nav-item', ({ id }) => {\n  if (!intersectionEnabled.value) {\n    return\n  }\n\n  sidebarState.setSelected(id)\n  setBreadcrumb(id)\n\n  // Scroll the sidebar to keep the selected element near the top\n  scrollSidebarToTop(id)\n\n  const url = makeUrlFromId(id, basePath.value, isMultiDocument.value)\n  if (url && workspaceStore.workspace.activeDocument) {\n    window.history.replaceState({}, '', url.toString())\n  }\n})\n\neventBus.on('toggle:nav-item', ({ id, open }) => {\n  if (open) {\n    mergedConfig.value.onShowMore?.(id)\n\n    // Pre-queue first child so it renders immediately when the tag expands\n    const entry = sidebarState.getEntryById(id)\n    if (entry && 'children' in entry && entry.children) {\n      const first = entry.children[0]\n\n      if (first) {\n        addToPriorityQueue(first.id)\n      }\n    }\n  }\n  sidebarState.setExpanded(id, open ?? !sidebarState.isExpanded(id))\n})\n\neventBus.on('copy-url:nav-item', ({ id }) => {\n  const url = makeUrlFromId(\n    id,\n    basePath.value,\n    isMultiDocument.value,\n  )?.toString()\n  return url && copyToClipboard(url)\n})\n\n// ---------------------------------------------------------------------------\n// History and scroll restoration\n\nonBeforeMount(() => {\n  window.history.scrollRestoration = 'manual'\n  // Ensure we add our scalar wrapper class to the headless ui root, mounted is too late\n  addScalarClassesToHeadless()\n\n  // When we detect a back button press we scroll to the new id\n  window.addEventListener('popstate', () => {\n    const id = getIdFromUrl(\n      window.location.href,\n      mergedConfig.value.pathRouting?.basePath,\n      isMultiDocument.value ? undefined : activeSlug.value,\n    )\n    if (id) {\n      scrollToLazyElement(id)\n    }\n  })\n})\n\n// ---------------------------------------------------------------------------\n// Document start intersection observer\n\nconst documentStartRef = useTemplateRef<HTMLElement>('documentStartRef')\n\nuseIntersection(documentStartRef, () => {\n  eventBus.emit('intersecting:nav-item', { id: activeSlug.value })\n})\n\nconst colorMode = computed(() => {\n  const mode = workspaceStore.workspace['x-scalar-color-mode']\n\n  if (mode === 'system') {\n    return getSystemModePreference()\n  }\n\n  return mode\n})\n\nconst bodyScrollLocked = useScrollLock(\n  typeof document !== 'undefined' ? document.body : null,\n)\n\nwatch(agent.showAgent, () => (bodyScrollLocked.value = agent.showAgent.value))\n\nconst showMCPButton = computed(() => {\n  if (mergedConfig.value.mcp?.disabled) {\n    return false\n  }\n\n  if (typeof window !== 'undefined' && isLocalUrl(window.location.href)) {\n    return true\n  }\n\n  if (mergedConfig.value.mcp) {\n    return true\n  }\n\n  return false\n})\n</script>\n\n<template>\n  <!-- SingleApiReference -->\n  <div>\n    <!-- Inject any custom CSS directly into a style tag -->\n    <component :is=\"'style'\">\n      {{ mergedConfig.customCss }}\n      {{ themeStyle }}\n    </component>\n    <div\n      ref=\"documentEl\"\n      class=\"scalar-app scalar-api-reference references-layout\"\n      :class=\"[\n        {\n          'scalar-api-references-standalone-mobile': mergedConfig.showSidebar,\n          'scalar-scrollbars-obtrusive': obtrusiveScrollbars,\n          'references-editable': mergedConfig.isEditable,\n          'references-sidebar': mergedConfig.showSidebar,\n          'references-sidebar-mobile-open': isSidebarOpen,\n          'references-classic': mergedConfig.layout === 'classic',\n        },\n        $attrs.class,\n      ]\">\n      <!-- Agent Scalar -->\n      <AgentScalarDrawer\n        v-if=\"agent.agentEnabled.value\"\n        :agentScalarConfiguration=\"configList[activeSlug]?.agent\"\n        :eventBus\n        :workspaceStore />\n\n      <!-- Mobile Header and Sidebar when in modern layout -->\n\n      <MobileHeader\n        v-if=\"mergedConfig.layout === 'modern'\"\n        :breadcrumb=\"breadcrumb\"\n        :isSidebarOpen=\"isSidebarOpen\"\n        :showSidebar=\"mergedConfig.showSidebar\"\n        @toggleSidebar=\"() => (isSidebarOpen = !isSidebarOpen)\">\n        <template #search>\n          <SearchButton\n            v-if=\"!mergedConfig.hideSearch\"\n            class=\"my-2\"\n            :document=\"workspaceStore.workspace.activeDocument\"\n            :eventBus=\"eventBus\"\n            :hideModels=\"mergedConfig.hideModels\"\n            :searchHotKey=\"mergedConfig.searchHotKey\"\n            :showSidebar=\"mergedConfig.showSidebar\" />\n        </template>\n        <template #sidebar=\"{ sidebarClasses }\">\n          <ScalarSidebar\n            v-if=\"mergedConfig.showSidebar && mergedConfig.layout === 'modern'\"\n            :aria-label=\"`Sidebar for ${workspaceStore.workspace.activeDocument?.info?.title}`\"\n            class=\"t-doc__sidebar\"\n            :class=\"sidebarClasses\"\n            :isExpanded=\"sidebarState.isExpanded\"\n            :isSelected=\"sidebarState.isSelected\"\n            :items=\"sidebarItems\"\n            layout=\"reference\"\n            :options=\"mergedConfig\"\n            role=\"navigation\"\n            @selectItem=\"(id) => handleSelectSidebarEntry(id, 'sidebar')\"\n            @toggleGroup=\"\n              (id: string) =>\n                sidebarState.setExpanded(id, !sidebarState.isExpanded(id))\n            \">\n            <template #header>\n              <!-- Wrap in a div when slot is filled -->\n              <DocumentSelector\n                v-if=\"documentOptionList.length > 1\"\n                class=\"p-3 pb-0\"\n                :modelValue=\"activeSlug\"\n                :options=\"documentOptionList\"\n                @update:modelValue=\"changeSelectedDocument\" />\n\n              <!-- Search -->\n              <div\n                v-if=\"!mergedConfig.hideSearch\"\n                class=\"flex gap-1.5 px-3 pt-3\">\n                <SearchButton\n                  :document=\"workspaceStore.workspace.activeDocument\"\n                  :eventBus=\"eventBus\"\n                  :hideModels=\"mergedConfig.hideModels\"\n                  :searchHotKey=\"mergedConfig.searchHotKey\" />\n\n                <AgentScalarButton v-if=\"agent.agentEnabled.value\" />\n              </div>\n              <!-- Sidebar Start -->\n              <slot\n                name=\"sidebar-start\"\n                v-bind=\"slotProps\" />\n            </template>\n            <template #footer>\n              <slot\n                name=\"sidebar-end\"\n                v-bind=\"slotProps\">\n                <!-- We default the sidebar footer to the standard scalar elements -->\n                <ScalarSidebarFooter class=\"darklight-reference\">\n                  <OpenApiClientButton\n                    v-if=\"!mergedConfig.hideClientButton && !showMCPButton\"\n                    buttonSource=\"sidebar\"\n                    :integration=\"mergedConfig._integration\"\n                    :isDevelopment=\"isDevelopment\"\n                    :url=\"documentUrl\" />\n                  <OpenMCPButton\n                    v-if=\"showMCPButton\"\n                    :config=\"mergedConfig.mcp\"\n                    :isDevelopment=\"isDevelopment\"\n                    :url=\"documentUrl\"\n                    :workspace=\"workspaceStore\" />\n                  <!-- Override the dark mode toggle slot to hide it -->\n                  <template #toggle>\n                    <ScalarColorModeToggleButton\n                      v-if=\"\n                        !mergedConfig.hideDarkModeToggle &&\n                        !mergedConfig.forceDarkModeState\n                      \"\n                      :modelValue=\"colorMode === 'dark'\"\n                      @update:modelValue=\"() => toggleColorMode()\" />\n                    <span v-else />\n                  </template>\n                </ScalarSidebarFooter>\n              </slot>\n            </template>\n          </ScalarSidebar>\n        </template>\n      </MobileHeader>\n\n      <!-- Primary Content -->\n      <main\n        :aria-label=\"`Open API Documentation for ${workspaceStore.workspace.activeDocument?.info?.title}`\"\n        class=\"references-rendered\"\n        :inert=\"agent.showAgent.value\">\n        <Content\n          :authStore=\"workspaceStore.auth\"\n          :document=\"workspaceStore.workspace.activeDocument\"\n          :environment\n          :eventBus\n          :expandedItems=\"sidebarState.expandedItems.value\"\n          :headingSlugGenerator=\"\n            mergedConfig.generateHeadingSlug ??\n            ((heading) => `${activeSlug}/description/${heading.slug}`)\n          \"\n          :infoSectionId=\"infoSectionId ?? 'description/introduction'\"\n          :items=\"sidebarItems\"\n          :options=\"mergedConfig\"\n          :xScalarDefaultClient=\"\n            workspaceStore.workspace['x-scalar-default-client']\n          \">\n          <template #start>\n            <DeveloperTools\n              v-if=\"\n                workspaceStore.workspace.activeDocument && mediaQueries.lg.value\n              \"\n              v-model:overrides=\"configurationOverrides\"\n              :configuration=\"mergedConfig\"\n              :workspace=\"workspaceStore\" />\n\n            <!-- Placeholder intersection observer that emits an empty string to clear the hash when scrolled to the top -->\n            <div ref=\"documentStartRef\" />\n\n            <ClassicHeader v-if=\"mergedConfig.layout === 'classic'\">\n              <div class=\"w-64 empty:hidden\">\n                <DocumentSelector\n                  v-if=\"documentOptionList.length > 1\"\n                  :modelValue=\"activeSlug\"\n                  :options=\"documentOptionList\"\n                  @update:modelValue=\"changeSelectedDocument\" />\n              </div>\n              <SearchButton\n                v-if=\"!mergedConfig.hideSearch\"\n                class=\"t-doc__sidebar max-w-64\"\n                :document=\"workspaceStore.workspace.activeDocument\"\n                :eventBus=\"eventBus\"\n                :hideModels=\"mergedConfig.hideModels\"\n                :searchHotKey=\"mergedConfig.searchHotKey\" />\n              <template #dark-mode-toggle>\n                <ScalarColorModeToggleIcon\n                  v-if=\"\n                    !mergedConfig.hideDarkModeToggle &&\n                    !mergedConfig.forceDarkModeState\n                  \"\n                  class=\"text-c-2 hover:text-c-1\"\n                  :mode=\"colorMode\"\n                  style=\"transform: scale(1.4)\"\n                  variant=\"icon\"\n                  @click=\"() => toggleColorMode()\" />\n              </template>\n            </ClassicHeader>\n            <slot\n              name=\"content-start\"\n              v-bind=\"slotProps\" />\n          </template>\n          <!-- TODO: Remove this; we no longer directly support an inline editor -->\n          <template\n            v-if=\"mergedConfig.isEditable\"\n            #empty-state>\n            <slot\n              name=\"editor-placeholder\"\n              v-bind=\"slotProps\" />\n          </template>\n          <template #end>\n            <slot\n              name=\"content-end\"\n              v-bind=\"slotProps\" />\n          </template>\n        </Content>\n      </main>\n      <!-- Optional Footer -->\n      <div\n        v-if=\"$slots.footer\"\n        class=\"references-footer\">\n        <slot\n          name=\"footer\"\n          v-bind=\"slotProps\" />\n      </div>\n      <!-- Client Modal mount point -->\n      <div ref=\"modal\" />\n    </div>\n    <ScalarToasts />\n  </div>\n</template>\n\n<style>\n@import '@/style.css';\n\n/* Add base styles to the body. Removed browser default margins for a better experience. */\n@layer scalar-base {\n  body {\n    margin: 0;\n    background-color: var(--scalar-background-1);\n  }\n}\n/** Used to check if css is loaded */\n:root {\n  --scalar-loaded-api-reference: true;\n}\n</style>\n<style scoped>\n/* Configurable Layout Variables */\n@layer scalar-config {\n  .scalar-api-reference {\n    /* The header height */\n    --refs-header-height: calc(\n      var(--scalar-custom-header-height, 0px) + var(--scalar-header-height, 0px)\n    );\n    /* The offset of visible references content (minus headers) */\n    --refs-viewport-offset: calc(\n      var(--refs-header-height, 0px) + var(--refs-content-offset, 0px)\n    );\n    /* The calculated height of visible references content (minus headers) */\n    --refs-viewport-height: calc(\n      var(--full-height, 100dvh) - var(--refs-viewport-offset, 0px)\n    );\n    /* The width of the sidebar */\n    --refs-sidebar-width: var(--scalar-sidebar-width, 0px);\n    /* The height of the sidebar */\n    --refs-sidebar-height: calc(\n      var(--full-height, 100dvh) - var(--refs-header-height, 0px)\n    );\n    /* The maximum width of the content column */\n    --refs-content-max-width: var(--scalar-content-max-width, 1540px);\n  }\n\n  .scalar-api-reference.references-classic {\n    /* Classic layout is wider */\n    --refs-content-max-width: var(--scalar-content-max-width, 1420px);\n    min-height: 100dvh;\n    --refs-sidebar-width: 0;\n  }\n}\n.t-doc__sidebar {\n  z-index: 10;\n}\n\n/* ----------------------------------------------------- */\n/* References Layout */\n.references-layout {\n  /* Try to fill the container */\n  min-height: 100dvh;\n  min-width: 100%;\n  max-width: 100%;\n  flex: 1;\n\n  /*\n  Calculated by a resize observer and set in the style attribute\n  Falls back to the viewport height\n  */\n  --full-height: 100dvh;\n\n  /* Grid layout */\n  display: grid;\n  grid-template-rows: var(--scalar-header-height, 0px) repeat(2, auto);\n  grid-template-columns: auto 1fr;\n  grid-template-areas:\n    'header header'\n    'navigation rendered'\n    'footer footer';\n\n  background: var(--scalar-background-1);\n}\n\n.references-editor {\n  grid-area: editor;\n  display: flex;\n  min-width: 0;\n  background: var(--scalar-background-1);\n}\n\n.references-rendered {\n  position: relative;\n  grid-area: rendered;\n  min-width: 0;\n  background: var(--scalar-background-1);\n}\n.scalar-api-reference.references-classic,\n.references-classic .references-rendered {\n  height: initial !important;\n  max-height: initial !important;\n}\n\n@layer scalar-config {\n  .references-sidebar {\n    /* Set a default width if references are enabled */\n    --refs-sidebar-width: var(--scalar-sidebar-width, 288px);\n  }\n}\n\n/* Footer */\n.references-footer {\n  grid-area: footer;\n}\n/* ----------------------------------------------------- */\n/* Responsive / Mobile Layout */\n\n@media (max-width: 1000px) {\n  /* Stack view on mobile */\n  .references-layout {\n    /* Adjust the sidebar height to the viewport height minus the header height */\n    --refs-sidebar-height: calc(\n      var(--full-height, 100dvh) - var(--scalar-custom-header-height, 0px)\n    );\n\n    grid-template-columns: 100%;\n    grid-template-rows: var(--scalar-header-height, 0px) 0px auto auto;\n\n    grid-template-areas:\n      'header'\n      'navigation'\n      'rendered'\n      'footer';\n  }\n  .references-editable {\n    grid-template-areas:\n      'header'\n      'navigation'\n      'editor';\n  }\n\n  .references-rendered {\n    position: static;\n  }\n}\n</style>\n<style scoped>\n/**\n* Sidebar CSS for standalone\n* TODO: @brynn move this to the sidebar block OR the ApiReferenceStandalone component\n* when the new elements are available\n*/\n@media (max-width: 1000px) {\n  .scalar-api-references-standalone-mobile:not(.references-classic) {\n    --scalar-header-height: 50px;\n  }\n}\n</style>\n<style scoped>\n.darklight-reference {\n  width: 100%;\n  margin-top: auto;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { provideUseId } from '@headlessui/vue'\nimport { OpenApiClientButton } from '@scalar/api-client/components'\nimport {\n  createApiClientModal,\n  type ApiClientModal,\n} from '@scalar/api-client/v2/features/modal'\nimport { getActiveEnvironment, getServers } from '@scalar/api-client/v2/helpers'\nimport {\n  addScalarClassesToHeadless,\n  ScalarColorModeToggleButton,\n  ScalarColorModeToggleIcon,\n  ScalarSidebarFooter,\n} from '@scalar/components'\nimport { isLocalUrl } from '@scalar/helpers/url/is-local-url'\nimport {\n  createSidebarState,\n  ScalarSidebar,\n  scrollSidebarToTop,\n} from '@scalar/sidebar'\nimport { getThemeStyles, hasObtrusiveScrollbars } from '@scalar/themes'\nimport {\n  apiReferenceConfigurationSchema,\n  type AnyApiReferenceConfiguration,\n  type ApiReferenceConfiguration,\n  type ApiReferenceConfigurationRaw,\n} from '@scalar/types/api-reference'\nimport { useBreakpoints } from '@scalar/use-hooks/useBreakpoints'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\nimport { useColorMode } from '@scalar/use-hooks/useColorMode'\nimport { ScalarToasts } from '@scalar/use-toasts'\nimport { createWorkspaceStore } from '@scalar/workspace-store/client'\nimport { createWorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type {\n  TraversedEntry,\n  TraversedTag,\n} from '@scalar/workspace-store/schemas/navigation'\nimport { useScrollLock } from '@vueuse/core'\nimport diff from 'microdiff'\nimport {\n  computed,\n  onBeforeMount,\n  onBeforeUnmount,\n  onMounted,\n  onServerPrefetch,\n  provide,\n  ref,\n  useId,\n  useTemplateRef,\n  watch,\n} from 'vue'\n\nimport {\n  AgentScalarButton,\n  AgentScalarDrawer,\n  OpenMCPButton,\n} from '@/components/AgentScalar'\nimport ClassicHeader from '@/components/ClassicHeader.vue'\nimport Content from '@/components/Content/Content.vue'\nimport MobileHeader from '@/components/MobileHeader.vue'\nimport { DeveloperTools } from '@/features/developer-tools'\nimport DocumentSelector from '@/features/multiple-documents/DocumentSelector.vue'\nimport SearchButton from '@/features/Search/components/SearchButton.vue'\nimport { getSystemModePreference } from '@/helpers/color-mode'\nimport { downloadDocument } from '@/helpers/download'\nimport {\n  getIdFromUrl,\n  makeUrlFromId,\n  matchesBasePath,\n} from '@/helpers/id-routing'\nimport {\n  scrollToLazy as _scrollToLazy,\n  addToPriorityQueue,\n  blockIntersection,\n  intersectionEnabled,\n} from '@/helpers/lazy-bus'\nimport {\n  loadAuthFromStorage,\n  loadClientFromStorage,\n} from '@/helpers/load-from-perssistance'\nimport { mapConfigPlugins } from '@/helpers/map-config-plugins'\nimport { mapConfigToWorkspaceStore } from '@/helpers/map-config-to-workspace-store'\nimport {\n  normalizeConfigurations,\n  type NormalizedConfiguration,\n} from '@/helpers/normalize-configurations'\nimport { AGENT_CONTEXT_SYMBOL, useAgent } from '@/hooks/use-agent'\nimport { useIntersection } from '@/hooks/use-intersection'\nimport { createPluginManager, PLUGIN_MANAGER_SYMBOL } from '@/plugins'\nimport { persistencePlugin } from '@/plugins/persistance-plugin'\n\nconst props = defineProps<{\n  /**\n   * Configuration for the API reference.\n   * Can be a single configuration or an array of configurations for multiple documents.\n   */\n  configuration?: AnyApiReferenceConfiguration\n}>()\n\ndefineSlots<{\n  'content-start'?(): { breadcrumb: string }\n  'content-end'?(): { breadcrumb: string }\n  'sidebar-start'?(): { breadcrumb: string }\n  'sidebar-end'?(): { breadcrumb: string }\n  'editor-placeholder'?(): { breadcrumb: string }\n  footer?(): { breadcrumb: string }\n}>()\n\nconst { mediaQueries } = useBreakpoints()\nconst { copyToClipboard } = useClipboard()\n\n/**\n * Used to inject the environment into built packages\n *\n * Primary use case is the open-in-client button\n */\nconst isDevelopment = import.meta.env.DEV\n\nconst obtrusiveScrollbars = computed(hasObtrusiveScrollbars)\n\nconst eventBus = createWorkspaceEventBus({ debug: isDevelopment })\nconst isSidebarOpen = ref(false)\n\nwatch(\n  () => mediaQueries?.lg?.value,\n  (newValue, oldValue) => {\n    // Close the drawer when we go from desktop to mobile\n    if (oldValue && !newValue) {\n      isSidebarOpen.value = false\n    }\n  },\n)\n\n/**\n * Due to a bug in headless UI, we need to set an ID here that can be shared across server/client\n * TODO remove this once the bug is fixed\n *\n * @see https://github.com/tailwindlabs/headlessui/issues/2979\n */\nprovideUseId(() => useId())\n\n// ---------------------------------------------------------------------------\n/**\n * Configuration Handling\n *\n * We will normalize the configurations and store them in a computed property.\n * The active configuration will be associated with the active document.\n */\nconst configList = computed(() => normalizeConfigurations(props.configuration))\n\nconst isMultiDocument = computed(() => Object.keys(configList.value).length > 1)\n\n/** Search for the source with a default attribute or use the first one */\nconst activeSlug = ref<string>(\n  Object.values(configList.value).find((c) => c.default)?.slug ??\n    configList.value[Object.keys(configList.value)?.[0] ?? '']?.slug ??\n    '',\n)\n\n/**\n * On initial page load we need to determine if there is a valid document slug in the URL\n *\n * If there is we set the active slug to the document slug\n */\nif (typeof window !== 'undefined') {\n  const url = new URL(window.location.href)\n\n  // To handle legacy query parameter multi-document support we redirect\n  // to the new path routing format\n  const apiParam = url.searchParams.get('api')\n  if (apiParam && configList.value[apiParam]) {\n    activeSlug.value = apiParam\n    const idFromUrl = getIdFromUrl(\n      url,\n      configList.value[apiParam].config.pathRouting?.basePath,\n      apiParam,\n    )\n    const newUrl = makeUrlFromId(\n      idFromUrl,\n      configList.value[apiParam].config.pathRouting?.basePath,\n      isMultiDocument.value,\n    )\n    if (newUrl) {\n      newUrl.searchParams.delete('api')\n      window.history.replaceState({}, '', newUrl.toString())\n    }\n  }\n\n  /**\n   * For path routing on initial load we do not know which basePath to check for\n   * we need to search the configs to see if any of the base paths match the URL\n   * and then use that basePath to get the initial id\n   *\n   * With this approach we cannot support multi-document mode with one of configs having\n   * an empty basePath\n   *\n   * Other conflicts are possible.\n   */\n  const basePaths = Object.values(configList.value).map(\n    (c) => c.config.pathRouting?.basePath,\n  )\n\n  const initialId = getIdFromUrl(\n    url,\n    basePaths.find((p) => (p ? matchesBasePath(url, p) : false)),\n    isMultiDocument.value ? undefined : activeSlug.value,\n  )\n  const documentSlug = initialId.split('/')[0]\n\n  if (documentSlug && configList.value[documentSlug]) {\n    activeSlug.value = documentSlug\n  }\n}\n\n/** Computed document options list for the selector logic */\nconst documentOptionList = computed(() =>\n  Object.values(configList.value).map((c) => ({\n    label: c.title,\n    id: c.slug,\n  })),\n)\n\n/** Configuration overrides to apply to the selected document (from the localhost toolbar) */\nconst configurationOverrides = ref<\n  Partial<Omit<ApiReferenceConfiguration, 'slug' | 'title' | ''>>\n>({})\n\n/** Any dev toolbar modifications are merged with the active configuration */\nconst mergedConfig = computed<ApiReferenceConfigurationRaw>(() => ({\n  // Provides a default set of values when the lookup fails\n  ...apiReferenceConfigurationSchema.parse({}),\n  // The active configuration based on the slug\n  ...configList.value[activeSlug.value]?.config,\n  // Any overrides from the localhost toolbar\n  ...configurationOverrides.value,\n}))\n\n/** Convenience break out var to determine which routing mode we are using */\nconst basePath = computed(() => mergedConfig.value.pathRouting?.basePath)\n\nconst themeStyle = computed(() =>\n  getThemeStyles(mergedConfig.value.theme, {\n    fonts: mergedConfig.value.withDefaultFonts,\n  }),\n)\n\n/** Plugin injection is not reactive. All plugins must be provided at first render */\nprovide(\n  PLUGIN_MANAGER_SYMBOL,\n  createPluginManager({\n    plugins: Object.values(configList.value).flatMap(\n      (c) => c.config.plugins ?? [],\n    ),\n  }),\n)\n// ---------------------------------------------------------------------------\n/** Navigation State Handling */\n\n// Front-end redirect\nif (mergedConfig.value.redirect && typeof window !== 'undefined') {\n  const newPath = mergedConfig.value.redirect(\n    (mergedConfig.value.pathRouting ? window.location.pathname : '') +\n      window.location.hash,\n  )\n  if (newPath) {\n    window.history.replaceState({}, '', newPath)\n  }\n}\n\n/**\n * Sets the active slug and updates the URL with the selected document slug\n *\n * If an element ID is passed in we will configure the path or hash routing\n */\nfunction syncSlugAndUrlWithDocument(\n  slug: string,\n  elementId: string | undefined,\n  config: ApiReferenceConfigurationRaw,\n) {\n  // We create a new URL and go to the root element if an ID is not provided\n  const url = makeUrlFromId(\n    elementId || slug,\n    config.pathRouting?.basePath,\n    isMultiDocument.value,\n  )\n\n  if (url) {\n    window.history.replaceState({}, '', url.toString())\n  }\n\n  // Update the active slug\n  activeSlug.value = slug\n}\n\n// ---------------------------------------------------------------------------\n/** Workspace Store Initialization */\n\n/**\n * Initializes the new client workspace store.\n */\nconst workspaceStore = createWorkspaceStore({\n  verbose: isDevelopment,\n  plugins: [\n    persistencePlugin({\n      prefix: () => activeSlug.value,\n      persistAuth: () => mergedConfig.value.persistAuth ?? false,\n    }),\n  ],\n})\n\n// TODO: persistence should be hoisted into standalone\n// Client side integrations will want to handle dark mode externally\nconst { toggleColorMode, isDarkMode } = useColorMode({\n  initialColorMode: {\n    true: 'dark' as const,\n    false: 'light' as const,\n    undefined: 'system' as const,\n  }[String(mergedConfig.value.darkMode)],\n  overrideColorMode: mergedConfig.value.forceDarkModeState,\n})\n\n/**\n * Create top level sidebar entries for each document\n * This allows sharing a single sidebar state for across the workspace\n */\nconst itemsFromWorkspace = computed<TraversedEntry[]>(() => {\n  return Object.entries(workspaceStore.workspace.documents).map(\n    ([slug, document]) => ({\n      id: slug,\n      type: 'document',\n      description: document.info.description,\n      name: document.info.title ?? slug,\n      title: document.info.title ?? slug,\n      children: document?.['x-scalar-navigation']?.children ?? [],\n    }),\n  )\n})\n\n/** Initialize the sidebar */\nconst sidebarState = createSidebarState<TraversedEntry>(itemsFromWorkspace, {\n  hooks: {},\n})\n\n/** Recursively set all children of the given items to open */\nconst setChildrenOpen = (items: TraversedEntry[]): void => {\n  items.forEach((item) => {\n    if (item.type === 'tag' || item.type === 'models') {\n      sidebarState.setExpanded(item.id, true)\n    }\n    if ('children' in item && item.children) {\n      setChildrenOpen(item.children)\n    }\n  })\n}\n\n/** We get the sub items for the sidebar based on the configuration/document slug */\nconst sidebarItems = computed<TraversedEntry[]>(() => {\n  const config = mergedConfig.value\n\n  if (!config) {\n    return []\n  }\n\n  const docItems =\n    sidebarState.items.value.find(\n      (item): item is TraversedTag => item.id === activeSlug.value,\n    )?.children ?? []\n\n  // When the default open all tags configuration is enabled we open all the children of the document\n  if (config.defaultOpenAllTags) {\n    setChildrenOpen(docItems)\n  }\n\n  // When the expand all model sections configuration is enabled we open all the children of the models tag\n  if (config.expandAllModelSections) {\n    const models = docItems.find(\n      (item): item is TraversedTag => item.type === 'models',\n    )\n    if (models) {\n      sidebarState.setExpanded(models.id, true)\n      models.children?.forEach((child) => {\n        sidebarState.setExpanded(child.id, true)\n      })\n    }\n  }\n\n  return docItems\n})\n\n/** Find the sidebar entry that represents the introduction section */\nconst infoSectionId = computed(\n  () =>\n    sidebarItems.value.find(\n      (item) => item.type === 'text' && item.title === 'Introduction',\n    )?.id,\n)\n\n/** User for mobile navigation */\nconst breadcrumb = ref('')\n\nconst slotProps = computed(() => ({\n  breadcrumb: breadcrumb.value,\n}))\n\nconst setBreadcrumb = (id: string) => {\n  const item = sidebarState.getEntryById(id)\n\n  if (!item || item.type === 'document') {\n    breadcrumb.value = ''\n  } else {\n    breadcrumb.value = item.title\n  }\n}\n\nconst scrollToLazyElement = (id: string) => {\n  setBreadcrumb(id)\n  sidebarState.setSelected(id)\n  _scrollToLazy(id, sidebarState.setExpanded, sidebarState.getEntryById)\n}\n\n/** Maps some config values to the workspace store to keep it reactive */\nmapConfigToWorkspaceStore({\n  config: () => mergedConfig.value,\n  store: workspaceStore,\n  isDarkMode,\n})\n\n/** Merged environment variables from workspace and document levels */\nconst environment = computed(() =>\n  getActiveEnvironment(\n    workspaceStore,\n    workspaceStore.workspace.activeDocument ?? null,\n  ),\n)\n\nif (typeof window !== 'undefined') {\n  // @ts-expect-error - For debugging purposes expose the store\n  window.dataDumpWorkspace = () => workspaceStore\n}\n\n// For testing\ndefineExpose({\n  eventBus,\n  workspaceStore,\n  sidebarItems,\n})\n\n// ---------------------------------------------------------------------------\n// Document Management\n\n/**\n * Handle changing the active document\n *\n * 1. If the document has not be loaded to the workspace store we set it to empty and asynchronously load it\n * 2. If the document has been loaded to the workspace store we just set it to active\n * 3. If the content from the configuration has changes we need to update the document in the workspace store\n */\nconst changeSelectedDocument = async (\n  slug: string,\n  elementId?: string | undefined,\n) => {\n  const normalized = configList.value[slug]\n\n  if (!normalized) {\n    console.warn(`Document ${slug} not found in configList`)\n    return\n  }\n\n  const config = {\n    ...normalized.config,\n    ...configurationOverrides.value,\n  }\n\n  // Store `onDocumentSelect` result to await its execution later, before calling `onLoaded`\n  const onDocumentSelectPromise = config.onDocumentSelect?.()\n\n  // Set the active slug and update any routing\n  syncSlugAndUrlWithDocument(slug, elementId, config)\n\n  // Update the document on the route as well, the method and path don't matter as we update them before opening\n  apiClient.value?.route({\n    documentSlug: slug,\n    method: 'get',\n    path: '/',\n  })\n\n  const isFirstLoad = !workspaceStore.workspace.documents[slug]\n\n  // If the document is not in the store, we asynchronously load it\n  if (isFirstLoad) {\n    const result = await workspaceStore.addDocument(\n      normalized.source.url\n        ? {\n            name: slug,\n            url: normalized.source.url,\n            fetch: config.fetch,\n          }\n        : {\n            name: slug,\n            document: normalized.source.content ?? {},\n          },\n      config,\n    )\n\n    const document = workspaceStore.workspace.documents[slug]\n\n    // If the document does not have a selected server we set it to the first server\n    if (\n      result === true &&\n      document !== undefined &&\n      document['x-scalar-selected-server'] === undefined\n    ) {\n      // Set the active server if the document is loaded successfully\n      const servers = getServers(\n        normalized.config.servers ?? document.servers,\n        {\n          baseServerUrl: mergedConfig.value.baseServerURL,\n          documentUrl: normalized.source.url,\n        },\n      )\n      if (servers.length > 0) {\n        workspaceStore.updateDocument(\n          slug,\n          'x-scalar-selected-server',\n          servers[0]!.url,\n        )\n      }\n    }\n  }\n\n  // Always set it to active; if the document is null we show a loading state\n  workspaceStore.update('x-scalar-active-document', slug)\n\n  // If the document has persistence enabled we load the auth schemes from storage\n  if (config.persistAuth) {\n    loadAuthFromStorage(workspaceStore, slug)\n  }\n\n  // ensure that `onLoaded` hook doesn't block execution but is executed after `onDocumentSelect`\n  void (async () => {\n    await onDocumentSelectPromise\n    void config.onLoaded?.(slug)\n  })()\n\n  // When loading to a specified element we need to freeze and scroll\n  if (elementId && elementId !== slug) {\n    scrollToLazyElement(elementId)\n  }\n  // If there is no child element of the document specified and defaultOpenFirstTag is enabled, we expand the first tag\n  else if (config.defaultOpenFirstTag) {\n    const firstTag = sidebarItems.value.find((item) => item.type === 'tag')\n    if (firstTag) {\n      sidebarState.setExpanded(firstTag.id, true)\n    }\n  }\n}\n\n/**\n * TODO:Move this to a dedicated updateDocument function in the future and\n * away from vue-reactivity based updates\n */\nwatch(\n  () => Object.values(configList.value),\n  async (newConfigList, oldConfigList) => {\n    /**\n     * Handles replacing and updating documents within the workspace store\n     * when we detect configuration changes.\n     */\n    const updateSource = async (\n      updated: NormalizedConfiguration,\n      previous: NormalizedConfiguration | undefined,\n    ) => {\n      /** If we have not loaded the document previously we don't need to handle any updates to store */\n      if (!workspaceStore.workspace.documents[updated.slug]) {\n        return\n      }\n      /** If the URL has changed we fetch and rebase */\n      if (updated.source.url && updated.source.url !== previous?.source.url) {\n        await workspaceStore.addDocument(\n          {\n            name: updated.slug,\n            url: updated.source.url,\n            fetch: updated.config.fetch,\n          },\n          updated.config,\n        )\n\n        return\n      }\n\n      // If the was not a URL change then we require a document to continue\n      if (!updated.source.content) {\n        return\n      }\n\n      /**\n       * We need to deeply check for document changes. Parse documents and then only rebase\n       * if we detect deep changes in the two sources\n       */\n      if (\n        diff(\n          updated.source.content,\n          previous && 'content' in previous.source\n            ? (previous.source.content ?? {})\n            : {},\n        ).length\n      ) {\n        await workspaceStore.addDocument(\n          {\n            name: updated.slug,\n            document: updated.source.content,\n          },\n          updated.config,\n        )\n      }\n    }\n\n    newConfigList.forEach((newConfig, index) =>\n      updateSource(newConfig, oldConfigList[index]),\n    )\n\n    const newSlugs = newConfigList.map((c) => c.slug)\n    const oldSlugs = oldConfigList.map((c) => c.slug)\n\n    // If the slugs have changed, we need to update the active document and the URL query param\n    if (\n      newSlugs.length !== oldSlugs.length ||\n      !newSlugs.every((slug, index) => slug === oldSlugs[index])\n    ) {\n      await changeSelectedDocument(newSlugs[0] ?? '')\n    }\n  },\n  {\n    deep: true,\n  },\n)\n\n/** Preload the first document during SSR */\nonServerPrefetch(() => changeSelectedDocument(activeSlug.value))\n\n/** Load the first document on page load */\nonBeforeMount(async () => {\n  loadClientFromStorage(workspaceStore)\n\n  await changeSelectedDocument(\n    activeSlug.value,\n    getIdFromUrl(\n      window.location.href,\n      configList.value[activeSlug.value]?.config.pathRouting?.basePath,\n      isMultiDocument.value ? undefined : activeSlug.value,\n    ),\n  )\n})\n\nconst documentUrl = computed(() => {\n  return configList.value[activeSlug.value]?.source?.url\n})\n\n// --------------------------------------------------------------------------- */\n// Agent Scalar\n\n/**\n * Determines if Agent Scalar should be enabled based on the configuration and the current URL\n *\n * - If the agent is disabled in the configuration, it should not be enabled\n * - If the current URL is a local URL, it should be enabled\n * - If the agent key is set, it should be enabled\n */\nconst agent = useAgent({\n  agentEnabled: computed(() => {\n    const currentConfiguration = configList.value[activeSlug.value]\n\n    if (currentConfiguration?.agent?.disabled) {\n      return false\n    }\n\n    if (typeof window !== 'undefined' && isLocalUrl(window.location.href)) {\n      return true\n    }\n\n    return Boolean(configList.value[activeSlug.value]?.agent?.key)\n  }),\n})\nprovide(AGENT_CONTEXT_SYMBOL, agent)\n\n// --------------------------------------------------------------------------- */\n// Api Client Modal\n\n// Setup the ApiClient on mount\nconst modal = useTemplateRef<HTMLElement>('modal')\nconst apiClient = ref<ApiClientModal | null>(null)\nonMounted(() => {\n  if (!modal.value) {\n    return\n  }\n\n  apiClient.value = createApiClientModal({\n    el: modal.value,\n    eventBus,\n    workspaceStore,\n    options: mergedConfig,\n    plugins: mapConfigPlugins(mergedConfig),\n  })\n})\nonBeforeUnmount(() => {\n  apiClient.value?.app.unmount()\n})\n\n// ---------------------------------------------------------------------------\n// Top level event handlers and user specified callbacks\n\n/** Ensure we call the onServerChange callback */\neventBus.on('server:update:selected', ({ url }) =>\n  mergedConfig.value.onServerChange?.(url),\n)\n\n/** Download the document from the store */\neventBus.on('ui:download:document', async ({ format }) => {\n  const document = await workspaceStore.exportActiveDocument(format)\n\n  if (!document) {\n    console.error('No document found to download')\n    return\n  }\n\n  downloadDocument(document, activeSlug.value ?? 'openapi', format)\n})\n\n// ---------------------------------------------------------------------------\n// Local event and scroll handling\n\n/**\n * Handler for a direct navigation event such as a sidebar or search click\n *\n * Depending on the item type we handle a selection event differently:\n *\n * - Tag: If a tag is closed we open it and all its parents and scroll to it\n *        If a tag is open we just close the tag\n * - Operation:\n *        Open all parents and scroll to the operation\n */\nconst handleSelectSidebarEntry = (id: string, caller?: 'sidebar') => {\n  const item = sidebarState.getEntryById(id)\n\n  if (\n    (item?.type === 'tag' ||\n      item?.type === 'models' ||\n      item?.type === 'text') &&\n    sidebarState.isExpanded(id) && // Only close if the item is expanded\n    sidebarState.selectedItem.value === id // Only close if the item is not the currently selected item\n  ) {\n    // hack until we fix intersection logic\n    const unblock = blockIntersection()\n\n    sidebarState.setExpanded(id, false)\n\n    unblock()\n\n    return\n  }\n\n  // Close the mobile menu upon selecting any item that's not a tag or model\n  if (item?.type !== 'tag' && item?.type !== 'models') {\n    isSidebarOpen.value = false\n  }\n\n  scrollToLazyElement(id)\n\n  const url = makeUrlFromId(id, basePath.value, isMultiDocument.value)\n  if (url) {\n    window.history.pushState({}, '', url)\n\n    // Trigger the onSidebarClick callback if the caller is sidebar\n    if (caller === 'sidebar') {\n      mergedConfig.value.onSidebarClick?.(url.toString())\n    }\n  }\n\n  if (agent.showAgent.value) {\n    agent.closeAgent()\n  }\n}\n\n/** Handle a navigation item selection event */\neventBus.on('select:nav-item', ({ id }) => handleSelectSidebarEntry(id))\n\n/** Handle a scroll to navigation item event */\neventBus.on('scroll-to:nav-item', ({ id }) => handleSelectSidebarEntry(id))\n\n/** Handle an intersecting navigation item event */\neventBus.on('intersecting:nav-item', ({ id }) => {\n  if (!intersectionEnabled.value) {\n    return\n  }\n\n  sidebarState.setSelected(id)\n  setBreadcrumb(id)\n\n  // Scroll the sidebar to keep the selected element near the top\n  scrollSidebarToTop(id)\n\n  const url = makeUrlFromId(id, basePath.value, isMultiDocument.value)\n  if (url && workspaceStore.workspace.activeDocument) {\n    window.history.replaceState({}, '', url.toString())\n  }\n})\n\neventBus.on('toggle:nav-item', ({ id, open }) => {\n  if (open) {\n    mergedConfig.value.onShowMore?.(id)\n\n    // Pre-queue first child so it renders immediately when the tag expands\n    const entry = sidebarState.getEntryById(id)\n    if (entry && 'children' in entry && entry.children) {\n      const first = entry.children[0]\n\n      if (first) {\n        addToPriorityQueue(first.id)\n      }\n    }\n  }\n  sidebarState.setExpanded(id, open ?? !sidebarState.isExpanded(id))\n})\n\neventBus.on('copy-url:nav-item', ({ id }) => {\n  const url = makeUrlFromId(\n    id,\n    basePath.value,\n    isMultiDocument.value,\n  )?.toString()\n  return url && copyToClipboard(url)\n})\n\n// ---------------------------------------------------------------------------\n// History and scroll restoration\n\nonBeforeMount(() => {\n  window.history.scrollRestoration = 'manual'\n  // Ensure we add our scalar wrapper class to the headless ui root, mounted is too late\n  addScalarClassesToHeadless()\n\n  // When we detect a back button press we scroll to the new id\n  window.addEventListener('popstate', () => {\n    const id = getIdFromUrl(\n      window.location.href,\n      mergedConfig.value.pathRouting?.basePath,\n      isMultiDocument.value ? undefined : activeSlug.value,\n    )\n    if (id) {\n      scrollToLazyElement(id)\n    }\n  })\n})\n\n// ---------------------------------------------------------------------------\n// Document start intersection observer\n\nconst documentStartRef = useTemplateRef<HTMLElement>('documentStartRef')\n\nuseIntersection(documentStartRef, () => {\n  eventBus.emit('intersecting:nav-item', { id: activeSlug.value })\n})\n\nconst colorMode = computed(() => {\n  const mode = workspaceStore.workspace['x-scalar-color-mode']\n\n  if (mode === 'system') {\n    return getSystemModePreference()\n  }\n\n  return mode\n})\n\nconst bodyScrollLocked = useScrollLock(\n  typeof document !== 'undefined' ? document.body : null,\n)\n\nwatch(agent.showAgent, () => (bodyScrollLocked.value = agent.showAgent.value))\n\nconst showMCPButton = computed(() => {\n  if (mergedConfig.value.mcp?.disabled) {\n    return false\n  }\n\n  if (typeof window !== 'undefined' && isLocalUrl(window.location.href)) {\n    return true\n  }\n\n  if (mergedConfig.value.mcp) {\n    return true\n  }\n\n  return false\n})\n</script>\n\n<template>\n  <!-- SingleApiReference -->\n  <div>\n    <!-- Inject any custom CSS directly into a style tag -->\n    <component :is=\"'style'\">\n      {{ mergedConfig.customCss }}\n      {{ themeStyle }}\n    </component>\n    <div\n      ref=\"documentEl\"\n      class=\"scalar-app scalar-api-reference references-layout\"\n      :class=\"[\n        {\n          'scalar-api-references-standalone-mobile': mergedConfig.showSidebar,\n          'scalar-scrollbars-obtrusive': obtrusiveScrollbars,\n          'references-editable': mergedConfig.isEditable,\n          'references-sidebar': mergedConfig.showSidebar,\n          'references-sidebar-mobile-open': isSidebarOpen,\n          'references-classic': mergedConfig.layout === 'classic',\n        },\n        $attrs.class,\n      ]\">\n      <!-- Agent Scalar -->\n      <AgentScalarDrawer\n        v-if=\"agent.agentEnabled.value\"\n        :agentScalarConfiguration=\"configList[activeSlug]?.agent\"\n        :eventBus\n        :workspaceStore />\n\n      <!-- Mobile Header and Sidebar when in modern layout -->\n\n      <MobileHeader\n        v-if=\"mergedConfig.layout === 'modern'\"\n        :breadcrumb=\"breadcrumb\"\n        :isSidebarOpen=\"isSidebarOpen\"\n        :showSidebar=\"mergedConfig.showSidebar\"\n        @toggleSidebar=\"() => (isSidebarOpen = !isSidebarOpen)\">\n        <template #search>\n          <SearchButton\n            v-if=\"!mergedConfig.hideSearch\"\n            class=\"my-2\"\n            :document=\"workspaceStore.workspace.activeDocument\"\n            :eventBus=\"eventBus\"\n            :hideModels=\"mergedConfig.hideModels\"\n            :searchHotKey=\"mergedConfig.searchHotKey\"\n            :showSidebar=\"mergedConfig.showSidebar\" />\n        </template>\n        <template #sidebar=\"{ sidebarClasses }\">\n          <ScalarSidebar\n            v-if=\"mergedConfig.showSidebar && mergedConfig.layout === 'modern'\"\n            :aria-label=\"`Sidebar for ${workspaceStore.workspace.activeDocument?.info?.title}`\"\n            class=\"t-doc__sidebar\"\n            :class=\"sidebarClasses\"\n            :isExpanded=\"sidebarState.isExpanded\"\n            :isSelected=\"sidebarState.isSelected\"\n            :items=\"sidebarItems\"\n            layout=\"reference\"\n            :options=\"mergedConfig\"\n            role=\"navigation\"\n            @selectItem=\"(id) => handleSelectSidebarEntry(id, 'sidebar')\"\n            @toggleGroup=\"\n              (id: string) =>\n                sidebarState.setExpanded(id, !sidebarState.isExpanded(id))\n            \">\n            <template #header>\n              <!-- Wrap in a div when slot is filled -->\n              <DocumentSelector\n                v-if=\"documentOptionList.length > 1\"\n                class=\"p-3 pb-0\"\n                :modelValue=\"activeSlug\"\n                :options=\"documentOptionList\"\n                @update:modelValue=\"changeSelectedDocument\" />\n\n              <!-- Search -->\n              <div\n                v-if=\"!mergedConfig.hideSearch\"\n                class=\"flex gap-1.5 px-3 pt-3\">\n                <SearchButton\n                  :document=\"workspaceStore.workspace.activeDocument\"\n                  :eventBus=\"eventBus\"\n                  :hideModels=\"mergedConfig.hideModels\"\n                  :searchHotKey=\"mergedConfig.searchHotKey\" />\n\n                <AgentScalarButton v-if=\"agent.agentEnabled.value\" />\n              </div>\n              <!-- Sidebar Start -->\n              <slot\n                name=\"sidebar-start\"\n                v-bind=\"slotProps\" />\n            </template>\n            <template #footer>\n              <slot\n                name=\"sidebar-end\"\n                v-bind=\"slotProps\">\n                <!-- We default the sidebar footer to the standard scalar elements -->\n                <ScalarSidebarFooter class=\"darklight-reference\">\n                  <OpenApiClientButton\n                    v-if=\"!mergedConfig.hideClientButton && !showMCPButton\"\n                    buttonSource=\"sidebar\"\n                    :integration=\"mergedConfig._integration\"\n                    :isDevelopment=\"isDevelopment\"\n                    :url=\"documentUrl\" />\n                  <OpenMCPButton\n                    v-if=\"showMCPButton\"\n                    :config=\"mergedConfig.mcp\"\n                    :isDevelopment=\"isDevelopment\"\n                    :url=\"documentUrl\"\n                    :workspace=\"workspaceStore\" />\n                  <!-- Override the dark mode toggle slot to hide it -->\n                  <template #toggle>\n                    <ScalarColorModeToggleButton\n                      v-if=\"\n                        !mergedConfig.hideDarkModeToggle &&\n                        !mergedConfig.forceDarkModeState\n                      \"\n                      :modelValue=\"colorMode === 'dark'\"\n                      @update:modelValue=\"() => toggleColorMode()\" />\n                    <span v-else />\n                  </template>\n                </ScalarSidebarFooter>\n              </slot>\n            </template>\n          </ScalarSidebar>\n        </template>\n      </MobileHeader>\n\n      <!-- Primary Content -->\n      <main\n        :aria-label=\"`Open API Documentation for ${workspaceStore.workspace.activeDocument?.info?.title}`\"\n        class=\"references-rendered\"\n        :inert=\"agent.showAgent.value\">\n        <Content\n          :authStore=\"workspaceStore.auth\"\n          :document=\"workspaceStore.workspace.activeDocument\"\n          :environment\n          :eventBus\n          :expandedItems=\"sidebarState.expandedItems.value\"\n          :headingSlugGenerator=\"\n            mergedConfig.generateHeadingSlug ??\n            ((heading) => `${activeSlug}/description/${heading.slug}`)\n          \"\n          :infoSectionId=\"infoSectionId ?? 'description/introduction'\"\n          :items=\"sidebarItems\"\n          :options=\"mergedConfig\"\n          :xScalarDefaultClient=\"\n            workspaceStore.workspace['x-scalar-default-client']\n          \">\n          <template #start>\n            <DeveloperTools\n              v-if=\"\n                workspaceStore.workspace.activeDocument && mediaQueries.lg.value\n              \"\n              v-model:overrides=\"configurationOverrides\"\n              :configuration=\"mergedConfig\"\n              :workspace=\"workspaceStore\" />\n\n            <!-- Placeholder intersection observer that emits an empty string to clear the hash when scrolled to the top -->\n            <div ref=\"documentStartRef\" />\n\n            <ClassicHeader v-if=\"mergedConfig.layout === 'classic'\">\n              <div class=\"w-64 empty:hidden\">\n                <DocumentSelector\n                  v-if=\"documentOptionList.length > 1\"\n                  :modelValue=\"activeSlug\"\n                  :options=\"documentOptionList\"\n                  @update:modelValue=\"changeSelectedDocument\" />\n              </div>\n              <SearchButton\n                v-if=\"!mergedConfig.hideSearch\"\n                class=\"t-doc__sidebar max-w-64\"\n                :document=\"workspaceStore.workspace.activeDocument\"\n                :eventBus=\"eventBus\"\n                :hideModels=\"mergedConfig.hideModels\"\n                :searchHotKey=\"mergedConfig.searchHotKey\" />\n              <template #dark-mode-toggle>\n                <ScalarColorModeToggleIcon\n                  v-if=\"\n                    !mergedConfig.hideDarkModeToggle &&\n                    !mergedConfig.forceDarkModeState\n                  \"\n                  class=\"text-c-2 hover:text-c-1\"\n                  :mode=\"colorMode\"\n                  style=\"transform: scale(1.4)\"\n                  variant=\"icon\"\n                  @click=\"() => toggleColorMode()\" />\n              </template>\n            </ClassicHeader>\n            <slot\n              name=\"content-start\"\n              v-bind=\"slotProps\" />\n          </template>\n          <!-- TODO: Remove this; we no longer directly support an inline editor -->\n          <template\n            v-if=\"mergedConfig.isEditable\"\n            #empty-state>\n            <slot\n              name=\"editor-placeholder\"\n              v-bind=\"slotProps\" />\n          </template>\n          <template #end>\n            <slot\n              name=\"content-end\"\n              v-bind=\"slotProps\" />\n          </template>\n        </Content>\n      </main>\n      <!-- Optional Footer -->\n      <div\n        v-if=\"$slots.footer\"\n        class=\"references-footer\">\n        <slot\n          name=\"footer\"\n          v-bind=\"slotProps\" />\n      </div>\n      <!-- Client Modal mount point -->\n      <div ref=\"modal\" />\n    </div>\n    <ScalarToasts />\n  </div>\n</template>\n\n<style>\n@import '@/style.css';\n\n/* Add base styles to the body. Removed browser default margins for a better experience. */\n@layer scalar-base {\n  body {\n    margin: 0;\n    background-color: var(--scalar-background-1);\n  }\n}\n/** Used to check if css is loaded */\n:root {\n  --scalar-loaded-api-reference: true;\n}\n</style>\n<style scoped>\n/* Configurable Layout Variables */\n@layer scalar-config {\n  .scalar-api-reference {\n    /* The header height */\n    --refs-header-height: calc(\n      var(--scalar-custom-header-height, 0px) + var(--scalar-header-height, 0px)\n    );\n    /* The offset of visible references content (minus headers) */\n    --refs-viewport-offset: calc(\n      var(--refs-header-height, 0px) + var(--refs-content-offset, 0px)\n    );\n    /* The calculated height of visible references content (minus headers) */\n    --refs-viewport-height: calc(\n      var(--full-height, 100dvh) - var(--refs-viewport-offset, 0px)\n    );\n    /* The width of the sidebar */\n    --refs-sidebar-width: var(--scalar-sidebar-width, 0px);\n    /* The height of the sidebar */\n    --refs-sidebar-height: calc(\n      var(--full-height, 100dvh) - var(--refs-header-height, 0px)\n    );\n    /* The maximum width of the content column */\n    --refs-content-max-width: var(--scalar-content-max-width, 1540px);\n  }\n\n  .scalar-api-reference.references-classic {\n    /* Classic layout is wider */\n    --refs-content-max-width: var(--scalar-content-max-width, 1420px);\n    min-height: 100dvh;\n    --refs-sidebar-width: 0;\n  }\n}\n.t-doc__sidebar {\n  z-index: 10;\n}\n\n/* ----------------------------------------------------- */\n/* References Layout */\n.references-layout {\n  /* Try to fill the container */\n  min-height: 100dvh;\n  min-width: 100%;\n  max-width: 100%;\n  flex: 1;\n\n  /*\n  Calculated by a resize observer and set in the style attribute\n  Falls back to the viewport height\n  */\n  --full-height: 100dvh;\n\n  /* Grid layout */\n  display: grid;\n  grid-template-rows: var(--scalar-header-height, 0px) repeat(2, auto);\n  grid-template-columns: auto 1fr;\n  grid-template-areas:\n    'header header'\n    'navigation rendered'\n    'footer footer';\n\n  background: var(--scalar-background-1);\n}\n\n.references-editor {\n  grid-area: editor;\n  display: flex;\n  min-width: 0;\n  background: var(--scalar-background-1);\n}\n\n.references-rendered {\n  position: relative;\n  grid-area: rendered;\n  min-width: 0;\n  background: var(--scalar-background-1);\n}\n.scalar-api-reference.references-classic,\n.references-classic .references-rendered {\n  height: initial !important;\n  max-height: initial !important;\n}\n\n@layer scalar-config {\n  .references-sidebar {\n    /* Set a default width if references are enabled */\n    --refs-sidebar-width: var(--scalar-sidebar-width, 288px);\n  }\n}\n\n/* Footer */\n.references-footer {\n  grid-area: footer;\n}\n/* ----------------------------------------------------- */\n/* Responsive / Mobile Layout */\n\n@media (max-width: 1000px) {\n  /* Stack view on mobile */\n  .references-layout {\n    /* Adjust the sidebar height to the viewport height minus the header height */\n    --refs-sidebar-height: calc(\n      var(--full-height, 100dvh) - var(--scalar-custom-header-height, 0px)\n    );\n\n    grid-template-columns: 100%;\n    grid-template-rows: var(--scalar-header-height, 0px) 0px auto auto;\n\n    grid-template-areas:\n      'header'\n      'navigation'\n      'rendered'\n      'footer';\n  }\n  .references-editable {\n    grid-template-areas:\n      'header'\n      'navigation'\n      'editor';\n  }\n\n  .references-rendered {\n    position: static;\n  }\n}\n</style>\n<style scoped>\n/**\n* Sidebar CSS for standalone\n* TODO: @brynn move this to the sidebar block OR the ApiReferenceStandalone component\n* when the new elements are available\n*/\n@media (max-width: 1000px) {\n  .scalar-api-references-standalone-mobile:not(.references-classic) {\n    --scalar-header-height: 50px;\n  }\n}\n</style>\n<style scoped>\n.darklight-reference {\n  width: 100%;\n  margin-top: auto;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport { themeLabels, type ThemeId } from '@scalar/themes'\n\ndefineProps<{\n  theme: ThemeId\n}>()\n\nconst emits = defineEmits<{\n  (e: 'changeTheme', { id, label }: { id: ThemeId; label: string }): void\n  (e: 'loadSwaggerFile'): void\n  (e: 'linkSwaggerFile'): void\n  (e: 'updateContent', value: string): void\n}>()\n\nconst themeIds: ThemeId[] = [\n  'default',\n  'alternate',\n  'moon',\n  'purple',\n  'solarized',\n  'bluePlanet',\n  'saturn',\n  'kepler',\n  'mars',\n  'deepSpace',\n]\n\nasync function fetchExampleSpecification() {\n  const response = await fetch(\n    'https://registry.scalar.com/@scalar/apis/galaxy?format=yaml',\n  )\n\n  emits('updateContent', await response.text())\n}\n</script>\n<template>\n  <div class=\"custom-scroll start\">\n    <div class=\"start-copy\">\n      <div class=\"start-logo\">\n        <svg\n          height=\"36\"\n          viewBox=\"0 0 36 36\"\n          width=\"36\"\n          xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            d=\"M18 0a18 18 0 1 1 0 36 18 18 0 0 1 0-36Zm11.2 6.5c-3.3-3.3-11.1-1-17.4 5.3-6.2 6.3-8.6 14-5.3 17.4 3.3 3.3 11 .9 17.3-5.4 6.3-6.2 8.7-14 5.4-17.3ZM17.6 12a6.3 6.3 0 1 1 0 12.7 6.3 6.3 0 0 1 0-12.7Z\"\n            fill=\"currentColor\"\n            fill-rule=\"evenodd\" />\n        </svg>\n      </div>\n      <h1 class=\"start-h1\">Swagger Editor</h1>\n      <p class=\"start-p\">\n        Welcome to the Scalar API References + Swagger Editor, a Free &\n        Open-Source tool that takes your Swagger/OAS file and generates\n        Beautiful API references.\n      </p>\n      <div class=\"start-cta\">\n        <ScalarButton\n          class=\"w-full\"\n          @click=\"fetchExampleSpecification\">\n          Show Example\n        </ScalarButton>\n        <ScalarButton\n          class=\"w-full\"\n          variant=\"outlined\"\n          @click=\"$emit('loadSwaggerFile')\">\n          Upload File\n        </ScalarButton>\n      </div>\n    </div>\n    <div class=\"start-row\">\n      <div class=\"start-section start-section-integrations\">\n        <div class=\"start-h2\">INTEGRATIONS</div>\n        <a\n          class=\"start-item\"\n          href=\"https://github.com/scalar/scalar/tree/main/integrations/fastify#readme\"\n          target=\"_blank\">\n          <svg\n            fill=\"currentColor\"\n            height=\"16\"\n            viewBox=\"0 0 19 16\"\n            width=\"19\"\n            xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n              d=\"m18.2 3.1.8-2V.9l-4.7 1.3C15.2 1 15 0 15 0s-2.5 1.6-4.3 1.5c-2 0-3.6.8-4 1-1.8 1.2-2.5 3.3-3.2 3.8L0 8.9 2.3 8l-2 2.5c.2.3 1.2 1.6 2.1 1.3l.4-.1 1.6.5-.7-1 .2-.2.9.3-.1-.8.9.3-.1-.8.3-.1 1-3.5 3.7-2.6-.3.7A4 4 0 0 1 8 7l-.6.2c-.5.5-.7.7-.8 2.5a2 2 0 0 1 1 0c1.6.4 2.2 2.3 1.7 2.9l-.7.6H8v.6h-.7v.5l-.2.2c-.7 0-1.4-.6-1.4-.6 0 .5.4 1.3.4 1.3s1.7 1.1 2.7.7c1-.4.7-2.3 2.8-3.2l3.3-.9.8-2.2-1.7.5v-2l2.5-.6.9-2.2-3.4.9v-2l4.2-1.1Z\"\n              fill=\"currentColor\"\n              fill-rule=\"nonzero\" />\n          </svg>\n          <span>Fastify</span>\n        </a>\n        <a\n          class=\"start-item\"\n          href=\"https://github.com/scalar/scalar/blob/main/documentation/integrations/html-js.md#html\"\n          target=\"_blank\">\n          <svg\n            fill=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\">\n            <g>\n              <path\n                d=\"M22.5 1.5h-21A1.5 1.5 0 0 0 0 3v3a1.5 1.5 0 0 0 1.5 1.5h21A1.5 1.5 0 0 0 24 6V3a1.5 1.5 0 0 0-1.5-1.5Zm-19.25 3A1.25 1.25 0 1 1 4.5 5.75 1.25 1.25 0 0 1 3.25 4.5ZM8.5 5.75A1.25 1.25 0 1 1 9.75 4.5 1.25 1.25 0 0 1 8.5 5.75Z\"\n                fill=\"currentColor\" />\n              <path\n                d=\"M22.5 9h-21A1.5 1.5 0 0 0 0 10.5v3A1.5 1.5 0 0 0 1.5 15h21a1.5 1.5 0 0 0 1.5-1.5v-3A1.5 1.5 0 0 0 22.5 9ZM3.25 12a1.25 1.25 0 1 1 1.25 1.25A1.25 1.25 0 0 1 3.25 12Zm5.25 1.25A1.25 1.25 0 1 1 9.75 12a1.25 1.25 0 0 1-1.25 1.25Z\"\n                fill=\"currentColor\" />\n              <path\n                d=\"M22.5 16.5h-21A1.5 1.5 0 0 0 0 18v3a1.5 1.5 0 0 0 1.5 1.5h21A1.5 1.5 0 0 0 24 21v-3a1.5 1.5 0 0 0-1.5-1.5Zm-19.25 3a1.25 1.25 0 1 1 1.25 1.25 1.25 1.25 0 0 1-1.25-1.25Zm5.25 1.25a1.25 1.25 0 1 1 1.25-1.25 1.25 1.25 0 0 1-1.25 1.25Z\"\n                fill=\"currentColor\" />\n            </g>\n          </svg>\n          <span>CDN</span>\n        </a>\n        <a\n          class=\"start-item\"\n          href=\"https://github.com/scalar/scalar/blob/main/packages/api-reference/README.md#vuejs\"\n          target=\"_blank\">\n          <svg\n            height=\"170\"\n            viewBox=\"0 0 196.3 170\"\n            width=\"196.3\"\n            xmlns=\"http://www.w3.org/2000/svg\">\n            <g\n              fill=\"currentColor\"\n              fill-rule=\"nonzero\">\n              <polygon\n                points=\"39.23 0 0 0 2.9450761 5.1010782 98.16 170.02 196.32 0 157.06 0 98.16 102.01 42.175701 5.0991171\" />\n              <polygon\n                points=\"75.5 2.009956e-14 0 2.009956e-14 2.94 5.1 78.44871 5.1 98.16 39.26 117.87937 5.1 193.38 5.1 196.325 0 120.82 7.8065636e-15 114.97322 2.009956e-14 98.16 29.037153 81.35 2.009956e-14\" />\n            </g>\n          </svg>\n          <span>Vue</span>\n        </a>\n        <a\n          class=\"start-item\"\n          href=\"https://github.com/scalar/scalar/blob/main/packages/api-reference-react/README.md#usage\"\n          target=\"_blank\">\n          <svg\n            height=\"23.3\"\n            viewBox=\"0 0 22 23.3\"\n            width=\"22\"\n            xmlns=\"http://www.w3.org/2000/svg\">\n            <g\n              fill=\"none\"\n              fill-rule=\"evenodd\">\n              <circle\n                cx=\"11\"\n                cy=\"11.6\"\n                fill=\"currentColor\"\n                fill-rule=\"nonzero\"\n                r=\"2\" />\n              <g stroke=\"currentColor\">\n                <ellipse\n                  cx=\"11\"\n                  cy=\"11.6\"\n                  rx=\"11\"\n                  ry=\"4.2\" />\n                <ellipse\n                  cx=\"11\"\n                  cy=\"11.6\"\n                  rx=\"11\"\n                  ry=\"4.2\"\n                  transform=\"rotate(60 11 11.6)\" />\n                <ellipse\n                  cx=\"11\"\n                  cy=\"11.6\"\n                  rx=\"11\"\n                  ry=\"4.2\"\n                  transform=\"rotate(120 11 11.6)\" />\n              </g>\n            </g>\n          </svg>\n          <span>React</span>\n        </a>\n      </div>\n      <div class=\"start-section start-section-colors\">\n        <p class=\"start-h2\">THEMING</p>\n        <div\n          v-for=\"themeId in themeIds\"\n          :key=\"themeId\"\n          class=\"start-item\"\n          :class=\"{ 'start-item-active': themeId === theme }\"\n          @click=\"\n            $emit('changeTheme', { id: themeId, label: themeLabels[themeId] })\n          \">\n          {{ themeLabels[themeId] }}\n        </div>\n      </div>\n    </div>\n    <p class=\"start-h1\">Features</p>\n    <ul class=\"start-ul\">\n      <li>\n        <p class=\"start-h3\">Customize</p>\n        Bring your typography & color palettes, or use our themes!\n      </li>\n      <li>\n        <p class=\"start-h3\">Testing</p>\n        A deeply integrated Rest API Client (Also Free & Open-Source)\n      </li>\n      <li>\n        <p class=\"start-h3\">Search</p>\n        Fully integrated Search (Using fuse.js)\n      </li>\n      <li>\n        <p class=\"start-h3\">Hosting</p>\n        Free subdomain hosting on https://apidocumentation.com\n      </li>\n      <li>\n        <p class=\"start-h3\">OpenAPI & Swagger</p>\n        Support for OpenAPI 3.1, OpenAPI 3.0, and Swagger 2.0\n      </li>\n      <li>\n        <p class=\"start-h3\">Code Samples</p>\n        Code samples to show off your API in most popular languages\n      </li>\n    </ul>\n  </div>\n</template>\n<style scoped>\n.start {\n  padding: 24px;\n  display: flex;\n  flex-flow: wrap;\n  justify-content: space-between;\n  position: relative;\n  z-index: 0;\n}\n.swagger-editor .start {\n  padding-top: 24px;\n}\n.start-h1 {\n  font-size: var(--scalar-heading-2);\n  margin-top: 0;\n  line-height: 1.45;\n  margin-bottom: 0;\n  font-weight: var(--scalar-bold);\n  color: var(--scalar-color-1);\n  width: 100%;\n  position: relative;\n}\n.start-h3 {\n  font-size: var(--scalar-paragraph);\n  margin-top: 0;\n  margin-bottom: 6px;\n  display: block;\n  line-height: 1.45;\n  font-weight: var(--scalar-bold);\n  color: var(--scalar-color-1);\n  width: 100%;\n}\n.start-h1:not(:first-of-type) {\n  margin-top: 24px;\n}\n.start-p {\n  font-size: var(--scalar-paragraph);\n  color: var(--scalar-color-2);\n  line-height: 1.5;\n  width: 100%;\n  margin-top: 12px;\n}\n.start-ul {\n  margin-top: 12px;\n  font-size: var(--scalar-paragraph);\n  line-height: 1.5;\n  padding-left: 0;\n  list-style: initial;\n  display: flex;\n  flex-flow: wrap;\n  gap: 24px;\n}\n.start-ul li {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  width: calc(50% - 24px);\n  color: var(--scalar-color-2);\n}\n.start-ul li:first-of-type {\n  margin-top: 0;\n}\n.start-section {\n  width: 100%;\n  margin-bottom: 12px;\n  display: flex;\n  flex-flow: wrap;\n}\n.start-section:last-of-type {\n  margin-bottom: 48px;\n}\n.start-h2 {\n  background: var(--scalar-background-2);\n  border-top-left-radius: var(--scalar-radius-lg);\n  border-top-right-radius: var(--scalar-radius-lg);\n  border: 1px solid var(--scalar-border-color);\n  color: var(--scalar-color-3);\n  font-size: var(--scalar-mini);\n  font-weight: var(--scalar-semibold);\n  padding: 9px;\n  width: 100%;\n}\n.start-item {\n  align-items: center;\n  background: var(--scalar-background-2);\n  border-right: 1px solid var(--scalar-border-color);\n  border-bottom: 1px solid var(--scalar-border-color);\n  color: var(--scalar-color-1);\n  cursor: pointer;\n  display: flex;\n  flex: 1;\n  font-size: var(--scalar-mini);\n  font-weight: var(--scalar-semibold);\n  padding: 9px;\n  text-transform: capitalize;\n  user-select: none;\n}\n.start-section-integrations .start-item:first-of-type {\n  border-bottom-left-radius: var(--scalar-radius-lg);\n  border-left: 1px solid var(--scalar-border-color);\n}\n.start-section-integrations .start-item:last-of-type {\n  border-bottom-right-radius: var(--scalar-radius-lg);\n}\n.start-section-colors .start-item {\n  min-width: 33.33%;\n}\n.start-section-colors .start-item:nth-child(3n + 2) {\n  border-left: 1px solid var(--scalar-border-color);\n}\n.start-section-colors .start-item:last-of-type,\n.start-section-colors .start-item-active:last-of-type::before {\n  border-radius: 0 0 var(--scalar-radius-lg) var(--scalar-radius-lg);\n}\n.start-item:empty {\n  pointer-events: none;\n}\n.start-item svg {\n  width: 14px;\n  height: 14px;\n  margin-right: 6px;\n}\n.start-item:hover {\n  background: var(--scalar-background-3);\n}\n.start-item-active {\n  z-index: 10;\n  position: relative;\n  color: var(--scalar-color-1);\n}\n.start-item-active::before {\n  border: 1px solid var(--scalar-color-1);\n  content: '';\n  inset: -1px -1px -1px -1px;\n  pointer-events: none;\n  position: absolute;\n}\n.start-section-color .start-item {\n  text-transform: capitalize;\n}\n.start-cta {\n  display: flex;\n  gap: 12px;\n  width: 100%;\n  margin-top: 24px;\n  margin-bottom: 0;\n}\n.start-row {\n  width: 100%;\n  margin-top: 12px;\n  overflow: hidden;\n}\n.start-hero-copy {\n  background: var(--scalar-background-2);\n  padding: 12px;\n  border-radius: var(--scalar-radius-lg);\n}\n.start-p-small {\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-2);\n  margin-bottom: 12px;\n  line-height: 1.4;\n}\n.start-cta {\n  margin-bottom: 12px;\n  width: fit-content;\n  white-space: nowrap;\n}\n.start-copy {\n  padding: 76px 48px 48px 48px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  text-align: center;\n}\n.start-logo {\n  color: var(--scalar-color-1);\n  margin-bottom: 24px;\n  width: 72px;\n  aspect-ratio: 1;\n  position: relative;\n  box-shadow: var(--scalar-shadow-2);\n  border-radius: 50%;\n}\n.start-logo:before {\n  content: '';\n  width: 300%;\n  aspect-ratio: 1;\n  left: -100%;\n  top: -100%;\n  position: absolute;\n  z-index: -1;\n  border-radius: 50%;\n  background-size: 24px 24px;\n  box-shadow:\n    inset 0 0 50px var(--scalar-background-1),\n    inset 0 0 50px var(--scalar-background-1);\n  background-image:\n    linear-gradient(to right, var(--scalar-border-color) 1px, transparent 1px),\n    linear-gradient(to bottom, var(--scalar-border-color) 1px, transparent 1px);\n}\n.start-logo svg {\n  width: 100%;\n  height: auto;\n  background: var(--scalar-background-1);\n  padding: 3px;\n  border-radius: 50%;\n  position: relative;\n}\n@media screen and (max-width: 600px) {\n  .start-section-colors .start-item,\n  .start-item {\n    width: 100%;\n    border-radius: 0;\n    border-right: none;\n    border-top: 1px solid var(--scalar-border-color);\n  }\n  .start-item:empty {\n    display: none;\n  }\n  .start-h2 {\n    border-bottom: none;\n  }\n  .start li {\n    width: 100%;\n  }\n  .start-copy {\n    padding: 48px 0 24px 0;\n  }\n}\n@media screen and (max-width: 1000px) {\n  .start {\n    padding: 0;\n    overflow: auto;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport { themeLabels, type ThemeId } from '@scalar/themes'\n\ndefineProps<{\n  theme: ThemeId\n}>()\n\nconst emits = defineEmits<{\n  (e: 'changeTheme', { id, label }: { id: ThemeId; label: string }): void\n  (e: 'loadSwaggerFile'): void\n  (e: 'linkSwaggerFile'): void\n  (e: 'updateContent', value: string): void\n}>()\n\nconst themeIds: ThemeId[] = [\n  'default',\n  'alternate',\n  'moon',\n  'purple',\n  'solarized',\n  'bluePlanet',\n  'saturn',\n  'kepler',\n  'mars',\n  'deepSpace',\n]\n\nasync function fetchExampleSpecification() {\n  const response = await fetch(\n    'https://registry.scalar.com/@scalar/apis/galaxy?format=yaml',\n  )\n\n  emits('updateContent', await response.text())\n}\n</script>\n<template>\n  <div class=\"custom-scroll start\">\n    <div class=\"start-copy\">\n      <div class=\"start-logo\">\n        <svg\n          height=\"36\"\n          viewBox=\"0 0 36 36\"\n          width=\"36\"\n          xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            d=\"M18 0a18 18 0 1 1 0 36 18 18 0 0 1 0-36Zm11.2 6.5c-3.3-3.3-11.1-1-17.4 5.3-6.2 6.3-8.6 14-5.3 17.4 3.3 3.3 11 .9 17.3-5.4 6.3-6.2 8.7-14 5.4-17.3ZM17.6 12a6.3 6.3 0 1 1 0 12.7 6.3 6.3 0 0 1 0-12.7Z\"\n            fill=\"currentColor\"\n            fill-rule=\"evenodd\" />\n        </svg>\n      </div>\n      <h1 class=\"start-h1\">Swagger Editor</h1>\n      <p class=\"start-p\">\n        Welcome to the Scalar API References + Swagger Editor, a Free &\n        Open-Source tool that takes your Swagger/OAS file and generates\n        Beautiful API references.\n      </p>\n      <div class=\"start-cta\">\n        <ScalarButton\n          class=\"w-full\"\n          @click=\"fetchExampleSpecification\">\n          Show Example\n        </ScalarButton>\n        <ScalarButton\n          class=\"w-full\"\n          variant=\"outlined\"\n          @click=\"$emit('loadSwaggerFile')\">\n          Upload File\n        </ScalarButton>\n      </div>\n    </div>\n    <div class=\"start-row\">\n      <div class=\"start-section start-section-integrations\">\n        <div class=\"start-h2\">INTEGRATIONS</div>\n        <a\n          class=\"start-item\"\n          href=\"https://github.com/scalar/scalar/tree/main/integrations/fastify#readme\"\n          target=\"_blank\">\n          <svg\n            fill=\"currentColor\"\n            height=\"16\"\n            viewBox=\"0 0 19 16\"\n            width=\"19\"\n            xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n              d=\"m18.2 3.1.8-2V.9l-4.7 1.3C15.2 1 15 0 15 0s-2.5 1.6-4.3 1.5c-2 0-3.6.8-4 1-1.8 1.2-2.5 3.3-3.2 3.8L0 8.9 2.3 8l-2 2.5c.2.3 1.2 1.6 2.1 1.3l.4-.1 1.6.5-.7-1 .2-.2.9.3-.1-.8.9.3-.1-.8.3-.1 1-3.5 3.7-2.6-.3.7A4 4 0 0 1 8 7l-.6.2c-.5.5-.7.7-.8 2.5a2 2 0 0 1 1 0c1.6.4 2.2 2.3 1.7 2.9l-.7.6H8v.6h-.7v.5l-.2.2c-.7 0-1.4-.6-1.4-.6 0 .5.4 1.3.4 1.3s1.7 1.1 2.7.7c1-.4.7-2.3 2.8-3.2l3.3-.9.8-2.2-1.7.5v-2l2.5-.6.9-2.2-3.4.9v-2l4.2-1.1Z\"\n              fill=\"currentColor\"\n              fill-rule=\"nonzero\" />\n          </svg>\n          <span>Fastify</span>\n        </a>\n        <a\n          class=\"start-item\"\n          href=\"https://github.com/scalar/scalar/blob/main/documentation/integrations/html-js.md#html\"\n          target=\"_blank\">\n          <svg\n            fill=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n            xmlns=\"http://www.w3.org/2000/svg\">\n            <g>\n              <path\n                d=\"M22.5 1.5h-21A1.5 1.5 0 0 0 0 3v3a1.5 1.5 0 0 0 1.5 1.5h21A1.5 1.5 0 0 0 24 6V3a1.5 1.5 0 0 0-1.5-1.5Zm-19.25 3A1.25 1.25 0 1 1 4.5 5.75 1.25 1.25 0 0 1 3.25 4.5ZM8.5 5.75A1.25 1.25 0 1 1 9.75 4.5 1.25 1.25 0 0 1 8.5 5.75Z\"\n                fill=\"currentColor\" />\n              <path\n                d=\"M22.5 9h-21A1.5 1.5 0 0 0 0 10.5v3A1.5 1.5 0 0 0 1.5 15h21a1.5 1.5 0 0 0 1.5-1.5v-3A1.5 1.5 0 0 0 22.5 9ZM3.25 12a1.25 1.25 0 1 1 1.25 1.25A1.25 1.25 0 0 1 3.25 12Zm5.25 1.25A1.25 1.25 0 1 1 9.75 12a1.25 1.25 0 0 1-1.25 1.25Z\"\n                fill=\"currentColor\" />\n              <path\n                d=\"M22.5 16.5h-21A1.5 1.5 0 0 0 0 18v3a1.5 1.5 0 0 0 1.5 1.5h21A1.5 1.5 0 0 0 24 21v-3a1.5 1.5 0 0 0-1.5-1.5Zm-19.25 3a1.25 1.25 0 1 1 1.25 1.25 1.25 1.25 0 0 1-1.25-1.25Zm5.25 1.25a1.25 1.25 0 1 1 1.25-1.25 1.25 1.25 0 0 1-1.25 1.25Z\"\n                fill=\"currentColor\" />\n            </g>\n          </svg>\n          <span>CDN</span>\n        </a>\n        <a\n          class=\"start-item\"\n          href=\"https://github.com/scalar/scalar/blob/main/packages/api-reference/README.md#vuejs\"\n          target=\"_blank\">\n          <svg\n            height=\"170\"\n            viewBox=\"0 0 196.3 170\"\n            width=\"196.3\"\n            xmlns=\"http://www.w3.org/2000/svg\">\n            <g\n              fill=\"currentColor\"\n              fill-rule=\"nonzero\">\n              <polygon\n                points=\"39.23 0 0 0 2.9450761 5.1010782 98.16 170.02 196.32 0 157.06 0 98.16 102.01 42.175701 5.0991171\" />\n              <polygon\n                points=\"75.5 2.009956e-14 0 2.009956e-14 2.94 5.1 78.44871 5.1 98.16 39.26 117.87937 5.1 193.38 5.1 196.325 0 120.82 7.8065636e-15 114.97322 2.009956e-14 98.16 29.037153 81.35 2.009956e-14\" />\n            </g>\n          </svg>\n          <span>Vue</span>\n        </a>\n        <a\n          class=\"start-item\"\n          href=\"https://github.com/scalar/scalar/blob/main/packages/api-reference-react/README.md#usage\"\n          target=\"_blank\">\n          <svg\n            height=\"23.3\"\n            viewBox=\"0 0 22 23.3\"\n            width=\"22\"\n            xmlns=\"http://www.w3.org/2000/svg\">\n            <g\n              fill=\"none\"\n              fill-rule=\"evenodd\">\n              <circle\n                cx=\"11\"\n                cy=\"11.6\"\n                fill=\"currentColor\"\n                fill-rule=\"nonzero\"\n                r=\"2\" />\n              <g stroke=\"currentColor\">\n                <ellipse\n                  cx=\"11\"\n                  cy=\"11.6\"\n                  rx=\"11\"\n                  ry=\"4.2\" />\n                <ellipse\n                  cx=\"11\"\n                  cy=\"11.6\"\n                  rx=\"11\"\n                  ry=\"4.2\"\n                  transform=\"rotate(60 11 11.6)\" />\n                <ellipse\n                  cx=\"11\"\n                  cy=\"11.6\"\n                  rx=\"11\"\n                  ry=\"4.2\"\n                  transform=\"rotate(120 11 11.6)\" />\n              </g>\n            </g>\n          </svg>\n          <span>React</span>\n        </a>\n      </div>\n      <div class=\"start-section start-section-colors\">\n        <p class=\"start-h2\">THEMING</p>\n        <div\n          v-for=\"themeId in themeIds\"\n          :key=\"themeId\"\n          class=\"start-item\"\n          :class=\"{ 'start-item-active': themeId === theme }\"\n          @click=\"\n            $emit('changeTheme', { id: themeId, label: themeLabels[themeId] })\n          \">\n          {{ themeLabels[themeId] }}\n        </div>\n      </div>\n    </div>\n    <p class=\"start-h1\">Features</p>\n    <ul class=\"start-ul\">\n      <li>\n        <p class=\"start-h3\">Customize</p>\n        Bring your typography & color palettes, or use our themes!\n      </li>\n      <li>\n        <p class=\"start-h3\">Testing</p>\n        A deeply integrated Rest API Client (Also Free & Open-Source)\n      </li>\n      <li>\n        <p class=\"start-h3\">Search</p>\n        Fully integrated Search (Using fuse.js)\n      </li>\n      <li>\n        <p class=\"start-h3\">Hosting</p>\n        Free subdomain hosting on https://apidocumentation.com\n      </li>\n      <li>\n        <p class=\"start-h3\">OpenAPI & Swagger</p>\n        Support for OpenAPI 3.1, OpenAPI 3.0, and Swagger 2.0\n      </li>\n      <li>\n        <p class=\"start-h3\">Code Samples</p>\n        Code samples to show off your API in most popular languages\n      </li>\n    </ul>\n  </div>\n</template>\n<style scoped>\n.start {\n  padding: 24px;\n  display: flex;\n  flex-flow: wrap;\n  justify-content: space-between;\n  position: relative;\n  z-index: 0;\n}\n.swagger-editor .start {\n  padding-top: 24px;\n}\n.start-h1 {\n  font-size: var(--scalar-heading-2);\n  margin-top: 0;\n  line-height: 1.45;\n  margin-bottom: 0;\n  font-weight: var(--scalar-bold);\n  color: var(--scalar-color-1);\n  width: 100%;\n  position: relative;\n}\n.start-h3 {\n  font-size: var(--scalar-paragraph);\n  margin-top: 0;\n  margin-bottom: 6px;\n  display: block;\n  line-height: 1.45;\n  font-weight: var(--scalar-bold);\n  color: var(--scalar-color-1);\n  width: 100%;\n}\n.start-h1:not(:first-of-type) {\n  margin-top: 24px;\n}\n.start-p {\n  font-size: var(--scalar-paragraph);\n  color: var(--scalar-color-2);\n  line-height: 1.5;\n  width: 100%;\n  margin-top: 12px;\n}\n.start-ul {\n  margin-top: 12px;\n  font-size: var(--scalar-paragraph);\n  line-height: 1.5;\n  padding-left: 0;\n  list-style: initial;\n  display: flex;\n  flex-flow: wrap;\n  gap: 24px;\n}\n.start-ul li {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  width: calc(50% - 24px);\n  color: var(--scalar-color-2);\n}\n.start-ul li:first-of-type {\n  margin-top: 0;\n}\n.start-section {\n  width: 100%;\n  margin-bottom: 12px;\n  display: flex;\n  flex-flow: wrap;\n}\n.start-section:last-of-type {\n  margin-bottom: 48px;\n}\n.start-h2 {\n  background: var(--scalar-background-2);\n  border-top-left-radius: var(--scalar-radius-lg);\n  border-top-right-radius: var(--scalar-radius-lg);\n  border: 1px solid var(--scalar-border-color);\n  color: var(--scalar-color-3);\n  font-size: var(--scalar-mini);\n  font-weight: var(--scalar-semibold);\n  padding: 9px;\n  width: 100%;\n}\n.start-item {\n  align-items: center;\n  background: var(--scalar-background-2);\n  border-right: 1px solid var(--scalar-border-color);\n  border-bottom: 1px solid var(--scalar-border-color);\n  color: var(--scalar-color-1);\n  cursor: pointer;\n  display: flex;\n  flex: 1;\n  font-size: var(--scalar-mini);\n  font-weight: var(--scalar-semibold);\n  padding: 9px;\n  text-transform: capitalize;\n  user-select: none;\n}\n.start-section-integrations .start-item:first-of-type {\n  border-bottom-left-radius: var(--scalar-radius-lg);\n  border-left: 1px solid var(--scalar-border-color);\n}\n.start-section-integrations .start-item:last-of-type {\n  border-bottom-right-radius: var(--scalar-radius-lg);\n}\n.start-section-colors .start-item {\n  min-width: 33.33%;\n}\n.start-section-colors .start-item:nth-child(3n + 2) {\n  border-left: 1px solid var(--scalar-border-color);\n}\n.start-section-colors .start-item:last-of-type,\n.start-section-colors .start-item-active:last-of-type::before {\n  border-radius: 0 0 var(--scalar-radius-lg) var(--scalar-radius-lg);\n}\n.start-item:empty {\n  pointer-events: none;\n}\n.start-item svg {\n  width: 14px;\n  height: 14px;\n  margin-right: 6px;\n}\n.start-item:hover {\n  background: var(--scalar-background-3);\n}\n.start-item-active {\n  z-index: 10;\n  position: relative;\n  color: var(--scalar-color-1);\n}\n.start-item-active::before {\n  border: 1px solid var(--scalar-color-1);\n  content: '';\n  inset: -1px -1px -1px -1px;\n  pointer-events: none;\n  position: absolute;\n}\n.start-section-color .start-item {\n  text-transform: capitalize;\n}\n.start-cta {\n  display: flex;\n  gap: 12px;\n  width: 100%;\n  margin-top: 24px;\n  margin-bottom: 0;\n}\n.start-row {\n  width: 100%;\n  margin-top: 12px;\n  overflow: hidden;\n}\n.start-hero-copy {\n  background: var(--scalar-background-2);\n  padding: 12px;\n  border-radius: var(--scalar-radius-lg);\n}\n.start-p-small {\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-2);\n  margin-bottom: 12px;\n  line-height: 1.4;\n}\n.start-cta {\n  margin-bottom: 12px;\n  width: fit-content;\n  white-space: nowrap;\n}\n.start-copy {\n  padding: 76px 48px 48px 48px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  text-align: center;\n}\n.start-logo {\n  color: var(--scalar-color-1);\n  margin-bottom: 24px;\n  width: 72px;\n  aspect-ratio: 1;\n  position: relative;\n  box-shadow: var(--scalar-shadow-2);\n  border-radius: 50%;\n}\n.start-logo:before {\n  content: '';\n  width: 300%;\n  aspect-ratio: 1;\n  left: -100%;\n  top: -100%;\n  position: absolute;\n  z-index: -1;\n  border-radius: 50%;\n  background-size: 24px 24px;\n  box-shadow:\n    inset 0 0 50px var(--scalar-background-1),\n    inset 0 0 50px var(--scalar-background-1);\n  background-image:\n    linear-gradient(to right, var(--scalar-border-color) 1px, transparent 1px),\n    linear-gradient(to bottom, var(--scalar-border-color) 1px, transparent 1px);\n}\n.start-logo svg {\n  width: 100%;\n  height: auto;\n  background: var(--scalar-background-1);\n  padding: 3px;\n  border-radius: 50%;\n  position: relative;\n}\n@media screen and (max-width: 600px) {\n  .start-section-colors .start-item,\n  .start-item {\n    width: 100%;\n    border-radius: 0;\n    border-right: none;\n    border-top: 1px solid var(--scalar-border-color);\n  }\n  .start-item:empty {\n    display: none;\n  }\n  .start-h2 {\n    border-bottom: none;\n  }\n  .start li {\n    width: 100%;\n  }\n  .start-copy {\n    padding: 48px 0 24px 0;\n  }\n}\n@media screen and (max-width: 1000px) {\n  .start {\n    padding: 0;\n    overflow: auto;\n  }\n}\n</style>\n","import type {\n  AnyApiReferenceConfiguration,\n  ApiReferenceConfigurationWithSource,\n  CreateApiReference,\n} from '@scalar/types/api-reference'\nimport { apiReferenceConfigurationWithSourceSchema } from '@scalar/types/api-reference'\nimport { createHead } from '@unhead/vue/client'\nimport { createApp, h, reactive } from 'vue'\n\nimport { default as ApiReference } from '@/components/ApiReference.vue'\n\nconst getSpecScriptTag = (doc: Document) => doc.getElementById('api-reference')\n\n/**\n * Reading the configuration from the data-attributes.\n */\nexport function getConfigurationFromDataAttributes(doc: Document): ApiReferenceConfigurationWithSource {\n  const specElement = doc.querySelector('[data-spec]')\n  const specUrlElement = doc.querySelector('[data-spec-url]')\n  const configurationScriptElement = doc.querySelector('#api-reference[data-configuration]')\n\n  const getConfiguration = () => {\n    // <script data-configuration=\"{ … }\" />\n    if (configurationScriptElement) {\n      const configurationFromElement = configurationScriptElement.getAttribute('data-configuration')\n\n      if (configurationFromElement) {\n        return {\n          _integration: 'html',\n          ...JSON.parse(configurationFromElement.split('&quot;').join('\"')),\n        }\n      }\n    }\n\n    return apiReferenceConfigurationWithSourceSchema.parse({ _integration: 'html' })\n  }\n\n  const getUrl = () => {\n    // Let's first check if the user passed a spec URL in the configuration.\n    if (getConfiguration().url) {\n      return getConfiguration().url\n    }\n\n    if (getConfiguration().spec?.url) {\n      return getConfiguration().spec?.url\n    }\n\n    // <script id=\"api-reference\" data-url=\"/scalar.json\" />\n    const specScriptTag = getSpecScriptTag(doc)\n    if (specScriptTag) {\n      const urlFromScriptTag = specScriptTag.getAttribute('data-url')?.trim()\n\n      if (urlFromScriptTag) {\n        return urlFromScriptTag\n      }\n    }\n\n    // <div data-spec-url=\"/scalar.json\" />\n    if (specUrlElement) {\n      console.warn(\n        '[@scalar/api-reference] The [data-spec-url] HTML API is deprecated. Use the new <script id=\"api-reference\" data-url=\"/scalar.json\" /> API instead.',\n      )\n      const urlFromSpecUrlElement = specUrlElement.getAttribute('data-spec-url')\n\n      if (urlFromSpecUrlElement) {\n        return urlFromSpecUrlElement\n      }\n    }\n\n    return undefined\n  }\n\n  const getContent = (): string | undefined => {\n    // <script id=\"api-reference\" type=\"application/json\">{\"openapi\":\"3.1.0\",\"info\":{\"title\":\"Example\"},\"paths\":{}}</script>\n    const specScriptTag = getSpecScriptTag(doc)\n    if (specScriptTag) {\n      const specFromScriptTag = specScriptTag.innerHTML?.trim()\n\n      if (specFromScriptTag) {\n        return specFromScriptTag\n      }\n    }\n\n    // <div data-spec='{\"openapi\":\"3.1.0\",\"info\":{\"title\":\"Example\"},\"paths\":{}}' />\n    if (specElement) {\n      console.warn(\n        '[@scalar/api-reference] The [data-spec] HTML API is deprecated. Use the new <script id=\"api-reference\" type=\"application/json\">{\"openapi\":\"3.1.0\",\"info\":{\"title\":\"Example\"},\"paths\":{}}</script> API instead.',\n      )\n      const specFromSpecElement = specElement.getAttribute('data-spec')?.trim()\n\n      if (specFromSpecElement) {\n        return specFromSpecElement\n      }\n    }\n\n    return undefined\n  }\n\n  const getProxyUrl = () => {\n    // <script id=\"api-reference\" data-proxy-url=\"https://proxy.scalar.com\">…</script>\n    const specScriptTag = getSpecScriptTag(doc)\n    if (specScriptTag) {\n      const proxyUrl = specScriptTag.getAttribute('data-proxy-url')\n\n      if (proxyUrl) {\n        return proxyUrl.trim()\n      }\n    }\n\n    return undefined\n  }\n\n  // Ensure Reference Props are reactive\n  if (!specUrlElement && !specElement && !getSpecScriptTag(doc)) {\n    // Stay quiet.\n  } else {\n    const urlOrContent = getContent() ? { content: getContent() } : { url: getUrl() }\n\n    return apiReferenceConfigurationWithSourceSchema.parse({\n      _integration: 'html',\n      proxyUrl: getProxyUrl(),\n      ...getConfiguration(),\n      ...urlOrContent,\n    })\n  }\n\n  return apiReferenceConfigurationWithSourceSchema.parse({ _integration: 'html' })\n}\n\n/**\n * Mount the Scalar API Reference on a given document.\n * Read the HTML data-attributes for configuration.\n */\nexport function findDataAttributes(doc: Document, configuration: ApiReferenceConfigurationWithSource) {\n  /** @deprecated Use the new <script id=\"api-reference\" data-url=\"/scalar.json\" /> API instead. */\n  const specElement = doc.querySelector('[data-spec]')\n  /** @deprecated Use the new <script id=\"api-reference\" data-url=\"/scalar.json\" /> API instead. */\n  const specUrlElement = doc.querySelector('[data-spec-url]')\n\n  if (configuration?.darkMode) {\n    doc.body?.classList.add('dark-mode')\n  } else {\n    doc.body?.classList.add('light-mode')\n  }\n\n  const container = createContainer(doc, specElement || specUrlElement)\n\n  if (container) {\n    createApiReference(container, configuration)\n  }\n}\n\n// If it's a script tag, we can't mount the Vue.js app inside that tag.\n// We need to add a new container element before the script tag.\nexport const createContainer = (doc: Document, element?: Element | null) => {\n  let _container: Element | null = null\n\n  const specScriptTag = getSpecScriptTag(doc)\n\n  if (specScriptTag) {\n    _container = doc.createElement('div')\n    specScriptTag?.parentNode?.insertBefore(_container, specScriptTag)\n  } else if (element) {\n    _container = element\n  }\n\n  return _container\n}\n\n/**\n * Create (and mount) a new Scalar API Reference\n *\n * @example createApiReference({ url: '/scalar.json' }).mount('#app')\n * @example createApiReference('#app', { url: '/scalar.json' })\n * @example createApiReference(document.getElementById('app'), { url: '/scalar.json' })\n */\nexport const createApiReference: CreateApiReference = (\n  elementOrSelectorOrConfig,\n  optionalConfiguration?: AnyApiReferenceConfiguration,\n) => {\n  // Create an id prefix for useId so we don't have collisions with other Vue apps\n  const idPrefix = 'scalar-refs'\n\n  const props = reactive<{ configuration: AnyApiReferenceConfiguration }>({\n    // Either the configuration will be the second argument or it MUST be the first (configuration only)\n    configuration: optionalConfiguration ?? (elementOrSelectorOrConfig as AnyApiReferenceConfiguration) ?? {},\n  })\n\n  // Create a new Vue app instance\n  let app = createApp(() => h(ApiReference, props))\n\n  // Meta tags, etc.\n  app.use(createHead())\n\n  app.config.idPrefix = idPrefix\n\n  // If we have an optional config, then we must mount the element immediately (not sure why type is not narrowing)\n  if (optionalConfiguration) {\n    // If the element is a string, we need to find the actual DOM element\n    const element =\n      typeof elementOrSelectorOrConfig === 'string'\n        ? document.querySelector(elementOrSelectorOrConfig)\n        : (elementOrSelectorOrConfig as Element)\n\n    if (element) {\n      app.mount(element)\n    } else {\n      console.error('Could not find a mount point for API References:', elementOrSelectorOrConfig)\n    }\n  }\n\n  /**\n   * Reload the API Reference\n   * @deprecated\n   */\n  document.addEventListener(\n    'scalar:reload-references',\n    () => {\n      console.warn(\n        'scalar:reload-references event has been deprecated, please use the scalarInstance.app.mount method instead.',\n      )\n      if (!props.configuration) {\n        return\n      }\n\n      // Snag the current element\n      const currentElement =\n        typeof elementOrSelectorOrConfig === 'string'\n          ? document.querySelector(elementOrSelectorOrConfig)\n          : (elementOrSelectorOrConfig as Element)\n\n      if (!currentElement) {\n        return\n      }\n\n      // Ensure we re-attach the element if it was unmounted\n      if (currentElement && !document.body.contains(currentElement)) {\n        document.body.appendChild(currentElement)\n      }\n\n      // Create a new Vue app instance\n      app.unmount()\n      app = createApp(() => h(ApiReference, props))\n      app.use(createHead())\n      app.config.idPrefix = idPrefix\n      app.mount(currentElement)\n    },\n    false,\n  )\n\n  /** Destroy the current API Reference instance */\n  const destroy = () => {\n    props.configuration = {}\n    app.unmount()\n  }\n\n  /**\n   * Allow user to destroy the API Reference\n   * @deprecated\n   */\n  document.addEventListener(\n    'scalar:destroy-references',\n    () => {\n      console.warn('scalar:destroy-references event has been deprecated, please use scalarInstance.destroy instead.')\n      destroy()\n    },\n    false,\n  )\n\n  /**\n   * Allow user to update configuration\n   * @deprecated\n   */\n  document.addEventListener(\n    'scalar:update-references-config',\n    (ev) => {\n      console.warn(\n        'scalar:update-references-config event has been deprecated, please use scalarInstance.updateConfiguration instead.',\n      )\n      if ('detail' in ev) {\n        Object.assign(props, ev.detail)\n      }\n    },\n    false,\n  )\n\n  const instance = {\n    app,\n    getConfiguration: () => props.configuration ?? {},\n    updateConfiguration: (newConfig: AnyApiReferenceConfiguration) => {\n      props.configuration = newConfig\n    },\n    destroy,\n  }\n\n  return instance\n}\n"],"mappings":"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"}

package/dist/storage--3JuzjCI.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"storage--3JuzjCI.js","names":[],"sources":["../src/helpers/storage.ts"],"sourcesContent":["import { REFERENCE_LS_KEYS, safeLocalStorage } from '@scalar/helpers/object/local-storage'\nimport { type Auth, AuthSchema } from '@scalar/workspace-store/entities/auth'\nimport { coerceValue } from '@scalar/workspace-store/schemas/typebox-coerce'\n\n// Local storage helper instance, safely wrapped.\nconst storage = safeLocalStorage()\n\n/**\n * Provides an interface to store and retrieve the selected client value\n * in local storage.\n */\nexport const clientStorage = () => {\n  const key = REFERENCE_LS_KEYS.SELECTED_CLIENT\n  return {\n    /**\n     * Gets the stored selected client from local storage.\n     */\n    get: () => {\n      return storage.getItem(key)\n    },\n    /**\n     * Stores the selected client value in local storage.\n     * @param value The value to store\n     */\n    set: (value: string) => {\n      storage.setItem(key, value as string)\n    },\n  }\n}\n\n/**\n * Provides an interface to store and retrieve authentication scheme\n * information in local storage, including both the available schemes and\n * the user's selected schemes.\n */\nexport const authStorage = () => {\n  const getKey = (slug: string) => {\n    return `${REFERENCE_LS_KEYS.AUTH}-${slug}`\n  }\n\n  return {\n    /**\n     * Retrieves and coerces the authentication schemes stored in local storage.\n     */\n    getAuth: (slug: string) => {\n      const parsed = JSON.parse(storage.getItem(getKey(slug)) ?? '{}')\n      return coerceValue(AuthSchema, parsed)\n    },\n    /**\n     * Stores the authentication schemes in local storage.\n     * @param value The Auth object to stringify and store.\n     */\n    setAuth: (slug: string, value: Auth) => {\n      storage.setItem(getKey(slug), JSON.stringify(value))\n    },\n  }\n}\n"],"mappings":";;;;AAKA,IAAM,UAAU,kBAAkB;;;;;AAMlC,IAAa,sBAAsB;CACjC,MAAM,MAAM,kBAAkB;AAC9B,QAAO;EAIL,WAAW;AACT,UAAO,QAAQ,QAAQ,IAAI;;EAM7B,MAAM,UAAkB;AACtB,WAAQ,QAAQ,KAAK,MAAgB;;EAExC;;;;;;;AAQH,IAAa,oBAAoB;CAC/B,MAAM,UAAU,SAAiB;AAC/B,SAAO,GAAG,kBAAkB,KAAK,GAAG;;AAGtC,QAAO;EAIL,UAAU,SAAiB;AAEzB,UAAO,YAAY,YADJ,KAAK,MAAM,QAAQ,QAAQ,OAAO,KAAK,CAAC,IAAI,KAAK,CAC1B;;EAMxC,UAAU,MAAc,UAAgB;AACtC,WAAQ,QAAQ,OAAO,KAAK,EAAE,KAAK,UAAU,MAAM,CAAC;;EAEvD"}