@gooddata/sdk-ui-dashboard 11.65.0-alpha.0 → 11.65.0-alpha.1

package/esm/__version.d.ts

@@ -1,4 +1,4 @@
-export declare const LIB_VERSION = "11.65.0-alpha.0";
+export declare const LIB_VERSION = "11.65.0-alpha.1";
 export declare const LIB_DESCRIPTION = "GoodData SDK - Dashboard Component";
 export declare const LIB_NAME = "@gooddata/sdk-ui-dashboard";
 //# sourceMappingURL=__version.d.ts.map

package/esm/__version.js

@@ -1,5 +1,5 @@
 // (C) 2021 GoodData Corporation
 // DO NOT CHANGE THIS FILE, IT IS RE-GENERATED ON EVERY BUILD
-export const LIB_VERSION = "11.65.0-alpha.0";
+export const LIB_VERSION = "11.65.0-alpha.1";
 export const LIB_DESCRIPTION = "GoodData SDK - Dashboard Component";
 export const LIB_NAME = "@gooddata/sdk-ui-dashboard";

package/esm/model/queryServices/queryAttributeElements.js

@@ -24,5 +24,6 @@ function* queryService(ctx, query) {
     return {
         elements: attributeElements.items,
         totalCount: attributeElements.totalCount,
+        numberFormat: attributeElements.numberFormat,
     };
 }

package/esm/model/types/attributeFilterTypes.d.ts

@@ -43,5 +43,10 @@ export interface IParentWithConnectingAttributes {
 export interface IUseAttributeElements {
     elements: IAttributeElement[];
     totalCount: number;
+    /**
+     * Number format of the element values, see
+     * {@link @gooddata/sdk-backend-spi#IElementsQueryResult.numberFormat}; the element titles stay raw.
+     */
+    numberFormat?: string;
 }
 //# sourceMappingURL=attributeFilterTypes.d.ts.map

package/esm/model/types/attributeFilterTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"attributeFilterTypes.d.ts","sourceRoot":"","sources":["../../../src/model/types/attributeFilterTypes.ts"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,mCAAmC,EACxC,KAAK,iBAAiB,EACtB,KAAK,MAAM,EACd,MAAM,qBAAqB,CAAC;AAE7B;;GAEG;AACH,MAAM,WAAW,mCAAmC;IAChD,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,2BAA2B,EAAE,MAAM,GAAG,SAAS,CAAC;CACnD;AAED;;GAEG;AACH,MAAM,WAAW,qCAAqC;IAClD,mBAAmB,EAAE,MAAM,CAAC;IAC5B,qBAAqB,EAAE,mCAAmC,EAAE,CAAC;CAChE;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,+BAA+B;IAC5C;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,oBAAoB,EAAE,oBAAoB,EAAE,CAAC;CAChD;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IAClC,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,UAAU,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"attributeFilterTypes.d.ts","sourceRoot":"","sources":["../../../src/model/types/attributeFilterTypes.ts"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,mCAAmC,EACxC,KAAK,iBAAiB,EACtB,KAAK,MAAM,EACd,MAAM,qBAAqB,CAAC;AAE7B;;GAEG;AACH,MAAM,WAAW,mCAAmC;IAChD,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,2BAA2B,EAAE,MAAM,GAAG,SAAS,CAAC;CACnD;AAED;;GAEG;AACH,MAAM,WAAW,qCAAqC;IAClD,mBAAmB,EAAE,MAAM,CAAC;IAC5B,qBAAqB,EAAE,mCAAmC,EAAE,CAAC;CAChE;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,+BAA+B;IAC5C;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,oBAAoB,EAAE,oBAAoB,EAAE,CAAC;CAChD;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IAClC,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB"}

package/esm/model/types/attributeFilterTypes.js

@@ -1,2 +1,2 @@
-// (C) 2022-2023 GoodData Corporation
+// (C) 2022-2026 GoodData Corporation
 export {};

package/esm/presentation/automations/alerting/hooks/useAttributeValuesFromExecResults.d.ts

@@ -1,5 +1,14 @@
 import type { IExecutionResult } from "@gooddata/sdk-backend-spi";
-import { type IAttribute, type IMeasure } from "@gooddata/sdk-model";
+import { type IAttribute, type IMeasure, type ISeparators } from "@gooddata/sdk-model";
+import { DataViewFacade, type IDataSeries } from "@gooddata/sdk-ui";
+/**
+ * Formatting applied to attribute element values read from the execution result.
+ *
+ * @internal
+ */
+export interface IAttributeValuesFormatting {
+    separators?: ISeparators;
+}
 type IExecutionResultEnvelope = {
     isLoading?: boolean;
     executionResult?: IExecutionResult;
@@ -29,10 +38,32 @@ export type AttributeValue = {
  *
  * @internal
  */
-export declare function useAttributeValuesFromExecResults(execResult: IExecutionResultEnvelope | undefined): {
+export declare function useAttributeValuesFromExecResults(execResult: IExecutionResultEnvelope | undefined, formatting?: IAttributeValuesFormatting): {
     isResultLoading: boolean;
     getAttributeValues: (attr: IAttribute) => AttributeValue[];
     getMetricValue: (measure?: IMeasure, attr?: IAttribute, value?: string | null) => number | undefined;
 };
+/**
+ * Sums the measure values of the series scoped by the given raw attribute values.
+ *
+ * @remarks
+ * Matching works on raw element names: `scopeTitles()` return raw names, so the values passed in must be
+ * raw too, never the formatted titles shown in the UI.
+ *
+ * @internal exported for tests
+ */
+export declare function calculatePredictedValue(data: IDataSeries[], values?: string[] | null): number;
+/**
+ * Raw names of the attribute elements to predict the value for: the element the filter value names, or
+ * every element when there is none.
+ *
+ * @remarks
+ * The filter value is a raw element value, so it is matched against the raw name and uri, not against the
+ * formatted title (dates, numeric computed attributes) shown in the UI; the raw names are returned to match
+ * the raw scope titles in {@link calculatePredictedValue}.
+ *
+ * @internal exported for tests
+ */
+export declare function calculateValues(dataView: DataViewFacade | null, indexes: [number, number], value?: string | null): string[];
 export {};
 //# sourceMappingURL=useAttributeValuesFromExecResults.d.ts.map

package/esm/presentation/automations/alerting/hooks/useAttributeValuesFromExecResults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAttributeValuesFromExecResults.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/alerting/hooks/useAttributeValuesFromExecResults.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EACH,KAAK,UAAU,EAEf,KAAK,QAAQ,EAGhB,MAAM,qBAAqB,CAAC;AAG7B,KAAK,wBAAwB,GAAG;IAAE,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,eAAe,CAAC,EAAE,gBAAgB,CAAA;CAAE,CAAC;AAE5F;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG;IACzB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,iCAAiC,CAAC,UAAU,EAAE,wBAAwB,GAAG,SAAS;;+BAuCnF,UAAU,KAAG,cAAc,EAAE;+BASzB,QAAQ,SAAS,UAAU,UAAU,MAAM,GAAG,IAAI;EAyBpE"}
+{"version":3,"file":"useAttributeValuesFromExecResults.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/alerting/hooks/useAttributeValuesFromExecResults.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EACH,KAAK,UAAU,EAEf,KAAK,QAAQ,EACb,KAAK,WAAW,EAGnB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACH,cAAc,EACd,KAAK,WAAW,EAGnB,MAAM,kBAAkB,CAAC;AAE1B;;;;GAIG;AACH,MAAM,WAAW,0BAA0B;IACvC,UAAU,CAAC,EAAE,WAAW,CAAC;CAC5B;AAED,KAAK,wBAAwB,GAAG;IAAE,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,eAAe,CAAC,EAAE,gBAAgB,CAAA;CAAE,CAAC;AAE5F;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG;IACzB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,iCAAiC,CAC7C,UAAU,EAAE,wBAAwB,GAAG,SAAS,EAChD,UAAU,CAAC,EAAE,0BAA0B;;+BA6C5B,UAAU,KAAG,cAAc,EAAE;+BASzB,QAAQ,SAAS,UAAU,UAAU,MAAM,GAAG,IAAI;EAyBpE;AAED;;;;;;;;GAQG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,UAkBpF;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAC3B,QAAQ,EAAE,cAAc,GAAG,IAAI,EAC/B,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EACzB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GACtB,MAAM,EAAE,CAIV"}

package/esm/presentation/automations/alerting/hooks/useAttributeValuesFromExecResults.js

@@ -1,13 +1,14 @@
 // (C) 2019-2026 GoodData Corporation
 import { useCallback, useEffect, useState } from "react";
 import { areObjRefsEqual, isResultAttributeHeader, } from "@gooddata/sdk-model";
-import { DataViewFacade } from "@gooddata/sdk-ui";
+import { DataViewFacade, createNumberFormatter, formatAttributeHeaderValues, } from "@gooddata/sdk-ui";
 /**
  * Reads the widget's execution result and exposes the attribute values and measure values in it.
  *
  * @internal
  */
-export function useAttributeValuesFromExecResults(execResult) {
+export function useAttributeValuesFromExecResults(execResult, formatting) {
+    const separators = formatting?.separators;
     // Derive loading from the envelope's own isLoading flag, not from the
     // presence of executionResult: an errored execution has no executionResult
     // but is no longer loading, and there is no readAll() promise to clear the
@@ -23,7 +24,7 @@ export function useAttributeValuesFromExecResults(execResult) {
                 .readAll()
                 .then((data) => {
                 if (!cancelled) {
-                    setDataView(DataViewFacade.for(data));
+                    setDataView(DataViewFacade.for(formatAttributeHeaderValues(data, createNumberFormatter(separators))));
                     setIsResultLoading(false);
                 }
             })
@@ -43,7 +44,7 @@ export function useAttributeValuesFromExecResults(execResult) {
         return () => {
             cancelled = true;
         };
-    }, [execResult]);
+    }, [execResult, separators]);
     const getAttributeValues = useCallback((attr) => {
         const header = findAttributeHeader(dataView, attr);
         const indexes = findDimIndexes(dataView, header);
@@ -69,7 +70,16 @@ export function useAttributeValuesFromExecResults(execResult) {
         getMetricValue,
     };
 }
-function calculatePredictedValue(data, values) {
+/**
+ * Sums the measure values of the series scoped by the given raw attribute values.
+ *
+ * @remarks
+ * Matching works on raw element names: `scopeTitles()` return raw names, so the values passed in must be
+ * raw too, never the formatted titles shown in the UI.
+ *
+ * @internal exported for tests
+ */
+export function calculatePredictedValue(data, values) {
     return data.reduce((total, series) => {
         return (total +
             Array.from(series).reduce((acc, item) => {
@@ -84,15 +94,21 @@ function calculatePredictedValue(data, values) {
             }, 0));
     }, 0);
 }
-function calculateValues(dataView, indexes, value) {
+/**
+ * Raw names of the attribute elements to predict the value for: the element the filter value names, or
+ * every element when there is none.
+ *
+ * @remarks
+ * The filter value is a raw element value, so it is matched against the raw name and uri, not against the
+ * formatted title (dates, numeric computed attributes) shown in the UI; the raw names are returned to match
+ * the raw scope titles in {@link calculatePredictedValue}.
+ *
+ * @internal exported for tests
+ */
+export function calculateValues(dataView, indexes, value) {
     return findAttributeValues(dataView, indexes)
-        .map((v) => v.title)
-        .filter((v) => {
-        if (value) {
-            return v === value;
-        }
-        return true;
-    });
+        .filter((v) => !value || v.name === value || v.value === value)
+        .map((v) => v.name);
 }
 // By display form, not catalog attribute: two display forms of one attribute are two descriptors.
 function findAttributeHeader(dataView, attr) {

package/esm/presentation/automations/alerting/state/useAlertSupportedMetrics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAlertSupportedMetrics.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/alerting/state/useAlertSupportedMetrics.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,yBAAyB,EAAE,KAAK,QAAQ,EAAE,KAAK,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAYlG,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAEzD,MAAM,WAAW,8BAA8B;IAC3C,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,yBAAyB,CAAC;CAC3C;AAED;;;;;;;;;GASG;AACH,wBAAgB,wBAAwB,CAAC,EACrC,OAAO,EACP,MAAM,EACN,WAAW,GACd,EAAE,8BAA8B,GAAG,sBAAsB,CA8CzD"}
+{"version":3,"file":"useAlertSupportedMetrics.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/alerting/state/useAlertSupportedMetrics.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,yBAAyB,EAAE,KAAK,QAAQ,EAAE,KAAK,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAYlG,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAEzD,MAAM,WAAW,8BAA8B;IAC3C,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,yBAAyB,CAAC;CAC3C;AAED;;;;;;;;;GASG;AACH,wBAAgB,wBAAwB,CAAC,EACrC,OAAO,EACP,MAAM,EACN,WAAW,GACd,EAAE,8BAA8B,GAAG,sBAAsB,CAiDzD"}

package/esm/presentation/automations/alerting/state/useAlertSupportedMetrics.js

@@ -17,7 +17,7 @@ import { getSupportedInsightAttributesByInsight, getSupportedInsightMeasuresByIn
  * @internal
  */
 export function useAlertSupportedMetrics({ insight, widget, alertToEdit, }) {
-    const { locale, catalogDateDatasets, catalogAttributes } = useAutomationsContext();
+    const { locale, separators, catalogDateDatasets, catalogAttributes } = useAutomationsContext();
     const { executionResultByRef } = useAlertingDialogContext();
     const execResult = executionResultByRef(widget?.ref);
     const [effectiveInsight, setEffectiveInsight] = useState(insight);
@@ -31,7 +31,8 @@ export function useAlertSupportedMetrics({ insight, widget, alertToEdit, }) {
     }, [execResult?.executionResult]);
     const supportedMeasures = useMemo(() => getSupportedInsightMeasuresByInsight(effectiveInsight, catalogDateDatasets, alertToEdit), [effectiveInsight, catalogDateDatasets, alertToEdit]);
     const supportedAttributes = useMemo(() => getSupportedInsightAttributesByInsight(insight, catalogAttributes, catalogDateDatasets, alertToEdit), [insight, catalogDateDatasets, catalogAttributes, alertToEdit]);
-    const { isResultLoading, getAttributeValues, getMetricValue } = useAttributeValuesFromExecResults(execResult);
+    // element values of numeric computed attributes are offered formatted, as the widget shows them
+    const { isResultLoading, getAttributeValues, getMetricValue } = useAttributeValuesFromExecResults(execResult, { separators });
     return {
         measureFormatMap,
         supportedMeasures,

package/esm/presentation/automations/scheduledEmail/DefaultScheduledEmailDialog/components/Attachments/DashboardAttachments.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardAttachments.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/automations/scheduledEmail/DefaultScheduledEmailDialog/components/Attachments/DashboardAttachments.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,8CAA8C,EAAE,MAAM,mBAAmB,CAAC;AAUxF,wBAAgB,oBAAoB,CAAC,EACjC,gBAAgB,EAChB,gBAAgB,EAChB,4BAA4B,EAC5B,mBAAmB,EACnB,YAAY,EACZ,oBAAoB,EACpB,qBAAqB,EACrB,eAAe,EACf,iBAAiB,EACjB,wBAAwB,GAC3B,EAAE,8CAA8C,2CA4HhD"}
+{"version":3,"file":"DashboardAttachments.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/automations/scheduledEmail/DefaultScheduledEmailDialog/components/Attachments/DashboardAttachments.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,8CAA8C,EAAE,MAAM,mBAAmB,CAAC;AAUxF,wBAAgB,oBAAoB,CAAC,EACjC,gBAAgB,EAChB,gBAAgB,EAChB,4BAA4B,EAC5B,mBAAmB,EACnB,YAAY,EACZ,oBAAoB,EACpB,qBAAqB,EACrB,eAAe,EACf,iBAAiB,EACjB,wBAAwB,GAC3B,EAAE,8CAA8C,2CAqIhD"}

package/esm/presentation/automations/scheduledEmail/DefaultScheduledEmailDialog/components/Attachments/DashboardAttachments.js

@@ -44,8 +44,8 @@ export function DashboardAttachments({ dashboardFilters, isCrossFiltering, onDas
         setTimeout(() => {
             setAnnouncement(intl.formatMessage({ id: "dialogs.schedule.management.attachments.removed" }, { format: attachment }));
         });
-        // Focus management: if items remain, focus the group; otherwise focus add button
-        if (newAttachments.length > 0) {
+        // Hidden formats are preserved, but only visible chips can receive focus.
+        if (visibleSelectedAttachments.some((att) => att !== attachment)) {
             focusAttachmentGroup();
         }
         else {
@@ -74,7 +74,7 @@ export function DashboardAttachments({ dashboardFilters, isCrossFiltering, onDas
                                 selected: selectedAttachments.includes(format),
                             })), onChange: handleChange, mode: "dashboard", onAddButtonRef: (ref) => {
                                 addButtonRef.current = ref;
-                            } }), isCrossFiltering && selectedAttachments.length > 0 ? (_jsx(Message, { type: "progress", className: "gd-attachment-list-message", children: _jsx(FormattedMessage, { id: "dialogs.schedule.management.attachments.message", values: {
+                            } }), visibleSelectedAttachments.length === 0 && selectedAttachments.length > 0 ? (_jsx(Message, { type: "progress", className: "gd-attachment-list-message", accessibilityConfig: { role: "status" }, children: _jsx(FormattedMessage, { id: "scheduledEmail.attachments.noVisibleAttachments" }) })) : null, isCrossFiltering && selectedAttachments.length > 0 ? (_jsx(Message, { type: "progress", className: "gd-attachment-list-message", children: _jsx(FormattedMessage, { id: "dialogs.schedule.management.attachments.message", values: {
                                     strong: (chunks) => _jsx("strong", { children: chunks }),
                                 } }) })) : null] }) }, selectedAttachments.join()), _jsx("div", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", role: "status", children: announcement })] }));
 }

package/esm/presentation/automations/scheduledEmail/DefaultScheduledEmailDialog/components/Attachments/WidgetAttachments.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetAttachments.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/automations/scheduledEmail/DefaultScheduledEmailDialog/components/Attachments/WidgetAttachments.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,2CAA2C,EAAE,MAAM,mBAAmB,CAAC;AAmBrF,wBAAgB,iBAAiB,CAAC,EAC9B,mBAAmB,EACnB,yBAAyB,EACzB,YAAY,EACZ,oBAAoB,EACpB,WAAW,EACX,mBAAmB,EACnB,WAAW,EACX,mBAAmB,EACnB,cAAc,EACd,sBAAsB,EACtB,qBAAqB,EACrB,0BAA0B,EAC1B,eAAe,EACf,iBAAiB,EACjB,wBAAwB,GAC3B,EAAE,2CAA2C,2CA4H7C"}
+{"version":3,"file":"WidgetAttachments.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/automations/scheduledEmail/DefaultScheduledEmailDialog/components/Attachments/WidgetAttachments.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,2CAA2C,EAAE,MAAM,mBAAmB,CAAC;AAmBrF,wBAAgB,iBAAiB,CAAC,EAC9B,mBAAmB,EACnB,yBAAyB,EACzB,YAAY,EACZ,oBAAoB,EACpB,WAAW,EACX,mBAAmB,EACnB,WAAW,EACX,mBAAmB,EACnB,cAAc,EACd,sBAAsB,EACtB,qBAAqB,EACrB,0BAA0B,EAC1B,eAAe,EACf,iBAAiB,EACjB,wBAAwB,GAC3B,EAAE,2CAA2C,2CAqI7C"}

package/esm/presentation/automations/scheduledEmail/DefaultScheduledEmailDialog/components/Attachments/WidgetAttachments.js

@@ -1,7 +1,8 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // (C) 2019-2026 GoodData Corporation
 import { useCallback, useRef, useState } from "react";
-import { useIntl } from "react-intl";
+import { FormattedMessage, useIntl } from "react-intl";
+import { Message } from "@gooddata/sdk-ui-kit";
 import { AUTOMATION_ATTACHMENTS_GROUP_LABEL_ID } from "../../../../../constants/automations.js";
 import { partitionAttachments } from "./attachmentFormats.js";
 import { AttachmentsList } from "./AttachmentsList.js";
@@ -55,8 +56,8 @@ export function WidgetAttachments({ selectedAttachments, onWidgetAttachmentsChan
         setTimeout(() => {
             setAnnouncement(intl.formatMessage({ id: "dialogs.schedule.management.attachments.removed" }, { format: attachment }));
         });
-        // Focus management: if items remain, focus the group; otherwise focus add button
-        if (newAttachments.length > 0) {
+        // Hidden formats are preserved, but only visible chips can receive focus.
+        if (visibleSelectedAttachments.some((att) => att !== attachment)) {
             focusAttachmentGroup();
         }
         else {
@@ -86,5 +87,5 @@ export function WidgetAttachments({ selectedAttachments, onWidgetAttachmentsChan
                                 selected: selectedAttachments.includes(format),
                             })), onChange: handleChange, mode: "widget", onAddButtonRef: (ref) => {
                                 addButtonRef.current = ref;
-                            } })] }) }, selectedAttachments.join()), _jsx("div", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", role: "status", children: announcement })] }));
+                            } }), visibleSelectedAttachments.length === 0 && selectedAttachments.length > 0 ? (_jsx(Message, { type: "progress", className: "gd-attachment-list-message", accessibilityConfig: { role: "status" }, children: _jsx(FormattedMessage, { id: "scheduledEmail.attachments.noVisibleAttachments" }) })) : null] }) }, selectedAttachments.join()), _jsx("div", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", role: "status", children: announcement })] }));
 }

package/esm/presentation/dashboard/components/DashboardScreenSizeContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardScreenSizeContext.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/components/DashboardScreenSizeContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEH,KAAK,SAAS,EAMjB,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AA8CtD,MAAM,WAAW,0BAA0B;IACvC,QAAQ,EAAE,SAAS,CAAC;CACvB;AAKD,wBAAgB,2BAA2B,CAAC,EAAE,QAAQ,EAAE,EAAE,0BAA0B,2CA2BnF;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,QAAO,UAGhC,CAAC"}
+{"version":3,"file":"DashboardScreenSizeContext.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/components/DashboardScreenSizeContext.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEH,KAAK,SAAS,EAMjB,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAiDtD,MAAM,WAAW,0BAA0B;IACvC,QAAQ,EAAE,SAAS,CAAC;CACvB;AAKD,wBAAgB,2BAA2B,CAAC,EAAE,QAAQ,EAAE,EAAE,0BAA0B,2CA4BnF;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,QAAO,UAGhC,CAAC"}

package/esm/presentation/dashboard/components/DashboardScreenSizeContext.js

@@ -3,9 +3,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext, useEffect, useState, } from "react";
 import { setScreenSize as setScreenSizeAction } from "../../../model/commands/layout.js";
 import { useDashboardDispatch, useDashboardSelector } from "../../../model/react/DashboardStoreProvider.js";
+import { selectIsInEditMode } from "../../../model/store/renderMode/renderModeSelectors.js";
 import { selectScreen } from "../../../model/store/tabs/layout/layoutSelectors.js";
 import { DASHBOARD_LAYOUT_BREAK_POINTS } from "../../constants/layout.js";
-const getCurrentScreenSize = () => {
+const getCurrentScreenSize = (isEditMode) => {
     let viewportWidth = 0;
     if (window?.innerWidth) {
         viewportWidth = window.innerWidth;
@@ -16,7 +17,8 @@ const getCurrentScreenSize = () => {
     if (viewportWidth >= DASHBOARD_LAYOUT_BREAK_POINTS[3]) {
         return "xl";
     }
-    if (viewportWidth >= DASHBOARD_LAYOUT_BREAK_POINTS[2]) {
+    // Only xl sizes are saved, so edit mode keeps the desktop grid instead of reflowing it.
+    if (isEditMode || viewportWidth >= DASHBOARD_LAYOUT_BREAK_POINTS[2]) {
         return "lg";
     }
     if (viewportWidth >= DASHBOARD_LAYOUT_BREAK_POINTS[1]) {
@@ -27,8 +29,8 @@ const getCurrentScreenSize = () => {
     }
     return "xs";
 };
-function setNewSize(prevSize, setScreenSize, dispatch) {
-    const newSize = getCurrentScreenSize();
+function setNewSize(prevSize, isEditMode, setScreenSize, dispatch) {
+    const newSize = getCurrentScreenSize(isEditMode);
     if (newSize && newSize !== prevSize) {
         // prevent unnecessary re-renders
         setScreenSize(newSize);
@@ -41,18 +43,19 @@ export function DashboardScreenSizeProvider({ children }) {
     const [screenSize, setScreenSize] = useState();
     const dispatch = useDashboardDispatch();
     const appStateScreenSize = useDashboardSelector(selectScreen);
+    const isEditMode = useDashboardSelector(selectIsInEditMode);
     useEffect(() => {
         // set initial screen size to app state for usage in sagas
-        setNewSize(screenSize, setScreenSize, dispatch);
+        setNewSize(screenSize, isEditMode, setScreenSize, dispatch);
         // register event listener for window resize
         const handleWindowResized = () => {
-            setNewSize(screenSize, setScreenSize, dispatch);
+            setNewSize(screenSize, isEditMode, setScreenSize, dispatch);
         };
         window.addEventListener("resize", handleWindowResized, false);
         return () => {
             window.removeEventListener("resize", handleWindowResized, false);
         };
-    }, [screenSize, dispatch]);
+    }, [screenSize, isEditMode, dispatch]);
     return (_jsx("div", { className: "s-screen-size-container", children: _jsx(DashboardScreenSizeContext.Provider, { value: screenSize, children: appStateScreenSize ? children : null }) }));
 }
 /**

package/esm/presentation/dashboard/components/ToastMessages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastMessages.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/components/ToastMessages.tsx"],"names":[],"mappings":"AAYA;;GAEG;AACH,wBAAgB,aAAa,4CAwB5B"}
+{"version":3,"file":"ToastMessages.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/components/ToastMessages.tsx"],"names":[],"mappings":"AAaA;;GAEG;AACH,wBAAgB,aAAa,4CA2B5B"}

package/esm/presentation/dashboard/components/ToastMessages.js

@@ -5,6 +5,7 @@ import { NonContextToastsInterop } from "@gooddata/sdk-ui-kit";
 import { useParameterToastMessages } from "../../filterBar/parameterFilter/useParameterToastMessages.js";
 import { useCrossFilteringMessages } from "./useCrossFilteringMessages.js";
 import { useDrillValidationMessages } from "./useDrillValidationMessages.js";
+import { useEditModeLayoutNoteMessages } from "./useEditModeLayoutNoteMessages.js";
 import { useFilterContextValidationMessages } from "./useFilterContextValidationMessages.js";
 /**
  * @internal
@@ -12,14 +13,16 @@ import { useFilterContextValidationMessages } from "./useFilterContextValidation
 export function ToastMessages() {
     const { messages: drillValidationMessages, removeMessage: removeDrillValidationMessage } = useDrillValidationMessages();
     const { messages: filterContextValidationMessages, removeMessage: removeFilterContextValidationMessage } = useFilterContextValidationMessages();
+    const { messages: editModeLayoutNoteMessages, removeMessage: removeEditModeLayoutNoteMessage } = useEditModeLayoutNoteMessages();
     useCrossFilteringMessages();
     useParameterToastMessages();
-    const messages = useMemo(() => [...drillValidationMessages, ...filterContextValidationMessages], [drillValidationMessages, filterContextValidationMessages]);
+    const messages = useMemo(() => [...drillValidationMessages, ...filterContextValidationMessages, ...editModeLayoutNoteMessages], [drillValidationMessages, filterContextValidationMessages, editModeLayoutNoteMessages]);
     const removeMessage = useCallback(
-    // try removing the id from both collections
+    // try removing the id from all collections
     (id) => {
         removeDrillValidationMessage(id);
         removeFilterContextValidationMessage(id);
-    }, [removeDrillValidationMessage, removeFilterContextValidationMessage]);
+        removeEditModeLayoutNoteMessage(id);
+    }, [removeDrillValidationMessage, removeFilterContextValidationMessage, removeEditModeLayoutNoteMessage]);
     return _jsx(NonContextToastsInterop, { messages: messages, onDismissMessage: removeMessage });
 }

package/esm/presentation/dashboard/components/useEditModeLayoutNoteMessages.d.ts

@@ -0,0 +1,6 @@
+import { type IMessage } from "@gooddata/sdk-ui-kit";
+export declare function useEditModeLayoutNoteMessages(): {
+    messages: IMessage[];
+    removeMessage: (id: string) => void;
+};
+//# sourceMappingURL=useEditModeLayoutNoteMessages.d.ts.map

package/esm/presentation/dashboard/components/useEditModeLayoutNoteMessages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditModeLayoutNoteMessages.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/components/useEditModeLayoutNoteMessages.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,QAAQ,EAAiB,MAAM,sBAAsB,CAAC;AAkBpE,wBAAgB,6BAA6B;;wBA0BhC,MAAM;EAalB"}

package/esm/presentation/dashboard/components/useEditModeLayoutNoteMessages.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { useCallback, useMemo, useState } from "react";
+import { defineMessages, useIntl } from "react-intl";
+import { useMediaQuery } from "@gooddata/sdk-ui-kit";
+import { useDashboardSelector } from "../../../model/react/DashboardStoreProvider.js";
+import { selectIsInEditMode } from "../../../model/store/renderMode/renderModeSelectors.js";
+const localizationMessages = defineMessages({
+    editModeLayoutNote: { id: "messages.dashboard.editModeDesktopLayout.note" },
+});
+const replacements = {
+    b: (chunks) => _jsx("b", { children: chunks }),
+};
+const EDIT_MODE_LAYOUT_NOTE_MESSAGE_ID = "edit_mode_desktop_layout_note";
+// Dismissal lasts until the page reloads and is deliberately never persisted.
+let isDismissedInSession = false;
+export function useEditModeLayoutNoteMessages() {
+    const intl = useIntl();
+    const isEditMode = useDashboardSelector(selectIsInEditMode);
+    const isNarrowerThanEditModeMinWidth = useMediaQuery("<=lg");
+    const [isDismissed, setIsDismissed] = useState(isDismissedInSession);
+    const isVisible = isEditMode && isNarrowerThanEditModeMinWidth && !isDismissed;
+    const messages = useMemo(() => {
+        if (!isVisible) {
+            return [];
+        }
+        return [
+            {
+                id: EDIT_MODE_LAYOUT_NOTE_MESSAGE_ID,
+                type: "progress",
+                node: intl.formatMessage(localizationMessages.editModeLayoutNote, replacements),
+                createdAt: new Date().getTime(),
+                duration: Infinity,
+            },
+        ];
+    }, [isVisible, intl]);
+    // The toasts interop also reports removals caused by the note no longer applying; only a visible note can be dismissed.
+    const removeMessage = useCallback((id) => {
+        if (id === EDIT_MODE_LAYOUT_NOTE_MESSAGE_ID && isVisible) {
+            isDismissedInSession = true;
+            setIsDismissed(true);
+        }
+    }, [isVisible]);
+    return {
+        messages,
+        removeMessage,
+    };
+}

package/esm/presentation/drill/utils/drillDownUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drillDownUtils.d.ts","sourceRoot":"","sources":["../../../../src/presentation/drill/utils/drillDownUtils.ts"],"names":[],"mappings":"AAIA,OAAO,EACH,KAAK,mCAAmC,EACxC,KAAK,uCAAuC,EAG/C,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,WAAW,EAAoC,MAAM,kBAAkB,CAAC;AAOtF,OAAO,EAAE,KAAK,wBAAwB,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAG7F;;GAEG;AACH,wBAAgB,iBAAiB,CAC7B,eAAe,EAAE,oBAAoB,EACrC,UAAU,EAAE,WAAW,EACvB,sCAAsC,CAAC,EAAE,uCAAuC,EAAE,EAClF,sBAAsB,CAAC,EAAE,mCAAmC,GAC7D,MAAM,GAAG,IAAI,CAoBf;AAED;;GAEG;AACH,wBAAgB,mCAAmC,CAC/C,kBAAkB,EAAE,MAAM,EAC1B,UAAU,EAAE,WAAW,GACxB,MAAM,GAAG,IAAI,CASf;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,eAAe,EAAE,wBAAwB,EAAE,GAAG,MAAM,CAE3F;AAED;;;;;GAKG;AACH,wBAAgB,kCAAkC,CAC9C,gBAAgB,EAAE,wBAAwB,EAAE,EAC5C,gBAAgB,GAAE,wBAAwB,EAAO,GAClD,wBAAwB,EAAE,CA0B5B"}
+{"version":3,"file":"drillDownUtils.d.ts","sourceRoot":"","sources":["../../../../src/presentation/drill/utils/drillDownUtils.ts"],"names":[],"mappings":"AAIA,OAAO,EACH,KAAK,mCAAmC,EACxC,KAAK,uCAAuC,EAG/C,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,WAAW,EAAoC,MAAM,kBAAkB,CAAC;AAOtF,OAAO,EAAE,KAAK,wBAAwB,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAG7F;;GAEG;AACH,wBAAgB,iBAAiB,CAC7B,eAAe,EAAE,oBAAoB,EACrC,UAAU,EAAE,WAAW,EACvB,sCAAsC,CAAC,EAAE,uCAAuC,EAAE,EAClF,sBAAsB,CAAC,EAAE,mCAAmC,GAC7D,MAAM,GAAG,IAAI,CAoBf;AAED;;GAEG;AACH,wBAAgB,mCAAmC,CAC/C,kBAAkB,EAAE,MAAM,EAC1B,UAAU,EAAE,WAAW,GACxB,MAAM,GAAG,IAAI,CAaf;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,eAAe,EAAE,wBAAwB,EAAE,GAAG,MAAM,CAE3F;AAED;;;;;GAKG;AACH,wBAAgB,kCAAkC,CAC9C,gBAAgB,EAAE,wBAAwB,EAAE,EAC5C,gBAAgB,GAAE,wBAAwB,EAAO,GAClD,wBAAwB,EAAE,CA0B5B"}

package/esm/presentation/drill/utils/drillDownUtils.js

@@ -1,4 +1,4 @@
-// (C) 2020-2025 GoodData Corporation
+// (C) 2020-2026 GoodData Corporation
 import { compact, isEqual, uniqWith } from "lodash-es";
 import { isCrossFiltering, isDrillToLegacyDashboard, } from "@gooddata/sdk-model";
 import { isDrillIntersectionAttributeItem } from "@gooddata/sdk-ui";
@@ -28,7 +28,8 @@ export function getDrillOriginAttributeElementTitle(drillOriginLocalId, drillEve
         .map((intersectionElement) => intersectionElement.header)
         .filter(isDrillIntersectionAttributeItem)
         .filter((intersectionAttributeItem) => intersectionAttributeItem.attributeHeader.localIdentifier === drillOriginLocalId)
-        .map((intersectionAttributeItem) => intersectionAttributeItem.attributeHeaderItem.name)[0];
+        .map((intersectionAttributeItem) => intersectionAttributeItem.attributeHeaderItem.formattedName ??
+        intersectionAttributeItem.attributeHeaderItem.name)[0];
 }
 /**
  * Get total number of IDrillToUrl

package/esm/presentation/export/hooks/useDashboardRelatedFilters.d.ts

@@ -1,4 +1,4 @@
-import { type DashboardAttributeFilterConfigMode, type DashboardDateFilterConfigMode } from "@gooddata/sdk-model";
+import { type DashboardAttributeFilterConfigMode, type DashboardDateFilterConfigMode, type IAttributeElement, type ISeparators } from "@gooddata/sdk-model";
 /**
  * @alpha
  */
@@ -19,4 +19,11 @@ export declare function useDashboardRelatedFilters(run: boolean): {
     isError: boolean;
     isSuccess: boolean;
 };
+/**
+ * Titles to display for the elements: the raw titles, with the values of a numeric computed attribute
+ * formatted by the number format of the elements query result.
+ *
+ * @internal exported for tests
+ */
+export declare function elementsDisplayTitles(elements: IAttributeElement[], numberFormat: string | undefined, separators: ISeparators | undefined): Array<string | null>;
 //# sourceMappingURL=useDashboardRelatedFilters.d.ts.map

package/esm/presentation/export/hooks/useDashboardRelatedFilters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDashboardRelatedFilters.d.ts","sourceRoot":"","sources":["../../../../src/presentation/export/hooks/useDashboardRelatedFilters.ts"],"names":[],"mappings":"AAGA,OAAO,EACH,KAAK,kCAAkC,EACvC,KAAK,6BAA6B,EAOrC,MAAM,qBAAqB,CAAC;AAW7B;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACjC,IAAI,EAAE,iBAAiB,GAAG,YAAY,GAAG,oBAAoB,CAAC;IAC9D,GAAG,EAAE,OAAO,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,IAAI,CAAC;IACd,IAAI,EAAE,6BAA6B,GAAG,kCAAkC,CAAC;CAC5E,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,GAAG,EAAE,OAAO,GAAG;IACtD,WAAW,EAAE,sBAAsB,EAAE,CAAC;IACtC,gBAAgB,EAAE,sBAAsB,EAAE,CAAC;IAC3C,mBAAmB,EAAE,sBAAsB,EAAE,CAAC;IAC9C,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;CACtB,CA2DA"}
+{"version":3,"file":"useDashboardRelatedFilters.d.ts","sourceRoot":"","sources":["../../../../src/presentation/export/hooks/useDashboardRelatedFilters.ts"],"names":[],"mappings":"AAGA,OAAO,EACH,KAAK,kCAAkC,EACvC,KAAK,6BAA6B,EAElC,KAAK,iBAAiB,EAEtB,KAAK,WAAW,EAInB,MAAM,qBAAqB,CAAC;AAkB7B;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACjC,IAAI,EAAE,iBAAiB,GAAG,YAAY,GAAG,oBAAoB,CAAC;IAC9D,GAAG,EAAE,OAAO,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,IAAI,CAAC;IACd,IAAI,EAAE,6BAA6B,GAAG,kCAAkC,CAAC;CAC5E,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,GAAG,EAAE,OAAO,GAAG;IACtD,WAAW,EAAE,sBAAsB,EAAE,CAAC;IACtC,gBAAgB,EAAE,sBAAsB,EAAE,CAAC;IAC3C,mBAAmB,EAAE,sBAAsB,EAAE,CAAC;IAC9C,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;CACtB,CA4DA;AA4CD;;;;;GAKG;AACH,wBAAgB,qBAAqB,CACjC,QAAQ,EAAE,iBAAiB,EAAE,EAC7B,YAAY,EAAE,MAAM,GAAG,SAAS,EAChC,UAAU,EAAE,WAAW,GAAG,SAAS,GACpC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAQtB"}

package/esm/presentation/export/hooks/useDashboardRelatedFilters.js

@@ -1,8 +1,9 @@
 // (C) 2022-2026 GoodData Corporation
 import { areObjRefsEqual, getAttributeElementsItems, isDashboardAttributeFilter, } from "@gooddata/sdk-model";
-import { useBackendStrict, useCancelablePromise, useWorkspaceStrict } from "@gooddata/sdk-ui";
+import { createNumberFormatter, formatAttributeValue, useBackendStrict, useCancelablePromise, useWorkspaceStrict, } from "@gooddata/sdk-ui";
 import { useFiltersNamings } from "../../../_staging/sharedHooks/useFiltersNamings.js";
 import { useDashboardSelector } from "../../../model/react/DashboardStoreProvider.js";
+import { selectSeparators } from "../../../model/store/config/configSelectors.js";
 import { selectExecutableDashboardFilters } from "../../../model/store/filtering/dashboardFilterSelectors.js";
 import { selectAttributeFilterConfigsOverrides } from "../../../model/store/tabs/attributeFilterConfigs/attributeFilterConfigsSelectors.js";
 import { selectDateFilterConfigOverrides } from "../../../model/store/tabs/dateFilterConfig/dateFilterConfigSelectors.js";
@@ -16,14 +17,15 @@ export function useDashboardRelatedFilters(run) {
     const dateFiltersConfig = useDashboardSelector(selectDateFilterConfigsOverrides);
     const attributeFiltersConfig = useDashboardSelector(selectAttributeFilterConfigsOverrides);
     const measureValueFiltersConfig = useDashboardSelector(selectMeasureValueFilterConfigsOverrides);
+    const separators = useDashboardSelector(selectSeparators);
     const { result, status } = useCancelablePromise({
         promise: async () => {
             if (!run) {
                 return dashboardFilters;
             }
-            return Promise.all(dashboardFilters.map((f) => updateLabelElements(backend, workspaceId, attributeFiltersConfig, f)));
+            return Promise.all(dashboardFilters.map((f) => updateLabelElements(backend, workspaceId, attributeFiltersConfig, separators, f)));
         },
-    }, [run, dashboardFilters]);
+    }, [run, dashboardFilters, separators]);
     const filters = useFiltersNamings(result ?? []);
     const all = filters.filter((f) => f && !f.all).map((f) => {
         if (f?.common) {
@@ -58,7 +60,7 @@ export function useDashboardRelatedFilters(run) {
         measureValueFilters: all.filter((f) => f?.type === "measureValueFilter"),
     };
 }
-async function updateLabelElements(backend, workspaceId, attributeFiltersConfig, dashboardFilter) {
+async function updateLabelElements(backend, workspaceId, attributeFiltersConfig, separators, dashboardFilter) {
     // Skip filters that are not attribute filters
     if (isDashboardAttributeFilter(dashboardFilter)) {
         const config = attributeFiltersConfig.find((c) => c.localIdentifier === dashboardFilter.attributeFilter.localIdentifier);
@@ -76,15 +78,29 @@ async function updateLabelElements(backend, workspaceId, attributeFiltersConfig,
         });
         const data = await query.query();
         const all = await data.all();
+        // the filter is only described to the user from here on, so it carries the titles to display
         return {
             ...dashboardFilter,
             attributeFilter: {
                 ...dashboardFilter.attributeFilter,
                 attributeElements: {
-                    values: all.map((a) => a.title),
+                    values: elementsDisplayTitles(all, data.numberFormat, separators),
                 },
             },
         };
     }
     return dashboardFilter;
 }
+/**
+ * Titles to display for the elements: the raw titles, with the values of a numeric computed attribute
+ * formatted by the number format of the elements query result.
+ *
+ * @internal exported for tests
+ */
+export function elementsDisplayTitles(elements, numberFormat, separators) {
+    if (!numberFormat) {
+        return elements.map((element) => element.title);
+    }
+    const formatter = createNumberFormatter(separators);
+    return elements.map((element) => formatAttributeValue(element.title, numberFormat, formatter));
+}

package/esm/presentation/filterBar/attributeFilter/DefaultDashboardAttributeFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultDashboardAttributeFilter.d.ts","sourceRoot":"","sources":["../../../../src/presentation/filterBar/attributeFilter/DefaultDashboardAttributeFilter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAkD,MAAM,OAAO,CAAC;AAwE1F,OAAO,EAAE,KAAK,8BAA8B,EAAE,MAAM,YAAY,CAAC;AAKjE;;;;;;GAMG;AACH,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,8BAA8B,GAAG,YAAY,GAAG,IAAI,CAa1G;AAED;;GAEG;AACH,wBAAgB,kCAAkC,CAC9C,KAAK,EAAE,8BAA8B,GACtC,YAAY,GAAG,IAAI,CAErB"}
+{"version":3,"file":"DefaultDashboardAttributeFilter.d.ts","sourceRoot":"","sources":["../../../../src/presentation/filterBar/attributeFilter/DefaultDashboardAttributeFilter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAkD,MAAM,OAAO,CAAC;AAyE1F,OAAO,EAAE,KAAK,8BAA8B,EAAE,MAAM,YAAY,CAAC;AAKjE;;;;;;GAMG;AACH,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,8BAA8B,GAAG,YAAY,GAAG,IAAI,CAa1G;AAED;;GAEG;AACH,wBAAgB,kCAAkC,CAC9C,KAAK,EAAE,8BAA8B,GACtC,YAAY,GAAG,IAAI,CAErB"}

package/esm/presentation/filterBar/attributeFilter/DefaultDashboardAttributeFilter.js

@@ -9,7 +9,7 @@ import { useAttributes } from "../../../_staging/sharedHooks/useAttributes.js";
 import { useDashboardSelector } from "../../../model/react/DashboardStoreProvider.js";
 import { useDashboardUserInteraction } from "../../../model/react/useDashboardUserInteraction.js";
 import { selectBackendCapabilities } from "../../../model/store/backendCapabilities/backendCapabilitiesSelectors.js";
-import { selectAvailableAttributeFilterSelectionTypes, selectEnableImmediateAttributeFilterDisplayAsLabelMigration, selectIsApplyFiltersAllAtOnceEnabledAndSet, selectLocale, } from "../../../model/store/config/configSelectors.js";
+import { selectAvailableAttributeFilterSelectionTypes, selectEnableImmediateAttributeFilterDisplayAsLabelMigration, selectIsApplyFiltersAllAtOnceEnabledAndSet, selectLocale, selectSeparators, } from "../../../model/store/config/configSelectors.js";
 import { selectIsFilterFromCrossFilteringByLocalIdentifier } from "../../../model/store/drill/drillSelectors.js";
 import { selectIsInEditMode } from "../../../model/store/renderMode/renderModeSelectors.js";
 import { selectAttributeFilterConfigsModeMap, selectAttributeFilterConfigsModeMapByTab, selectAttributeFilterConfigsSelectionTypeMap, selectAttributeFilterConfigsSelectionTypeMapByTab, } from "../../../model/store/tabs/attributeFilterConfigs/attributeFilterConfigsSelectors.js";
@@ -54,6 +54,7 @@ function DefaultDashboardAttributeFilterInner(props) {
     const locale = useDashboardSelector(selectLocale);
     const isEditMode = useDashboardSelector(selectIsInEditMode);
     const capabilities = useDashboardSelector(selectBackendCapabilities);
+    const separators = useDashboardSelector(selectSeparators);
     // Extract common properties using wide utilities; narrow props only for standard filters
     const filterLocalId = dashboardAttributeFilterItemLocalIdentifier(filter);
     const filterTitle = dashboardAttributeFilterItemTitle(filter);
@@ -325,7 +326,7 @@ function DefaultDashboardAttributeFilterInner(props) {
         isApplyAllAtOnceEnabledAndSet,
     ]);
     const AttributeFilterComponent = props.AttributeFilterComponent ?? AttributeFilterButton;
-    const filterContent = (_jsx(AttributeFilterComponent, { title: filterTitle, resetOnParentFilterChange: false, filter: isApplyAllAtOnceEnabledAndSet ? workingAttributeFilter : attributeFilter, displayAsLabel: displayAsLabel, overlayPositionType: overlayPositionType, onApply: (newFilter, isInverted, selectionMode, selectionTitles, displayAsLabel, isResultOfMigration, additionalProps) => {
+    const filterContent = (_jsx(AttributeFilterComponent, { title: filterTitle, separators: separators, resetOnParentFilterChange: false, filter: isApplyAllAtOnceEnabledAndSet ? workingAttributeFilter : attributeFilter, displayAsLabel: displayAsLabel, overlayPositionType: overlayPositionType, onApply: (newFilter, isInverted, selectionMode, selectionTitles, displayAsLabel, isResultOfMigration, additionalProps) => {
             const isSelectionInvalid = additionalProps?.isSelectionInvalid ?? false;
             const applyToWorkingOnly = additionalProps?.applyToWorkingOnly ?? false;
             // Convert the SDK-level filter to a dashboard filter item.

package/esm/presentation/filterBar/attributeFilter/addAttributeFilter/attributeListItemTooltip/AttributeListItemTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttributeListItemTooltip.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/filterBar/attributeFilter/addAttributeFilter/attributeListItemTooltip/AttributeListItemTooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,KAAK,iBAAiB,EAA0B,MAAM,qBAAqB,CAAC;AAgBrF,UAAU,8BAA8B;IACpC,IAAI,EAAE,iBAAiB,CAAC;CAC3B;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,EAAE,IAAI,EAAE,EAAE,8BAA8B,GAAG,SAAS,CAkD5F"}
+{"version":3,"file":"AttributeListItemTooltip.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/filterBar/attributeFilter/addAttributeFilter/attributeListItemTooltip/AttributeListItemTooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,KAAK,iBAAiB,EAA0B,MAAM,qBAAqB,CAAC;AAkBrF,UAAU,8BAA8B;IACpC,IAAI,EAAE,iBAAiB,CAAC;CAC3B;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,EAAE,IAAI,EAAE,EAAE,8BAA8B,GAAG,SAAS,CAoD5F"}