@redocly/theme 0.63.0-next.4 → 0.63.0-next.6

package/lib/components/Catalog/variables.js

@@ -9,9 +9,9 @@ exports.catalog = (0, styled_components_1.css) `
     * @tokens Catalog page
     */
   --catalog-page-padding-vertical: var(--spacing-xl);
-  --catalog-page-padding-horizontal: var(--spacing-xxl);
+  --catalog-page-padding-horizontal: var(--spacing-xl);
   --catalog-page-padding: var(--catalog-page-padding-vertical) var(--catalog-page-padding-horizontal);
-  --catalog-page-content-height: calc(100vh - var(--navbar-height) - var(--spacing-lg) * 2);
+  --catalog-page-padding-mobile: var(--catalog-page-padding-vertical) var(--spacing-base);
 
   --catalog-filter-padding-vertical-mobile: 0;
   --catalog-filter-padding-horizontal-mobile: var(--spacing-base);
@@ -31,9 +31,8 @@ exports.catalog = (0, styled_components_1.css) `
   /**
     * @tokens Catalog page content
     */
-  --catalog-page-content-width-mobile: 90%;
-  --catalog-page-content-width-desktop: 100%;
-  --catalog-page-content-margin-mobile: 0 auto;
+  --catalog-page-content-width: 100%;
+  --catalog-page-content-margin: 0 auto;
 
   /**
     * @tokens Catalog page title
@@ -50,7 +49,7 @@ exports.catalog = (0, styled_components_1.css) `
   --catalog-description-text-color: var(--text-color-secondary);
   --catalog-description-font-weight: var(--font-weight-regular);
   --catalog-description-font-size: var(--font-size-lg);
-  --catalog-description-margin: 0 0 var(--spacing-sm) 0;
+  --catalog-description-margin: 0 0 var(--spacing-xl) 0;
   --catalog-description-line-height: var(--line-height-lg);
 
   /**
@@ -82,14 +81,12 @@ exports.catalog = (0, styled_components_1.css) `
   /**
     * @tokens Catalog selector
     */
-  --catalog-select-wrapper-margin-top: var(--spacing-xxs);
-  --catalog-select-label-margin-bottom: var(--spacing-xxs);
-  --catalog-select-label-font-weight: var(--filter-title-font-weight);
-  --catalog-select-label-font-size: var(--filter-title-font-size);
-  --catalog-select-label-line-height: var(--filter-title-line-height);
   --catalog-select-border-radius: var(--filter-input-border-radius);
-  --catalog-select-input-padding: var(--select-input-padding-vertical) var(--spacing-sm);
   --catalog-select-icon-color: var(--input-t-icon-color);
+  --catalog-select-accordion-header-padding: 12px 16px 8px 16px;
+  --catalog-select-accordion-body-padding: 0px 16px 12px 16px;
+  --catalog-select-select-line-height: 1.15em;
+  --catalog-select-select-input-padding: 8px 12px;
 
   /**
     * @tokens Catalog highlight
@@ -97,6 +94,18 @@ exports.catalog = (0, styled_components_1.css) `
   --catalog-highlight-bg-color: var(--search-highlight-bg-color);
   --catalog-highlight-text-color: var(--search-highlight-text-color);
 
+  /**
+    * @tokens Catalog entity
+    */
+
+  --catalog-entity-max-width: 1072px;
+  --catalog-spacing-large: calc(var(--spacing-unit) * 16);
+  --catalog-entity-padding: var(--spacing-xl) var(--catalog-spacing-large);
+  --catalog-entity-padding-large: var(--spacing-lg) var(--catalog-spacing-large);
+  --catalog-entity-padding-medium: var(--spacing-lg) var(--spacing-xl);
+  --catalog-entity-padding-small: var(--spacing-lg) var(--spacing-base);
+  --catalog-entity-margin: 0 auto;
+
   /**
     * @tokens Catalog entity icon
     */
@@ -139,10 +148,12 @@ exports.catalog = (0, styled_components_1.css) `
   /**
     * @tokens Catalog tags
     */
-  --catalog-tags-wrapper-gap: var(--spacing-xs) calc(var(--spacing-xs) - 5px);
   --catalog-tags-more-button-font-size: var(--font-size-base);
   --catalog-tags-more-button-margin-left: 4px;
   --catalog-tags-placeholder-bg-color: var(--bg-color);
+  --catalog-tags-not-connected-font-size: var(--font-size-base);
+  --catalog-tags-not-connected-line-height: var(--line-height-base);
+  --catalog-tags-not-connected-color: var(--text-color-disabled);
 
   /**
     * @tokens Catalog empty state
@@ -155,7 +166,12 @@ exports.catalog = (0, styled_components_1.css) `
     */
   --catalog-actions-row-margin-bottom: var(--spacing-xl);
   --catalog-controls-wrapper-gap: var(--spacing-sm);
+
+  /**
+    * @tokens Catalog filter
+    */
   --catalog-filter-input-width: 360px;
+  --catalog-filter-content-header-padding: var(--spacing-base) var(--spacing-base) var(--spacing-sm) var(--spacing-base);
 
   /**
     * @tokens Catalog search input wrapper
@@ -188,17 +204,10 @@ exports.catalog = (0, styled_components_1.css) `
   --catalog-sidebar-display-desktop: flex;
   --catalog-sidebar-menu-container-padding-top: 0;
 
-  /**
-    * @tokens Catalog page description responsive
-    */
-  --catalog-page-description-display-mobile: none;
-  --catalog-page-description-display-desktop: block;
-
   /**
     * @tokens Catalog card
     */
   --catalog-card-height: 241px;
-  --catalog-card-min-width: 400px;
   --catalog-card-padding-vertical: var(--spacing-base);
   --catalog-card-padding-horizontal: var(--spacing-md);
   --catalog-card-gap: var(--spacing-sm);
@@ -213,7 +222,7 @@ exports.catalog = (0, styled_components_1.css) `
   --catalog-card-border-color-hover: var(--border-color-primary);
   --catalog-card-border-radius: var(--border-radius-lg);
   --catalog-cards-group-margin: 0 0 var(--spacing-base) 0;
-  --catalog-cards-group-gap: var(--spacing-xl);
+  --catalog-cards-group-gap: var(--spacing-lg);
 
   /**
     * @tokens Catalog card icon
@@ -233,7 +242,7 @@ exports.catalog = (0, styled_components_1.css) `
   --catalog-metadata-section-gap: var(--spacing-xs);
   --catalog-metadata-label-font-size: var(--font-size-base);
   --catalog-metadata-label-font-weight: var(--font-weight-medium);
-  --catalog-metadata-label-color: var(--text-color-secondary);
+  --catalog-metadata-label-color: var(--text-color-description);
   --catalog-metadata-column-half-gap: var(--spacing-sm);
   --catalog-metadata-heading-size: var(--font-size-md);
 
@@ -256,10 +265,20 @@ exports.catalog = (0, styled_components_1.css) `
     */
   --catalog-card-title-color: var(--text-color-primary);
   --catalog-card-title-min-height: var(--spacing-xxl);
-  --catalog-card-title-font-size: var(--font-size-lg);
-  --catalog-card-title-font-weight: var(--font-weight-bold);
-  --catalog-card-title-line-height: var(--line-height-lg);
-  --catalog-card-title-line-clamp: 2;
+  --catalog-card-title-font-size: var(--font-size-xl);
+  --catalog-card-title-font-weight: var(--font-weight-medium);
+  --catalog-card-title-line-height: var(--line-height-xl);
+  --catalog-card-title-height: 34px;
+  --catalog-card-title-display: flex;
+  --catalog-card-title-align-items: center;
+  --catalog-card-title-margin-bottom: 2px;
+
+  /**
+    * @tokens Catalog card summary
+    */
+  --catalog-card-summary-font-size: var(--font-size-base);
+  --catalog-card-summary-font-weight: var(--font-weight-regular);
+  --catalog-card-summary-line-height: var(--line-height-base);
 
   /**
     * @tokens Catalog card footer
@@ -296,11 +315,17 @@ exports.catalog = (0, styled_components_1.css) `
   --catalog-page-badge-dot-size: 6px;
   --catalog-page-badge-dot-border-color: var(--color-static-white);
 
+  /**
+   * @tokens Catalog card metadata
+   */
+  --catalog-card-metadata-owner-tag-left-padding: 2px;
+
+
   /**
     * @tokens Catalog table
     */
-  --catalog-table-border-color: var(--border-color-primary);
-  --catalog-table-header-bg-color: var(--bg-color-secondary);
+  --catalog-table-border-color: var(--border-color-secondary);
+  --catalog-table-header-bg-color: var(--layer-color);
   --catalog-table-header-font-weight: var(--font-weight-medium);
   --catalog-table-header-cell-padding: 4px 8px;
   --catalog-table-cell-padding: 4px 8px;
@@ -331,7 +356,7 @@ exports.catalog = (0, styled_components_1.css) `
   /**
     * @tokens Catalog table entity title
     */
-  --catalog-table-entity-title-font-size: var(--catalog-card-title-font-size);
+  --catalog-table-entity-title-font-size: var(--font-size-lg);
   --catalog-table-entity-title-line-height: var(--line-height-lg);
   --catalog-table-entity-title-font-weight: var(--font-weight-medium);
 
@@ -392,16 +417,27 @@ exports.catalog = (0, styled_components_1.css) `
   --catalog-empty-state-font-size: var(--font-size-base);
   --catalog-empty-state-line-height: var(--line-height-base);
 
+  /**
+    * @tokens Catalog avatar
+    */
   --catalog-avatar-bg-color: #ededf2;
+  --catalog-avatar-small-size: 20px;
+  --catalog-avatar-medium-size: 32px;
+  --catalog-avatar-large-size: 40px;
+  --catalog-avatar-font-size-small: 10px;
+  --catalog-avatar-font-size-medium: var(--font-size-base);
+  --catalog-avatar-font-size-large: var(--font-size-lg);
+  --catalog-avatar-font-weight: var(--font-weight-regular);
+  --catalog-avatar-line-height: var(--line-height-base);
   // @tokens End
 
   /**
     * @tokens Catalog entity relations node
     */
-  --catalog-entity-relations-node-padding-vertical: 10px;
-  --catalog-entity-relations-node-padding-horizontal: 14px;
+  --catalog-entity-relations-node-padding-vertical: 8px;
+  --catalog-entity-relations-node-padding-horizontal: 12px;
   --catalog-entity-relations-node-padding: var(--catalog-entity-relations-node-padding-vertical) var(--catalog-entity-relations-node-padding-horizontal);
-  --catalog-entity-relations-node-gap: 8px;
+  --catalog-entity-relations-node-gap: 4px;
   --catalog-entity-relations-node-border-radius: 10px;
 
   --catalog-entity-relations-node-bg-color: var(--layer-color);
@@ -412,7 +448,6 @@ exports.catalog = (0, styled_components_1.css) `
   --catalog-entity-relations-node-border-style: var(--border-style);
 
   --catalog-entity-relations-node-font-weight: var(--font-weight-regular);
-  --catalog-entity-relations-node-font-weight-root: 600;
 
   --catalog-entity-relations-node-root-bg-color: var(--color-blue-6);
   --catalog-entity-relations-node-root-text-color: var(--color-static-white);
@@ -440,14 +475,17 @@ exports.catalog = (0, styled_components_1.css) `
   /**
     * @tokens Catalog history button
     */
+  --catalog-history-button-width: 252px;
+  --catalog-history-button-item-width: 244px;
   --catalog-history-separator-border-color: var(--border-color-secondary);
   --catalog-history-separator-margin-bottom: var(--spacing-sm);
   --catalog-history-item-padding: var(--spacing-xxs);
   --catalog-history-item-margin-bottom: calc(var(--spacing-xxs) * -1);
-  --catalog-history-item-gap: var(--spacing-xxs);
+  --catalog-history-item-gap: var(--spacing-xs);
   --catalog-history-item-border-radius: var(--menu-item-label-border-radius);
   --catalog-history-item-bg-color-hover: var(--menu-item-bg-color-hover);
   --catalog-history-icon-size: 16px;
+  --catalog-history-content-max-width: 212px;
   --catalog-history-text-font-family: var(--font-family-base);
   --catalog-history-text-font-size: var(--font-size-base);
   --catalog-history-text-font-weight: var(--font-weight-regular);
@@ -458,12 +496,15 @@ exports.catalog = (0, styled_components_1.css) `
   --catalog-history-pill-padding-horizontal: var(--spacing-xs);
   --catalog-history-pill-border-color: var(--border-color-primary);
   --catalog-history-pill-border-radius: 12px;
-  --catalog-history-pill-icon-size: 14px;
+  --catalog-history-pill-icon-size: 16px;
   --catalog-history-pill-icon-color: var(--color-green-8);
   --catalog-history-pill-font-family: var(--font-family-base);
   --catalog-history-pill-font-size: var(--font-size-base);
   --catalog-history-pill-line-height: var(--line-height-base);
   --catalog-history-pill-text-color: var(--text-color-primary);
+  --catalog-history-pill-min-width: calc(100% - 118px - var(--catalog-history-item-gap));
+
+
   // @tokens End
 
   /**
@@ -476,7 +517,7 @@ exports.catalog = (0, styled_components_1.css) `
   --catalog-history-sidebar-header-padding: var(--spacing-base) var(--spacing-sm) var(--spacing-base);
   --catalog-history-sidebar-header-font-family: var(--font-family-base);
   --catalog-history-sidebar-header-font-size: var(--font-size-base);
-  --catalog-history-sidebar-header-font-weight: var(--font-weight-semibold);
+  --catalog-history-sidebar-header-font-weight: var(--font-weight-regular);
   --catalog-history-sidebar-header-line-height: var(--line-height-base);
   --catalog-history-sidebar-header-letter-spacing: 0;
   --catalog-history-sidebar-header-color: var(--text-color-primary);
@@ -513,6 +554,7 @@ exports.catalog = (0, styled_components_1.css) `
   --catalog-history-sidebar-version-date-color: var(--color-warm-grey-7);
 
   --catalog-history-sidebar-revisions-padding-left: 40px;
+  --catalog-history-sidebar-revisions-padding-bottom: var(--spacing-base);
 
   --catalog-history-sidebar-revision-item-padding: var(--spacing-xs) var(--spacing-sm);
   --catalog-history-sidebar-revision-item-border-radius: var(--border-radius-md);

package/lib/components/Filter/variables.js

@@ -16,7 +16,7 @@ exports.filter = (0, styled_components_1.css) `
 
   --filter-options-padding-vertical: 0;
   --filter-options-padding-horizontal: 0;
-  --filter-options-gap: var(--spacing-sm);
+  --filter-options-gap: var(--spacing-xs);
   --filter-options-max-height: 350px;
 
   --filter-option-font-size: var(--font-size-base);

package/lib/components/LoadMore/LoadMore.js

@@ -14,5 +14,6 @@ function LoadMore({ icon, onClick, disabled, blinking, label, }) {
 const LoadMoreWrapper = styled_components_1.default.div `
   display: flex;
   justify-content: center;
+  margin-top: var(--spacing-xs);
 `;
 //# sourceMappingURL=LoadMore.js.map

package/lib/components/Menu/MenuItem.js

@@ -100,7 +100,7 @@ function MenuItem(props) {
             item.sublabel ? (react_1.default.createElement(MenuItemSubLabel, null, translate(item.subLabelTranslationKey, item.sublabel))) : null),
         isDrilldown ? react_1.default.createElement(ArrowRightIcon_1.ArrowRightIcon, { size: "12px" }) : null,
         hasHttpTag ? (react_1.default.createElement(HttpTag_1.HttpTag, { color: httpColor || '' }, item.httpVerb === 'hook' ? 'event' : item.httpVerb)) : null));
-    return (react_1.default.createElement(MenuItemWrapper, { "data-component-name": "Menu/MenuItem", className: generateClassName({ type, item, className }) },
+    return (react_1.default.createElement(MenuItemWrapper, { "data-component-name": "Menu/MenuItem", className: generateClassName({ type, item, className }), role: "listitem" },
         item.link ? (react_1.default.createElement(MenuItemLink, { to: item.link, external: item.external, target: item.target, languageInsensitive: item.languageInsensitive, onKeyDown: handleExpandOnEnter }, label)) : (label),
         isNested ? (react_1.default.createElement(MenuItemNestedWrapper, { depth: depth, ref: nestedMenuRef, style: style }, isExpanded || !canUnmount ? props.children : null)) : null,
         item.separatorLine ? (react_1.default.createElement(MenuItemSeparatorLine, { depth: depth, linePosition: item.linePosition })) : null));

package/lib/components/PageActions/PageActions.js

@@ -126,8 +126,7 @@ const StyledDropdownMenuItem = (0, styled_components_1.default)(DropdownMenuItem
     & > a {
       display: inline-block;
       width: 100%;
-      padding: var(--dropdown-menu-item-padding-vertical)
-        var(--dropdown-menu-item-padding-horizontal);
+      padding: var(--dropdown-menu-item-padding-vertical) var(--dropdown-menu-item-padding-horizontal);
     }
   }
 `;

package/lib/components/Search/SearchDialog.js

@@ -73,7 +73,7 @@ function SearchDialog({ onClose, className, initialMode = 'search', }) {
     const { query, setQuery, filter, setFilter, items, isSearchLoading, facets, setLoadMore, advancedSearch, askAi, groupField, } = useSearch(product === null || product === void 0 ? void 0 : product.name, autoSearchDisabled);
     const { isFilterOpen, onFilterToggle, onFilterChange, onFilterReset, onFacetReset, onQuickFilterReset, } = (0, hooks_1.useSearchFilter)(filter, setFilter);
     const { addSearchHistoryItem } = (0, hooks_1.useRecentSearches)();
-    const aiSearch = useAiSearch({ filter });
+    const aiSearch = useAiSearch({ filter: filter, product: product === null || product === void 0 ? void 0 : product.name });
     (0, hooks_1.useModalScrollLock)(true);
     const searchInputRef = (0, react_1.useRef)(null);
     const modalRef = (0, react_1.useRef)(null);

package/lib/components/SidebarActions/SidebarActions.js

@@ -30,7 +30,7 @@ const SidebarActions = ({ layout, hideCollapseSidebarButton = false, collapsedSi
                     else {
                         telemetry.sendSidebarItemCollapsedMessage();
                     }
-                }, size: "small", variant: "outlined", icon: collapsedSidebar ? react_1.default.createElement(SidePanelOpenIcon_1.SidePanelOpenIcon, null) : react_1.default.createElement(SidePanelCloseIcon_1.SidePanelCloseIcon, null) }))),
+                }, size: "small", variant: "outlined", "aria-label": collapsedSidebar ? 'Show sidebar' : 'Hide sidebar', icon: collapsedSidebar ? react_1.default.createElement(SidePanelOpenIcon_1.SidePanelOpenIcon, null) : react_1.default.createElement(SidePanelCloseIcon_1.SidePanelCloseIcon, null) }))),
         isApiDocs && (react_1.default.createElement(styled_1.ControlsWrapChangeLayoutButtons, { isCollapsed: collapsedSidebar },
             react_1.default.createElement(ChangeViewButton_1.ChangeViewButton, { collapsedSidebar: collapsedSidebar, layout: layout, onClick: () => {
                     onChangeViewClick();

package/lib/components/Tooltip/AnchorTooltip.js

@@ -38,7 +38,7 @@ const react_1 = __importStar(require("react"));
 const styled_components_1 = __importStar(require("styled-components"));
 const hooks_1 = require("../../core/hooks");
 const Portal_1 = require("../../components/Portal/Portal");
-function TooltipComponent({ children, isOpen, tip, withArrow = true, placement = 'top', className = 'default', width, dataTestId, disabled = false, arrowPosition = 'center', }) {
+function TooltipComponent({ children, isOpen, tip, withArrow = true, placement = 'top', className = 'default', width, dataTestId, disabled = false, arrowPosition = 'center', onClick, }) {
     const tooltipWrapperRef = (0, react_1.useRef)(null);
     const tooltipBodyRef = (0, react_1.useRef)(null);
     const { isOpened, handleOpen, handleClose } = (0, hooks_1.useControl)(isOpen);
@@ -59,7 +59,10 @@ function TooltipComponent({ children, isOpen, tip, withArrow = true, placement =
         ? {
             onMouseEnter: handleOpen,
             onMouseLeave: handleClose,
-            onClick: handleClose,
+            onClick: (e) => {
+                onClick === null || onClick === void 0 ? void 0 : onClick(e);
+                handleClose();
+            },
             onFocus: handleOpen,
             onBlur: handleClose,
         }

package/lib/components/Tooltip/JsTooltip.js

@@ -38,7 +38,7 @@ const react_1 = __importStar(require("react"));
 const styled_components_1 = __importStar(require("styled-components"));
 const hooks_1 = require("../../core/hooks");
 const Portal_1 = require("../../components/Portal/Portal");
-function TooltipComponent({ children, isOpen, tip, withArrow = true, placement = 'top', className = 'default', width, dataTestId, disabled = false, arrowPosition = 'center', }) {
+function TooltipComponent({ children, isOpen, tip, withArrow = true, placement = 'top', className = 'default', width, dataTestId, disabled = false, arrowPosition = 'center', onClick, }) {
     const ref = (0, react_1.useRef)(null);
     const { isOpened, handleOpen, handleClose } = (0, hooks_1.useControl)(isOpen);
     const [tooltipPosition, setTooltipPosition] = (0, react_1.useState)({ top: 0, left: 0 });
@@ -111,7 +111,10 @@ function TooltipComponent({ children, isOpen, tip, withArrow = true, placement =
         !disabled && {
         onMouseEnter: handleOpen,
         onMouseLeave: handleClose,
-        onClick: handleClose,
+        onClick: (e) => {
+            onClick === null || onClick === void 0 ? void 0 : onClick(e);
+            handleClose();
+        },
         onFocus: handleOpen,
         onBlur: handleClose,
     };

package/lib/components/UserMenu/UserMenu.js

@@ -85,9 +85,7 @@ const StyledDropdown = (0, styled_components_1.default)(Dropdown_1.Dropdown).att
   --dropdown-menu-item-bg-color-active: var(--user-menu-dropdown-item-bg-color-active);
   --dropdown-menu-item-bg-color-hover: var(--user-menu-dropdown-item-bg-color-hover);
   --dropdown-menu-item-bg-color-disabled: var(--user-menu-dropdown-item-bg-color-disabled);
-  --dropdown-menu-item-separator-border-color: var(
-    --user-menu-dropdown-item-separator-border-color
-  );
+  --dropdown-menu-item-separator-border-color: var(--user-menu-dropdown-item-separator-border-color);
   --dropdown-menu-item-color-dangerous: var(--user-menu-dropdown-item-color-dangerous);
   --dropdown-menu-item-color-disabled: var(--user-menu-dropdown-item-color-disabled);
   --dropdown-menu-item-color-active: var(--user-menu-dropdown-item-color-active);

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

@@ -49,3 +49,4 @@ export * from './catalog/use-catalog-entity-details';
 export * from './catalog/use-catalog-entity-schema';
 export * from './catalog/use-catalog-table-header-cell-actions';
 export * from './use-store';
+export * from './use-is-truncated';

package/lib/core/hooks/index.js

@@ -65,4 +65,5 @@ __exportStar(require("./catalog/use-catalog-entity-details"), exports);
 __exportStar(require("./catalog/use-catalog-entity-schema"), exports);
 __exportStar(require("./catalog/use-catalog-table-header-cell-actions"), exports);
 __exportStar(require("./use-store"), exports);
+__exportStar(require("./use-is-truncated"), exports);
 //# sourceMappingURL=index.js.map

package/lib/core/hooks/use-is-truncated.d.ts

@@ -0,0 +1 @@
+export declare function useIsTruncated<T extends HTMLElement>(content: string | null): [React.RefObject<T | null>, boolean];

package/lib/core/hooks/use-is-truncated.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsTruncated = useIsTruncated;
+const react_1 = require("react");
+function useIsTruncated(content) {
+    const ref = (0, react_1.useRef)(null);
+    const [isTruncated, setIsTruncated] = (0, react_1.useState)(false);
+    (0, react_1.useLayoutEffect)(() => {
+        const el = ref.current;
+        if (!el) {
+            setIsTruncated(false);
+        }
+        else {
+            setIsTruncated(el.scrollWidth > el.clientWidth);
+        }
+    }, [content]);
+    return [ref, isTruncated];
+}
+//# sourceMappingURL=use-is-truncated.js.map

package/lib/core/hooks/use-tabs.d.ts

@@ -19,6 +19,6 @@ type UseActiveTabProps = {
 export declare function useTabs({ activeTab, onTabChange, totalTabs, containerRef, }: UseTabsProps): UseTabsReturn;
 export declare const useActiveTab: ({ initialTab, tabsId }: UseActiveTabProps) => {
     activeTab: string;
-    setActiveTab: import("react").Dispatch<import("react").SetStateAction<string>>;
+    setActiveTab: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
 };
 export {};

package/lib/core/hooks/use-tabs.js

@@ -215,33 +215,46 @@ function useTabs({ activeTab, onTabChange, totalTabs, containerRef, }) {
     };
 }
 const useActiveTab = ({ initialTab, tabsId }) => {
-    const [searchParams, setSearchParams] = (0, react_router_dom_1.useSearchParams)();
-    const initialTabValue = (0, react_1.useMemo)(() => getInitialTab({ initialTab, searchParams, tabsId }), 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []);
-    const [activeTab, setActiveTab] = (0, react_1.useState)(initialTabValue);
-    const prevActiveTabRef = (0, react_1.useRef)(activeTab);
+    const location = (0, react_router_dom_1.useLocation)();
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const [activeTab, setActiveTab] = (0, react_1.useState)(undefined);
+    const resolvedActiveTab = activeTab !== null && activeTab !== void 0 ? activeTab : initialTab;
+    const prevActiveTabRef = (0, react_1.useRef)(resolvedActiveTab);
     (0, react_1.useEffect)(() => {
-        const hasActiveTabChanged = prevActiveTabRef.current !== activeTab;
+        if (activeTab !== undefined) {
+            return;
+        }
+        setActiveTab(getInitialTab({ initialTab, hash: location.hash, tabsId }));
+    }, [activeTab, initialTab, location.hash, tabsId]);
+    (0, react_1.useEffect)(() => {
+        const hasActiveTabChanged = prevActiveTabRef.current !== resolvedActiveTab;
         if (!tabsId || !hasActiveTabChanged) {
             return;
         }
-        prevActiveTabRef.current = activeTab;
-        setSearchParams((searchParams) => {
-            searchParams.set(tabsId, activeTab);
-            return searchParams;
-        });
-    }, [activeTab, setSearchParams, tabsId]);
+        prevActiveTabRef.current = resolvedActiveTab;
+        const nextHashParams = new URLSearchParams(location.hash.startsWith('#') ? location.hash.slice(1) : location.hash);
+        nextHashParams.set(tabsId, resolvedActiveTab);
+        const nextHash = `#${nextHashParams.toString()}`;
+        if (nextHash === location.hash) {
+            return;
+        }
+        navigate({
+            pathname: location.pathname,
+            search: location.search,
+            hash: nextHash,
+        }, { replace: true });
+    }, [resolvedActiveTab, navigate, location.pathname, location.search, location.hash, tabsId]);
     return (0, react_1.useMemo)(() => ({
-        activeTab,
+        activeTab: resolvedActiveTab,
         setActiveTab,
-    }), [activeTab]);
+    }), [resolvedActiveTab]);
 };
 exports.useActiveTab = useActiveTab;
-const getInitialTab = ({ initialTab, searchParams, tabsId }) => {
+const getInitialTab = ({ initialTab, hash, tabsId }) => {
+    const hashParams = new URLSearchParams(hash.startsWith('#') ? hash.slice(1) : hash);
     let resultTab = initialTab;
     if (tabsId) {
-        const tabFromUrl = searchParams.get(tabsId);
+        const tabFromUrl = hashParams.get(tabsId);
         resultTab = tabFromUrl ? tabFromUrl : resultTab;
     }
     return resultTab;

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

@@ -86,6 +86,7 @@ export type ThemeHooks = {
     };
     useAiSearch: (options?: {
         filter?: SearchFilterItem[];
+        product?: string;
     }) => {
         askQuestion: (question: string, history?: AiSearchConversationItem[]) => void;
         isGeneratingResponse: boolean;

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.welcomeText' | 'search.ai.newConversation' | 'search.ai.backToSearch' | 'search.ai.back' | 'search.ai.assistant' | 'search.ai.placeholder' | 'search.ai.generatingResponse' | 'search.ai.followUpQuestion' | 'search.ai.suggestionsTitle' | 'search.ai.thinkingText' | 'search.ai.resourcesFound' | 'search.ai.resourcesFound.basedOn' | 'search.ai.resourcesFound.resources' | 'search.ai.feedback.title' | 'search.ai.feedback.detailsPlaceholder' | 'search.ai.feedback.thanks' | 'search.ai.toolResult.found' | 'search.ai.toolResult.found.documents' | 'search.ai.toolCall.searching' | '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' | 'search.ai.feedback.more' | 'search.searchItem.deprecated' | 'search.groups.all' | 'search.filter.field.footer' | 'aiAssistant.trigger' | 'toc.header' | 'footer.copyrightText' | 'page.homeButton' | 'page.forbidden.title' | 'page.forbidden.description' | 'page.notFound.title' | 'page.notFound.description' | 'page.lastUpdated.timeago' | 'page.lastUpdated.on' | 'catalog.filters.placeholder' | 'catalog.filters.title' | 'catalog.filters.add' | 'catalog.filters.clearAll' | 'catalog.filters.select.addFilter' | 'catalog.filters.select.all' | 'catalog.filters.done' | 'catalog.catalogs.all.title' | 'catalog.catalogs.all.description' | 'catalog.catalogs.all.switcherLabel' | 'catalog.catalogs.service.title' | 'catalog.catalogs.service.description' | 'catalog.catalogs.service.switcherLabel' | 'catalog.catalogs.user.title' | 'catalog.catalogs.user.description' | 'catalog.catalogs.user.switcherLabel' | 'catalog.catalogs.team.title' | 'catalog.catalogs.team.description' | 'catalog.catalogs.team.switcherLabel' | 'catalog.catalogs.domain.title' | 'catalog.catalogs.domain.description' | 'catalog.catalogs.domain.switcherLabel' | 'catalog.catalogs.apiDescription.title' | 'catalog.catalogs.apiDescription.description' | 'catalog.catalogs.apiDescription.switcherLabel' | 'catalog.catalogs.dataSchema.title' | 'catalog.catalogs.dataSchema.description' | 'catalog.catalogs.dataSchema.switcherLabel' | 'catalog.catalogs.apiOperation.title' | 'catalog.catalogs.apiOperation.description' | 'catalog.catalogs.apiOperation.switcherLabel' | 'catalog.entity.metadata.title' | 'catalog.entity.schema.title' | 'catalog.entity.properties.apiDescription.title' | 'catalog.backToAllLabel' | 'catalog.tags.more' | 'catalog.tags.label' | 'catalog.sort' | 'catalog.catalogs.label' | 'catalog.owners.label' | 'catalog.repositories.label' | 'catalog.email.label' | 'catalog.format.label' | 'catalog.entityType.label' | 'catalog.domains.label' | 'catalog.contact.label' | 'catalog.methodAndPath.label' | 'catalog.links.label' | 'catalog.metadata.domains' | 'catalog.metadata.owners' | 'catalog.history.button.label' | 'catalog.history.sidebar.title' | 'catalog.history.sidebar.close' | 'catalog.history.version.label' | 'catalog.history.version.notSpecified' | 'catalog.history.version.default' | 'catalog.history.revisions.limitMessage' | 'catalog.history.revision.current' | 'catalog.history.revisions.showLess' | 'catalog.history.revisions.showMore' | 'sidebar.menu.backLabel' | 'sidebar.menu.backToLabel' | 'sidebar.actions.show' | 'sidebar.actions.hide' | 'sidebar.actions.changeToSingleColumn' | 'sidebar.actions.changeToTwoColumns' | 'sidebar.actions.singleColumn' | 'sidebar.actions.twoColumns' | '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.maxLength' | 'feedback.settings.comment.satisfiedLabel' | 'feedback.settings.comment.neutralLabel' | 'feedback.settings.comment.dissatisfiedLabel' | 'feedback.settings.submitText' | 'feedback.settings.label' | 'feedback.settings.reasons.label' | 'feedback.submit' | 'feedback.cancel' | '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' | 'codeSnippet.expand.tooltipText' | 'codeSnippet.collapse.tooltipText' | 'userMenu.login' | 'userMenu.logout' | 'userMenu.devOnboardingLabel' | 'mobileMenu.mainMenu' | 'mobileMenu.previous' | 'mobileMenu.products' | 'mobileMenu.version' | 'navbar.products' | 'page.nextButton' | 'page.previousButton' | 'page.actions.copyButtonText' | 'page.actions.copyTitle' | 'page.actions.copyDescription' | 'page.actions.viewAsMdTitle' | 'page.actions.viewAsMdButtonText' | 'page.actions.viewAsMdDescription' | 'page.actions.chatGptTitle' | 'page.actions.chatGptButtonText' | 'page.actions.chatGptDescription' | 'page.actions.claudeTitle' | 'page.actions.claudeButtonText' | 'page.actions.claudeDescription' | 'page.actions.cursorMcpButtonText' | 'page.actions.cursorMcpTitle' | 'page.actions.cursorMcpDescription' | 'page.actions.connectMcp' | 'page.actions.connectMcp.cursor' | 'page.actions.connectMcp.cursorDescription' | 'page.actions.connectMcp.vscode' | 'page.actions.connectMcp.vscodeDescription' | 'page.actions.connectMcp.copyConfig' | 'page.actions.connectMcp.copyConfigDescription' | '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.hideExample' | 'openapi.showExample' | 'openapi.expandAll' | 'openapi.collapseAll' | 'openapi.viewSecurityDetails' | 'openapi.noResponseExample' | 'openapi.discriminator.searchPlaceholder' | 'openapi.discriminator.searchNoResults' | 'openapi.discriminator.defaultMapping' | 'openapi.discriminator.defaultMappingTooltip' | 'openapi.noResponseContent' | 'openapi.noRequestPayload' | 'openapi.hidePattern' | 'openapi.showPattern' | 'openapi.authorizationUrl' | 'openapi.tokenUrl' | 'openapi.refreshUrl' | 'openapi.showOptionalScopes' | 'openapi.hideOptionalScopes' | 'openapi.security' | 'openapi.httpAuthorizationScheme' | 'openapi.bearerFormat' | 'openapi.parameterName' | 'openapi.flowType' | 'openapi.connectUrl' | 'openapi.requiredScopes' | 'openapi.unsupportedLanguage' | 'openapi.failedToGenerateCodeSample' | 'openapi.schemaCatalogLink.title' | 'openapi.schemaCatalogLink.copyButtonTooltip' | 'openapi.schemaCatalogLink.copiedTooltip' | 'openapi.mcp.title' | 'openapi.mcp.endpoint' | 'openapi.mcp.tools' | 'openapi.mcp.protocolVersion' | 'openapi.mcp.capabilities' | 'openapi.mcp.experimentalCapabilities' | 'openapi.mcp.inputSchema' | 'openapi.mcp.inputExample' | 'openapi.mcp.outputSchema' | 'openapi.mcp.outputExample' | 'asyncapi.download.description.title' | 'asyncapi.info.title' | 'graphql.download.description.title' | 'graphql.info.title' | 'graphql.info.contact.url' | 'graphql.info.contact.name' | 'graphql.info.license' | 'graphql.info.termsOfService' | 'graphql.overview' | 'graphql.metadata' | 'graphql.key' | 'graphql.value' | '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.requiredScopes' | 'graphql.viewSecurityDetails' | 'graphql.objectScopes' | 'graphql.fieldScopes' | 'graphql.implementedInterfaces' | 'graphql.nonNull' | 'graphql.required' | 'graphql.deprecated' | 'graphql.variables' | 'graphql.querySample' | 'graphql.mutationSample' | 'graphql.subscriptionSample' | 'graphql.responseSample' | 'graphql.locations' | 'graphql.sample' | 'graphql.referenced' | 'graphql.content.fragment' | 'codeWalkthrough.download' | 'codeWalkthrough.preview' | 'time.justNow' | 'time.past.second' | 'time.past.seconds' | 'time.past.minute' | 'time.past.minutes' | 'time.past.hour' | 'time.past.hours' | 'time.past.day' | 'time.past.days' | 'time.past.week' | 'time.past.weeks' | 'time.past.month' | 'time.past.months' | 'time.past.year' | 'time.past.years' | 'page.internalServerError.title' | 'page.internalServerError.description' | 'page.skipToContent.label' | 'select.noResults' | 'loaders.loading' | 'filter.dateRange.from' | 'filter.dateRange.to' | 'mermaid.openFullscreen' | 'mermaid.zoomIn' | 'mermaid.zoomOut' | 'mermaid.reset' | 'mermaid.close' | 'mermaid.viewer';
+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.welcomeText' | 'search.ai.newConversation' | 'search.ai.backToSearch' | 'search.ai.back' | 'search.ai.assistant' | 'search.ai.placeholder' | 'search.ai.generatingResponse' | 'search.ai.followUpQuestion' | 'search.ai.suggestionsTitle' | 'search.ai.thinkingText' | 'search.ai.resourcesFound' | 'search.ai.resourcesFound.basedOn' | 'search.ai.resourcesFound.resources' | 'search.ai.feedback.title' | 'search.ai.feedback.detailsPlaceholder' | 'search.ai.feedback.thanks' | 'search.ai.toolResult.found' | 'search.ai.toolResult.found.documents' | 'search.ai.toolCall.searching' | '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' | 'search.ai.feedback.more' | 'search.searchItem.deprecated' | 'search.groups.all' | 'search.filter.field.footer' | 'aiAssistant.trigger' | 'toc.header' | 'footer.copyrightText' | 'page.homeButton' | 'page.forbidden.title' | 'page.forbidden.description' | 'page.notFound.title' | 'page.notFound.description' | 'page.lastUpdated.timeago' | 'page.lastUpdated.on' | 'catalog.filters.placeholder' | 'catalog.filters.title' | 'catalog.filters.add' | 'catalog.filters.clearAll' | 'catalog.filters.select.addFilter' | 'catalog.filters.select.all' | 'catalog.filters.done' | 'catalog.catalogs.all.title' | 'catalog.catalogs.all.description' | 'catalog.catalogs.all.switcherLabel' | 'catalog.catalogs.service.title' | 'catalog.catalogs.service.description' | 'catalog.catalogs.service.switcherLabel' | 'catalog.catalogs.user.title' | 'catalog.catalogs.user.description' | 'catalog.catalogs.user.switcherLabel' | 'catalog.catalogs.team.title' | 'catalog.catalogs.team.description' | 'catalog.catalogs.team.switcherLabel' | 'catalog.catalogs.domain.title' | 'catalog.catalogs.domain.description' | 'catalog.catalogs.domain.switcherLabel' | 'catalog.catalogs.apiDescription.title' | 'catalog.catalogs.apiDescription.description' | 'catalog.catalogs.apiDescription.switcherLabel' | 'catalog.catalogs.dataSchema.title' | 'catalog.catalogs.dataSchema.description' | 'catalog.catalogs.dataSchema.switcherLabel' | 'catalog.catalogs.apiOperation.title' | 'catalog.catalogs.apiOperation.description' | 'catalog.catalogs.apiOperation.switcherLabel' | 'catalog.entity.metadata.title' | 'catalog.entity.schema.title' | 'catalog.entity.properties.apiDescription.title' | 'catalog.backToAllLabel' | 'catalog.notConnected' | 'catalog.tags.more' | 'catalog.tags.label' | 'catalog.sort' | 'catalog.catalogs.label' | 'catalog.owners.label' | 'catalog.repositories.label' | 'catalog.email.label' | 'catalog.format.label' | 'catalog.entityType.label' | 'catalog.domains.label' | 'catalog.contact.label' | 'catalog.methodAndPath.label' | 'catalog.links.label' | 'catalog.metadata.domains' | 'catalog.metadata.owners' | 'catalog.history.button.label' | 'catalog.history.sidebar.title' | 'catalog.history.sidebar.close' | 'catalog.history.version.label' | 'catalog.filters.close' | 'catalog.history.version.notSpecified' | 'catalog.history.version.default' | 'catalog.history.revisions.limitMessage' | 'catalog.history.revision.current' | 'catalog.history.revisions.showLess' | 'catalog.history.revisions.showMore' | 'sidebar.menu.backLabel' | 'sidebar.menu.backToLabel' | 'sidebar.actions.show' | 'sidebar.actions.hide' | 'sidebar.actions.changeToSingleColumn' | 'sidebar.actions.changeToTwoColumns' | 'sidebar.actions.singleColumn' | 'sidebar.actions.twoColumns' | '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.maxLength' | 'feedback.settings.comment.satisfiedLabel' | 'feedback.settings.comment.neutralLabel' | 'feedback.settings.comment.dissatisfiedLabel' | 'feedback.settings.submitText' | 'feedback.settings.label' | 'feedback.settings.reasons.label' | 'feedback.submit' | 'feedback.cancel' | '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' | 'codeSnippet.expand.tooltipText' | 'codeSnippet.collapse.tooltipText' | 'userMenu.login' | 'userMenu.logout' | 'userMenu.devOnboardingLabel' | 'mobileMenu.mainMenu' | 'mobileMenu.previous' | 'mobileMenu.products' | 'mobileMenu.version' | 'navbar.products' | 'page.nextButton' | 'page.previousButton' | 'page.actions.copyButtonText' | 'page.actions.copyTitle' | 'page.actions.copyDescription' | 'page.actions.viewAsMdTitle' | 'page.actions.viewAsMdButtonText' | 'page.actions.viewAsMdDescription' | 'page.actions.chatGptTitle' | 'page.actions.chatGptButtonText' | 'page.actions.chatGptDescription' | 'page.actions.claudeTitle' | 'page.actions.claudeButtonText' | 'page.actions.claudeDescription' | 'page.actions.cursorMcpButtonText' | 'page.actions.cursorMcpTitle' | 'page.actions.cursorMcpDescription' | 'page.actions.connectMcp' | 'page.actions.connectMcp.cursor' | 'page.actions.connectMcp.cursorDescription' | 'page.actions.connectMcp.vscode' | 'page.actions.connectMcp.vscodeDescription' | 'page.actions.connectMcp.copyConfig' | 'page.actions.connectMcp.copyConfigDescription' | '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.languages.moreButton.tooltipText' | '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.hideExample' | 'openapi.showExample' | 'openapi.expandAll' | 'openapi.collapseAll' | 'openapi.viewSecurityDetails' | 'openapi.noResponseExample' | 'openapi.discriminator.searchPlaceholder' | 'openapi.discriminator.searchNoResults' | 'openapi.discriminator.defaultMapping' | 'openapi.discriminator.defaultMappingTooltip' | 'openapi.noResponseContent' | 'openapi.noRequestPayload' | 'openapi.hidePattern' | 'openapi.showPattern' | 'openapi.authorizationUrl' | 'openapi.tokenUrl' | 'openapi.refreshUrl' | 'openapi.showOptionalScopes' | 'openapi.hideOptionalScopes' | 'openapi.security' | 'openapi.httpAuthorizationScheme' | 'openapi.bearerFormat' | 'openapi.parameterName' | 'openapi.flowType' | 'openapi.connectUrl' | 'openapi.requiredScopes' | 'openapi.unsupportedLanguage' | 'openapi.failedToGenerateCodeSample' | 'openapi.schemaCatalogLink.title' | 'openapi.schemaCatalogLink.copyButtonTooltip' | 'openapi.schemaCatalogLink.copiedTooltip' | 'openapi.mcp.title' | 'openapi.mcp.endpoint' | 'openapi.mcp.tools' | 'openapi.mcp.protocolVersion' | 'openapi.mcp.capabilities' | 'openapi.mcp.experimentalCapabilities' | 'openapi.mcp.inputSchema' | 'openapi.mcp.inputExample' | 'openapi.mcp.outputSchema' | 'openapi.mcp.outputExample' | 'asyncapi.download.description.title' | 'asyncapi.info.title' | 'graphql.download.description.title' | 'graphql.info.title' | 'graphql.info.contact.url' | 'graphql.info.contact.name' | 'graphql.info.license' | 'graphql.info.termsOfService' | 'graphql.overview' | 'graphql.metadata' | 'graphql.key' | 'graphql.value' | '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.requiredScopes' | 'graphql.viewSecurityDetails' | 'graphql.objectScopes' | 'graphql.fieldScopes' | 'graphql.implementedInterfaces' | 'graphql.nonNull' | 'graphql.required' | 'graphql.deprecated' | 'graphql.variables' | 'graphql.querySample' | 'graphql.mutationSample' | 'graphql.subscriptionSample' | 'graphql.responseSample' | 'graphql.locations' | 'graphql.sample' | 'graphql.referenced' | 'graphql.content.fragment' | 'button.copy.tooltipText' | 'button.download.tooltipText' | 'button.externalLink.tooltipText' | 'button.email.tooltipText' | 'codeWalkthrough.download' | 'codeWalkthrough.preview' | 'time.justNow' | 'time.past.second' | 'time.past.seconds' | 'time.past.minute' | 'time.past.minutes' | 'time.past.hour' | 'time.past.hours' | 'time.past.day' | 'time.past.days' | 'time.past.week' | 'time.past.weeks' | 'time.past.month' | 'time.past.months' | 'time.past.year' | 'time.past.years' | 'page.internalServerError.title' | 'page.internalServerError.description' | 'page.skipToContent.label' | 'select.noResults' | 'loaders.loading' | 'filter.dateRange.from' | 'filter.dateRange.to' | 'mermaid.openFullscreen' | 'mermaid.zoomIn' | 'mermaid.zoomOut' | 'mermaid.reset' | 'mermaid.close' | 'mermaid.viewer';
 export type Locale = {
     code: string;
     name: string;

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

@@ -10,4 +10,5 @@ export type TooltipProps = {
     dataTestId?: string;
     disabled?: boolean;
     arrowPosition?: 'top' | 'bottom' | 'left' | 'right' | 'center';
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
 };

package/lib/core/utils/custom-catalog-options-casing.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Converts a string to title case for catalog option labels.
+ * Splits on whitespace, hyphens, and underscores; capitalizes each word.
+ * The first word is rendered as "API" when it is "api" (case-insensitive).
+ *
+ * @param str - The raw string to format (e.g. from config or entity data).
+ * @returns The formatted label with words capitalized and joined by spaces.
+ *
+ * @example
+ * customCatalogOptionsCasing('api_spec')           // 'API Spec'
+ * customCatalogOptionsCasing('my-custom-option')  // 'My Custom Option'
+ * customCatalogOptionsCasing('user name')         // 'User Name'
+ * customCatalogOptionsCasing('  api   version  ') // 'API Version'
+ */
+export declare function customCatalogOptionsCasing(str: string): string;