@gooddata/sdk-ui-pluggable-host 11.64.0-alpha.6 → 11.64.0

package/esm/translations/en-US.json

@@ -138,5 +138,29 @@
     "gen-ai.ask-assistant.search": {
         "text": "Build new visualization based on: {question}",
         "crowdinContext": "This is used as prefix for the search term when the user starts a new conversation related to a requested term. For example: \"I want to show more about: <term>\"."
+    },
+    "languageDialog.title": {
+        "text": "Change language",
+        "crowdinContext": "Headline of the dialog where users change the language of the interface for themselves. Also the accessible name of the language select in it."
+    },
+    "languageDialog.default": {
+        "text": "Default ({language})",
+        "crowdinContext": "Option of the language select in the change language dialog that removes the user's own language, so that the default one of the workspace or organization applies again. {language} is the name of that default language, in that language, e.g. English US."
+    },
+    "languageDialog.description": {
+        "text": "<b>Note:</b> Changes the interface only, not dashboard content.",
+        "crowdinContext": "Note in the change language dialog explaining that only menus, buttons and labels change, not the titles and data of dashboards. Keep the <b></b> tags around the word Note."
+    },
+    "languageDialog.select.searchLabel": {
+        "text": "Search languages",
+        "crowdinContext": "Accessible name of the search field in the language select of the change language dialog. Read by screen readers."
+    },
+    "languageDialog.select.searchPlaceholder": {
+        "text": "Search…",
+        "crowdinContext": "Placeholder of the search field in the language select of the change language dialog."
+    },
+    "languageDialog.select.noMatch": {
+        "text": "No matching language.",
+        "crowdinContext": "Shown in the language select of the change language dialog when no language matches the search. Also read by screen readers."
     }
 }

package/esm/ui/HostChrome.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HostChrome.d.ts","sourceRoot":"","sources":["../../src/ui/HostChrome.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuC,KAAK,SAAS,EAAwB,MAAM,OAAO,CAAC;AAElG,OAAO,EACH,KAAK,iBAAiB,EAEtB,KAAK,gCAAgC,EAExC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACH,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACxB,MAAM,2CAA2C,CAAC;AAGnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AA2B7D,OAAO,mBAAmB,CAAC;AAK3B,OAAO,0CAA0C,CAAC;AAClD,OAAO,6CAA6C,CAAC;AACrD,OAAO,sDAAsD,CAAC;AAC9D,OAAO,0DAA0D,CAAC;AAkBlE,MAAM,WAAW,gBAAgB;IAC7B,GAAG,EAAE,gBAAgB,CAAC;IACtB,oBAAoB,EAAE,gCAAgC,EAAE,CAAC;IACzD,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,YAAY,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAC1C;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4FAA4F;IAC5F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,2FAA2F;IAC3F,gBAAgB,CAAC,EAAE,CACf,QAAQ,EAAE,MAAM,EAChB,OAAO,CAAC,EAAE,MAAM,EAChB,WAAW,CAAC,EAAE,iBAAiB,EAC/B,YAAY,CAAC,EAAE,OAAO,EACtB,kBAAkB,CAAC,EAAE,OAAO,KAC3B,IAAI,CAAC;IACV;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,wBAAgB,UAAU,CAAC,EACvB,GAAG,EACH,oBAAoB,EACpB,QAAQ,EACR,UAAU,EACV,SAAS,EAAE,UAAU,EACrB,aAAa,EACb,YAAmB,EACnB,YAAoB,EACpB,UAAkB,EAClB,QAAmB,EACnB,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,QAAQ,GACX,EAAE,gBAAgB,2CAiQlB"}
+{"version":3,"file":"HostChrome.d.ts","sourceRoot":"","sources":["../../src/ui/HostChrome.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuC,KAAK,SAAS,EAAkC,MAAM,OAAO,CAAC;AAE5G,OAAO,EACH,KAAK,iBAAiB,EAEtB,KAAK,gCAAgC,EAExC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACH,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACxB,MAAM,2CAA2C,CAAC;AAGnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AA6B7D,OAAO,mBAAmB,CAAC;AAK3B,OAAO,0CAA0C,CAAC;AAClD,OAAO,6CAA6C,CAAC;AACrD,OAAO,sDAAsD,CAAC;AAC9D,OAAO,0DAA0D,CAAC;AAkBlE,MAAM,WAAW,gBAAgB;IAC7B,GAAG,EAAE,gBAAgB,CAAC;IACtB,oBAAoB,EAAE,gCAAgC,EAAE,CAAC;IACzD,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,YAAY,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAC1C;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4FAA4F;IAC5F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,2FAA2F;IAC3F,gBAAgB,CAAC,EAAE,CACf,QAAQ,EAAE,MAAM,EAChB,OAAO,CAAC,EAAE,MAAM,EAChB,WAAW,CAAC,EAAE,iBAAiB,EAC/B,YAAY,CAAC,EAAE,OAAO,EACtB,kBAAkB,CAAC,EAAE,OAAO,KAC3B,IAAI,CAAC;IACV;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,wBAAgB,UAAU,CAAC,EACvB,GAAG,EACH,oBAAoB,EACpB,QAAQ,EACR,UAAU,EACV,SAAS,EAAE,UAAU,EACrB,aAAa,EACb,YAAmB,EACnB,YAAoB,EACpB,UAAkB,EAClB,QAAmB,EACnB,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,QAAQ,GACX,EAAE,gBAAgB,2CAwQlB"}

package/esm/ui/HostChrome.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // (C) 2026 GoodData Corporation
-import { useCallback, useMemo } from "react";
+import { useCallback, useMemo, useState } from "react";
 import { getPluggableApplicationLocalizedTitle, } from "@gooddata/sdk-model";
 import { BackendProvider, resolveLocale } from "@gooddata/sdk-ui";
 import { AppHeaderNotifications } from "@gooddata/sdk-ui-application-header";
@@ -15,10 +15,12 @@ import { getUserDisplayName, getWorkspaceSwitchPath, isPlainLeftClick } from "./
 import { b, e } from "./hostChromeBem.js";
 import { HostIntlProvider } from "./HostIntlProvider.js";
 import { HostNotificationDispatcher } from "./HostNotificationDispatcher.js";
+import { LanguageDialog } from "./LanguageDialog.js";
 import { useAppPreloadOnHover } from "./useAppPreloadOnHover.js";
 import { useGenAiRightPanel } from "./useGenAiRightPanel.js";
 import { useHostChromePricing } from "./useHostChromePricing.js";
 import { useHostChromeSearch } from "./useHostChromeSearch.js";
+import { useHostChromeWorkspaceFeatures } from "./useHostChromeWorkspaceFeatures.js";
 import "./HostChrome.scss";
 // SDK packages with side-effecting CSS (declared in their own `sideEffects`)
 // must be imported explicitly by consumers; tree-shakers won't grab them otherwise.
@@ -28,7 +30,7 @@ import "@gooddata/sdk-ui-ext/styles/css/main.css";
 import "@gooddata/sdk-ui-gen-ai/styles/css/main.css";
 import "@gooddata/sdk-ui-semantic-search/styles/css/main.css";
 import "@gooddata/sdk-ui-semantic-search/styles/css/internal.css";
-import { useHostChromeWorkspaceFeatures } from "./useHostChromeWorkspaceFeatures.js";
+import { useLanguages } from "./useLanguages.js";
 import { AppHeaderWorkspacePicker } from "./WorkspacePicker.js";
 const LOGOUT_MENU_ITEM_KEY = "gs.header.logout";
 // The favicon that index.html shipped — resolved to "<cdnurl>/organization/favicon.ico" on the live
@@ -45,6 +47,7 @@ export function HostChrome({ ctx, resolvedApplications, pathname, onNavigate, on
     const features = useHostChromeWorkspaceFeatures(resolvedApplications, ctx, pathname);
     const shellTelemetry = useMemo(() => getAppLifecycleCallbacks()?.createTelemetryCallbacks?.("host-ui"), []);
     const pricing = useHostChromePricing(ctx, locale);
+    const [isLanguageDialogOpen, setIsLanguageDialogOpen] = useState(false);
     // The host's single GenAI chat is owned by the runtime (HostChat), not the chrome — so it survives
     // a custom UI module and stays mounted when the chrome is hidden (embedded/export). The chrome only
     // renders the header chat button, which toggles that chat via `onChatToggle`, and hands the header
@@ -68,13 +71,20 @@ export function HostChrome({ ctx, resolvedApplications, pathname, onNavigate, on
         (ctx.whiteLabeling?.enabled
             ? []
             : [...generateHeaderCommonHelpMenuItems(), ...generateHeaderStaticHelpMenuItems()]), [headerOptions, ctx.whiteLabeling?.enabled]);
-    const accountMenuItems = useMemo(() => generateHeaderAccountMenuItems(ctx.workspacePermissions ?? {}, features.workspaceId, ctx.settings), [ctx.workspacePermissions, features.workspaceId, ctx.settings]);
+    const accountMenuItems = useMemo(() => generateHeaderAccountMenuItems(ctx.workspacePermissions ?? {}, {
+        workspaceId: features.workspaceId,
+        featureFlags: ctx.settings,
+    }), [ctx.workspacePermissions, features.workspaceId, ctx.settings]);
     const handleMenuItemClick = useCallback((item, e) => {
         e?.preventDefault();
         if (item.onClick) {
             item.onClick(e ?? null);
             return;
         }
+        if (item.key === "userMenu.language") {
+            setIsLanguageDialogOpen(true);
+            return;
+        }
         if (item.key === LOGOUT_MENU_ITEM_KEY) {
             void getBackend().deauthenticate();
             return;
@@ -152,5 +162,10 @@ export function HostChrome({ ctx, resolvedApplications, pathname, onNavigate, on
                 mode,
             }), children: children }));
     }, []);
-    return (_jsx(HostIntlProvider, { locale: locale, additionalMessages: appMessages, children: _jsx(BackendProvider, { backend: getBackend(), children: _jsx(ToastsCenterContextProvider, { children: _jsxs("div", { className: b({ export: ctx.isExportMode === true }), children: [_jsx(DocumentHeader, { pageTitle: documentPageTitle, brandTitle: documentBrandTitle, faviconUrl: faviconUrl, appleTouchIconUrl: ctx.whiteLabeling?.appleTouchIconUrl }), hideChrome ? null : (_jsx("div", { className: e("header"), onMouseOver: appPreloadOnHover.onMouseOver, onMouseLeave: appPreloadOnHover.onMouseLeave, children: _jsx(AppHeader, { logoUrl: ctx.whiteLabeling?.logoUrl || defaultLogoUrl, logoHref: LOGO_HREF, onLogoClick: handleLogoClick, logoTitle: logoTitle, headerColor: headerColor, headerTextColor: headerTextColor, activeColor: activeColor, userName: userName, organizationName: ctx.organization?.title, isAccessibilityCompliant: true, workspacePicker: workspacePicker, menuItemsGroups: menuItemsGroups, helpMenuItems: helpMenuItems, accountMenuItems: accountMenuItems, onMenuItemClick: handleMenuItemClick, showUpsellButton: pricing.isTrial, onUpsellButtonClick: pricing.onUpsellButtonClick, expiredDate: pricing.isTrial ? pricing.expiredDate : undefined, search: search.element, showChatItem: showChatItem, isChatOpen: chatIsOpen, onChatItemClick: onChatToggle, notificationsPanel: ({ isMobile, closeNotificationsOverlay }) => (_jsx(AppHeaderNotifications, { locale: locale, isMobile: isMobile, closeNotificationsOverlay: closeNotificationsOverlay, useAsOfDateParam: true, enableExportToDocumentStorage: ctx.userSettings.enableExportToDocumentStorage ?? false })) }) })), _jsx(Wrapper, { chatIsOpen: Boolean(chatIsOpen && enablePanel), mode: chatMode, children: children }), pricing.element, _jsx(HostNotificationDispatcher, { notification: notification })] }) }) }) }));
+    return (_jsx(HostIntlProvider, { locale: locale, additionalMessages: appMessages, children: _jsx(BackendProvider, { backend: getBackend(), children: _jsx(ToastsCenterContextProvider, { children: _jsxs("div", { className: b({ export: ctx.isExportMode === true }), children: [_jsx(DocumentHeader, { pageTitle: documentPageTitle, brandTitle: documentBrandTitle, faviconUrl: faviconUrl, appleTouchIconUrl: ctx.whiteLabeling?.appleTouchIconUrl }), hideChrome ? null : (_jsx("div", { className: e("header"), onMouseOver: appPreloadOnHover.onMouseOver, onMouseLeave: appPreloadOnHover.onMouseLeave, children: _jsx(AppHeader, { logoUrl: ctx.whiteLabeling?.logoUrl || defaultLogoUrl, logoHref: LOGO_HREF, onLogoClick: handleLogoClick, logoTitle: logoTitle, headerColor: headerColor, headerTextColor: headerTextColor, activeColor: activeColor, userName: userName, organizationName: ctx.organization?.title, isAccessibilityCompliant: true, workspacePicker: workspacePicker, menuItemsGroups: menuItemsGroups, helpMenuItems: helpMenuItems, accountMenuItems: accountMenuItems, onMenuItemClick: handleMenuItemClick, showUpsellButton: pricing.isTrial, onUpsellButtonClick: pricing.onUpsellButtonClick, expiredDate: pricing.isTrial ? pricing.expiredDate : undefined, search: search.element, showChatItem: showChatItem, isChatOpen: chatIsOpen, onChatItemClick: onChatToggle, notificationsPanel: ({ isMobile, closeNotificationsOverlay }) => (_jsx(AppHeaderNotifications, { locale: locale, isMobile: isMobile, closeNotificationsOverlay: closeNotificationsOverlay, useAsOfDateParam: true, enableExportToDocumentStorage: ctx.userSettings.enableExportToDocumentStorage ?? false })) }) })), _jsx(Wrapper, { chatIsOpen: Boolean(chatIsOpen && enablePanel), mode: chatMode, children: children }), pricing.element, isLanguageDialogOpen ? (_jsx(HostLanguageDialog, { ctx: ctx, onClose: () => setIsLanguageDialogOpen(false) })) : null, _jsx(HostNotificationDispatcher, { notification: notification })] }) }) }) }));
+}
+// the languages, and so the default one, load only once the dialog opens
+function HostLanguageDialog({ ctx, onClose }) {
+    const languages = useLanguages(ctx);
+    return languages ? _jsx(LanguageDialog, { ...languages, onClose: onClose }) : null;
 }

package/esm/ui/LanguageDialog.d.ts

@@ -0,0 +1,15 @@
+import { type ILanguages } from "./useLanguages.js";
+import "./LanguageDialog.scss";
+/**
+ * @internal
+ */
+export interface ILanguageDialogProps extends ILanguages {
+    onClose: () => void;
+}
+/**
+ * Lets the user change the language of the interface for themselves (ATEAM-25).
+ *
+ * @internal
+ */
+export declare function LanguageDialog({ currentLanguage, defaultLanguage, languages, setLanguage, deleteLanguage, onClose, }: ILanguageDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LanguageDialog.d.ts.map

package/esm/ui/LanguageDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageDialog.d.ts","sourceRoot":"","sources":["../../src/ui/LanguageDialog.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,uBAAuB,CAAC;AAM/B;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,UAAU;IACpD,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC3B,eAAe,EACf,eAAe,EACf,SAAS,EACT,WAAW,EACX,cAAc,EACd,OAAO,GACV,EAAE,oBAAoB,2CA4FtB"}

package/esm/ui/LanguageDialog.js

@@ -0,0 +1,44 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { useId, useState } from "react";
+import { FormattedMessage, useIntl } from "react-intl";
+import { isLocale } from "@gooddata/sdk-model";
+import { Message, UiButton, UiDialogBody, UiDialogFooter, UiDialogHeader, UiModalDialog, UiSearchableSelect, UiSearchableSelectDivider, UiSearchableSelectItem, UiSearchableSelectList, UiSearchableSelectSearch, } from "@gooddata/sdk-ui-kit";
+import { LANGUAGE_NAMES, matchesLanguage } from "./languages.js";
+import "./LanguageDialog.scss";
+const DEFAULT_ITEM = "default";
+/**
+ * Lets the user change the language of the interface for themselves (ATEAM-25).
+ *
+ * @internal
+ */
+export function LanguageDialog({ currentLanguage, defaultLanguage, languages, setLanguage, deleteLanguage, onClose, }) {
+    const intl = useIntl();
+    const noteId = useId();
+    const currentItem = currentLanguage ?? DEFAULT_ITEM;
+    const [selectedItem, setSelectedItem] = useState(currentItem);
+    const title = intl.formatMessage({ id: "languageDialog.title" });
+    const items = [DEFAULT_ITEM, ...languages];
+    // "English (US)" becomes "Default (English US)", without brackets in brackets
+    const defaultItemLabel = intl.formatMessage({ id: "languageDialog.default" }, { language: LANGUAGE_NAMES[defaultLanguage].nativeName.replace(/[()]/g, "") });
+    // the dialog closes once the language is saved; a failure keeps it open (the error toast comes later)
+    const apply = () => {
+        // as in TimezoneDialog, applying an unchanged language only closes the dialog
+        if (selectedItem === currentItem) {
+            onClose();
+        }
+        else if (selectedItem === DEFAULT_ITEM) {
+            void deleteLanguage().then(onClose);
+        }
+        else if (isLocale(selectedItem)) {
+            void setLanguage(selectedItem).then(onClose);
+        }
+    };
+    return (_jsx(UiModalDialog, { isOpen: true, onClose: onClose, width: 540, variant: "confirmation", children: _jsxs("div", { className: "gd-language-dialog", children: [_jsx(UiDialogHeader, { title: title, onClose: onClose }), _jsxs(UiDialogBody, { children: [_jsxs(UiSearchableSelect, { accessibilityConfig: { ariaLabel: title, ariaDescribedBy: noteId }, items: items, value: selectedItem, onChange: setSelectedItem, placeholder: title, 
+                            // the default language is offered only when not searching, as it isn't a language of its own
+                            filter: (item, query) => item === DEFAULT_ITEM ? !query : matchesLanguage(item, query), children: [_jsx(UiSearchableSelectSearch, { accessibilityConfig: {
+                                        ariaLabel: intl.formatMessage({ id: "languageDialog.select.searchLabel" }),
+                                    }, placeholder: intl.formatMessage({
+                                        id: "languageDialog.select.searchPlaceholder",
+                                    }) }), _jsx(UiSearchableSelectList, { noItemsText: intl.formatMessage({ id: "languageDialog.select.noMatch" }), children: (item) => item === DEFAULT_ITEM ? (_jsxs(_Fragment, { children: [_jsx(UiSearchableSelectItem, { id: item, children: defaultItemLabel }), _jsx(UiSearchableSelectDivider, {})] })) : (_jsx(UiSearchableSelectItem, { id: item, lang: item, children: LANGUAGE_NAMES[item].nativeName })) })] }), _jsx(Message, { id: noteId, type: "progress", className: "gd-language-dialog-note", children: _jsx(FormattedMessage, { id: "languageDialog.description", values: { b: (chunks) => _jsx("strong", { children: chunks }) } }) })] }), _jsxs(UiDialogFooter, { divider: true, children: [_jsx(UiButton, { label: intl.formatMessage({ id: "cancel" }), variant: "secondary", size: "medium", onClick: onClose }), _jsx(UiButton, { label: intl.formatMessage({ id: "apply" }), variant: "primary", size: "medium", onClick: apply })] })] }) }));
+}

package/esm/ui/LanguageDialog.scss

@@ -0,0 +1,20 @@
+// (C) 2026 GoodData Corporation
+
+.gd-language-dialog {
+    .gd-ui-kit-searchable-select__button {
+        width: 300px;
+    }
+
+    .gd-language-dialog-note {
+        display: block;
+        margin-top: 20px;
+        padding: 4px 10px;
+        line-height: 20px;
+        background-color: var(--gd-palette-primary-dimmed, #e8f7fc);
+    }
+
+    .gd-ui-kit-dialog-footer--divider {
+        margin-top: 20px;
+        padding-top: 20px;
+    }
+}

package/esm/ui/languages.d.ts

@@ -0,0 +1,26 @@
+import { type ILocale } from "@gooddata/sdk-model";
+interface ILanguageNames {
+    /** The name in the language itself, as the list shows it; never translated. */
+    nativeName: string;
+    /** The English name, so that the language can be found by it too. */
+    englishName: string;
+}
+/**
+ * The interface languages in the order the list shows them (ATEAM-25). A region is named only where a language ships
+ * in more than one variant.
+ *
+ * Endonyms on purpose: a language is listed in its own name, whatever the interface language.
+ * Browser API translations do not work on "en-US-x-24h" and are different from the provided ones.
+ */
+export declare const LANGUAGE_NAMES: Record<ILocale, ILanguageNames>;
+/**
+ * The interface languages, in the order the list shows them.
+ */
+export declare const LANGUAGES: ILocale[];
+/**
+ * Whether the search query matches the language by its own name, its English name or its code ("korean", "한국어"
+ * and "ko-KR" all find 한국어).
+ */
+export declare function matchesLanguage(language: ILocale, query: string): boolean;
+export {};
+//# sourceMappingURL=languages.d.ts.map

package/esm/ui/languages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"languages.d.ts","sourceRoot":"","sources":["../../src/ui/languages.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,OAAO,EAAY,MAAM,qBAAqB,CAAC;AAG7D,UAAU,cAAc;IACpB,+EAA+E;IAC/E,UAAU,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,WAAW,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,OAAO,EAAE,cAAc,CA4B1D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,OAAO,EAAiD,CAAC;AAEjF;;;GAGG;AACH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAIzE"}

package/esm/ui/languages.js

@@ -0,0 +1,51 @@
+// (C) 2026 GoodData Corporation
+import { isLocale } from "@gooddata/sdk-model";
+import { matchesSearchQuery } from "@gooddata/sdk-ui-kit";
+/**
+ * The interface languages in the order the list shows them (ATEAM-25). A region is named only where a language ships
+ * in more than one variant.
+ *
+ * Endonyms on purpose: a language is listed in its own name, whatever the interface language.
+ * Browser API translations do not work on "en-US-x-24h" and are different from the provided ones.
+ */
+export const LANGUAGE_NAMES = {
+    "id-ID": { nativeName: "Bahasa Indonesia", englishName: "Indonesian" },
+    "de-DE": { nativeName: "Deutsch", englishName: "German" },
+    "en-AU": { nativeName: "English (Australia)", englishName: "English (Australia)" },
+    "en-GB": { nativeName: "English (UK)", englishName: "English (UK)" },
+    "en-US": { nativeName: "English (US)", englishName: "English (US)" },
+    "en-US-x-24h": { nativeName: "English (US, 24-hour)", englishName: "English (US, 24-hour)" },
+    "es-ES": { nativeName: "Español (España)", englishName: "Spanish (Spain)" },
+    "es-419": { nativeName: "Español (Latinoamérica)", englishName: "Spanish (Latin America)" },
+    "fr-CA": { nativeName: "Français (Canada)", englishName: "French (Canada)" },
+    "fr-FR": { nativeName: "Français (France)", englishName: "French (France)" },
+    "it-IT": { nativeName: "Italiano", englishName: "Italian" },
+    "nl-NL": { nativeName: "Nederlands", englishName: "Dutch" },
+    "pl-PL": { nativeName: "Polski", englishName: "Polish" },
+    "pt-BR": { nativeName: "Português (Brasil)", englishName: "Portuguese (Brazil)" },
+    "pt-PT": { nativeName: "Português (Portugal)", englishName: "Portuguese (Portugal)" },
+    "sl-SI": { nativeName: "Slovenščina", englishName: "Slovenian" },
+    "fi-FI": { nativeName: "Suomi", englishName: "Finnish" },
+    "vi-VN": { nativeName: "Tiếng Việt", englishName: "Vietnamese" },
+    "tr-TR": { nativeName: "Türkçe", englishName: "Turkish" },
+    "ru-RU": { nativeName: "Русский", englishName: "Russian" },
+    "uk-UA": { nativeName: "Українська", englishName: "Ukrainian" },
+    "th-TH": { nativeName: "ไทย", englishName: "Thai" },
+    "zh-HK": { nativeName: "中文 (香港)", englishName: "Chinese (Hong Kong)" },
+    "ja-JP": { nativeName: "日本語", englishName: "Japanese" },
+    "zh-Hans": { nativeName: "简体中文", englishName: "Chinese (Simplified)" },
+    "zh-Hant": { nativeName: "繁體中文", englishName: "Chinese (Traditional)" },
+    "ko-KR": { nativeName: "한국어", englishName: "Korean" },
+};
+/**
+ * The interface languages, in the order the list shows them.
+ */
+export const LANGUAGES = Object.keys(LANGUAGE_NAMES).filter(isLocale);
+/**
+ * Whether the search query matches the language by its own name, its English name or its code ("korean", "한국어"
+ * and "ko-KR" all find 한국어).
+ */
+export function matchesLanguage(language, query) {
+    const { nativeName, englishName } = LANGUAGE_NAMES[language];
+    return [nativeName, englishName, language].some((text) => matchesSearchQuery(text, query));
+}

package/esm/ui/useLanguages.d.ts

@@ -0,0 +1,25 @@
+import { type ILocale } from "@gooddata/sdk-model";
+import { type IPlatformContext } from "@gooddata/sdk-pluggable-application-model";
+/**
+ * @internal
+ */
+export interface ILanguages {
+    /** The user's own language (their LOCALE setting), `undefined` when they use the default one. */
+    currentLanguage: ILocale | undefined;
+    /** The language the user gets without their own: the one of the workspace or organization. */
+    defaultLanguage: ILocale;
+    /** The languages the user can switch the interface to, in the order to show them. */
+    languages: ILocale[];
+    /** Saves the language as the LOCALE setting of the current user. */
+    setLanguage: (language: ILocale) => Promise<void>;
+    /** Deletes the LOCALE setting of the current user, so that the default language applies again. */
+    deleteLanguage: () => Promise<void>;
+}
+/**
+ * The languages for the user's own interface language control (ATEAM-25). `undefined` until the default language
+ * is loaded.
+ *
+ * @internal
+ */
+export declare function useLanguages(ctx: IPlatformContext): ILanguages | undefined;
+//# sourceMappingURL=useLanguages.d.ts.map

package/esm/ui/useLanguages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLanguages.d.ts","sourceRoot":"","sources":["../../src/ui/useLanguages.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,OAAO,EAAY,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAOlF;;GAEG;AACH,MAAM,WAAW,UAAU;IACvB,iGAAiG;IACjG,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,8FAA8F;IAC9F,eAAe,EAAE,OAAO,CAAC;IACzB,qFAAqF;IACrF,SAAS,EAAE,OAAO,EAAE,CAAC;IACrB,oEAAoE;IACpE,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,kGAAkG;IAClG,cAAc,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACvC;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,gBAAgB,GAAG,UAAU,GAAG,SAAS,CAyB1E"}

package/esm/ui/useLanguages.js

@@ -0,0 +1,62 @@
+// (C) 2026 GoodData Corporation
+import { useCallback, useEffect, useState } from "react";
+import { isLocale } from "@gooddata/sdk-model";
+import { DEFAULT_LANGUAGE } from "@gooddata/sdk-ui";
+import { getBackend } from "../platformContext/backend.js";
+import { LANGUAGES } from "./languages.js";
+/**
+ * The languages for the user's own interface language control (ATEAM-25). `undefined` until the default language
+ * is loaded.
+ *
+ * @internal
+ */
+export function useLanguages(ctx) {
+    const defaultLanguage = useDefaultLanguage(ctx.currentWorkspaceId);
+    const setLanguage = useCallback(async (language) => {
+        await getBackend().currentUser().settings().setLocale(language);
+        // A page reload, as reloading the platform context isn't enough: on workspace routes, the language comes
+        // from the workspace settings, which the backend's caching keeps until the page reloads.
+        window.location.reload();
+    }, []);
+    const deleteLanguage = useCallback(async () => {
+        await getBackend().currentUser().settings().deleteLocale();
+        window.location.reload();
+    }, []);
+    if (!defaultLanguage) {
+        return undefined;
+    }
+    // The SPI can't tell whether the user has a LOCALE of their own, so a language different from the default one
+    // counts as theirs. One they picked although it's the default one shows as Default, which reads the same.
+    const resolvedLanguage = isLocale(ctx.preferredLocale) ? ctx.preferredLocale : undefined;
+    const currentLanguage = resolvedLanguage === defaultLanguage ? undefined : resolvedLanguage;
+    return { currentLanguage, defaultLanguage, languages: LANGUAGES, setLanguage, deleteLanguage };
+}
+/**
+ * The language without the user's own: of the workspace on workspace routes, of the organization otherwise.
+ */
+function useDefaultLanguage(workspaceId) {
+    const [defaultLanguage, setDefaultLanguage] = useState();
+    useEffect(() => {
+        let isCurrent = true;
+        const backend = getBackend();
+        const settings = workspaceId
+            ? backend.workspace(workspaceId).settings().getSettings()
+            : backend
+                .organizations()
+                .getCurrentOrganization()
+                .then((organization) => organization.settings().getSettings());
+        void settings
+            .then(({ locale }) => (isLocale(locale) ? locale : DEFAULT_LANGUAGE))
+            // the organization settings need an organization permission; without it, the platform default applies
+            .catch(() => DEFAULT_LANGUAGE)
+            .then((language) => {
+            if (isCurrent && isLocale(language)) {
+                setDefaultLanguage(language);
+            }
+        });
+        return () => {
+            isCurrent = false;
+        };
+    }, [workspaceId]);
+    return defaultLanguage;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-pluggable-host",
-  "version": "11.64.0-alpha.6",
+  "version": "11.64.0",
   "description": "GoodData SDK runtime for hosting pluggable applications — registry, loader, routing, platform context, default UI chrome",
   "license": "MIT",
   "author": "GoodData Corporation",
@@ -29,20 +29,20 @@
   "dependencies": {
     "@module-federation/runtime": "2.6.0",
     "lodash-es": "^4.17.23",
-    "@gooddata/sdk-backend-spi": "11.64.0-alpha.6",
-    "@gooddata/sdk-model": "11.64.0-alpha.6",
-    "@gooddata/sdk-embedding": "11.64.0-alpha.6",
-    "@gooddata/sdk-backend-base": "11.64.0-alpha.6",
-    "@gooddata/sdk-pluggable-application-model": "11.64.0-alpha.6",
-    "@gooddata/sdk-backend-tiger": "11.64.0-alpha.6",
-    "@gooddata/sdk-ui": "11.64.0-alpha.6",
-    "@gooddata/sdk-ui-application-header": "11.64.0-alpha.6",
-    "@gooddata/sdk-ui-ext": "11.64.0-alpha.6",
-    "@gooddata/sdk-ui-gen-ai": "11.64.0-alpha.6",
-    "@gooddata/sdk-ui-kit": "11.64.0-alpha.6",
-    "@gooddata/sdk-ui-semantic-search": "11.64.0-alpha.6",
-    "@gooddata/sdk-ui-theme-provider": "11.64.0-alpha.6",
-    "@gooddata/util": "11.64.0-alpha.6"
+    "@gooddata/sdk-backend-base": "11.64.0",
+    "@gooddata/sdk-backend-spi": "11.64.0",
+    "@gooddata/sdk-pluggable-application-model": "11.64.0",
+    "@gooddata/sdk-model": "11.64.0",
+    "@gooddata/sdk-embedding": "11.64.0",
+    "@gooddata/sdk-ui": "11.64.0",
+    "@gooddata/sdk-ui-application-header": "11.64.0",
+    "@gooddata/sdk-backend-tiger": "11.64.0",
+    "@gooddata/sdk-ui-ext": "11.64.0",
+    "@gooddata/sdk-ui-gen-ai": "11.64.0",
+    "@gooddata/sdk-ui-kit": "11.64.0",
+    "@gooddata/sdk-ui-semantic-search": "11.64.0",
+    "@gooddata/sdk-ui-theme-provider": "11.64.0",
+    "@gooddata/util": "11.64.0"
   },
   "devDependencies": {
     "@microsoft/api-documenter": "7.30.16",
@@ -50,6 +50,7 @@
     "@testing-library/dom": "10.4.2",
     "@testing-library/jest-dom": "7.0.1",
     "@testing-library/react": "16.3.0",
+    "@testing-library/user-event": "14.6.7",
     "@types/lodash-es": "4.17.12",
     "@types/node": "24.12.0",
     "@types/react": "19.1.11",
@@ -81,8 +82,8 @@
     "typescript": "7.0.2",
     "vite": "8.0.16",
     "vitest": "5.0.4",
-    "@gooddata/eslint-config": "11.64.0-alpha.6",
-    "@gooddata/oxlint-config": "11.64.0-alpha.6"
+    "@gooddata/eslint-config": "11.64.0",
+    "@gooddata/oxlint-config": "11.64.0"
   },
   "peerDependencies": {
     "react": ">=18.3.1",