@scalar/agent-chat 0.12.30 → 0.12.32

package/dist/client-tools/execute-request.d.ts

@@ -1,6 +1,6 @@
 import type { Chat } from '@ai-sdk/vue';
 import type { SecuritySchemeObjectSecret } from '@scalar/workspace-store/request-example';
-import type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
+import type { ServerObject } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document';
 import type { UIDataTypes, UIMessage } from 'ai';
 import type { Tools } from '../state/state.js';
 /**

package/dist/client-tools/execute-request.js.map

@@ -1 +1 @@
-{"version":3,"file":"execute-request.js","names":[],"sources":["../../src/client-tools/execute-request.ts"],"sourcesContent":["import type { Chat } from '@ai-sdk/vue'\nimport { redirectToProxy } from '@scalar/helpers/url/redirect-to-proxy'\nimport type { SecuritySchemeObjectSecret } from '@scalar/workspace-store/request-example'\nimport { buildRequestSecurity, getResolvedUrl } from '@scalar/workspace-store/request-example'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport type { UIDataTypes, UIMessage } from 'ai'\nimport { encode as encodeBase64 } from 'js-base64'\nimport { n } from 'neverpanic'\nimport truncateJson from 'truncate-json'\n\nimport { EXECUTE_CLIENT_SIDE_REQUEST_TOOL_NAME } from '@/entities'\nimport { createError } from '@/entities/error/helpers'\nimport type { Tools } from '@/state/state'\n\n// The maximum number of bytes the requests response can be.\nconst MAX_RESPONSE_SIZE = 50_000\n\nconst getBody = n.safeFn(\n  async (response: Response) => {\n    const contentType = response.headers.get('content-type')\n\n    if (contentType === 'application/json') {\n      return { success: true, data: await response.json() }\n    }\n\n    return { success: true, data: await response.text() }\n  },\n  (originalError) => createError('FAILED_TO_PARSE_RESPONSE_BODY', { originalError }),\n)\n\nconst truncateResponse = (response: unknown) =>\n  JSON.parse(truncateJson(JSON.stringify(response), MAX_RESPONSE_SIZE).jsonString)\n\n/* Result type wrapper for fetch */\nconst safeFetch = n.safeFn(\n  async (url: string, init: RequestInit) => {\n    const response = await fetch(url, init)\n\n    const responseBodyResult = await getBody(response)\n\n    if (!response.ok) {\n      return {\n        success: false,\n        error: createError('REQUEST_NOT_OK', {\n          status: response.status,\n          url: response.url,\n          responseBody: truncateResponse(responseBodyResult.success ? responseBodyResult.data : undefined),\n          headers: Object.fromEntries(response.headers.entries()),\n        }),\n      }\n    }\n\n    if (!responseBodyResult.success) {\n      return responseBodyResult\n    }\n\n    return {\n      success: true,\n      data: {\n        status: response.status,\n        responseBody: truncateResponse(responseBodyResult.data),\n        headers: Object.fromEntries(response.headers.entries()),\n      },\n    }\n  },\n  (originalError) => createError('FAILED_TO_FETCH', { originalError }),\n)\n\nfunction createUrl({\n  path,\n  activeServer,\n  proxyUrl,\n  queryParams,\n}: {\n  path: string\n  activeServer: ServerObject | null\n  proxyUrl: string\n  queryParams: URLSearchParams\n}) {\n  const resolvedUrl = getResolvedUrl({\n    path,\n    server: activeServer,\n    urlParams: queryParams,\n  })\n\n  return redirectToProxy(proxyUrl, resolvedUrl)\n}\n\n/**\n * Executes an HTTP request with the specified options, including method, path, headers, and security schemes, and returns the processed response.\n */\nexport const executeRequestTool = n.safeFn(\n  async ({\n    documentSettings,\n    toolCallId,\n    chat,\n    proxyUrl,\n    input: { method, path, body, headers, documentName },\n  }: {\n    documentSettings: Record<\n      string,\n      { activeServer: ServerObject | null; securitySchemes: SecuritySchemeObjectSecret[] }\n    >\n    toolCallId: string\n    chat: Chat<UIMessage<unknown, UIDataTypes, Tools>>\n    proxyUrl: string\n    input: {\n      method: string\n      path: string\n      headers?: Record<string, string>\n      body?: string\n      documentName: string\n    }\n  }) => {\n    const settings = documentSettings[documentName]\n\n    if (!settings) {\n      return {\n        success: false,\n        error: createError('DOCUMENT_SETTINGS_COULD_NOT_BE_DETERMINED', {\n          documentName,\n        }),\n      }\n    }\n\n    const requestSecurityOptions = buildRequestSecurity(settings.securitySchemes)\n\n    const requestSecurity = requestSecurityOptions.reduce<{\n      headers: Record<string, string>\n      queryParams: URLSearchParams\n      cookies: Record<string, string>\n    }>(\n      (acc, securityOption) => {\n        /** Format the security value based on its authentication scheme. */\n        const securityValue = (() => {\n          if (securityOption.format === 'basic') {\n            return `Basic ${encodeBase64(securityOption.value)}`\n          }\n          if (securityOption.format === 'bearer') {\n            return `Bearer ${securityOption.value}`\n          }\n          return securityOption.value\n        })()\n\n        if (securityOption.in === 'header') {\n          acc.headers[securityOption.name] = securityValue\n        } else if (securityOption.in === 'query') {\n          acc.queryParams.set(securityOption.name, securityValue)\n        } else if (securityOption.in === 'cookie') {\n          acc.cookies[securityOption.name] = securityValue\n        }\n\n        return acc\n      },\n      {\n        headers: {},\n        queryParams: new URLSearchParams(),\n        cookies: {},\n      },\n    )\n\n    const cookieHeader = Object.entries(requestSecurity.cookies)\n      .map(([name, value]) => `${name}=${value}`)\n      .join('; ')\n\n    const fetchOptions = {\n      method,\n      body,\n      headers: {\n        ...headers,\n        ...requestSecurity.headers,\n        Cookie: cookieHeader,\n      },\n    }\n\n    const url = createUrl({\n      path,\n      activeServer: settings.activeServer,\n      proxyUrl,\n      queryParams: requestSecurity.queryParams,\n    })\n\n    const result = await safeFetch(url, fetchOptions)\n\n    void chat.addToolOutput({\n      tool: EXECUTE_CLIENT_SIDE_REQUEST_TOOL_NAME,\n      toolCallId,\n      output: result,\n      state: 'output-available',\n    })\n\n    return result\n  },\n  (originalError) => createError('FAILED_TO_EXECUTE_REQUEST', originalError),\n)\n"],"mappings":";;;;;;;;AAeA,IAAM,oBAAoB;AAE1B,IAAM,UAAU,EAAE,OAChB,OAAO,aAAuB;CAG5B,IAFoB,SAAS,QAAQ,IAAI,cAErC,MAAgB,oBAClB,OAAO;EAAE,SAAS;EAAM,MAAM,MAAM,SAAS,KAAK;CAAE;CAGtD,OAAO;EAAE,SAAS;EAAM,MAAM,MAAM,SAAS,KAAK;CAAE;AACtD,IACC,kBAAkB,YAAY,iCAAiC,EAAE,cAAc,CAAC,CACnF;AAEA,IAAM,oBAAoB,aACxB,KAAK,MAAM,aAAa,KAAK,UAAU,QAAQ,GAAG,iBAAiB,CAAC,CAAC,UAAU;AAGjF,IAAM,YAAY,EAAE,OAClB,OAAO,KAAa,SAAsB;CACxC,MAAM,WAAW,MAAM,MAAM,KAAK,IAAI;CAEtC,MAAM,qBAAqB,MAAM,QAAQ,QAAQ;CAEjD,IAAI,CAAC,SAAS,IACZ,OAAO;EACL,SAAS;EACT,OAAO,YAAY,kBAAkB;GACnC,QAAQ,SAAS;GACjB,KAAK,SAAS;GACd,cAAc,iBAAiB,mBAAmB,UAAU,mBAAmB,OAAO,KAAA,CAAS;GAC/F,SAAS,OAAO,YAAY,SAAS,QAAQ,QAAQ,CAAC;EACxD,CAAC;CACH;CAGF,IAAI,CAAC,mBAAmB,SACtB,OAAO;CAGT,OAAO;EACL,SAAS;EACT,MAAM;GACJ,QAAQ,SAAS;GACjB,cAAc,iBAAiB,mBAAmB,IAAI;GACtD,SAAS,OAAO,YAAY,SAAS,QAAQ,QAAQ,CAAC;EACxD;CACF;AACF,IACC,kBAAkB,YAAY,mBAAmB,EAAE,cAAc,CAAC,CACrE;AAEA,SAAS,UAAU,EACjB,MACA,cACA,UACA,eAMC;CAOD,OAAO,gBAAgB,UANH,eAAe;EACjC;EACA,QAAQ;EACR,WAAW;CACb,CAEiC,CAAW;AAC9C;;;;AAKA,IAAa,qBAAqB,EAAE,OAClC,OAAO,EACL,kBACA,YACA,MACA,UACA,OAAO,EAAE,QAAQ,MAAM,MAAM,SAAS,qBAgBlC;CACJ,MAAM,WAAW,iBAAiB;CAElC,IAAI,CAAC,UACH,OAAO;EACL,SAAS;EACT,OAAO,YAAY,6CAA6C,EAC9D,aACF,CAAC;CACH;CAKF,MAAM,kBAFyB,qBAAqB,SAAS,eAErC,CAAA,CAAuB,QAK5C,KAAK,mBAAmB;;EAEvB,MAAM,uBAAuB;GAC3B,IAAI,eAAe,WAAW,SAC5B,OAAO,SAAS,OAAa,eAAe,KAAK;GAEnD,IAAI,eAAe,WAAW,UAC5B,OAAO,UAAU,eAAe;GAElC,OAAO,eAAe;EACxB,EAAA,CAAG;EAEH,IAAI,eAAe,OAAO,UACxB,IAAI,QAAQ,eAAe,QAAQ;OAC9B,IAAI,eAAe,OAAO,SAC/B,IAAI,YAAY,IAAI,eAAe,MAAM,aAAa;OACjD,IAAI,eAAe,OAAO,UAC/B,IAAI,QAAQ,eAAe,QAAQ;EAGrC,OAAO;CACT,GACA;EACE,SAAS,CAAC;EACV,aAAa,IAAI,gBAAgB;EACjC,SAAS,CAAC;CACZ,CACF;CAEA,MAAM,eAAe,OAAO,QAAQ,gBAAgB,OAAO,CAAC,CACzD,KAAK,CAAC,MAAM,WAAW,GAAG,KAAK,GAAG,OAAO,CAAC,CAC1C,KAAK,IAAI;CAEZ,MAAM,eAAe;EACnB;EACA;EACA,SAAS;GACP,GAAG;GACH,GAAG,gBAAgB;GACnB,QAAQ;EACV;CACF;CASA,MAAM,SAAS,MAAM,UAPT,UAAU;EACpB;EACA,cAAc,SAAS;EACvB;EACA,aAAa,gBAAgB;CAC/B,CAE+B,GAAK,YAAY;CAEhD,KAAU,cAAc;EACtB,MAAM;EACN;EACA,QAAQ;EACR,OAAO;CACT,CAAC;CAED,OAAO;AACT,IACC,kBAAkB,YAAY,6BAA6B,aAAa,CAC3E"}
+{"version":3,"file":"execute-request.js","names":[],"sources":["../../src/client-tools/execute-request.ts"],"sourcesContent":["import type { Chat } from '@ai-sdk/vue'\nimport { redirectToProxy } from '@scalar/helpers/url/redirect-to-proxy'\nimport type { SecuritySchemeObjectSecret } from '@scalar/workspace-store/request-example'\nimport { buildRequestSecurity, getResolvedUrl } from '@scalar/workspace-store/request-example'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport type { UIDataTypes, UIMessage } from 'ai'\nimport { encode as encodeBase64 } from 'js-base64'\nimport { n } from 'neverpanic'\nimport truncateJson from 'truncate-json'\n\nimport { EXECUTE_CLIENT_SIDE_REQUEST_TOOL_NAME } from '@/entities'\nimport { createError } from '@/entities/error/helpers'\nimport type { Tools } from '@/state/state'\n\n// The maximum number of bytes the requests response can be.\nconst MAX_RESPONSE_SIZE = 50_000\n\nconst getBody = n.safeFn(\n  async (response: Response) => {\n    const contentType = response.headers.get('content-type')\n\n    if (contentType === 'application/json') {\n      return { success: true, data: await response.json() }\n    }\n\n    return { success: true, data: await response.text() }\n  },\n  (originalError) => createError('FAILED_TO_PARSE_RESPONSE_BODY', { originalError }),\n)\n\nconst truncateResponse = (response: unknown) =>\n  JSON.parse(truncateJson(JSON.stringify(response), MAX_RESPONSE_SIZE).jsonString)\n\n/* Result type wrapper for fetch */\nconst safeFetch = n.safeFn(\n  async (url: string, init: RequestInit) => {\n    const response = await fetch(url, init)\n\n    const responseBodyResult = await getBody(response)\n\n    if (!response.ok) {\n      return {\n        success: false,\n        error: createError('REQUEST_NOT_OK', {\n          status: response.status,\n          url: response.url,\n          responseBody: truncateResponse(responseBodyResult.success ? responseBodyResult.data : undefined),\n          headers: Object.fromEntries(response.headers.entries()),\n        }),\n      }\n    }\n\n    if (!responseBodyResult.success) {\n      return responseBodyResult\n    }\n\n    return {\n      success: true,\n      data: {\n        status: response.status,\n        responseBody: truncateResponse(responseBodyResult.data),\n        headers: Object.fromEntries(response.headers.entries()),\n      },\n    }\n  },\n  (originalError) => createError('FAILED_TO_FETCH', { originalError }),\n)\n\nfunction createUrl({\n  path,\n  activeServer,\n  proxyUrl,\n  queryParams,\n}: {\n  path: string\n  activeServer: ServerObject | null\n  proxyUrl: string\n  queryParams: URLSearchParams\n}) {\n  const resolvedUrl = getResolvedUrl({\n    path,\n    server: activeServer,\n    urlParams: queryParams,\n  })\n\n  return redirectToProxy(proxyUrl, resolvedUrl)\n}\n\n/**\n * Executes an HTTP request with the specified options, including method, path, headers, and security schemes, and returns the processed response.\n */\nexport const executeRequestTool = n.safeFn(\n  async ({\n    documentSettings,\n    toolCallId,\n    chat,\n    proxyUrl,\n    input: { method, path, body, headers, documentName },\n  }: {\n    documentSettings: Record<\n      string,\n      { activeServer: ServerObject | null; securitySchemes: SecuritySchemeObjectSecret[] }\n    >\n    toolCallId: string\n    chat: Chat<UIMessage<unknown, UIDataTypes, Tools>>\n    proxyUrl: string\n    input: {\n      method: string\n      path: string\n      headers?: Record<string, string>\n      body?: string\n      documentName: string\n    }\n  }) => {\n    const settings = documentSettings[documentName]\n\n    if (!settings) {\n      return {\n        success: false,\n        error: createError('DOCUMENT_SETTINGS_COULD_NOT_BE_DETERMINED', {\n          documentName,\n        }),\n      }\n    }\n\n    const requestSecurityOptions = buildRequestSecurity(settings.securitySchemes)\n\n    const requestSecurity = requestSecurityOptions.reduce<{\n      headers: Record<string, string>\n      queryParams: URLSearchParams\n      cookies: Record<string, string>\n    }>(\n      (acc, securityOption) => {\n        /** Format the security value based on its authentication scheme. */\n        const securityValue = (() => {\n          if (securityOption.format === 'basic') {\n            return `Basic ${encodeBase64(securityOption.value)}`\n          }\n          if (securityOption.format === 'bearer') {\n            return `Bearer ${securityOption.value}`\n          }\n          return securityOption.value\n        })()\n\n        if (securityOption.in === 'header') {\n          acc.headers[securityOption.name] = securityValue\n        } else if (securityOption.in === 'query') {\n          acc.queryParams.set(securityOption.name, securityValue)\n        } else if (securityOption.in === 'cookie') {\n          acc.cookies[securityOption.name] = securityValue\n        }\n\n        return acc\n      },\n      {\n        headers: {},\n        queryParams: new URLSearchParams(),\n        cookies: {},\n      },\n    )\n\n    const cookieHeader = Object.entries(requestSecurity.cookies)\n      .map(([name, value]) => `${name}=${value}`)\n      .join('; ')\n\n    const fetchOptions = {\n      method,\n      body,\n      headers: {\n        ...headers,\n        ...requestSecurity.headers,\n        Cookie: cookieHeader,\n      },\n    }\n\n    const url = createUrl({\n      path,\n      activeServer: settings.activeServer,\n      proxyUrl,\n      queryParams: requestSecurity.queryParams,\n    })\n\n    const result = await safeFetch(url, fetchOptions)\n\n    void chat.addToolOutput({\n      tool: EXECUTE_CLIENT_SIDE_REQUEST_TOOL_NAME,\n      toolCallId,\n      output: result,\n      state: 'output-available',\n    })\n\n    return result\n  },\n  (originalError) => createError('FAILED_TO_EXECUTE_REQUEST', originalError),\n)\n"],"mappings":";;;;;;;;AAeA,IAAM,oBAAoB;AAE1B,IAAM,UAAU,EAAE,OAChB,OAAO,aAAuB;CAG5B,IAFoB,SAAS,QAAQ,IAAI,cAErC,MAAgB,oBAClB,OAAO;EAAE,SAAS;EAAM,MAAM,MAAM,SAAS,KAAK;CAAE;CAGtD,OAAO;EAAE,SAAS;EAAM,MAAM,MAAM,SAAS,KAAK;CAAE;AACtD,IACC,kBAAkB,YAAY,iCAAiC,EAAE,cAAc,CAAC,CACnF;AAEA,IAAM,oBAAoB,aACxB,KAAK,MAAM,aAAa,KAAK,UAAU,QAAQ,GAAG,iBAAiB,CAAC,CAAC,UAAU;AAGjF,IAAM,YAAY,EAAE,OAClB,OAAO,KAAa,SAAsB;CACxC,MAAM,WAAW,MAAM,MAAM,KAAK,IAAI;CAEtC,MAAM,qBAAqB,MAAM,QAAQ,QAAQ;CAEjD,IAAI,CAAC,SAAS,IACZ,OAAO;EACL,SAAS;EACT,OAAO,YAAY,kBAAkB;GACnC,QAAQ,SAAS;GACjB,KAAK,SAAS;GACd,cAAc,iBAAiB,mBAAmB,UAAU,mBAAmB,OAAO,KAAA,CAAS;GAC/F,SAAS,OAAO,YAAY,SAAS,QAAQ,QAAQ,CAAC;EACxD,CAAC;CACH;CAGF,IAAI,CAAC,mBAAmB,SACtB,OAAO;CAGT,OAAO;EACL,SAAS;EACT,MAAM;GACJ,QAAQ,SAAS;GACjB,cAAc,iBAAiB,mBAAmB,IAAI;GACtD,SAAS,OAAO,YAAY,SAAS,QAAQ,QAAQ,CAAC;EACxD;CACF;AACF,IACC,kBAAkB,YAAY,mBAAmB,EAAE,cAAc,CAAC,CACrE;AAEA,SAAS,UAAU,EACjB,MACA,cACA,UACA,eAMC;CAOD,OAAO,gBAAgB,UANH,eAAe;EACjC;EACA,QAAQ;EACR,WAAW;CACb,CAEiC,CAAW;AAC9C;;;;AAKA,IAAa,qBAAqB,EAAE,OAClC,OAAO,EACL,kBACA,YACA,MACA,UACA,OAAO,EAAE,QAAQ,MAAM,MAAM,SAAS,qBAgBlC;CACJ,MAAM,WAAW,iBAAiB;CAElC,IAAI,CAAC,UACH,OAAO;EACL,SAAS;EACT,OAAO,YAAY,6CAA6C,EAC9D,aACF,CAAC;CACH;CAKF,MAAM,kBAFyB,qBAAqB,SAAS,eAErC,CAAA,CAAuB,QAK5C,KAAK,mBAAmB;;EAEvB,MAAM,uBAAuB;GAC3B,IAAI,eAAe,WAAW,SAC5B,OAAO,SAAS,OAAa,eAAe,KAAK;GAEnD,IAAI,eAAe,WAAW,UAC5B,OAAO,UAAU,eAAe;GAElC,OAAO,eAAe;EACxB,EAAA,CAAG;EAEH,IAAI,eAAe,OAAO,UACxB,IAAI,QAAQ,eAAe,QAAQ;OAC9B,IAAI,eAAe,OAAO,SAC/B,IAAI,YAAY,IAAI,eAAe,MAAM,aAAa;OACjD,IAAI,eAAe,OAAO,UAC/B,IAAI,QAAQ,eAAe,QAAQ;EAGrC,OAAO;CACT,GACA;EACE,SAAS,CAAC;EACV,aAAa,IAAI,gBAAgB;EACjC,SAAS,CAAC;CACZ,CACF;CAEA,MAAM,eAAe,OAAO,QAAQ,gBAAgB,OAAO,CAAC,CACzD,KAAK,CAAC,MAAM,WAAW,GAAG,KAAK,GAAG,OAAO,CAAC,CAC1C,KAAK,IAAI;CAEZ,MAAM,eAAe;EACnB;EACA;EACA,SAAS;GACP,GAAG;GACH,GAAG,gBAAgB;GACnB,QAAQ;EACV;CACF;CASA,MAAM,SAAS,MAAM,UAPT,UAAU;EACpB;EACA,cAAc,SAAS;EACvB;EACA,aAAa,gBAAgB;CAC/B,CAE+B,GAAK,YAAY;CAEhD,KAAU,cAAc;EACtB,MAAM;EACN;EACA,QAAQ;EACR,OAAO;CACT,CAAC;CAED,OAAO;AACT,IACC,kBAAkB,YAAY,6BAA6B,aAAa,CAC3E"}

package/dist/components/Selector.vue.d.ts

@@ -1,4 +1,4 @@
-import type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
+import type { ServerObject } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document';
 type __VLS_Props = {
     /** The selected server URL */
     selectedServer: ServerObject | null;

package/dist/components/Selector.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Selector.vue.js","names":[],"sources":["../../src/components/Selector.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarListbox } from '@scalar/components/listbox'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nconst { target, servers, selectedServer } = defineProps<{\n  /** The selected server URL */\n  selectedServer: ServerObject | null\n  /** Available servers */\n  servers: ServerObject[]\n  /** The id of the target to use for the popover (e.g. address bar) */\n  target: string\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the selected server changes */\n  (e: 'update:modelValue', value: string): void\n}>()\n\nconst serverOptions = computed(() =>\n  servers.map((server) => ({\n    id: server.url,\n    label: server.url,\n  })),\n)\n\nconst serverUrlWithoutTrailingSlash = computed(\n  () => selectedServer?.url?.replace(/\\/$/, '') || '',\n)\n\nconst selectedServerOption = computed(() =>\n  serverOptions.value.find((opt) => opt.id === selectedServer?.url),\n)\n\n// For testing\ndefineExpose({\n  servers,\n  serverUrlWithoutTrailingSlash,\n  serverOptions,\n  selectedServer,\n})\n</script>\n<template>\n  <ScalarListbox\n    v-if=\"serverOptions.length > 1\"\n    ref=\"elem\"\n    class=\"group\"\n    :modelValue=\"selectedServerOption\"\n    :options=\"serverOptions\"\n    placement=\"bottom-start\"\n    resize\n    :target=\"target\"\n    @update:modelValue=\"(e) => emit('update:modelValue', e.id)\">\n    <ScalarButton\n      class=\"bg-b-1 text-c-1 h-auto w-full justify-start gap-1.5 overflow-x-auto rounded-t-none rounded-b-xl px-3 py-1.5 text-base font-normal whitespace-nowrap -outline-offset-1\"\n      variant=\"ghost\">\n      <span class=\"sr-only\">Server:</span>\n      <span class=\"overflow-x-auto\">{{\n        serverUrlWithoutTrailingSlash || 'Select a server'\n      }}</span>\n      <ScalarIconCaretDown\n        class=\"text-c-2 ui-open:rotate-180 mt-0.25 size-3 transition-transform duration-100\"\n        weight=\"bold\" />\n    </ScalarButton>\n  </ScalarListbox>\n  <div\n    v-else\n    class=\"text-c-1 flex h-auto w-full items-center gap-0.75 rounded-b-lg px-3 py-1.5 text-base leading-[20px] whitespace-nowrap\">\n    <span class=\"sr-only\">Server:</span>\n    <span class=\"overflow-x-auto\">{{ serverUrlWithoutTrailingSlash }}</span>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Selector.vue.js","names":[],"sources":["../../src/components/Selector.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarListbox } from '@scalar/components/listbox'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport { computed } from 'vue'\n\nconst { target, servers, selectedServer } = defineProps<{\n  /** The selected server URL */\n  selectedServer: ServerObject | null\n  /** Available servers */\n  servers: ServerObject[]\n  /** The id of the target to use for the popover (e.g. address bar) */\n  target: string\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the selected server changes */\n  (e: 'update:modelValue', value: string): void\n}>()\n\nconst serverOptions = computed(() =>\n  servers.map((server) => ({\n    id: server.url,\n    label: server.url,\n  })),\n)\n\nconst serverUrlWithoutTrailingSlash = computed(\n  () => selectedServer?.url?.replace(/\\/$/, '') || '',\n)\n\nconst selectedServerOption = computed(() =>\n  serverOptions.value.find((opt) => opt.id === selectedServer?.url),\n)\n\n// For testing\ndefineExpose({\n  servers,\n  serverUrlWithoutTrailingSlash,\n  serverOptions,\n  selectedServer,\n})\n</script>\n<template>\n  <ScalarListbox\n    v-if=\"serverOptions.length > 1\"\n    ref=\"elem\"\n    class=\"group\"\n    :modelValue=\"selectedServerOption\"\n    :options=\"serverOptions\"\n    placement=\"bottom-start\"\n    resize\n    :target=\"target\"\n    @update:modelValue=\"(e) => emit('update:modelValue', e.id)\">\n    <ScalarButton\n      class=\"bg-b-1 text-c-1 h-auto w-full justify-start gap-1.5 overflow-x-auto rounded-t-none rounded-b-xl px-3 py-1.5 text-base font-normal whitespace-nowrap -outline-offset-1\"\n      variant=\"ghost\">\n      <span class=\"sr-only\">Server:</span>\n      <span class=\"overflow-x-auto\">{{\n        serverUrlWithoutTrailingSlash || 'Select a server'\n      }}</span>\n      <ScalarIconCaretDown\n        class=\"text-c-2 ui-open:rotate-180 mt-0.25 size-3 transition-transform duration-100\"\n        weight=\"bold\" />\n    </ScalarButton>\n  </ScalarListbox>\n  <div\n    v-else\n    class=\"text-c-1 flex h-auto w-full items-center gap-0.75 rounded-b-lg px-3 py-1.5 text-base leading-[20px] whitespace-nowrap\">\n    <span class=\"sr-only\">Server:</span>\n    <span class=\"overflow-x-auto\">{{ serverUrlWithoutTrailingSlash }}</span>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/Selector.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"Selector.vue.script.js","names":[],"sources":["../../src/components/Selector.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarListbox } from '@scalar/components/listbox'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nconst { target, servers, selectedServer } = defineProps<{\n  /** The selected server URL */\n  selectedServer: ServerObject | null\n  /** Available servers */\n  servers: ServerObject[]\n  /** The id of the target to use for the popover (e.g. address bar) */\n  target: string\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the selected server changes */\n  (e: 'update:modelValue', value: string): void\n}>()\n\nconst serverOptions = computed(() =>\n  servers.map((server) => ({\n    id: server.url,\n    label: server.url,\n  })),\n)\n\nconst serverUrlWithoutTrailingSlash = computed(\n  () => selectedServer?.url?.replace(/\\/$/, '') || '',\n)\n\nconst selectedServerOption = computed(() =>\n  serverOptions.value.find((opt) => opt.id === selectedServer?.url),\n)\n\n// For testing\ndefineExpose({\n  servers,\n  serverUrlWithoutTrailingSlash,\n  serverOptions,\n  selectedServer,\n})\n</script>\n<template>\n  <ScalarListbox\n    v-if=\"serverOptions.length > 1\"\n    ref=\"elem\"\n    class=\"group\"\n    :modelValue=\"selectedServerOption\"\n    :options=\"serverOptions\"\n    placement=\"bottom-start\"\n    resize\n    :target=\"target\"\n    @update:modelValue=\"(e) => emit('update:modelValue', e.id)\">\n    <ScalarButton\n      class=\"bg-b-1 text-c-1 h-auto w-full justify-start gap-1.5 overflow-x-auto rounded-t-none rounded-b-xl px-3 py-1.5 text-base font-normal whitespace-nowrap -outline-offset-1\"\n      variant=\"ghost\">\n      <span class=\"sr-only\">Server:</span>\n      <span class=\"overflow-x-auto\">{{\n        serverUrlWithoutTrailingSlash || 'Select a server'\n      }}</span>\n      <ScalarIconCaretDown\n        class=\"text-c-2 ui-open:rotate-180 mt-0.25 size-3 transition-transform duration-100\"\n        weight=\"bold\" />\n    </ScalarButton>\n  </ScalarListbox>\n  <div\n    v-else\n    class=\"text-c-1 flex h-auto w-full items-center gap-0.75 rounded-b-lg px-3 py-1.5 text-base leading-[20px] whitespace-nowrap\">\n    <span class=\"sr-only\">Server:</span>\n    <span class=\"overflow-x-auto\">{{ serverUrlWithoutTrailingSlash }}</span>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,OAAO;EAKb,MAAM,gBAAgB,eACpB,QAAA,QAAQ,KAAK,YAAY;GACvB,IAAI,OAAO;GACX,OAAO,OAAO;EAChB,EAAE,CACJ;EAEA,MAAM,gCAAgC,eAC9B,QAAA,gBAAgB,KAAK,QAAQ,OAAO,EAAE,KAAK,EACnD;EAEA,MAAM,uBAAuB,eAC3B,cAAc,MAAM,MAAM,QAAQ,IAAI,OAAO,QAAA,gBAAgB,GAAG,CAClE;EAGA,SAAa;GACX,SAAM,QAAA;GACN;GACA;GACA,gBAAa,QAAA;EACf,CAAC;;UAIS,cAAA,MAAc,SAAM,KAAA,UAAA,GAD5B,YAqBgB,MAAA,aAAA,GAAA;;IAnBd,KAAI;IACJ,OAAM;IACL,YAAY,qBAAA;IACZ,SAAS,cAAA;IACV,WAAU;IACV,QAAA;IACC,QAAQ,QAAA;IACR,uBAAiB,OAAA,OAAA,OAAA,MAAG,MAAM,KAAI,qBAAsB,EAAE,EAAE;;2BAW1C,CAVf,YAUe,MAAA,YAAA,GAAA;KATb,OAAM;KACN,SAAQ;;4BAC4B;gCAApC,mBAAoC,QAAA,EAA9B,OAAM,UAAS,GAAC,WAAO,EAAA;MAC7B,mBAES,QAFT,YAES,gBADP,8BAAA,SAA6B,iBAAA,GAAA,CAAA;MAE/B,YAEkB,MAAA,mBAAA,GAAA;OADhB,OAAM;OACN,QAAO;;;;;;;;;;uBAGb,mBAKM,OALN,YAKM,CAAA,OAAA,OAAA,OAAA,KAFJ,mBAAoC,QAAA,EAA9B,OAAM,UAAS,GAAC,WAAO,EAAA,IAC7B,mBAAwE,QAAxE,YAAwE,gBAAvC,8BAAA,KAA6B,GAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"Selector.vue.script.js","names":[],"sources":["../../src/components/Selector.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarListbox } from '@scalar/components/listbox'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport { computed } from 'vue'\n\nconst { target, servers, selectedServer } = defineProps<{\n  /** The selected server URL */\n  selectedServer: ServerObject | null\n  /** Available servers */\n  servers: ServerObject[]\n  /** The id of the target to use for the popover (e.g. address bar) */\n  target: string\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the selected server changes */\n  (e: 'update:modelValue', value: string): void\n}>()\n\nconst serverOptions = computed(() =>\n  servers.map((server) => ({\n    id: server.url,\n    label: server.url,\n  })),\n)\n\nconst serverUrlWithoutTrailingSlash = computed(\n  () => selectedServer?.url?.replace(/\\/$/, '') || '',\n)\n\nconst selectedServerOption = computed(() =>\n  serverOptions.value.find((opt) => opt.id === selectedServer?.url),\n)\n\n// For testing\ndefineExpose({\n  servers,\n  serverUrlWithoutTrailingSlash,\n  serverOptions,\n  selectedServer,\n})\n</script>\n<template>\n  <ScalarListbox\n    v-if=\"serverOptions.length > 1\"\n    ref=\"elem\"\n    class=\"group\"\n    :modelValue=\"selectedServerOption\"\n    :options=\"serverOptions\"\n    placement=\"bottom-start\"\n    resize\n    :target=\"target\"\n    @update:modelValue=\"(e) => emit('update:modelValue', e.id)\">\n    <ScalarButton\n      class=\"bg-b-1 text-c-1 h-auto w-full justify-start gap-1.5 overflow-x-auto rounded-t-none rounded-b-xl px-3 py-1.5 text-base font-normal whitespace-nowrap -outline-offset-1\"\n      variant=\"ghost\">\n      <span class=\"sr-only\">Server:</span>\n      <span class=\"overflow-x-auto\">{{\n        serverUrlWithoutTrailingSlash || 'Select a server'\n      }}</span>\n      <ScalarIconCaretDown\n        class=\"text-c-2 ui-open:rotate-180 mt-0.25 size-3 transition-transform duration-100\"\n        weight=\"bold\" />\n    </ScalarButton>\n  </ScalarListbox>\n  <div\n    v-else\n    class=\"text-c-1 flex h-auto w-full items-center gap-0.75 rounded-b-lg px-3 py-1.5 text-base leading-[20px] whitespace-nowrap\">\n    <span class=\"sr-only\">Server:</span>\n    <span class=\"overflow-x-auto\">{{ serverUrlWithoutTrailingSlash }}</span>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,OAAO;EAKb,MAAM,gBAAgB,eACpB,QAAA,QAAQ,KAAK,YAAY;GACvB,IAAI,OAAO;GACX,OAAO,OAAO;EAChB,EAAE,CACJ;EAEA,MAAM,gCAAgC,eAC9B,QAAA,gBAAgB,KAAK,QAAQ,OAAO,EAAE,KAAK,EACnD;EAEA,MAAM,uBAAuB,eAC3B,cAAc,MAAM,MAAM,QAAQ,IAAI,OAAO,QAAA,gBAAgB,GAAG,CAClE;EAGA,SAAa;GACX,SAAM,QAAA;GACN;GACA;GACA,gBAAa,QAAA;EACf,CAAC;;UAIS,cAAA,MAAc,SAAM,KAAA,UAAA,GAD5B,YAqBgB,MAAA,aAAA,GAAA;;IAnBd,KAAI;IACJ,OAAM;IACL,YAAY,qBAAA;IACZ,SAAS,cAAA;IACV,WAAU;IACV,QAAA;IACC,QAAQ,QAAA;IACR,uBAAiB,OAAA,OAAA,OAAA,MAAG,MAAM,KAAI,qBAAsB,EAAE,EAAE;;2BAW1C,CAVf,YAUe,MAAA,YAAA,GAAA;KATb,OAAM;KACN,SAAQ;;4BAC4B;gCAApC,mBAAoC,QAAA,EAA9B,OAAM,UAAS,GAAC,WAAO,EAAA;MAC7B,mBAES,QAFT,YAES,gBADP,8BAAA,SAA6B,iBAAA,GAAA,CAAA;MAE/B,YAEkB,MAAA,mBAAA,GAAA;OADhB,OAAM;OACN,QAAO;;;;;;;;;;uBAGb,mBAKM,OALN,YAKM,CAAA,OAAA,OAAA,OAAA,KAFJ,mBAAoC,QAAA,EAA9B,OAAM,UAAS,GAAC,WAAO,EAAA,IAC7B,mBAAwE,QAAxE,YAAwE,gBAAvC,8BAAA,KAA6B,GAAA,CAAA,CAAA,CAAA"}

package/dist/components/ServerSelector.vue.d.ts

@@ -1,5 +1,5 @@
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
-import type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
+import type { ServerObject } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document';
 type SelectorProps = {
     /** The event bus to use for emitting events */
     eventBus: WorkspaceEventBus;

package/dist/components/ServerSelector.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ServerSelector.vue.js","names":[],"sources":["../../src/components/ServerSelector.vue"],"sourcesContent":["<script lang=\"ts\">\ntype SelectorProps = {\n  /** The event bus to use for emitting events */\n  eventBus: WorkspaceEventBus\n  /** The selected server  */\n  selectedServer: ServerObject | null\n  /** Available servers */\n  servers: ServerObject[]\n}\n\n/**\n * ServerSelector\n *\n * Core component for rendering a server selector block.\n * Handles server selection and emits a 'server:update:selected' event when the selected server changes.\n *\n * @event server:update:selected - Emitted when the selected server changes\n * @event server:update:variables - Emitted when a server variable changes\n */\nexport default {}\n</script>\n\n<script lang=\"ts\" setup>\nimport { ServerVariablesForm } from '@scalar/api-client/components/Server'\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { useId } from 'vue'\n\nimport Selector from './Selector.vue'\n\nconst { eventBus, servers, selectedServer } = defineProps<SelectorProps>()\n\nconst id = useId()\n\n/** Update the selected server */\nconst updateServer = (newServer: string) => {\n  eventBus.emit('server:update:selected', {\n    url: selectedServer?.url === newServer ? '' : newServer,\n    meta: {\n      type: 'document',\n    },\n  })\n}\n\n/** Update the server variable */\nconst updateServerVariable = (key: string, value: string) => {\n  /** Find the index of the selected server */\n  const index = servers.findIndex((s) => s.url === selectedServer?.url)\n  if (index === -1) {\n    return\n  }\n\n  eventBus.emit('server:update:variables', {\n    index,\n    key,\n    value,\n    meta: {\n      type: 'document',\n    },\n  })\n}\n</script>\n\n<template>\n  <label\n    class=\"bg-b-2 flex h-8 items-center rounded-t-xl border-x border-t px-3 py-2.5 font-medium\">\n    Server\n  </label>\n  <div\n    :id=\"id\"\n    class=\"border\"\n    :class=\"{\n      'rounded-b-xl':\n        !selectedServer?.description && !selectedServer?.variables,\n    }\">\n    <Selector\n      v-if=\"servers.length\"\n      :selectedServer\n      :servers=\"servers\"\n      :target=\"id\"\n      @update:modelValue=\"updateServer\" />\n  </div>\n  <ServerVariablesForm\n    layout=\"reference\"\n    :variables=\"selectedServer?.variables\"\n    @update:variable=\"updateServerVariable\" />\n\n  <!-- Description -->\n  <ScalarMarkdown\n    v-if=\"selectedServer?.description\"\n    class=\"text-c-3 rounded-b-xl border-x border-b px-3 py-1.5\"\n    :value=\"selectedServer.description\" />\n</template>\n"],"mappings":""}
+{"version":3,"file":"ServerSelector.vue.js","names":[],"sources":["../../src/components/ServerSelector.vue"],"sourcesContent":["<script lang=\"ts\">\ntype SelectorProps = {\n  /** The event bus to use for emitting events */\n  eventBus: WorkspaceEventBus\n  /** The selected server  */\n  selectedServer: ServerObject | null\n  /** Available servers */\n  servers: ServerObject[]\n}\n\n/**\n * ServerSelector\n *\n * Core component for rendering a server selector block.\n * Handles server selection and emits a 'server:update:selected' event when the selected server changes.\n *\n * @event server:update:selected - Emitted when the selected server changes\n * @event server:update:variables - Emitted when a server variable changes\n */\nexport default {}\n</script>\n\n<script lang=\"ts\" setup>\nimport { ServerVariablesForm } from '@scalar/api-client/components/Server'\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport { useId } from 'vue'\n\nimport Selector from './Selector.vue'\n\nconst { eventBus, servers, selectedServer } = defineProps<SelectorProps>()\n\nconst id = useId()\n\n/** Update the selected server */\nconst updateServer = (newServer: string) => {\n  eventBus.emit('server:update:selected', {\n    url: selectedServer?.url === newServer ? '' : newServer,\n    meta: {\n      type: 'document',\n    },\n  })\n}\n\n/** Update the server variable */\nconst updateServerVariable = (key: string, value: string) => {\n  /** Find the index of the selected server */\n  const index = servers.findIndex((s) => s.url === selectedServer?.url)\n  if (index === -1) {\n    return\n  }\n\n  eventBus.emit('server:update:variables', {\n    index,\n    key,\n    value,\n    meta: {\n      type: 'document',\n    },\n  })\n}\n</script>\n\n<template>\n  <label\n    class=\"bg-b-2 flex h-8 items-center rounded-t-xl border-x border-t px-3 py-2.5 font-medium\">\n    Server\n  </label>\n  <div\n    :id=\"id\"\n    class=\"border\"\n    :class=\"{\n      'rounded-b-xl':\n        !selectedServer?.description && !selectedServer?.variables,\n    }\">\n    <Selector\n      v-if=\"servers.length\"\n      :selectedServer\n      :servers=\"servers\"\n      :target=\"id\"\n      @update:modelValue=\"updateServer\" />\n  </div>\n  <ServerVariablesForm\n    layout=\"reference\"\n    :variables=\"selectedServer?.variables\"\n    @update:variable=\"updateServerVariable\" />\n\n  <!-- Description -->\n  <ScalarMarkdown\n    v-if=\"selectedServer?.description\"\n    class=\"text-c-3 rounded-b-xl border-x border-b px-3 py-1.5\"\n    :value=\"selectedServer.description\" />\n</template>\n"],"mappings":""}

package/dist/components/ServerSelector.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ServerSelector.vue.script.js","names":[],"sources":["../../src/components/ServerSelector.vue"],"sourcesContent":["<script lang=\"ts\">\ntype SelectorProps = {\n  /** The event bus to use for emitting events */\n  eventBus: WorkspaceEventBus\n  /** The selected server  */\n  selectedServer: ServerObject | null\n  /** Available servers */\n  servers: ServerObject[]\n}\n\n/**\n * ServerSelector\n *\n * Core component for rendering a server selector block.\n * Handles server selection and emits a 'server:update:selected' event when the selected server changes.\n *\n * @event server:update:selected - Emitted when the selected server changes\n * @event server:update:variables - Emitted when a server variable changes\n */\nexport default {}\n</script>\n\n<script lang=\"ts\" setup>\nimport { ServerVariablesForm } from '@scalar/api-client/components/Server'\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { useId } from 'vue'\n\nimport Selector from './Selector.vue'\n\nconst { eventBus, servers, selectedServer } = defineProps<SelectorProps>()\n\nconst id = useId()\n\n/** Update the selected server */\nconst updateServer = (newServer: string) => {\n  eventBus.emit('server:update:selected', {\n    url: selectedServer?.url === newServer ? '' : newServer,\n    meta: {\n      type: 'document',\n    },\n  })\n}\n\n/** Update the server variable */\nconst updateServerVariable = (key: string, value: string) => {\n  /** Find the index of the selected server */\n  const index = servers.findIndex((s) => s.url === selectedServer?.url)\n  if (index === -1) {\n    return\n  }\n\n  eventBus.emit('server:update:variables', {\n    index,\n    key,\n    value,\n    meta: {\n      type: 'document',\n    },\n  })\n}\n</script>\n\n<template>\n  <label\n    class=\"bg-b-2 flex h-8 items-center rounded-t-xl border-x border-t px-3 py-2.5 font-medium\">\n    Server\n  </label>\n  <div\n    :id=\"id\"\n    class=\"border\"\n    :class=\"{\n      'rounded-b-xl':\n        !selectedServer?.description && !selectedServer?.variables,\n    }\">\n    <Selector\n      v-if=\"servers.length\"\n      :selectedServer\n      :servers=\"servers\"\n      :target=\"id\"\n      @update:modelValue=\"updateServer\" />\n  </div>\n  <ServerVariablesForm\n    layout=\"reference\"\n    :variables=\"selectedServer?.variables\"\n    @update:variable=\"updateServerVariable\" />\n\n  <!-- Description -->\n  <ScalarMarkdown\n    v-if=\"selectedServer?.description\"\n    class=\"text-c-3 rounded-b-xl border-x border-b px-3 py-1.5\"\n    :value=\"selectedServer.description\" />\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAiCA,MAAM,KAAK,MAAM;;EAGjB,MAAM,gBAAgB,cAAsB;GAC1C,QAAA,SAAS,KAAK,0BAA0B;IACtC,KAAK,QAAA,gBAAgB,QAAQ,YAAY,KAAK;IAC9C,MAAM,EACJ,MAAM,WACR;GACF,CAAC;EACH;;EAGA,MAAM,wBAAwB,KAAa,UAAkB;;GAE3D,MAAM,QAAQ,QAAA,QAAQ,WAAW,MAAM,EAAE,QAAQ,QAAA,gBAAgB,GAAG;GACpE,IAAI,UAAU,IACZ;GAGF,QAAA,SAAS,KAAK,2BAA2B;IACvC;IACA;IACA;IACA,MAAM,EACJ,MAAM,WACR;GACF,CAAC;EACH;;;8BAIE,mBAGQ,SAAA,EAFN,OAAM,sFAAqF,GAAC,YAE9F,EAAA;IACA,mBAaM,OAAA;KAZH,IAAI,MAAA,EAAA;KACL,OAAK,eAAA,CAAC,UAAQ,EAAA,gBAAA,CAC2B,QAAA,gBAAgB,eAAW,CAAK,QAAA,gBAAgB,UAAA,CAAA,CAAA;QAKjF,QAAA,QAAQ,UAAA,UAAA,GADhB,YAKsC,kBAAA;;KAHnC,gBAAA,QAAA;KACA,SAAS,QAAA;KACT,QAAQ,MAAA,EAAA;KACR,uBAAmB;;;;;;IAExB,YAG4C,MAAA,mBAAA,GAAA;KAF1C,QAAO;KACN,WAAW,QAAA,gBAAgB;KAC3B,qBAAiB;;IAIZ,QAAA,gBAAgB,eAAA,UAAA,GADxB,YAGwC,MAAA,cAAA,GAAA;;KADtC,OAAM;KACL,OAAO,QAAA,eAAe"}
+{"version":3,"file":"ServerSelector.vue.script.js","names":[],"sources":["../../src/components/ServerSelector.vue"],"sourcesContent":["<script lang=\"ts\">\ntype SelectorProps = {\n  /** The event bus to use for emitting events */\n  eventBus: WorkspaceEventBus\n  /** The selected server  */\n  selectedServer: ServerObject | null\n  /** Available servers */\n  servers: ServerObject[]\n}\n\n/**\n * ServerSelector\n *\n * Core component for rendering a server selector block.\n * Handles server selection and emits a 'server:update:selected' event when the selected server changes.\n *\n * @event server:update:selected - Emitted when the selected server changes\n * @event server:update:variables - Emitted when a server variable changes\n */\nexport default {}\n</script>\n\n<script lang=\"ts\" setup>\nimport { ServerVariablesForm } from '@scalar/api-client/components/Server'\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport { useId } from 'vue'\n\nimport Selector from './Selector.vue'\n\nconst { eventBus, servers, selectedServer } = defineProps<SelectorProps>()\n\nconst id = useId()\n\n/** Update the selected server */\nconst updateServer = (newServer: string) => {\n  eventBus.emit('server:update:selected', {\n    url: selectedServer?.url === newServer ? '' : newServer,\n    meta: {\n      type: 'document',\n    },\n  })\n}\n\n/** Update the server variable */\nconst updateServerVariable = (key: string, value: string) => {\n  /** Find the index of the selected server */\n  const index = servers.findIndex((s) => s.url === selectedServer?.url)\n  if (index === -1) {\n    return\n  }\n\n  eventBus.emit('server:update:variables', {\n    index,\n    key,\n    value,\n    meta: {\n      type: 'document',\n    },\n  })\n}\n</script>\n\n<template>\n  <label\n    class=\"bg-b-2 flex h-8 items-center rounded-t-xl border-x border-t px-3 py-2.5 font-medium\">\n    Server\n  </label>\n  <div\n    :id=\"id\"\n    class=\"border\"\n    :class=\"{\n      'rounded-b-xl':\n        !selectedServer?.description && !selectedServer?.variables,\n    }\">\n    <Selector\n      v-if=\"servers.length\"\n      :selectedServer\n      :servers=\"servers\"\n      :target=\"id\"\n      @update:modelValue=\"updateServer\" />\n  </div>\n  <ServerVariablesForm\n    layout=\"reference\"\n    :variables=\"selectedServer?.variables\"\n    @update:variable=\"updateServerVariable\" />\n\n  <!-- Description -->\n  <ScalarMarkdown\n    v-if=\"selectedServer?.description\"\n    class=\"text-c-3 rounded-b-xl border-x border-b px-3 py-1.5\"\n    :value=\"selectedServer.description\" />\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAiCA,MAAM,KAAK,MAAM;;EAGjB,MAAM,gBAAgB,cAAsB;GAC1C,QAAA,SAAS,KAAK,0BAA0B;IACtC,KAAK,QAAA,gBAAgB,QAAQ,YAAY,KAAK;IAC9C,MAAM,EACJ,MAAM,WACR;GACF,CAAC;EACH;;EAGA,MAAM,wBAAwB,KAAa,UAAkB;;GAE3D,MAAM,QAAQ,QAAA,QAAQ,WAAW,MAAM,EAAE,QAAQ,QAAA,gBAAgB,GAAG;GACpE,IAAI,UAAU,IACZ;GAGF,QAAA,SAAS,KAAK,2BAA2B;IACvC;IACA;IACA;IACA,MAAM,EACJ,MAAM,WACR;GACF,CAAC;EACH;;;8BAIE,mBAGQ,SAAA,EAFN,OAAM,sFAAqF,GAAC,YAE9F,EAAA;IACA,mBAaM,OAAA;KAZH,IAAI,MAAA,EAAA;KACL,OAAK,eAAA,CAAC,UAAQ,EAAA,gBAAA,CAC2B,QAAA,gBAAgB,eAAW,CAAK,QAAA,gBAAgB,UAAA,CAAA,CAAA;QAKjF,QAAA,QAAQ,UAAA,UAAA,GADhB,YAKsC,kBAAA;;KAHnC,gBAAA,QAAA;KACA,SAAS,QAAA;KACT,QAAQ,MAAA,EAAA;KACR,uBAAmB;;;;;;IAExB,YAG4C,MAAA,mBAAA,GAAA;KAF1C,QAAO;KACN,WAAW,QAAA,gBAAgB;KAC3B,qBAAiB;;IAIZ,QAAA,gBAAgB,eAAA,UAAA,GADxB,YAGwC,MAAA,cAAA,GAAA;;KADtC,OAAM;KACL,OAAO,QAAA,eAAe"}

package/dist/helpers.d.ts

@@ -2,12 +2,12 @@ import type { OpenAPIV3_1 } from '@scalar/openapi-types';
 import type { WorkspaceStore } from '@scalar/workspace-store/client';
 import { type Auth } from '@scalar/workspace-store/entities/auth';
 import type { SecuritySchemeObjectSecret } from '@scalar/workspace-store/request-example';
-import type { OperationObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
+import type { OperationObject } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document';
 export declare function getOperations(doc: Partial<OpenAPIV3_1.Document>): OperationObject[];
 /** Generate document settings from workspace store. AsyncAPI docs are skipped — this feature is OpenAPI-native. */
 export declare function createDocumentSettings(workspaceStore: WorkspaceStore): {
     [k: string]: {
-        activeServer: import("@scalar/workspace-store/schemas/v3.1/strict/server").ServerObject | null;
+        activeServer: import("@scalar/workspace-store/schemas/v3.2/strict/server").ServerObject | null;
         securitySchemes: SecuritySchemeObjectSecret[];
     };
 };

package/dist/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":[],"sources":["../src/helpers.ts"],"sourcesContent":["import { REFERENCE_LS_KEYS, safeLocalStorage } from '@scalar/helpers/object/local-storage'\nimport type { OpenAPIV3_1 } from '@scalar/openapi-types'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { AuthStore } from '@scalar/workspace-store/entities/auth'\nimport { type Auth, AuthSchema } from '@scalar/workspace-store/entities/auth'\nimport type { SecuritySchemeObjectSecret } from '@scalar/workspace-store/request-example'\nimport {\n  getSecurityRequirements,\n  getSecuritySchemes,\n  getSelectedSecurity,\n  getSelectedServer,\n  getServers,\n  mergeSecurity,\n} from '@scalar/workspace-store/request-example'\nimport { isOpenApiDocument } from '@scalar/workspace-store/schemas/type-guards'\nimport { coerceValue } from '@scalar/workspace-store/schemas/typebox-coerce'\nimport type { OpenApiDocument, OperationObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nexport function getOperations(doc: Partial<OpenAPIV3_1.Document>) {\n  return Object.values(doc.paths ?? {}).flatMap((path) => Object.values(path ?? {})) as OperationObject[]\n}\n\n/** Flattens all security requirements from a document */\nfunction getSecurityFromDocument(\n  documentName: string,\n  document: OpenApiDocument,\n  authStore: AuthStore,\n): SecuritySchemeObjectSecret[] {\n  const mergedSecurity = mergeSecurity(document?.components?.securitySchemes, {}, authStore, documentName)\n\n  const securityRequirements = getSecurityRequirements(document.security)\n\n  const selectedSecurity = getSelectedSecurity(\n    authStore.getAuthSelectedSchemas({\n      type: 'document',\n      documentName,\n    }),\n    undefined,\n    securityRequirements,\n  )\n\n  return getSecuritySchemes(mergedSecurity, selectedSecurity.selectedSchemes[selectedSecurity.selectedIndex] ?? {})\n}\n\n/** Generate document settings from workspace store. AsyncAPI docs are skipped — this feature is OpenAPI-native. */\nexport function createDocumentSettings(workspaceStore: WorkspaceStore) {\n  const openApiEntries: [string, OpenApiDocument][] = []\n  for (const [key, document] of Object.entries(workspaceStore.workspace.documents)) {\n    if (isOpenApiDocument(document)) {\n      openApiEntries.push([key, document])\n    }\n  }\n\n  return Object.fromEntries(\n    openApiEntries.map(([key, document]) => {\n      const servers = getServers(document.servers, {\n        documentUrl: document['x-scalar-original-source-url'],\n      })\n\n      return [\n        key,\n        {\n          activeServer: getSelectedServer(document, null, null, servers),\n          securitySchemes: getSecurityFromDocument(key, document, workspaceStore.auth),\n        },\n      ]\n    }),\n  )\n}\n\n// Local storage helper instance, safely wrapped.\nconst storage = safeLocalStorage()\n\n/**\n * Provides an interface to store and retrieve authentication scheme\n * information in local storage, including both the available schemes and\n * the user's selected schemes.\n */\nexport const authStorage = () => {\n  const getKey = (slug: string) => {\n    return `${REFERENCE_LS_KEYS.AUTH}-${slug}`\n  }\n\n  return {\n    /**\n     * Retrieves and coerces the authentication schemes stored in local storage.\n     */\n    getAuth: (slug: string) => {\n      const parsed = JSON.parse(storage.getItem(getKey(slug)) ?? '{}')\n      return coerceValue(AuthSchema, parsed)\n    },\n    /**\n     * Stores the authentication schemes in local storage.\n     * @param value The Auth object to stringify and store.\n     */\n    setAuth: (slug: string, value: Auth) => {\n      storage.setItem(getKey(slug), JSON.stringify(value))\n    },\n  }\n}\n\n/**\n * Restores authentication secrets from local storage to the workspace store.\n *\n * This function iterates through stored authentication schemes and restores\n * any secret values (keys starting with x-scalar-secret-) to the active\n * document's security schemes. It uses the current security schemes as the\n * source of truth, only restoring secrets for structures that exist in the\n * current document.\n */\nexport const restoreAuthSecretsFromStorage = ({\n  documentName,\n  workspaceStore,\n}: {\n  documentName: string\n  workspaceStore: WorkspaceStore\n}): void => {\n  const authPersistence = authStorage()\n  const auth = authPersistence.getAuth(documentName)\n  workspaceStore.auth.load({ [documentName]: auth })\n}\n\nexport function safeParseJson(value: string) {\n  try {\n    return JSON.parse(value)\n  } catch {\n    return\n  }\n}\n"],"mappings":";;;;;;AAkBA,SAAgB,cAAc,KAAoC;CAChE,OAAO,OAAO,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,SAAS,OAAO,OAAO,QAAQ,CAAC,CAAC,CAAC;AACnF;;AAGA,SAAS,wBACP,cACA,UACA,WAC8B;CAC9B,MAAM,iBAAiB,cAAc,UAAU,YAAY,iBAAiB,CAAC,GAAG,WAAW,YAAY;CAEvG,MAAM,uBAAuB,wBAAwB,SAAS,QAAQ;CAEtE,MAAM,mBAAmB,oBACvB,UAAU,uBAAuB;EAC/B,MAAM;EACN;CACF,CAAC,GACD,KAAA,GACA,oBACF;CAEA,OAAO,mBAAmB,gBAAgB,iBAAiB,gBAAgB,iBAAiB,kBAAkB,CAAC,CAAC;AAClH;;AAGA,SAAgB,uBAAuB,gBAAgC;CACrE,MAAM,iBAA8C,CAAC;CACrD,KAAK,MAAM,CAAC,KAAK,aAAa,OAAO,QAAQ,eAAe,UAAU,SAAS,GAC7E,IAAI,kBAAkB,QAAQ,GAC5B,eAAe,KAAK,CAAC,KAAK,QAAQ,CAAC;CAIvC,OAAO,OAAO,YACZ,eAAe,KAAK,CAAC,KAAK,cAAc;EAKtC,OAAO,CACL,KACA;GACE,cAAc,kBAAkB,UAAU,MAAM,MAPpC,WAAW,SAAS,SAAS,EAC3C,aAAa,SAAS,gCACxB,CAK0D,CAAO;GAC7D,iBAAiB,wBAAwB,KAAK,UAAU,eAAe,IAAI;EAC7E,CACF;CACF,CAAC,CACH;AACF;AAGA,IAAM,UAAU,iBAAiB;;;;;;AAOjC,IAAa,oBAAoB;CAC/B,MAAM,UAAU,SAAiB;EAC/B,OAAO,GAAG,kBAAkB,KAAK,GAAG;CACtC;CAEA,OAAO;;;;EAIL,UAAU,SAAiB;GAEzB,OAAO,YAAY,YADJ,KAAK,MAAM,QAAQ,QAAQ,OAAO,IAAI,CAAC,KAAK,IAC5B,CAAM;EACvC;;;;;EAKA,UAAU,MAAc,UAAgB;GACtC,QAAQ,QAAQ,OAAO,IAAI,GAAG,KAAK,UAAU,KAAK,CAAC;EACrD;CACF;AACF;;;;;;;;;;AAWA,IAAa,iCAAiC,EAC5C,cACA,qBAIU;CAEV,MAAM,OADkB,YACX,CAAA,CAAgB,QAAQ,YAAY;CACjD,eAAe,KAAK,KAAK,GAAG,eAAe,KAAK,CAAC;AACnD;AAEA,SAAgB,cAAc,OAAe;CAC3C,IAAI;EACF,OAAO,KAAK,MAAM,KAAK;CACzB,QAAQ;EACN;CACF;AACF"}
+{"version":3,"file":"helpers.js","names":[],"sources":["../src/helpers.ts"],"sourcesContent":["import { REFERENCE_LS_KEYS, safeLocalStorage } from '@scalar/helpers/object/local-storage'\nimport type { OpenAPIV3_1 } from '@scalar/openapi-types'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { AuthStore } from '@scalar/workspace-store/entities/auth'\nimport { type Auth, AuthSchema } from '@scalar/workspace-store/entities/auth'\nimport type { SecuritySchemeObjectSecret } from '@scalar/workspace-store/request-example'\nimport {\n  getSecurityRequirements,\n  getSecuritySchemes,\n  getSelectedSecurity,\n  getSelectedServer,\n  getServers,\n  mergeSecurity,\n} from '@scalar/workspace-store/request-example'\nimport { isOpenApiDocument } from '@scalar/workspace-store/schemas/type-guards'\nimport { coerceValue } from '@scalar/workspace-store/schemas/typebox-coerce'\nimport type { OpenApiDocument, OperationObject } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\n\nexport function getOperations(doc: Partial<OpenAPIV3_1.Document>) {\n  return Object.values(doc.paths ?? {}).flatMap((path) => Object.values(path ?? {})) as OperationObject[]\n}\n\n/** Flattens all security requirements from a document */\nfunction getSecurityFromDocument(\n  documentName: string,\n  document: OpenApiDocument,\n  authStore: AuthStore,\n): SecuritySchemeObjectSecret[] {\n  const mergedSecurity = mergeSecurity(document?.components?.securitySchemes, {}, authStore, documentName)\n\n  const securityRequirements = getSecurityRequirements(document.security)\n\n  const selectedSecurity = getSelectedSecurity(\n    authStore.getAuthSelectedSchemas({\n      type: 'document',\n      documentName,\n    }),\n    undefined,\n    securityRequirements,\n  )\n\n  return getSecuritySchemes(mergedSecurity, selectedSecurity.selectedSchemes[selectedSecurity.selectedIndex] ?? {})\n}\n\n/** Generate document settings from workspace store. AsyncAPI docs are skipped — this feature is OpenAPI-native. */\nexport function createDocumentSettings(workspaceStore: WorkspaceStore) {\n  const openApiEntries: [string, OpenApiDocument][] = []\n  for (const [key, document] of Object.entries(workspaceStore.workspace.documents)) {\n    if (isOpenApiDocument(document)) {\n      openApiEntries.push([key, document])\n    }\n  }\n\n  return Object.fromEntries(\n    openApiEntries.map(([key, document]) => {\n      const servers = getServers(document.servers, {\n        documentUrl: document['x-scalar-original-source-url'],\n      })\n\n      return [\n        key,\n        {\n          activeServer: getSelectedServer(document, null, null, servers),\n          securitySchemes: getSecurityFromDocument(key, document, workspaceStore.auth),\n        },\n      ]\n    }),\n  )\n}\n\n// Local storage helper instance, safely wrapped.\nconst storage = safeLocalStorage()\n\n/**\n * Provides an interface to store and retrieve authentication scheme\n * information in local storage, including both the available schemes and\n * the user's selected schemes.\n */\nexport const authStorage = () => {\n  const getKey = (slug: string) => {\n    return `${REFERENCE_LS_KEYS.AUTH}-${slug}`\n  }\n\n  return {\n    /**\n     * Retrieves and coerces the authentication schemes stored in local storage.\n     */\n    getAuth: (slug: string) => {\n      const parsed = JSON.parse(storage.getItem(getKey(slug)) ?? '{}')\n      return coerceValue(AuthSchema, parsed)\n    },\n    /**\n     * Stores the authentication schemes in local storage.\n     * @param value The Auth object to stringify and store.\n     */\n    setAuth: (slug: string, value: Auth) => {\n      storage.setItem(getKey(slug), JSON.stringify(value))\n    },\n  }\n}\n\n/**\n * Restores authentication secrets from local storage to the workspace store.\n *\n * This function iterates through stored authentication schemes and restores\n * any secret values (keys starting with x-scalar-secret-) to the active\n * document's security schemes. It uses the current security schemes as the\n * source of truth, only restoring secrets for structures that exist in the\n * current document.\n */\nexport const restoreAuthSecretsFromStorage = ({\n  documentName,\n  workspaceStore,\n}: {\n  documentName: string\n  workspaceStore: WorkspaceStore\n}): void => {\n  const authPersistence = authStorage()\n  const auth = authPersistence.getAuth(documentName)\n  workspaceStore.auth.load({ [documentName]: auth })\n}\n\nexport function safeParseJson(value: string) {\n  try {\n    return JSON.parse(value)\n  } catch {\n    return\n  }\n}\n"],"mappings":";;;;;;AAkBA,SAAgB,cAAc,KAAoC;CAChE,OAAO,OAAO,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,SAAS,OAAO,OAAO,QAAQ,CAAC,CAAC,CAAC;AACnF;;AAGA,SAAS,wBACP,cACA,UACA,WAC8B;CAC9B,MAAM,iBAAiB,cAAc,UAAU,YAAY,iBAAiB,CAAC,GAAG,WAAW,YAAY;CAEvG,MAAM,uBAAuB,wBAAwB,SAAS,QAAQ;CAEtE,MAAM,mBAAmB,oBACvB,UAAU,uBAAuB;EAC/B,MAAM;EACN;CACF,CAAC,GACD,KAAA,GACA,oBACF;CAEA,OAAO,mBAAmB,gBAAgB,iBAAiB,gBAAgB,iBAAiB,kBAAkB,CAAC,CAAC;AAClH;;AAGA,SAAgB,uBAAuB,gBAAgC;CACrE,MAAM,iBAA8C,CAAC;CACrD,KAAK,MAAM,CAAC,KAAK,aAAa,OAAO,QAAQ,eAAe,UAAU,SAAS,GAC7E,IAAI,kBAAkB,QAAQ,GAC5B,eAAe,KAAK,CAAC,KAAK,QAAQ,CAAC;CAIvC,OAAO,OAAO,YACZ,eAAe,KAAK,CAAC,KAAK,cAAc;EAKtC,OAAO,CACL,KACA;GACE,cAAc,kBAAkB,UAAU,MAAM,MAPpC,WAAW,SAAS,SAAS,EAC3C,aAAa,SAAS,gCACxB,CAK0D,CAAO;GAC7D,iBAAiB,wBAAwB,KAAK,UAAU,eAAe,IAAI;EAC7E,CACF;CACF,CAAC,CACH;AACF;AAGA,IAAM,UAAU,iBAAiB;;;;;;AAOjC,IAAa,oBAAoB;CAC/B,MAAM,UAAU,SAAiB;EAC/B,OAAO,GAAG,kBAAkB,KAAK,GAAG;CACtC;CAEA,OAAO;;;;EAIL,UAAU,SAAiB;GAEzB,OAAO,YAAY,YADJ,KAAK,MAAM,QAAQ,QAAQ,OAAO,IAAI,CAAC,KAAK,IAC5B,CAAM;EACvC;;;;;EAKA,UAAU,MAAc,UAAgB;GACtC,QAAQ,QAAQ,OAAO,IAAI,GAAG,KAAK,UAAU,KAAK,CAAC;EACrD;CACF;AACF;;;;;;;;;;AAWA,IAAa,iCAAiC,EAC5C,cACA,qBAIU;CAEV,MAAM,OADkB,YACX,CAAA,CAAgB,QAAQ,YAAY;CACjD,eAAe,KAAK,KAAK,GAAG,eAAe,KAAK,CAAC;AACnD;AAEA,SAAgB,cAAc,OAAe;CAC3C,IAAI;EACF,OAAO,KAAK,MAAM,KAAK;CACzB,QAAQ;EACN;CACF;AACF"}

package/dist/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/agent-chat"
   },
-  "version": "0.12.30",
+  "version": "0.12.32",
   "engines": {
     "node": ">=22"
   },

package/dist/style.css

@@ -257,7 +257,7 @@
   transform: translate3d(0, 0, 0);
 }
 
-.dark-mode .scalar-dropdown-item[data-v-f5e0d3d8]:hover, .dark-mode .scalar-dropdown-item[data-highlighted][data-v-f5e0d3d8], .dark-mode .scalar-dropdown-item[data-v-3402682d]:hover {
+.dark-mode .scalar-dropdown-item[data-v-128eed00]:hover, .dark-mode .scalar-dropdown-item[data-highlighted][data-v-128eed00], .dark-mode .scalar-dropdown-item[data-v-3402682d]:hover {
   filter: brightness(1.1);
 }
 
@@ -1461,11 +1461,11 @@
   background: var(--scalar-sidebar-item-hover-background, var(--scalar-background-2));
 }
 
-.fade-request-section-content[data-v-07ff8fc3] {
+.fade-request-section-content[data-v-ac788106] {
   background: linear-gradient(to left, var(--scalar-background-1) 64%, transparent);
 }
 
-.filter-hover[data-v-07ff8fc3] {
+.filter-hover[data-v-ac788106] {
   height: 100%;
   padding-left: 24px;
   padding-right: 39px;
@@ -1475,12 +1475,12 @@
   overflow: hidden;
 }
 
-.filter-hover[data-v-07ff8fc3]:hover, .filter-hover[data-v-07ff8fc3]:has(:focus-visible) {
+.filter-hover[data-v-ac788106]:hover, .filter-hover[data-v-ac788106]:has(:focus-visible) {
   z-index: 10;
   width: 100%;
 }
 
-.filter-hover[data-v-07ff8fc3]:before {
+.filter-hover[data-v-ac788106]:before {
   content: "";
   background-color: var(--scalar-background-1);
   opacity: 0;
@@ -1493,90 +1493,90 @@
   left: 0;
 }
 
-.filter-hover-item[data-v-07ff8fc3] {
+.filter-hover-item[data-v-ac788106] {
   opacity: 0;
 }
 
-.filter-hover-item[data-v-07ff8fc3]:not(:last-of-type) {
+.filter-hover-item[data-v-ac788106]:not(:last-of-type) {
   transform: translate3d(0, 3px, 0);
 }
 
-.filter-hover:hover .filter-hover-item[data-v-07ff8fc3] {
+.filter-hover:hover .filter-hover-item[data-v-ac788106] {
   transition: opacity .2s ease-in-out, transform .2s ease-in-out;
 }
 
-.filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:last-of-type {
+.filter-hover:hover .filter-hover-item[data-v-ac788106]:last-of-type {
   transition-delay: 50ms;
 }
 
-.filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:nth-last-of-type(2) {
+.filter-hover:hover .filter-hover-item[data-v-ac788106]:nth-last-of-type(2) {
   transition-delay: .1s;
 }
 
-.filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:nth-last-of-type(3) {
+.filter-hover:hover .filter-hover-item[data-v-ac788106]:nth-last-of-type(3) {
   transition-delay: .15s;
 }
 
-.filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:nth-last-of-type(4) {
+.filter-hover:hover .filter-hover-item[data-v-ac788106]:nth-last-of-type(4) {
   transition-delay: .2s;
 }
 
-.filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:nth-last-of-type(5) {
+.filter-hover:hover .filter-hover-item[data-v-ac788106]:nth-last-of-type(5) {
   transition-delay: .25s;
 }
 
-.filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:nth-last-of-type(6) {
+.filter-hover:hover .filter-hover-item[data-v-ac788106]:nth-last-of-type(6) {
   transition-delay: .3s;
 }
 
-.filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:nth-last-of-type(7) {
+.filter-hover:hover .filter-hover-item[data-v-ac788106]:nth-last-of-type(7) {
   transition-delay: .35s;
 }
 
-.filter-hover:hover .filter-hover-item[data-v-07ff8fc3], .filter-hover:has(:focus-visible) .filter-hover-item[data-v-07ff8fc3] {
+.filter-hover:hover .filter-hover-item[data-v-ac788106], .filter-hover:has(:focus-visible) .filter-hover-item[data-v-ac788106] {
   opacity: 1;
   transform: translate3d(0, 0, 0);
 }
 
-.filter-hover[data-v-07ff8fc3]:hover:before, .filter-hover[data-v-07ff8fc3]:has(:focus-visible):before {
+.filter-hover[data-v-ac788106]:hover:before, .filter-hover[data-v-ac788106]:has(:focus-visible):before {
   opacity: .9;
   -webkit-backdrop-filter: blur(10px);
   backdrop-filter: blur(10px);
 }
 
-.filter-button[data-v-07ff8fc3] {
+.filter-button[data-v-ac788106] {
   top: 50%;
   transform: translateY(-50%);
 }
 
-.context-bar-group:hover .context-bar-group-hover\:text-c-1[data-v-07ff8fc3], .context-bar-group:has(:focus-visible) .context-bar-group-hover\:text-c-1[data-v-07ff8fc3] {
+.context-bar-group:hover .context-bar-group-hover\:text-c-1[data-v-ac788106], .context-bar-group:has(:focus-visible) .context-bar-group-hover\:text-c-1[data-v-ac788106] {
   --tw-text-opacity: 1;
   color: rgb(var(--scalar-color-1) / var(--tw-text-opacity));
 }
 
-.context-bar-group:hover .context-bar-group-hover\:hidden[data-v-07ff8fc3], .context-bar-group:has(:focus-visible) .context-bar-group-hover\:hidden[data-v-07ff8fc3] {
+.context-bar-group:hover .context-bar-group-hover\:hidden[data-v-ac788106], .context-bar-group:has(:focus-visible) .context-bar-group-hover\:hidden[data-v-ac788106] {
   display: none;
 }
 
-[data-v-dfc591f4] .cm-editor {
+[data-v-dbc85839] .cm-editor {
   background: none;
   outline: none;
   height: 100%;
   padding: 0;
 }
 
-[data-v-dfc591f4] .cm-placeholder {
+[data-v-dbc85839] .cm-placeholder {
   color: var(--scalar-color-3);
 }
 
-[data-v-dfc591f4] .cm-content {
+[data-v-dbc85839] .cm-content {
   font-family: var(--scalar-font-code);
   font-size: var(--scalar-small);
   max-height: 20px;
   padding: 8px 0;
 }
 
-[data-v-dfc591f4] .cm-tooltip {
+[data-v-dbc85839] .cm-tooltip {
   filter: brightness(var(--scalar-lifted-brightness));
   border-radius: var(--scalar-radius);
   box-shadow: var(--scalar-shadow-2);
@@ -1586,47 +1586,47 @@
   overflow: hidden !important;
 }
 
-[data-v-dfc591f4] .cm-tooltip-autocomplete ul li {
+[data-v-dbc85839] .cm-tooltip-autocomplete ul li {
   padding: 3px 6px !important;
 }
 
-[data-v-dfc591f4] .cm-completionIcon-type:after {
+[data-v-dbc85839] .cm-completionIcon-type:after {
   color: var(--scalar-color-3) !important;
 }
 
-[data-v-dfc591f4] .cm-tooltip-autocomplete ul li[aria-selected] {
+[data-v-dbc85839] .cm-tooltip-autocomplete ul li[aria-selected] {
   background: var(--scalar-background-2) !important;
   color: var(--scalar-color-1) !important;
 }
 
-[data-v-dfc591f4] .cm-tooltip-autocomplete ul {
+[data-v-dbc85839] .cm-tooltip-autocomplete ul {
   position: relative;
   padding: 6px !important;
 }
 
-[data-v-dfc591f4] .cm-tooltip-autocomplete ul li:hover {
+[data-v-dbc85839] .cm-tooltip-autocomplete ul li:hover {
   border-radius: 3px;
   color: var(--scalar-color-1) !important;
   background: var(--scalar-background-3) !important;
 }
 
-[data-v-dfc591f4] .cm-activeLine, [data-v-dfc591f4] .cm-activeLineGutter {
+[data-v-dbc85839] .cm-activeLine, [data-v-dbc85839] .cm-activeLineGutter {
   background-color: #0000;
 }
 
-[data-v-dfc591f4] .cm-selectionMatch, [data-v-dfc591f4] .cm-matchingBracket {
+[data-v-dbc85839] .cm-selectionMatch, [data-v-dbc85839] .cm-matchingBracket {
   border-radius: var(--scalar-radius);
   background: var(--scalar-background-4) !important;
 }
 
-[data-v-dfc591f4] .cm-css-color-picker-wrapper {
+[data-v-dbc85839] .cm-css-color-picker-wrapper {
   outline: 1px solid var(--scalar-background-3);
   border-radius: 3px;
   display: inline-flex;
   overflow: hidden;
 }
 
-[data-v-dfc591f4] .cm-gutters {
+[data-v-dbc85839] .cm-gutters {
   color: var(--scalar-color-3);
   font-size: var(--scalar-small);
   background-color: #0000;
@@ -1635,7 +1635,7 @@
   line-height: 22px;
 }
 
-[data-v-dfc591f4] .cm-gutters:before {
+[data-v-dbc85839] .cm-gutters:before {
   content: "";
   border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
   background-color: var(--scalar-background-1);
@@ -1646,7 +1646,7 @@
   left: 2px;
 }
 
-[data-v-dfc591f4] .cm-gutterElement {
+[data-v-dbc85839] .cm-gutterElement {
   justify-content: flex-end;
   align-items: center;
   display: flex;
@@ -1656,19 +1656,28 @@
   padding-right: 6px !important;
 }
 
-[data-v-dfc591f4] .cm-lineNumbers .cm-gutterElement {
+[data-v-dbc85839] .cm-lineNumbers .cm-gutterElement {
   min-width: fit-content;
 }
 
-[data-v-dfc591f4] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
+[data-v-dbc85839] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
   padding-left: 0 !important;
 }
 
-[data-v-dfc591f4] .cm-scroller {
+[data-v-dbc85839] .cm-scroller {
   overflow: auto;
 }
 
-.line-wrapping[data-v-dfc591f4]:focus-within .cm-content {
+[data-v-dbc85839] .cm-lineWrapping .cm-line {
+  word-break: break-all;
+}
+
+[data-v-dbc85839] .cm-lineWrapping .cm-content {
+  white-space: pre-wrap;
+  max-height: none;
+}
+
+.line-wrapping[data-v-dbc85839]:focus-within .cm-content {
   white-space: break-spaces;
   word-break: break-all;
   min-height: fit-content;
@@ -1763,12 +1772,12 @@
   color: var(--scalar-color-1);
 }
 
-.code-input-lite[data-v-4dfd05a3] {
+.code-input-lite[data-v-b22775cd] {
   align-items: center;
   display: flex;
 }
 
-.code-input-lite__editor[data-v-4dfd05a3] {
+.code-input-lite__editor[data-v-b22775cd] {
   font: inherit;
   letter-spacing: inherit;
   min-width: 0;
@@ -1786,11 +1795,11 @@
   overflow: auto hidden;
 }
 
-.code-input-lite__editor[data-v-4dfd05a3]::-webkit-scrollbar {
+.code-input-lite__editor[data-v-b22775cd]::-webkit-scrollbar {
   display: none;
 }
 
-.code-input-lite--empty .code-input-lite__editor[data-v-4dfd05a3]:not(:focus):before {
+.code-input-lite--empty .code-input-lite__editor[data-v-b22775cd]:not(:focus):before {
   content: attr(data-placeholder);
   color: var(--scalar-color-3);
   pointer-events: none;
@@ -1802,7 +1811,7 @@
   left: .5em;
 }
 
-.code-input-lite--error .code-input-lite__editor[data-v-4dfd05a3] {
+.code-input-lite--error .code-input-lite__editor[data-v-b22775cd] {
   outline: 1px solid var(--scalar-color-red);
 }
 
@@ -1866,22 +1875,22 @@
   }
 }
 
-[data-v-13500378] .code-input-lite__editor {
+[data-v-8c8a738b] .code-input-lite__editor {
   font-family: var(--scalar-font);
   font-size: var(--scalar-small);
   background-color: #0000;
   padding: 5px 8px;
 }
 
-[data-v-13500378] .scalar-pill:not(:last-of-type) {
+[data-v-8c8a738b] .scalar-pill:not(:last-of-type) {
   margin-right: .15em;
 }
 
-[data-v-13500378] .scalar-pill:not(:first-of-type) {
+[data-v-8c8a738b] .scalar-pill:not(:first-of-type) {
   margin-left: .5px;
 }
 
-[data-v-928dfb0c] .cm-content {
+[data-v-d1ae5565] .cm-content {
   font-size: var(--scalar-small);
 }
 
@@ -1945,58 +1954,62 @@ input[data-v-a6f4752a]::placeholder {
   scrollbar-width: none;
 }
 
-.request-section-content[data-v-bfd0db87] {
+.request-section-content[data-v-5d6c8262] {
   --scalar-border-width: .5px;
 }
 
-.request-section-content-filter[data-v-bfd0db87] {
+.request-section-content-filter[data-v-5d6c8262] {
   box-shadow: 0 -10px 0 10px var(--scalar-background-1);
 }
 
-.request-item:focus-within .request-meta-buttons[data-v-bfd0db87] {
+.request-item:focus-within .request-meta-buttons[data-v-5d6c8262] {
   opacity: 1;
 }
 
-.group-hover-input[data-v-bfd0db87] {
+.group-hover-input[data-v-5d6c8262] {
   border-width: var(--scalar-border-width);
   border-color: #0000;
 }
 
-.group:hover .group-hover-input[data-v-bfd0db87] {
+.group:hover .group-hover-input[data-v-5d6c8262] {
   background: var(--scalar-background-1);
 }
 
 @supports (color: color-mix(in lab, red, red)) {
-  .group:hover .group-hover-input[data-v-bfd0db87] {
+  .group:hover .group-hover-input[data-v-5d6c8262] {
     background: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2));
   }
 }
 
-.group:hover .group-hover-input[data-v-bfd0db87] {
+.group:hover .group-hover-input[data-v-5d6c8262] {
   border-color: var(--scalar-border-color);
 }
 
-.group-hover-input[data-v-bfd0db87]:focus {
+.group-hover-input[data-v-5d6c8262]:focus {
   border-color: var(--scalar-border-color) !important;
   background: none !important;
 }
 
-[data-v-8c1df828] .cm-editor {
+[data-v-6e055eb2] .cm-editor {
   font-size: var(--scalar-small);
   background-color: #0000;
   outline: none;
 }
 
-[data-v-8c1df828] .cm-gutters {
+[data-v-6e055eb2] .cm-gutters {
   background-color: var(--scalar-background-1);
   border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
 }
 
-[data-v-8c1df828] .cm-scroller {
+[data-v-6e055eb2] .cm-scroller {
   min-width: 100%;
   overflow: auto;
 }
 
+[data-v-6e055eb2] .cm-lineWrapping .cm-line {
+  word-break: break-all;
+}
+
 .light-mode .bg-preview[data-v-a10b4008] {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E");
 }
@@ -2059,12 +2072,12 @@ input[data-v-a6f4752a]::placeholder {
   opacity: 0;
 }
 
-.animate-response-heading .response-heading[data-v-7a7c6611] {
+.animate-response-heading .response-heading[data-v-b969ac76] {
   opacity: 1;
-  animation: .2s ease-in-out forwards push-response-7a7c6611;
+  animation: .2s ease-in-out forwards push-response-b969ac76;
 }
 
-@keyframes push-response-7a7c6611 {
+@keyframes push-response-b969ac76 {
   from {
     opacity: 1;
     transform: translateY(0);
@@ -2076,12 +2089,12 @@ input[data-v-a6f4752a]::placeholder {
   }
 }
 
-.animate-response-heading .animate-response-children[data-v-7a7c6611] {
+.animate-response-heading .animate-response-children[data-v-b969ac76] {
   opacity: 0;
-  animation: .2s ease-in-out 50ms forwards response-spans-7a7c6611;
+  animation: .2s ease-in-out 50ms forwards response-spans-b969ac76;
 }
 
-@keyframes response-spans-7a7c6611 {
+@keyframes response-spans-b969ac76 {
   from {
     opacity: 0;
     transform: translateY(4px);
@@ -2093,14 +2106,14 @@ input[data-v-a6f4752a]::placeholder {
   }
 }
 
-.description[data-v-649f9a0d] .markdown {
+.description[data-v-9775eaaf] .markdown {
   font-weight: var(--scalar-semibold);
   color: var(--scalar-color--1);
   padding: 0;
   display: block;
 }
 
-.description[data-v-649f9a0d] .markdown > :first-child {
+.description[data-v-9775eaaf] .markdown > :first-child {
   margin-top: 0;
 }
 
@@ -2112,58 +2125,58 @@ input[data-v-a6f4752a]::placeholder {
   background: var(--scalar-background-2);
 }
 
-[data-v-c414dc68] .cm-editor {
+[data-v-1f68de05] .cm-editor {
   outline: none;
   width: 100%;
   height: 100%;
 }
 
-[data-v-c414dc68] .cm-line {
+[data-v-1f68de05] .cm-line {
   padding: 0;
 }
 
-[data-v-c414dc68] .cm-content {
+[data-v-1f68de05] .cm-content {
   font-size: var(--scalar-small);
   align-items: center;
   padding: 0;
   display: flex;
 }
 
-.scroll-timeline-x[data-v-c414dc68] {
+.scroll-timeline-x[data-v-1f68de05] {
   -ms-overflow-style: none;
   -webkit-mask-image: linear-gradient(to right, #0000 0, #000 6px calc(100% - 24px), #0000 100%);
   mask-image: linear-gradient(to right, #0000 0, #000 6px calc(100% - 24px), #0000 100%);
 }
 
-.scroll-timeline-x-hidden[data-v-c414dc68] {
+.scroll-timeline-x-hidden[data-v-1f68de05] {
   overflow-x: auto;
 }
 
-.scroll-timeline-x-hidden[data-v-c414dc68] .cm-scroller {
+.scroll-timeline-x-hidden[data-v-1f68de05] .cm-scroller {
   scrollbar-width: none;
   -ms-overflow-style: none;
   padding-right: 20px;
   overflow: auto;
 }
 
-.scroll-timeline-x-hidden[data-v-c414dc68]::-webkit-scrollbar {
+.scroll-timeline-x-hidden[data-v-1f68de05]::-webkit-scrollbar {
   width: 0;
   height: 0;
   display: none;
 }
 
-.scroll-timeline-x-hidden[data-v-c414dc68] .cm-scroller::-webkit-scrollbar {
+.scroll-timeline-x-hidden[data-v-1f68de05] .cm-scroller::-webkit-scrollbar {
   width: 0;
   height: 0;
   display: none;
 }
 
-.scroll-timeline-x-address[data-v-c414dc68] {
+.scroll-timeline-x-address[data-v-1f68de05] {
   scrollbar-width: none;
   line-height: 27px;
 }
 
-.scroll-timeline-x-address[data-v-c414dc68]:after {
+.scroll-timeline-x-address[data-v-1f68de05]:after {
   content: "";
   cursor: text;
   width: 24px;
@@ -2172,45 +2185,45 @@ input[data-v-a6f4752a]::placeholder {
   right: 0;
 }
 
-.scroll-timeline-x-address[data-v-c414dc68]:empty:before {
+.scroll-timeline-x-address[data-v-1f68de05]:empty:before {
   content: "Enter URL or cURL request";
   color: var(--scalar-color-3);
   pointer-events: none;
 }
 
-.address-bar-bg-states[data-v-c414dc68] {
+.address-bar-bg-states[data-v-1f68de05] {
   --scalar-address-bar-bg: var(--scalar-background-1);
 }
 
 @supports (color: color-mix(in lab, red, red)) {
-  .address-bar-bg-states[data-v-c414dc68] {
+  .address-bar-bg-states[data-v-1f68de05] {
     --scalar-address-bar-bg: color-mix(in srgb,
     var(--scalar-background-1),
     var(--scalar-background-2));
   }
 }
 
-.address-bar-bg-states[data-v-c414dc68] {
+.address-bar-bg-states[data-v-1f68de05] {
   background: var(--scalar-address-bar-bg);
 }
 
-.address-bar-bg-states[data-v-c414dc68]:has(.cm-focused) {
+.address-bar-bg-states[data-v-1f68de05]:has(.cm-focused) {
   --scalar-address-bar-bg: var(--scalar-background-1);
   border-color: var(--scalar-border-color);
   outline-width: 1px;
   outline-style: solid;
 }
 
-.address-bar-bg-states:has(.cm-focused) .fade-left[data-v-c414dc68], .address-bar-bg-states:has(.cm-focused) .fade-right[data-v-c414dc68] {
+.address-bar-bg-states:has(.cm-focused) .fade-left[data-v-1f68de05], .address-bar-bg-states:has(.cm-focused) .fade-right[data-v-1f68de05] {
   --scalar-address-bar-bg: var(--scalar-background-1);
 }
 
-.app-exit-button[data-v-3769522e] {
+.app-exit-button[data-v-821957c1] {
   color: #fff;
   background: #0000001a;
 }
 
-.app-exit-button[data-v-3769522e]:hover {
+.app-exit-button[data-v-821957c1]:hover {
   background: #ffffff1a;
 }
 
@@ -2344,7 +2357,7 @@ input[data-v-a6f4752a]::placeholder {
   line-height: normal;
 }
 
-.ref-search-meta[data-v-d1af4404] {
+.ref-search-meta[data-v-89ab8a2d] {
   background: var(--scalar-background-1);
   border-bottom-left-radius: var(--scalar-radius-lg);
   border-bottom-right-radius: var(--scalar-radius-lg);
@@ -3748,7 +3761,7 @@ input[data-v-a6f4752a]::placeholder {
     opacity: 0;
   }
 
-  .scalar-app .group-hover\/item\:opacity-100:is(:where(.group\/item):hover *), .scalar-app .group-hover\/params\:opacity-100:is(:where(.group\/params):hover *) {
+  .scalar-app .group-hover\/code-block\:opacity-100:is(:where(.group\/code-block):hover *), .scalar-app .group-hover\/input\:opacity-100:is(:where(.group\/input):hover *), .scalar-app .group-hover\/item\:opacity-100:is(:where(.group\/item):hover *), .scalar-app .group-hover\/params\:opacity-100:is(:where(.group\/params):hover *) {
     opacity: 1;
   }
 
@@ -3775,6 +3788,10 @@ input[data-v-a6f4752a]::placeholder {
   outline-width: 1px;
 }
 
+.scalar-app .group-has-focus-visible\/code-block\:opacity-100:is(:where(.group\/code-block):has(:focus-visible) *), .scalar-app .group-has-focus-visible\/input\:opacity-100:is(:where(.group\/input):has(:focus-visible) *) {
+  opacity: 1;
+}
+
 .scalar-app .group-has-\[\.cm-focused\]\:z-1:is(:where(.group):has(.cm-focused) *), .scalar-app .group-has-\[\.code-input-lite__editor\:focus\]\:z-1:is(:where(.group):has(:is(.code-input-lite editor:focus)) *) {
   z-index: 1;
 }
@@ -5648,7 +5665,7 @@ div + .userMessage[data-v-6573ec87] {
   width: 100%;
 }
 
-.docSettings[data-v-01a25619] {
+.docSettings[data-v-5134b4f8] {
   display: flex;
   flex-direction: column;
   gap: 12px;
@@ -5656,7 +5673,7 @@ div + .userMessage[data-v-6573ec87] {
   font-size: var(--scalar-font-size-3);
   max-height: 600px;
 }
-.documentName[data-v-01a25619] {
+.documentName[data-v-5134b4f8] {
   font-weight: var(--scalar-semibold);
 }
 

package/dist/views/Settings/Auth.vue.d.ts

@@ -2,7 +2,7 @@ import type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference';
 import type { AuthStore } from '@scalar/workspace-store/entities/auth';
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
-import type { OpenApiDocument, ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
+import type { OpenApiDocument, ServerObject } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document';
 type __VLS_Props = {
     options: Pick<ApiReferenceConfigurationRaw, 'authentication' | 'persistAuth' | 'proxyUrl'>;
     name: string;

package/dist/views/Settings/Auth.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Auth.vue.js","names":[],"sources":["../../../src/views/Settings/Auth.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AuthSelector } from '@scalar/api-client/blocks/scalar-auth-selector-block'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport type { AuthStore } from '@scalar/workspace-store/entities/auth'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport {\n  getSecurityRequirements,\n  getSelectedSecurity,\n  mergeSecurity,\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  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { useFocusWithin } from '@vueuse/core'\nimport { computed, shallowRef, watch } from 'vue'\n\nimport { useState } from '@/state/state'\n\nconst { document, name, environment, eventBus, options, authStore } =\n  defineProps<{\n    options: Pick<\n      ApiReferenceConfigurationRaw,\n      'authentication' | 'persistAuth' | 'proxyUrl'\n    >\n    name: string\n    authStore: AuthStore\n    document: OpenApiDocument | undefined\n    eventBus: WorkspaceEventBus\n    selectedServer: ServerObject | null\n    environment: XScalarEnvironment\n  }>()\n\nconst { workspaceStore } = useState()\n\n/** Compute what the security requirements should be for the document */\nconst securityRequirements = computed(() =>\n  getSecurityRequirements(document?.security),\n)\n\n/** Merge the security schemes with the authentication config and the auth store */\nconst securitySchemes = computed(() =>\n  mergeSecurity(\n    document?.components?.securitySchemes ?? {},\n    options.authentication?.securitySchemes,\n    authStore,\n    name,\n  ),\n)\n\n/** The selected security keys for the document */\nconst selectedSecurity = computed(() =>\n  getSelectedSecurity(\n    authStore.getAuthSelectedSchemas({\n      type: 'document',\n      documentName: name,\n    }),\n    undefined,\n    securityRequirements.value,\n    securitySchemes.value,\n    options.authentication?.preferredSecurityScheme,\n  ),\n)\n\nconst focusRef = shallowRef()\nconst { focused } = useFocusWithin(focusRef)\n\nwatch(focused, (isFocused) => {\n  if (!isFocused) {\n    return\n  }\n\n  workspaceStore.update('x-scalar-active-document', name)\n})\n</script>\n<template>\n  <div\n    ref=\"focusRef\"\n    tabindex=\"0\">\n    <AuthSelector\n      v-if=\"Object.keys(securitySchemes).length\"\n      :authStore\n      :documentSlug=\"name\"\n      :environment\n      :eventBus\n      isReadOnly\n      isStatic\n      layout=\"reference\"\n      :meta=\"{ type: 'document' }\"\n      :persistAuth=\"options.persistAuth\"\n      :proxyUrl=\"options.proxyUrl ?? ''\"\n      :securityRequirements\n      :securitySchemes\n      :selectedSecurity\n      :server=\"selectedServer\"\n      title=\"Authentication\" />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Auth.vue.js","names":[],"sources":["../../../src/views/Settings/Auth.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AuthSelector } from '@scalar/api-client/blocks/scalar-auth-selector-block'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport type { AuthStore } from '@scalar/workspace-store/entities/auth'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport {\n  getSecurityRequirements,\n  getSelectedSecurity,\n  mergeSecurity,\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  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport { useFocusWithin } from '@vueuse/core'\nimport { computed, shallowRef, watch } from 'vue'\n\nimport { useState } from '@/state/state'\n\nconst { document, name, environment, eventBus, options, authStore } =\n  defineProps<{\n    options: Pick<\n      ApiReferenceConfigurationRaw,\n      'authentication' | 'persistAuth' | 'proxyUrl'\n    >\n    name: string\n    authStore: AuthStore\n    document: OpenApiDocument | undefined\n    eventBus: WorkspaceEventBus\n    selectedServer: ServerObject | null\n    environment: XScalarEnvironment\n  }>()\n\nconst { workspaceStore } = useState()\n\n/** Compute what the security requirements should be for the document */\nconst securityRequirements = computed(() =>\n  getSecurityRequirements(document?.security),\n)\n\n/** Merge the security schemes with the authentication config and the auth store */\nconst securitySchemes = computed(() =>\n  mergeSecurity(\n    document?.components?.securitySchemes ?? {},\n    options.authentication?.securitySchemes,\n    authStore,\n    name,\n  ),\n)\n\n/** The selected security keys for the document */\nconst selectedSecurity = computed(() =>\n  getSelectedSecurity(\n    authStore.getAuthSelectedSchemas({\n      type: 'document',\n      documentName: name,\n    }),\n    undefined,\n    securityRequirements.value,\n    securitySchemes.value,\n    options.authentication?.preferredSecurityScheme,\n  ),\n)\n\nconst focusRef = shallowRef()\nconst { focused } = useFocusWithin(focusRef)\n\nwatch(focused, (isFocused) => {\n  if (!isFocused) {\n    return\n  }\n\n  workspaceStore.update('x-scalar-active-document', name)\n})\n</script>\n<template>\n  <div\n    ref=\"focusRef\"\n    tabindex=\"0\">\n    <AuthSelector\n      v-if=\"Object.keys(securitySchemes).length\"\n      :authStore\n      :documentSlug=\"name\"\n      :environment\n      :eventBus\n      isReadOnly\n      isStatic\n      layout=\"reference\"\n      :meta=\"{ type: 'document' }\"\n      :persistAuth=\"options.persistAuth\"\n      :proxyUrl=\"options.proxyUrl ?? ''\"\n      :securityRequirements\n      :securitySchemes\n      :selectedSecurity\n      :server=\"selectedServer\"\n      title=\"Authentication\" />\n  </div>\n</template>\n"],"mappings":""}

package/dist/views/Settings/Auth.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"Auth.vue.script.js","names":[],"sources":["../../../src/views/Settings/Auth.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AuthSelector } from '@scalar/api-client/blocks/scalar-auth-selector-block'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport type { AuthStore } from '@scalar/workspace-store/entities/auth'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport {\n  getSecurityRequirements,\n  getSelectedSecurity,\n  mergeSecurity,\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  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { useFocusWithin } from '@vueuse/core'\nimport { computed, shallowRef, watch } from 'vue'\n\nimport { useState } from '@/state/state'\n\nconst { document, name, environment, eventBus, options, authStore } =\n  defineProps<{\n    options: Pick<\n      ApiReferenceConfigurationRaw,\n      'authentication' | 'persistAuth' | 'proxyUrl'\n    >\n    name: string\n    authStore: AuthStore\n    document: OpenApiDocument | undefined\n    eventBus: WorkspaceEventBus\n    selectedServer: ServerObject | null\n    environment: XScalarEnvironment\n  }>()\n\nconst { workspaceStore } = useState()\n\n/** Compute what the security requirements should be for the document */\nconst securityRequirements = computed(() =>\n  getSecurityRequirements(document?.security),\n)\n\n/** Merge the security schemes with the authentication config and the auth store */\nconst securitySchemes = computed(() =>\n  mergeSecurity(\n    document?.components?.securitySchemes ?? {},\n    options.authentication?.securitySchemes,\n    authStore,\n    name,\n  ),\n)\n\n/** The selected security keys for the document */\nconst selectedSecurity = computed(() =>\n  getSelectedSecurity(\n    authStore.getAuthSelectedSchemas({\n      type: 'document',\n      documentName: name,\n    }),\n    undefined,\n    securityRequirements.value,\n    securitySchemes.value,\n    options.authentication?.preferredSecurityScheme,\n  ),\n)\n\nconst focusRef = shallowRef()\nconst { focused } = useFocusWithin(focusRef)\n\nwatch(focused, (isFocused) => {\n  if (!isFocused) {\n    return\n  }\n\n  workspaceStore.update('x-scalar-active-document', name)\n})\n</script>\n<template>\n  <div\n    ref=\"focusRef\"\n    tabindex=\"0\">\n    <AuthSelector\n      v-if=\"Object.keys(securitySchemes).length\"\n      :authStore\n      :documentSlug=\"name\"\n      :environment\n      :eventBus\n      isReadOnly\n      isStatic\n      layout=\"reference\"\n      :meta=\"{ type: 'document' }\"\n      :persistAuth=\"options.persistAuth\"\n      :proxyUrl=\"options.proxyUrl ?? ''\"\n      :securityRequirements\n      :securitySchemes\n      :selectedSecurity\n      :server=\"selectedServer\"\n      title=\"Authentication\" />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAkCA,MAAM,EAAE,mBAAmB,SAAS;;EAGpC,MAAM,uBAAuB,eAC3B,wBAAwB,QAAA,UAAU,QAAQ,CAC5C;;EAGA,MAAM,kBAAkB,eACtB,cACE,QAAA,UAAU,YAAY,mBAAmB,CAAC,GAC1C,QAAA,QAAQ,gBAAgB,iBACxB,QAAA,WACA,QAAA,IACF,CACF;;EAGA,MAAM,mBAAmB,eACvB,oBACE,QAAA,UAAU,uBAAuB;GAC/B,MAAM;GACN,cAAc,QAAA;EAChB,CAAC,GACD,KAAA,GACA,qBAAqB,OACrB,gBAAgB,OAChB,QAAA,QAAQ,gBAAgB,uBAC1B,CACF;EAEA,MAAM,WAAW,WAAW;EAC5B,MAAM,EAAE,YAAY,eAAe,QAAQ;EAE3C,MAAM,UAAU,cAAc;GAC5B,IAAI,CAAC,WACH;GAGF,eAAe,OAAO,4BAA4B,QAAA,IAAI;EACxD,CAAC;;uBAGC,mBAoBM,OAAA;aAnBA;IAAJ,KAAI;IACJ,UAAS;OAED,OAAO,KAAK,gBAAA,KAAe,CAAA,CAAE,UAAA,UAAA,GADrC,YAgB2B,MAAA,YAAA,GAAA;;IAdxB,WAAA,QAAA;IACA,cAAc,QAAA;IACd,aAAA,QAAA;IACA,UAAA,QAAA;IACD,YAAA;IACA,UAAA;IACA,QAAO;IACN,MAAM,EAAA,MAAA,WAAA;IACN,aAAa,QAAA,QAAQ;IACrB,UAAU,QAAA,QAAQ,YAAQ;IAC1B,sBAAA,qBAAA;IACA,iBAAA,gBAAA;IACA,kBAAA,iBAAA;IACA,QAAQ,QAAA;IACT,OAAM"}
+{"version":3,"file":"Auth.vue.script.js","names":[],"sources":["../../../src/views/Settings/Auth.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AuthSelector } from '@scalar/api-client/blocks/scalar-auth-selector-block'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport type { AuthStore } from '@scalar/workspace-store/entities/auth'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport {\n  getSecurityRequirements,\n  getSelectedSecurity,\n  mergeSecurity,\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  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport { useFocusWithin } from '@vueuse/core'\nimport { computed, shallowRef, watch } from 'vue'\n\nimport { useState } from '@/state/state'\n\nconst { document, name, environment, eventBus, options, authStore } =\n  defineProps<{\n    options: Pick<\n      ApiReferenceConfigurationRaw,\n      'authentication' | 'persistAuth' | 'proxyUrl'\n    >\n    name: string\n    authStore: AuthStore\n    document: OpenApiDocument | undefined\n    eventBus: WorkspaceEventBus\n    selectedServer: ServerObject | null\n    environment: XScalarEnvironment\n  }>()\n\nconst { workspaceStore } = useState()\n\n/** Compute what the security requirements should be for the document */\nconst securityRequirements = computed(() =>\n  getSecurityRequirements(document?.security),\n)\n\n/** Merge the security schemes with the authentication config and the auth store */\nconst securitySchemes = computed(() =>\n  mergeSecurity(\n    document?.components?.securitySchemes ?? {},\n    options.authentication?.securitySchemes,\n    authStore,\n    name,\n  ),\n)\n\n/** The selected security keys for the document */\nconst selectedSecurity = computed(() =>\n  getSelectedSecurity(\n    authStore.getAuthSelectedSchemas({\n      type: 'document',\n      documentName: name,\n    }),\n    undefined,\n    securityRequirements.value,\n    securitySchemes.value,\n    options.authentication?.preferredSecurityScheme,\n  ),\n)\n\nconst focusRef = shallowRef()\nconst { focused } = useFocusWithin(focusRef)\n\nwatch(focused, (isFocused) => {\n  if (!isFocused) {\n    return\n  }\n\n  workspaceStore.update('x-scalar-active-document', name)\n})\n</script>\n<template>\n  <div\n    ref=\"focusRef\"\n    tabindex=\"0\">\n    <AuthSelector\n      v-if=\"Object.keys(securitySchemes).length\"\n      :authStore\n      :documentSlug=\"name\"\n      :environment\n      :eventBus\n      isReadOnly\n      isStatic\n      layout=\"reference\"\n      :meta=\"{ type: 'document' }\"\n      :persistAuth=\"options.persistAuth\"\n      :proxyUrl=\"options.proxyUrl ?? ''\"\n      :securityRequirements\n      :securitySchemes\n      :selectedSecurity\n      :server=\"selectedServer\"\n      title=\"Authentication\" />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAkCA,MAAM,EAAE,mBAAmB,SAAS;;EAGpC,MAAM,uBAAuB,eAC3B,wBAAwB,QAAA,UAAU,QAAQ,CAC5C;;EAGA,MAAM,kBAAkB,eACtB,cACE,QAAA,UAAU,YAAY,mBAAmB,CAAC,GAC1C,QAAA,QAAQ,gBAAgB,iBACxB,QAAA,WACA,QAAA,IACF,CACF;;EAGA,MAAM,mBAAmB,eACvB,oBACE,QAAA,UAAU,uBAAuB;GAC/B,MAAM;GACN,cAAc,QAAA;EAChB,CAAC,GACD,KAAA,GACA,qBAAqB,OACrB,gBAAgB,OAChB,QAAA,QAAQ,gBAAgB,uBAC1B,CACF;EAEA,MAAM,WAAW,WAAW;EAC5B,MAAM,EAAE,YAAY,eAAe,QAAQ;EAE3C,MAAM,UAAU,cAAc;GAC5B,IAAI,CAAC,WACH;GAGF,eAAe,OAAO,4BAA4B,QAAA,IAAI;EACxD,CAAC;;uBAGC,mBAoBM,OAAA;aAnBA;IAAJ,KAAI;IACJ,UAAS;OAED,OAAO,KAAK,gBAAA,KAAe,CAAA,CAAE,UAAA,UAAA,GADrC,YAgB2B,MAAA,YAAA,GAAA;;IAdxB,WAAA,QAAA;IACA,cAAc,QAAA;IACd,aAAA,QAAA;IACA,UAAA,QAAA;IACD,YAAA;IACA,UAAA;IACA,QAAO;IACN,MAAM,EAAA,MAAA,WAAA;IACN,aAAa,QAAA,QAAQ;IACrB,UAAU,QAAA,QAAQ,YAAQ;IAC1B,sBAAA,qBAAA;IACA,iBAAA,gBAAA;IACA,kBAAA,iBAAA;IACA,QAAQ,QAAA;IACT,OAAM"}

package/dist/views/Settings/DocSettings.vue.d.ts

@@ -1,4 +1,4 @@
-import type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
+import type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document';
 type __VLS_Props = {
     document: OpenApiDocument;
     name: string;

package/dist/views/Settings/DocSettings.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 import DocSettings_vue_vue_type_script_setup_true_lang_default from "./DocSettings.vue.script.js";
 /* empty css                          */
 //#region src/views/Settings/DocSettings.vue
-var DocSettings_default = /*#__PURE__*/ _plugin_vue_export_helper_default(DocSettings_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-01a25619"]]);
+var DocSettings_default = /*#__PURE__*/ _plugin_vue_export_helper_default(DocSettings_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-5134b4f8"]]);
 //#endregion
 export { DocSettings_default as default };
 

package/dist/views/Settings/DocSettings.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocSettings.vue.js","names":[],"sources":["../../../src/views/Settings/DocSettings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  getActiveEnvironment,\n  getSelectedServer,\n  getServers,\n} from '@scalar/workspace-store/request-example'\nimport type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport ServerSelector from '@/components/ServerSelector.vue'\nimport { useState } from '@/state/state'\nimport Auth from '@/views/Settings/Auth.vue'\n\nconst { document, name } = defineProps<{\n  document: OpenApiDocument\n  name: string\n}>()\n\nconst { workspaceStore, config, eventBus } = useState()\n\nconst environment = computed(\n  () => getActiveEnvironment(workspaceStore, document).environment,\n)\n\nconst selectedServer = computed(() => {\n  const servers = getServers(document.servers, {\n    documentUrl: document['x-scalar-original-source-url'],\n  })\n\n  return getSelectedServer(document, null, null, servers)\n})\n\nconst securitySchemes = computed(\n  () => document.components?.securitySchemes ?? {},\n)\n</script>\n\n<template>\n  <div class=\"docSettings\">\n    <div>\n      <Auth\n        :authStore=\"workspaceStore.auth\"\n        :document\n        :environment\n        :eventBus\n        :name\n        :options=\"config\"\n        :securitySchemes\n        :selectedServer />\n    </div>\n    <div>\n      <ServerSelector\n        :eventBus\n        :selectedServer\n        :servers=\"document.servers ?? []\" />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.docSettings {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  margin-bottom: 12px;\n  font-size: var(--scalar-font-size-3);\n  max-height: 600px;\n}\n\n.documentName {\n  font-weight: var(--scalar-semibold);\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"DocSettings.vue.js","names":[],"sources":["../../../src/views/Settings/DocSettings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  getActiveEnvironment,\n  getSelectedServer,\n  getServers,\n} from '@scalar/workspace-store/request-example'\nimport type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport ServerSelector from '@/components/ServerSelector.vue'\nimport { useState } from '@/state/state'\nimport Auth from '@/views/Settings/Auth.vue'\n\nconst { document, name } = defineProps<{\n  document: OpenApiDocument\n  name: string\n}>()\n\nconst { workspaceStore, config, eventBus } = useState()\n\nconst environment = computed(\n  () => getActiveEnvironment(workspaceStore, document).environment,\n)\n\nconst selectedServer = computed(() => {\n  const servers = getServers(document.servers, {\n    documentUrl: document['x-scalar-original-source-url'],\n  })\n\n  return getSelectedServer(document, null, null, servers)\n})\n\nconst securitySchemes = computed(\n  () => document.components?.securitySchemes ?? {},\n)\n</script>\n\n<template>\n  <div class=\"docSettings\">\n    <div>\n      <Auth\n        :authStore=\"workspaceStore.auth\"\n        :document\n        :environment\n        :eventBus\n        :name\n        :options=\"config\"\n        :securitySchemes\n        :selectedServer />\n    </div>\n    <div>\n      <ServerSelector\n        :eventBus\n        :selectedServer\n        :servers=\"document.servers ?? []\" />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.docSettings {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  margin-bottom: 12px;\n  font-size: var(--scalar-font-size-3);\n  max-height: 600px;\n}\n\n.documentName {\n  font-weight: var(--scalar-semibold);\n}\n</style>\n"],"mappings":""}

package/dist/views/Settings/DocSettings.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocSettings.vue.script.js","names":[],"sources":["../../../src/views/Settings/DocSettings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  getActiveEnvironment,\n  getSelectedServer,\n  getServers,\n} from '@scalar/workspace-store/request-example'\nimport type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport ServerSelector from '@/components/ServerSelector.vue'\nimport { useState } from '@/state/state'\nimport Auth from '@/views/Settings/Auth.vue'\n\nconst { document, name } = defineProps<{\n  document: OpenApiDocument\n  name: string\n}>()\n\nconst { workspaceStore, config, eventBus } = useState()\n\nconst environment = computed(\n  () => getActiveEnvironment(workspaceStore, document).environment,\n)\n\nconst selectedServer = computed(() => {\n  const servers = getServers(document.servers, {\n    documentUrl: document['x-scalar-original-source-url'],\n  })\n\n  return getSelectedServer(document, null, null, servers)\n})\n\nconst securitySchemes = computed(\n  () => document.components?.securitySchemes ?? {},\n)\n</script>\n\n<template>\n  <div class=\"docSettings\">\n    <div>\n      <Auth\n        :authStore=\"workspaceStore.auth\"\n        :document\n        :environment\n        :eventBus\n        :name\n        :options=\"config\"\n        :securitySchemes\n        :selectedServer />\n    </div>\n    <div>\n      <ServerSelector\n        :eventBus\n        :selectedServer\n        :servers=\"document.servers ?? []\" />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.docSettings {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  margin-bottom: 12px;\n  font-size: var(--scalar-font-size-3);\n  max-height: 600px;\n}\n\n.documentName {\n  font-weight: var(--scalar-semibold);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;EAkBA,MAAM,EAAE,gBAAgB,QAAQ,aAAa,SAAS;EAEtD,MAAM,cAAc,eACZ,qBAAqB,gBAAgB,QAAA,QAAQ,CAAC,CAAC,WACvD;EAEA,MAAM,iBAAiB,eAAe;GACpC,MAAM,UAAU,WAAW,QAAA,SAAS,SAAS,EAC3C,aAAa,QAAA,SAAS,gCACxB,CAAC;GAED,OAAO,kBAAkB,QAAA,UAAU,MAAM,MAAM,OAAO;EACxD,CAAC;EAED,MAAM,kBAAkB,eAChB,QAAA,SAAS,YAAY,mBAAmB,CAAC,CACjD;;uBAIE,mBAkBM,OAlBN,YAkBM,CAjBJ,mBAUM,OAAA,MAAA,CATJ,YAQoB,cAAA;IAPjB,WAAW,MAAA,cAAA,CAAc,CAAC;IAC1B,UAAA,QAAA;IACA,aAAA,YAAA;IACA,UAAA,MAAA,QAAA;IACA,MAAA,QAAA;IACA,SAAS,MAAA,MAAA;IACT,iBAAA,gBAAA;IACA,gBAAA,eAAA;;;;;;;;;;SAEL,mBAKM,OAAA,MAAA,CAJJ,YAGsC,wBAAA;IAFnC,UAAA,MAAA,QAAA;IACA,gBAAA,eAAA;IACA,SAAS,QAAA,SAAS,WAAO,CAAA"}
+{"version":3,"file":"DocSettings.vue.script.js","names":[],"sources":["../../../src/views/Settings/DocSettings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  getActiveEnvironment,\n  getSelectedServer,\n  getServers,\n} from '@scalar/workspace-store/request-example'\nimport type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.2/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport ServerSelector from '@/components/ServerSelector.vue'\nimport { useState } from '@/state/state'\nimport Auth from '@/views/Settings/Auth.vue'\n\nconst { document, name } = defineProps<{\n  document: OpenApiDocument\n  name: string\n}>()\n\nconst { workspaceStore, config, eventBus } = useState()\n\nconst environment = computed(\n  () => getActiveEnvironment(workspaceStore, document).environment,\n)\n\nconst selectedServer = computed(() => {\n  const servers = getServers(document.servers, {\n    documentUrl: document['x-scalar-original-source-url'],\n  })\n\n  return getSelectedServer(document, null, null, servers)\n})\n\nconst securitySchemes = computed(\n  () => document.components?.securitySchemes ?? {},\n)\n</script>\n\n<template>\n  <div class=\"docSettings\">\n    <div>\n      <Auth\n        :authStore=\"workspaceStore.auth\"\n        :document\n        :environment\n        :eventBus\n        :name\n        :options=\"config\"\n        :securitySchemes\n        :selectedServer />\n    </div>\n    <div>\n      <ServerSelector\n        :eventBus\n        :selectedServer\n        :servers=\"document.servers ?? []\" />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.docSettings {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  margin-bottom: 12px;\n  font-size: var(--scalar-font-size-3);\n  max-height: 600px;\n}\n\n.documentName {\n  font-weight: var(--scalar-semibold);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;EAkBA,MAAM,EAAE,gBAAgB,QAAQ,aAAa,SAAS;EAEtD,MAAM,cAAc,eACZ,qBAAqB,gBAAgB,QAAA,QAAQ,CAAC,CAAC,WACvD;EAEA,MAAM,iBAAiB,eAAe;GACpC,MAAM,UAAU,WAAW,QAAA,SAAS,SAAS,EAC3C,aAAa,QAAA,SAAS,gCACxB,CAAC;GAED,OAAO,kBAAkB,QAAA,UAAU,MAAM,MAAM,OAAO;EACxD,CAAC;EAED,MAAM,kBAAkB,eAChB,QAAA,SAAS,YAAY,mBAAmB,CAAC,CACjD;;uBAIE,mBAkBM,OAlBN,YAkBM,CAjBJ,mBAUM,OAAA,MAAA,CATJ,YAQoB,cAAA;IAPjB,WAAW,MAAA,cAAA,CAAc,CAAC;IAC1B,UAAA,QAAA;IACA,aAAA,YAAA;IACA,UAAA,MAAA,QAAA;IACA,MAAA,QAAA;IACA,SAAS,MAAA,MAAA;IACT,iBAAA,gBAAA;IACA,gBAAA,eAAA;;;;;;;;;;SAEL,mBAKM,OAAA,MAAA,CAJJ,YAGsC,wBAAA;IAFnC,UAAA,MAAA,QAAA;IACA,gBAAA,eAAA;IACA,SAAS,QAAA,SAAS,WAAO,CAAA"}

package/dist/vue-styles.css

@@ -1260,7 +1260,7 @@ div + .userMessage[data-v-6573ec87] {
   width: 100%;
 }
 
-.docSettings[data-v-01a25619] {
+.docSettings[data-v-5134b4f8] {
   display: flex;
   flex-direction: column;
   gap: 12px;
@@ -1268,7 +1268,7 @@ div + .userMessage[data-v-6573ec87] {
   font-size: var(--scalar-font-size-3);
   max-height: 600px;
 }
-.documentName[data-v-01a25619] {
+.documentName[data-v-5134b4f8] {
   font-weight: var(--scalar-semibold);
 }
 

package/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/agent-chat"
   },
-  "version": "0.12.30",
+  "version": "0.12.32",
   "engines": {
     "node": ">=22"
   },
@@ -46,36 +46,36 @@
   ],
   "dependencies": {
     "@ai-sdk/vue": "3.0.33",
+    "@scalar/api-client": "3.19.1",
+    "@scalar/components": "0.29.3",
+    "@scalar/helpers": "0.12.0",
+    "@scalar/icons": "0.7.6",
+    "@scalar/json-magic": "0.14.0",
+    "@scalar/openapi-types": "0.9.6",
+    "@scalar/schemas": "0.10.0",
+    "@scalar/themes": "0.18.0",
+    "@scalar/types": "0.20.0",
+    "@scalar/use-toasts": "0.10.5",
+    "@scalar/validation": "0.6.3",
+    "@scalar/workspace-store": "0.62.0",
     "@vueuse/core": "13.9.0",
     "ai": "6.0.33",
     "js-base64": "^3.9.2",
     "neverpanic": "0.0.8",
     "truncate-json": "3.0.1",
-    "vue": "^3.5.40",
-    "@scalar/api-client": "3.18.0",
-    "@scalar/icons": "0.7.6",
-    "@scalar/json-magic": "0.13.4",
-    "@scalar/helpers": "0.11.3",
-    "@scalar/components": "0.29.1",
-    "@scalar/openapi-types": "0.9.5",
-    "@scalar/schemas": "0.9.0",
-    "@scalar/themes": "0.17.4",
-    "@scalar/types": "0.19.0",
-    "@scalar/use-toasts": "0.10.5",
-    "@scalar/workspace-store": "0.60.0",
-    "@scalar/validation": "0.6.3"
+    "vue": "^3.5.40"
   },
   "devDependencies": {
+    "@scalar/sidebar": "0.11.3",
     "@tailwindcss/cli": "^4.3.3",
     "@tailwindcss/vite": "^4.3.3",
     "@types/jsdom": "28.0.1",
     "@vitejs/plugin-vue": "^6.0.8",
-    "hono": "^4.12.7",
+    "hono": "^4.13.7",
     "jsdom": "27.4.0",
     "tailwindcss": "^4.3.3",
     "vite": "8.1.5",
-    "vitest": "4.1.10",
-    "@scalar/sidebar": "0.11.1"
+    "vitest": "4.1.10"
   },
   "scripts": {
     "build": "vite build && pnpm build:styles && vue-tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json && shx cp package.json dist",