@scalar/api-reference 1.61.0 → 1.62.1

package/dist/features/Search/helpers/create-search-index.js

@@ -1,4 +1,5 @@
 import { getAsyncApiModelSchema } from "../../../helpers/get-async-api-model-schema.js";
+import { isIntroductionEntry } from "../../../helpers/is-introduction-entry.js";
 import { extractBodyDescriptions, extractBodyFieldNames, extractParameterDescriptions, extractParameterNames, extractSchemaDescriptions, extractSchemaFieldNames } from "../../../helpers/openapi.js";
 import { DEFAULT_MODELS_SECTION_LABEL } from "@scalar/types/api-reference";
 import { combineParams } from "@scalar/workspace-store/request-example";
@@ -46,18 +47,26 @@ function extractResponseExamples(responses) {
 		});
 	}).filter((value) => value.length > 0);
 }
+var DEFAULT_SEARCH_INDEX_LABELS = {
+	heading: "Heading",
+	tagGroup: "Tag Group",
+	webhook: "Webhook",
+	webhooks: "Webhooks",
+	introduction: "Introduction"
+};
 /**
 * Create a search index from a list of entries.
 */
 function createSearchIndex(document, options) {
 	const index = [];
 	const modelsSectionTitle = options?.modelsSectionLabel ?? DEFAULT_MODELS_SECTION_LABEL;
+	const labels = options?.labels ?? DEFAULT_SEARCH_INDEX_LABELS;
 	/**
 	* Recursively processes entries and their children to build the search index.
 	*/
 	function processEntries(entriesToProcess) {
 		entriesToProcess.forEach((entry) => {
-			addEntryToIndex(entry, index, document, modelsSectionTitle);
+			addEntryToIndex(entry, index, document, modelsSectionTitle, labels);
 			if ("children" in entry && entry.children) processEntries(entry.children);
 		});
 	}
@@ -70,7 +79,7 @@ function createSearchIndex(document, options) {
 * AsyncAPI documents contribute heading, tag, and model entries here. Their
 * channels, operations, and messages are not indexed yet.
 */
-function addEntryToIndex(entry, index, document, modelsSectionTitle) {
+function addEntryToIndex(entry, index, document, modelsSectionTitle, labels) {
 	const openApiDocument = isOpenApiDocument(document) ? document : void 0;
 	if (entry.type === "operation") {
 		const pathItem = getResolvedPathItem(openApiDocument?.paths?.[entry.path]);
@@ -137,8 +146,8 @@ function addEntryToIndex(entry, index, document, modelsSectionTitle) {
 		index.push({
 			id: entry.id,
 			type: "heading",
-			title: entry.title,
-			description: "Heading",
+			title: modelsSectionTitle,
+			description: labels.heading,
 			body: "",
 			entry
 		});
@@ -148,8 +157,8 @@ function addEntryToIndex(entry, index, document, modelsSectionTitle) {
 		index.push({
 			id: entry.id,
 			type: "heading",
-			title: "Webhooks",
-			description: "Heading",
+			title: labels.webhooks,
+			description: labels.heading,
 			body: "",
 			entry
 		});
@@ -170,7 +179,7 @@ function addEntryToIndex(entry, index, document, modelsSectionTitle) {
 		index.push({
 			id: entry.id,
 			title: entry.title,
-			description: "Tag Group",
+			description: labels.tagGroup,
 			type: "tag",
 			body: "",
 			entry
@@ -181,8 +190,8 @@ function addEntryToIndex(entry, index, document, modelsSectionTitle) {
 		index.push({
 			id: entry.id,
 			type: "heading",
-			title: entry.title ?? "",
-			description: "Heading",
+			title: isIntroductionEntry(entry) ? labels.introduction : entry.title ?? "",
+			description: labels.heading,
 			body: "",
 			entry
 		});

package/dist/features/Search/helpers/create-search-index.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-search-index.js","names":[],"sources":["../../../../src/features/Search/helpers/create-search-index.ts"],"sourcesContent":["import { DEFAULT_MODELS_SECTION_LABEL, type ModelsSectionLabel } from '@scalar/types/api-reference'\nimport type { AsyncApiDocument } from '@scalar/types/asyncapi/3.1'\nimport { getPathItemOperation, getResolvedPathItem } from '@scalar/workspace-store/helpers/for-each-path-item-operation'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport { combineParams } from '@scalar/workspace-store/request-example'\nimport type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation'\nimport { isAsyncApiDocument, isOpenApiDocument } from '@scalar/workspace-store/schemas/type-guards'\nimport type {\n  MediaTypeObject,\n  OpenApiDocument,\n  OperationObject,\n  ResponsesObject,\n  SchemaObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport type { FuseData } from '@/features/Search/types'\nimport { getAsyncApiModelSchema } from '@/helpers/get-async-api-model-schema'\nimport {\n  extractBodyDescriptions,\n  extractBodyFieldNames,\n  extractParameterDescriptions,\n  extractParameterNames,\n  extractSchemaDescriptions,\n  extractSchemaFieldNames,\n} from '@/helpers/openapi'\n\n/** Documents the search index can ingest. AsyncAPI is supported for headings, tags, and models; channels/operations/messages are not indexed yet. */\ntype SearchableDocument = OpenApiDocument | AsyncApiDocument\n\n/**\n * Resolves a schema from `components.schemas` for either document type.\n *\n * OpenAPI and AsyncAPI keep reusable schemas in the same place, so model search entries can read\n * property names and descriptions from both. AsyncAPI entries need extra handling (ref siblings,\n * multi-format wrappers, boolean schemas), which lives in {@link getAsyncApiModelSchema}.\n */\nfunction getModelSchema(document: SearchableDocument | undefined, name: string): SchemaObject | undefined {\n  if (isOpenApiDocument(document)) {\n    return getResolvedRef(document.components?.schemas?.[name])\n  }\n\n  if (isAsyncApiDocument(document)) {\n    return getAsyncApiModelSchema(document, name)\n  }\n\n  return undefined\n}\n\nfunction responseExampleValueToString(value: unknown): string {\n  if (typeof value === 'string') {\n    return value\n  }\n\n  try {\n    return JSON.stringify(value)\n  } catch (_error) {\n    return ''\n  }\n}\n\nfunction mediaTypeExamplesToStrings(mediaType: MediaTypeObject): string[] {\n  const examplesFromNamedMap = Object.values(mediaType.examples ?? {})\n    .flatMap((example) => {\n      const resolvedExample = getResolvedRef(example)\n\n      if (!resolvedExample || !('value' in resolvedExample)) {\n        return []\n      }\n\n      return responseExampleValueToString(resolvedExample.value)\n    })\n    .filter((value) => value.length > 0)\n\n  const mediaTypeExample =\n    'example' in mediaType && mediaType.example !== undefined ? responseExampleValueToString(mediaType.example) : ''\n\n  return mediaTypeExample ? [mediaTypeExample, ...examplesFromNamedMap] : examplesFromNamedMap\n}\n\nfunction extractResponseExamples(responses: ResponsesObject | undefined): string[] {\n  if (!responses) {\n    return []\n  }\n\n  return Object.values(responses)\n    .flatMap((response) => {\n      const resolvedResponse = getResolvedRef(response)\n      if (!resolvedResponse?.content) {\n        return []\n      }\n\n      return Object.values(resolvedResponse.content).flatMap((mediaType) => {\n        const resolvedMediaType = getResolvedRef(mediaType)\n        if (!resolvedMediaType) {\n          return []\n        }\n\n        return mediaTypeExamplesToStrings(resolvedMediaType)\n      })\n    })\n    .filter((value) => value.length > 0)\n}\n\ntype CreateSearchIndexOptions = {\n  modelsSectionLabel?: ModelsSectionLabel\n}\n\n/**\n * Create a search index from a list of entries.\n */\nexport function createSearchIndex(\n  document: SearchableDocument | undefined,\n  options?: CreateSearchIndexOptions,\n): FuseData[] {\n  const index: FuseData[] = []\n  const modelsSectionTitle = options?.modelsSectionLabel ?? DEFAULT_MODELS_SECTION_LABEL\n\n  /**\n   * Recursively processes entries and their children to build the search index.\n   */\n  function processEntries(entriesToProcess: TraversedEntry[]): void {\n    entriesToProcess.forEach((entry) => {\n      addEntryToIndex(entry, index, document, modelsSectionTitle)\n\n      // Recursively process children if they exist\n      if ('children' in entry && entry.children) {\n        processEntries(entry.children)\n      }\n    })\n  }\n\n  processEntries(document?.['x-scalar-navigation']?.children ?? [])\n\n  return index\n}\n\n/**\n * Adds a single entry to the search index, handling all entry types recursively.\n *\n * AsyncAPI documents contribute heading, tag, and model entries here. Their\n * channels, operations, and messages are not indexed yet.\n */\nfunction addEntryToIndex(\n  entry: TraversedEntry,\n  index: FuseData[],\n  document: SearchableDocument | undefined,\n  modelsSectionTitle: string,\n): void {\n  // OpenAPI-only branches read fields that do not exist on AsyncAPI documents (paths, webhooks,\n  // components.schemas). Narrow once here so each branch can dereference safely.\n  const openApiDocument = isOpenApiDocument(document) ? document : undefined\n\n  // Operation\n  if (entry.type === 'operation') {\n    const pathItem = getResolvedPathItem(openApiDocument?.paths?.[entry.path])\n    const operation = (getResolvedRef(getPathItemOperation(openApiDocument?.paths?.[entry.path], entry.method)) ??\n      {}) as OperationObject\n    const operationWithPathParams = {\n      ...operation,\n      parameters: combineParams(pathItem?.parameters, operation.parameters),\n    }\n\n    const parameters = extractParameterNames(operationWithPathParams.parameters ?? [])\n    const parameterDescriptions = extractParameterDescriptions(operationWithPathParams.parameters ?? [])\n    const body = extractBodyFieldNames(operationWithPathParams)\n    const bodyDescriptions = extractBodyDescriptions(operationWithPathParams)\n    const responseExamples = extractResponseExamples(operationWithPathParams.responses)\n\n    index.push({\n      type: 'operation',\n      title: entry.title,\n      id: entry.id,\n      description: operationWithPathParams.description || '',\n      method: entry.method,\n      path: entry.path,\n      body,\n      bodyDescriptions,\n      parameters,\n      parameterDescriptions,\n      responseExamples,\n      operationId: operationWithPathParams.operationId,\n      entry,\n    })\n\n    return\n  }\n\n  // Webhook\n  if (entry.type === 'webhook') {\n    const webhook = getResolvedRef(getPathItemOperation(openApiDocument?.webhooks?.[entry.name], entry.method)) ?? {}\n    const webhookDescription = webhook.description || ''\n\n    index.push({\n      id: entry.id,\n      type: 'webhook',\n      title: entry.title,\n      description: 'Webhook',\n      method: entry.method,\n      body: '',\n      bodyDescriptions: webhookDescription ? [webhookDescription] : [],\n      operationId: webhook.operationId,\n      entry,\n    })\n\n    return\n  }\n\n  // Model\n  if (entry.type === 'model') {\n    const schema = getModelSchema(document, entry.name)\n    const schemaDescription = schema?.description ?? ''\n    const propertyNames = extractSchemaFieldNames(schema)\n    const propertyDescriptions = extractSchemaDescriptions(schema)\n\n    index.push({\n      type: 'model',\n      title: entry.title,\n      description: modelsSectionTitle,\n      id: entry.id,\n      body: propertyNames,\n      bodyDescriptions: schemaDescription ? [schemaDescription, ...propertyDescriptions] : propertyDescriptions,\n      entry,\n    })\n\n    return\n  }\n\n  // Models heading\n  if (entry.type === 'models') {\n    index.push({\n      id: entry.id,\n      type: 'heading',\n      title: entry.title,\n      description: 'Heading',\n      body: '',\n      entry,\n    })\n\n    return\n  }\n\n  // Tag\n  if (entry.type === 'tag' && entry.isWebhooks === true) {\n    index.push({\n      id: entry.id,\n      type: 'heading',\n      title: 'Webhooks',\n      description: 'Heading',\n      body: '',\n      entry,\n    })\n\n    return\n  }\n\n  if (entry.type === 'tag' && entry.isGroup === false) {\n    index.push({\n      id: entry.id,\n      title: entry.title,\n      description: entry.description || '',\n      type: 'tag',\n      body: '',\n      entry,\n    })\n\n    return\n  }\n\n  // Tag group\n  if (entry.type === 'tag' && entry.isGroup === true) {\n    index.push({\n      id: entry.id,\n      title: entry.title,\n      description: 'Tag Group',\n      type: 'tag',\n      body: '',\n      entry,\n    })\n\n    return\n  }\n\n  // Headings from info.description\n  if (entry.type === 'text') {\n    index.push({\n      id: entry.id,\n      type: 'heading',\n      title: entry.title ?? '',\n      description: 'Heading',\n      body: '',\n      entry,\n    })\n\n    return\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"create-search-index.js","names":[],"sources":["../../../../src/features/Search/helpers/create-search-index.ts"],"sourcesContent":["import { DEFAULT_MODELS_SECTION_LABEL, type ModelsSectionLabel } from '@scalar/types/api-reference'\nimport type { AsyncApiDocument } from '@scalar/types/asyncapi/3.1'\nimport { getPathItemOperation, getResolvedPathItem } from '@scalar/workspace-store/helpers/for-each-path-item-operation'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport { combineParams } from '@scalar/workspace-store/request-example'\nimport type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation'\nimport { isAsyncApiDocument, isOpenApiDocument } from '@scalar/workspace-store/schemas/type-guards'\nimport type {\n  MediaTypeObject,\n  OpenApiDocument,\n  OperationObject,\n  ResponsesObject,\n  SchemaObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport type { FuseData } from '@/features/Search/types'\nimport { getAsyncApiModelSchema } from '@/helpers/get-async-api-model-schema'\nimport { isIntroductionEntry } from '@/helpers/is-introduction-entry'\nimport {\n  extractBodyDescriptions,\n  extractBodyFieldNames,\n  extractParameterDescriptions,\n  extractParameterNames,\n  extractSchemaDescriptions,\n  extractSchemaFieldNames,\n} from '@/helpers/openapi'\n\n/** Documents the search index can ingest. AsyncAPI is supported for headings, tags, and models; channels/operations/messages are not indexed yet. */\ntype SearchableDocument = OpenApiDocument | AsyncApiDocument\n\n/**\n * Resolves a schema from `components.schemas` for either document type.\n *\n * OpenAPI and AsyncAPI keep reusable schemas in the same place, so model search entries can read\n * property names and descriptions from both. AsyncAPI entries need extra handling (ref siblings,\n * multi-format wrappers, boolean schemas), which lives in {@link getAsyncApiModelSchema}.\n */\nfunction getModelSchema(document: SearchableDocument | undefined, name: string): SchemaObject | undefined {\n  if (isOpenApiDocument(document)) {\n    return getResolvedRef(document.components?.schemas?.[name])\n  }\n\n  if (isAsyncApiDocument(document)) {\n    return getAsyncApiModelSchema(document, name)\n  }\n\n  return undefined\n}\n\nfunction responseExampleValueToString(value: unknown): string {\n  if (typeof value === 'string') {\n    return value\n  }\n\n  try {\n    return JSON.stringify(value)\n  } catch (_error) {\n    return ''\n  }\n}\n\nfunction mediaTypeExamplesToStrings(mediaType: MediaTypeObject): string[] {\n  const examplesFromNamedMap = Object.values(mediaType.examples ?? {})\n    .flatMap((example) => {\n      const resolvedExample = getResolvedRef(example)\n\n      if (!resolvedExample || !('value' in resolvedExample)) {\n        return []\n      }\n\n      return responseExampleValueToString(resolvedExample.value)\n    })\n    .filter((value) => value.length > 0)\n\n  const mediaTypeExample =\n    'example' in mediaType && mediaType.example !== undefined ? responseExampleValueToString(mediaType.example) : ''\n\n  return mediaTypeExample ? [mediaTypeExample, ...examplesFromNamedMap] : examplesFromNamedMap\n}\n\nfunction extractResponseExamples(responses: ResponsesObject | undefined): string[] {\n  if (!responses) {\n    return []\n  }\n\n  return Object.values(responses)\n    .flatMap((response) => {\n      const resolvedResponse = getResolvedRef(response)\n      if (!resolvedResponse?.content) {\n        return []\n      }\n\n      return Object.values(resolvedResponse.content).flatMap((mediaType) => {\n        const resolvedMediaType = getResolvedRef(mediaType)\n        if (!resolvedMediaType) {\n          return []\n        }\n\n        return mediaTypeExamplesToStrings(resolvedMediaType)\n      })\n    })\n    .filter((value) => value.length > 0)\n}\n\ntype CreateSearchIndexOptions = {\n  labels?: SearchIndexLabels\n  modelsSectionLabel?: ModelsSectionLabel\n}\n\ntype SearchIndexLabels = {\n  heading: string\n  tagGroup: string\n  webhook: string\n  webhooks: string\n  introduction: string\n}\n\nconst DEFAULT_SEARCH_INDEX_LABELS = {\n  heading: 'Heading',\n  tagGroup: 'Tag Group',\n  webhook: 'Webhook',\n  webhooks: 'Webhooks',\n  introduction: 'Introduction',\n} satisfies SearchIndexLabels\n\n/**\n * Create a search index from a list of entries.\n */\nexport function createSearchIndex(\n  document: SearchableDocument | undefined,\n  options?: CreateSearchIndexOptions,\n): FuseData[] {\n  const index: FuseData[] = []\n  const modelsSectionTitle = options?.modelsSectionLabel ?? DEFAULT_MODELS_SECTION_LABEL\n  const labels = options?.labels ?? DEFAULT_SEARCH_INDEX_LABELS\n\n  /**\n   * Recursively processes entries and their children to build the search index.\n   */\n  function processEntries(entriesToProcess: TraversedEntry[]): void {\n    entriesToProcess.forEach((entry) => {\n      addEntryToIndex(entry, index, document, modelsSectionTitle, labels)\n\n      // Recursively process children if they exist\n      if ('children' in entry && entry.children) {\n        processEntries(entry.children)\n      }\n    })\n  }\n\n  processEntries(document?.['x-scalar-navigation']?.children ?? [])\n\n  return index\n}\n\n/**\n * Adds a single entry to the search index, handling all entry types recursively.\n *\n * AsyncAPI documents contribute heading, tag, and model entries here. Their\n * channels, operations, and messages are not indexed yet.\n */\nfunction addEntryToIndex(\n  entry: TraversedEntry,\n  index: FuseData[],\n  document: SearchableDocument | undefined,\n  modelsSectionTitle: string,\n  labels: SearchIndexLabels,\n): void {\n  // OpenAPI-only branches read fields that do not exist on AsyncAPI documents (paths, webhooks,\n  // components.schemas). Narrow once here so each branch can dereference safely.\n  const openApiDocument = isOpenApiDocument(document) ? document : undefined\n\n  // Operation\n  if (entry.type === 'operation') {\n    const pathItem = getResolvedPathItem(openApiDocument?.paths?.[entry.path])\n    const operation = (getResolvedRef(getPathItemOperation(openApiDocument?.paths?.[entry.path], entry.method)) ??\n      {}) as OperationObject\n    const operationWithPathParams = {\n      ...operation,\n      parameters: combineParams(pathItem?.parameters, operation.parameters),\n    }\n\n    const parameters = extractParameterNames(operationWithPathParams.parameters ?? [])\n    const parameterDescriptions = extractParameterDescriptions(operationWithPathParams.parameters ?? [])\n    const body = extractBodyFieldNames(operationWithPathParams)\n    const bodyDescriptions = extractBodyDescriptions(operationWithPathParams)\n    const responseExamples = extractResponseExamples(operationWithPathParams.responses)\n\n    index.push({\n      type: 'operation',\n      title: entry.title,\n      id: entry.id,\n      description: operationWithPathParams.description || '',\n      method: entry.method,\n      path: entry.path,\n      body,\n      bodyDescriptions,\n      parameters,\n      parameterDescriptions,\n      responseExamples,\n      operationId: operationWithPathParams.operationId,\n      entry,\n    })\n\n    return\n  }\n\n  // Webhook\n  if (entry.type === 'webhook') {\n    const webhook = getResolvedRef(getPathItemOperation(openApiDocument?.webhooks?.[entry.name], entry.method)) ?? {}\n    const webhookDescription = webhook.description || ''\n\n    index.push({\n      id: entry.id,\n      type: 'webhook',\n      title: entry.title,\n      description: 'Webhook',\n      method: entry.method,\n      body: '',\n      bodyDescriptions: webhookDescription ? [webhookDescription] : [],\n      operationId: webhook.operationId,\n      entry,\n    })\n\n    return\n  }\n\n  // Model\n  if (entry.type === 'model') {\n    const schema = getModelSchema(document, entry.name)\n    const schemaDescription = schema?.description ?? ''\n    const propertyNames = extractSchemaFieldNames(schema)\n    const propertyDescriptions = extractSchemaDescriptions(schema)\n\n    index.push({\n      type: 'model',\n      title: entry.title,\n      description: modelsSectionTitle,\n      id: entry.id,\n      body: propertyNames,\n      bodyDescriptions: schemaDescription ? [schemaDescription, ...propertyDescriptions] : propertyDescriptions,\n      entry,\n    })\n\n    return\n  }\n\n  // Models heading\n  if (entry.type === 'models') {\n    index.push({\n      id: entry.id,\n      type: 'heading',\n      title: modelsSectionTitle,\n      description: labels.heading,\n      body: '',\n      entry,\n    })\n\n    return\n  }\n\n  // Tag\n  if (entry.type === 'tag' && entry.isWebhooks === true) {\n    index.push({\n      id: entry.id,\n      type: 'heading',\n      title: labels.webhooks,\n      description: labels.heading,\n      body: '',\n      entry,\n    })\n\n    return\n  }\n\n  if (entry.type === 'tag' && entry.isGroup === false) {\n    index.push({\n      id: entry.id,\n      title: entry.title,\n      description: entry.description || '',\n      type: 'tag',\n      body: '',\n      entry,\n    })\n\n    return\n  }\n\n  // Tag group\n  if (entry.type === 'tag' && entry.isGroup === true) {\n    index.push({\n      id: entry.id,\n      title: entry.title,\n      description: labels.tagGroup,\n      type: 'tag',\n      body: '',\n      entry,\n    })\n\n    return\n  }\n\n  // Headings from info.description\n  if (entry.type === 'text') {\n    index.push({\n      id: entry.id,\n      type: 'heading',\n      title: isIntroductionEntry(entry) ? labels.introduction : (entry.title ?? ''),\n      description: labels.heading,\n      body: '',\n      entry,\n    })\n\n    return\n  }\n}\n"],"mappings":"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"}

package/dist/features/Search/hooks/useSearchIndex.d.ts

@@ -6,7 +6,13 @@ import type { FuseData } from '../types';
 /**
  * Creates the search index from an OpenAPI or AsyncAPI document.
  */
-export declare function useSearchIndex(document: MaybeRefOrGetter<OpenApiDocument | AsyncApiDocument | undefined>, modelsSectionLabel?: MaybeRefOrGetter<ModelsSectionLabel | undefined>): {
+export declare function useSearchIndex(document: MaybeRefOrGetter<OpenApiDocument | AsyncApiDocument | undefined>, modelsSectionLabel?: MaybeRefOrGetter<ModelsSectionLabel | undefined>, labels?: MaybeRefOrGetter<{
+    heading: string;
+    tagGroup: string;
+    webhook: string;
+    webhooks: string;
+    introduction: string;
+}>): {
     results: import("vue").ComputedRef<{
         item: FuseData;
         refIndex: number;

package/dist/features/Search/hooks/useSearchIndex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSearchIndex.d.ts","sourceRoot":"","sources":["../../../../src/features/Search/hooks/useSearchIndex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AACnG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAClE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8DAA8D,CAAA;AAEnG,OAAO,EAAE,KAAK,gBAAgB,EAA0B,MAAM,KAAK,CAAA;AAInE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAIxC;;GAEG;AACH,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,gBAAgB,CAAC,eAAe,GAAG,gBAAgB,GAAG,SAAS,CAAC,EAC1E,kBAAkB,GAAE,gBAAgB,CAAC,kBAAkB,GAAG,SAAS,CAAgC;;;;;;EAsCpG"}
+{"version":3,"file":"useSearchIndex.d.ts","sourceRoot":"","sources":["../../../../src/features/Search/hooks/useSearchIndex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AACnG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAClE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8DAA8D,CAAA;AAEnG,OAAO,EAAE,KAAK,gBAAgB,EAA0B,MAAM,KAAK,CAAA;AAInE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAIxC;;GAEG;AACH,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,gBAAgB,CAAC,eAAe,GAAG,gBAAgB,GAAG,SAAS,CAAC,EAC1E,kBAAkB,GAAE,gBAAgB,CAAC,kBAAkB,GAAG,SAAS,CAAgC,EACnG,MAAM,GAAE,gBAAgB,CAAC;IACvB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,MAAM,CAAA;CACrB,CAMA;;;;;;EAuCF"}

package/dist/features/Search/hooks/useSearchIndex.js

@@ -7,8 +7,17 @@ var MAX_SEARCH_RESULTS = 25;
 /**
 * Creates the search index from an OpenAPI or AsyncAPI document.
 */
-function useSearchIndex(document, modelsSectionLabel = DEFAULT_MODELS_SECTION_LABEL) {
-	const searchIndex = computed(() => createSearchIndex(toValue(document), { modelsSectionLabel: toValue(modelsSectionLabel) ?? DEFAULT_MODELS_SECTION_LABEL }));
+function useSearchIndex(document, modelsSectionLabel = DEFAULT_MODELS_SECTION_LABEL, labels = {
+	heading: "Heading",
+	tagGroup: "Tag Group",
+	webhook: "Webhook",
+	webhooks: "Webhooks",
+	introduction: "Introduction"
+}) {
+	const searchIndex = computed(() => createSearchIndex(toValue(document), {
+		labels: toValue(labels),
+		modelsSectionLabel: toValue(modelsSectionLabel) ?? DEFAULT_MODELS_SECTION_LABEL
+	}));
 	/** When the document changes we replace the search index */
 	const fuse = computed(() => {
 		const instance = createFuseInstance();

package/dist/features/Search/hooks/useSearchIndex.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSearchIndex.js","names":[],"sources":["../../../../src/features/Search/hooks/useSearchIndex.ts"],"sourcesContent":["import { DEFAULT_MODELS_SECTION_LABEL, type ModelsSectionLabel } from '@scalar/types/api-reference'\nimport type { AsyncApiDocument } from '@scalar/types/asyncapi/3.1'\nimport type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport type { FuseResult } from 'fuse.js'\nimport { type MaybeRefOrGetter, computed, ref, toValue } from 'vue'\n\nimport { createFuseInstance } from '../helpers/create-fuse-instance'\nimport { createSearchIndex } from '../helpers/create-search-index'\nimport type { FuseData } from '../types'\n\nconst MAX_SEARCH_RESULTS = 25\n\n/**\n * Creates the search index from an OpenAPI or AsyncAPI document.\n */\nexport function useSearchIndex(\n  document: MaybeRefOrGetter<OpenApiDocument | AsyncApiDocument | undefined>,\n  modelsSectionLabel: MaybeRefOrGetter<ModelsSectionLabel | undefined> = DEFAULT_MODELS_SECTION_LABEL,\n) {\n  const searchIndex = computed<FuseData[]>(() =>\n    createSearchIndex(toValue(document), {\n      modelsSectionLabel: toValue(modelsSectionLabel) ?? DEFAULT_MODELS_SECTION_LABEL,\n    }),\n  )\n\n  /** When the document changes we replace the search index */\n  const fuse = computed(() => {\n    const instance = createFuseInstance()\n    instance.setCollection(searchIndex.value)\n    return instance\n  })\n\n  const query = ref<string>('')\n\n  const results = computed(() => {\n    if (query.value.length !== 0) {\n      return fuse.value.search(query.value, {\n        limit: MAX_SEARCH_RESULTS,\n      })\n    }\n\n    // Show a few entries as a placeholder\n    return searchIndex.value.slice(0, MAX_SEARCH_RESULTS).map(\n      (item: FuseData, index: number) =>\n        ({\n          item,\n          refIndex: index,\n        }) satisfies FuseResult<FuseData>,\n    )\n  })\n\n  return {\n    results,\n    query,\n  }\n}\n"],"mappings":";;;;;AAUA,IAAM,qBAAqB;;;;AAK3B,SAAgB,eACd,UACA,qBAAuE,8BACvE;CACA,MAAM,cAAc,eAClB,kBAAkB,QAAQ,SAAS,EAAE,EACnC,oBAAoB,QAAQ,mBAAmB,IAAI,8BACpD,CAAC,CACH;;CAGD,MAAM,OAAO,eAAe;EAC1B,MAAM,WAAW,oBAAoB;AACrC,WAAS,cAAc,YAAY,MAAM;AACzC,SAAO;GACP;CAEF,MAAM,QAAQ,IAAY,GAAG;AAmB7B,QAAO;EACL,SAlBc,eAAe;AAC7B,OAAI,MAAM,MAAM,WAAW,EACzB,QAAO,KAAK,MAAM,OAAO,MAAM,OAAO,EACpC,OAAO,oBACR,CAAC;AAIJ,UAAO,YAAY,MAAM,MAAM,GAAG,mBAAmB,CAAC,KACnD,MAAgB,WACd;IACC;IACA,UAAU;IACX,EACJ;IACD;EAIA;EACD"}
+{"version":3,"file":"useSearchIndex.js","names":[],"sources":["../../../../src/features/Search/hooks/useSearchIndex.ts"],"sourcesContent":["import { DEFAULT_MODELS_SECTION_LABEL, type ModelsSectionLabel } from '@scalar/types/api-reference'\nimport type { AsyncApiDocument } from '@scalar/types/asyncapi/3.1'\nimport type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport type { FuseResult } from 'fuse.js'\nimport { type MaybeRefOrGetter, computed, ref, toValue } from 'vue'\n\nimport { createFuseInstance } from '../helpers/create-fuse-instance'\nimport { createSearchIndex } from '../helpers/create-search-index'\nimport type { FuseData } from '../types'\n\nconst MAX_SEARCH_RESULTS = 25\n\n/**\n * Creates the search index from an OpenAPI or AsyncAPI document.\n */\nexport function useSearchIndex(\n  document: MaybeRefOrGetter<OpenApiDocument | AsyncApiDocument | undefined>,\n  modelsSectionLabel: MaybeRefOrGetter<ModelsSectionLabel | undefined> = DEFAULT_MODELS_SECTION_LABEL,\n  labels: MaybeRefOrGetter<{\n    heading: string\n    tagGroup: string\n    webhook: string\n    webhooks: string\n    introduction: string\n  }> = {\n    heading: 'Heading',\n    tagGroup: 'Tag Group',\n    webhook: 'Webhook',\n    webhooks: 'Webhooks',\n    introduction: 'Introduction',\n  },\n) {\n  const searchIndex = computed<FuseData[]>(() =>\n    createSearchIndex(toValue(document), {\n      labels: toValue(labels),\n      modelsSectionLabel: toValue(modelsSectionLabel) ?? DEFAULT_MODELS_SECTION_LABEL,\n    }),\n  )\n\n  /** When the document changes we replace the search index */\n  const fuse = computed(() => {\n    const instance = createFuseInstance()\n    instance.setCollection(searchIndex.value)\n    return instance\n  })\n\n  const query = ref<string>('')\n\n  const results = computed(() => {\n    if (query.value.length !== 0) {\n      return fuse.value.search(query.value, {\n        limit: MAX_SEARCH_RESULTS,\n      })\n    }\n\n    // Show a few entries as a placeholder\n    return searchIndex.value.slice(0, MAX_SEARCH_RESULTS).map(\n      (item: FuseData, index: number) =>\n        ({\n          item,\n          refIndex: index,\n        }) satisfies FuseResult<FuseData>,\n    )\n  })\n\n  return {\n    results,\n    query,\n  }\n}\n"],"mappings":";;;;;AAUA,IAAM,qBAAqB;;;;AAK3B,SAAgB,eACd,UACA,qBAAuE,8BACvE,SAMK;CACH,SAAS;CACT,UAAU;CACV,SAAS;CACT,UAAU;CACV,cAAc;CACf,EACD;CACA,MAAM,cAAc,eAClB,kBAAkB,QAAQ,SAAS,EAAE;EACnC,QAAQ,QAAQ,OAAO;EACvB,oBAAoB,QAAQ,mBAAmB,IAAI;EACpD,CAAC,CACH;;CAGD,MAAM,OAAO,eAAe;EAC1B,MAAM,WAAW,oBAAoB;AACrC,WAAS,cAAc,YAAY,MAAM;AACzC,SAAO;GACP;CAEF,MAAM,QAAQ,IAAY,GAAG;AAmB7B,QAAO;EACL,SAlBc,eAAe;AAC7B,OAAI,MAAM,MAAM,WAAW,EACzB,QAAO,KAAK,MAAM,OAAO,MAAM,OAAO,EACpC,OAAO,oBACR,CAAC;AAIJ,UAAO,YAAY,MAAM,MAAM,GAAG,mBAAmB,CAAC,KACnD,MAAgB,WACd;IACC;IACA,UAAU;IACX,EACJ;IACD;EAIA;EACD"}

package/dist/features/ask-agent-button/AskAgentButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AskAgentButton.vue.d.ts","sourceRoot":"","sources":["../../../src/features/ask-agent-button/AskAgentButton.vue"],"names":[],"mappings":"AAoQA,QAAA,MAAM,YAAY,+QAChB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"AskAgentButton.vue.d.ts","sourceRoot":"","sources":["../../../src/features/ask-agent-button/AskAgentButton.vue"],"names":[],"mappings":"AA4QA,QAAA,MAAM,YAAY,+QAChB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/features/ask-agent-button/AskAgentButton.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 import AskAgentButton_vue_vue_type_script_setup_true_lang_default from "./AskAgentButton.vue.script.js";
 /* empty css                             */
 //#region src/features/ask-agent-button/AskAgentButton.vue
-var AskAgentButton_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AskAgentButton_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-78f5377c"]]);
+var AskAgentButton_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AskAgentButton_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-10a4fb90"]]);
 //#endregion
 export { AskAgentButton_default as default };
 

package/dist/features/ask-agent-button/AskAgentButton.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"AskAgentButton.vue.js","names":[],"sources":["../../../src/features/ask-agent-button/AskAgentButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconArrowUp, ScalarIconSparkle } from '@scalar/icons'\nimport { ref } from 'vue'\n\nimport { useAgentContext } from '@/hooks/use-agent'\n\nconst agentContext = useAgentContext()\n\nconst message = ref('')\nconst inputRef = ref<HTMLInputElement>()\n\nfunction handleSubmit() {\n  agentContext.value?.openAgent(message.value)\n  message.value = ''\n}\n</script>\n<template>\n  <form\n    v-if=\"agentContext?.agentEnabled.value\"\n    class=\"agent-button-container\"\n    @click=\"inputRef?.focus()\"\n    @submit.prevent=\"handleSubmit()\">\n    <ScalarIconSparkle\n      class=\"size-3 shrink-0\"\n      weight=\"fill\" />\n    <div class=\"ask-agent-scalar-input-label\">Ask AI Agent</div>\n    <input\n      ref=\"inputRef\"\n      v-model=\"message\"\n      class=\"ask-agent-scalar-input\"\n      :class=\"{ 'ask-agent-scalar-input-not-empty': message.length > 0 }\"\n      placeholder=\"Ask AI Agent\" />\n    <button\n      class=\"ask-agent-scalar-send\"\n      type=\"submit\">\n      <ScalarIconArrowUp\n        class=\"size-3\"\n        weight=\"bold\" />\n    </button>\n  </form>\n</template>\n<style scoped>\n/** Container */\n.agent-button-container {\n  position: relative;\n  color: var(--scalar-color-1);\n  background: color-mix(in srgb, var(--scalar-background-3), white 15%);\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 1px 6px;\n  margin-right: 4px;\n  border-radius: var(--scalar-radius);\n  z-index: 2;\n  height: 100%;\n}\n.agent-button-container:hover:not(:focus-within) {\n  background: color-mix(in srgb, var(--scalar-background-3), white 20%);\n}\n.agent-button-container:has(.ask-agent-scalar-input-not-empty),\n.agent-button-container:focus-within {\n  position: absolute;\n  inset: 2px;\n  border-radius: var(--scalar-radius-lg);\n  margin-right: 0;\n  height: auto;\n}\n.agent-button-container:has(.ask-agent-scalar-input:focus-visible) {\n  outline-style: solid;\n}\n/** Input */\n.ask-agent-scalar-input {\n  width: 0px;\n  opacity: 0;\n  font-size: 0px;\n  border: none;\n}\n.agent-button-container:has(.ask-agent-scalar-input-not-empty)\n  .ask-agent-scalar-input,\n.agent-button-container:focus-within .ask-agent-scalar-input {\n  width: 100%;\n  font-size: inherit;\n  opacity: 1;\n  line-height: 20px;\n  outline: none;\n  padding-inline: 4px;\n}\n.ask-agent-scalar-input::placeholder {\n  color: var(--scalar-color-2);\n  font-family: inherit;\n}\n/** Input label */\n.ask-agent-scalar-input-label {\n  /** Shown by default */\n  color: var(--scalar-color-1);\n  font-weight: var(--scalar-semibold);\n  margin-left: 4px;\n}\n.agent-button-container:has(.ask-agent-scalar-input-not-empty)\n  .ask-agent-scalar-input-label,\n.agent-button-container:focus-within .ask-agent-scalar-input-label {\n  /** Hidden when input is focused */\n  display: none;\n}\n/** Send button */\n.ask-agent-scalar-send {\n  background: var(--scalar-color-blue);\n  color: #fff;\n  width: 24px;\n  height: 24px;\n  flex-shrink: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--scalar-radius);\n  outline-offset: 1px;\n  /* Hidden by default */\n  display: none;\n}\n.agent-button-container:has(.ask-agent-scalar-input-not-empty)\n  .ask-agent-scalar-send {\n  /** Show when input is not empty */\n  display: flex;\n}\n.ask-agent-scalar-send:hover {\n  background: color-mix(in srgb, var(--scalar-color-blue), transparent 10%);\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"AskAgentButton.vue.js","names":[],"sources":["../../../src/features/ask-agent-button/AskAgentButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconArrowUp, ScalarIconSparkle } from '@scalar/icons'\nimport { ref } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\nimport { useAgentContext } from '@/hooks/use-agent'\n\nconst agentContext = useAgentContext()\nconst { translate } = useLocalization()\n\nconst message = ref('')\nconst inputRef = ref<HTMLInputElement>()\n\nfunction handleSubmit() {\n  agentContext.value?.openAgent(message.value)\n  message.value = ''\n}\n</script>\n<template>\n  <form\n    v-if=\"agentContext?.agentEnabled.value\"\n    class=\"agent-button-container\"\n    @click=\"inputRef?.focus()\"\n    @submit.prevent=\"handleSubmit()\">\n    <ScalarIconSparkle\n      class=\"size-3 shrink-0\"\n      weight=\"fill\" />\n    <div class=\"ask-agent-scalar-input-label\">\n      {{ translate('agent.askAiAgent') }}\n    </div>\n    <input\n      ref=\"inputRef\"\n      v-model=\"message\"\n      class=\"ask-agent-scalar-input\"\n      :class=\"{ 'ask-agent-scalar-input-not-empty': message.length > 0 }\"\n      :placeholder=\"translate('agent.askAiAgent')\" />\n    <button\n      class=\"ask-agent-scalar-send\"\n      type=\"submit\">\n      <ScalarIconArrowUp\n        class=\"size-3\"\n        weight=\"bold\" />\n    </button>\n  </form>\n</template>\n<style scoped>\n/** Container */\n.agent-button-container {\n  position: relative;\n  color: var(--scalar-color-1);\n  background: color-mix(in srgb, var(--scalar-background-3), white 15%);\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 1px 6px;\n  margin-right: 4px;\n  border-radius: var(--scalar-radius);\n  z-index: 2;\n  height: 100%;\n}\n.agent-button-container:hover:not(:focus-within) {\n  background: color-mix(in srgb, var(--scalar-background-3), white 20%);\n}\n.agent-button-container:has(.ask-agent-scalar-input-not-empty),\n.agent-button-container:focus-within {\n  position: absolute;\n  inset: 2px;\n  border-radius: var(--scalar-radius-lg);\n  margin-right: 0;\n  height: auto;\n}\n.agent-button-container:has(.ask-agent-scalar-input:focus-visible) {\n  outline-style: solid;\n}\n/** Input */\n.ask-agent-scalar-input {\n  width: 0px;\n  opacity: 0;\n  font-size: 0px;\n  border: none;\n}\n.agent-button-container:has(.ask-agent-scalar-input-not-empty)\n  .ask-agent-scalar-input,\n.agent-button-container:focus-within .ask-agent-scalar-input {\n  width: 100%;\n  font-size: inherit;\n  opacity: 1;\n  line-height: 20px;\n  outline: none;\n  padding-inline: 4px;\n}\n.ask-agent-scalar-input::placeholder {\n  color: var(--scalar-color-2);\n  font-family: inherit;\n}\n/** Input label */\n.ask-agent-scalar-input-label {\n  /** Shown by default */\n  color: var(--scalar-color-1);\n  font-weight: var(--scalar-semibold);\n  margin-left: 4px;\n}\n.agent-button-container:has(.ask-agent-scalar-input-not-empty)\n  .ask-agent-scalar-input-label,\n.agent-button-container:focus-within .ask-agent-scalar-input-label {\n  /** Hidden when input is focused */\n  display: none;\n}\n/** Send button */\n.ask-agent-scalar-send {\n  background: var(--scalar-color-blue);\n  color: #fff;\n  width: 24px;\n  height: 24px;\n  flex-shrink: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--scalar-radius);\n  outline-offset: 1px;\n  /* Hidden by default */\n  display: none;\n}\n.agent-button-container:has(.ask-agent-scalar-input-not-empty)\n  .ask-agent-scalar-send {\n  /** Show when input is not empty */\n  display: flex;\n}\n.ask-agent-scalar-send:hover {\n  background: color-mix(in srgb, var(--scalar-color-blue), transparent 10%);\n}\n</style>\n"],"mappings":""}

package/dist/features/ask-agent-button/AskAgentButton.vue.script.js

@@ -1,8 +1,11 @@
+import { useLocalization } from "../localization/use-localization.js";
 import { useAgentContext } from "../../hooks/use-agent.js";
-import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, unref, vModelText, withDirectives, withModifiers } from "vue";
+import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, toDisplayString, unref, vModelText, withDirectives, withModifiers } from "vue";
 import { ScalarIconArrowUp, ScalarIconSparkle } from "@scalar/icons";
 //#region src/features/ask-agent-button/AskAgentButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
+var _hoisted_1 = { class: "ask-agent-scalar-input-label" };
+var _hoisted_2 = ["placeholder"];
+var _hoisted_3 = {
 	class: "ask-agent-scalar-send",
 	type: "submit"
 };
@@ -10,6 +13,7 @@ var AskAgentButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 	__name: "AskAgentButton",
 	setup(__props) {
 		const agentContext = useAgentContext();
+		const { translate } = useLocalization();
 		const message = ref("");
 		const inputRef = ref();
 		function handleSubmit() {
@@ -27,15 +31,15 @@ var AskAgentButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 					class: "size-3 shrink-0",
 					weight: "fill"
 				}),
-				_cache[3] || (_cache[3] = createElementVNode("div", { class: "ask-agent-scalar-input-label" }, "Ask AI Agent", -1)),
+				createElementVNode("div", _hoisted_1, toDisplayString(unref(translate)("agent.askAiAgent")), 1),
 				withDirectives(createElementVNode("input", {
 					ref_key: "inputRef",
 					ref: inputRef,
 					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => message.value = $event),
 					class: normalizeClass(["ask-agent-scalar-input", { "ask-agent-scalar-input-not-empty": message.value.length > 0 }]),
-					placeholder: "Ask AI Agent"
-				}, null, 2), [[vModelText, message.value]]),
-				createElementVNode("button", _hoisted_1, [createVNode(unref(ScalarIconArrowUp), {
+					placeholder: unref(translate)("agent.askAiAgent")
+				}, null, 10, _hoisted_2), [[vModelText, message.value]]),
+				createElementVNode("button", _hoisted_3, [createVNode(unref(ScalarIconArrowUp), {
 					class: "size-3",
 					weight: "bold"
 				})])

package/dist/features/ask-agent-button/AskAgentButton.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"AskAgentButton.vue.script.js","names":[],"sources":["../../../src/features/ask-agent-button/AskAgentButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconArrowUp, ScalarIconSparkle } from '@scalar/icons'\nimport { ref } from 'vue'\n\nimport { useAgentContext } from '@/hooks/use-agent'\n\nconst agentContext = useAgentContext()\n\nconst message = ref('')\nconst inputRef = ref<HTMLInputElement>()\n\nfunction handleSubmit() {\n  agentContext.value?.openAgent(message.value)\n  message.value = ''\n}\n</script>\n<template>\n  <form\n    v-if=\"agentContext?.agentEnabled.value\"\n    class=\"agent-button-container\"\n    @click=\"inputRef?.focus()\"\n    @submit.prevent=\"handleSubmit()\">\n    <ScalarIconSparkle\n      class=\"size-3 shrink-0\"\n      weight=\"fill\" />\n    <div class=\"ask-agent-scalar-input-label\">Ask AI Agent</div>\n    <input\n      ref=\"inputRef\"\n      v-model=\"message\"\n      class=\"ask-agent-scalar-input\"\n      :class=\"{ 'ask-agent-scalar-input-not-empty': message.length > 0 }\"\n      placeholder=\"Ask AI Agent\" />\n    <button\n      class=\"ask-agent-scalar-send\"\n      type=\"submit\">\n      <ScalarIconArrowUp\n        class=\"size-3\"\n        weight=\"bold\" />\n    </button>\n  </form>\n</template>\n<style scoped>\n/** Container */\n.agent-button-container {\n  position: relative;\n  color: var(--scalar-color-1);\n  background: color-mix(in srgb, var(--scalar-background-3), white 15%);\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 1px 6px;\n  margin-right: 4px;\n  border-radius: var(--scalar-radius);\n  z-index: 2;\n  height: 100%;\n}\n.agent-button-container:hover:not(:focus-within) {\n  background: color-mix(in srgb, var(--scalar-background-3), white 20%);\n}\n.agent-button-container:has(.ask-agent-scalar-input-not-empty),\n.agent-button-container:focus-within {\n  position: absolute;\n  inset: 2px;\n  border-radius: var(--scalar-radius-lg);\n  margin-right: 0;\n  height: auto;\n}\n.agent-button-container:has(.ask-agent-scalar-input:focus-visible) {\n  outline-style: solid;\n}\n/** Input */\n.ask-agent-scalar-input {\n  width: 0px;\n  opacity: 0;\n  font-size: 0px;\n  border: none;\n}\n.agent-button-container:has(.ask-agent-scalar-input-not-empty)\n  .ask-agent-scalar-input,\n.agent-button-container:focus-within .ask-agent-scalar-input {\n  width: 100%;\n  font-size: inherit;\n  opacity: 1;\n  line-height: 20px;\n  outline: none;\n  padding-inline: 4px;\n}\n.ask-agent-scalar-input::placeholder {\n  color: var(--scalar-color-2);\n  font-family: inherit;\n}\n/** Input label */\n.ask-agent-scalar-input-label {\n  /** Shown by default */\n  color: var(--scalar-color-1);\n  font-weight: var(--scalar-semibold);\n  margin-left: 4px;\n}\n.agent-button-container:has(.ask-agent-scalar-input-not-empty)\n  .ask-agent-scalar-input-label,\n.agent-button-container:focus-within .ask-agent-scalar-input-label {\n  /** Hidden when input is focused */\n  display: none;\n}\n/** Send button */\n.ask-agent-scalar-send {\n  background: var(--scalar-color-blue);\n  color: #fff;\n  width: 24px;\n  height: 24px;\n  flex-shrink: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--scalar-radius);\n  outline-offset: 1px;\n  /* Hidden by default */\n  display: none;\n}\n.agent-button-container:has(.ask-agent-scalar-input-not-empty)\n  .ask-agent-scalar-send {\n  /** Show when input is not empty */\n  display: flex;\n}\n.ask-agent-scalar-send:hover {\n  background: color-mix(in srgb, var(--scalar-color-blue), transparent 10%);\n}\n</style>\n"],"mappings":";;;;;;;;;;;EAMA,MAAM,eAAe,iBAAgB;EAErC,MAAM,UAAU,IAAI,GAAE;EACtB,MAAM,WAAW,KAAsB;EAEvC,SAAS,eAAe;AACtB,gBAAa,OAAO,UAAU,QAAQ,MAAK;AAC3C,WAAQ,QAAQ;;;UAKR,MAAA,aAAY,EAAE,aAAa,SAAA,WAAA,EADnC,mBAsBO,QAAA;;IApBL,OAAM;IACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,SAAA,OAAU,OAAK;IACtB,UAAM,OAAA,OAAA,OAAA,KAAA,eAAA,WAAU,cAAY,EAAA,CAAA,UAAA,CAAA;;IAC7B,YAEkB,MAAA,kBAAA,EAAA;KADhB,OAAM;KACN,QAAO;;8BACT,mBAA4D,OAAA,EAAvD,OAAM,gCAA8B,EAAC,gBAAY,GAAA;mBACtD,mBAK+B,SAAA;cAJzB;KAAJ,KAAI;0EACY,QAAA;KAChB,OAAK,eAAA,CAAC,0BAAwB,EAAA,oCACgB,QAAA,MAAQ,SAAM,GAAA,CAAA,CAAA;KAC5D,aAAY;+BAHH,QAAA,MAAO,CAAA,CAAA;IAIlB,mBAMS,UANT,YAMS,CAHP,YAEkB,MAAA,kBAAA,EAAA;KADhB,OAAM;KACN,QAAO"}
+{"version":3,"file":"AskAgentButton.vue.script.js","names":[],"sources":["../../../src/features/ask-agent-button/AskAgentButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconArrowUp, ScalarIconSparkle } from '@scalar/icons'\nimport { ref } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\nimport { useAgentContext } from '@/hooks/use-agent'\n\nconst agentContext = useAgentContext()\nconst { translate } = useLocalization()\n\nconst message = ref('')\nconst inputRef = ref<HTMLInputElement>()\n\nfunction handleSubmit() {\n  agentContext.value?.openAgent(message.value)\n  message.value = ''\n}\n</script>\n<template>\n  <form\n    v-if=\"agentContext?.agentEnabled.value\"\n    class=\"agent-button-container\"\n    @click=\"inputRef?.focus()\"\n    @submit.prevent=\"handleSubmit()\">\n    <ScalarIconSparkle\n      class=\"size-3 shrink-0\"\n      weight=\"fill\" />\n    <div class=\"ask-agent-scalar-input-label\">\n      {{ translate('agent.askAiAgent') }}\n    </div>\n    <input\n      ref=\"inputRef\"\n      v-model=\"message\"\n      class=\"ask-agent-scalar-input\"\n      :class=\"{ 'ask-agent-scalar-input-not-empty': message.length > 0 }\"\n      :placeholder=\"translate('agent.askAiAgent')\" />\n    <button\n      class=\"ask-agent-scalar-send\"\n      type=\"submit\">\n      <ScalarIconArrowUp\n        class=\"size-3\"\n        weight=\"bold\" />\n    </button>\n  </form>\n</template>\n<style scoped>\n/** Container */\n.agent-button-container {\n  position: relative;\n  color: var(--scalar-color-1);\n  background: color-mix(in srgb, var(--scalar-background-3), white 15%);\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 1px 6px;\n  margin-right: 4px;\n  border-radius: var(--scalar-radius);\n  z-index: 2;\n  height: 100%;\n}\n.agent-button-container:hover:not(:focus-within) {\n  background: color-mix(in srgb, var(--scalar-background-3), white 20%);\n}\n.agent-button-container:has(.ask-agent-scalar-input-not-empty),\n.agent-button-container:focus-within {\n  position: absolute;\n  inset: 2px;\n  border-radius: var(--scalar-radius-lg);\n  margin-right: 0;\n  height: auto;\n}\n.agent-button-container:has(.ask-agent-scalar-input:focus-visible) {\n  outline-style: solid;\n}\n/** Input */\n.ask-agent-scalar-input {\n  width: 0px;\n  opacity: 0;\n  font-size: 0px;\n  border: none;\n}\n.agent-button-container:has(.ask-agent-scalar-input-not-empty)\n  .ask-agent-scalar-input,\n.agent-button-container:focus-within .ask-agent-scalar-input {\n  width: 100%;\n  font-size: inherit;\n  opacity: 1;\n  line-height: 20px;\n  outline: none;\n  padding-inline: 4px;\n}\n.ask-agent-scalar-input::placeholder {\n  color: var(--scalar-color-2);\n  font-family: inherit;\n}\n/** Input label */\n.ask-agent-scalar-input-label {\n  /** Shown by default */\n  color: var(--scalar-color-1);\n  font-weight: var(--scalar-semibold);\n  margin-left: 4px;\n}\n.agent-button-container:has(.ask-agent-scalar-input-not-empty)\n  .ask-agent-scalar-input-label,\n.agent-button-container:focus-within .ask-agent-scalar-input-label {\n  /** Hidden when input is focused */\n  display: none;\n}\n/** Send button */\n.ask-agent-scalar-send {\n  background: var(--scalar-color-blue);\n  color: #fff;\n  width: 24px;\n  height: 24px;\n  flex-shrink: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--scalar-radius);\n  outline-offset: 1px;\n  /* Hidden by default */\n  display: none;\n}\n.agent-button-container:has(.ask-agent-scalar-input-not-empty)\n  .ask-agent-scalar-send {\n  /** Show when input is not empty */\n  display: flex;\n}\n.ask-agent-scalar-send:hover {\n  background: color-mix(in srgb, var(--scalar-color-blue), transparent 10%);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;EAOA,MAAM,eAAe,iBAAgB;EACrC,MAAM,EAAE,cAAc,iBAAgB;EAEtC,MAAM,UAAU,IAAI,GAAE;EACtB,MAAM,WAAW,KAAsB;EAEvC,SAAS,eAAe;AACtB,gBAAa,OAAO,UAAU,QAAQ,MAAK;AAC3C,WAAQ,QAAQ;;;UAKR,MAAA,aAAY,EAAE,aAAa,SAAA,WAAA,EADnC,mBAwBO,QAAA;;IAtBL,OAAM;IACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,SAAA,OAAU,OAAK;IACtB,UAAM,OAAA,OAAA,OAAA,KAAA,eAAA,WAAU,cAAY,EAAA,CAAA,UAAA,CAAA;;IAC7B,YAEkB,MAAA,kBAAA,EAAA;KADhB,OAAM;KACN,QAAO;;IACT,mBAEM,OAFN,YAEM,gBADD,MAAA,UAAS,CAAA,mBAAA,CAAA,EAAA,EAAA;mBAEd,mBAKiD,SAAA;cAJ3C;KAAJ,KAAI;0EACY,QAAA;KAChB,OAAK,eAAA,CAAC,0BAAwB,EAAA,oCACgB,QAAA,MAAQ,SAAM,GAAA,CAAA,CAAA;KAC3D,aAAa,MAAA,UAAS,CAAA,mBAAA;4CAHd,QAAA,MAAO,CAAA,CAAA;IAIlB,mBAMS,UANT,YAMS,CAHP,YAEkB,MAAA,kBAAA,EAAA;KADhB,OAAM;KACN,QAAO"}

package/dist/features/developer-tools/DeveloperTools.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeveloperTools.vue.d.ts","sourceRoot":"","sources":["../../../src/features/developer-tools/DeveloperTools.vue"],"names":[],"mappings":"AAkEA,OAAO,KAAK,EACV,yBAAyB,EACzB,YAAY,EACb,MAAM,6BAA6B,CAAA;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAQpE,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAA;IAClD,YAAY,EAAE,YAAY,CAAA;CAC3B,CAAC;AAuBF,KAAK,gBAAgB,GAAG;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAC;CAChD,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AA0FxD,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"DeveloperTools.vue.d.ts","sourceRoot":"","sources":["../../../src/features/developer-tools/DeveloperTools.vue"],"names":[],"mappings":"AAqEA,OAAO,KAAK,EACV,yBAAyB,EACzB,YAAY,EACb,MAAM,6BAA6B,CAAA;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAUpE,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAA;IAClD,YAAY,EAAE,YAAY,CAAA;CAC3B,CAAC;AAwBF,KAAK,gBAAgB,GAAG;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAC;CAChD,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AA2FxD,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/features/developer-tools/DeveloperTools.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeveloperTools.vue.js","names":[],"sources":["../../../src/features/developer-tools/DeveloperTools.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { isLocalUrl } from '@scalar/helpers/url/is-local-url'\nimport type {\n  ApiReferenceConfiguration,\n  ExternalUrls,\n} from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { computed } from 'vue'\n\nimport ApiReferenceToolbarTitle from './components/ApiReferenceToolbarTitle.vue'\nimport DeployApiReference from './components/DeployApiReference.vue'\nimport ModifyConfiguration from './components/ModifyConfiguration.vue'\nimport ShareApiReference from './components/ShareApiReference.vue'\n\nconst { configuration, externalUrls } = defineProps<{\n  workspace?: WorkspaceStore\n  configuration?: Partial<ApiReferenceConfiguration>\n  externalUrls: ExternalUrls\n}>()\n\nconst overrides = defineModel<Partial<ApiReferenceConfiguration>>('overrides')\n\nconst showDeveloperTools = computed<boolean>(() => {\n  if (configuration?.showDeveloperTools === 'always') {\n    return true\n  }\n\n  if (configuration?.showDeveloperTools === 'never') {\n    return false\n  }\n\n  if (typeof window === 'undefined') {\n    return false\n  }\n\n  return isLocalUrl(window.location.href)\n})\n</script>\n<template>\n  <header\n    v-if=\"showDeveloperTools\"\n    aria-label=\"Developer Tools\"\n    class=\"api-reference-toolbar bg-b-1 relative z-1 flex h-10 justify-center border-b px-15\">\n    <div\n      class=\"-mx-2 flex max-w-(--refs-content-max-width) flex-1 items-center\">\n      <div class=\"flex flex-1 items-center\">\n        <ApiReferenceToolbarTitle />\n      </div>\n      <ModifyConfiguration\n        v-model:overrides=\"overrides\"\n        :configuration />\n      <template v-if=\"workspace\">\n        <ShareApiReference\n          :externalUrls\n          :workspace />\n        <DeployApiReference\n          :externalUrls\n          :workspace />\n      </template>\n    </div>\n  </header>\n</template>\n"],"mappings":""}
+{"version":3,"file":"DeveloperTools.vue.js","names":[],"sources":["../../../src/features/developer-tools/DeveloperTools.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { isLocalUrl } from '@scalar/helpers/url/is-local-url'\nimport type {\n  ApiReferenceConfiguration,\n  ExternalUrls,\n} from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\n\nimport ApiReferenceToolbarTitle from './components/ApiReferenceToolbarTitle.vue'\nimport DeployApiReference from './components/DeployApiReference.vue'\nimport ModifyConfiguration from './components/ModifyConfiguration.vue'\nimport ShareApiReference from './components/ShareApiReference.vue'\n\nconst { configuration, externalUrls } = defineProps<{\n  workspace?: WorkspaceStore\n  configuration?: Partial<ApiReferenceConfiguration>\n  externalUrls: ExternalUrls\n}>()\n\nconst overrides = defineModel<Partial<ApiReferenceConfiguration>>('overrides')\nconst { translate } = useLocalization()\n\nconst showDeveloperTools = computed<boolean>(() => {\n  if (configuration?.showDeveloperTools === 'always') {\n    return true\n  }\n\n  if (configuration?.showDeveloperTools === 'never') {\n    return false\n  }\n\n  if (typeof window === 'undefined') {\n    return false\n  }\n\n  return isLocalUrl(window.location.href)\n})\n</script>\n<template>\n  <header\n    v-if=\"showDeveloperTools\"\n    :aria-label=\"translate('developerTools.title')\"\n    class=\"api-reference-toolbar bg-b-1 relative z-1 flex h-10 justify-center border-b px-15\">\n    <div\n      class=\"-mx-2 flex max-w-(--refs-content-max-width) flex-1 items-center\">\n      <div class=\"flex flex-1 items-center\">\n        <ApiReferenceToolbarTitle />\n      </div>\n      <ModifyConfiguration\n        v-model:overrides=\"overrides\"\n        :configuration />\n      <template v-if=\"workspace\">\n        <ShareApiReference\n          :externalUrls\n          :workspace />\n        <DeployApiReference\n          :externalUrls\n          :workspace />\n      </template>\n    </div>\n  </header>\n</template>\n"],"mappings":""}

package/dist/features/developer-tools/DeveloperTools.vue.script.js

@@ -1,15 +1,12 @@
+import { useLocalization } from "../localization/use-localization.js";
 import ApiReferenceToolbarTitle_default from "./components/ApiReferenceToolbarTitle.vue.js";
 import DeployApiReference_default from "./components/DeployApiReference.vue.js";
 import ModifyConfiguration_default from "./components/ModifyConfiguration.vue.js";
 import ShareApiReference_default from "./components/ShareApiReference.vue.js";
-import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeModels, openBlock, useModel } from "vue";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeModels, openBlock, unref, useModel } from "vue";
 import { isLocalUrl } from "@scalar/helpers/url/is-local-url";
 //#region src/features/developer-tools/DeveloperTools.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
-	key: 0,
-	"aria-label": "Developer Tools",
-	class: "api-reference-toolbar bg-b-1 relative z-1 flex h-10 justify-center border-b px-15"
-};
+var _hoisted_1 = ["aria-label"];
 var _hoisted_2 = { class: "-mx-2 flex max-w-(--refs-content-max-width) flex-1 items-center" };
 var _hoisted_3 = { class: "flex flex-1 items-center" };
 var DeveloperTools_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -25,6 +22,7 @@ var DeveloperTools_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 	emits: ["update:overrides"],
 	setup(__props) {
 		const overrides = useModel(__props, "overrides");
+		const { translate } = useLocalization();
 		const showDeveloperTools = computed(() => {
 			if (__props.configuration?.showDeveloperTools === "always") return true;
 			if (__props.configuration?.showDeveloperTools === "never") return false;
@@ -32,7 +30,11 @@ var DeveloperTools_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			return isLocalUrl(window.location.href);
 		});
 		return (_ctx, _cache) => {
-			return showDeveloperTools.value ? (openBlock(), createElementBlock("header", _hoisted_1, [createElementVNode("div", _hoisted_2, [
+			return showDeveloperTools.value ? (openBlock(), createElementBlock("header", {
+				key: 0,
+				"aria-label": unref(translate)("developerTools.title"),
+				class: "api-reference-toolbar bg-b-1 relative z-1 flex h-10 justify-center border-b px-15"
+			}, [createElementVNode("div", _hoisted_2, [
 				createElementVNode("div", _hoisted_3, [createVNode(ApiReferenceToolbarTitle_default)]),
 				createVNode(ModifyConfiguration_default, {
 					overrides: overrides.value,
@@ -46,7 +48,7 @@ var DeveloperTools_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 					externalUrls: __props.externalUrls,
 					workspace: __props.workspace
 				}, null, 8, ["externalUrls", "workspace"])], 64)) : createCommentVNode("", true)
-			])])) : createCommentVNode("", true);
+			])], 8, _hoisted_1)) : createCommentVNode("", true);
 		};
 	}
 });

package/dist/features/developer-tools/DeveloperTools.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeveloperTools.vue.script.js","names":[],"sources":["../../../src/features/developer-tools/DeveloperTools.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { isLocalUrl } from '@scalar/helpers/url/is-local-url'\nimport type {\n  ApiReferenceConfiguration,\n  ExternalUrls,\n} from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { computed } from 'vue'\n\nimport ApiReferenceToolbarTitle from './components/ApiReferenceToolbarTitle.vue'\nimport DeployApiReference from './components/DeployApiReference.vue'\nimport ModifyConfiguration from './components/ModifyConfiguration.vue'\nimport ShareApiReference from './components/ShareApiReference.vue'\n\nconst { configuration, externalUrls } = defineProps<{\n  workspace?: WorkspaceStore\n  configuration?: Partial<ApiReferenceConfiguration>\n  externalUrls: ExternalUrls\n}>()\n\nconst overrides = defineModel<Partial<ApiReferenceConfiguration>>('overrides')\n\nconst showDeveloperTools = computed<boolean>(() => {\n  if (configuration?.showDeveloperTools === 'always') {\n    return true\n  }\n\n  if (configuration?.showDeveloperTools === 'never') {\n    return false\n  }\n\n  if (typeof window === 'undefined') {\n    return false\n  }\n\n  return isLocalUrl(window.location.href)\n})\n</script>\n<template>\n  <header\n    v-if=\"showDeveloperTools\"\n    aria-label=\"Developer Tools\"\n    class=\"api-reference-toolbar bg-b-1 relative z-1 flex h-10 justify-center border-b px-15\">\n    <div\n      class=\"-mx-2 flex max-w-(--refs-content-max-width) flex-1 items-center\">\n      <div class=\"flex flex-1 items-center\">\n        <ApiReferenceToolbarTitle />\n      </div>\n      <ModifyConfiguration\n        v-model:overrides=\"overrides\"\n        :configuration />\n      <template v-if=\"workspace\">\n        <ShareApiReference\n          :externalUrls\n          :workspace />\n        <DeployApiReference\n          :externalUrls\n          :workspace />\n      </template>\n    </div>\n  </header>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAoBA,MAAM,YAAY,SAA+C,SAAC,YAAW;EAE7E,MAAM,qBAAqB,eAAwB;AACjD,OAAI,QAAA,eAAe,uBAAuB,SACxC,QAAO;AAGT,OAAI,QAAA,eAAe,uBAAuB,QACxC,QAAO;AAGT,OAAI,OAAO,WAAW,YACpB,QAAO;AAGT,UAAO,WAAW,OAAO,SAAS,KAAI;IACvC;;UAIS,mBAAA,SAAA,WAAA,EADR,mBAqBS,UArBT,YAqBS,CAjBP,mBAgBM,OAhBN,YAgBM;IAdJ,mBAEM,OAFN,YAEM,CADJ,YAA4B,iCAAA,CAAA,CAAA;IAE9B,YAEmB,6BAAA;KADT,WAAW,UAAA;2EAAS,QAAA;KAC3B,eAAA,QAAA;;IACa,QAAA,aAAA,WAAA,EAAhB,mBAOW,UAAA,EAAA,KAAA,GAAA,EAAA,CANT,YAEe,2BAAA;KADZ,cAAA,QAAA;KACA,WAAA,QAAA;gDACH,YAEe,4BAAA;KADZ,cAAA,QAAA;KACA,WAAA,QAAA"}
+{"version":3,"file":"DeveloperTools.vue.script.js","names":[],"sources":["../../../src/features/developer-tools/DeveloperTools.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { isLocalUrl } from '@scalar/helpers/url/is-local-url'\nimport type {\n  ApiReferenceConfiguration,\n  ExternalUrls,\n} from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\n\nimport ApiReferenceToolbarTitle from './components/ApiReferenceToolbarTitle.vue'\nimport DeployApiReference from './components/DeployApiReference.vue'\nimport ModifyConfiguration from './components/ModifyConfiguration.vue'\nimport ShareApiReference from './components/ShareApiReference.vue'\n\nconst { configuration, externalUrls } = defineProps<{\n  workspace?: WorkspaceStore\n  configuration?: Partial<ApiReferenceConfiguration>\n  externalUrls: ExternalUrls\n}>()\n\nconst overrides = defineModel<Partial<ApiReferenceConfiguration>>('overrides')\nconst { translate } = useLocalization()\n\nconst showDeveloperTools = computed<boolean>(() => {\n  if (configuration?.showDeveloperTools === 'always') {\n    return true\n  }\n\n  if (configuration?.showDeveloperTools === 'never') {\n    return false\n  }\n\n  if (typeof window === 'undefined') {\n    return false\n  }\n\n  return isLocalUrl(window.location.href)\n})\n</script>\n<template>\n  <header\n    v-if=\"showDeveloperTools\"\n    :aria-label=\"translate('developerTools.title')\"\n    class=\"api-reference-toolbar bg-b-1 relative z-1 flex h-10 justify-center border-b px-15\">\n    <div\n      class=\"-mx-2 flex max-w-(--refs-content-max-width) flex-1 items-center\">\n      <div class=\"flex flex-1 items-center\">\n        <ApiReferenceToolbarTitle />\n      </div>\n      <ModifyConfiguration\n        v-model:overrides=\"overrides\"\n        :configuration />\n      <template v-if=\"workspace\">\n        <ShareApiReference\n          :externalUrls\n          :workspace />\n        <DeployApiReference\n          :externalUrls\n          :workspace />\n      </template>\n    </div>\n  </header>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAsBA,MAAM,YAAY,SAA+C,SAAC,YAAW;EAC7E,MAAM,EAAE,cAAc,iBAAgB;EAEtC,MAAM,qBAAqB,eAAwB;AACjD,OAAI,QAAA,eAAe,uBAAuB,SACxC,QAAO;AAGT,OAAI,QAAA,eAAe,uBAAuB,QACxC,QAAO;AAGT,OAAI,OAAO,WAAW,YACpB,QAAO;AAGT,UAAO,WAAW,OAAO,SAAS,KAAI;IACvC;;UAIS,mBAAA,SAAA,WAAA,EADR,mBAqBS,UAAA;;IAnBN,cAAY,MAAA,UAAS,CAAA,uBAAA;IACtB,OAAM;OACN,mBAgBM,OAhBN,YAgBM;IAdJ,mBAEM,OAFN,YAEM,CADJ,YAA4B,iCAAA,CAAA,CAAA;IAE9B,YAEmB,6BAAA;KADT,WAAW,UAAA;2EAAS,QAAA;KAC3B,eAAA,QAAA;;IACa,QAAA,aAAA,WAAA,EAAhB,mBAOW,UAAA,EAAA,KAAA,GAAA,EAAA,CANT,YAEe,2BAAA;KADZ,cAAA,QAAA;KACA,WAAA,QAAA;gDACH,YAEe,4BAAA;KADZ,cAAA,QAAA;KACA,WAAA,QAAA"}

package/dist/features/developer-tools/components/ApiReferenceToolbarConfigLayout.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiReferenceToolbarConfigLayout.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarConfigLayout.vue"],"names":[],"mappings":"AAoDA,KAAK,gBAAgB,GAAG;IACxB,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CACjC,CAAC;AA2CF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ApiReferenceToolbarConfigLayout.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarConfigLayout.vue"],"names":[],"mappings":"AAwDA,KAAK,gBAAgB,GAAG;IACxB,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CACjC,CAAC;AA2CF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/features/developer-tools/components/ApiReferenceToolbarConfigLayout.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApiReferenceToolbarConfigLayout.vue.js","names":[],"sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarConfigLayout.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ScalarCheckboxRadioGroup,\n  type ScalarCheckboxOption,\n} from '@scalar/components/checkbox-input'\nimport { computed } from 'vue'\n\nconst ModernOption = { label: 'Modern', value: 'modern' } as const\nconst ClassicOption = { label: 'Classic', value: 'classic' } as const\n\nconst options = [\n  ModernOption,\n  ClassicOption,\n] as const satisfies ScalarCheckboxOption[]\n\nconst model = defineModel<'modern' | 'classic'>()\n\nconst selected = computed<(typeof options)[number]>({\n  get: () => (model.value === 'modern' ? ModernOption : ClassicOption),\n  set: (option) => (model.value = option.value),\n})\n</script>\n<template>\n  <ScalarCheckboxRadioGroup\n    v-model=\"selected\"\n    :options />\n</template>\n"],"mappings":""}
+{"version":3,"file":"ApiReferenceToolbarConfigLayout.vue.js","names":[],"sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarConfigLayout.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ScalarCheckboxRadioGroup,\n  type ScalarCheckboxOption,\n} from '@scalar/components/checkbox-input'\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\n\nconst model = defineModel<'modern' | 'classic'>()\nconst { translate } = useLocalization()\n\nconst options = computed<ScalarCheckboxOption[]>(() => [\n  { label: translate('developerTools.layoutModern'), value: 'modern' },\n  { label: translate('developerTools.layoutClassic'), value: 'classic' },\n])\n\nconst selected = computed<ScalarCheckboxOption>({\n  get: () =>\n    options.value.find((option) => option.value === model.value) ??\n    options.value[0]!,\n  set: (option) => (model.value = option.value as 'modern' | 'classic'),\n})\n</script>\n<template>\n  <ScalarCheckboxRadioGroup\n    v-model=\"selected\"\n    :options />\n</template>\n"],"mappings":""}

package/dist/features/developer-tools/components/ApiReferenceToolbarConfigLayout.vue.script.js

@@ -1,3 +1,4 @@
+import { useLocalization } from "../../localization/use-localization.js";
 import { computed, createBlock, defineComponent, openBlock, unref, useModel } from "vue";
 import { ScalarCheckboxRadioGroup } from "@scalar/components/checkbox-input";
 //#region src/features/developer-tools/components/ApiReferenceToolbarConfigLayout.vue?vue&type=script&setup=true&lang.ts
@@ -9,26 +10,25 @@ var ApiReferenceToolbarConfigLayout_vue_vue_type_script_setup_true_lang_default
 	},
 	emits: ["update:modelValue"],
 	setup(__props) {
-		const ModernOption = {
-			label: "Modern",
+		const model = useModel(__props, "modelValue");
+		const { translate } = useLocalization();
+		const options = computed(() => [{
+			label: translate("developerTools.layoutModern"),
 			value: "modern"
-		};
-		const ClassicOption = {
-			label: "Classic",
+		}, {
+			label: translate("developerTools.layoutClassic"),
 			value: "classic"
-		};
-		const options = [ModernOption, ClassicOption];
-		const model = useModel(__props, "modelValue");
+		}]);
 		const selected = computed({
-			get: () => model.value === "modern" ? ModernOption : ClassicOption,
+			get: () => options.value.find((option) => option.value === model.value) ?? options.value[0],
 			set: (option) => model.value = option.value
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(ScalarCheckboxRadioGroup), {
 				modelValue: selected.value,
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selected.value = $event),
-				options
-			}, null, 8, ["modelValue"]);
+				options: options.value
+			}, null, 8, ["modelValue", "options"]);
 		};
 	}
 });

package/dist/features/developer-tools/components/ApiReferenceToolbarConfigLayout.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApiReferenceToolbarConfigLayout.vue.script.js","names":[],"sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarConfigLayout.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ScalarCheckboxRadioGroup,\n  type ScalarCheckboxOption,\n} from '@scalar/components/checkbox-input'\nimport { computed } from 'vue'\n\nconst ModernOption = { label: 'Modern', value: 'modern' } as const\nconst ClassicOption = { label: 'Classic', value: 'classic' } as const\n\nconst options = [\n  ModernOption,\n  ClassicOption,\n] as const satisfies ScalarCheckboxOption[]\n\nconst model = defineModel<'modern' | 'classic'>()\n\nconst selected = computed<(typeof options)[number]>({\n  get: () => (model.value === 'modern' ? ModernOption : ClassicOption),\n  set: (option) => (model.value = option.value),\n})\n</script>\n<template>\n  <ScalarCheckboxRadioGroup\n    v-model=\"selected\"\n    :options />\n</template>\n"],"mappings":";;;;;;;;;;;EAOA,MAAM,eAAe;GAAE,OAAO;GAAU,OAAO;GAAU;EACzD,MAAM,gBAAgB;GAAE,OAAO;GAAW,OAAO;GAAW;EAE5D,MAAM,UAAU,CACd,cACA,cACD;EAED,MAAM,QAAQ,SAAiC,SAAA,aAAC;EAEhD,MAAM,WAAW,SAAmC;GAClD,WAAY,MAAM,UAAU,WAAW,eAAe;GACtD,MAAM,WAAY,MAAM,QAAQ,OAAO;GACxC,CAAA;;uBAGC,YAEa,MAAA,yBAAA,EAAA;gBADF,SAAA;0EAAQ,QAAA;IAChB"}
+{"version":3,"file":"ApiReferenceToolbarConfigLayout.vue.script.js","names":[],"sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarConfigLayout.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ScalarCheckboxRadioGroup,\n  type ScalarCheckboxOption,\n} from '@scalar/components/checkbox-input'\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\n\nconst model = defineModel<'modern' | 'classic'>()\nconst { translate } = useLocalization()\n\nconst options = computed<ScalarCheckboxOption[]>(() => [\n  { label: translate('developerTools.layoutModern'), value: 'modern' },\n  { label: translate('developerTools.layoutClassic'), value: 'classic' },\n])\n\nconst selected = computed<ScalarCheckboxOption>({\n  get: () =>\n    options.value.find((option) => option.value === model.value) ??\n    options.value[0]!,\n  set: (option) => (model.value = option.value as 'modern' | 'classic'),\n})\n</script>\n<template>\n  <ScalarCheckboxRadioGroup\n    v-model=\"selected\"\n    :options />\n</template>\n"],"mappings":";;;;;;;;;;;;EASA,MAAM,QAAQ,SAAiC,SAAA,aAAC;EAChD,MAAM,EAAE,cAAc,iBAAgB;EAEtC,MAAM,UAAU,eAAuC,CACrD;GAAE,OAAO,UAAU,8BAA8B;GAAE,OAAO;GAAU,EACpE;GAAE,OAAO,UAAU,+BAA+B;GAAE,OAAO;GAAW,CACvE,CAAA;EAED,MAAM,WAAW,SAA+B;GAC9C,WACE,QAAQ,MAAM,MAAM,WAAW,OAAO,UAAU,MAAM,MAAM,IAC5D,QAAQ,MAAM;GAChB,MAAM,WAAY,MAAM,QAAQ,OAAO;GACxC,CAAA;;uBAGC,YAEa,MAAA,yBAAA,EAAA;gBADF,SAAA;0EAAQ,QAAA;IAChB,SAAA,QAAA"}

package/dist/features/developer-tools/components/ApiReferenceToolbarConfigLayoutOptions.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiReferenceToolbarConfigLayoutOptions.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarConfigLayoutOptions.vue"],"names":[],"mappings":"AAqHA,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,6BAA6B,CAAA;AAGpC,KAAK,aAAa,GAAG;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,KAAK,WAAW,GAAG;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAA;CACnD,CAAC;AAkCF,KAAK,gBAAgB,GAAG;IACxB,UAAU,CAAC,EAAE,aAAa,CAAC;CAC1B,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAgRxD,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ApiReferenceToolbarConfigLayoutOptions.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarConfigLayoutOptions.vue"],"names":[],"mappings":"AAgIA,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,6BAA6B,CAAA;AAKpC,KAAK,aAAa,GAAG;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,KAAK,WAAW,GAAG;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAA;CACnD,CAAC;AA2CF,KAAK,gBAAgB,GAAG;IACxB,UAAU,CAAC,EAAE,aAAa,CAAC;CAC1B,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AA2RxD,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/features/developer-tools/components/ApiReferenceToolbarConfigLayoutOptions.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApiReferenceToolbarConfigLayoutOptions.vue.js","names":[],"sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarConfigLayoutOptions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarFormInputGroup } from '@scalar/components/form'\nimport { ScalarToggleInput } from '@scalar/components/toggle'\nimport {\n  DEFAULT_MODELS_SECTION_LABEL,\n  type ApiReferenceConfiguration,\n} from '@scalar/types/api-reference'\nimport { computed } from 'vue'\n\ntype LayoutOptions = {\n  showSidebar?: boolean\n  defaultOpenFirstTag?: boolean\n  defaultOpenAllTags?: boolean\n  expandAllModelSections?: boolean\n  expandAllResponses?: boolean\n  hideClientButton?: boolean\n  hideDarkModeToggle?: boolean\n  hideModels?: boolean\n  hideSearch?: boolean\n  hideTestRequestButton?: boolean\n  showOperationId?: boolean\n}\n\nconst { configuration } = defineProps<{\n  configuration?: Partial<ApiReferenceConfiguration>\n}>()\n\nconst model = defineModel<LayoutOptions>({\n  default: {},\n})\n\nfunction getValue(key: keyof LayoutOptions, defaultValue: boolean = false) {\n  return model.value[key] ?? configuration?.[key] ?? defaultValue\n}\n\nfunction setValue(\n  key: keyof LayoutOptions,\n  value: boolean,\n  defaultValue: boolean = false,\n) {\n  if (value !== defaultValue) {\n    model.value = { ...model.value, [key]: value }\n  } else {\n    model.value = Object.fromEntries(\n      Object.entries(model.value).filter(([k]) => key !== k),\n    )\n  }\n}\n\nconst modelsSectionLabel = computed(\n  () => configuration?.modelsSectionLabel ?? DEFAULT_MODELS_SECTION_LABEL,\n)\n</script>\n<template>\n  <ScalarFormInputGroup>\n    <ScalarToggleInput\n      :modelValue=\"getValue('showSidebar', true)\"\n      @update:modelValue=\"(v) => setValue('showSidebar', !!v, true)\">\n      Show Sidebar\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('defaultOpenFirstTag', true)\"\n      @update:modelValue=\"(v) => setValue('defaultOpenFirstTag', !!v, true)\">\n      Default Open First Tag\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('defaultOpenAllTags')\"\n      @update:modelValue=\"(v) => setValue('defaultOpenAllTags', !!v)\">\n      Default Open All Tags\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('expandAllModelSections')\"\n      @update:modelValue=\"(v) => setValue('expandAllModelSections', !!v)\">\n      Expand All {{ modelsSectionLabel }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('expandAllResponses')\"\n      @update:modelValue=\"(v) => setValue('expandAllResponses', !!v)\">\n      Expand All Responses\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideClientButton')\"\n      @update:modelValue=\"(v) => setValue('hideClientButton', !!v)\">\n      Hide Client Button\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideDarkModeToggle')\"\n      @update:modelValue=\"(v) => setValue('hideDarkModeToggle', !!v)\">\n      Hide Dark Mode Toggle\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideModels')\"\n      @update:modelValue=\"(v) => setValue('hideModels', !!v)\">\n      Hide {{ modelsSectionLabel }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideSearch')\"\n      @update:modelValue=\"(v) => setValue('hideSearch', !!v)\">\n      Hide Search\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('showOperationId')\"\n      @update:modelValue=\"(v) => setValue('showOperationId', !!v)\">\n      Show Operation ID\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideTestRequestButton')\"\n      @update:modelValue=\"(v) => setValue('hideTestRequestButton', !!v)\">\n      Hide Test Request Button\n    </ScalarToggleInput>\n  </ScalarFormInputGroup>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ApiReferenceToolbarConfigLayoutOptions.vue.js","names":[],"sources":["../../../../src/features/developer-tools/components/ApiReferenceToolbarConfigLayoutOptions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarFormInputGroup } from '@scalar/components/form'\nimport { ScalarToggleInput } from '@scalar/components/toggle'\nimport {\n  DEFAULT_MODELS_SECTION_LABEL,\n  type ApiReferenceConfiguration,\n} from '@scalar/types/api-reference'\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\n\ntype LayoutOptions = {\n  showSidebar?: boolean\n  defaultOpenFirstTag?: boolean\n  defaultOpenAllTags?: boolean\n  expandAllModelSections?: boolean\n  expandAllResponses?: boolean\n  hideClientButton?: boolean\n  hideDarkModeToggle?: boolean\n  hideModels?: boolean\n  hideSearch?: boolean\n  hideTestRequestButton?: boolean\n  showOperationId?: boolean\n}\n\nconst { configuration } = defineProps<{\n  configuration?: Partial<ApiReferenceConfiguration>\n}>()\n\nconst model = defineModel<LayoutOptions>({\n  default: {},\n})\nconst { translate } = useLocalization()\n\nfunction getValue(key: keyof LayoutOptions, defaultValue: boolean = false) {\n  return model.value[key] ?? configuration?.[key] ?? defaultValue\n}\n\nfunction setValue(\n  key: keyof LayoutOptions,\n  value: boolean,\n  defaultValue: boolean = false,\n) {\n  if (value !== defaultValue) {\n    model.value = { ...model.value, [key]: value }\n  } else {\n    model.value = Object.fromEntries(\n      Object.entries(model.value).filter(([k]) => key !== k),\n    )\n  }\n}\n\nconst modelsSectionLabel = computed(\n  () => configuration?.modelsSectionLabel ?? DEFAULT_MODELS_SECTION_LABEL,\n)\n\nconst expandAllModelsLabel = computed(() =>\n  translate('developerTools.expandAll', { label: modelsSectionLabel.value }),\n)\n\nconst hideModelsLabel = computed(() =>\n  translate('developerTools.hideModels', { label: modelsSectionLabel.value }),\n)\n</script>\n<template>\n  <ScalarFormInputGroup>\n    <ScalarToggleInput\n      :modelValue=\"getValue('showSidebar', true)\"\n      @update:modelValue=\"(v) => setValue('showSidebar', !!v, true)\">\n      {{ translate('developerTools.showSidebar') }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('defaultOpenFirstTag', true)\"\n      @update:modelValue=\"(v) => setValue('defaultOpenFirstTag', !!v, true)\">\n      {{ translate('developerTools.defaultOpenFirstTag') }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('defaultOpenAllTags')\"\n      @update:modelValue=\"(v) => setValue('defaultOpenAllTags', !!v)\">\n      {{ translate('developerTools.defaultOpenAllTags') }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('expandAllModelSections')\"\n      @update:modelValue=\"(v) => setValue('expandAllModelSections', !!v)\">\n      {{ expandAllModelsLabel }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('expandAllResponses')\"\n      @update:modelValue=\"(v) => setValue('expandAllResponses', !!v)\">\n      {{ translate('developerTools.expandAllResponses') }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideClientButton')\"\n      @update:modelValue=\"(v) => setValue('hideClientButton', !!v)\">\n      {{ translate('developerTools.hideClientButton') }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideDarkModeToggle')\"\n      @update:modelValue=\"(v) => setValue('hideDarkModeToggle', !!v)\">\n      {{ translate('developerTools.hideDarkModeToggle') }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideModels')\"\n      @update:modelValue=\"(v) => setValue('hideModels', !!v)\">\n      {{ hideModelsLabel }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideSearch')\"\n      @update:modelValue=\"(v) => setValue('hideSearch', !!v)\">\n      {{ translate('developerTools.hideSearch') }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('showOperationId')\"\n      @update:modelValue=\"(v) => setValue('showOperationId', !!v)\">\n      {{ translate('developerTools.showOperationId') }}\n    </ScalarToggleInput>\n    <ScalarToggleInput\n      :modelValue=\"getValue('hideTestRequestButton')\"\n      @update:modelValue=\"(v) => setValue('hideTestRequestButton', !!v)\">\n      {{ translate('developerTools.hideTestRequestButton') }}\n    </ScalarToggleInput>\n  </ScalarFormInputGroup>\n</template>\n"],"mappings":""}