@scalar/api-client 3.23.0 → 3.23.1

package/dist/v2/blocks/request-block/components/RequestTable.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequestTable.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/request-block/components/RequestTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { computed, type ComponentPublicInstance } from 'vue'\n\nimport RequestTableRow, {\n  type TableRow,\n  type TableRowUpsertPayload,\n} from '@/v2/blocks/request-block/components/RequestTableRow.vue'\nimport {\n  DataTable,\n  DataTableHeader,\n  DataTableRow,\n} from '@/v2/components/data-table'\nimport { useLocalization } from '@/v2/features/localization'\n\nconst {\n  data,\n  hasCheckboxDisabled,\n  deferKeyUpdates,\n  showUploadButton,\n  showAddRowPlaceholder = true,\n  environment,\n} = defineProps<{\n  data: TableRow[]\n  /** Save key edits on blur so changing a body name does not replace the focused row. */\n  deferKeyUpdates?: boolean\n  /** Hide the enabled column */\n  hasCheckboxDisabled?: boolean\n  invalidParams?: Set<string>\n  label?: string\n  showUploadButton?: boolean\n  showAddRowPlaceholder?: boolean\n  environment: XScalarEnvironment\n}>()\n\n/**\n * Make this component more generic that can be used also for the operation body\n */\nconst emit = defineEmits<{\n  (e: 'upsertRow', index: number, payload: TableRowUpsertPayload): void\n  (e: 'deleteRow', index: number): void\n\n  /**\n   * File upload events\n   *\n   * Each row has its own upload button, so we need to know which row to update\n   * when the file is selected.\n   */\n  (e: 'uploadFile', index: number): void\n  (e: 'removeFile', index: number): void\n  (e: 'navigate', route: NonNullable<TableRow['globalRoute']>): void\n  /** Select a value for a grouped global cookie preset at the given row index. */\n  (e: 'selectPreset', index: number, value: string): void\n}>()\n\nconst { translate } = useLocalization()\n\nconst columns = computed(() => {\n  if (showUploadButton) {\n    return ['36px', '', '', 'minmax(0, 1fr)']\n  }\n  return ['36px', '', '']\n})\n\n/** Add the last empty row (for ui purposes only) */\nconst displayData = computed(() => {\n  if (!showAddRowPlaceholder) {\n    return data\n  }\n\n  const last = data.at(-1)\n\n  if (last?.name !== '' || last.value !== '') {\n    return [...data, { name: '', value: '', isDisabled: true }]\n  }\n\n  return data\n})\n\n/**\n * Stable identity key for each row so Vue never reuses a RequestTableRow instance for a different\n * parameter or the appended placeholder row. Parameter rows are keyed by their parameter identity —\n * the name plus the value path for expanded object parameters. The parts are combined through\n * JSON.stringify so the name/path boundary is unambiguous (for example `ab` + `['c']` never\n * collides with `a` + `['bc']`). Form rows use the name and its occurrence so repeated\n * multipart fields remain distinct while unrelated rows can move without losing their identity.\n */\nconst getRowKey = (row: TableRow, index: number): string => {\n  // Body edits retain their row when blur commits a rename after focus moves into the value.\n  if (deferKeyUpdates) {\n    return `body:${index}`\n  }\n  if (row.originalParameter) {\n    return JSON.stringify([\n      row.originalParameter.name,\n      ...(row.sourceParameterValuePath ?? []),\n    ])\n  }\n\n  const occurrence = displayData.value\n    .slice(0, index)\n    .filter(\n      (other) => !other.originalParameter && other.name === row.name,\n    ).length\n  return `row:${JSON.stringify([row.name, occurrence])}`\n}\n\n/** Keep an edited row mounted when saving it changes its parameter identity. */\ntype DisplayRow = {\n  data: TableRow\n  identity: string\n  key: symbol\n}\n\nconst pendingUpdates = new Map<symbol, TableRowUpsertPayload>()\nconst rowRefs = new Map<symbol, InstanceType<typeof RequestTableRow>>()\n\nconst setRowRef = (\n  key: symbol,\n  element: Element | ComponentPublicInstance | null,\n): void => {\n  if (element) {\n    rowRefs.set(key, element as InstanceType<typeof RequestTableRow>)\n  } else {\n    rowRefs.delete(key)\n  }\n}\n\nconst matchesPendingUpdate = (key: symbol, row: TableRow): boolean => {\n  const update = pendingUpdates.get(key)\n  return update?.name === row.name && update.value === row.value\n}\n\n// A saved parameter inherits the editor's key. The next placeholder gets a fresh key,\n// so it cannot retain the previous placeholder's text or focused input.\nconst keyedRows = computed<DisplayRow[]>((previous = []) => {\n  const available = new Set(previous)\n  // Reserve identities still present in the store before transferring an edited key.\n  // The appended placeholder is excluded so a newly saved row can inherit its editor.\n  const savedIdentities = new Set(data.map(getRowKey))\n  const rows = displayData.value.map((row, index) => {\n    const identity = getRowKey(row, index)\n    const existing = [...available].find((entry) => entry.identity === identity)\n    const pending = [...available].find(\n      (entry) =>\n        !savedIdentities.has(entry.identity) &&\n        !entry.data.sourceParameterValuePath &&\n        matchesPendingUpdate(entry.key, row),\n    )\n    const match = existing ?? pending\n\n    if (match) {\n      available.delete(match)\n      if (matchesPendingUpdate(match.key, row)) {\n        pendingUpdates.delete(match.key)\n      }\n    }\n\n    return { data: row, identity, key: match?.key ?? Symbol() }\n  })\n\n  for (const removed of available) {\n    pendingUpdates.delete(removed.key)\n  }\n\n  return rows\n})\n\nconst handleUpsertRow = (\n  row: DisplayRow,\n  index: number,\n  payload: TableRowUpsertPayload,\n): void => {\n  // The store may debounce the save. Transfer this key only when the saved row arrives.\n  pendingUpdates.set(row.key, payload)\n  emit('upsertRow', index, payload)\n}\n\ndefineExpose({\n  focusValue: (index: number): void => {\n    const row = keyedRows.value[index]\n    if (row) rowRefs.get(row.key)?.focusValue()\n  },\n})\n</script>\n<template>\n  <DataTable\n    class=\"group/table flex-1\"\n    :columns=\"columns\">\n    <DataTableRow class=\"sr-only !block\">\n      <DataTableHeader>\n        {{ label }}\n        {{ translate('apiClient.requestTable.enabled') }}\n      </DataTableHeader>\n      <DataTableHeader>\n        {{ label }}\n        {{ translate('apiClient.requestTable.key') }}\n      </DataTableHeader>\n      <DataTableHeader>\n        {{ label }}\n        {{ translate('apiClient.requestTable.value') }}\n      </DataTableHeader>\n    </DataTableRow>\n\n    <RequestTableRow\n      v-for=\"(row, index) in keyedRows\"\n      :key=\"row.key\"\n      :ref=\"(el) => setRowRef(row.key, el)\"\n      :data=\"row.data\"\n      :deferKeyUpdates=\"deferKeyUpdates\"\n      :environment=\"environment\"\n      :hasCheckboxDisabled=\"hasCheckboxDisabled\"\n      :invalidParams=\"invalidParams\"\n      :label=\"label\"\n      :showUploadButton=\"showUploadButton\"\n      @deleteRow=\"emit('deleteRow', index)\"\n      @navigate=\"(route) => emit('navigate', route)\"\n      @removeFile=\"emit('removeFile', index)\"\n      @selectPreset=\"(value) => emit('selectPreset', index, value)\"\n      @uploadFile=\"emit('uploadFile', index)\"\n      @upsertRow=\"(payload) => handleUpsertRow(row, index, payload)\" />\n  </DataTable>\n</template>\n<style scoped>\n:deep(.code-input-lite__editor) {\n  background-color: transparent;\n  font-family: var(--scalar-font);\n  font-size: var(--scalar-small);\n  padding: 5px 8px;\n}\n:deep(.scalar-pill:not(:last-of-type)) {\n  margin-right: 0.15em;\n}\n:deep(.scalar-pill:not(:first-of-type)) {\n  margin-left: 0.5px;\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"RequestTable.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/request-block/components/RequestTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { computed, type ComponentPublicInstance } from 'vue'\n\nimport RequestTableRow, {\n  type TableRow,\n  type TableRowUpsertPayload,\n} from '@/v2/blocks/request-block/components/RequestTableRow.vue'\nimport {\n  DataTable,\n  DataTableHeader,\n  DataTableRow,\n} from '@/v2/components/data-table'\nimport { useLocalization } from '@/v2/features/localization'\n\nconst {\n  data,\n  hasCheckboxDisabled,\n  deferKeyUpdates,\n  showUploadButton,\n  showAddRowPlaceholder = true,\n  environment,\n} = defineProps<{\n  data: TableRow[]\n  /** Save key edits on blur so changing a body name does not replace the focused row. */\n  deferKeyUpdates?: boolean\n  /** Hide the enabled column */\n  hasCheckboxDisabled?: boolean\n  invalidParams?: Set<string>\n  label?: string\n  showUploadButton?: boolean\n  showAddRowPlaceholder?: boolean\n  environment: XScalarEnvironment\n}>()\n\n/**\n * Make this component more generic that can be used also for the operation body\n */\nconst emit = defineEmits<{\n  (e: 'upsertRow', index: number, payload: TableRowUpsertPayload): void\n  (e: 'deleteRow', index: number): void\n\n  /**\n   * File upload events\n   *\n   * Each row has its own upload button, so we need to know which row to update\n   * when the file is selected.\n   */\n  (e: 'uploadFile', index: number): void\n  (e: 'removeFile', index: number): void\n  (e: 'navigate', route: NonNullable<TableRow['globalRoute']>): void\n  /** Select a value for a grouped global cookie preset at the given row index. */\n  (e: 'selectPreset', index: number, value: string): void\n}>()\n\nconst { translate } = useLocalization()\n\nconst columns = computed(() => {\n  if (showUploadButton) {\n    return ['36px', '', '', 'minmax(0, 1fr)']\n  }\n  return ['36px', '', '']\n})\n\n/** Add the last empty row (for ui purposes only) */\nconst displayData = computed(() => {\n  if (!showAddRowPlaceholder) {\n    return data\n  }\n\n  const last = data.at(-1)\n\n  if (last?.name !== '' || last.value !== '') {\n    return [...data, { name: '', value: '', isDisabled: true }]\n  }\n\n  return data\n})\n\n/**\n * Stable identity key for each row so Vue never reuses a RequestTableRow instance for a different\n * parameter or the appended placeholder row. Parameter rows are keyed by their parameter identity —\n * the name plus the value path for expanded object parameters. The parts are combined through\n * JSON.stringify so the name/path boundary is unambiguous (for example `ab` + `['c']` never\n * collides with `a` + `['bc']`). Form rows use the name and its occurrence so repeated\n * multipart fields remain distinct while unrelated rows can move without losing their identity.\n */\nconst getRowKey = (row: TableRow, index: number): string => {\n  // Body edits retain their row when blur commits a rename after focus moves into the value.\n  if (deferKeyUpdates) {\n    return `body:${index}`\n  }\n  if (row.originalParameter) {\n    return JSON.stringify([\n      row.originalParameter.name,\n      ...(row.sourceParameterValuePath ?? []),\n    ])\n  }\n\n  const occurrence = displayData.value\n    .slice(0, index)\n    .filter(\n      (other) => !other.originalParameter && other.name === row.name,\n    ).length\n  return `row:${JSON.stringify([row.name, occurrence])}`\n}\n\n/** Keep an edited row mounted when saving it changes its parameter identity. */\ntype DisplayRow = {\n  data: TableRow\n  identity: string\n  key: symbol\n}\n\nconst pendingUpdates = new Map<symbol, TableRowUpsertPayload>()\nconst rowRefs = new Map<symbol, InstanceType<typeof RequestTableRow>>()\n\nconst setRowRef = (\n  key: symbol,\n  element: Element | ComponentPublicInstance | null,\n): void => {\n  if (element) {\n    rowRefs.set(key, element as InstanceType<typeof RequestTableRow>)\n  } else {\n    rowRefs.delete(key)\n  }\n}\n\nconst matchesPendingUpdate = (key: symbol, row: TableRow): boolean => {\n  const update = pendingUpdates.get(key)\n  return update?.name === row.name && update.value === row.value\n}\n\n// A saved parameter inherits the editor's key. The next placeholder gets a fresh key,\n// so it cannot retain the previous placeholder's text or focused input.\nconst keyedRows = computed<DisplayRow[]>((previous = []) => {\n  const available = new Set(previous)\n  // Reserve identities still present in the store before transferring an edited key.\n  // The appended placeholder is excluded so a newly saved row can inherit its editor.\n  const savedIdentities = new Set(data.map(getRowKey))\n  const rows = displayData.value.map((row, index) => {\n    const identity = getRowKey(row, index)\n    const existing = [...available].find((entry) => entry.identity === identity)\n    const pending = [...available].find(\n      (entry) =>\n        !savedIdentities.has(entry.identity) &&\n        !entry.data.sourceParameterValuePath &&\n        matchesPendingUpdate(entry.key, row),\n    )\n    const match = existing ?? pending\n\n    if (match) {\n      available.delete(match)\n      if (matchesPendingUpdate(match.key, row)) {\n        pendingUpdates.delete(match.key)\n      }\n    }\n\n    return { data: row, identity, key: match?.key ?? Symbol() }\n  })\n\n  for (const removed of available) {\n    pendingUpdates.delete(removed.key)\n  }\n\n  return rows\n})\n\nconst handleUpsertRow = (\n  row: DisplayRow,\n  index: number,\n  payload: TableRowUpsertPayload,\n): void => {\n  // The store may debounce the save. Transfer this key only when the saved row arrives.\n  pendingUpdates.set(row.key, payload)\n  emit('upsertRow', index, payload)\n}\n\ndefineExpose({\n  focusValue: (index: number): void => {\n    const row = keyedRows.value[index]\n    if (row) {\n      rowRefs.get(row.key)?.focusValue()\n    }\n  },\n})\n</script>\n<template>\n  <DataTable\n    class=\"group/table flex-1\"\n    :columns=\"columns\">\n    <DataTableRow class=\"sr-only !block\">\n      <DataTableHeader>\n        {{ label }}\n        {{ translate('apiClient.requestTable.enabled') }}\n      </DataTableHeader>\n      <DataTableHeader>\n        {{ label }}\n        {{ translate('apiClient.requestTable.key') }}\n      </DataTableHeader>\n      <DataTableHeader>\n        {{ label }}\n        {{ translate('apiClient.requestTable.value') }}\n      </DataTableHeader>\n    </DataTableRow>\n\n    <RequestTableRow\n      v-for=\"(row, index) in keyedRows\"\n      :key=\"row.key\"\n      :ref=\"(el) => setRowRef(row.key, el)\"\n      :data=\"row.data\"\n      :deferKeyUpdates=\"deferKeyUpdates\"\n      :environment=\"environment\"\n      :hasCheckboxDisabled=\"hasCheckboxDisabled\"\n      :invalidParams=\"invalidParams\"\n      :label=\"label\"\n      :showUploadButton=\"showUploadButton\"\n      @deleteRow=\"emit('deleteRow', index)\"\n      @navigate=\"(route) => emit('navigate', route)\"\n      @removeFile=\"emit('removeFile', index)\"\n      @selectPreset=\"(value) => emit('selectPreset', index, value)\"\n      @uploadFile=\"emit('uploadFile', index)\"\n      @upsertRow=\"(payload) => handleUpsertRow(row, index, payload)\" />\n  </DataTable>\n</template>\n<style scoped>\n:deep(.code-input-lite__editor) {\n  background-color: transparent;\n  font-family: var(--scalar-font);\n  font-size: var(--scalar-small);\n  padding: 5px 8px;\n}\n:deep(.scalar-pill:not(:last-of-type)) {\n  margin-right: 0.15em;\n}\n:deep(.scalar-pill:not(:first-of-type)) {\n  margin-left: 0.5px;\n}\n</style>\n"],"mappings":"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"}

package/dist/v2/blocks/response-block/components/ResponseBodyRaw.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_
 import ResponseBodyRaw_vue_vue_type_script_setup_true_lang_default from "./ResponseBodyRaw.vue.script.js";
 /* empty css                              */
 //#region src/v2/blocks/response-block/components/ResponseBodyRaw.vue
-var ResponseBodyRaw_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ResponseBodyRaw_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-6e055eb2"]]);
+var ResponseBodyRaw_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ResponseBodyRaw_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-973d48ca"]]);
 //#endregion
 export { ResponseBodyRaw_default as default };
 

package/dist/v2/blocks/response-block/components/ResponseBodyRaw.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseBodyRaw.vue.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyRaw.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarCodeBlockCopy } from '@scalar/components/code-block'\nimport { ScalarIconButton } from '@scalar/components/icon-button'\nimport { ScalarIconArrowElbowDownLeft } from '@scalar/icons'\nimport {\n  EditorView,\n  useCodeMirror,\n  type CodeMirrorLanguage,\n} from '@scalar/use-codemirror'\nimport { computed, ref, toRef, useId } from 'vue'\n\nimport { prettifyJsoncString } from '@/v2/blocks/response-block/helpers/prettify-jsonc-string'\n\nconst props = defineProps<{\n  content: unknown\n  language: CodeMirrorLanguage | undefined\n  /** When true, JSON/JSONC strings are pretty-printed for the Preview tab (wire bytes stay unchanged in Raw). */\n  prettyPrintJson?: boolean\n}>()\n\nconst codeMirrorRef = ref<HTMLDivElement | null>(null)\n/** Base id for the code block */\nconst id = useId()\n\nconst isLineWrapping = ref(false)\n\nconst displayContent = computed((): string => {\n  const { content, language, prettyPrintJson = false } = props\n  if (typeof content !== 'string') {\n    if (content == null) {\n      return ''\n    }\n    return String(content)\n  }\n  if (prettyPrintJson && language === 'json') {\n    return prettifyJsoncString(content)\n  }\n  return content\n})\n\nconst extensions = computed(() =>\n  isLineWrapping.value ? [EditorView.lineWrapping] : [],\n)\n\nconst { codeMirror } = useCodeMirror({\n  codeMirrorRef,\n  readOnly: true,\n  lineNumbers: true,\n  content: toRef(displayContent),\n  language: toRef(() => props.language),\n  forceFoldGutter: true,\n  extensions,\n})\n\n// Function to get current content\nconst getCurrentContent = () => {\n  return codeMirror.value?.state.doc.toString() || ''\n}\n\nconst toggleLineWrapping = (): void => {\n  isLineWrapping.value = !isLineWrapping.value\n}\n</script>\n<template>\n  <div\n    class=\"scalar-code-block group/code-block relative grid min-h-0 overflow-hidden p-px outline-none has-focus-visible:outline\"\n    data-testid=\"response-body-raw\">\n    <div\n      class=\"custom-scroll relative pr-1\"\n      tabindex=\"0\">\n      <!-- CodeMirror container -->\n      <div ref=\"codeMirrorRef\" />\n    </div>\n    <!-- Action buttons -->\n    <div\n      v-if=\"getCurrentContent()\"\n      class=\"absolute top-2 right-2 flex items-center gap-1.5 opacity-0 transition-opacity duration-150 group-hover/code-block:opacity-100 group-has-focus-visible/code-block:opacity-100\">\n      <ScalarIconButton\n        class=\"bg-b-2 text-c-2 hover:text-c-1 absolute right-18\"\n        :icon=\"ScalarIconArrowElbowDownLeft\"\n        :aria-pressed=\"isLineWrapping\"\n        :aria-label=\"isLineWrapping ? 'Disable line wrap' : 'Wrap lines'\"\n        :label=\"isLineWrapping ? 'Disable line wrap' : 'Wrap lines'\"\n        size=\"sm\"\n        tooltip\n        variant=\"ghost\"\n        @click=\"toggleLineWrapping\" />\n      <ScalarCodeBlockCopy\n        :aria-controls=\"id\"\n        :content=\"getCurrentContent()\" />\n    </div>\n  </div>\n</template>\n<style scoped>\n:deep(.cm-editor) {\n  background-color: transparent;\n  font-size: var(--scalar-small);\n  outline: none;\n}\n\n:deep(.cm-gutters) {\n  background-color: var(--scalar-background-1);\n  border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);\n}\n\n:deep(.cm-scroller) {\n  overflow: auto;\n  min-width: 100%;\n}\n\n:deep(.cm-lineWrapping .cm-line) {\n  word-break: break-all;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"ResponseBodyRaw.vue.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyRaw.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarCodeBlockCopy } from '@scalar/components/code-block'\nimport { ScalarIconButton } from '@scalar/components/icon-button'\nimport { ScalarIconArrowElbowDownLeft } from '@scalar/icons'\nimport {\n  EditorView,\n  useCodeMirror,\n  type CodeMirrorLanguage,\n} from '@scalar/use-codemirror'\nimport { computed, ref, toRef, useId } from 'vue'\n\nimport { prettifyJsoncString } from '@/v2/blocks/response-block/helpers/prettify-jsonc-string'\n\nconst props = defineProps<{\n  content: unknown\n  language: CodeMirrorLanguage | undefined\n  /** When true, JSON/JSONC strings are pretty-printed for the Preview tab (wire bytes stay unchanged in Raw). */\n  prettyPrintJson?: boolean\n}>()\n\nconst codeMirrorRef = ref<HTMLDivElement | null>(null)\n/** Base id for the code block */\nconst id = useId()\n\nconst isLineWrapping = ref(false)\n\nconst displayContent = computed((): string => {\n  const { content, language, prettyPrintJson = false } = props\n  if (typeof content !== 'string') {\n    if (content == null) {\n      return ''\n    }\n    return String(content)\n  }\n  if (prettyPrintJson && language === 'json') {\n    return prettifyJsoncString(content)\n  }\n  return content\n})\n\nconst extensions = computed(() =>\n  isLineWrapping.value ? [EditorView.lineWrapping] : [],\n)\n\nconst { codeMirror } = useCodeMirror({\n  codeMirrorRef,\n  readOnly: true,\n  lineNumbers: true,\n  content: toRef(displayContent),\n  language: toRef(() => props.language),\n  forceFoldGutter: true,\n  extensions,\n})\n\n// Function to get current content\nconst getCurrentContent = () => {\n  return codeMirror.value?.state.doc.toString() || ''\n}\n\nconst toggleLineWrapping = (): void => {\n  isLineWrapping.value = !isLineWrapping.value\n}\n</script>\n<template>\n  <div\n    class=\"scalar-code-block group/code-block relative grid min-h-0 overflow-hidden p-px outline-none has-focus-visible:outline\"\n    data-testid=\"response-body-raw\">\n    <div\n      class=\"custom-scroll relative pr-1\"\n      tabindex=\"0\">\n      <!-- CodeMirror container -->\n      <div ref=\"codeMirrorRef\" />\n    </div>\n    <!-- Action buttons -->\n    <div\n      v-if=\"getCurrentContent()\"\n      class=\"absolute top-2 right-2 flex items-center gap-1.5 opacity-0 transition-opacity duration-150 group-hover/code-block:opacity-100 group-has-focus-visible/code-block:opacity-100\">\n      <ScalarIconButton\n        :aria-label=\"isLineWrapping ? 'Disable line wrap' : 'Wrap lines'\"\n        :aria-pressed=\"isLineWrapping\"\n        class=\"bg-b-2 text-c-2 hover:text-c-1 absolute right-18\"\n        :icon=\"ScalarIconArrowElbowDownLeft\"\n        :label=\"isLineWrapping ? 'Disable line wrap' : 'Wrap lines'\"\n        size=\"sm\"\n        tooltip\n        variant=\"ghost\"\n        @click=\"toggleLineWrapping\" />\n      <ScalarCodeBlockCopy\n        :aria-controls=\"id\"\n        :content=\"getCurrentContent()\" />\n    </div>\n  </div>\n</template>\n<style scoped>\n:deep(.cm-editor) {\n  background-color: transparent;\n  font-size: var(--scalar-small);\n  outline: none;\n}\n\n:deep(.cm-gutters) {\n  background-color: var(--scalar-background-1);\n  border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);\n}\n\n:deep(.cm-scroller) {\n  overflow: auto;\n  min-width: 100%;\n}\n\n:deep(.cm-lineWrapping .cm-line) {\n  word-break: break-all;\n}\n</style>\n"],"mappings":""}

package/dist/v2/blocks/response-block/components/ResponseBodyRaw.vue.script.js

@@ -60,19 +60,19 @@ var ResponseBodyRaw_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 				ref_key: "codeMirrorRef",
 				ref: codeMirrorRef
 			}, null, 512)]), getCurrentContent() ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(unref(ScalarIconButton), {
+				"aria-label": isLineWrapping.value ? "Disable line wrap" : "Wrap lines",
+				"aria-pressed": isLineWrapping.value,
 				class: "bg-b-2 text-c-2 hover:text-c-1 absolute right-18",
 				icon: unref(ScalarIconArrowElbowDownLeft),
-				"aria-pressed": isLineWrapping.value,
-				"aria-label": isLineWrapping.value ? "Disable line wrap" : "Wrap lines",
 				label: isLineWrapping.value ? "Disable line wrap" : "Wrap lines",
 				size: "sm",
 				tooltip: "",
 				variant: "ghost",
 				onClick: toggleLineWrapping
 			}, null, 8, [
-				"icon",
-				"aria-pressed",
 				"aria-label",
+				"aria-pressed",
+				"icon",
 				"label"
 			]), createVNode(unref(ScalarCodeBlockCopy), {
 				"aria-controls": unref(id),

package/dist/v2/blocks/response-block/components/ResponseBodyRaw.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseBodyRaw.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyRaw.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarCodeBlockCopy } from '@scalar/components/code-block'\nimport { ScalarIconButton } from '@scalar/components/icon-button'\nimport { ScalarIconArrowElbowDownLeft } from '@scalar/icons'\nimport {\n  EditorView,\n  useCodeMirror,\n  type CodeMirrorLanguage,\n} from '@scalar/use-codemirror'\nimport { computed, ref, toRef, useId } from 'vue'\n\nimport { prettifyJsoncString } from '@/v2/blocks/response-block/helpers/prettify-jsonc-string'\n\nconst props = defineProps<{\n  content: unknown\n  language: CodeMirrorLanguage | undefined\n  /** When true, JSON/JSONC strings are pretty-printed for the Preview tab (wire bytes stay unchanged in Raw). */\n  prettyPrintJson?: boolean\n}>()\n\nconst codeMirrorRef = ref<HTMLDivElement | null>(null)\n/** Base id for the code block */\nconst id = useId()\n\nconst isLineWrapping = ref(false)\n\nconst displayContent = computed((): string => {\n  const { content, language, prettyPrintJson = false } = props\n  if (typeof content !== 'string') {\n    if (content == null) {\n      return ''\n    }\n    return String(content)\n  }\n  if (prettyPrintJson && language === 'json') {\n    return prettifyJsoncString(content)\n  }\n  return content\n})\n\nconst extensions = computed(() =>\n  isLineWrapping.value ? [EditorView.lineWrapping] : [],\n)\n\nconst { codeMirror } = useCodeMirror({\n  codeMirrorRef,\n  readOnly: true,\n  lineNumbers: true,\n  content: toRef(displayContent),\n  language: toRef(() => props.language),\n  forceFoldGutter: true,\n  extensions,\n})\n\n// Function to get current content\nconst getCurrentContent = () => {\n  return codeMirror.value?.state.doc.toString() || ''\n}\n\nconst toggleLineWrapping = (): void => {\n  isLineWrapping.value = !isLineWrapping.value\n}\n</script>\n<template>\n  <div\n    class=\"scalar-code-block group/code-block relative grid min-h-0 overflow-hidden p-px outline-none has-focus-visible:outline\"\n    data-testid=\"response-body-raw\">\n    <div\n      class=\"custom-scroll relative pr-1\"\n      tabindex=\"0\">\n      <!-- CodeMirror container -->\n      <div ref=\"codeMirrorRef\" />\n    </div>\n    <!-- Action buttons -->\n    <div\n      v-if=\"getCurrentContent()\"\n      class=\"absolute top-2 right-2 flex items-center gap-1.5 opacity-0 transition-opacity duration-150 group-hover/code-block:opacity-100 group-has-focus-visible/code-block:opacity-100\">\n      <ScalarIconButton\n        class=\"bg-b-2 text-c-2 hover:text-c-1 absolute right-18\"\n        :icon=\"ScalarIconArrowElbowDownLeft\"\n        :aria-pressed=\"isLineWrapping\"\n        :aria-label=\"isLineWrapping ? 'Disable line wrap' : 'Wrap lines'\"\n        :label=\"isLineWrapping ? 'Disable line wrap' : 'Wrap lines'\"\n        size=\"sm\"\n        tooltip\n        variant=\"ghost\"\n        @click=\"toggleLineWrapping\" />\n      <ScalarCodeBlockCopy\n        :aria-controls=\"id\"\n        :content=\"getCurrentContent()\" />\n    </div>\n  </div>\n</template>\n<style scoped>\n:deep(.cm-editor) {\n  background-color: transparent;\n  font-size: var(--scalar-small);\n  outline: none;\n}\n\n:deep(.cm-gutters) {\n  background-color: var(--scalar-background-1);\n  border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);\n}\n\n:deep(.cm-scroller) {\n  overflow: auto;\n  min-width: 100%;\n}\n\n:deep(.cm-lineWrapping .cm-line) {\n  word-break: break-all;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAaA,MAAM,QAAQ;EAOd,MAAM,gBAAgB,IAA2B,IAAI;;EAErD,MAAM,KAAK,MAAM;EAEjB,MAAM,iBAAiB,IAAI,KAAK;EAEhC,MAAM,iBAAiB,eAAuB;GAC5C,MAAM,EAAE,SAAS,UAAU,kBAAkB,UAAU;GACvD,IAAI,OAAO,YAAY,UAAU;IAC/B,IAAI,WAAW,MACb,OAAO;IAET,OAAO,OAAO,OAAO;GACvB;GACA,IAAI,mBAAmB,aAAa,QAClC,OAAO,oBAAoB,OAAO;GAEpC,OAAO;EACT,CAAC;EAED,MAAM,aAAa,eACjB,eAAe,QAAQ,CAAC,WAAW,YAAY,IAAI,CAAC,CACtD;EAEA,MAAM,EAAE,eAAe,cAAc;GACnC;GACA,UAAU;GACV,aAAa;GACb,SAAS,MAAM,cAAc;GAC7B,UAAU,YAAY,MAAM,QAAQ;GACpC,iBAAiB;GACjB;EACF,CAAC;EAGD,MAAM,0BAA0B;GAC9B,OAAO,WAAW,OAAO,MAAM,IAAI,SAAS,KAAK;EACnD;EAEA,MAAM,2BAAiC;GACrC,eAAe,QAAQ,CAAC,eAAe;EACzC;;uBAGE,mBA2BM,OA3BN,YA2BM,CAxBJ,mBAKM,OALN,YAKM,CADJ,mBAA2B,OAAA;aAAlB;IAAJ,KAAI;oBAIH,kBAAiB,KAAA,UAAA,GADzB,mBAgBM,OAhBN,YAgBM,CAbJ,YASgC,MAAA,gBAAA,GAAA;IAR9B,OAAM;IACL,MAAM,MAAA,4BAAA;IACN,gBAAc,eAAA;IACd,cAAY,eAAA,QAAc,sBAAA;IAC1B,OAAO,eAAA,QAAc,sBAAA;IACtB,MAAK;IACL,SAAA;IACA,SAAQ;IACP,SAAO;;;;;;OACV,YAEmC,MAAA,mBAAA,GAAA;IADhC,iBAAe,MAAA,EAAA;IACf,SAAS,kBAAiB"}
+{"version":3,"file":"ResponseBodyRaw.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/response-block/components/ResponseBodyRaw.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarCodeBlockCopy } from '@scalar/components/code-block'\nimport { ScalarIconButton } from '@scalar/components/icon-button'\nimport { ScalarIconArrowElbowDownLeft } from '@scalar/icons'\nimport {\n  EditorView,\n  useCodeMirror,\n  type CodeMirrorLanguage,\n} from '@scalar/use-codemirror'\nimport { computed, ref, toRef, useId } from 'vue'\n\nimport { prettifyJsoncString } from '@/v2/blocks/response-block/helpers/prettify-jsonc-string'\n\nconst props = defineProps<{\n  content: unknown\n  language: CodeMirrorLanguage | undefined\n  /** When true, JSON/JSONC strings are pretty-printed for the Preview tab (wire bytes stay unchanged in Raw). */\n  prettyPrintJson?: boolean\n}>()\n\nconst codeMirrorRef = ref<HTMLDivElement | null>(null)\n/** Base id for the code block */\nconst id = useId()\n\nconst isLineWrapping = ref(false)\n\nconst displayContent = computed((): string => {\n  const { content, language, prettyPrintJson = false } = props\n  if (typeof content !== 'string') {\n    if (content == null) {\n      return ''\n    }\n    return String(content)\n  }\n  if (prettyPrintJson && language === 'json') {\n    return prettifyJsoncString(content)\n  }\n  return content\n})\n\nconst extensions = computed(() =>\n  isLineWrapping.value ? [EditorView.lineWrapping] : [],\n)\n\nconst { codeMirror } = useCodeMirror({\n  codeMirrorRef,\n  readOnly: true,\n  lineNumbers: true,\n  content: toRef(displayContent),\n  language: toRef(() => props.language),\n  forceFoldGutter: true,\n  extensions,\n})\n\n// Function to get current content\nconst getCurrentContent = () => {\n  return codeMirror.value?.state.doc.toString() || ''\n}\n\nconst toggleLineWrapping = (): void => {\n  isLineWrapping.value = !isLineWrapping.value\n}\n</script>\n<template>\n  <div\n    class=\"scalar-code-block group/code-block relative grid min-h-0 overflow-hidden p-px outline-none has-focus-visible:outline\"\n    data-testid=\"response-body-raw\">\n    <div\n      class=\"custom-scroll relative pr-1\"\n      tabindex=\"0\">\n      <!-- CodeMirror container -->\n      <div ref=\"codeMirrorRef\" />\n    </div>\n    <!-- Action buttons -->\n    <div\n      v-if=\"getCurrentContent()\"\n      class=\"absolute top-2 right-2 flex items-center gap-1.5 opacity-0 transition-opacity duration-150 group-hover/code-block:opacity-100 group-has-focus-visible/code-block:opacity-100\">\n      <ScalarIconButton\n        :aria-label=\"isLineWrapping ? 'Disable line wrap' : 'Wrap lines'\"\n        :aria-pressed=\"isLineWrapping\"\n        class=\"bg-b-2 text-c-2 hover:text-c-1 absolute right-18\"\n        :icon=\"ScalarIconArrowElbowDownLeft\"\n        :label=\"isLineWrapping ? 'Disable line wrap' : 'Wrap lines'\"\n        size=\"sm\"\n        tooltip\n        variant=\"ghost\"\n        @click=\"toggleLineWrapping\" />\n      <ScalarCodeBlockCopy\n        :aria-controls=\"id\"\n        :content=\"getCurrentContent()\" />\n    </div>\n  </div>\n</template>\n<style scoped>\n:deep(.cm-editor) {\n  background-color: transparent;\n  font-size: var(--scalar-small);\n  outline: none;\n}\n\n:deep(.cm-gutters) {\n  background-color: var(--scalar-background-1);\n  border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);\n}\n\n:deep(.cm-scroller) {\n  overflow: auto;\n  min-width: 100%;\n}\n\n:deep(.cm-lineWrapping .cm-line) {\n  word-break: break-all;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAaA,MAAM,QAAQ;EAOd,MAAM,gBAAgB,IAA2B,IAAI;;EAErD,MAAM,KAAK,MAAM;EAEjB,MAAM,iBAAiB,IAAI,KAAK;EAEhC,MAAM,iBAAiB,eAAuB;GAC5C,MAAM,EAAE,SAAS,UAAU,kBAAkB,UAAU;GACvD,IAAI,OAAO,YAAY,UAAU;IAC/B,IAAI,WAAW,MACb,OAAO;IAET,OAAO,OAAO,OAAO;GACvB;GACA,IAAI,mBAAmB,aAAa,QAClC,OAAO,oBAAoB,OAAO;GAEpC,OAAO;EACT,CAAC;EAED,MAAM,aAAa,eACjB,eAAe,QAAQ,CAAC,WAAW,YAAY,IAAI,CAAC,CACtD;EAEA,MAAM,EAAE,eAAe,cAAc;GACnC;GACA,UAAU;GACV,aAAa;GACb,SAAS,MAAM,cAAc;GAC7B,UAAU,YAAY,MAAM,QAAQ;GACpC,iBAAiB;GACjB;EACF,CAAC;EAGD,MAAM,0BAA0B;GAC9B,OAAO,WAAW,OAAO,MAAM,IAAI,SAAS,KAAK;EACnD;EAEA,MAAM,2BAAiC;GACrC,eAAe,QAAQ,CAAC,eAAe;EACzC;;uBAGE,mBA2BM,OA3BN,YA2BM,CAxBJ,mBAKM,OALN,YAKM,CADJ,mBAA2B,OAAA;aAAlB;IAAJ,KAAI;oBAIH,kBAAiB,KAAA,UAAA,GADzB,mBAgBM,OAhBN,YAgBM,CAbJ,YASgC,MAAA,gBAAA,GAAA;IAR7B,cAAY,eAAA,QAAc,sBAAA;IAC1B,gBAAc,eAAA;IACf,OAAM;IACL,MAAM,MAAA,4BAAA;IACN,OAAO,eAAA,QAAc,sBAAA;IACtB,MAAK;IACL,SAAA;IACA,SAAQ;IACP,SAAO;;;;;;OACV,YAEmC,MAAA,mBAAA,GAAA;IADhC,iBAAe,MAAA,EAAA;IACf,SAAS,kBAAiB"}

package/dist/v2/blocks/scalar-auth-selector-block/components/AuthSelector.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthSelector.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/scalar-auth-selector-block/components/AuthSelector.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  type ScalarButton as ScalarButtonType,\n} from '@scalar/components/button'\nimport { ScalarComboboxMultiselect } from '@scalar/components/combobox'\nimport type { Icon } from '@scalar/components/icon'\nimport { ScalarIconButton } from '@scalar/components/icon-button'\nimport { ScalarListboxCheckbox } from '@scalar/components/listbox'\nimport { useModal } from '@scalar/components/modal'\nimport { ScalarIconCaretDown, ScalarIconTrash } from '@scalar/icons'\nimport type { SelectedSecurity } from '@scalar/workspace-store/entities/auth'\nimport type {\n  AuthMeta,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport { unpackProxyObject } from '@scalar/workspace-store/helpers/unpack-proxy'\nimport {\n  isAuthOptional,\n  type MergedSecuritySchemes,\n} from '@scalar/workspace-store/request-example'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type {\n  OpenApiDocument,\n  SecurityRequirementObject,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport { computed, ref, useId } from 'vue'\n\nimport DeleteRequestAuthModal from '@/v2/blocks/scalar-auth-selector-block/components/DeleteRequestAuthModal.vue'\nimport type { OAuth2Options } from '@/v2/blocks/scalar-auth-selector-block/components/OAuth2.vue'\nimport {\n  formatComplexScheme,\n  formatScheme,\n  getSecuritySchemeOptions,\n  type SecuritySchemeOption,\n} from '@/v2/blocks/scalar-auth-selector-block/helpers/security-scheme'\nimport { CollapsibleSection } from '@/v2/components/layout'\nimport { useLocalization } from '@/v2/features/localization'\n\nimport RequestAuthDataTable from './RequestAuthDataTable.vue'\n\nconst {\n  environment,\n  eventBus,\n  createAnySecurityScheme = false,\n  canDeleteSchemes = true,\n  defaultOpen = true,\n  heading = true,\n  hideSingleRequiredScheme = false,\n  isStatic = false,\n  meta,\n  proxyUrl,\n  securityRequirements,\n  securitySchemes,\n  selectedSecurity,\n  server,\n  title,\n  options,\n  documentType,\n} = defineProps<{\n  environment: XScalarEnvironment\n  eventBus: WorkspaceEventBus\n  /** Allows adding authentication which is not in the document */\n  createAnySecurityScheme?: boolean\n  /**\n   * Whether schemes can be deleted from the selector. Enabled for the editable client, disabled in\n   * the read-only reference where the schemes come from the document and cannot be removed.\n   */\n  canDeleteSchemes?: boolean\n  /** Whether the authentication disclosure should start expanded */\n  defaultOpen?: boolean\n  /**\n   * Whether the title belongs in the document outline. The client renders the\n   * selector as one section of a request, so it is a heading there. A surface\n   * that only offers the schemes as a card of controls, such as the reference,\n   * turns it off and the card is named as a group instead.\n   */\n  heading?: boolean\n  /** Hides a sole active required choice in the reference while preserving client controls. */\n  hideSingleRequiredScheme?: boolean\n  /** Creates a static disclosure that cannot be collapsed */\n  isStatic?: boolean\n  meta: AuthMeta\n  proxyUrl: string\n  securityRequirements: OpenApiDocument['security']\n  securitySchemes: MergedSecuritySchemes\n  selectedSecurity: SelectedSecurity | undefined\n  server: ServerObject | null\n  title: string\n  /**  Any config options required for the OAuth2 flow */\n  options?: OAuth2Options\n  /** Type of the document the schemes belong to, used to label the missing-type warning */\n  documentType?: 'openapi' | 'asyncapi'\n}>()\n\nconst { translate, translations } = useLocalization()\n\nconst titleId = useId()\nconst comboboxButtonRef = ref<typeof ScalarButtonType | null>(null)\nconst isDisclosureOpen = ref(false)\n\nconst deleteModal = useModal()\nconst schemeToDelete = ref<{\n  label: string\n  payload: SecurityRequirementObject\n} | null>(null)\n\n/**\n * Determines if authentication is required or optional\n *\n * Auth is optional when there is an empty security requirement and no complex requirements.\n * Complex requirements have multiple auth schemes combined (e.g., API key + OAuth).\n */\nconst authIndicator = computed<{ icon: Icon; text: string } | null>(() => {\n  if (!securityRequirements?.length) {\n    return null\n  }\n\n  const isOptional = isAuthOptional(securityRequirements)\n\n  return {\n    icon: isOptional ? 'Unlock' : 'Lock',\n    text: isOptional\n      ? translate('apiClient.authSelector.optional')\n      : translate('apiClient.authSelector.required'),\n  }\n})\n\n/** All available auth scheme options for the dropdown */\nconst availableSchemeOptions = computed(() =>\n  getSecuritySchemeOptions(\n    securityRequirements ?? [],\n    securitySchemes ?? {},\n    selectedSecurity?.selectedSchemes ?? [],\n    createAnySecurityScheme,\n    translations.value.apiClient,\n  ),\n)\n\n/** Currently active auth schemes selected for this operation or collection */\nconst activeSchemeOptions = computed<SecuritySchemeOption[]>(() => {\n  const schemes = selectedSecurity?.selectedSchemes\n  if (!schemes?.length) {\n    return []\n  }\n\n  return schemes.flatMap((requirement) => {\n    const schemeNames = Object.keys(requirement)\n\n    if (schemeNames.length === 0) {\n      return []\n    }\n\n    // Complex auth requirement with multiple schemes\n    if (schemeNames.length > 1) {\n      return formatComplexScheme(requirement)\n    }\n\n    // Simple auth requirement with single scheme\n    const schemeName = schemeNames[0]\n    if (!schemeName) {\n      return []\n    }\n\n    const scheme = getResolvedRef(securitySchemes?.[schemeName])\n    if (!scheme) {\n      return []\n    }\n\n    return formatScheme({\n      name: schemeName,\n      value: requirement,\n    })\n  })\n})\n\n/** Keep selection available whenever it can change auth or recover an empty saved selection. */\nconst showSchemeSelector = computed<boolean>(() => {\n  if (\n    !hideSingleRequiredScheme ||\n    createAnySecurityScheme ||\n    securityRequirements?.length !== 1 ||\n    Object.keys(securityRequirements[0] ?? {}).length === 0\n  ) {\n    return true\n  }\n\n  const schemeOptions = availableSchemeOptions.value.flatMap((option) =>\n    'options' in option ? option.options : [option],\n  )\n\n  return (\n    schemeOptions.length !== 1 ||\n    activeSchemeOptions.value.length !== 1 ||\n    activeSchemeOptions.value[0]?.id !== schemeOptions[0]?.id\n  )\n})\n\n/**\n * Opens the combobox dropdown when clicking the auth indicator badge.\n * Prevents the disclosure from toggling if it is already open.\n */\nconst handleAuthIndicatorClick = (event: Event): void => {\n  if (!showSchemeSelector.value) {\n    return\n  }\n\n  if (isDisclosureOpen.value) {\n    event.stopPropagation()\n  }\n  comboboxButtonRef.value?.$el.click()\n}\n\n/**\n * Updates the selected auth schemes.\n * Separates existing schemes from newly created ones for the event payload.\n */\nconst handleSchemeSelection = (selected: SecuritySchemeOption[]): void => {\n  const existingSchemes = selected\n    .filter((option) => option.payload === undefined)\n    .map((option) => unpackProxyObject(option.value, { depth: 2 }))\n\n  const newSchemes = selected\n    .filter((option) => option.payload !== undefined)\n    .map((option) => ({\n      name: option.label,\n      scheme: option.payload!,\n    }))\n\n  eventBus.emit('auth:update:selected-security-schemes', {\n    selectedRequirements: existingSchemes,\n    newSchemes,\n    meta,\n  })\n}\n\n/** Shows the delete confirmation modal for the selected scheme */\nconst handleDeleteRequest = (option: {\n  label: string\n  value: SecurityRequirementObject\n}): void => {\n  schemeToDelete.value = { label: option.label, payload: option.value }\n  deleteModal.show()\n}\n\n/** Deletes the selected auth scheme after confirmation */\nconst handleDeleteConfirm = (): void => {\n  if (!schemeToDelete.value) {\n    return\n  }\n\n  eventBus.emit('auth:delete:security-scheme', {\n    names: Object.keys(schemeToDelete.value.payload),\n  })\n\n  schemeToDelete.value = null\n  deleteModal.hide()\n}\n\ndefineExpose({\n  authIndicator,\n  selectedSchemeOptions: activeSchemeOptions,\n  schemeOptions: availableSchemeOptions,\n})\n</script>\n<template>\n  <CollapsibleSection\n    class=\"group/params relative\"\n    :defaultOpen\n    :heading\n    :isStatic=\"isStatic\"\n    :itemCount=\"activeSchemeOptions.length\"\n    @update:modelValue=\"(open) => (isDisclosureOpen = open)\">\n    <template #title>\n      <div\n        :id=\"titleId\"\n        class=\"inline-flex items-center gap-0.5 leading-[20px]\">\n        <span>{{ title }}</span>\n\n        <span\n          v-if=\"authIndicator\"\n          class=\"text-c-3 -my-0.5 -mr-1 rounded px-1 py-0.5 leading-[normal] font-normal\"\n          :class=\"{\n            'text-c-1': authIndicator.icon === 'Lock',\n            'hover:bg-b-3 hover:text-c-1 cursor-pointer': showSchemeSelector,\n          }\"\n          data-testid=\"auth-indicator\"\n          @click=\"handleAuthIndicatorClick\">\n          {{ authIndicator.text }}\n        </span>\n      </div>\n    </template>\n\n    <!-- The client keeps its selection and deletion controls. -->\n    <template\n      v-if=\"showSchemeSelector\"\n      #actions>\n      <ScalarComboboxMultiselect\n        class=\"w-72 text-xs\"\n        :modelValue=\"activeSchemeOptions\"\n        multiple\n        :options=\"availableSchemeOptions\"\n        placement=\"bottom-end\"\n        teleport\n        @delete=\"handleDeleteRequest\"\n        @update:modelValue=\"handleSchemeSelection\">\n        <ScalarButton\n          ref=\"comboboxButtonRef\"\n          :aria-describedby=\"titleId\"\n          class=\"group/combobox-button hover:text-c-1 text-c-2 flex h-fit w-full items-center gap-1 px-0.75 py-0.25 text-base font-normal\"\n          variant=\"ghost\">\n          <!-- Single auth scheme selected -->\n          <template v-if=\"activeSchemeOptions.length === 1\">\n            {{\n              translate('apiClient.authSelector.selectedType', {\n                type: activeSchemeOptions[0]?.label ?? '',\n              })\n            }}\n          </template>\n\n          <!-- Multiple auth schemes selected -->\n          <template v-else-if=\"activeSchemeOptions.length > 1\">\n            {{ translate('apiClient.authSelector.multipleTypes') }}\n          </template>\n\n          <!-- No auth schemes selected -->\n          <template v-else>\n            {{ translate('apiClient.authSelector.selectType') }}\n          </template>\n\n          <ScalarIconCaretDown\n            class=\"size-3 shrink-0 transition-transform duration-100 group-aria-expanded/combobox-button:rotate-180\"\n            weight=\"bold\" />\n        </ScalarButton>\n\n        <template #option=\"{ option, selected }\">\n          <ScalarListboxCheckbox\n            multiselect\n            :selected=\"selected\" />\n          <div class=\"min-w-0 flex-1 truncate\">\n            {{ option.label }}\n          </div>\n          <ScalarIconButton\n            v-if=\"option.isDeletable && canDeleteSchemes\"\n            class=\"-m-0.5 shrink-0 p-0.5 opacity-0 group-hover/item:opacity-100\"\n            :icon=\"ScalarIconTrash\"\n            :label=\"\n              translate('apiClient.authSelector.deleteScheme', {\n                name: option.label,\n              })\n            \"\n            size=\"xs\"\n            @click.stop=\"handleDeleteRequest(option)\" />\n        </template>\n      </ScalarComboboxMultiselect>\n    </template>\n\n    <!-- Auth Table -->\n    <RequestAuthDataTable\n      :activeAuthIndex=\"selectedSecurity?.selectedIndex ?? 0\"\n      :documentType\n      :environment\n      :eventBus\n      :isStatic\n      :meta\n      :options\n      :proxyUrl\n      :securitySchemes\n      :selectedSchemeOptions=\"activeSchemeOptions\"\n      :server />\n\n    <!-- Delete Auth Modal -->\n    <DeleteRequestAuthModal\n      v-if=\"schemeToDelete\"\n      :label=\"schemeToDelete.label\"\n      :scheme=\"schemeToDelete\"\n      :state=\"deleteModal\"\n      @close=\"deleteModal.hide()\"\n      @delete=\"handleDeleteConfirm\" />\n  </CollapsibleSection>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"AuthSelector.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/scalar-auth-selector-block/components/AuthSelector.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  type ScalarButton as ScalarButtonType,\n} from '@scalar/components/button'\nimport { ScalarComboboxMultiselect } from '@scalar/components/combobox'\nimport type { Icon } from '@scalar/components/icon'\nimport { ScalarIconButton } from '@scalar/components/icon-button'\nimport { ScalarListboxCheckbox } from '@scalar/components/listbox'\nimport { useModal } from '@scalar/components/modal'\nimport { ScalarIconCaretDown, ScalarIconTrash } from '@scalar/icons'\nimport type { SelectedSecurity } from '@scalar/workspace-store/entities/auth'\nimport type {\n  AuthMeta,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport { unpackProxyObject } from '@scalar/workspace-store/helpers/unpack-proxy'\nimport {\n  isAuthOptional,\n  type MergedSecuritySchemes,\n} from '@scalar/workspace-store/request-example'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type {\n  OpenApiDocument,\n  SecurityRequirementObject,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport { computed, ref, useId } from 'vue'\n\nimport DeleteRequestAuthModal from '@/v2/blocks/scalar-auth-selector-block/components/DeleteRequestAuthModal.vue'\nimport type { OAuth2Options } from '@/v2/blocks/scalar-auth-selector-block/components/OAuth2.vue'\nimport {\n  formatComplexScheme,\n  formatScheme,\n  getSecuritySchemeOptions,\n  type SecuritySchemeOption,\n} from '@/v2/blocks/scalar-auth-selector-block/helpers/security-scheme'\nimport { CollapsibleSection } from '@/v2/components/layout'\nimport { useLocalization } from '@/v2/features/localization'\n\nimport RequestAuthDataTable from './RequestAuthDataTable.vue'\n\nconst {\n  environment,\n  eventBus,\n  createAnySecurityScheme = false,\n  canDeleteSchemes = true,\n  defaultOpen = true,\n  heading = true,\n  hideSingleRequiredScheme = false,\n  isStatic = false,\n  meta,\n  proxyUrl,\n  securityRequirements,\n  securitySchemes,\n  selectedSecurity,\n  server,\n  title,\n  options,\n  documentType,\n} = defineProps<{\n  environment: XScalarEnvironment\n  eventBus: WorkspaceEventBus\n  /** Allows adding authentication which is not in the document */\n  createAnySecurityScheme?: boolean\n  /**\n   * Whether schemes can be deleted from the selector. Enabled for the editable client, disabled in\n   * the read-only reference where the schemes come from the document and cannot be removed.\n   */\n  canDeleteSchemes?: boolean\n  /** Whether the authentication disclosure should start expanded */\n  defaultOpen?: boolean\n  /**\n   * Whether the title belongs in the document outline. The client renders the\n   * selector as one section of a request, so it is a heading there. A surface\n   * that only offers the schemes as a card of controls, such as the reference,\n   * turns it off and the card is named as a group instead.\n   */\n  heading?: boolean\n  /** Hides a sole active required choice in the reference while preserving client controls. */\n  hideSingleRequiredScheme?: boolean\n  /** Creates a static disclosure that cannot be collapsed */\n  isStatic?: boolean\n  meta: AuthMeta\n  proxyUrl: string\n  securityRequirements: OpenApiDocument['security']\n  securitySchemes: MergedSecuritySchemes\n  selectedSecurity: SelectedSecurity | undefined\n  server: ServerObject | null\n  title: string\n  /**  Any config options required for the OAuth2 flow */\n  options?: OAuth2Options\n  /** Type of the document the schemes belong to, used to label the missing-type warning */\n  documentType?: 'openapi' | 'asyncapi'\n}>()\n\nconst { translate, translations } = useLocalization()\n\nconst titleId = useId()\nconst comboboxButtonRef = ref<typeof ScalarButtonType | null>(null)\nconst isDisclosureOpen = ref(false)\n\nconst deleteModal = useModal()\nconst schemeToDelete = ref<{\n  label: string\n  payload: SecurityRequirementObject\n} | null>(null)\n\n/**\n * Determines if authentication is required or optional\n *\n * Auth is optional when there is an empty security requirement and no complex requirements.\n * Complex requirements have multiple auth schemes combined (e.g., API key + OAuth).\n */\nconst authIndicator = computed<{ icon: Icon; text: string } | null>(() => {\n  if (!securityRequirements?.length) {\n    return null\n  }\n\n  const isOptional = isAuthOptional(securityRequirements)\n\n  return {\n    icon: isOptional ? 'Unlock' : 'Lock',\n    text: isOptional\n      ? translate('apiClient.authSelector.optional')\n      : translate('apiClient.authSelector.required'),\n  }\n})\n\n/** All available auth scheme options for the dropdown */\nconst availableSchemeOptions = computed(() =>\n  getSecuritySchemeOptions(\n    securityRequirements ?? [],\n    securitySchemes ?? {},\n    selectedSecurity?.selectedSchemes ?? [],\n    createAnySecurityScheme,\n    translations.value.apiClient,\n  ),\n)\n\n/** Currently active auth schemes selected for this operation or collection */\nconst activeSchemeOptions = computed<SecuritySchemeOption[]>(() => {\n  const schemes = selectedSecurity?.selectedSchemes\n  if (!schemes?.length) {\n    return []\n  }\n\n  return schemes.flatMap((requirement) => {\n    const schemeNames = Object.keys(requirement)\n\n    if (schemeNames.length === 0) {\n      return []\n    }\n\n    // Complex auth requirement with multiple schemes\n    if (schemeNames.length > 1) {\n      return formatComplexScheme(requirement)\n    }\n\n    // Simple auth requirement with single scheme\n    const schemeName = schemeNames[0]\n    if (!schemeName) {\n      return []\n    }\n\n    const scheme = getResolvedRef(securitySchemes?.[schemeName])\n    if (!scheme) {\n      return []\n    }\n\n    return formatScheme({\n      name: schemeName,\n      value: requirement,\n    })\n  })\n})\n\n/** Keep selection available whenever it can change auth or recover an empty saved selection. */\nconst showSchemeSelector = computed<boolean>(() => {\n  if (\n    !hideSingleRequiredScheme ||\n    createAnySecurityScheme ||\n    securityRequirements?.length !== 1 ||\n    Object.keys(securityRequirements[0] ?? {}).length === 0\n  ) {\n    return true\n  }\n\n  const schemeOptions = availableSchemeOptions.value.flatMap((option) =>\n    'options' in option ? option.options : [option],\n  )\n\n  return (\n    schemeOptions.length !== 1 ||\n    activeSchemeOptions.value.length !== 1 ||\n    activeSchemeOptions.value[0]?.id !== schemeOptions[0]?.id\n  )\n})\n\n/**\n * Opens the combobox dropdown when clicking the auth indicator badge.\n * Prevents the disclosure from toggling if it is already open.\n */\nconst handleAuthIndicatorClick = (event: Event): void => {\n  if (!showSchemeSelector.value) {\n    return\n  }\n\n  if (isDisclosureOpen.value) {\n    event.stopPropagation()\n  }\n  comboboxButtonRef.value?.$el.click()\n}\n\n/**\n * Updates the selected auth schemes.\n * Separates existing schemes from newly created ones for the event payload.\n */\nconst handleSchemeSelection = (selected: SecuritySchemeOption[]): void => {\n  const existingSchemes = selected\n    .filter((option) => option.payload === undefined)\n    .map((option) => unpackProxyObject(option.value, { depth: 2 }))\n\n  const newSchemes = selected\n    .filter((option) => option.payload !== undefined)\n    .map((option) => ({\n      name: option.label,\n      scheme: option.payload!,\n    }))\n\n  eventBus.emit('auth:update:selected-security-schemes', {\n    selectedRequirements: existingSchemes,\n    newSchemes,\n    meta,\n  })\n}\n\n/** Shows the delete confirmation modal for the selected scheme */\nconst handleDeleteRequest = (option: {\n  label: string\n  value: SecurityRequirementObject\n}): void => {\n  schemeToDelete.value = { label: option.label, payload: option.value }\n  deleteModal.show()\n}\n\n/** Deletes the selected auth scheme after confirmation */\nconst handleDeleteConfirm = (): void => {\n  if (!schemeToDelete.value) {\n    return\n  }\n\n  eventBus.emit('auth:delete:security-scheme', {\n    names: Object.keys(schemeToDelete.value.payload),\n  })\n\n  schemeToDelete.value = null\n  deleteModal.hide()\n}\n\ndefineExpose({\n  authIndicator,\n  selectedSchemeOptions: activeSchemeOptions,\n  schemeOptions: availableSchemeOptions,\n})\n</script>\n<template>\n  <CollapsibleSection\n    class=\"group/params relative\"\n    :defaultOpen\n    :heading\n    :isStatic=\"isStatic\"\n    :itemCount=\"activeSchemeOptions.length\"\n    @update:modelValue=\"(open) => (isDisclosureOpen = open)\">\n    <template #title>\n      <div\n        :id=\"titleId\"\n        class=\"inline-flex items-center gap-0.5 leading-[20px]\">\n        <span>{{ title }}</span>\n\n        <span\n          v-if=\"authIndicator\"\n          class=\"text-c-3 -my-0.5 -mr-1 rounded px-1 py-0.5 leading-[normal] font-normal\"\n          :class=\"{\n            'text-c-1': authIndicator.icon === 'Lock',\n            'hover:bg-b-3 hover:text-c-1 cursor-pointer': showSchemeSelector,\n          }\"\n          data-testid=\"auth-indicator\"\n          @click=\"handleAuthIndicatorClick\">\n          {{ authIndicator.text }}\n        </span>\n      </div>\n    </template>\n\n    <!-- The client keeps its selection and deletion controls. -->\n    <template\n      v-if=\"showSchemeSelector\"\n      #actions>\n      <ScalarComboboxMultiselect\n        class=\"w-72 text-xs\"\n        :modelValue=\"activeSchemeOptions\"\n        multiple\n        :options=\"availableSchemeOptions\"\n        placement=\"bottom-end\"\n        teleport\n        @delete=\"handleDeleteRequest\"\n        @update:modelValue=\"handleSchemeSelection\">\n        <ScalarButton\n          ref=\"comboboxButtonRef\"\n          :aria-describedby=\"titleId\"\n          class=\"group/combobox-button hover:text-c-1 text-c-2 flex h-fit w-full items-center gap-1 px-0.75 py-0.25 text-base font-normal\"\n          variant=\"ghost\">\n          <!-- Single auth scheme selected -->\n          <template v-if=\"activeSchemeOptions.length === 1\">\n            {{\n              translate('apiClient.authSelector.selectedType', {\n                type: activeSchemeOptions[0]?.label ?? '',\n              })\n            }}\n          </template>\n\n          <!-- Multiple auth schemes selected -->\n          <template v-else-if=\"activeSchemeOptions.length > 1\">\n            {{ translate('apiClient.authSelector.multipleTypes') }}\n          </template>\n\n          <!-- No auth schemes selected -->\n          <template v-else>\n            {{ translate('apiClient.authSelector.selectType') }}\n          </template>\n\n          <ScalarIconCaretDown\n            class=\"size-3 shrink-0 transition-transform duration-100 group-aria-expanded/combobox-button:rotate-180\"\n            weight=\"bold\" />\n        </ScalarButton>\n\n        <template #option=\"{ option, selected }\">\n          <ScalarListboxCheckbox\n            multiselect\n            :selected=\"selected\" />\n          <div class=\"min-w-0 flex-1 truncate\">\n            {{ option.label }}\n          </div>\n          <ScalarIconButton\n            v-if=\"option.isDeletable && canDeleteSchemes\"\n            class=\"-m-0.5 shrink-0 p-0.5 opacity-0 group-hover/item:opacity-100\"\n            :icon=\"ScalarIconTrash\"\n            :label=\"\n              translate('apiClient.authSelector.deleteScheme', {\n                name: option.label,\n              })\n            \"\n            size=\"xs\"\n            @click.stop=\"handleDeleteRequest(option)\" />\n        </template>\n      </ScalarComboboxMultiselect>\n    </template>\n\n    <!-- Auth Table -->\n    <RequestAuthDataTable\n      :activeAuthIndex=\"selectedSecurity?.selectedIndex ?? 0\"\n      :documentType\n      :environment\n      :eventBus\n      :isStatic\n      :meta\n      :options\n      :proxyUrl\n      :securitySchemes\n      :selectedSchemeOptions=\"activeSchemeOptions\"\n      :server />\n\n    <!-- Delete Auth Modal -->\n    <DeleteRequestAuthModal\n      v-if=\"schemeToDelete\"\n      :label=\"schemeToDelete.label\"\n      :scheme=\"schemeToDelete\"\n      :state=\"deleteModal\"\n      @close=\"deleteModal.hide()\"\n      @delete=\"handleDeleteConfirm\" />\n  </CollapsibleSection>\n</template>\n"],"mappings":"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"}

package/dist/v2/blocks/scalar-auth-selector-block/components/RequestAuthTab.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestAuthTab.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-auth-selector-block/components/RequestAuthTab.vue"],"names":[],"mappings":"AA0wBA,OAAO,KAAK,EAEV,iBAAiB,EAClB,MAAM,gCAAgC,CAAA;AAGvC,OAAO,EAEL,KAAK,qBAAqB,EAG3B,MAAM,yCAAyC,CAAA;AAChD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AAEnH,OAAO,KAAK,EAEV,yBAAyB,EACzB,YAAY,EACb,MAAM,8DAA8D,CAAA;AAiBrE,OAAe,EAAE,KAAK,aAAa,EAAE,MAAM,cAAc,CAAA;AAKzD,KAAK,WAAW,GAAG;IACjB,wCAAwC;IACxC,WAAW,EAAE,kBAAkB,CAAA;IAC/B,yFAAyF;IACzF,QAAQ,EAAE,OAAO,CAAA;IACjB,gBAAgB;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,+BAA+B;IAC/B,uBAAuB,EAAE,yBAAyB,CAAA;IAClD,oGAAoG;IACpG,eAAe,EAAE,qBAAqB,CAAA;IACtC,mCAAmC;IACnC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,2CAA2C;IAC3C,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,uDAAuD;IACvD,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,yFAAyF;IACzF,YAAY,CAAC,EAAE,SAAS,GAAG,UAAU,CAAA;CACtC,CAAC;AA84CF,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"RequestAuthTab.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-auth-selector-block/components/RequestAuthTab.vue"],"names":[],"mappings":"AA2wBA,OAAO,KAAK,EAEV,iBAAiB,EAClB,MAAM,gCAAgC,CAAA;AAGvC,OAAO,EAEL,KAAK,qBAAqB,EAG3B,MAAM,yCAAyC,CAAA;AAChD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AAEnH,OAAO,KAAK,EAEV,yBAAyB,EACzB,YAAY,EACb,MAAM,8DAA8D,CAAA;AAiBrE,OAAe,EAAE,KAAK,aAAa,EAAE,MAAM,cAAc,CAAA;AAKzD,KAAK,WAAW,GAAG;IACjB,wCAAwC;IACxC,WAAW,EAAE,kBAAkB,CAAA;IAC/B,yFAAyF;IACzF,QAAQ,EAAE,OAAO,CAAA;IACjB,gBAAgB;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,+BAA+B;IAC/B,uBAAuB,EAAE,yBAAyB,CAAA;IAClD,oGAAoG;IACpG,eAAe,EAAE,qBAAqB,CAAA;IACtC,mCAAmC;IACnC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,2CAA2C;IAC3C,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,uDAAuD;IACvD,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,yFAAyF;IACzF,YAAY,CAAC,EAAE,SAAS,GAAG,UAAU,CAAA;CACtC,CAAC;AA+4CF,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/v2/blocks/scalar-auth-selector-block/components/RequestAuthTab.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequestAuthTab.vue.js","names":[],"sources":["../../../../../src/v2/blocks/scalar-auth-selector-block/components/RequestAuthTab.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarIconButton } from '@scalar/components/icon-button'\nimport { useLoadingState } from '@scalar/components/loading'\nimport { ScalarMarkdownSummary } from '@scalar/components/markdown'\nimport { ScalarModal, useModal } from '@scalar/components/modal'\nimport { ScalarIconGear } from '@scalar/icons'\nimport { useToasts } from '@scalar/use-toasts'\nimport type {\n  SecretsApiKey,\n  SecretsHttp,\n} from '@scalar/workspace-store/entities/auth'\nimport type {\n  ApiReferenceEvents,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport { canResetSecretField } from '@scalar/workspace-store/helpers/auth-secret-fields'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport {\n  getEnvironmentVariables,\n  type MergedSecuritySchemes,\n  type OAuthFlowsObjectSecret,\n  type SecuritySchemeObjectSecret,\n} from '@scalar/workspace-store/request-example'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { getDocumentTypeLabel } from '@scalar/workspace-store/schemas/type-guards'\nimport type {\n  ApiKeyObject,\n  SecurityRequirementObject,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport { capitalize, computed, ref } from 'vue'\n\nimport { refreshOauth2Token } from '@/v2/blocks/scalar-auth-selector-block/helpers/oauth'\nimport { getVisibleOrderedFlowKeys } from '@/v2/blocks/scalar-auth-selector-block/helpers/oauth-flows'\nimport {\n  runOAuth2Authorize,\n  storeOAuth2Tokens,\n} from '@/v2/blocks/scalar-auth-selector-block/helpers/run-oauth2-authorize'\nimport { getOauth2AcquisitionTarget } from '@/v2/blocks/scalar-auth-selector-block/helpers/security-scheme'\nimport {\n  DataTable,\n  DataTableCell,\n  DataTableRow,\n} from '@/v2/components/data-table'\nimport { useLocalization } from '@/v2/features/localization'\n\nimport OAuth2, { type OAuth2Options } from './OAuth2.vue'\nimport OAuth2Metadata from './OAuth2Metadata.vue'\nimport OpenIDConnect from './OpenIDConnect.vue'\nimport RequestAuthDataTableInput from './RequestAuthDataTableInput.vue'\n\nconst {\n  environment,\n  isStatic,\n  proxyUrl,\n  selectedSecuritySchemas,\n  securitySchemes,\n  server,\n  eventBus,\n  options,\n  documentType = 'openapi',\n} = defineProps<{\n  /** Current environment configuration */\n  environment: XScalarEnvironment\n  /** Controls the display of certain borders which are used when we are non-collapsible */\n  isStatic: boolean\n  /** Proxy URL */\n  proxyUrl: string\n  /** Selected security schemes*/\n  selectedSecuritySchemas: SecurityRequirementObject\n  /** Merged security schemes from the document and the config together with the auth store secrets */\n  securitySchemes: MergedSecuritySchemes\n  /** Current server configuration */\n  server: ServerObject | null\n  /** Event bus for authentication updates */\n  eventBus: WorkspaceEventBus\n  /**  Any config options required for the OAuth2 flow */\n  options?: OAuth2Options\n  /** Type of the document the schemes belong to, used to label the missing-type warning */\n  documentType?: 'openapi' | 'asyncapi'\n}>()\n\nconst emits = defineEmits<{\n  (\n    e: 'update:selectedScopes',\n    payload: Omit<ApiReferenceEvents['auth:update:selected-scopes'], 'meta'>,\n  ): void\n  (e: 'upsert:scope', payload: ApiReferenceEvents['auth:upsert:scopes']): void\n  (e: 'delete:scope', payload: ApiReferenceEvents['auth:delete:scopes']): void\n}>()\n\nconst { translate } = useLocalization()\n\ntype SecurityItem = {\n  scheme: SecuritySchemeObjectSecret | undefined\n  name: string\n  scopes: string[]\n  /** Ordered, non-hidden oauth2/openIdConnect flow keys for this scheme (empty for other types). */\n  visibleFlowKeys: (keyof OAuthFlowsObjectSecret)[]\n}\n\n/**\n * Human-readable name of the document type.\n * Used in the missing-type warning so it points at the correct document\n * (e.g. \"AsyncAPI\") instead of always naming OpenAPI.\n */\nconst documentTypeLabel = computed<string>(() =>\n  getDocumentTypeLabel(documentType),\n)\n\n/**\n * Resolves security schemes from the OpenAPI document and combines them with their selected scopes.\n * Each item includes the scheme definition, name, and associated scopes.\n */\nconst security = computed<SecurityItem[]>(() =>\n  Object.entries(selectedSecuritySchemas).map(([name, scopes = []]) => {\n    const scheme = getResolvedRef(securitySchemes[name])\n    return {\n      scheme,\n      name,\n      scopes,\n      // Compute the visible, ordered flow keys once per scheme so the tabs, the label, and the\n      // active-flow tracking all agree on the same set (and we do not filter + sort on every access).\n      visibleFlowKeys:\n        scheme?.type === 'oauth2' || scheme?.type === 'openIdConnect'\n          ? getVisibleOrderedFlowKeys(scheme.flows)\n          : [],\n    }\n  }),\n)\n\n/** Tracks which OAuth2 flow is currently active when multiple flows are available. */\nconst activeFlow = ref<string>('')\n\n/**\n * Keeps the selected flow in sync with the currently visible flow keys. Validating against the\n * visible set (not every declared flow) means a selection that becomes hidden — e.g. the document\n * is updated to mark the active flow with `x-scalar-ignore` — resets, so the default (first visible)\n * flow activates instead of leaving no tab selected.\n */\nconst selectedFlow = computed<string>(() => {\n  const visibleFlowKeys = security.value.flatMap((item) => item.visibleFlowKeys)\n\n  return visibleFlowKeys.some((key) => key === activeFlow.value)\n    ? activeFlow.value\n    : ''\n})\n\nconst setActiveFlow = (flow: string): void => {\n  activeFlow.value = flow\n}\n\n/** Determines if multiple auth schemes are configured, which affects the UI layout. */\nconst hasMultipleSchemes = computed<boolean>(() => security.value.length > 1)\n\n/**\n * Generates a human-readable label for the security scheme.\n * Intentionally omits the description here — it is rendered separately as\n * rich text via ScalarMarkdownSummary so markdown formatting is preserved.\n */\nconst generateLabel = (\n  name: string,\n  scheme: SecuritySchemeObjectSecret,\n): string => {\n  const capitalizedName = capitalize(name)\n\n  switch (scheme.type) {\n    case 'apiKey':\n      return `${capitalizedName}: ${scheme.in}`\n\n    case 'openIdConnect':\n    case 'oauth2': {\n      const firstFlow = getVisibleOrderedFlowKeys(scheme.flows)[0]\n      const currentFlow = selectedFlow.value || firstFlow\n      if (!currentFlow) {\n        return capitalizedName\n      }\n      return `${capitalizedName}: ${currentFlow}`\n    }\n\n    case 'http':\n      return `${capitalizedName}: ${scheme.scheme}`\n\n    default:\n      return capitalizedName\n  }\n}\n\n/**\n * Whether an API key scheme exposes an editable parameter name.\n *\n * OpenAPI `apiKey` and AsyncAPI `httpApiKey` (normalized to `apiKey`) name a query/header/cookie\n * parameter, so the Name input is shown. AsyncAPI `apiKey` places the key in the broker `user` or\n * `password` slot and has no parameter name, so the Name input is hidden and only the value is asked for.\n */\nconst apiKeyHasName = (scheme: { in?: string }): boolean =>\n  scheme.in !== 'user' && scheme.in !== 'password'\n\n/**\n * The scheme's type when it is one we do not render inputs for (a type outside both the OpenAPI\n * and AsyncAPI security scheme unions). Read through a helper so the fallback template branch,\n * where the scheme type is narrowed to `never` after the supported cases, can still surface the type.\n */\nconst getUnsupportedSchemeType = (\n  scheme: SecurityItem['scheme'],\n): string | undefined => scheme?.type\n\n/**\n * Determines if an OAuth2 flow tab should be active.\n * The first flow is active by default if no flow is explicitly selected.\n */\nconst isFlowActive = (flowKey: string, index: number): boolean =>\n  selectedFlow.value === flowKey || (index === 0 && !selectedFlow.value)\n\n/** Computes the container class for static display mode. */\nconst getStaticBorderClass = (): string | false => isStatic && 'border-t'\n\nconst handleHttpSecretsUpdate = (\n  payload: Omit<Partial<SecretsHttp>, 'type'>,\n  name: string,\n): void =>\n  eventBus.emit('auth:update:security-scheme-secrets', {\n    payload: { type: 'http', ...payload },\n    name,\n  })\n\nconst handleApiKeySecretsUpdate = (\n  payload: Omit<Partial<SecretsApiKey>, 'type'>,\n  name: string,\n): void =>\n  eventBus.emit('auth:update:security-scheme-secrets', {\n    payload: { type: 'apiKey', ...payload },\n    name,\n  })\n\nconst handleApiKeySecuritySchemeUpdate = (\n  payload: Omit<Partial<ApiKeyObject>, 'type'>,\n  name: string,\n): void =>\n  eventBus.emit('auth:update:security-scheme', {\n    payload: { type: 'apiKey', ...payload },\n    name,\n  })\n\n/** Handles scope selection updates for OAuth2 */\nconst handleScopesUpdate = (\n  name: string,\n  event: { scopes?: string[]; scope?: string; selected?: boolean },\n): void => {\n  emits('update:selectedScopes', {\n    id: Object.keys(selectedSecuritySchemas),\n    name,\n    ...event,\n  })\n}\n\n/** Handles scope-definition upserts (add / rename / description change) */\nconst handleScopeUpsert = (\n  name: string,\n  event: Omit<ApiReferenceEvents['auth:upsert:scopes'], 'name'>,\n): void => {\n  emits('upsert:scope', { ...event, name })\n}\n\n/** Handles scope-definition deletes */\nconst handleScopeDelete = (\n  name: string,\n  event: Omit<ApiReferenceEvents['auth:delete:scopes'], 'name'>,\n): void => {\n  emits('delete:scope', { ...event, name })\n}\n\n/**\n * Computes dynamic classes for OAuth2 flow tabs based on active state.\n */\nconst getFlowTabClasses = (flowKey: string, index: number): string => {\n  const baseClasses =\n    'floating-bg text-c-3 relative cursor-pointer border-b border-transparent py-1 text-base font-medium'\n  const activeClasses = '!text-c-1 !rounded-none border-b !border-current'\n\n  return isFlowActive(flowKey, index)\n    ? `${baseClasses} ${activeClasses} ${isStatic ? 'opacity-100' : ''}`\n    : baseClasses\n}\n\n/**\n * OAuth2 token-acquisition target (an oauth2 scheme with an interactive grant) sourced from\n * the merged schemes. When the active scheme is HTTP bearer, this powers the inline\n * \"Authorize via OAuth2\" shortcut: the flow's bearer token is written onto the bearer scheme,\n * so the panel never switches to oauth2.\n *\n * The shortcut is purely a convenience, so it is offered for any interactive oauth2 scheme —\n * including one that is also independently selectable in the dropdown (e.g. Scalar Galaxy's\n * `oAuth2`). Whether that oauth2 scheme is *hidden* from the dropdown is a separate decision made\n * in the selector; here we only surface the shortcut.\n */\nconst oauth2Target = computed(() => getOauth2AcquisitionTarget(securitySchemes))\n\n/** Resolved oauth2 scheme object, for embedding its config form behind the gear. */\nconst oauth2Scheme = computed(() =>\n  oauth2Target.value\n    ? getResolvedRef(securitySchemes[oauth2Target.value.name])\n    : undefined,\n)\n\nconst acquisitionLoader = useLoadingState()\nconst { toast } = useToasts()\nconst configModal = useModal()\n/** Bearer scheme that opened the config modal, so its Authorize callback targets it. */\nconst configBearerName = ref<string | undefined>()\n\n/** Runs the OAuth2 flow and writes the resulting bearer token onto the bearer scheme. */\nconst handleAcquisitionAuthorize = async (\n  bearerName: string,\n): Promise<void> => {\n  const target = oauth2Target.value\n  if (!target || acquisitionLoader.isLoading) {\n    return\n  }\n  acquisitionLoader.start()\n  const [error] = await runOAuth2Authorize({\n    eventBus,\n    bearerSchemeName: bearerName,\n    oauth2Name: target.name,\n    flows: target.flows,\n    flowType: target.flowType,\n    scopes: target.scopes,\n    server,\n    proxyUrl,\n    environment,\n    options,\n  })\n  await acquisitionLoader.clear()\n  if (error) {\n    toast(\n      error?.message ?? translate('apiClient.requestAuthTab.failedToauthorize'),\n      'error',\n    )\n  }\n}\n\n/** Refreshes the OAuth2 token and rewrites it onto the bearer scheme. */\nconst handleAcquisitionRefresh = async (bearerName: string): Promise<void> => {\n  const target = oauth2Target.value\n  // Only the authorization-code flow carries a refresh token; implicit can't be refreshed.\n  if (target?.flowType !== 'authorizationCode' || acquisitionLoader.isLoading) {\n    return\n  }\n  acquisitionLoader.start()\n  const [error, tokens] = await refreshOauth2Token(\n    target.flows,\n    target.flowType,\n    proxyUrl,\n    server,\n    getEnvironmentVariables(environment),\n    options?.customFetch,\n  )\n  await acquisitionLoader.clear()\n  if (tokens?.accessToken) {\n    storeOAuth2Tokens(eventBus, {\n      bearerSchemeName: bearerName,\n      oauth2Name: target.name,\n      flowType: target.flowType,\n      tokens,\n    })\n  } else if (error) {\n    toast(\n      error?.message ?? translate('apiClient.requestAuthTab.failedToRefresh'),\n      'error',\n    )\n  }\n}\n\nconst openAcquisitionConfig = (bearerName: string): void => {\n  configBearerName.value = bearerName\n  configModal.show()\n}\n\n/** Closes the config modal and runs Authorize against the bearer scheme that opened it. */\nconst handleConfigAuthorize = (): void => {\n  const bearerName = configBearerName.value\n  configModal.hide()\n  if (bearerName) {\n    void handleAcquisitionAuthorize(bearerName)\n  }\n}\n</script>\n<template>\n  <template\n    v-for=\"{ scheme, name, scopes, visibleFlowKeys } in security\"\n    :key=\"name\">\n    <!--\n      Header row for AND'ed schemes: label (bold) and description (rich text) are\n      combined.\n    -->\n    <DataTableRow v-if=\"hasMultipleSchemes && scheme\">\n      <DataTableCell\n        :aria-label=\"generateLabel(name, scheme)\"\n        class=\"max-h-[auto]\">\n        <div class=\"bg-b-1 min-w-0 flex-1 px-3 py-1.25\">\n          <p class=\"text-c-1 leading-5.5 font-medium\">\n            {{ generateLabel(name, scheme) }}\n          </p>\n          <ScalarMarkdownSummary\n            v-if=\"scheme.description\"\n            class=\"auth-description text-c-2 w-full\"\n            :value=\"scheme.description\" />\n        </div>\n      </DataTableCell>\n    </DataTableRow>\n\n    <!-- Description: shown for single auth schemes with descriptions -->\n    <DataTableRow v-if=\"scheme?.description && !hasMultipleSchemes\">\n      <DataTableCell\n        :aria-label=\"scheme.description\"\n        class=\"max-h-[auto]\">\n        <ScalarMarkdownSummary\n          class=\"auth-description bg-b-1 text-c-2 min-w-0 flex-1 px-3 py-1.25\"\n          :value=\"scheme.description\" />\n      </DataTableCell>\n    </DataTableRow>\n\n    <!-- HTTP Authentication -->\n    <template v-if=\"scheme?.type === 'http'\">\n      <!-- Bearer Token -->\n      <DataTableRow v-if=\"scheme.scheme === 'bearer'\">\n        <RequestAuthDataTableInput\n          :canReset=\"\n            canResetSecretField(\n              scheme,\n              'x-scalar-secret-token',\n              scheme['x-scalar-secret-token'],\n            )\n          \"\n          :containerClass=\"getStaticBorderClass()\"\n          :environment\n          :modelValue=\"scheme['x-scalar-secret-token']\"\n          :placeholder=\"translate('apiClient.requestAuthTab.token')\"\n          type=\"password\"\n          @reset=\"\n            eventBus.emit('auth:reset:security-scheme-secret', {\n              name,\n              field: 'x-scalar-secret-token',\n            })\n          \"\n          @update:modelValue=\"\n            (v) => handleHttpSecretsUpdate({ 'x-scalar-secret-token': v }, name)\n          \">\n          {{ translate('apiClient.requestAuthTab.bearerToken') }}\n        </RequestAuthDataTableInput>\n      </DataTableRow>\n\n      <!-- OAuth2 token-acquisition shortcut (shown when an interactive oauth2 flow exists) -->\n      <DataTableRow v-if=\"scheme.scheme === 'bearer' && oauth2Target\">\n        <!--\n          Authorize stays rightmost so it never moves: Refresh only appears once there is a token,\n          and it slots in between the gear and Authorize instead of pushing Authorize aside.\n        -->\n        <div class=\"flex h-8 items-center gap-2 border-t pr-1 pl-3 text-base\">\n          <span class=\"text-c-1 mr-auto\">{{\n            translate('apiClient.requestAuthTab.getAToken')\n          }}</span>\n          <ScalarIconButton\n            class=\"h-6 w-6 p-1.25\"\n            :icon=\"ScalarIconGear\"\n            :label=\"\n              translate('apiClient.requestAuthTab.configure', {\n                name: oauth2Target.name,\n              })\n            \"\n            @click=\"openAcquisitionConfig(name)\" />\n          <ScalarButton\n            v-if=\"\n              scheme['x-scalar-secret-token'] &&\n              oauth2Target.flowType === 'authorizationCode'\n            \"\n            class=\"px-3 py-1\"\n            :disabled=\"acquisitionLoader.isLoading\"\n            size=\"sm\"\n            type=\"button\"\n            variant=\"outlined\"\n            @click=\"handleAcquisitionRefresh(name)\">\n            {{ translate('apiClient.requestAuthTab.refresh') }}\n          </ScalarButton>\n          <ScalarButton\n            class=\"text-c-1 px-3 py-1\"\n            :loader=\"acquisitionLoader\"\n            size=\"sm\"\n            type=\"button\"\n            variant=\"gradient\"\n            @click=\"handleAcquisitionAuthorize(name)\">\n            {{\n              translate('apiClient.requestAuthTab.authorizeVia', {\n                name: oauth2Target.name,\n              })\n            }}\n          </ScalarButton>\n        </div>\n      </DataTableRow>\n\n      <!-- HTTP Basic Authentication -->\n      <template v-else-if=\"scheme?.scheme === 'basic'\">\n        <DataTableRow>\n          <RequestAuthDataTableInput\n            :canReset=\"\n              canResetSecretField(\n                scheme,\n                'x-scalar-secret-username',\n                scheme['x-scalar-secret-username'],\n              )\n            \"\n            class=\"text-c-2\"\n            :environment\n            :modelValue=\"scheme['x-scalar-secret-username']\"\n            placeholder=\"janedoe\"\n            required\n            @reset=\"\n              eventBus.emit('auth:reset:security-scheme-secret', {\n                name,\n                field: 'x-scalar-secret-username',\n              })\n            \"\n            @update:modelValue=\"\n              (v) =>\n                handleHttpSecretsUpdate({ 'x-scalar-secret-username': v }, name)\n            \">\n            {{ translate('apiClient.requestAuthTab.username') }}\n          </RequestAuthDataTableInput>\n        </DataTableRow>\n        <DataTableRow>\n          <RequestAuthDataTableInput\n            :canReset=\"\n              canResetSecretField(\n                scheme,\n                'x-scalar-secret-password',\n                scheme['x-scalar-secret-password'],\n              )\n            \"\n            :environment\n            :modelValue=\"scheme['x-scalar-secret-password']\"\n            placeholder=\"********\"\n            type=\"password\"\n            @reset=\"\n              eventBus.emit('auth:reset:security-scheme-secret', {\n                name,\n                field: 'x-scalar-secret-password',\n              })\n            \"\n            @update:modelValue=\"\n              (v) =>\n                handleHttpSecretsUpdate({ 'x-scalar-secret-password': v }, name)\n            \">\n            {{ translate('apiClient.requestAuthTab.password') }}\n          </RequestAuthDataTableInput>\n        </DataTableRow>\n      </template>\n    </template>\n\n    <!-- API Key Authentication -->\n    <template v-else-if=\"scheme?.type === 'apiKey'\">\n      <DataTableRow v-if=\"apiKeyHasName(scheme)\">\n        <RequestAuthDataTableInput\n          :containerClass=\"getStaticBorderClass()\"\n          :environment\n          :modelValue=\"scheme.name ?? ''\"\n          placeholder=\"api-key\"\n          @update:modelValue=\"\n            (v) => handleApiKeySecuritySchemeUpdate({ name: v }, name)\n          \">\n          {{ translate('apiClient.requestAuthTab.name') }}\n        </RequestAuthDataTableInput>\n      </DataTableRow>\n      <DataTableRow>\n        <RequestAuthDataTableInput\n          :canReset=\"\n            canResetSecretField(\n              scheme,\n              'x-scalar-secret-token',\n              scheme['x-scalar-secret-token'],\n            )\n          \"\n          :containerClass=\"\n            apiKeyHasName(scheme) ? undefined : getStaticBorderClass()\n          \"\n          :environment\n          :modelValue=\"scheme['x-scalar-secret-token']\"\n          placeholder=\"QUxMIFlPVVIgQkFTRSBBUkUgQkVMT05HIFRPIFVT\"\n          type=\"password\"\n          @reset=\"\n            eventBus.emit('auth:reset:security-scheme-secret', {\n              name,\n              field: 'x-scalar-secret-token',\n            })\n          \"\n          @update:modelValue=\"\n            (v) =>\n              handleApiKeySecretsUpdate({ 'x-scalar-secret-token': v }, name)\n          \">\n          {{ translate('apiClient.requestAuthTab.value') }}\n        </RequestAuthDataTableInput>\n      </DataTableRow>\n    </template>\n\n    <!-- OAuth 2.0  / OpenID Connect Authentication -->\n    <template\n      v-else-if=\"scheme?.type === 'oauth2' || scheme?.type === 'openIdConnect'\">\n      <OAuth2Metadata\n        v-if=\"\n          scheme.type === 'oauth2' && (!isStatic || scheme.oauth2MetadataUrl)\n        \"\n        :customFetch=\"options?.customFetch\"\n        :environment\n        :eventBus\n        :name\n        :proxyUrl\n        :scheme />\n\n      <!-- OpenID Connect -->\n      <OpenIDConnect\n        v-if=\"scheme?.type === 'openIdConnect' && !visibleFlowKeys.length\"\n        :customFetch=\"options?.customFetch\"\n        :environment\n        :eventBus\n        :getStaticBorderClass\n        :name\n        :proxyUrl\n        :scheme />\n\n      <!-- Flow selector tabs: shown when multiple visible flows are available -->\n      <DataTableRow v-if=\"visibleFlowKeys.length > 1\">\n        <div class=\"flex min-h-8 border-t text-base\">\n          <div class=\"flex h-8 max-w-full gap-2.5 overflow-x-auto px-3\">\n            <button\n              v-for=\"(key, ind) in visibleFlowKeys\"\n              :key=\"key\"\n              :class=\"getFlowTabClasses(key, ind)\"\n              type=\"button\"\n              @click=\"setActiveFlow(key)\">\n              <span class=\"relative z-10\">{{ key }}</span>\n            </button>\n          </div>\n        </div>\n      </DataTableRow>\n\n      <!-- OAuth2 flow configuration -->\n      <template\n        v-for=\"(key, ind) in visibleFlowKeys\"\n        :key=\"key\">\n        <OAuth2\n          v-if=\"scheme.flows && isFlowActive(key, ind)\"\n          :environment\n          :eventBus\n          :flows=\"scheme.flows\"\n          :name\n          :options\n          :proxyUrl\n          :scheme\n          :selectedScopes=\"scopes\"\n          :server\n          :type=\"key\"\n          @delete:scope=\"(event) => handleScopeDelete(name, event)\"\n          @update:selectedScopes=\"(event) => handleScopesUpdate(name, event)\"\n          @upsert:scope=\"(event) => handleScopeUpsert(name, event)\" />\n      </template>\n    </template>\n\n    <!-- Browser WebSocket connections cannot apply these broker credentials. -->\n    <div\n      v-else-if=\"\n        scheme?.type === 'userPassword' ||\n        scheme?.type === 'plain' ||\n        scheme?.type === 'scramSha256' ||\n        scheme?.type === 'scramSha512' ||\n        scheme?.type === 'X509' ||\n        scheme?.type === 'symmetricEncryption' ||\n        scheme?.type === 'asymmetricEncryption' ||\n        scheme?.type === 'gssapi'\n      \"\n      class=\"text-c-3 flex items-center justify-center border-t p-4 px-4 text-center text-xs text-balance\">\n      {{ translate('apiClient.requestAuthTab.unsupportedCredentials') }}\n    </div>\n\n    <!-- Mutual TLS credentials are chosen during the browser-managed TLS handshake. -->\n    <div\n      v-else-if=\"scheme?.type === 'mutualTLS'\"\n      class=\"text-c-3 flex items-center justify-center border-t p-4 px-4 text-center text-xs text-balance\">\n      {{ translate('apiClient.requestAuthTab.mutualTlsHint') }}\n    </div>\n\n    <!-- Scheme has a type we do not render inputs for -->\n    <div\n      v-else-if=\"getUnsupportedSchemeType(scheme)\"\n      class=\"text-c-3 flex items-center justify-center border-t p-4 px-4 text-center text-xs text-balance\">\n      {{\n        translate('apiClient.requestAuthTab.unsupportedType', {\n          type: getUnsupportedSchemeType(scheme) ?? '',\n        })\n      }}\n    </div>\n\n    <!-- Scheme is missing type -->\n    <div\n      v-else\n      class=\"text-c-3 flex items-center justify-center border-t p-4 px-4 text-center text-xs text-balance\">\n      {{\n        translate('apiClient.requestAuthTab.missingType', {\n          type: documentTypeLabel,\n        })\n      }}\n    </div>\n  </template>\n\n  <!-- OAuth2 configuration modal (opened from the bearer scheme's gear) -->\n  <ScalarModal\n    v-if=\"oauth2Target && oauth2Scheme\"\n    size=\"sm\"\n    :state=\"configModal\"\n    :title=\"\n      translate('apiClient.requestAuthTab.configure', {\n        name: oauth2Target.name,\n      })\n    \">\n    <DataTable\n      :columns=\"['']\"\n      presentational>\n      <OAuth2\n        :environment\n        :eventBus\n        :flows=\"oauth2Target.flows\"\n        hideActions\n        :name=\"oauth2Target.name\"\n        :options\n        :proxyUrl\n        :scheme=\"oauth2Scheme\"\n        :selectedScopes=\"oauth2Target.scopes\"\n        :server\n        :type=\"oauth2Target.flowType\"\n        @delete:scope=\"(event) => handleScopeDelete(oauth2Target!.name, event)\"\n        @update:selectedScopes=\"\n          (event) => handleScopesUpdate(oauth2Target!.name, event)\n        \"\n        @upsert:scope=\"\n          (event) => handleScopeUpsert(oauth2Target!.name, event)\n        \" />\n    </DataTable>\n    <div class=\"flex h-8 items-center justify-end gap-2 border-t\">\n      <ScalarButton\n        class=\"p-0 px-2 py-0.5\"\n        size=\"sm\"\n        variant=\"outlined\"\n        @click=\"configModal.hide()\">\n        {{ translate('apiClient.requestAuthTab.cancel') }}\n      </ScalarButton>\n      <ScalarButton\n        class=\"p-0 px-2 py-0.5\"\n        :loader=\"acquisitionLoader\"\n        size=\"sm\"\n        @click=\"handleConfigAuthorize\">\n        {{ translate('apiClient.requestAuthTab.authorize') }}\n      </ScalarButton>\n    </div>\n  </ScalarModal>\n</template>\n"],"mappings":""}
+{"version":3,"file":"RequestAuthTab.vue.js","names":[],"sources":["../../../../../src/v2/blocks/scalar-auth-selector-block/components/RequestAuthTab.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarIconButton } from '@scalar/components/icon-button'\nimport { useLoadingState } from '@scalar/components/loading'\nimport { ScalarMarkdownSummary } from '@scalar/components/markdown'\nimport { ScalarModal, useModal } from '@scalar/components/modal'\nimport { ScalarIconGear } from '@scalar/icons'\nimport { useToasts } from '@scalar/use-toasts'\nimport type {\n  SecretsApiKey,\n  SecretsHttp,\n} from '@scalar/workspace-store/entities/auth'\nimport type {\n  ApiReferenceEvents,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport { canResetSecretField } from '@scalar/workspace-store/helpers/auth-secret-fields'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport {\n  getEnvironmentVariables,\n  type MergedSecuritySchemes,\n  type OAuthFlowsObjectSecret,\n  type SecuritySchemeObjectSecret,\n} from '@scalar/workspace-store/request-example'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { getDocumentTypeLabel } from '@scalar/workspace-store/schemas/type-guards'\nimport type {\n  ApiKeyObject,\n  SecurityRequirementObject,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport { capitalize, computed, ref } from 'vue'\n\nimport { refreshOauth2Token } from '@/v2/blocks/scalar-auth-selector-block/helpers/oauth'\nimport { getVisibleOrderedFlowKeys } from '@/v2/blocks/scalar-auth-selector-block/helpers/oauth-flows'\nimport {\n  runOAuth2Authorize,\n  storeOAuth2Tokens,\n} from '@/v2/blocks/scalar-auth-selector-block/helpers/run-oauth2-authorize'\nimport { getOauth2AcquisitionTarget } from '@/v2/blocks/scalar-auth-selector-block/helpers/security-scheme'\nimport {\n  DataTable,\n  DataTableCell,\n  DataTableRow,\n} from '@/v2/components/data-table'\nimport { useLocalization } from '@/v2/features/localization'\n\nimport OAuth2, { type OAuth2Options } from './OAuth2.vue'\nimport OAuth2Metadata from './OAuth2Metadata.vue'\nimport OpenIDConnect from './OpenIDConnect.vue'\nimport RequestAuthDataTableInput from './RequestAuthDataTableInput.vue'\n\nconst {\n  environment,\n  isStatic,\n  proxyUrl,\n  selectedSecuritySchemas,\n  securitySchemes,\n  server,\n  eventBus,\n  options,\n  documentType = 'openapi',\n} = defineProps<{\n  /** Current environment configuration */\n  environment: XScalarEnvironment\n  /** Controls the display of certain borders which are used when we are non-collapsible */\n  isStatic: boolean\n  /** Proxy URL */\n  proxyUrl: string\n  /** Selected security schemes*/\n  selectedSecuritySchemas: SecurityRequirementObject\n  /** Merged security schemes from the document and the config together with the auth store secrets */\n  securitySchemes: MergedSecuritySchemes\n  /** Current server configuration */\n  server: ServerObject | null\n  /** Event bus for authentication updates */\n  eventBus: WorkspaceEventBus\n  /**  Any config options required for the OAuth2 flow */\n  options?: OAuth2Options\n  /** Type of the document the schemes belong to, used to label the missing-type warning */\n  documentType?: 'openapi' | 'asyncapi'\n}>()\n\nconst emits = defineEmits<{\n  (\n    e: 'update:selectedScopes',\n    payload: Omit<ApiReferenceEvents['auth:update:selected-scopes'], 'meta'>,\n  ): void\n  (e: 'upsert:scope', payload: ApiReferenceEvents['auth:upsert:scopes']): void\n  (e: 'delete:scope', payload: ApiReferenceEvents['auth:delete:scopes']): void\n}>()\n\nconst { translate } = useLocalization()\n\ntype SecurityItem = {\n  scheme: SecuritySchemeObjectSecret | undefined\n  name: string\n  scopes: string[]\n  /** Ordered, non-hidden oauth2/openIdConnect flow keys for this scheme (empty for other types). */\n  visibleFlowKeys: (keyof OAuthFlowsObjectSecret)[]\n}\n\n/**\n * Human-readable name of the document type.\n * Used in the missing-type warning so it points at the correct document\n * (e.g. \"AsyncAPI\") instead of always naming OpenAPI.\n */\nconst documentTypeLabel = computed<string>(() =>\n  getDocumentTypeLabel(documentType),\n)\n\n/**\n * Resolves security schemes from the OpenAPI document and combines them with their selected scopes.\n * Each item includes the scheme definition, name, and associated scopes.\n */\nconst security = computed<SecurityItem[]>(() =>\n  Object.entries(selectedSecuritySchemas).map(([name, scopes = []]) => {\n    const scheme = getResolvedRef(securitySchemes[name])\n    return {\n      scheme,\n      name,\n      scopes,\n      // Compute the visible, ordered flow keys once per scheme so the tabs, the label, and the\n      // active-flow tracking all agree on the same set (and we do not filter + sort on every access).\n      visibleFlowKeys:\n        scheme?.type === 'oauth2' || scheme?.type === 'openIdConnect'\n          ? getVisibleOrderedFlowKeys(scheme.flows)\n          : [],\n    }\n  }),\n)\n\n/** Tracks which OAuth2 flow is currently active when multiple flows are available. */\nconst activeFlow = ref<string>('')\n\n/**\n * Keeps the selected flow in sync with the currently visible flow keys. Validating against the\n * visible set (not every declared flow) means a selection that becomes hidden — e.g. the document\n * is updated to mark the active flow with `x-scalar-ignore` — resets, so the default (first visible)\n * flow activates instead of leaving no tab selected.\n */\nconst selectedFlow = computed<string>(() => {\n  const visibleFlowKeys = security.value.flatMap((item) => item.visibleFlowKeys)\n\n  return visibleFlowKeys.some((key) => key === activeFlow.value)\n    ? activeFlow.value\n    : ''\n})\n\nconst setActiveFlow = (flow: string): void => {\n  activeFlow.value = flow\n}\n\n/** Determines if multiple auth schemes are configured, which affects the UI layout. */\nconst hasMultipleSchemes = computed<boolean>(() => security.value.length > 1)\n\n/**\n * Generates a human-readable label for the security scheme.\n * Intentionally omits the description here — it is rendered separately as\n * rich text via ScalarMarkdownSummary so markdown formatting is preserved.\n */\nconst generateLabel = (\n  name: string,\n  scheme: SecuritySchemeObjectSecret,\n): string => {\n  const capitalizedName = capitalize(name)\n\n  switch (scheme.type) {\n    case 'apiKey':\n      return `${capitalizedName}: ${scheme.in}`\n\n    case 'openIdConnect':\n    case 'oauth2': {\n      const firstFlow = getVisibleOrderedFlowKeys(scheme.flows)[0]\n      const currentFlow = selectedFlow.value || firstFlow\n      if (!currentFlow) {\n        return capitalizedName\n      }\n      return `${capitalizedName}: ${currentFlow}`\n    }\n\n    case 'http':\n      return `${capitalizedName}: ${scheme.scheme}`\n\n    default:\n      return capitalizedName\n  }\n}\n\n/**\n * Whether an API key scheme exposes an editable parameter name.\n *\n * OpenAPI `apiKey` and AsyncAPI `httpApiKey` (normalized to `apiKey`) name a query/header/cookie\n * parameter, so the Name input is shown. AsyncAPI `apiKey` places the key in the broker `user` or\n * `password` slot and has no parameter name, so the Name input is hidden and only the value is asked for.\n */\nconst apiKeyHasName = (scheme: { in?: string }): boolean =>\n  scheme.in !== 'user' && scheme.in !== 'password'\n\n/**\n * The scheme's type when it is one we do not render inputs for (a type outside both the OpenAPI\n * and AsyncAPI security scheme unions). Read through a helper so the fallback template branch,\n * where the scheme type is narrowed to `never` after the supported cases, can still surface the type.\n */\nconst getUnsupportedSchemeType = (\n  scheme: SecurityItem['scheme'],\n): string | undefined => scheme?.type\n\n/**\n * Determines if an OAuth2 flow tab should be active.\n * The first flow is active by default if no flow is explicitly selected.\n */\nconst isFlowActive = (flowKey: string, index: number): boolean =>\n  selectedFlow.value === flowKey || (index === 0 && !selectedFlow.value)\n\n/** Computes the container class for static display mode. */\nconst getStaticBorderClass = (): string | false => isStatic && 'border-t'\n\nconst handleHttpSecretsUpdate = (\n  payload: Omit<Partial<SecretsHttp>, 'type'>,\n  name: string,\n): void =>\n  eventBus.emit('auth:update:security-scheme-secrets', {\n    payload: { type: 'http', ...payload },\n    name,\n  })\n\nconst handleApiKeySecretsUpdate = (\n  payload: Omit<Partial<SecretsApiKey>, 'type'>,\n  name: string,\n): void =>\n  eventBus.emit('auth:update:security-scheme-secrets', {\n    payload: { type: 'apiKey', ...payload },\n    name,\n  })\n\n/** Name edits may update the document or a configured override; tokens remain secrets. */\nconst handleApiKeySecuritySchemeUpdate = (\n  payload: Omit<Partial<ApiKeyObject>, 'type'>,\n  name: string,\n): void =>\n  eventBus.emit('auth:update:security-scheme', {\n    payload: { type: 'apiKey', ...payload },\n    name,\n  })\n\n/** Handles scope selection updates for OAuth2 */\nconst handleScopesUpdate = (\n  name: string,\n  event: { scopes?: string[]; scope?: string; selected?: boolean },\n): void => {\n  emits('update:selectedScopes', {\n    id: Object.keys(selectedSecuritySchemas),\n    name,\n    ...event,\n  })\n}\n\n/** Handles scope-definition upserts (add / rename / description change) */\nconst handleScopeUpsert = (\n  name: string,\n  event: Omit<ApiReferenceEvents['auth:upsert:scopes'], 'name'>,\n): void => {\n  emits('upsert:scope', { ...event, name })\n}\n\n/** Handles scope-definition deletes */\nconst handleScopeDelete = (\n  name: string,\n  event: Omit<ApiReferenceEvents['auth:delete:scopes'], 'name'>,\n): void => {\n  emits('delete:scope', { ...event, name })\n}\n\n/**\n * Computes dynamic classes for OAuth2 flow tabs based on active state.\n */\nconst getFlowTabClasses = (flowKey: string, index: number): string => {\n  const baseClasses =\n    'floating-bg text-c-3 relative cursor-pointer border-b border-transparent py-1 text-base font-medium'\n  const activeClasses = '!text-c-1 !rounded-none border-b !border-current'\n\n  return isFlowActive(flowKey, index)\n    ? `${baseClasses} ${activeClasses} ${isStatic ? 'opacity-100' : ''}`\n    : baseClasses\n}\n\n/**\n * OAuth2 token-acquisition target (an oauth2 scheme with an interactive grant) sourced from\n * the merged schemes. When the active scheme is HTTP bearer, this powers the inline\n * \"Authorize via OAuth2\" shortcut: the flow's bearer token is written onto the bearer scheme,\n * so the panel never switches to oauth2.\n *\n * The shortcut is purely a convenience, so it is offered for any interactive oauth2 scheme —\n * including one that is also independently selectable in the dropdown (e.g. Scalar Galaxy's\n * `oAuth2`). Whether that oauth2 scheme is *hidden* from the dropdown is a separate decision made\n * in the selector; here we only surface the shortcut.\n */\nconst oauth2Target = computed(() => getOauth2AcquisitionTarget(securitySchemes))\n\n/** Resolved oauth2 scheme object, for embedding its config form behind the gear. */\nconst oauth2Scheme = computed(() =>\n  oauth2Target.value\n    ? getResolvedRef(securitySchemes[oauth2Target.value.name])\n    : undefined,\n)\n\nconst acquisitionLoader = useLoadingState()\nconst { toast } = useToasts()\nconst configModal = useModal()\n/** Bearer scheme that opened the config modal, so its Authorize callback targets it. */\nconst configBearerName = ref<string | undefined>()\n\n/** Runs the OAuth2 flow and writes the resulting bearer token onto the bearer scheme. */\nconst handleAcquisitionAuthorize = async (\n  bearerName: string,\n): Promise<void> => {\n  const target = oauth2Target.value\n  if (!target || acquisitionLoader.isLoading) {\n    return\n  }\n  acquisitionLoader.start()\n  const [error] = await runOAuth2Authorize({\n    eventBus,\n    bearerSchemeName: bearerName,\n    oauth2Name: target.name,\n    flows: target.flows,\n    flowType: target.flowType,\n    scopes: target.scopes,\n    server,\n    proxyUrl,\n    environment,\n    options,\n  })\n  await acquisitionLoader.clear()\n  if (error) {\n    toast(\n      error?.message ?? translate('apiClient.requestAuthTab.failedToauthorize'),\n      'error',\n    )\n  }\n}\n\n/** Refreshes the OAuth2 token and rewrites it onto the bearer scheme. */\nconst handleAcquisitionRefresh = async (bearerName: string): Promise<void> => {\n  const target = oauth2Target.value\n  // Only the authorization-code flow carries a refresh token; implicit can't be refreshed.\n  if (target?.flowType !== 'authorizationCode' || acquisitionLoader.isLoading) {\n    return\n  }\n  acquisitionLoader.start()\n  const [error, tokens] = await refreshOauth2Token(\n    target.flows,\n    target.flowType,\n    proxyUrl,\n    server,\n    getEnvironmentVariables(environment),\n    options?.customFetch,\n  )\n  await acquisitionLoader.clear()\n  if (tokens?.accessToken) {\n    storeOAuth2Tokens(eventBus, {\n      bearerSchemeName: bearerName,\n      oauth2Name: target.name,\n      flowType: target.flowType,\n      tokens,\n    })\n  } else if (error) {\n    toast(\n      error?.message ?? translate('apiClient.requestAuthTab.failedToRefresh'),\n      'error',\n    )\n  }\n}\n\nconst openAcquisitionConfig = (bearerName: string): void => {\n  configBearerName.value = bearerName\n  configModal.show()\n}\n\n/** Closes the config modal and runs Authorize against the bearer scheme that opened it. */\nconst handleConfigAuthorize = (): void => {\n  const bearerName = configBearerName.value\n  configModal.hide()\n  if (bearerName) {\n    void handleAcquisitionAuthorize(bearerName)\n  }\n}\n</script>\n<template>\n  <template\n    v-for=\"{ scheme, name, scopes, visibleFlowKeys } in security\"\n    :key=\"name\">\n    <!--\n      Header row for AND'ed schemes: label (bold) and description (rich text) are\n      combined.\n    -->\n    <DataTableRow v-if=\"hasMultipleSchemes && scheme\">\n      <DataTableCell\n        :aria-label=\"generateLabel(name, scheme)\"\n        class=\"max-h-[auto]\">\n        <div class=\"bg-b-1 min-w-0 flex-1 px-3 py-1.25\">\n          <p class=\"text-c-1 leading-5.5 font-medium\">\n            {{ generateLabel(name, scheme) }}\n          </p>\n          <ScalarMarkdownSummary\n            v-if=\"scheme.description\"\n            class=\"auth-description text-c-2 w-full\"\n            :value=\"scheme.description\" />\n        </div>\n      </DataTableCell>\n    </DataTableRow>\n\n    <!-- Description: shown for single auth schemes with descriptions -->\n    <DataTableRow v-if=\"scheme?.description && !hasMultipleSchemes\">\n      <DataTableCell\n        :aria-label=\"scheme.description\"\n        class=\"max-h-[auto]\">\n        <ScalarMarkdownSummary\n          class=\"auth-description bg-b-1 text-c-2 min-w-0 flex-1 px-3 py-1.25\"\n          :value=\"scheme.description\" />\n      </DataTableCell>\n    </DataTableRow>\n\n    <!-- HTTP Authentication -->\n    <template v-if=\"scheme?.type === 'http'\">\n      <!-- Bearer Token -->\n      <DataTableRow v-if=\"scheme.scheme === 'bearer'\">\n        <RequestAuthDataTableInput\n          :canReset=\"\n            canResetSecretField(\n              scheme,\n              'x-scalar-secret-token',\n              scheme['x-scalar-secret-token'],\n            )\n          \"\n          :containerClass=\"getStaticBorderClass()\"\n          :environment\n          :modelValue=\"scheme['x-scalar-secret-token']\"\n          :placeholder=\"translate('apiClient.requestAuthTab.token')\"\n          type=\"password\"\n          @reset=\"\n            eventBus.emit('auth:reset:security-scheme-secret', {\n              name,\n              field: 'x-scalar-secret-token',\n            })\n          \"\n          @update:modelValue=\"\n            (v) => handleHttpSecretsUpdate({ 'x-scalar-secret-token': v }, name)\n          \">\n          {{ translate('apiClient.requestAuthTab.bearerToken') }}\n        </RequestAuthDataTableInput>\n      </DataTableRow>\n\n      <!-- OAuth2 token-acquisition shortcut (shown when an interactive oauth2 flow exists) -->\n      <DataTableRow v-if=\"scheme.scheme === 'bearer' && oauth2Target\">\n        <!--\n          Authorize stays rightmost so it never moves: Refresh only appears once there is a token,\n          and it slots in between the gear and Authorize instead of pushing Authorize aside.\n        -->\n        <div class=\"flex h-8 items-center gap-2 border-t pr-1 pl-3 text-base\">\n          <span class=\"text-c-1 mr-auto\">{{\n            translate('apiClient.requestAuthTab.getAToken')\n          }}</span>\n          <ScalarIconButton\n            class=\"h-6 w-6 p-1.25\"\n            :icon=\"ScalarIconGear\"\n            :label=\"\n              translate('apiClient.requestAuthTab.configure', {\n                name: oauth2Target.name,\n              })\n            \"\n            @click=\"openAcquisitionConfig(name)\" />\n          <ScalarButton\n            v-if=\"\n              scheme['x-scalar-secret-token'] &&\n              oauth2Target.flowType === 'authorizationCode'\n            \"\n            class=\"px-3 py-1\"\n            :disabled=\"acquisitionLoader.isLoading\"\n            size=\"sm\"\n            type=\"button\"\n            variant=\"outlined\"\n            @click=\"handleAcquisitionRefresh(name)\">\n            {{ translate('apiClient.requestAuthTab.refresh') }}\n          </ScalarButton>\n          <ScalarButton\n            class=\"text-c-1 px-3 py-1\"\n            :loader=\"acquisitionLoader\"\n            size=\"sm\"\n            type=\"button\"\n            variant=\"gradient\"\n            @click=\"handleAcquisitionAuthorize(name)\">\n            {{\n              translate('apiClient.requestAuthTab.authorizeVia', {\n                name: oauth2Target.name,\n              })\n            }}\n          </ScalarButton>\n        </div>\n      </DataTableRow>\n\n      <!-- HTTP Basic Authentication -->\n      <template v-else-if=\"scheme?.scheme === 'basic'\">\n        <DataTableRow>\n          <RequestAuthDataTableInput\n            :canReset=\"\n              canResetSecretField(\n                scheme,\n                'x-scalar-secret-username',\n                scheme['x-scalar-secret-username'],\n              )\n            \"\n            class=\"text-c-2\"\n            :environment\n            :modelValue=\"scheme['x-scalar-secret-username']\"\n            placeholder=\"janedoe\"\n            required\n            @reset=\"\n              eventBus.emit('auth:reset:security-scheme-secret', {\n                name,\n                field: 'x-scalar-secret-username',\n              })\n            \"\n            @update:modelValue=\"\n              (v) =>\n                handleHttpSecretsUpdate({ 'x-scalar-secret-username': v }, name)\n            \">\n            {{ translate('apiClient.requestAuthTab.username') }}\n          </RequestAuthDataTableInput>\n        </DataTableRow>\n        <DataTableRow>\n          <RequestAuthDataTableInput\n            :canReset=\"\n              canResetSecretField(\n                scheme,\n                'x-scalar-secret-password',\n                scheme['x-scalar-secret-password'],\n              )\n            \"\n            :environment\n            :modelValue=\"scheme['x-scalar-secret-password']\"\n            placeholder=\"********\"\n            type=\"password\"\n            @reset=\"\n              eventBus.emit('auth:reset:security-scheme-secret', {\n                name,\n                field: 'x-scalar-secret-password',\n              })\n            \"\n            @update:modelValue=\"\n              (v) =>\n                handleHttpSecretsUpdate({ 'x-scalar-secret-password': v }, name)\n            \">\n            {{ translate('apiClient.requestAuthTab.password') }}\n          </RequestAuthDataTableInput>\n        </DataTableRow>\n      </template>\n    </template>\n\n    <!-- API Key Authentication -->\n    <template v-else-if=\"scheme?.type === 'apiKey'\">\n      <DataTableRow v-if=\"apiKeyHasName(scheme)\">\n        <RequestAuthDataTableInput\n          :containerClass=\"getStaticBorderClass()\"\n          :environment\n          :modelValue=\"scheme.name ?? ''\"\n          placeholder=\"api-key\"\n          @update:modelValue=\"\n            (v) => handleApiKeySecuritySchemeUpdate({ name: v }, name)\n          \">\n          {{ translate('apiClient.requestAuthTab.name') }}\n        </RequestAuthDataTableInput>\n      </DataTableRow>\n      <DataTableRow>\n        <RequestAuthDataTableInput\n          :canReset=\"\n            canResetSecretField(\n              scheme,\n              'x-scalar-secret-token',\n              scheme['x-scalar-secret-token'],\n            )\n          \"\n          :containerClass=\"\n            apiKeyHasName(scheme) ? undefined : getStaticBorderClass()\n          \"\n          :environment\n          :modelValue=\"scheme['x-scalar-secret-token']\"\n          placeholder=\"QUxMIFlPVVIgQkFTRSBBUkUgQkVMT05HIFRPIFVT\"\n          type=\"password\"\n          @reset=\"\n            eventBus.emit('auth:reset:security-scheme-secret', {\n              name,\n              field: 'x-scalar-secret-token',\n            })\n          \"\n          @update:modelValue=\"\n            (v) =>\n              handleApiKeySecretsUpdate({ 'x-scalar-secret-token': v }, name)\n          \">\n          {{ translate('apiClient.requestAuthTab.value') }}\n        </RequestAuthDataTableInput>\n      </DataTableRow>\n    </template>\n\n    <!-- OAuth 2.0  / OpenID Connect Authentication -->\n    <template\n      v-else-if=\"scheme?.type === 'oauth2' || scheme?.type === 'openIdConnect'\">\n      <OAuth2Metadata\n        v-if=\"\n          scheme.type === 'oauth2' && (!isStatic || scheme.oauth2MetadataUrl)\n        \"\n        :customFetch=\"options?.customFetch\"\n        :environment\n        :eventBus\n        :name\n        :proxyUrl\n        :scheme />\n\n      <!-- OpenID Connect -->\n      <OpenIDConnect\n        v-if=\"scheme?.type === 'openIdConnect' && !visibleFlowKeys.length\"\n        :customFetch=\"options?.customFetch\"\n        :environment\n        :eventBus\n        :getStaticBorderClass\n        :name\n        :proxyUrl\n        :scheme />\n\n      <!-- Flow selector tabs: shown when multiple visible flows are available -->\n      <DataTableRow v-if=\"visibleFlowKeys.length > 1\">\n        <div class=\"flex min-h-8 border-t text-base\">\n          <div class=\"flex h-8 max-w-full gap-2.5 overflow-x-auto px-3\">\n            <button\n              v-for=\"(key, ind) in visibleFlowKeys\"\n              :key=\"key\"\n              :class=\"getFlowTabClasses(key, ind)\"\n              type=\"button\"\n              @click=\"setActiveFlow(key)\">\n              <span class=\"relative z-10\">{{ key }}</span>\n            </button>\n          </div>\n        </div>\n      </DataTableRow>\n\n      <!-- OAuth2 flow configuration -->\n      <template\n        v-for=\"(key, ind) in visibleFlowKeys\"\n        :key=\"key\">\n        <OAuth2\n          v-if=\"scheme.flows && isFlowActive(key, ind)\"\n          :environment\n          :eventBus\n          :flows=\"scheme.flows\"\n          :name\n          :options\n          :proxyUrl\n          :scheme\n          :selectedScopes=\"scopes\"\n          :server\n          :type=\"key\"\n          @delete:scope=\"(event) => handleScopeDelete(name, event)\"\n          @update:selectedScopes=\"(event) => handleScopesUpdate(name, event)\"\n          @upsert:scope=\"(event) => handleScopeUpsert(name, event)\" />\n      </template>\n    </template>\n\n    <!-- Browser WebSocket connections cannot apply these broker credentials. -->\n    <div\n      v-else-if=\"\n        scheme?.type === 'userPassword' ||\n        scheme?.type === 'plain' ||\n        scheme?.type === 'scramSha256' ||\n        scheme?.type === 'scramSha512' ||\n        scheme?.type === 'X509' ||\n        scheme?.type === 'symmetricEncryption' ||\n        scheme?.type === 'asymmetricEncryption' ||\n        scheme?.type === 'gssapi'\n      \"\n      class=\"text-c-3 flex items-center justify-center border-t p-4 px-4 text-center text-xs text-balance\">\n      {{ translate('apiClient.requestAuthTab.unsupportedCredentials') }}\n    </div>\n\n    <!-- Mutual TLS credentials are chosen during the browser-managed TLS handshake. -->\n    <div\n      v-else-if=\"scheme?.type === 'mutualTLS'\"\n      class=\"text-c-3 flex items-center justify-center border-t p-4 px-4 text-center text-xs text-balance\">\n      {{ translate('apiClient.requestAuthTab.mutualTlsHint') }}\n    </div>\n\n    <!-- Scheme has a type we do not render inputs for -->\n    <div\n      v-else-if=\"getUnsupportedSchemeType(scheme)\"\n      class=\"text-c-3 flex items-center justify-center border-t p-4 px-4 text-center text-xs text-balance\">\n      {{\n        translate('apiClient.requestAuthTab.unsupportedType', {\n          type: getUnsupportedSchemeType(scheme) ?? '',\n        })\n      }}\n    </div>\n\n    <!-- Scheme is missing type -->\n    <div\n      v-else\n      class=\"text-c-3 flex items-center justify-center border-t p-4 px-4 text-center text-xs text-balance\">\n      {{\n        translate('apiClient.requestAuthTab.missingType', {\n          type: documentTypeLabel,\n        })\n      }}\n    </div>\n  </template>\n\n  <!-- OAuth2 configuration modal (opened from the bearer scheme's gear) -->\n  <ScalarModal\n    v-if=\"oauth2Target && oauth2Scheme\"\n    size=\"sm\"\n    :state=\"configModal\"\n    :title=\"\n      translate('apiClient.requestAuthTab.configure', {\n        name: oauth2Target.name,\n      })\n    \">\n    <DataTable\n      :columns=\"['']\"\n      presentational>\n      <OAuth2\n        :environment\n        :eventBus\n        :flows=\"oauth2Target.flows\"\n        hideActions\n        :name=\"oauth2Target.name\"\n        :options\n        :proxyUrl\n        :scheme=\"oauth2Scheme\"\n        :selectedScopes=\"oauth2Target.scopes\"\n        :server\n        :type=\"oauth2Target.flowType\"\n        @delete:scope=\"(event) => handleScopeDelete(oauth2Target!.name, event)\"\n        @update:selectedScopes=\"\n          (event) => handleScopesUpdate(oauth2Target!.name, event)\n        \"\n        @upsert:scope=\"\n          (event) => handleScopeUpsert(oauth2Target!.name, event)\n        \" />\n    </DataTable>\n    <div class=\"flex h-8 items-center justify-end gap-2 border-t\">\n      <ScalarButton\n        class=\"p-0 px-2 py-0.5\"\n        size=\"sm\"\n        variant=\"outlined\"\n        @click=\"configModal.hide()\">\n        {{ translate('apiClient.requestAuthTab.cancel') }}\n      </ScalarButton>\n      <ScalarButton\n        class=\"p-0 px-2 py-0.5\"\n        :loader=\"acquisitionLoader\"\n        size=\"sm\"\n        @click=\"handleConfigAuthorize\">\n        {{ translate('apiClient.requestAuthTab.authorize') }}\n      </ScalarButton>\n    </div>\n  </ScalarModal>\n</template>\n"],"mappings":""}

package/dist/v2/blocks/scalar-auth-selector-block/components/RequestAuthTab.vue.script.js

@@ -159,6 +159,7 @@ var RequestAuthTab_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			},
 			name
 		});
+		/** Name edits may update the document or a configured override; tokens remain secrets. */
 		const handleApiKeySecuritySchemeUpdate = (payload, name) => __props.eventBus.emit("auth:update:security-scheme", {
 			payload: {
 				type: "apiKey",

package/dist/v2/blocks/scalar-auth-selector-block/components/RequestAuthTab.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequestAuthTab.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/scalar-auth-selector-block/components/RequestAuthTab.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarIconButton } from '@scalar/components/icon-button'\nimport { useLoadingState } from '@scalar/components/loading'\nimport { ScalarMarkdownSummary } from '@scalar/components/markdown'\nimport { ScalarModal, useModal } from '@scalar/components/modal'\nimport { ScalarIconGear } from '@scalar/icons'\nimport { useToasts } from '@scalar/use-toasts'\nimport type {\n  SecretsApiKey,\n  SecretsHttp,\n} from '@scalar/workspace-store/entities/auth'\nimport type {\n  ApiReferenceEvents,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport { canResetSecretField } from '@scalar/workspace-store/helpers/auth-secret-fields'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport {\n  getEnvironmentVariables,\n  type MergedSecuritySchemes,\n  type OAuthFlowsObjectSecret,\n  type SecuritySchemeObjectSecret,\n} from '@scalar/workspace-store/request-example'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { getDocumentTypeLabel } from '@scalar/workspace-store/schemas/type-guards'\nimport type {\n  ApiKeyObject,\n  SecurityRequirementObject,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport { capitalize, computed, ref } from 'vue'\n\nimport { refreshOauth2Token } from '@/v2/blocks/scalar-auth-selector-block/helpers/oauth'\nimport { getVisibleOrderedFlowKeys } from '@/v2/blocks/scalar-auth-selector-block/helpers/oauth-flows'\nimport {\n  runOAuth2Authorize,\n  storeOAuth2Tokens,\n} from '@/v2/blocks/scalar-auth-selector-block/helpers/run-oauth2-authorize'\nimport { getOauth2AcquisitionTarget } from '@/v2/blocks/scalar-auth-selector-block/helpers/security-scheme'\nimport {\n  DataTable,\n  DataTableCell,\n  DataTableRow,\n} from '@/v2/components/data-table'\nimport { useLocalization } from '@/v2/features/localization'\n\nimport OAuth2, { type OAuth2Options } from './OAuth2.vue'\nimport OAuth2Metadata from './OAuth2Metadata.vue'\nimport OpenIDConnect from './OpenIDConnect.vue'\nimport RequestAuthDataTableInput from './RequestAuthDataTableInput.vue'\n\nconst {\n  environment,\n  isStatic,\n  proxyUrl,\n  selectedSecuritySchemas,\n  securitySchemes,\n  server,\n  eventBus,\n  options,\n  documentType = 'openapi',\n} = defineProps<{\n  /** Current environment configuration */\n  environment: XScalarEnvironment\n  /** Controls the display of certain borders which are used when we are non-collapsible */\n  isStatic: boolean\n  /** Proxy URL */\n  proxyUrl: string\n  /** Selected security schemes*/\n  selectedSecuritySchemas: SecurityRequirementObject\n  /** Merged security schemes from the document and the config together with the auth store secrets */\n  securitySchemes: MergedSecuritySchemes\n  /** Current server configuration */\n  server: ServerObject | null\n  /** Event bus for authentication updates */\n  eventBus: WorkspaceEventBus\n  /**  Any config options required for the OAuth2 flow */\n  options?: OAuth2Options\n  /** Type of the document the schemes belong to, used to label the missing-type warning */\n  documentType?: 'openapi' | 'asyncapi'\n}>()\n\nconst emits = defineEmits<{\n  (\n    e: 'update:selectedScopes',\n    payload: Omit<ApiReferenceEvents['auth:update:selected-scopes'], 'meta'>,\n  ): void\n  (e: 'upsert:scope', payload: ApiReferenceEvents['auth:upsert:scopes']): void\n  (e: 'delete:scope', payload: ApiReferenceEvents['auth:delete:scopes']): void\n}>()\n\nconst { translate } = useLocalization()\n\ntype SecurityItem = {\n  scheme: SecuritySchemeObjectSecret | undefined\n  name: string\n  scopes: string[]\n  /** Ordered, non-hidden oauth2/openIdConnect flow keys for this scheme (empty for other types). */\n  visibleFlowKeys: (keyof OAuthFlowsObjectSecret)[]\n}\n\n/**\n * Human-readable name of the document type.\n * Used in the missing-type warning so it points at the correct document\n * (e.g. \"AsyncAPI\") instead of always naming OpenAPI.\n */\nconst documentTypeLabel = computed<string>(() =>\n  getDocumentTypeLabel(documentType),\n)\n\n/**\n * Resolves security schemes from the OpenAPI document and combines them with their selected scopes.\n * Each item includes the scheme definition, name, and associated scopes.\n */\nconst security = computed<SecurityItem[]>(() =>\n  Object.entries(selectedSecuritySchemas).map(([name, scopes = []]) => {\n    const scheme = getResolvedRef(securitySchemes[name])\n    return {\n      scheme,\n      name,\n      scopes,\n      // Compute the visible, ordered flow keys once per scheme so the tabs, the label, and the\n      // active-flow tracking all agree on the same set (and we do not filter + sort on every access).\n      visibleFlowKeys:\n        scheme?.type === 'oauth2' || scheme?.type === 'openIdConnect'\n          ? getVisibleOrderedFlowKeys(scheme.flows)\n          : [],\n    }\n  }),\n)\n\n/** Tracks which OAuth2 flow is currently active when multiple flows are available. */\nconst activeFlow = ref<string>('')\n\n/**\n * Keeps the selected flow in sync with the currently visible flow keys. Validating against the\n * visible set (not every declared flow) means a selection that becomes hidden — e.g. the document\n * is updated to mark the active flow with `x-scalar-ignore` — resets, so the default (first visible)\n * flow activates instead of leaving no tab selected.\n */\nconst selectedFlow = computed<string>(() => {\n  const visibleFlowKeys = security.value.flatMap((item) => item.visibleFlowKeys)\n\n  return visibleFlowKeys.some((key) => key === activeFlow.value)\n    ? activeFlow.value\n    : ''\n})\n\nconst setActiveFlow = (flow: string): void => {\n  activeFlow.value = flow\n}\n\n/** Determines if multiple auth schemes are configured, which affects the UI layout. */\nconst hasMultipleSchemes = computed<boolean>(() => security.value.length > 1)\n\n/**\n * Generates a human-readable label for the security scheme.\n * Intentionally omits the description here — it is rendered separately as\n * rich text via ScalarMarkdownSummary so markdown formatting is preserved.\n */\nconst generateLabel = (\n  name: string,\n  scheme: SecuritySchemeObjectSecret,\n): string => {\n  const capitalizedName = capitalize(name)\n\n  switch (scheme.type) {\n    case 'apiKey':\n      return `${capitalizedName}: ${scheme.in}`\n\n    case 'openIdConnect':\n    case 'oauth2': {\n      const firstFlow = getVisibleOrderedFlowKeys(scheme.flows)[0]\n      const currentFlow = selectedFlow.value || firstFlow\n      if (!currentFlow) {\n        return capitalizedName\n      }\n      return `${capitalizedName}: ${currentFlow}`\n    }\n\n    case 'http':\n      return `${capitalizedName}: ${scheme.scheme}`\n\n    default:\n      return capitalizedName\n  }\n}\n\n/**\n * Whether an API key scheme exposes an editable parameter name.\n *\n * OpenAPI `apiKey` and AsyncAPI `httpApiKey` (normalized to `apiKey`) name a query/header/cookie\n * parameter, so the Name input is shown. AsyncAPI `apiKey` places the key in the broker `user` or\n * `password` slot and has no parameter name, so the Name input is hidden and only the value is asked for.\n */\nconst apiKeyHasName = (scheme: { in?: string }): boolean =>\n  scheme.in !== 'user' && scheme.in !== 'password'\n\n/**\n * The scheme's type when it is one we do not render inputs for (a type outside both the OpenAPI\n * and AsyncAPI security scheme unions). Read through a helper so the fallback template branch,\n * where the scheme type is narrowed to `never` after the supported cases, can still surface the type.\n */\nconst getUnsupportedSchemeType = (\n  scheme: SecurityItem['scheme'],\n): string | undefined => scheme?.type\n\n/**\n * Determines if an OAuth2 flow tab should be active.\n * The first flow is active by default if no flow is explicitly selected.\n */\nconst isFlowActive = (flowKey: string, index: number): boolean =>\n  selectedFlow.value === flowKey || (index === 0 && !selectedFlow.value)\n\n/** Computes the container class for static display mode. */\nconst getStaticBorderClass = (): string | false => isStatic && 'border-t'\n\nconst handleHttpSecretsUpdate = (\n  payload: Omit<Partial<SecretsHttp>, 'type'>,\n  name: string,\n): void =>\n  eventBus.emit('auth:update:security-scheme-secrets', {\n    payload: { type: 'http', ...payload },\n    name,\n  })\n\nconst handleApiKeySecretsUpdate = (\n  payload: Omit<Partial<SecretsApiKey>, 'type'>,\n  name: string,\n): void =>\n  eventBus.emit('auth:update:security-scheme-secrets', {\n    payload: { type: 'apiKey', ...payload },\n    name,\n  })\n\nconst handleApiKeySecuritySchemeUpdate = (\n  payload: Omit<Partial<ApiKeyObject>, 'type'>,\n  name: string,\n): void =>\n  eventBus.emit('auth:update:security-scheme', {\n    payload: { type: 'apiKey', ...payload },\n    name,\n  })\n\n/** Handles scope selection updates for OAuth2 */\nconst handleScopesUpdate = (\n  name: string,\n  event: { scopes?: string[]; scope?: string; selected?: boolean },\n): void => {\n  emits('update:selectedScopes', {\n    id: Object.keys(selectedSecuritySchemas),\n    name,\n    ...event,\n  })\n}\n\n/** Handles scope-definition upserts (add / rename / description change) */\nconst handleScopeUpsert = (\n  name: string,\n  event: Omit<ApiReferenceEvents['auth:upsert:scopes'], 'name'>,\n): void => {\n  emits('upsert:scope', { ...event, name })\n}\n\n/** Handles scope-definition deletes */\nconst handleScopeDelete = (\n  name: string,\n  event: Omit<ApiReferenceEvents['auth:delete:scopes'], 'name'>,\n): void => {\n  emits('delete:scope', { ...event, name })\n}\n\n/**\n * Computes dynamic classes for OAuth2 flow tabs based on active state.\n */\nconst getFlowTabClasses = (flowKey: string, index: number): string => {\n  const baseClasses =\n    'floating-bg text-c-3 relative cursor-pointer border-b border-transparent py-1 text-base font-medium'\n  const activeClasses = '!text-c-1 !rounded-none border-b !border-current'\n\n  return isFlowActive(flowKey, index)\n    ? `${baseClasses} ${activeClasses} ${isStatic ? 'opacity-100' : ''}`\n    : baseClasses\n}\n\n/**\n * OAuth2 token-acquisition target (an oauth2 scheme with an interactive grant) sourced from\n * the merged schemes. When the active scheme is HTTP bearer, this powers the inline\n * \"Authorize via OAuth2\" shortcut: the flow's bearer token is written onto the bearer scheme,\n * so the panel never switches to oauth2.\n *\n * The shortcut is purely a convenience, so it is offered for any interactive oauth2 scheme —\n * including one that is also independently selectable in the dropdown (e.g. Scalar Galaxy's\n * `oAuth2`). Whether that oauth2 scheme is *hidden* from the dropdown is a separate decision made\n * in the selector; here we only surface the shortcut.\n */\nconst oauth2Target = computed(() => getOauth2AcquisitionTarget(securitySchemes))\n\n/** Resolved oauth2 scheme object, for embedding its config form behind the gear. */\nconst oauth2Scheme = computed(() =>\n  oauth2Target.value\n    ? getResolvedRef(securitySchemes[oauth2Target.value.name])\n    : undefined,\n)\n\nconst acquisitionLoader = useLoadingState()\nconst { toast } = useToasts()\nconst configModal = useModal()\n/** Bearer scheme that opened the config modal, so its Authorize callback targets it. */\nconst configBearerName = ref<string | undefined>()\n\n/** Runs the OAuth2 flow and writes the resulting bearer token onto the bearer scheme. */\nconst handleAcquisitionAuthorize = async (\n  bearerName: string,\n): Promise<void> => {\n  const target = oauth2Target.value\n  if (!target || acquisitionLoader.isLoading) {\n    return\n  }\n  acquisitionLoader.start()\n  const [error] = await runOAuth2Authorize({\n    eventBus,\n    bearerSchemeName: bearerName,\n    oauth2Name: target.name,\n    flows: target.flows,\n    flowType: target.flowType,\n    scopes: target.scopes,\n    server,\n    proxyUrl,\n    environment,\n    options,\n  })\n  await acquisitionLoader.clear()\n  if (error) {\n    toast(\n      error?.message ?? translate('apiClient.requestAuthTab.failedToauthorize'),\n      'error',\n    )\n  }\n}\n\n/** Refreshes the OAuth2 token and rewrites it onto the bearer scheme. */\nconst handleAcquisitionRefresh = async (bearerName: string): Promise<void> => {\n  const target = oauth2Target.value\n  // Only the authorization-code flow carries a refresh token; implicit can't be refreshed.\n  if (target?.flowType !== 'authorizationCode' || acquisitionLoader.isLoading) {\n    return\n  }\n  acquisitionLoader.start()\n  const [error, tokens] = await refreshOauth2Token(\n    target.flows,\n    target.flowType,\n    proxyUrl,\n    server,\n    getEnvironmentVariables(environment),\n    options?.customFetch,\n  )\n  await acquisitionLoader.clear()\n  if (tokens?.accessToken) {\n    storeOAuth2Tokens(eventBus, {\n      bearerSchemeName: bearerName,\n      oauth2Name: target.name,\n      flowType: target.flowType,\n      tokens,\n    })\n  } else if (error) {\n    toast(\n      error?.message ?? translate('apiClient.requestAuthTab.failedToRefresh'),\n      'error',\n    )\n  }\n}\n\nconst openAcquisitionConfig = (bearerName: string): void => {\n  configBearerName.value = bearerName\n  configModal.show()\n}\n\n/** Closes the config modal and runs Authorize against the bearer scheme that opened it. */\nconst handleConfigAuthorize = (): void => {\n  const bearerName = configBearerName.value\n  configModal.hide()\n  if (bearerName) {\n    void handleAcquisitionAuthorize(bearerName)\n  }\n}\n</script>\n<template>\n  <template\n    v-for=\"{ scheme, name, scopes, visibleFlowKeys } in security\"\n    :key=\"name\">\n    <!--\n      Header row for AND'ed schemes: label (bold) and description (rich text) are\n      combined.\n    -->\n    <DataTableRow v-if=\"hasMultipleSchemes && scheme\">\n      <DataTableCell\n        :aria-label=\"generateLabel(name, scheme)\"\n        class=\"max-h-[auto]\">\n        <div class=\"bg-b-1 min-w-0 flex-1 px-3 py-1.25\">\n          <p class=\"text-c-1 leading-5.5 font-medium\">\n            {{ generateLabel(name, scheme) }}\n          </p>\n          <ScalarMarkdownSummary\n            v-if=\"scheme.description\"\n            class=\"auth-description text-c-2 w-full\"\n            :value=\"scheme.description\" />\n        </div>\n      </DataTableCell>\n    </DataTableRow>\n\n    <!-- Description: shown for single auth schemes with descriptions -->\n    <DataTableRow v-if=\"scheme?.description && !hasMultipleSchemes\">\n      <DataTableCell\n        :aria-label=\"scheme.description\"\n        class=\"max-h-[auto]\">\n        <ScalarMarkdownSummary\n          class=\"auth-description bg-b-1 text-c-2 min-w-0 flex-1 px-3 py-1.25\"\n          :value=\"scheme.description\" />\n      </DataTableCell>\n    </DataTableRow>\n\n    <!-- HTTP Authentication -->\n    <template v-if=\"scheme?.type === 'http'\">\n      <!-- Bearer Token -->\n      <DataTableRow v-if=\"scheme.scheme === 'bearer'\">\n        <RequestAuthDataTableInput\n          :canReset=\"\n            canResetSecretField(\n              scheme,\n              'x-scalar-secret-token',\n              scheme['x-scalar-secret-token'],\n            )\n          \"\n          :containerClass=\"getStaticBorderClass()\"\n          :environment\n          :modelValue=\"scheme['x-scalar-secret-token']\"\n          :placeholder=\"translate('apiClient.requestAuthTab.token')\"\n          type=\"password\"\n          @reset=\"\n            eventBus.emit('auth:reset:security-scheme-secret', {\n              name,\n              field: 'x-scalar-secret-token',\n            })\n          \"\n          @update:modelValue=\"\n            (v) => handleHttpSecretsUpdate({ 'x-scalar-secret-token': v }, name)\n          \">\n          {{ translate('apiClient.requestAuthTab.bearerToken') }}\n        </RequestAuthDataTableInput>\n      </DataTableRow>\n\n      <!-- OAuth2 token-acquisition shortcut (shown when an interactive oauth2 flow exists) -->\n      <DataTableRow v-if=\"scheme.scheme === 'bearer' && oauth2Target\">\n        <!--\n          Authorize stays rightmost so it never moves: Refresh only appears once there is a token,\n          and it slots in between the gear and Authorize instead of pushing Authorize aside.\n        -->\n        <div class=\"flex h-8 items-center gap-2 border-t pr-1 pl-3 text-base\">\n          <span class=\"text-c-1 mr-auto\">{{\n            translate('apiClient.requestAuthTab.getAToken')\n          }}</span>\n          <ScalarIconButton\n            class=\"h-6 w-6 p-1.25\"\n            :icon=\"ScalarIconGear\"\n            :label=\"\n              translate('apiClient.requestAuthTab.configure', {\n                name: oauth2Target.name,\n              })\n            \"\n            @click=\"openAcquisitionConfig(name)\" />\n          <ScalarButton\n            v-if=\"\n              scheme['x-scalar-secret-token'] &&\n              oauth2Target.flowType === 'authorizationCode'\n            \"\n            class=\"px-3 py-1\"\n            :disabled=\"acquisitionLoader.isLoading\"\n            size=\"sm\"\n            type=\"button\"\n            variant=\"outlined\"\n            @click=\"handleAcquisitionRefresh(name)\">\n            {{ translate('apiClient.requestAuthTab.refresh') }}\n          </ScalarButton>\n          <ScalarButton\n            class=\"text-c-1 px-3 py-1\"\n            :loader=\"acquisitionLoader\"\n            size=\"sm\"\n            type=\"button\"\n            variant=\"gradient\"\n            @click=\"handleAcquisitionAuthorize(name)\">\n            {{\n              translate('apiClient.requestAuthTab.authorizeVia', {\n                name: oauth2Target.name,\n              })\n            }}\n          </ScalarButton>\n        </div>\n      </DataTableRow>\n\n      <!-- HTTP Basic Authentication -->\n      <template v-else-if=\"scheme?.scheme === 'basic'\">\n        <DataTableRow>\n          <RequestAuthDataTableInput\n            :canReset=\"\n              canResetSecretField(\n                scheme,\n                'x-scalar-secret-username',\n                scheme['x-scalar-secret-username'],\n              )\n            \"\n            class=\"text-c-2\"\n            :environment\n            :modelValue=\"scheme['x-scalar-secret-username']\"\n            placeholder=\"janedoe\"\n            required\n            @reset=\"\n              eventBus.emit('auth:reset:security-scheme-secret', {\n                name,\n                field: 'x-scalar-secret-username',\n              })\n            \"\n            @update:modelValue=\"\n              (v) =>\n                handleHttpSecretsUpdate({ 'x-scalar-secret-username': v }, name)\n            \">\n            {{ translate('apiClient.requestAuthTab.username') }}\n          </RequestAuthDataTableInput>\n        </DataTableRow>\n        <DataTableRow>\n          <RequestAuthDataTableInput\n            :canReset=\"\n              canResetSecretField(\n                scheme,\n                'x-scalar-secret-password',\n                scheme['x-scalar-secret-password'],\n              )\n            \"\n            :environment\n            :modelValue=\"scheme['x-scalar-secret-password']\"\n            placeholder=\"********\"\n            type=\"password\"\n            @reset=\"\n              eventBus.emit('auth:reset:security-scheme-secret', {\n                name,\n                field: 'x-scalar-secret-password',\n              })\n            \"\n            @update:modelValue=\"\n              (v) =>\n                handleHttpSecretsUpdate({ 'x-scalar-secret-password': v }, name)\n            \">\n            {{ translate('apiClient.requestAuthTab.password') }}\n          </RequestAuthDataTableInput>\n        </DataTableRow>\n      </template>\n    </template>\n\n    <!-- API Key Authentication -->\n    <template v-else-if=\"scheme?.type === 'apiKey'\">\n      <DataTableRow v-if=\"apiKeyHasName(scheme)\">\n        <RequestAuthDataTableInput\n          :containerClass=\"getStaticBorderClass()\"\n          :environment\n          :modelValue=\"scheme.name ?? ''\"\n          placeholder=\"api-key\"\n          @update:modelValue=\"\n            (v) => handleApiKeySecuritySchemeUpdate({ name: v }, name)\n          \">\n          {{ translate('apiClient.requestAuthTab.name') }}\n        </RequestAuthDataTableInput>\n      </DataTableRow>\n      <DataTableRow>\n        <RequestAuthDataTableInput\n          :canReset=\"\n            canResetSecretField(\n              scheme,\n              'x-scalar-secret-token',\n              scheme['x-scalar-secret-token'],\n            )\n          \"\n          :containerClass=\"\n            apiKeyHasName(scheme) ? undefined : getStaticBorderClass()\n          \"\n          :environment\n          :modelValue=\"scheme['x-scalar-secret-token']\"\n          placeholder=\"QUxMIFlPVVIgQkFTRSBBUkUgQkVMT05HIFRPIFVT\"\n          type=\"password\"\n          @reset=\"\n            eventBus.emit('auth:reset:security-scheme-secret', {\n              name,\n              field: 'x-scalar-secret-token',\n            })\n          \"\n          @update:modelValue=\"\n            (v) =>\n              handleApiKeySecretsUpdate({ 'x-scalar-secret-token': v }, name)\n          \">\n          {{ translate('apiClient.requestAuthTab.value') }}\n        </RequestAuthDataTableInput>\n      </DataTableRow>\n    </template>\n\n    <!-- OAuth 2.0  / OpenID Connect Authentication -->\n    <template\n      v-else-if=\"scheme?.type === 'oauth2' || scheme?.type === 'openIdConnect'\">\n      <OAuth2Metadata\n        v-if=\"\n          scheme.type === 'oauth2' && (!isStatic || scheme.oauth2MetadataUrl)\n        \"\n        :customFetch=\"options?.customFetch\"\n        :environment\n        :eventBus\n        :name\n        :proxyUrl\n        :scheme />\n\n      <!-- OpenID Connect -->\n      <OpenIDConnect\n        v-if=\"scheme?.type === 'openIdConnect' && !visibleFlowKeys.length\"\n        :customFetch=\"options?.customFetch\"\n        :environment\n        :eventBus\n        :getStaticBorderClass\n        :name\n        :proxyUrl\n        :scheme />\n\n      <!-- Flow selector tabs: shown when multiple visible flows are available -->\n      <DataTableRow v-if=\"visibleFlowKeys.length > 1\">\n        <div class=\"flex min-h-8 border-t text-base\">\n          <div class=\"flex h-8 max-w-full gap-2.5 overflow-x-auto px-3\">\n            <button\n              v-for=\"(key, ind) in visibleFlowKeys\"\n              :key=\"key\"\n              :class=\"getFlowTabClasses(key, ind)\"\n              type=\"button\"\n              @click=\"setActiveFlow(key)\">\n              <span class=\"relative z-10\">{{ key }}</span>\n            </button>\n          </div>\n        </div>\n      </DataTableRow>\n\n      <!-- OAuth2 flow configuration -->\n      <template\n        v-for=\"(key, ind) in visibleFlowKeys\"\n        :key=\"key\">\n        <OAuth2\n          v-if=\"scheme.flows && isFlowActive(key, ind)\"\n          :environment\n          :eventBus\n          :flows=\"scheme.flows\"\n          :name\n          :options\n          :proxyUrl\n          :scheme\n          :selectedScopes=\"scopes\"\n          :server\n          :type=\"key\"\n          @delete:scope=\"(event) => handleScopeDelete(name, event)\"\n          @update:selectedScopes=\"(event) => handleScopesUpdate(name, event)\"\n          @upsert:scope=\"(event) => handleScopeUpsert(name, event)\" />\n      </template>\n    </template>\n\n    <!-- Browser WebSocket connections cannot apply these broker credentials. -->\n    <div\n      v-else-if=\"\n        scheme?.type === 'userPassword' ||\n        scheme?.type === 'plain' ||\n        scheme?.type === 'scramSha256' ||\n        scheme?.type === 'scramSha512' ||\n        scheme?.type === 'X509' ||\n        scheme?.type === 'symmetricEncryption' ||\n        scheme?.type === 'asymmetricEncryption' ||\n        scheme?.type === 'gssapi'\n      \"\n      class=\"text-c-3 flex items-center justify-center border-t p-4 px-4 text-center text-xs text-balance\">\n      {{ translate('apiClient.requestAuthTab.unsupportedCredentials') }}\n    </div>\n\n    <!-- Mutual TLS credentials are chosen during the browser-managed TLS handshake. -->\n    <div\n      v-else-if=\"scheme?.type === 'mutualTLS'\"\n      class=\"text-c-3 flex items-center justify-center border-t p-4 px-4 text-center text-xs text-balance\">\n      {{ translate('apiClient.requestAuthTab.mutualTlsHint') }}\n    </div>\n\n    <!-- Scheme has a type we do not render inputs for -->\n    <div\n      v-else-if=\"getUnsupportedSchemeType(scheme)\"\n      class=\"text-c-3 flex items-center justify-center border-t p-4 px-4 text-center text-xs text-balance\">\n      {{\n        translate('apiClient.requestAuthTab.unsupportedType', {\n          type: getUnsupportedSchemeType(scheme) ?? '',\n        })\n      }}\n    </div>\n\n    <!-- Scheme is missing type -->\n    <div\n      v-else\n      class=\"text-c-3 flex items-center justify-center border-t p-4 px-4 text-center text-xs text-balance\">\n      {{\n        translate('apiClient.requestAuthTab.missingType', {\n          type: documentTypeLabel,\n        })\n      }}\n    </div>\n  </template>\n\n  <!-- OAuth2 configuration modal (opened from the bearer scheme's gear) -->\n  <ScalarModal\n    v-if=\"oauth2Target && oauth2Scheme\"\n    size=\"sm\"\n    :state=\"configModal\"\n    :title=\"\n      translate('apiClient.requestAuthTab.configure', {\n        name: oauth2Target.name,\n      })\n    \">\n    <DataTable\n      :columns=\"['']\"\n      presentational>\n      <OAuth2\n        :environment\n        :eventBus\n        :flows=\"oauth2Target.flows\"\n        hideActions\n        :name=\"oauth2Target.name\"\n        :options\n        :proxyUrl\n        :scheme=\"oauth2Scheme\"\n        :selectedScopes=\"oauth2Target.scopes\"\n        :server\n        :type=\"oauth2Target.flowType\"\n        @delete:scope=\"(event) => handleScopeDelete(oauth2Target!.name, event)\"\n        @update:selectedScopes=\"\n          (event) => handleScopesUpdate(oauth2Target!.name, event)\n        \"\n        @upsert:scope=\"\n          (event) => handleScopeUpsert(oauth2Target!.name, event)\n        \" />\n    </DataTable>\n    <div class=\"flex h-8 items-center justify-end gap-2 border-t\">\n      <ScalarButton\n        class=\"p-0 px-2 py-0.5\"\n        size=\"sm\"\n        variant=\"outlined\"\n        @click=\"configModal.hide()\">\n        {{ translate('apiClient.requestAuthTab.cancel') }}\n      </ScalarButton>\n      <ScalarButton\n        class=\"p-0 px-2 py-0.5\"\n        :loader=\"acquisitionLoader\"\n        size=\"sm\"\n        @click=\"handleConfigAuthorize\">\n        {{ translate('apiClient.requestAuthTab.authorize') }}\n      </ScalarButton>\n    </div>\n  </ScalarModal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmFA,MAAM,QAAQ;EASd,MAAM,EAAE,cAAc,gBAAgB;EAetC,MAAM,oBAAoB,eACxB,qBAAqB,QAAA,YAAY,CACnC;;;;;EAMA,MAAM,WAAW,eACf,OAAO,QAAQ,QAAA,uBAAuB,CAAC,CAAC,KAAK,CAAC,MAAM,SAAS,CAAC,OAAO;GACnE,MAAM,SAAS,eAAe,QAAA,gBAAgB,KAAK;GACnD,OAAO;IACL;IACA;IACA;IAGA,iBACE,QAAQ,SAAS,YAAY,QAAQ,SAAS,kBAC1C,0BAA0B,OAAO,KAAK,IACtC,CAAC;GACT;EACF,CAAC,CACH;;EAGA,MAAM,aAAa,IAAY,EAAE;;;;;;;EAQjC,MAAM,eAAe,eAAuB;GAG1C,OAFwB,SAAS,MAAM,SAAS,SAAS,KAAK,eAEvD,CAAA,CAAgB,MAAM,QAAQ,QAAQ,WAAW,KAAK,IACzD,WAAW,QACX;EACN,CAAC;EAED,MAAM,iBAAiB,SAAuB;GAC5C,WAAW,QAAQ;EACrB;;EAGA,MAAM,qBAAqB,eAAwB,SAAS,MAAM,SAAS,CAAC;;;;;;EAO5E,MAAM,iBACJ,MACA,WACW;GACX,MAAM,kBAAkB,WAAW,IAAI;GAEvC,QAAQ,OAAO,MAAf;IACE,KAAK,UACH,OAAO,GAAG,gBAAgB,IAAI,OAAO;IAEvC,KAAK;IACL,KAAK,UAAU;KACb,MAAM,YAAY,0BAA0B,OAAO,KAAK,CAAC,CAAC;KAC1D,MAAM,cAAc,aAAa,SAAS;KAC1C,IAAI,CAAC,aACH,OAAO;KAET,OAAO,GAAG,gBAAgB,IAAI;IAChC;IAEA,KAAK,QACH,OAAO,GAAG,gBAAgB,IAAI,OAAO;IAEvC,SACE,OAAO;GACX;EACF;;;;;;;;EASA,MAAM,iBAAiB,WACrB,OAAO,OAAO,UAAU,OAAO,OAAO;;;;;;EAOxC,MAAM,4BACJ,WACuB,QAAQ;;;;;EAMjC,MAAM,gBAAgB,SAAiB,UACrC,aAAa,UAAU,WAAY,UAAU,KAAK,CAAC,aAAa;;EAGlE,MAAM,6BAA6C,QAAA,YAAY;EAE/D,MAAM,2BACJ,SACA,SAEA,QAAA,SAAS,KAAK,uCAAuC;GACnD,SAAS;IAAE,MAAM;IAAQ,GAAG;GAAQ;GACpC;EACF,CAAC;EAEH,MAAM,6BACJ,SACA,SAEA,QAAA,SAAS,KAAK,uCAAuC;GACnD,SAAS;IAAE,MAAM;IAAU,GAAG;GAAQ;GACtC;EACF,CAAC;EAEH,MAAM,oCACJ,SACA,SAEA,QAAA,SAAS,KAAK,+BAA+B;GAC3C,SAAS;IAAE,MAAM;IAAU,GAAG;GAAQ;GACtC;EACF,CAAC;;EAGH,MAAM,sBACJ,MACA,UACS;GACT,MAAM,yBAAyB;IAC7B,IAAI,OAAO,KAAK,QAAA,uBAAuB;IACvC;IACA,GAAG;GACL,CAAC;EACH;;EAGA,MAAM,qBACJ,MACA,UACS;GACT,MAAM,gBAAgB;IAAE,GAAG;IAAO;GAAK,CAAC;EAC1C;;EAGA,MAAM,qBACJ,MACA,UACS;GACT,MAAM,gBAAgB;IAAE,GAAG;IAAO;GAAK,CAAC;EAC1C;;;;EAKA,MAAM,qBAAqB,SAAiB,UAA0B;GACpE,MAAM,cACJ;GAGF,OAAO,aAAa,SAAS,KAAK,IAC9B,GAAG,YAAY,oDAAoB,QAAA,WAAW,gBAAgB,OAC9D;EACN;;;;;;;;;;;;EAaA,MAAM,eAAe,eAAe,2BAA2B,QAAA,eAAe,CAAC;;EAG/E,MAAM,eAAe,eACnB,aAAa,QACT,eAAe,QAAA,gBAAgB,aAAa,MAAM,KAAK,IACvD,KAAA,CACN;EAEA,MAAM,oBAAoB,gBAAgB;EAC1C,MAAM,EAAE,UAAU,UAAU;EAC5B,MAAM,cAAc,SAAS;;EAE7B,MAAM,mBAAmB,IAAwB;;EAGjD,MAAM,6BAA6B,OACjC,eACkB;GAClB,MAAM,SAAS,aAAa;GAC5B,IAAI,CAAC,UAAU,kBAAkB,WAC/B;GAEF,kBAAkB,MAAM;GACxB,MAAM,CAAC,SAAS,MAAM,mBAAmB;IACvC,UAAO,QAAA;IACP,kBAAkB;IAClB,YAAY,OAAO;IACnB,OAAO,OAAO;IACd,UAAU,OAAO;IACjB,QAAQ,OAAO;IACf,QAAK,QAAA;IACL,UAAO,QAAA;IACP,aAAU,QAAA;IACV,SAAM,QAAA;GACR,CAAC;GACD,MAAM,kBAAkB,MAAM;GAC9B,IAAI,OACF,MACE,OAAO,WAAW,UAAU,4CAA4C,GACxE,OACF;EAEJ;;EAGA,MAAM,2BAA2B,OAAO,eAAsC;GAC5E,MAAM,SAAS,aAAa;GAE5B,IAAI,QAAQ,aAAa,uBAAuB,kBAAkB,WAChE;GAEF,kBAAkB,MAAM;GACxB,MAAM,CAAC,OAAO,UAAU,MAAM,mBAC5B,OAAO,OACP,OAAO,UACP,QAAA,UACA,QAAA,QACA,wBAAwB,QAAA,WAAW,GACnC,QAAA,SAAS,WACX;GACA,MAAM,kBAAkB,MAAM;GAC9B,IAAI,QAAQ,aACV,kBAAkB,QAAA,UAAU;IAC1B,kBAAkB;IAClB,YAAY,OAAO;IACnB,UAAU,OAAO;IACjB;GACF,CAAC;QACI,IAAI,OACT,MACE,OAAO,WAAW,UAAU,0CAA0C,GACtE,OACF;EAEJ;EAEA,MAAM,yBAAyB,eAA6B;GAC1D,iBAAiB,QAAQ;GACzB,YAAY,KAAK;EACnB;;EAGA,MAAM,8BAAoC;GACxC,MAAM,aAAa,iBAAiB;GACpC,YAAY,KAAK;GACjB,IAAI,YACF,2BAAgC,UAAU;EAE9C;;6EAGE,mBAkUW,UAAA,MAAA,WAjU2C,SAAA,QAAQ,EAAnD,QAAQ,MAAM,QAAQ,sBAAe;4DACxC,KAAI,GAAA;KAKU,mBAAA,SAAsB,UAAA,UAAA,GAA1C,YAce,MAAA,oBAAA,GAAA,EAAA,KAAA,EAAA,GAAA;6BADG,CAZhB,YAYgB,MAAA,qBAAA,GAAA;OAXb,cAAY,cAAc,MAAM,MAAM;OACvC,OAAM;;8BASA,CARN,mBAQM,OARN,YAQM,CAPJ,mBAEI,KAFJ,YAEI,gBADC,cAAc,MAAM,MAAM,CAAA,GAAA,CAAA,GAGvB,OAAO,eAAA,UAAA,GADf,YAGgC,MAAA,qBAAA,GAAA;;QAD9B,OAAM;QACL,OAAO,OAAO;;;;;;KAMH,QAAQ,eAAW,CAAK,mBAAA,SAAA,UAAA,GAA5C,YAQe,MAAA,oBAAA,GAAA,EAAA,KAAA,EAAA,GAAA;6BADG,CANhB,YAMgB,MAAA,qBAAA,GAAA;OALb,cAAY,OAAO;OACpB,OAAM;;8BAG0B,CAFhC,YAEgC,MAAA,qBAAA,GAAA;QAD9B,OAAM;QACL,OAAO,OAAO;;;;;;KAKL,QAAQ,SAAI,UAAA,UAAA,GAA5B,mBAqIW,UAAA,EAAA,KAAA,EAAA,GAAA,CAnIW,OAAO,WAAM,YAAA,UAAA,GAAjC,YAyBe,MAAA,oBAAA,GAAA,EAAA,KAAA,EAAA,GAAA;6BADe,CAvB5B,YAuB4B,mCAAA;OAtBzB,UAAuB,MAAA,mBAAA,CAAmB,CAAgB,QAAA,yBAA6D,OAAM,wBAAA;OAO7H,gBAAgB,qBAAoB;OACpC,aAAA,QAAA;OACA,YAAY,OAAM;OAClB,aAAa,MAAA,SAAA,CAAS,CAAA,gCAAA;OACvB,MAAK;OACJ,UAAK,WAAe,QAAA,SAAS,KAAI,qCAAA;QAAsD;;;OAMvF,wBAAiC,MAAM,wBAAuB,EAAA,yBAA4B,EAAC,GAAI,IAAI;;8BAG7C,CAAA,gBAAA,gBAApD,MAAA,SAAA,CAAS,CAAA,sCAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;+CAKI,OAAO,WAAM,YAAiB,aAAA,SAAA,UAAA,GAAlD,YA6Ce,MAAA,oBAAA,GAAA,EAAA,KAAA,EAAA,GAAA;6BADP,CAvCN,mBAuCM,OAvCN,YAuCM;OAtCJ,mBAES,QAFT,YAES,gBADP,MAAA,SAAA,CAAS,CAAA,oCAAA,CAAA,GAAA,CAAA;OAEX,YAQyC,MAAA,gBAAA,GAAA;QAPvC,OAAM;QACL,MAAM,MAAA,cAAA;QACN,OAAsB,MAAA,SAAA,CAAS,CAAA,sCAAA,EAAA,MAA+D,aAAA,MAAa,KAAA,CAAA;QAK3G,UAAK,WAAE,sBAAsB,IAAI;;;;;;OAEb,OAAM,4BAA2C,aAAA,MAAa,aAAQ,uBAAA,UAAA,GAD7F,YAYe,MAAA,YAAA,GAAA;;QAPb,OAAM;QACL,UAAU,MAAA,iBAAA,CAAiB,CAAC;QAC7B,MAAK;QACL,MAAK;QACL,SAAQ;QACP,UAAK,WAAE,yBAAyB,IAAI;;+BACc,CAAA,gBAAA,gBAAhD,MAAA,SAAA,CAAS,CAAA,kCAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;OAEd,YAYe,MAAA,YAAA,GAAA;QAXb,OAAM;QACL,QAAQ,MAAA,iBAAA;QACT,MAAK;QACL,MAAK;QACL,SAAQ;QACP,UAAK,WAAE,2BAA2B,IAAI;;+BAKrC,CAAA,gBAAA,gBAHA,MAAA,SAAA,CAAS,CAAA,yCAAA,EAAA,MAAkE,aAAA,MAAa,KAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;;iBAS3E,QAAQ,WAAM,WAAA,UAAA,GAAnC,mBAsDW,UAAA,EAAA,KAAA,EAAA,GAAA,CArDT,YA0Be,MAAA,oBAAA,GAAA,MAAA;6BADe,CAxB5B,YAwB4B,mCAAA;OAvBzB,UAAyB,MAAA,mBAAA,CAAmB,CAAkB,QAAA,4BAAoE,OAAM,2BAAA;OAOzI,OAAM;OACL,aAAA,QAAA;OACA,YAAY,OAAM;OACnB,aAAY;OACZ,UAAA;OACC,UAAK,WAAiB,QAAA,SAAS,KAAI,qCAAA;QAAwD;;;OAM3F,wBAAmC,MAAsB,wBAAuB,EAAA,4BAA+B,EAAC,GAAI,IAAI;;8BAIrE,CAAA,gBAAA,gBAAjD,MAAA,SAAA,CAAS,CAAA,mCAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;;;;;;;eAGhB,YAyBe,MAAA,oBAAA,GAAA,MAAA;6BADe,CAvB5B,YAuB4B,mCAAA;OAtBzB,UAAyB,MAAA,mBAAA,CAAmB,CAAkB,QAAA,4BAAoE,OAAM,2BAAA;OAOxI,aAAA,QAAA;OACA,YAAY,OAAM;OACnB,aAAY;OACZ,MAAK;OACJ,UAAK,WAAiB,QAAA,SAAS,KAAI,qCAAA;QAAwD;;;OAM3F,wBAAmC,MAAsB,wBAAuB,EAAA,4BAA+B,EAAC,GAAI,IAAI;;8BAIrE,CAAA,gBAAA,gBAAjD,MAAA,SAAA,CAAS,CAAA,mCAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;;;;;;;6DAOC,QAAQ,SAAI,YAAA,UAAA,GAAjC,mBA0CW,UAAA,EAAA,KAAA,EAAA,GAAA,CAzCW,cAAc,MAAM,KAAA,UAAA,GAAxC,YAWe,MAAA,oBAAA,GAAA,EAAA,KAAA,EAAA,GAAA;6BADe,CAT5B,YAS4B,mCAAA;OARzB,gBAAgB,qBAAoB;OACpC,aAAA,QAAA;OACA,YAAY,OAAO,QAAI;OACxB,aAAY;OACX,wBAAiC,MAAM,iCAAgC,EAAA,MAAS,EAAC,GAAI,IAAI;;8BAG1C,CAAA,gBAAA,gBAA7C,MAAA,SAAA,CAAS,CAAA,+BAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;;;;;;+CAGhB,YA4Be,MAAA,oBAAA,GAAA,MAAA;6BADe,CA1B5B,YA0B4B,mCAAA;OAzBzB,UAAuB,MAAA,mBAAA,CAAmB,CAAgB,QAAA,yBAA6D,OAAM,wBAAA;OAO7H,gBAA6B,cAAc,MAAM,IAAI,KAAA,IAAY,qBAAoB;OAGrF,aAAA,QAAA;OACA,YAAY,OAAM;OACnB,aAAY;OACZ,MAAK;OACJ,UAAK,WAAe,QAAA,SAAS,KAAI,qCAAA;QAAsD;;;OAMvF,wBAAiC,MAAoB,0BAAyB,EAAA,yBAA4B,EAAC,GAAI,IAAI;;8BAInE,CAAA,gBAAA,gBAA9C,MAAA,SAAA,CAAS,CAAA,gCAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;;;;;;;;uBAOL,QAAQ,SAAI,YAAiB,QAAQ,SAAI,mBAAA,UAAA,GADtD,mBA4DW,UAAA,EAAA,KAAA,EAAA,GAAA;MAzDU,OAAO,SAAI,aAAA,CAAmB,QAAA,YAAY,OAAO,sBAAA,UAAA,GADpE,YASY,wBAAA;;OALT,aAAa,QAAA,SAAS;OACtB,aAAA,QAAA;OACA,UAAA,QAAA;OACA;OACA,UAAA,QAAA;OACA;;;;;;;;;MAIK,QAAQ,SAAI,mBAAA,CAAyB,gBAAgB,UAAA,UAAA,GAD7D,YAQY,uBAAA;;OANT,aAAa,QAAA,SAAS;OACtB,aAAA,QAAA;OACA,UAAA,QAAA;OACA;OACA;OACA,UAAA,QAAA;OACA;;;;;;;;;MAGiB,gBAAgB,SAAM,KAAA,UAAA,GAA1C,YAae,MAAA,oBAAA,GAAA,EAAA,KAAA,EAAA,GAAA;8BADP,CAXN,mBAWM,OAXN,YAWM,CAVJ,mBASM,OATN,YASM,EAAA,UAAA,IAAA,GARJ,mBAOS,UAAA,MAAA,WANc,kBAAb,KAAK,QAAG;4BADlB,mBAOS,UAAA;SALD;SACL,OAAK,eAAE,kBAAkB,KAAK,GAAG,CAAA;SAClC,MAAK;SACJ,UAAK,WAAE,cAAc,GAAG;YACzB,mBAA4C,QAA5C,YAA4C,gBAAb,GAAG,GAAA,CAAA,CAAA,GAAA,IAAA,UAAA;;;;wBAO1C,mBAkBW,UAAA,MAAA,WAjBY,kBAAb,KAAK,QAAG;0DACV,IAAG,GAAA,CAED,OAAO,SAAS,aAAa,KAAK,GAAG,KAAA,UAAA,GAD7C,YAc8D,gBAAA;;QAZ3D,aAAA,QAAA;QACA,UAAA,QAAA;QACA,OAAO,OAAO;QACd;QACA,SAAA,QAAA;QACA,UAAA,QAAA;QACA;QACA,gBAAgB;QAChB,QAAA,QAAA;QACA,MAAM;QACN,mBAAe,UAAU,kBAAkB,MAAM,KAAK;QACtD,4BAAwB,UAAU,mBAAmB,MAAM,KAAK;QAChE,mBAAe,UAAU,kBAAkB,MAAM,KAAK;;;;;;;;;;;;;;;;;eAMvC,QAAQ,SAAI,kBAA+B,QAAQ,SAAI,WAAwB,QAAQ,SAAI,iBAA8B,QAAQ,SAAI,iBAA8B,QAAQ,SAAI,UAAuB,QAAQ,SAAI,yBAAsC,QAAQ,SAAI,0BAAuC,QAAQ,SAAI,YAAA,UAAA,GAD7U,mBAaM,OAbN,YAaM,gBADD,MAAA,SAAA,CAAS,CAAA,iDAAA,CAAA,GAAA,CAAA,KAKD,QAAQ,SAAI,eAAA,UAAA,GADzB,mBAIM,OAJN,aAIM,gBADD,MAAA,SAAA,CAAS,CAAA,wCAAA,CAAA,GAAA,CAAA,KAKD,yBAAyB,MAAM,KAAA,UAAA,GAD5C,mBAQM,OARN,aAQM,gBAJF,MAAA,SAAA,CAAS,CAAA,4CAAA,EAAA,MAA+D,yBAAyB,MAAM,KAAA,GAAA,CAAA,CAAA,GAAA,CAAA,MAAA,UAAA,GAO3G,mBAQM,OARN,aAQM,gBAJF,MAAA,SAAA,CAAS,CAAA,wCAAA,EAAA,MAA2D,kBAAA,MAAA,CAAA,CAAA,GAAA,CAAA;;cASlE,aAAA,SAAgB,aAAA,SAAA,UAAA,GADxB,YAgDc,MAAA,WAAA,GAAA;;IA9CZ,MAAK;IACJ,OAAO,MAAA,WAAA;IACP,OAAc,MAAA,SAAA,CAAS,CAAA,sCAAA,EAAA,MAAuD,aAAA,MAAa,KAAA,CAAA;;2BA2BhF,CAtBZ,YAsBY,MAAA,iBAAA,GAAA;KArBT,SAAS,CAAA,EAAA;KACV,gBAAA;;4BAmBM,CAlBN,YAkBM,gBAAA;MAjBH,aAAA,QAAA;MACA,UAAA,QAAA;MACA,OAAO,aAAA,MAAa;MACrB,aAAA;MACC,MAAM,aAAA,MAAa;MACnB,SAAA,QAAA;MACA,UAAA,QAAA;MACA,QAAQ,aAAA;MACR,gBAAgB,aAAA,MAAa;MAC7B,QAAA,QAAA;MACA,MAAM,aAAA,MAAa;MACnB,kBAAY,OAAA,OAAA,OAAA,MAAG,UAAU,kBAAkB,aAAA,MAAc,MAAM,KAAK;MACpE,2BAAqB,OAAA,OAAA,OAAA,MAAc,UAAU,mBAAmB,aAAA,MAAc,MAAM,KAAK;MAGzF,kBAAY,OAAA,OAAA,OAAA,MAAc,UAAU,kBAAkB,aAAA,MAAc,MAAM,KAAK;;;;;;;;;;;;;;QAIpF,mBAeM,OAfN,aAeM,CAdJ,YAMe,MAAA,YAAA,GAAA;KALb,OAAM;KACN,MAAK;KACL,SAAQ;KACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,WAAA,CAAW,CAAC,KAAI;;4BAC0B,CAAA,gBAAA,gBAA/C,MAAA,SAAA,CAAS,CAAA,iCAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;QAEd,YAMe,MAAA,YAAA,GAAA;KALb,OAAM;KACL,QAAQ,MAAA,iBAAA;KACT,MAAK;KACJ,SAAO;;4BAC6C,CAAA,gBAAA,gBAAlD,MAAA,SAAA,CAAS,CAAA,oCAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"RequestAuthTab.vue.script.js","names":[],"sources":["../../../../../src/v2/blocks/scalar-auth-selector-block/components/RequestAuthTab.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarIconButton } from '@scalar/components/icon-button'\nimport { useLoadingState } from '@scalar/components/loading'\nimport { ScalarMarkdownSummary } from '@scalar/components/markdown'\nimport { ScalarModal, useModal } from '@scalar/components/modal'\nimport { ScalarIconGear } from '@scalar/icons'\nimport { useToasts } from '@scalar/use-toasts'\nimport type {\n  SecretsApiKey,\n  SecretsHttp,\n} from '@scalar/workspace-store/entities/auth'\nimport type {\n  ApiReferenceEvents,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport { canResetSecretField } from '@scalar/workspace-store/helpers/auth-secret-fields'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport {\n  getEnvironmentVariables,\n  type MergedSecuritySchemes,\n  type OAuthFlowsObjectSecret,\n  type SecuritySchemeObjectSecret,\n} from '@scalar/workspace-store/request-example'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport { getDocumentTypeLabel } from '@scalar/workspace-store/schemas/type-guards'\nimport type {\n  ApiKeyObject,\n  SecurityRequirementObject,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport { capitalize, computed, ref } from 'vue'\n\nimport { refreshOauth2Token } from '@/v2/blocks/scalar-auth-selector-block/helpers/oauth'\nimport { getVisibleOrderedFlowKeys } from '@/v2/blocks/scalar-auth-selector-block/helpers/oauth-flows'\nimport {\n  runOAuth2Authorize,\n  storeOAuth2Tokens,\n} from '@/v2/blocks/scalar-auth-selector-block/helpers/run-oauth2-authorize'\nimport { getOauth2AcquisitionTarget } from '@/v2/blocks/scalar-auth-selector-block/helpers/security-scheme'\nimport {\n  DataTable,\n  DataTableCell,\n  DataTableRow,\n} from '@/v2/components/data-table'\nimport { useLocalization } from '@/v2/features/localization'\n\nimport OAuth2, { type OAuth2Options } from './OAuth2.vue'\nimport OAuth2Metadata from './OAuth2Metadata.vue'\nimport OpenIDConnect from './OpenIDConnect.vue'\nimport RequestAuthDataTableInput from './RequestAuthDataTableInput.vue'\n\nconst {\n  environment,\n  isStatic,\n  proxyUrl,\n  selectedSecuritySchemas,\n  securitySchemes,\n  server,\n  eventBus,\n  options,\n  documentType = 'openapi',\n} = defineProps<{\n  /** Current environment configuration */\n  environment: XScalarEnvironment\n  /** Controls the display of certain borders which are used when we are non-collapsible */\n  isStatic: boolean\n  /** Proxy URL */\n  proxyUrl: string\n  /** Selected security schemes*/\n  selectedSecuritySchemas: SecurityRequirementObject\n  /** Merged security schemes from the document and the config together with the auth store secrets */\n  securitySchemes: MergedSecuritySchemes\n  /** Current server configuration */\n  server: ServerObject | null\n  /** Event bus for authentication updates */\n  eventBus: WorkspaceEventBus\n  /**  Any config options required for the OAuth2 flow */\n  options?: OAuth2Options\n  /** Type of the document the schemes belong to, used to label the missing-type warning */\n  documentType?: 'openapi' | 'asyncapi'\n}>()\n\nconst emits = defineEmits<{\n  (\n    e: 'update:selectedScopes',\n    payload: Omit<ApiReferenceEvents['auth:update:selected-scopes'], 'meta'>,\n  ): void\n  (e: 'upsert:scope', payload: ApiReferenceEvents['auth:upsert:scopes']): void\n  (e: 'delete:scope', payload: ApiReferenceEvents['auth:delete:scopes']): void\n}>()\n\nconst { translate } = useLocalization()\n\ntype SecurityItem = {\n  scheme: SecuritySchemeObjectSecret | undefined\n  name: string\n  scopes: string[]\n  /** Ordered, non-hidden oauth2/openIdConnect flow keys for this scheme (empty for other types). */\n  visibleFlowKeys: (keyof OAuthFlowsObjectSecret)[]\n}\n\n/**\n * Human-readable name of the document type.\n * Used in the missing-type warning so it points at the correct document\n * (e.g. \"AsyncAPI\") instead of always naming OpenAPI.\n */\nconst documentTypeLabel = computed<string>(() =>\n  getDocumentTypeLabel(documentType),\n)\n\n/**\n * Resolves security schemes from the OpenAPI document and combines them with their selected scopes.\n * Each item includes the scheme definition, name, and associated scopes.\n */\nconst security = computed<SecurityItem[]>(() =>\n  Object.entries(selectedSecuritySchemas).map(([name, scopes = []]) => {\n    const scheme = getResolvedRef(securitySchemes[name])\n    return {\n      scheme,\n      name,\n      scopes,\n      // Compute the visible, ordered flow keys once per scheme so the tabs, the label, and the\n      // active-flow tracking all agree on the same set (and we do not filter + sort on every access).\n      visibleFlowKeys:\n        scheme?.type === 'oauth2' || scheme?.type === 'openIdConnect'\n          ? getVisibleOrderedFlowKeys(scheme.flows)\n          : [],\n    }\n  }),\n)\n\n/** Tracks which OAuth2 flow is currently active when multiple flows are available. */\nconst activeFlow = ref<string>('')\n\n/**\n * Keeps the selected flow in sync with the currently visible flow keys. Validating against the\n * visible set (not every declared flow) means a selection that becomes hidden — e.g. the document\n * is updated to mark the active flow with `x-scalar-ignore` — resets, so the default (first visible)\n * flow activates instead of leaving no tab selected.\n */\nconst selectedFlow = computed<string>(() => {\n  const visibleFlowKeys = security.value.flatMap((item) => item.visibleFlowKeys)\n\n  return visibleFlowKeys.some((key) => key === activeFlow.value)\n    ? activeFlow.value\n    : ''\n})\n\nconst setActiveFlow = (flow: string): void => {\n  activeFlow.value = flow\n}\n\n/** Determines if multiple auth schemes are configured, which affects the UI layout. */\nconst hasMultipleSchemes = computed<boolean>(() => security.value.length > 1)\n\n/**\n * Generates a human-readable label for the security scheme.\n * Intentionally omits the description here — it is rendered separately as\n * rich text via ScalarMarkdownSummary so markdown formatting is preserved.\n */\nconst generateLabel = (\n  name: string,\n  scheme: SecuritySchemeObjectSecret,\n): string => {\n  const capitalizedName = capitalize(name)\n\n  switch (scheme.type) {\n    case 'apiKey':\n      return `${capitalizedName}: ${scheme.in}`\n\n    case 'openIdConnect':\n    case 'oauth2': {\n      const firstFlow = getVisibleOrderedFlowKeys(scheme.flows)[0]\n      const currentFlow = selectedFlow.value || firstFlow\n      if (!currentFlow) {\n        return capitalizedName\n      }\n      return `${capitalizedName}: ${currentFlow}`\n    }\n\n    case 'http':\n      return `${capitalizedName}: ${scheme.scheme}`\n\n    default:\n      return capitalizedName\n  }\n}\n\n/**\n * Whether an API key scheme exposes an editable parameter name.\n *\n * OpenAPI `apiKey` and AsyncAPI `httpApiKey` (normalized to `apiKey`) name a query/header/cookie\n * parameter, so the Name input is shown. AsyncAPI `apiKey` places the key in the broker `user` or\n * `password` slot and has no parameter name, so the Name input is hidden and only the value is asked for.\n */\nconst apiKeyHasName = (scheme: { in?: string }): boolean =>\n  scheme.in !== 'user' && scheme.in !== 'password'\n\n/**\n * The scheme's type when it is one we do not render inputs for (a type outside both the OpenAPI\n * and AsyncAPI security scheme unions). Read through a helper so the fallback template branch,\n * where the scheme type is narrowed to `never` after the supported cases, can still surface the type.\n */\nconst getUnsupportedSchemeType = (\n  scheme: SecurityItem['scheme'],\n): string | undefined => scheme?.type\n\n/**\n * Determines if an OAuth2 flow tab should be active.\n * The first flow is active by default if no flow is explicitly selected.\n */\nconst isFlowActive = (flowKey: string, index: number): boolean =>\n  selectedFlow.value === flowKey || (index === 0 && !selectedFlow.value)\n\n/** Computes the container class for static display mode. */\nconst getStaticBorderClass = (): string | false => isStatic && 'border-t'\n\nconst handleHttpSecretsUpdate = (\n  payload: Omit<Partial<SecretsHttp>, 'type'>,\n  name: string,\n): void =>\n  eventBus.emit('auth:update:security-scheme-secrets', {\n    payload: { type: 'http', ...payload },\n    name,\n  })\n\nconst handleApiKeySecretsUpdate = (\n  payload: Omit<Partial<SecretsApiKey>, 'type'>,\n  name: string,\n): void =>\n  eventBus.emit('auth:update:security-scheme-secrets', {\n    payload: { type: 'apiKey', ...payload },\n    name,\n  })\n\n/** Name edits may update the document or a configured override; tokens remain secrets. */\nconst handleApiKeySecuritySchemeUpdate = (\n  payload: Omit<Partial<ApiKeyObject>, 'type'>,\n  name: string,\n): void =>\n  eventBus.emit('auth:update:security-scheme', {\n    payload: { type: 'apiKey', ...payload },\n    name,\n  })\n\n/** Handles scope selection updates for OAuth2 */\nconst handleScopesUpdate = (\n  name: string,\n  event: { scopes?: string[]; scope?: string; selected?: boolean },\n): void => {\n  emits('update:selectedScopes', {\n    id: Object.keys(selectedSecuritySchemas),\n    name,\n    ...event,\n  })\n}\n\n/** Handles scope-definition upserts (add / rename / description change) */\nconst handleScopeUpsert = (\n  name: string,\n  event: Omit<ApiReferenceEvents['auth:upsert:scopes'], 'name'>,\n): void => {\n  emits('upsert:scope', { ...event, name })\n}\n\n/** Handles scope-definition deletes */\nconst handleScopeDelete = (\n  name: string,\n  event: Omit<ApiReferenceEvents['auth:delete:scopes'], 'name'>,\n): void => {\n  emits('delete:scope', { ...event, name })\n}\n\n/**\n * Computes dynamic classes for OAuth2 flow tabs based on active state.\n */\nconst getFlowTabClasses = (flowKey: string, index: number): string => {\n  const baseClasses =\n    'floating-bg text-c-3 relative cursor-pointer border-b border-transparent py-1 text-base font-medium'\n  const activeClasses = '!text-c-1 !rounded-none border-b !border-current'\n\n  return isFlowActive(flowKey, index)\n    ? `${baseClasses} ${activeClasses} ${isStatic ? 'opacity-100' : ''}`\n    : baseClasses\n}\n\n/**\n * OAuth2 token-acquisition target (an oauth2 scheme with an interactive grant) sourced from\n * the merged schemes. When the active scheme is HTTP bearer, this powers the inline\n * \"Authorize via OAuth2\" shortcut: the flow's bearer token is written onto the bearer scheme,\n * so the panel never switches to oauth2.\n *\n * The shortcut is purely a convenience, so it is offered for any interactive oauth2 scheme —\n * including one that is also independently selectable in the dropdown (e.g. Scalar Galaxy's\n * `oAuth2`). Whether that oauth2 scheme is *hidden* from the dropdown is a separate decision made\n * in the selector; here we only surface the shortcut.\n */\nconst oauth2Target = computed(() => getOauth2AcquisitionTarget(securitySchemes))\n\n/** Resolved oauth2 scheme object, for embedding its config form behind the gear. */\nconst oauth2Scheme = computed(() =>\n  oauth2Target.value\n    ? getResolvedRef(securitySchemes[oauth2Target.value.name])\n    : undefined,\n)\n\nconst acquisitionLoader = useLoadingState()\nconst { toast } = useToasts()\nconst configModal = useModal()\n/** Bearer scheme that opened the config modal, so its Authorize callback targets it. */\nconst configBearerName = ref<string | undefined>()\n\n/** Runs the OAuth2 flow and writes the resulting bearer token onto the bearer scheme. */\nconst handleAcquisitionAuthorize = async (\n  bearerName: string,\n): Promise<void> => {\n  const target = oauth2Target.value\n  if (!target || acquisitionLoader.isLoading) {\n    return\n  }\n  acquisitionLoader.start()\n  const [error] = await runOAuth2Authorize({\n    eventBus,\n    bearerSchemeName: bearerName,\n    oauth2Name: target.name,\n    flows: target.flows,\n    flowType: target.flowType,\n    scopes: target.scopes,\n    server,\n    proxyUrl,\n    environment,\n    options,\n  })\n  await acquisitionLoader.clear()\n  if (error) {\n    toast(\n      error?.message ?? translate('apiClient.requestAuthTab.failedToauthorize'),\n      'error',\n    )\n  }\n}\n\n/** Refreshes the OAuth2 token and rewrites it onto the bearer scheme. */\nconst handleAcquisitionRefresh = async (bearerName: string): Promise<void> => {\n  const target = oauth2Target.value\n  // Only the authorization-code flow carries a refresh token; implicit can't be refreshed.\n  if (target?.flowType !== 'authorizationCode' || acquisitionLoader.isLoading) {\n    return\n  }\n  acquisitionLoader.start()\n  const [error, tokens] = await refreshOauth2Token(\n    target.flows,\n    target.flowType,\n    proxyUrl,\n    server,\n    getEnvironmentVariables(environment),\n    options?.customFetch,\n  )\n  await acquisitionLoader.clear()\n  if (tokens?.accessToken) {\n    storeOAuth2Tokens(eventBus, {\n      bearerSchemeName: bearerName,\n      oauth2Name: target.name,\n      flowType: target.flowType,\n      tokens,\n    })\n  } else if (error) {\n    toast(\n      error?.message ?? translate('apiClient.requestAuthTab.failedToRefresh'),\n      'error',\n    )\n  }\n}\n\nconst openAcquisitionConfig = (bearerName: string): void => {\n  configBearerName.value = bearerName\n  configModal.show()\n}\n\n/** Closes the config modal and runs Authorize against the bearer scheme that opened it. */\nconst handleConfigAuthorize = (): void => {\n  const bearerName = configBearerName.value\n  configModal.hide()\n  if (bearerName) {\n    void handleAcquisitionAuthorize(bearerName)\n  }\n}\n</script>\n<template>\n  <template\n    v-for=\"{ scheme, name, scopes, visibleFlowKeys } in security\"\n    :key=\"name\">\n    <!--\n      Header row for AND'ed schemes: label (bold) and description (rich text) are\n      combined.\n    -->\n    <DataTableRow v-if=\"hasMultipleSchemes && scheme\">\n      <DataTableCell\n        :aria-label=\"generateLabel(name, scheme)\"\n        class=\"max-h-[auto]\">\n        <div class=\"bg-b-1 min-w-0 flex-1 px-3 py-1.25\">\n          <p class=\"text-c-1 leading-5.5 font-medium\">\n            {{ generateLabel(name, scheme) }}\n          </p>\n          <ScalarMarkdownSummary\n            v-if=\"scheme.description\"\n            class=\"auth-description text-c-2 w-full\"\n            :value=\"scheme.description\" />\n        </div>\n      </DataTableCell>\n    </DataTableRow>\n\n    <!-- Description: shown for single auth schemes with descriptions -->\n    <DataTableRow v-if=\"scheme?.description && !hasMultipleSchemes\">\n      <DataTableCell\n        :aria-label=\"scheme.description\"\n        class=\"max-h-[auto]\">\n        <ScalarMarkdownSummary\n          class=\"auth-description bg-b-1 text-c-2 min-w-0 flex-1 px-3 py-1.25\"\n          :value=\"scheme.description\" />\n      </DataTableCell>\n    </DataTableRow>\n\n    <!-- HTTP Authentication -->\n    <template v-if=\"scheme?.type === 'http'\">\n      <!-- Bearer Token -->\n      <DataTableRow v-if=\"scheme.scheme === 'bearer'\">\n        <RequestAuthDataTableInput\n          :canReset=\"\n            canResetSecretField(\n              scheme,\n              'x-scalar-secret-token',\n              scheme['x-scalar-secret-token'],\n            )\n          \"\n          :containerClass=\"getStaticBorderClass()\"\n          :environment\n          :modelValue=\"scheme['x-scalar-secret-token']\"\n          :placeholder=\"translate('apiClient.requestAuthTab.token')\"\n          type=\"password\"\n          @reset=\"\n            eventBus.emit('auth:reset:security-scheme-secret', {\n              name,\n              field: 'x-scalar-secret-token',\n            })\n          \"\n          @update:modelValue=\"\n            (v) => handleHttpSecretsUpdate({ 'x-scalar-secret-token': v }, name)\n          \">\n          {{ translate('apiClient.requestAuthTab.bearerToken') }}\n        </RequestAuthDataTableInput>\n      </DataTableRow>\n\n      <!-- OAuth2 token-acquisition shortcut (shown when an interactive oauth2 flow exists) -->\n      <DataTableRow v-if=\"scheme.scheme === 'bearer' && oauth2Target\">\n        <!--\n          Authorize stays rightmost so it never moves: Refresh only appears once there is a token,\n          and it slots in between the gear and Authorize instead of pushing Authorize aside.\n        -->\n        <div class=\"flex h-8 items-center gap-2 border-t pr-1 pl-3 text-base\">\n          <span class=\"text-c-1 mr-auto\">{{\n            translate('apiClient.requestAuthTab.getAToken')\n          }}</span>\n          <ScalarIconButton\n            class=\"h-6 w-6 p-1.25\"\n            :icon=\"ScalarIconGear\"\n            :label=\"\n              translate('apiClient.requestAuthTab.configure', {\n                name: oauth2Target.name,\n              })\n            \"\n            @click=\"openAcquisitionConfig(name)\" />\n          <ScalarButton\n            v-if=\"\n              scheme['x-scalar-secret-token'] &&\n              oauth2Target.flowType === 'authorizationCode'\n            \"\n            class=\"px-3 py-1\"\n            :disabled=\"acquisitionLoader.isLoading\"\n            size=\"sm\"\n            type=\"button\"\n            variant=\"outlined\"\n            @click=\"handleAcquisitionRefresh(name)\">\n            {{ translate('apiClient.requestAuthTab.refresh') }}\n          </ScalarButton>\n          <ScalarButton\n            class=\"text-c-1 px-3 py-1\"\n            :loader=\"acquisitionLoader\"\n            size=\"sm\"\n            type=\"button\"\n            variant=\"gradient\"\n            @click=\"handleAcquisitionAuthorize(name)\">\n            {{\n              translate('apiClient.requestAuthTab.authorizeVia', {\n                name: oauth2Target.name,\n              })\n            }}\n          </ScalarButton>\n        </div>\n      </DataTableRow>\n\n      <!-- HTTP Basic Authentication -->\n      <template v-else-if=\"scheme?.scheme === 'basic'\">\n        <DataTableRow>\n          <RequestAuthDataTableInput\n            :canReset=\"\n              canResetSecretField(\n                scheme,\n                'x-scalar-secret-username',\n                scheme['x-scalar-secret-username'],\n              )\n            \"\n            class=\"text-c-2\"\n            :environment\n            :modelValue=\"scheme['x-scalar-secret-username']\"\n            placeholder=\"janedoe\"\n            required\n            @reset=\"\n              eventBus.emit('auth:reset:security-scheme-secret', {\n                name,\n                field: 'x-scalar-secret-username',\n              })\n            \"\n            @update:modelValue=\"\n              (v) =>\n                handleHttpSecretsUpdate({ 'x-scalar-secret-username': v }, name)\n            \">\n            {{ translate('apiClient.requestAuthTab.username') }}\n          </RequestAuthDataTableInput>\n        </DataTableRow>\n        <DataTableRow>\n          <RequestAuthDataTableInput\n            :canReset=\"\n              canResetSecretField(\n                scheme,\n                'x-scalar-secret-password',\n                scheme['x-scalar-secret-password'],\n              )\n            \"\n            :environment\n            :modelValue=\"scheme['x-scalar-secret-password']\"\n            placeholder=\"********\"\n            type=\"password\"\n            @reset=\"\n              eventBus.emit('auth:reset:security-scheme-secret', {\n                name,\n                field: 'x-scalar-secret-password',\n              })\n            \"\n            @update:modelValue=\"\n              (v) =>\n                handleHttpSecretsUpdate({ 'x-scalar-secret-password': v }, name)\n            \">\n            {{ translate('apiClient.requestAuthTab.password') }}\n          </RequestAuthDataTableInput>\n        </DataTableRow>\n      </template>\n    </template>\n\n    <!-- API Key Authentication -->\n    <template v-else-if=\"scheme?.type === 'apiKey'\">\n      <DataTableRow v-if=\"apiKeyHasName(scheme)\">\n        <RequestAuthDataTableInput\n          :containerClass=\"getStaticBorderClass()\"\n          :environment\n          :modelValue=\"scheme.name ?? ''\"\n          placeholder=\"api-key\"\n          @update:modelValue=\"\n            (v) => handleApiKeySecuritySchemeUpdate({ name: v }, name)\n          \">\n          {{ translate('apiClient.requestAuthTab.name') }}\n        </RequestAuthDataTableInput>\n      </DataTableRow>\n      <DataTableRow>\n        <RequestAuthDataTableInput\n          :canReset=\"\n            canResetSecretField(\n              scheme,\n              'x-scalar-secret-token',\n              scheme['x-scalar-secret-token'],\n            )\n          \"\n          :containerClass=\"\n            apiKeyHasName(scheme) ? undefined : getStaticBorderClass()\n          \"\n          :environment\n          :modelValue=\"scheme['x-scalar-secret-token']\"\n          placeholder=\"QUxMIFlPVVIgQkFTRSBBUkUgQkVMT05HIFRPIFVT\"\n          type=\"password\"\n          @reset=\"\n            eventBus.emit('auth:reset:security-scheme-secret', {\n              name,\n              field: 'x-scalar-secret-token',\n            })\n          \"\n          @update:modelValue=\"\n            (v) =>\n              handleApiKeySecretsUpdate({ 'x-scalar-secret-token': v }, name)\n          \">\n          {{ translate('apiClient.requestAuthTab.value') }}\n        </RequestAuthDataTableInput>\n      </DataTableRow>\n    </template>\n\n    <!-- OAuth 2.0  / OpenID Connect Authentication -->\n    <template\n      v-else-if=\"scheme?.type === 'oauth2' || scheme?.type === 'openIdConnect'\">\n      <OAuth2Metadata\n        v-if=\"\n          scheme.type === 'oauth2' && (!isStatic || scheme.oauth2MetadataUrl)\n        \"\n        :customFetch=\"options?.customFetch\"\n        :environment\n        :eventBus\n        :name\n        :proxyUrl\n        :scheme />\n\n      <!-- OpenID Connect -->\n      <OpenIDConnect\n        v-if=\"scheme?.type === 'openIdConnect' && !visibleFlowKeys.length\"\n        :customFetch=\"options?.customFetch\"\n        :environment\n        :eventBus\n        :getStaticBorderClass\n        :name\n        :proxyUrl\n        :scheme />\n\n      <!-- Flow selector tabs: shown when multiple visible flows are available -->\n      <DataTableRow v-if=\"visibleFlowKeys.length > 1\">\n        <div class=\"flex min-h-8 border-t text-base\">\n          <div class=\"flex h-8 max-w-full gap-2.5 overflow-x-auto px-3\">\n            <button\n              v-for=\"(key, ind) in visibleFlowKeys\"\n              :key=\"key\"\n              :class=\"getFlowTabClasses(key, ind)\"\n              type=\"button\"\n              @click=\"setActiveFlow(key)\">\n              <span class=\"relative z-10\">{{ key }}</span>\n            </button>\n          </div>\n        </div>\n      </DataTableRow>\n\n      <!-- OAuth2 flow configuration -->\n      <template\n        v-for=\"(key, ind) in visibleFlowKeys\"\n        :key=\"key\">\n        <OAuth2\n          v-if=\"scheme.flows && isFlowActive(key, ind)\"\n          :environment\n          :eventBus\n          :flows=\"scheme.flows\"\n          :name\n          :options\n          :proxyUrl\n          :scheme\n          :selectedScopes=\"scopes\"\n          :server\n          :type=\"key\"\n          @delete:scope=\"(event) => handleScopeDelete(name, event)\"\n          @update:selectedScopes=\"(event) => handleScopesUpdate(name, event)\"\n          @upsert:scope=\"(event) => handleScopeUpsert(name, event)\" />\n      </template>\n    </template>\n\n    <!-- Browser WebSocket connections cannot apply these broker credentials. -->\n    <div\n      v-else-if=\"\n        scheme?.type === 'userPassword' ||\n        scheme?.type === 'plain' ||\n        scheme?.type === 'scramSha256' ||\n        scheme?.type === 'scramSha512' ||\n        scheme?.type === 'X509' ||\n        scheme?.type === 'symmetricEncryption' ||\n        scheme?.type === 'asymmetricEncryption' ||\n        scheme?.type === 'gssapi'\n      \"\n      class=\"text-c-3 flex items-center justify-center border-t p-4 px-4 text-center text-xs text-balance\">\n      {{ translate('apiClient.requestAuthTab.unsupportedCredentials') }}\n    </div>\n\n    <!-- Mutual TLS credentials are chosen during the browser-managed TLS handshake. -->\n    <div\n      v-else-if=\"scheme?.type === 'mutualTLS'\"\n      class=\"text-c-3 flex items-center justify-center border-t p-4 px-4 text-center text-xs text-balance\">\n      {{ translate('apiClient.requestAuthTab.mutualTlsHint') }}\n    </div>\n\n    <!-- Scheme has a type we do not render inputs for -->\n    <div\n      v-else-if=\"getUnsupportedSchemeType(scheme)\"\n      class=\"text-c-3 flex items-center justify-center border-t p-4 px-4 text-center text-xs text-balance\">\n      {{\n        translate('apiClient.requestAuthTab.unsupportedType', {\n          type: getUnsupportedSchemeType(scheme) ?? '',\n        })\n      }}\n    </div>\n\n    <!-- Scheme is missing type -->\n    <div\n      v-else\n      class=\"text-c-3 flex items-center justify-center border-t p-4 px-4 text-center text-xs text-balance\">\n      {{\n        translate('apiClient.requestAuthTab.missingType', {\n          type: documentTypeLabel,\n        })\n      }}\n    </div>\n  </template>\n\n  <!-- OAuth2 configuration modal (opened from the bearer scheme's gear) -->\n  <ScalarModal\n    v-if=\"oauth2Target && oauth2Scheme\"\n    size=\"sm\"\n    :state=\"configModal\"\n    :title=\"\n      translate('apiClient.requestAuthTab.configure', {\n        name: oauth2Target.name,\n      })\n    \">\n    <DataTable\n      :columns=\"['']\"\n      presentational>\n      <OAuth2\n        :environment\n        :eventBus\n        :flows=\"oauth2Target.flows\"\n        hideActions\n        :name=\"oauth2Target.name\"\n        :options\n        :proxyUrl\n        :scheme=\"oauth2Scheme\"\n        :selectedScopes=\"oauth2Target.scopes\"\n        :server\n        :type=\"oauth2Target.flowType\"\n        @delete:scope=\"(event) => handleScopeDelete(oauth2Target!.name, event)\"\n        @update:selectedScopes=\"\n          (event) => handleScopesUpdate(oauth2Target!.name, event)\n        \"\n        @upsert:scope=\"\n          (event) => handleScopeUpsert(oauth2Target!.name, event)\n        \" />\n    </DataTable>\n    <div class=\"flex h-8 items-center justify-end gap-2 border-t\">\n      <ScalarButton\n        class=\"p-0 px-2 py-0.5\"\n        size=\"sm\"\n        variant=\"outlined\"\n        @click=\"configModal.hide()\">\n        {{ translate('apiClient.requestAuthTab.cancel') }}\n      </ScalarButton>\n      <ScalarButton\n        class=\"p-0 px-2 py-0.5\"\n        :loader=\"acquisitionLoader\"\n        size=\"sm\"\n        @click=\"handleConfigAuthorize\">\n        {{ translate('apiClient.requestAuthTab.authorize') }}\n      </ScalarButton>\n    </div>\n  </ScalarModal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmFA,MAAM,QAAQ;EASd,MAAM,EAAE,cAAc,gBAAgB;EAetC,MAAM,oBAAoB,eACxB,qBAAqB,QAAA,YAAY,CACnC;;;;;EAMA,MAAM,WAAW,eACf,OAAO,QAAQ,QAAA,uBAAuB,CAAC,CAAC,KAAK,CAAC,MAAM,SAAS,CAAC,OAAO;GACnE,MAAM,SAAS,eAAe,QAAA,gBAAgB,KAAK;GACnD,OAAO;IACL;IACA;IACA;IAGA,iBACE,QAAQ,SAAS,YAAY,QAAQ,SAAS,kBAC1C,0BAA0B,OAAO,KAAK,IACtC,CAAC;GACT;EACF,CAAC,CACH;;EAGA,MAAM,aAAa,IAAY,EAAE;;;;;;;EAQjC,MAAM,eAAe,eAAuB;GAG1C,OAFwB,SAAS,MAAM,SAAS,SAAS,KAAK,eAEvD,CAAA,CAAgB,MAAM,QAAQ,QAAQ,WAAW,KAAK,IACzD,WAAW,QACX;EACN,CAAC;EAED,MAAM,iBAAiB,SAAuB;GAC5C,WAAW,QAAQ;EACrB;;EAGA,MAAM,qBAAqB,eAAwB,SAAS,MAAM,SAAS,CAAC;;;;;;EAO5E,MAAM,iBACJ,MACA,WACW;GACX,MAAM,kBAAkB,WAAW,IAAI;GAEvC,QAAQ,OAAO,MAAf;IACE,KAAK,UACH,OAAO,GAAG,gBAAgB,IAAI,OAAO;IAEvC,KAAK;IACL,KAAK,UAAU;KACb,MAAM,YAAY,0BAA0B,OAAO,KAAK,CAAC,CAAC;KAC1D,MAAM,cAAc,aAAa,SAAS;KAC1C,IAAI,CAAC,aACH,OAAO;KAET,OAAO,GAAG,gBAAgB,IAAI;IAChC;IAEA,KAAK,QACH,OAAO,GAAG,gBAAgB,IAAI,OAAO;IAEvC,SACE,OAAO;GACX;EACF;;;;;;;;EASA,MAAM,iBAAiB,WACrB,OAAO,OAAO,UAAU,OAAO,OAAO;;;;;;EAOxC,MAAM,4BACJ,WACuB,QAAQ;;;;;EAMjC,MAAM,gBAAgB,SAAiB,UACrC,aAAa,UAAU,WAAY,UAAU,KAAK,CAAC,aAAa;;EAGlE,MAAM,6BAA6C,QAAA,YAAY;EAE/D,MAAM,2BACJ,SACA,SAEA,QAAA,SAAS,KAAK,uCAAuC;GACnD,SAAS;IAAE,MAAM;IAAQ,GAAG;GAAQ;GACpC;EACF,CAAC;EAEH,MAAM,6BACJ,SACA,SAEA,QAAA,SAAS,KAAK,uCAAuC;GACnD,SAAS;IAAE,MAAM;IAAU,GAAG;GAAQ;GACtC;EACF,CAAC;;EAGH,MAAM,oCACJ,SACA,SAEA,QAAA,SAAS,KAAK,+BAA+B;GAC3C,SAAS;IAAE,MAAM;IAAU,GAAG;GAAQ;GACtC;EACF,CAAC;;EAGH,MAAM,sBACJ,MACA,UACS;GACT,MAAM,yBAAyB;IAC7B,IAAI,OAAO,KAAK,QAAA,uBAAuB;IACvC;IACA,GAAG;GACL,CAAC;EACH;;EAGA,MAAM,qBACJ,MACA,UACS;GACT,MAAM,gBAAgB;IAAE,GAAG;IAAO;GAAK,CAAC;EAC1C;;EAGA,MAAM,qBACJ,MACA,UACS;GACT,MAAM,gBAAgB;IAAE,GAAG;IAAO;GAAK,CAAC;EAC1C;;;;EAKA,MAAM,qBAAqB,SAAiB,UAA0B;GACpE,MAAM,cACJ;GAGF,OAAO,aAAa,SAAS,KAAK,IAC9B,GAAG,YAAY,oDAAoB,QAAA,WAAW,gBAAgB,OAC9D;EACN;;;;;;;;;;;;EAaA,MAAM,eAAe,eAAe,2BAA2B,QAAA,eAAe,CAAC;;EAG/E,MAAM,eAAe,eACnB,aAAa,QACT,eAAe,QAAA,gBAAgB,aAAa,MAAM,KAAK,IACvD,KAAA,CACN;EAEA,MAAM,oBAAoB,gBAAgB;EAC1C,MAAM,EAAE,UAAU,UAAU;EAC5B,MAAM,cAAc,SAAS;;EAE7B,MAAM,mBAAmB,IAAwB;;EAGjD,MAAM,6BAA6B,OACjC,eACkB;GAClB,MAAM,SAAS,aAAa;GAC5B,IAAI,CAAC,UAAU,kBAAkB,WAC/B;GAEF,kBAAkB,MAAM;GACxB,MAAM,CAAC,SAAS,MAAM,mBAAmB;IACvC,UAAO,QAAA;IACP,kBAAkB;IAClB,YAAY,OAAO;IACnB,OAAO,OAAO;IACd,UAAU,OAAO;IACjB,QAAQ,OAAO;IACf,QAAK,QAAA;IACL,UAAO,QAAA;IACP,aAAU,QAAA;IACV,SAAM,QAAA;GACR,CAAC;GACD,MAAM,kBAAkB,MAAM;GAC9B,IAAI,OACF,MACE,OAAO,WAAW,UAAU,4CAA4C,GACxE,OACF;EAEJ;;EAGA,MAAM,2BAA2B,OAAO,eAAsC;GAC5E,MAAM,SAAS,aAAa;GAE5B,IAAI,QAAQ,aAAa,uBAAuB,kBAAkB,WAChE;GAEF,kBAAkB,MAAM;GACxB,MAAM,CAAC,OAAO,UAAU,MAAM,mBAC5B,OAAO,OACP,OAAO,UACP,QAAA,UACA,QAAA,QACA,wBAAwB,QAAA,WAAW,GACnC,QAAA,SAAS,WACX;GACA,MAAM,kBAAkB,MAAM;GAC9B,IAAI,QAAQ,aACV,kBAAkB,QAAA,UAAU;IAC1B,kBAAkB;IAClB,YAAY,OAAO;IACnB,UAAU,OAAO;IACjB;GACF,CAAC;QACI,IAAI,OACT,MACE,OAAO,WAAW,UAAU,0CAA0C,GACtE,OACF;EAEJ;EAEA,MAAM,yBAAyB,eAA6B;GAC1D,iBAAiB,QAAQ;GACzB,YAAY,KAAK;EACnB;;EAGA,MAAM,8BAAoC;GACxC,MAAM,aAAa,iBAAiB;GACpC,YAAY,KAAK;GACjB,IAAI,YACF,2BAAgC,UAAU;EAE9C;;6EAGE,mBAkUW,UAAA,MAAA,WAjU2C,SAAA,QAAQ,EAAnD,QAAQ,MAAM,QAAQ,sBAAe;4DACxC,KAAI,GAAA;KAKU,mBAAA,SAAsB,UAAA,UAAA,GAA1C,YAce,MAAA,oBAAA,GAAA,EAAA,KAAA,EAAA,GAAA;6BADG,CAZhB,YAYgB,MAAA,qBAAA,GAAA;OAXb,cAAY,cAAc,MAAM,MAAM;OACvC,OAAM;;8BASA,CARN,mBAQM,OARN,YAQM,CAPJ,mBAEI,KAFJ,YAEI,gBADC,cAAc,MAAM,MAAM,CAAA,GAAA,CAAA,GAGvB,OAAO,eAAA,UAAA,GADf,YAGgC,MAAA,qBAAA,GAAA;;QAD9B,OAAM;QACL,OAAO,OAAO;;;;;;KAMH,QAAQ,eAAW,CAAK,mBAAA,SAAA,UAAA,GAA5C,YAQe,MAAA,oBAAA,GAAA,EAAA,KAAA,EAAA,GAAA;6BADG,CANhB,YAMgB,MAAA,qBAAA,GAAA;OALb,cAAY,OAAO;OACpB,OAAM;;8BAG0B,CAFhC,YAEgC,MAAA,qBAAA,GAAA;QAD9B,OAAM;QACL,OAAO,OAAO;;;;;;KAKL,QAAQ,SAAI,UAAA,UAAA,GAA5B,mBAqIW,UAAA,EAAA,KAAA,EAAA,GAAA,CAnIW,OAAO,WAAM,YAAA,UAAA,GAAjC,YAyBe,MAAA,oBAAA,GAAA,EAAA,KAAA,EAAA,GAAA;6BADe,CAvB5B,YAuB4B,mCAAA;OAtBzB,UAAuB,MAAA,mBAAA,CAAmB,CAAgB,QAAA,yBAA6D,OAAM,wBAAA;OAO7H,gBAAgB,qBAAoB;OACpC,aAAA,QAAA;OACA,YAAY,OAAM;OAClB,aAAa,MAAA,SAAA,CAAS,CAAA,gCAAA;OACvB,MAAK;OACJ,UAAK,WAAe,QAAA,SAAS,KAAI,qCAAA;QAAsD;;;OAMvF,wBAAiC,MAAM,wBAAuB,EAAA,yBAA4B,EAAC,GAAI,IAAI;;8BAG7C,CAAA,gBAAA,gBAApD,MAAA,SAAA,CAAS,CAAA,sCAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;+CAKI,OAAO,WAAM,YAAiB,aAAA,SAAA,UAAA,GAAlD,YA6Ce,MAAA,oBAAA,GAAA,EAAA,KAAA,EAAA,GAAA;6BADP,CAvCN,mBAuCM,OAvCN,YAuCM;OAtCJ,mBAES,QAFT,YAES,gBADP,MAAA,SAAA,CAAS,CAAA,oCAAA,CAAA,GAAA,CAAA;OAEX,YAQyC,MAAA,gBAAA,GAAA;QAPvC,OAAM;QACL,MAAM,MAAA,cAAA;QACN,OAAsB,MAAA,SAAA,CAAS,CAAA,sCAAA,EAAA,MAA+D,aAAA,MAAa,KAAA,CAAA;QAK3G,UAAK,WAAE,sBAAsB,IAAI;;;;;;OAEb,OAAM,4BAA2C,aAAA,MAAa,aAAQ,uBAAA,UAAA,GAD7F,YAYe,MAAA,YAAA,GAAA;;QAPb,OAAM;QACL,UAAU,MAAA,iBAAA,CAAiB,CAAC;QAC7B,MAAK;QACL,MAAK;QACL,SAAQ;QACP,UAAK,WAAE,yBAAyB,IAAI;;+BACc,CAAA,gBAAA,gBAAhD,MAAA,SAAA,CAAS,CAAA,kCAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;OAEd,YAYe,MAAA,YAAA,GAAA;QAXb,OAAM;QACL,QAAQ,MAAA,iBAAA;QACT,MAAK;QACL,MAAK;QACL,SAAQ;QACP,UAAK,WAAE,2BAA2B,IAAI;;+BAKrC,CAAA,gBAAA,gBAHA,MAAA,SAAA,CAAS,CAAA,yCAAA,EAAA,MAAkE,aAAA,MAAa,KAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;;iBAS3E,QAAQ,WAAM,WAAA,UAAA,GAAnC,mBAsDW,UAAA,EAAA,KAAA,EAAA,GAAA,CArDT,YA0Be,MAAA,oBAAA,GAAA,MAAA;6BADe,CAxB5B,YAwB4B,mCAAA;OAvBzB,UAAyB,MAAA,mBAAA,CAAmB,CAAkB,QAAA,4BAAoE,OAAM,2BAAA;OAOzI,OAAM;OACL,aAAA,QAAA;OACA,YAAY,OAAM;OACnB,aAAY;OACZ,UAAA;OACC,UAAK,WAAiB,QAAA,SAAS,KAAI,qCAAA;QAAwD;;;OAM3F,wBAAmC,MAAsB,wBAAuB,EAAA,4BAA+B,EAAC,GAAI,IAAI;;8BAIrE,CAAA,gBAAA,gBAAjD,MAAA,SAAA,CAAS,CAAA,mCAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;;;;;;;eAGhB,YAyBe,MAAA,oBAAA,GAAA,MAAA;6BADe,CAvB5B,YAuB4B,mCAAA;OAtBzB,UAAyB,MAAA,mBAAA,CAAmB,CAAkB,QAAA,4BAAoE,OAAM,2BAAA;OAOxI,aAAA,QAAA;OACA,YAAY,OAAM;OACnB,aAAY;OACZ,MAAK;OACJ,UAAK,WAAiB,QAAA,SAAS,KAAI,qCAAA;QAAwD;;;OAM3F,wBAAmC,MAAsB,wBAAuB,EAAA,4BAA+B,EAAC,GAAI,IAAI;;8BAIrE,CAAA,gBAAA,gBAAjD,MAAA,SAAA,CAAS,CAAA,mCAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;;;;;;;6DAOC,QAAQ,SAAI,YAAA,UAAA,GAAjC,mBA0CW,UAAA,EAAA,KAAA,EAAA,GAAA,CAzCW,cAAc,MAAM,KAAA,UAAA,GAAxC,YAWe,MAAA,oBAAA,GAAA,EAAA,KAAA,EAAA,GAAA;6BADe,CAT5B,YAS4B,mCAAA;OARzB,gBAAgB,qBAAoB;OACpC,aAAA,QAAA;OACA,YAAY,OAAO,QAAI;OACxB,aAAY;OACX,wBAAiC,MAAM,iCAAgC,EAAA,MAAS,EAAC,GAAI,IAAI;;8BAG1C,CAAA,gBAAA,gBAA7C,MAAA,SAAA,CAAS,CAAA,+BAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;;;;;;+CAGhB,YA4Be,MAAA,oBAAA,GAAA,MAAA;6BADe,CA1B5B,YA0B4B,mCAAA;OAzBzB,UAAuB,MAAA,mBAAA,CAAmB,CAAgB,QAAA,yBAA6D,OAAM,wBAAA;OAO7H,gBAA6B,cAAc,MAAM,IAAI,KAAA,IAAY,qBAAoB;OAGrF,aAAA,QAAA;OACA,YAAY,OAAM;OACnB,aAAY;OACZ,MAAK;OACJ,UAAK,WAAe,QAAA,SAAS,KAAI,qCAAA;QAAsD;;;OAMvF,wBAAiC,MAAoB,0BAAyB,EAAA,yBAA4B,EAAC,GAAI,IAAI;;8BAInE,CAAA,gBAAA,gBAA9C,MAAA,SAAA,CAAS,CAAA,gCAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;;;;;;;;uBAOL,QAAQ,SAAI,YAAiB,QAAQ,SAAI,mBAAA,UAAA,GADtD,mBA4DW,UAAA,EAAA,KAAA,EAAA,GAAA;MAzDU,OAAO,SAAI,aAAA,CAAmB,QAAA,YAAY,OAAO,sBAAA,UAAA,GADpE,YASY,wBAAA;;OALT,aAAa,QAAA,SAAS;OACtB,aAAA,QAAA;OACA,UAAA,QAAA;OACA;OACA,UAAA,QAAA;OACA;;;;;;;;;MAIK,QAAQ,SAAI,mBAAA,CAAyB,gBAAgB,UAAA,UAAA,GAD7D,YAQY,uBAAA;;OANT,aAAa,QAAA,SAAS;OACtB,aAAA,QAAA;OACA,UAAA,QAAA;OACA;OACA;OACA,UAAA,QAAA;OACA;;;;;;;;;MAGiB,gBAAgB,SAAM,KAAA,UAAA,GAA1C,YAae,MAAA,oBAAA,GAAA,EAAA,KAAA,EAAA,GAAA;8BADP,CAXN,mBAWM,OAXN,YAWM,CAVJ,mBASM,OATN,YASM,EAAA,UAAA,IAAA,GARJ,mBAOS,UAAA,MAAA,WANc,kBAAb,KAAK,QAAG;4BADlB,mBAOS,UAAA;SALD;SACL,OAAK,eAAE,kBAAkB,KAAK,GAAG,CAAA;SAClC,MAAK;SACJ,UAAK,WAAE,cAAc,GAAG;YACzB,mBAA4C,QAA5C,YAA4C,gBAAb,GAAG,GAAA,CAAA,CAAA,GAAA,IAAA,UAAA;;;;wBAO1C,mBAkBW,UAAA,MAAA,WAjBY,kBAAb,KAAK,QAAG;0DACV,IAAG,GAAA,CAED,OAAO,SAAS,aAAa,KAAK,GAAG,KAAA,UAAA,GAD7C,YAc8D,gBAAA;;QAZ3D,aAAA,QAAA;QACA,UAAA,QAAA;QACA,OAAO,OAAO;QACd;QACA,SAAA,QAAA;QACA,UAAA,QAAA;QACA;QACA,gBAAgB;QAChB,QAAA,QAAA;QACA,MAAM;QACN,mBAAe,UAAU,kBAAkB,MAAM,KAAK;QACtD,4BAAwB,UAAU,mBAAmB,MAAM,KAAK;QAChE,mBAAe,UAAU,kBAAkB,MAAM,KAAK;;;;;;;;;;;;;;;;;eAMvC,QAAQ,SAAI,kBAA+B,QAAQ,SAAI,WAAwB,QAAQ,SAAI,iBAA8B,QAAQ,SAAI,iBAA8B,QAAQ,SAAI,UAAuB,QAAQ,SAAI,yBAAsC,QAAQ,SAAI,0BAAuC,QAAQ,SAAI,YAAA,UAAA,GAD7U,mBAaM,OAbN,YAaM,gBADD,MAAA,SAAA,CAAS,CAAA,iDAAA,CAAA,GAAA,CAAA,KAKD,QAAQ,SAAI,eAAA,UAAA,GADzB,mBAIM,OAJN,aAIM,gBADD,MAAA,SAAA,CAAS,CAAA,wCAAA,CAAA,GAAA,CAAA,KAKD,yBAAyB,MAAM,KAAA,UAAA,GAD5C,mBAQM,OARN,aAQM,gBAJF,MAAA,SAAA,CAAS,CAAA,4CAAA,EAAA,MAA+D,yBAAyB,MAAM,KAAA,GAAA,CAAA,CAAA,GAAA,CAAA,MAAA,UAAA,GAO3G,mBAQM,OARN,aAQM,gBAJF,MAAA,SAAA,CAAS,CAAA,wCAAA,EAAA,MAA2D,kBAAA,MAAA,CAAA,CAAA,GAAA,CAAA;;cASlE,aAAA,SAAgB,aAAA,SAAA,UAAA,GADxB,YAgDc,MAAA,WAAA,GAAA;;IA9CZ,MAAK;IACJ,OAAO,MAAA,WAAA;IACP,OAAc,MAAA,SAAA,CAAS,CAAA,sCAAA,EAAA,MAAuD,aAAA,MAAa,KAAA,CAAA;;2BA2BhF,CAtBZ,YAsBY,MAAA,iBAAA,GAAA;KArBT,SAAS,CAAA,EAAA;KACV,gBAAA;;4BAmBM,CAlBN,YAkBM,gBAAA;MAjBH,aAAA,QAAA;MACA,UAAA,QAAA;MACA,OAAO,aAAA,MAAa;MACrB,aAAA;MACC,MAAM,aAAA,MAAa;MACnB,SAAA,QAAA;MACA,UAAA,QAAA;MACA,QAAQ,aAAA;MACR,gBAAgB,aAAA,MAAa;MAC7B,QAAA,QAAA;MACA,MAAM,aAAA,MAAa;MACnB,kBAAY,OAAA,OAAA,OAAA,MAAG,UAAU,kBAAkB,aAAA,MAAc,MAAM,KAAK;MACpE,2BAAqB,OAAA,OAAA,OAAA,MAAc,UAAU,mBAAmB,aAAA,MAAc,MAAM,KAAK;MAGzF,kBAAY,OAAA,OAAA,OAAA,MAAc,UAAU,kBAAkB,aAAA,MAAc,MAAM,KAAK;;;;;;;;;;;;;;QAIpF,mBAeM,OAfN,aAeM,CAdJ,YAMe,MAAA,YAAA,GAAA;KALb,OAAM;KACN,MAAK;KACL,SAAQ;KACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,WAAA,CAAW,CAAC,KAAI;;4BAC0B,CAAA,gBAAA,gBAA/C,MAAA,SAAA,CAAS,CAAA,iCAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;QAEd,YAMe,MAAA,YAAA,GAAA;KALb,OAAM;KACL,QAAQ,MAAA,iBAAA;KACT,MAAK;KACJ,SAAO;;4BAC6C,CAAA,gBAAA,gBAAlD,MAAA,SAAA,CAAS,CAAA,oCAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}