@redocly/theme 0.70.0-next.1 → 0.70.0-next.11

package/src/core/hooks/use-theme-hooks.ts

@@ -19,12 +19,28 @@ const fallbacks = {
   useOtelTelemetry: () => ({ send: () => {} }),
   useBreadcrumbs: () => ({ breadcrumbs: [], siblings: undefined }),
   useBanner: () => ({ banner: undefined, dismissBanner: () => {} }),
+  useConsent: () => ({
+    enabled: false,
+    config: undefined,
+    mode: undefined,
+    state: undefined,
+    decided: false,
+    gpc: false,
+    isDialogOpen: false,
+    openDialog: () => {},
+    closeDialog: () => {},
+    accept: () => {},
+    reject: () => {},
+    save: () => {},
+  }),
   useCodeHighlight: () => ({ highlight: (rawContent: string) => rawContent }),
   useUserMenu: () => ({}),
   usePageData: () => null,
   usePageProps: () => ({}),
   usePageSharedData: () => null,
   useMcpData: () => ({ docs: { enabled: false } }),
+  useSearchFeatures: () => ({}),
+  useNavigationTabs: () => undefined,
 };
 
 export const useThemeHooks = () => {

package/src/core/styles/dark.ts

@@ -10,6 +10,7 @@ import { tagDarkMode } from '@redocly/theme/components/Tag/variables.dark';
 import { statusCodeDarkMode } from '@redocly/theme/components/StatusCode/variables.dark';
 import { switcherDarkMode } from '@redocly/theme/components/Switch/variables.dark';
 import { cardsDarkMode } from '@redocly/theme/markdoc/components/Cards/variables.dark';
+import { promptTagDarkMode } from '@redocly/theme/markdoc/components/Prompt/variables.dark';
 import { catalogDarkMode } from '@redocly/theme/components/Catalog/variables.dark';
 import { pageActionsDarkMode } from '@redocly/theme/components/PageActions/variables.dark';
 import { tooltipDarkMode } from '@redocly/theme/components/Tooltip/variables.dark';
@@ -357,6 +358,7 @@ export const darkMode = css`
   ${replayDarkMode}
   ${switcherDarkMode}
   ${cardsDarkMode}
+  ${promptTagDarkMode}
   ${catalogDarkMode}
   ${pageActionsDarkMode}
   ${tooltipDarkMode}

package/src/core/styles/global.ts

@@ -20,7 +20,7 @@ import { checkbox } from '@redocly/theme/icons/CheckboxIcon/variables';
 import { admonition } from '@redocly/theme/components/Admonition/variables';
 import { footer } from '@redocly/theme/components/Footer/variables';
 import { button } from '@redocly/theme/components/Button/variables';
-import { aiAssistantButton } from '@redocly/theme/components/Buttons/variables';
+import { aiAssistantButton, connectMcpButton } from '@redocly/theme/components/Buttons/variables';
 import { navbar } from '@redocly/theme/components/Navbar/variables';
 import { search } from '@redocly/theme/components/Search/variables';
 import { menu, mobileMenu } from '@redocly/theme/components/Menu/variables';
@@ -28,6 +28,7 @@ import { code } from '@redocly/theme/components/CodeBlock/variables';
 import { productPicker } from '@redocly/theme/components/Product/variables';
 import { markdown } from '@redocly/theme/components/Markdown/variables';
 import { banner } from '@redocly/theme/components/Banner/variables';
+import { consent } from '@redocly/theme/components/Consent/variables';
 import { markdownAccordion } from '@redocly/theme/markdoc/components/Accordion/variables';
 import { markdownTabs } from '@redocly/theme/markdoc/components/Tabs/variables';
 import { markdownNumberedList } from '@redocly/theme/markdoc/components/NumberedList/variables';
@@ -42,12 +43,15 @@ import { versionPicker } from '@redocly/theme/components/VersionPicker/variables
 import { datePicker } from '@redocly/theme/components/DatePicker/variables'
 import { switcher } from '@redocly/theme/components/Switch/variables';
 import { cards } from '@redocly/theme/markdoc/components/Cards/variables';
+import { promptTag } from '@redocly/theme/markdoc/components/Prompt/variables';
 import { codeWalkthrough } from '@redocly/theme/markdoc/components/CodeWalkthrough/variables';
 import { skipContent } from '@redocly/theme/components/SkipContent/variables';
 import { pageActions } from '@redocly/theme/components/PageActions/variables';
 import { svgViewer } from '@redocly/theme/components/SvgViewer/variables';
 import { toast } from '@redocly/theme/components/Toast/variables';
 import { pageNavigation } from '@redocly/theme/components/PageNavigation/variables';
+import { navigationTabs } from '@redocly/theme/components/NavigationTabs/variables';
+import { breakpoints } from '@redocly/theme/core/utils';
 
 import { activeBrandPaletteLight } from './palette';
 import { darkMode } from './dark';
@@ -869,46 +873,6 @@ const loadProgressBar = css`
   --load-progress-bar-height: 2px; // @presenter Height
 
   // @tokens End
-
-  /* Make clicks pass-through */
-  #nprogress {
-    pointer-events: none;
-  }
-
-  #nprogress .bar {
-    background: var(--load-progress-bar-color);
-
-    position: fixed;
-    z-index: var(--z-index-popover);
-    top: 0;
-    left: 0;
-
-    width: 100%;
-    height: var(--load-progress-bar-height);
-  }
-
-  #nprogress .peg {
-    display: block;
-    position: absolute;
-    right: 0;
-    width: 100px;
-    height: 100%;
-    box-shadow: var(--load-progress-bar-shadow);
-    opacity: 1;
-
-    -webkit-transform: rotate(3deg) translate(0px, -4px);
-    -ms-transform: rotate(3deg) translate(0px, -4px);
-    transform: rotate(3deg) translate(0px, -4px);
-  }
-
-  .nprogress-custom-parent {
-    overflow: hidden;
-    position: relative;
-  }
-
-  .nprogress-custom-parent #nprogress .bar {
-    position: absolute;
-  }
 `;
 
 const inputs = css`
@@ -1124,8 +1088,8 @@ const error = css`
   --detailed-error-overlay-z-index: var(--z-index-raised);
 
   --detailed-error-modal-width: calc(100% - var(--spacing-lg) * 2);
-  --detailed-error-modal-height: calc(100vh - var(--navbar-height) - var(--spacing-lg) * 2);
-  --detailed-error-modal-top: calc(var(--spacing-lg) + var(--navbar-height));
+  --detailed-error-modal-height: calc(100vh - var(--navbar-stack-height) - var(--spacing-lg) * 2);
+  --detailed-error-modal-top: calc(var(--spacing-lg) + var(--navbar-stack-height));
   --detailed-error-modal-border-radius: var(--border-radius-md);
   --detailed-error-modal-bg-color: var(--bg-color-raised);
   --detailed-error-modal-color: var(--text-color-primary);
@@ -1327,81 +1291,90 @@ const replay = css`
 `;
 
 
+/** The light theme tokens without a selector, for a host that sets them on one element. */
+export const tokens = css`
+  ${accordion}
+  ${admonition}
+  ${apiReferenceDocs}
+  ${apiReferencePanels}
+  ${badges}
+  ${banner}
+  ${borders}
+  ${consent}
+  ${breadcrumbs}
+  ${button}
+  ${aiAssistantButton}
+  ${connectMcpButton}
+  ${cards}
+  ${promptTag}
+  ${catalog}
+  ${catalogClassic}
+  ${code}
+  ${codeWalkthrough}
+  ${docsDropdown}
+  ${dropdown}
+  ${error}
+  ${filter}
+  ${footer}
+  ${headingsTypography}
+  ${httpTag}
+  ${image}
+  ${inputs}
+  ${languagePicker}
+  ${lastUpdated}
+  ${links}
+  ${loadProgressBar}
+  ${logo}
+  ${markdown}
+  ${markdownAccordion}
+  ${markdownTabs}
+  ${markdownNumberedList}
+  ${diagram}
+  ${menu}
+  ${mobileMenu}
+  ${modal}
+  ${navbar}
+  ${pages}
+  ${productPicker}
+  ${responsePanelColors}
+  ${search}
+  ${navigationTabs}
+  ${select}
+  ${sidebar}
+  ${sizeAndSpace}
+  ${tag}
+  ${themeColors}
+  ${activeBrandPaletteLight}
+  ${tile}
+  ${toc}
+  ${tooltip}
+  ${typography}
+  ${userMenu}
+  ${versionPicker}
+  ${zIndexDepth}
+  ${scorecardColors}
+  ${statusCode}
+  ${tab}
+  ${icon}
+  ${tree}
+  ${segmented}
+  ${switcher}
+  ${checkbox}
+  ${feedback}
+  ${scorecard}
+  ${datePicker}
+  ${replay}
+  ${skipContent}
+  ${pageActions}
+  ${svgViewer}
+  ${toast}
+  ${pageNavigation}
+
+`;
+
 export const styles = css<{ palette?: string }>`
   :root {
-    ${accordion}
-    ${admonition}
-    ${apiReferenceDocs}
-    ${apiReferencePanels}
-    ${badges}
-    ${banner}
-    ${borders}
-    ${breadcrumbs}
-    ${button}
-    ${aiAssistantButton}
-    ${cards}
-    ${catalog}
-    ${catalogClassic}
-    ${code}
-    ${codeWalkthrough}
-    ${docsDropdown}
-    ${dropdown}
-    ${error}
-    ${filter}
-    ${footer}
-    ${headingsTypography}
-    ${httpTag}
-    ${image}
-    ${inputs}
-    ${languagePicker}
-    ${lastUpdated}
-    ${links}
-    ${loadProgressBar}
-    ${logo}
-    ${markdown}
-    ${markdownAccordion}
-    ${markdownTabs}
-    ${markdownNumberedList}
-    ${diagram}
-    ${menu}
-    ${mobileMenu}
-    ${modal}
-    ${navbar}
-    ${pages}
-    ${productPicker}
-    ${responsePanelColors}
-    ${search}
-    ${select}
-    ${sidebar}
-    ${sizeAndSpace}
-    ${tag}
-    ${themeColors}
-    ${activeBrandPaletteLight}
-    ${tile}
-    ${toc}
-    ${tooltip}
-    ${typography}
-    ${userMenu}
-    ${versionPicker}
-    ${zIndexDepth}
-    ${scorecardColors}
-    ${statusCode}
-    ${tab}
-    ${icon}
-    ${tree}
-    ${segmented}
-    ${switcher}
-    ${checkbox}
-    ${feedback}
-    ${scorecard}
-    ${datePicker}
-    ${replay}
-    ${skipContent}
-    ${pageActions}
-    ${svgViewer}
-    ${toast}
-    ${pageNavigation}
-
+    ${tokens}
     background-color: var(--bg-color);
     color: var(--text-color-primary);
     font-family: var(--font-family-base);
@@ -1411,6 +1384,13 @@ export const styles = css<{ palette?: string }>`
     ${darkMode};
   }
 
+  @media screen and (min-width: ${breakpoints.medium}) {
+    :root:has([data-component-name='NavigationTabs/NavigationTabs']) {
+      --navbar-stack-height: calc(var(--navbar-height) + var(--navigation-tabs-height, 48px));
+      --navbar-row-bottom-border-color: transparent;
+    }
+  }
+
   :root.notransition * {
     transition: none !important;
   }

package/src/core/styles/index.ts

@@ -1,3 +1,4 @@
 export * from './global';
 export * from './dark';
-export { xyflow } from './xyflow';
+export { xyflow } from './xyflow';
+export { searchAiAppearAnimation } from './search-ai-appear';

package/src/core/styles/search-ai-appear.ts

@@ -0,0 +1,16 @@
+import { css, keyframes } from 'styled-components';
+
+const appear = keyframes`
+  from {
+    opacity: 0;
+    transform: translateY(4px);
+  }
+`;
+
+export const searchAiAppearAnimation = css`
+  animation: ${appear} var(--search-ai-activity-fade-duration) ease-out;
+
+  @media (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
+`;

package/src/core/types/code-walkthrough.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import type { MarkerArea } from './marker';
 
 export type ActiveStep = string | null;
@@ -13,3 +14,105 @@ export type WalkthroughStepsState = {
   lockObserver?: React.RefObject<boolean>;
   filtersElementRef?: React.RefObject<HTMLDivElement | null>;
 };
+
+export type CodeWalkthroughStepAttr = {
+  id: string;
+  title?: string;
+};
+
+export type FilesetsMarkdocAttr = WithConditions<{
+  files?: string[];
+  downloadAssociatedFiles?: string[];
+}>[];
+
+export type InputsMarkdocAttr = {
+  [id: string]: WithConditions<{ value: string }>;
+};
+
+export type TogglesMarkdocAttr = {
+  [id: string]: CodeWalkthroughConditionsObject;
+};
+
+export type CodeWalkthroughConditions = {
+  [key: string]: string | string[] | undefined | boolean;
+};
+
+export type CodeWalkthroughFileset = WithConditions<{
+  files?: CodeWalkthroughFile[];
+  downloadAssociatedFiles?: CodeWalkthroughFile[];
+}>;
+export type CodeWalkthroughFile = {
+  path: string;
+  content: CodeWalkthroughNode[];
+  basename: string;
+  metadata: CodeWalkthroughFileMetadata;
+  language: string;
+};
+
+export type CodeWalkthroughChunk = {
+  start: number;
+  children: CodeWalkthroughNode[];
+  condition: CodeWalkthroughChunkCondition;
+};
+
+export type CodeWalkthroughChunkCondition = WithConditions<{
+  steps: string[];
+}>;
+
+export type CodeWalkthroughNode = CodeWalkthroughChunk | string;
+
+export type CodeWalkthroughFileMetadata = {
+  steps: string[];
+};
+
+export type CodeWalkthroughFilter = WithConditions<{
+  id: string;
+  label?: string;
+  items: CodeWalkthroughFilterItem[];
+}>;
+
+export type CodeWalkthroughFilterItem = WithConditions<{
+  value: string;
+}>;
+
+export type CodeWalkthroughConditionsObject = {
+  when?: CodeWalkthroughConditions;
+  unless?: CodeWalkthroughConditions;
+};
+
+export type WithConditions<T> = T & CodeWalkthroughConditionsObject;
+
+export type CodeWalkthroughControls = {
+  toggle: boolean;
+  input: string;
+  filter: string;
+};
+
+export type CodeWalkthroughControlState = WithConditions<
+  | {
+      value: string;
+      render: boolean;
+      type: 'input';
+    }
+  | {
+      value: string;
+      render: boolean;
+      type: 'filter';
+    }
+  | {
+      value: boolean;
+      render: boolean;
+      type: 'toggle';
+    }
+>;
+export type CodeWalkthroughControlsState = Record<string, CodeWalkthroughControlState>;
+
+export type CodeWalkthroughAttr = {
+  steps: CodeWalkthroughStepAttr[];
+  filters: Record<string, CodeWalkthroughFilter>;
+  filesets: CodeWalkthroughFileset[];
+  preview: ReactNode[];
+  inputs: InputsMarkdocAttr;
+  toggles: TogglesMarkdocAttr;
+  __idx: number;
+};

package/src/core/types/consent.ts

@@ -0,0 +1,51 @@
+import type { ConsentConfig } from '@redocly/config';
+import type { TranslationKey } from './l10n';
+
+export type ConsentCategoryId = 'necessary' | 'analytics' | 'marketing';
+
+export type ConsentCategory = {
+  id: ConsentCategoryId;
+  locked: boolean;
+  titleTranslationKey: TranslationKey;
+  descriptionTranslationKey: TranslationKey;
+  titleDefault: string;
+  descriptionDefault: string;
+};
+
+export type ConsentState = { necessary: true; analytics: boolean; marketing: boolean };
+
+export type ConsentChoice = { analytics?: boolean; marketing?: boolean };
+
+export type ConsentProvider = 'onetrust' | 'cookiebot' | 'trustarc' | 'tcf';
+
+export type ConsentRuntime = {
+  configuredMode: 'auto' | 'opt-in' | 'opt-out' | ConsentProvider;
+  mode: 'opt-in' | 'opt-out' | ConsentProvider;
+  state: ConsentState;
+  decided: boolean;
+  gpc: boolean;
+  dialogOpen: boolean;
+  region: { source: 'timezone' | 'config' | 'none' | 'provider'; timeZone: string | null };
+  accept: () => void;
+  reject: () => void;
+  save: (next: ConsentChoice) => void;
+  open: () => void;
+  close: () => void;
+  reload: () => void;
+  on: (event: 'change' | 'open' | 'close', fn: (state: ConsentState) => void) => () => void;
+};
+
+export type UseConsentResult = {
+  enabled: boolean;
+  config: ConsentConfig | undefined;
+  mode: ConsentRuntime['mode'] | undefined;
+  state: ConsentState | undefined;
+  decided: boolean;
+  gpc: boolean;
+  isDialogOpen: boolean;
+  openDialog: () => void;
+  closeDialog: () => void;
+  accept: () => void;
+  reject: () => void;
+  save: (next: ConsentChoice) => void;
+};

package/src/core/types/dropdown.ts

@@ -0,0 +1 @@
+export type DropdownAlignment = 'start' | 'end';

package/src/core/types/hooks.ts

@@ -28,6 +28,7 @@ import type {
 } from './catalog';
 import type { UserMenuData } from './user-menu';
 import type { ItemState, DrilldownMenuItemDetails } from './sidebar';
+import type { NavigationTabsState } from './navigation-tabs';
 import type {
   SearchItemData,
   SearchFacet,
@@ -40,6 +41,7 @@ import type {
 import type { SubmitFeedbackParams } from './feedback';
 import type { TFunction } from './l10n';
 import type { BreadcrumbItem } from './breadcrumb';
+import type { UseConsentResult } from './consent';
 
 import type { AiSearchError } from '../constants/search';
 
@@ -90,6 +92,7 @@ export type ThemeHooks = {
     banner: ResolvedBannerConfig | undefined;
     dismissBanner: (content: string) => void;
   };
+  useConsent: () => UseConsentResult;
   useSearch: (
     product?: string,
     autoSearchDisabled?: boolean,
@@ -117,6 +120,9 @@ export type ThemeHooks = {
     askAi?: boolean;
     retrySearch: () => Promise<void>;
   };
+  useSearchFeatures: () => {
+    askAi?: boolean;
+  };
   useAiSearch: (options?: { filter?: SearchFilterItem[]; product?: string }) => {
     askQuestion: (question: string, history?: AiSearchConversationItem[]) => void;
     isGeneratingResponse: boolean;
@@ -154,6 +160,7 @@ export type ThemeHooks = {
     pushDrilldownState: (drilldownDetails: DrilldownMenuItemDetails) => void;
     backLink?: { slug?: string; label?: string };
   };
+  useNavigationTabs: () => NavigationTabsState | undefined;
   useSidebarSiblingsData: () =>
     | {
         prevPage?: ResolvedNavItemWithLink;
@@ -184,6 +191,7 @@ export type ThemeHooks = {
     | 'startSpan'
     | 'constructCloudEvent'
     | 'sendToOtelService'
+    | 'withTracer'
   > & {
     send<TEventType extends AsyncApiRealmUI.EventType>(
       event: TEventType,

package/src/core/types/index.ts

@@ -1,11 +1,13 @@
 export type * from './breadcrumb';
 export type * from './catalog';
+export type * from './consent';
 export type * from './l10n';
 export type * from './mcp';
 export type * from './feedback';
 export type * from './hooks';
 export type * from './markdown';
 export type * from './navbar';
+export type * from './navigation-tabs';
 export * from './search';
 export type * from './select';
 export type * from './sidebar';
@@ -23,3 +25,5 @@ export type * from './tooltip';
 export type * from './toast';
 export type * from './link';
 export type * from './button-group';
+export type * from './dropdown';
+export type * from './prompt';

package/src/core/types/l10n.ts

@@ -102,6 +102,7 @@ export type TranslationKey =
   | 'search.ai.placeholder'
   | 'search.ai.generatingResponse'
   | 'search.ai.followUpQuestion'
+  | 'search.ai.send'
   | 'search.ai.suggestionsTitle'
   | 'search.ai.thinkingText'
   | 'search.ai.resourcesFound'
@@ -112,7 +113,7 @@ export type TranslationKey =
   | 'search.ai.feedback.thanks'
   | 'search.ai.toolCall.executed'
   | 'search.ai.toolCall.executing'
-  | 'search.ai.toolCall.withArgs'
+  | 'search.ai.toolCall.usedTools'
   | 'search.ai.button'
   | 'search.ai.label'
   | 'search.ai.disclaimer'
@@ -123,7 +124,12 @@ export type TranslationKey =
   | 'search.ai.error.header.forbidden'
   | 'search.ai.error.header.unauthorized'
   | 'search.ai.feedback.more'
+  | 'search.ai.actions.copy'
+  | 'search.ai.actions.like'
+  | 'search.ai.actions.dislike'
   | 'search.searchItem.deprecated'
+  | 'search.searchItem.enum'
+  | 'search.searchItem.example'
   | 'search.groups.all'
   | 'search.filter.field.footer'
   | 'aiAssistant.trigger'
@@ -146,6 +152,7 @@ export type TranslationKey =
   | 'page.mcpNotAllowed.snippets.terminal.hint'
   | 'page.mcpNotAllowed.snippets.claudeCode.headline'
   | 'page.mcpNotAllowed.snippets.claudeDesktop.headline'
+  | 'page.mcpNotAllowed.snippets.claudeDesktop.accountHint'
   | 'page.mcpNotAllowed.snippets.claudeDesktop.instruction'
   | 'page.mcpNotAllowed.snippets.chatgptApp.headline'
   | 'page.mcpNotAllowed.snippets.chatgptApp.instruction'
@@ -219,6 +226,7 @@ export type TranslationKey =
   | 'catalog.history.revision.current'
   | 'catalog.history.revisions.showLess'
   | 'catalog.history.revisions.showMore'
+  | 'navigationTabs.label'
   | 'sidebar.menu.backLabel'
   | 'sidebar.menu.backToLabel'
   | 'sidebar.actions.show'
@@ -268,6 +276,7 @@ export type TranslationKey =
   | 'mobileMenu.previous'
   | 'mobileMenu.products'
   | 'mobileMenu.version'
+  | 'navbar.label'
   | 'navbar.products'
   | 'page.nextButton'
   | 'page.previousButton'
@@ -291,6 +300,8 @@ export type TranslationKey =
   | 'page.actions.connectMcp.cursorDescription'
   | 'page.actions.connectMcp.vscode'
   | 'page.actions.connectMcp.vscodeDescription'
+  | 'page.actions.connectMcp.claude'
+  | 'page.actions.connectMcp.claudeDescription'
   | 'page.actions.connectMcp.claudeCode'
   | 'page.actions.connectMcp.claudeCodeDescription'
   | 'page.actions.connectMcp.codex'
@@ -299,6 +310,17 @@ export type TranslationKey =
   | 'page.actions.connectMcp.copyConfigDescription'
   | 'page.actions.connectMcp.moreOptions'
   | 'page.actions.moreActions'
+  | 'promptTag.copy.buttonText'
+  | 'promptTag.showPrompt'
+  | 'promptTag.hidePrompt'
+  | 'promptTag.showFullPrompt'
+  | 'promptTag.showLess'
+  | 'promptTag.openIn.cursor'
+  | 'promptTag.openIn.cursorDescription'
+  | 'promptTag.openIn.claude'
+  | 'promptTag.openIn.claudeDescription'
+  | 'promptTag.openIn.chatgpt'
+  | 'promptTag.openIn.chatgptDescription'
   | 'openapi.download.description.title'
   | 'openapi.info.title'
   | 'openapi.info.contact.url'
@@ -357,6 +379,7 @@ export type TranslationKey =
   | 'openapi.hideExample'
   | 'openapi.showExample'
   | 'openapi.expandAll'
+  | 'openapi.deepLink.tooltip'
   | 'openapi.collapseAll'
   | 'openapi.viewSecurityDetails'
   | 'openapi.noResponseExample'
@@ -510,7 +533,28 @@ export type TranslationKey =
   | 'diagram.zoomOut'
   | 'diagram.reset'
   | 'diagram.close'
-  | 'diagram.viewer';
+  | 'diagram.viewer'
+  | 'consent.title'
+  | 'consent.message'
+  | 'consent.privacyPolicy'
+  | 'consent.customize'
+  | 'consent.rejectAll'
+  | 'consent.acceptAll'
+  | 'consent.acceptAllCookies'
+  | 'consent.savePreferences'
+  | 'consent.dialog.title'
+  | 'consent.dialog.description'
+  | 'consent.dialog.close'
+  | 'consent.alwaysOn'
+  | 'consent.alwaysOff'
+  | 'consent.gpcNotice'
+  | 'consent.category.necessary.title'
+  | 'consent.category.necessary.description'
+  | 'consent.category.analytics.title'
+  | 'consent.category.analytics.description'
+  | 'consent.category.marketing.title'
+  | 'consent.category.marketing.description'
+  | 'consent.settingsLink';
 
 export type Locale = { code: string; name: string };
 

package/src/core/types/mcp.ts

@@ -1,6 +1,8 @@
-export type MCPClientType = 'cursor' | 'vscode';
+import type { MCP_OPTIONS } from '../constants/mcp';
 
-export type MCPOption = 'cursor' | 'vscode' | 'claude-code' | 'codex' | 'copy';
+export type MCPClientType = 'cursor' | 'vscode' | 'claude';
+
+export type MCPOption = (typeof MCP_OPTIONS)[number];
 
 export type McpConnectionParams = {
   serverName: string;