@redocly/theme 0.51.0-next.0 → 0.51.0-next.2

package/lib/components/Search/SearchAiResponse.d.ts

@@ -1,8 +1,9 @@
+import { AiSearchError } from '../../core/constants';
 export type SearchAiResponseProps = {
     question: string;
     isGeneratingResponse: boolean;
     response?: string;
-    error: string | null;
+    error: AiSearchError | null;
     resources: {
         url: string;
         title: string;

package/lib/components/Search/SearchAiResponse.js

@@ -15,6 +15,7 @@ const hooks_1 = require("../../core/hooks");
 const Markdown_1 = require("../../components/Markdown/Markdown");
 const Admonition_1 = require("../../components/Admonition/Admonition");
 const ErrorFilledIcon_1 = require("../../icons/ErrorFilledIcon/ErrorFilledIcon");
+const constants_1 = require("../../core/constants");
 function SearchAiResponse(props) {
     const { useMarkdownText } = (0, hooks_1.useThemeHooks)();
     const { question, response, isGeneratingResponse, resources, error } = props;
@@ -43,7 +44,7 @@ function SearchAiResponse(props) {
             react_1.default.createElement(ResponseBody, null,
                 response && react_1.default.createElement(ResponseText, Object.assign({ children: markdownResponse, as: "div" }, props)),
                 !response && isGeneratingResponse && (react_1.default.createElement(ThinkingResponseText, { "data-translation-key": "search.ai.thinkingText" }, translate('search.ai.thinkingText', 'Thinking...'))),
-                error && (react_1.default.createElement(Admonition_1.Admonition, { type: "danger", name: translate('search.ai.error.header', 'Oops! Something went wrong.') }, translate('search.ai.error.description', 'We encountered an issue while processing your search. Please try again later or refine your query. If the problem persists, feel free to contact support.'))),
+                error && (react_1.default.createElement(Admonition_1.Admonition, { type: "danger", name: translate(constants_1.AI_SEARCH_ERROR_CONFIG[error].headerKey, constants_1.AI_SEARCH_ERROR_CONFIG[error].headerDefault) }, translate(constants_1.AI_SEARCH_ERROR_CONFIG[error].messageKey, constants_1.AI_SEARCH_ERROR_CONFIG[error].messageDefault))),
                 resources.length && !isGeneratingResponse ? (react_1.default.createElement(Resources, null,
                     react_1.default.createElement(ResourcesTitle, { "data-translation-key": "search.ai.resourcesFound" },
                         resources.length,
@@ -125,7 +126,10 @@ const ResourceTags = styled_components_1.default.div `
   flex-wrap: wrap;
   gap: var(--search-ai-resource-tags-gap);
 `;
-const ResourceTag = (0, styled_components_1.default)(Tag_1.Tag) `
+const ResourceTag = (0, styled_components_1.default)(Tag_1.Tag).attrs({
+    className: 'tag-resource',
+    'data-component-name': 'Tags/SearchAiResourceTag',
+}) `
   .tag-default {
     --tag-color: --search-ai-resource-tag-text-color;
   }

package/lib/core/constants/index.d.ts

@@ -1,3 +1,4 @@
 export * from '../../core/constants/common';
 export * from '../../core/constants/environments';
 export * from '../../core/constants/code-walkthrough';
+export * from '../../core/constants/search';

package/lib/core/constants/index.js

@@ -17,4 +17,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("../../core/constants/common"), exports);
 __exportStar(require("../../core/constants/environments"), exports);
 __exportStar(require("../../core/constants/code-walkthrough"), exports);
+__exportStar(require("../../core/constants/search"), exports);
 //# sourceMappingURL=index.js.map

package/lib/core/constants/search.d.ts

@@ -0,0 +1,9 @@
+import type { AiSearchErrorConfig } from '../../core/types';
+export declare enum AiSearchError {
+    Unauthorized = "ai_search_unauthorized",
+    Forbidden = "ai_search_forbidden",
+    HttpRequestFailed = "http_request_in_failed_status",
+    EmptyResponse = "empty_response",
+    ErrorProcessingResponse = "error_processing_response"
+}
+export declare const AI_SEARCH_ERROR_CONFIG: Record<AiSearchError, AiSearchErrorConfig>;

package/lib/core/constants/search.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AI_SEARCH_ERROR_CONFIG = exports.AiSearchError = void 0;
+var AiSearchError;
+(function (AiSearchError) {
+    AiSearchError["Unauthorized"] = "ai_search_unauthorized";
+    AiSearchError["Forbidden"] = "ai_search_forbidden";
+    AiSearchError["HttpRequestFailed"] = "http_request_in_failed_status";
+    AiSearchError["EmptyResponse"] = "empty_response";
+    AiSearchError["ErrorProcessingResponse"] = "error_processing_response";
+})(AiSearchError || (exports.AiSearchError = AiSearchError = {}));
+const defaultErrorConfig = {
+    headerKey: 'search.ai.error.header',
+    headerDefault: 'Oops! Something went wrong.',
+    messageKey: 'search.ai.error.description',
+    messageDefault: 'We encountered an issue while processing your search. Try again later or refine your query. If the problem persists, please contact Redocly support.',
+};
+exports.AI_SEARCH_ERROR_CONFIG = {
+    [AiSearchError.Forbidden]: {
+        headerKey: 'search.ai.error.header.forbidden',
+        headerDefault: 'Feature Unavailable',
+        messageKey: 'search.ai.error.description.forbidden',
+        messageDefault: 'AI Search is currently unavailable.',
+    },
+    [AiSearchError.Unauthorized]: {
+        headerKey: 'search.ai.error.header.unauthorized',
+        headerDefault: 'Authentication Required',
+        messageKey: 'search.ai.error.description.unauthorized',
+        messageDefault: 'You are not authorized to use AI Search.',
+    },
+    [AiSearchError.HttpRequestFailed]: defaultErrorConfig,
+    [AiSearchError.EmptyResponse]: defaultErrorConfig,
+    [AiSearchError.ErrorProcessingResponse]: defaultErrorConfig,
+};
+//# sourceMappingURL=search.js.map

package/lib/core/types/hooks.d.ts

@@ -4,6 +4,7 @@ import type { Callback, TFunction as TFunc } from 'i18next';
 import type { To, Location, NavigateFunction } from 'react-router-dom';
 import type { CatalogConfig, ProductUiConfig } from '../../config';
 import type { UserMenuData, FilteredCatalog, ItemState, SearchItemData, SubmitFeedbackParams, TFunction, BreadcrumbItem, DrilldownMenuItemDetails, SearchFacet, SearchFilterItem, SearchFacetQuery } from '../../core/types';
+import { AiSearchError } from '../../core/constants';
 export type ThemeHooks = {
     useTranslate: () => {
         translate: TFunction;
@@ -73,7 +74,7 @@ export type ThemeHooks = {
             title: string;
             url: string;
         }[];
-        error: null | string;
+        error: null | AiSearchError;
         clearAiSearchState: () => void;
     };
     useMarkdownText: (text: string) => React.ReactNode;

package/lib/core/types/index.d.ts

@@ -10,4 +10,3 @@ export * from '../../core/types/select';
 export * from '../../core/types/sidebar';
 export * from '../../core/types/filter';
 export * from '../../core/types/user-menu';
-export * from '../../core/types/api-functions';

package/lib/core/types/index.js

@@ -26,5 +26,4 @@ __exportStar(require("../../core/types/select"), exports);
 __exportStar(require("../../core/types/sidebar"), exports);
 __exportStar(require("../../core/types/filter"), exports);
 __exportStar(require("../../core/types/user-menu"), exports);
-__exportStar(require("../../core/types/api-functions"), exports);
 //# sourceMappingURL=index.js.map

package/lib/core/types/l10n.d.ts

@@ -1,5 +1,5 @@
 import type { TOptions } from 'i18next';
-export type TranslationKey = 'dev.newApp' | 'dev.newApp.text' | 'dev.sidebar.header' | 'dev.sidebar.footer.text' | 'dev.create.app.dialog.appName.placeholder' | 'dev.create.app.dialog.appName.error' | 'dev.create.app.dialog.selectAPIs' | 'dev.create.app.dialog.description' | 'dev.create.app.dialog.description.placeholder' | 'dev.create.app.dialog.create' | 'dev.create.app.dialog.cancel' | 'dev.main.tab.appKeys' | 'dev.main.tab.logs' | 'dev.app.description.title' | 'dev.edit.description.dialog.title' | 'dev.edit.description.dialog.save' | 'dev.edit.description.dialog.cancel' | 'dev.edit.apis.dialog.selectedAPIs' | 'dev.app.key.create' | 'dev.create.key.dialog.title' | 'dev.create.key.dialog.create' | 'dev.create.key.dialog.cancel' | 'dev.app.edit' | 'dev.app.delete' | 'dev.edit.app.dialog.title' | 'dev.edit.app.dialog.save' | 'dev.edit.app.dialog.cancel' | 'dev.delete.app.dialog.title' | 'dev.delete.app.dialog.confirmation' | 'dev.delete.app.dialog.delete' | 'dev.delete.app.dialog.cancel' | 'dev.app.key.roll' | 'dev.roll.key.dialog.title' | 'dev.roll.key.dialog.apiKey' | 'dev.roll.key.dialog.expires' | 'dev.roll.key.dialog.confirmation' | 'dev.roll.key.dialog.cancel' | 'dev.roll.key.dialog.roll' | 'dev.update.key.dialog.title' | 'dev.update.key.dialog.update' | 'dev.update.key.dialog.cancel' | 'dev.app.key.api.name' | 'dev.app.key.api.status' | 'dev.app.key.api.edit' | 'dev.edit.apis.dialog.title' | 'dev.edit.apis.dialog.apiKey' | 'dev.edit.apis.dialog.save' | 'dev.edit.apis.dialog.cancel' | 'dev.select.placeholder' | 'dev.app.overview.status.pending' | 'dev.app.overview.status.approved' | 'dev.app.overview.status.revoked' | 'dev.app.overview.status' | 'dev.app.overview.non-production' | 'dev.app.overview.production' | 'dev.app.overview.clientId' | 'dev.app.overview.apiKey' | 'dev.app.key.revoke' | 'dev.revoke.key.dialog.title' | 'dev.revoke.key.dialog.apiKey' | 'dev.revoke.key.dialog.expires' | 'dev.revoke.key.dialog.confirmation' | 'dev.revoke.key.dialog.revoke' | 'dev.revoke.key.dialog.cancel' | 'dev.app.overview.expires' | 'dev.app.overview.created' | 'dev.app.overview.visibilityToggle.hide' | 'dev.app.overview.visibilityToggle.show' | 'search.loading' | 'search.noResults.title' | 'search.keys.navigate' | 'search.keys.select' | 'search.keys.exit' | 'search.label' | 'search.cancel' | 'search.recent' | 'search.navbar.label' | 'search.suggested' | 'search.showMore' | 'search.filter.title' | 'search.filter.reset' | 'search.filter.field.reset' | 'search.ai.thinkingText' | 'search.ai.resourcesFound' | 'search.ai.button' | 'search.ai.label' | 'search.ai.disclaimer' | 'search.ai.error.description' | 'search.ai.error.header' | 'toc.header' | 'footer.copyrightText' | 'page.homeButton' | 'page.forbidden.title' | 'page.notFound.title' | 'page.notFound.description' | 'page.lastUpdated.timeago' | 'page.lastUpdated.on' | 'catalog.filters.placeholder' | 'catalog.filters.title' | 'catalog.filters.clearAll' | 'catalog.filters.select.addFilter' | 'catalog.filters.select.all' | 'catalog.filters.done' | 'sidebar.menu.backLabel' | 'sidebar.menu.backToLabel' | 'sidebar.actions.show' | 'sidebar.actions.hide' | 'sidebar.actions.changeLayout' | 'versionPicker.label' | 'versionPicker.unversioned' | 'codeSnippet.copy.buttonText' | 'codeSnippet.copy.tooltipText' | 'codeSnippet.copy.toasterText' | 'markdown.editPage.text' | 'feedback.settings.comment.submitText' | 'feedback.settings.comment.label' | 'feedback.settings.comment.send' | 'feedback.settings.comment.cancel' | 'feedback.settings.comment.satisfiedLabel' | 'feedback.settings.comment.neutralLabel' | 'feedback.settings.comment.dissatisfiedLabel' | 'feedback.settings.submitText' | 'feedback.settings.label' | 'feedback.settings.reasons.label' | 'feedback.settings.reasons.send' | 'feedback.settings.comment.likeLabel' | 'feedback.settings.comment.dislikeLabel' | 'feedback.sentiment.thumbUp' | 'feedback.sentiment.thumbDown' | 'feedback.settings.leftScaleLabel' | 'feedback.settings.rightScaleLabel' | 'feedback.settings.optionalEmail.placeholder' | 'feedback.settings.optionalEmail.label' | 'codeSnippet.report.buttonText' | 'codeSnippet.report.tooltipText' | 'codeSnippet.report.label' | 'userMenu.login' | 'userMenu.logout' | 'userMenu.devOnboardingLabel' | 'mobileMenu.mainMenu' | 'mobileMenu.previous' | 'mobileMenu.products' | 'page.nextButton' | 'page.previousButton' | 'openapi.download.description.title' | 'openapi.info.title' | 'openapi.info.contact.url' | 'openapi.info.contact.name' | 'openapi.info.license' | 'openapi.info.termsOfService' | 'openapi.info.metadata.title' | 'openapi.key' | 'openapi.value' | 'openapi.enum' | 'openapi.items' | 'openapi.default' | 'openapi.variable' | 'openapi.variables' | 'openapi.actions.show' | 'openapi.actions.hide' | 'openapi.actions.more' | 'openapi.languages.title' | 'openapi.servers.title' | 'openapi.operations' | 'openapi.webhooks' | 'openapi.description' | 'openapi.badges.deprecated' | 'openapi.badges.required' | 'openapi.badges.webhook' | 'openapi.request' | 'openapi.path' | 'openapi.query' | 'openapi.cookie' | 'openapi.header' | 'openapi.body' | 'openapi.responses' | 'openapi.response' | 'openapi.callbacks' | 'openapi.callbackRequest' | 'openapi.callbackResponse' | 'openapi.payload' | 'openapi.discriminator' | 'openapi.contentType' | 'openapi.tryIt' | 'openapi.loading' | 'openapi.example' | 'openapi.examples' | 'openapi.additionalProperties' | 'openapi.patternProperties' | 'openapi.required' | 'openapi.recursive' | 'openapi.complex' | 'openapi.deprecated' | 'openapi.hideExample' | 'openapi.showExample' | 'openapi.expandAll' | 'openapi.collapseAll' | 'openapi.noResponseExample' | 'openapi.noResponseContent' | 'openapi.noRequestPayload' | 'openapi.hidePattern' | 'openapi.showPattern' | 'openapi.authorizationUrl' | 'openapi.tokenUrl' | 'openapi.refreshUrl' | 'openapi.scopes' | 'openapi.security' | 'openapi.httpAuthorizationScheme' | 'openapi.bearerFormat' | 'openapi.parameterName' | 'openapi.flowType' | 'openapi.connectUrl' | 'openapi.requiredScopes' | 'openapi.unsupportedLanguage' | 'openapi.failedToGenerateCodeSample' | 'graphql.queries' | 'graphql.mutations' | 'graphql.subscriptions' | 'graphql.directives' | 'graphql.objects' | 'graphql.interfaces' | 'graphql.unions' | 'graphql.enums' | 'graphql.inputs' | 'graphql.scalars' | 'graphql.arguments.label' | 'graphql.arguments.show' | 'graphql.arguments.hide' | 'graphql.arguments.here' | 'graphql.returnTypes.label' | 'graphql.returnTypes.show' | 'graphql.returnTypes.hide' | 'graphql.possibleTypes' | 'graphql.defaultValue' | 'graphql.deprecationReason' | 'graphql.implementedInterfaces' | 'graphql.nonNull' | 'graphql.required' | 'graphql.deprecated' | 'graphql.variables' | 'graphql.querySample' | 'graphql.mutationSample' | 'graphql.subscriptionSample' | 'graphql.responseSample' | 'graphql.locations' | 'graphql.sample' | 'graphql.referenced' | 'codeWalkthrough.download' | 'codeWalkthrough.preview';
+export type TranslationKey = 'dev.newApp' | 'dev.newApp.text' | 'dev.sidebar.header' | 'dev.sidebar.footer.text' | 'dev.create.app.dialog.appName.placeholder' | 'dev.create.app.dialog.appName.error' | 'dev.create.app.dialog.selectAPIs' | 'dev.create.app.dialog.description' | 'dev.create.app.dialog.description.placeholder' | 'dev.create.app.dialog.create' | 'dev.create.app.dialog.cancel' | 'dev.main.tab.appKeys' | 'dev.main.tab.logs' | 'dev.app.description.title' | 'dev.edit.description.dialog.title' | 'dev.edit.description.dialog.save' | 'dev.edit.description.dialog.cancel' | 'dev.edit.apis.dialog.selectedAPIs' | 'dev.app.key.create' | 'dev.create.key.dialog.title' | 'dev.create.key.dialog.create' | 'dev.create.key.dialog.cancel' | 'dev.app.edit' | 'dev.app.delete' | 'dev.edit.app.dialog.title' | 'dev.edit.app.dialog.save' | 'dev.edit.app.dialog.cancel' | 'dev.delete.app.dialog.title' | 'dev.delete.app.dialog.confirmation' | 'dev.delete.app.dialog.delete' | 'dev.delete.app.dialog.cancel' | 'dev.app.key.roll' | 'dev.roll.key.dialog.title' | 'dev.roll.key.dialog.apiKey' | 'dev.roll.key.dialog.expires' | 'dev.roll.key.dialog.confirmation' | 'dev.roll.key.dialog.cancel' | 'dev.roll.key.dialog.roll' | 'dev.update.key.dialog.title' | 'dev.update.key.dialog.update' | 'dev.update.key.dialog.cancel' | 'dev.app.key.api.name' | 'dev.app.key.api.status' | 'dev.app.key.api.edit' | 'dev.edit.apis.dialog.title' | 'dev.edit.apis.dialog.apiKey' | 'dev.edit.apis.dialog.save' | 'dev.edit.apis.dialog.cancel' | 'dev.select.placeholder' | 'dev.app.overview.status.pending' | 'dev.app.overview.status.approved' | 'dev.app.overview.status.revoked' | 'dev.app.overview.status' | 'dev.app.overview.non-production' | 'dev.app.overview.production' | 'dev.app.overview.clientId' | 'dev.app.overview.apiKey' | 'dev.app.key.revoke' | 'dev.revoke.key.dialog.title' | 'dev.revoke.key.dialog.apiKey' | 'dev.revoke.key.dialog.expires' | 'dev.revoke.key.dialog.confirmation' | 'dev.revoke.key.dialog.revoke' | 'dev.revoke.key.dialog.cancel' | 'dev.app.overview.expires' | 'dev.app.overview.created' | 'dev.app.overview.visibilityToggle.hide' | 'dev.app.overview.visibilityToggle.show' | 'search.loading' | 'search.noResults.title' | 'search.keys.navigate' | 'search.keys.select' | 'search.keys.exit' | 'search.label' | 'search.cancel' | 'search.recent' | 'search.navbar.label' | 'search.suggested' | 'search.showMore' | 'search.filter.title' | 'search.filter.reset' | 'search.filter.field.reset' | 'search.ai.thinkingText' | 'search.ai.resourcesFound' | 'search.ai.button' | 'search.ai.label' | 'search.ai.disclaimer' | 'search.ai.error.description' | 'search.ai.error.description.forbidden' | 'search.ai.error.description.unauthorized' | 'search.ai.error.header' | 'search.ai.error.header.forbidden' | 'search.ai.error.header.unauthorized' | 'toc.header' | 'footer.copyrightText' | 'page.homeButton' | 'page.forbidden.title' | 'page.notFound.title' | 'page.notFound.description' | 'page.lastUpdated.timeago' | 'page.lastUpdated.on' | 'catalog.filters.placeholder' | 'catalog.filters.title' | 'catalog.filters.clearAll' | 'catalog.filters.select.addFilter' | 'catalog.filters.select.all' | 'catalog.filters.done' | 'sidebar.menu.backLabel' | 'sidebar.menu.backToLabel' | 'sidebar.actions.show' | 'sidebar.actions.hide' | 'sidebar.actions.changeLayout' | 'versionPicker.label' | 'versionPicker.unversioned' | 'codeSnippet.copy.buttonText' | 'codeSnippet.copy.tooltipText' | 'codeSnippet.copy.toasterText' | 'markdown.editPage.text' | 'feedback.settings.comment.submitText' | 'feedback.settings.comment.label' | 'feedback.settings.comment.send' | 'feedback.settings.comment.cancel' | 'feedback.settings.comment.satisfiedLabel' | 'feedback.settings.comment.neutralLabel' | 'feedback.settings.comment.dissatisfiedLabel' | 'feedback.settings.submitText' | 'feedback.settings.label' | 'feedback.settings.reasons.label' | 'feedback.settings.reasons.send' | 'feedback.settings.comment.likeLabel' | 'feedback.settings.comment.dislikeLabel' | 'feedback.sentiment.thumbUp' | 'feedback.sentiment.thumbDown' | 'feedback.settings.leftScaleLabel' | 'feedback.settings.rightScaleLabel' | 'feedback.settings.optionalEmail.placeholder' | 'feedback.settings.optionalEmail.label' | 'codeSnippet.report.buttonText' | 'codeSnippet.report.tooltipText' | 'codeSnippet.report.label' | 'userMenu.login' | 'userMenu.logout' | 'userMenu.devOnboardingLabel' | 'mobileMenu.mainMenu' | 'mobileMenu.previous' | 'mobileMenu.products' | 'page.nextButton' | 'page.previousButton' | 'openapi.download.description.title' | 'openapi.info.title' | 'openapi.info.contact.url' | 'openapi.info.contact.name' | 'openapi.info.license' | 'openapi.info.termsOfService' | 'openapi.info.metadata.title' | 'openapi.key' | 'openapi.value' | 'openapi.enum' | 'openapi.items' | 'openapi.default' | 'openapi.variable' | 'openapi.variables' | 'openapi.actions.show' | 'openapi.actions.hide' | 'openapi.actions.more' | 'openapi.languages.title' | 'openapi.servers.title' | 'openapi.operations' | 'openapi.webhooks' | 'openapi.description' | 'openapi.badges.deprecated' | 'openapi.badges.required' | 'openapi.badges.webhook' | 'openapi.request' | 'openapi.path' | 'openapi.query' | 'openapi.cookie' | 'openapi.header' | 'openapi.body' | 'openapi.responses' | 'openapi.response' | 'openapi.callbacks' | 'openapi.callbackRequest' | 'openapi.callbackResponse' | 'openapi.payload' | 'openapi.discriminator' | 'openapi.contentType' | 'openapi.tryIt' | 'openapi.loading' | 'openapi.example' | 'openapi.examples' | 'openapi.additionalProperties' | 'openapi.patternProperties' | 'openapi.required' | 'openapi.recursive' | 'openapi.complex' | 'openapi.deprecated' | 'openapi.hideExample' | 'openapi.showExample' | 'openapi.expandAll' | 'openapi.collapseAll' | 'openapi.noResponseExample' | 'openapi.noResponseContent' | 'openapi.noRequestPayload' | 'openapi.hidePattern' | 'openapi.showPattern' | 'openapi.authorizationUrl' | 'openapi.tokenUrl' | 'openapi.refreshUrl' | 'openapi.scopes' | 'openapi.security' | 'openapi.httpAuthorizationScheme' | 'openapi.bearerFormat' | 'openapi.parameterName' | 'openapi.flowType' | 'openapi.connectUrl' | 'openapi.requiredScopes' | 'openapi.unsupportedLanguage' | 'openapi.failedToGenerateCodeSample' | 'graphql.queries' | 'graphql.mutations' | 'graphql.subscriptions' | 'graphql.directives' | 'graphql.objects' | 'graphql.interfaces' | 'graphql.unions' | 'graphql.enums' | 'graphql.inputs' | 'graphql.scalars' | 'graphql.arguments.label' | 'graphql.arguments.show' | 'graphql.arguments.hide' | 'graphql.arguments.here' | 'graphql.returnTypes.label' | 'graphql.returnTypes.show' | 'graphql.returnTypes.hide' | 'graphql.possibleTypes' | 'graphql.defaultValue' | 'graphql.deprecationReason' | 'graphql.implementedInterfaces' | 'graphql.nonNull' | 'graphql.required' | 'graphql.deprecated' | 'graphql.variables' | 'graphql.querySample' | 'graphql.mutationSample' | 'graphql.subscriptionSample' | 'graphql.responseSample' | 'graphql.locations' | 'graphql.sample' | 'graphql.referenced' | 'codeWalkthrough.download' | 'codeWalkthrough.preview';
 export type Locale = {
     code: string;
     name: string;

package/lib/core/types/search.d.ts

@@ -70,3 +70,9 @@ export type SearchFilterItem = {
     values: string[];
     isQuickFilter?: boolean;
 };
+export type AiSearchErrorConfig = {
+    headerKey: string;
+    headerDefault: string;
+    messageKey: string;
+    messageDefault: string;
+};

package/lib/markdoc/components/CodeWalkthrough/CodePanelHeader.js

@@ -61,7 +61,7 @@ function CodePanelHeader({ files, handleTabSwitch, activeTabName, onDownloadCode
                 if (!tab)
                     continue;
                 const { left: tabLeft, right: tabRight } = tab.getBoundingClientRect();
-                const visible = tabLeft > wrapperLeft && tabRight < wrapperRight;
+                const visible = tabLeft >= wrapperLeft && tabRight <= wrapperRight;
                 if (!visible) {
                     hidden.push(renderableFiles[i]);
                 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/theme",
-  "version": "0.51.0-next.0",
+  "version": "0.51.0-next.2",
   "description": "Shared UI components lib",
   "keywords": [
     "theme",
@@ -59,8 +59,6 @@
     "jest-styled-components": "7.2.0",
     "jest-when": "3.6.0",
     "json-schema-to-ts": "2.7.2",
-    "lodash.debounce": "4.0.8",
-    "lodash.throttle": "4.1.1",
     "npm-run-all2": "5.0.2",
     "react-refresh": "0.14.2",
     "react-router-dom": "6.21.1",
@@ -82,12 +80,14 @@
     "highlight-words-core": "1.2.2",
     "hotkeys-js": "3.10.1",
     "jszip": "3.10.1",
+    "lodash.debounce": "4.0.8",
+    "lodash.throttle": "4.1.1",
     "react-calendar": "4.2.1",
     "react-date-picker": "10.0.3",
     "timeago.js": "4.0.2",
     "i18next": "22.4.15",
     "nprogress": "0.2.0",
-    "@redocly/config": "0.20.3"
+    "@redocly/config": "0.21.0"
   },
   "scripts": {
     "watch": "tsc -p tsconfig.build.json && (concurrently \"tsc -w -p tsconfig.build.json\" \"tsc-alias -w -p tsconfig.build.json\")",

package/src/components/Search/SearchAiResponse.tsx

@@ -10,18 +10,21 @@ import { useThemeHooks } from '@redocly/theme/core/hooks';
 import { Markdown } from '@redocly/theme/components/Markdown/Markdown';
 import { Admonition } from '@redocly/theme/components/Admonition/Admonition';
 import { ErrorFilledIcon } from '@redocly/theme/icons/ErrorFilledIcon/ErrorFilledIcon';
+import {
+  AiSearchError,
+  AI_SEARCH_ERROR_CONFIG as ERROR_CONFIG,
+} from '@redocly/theme/core/constants';
 
 export type SearchAiResponseProps = {
   question: string;
   isGeneratingResponse: boolean;
   response?: string;
-  error: string | null;
+  error: AiSearchError | null;
   resources: {
     url: string;
     title: string;
   }[];
 };
-
 export function SearchAiResponse(props: SearchAiResponseProps): JSX.Element {
   const { useMarkdownText } = useThemeHooks();
   const { question, response, isGeneratingResponse, resources, error } = props;
@@ -62,12 +65,9 @@ export function SearchAiResponse(props: SearchAiResponseProps): JSX.Element {
           {error && (
             <Admonition
               type="danger"
-              name={translate('search.ai.error.header', 'Oops! Something went wrong.')}
+              name={translate(ERROR_CONFIG[error].headerKey, ERROR_CONFIG[error].headerDefault)}
             >
-              {translate(
-                'search.ai.error.description',
-                'We encountered an issue while processing your search. Please try again later or refine your query. If the problem persists, feel free to contact support.',
-              )}
+              {translate(ERROR_CONFIG[error].messageKey, ERROR_CONFIG[error].messageDefault)}
             </Admonition>
           )}
           {resources.length && !isGeneratingResponse ? (
@@ -180,8 +180,10 @@ const ResourceTags = styled.div`
   flex-wrap: wrap;
   gap: var(--search-ai-resource-tags-gap);
 `;
-
-const ResourceTag = styled(Tag)`
+const ResourceTag = styled(Tag).attrs({
+  className: 'tag-resource',
+  'data-component-name': 'Tags/SearchAiResourceTag',
+})`
   .tag-default {
     --tag-color: --search-ai-resource-tag-text-color;
   }

package/src/core/constants/index.ts

@@ -1,3 +1,4 @@
 export * from '@redocly/theme/core/constants/common';
 export * from '@redocly/theme/core/constants/environments';
 export * from '@redocly/theme/core/constants/code-walkthrough';
+export * from '@redocly/theme/core/constants/search';

package/src/core/constants/search.ts

@@ -0,0 +1,35 @@
+import type { AiSearchErrorConfig } from '@redocly/theme/core/types';
+
+export enum AiSearchError {
+  Unauthorized = 'ai_search_unauthorized',
+  Forbidden = 'ai_search_forbidden',
+  HttpRequestFailed = 'http_request_in_failed_status',
+  EmptyResponse = 'empty_response',
+  ErrorProcessingResponse = 'error_processing_response',
+}
+
+const defaultErrorConfig: AiSearchErrorConfig = {
+  headerKey: 'search.ai.error.header',
+  headerDefault: 'Oops! Something went wrong.',
+  messageKey: 'search.ai.error.description',
+  messageDefault:
+    'We encountered an issue while processing your search. Try again later or refine your query. If the problem persists, please contact Redocly support.',
+};
+
+export const AI_SEARCH_ERROR_CONFIG: Record<AiSearchError, AiSearchErrorConfig> = {
+  [AiSearchError.Forbidden]: {
+    headerKey: 'search.ai.error.header.forbidden',
+    headerDefault: 'Feature Unavailable',
+    messageKey: 'search.ai.error.description.forbidden',
+    messageDefault: 'AI Search is currently unavailable.',
+  },
+  [AiSearchError.Unauthorized]: {
+    headerKey: 'search.ai.error.header.unauthorized',
+    headerDefault: 'Authentication Required',
+    messageKey: 'search.ai.error.description.unauthorized',
+    messageDefault: 'You are not authorized to use AI Search.',
+  },
+  [AiSearchError.HttpRequestFailed]: defaultErrorConfig,
+  [AiSearchError.EmptyResponse]: defaultErrorConfig,
+  [AiSearchError.ErrorProcessingResponse]: defaultErrorConfig,
+} as const;

package/src/core/types/hooks.ts

@@ -17,6 +17,8 @@ import type {
   SearchFacetQuery,
 } from '@redocly/theme/core/types';
 
+import { AiSearchError } from '@redocly/theme/core/constants';
+
 export type ThemeHooks = {
   useTranslate: () => { translate: TFunction };
   /**
@@ -88,7 +90,7 @@ export type ThemeHooks = {
       title: string;
       url: string;
     }[];
-    error: null | string;
+    error: null | AiSearchError;
     clearAiSearchState: () => void;
   };
   useMarkdownText: (text: string) => React.ReactNode;

package/src/core/types/index.ts

@@ -10,4 +10,3 @@ export * from '@redocly/theme/core/types/select';
 export * from '@redocly/theme/core/types/sidebar';
 export * from '@redocly/theme/core/types/filter';
 export * from '@redocly/theme/core/types/user-menu';
-export * from '@redocly/theme/core/types/api-functions';

package/src/core/types/l10n.ts

@@ -89,7 +89,11 @@ export type TranslationKey =
   | 'search.ai.label'
   | 'search.ai.disclaimer'
   | 'search.ai.error.description'
+  | 'search.ai.error.description.forbidden'
+  | 'search.ai.error.description.unauthorized'
   | 'search.ai.error.header'
+  | 'search.ai.error.header.forbidden'
+  | 'search.ai.error.header.unauthorized'
   | 'toc.header'
   | 'footer.copyrightText'
   | 'page.homeButton'

package/src/core/types/search.ts

@@ -78,3 +78,10 @@ export type SearchFilterItem = {
   values: string[];
   isQuickFilter?: boolean;
 };
+
+export type AiSearchErrorConfig = {
+  headerKey: string;
+  headerDefault: string;
+  messageKey: string;
+  messageDefault: string;
+};

package/src/markdoc/components/CodeWalkthrough/CodePanelHeader.tsx

@@ -57,7 +57,7 @@ export function CodePanelHeader({
         if (!tab) continue;
 
         const { left: tabLeft, right: tabRight } = tab.getBoundingClientRect();
-        const visible = tabLeft > wrapperLeft && tabRight < wrapperRight;
+        const visible = tabLeft >= wrapperLeft && tabRight <= wrapperRight;
 
         if (!visible) {
           hidden.push(renderableFiles[i]);

package/lib/core/types/api-functions.d.ts

@@ -1,5 +0,0 @@
-export type { ApiFunctionsRequest as Request } from '@redocly/config';
-export type { ApiFunctionsResponse as Response } from '@redocly/config';
-export type { ApiFunctionsContext as Context } from '@redocly/config';
-export type { PropsContext } from '@redocly/config';
-export type { PageStaticData as PropsData } from '@redocly/config';

package/lib/core/types/api-functions.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=api-functions.js.map

package/src/core/types/api-functions.ts

@@ -1,5 +0,0 @@
-export type { ApiFunctionsRequest as Request } from '@redocly/config';
-export type { ApiFunctionsResponse as Response } from '@redocly/config';
-export type { ApiFunctionsContext as Context } from '@redocly/config';
-export type { PropsContext } from '@redocly/config';
-export type { PageStaticData as PropsData } from '@redocly/config';