@gooddata/sdk-ui-dashboard 11.53.0-alpha.0 → 11.53.0-alpha.2

package/esm/presentation/automations/shared/automationFilters/components/AutomationParameter.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useIntl } from "react-intl";
-import { DashboardParameterModeValues } from "@gooddata/sdk-model";
+import { DashboardParameterModeValues, getParameterValueTitle, } from "@gooddata/sdk-model";
 import { Dropdown, ParameterControl, UiChip, UiTooltip, isActionKey, useIdPrefixed, } from "@gooddata/sdk-ui-kit";
 /**
  * Workspace parameter as an editable chip in automation dialogs.
@@ -11,7 +11,7 @@ export function AutomationParameter({ parameter, onChange, onDelete, overlayPosi
     const intl = useIntl();
     const { ref, title, value, mode, definition } = parameter;
     const testId = `automation-parameter-${ref.identifier}`;
-    const label = intl.formatMessage({ id: "dialogs.automation.parameters.chip" }, { title, value });
+    const label = intl.formatMessage({ id: "dialogs.automation.parameters.chip" }, { title, value: getParameterValueTitle(definition, value) });
     const lockedTooltip = intl.formatMessage({ id: "dialogs.automation.filters.lockedTooltip" });
     const deleteAriaLabel = intl.formatMessage({ id: "dialogs.automation.filters.deleteAriaLabel" });
     const tooltipId = useIdPrefixed("automation-parameter-tooltip");

package/esm/presentation/automations/shared/filters/conversions.d.ts

@@ -17,14 +17,14 @@ export declare const getAppliedWidgetFilters: (selectedAutomationFilters: Filter
 export declare const getAppliedDashboardFilters: (selectedAutomationFilters: FilterContextItem[], dashboardHiddenFilters: FilterContextItem[], storeFilters?: boolean | undefined) => FilterContextItem[] | undefined;
 export declare function dashboardFilterToFilterContextItem(filter: IDashboardFilter, keepDatasets: boolean): FilterContextItem | undefined;
 /**
- * Resolve MVF dimensionality localIdRefs to stable identifierRefs using the insight's attributes.
+ * Resolve filter dimensionality localIdRefs to stable identifierRefs using the insight's attributes.
  *
- * Measure value filters may reference attributes in their dimensionality via localIdRef,
- * which is only meaningful within the insight's own execution context. When these filters
- * are used in an alert execution (which may not include the original attributes), the
- * localIdRefs become dangling. This function resolves them to display form identifierRefs.
+ * Measure value filters (in `dimensionality`) and ranking filters (in `attributes`) may reference
+ * attributes via localIdRef, which is only meaningful within the insight's own execution context.
+ * When these filters are used in an alert execution (which may not include the original attributes),
+ * the localIdRefs become dangling. This function resolves them to display form identifierRefs.
  */
-export declare function resolveMvfDimensionalityLocalRefs(filters: IFilter[], insight: IInsight | undefined): IFilter[];
+export declare function resolveFilterDimensionalityLocalRefs(filters: IFilter[], insight: IInsight | undefined): IFilter[];
 /**
  * Matches all-time date filters that are *noop*, i.e. that have no effect on execution.
  *

package/esm/presentation/automations/shared/filters/conversions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversions.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/shared/filters/conversions.ts"],"names":[],"mappings":"AAKA,OAAO,EAEH,KAAK,iBAAiB,EACtB,KAAK,wBAAwB,EAC7B,KAAK,OAAO,EACZ,KAAK,QAAQ,EAkChB,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AAEtF,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,eAAO,MAAM,0BAA0B,kMAmCtC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,+BAA+B,+OAuB3C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,wRA+CnC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,0BAA0B,sKAyBtC,CAAC;AAEF,wBAAgB,kCAAkC,CAC9C,MAAM,EAAE,gBAAgB,EACxB,YAAY,EAAE,OAAO,GACtB,iBAAiB,GAAG,SAAS,CA8E/B;AAED;;;;;;;GAOG;AACH,wBAAgB,iCAAiC,CAC7C,OAAO,EAAE,OAAO,EAAE,EAClB,OAAO,EAAE,QAAQ,GAAG,SAAS,GAC9B,OAAO,EAAE,CA4CX;AAED;;;;;;GAMG;AACH,wBAAgB,4BAA4B,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,CA0BhE"}
+{"version":3,"file":"conversions.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/shared/filters/conversions.ts"],"names":[],"mappings":"AAKA,OAAO,EAEH,KAAK,iBAAiB,EACtB,KAAK,wBAAwB,EAC7B,KAAK,OAAO,EACZ,KAAK,QAAQ,EAmChB,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,wCAAwC,CAAC;AAEtF,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,eAAO,MAAM,0BAA0B,kMAmCtC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,+BAA+B,+OAuB3C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,wRA+CnC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,0BAA0B,sKAyBtC,CAAC;AAEF,wBAAgB,kCAAkC,CAC9C,MAAM,EAAE,gBAAgB,EACxB,YAAY,EAAE,OAAO,GACtB,iBAAiB,GAAG,SAAS,CA8E/B;AAED;;;;;;;GAOG;AACH,wBAAgB,oCAAoC,CAChD,OAAO,EAAE,OAAO,EAAE,EAClB,OAAO,EAAE,QAAQ,GAAG,SAAS,GAC9B,OAAO,EAAE,CAiDX;AAyBD;;;;;;GAMG;AACH,wBAAgB,4BAA4B,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,CA0BhE"}

package/esm/presentation/automations/shared/filters/conversions.js

@@ -1,7 +1,7 @@
 // (C) 2025-2026 GoodData Corporation
 import { compact } from "lodash-es";
 import { NotSupported } from "@gooddata/sdk-backend-spi";
-import { attributeLocalId, dashboardFilterLocalIdentifier, filterAttributeElements, filterLocalIdentifier, filterObjRef, hasMeasureValueFilterConditions, insightAttributes, isAbsoluteDateFilter, isAllDashboardMeasureValueFilter, isAllTimeDateFilter, isAllValuesAttributeFilter, isAllValuesDashboardAttributeFilter, isArbitraryAttributeFilter, isAttributeFilterWithSelection, isDashboardDateFilter, isDashboardMeasureValueFilter, isDateFilter, isInsightWidget, isLocalIdRef, isMatchAttributeFilter, isMeasureValueFilter, isNegativeAttributeFilter, isNoopAllTimeDashboardDateFilter, isObjRef, isRelativeBoundedDateFilter, isRelativeDateFilter, measureValueFilterConditions, measureValueFilterMeasure, mergeFilters, newAbsoluteDashboardDateFilter, newAllTimeDashboardDateFilter, newRelativeDashboardDateFilter, } from "@gooddata/sdk-model";
+import { attributeLocalId, dashboardFilterLocalIdentifier, filterAttributeElements, filterLocalIdentifier, filterObjRef, hasMeasureValueFilterConditions, insightAttributes, isAbsoluteDateFilter, isAllDashboardMeasureValueFilter, isAllTimeDateFilter, isAllValuesAttributeFilter, isAllValuesDashboardAttributeFilter, isArbitraryAttributeFilter, isAttributeFilterWithSelection, isDashboardDateFilter, isDashboardMeasureValueFilter, isDateFilter, isInsightWidget, isLocalIdRef, isMatchAttributeFilter, isMeasureValueFilter, isNegativeAttributeFilter, isNoopAllTimeDashboardDateFilter, isObjRef, isRankingFilter, isRelativeBoundedDateFilter, isRelativeDateFilter, measureValueFilterConditions, measureValueFilterMeasure, mergeFilters, newAbsoluteDashboardDateFilter, newAllTimeDashboardDateFilter, newRelativeDashboardDateFilter, } from "@gooddata/sdk-model";
 import { filterContextItemsToDashboardFiltersByWidget } from "../../../../converters/filterConverters.js";
 import { removeIgnoredWidgetFilters } from "../../../../model/utils/widgetFilters.js";
 export const getVisibleFiltersByFilters = (selectedFilters, visibleFiltersMetadata, storeFilters) => {
@@ -63,9 +63,9 @@ export const getAppliedWidgetFilters = (selectedAutomationFilters, dashboardHidd
     const filtersToUse = mergeInsightFilters
         ? mergeFilters(insight?.insight?.filters ?? [], selectedExecutionFilters, commonDateFilterId)
         : selectedExecutionFilters;
-    // Resolve MVF dimensionality localIdRefs to stable identifierRefs so that
+    // Resolve MVF / ranking filter dimensionality localIdRefs to stable identifierRefs so that
     // alert executions (which have empty attributes) don't contain dangling refs.
-    const resolvedFilters = resolveMvfDimensionalityLocalRefs(filtersToUse, insight);
+    const resolvedFilters = resolveFilterDimensionalityLocalRefs(filtersToUse, insight);
     // Strip noop filters - they have no effect on execution.
     return resolvedFilters.filter((filter) => {
         // Strip noop "All time" date filters (implicit default with no extra configuration).
@@ -168,14 +168,14 @@ export function dashboardFilterToFilterContextItem(filter, keepDatasets) {
     throw new NotSupported(`Unsupported filter type! Please provide valid dashboard filter. Filter: ${JSON.stringify(filter)}`);
 }
 /**
- * Resolve MVF dimensionality localIdRefs to stable identifierRefs using the insight's attributes.
+ * Resolve filter dimensionality localIdRefs to stable identifierRefs using the insight's attributes.
  *
- * Measure value filters may reference attributes in their dimensionality via localIdRef,
- * which is only meaningful within the insight's own execution context. When these filters
- * are used in an alert execution (which may not include the original attributes), the
- * localIdRefs become dangling. This function resolves them to display form identifierRefs.
+ * Measure value filters (in `dimensionality`) and ranking filters (in `attributes`) may reference
+ * attributes via localIdRef, which is only meaningful within the insight's own execution context.
+ * When these filters are used in an alert execution (which may not include the original attributes),
+ * the localIdRefs become dangling. This function resolves them to display form identifierRefs.
  */
-export function resolveMvfDimensionalityLocalRefs(filters, insight) {
+export function resolveFilterDimensionalityLocalRefs(filters, insight) {
     if (!insight) {
         return filters;
     }
@@ -187,31 +187,49 @@ export function resolveMvfDimensionalityLocalRefs(filters, insight) {
         return filters;
     }
     return filters.map((filter) => {
-        if (!isMeasureValueFilter(filter)) {
-            return filter;
+        if (isMeasureValueFilter(filter)) {
+            const resolvedDimensionality = resolveDimensionalityItems(filter.measureValueFilter.dimensionality, attributeLocalIdToDisplayForm);
+            return resolvedDimensionality
+                ? {
+                    ...filter,
+                    measureValueFilter: {
+                        ...filter.measureValueFilter,
+                        dimensionality: resolvedDimensionality,
+                    },
+                }
+                : filter;
         }
-        const dimensionality = filter.measureValueFilter.dimensionality;
-        if (!dimensionality?.length) {
-            return filter;
+        if (isRankingFilter(filter)) {
+            const resolvedAttributes = resolveDimensionalityItems(filter.rankingFilter.attributes, attributeLocalIdToDisplayForm);
+            return resolvedAttributes
+                ? {
+                    ...filter,
+                    rankingFilter: {
+                        ...filter.rankingFilter,
+                        attributes: resolvedAttributes,
+                    },
+                }
+                : filter;
         }
-        const resolvedDimensionality = dimensionality.map((item) => {
-            if (!isLocalIdRef(item)) {
-                return item;
-            }
-            return attributeLocalIdToDisplayForm.get(item.localIdentifier) ?? item;
-        });
-        const changed = dimensionality.some((item, i) => item !== resolvedDimensionality[i]);
-        if (!changed) {
-            return filter;
+        return filter;
+    });
+}
+/**
+ * Resolve localIdRef dimensionality items to display form refs; returns undefined when there is
+ * nothing to resolve (empty dimensionality or no item changed), so callers can keep the original filter.
+ */
+function resolveDimensionalityItems(dimensionality, attributeLocalIdToDisplayForm) {
+    if (!dimensionality?.length) {
+        return undefined;
+    }
+    const resolved = dimensionality.map((item) => {
+        if (!isLocalIdRef(item)) {
+            return item;
         }
-        return {
-            ...filter,
-            measureValueFilter: {
-                ...filter.measureValueFilter,
-                dimensionality: resolvedDimensionality,
-            },
-        };
+        return attributeLocalIdToDisplayForm.get(item.localIdentifier) ?? item;
     });
+    const changed = dimensionality.some((item, i) => item !== resolved[i]);
+    return changed ? resolved : undefined;
 }
 /**
  * Matches all-time date filters that are *noop*, i.e. that have no effect on execution.

package/esm/presentation/automations/shared/filters/index.d.ts

@@ -1,2 +1,2 @@
-export { getVisibleFiltersByFilters, getVisibleFiltersByFiltersByTab, getAppliedWidgetFilters, getAppliedDashboardFilters, dashboardFilterToFilterContextItem, resolveMvfDimensionalityLocalRefs, isNoopAllTimeDateFilterFixed, } from "./conversions.js";
+export { getVisibleFiltersByFilters, getVisibleFiltersByFiltersByTab, getAppliedWidgetFilters, getAppliedDashboardFilters, dashboardFilterToFilterContextItem, resolveFilterDimensionalityLocalRefs, isNoopAllTimeDateFilterFixed, } from "./conversions.js";
 //# sourceMappingURL=index.d.ts.map

package/esm/presentation/automations/shared/filters/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/shared/filters/index.ts"],"names":[],"mappings":"AAIA,OAAO,EACH,0BAA0B,EAC1B,+BAA+B,EAC/B,uBAAuB,EACvB,0BAA0B,EAC1B,kCAAkC,EAClC,iCAAiC,EACjC,4BAA4B,GAC/B,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/shared/filters/index.ts"],"names":[],"mappings":"AAIA,OAAO,EACH,0BAA0B,EAC1B,+BAA+B,EAC/B,uBAAuB,EACvB,0BAA0B,EAC1B,kCAAkC,EAClC,oCAAoC,EACpC,4BAA4B,GAC/B,MAAM,kBAAkB,CAAC"}

package/esm/presentation/automations/shared/filters/index.js

@@ -1,3 +1,3 @@
 // (C) 2026 GoodData Corporation
 /* oxlint-disable no-barrel-files/no-barrel-files */
-export { getVisibleFiltersByFilters, getVisibleFiltersByFiltersByTab, getAppliedWidgetFilters, getAppliedDashboardFilters, dashboardFilterToFilterContextItem, resolveMvfDimensionalityLocalRefs, isNoopAllTimeDateFilterFixed, } from "./conversions.js";
+export { getVisibleFiltersByFilters, getVisibleFiltersByFiltersByTab, getAppliedWidgetFilters, getAppliedDashboardFilters, dashboardFilterToFilterContextItem, resolveFilterDimensionalityLocalRefs, isNoopAllTimeDateFilterFixed, } from "./conversions.js";

package/esm/presentation/automations/shared/slots/types.d.ts

@@ -0,0 +1,58 @@
+import { type ComponentType, type ReactNode } from "react";
+/**
+ * Contract of a section-level slot: the default implementation and the exact props the default
+ * dialog would render it with.
+ *
+ * The component a customer assigns to a slot is rendered as an element type, so its reference
+ * identity is load-bearing: define it at module scope (or memoize it), never inline in a render
+ * function — an inline definition gets a fresh identity on every render of the declaring
+ * component, which unmounts and remounts the region, losing focus and transient DOM state.
+ *
+ * Render `<Default {...defaultProps} />` inside your own markup to wrap the region rather than
+ * replace it; a slot that does not spread `defaultProps` onto `Default` loses the default
+ * behavior wired through them (including the dialog's initial-focus ref).
+ *
+ * @alpha
+ */
+export interface ISlotProps<TProps> {
+    /**
+     * The default implementation of the region.
+     */
+    Default: ComponentType<TProps>;
+    /**
+     * The exact props the default dialog would render {@link ISlotProps.Default} with.
+     */
+    defaultProps: TProps;
+}
+/**
+ * Members shared by both automation dialogs' header regions.
+ *
+ * @alpha
+ */
+export interface IAutomationDialogHeaderProps {
+    /**
+     * Current automation title.
+     */
+    title: string;
+    /**
+     * Placeholder shown while the title is empty.
+     */
+    placeholder: string;
+    /**
+     * Whether the secondary title row is shown.
+     */
+    isSecondaryTitleVisible?: boolean;
+    /**
+     * Secondary title text (e.g. the widget name).
+     */
+    secondaryTitle?: string;
+    /**
+     * Icon rendered before the secondary title.
+     */
+    secondaryTitleIcon: ReactNode;
+    /**
+     * Called on every title change with the new value. The dialog validates the title itself.
+     */
+    onChange: (value: string) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/esm/presentation/automations/shared/slots/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/shared/slots/types.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3D;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,UAAU,CAAC,MAAM;IAC9B;;OAEG;IACH,OAAO,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAE/B;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;CACxB;AAED;;;;GAIG;AACH,MAAM,WAAW,4BAA4B;IACzC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,kBAAkB,EAAE,SAAS,CAAC;IAE9B;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC"}

package/esm/presentation/automations/shared/slots/types.js

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

package/esm/presentation/automations/shared/utils/automationTitle.d.ts

@@ -0,0 +1,5 @@
+/** Maximum permitted length for an automation title, inclusive. */
+export declare const MAX_AUTOMATION_TITLE_LENGTH = 255;
+/** Returns whether an automation title is within the permitted length. */
+export declare function isAutomationTitleValid(value: string): boolean;
+//# sourceMappingURL=automationTitle.d.ts.map

package/esm/presentation/automations/shared/utils/automationTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"automationTitle.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/shared/utils/automationTitle.ts"],"names":[],"mappings":"AAEA,mEAAmE;AACnE,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAE/C,0EAA0E;AAC1E,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAE7D"}

package/esm/presentation/automations/shared/utils/automationTitle.js

@@ -0,0 +1,7 @@
+// (C) 2026 GoodData Corporation
+/** Maximum permitted length for an automation title, inclusive. */
+export const MAX_AUTOMATION_TITLE_LENGTH = 255;
+/** Returns whether an automation title is within the permitted length. */
+export function isAutomationTitleValid(value) {
+    return value.length <= MAX_AUTOMATION_TITLE_LENGTH;
+}

package/esm/presentation/dashboard/DashboardHeader/DashboardHeader.d.ts

@@ -1,4 +1,4 @@
 import { type ReactElement } from "react";
-export declare function DashboardTabsWrapper(): import("react/jsx-runtime").JSX.Element;
+export declare function DashboardTabsWrapper(): import("react/jsx-runtime").JSX.Element | null;
 export declare function DashboardHeader(): ReactElement;
 //# sourceMappingURL=DashboardHeader.d.ts.map

package/esm/presentation/dashboard/DashboardHeader/DashboardHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardHeader.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/DashboardHeader/DashboardHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAsE1C,wBAAgB,oBAAoB,4CAGnC;AAID,wBAAgB,eAAe,IAAI,YAAY,CA0B9C"}
+{"version":3,"file":"DashboardHeader.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/DashboardHeader/DashboardHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AA4E1C,wBAAgB,oBAAoB,mDAOnC;AAID,wBAAgB,eAAe,IAAI,YAAY,CA0B9C"}

package/esm/presentation/dashboard/DashboardHeader/DashboardHeader.js

@@ -1,4 +1,6 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useDashboardSelector } from "../../../model/react/DashboardStoreProvider.js";
+import { selectIsAiGenerating } from "../../../model/store/config/configSelectors.js";
 import { ScheduledEmailAutomationsProvider, ScheduledEmailConnector, } from "../../automations/connectors/ScheduledEmailConnector.js";
 import { CancelEditDialog } from "../../cancelEditDialog/CancelEditDialog.js";
 import { useCancelEditDialog } from "../../cancelEditDialog/DefaultCancelEditDialog.js";
@@ -49,6 +51,10 @@ function TopBarWrapper() {
 }
 function FilterBarWrapper() {
     const filterBarProps = useFilterBarProps();
+    const isAiGenerating = useDashboardSelector(selectIsAiGenerating);
+    if (isAiGenerating) {
+        return null;
+    }
     return _jsx(FilterBar, { ...filterBarProps });
 }
 function CancelEditDialogWrapper() {
@@ -57,6 +63,10 @@ function CancelEditDialogWrapper() {
 }
 export function DashboardTabsWrapper() {
     const dashboardTabsProps = useDashboardTabsProps();
+    const isAiGenerating = useDashboardSelector(selectIsAiGenerating);
+    if (isAiGenerating) {
+        return null;
+    }
     return _jsx(DashboardTabs, { ...dashboardTabsProps });
 }
 // split the header parts of the dashboard so that changes to their state

package/esm/presentation/dashboard/DashboardSidebar/CreationPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreationPanel.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/DashboardSidebar/CreationPanel.tsx"],"names":[],"mappings":"AAaA,OAAO,EACH,KAAK,2BAA2B,EAChC,KAAK,iCAAiC,EACtC,KAAK,yBAAyB,EAC9B,KAAK,0BAA0B,EAC/B,KAAK,uCAAuC,EAC/C,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EACH,KAAK,qCAAqC,EAC1C,KAAK,qCAAqC,EAC7C,MAAM,4BAA4B,CAAC;AAIpC,UAAU,mBAAmB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC,CAAC,EAAE,qCAAqC,CAAC;IAC7E,oCAAoC,CAAC,EAAE,qCAAqC,CAAC;IAC7E,2BAA2B,CAAC,EAAE,2BAA2B,CAAC;IAC1D,yBAAyB,CAAC,EAAE,yBAAyB,CAAC;IACtD,0BAA0B,CAAC,EAAE,0BAA0B,CAAC;IACxD,uCAAuC,CAAC,EAAE,uCAAuC,CAAC;IAClF,iCAAiC,CAAC,EAAE,iCAAiC,CAAC;CACzE;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,mBAAmB,2CA8DvD"}
+{"version":3,"file":"CreationPanel.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/DashboardSidebar/CreationPanel.tsx"],"names":[],"mappings":"AAcA,OAAO,EACH,KAAK,2BAA2B,EAChC,KAAK,iCAAiC,EACtC,KAAK,yBAAyB,EAC9B,KAAK,0BAA0B,EAC/B,KAAK,uCAAuC,EAC/C,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EACH,KAAK,qCAAqC,EAC1C,KAAK,qCAAqC,EAC7C,MAAM,4BAA4B,CAAC;AAIpC,UAAU,mBAAmB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC,CAAC,EAAE,qCAAqC,CAAC;IAC7E,oCAAoC,CAAC,EAAE,qCAAqC,CAAC;IAC7E,2BAA2B,CAAC,EAAE,2BAA2B,CAAC;IAC1D,yBAAyB,CAAC,EAAE,yBAAyB,CAAC;IACtD,0BAA0B,CAAC,EAAE,0BAA0B,CAAC;IACxD,uCAAuC,CAAC,EAAE,uCAAuC,CAAC;IAClF,iCAAiC,CAAC,EAAE,iCAAiC,CAAC;CACzE;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,mBAAmB,2CAkEvD"}

package/esm/presentation/dashboard/DashboardSidebar/CreationPanel.js

@@ -7,12 +7,14 @@ import { FormattedMessage } from "react-intl";
 import { Typography } from "@gooddata/sdk-ui-kit";
 import { useDashboardSelector } from "../../../model/react/DashboardStoreProvider.js";
 import { selectSupportsRichTextWidgets } from "../../../model/store/backendCapabilities/backendCapabilitiesSelectors.js";
+import { selectIsAiGenerating } from "../../../model/store/config/configSelectors.js";
 import { selectIsNewDashboard } from "../../../model/store/meta/metaSelectors.js";
 import { DraggableInsightList } from "./DraggableInsightList/DraggableInsightList.js";
 export function CreationPanel(props) {
     const { className, WrapCreatePanelItemWithDragComponent, WrapInsightListItemWithDragComponent } = props;
     const supportsRichText = useDashboardSelector(selectSupportsRichTextWidgets);
     const isNewDashboard = useDashboardSelector(selectIsNewDashboard);
+    const isAiGenerating = useDashboardSelector(selectIsAiGenerating);
     const AttributeFilterComponentSet = props.AttributeFilterComponentSet;
     const InsightWidgetComponentSet = props.InsightWidgetComponentSet;
     const RichTextWidgetComponentSet = props.RichTextWidgetComponentSet;
@@ -27,7 +29,7 @@ export function CreationPanel(props) {
             supportsRichText && RichTextWidgetComponentSet.creating,
         ]);
         return sortBy(items, (item) => item.priority ?? 0).map(({ CreatePanelListItemComponent, type }) => {
-            return (_jsx(CreatePanelListItemComponent, { WrapCreatePanelItemWithDragComponent: WrapCreatePanelItemWithDragComponent }, type));
+            return (_jsx(CreatePanelListItemComponent, { WrapCreatePanelItemWithDragComponent: WrapCreatePanelItemWithDragComponent, disabled: isAiGenerating }, type));
         });
     }, [
         AttributeFilterComponentSet,
@@ -37,12 +39,13 @@ export function CreationPanel(props) {
         DashboardLayoutWidgetComponentSet,
         supportsRichText,
         WrapCreatePanelItemWithDragComponent,
+        isAiGenerating,
     ]);
     return (_jsx("div", { className: cx("configuration-panel creation-panel", className), children: _jsxs("div", { className: "configuration-panel-content", children: [
                 _jsx(Typography, { tagName: "h2", className: "flex-panel-item-nostretch", children: _jsx(FormattedMessage, { id: "visualizationsList.dragToAdd" }) }), _jsxs("div", { className: "configuration-category drag-to-add", children: [
                         _jsx(Typography, { tagName: "h3", children: _jsx(FormattedMessage, { id: "addPanel.newItem" }) }), _jsx("div", { className: "add-item-panel", children: addItemPanelItems })
                     ] }), _jsxs("div", { className: "configuration-category configuration-category-vis drag-to-add flex-panel-item-stretch", children: [
-                        _jsx(Typography, { tagName: "h3", children: _jsx(FormattedMessage, { id: "visualizationsList.savedVisualizations" }) }), _jsx(DraggableInsightList, { WrapInsightListItemWithDragComponent: WrapInsightListItemWithDragComponent, recalculateSizeReference: className, searchAutofocus: !isNewDashboard })
+                        _jsx(Typography, { tagName: "h3", children: _jsx(FormattedMessage, { id: "visualizationsList.savedVisualizations" }) }), _jsx(DraggableInsightList, { WrapInsightListItemWithDragComponent: WrapInsightListItemWithDragComponent, recalculateSizeReference: className, searchAutofocus: !isNewDashboard, disabled: isAiGenerating })
                     ] })
             ] }) }));
 }

package/esm/presentation/dashboard/DashboardSidebar/DraggableInsightList/DraggableInsightList.d.ts

@@ -3,7 +3,8 @@ interface IDraggableInsightListProps {
     WrapInsightListItemWithDragComponent?: IWrapInsightListItemWithDragComponent;
     recalculateSizeReference?: string;
     searchAutofocus?: boolean;
+    disabled?: boolean;
 }
-export declare function DraggableInsightList({ recalculateSizeReference, searchAutofocus, WrapInsightListItemWithDragComponent }: IDraggableInsightListProps): import("react/jsx-runtime").JSX.Element;
+export declare function DraggableInsightList({ recalculateSizeReference, searchAutofocus, WrapInsightListItemWithDragComponent, disabled }: IDraggableInsightListProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=DraggableInsightList.d.ts.map

package/esm/presentation/dashboard/DashboardSidebar/DraggableInsightList/DraggableInsightList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableInsightList.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/dashboard/DashboardSidebar/DraggableInsightList/DraggableInsightList.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,qCAAqC,EAAE,MAAM,+BAA+B,CAAC;AAI3F,UAAU,0BAA0B;IAChC,oCAAoC,CAAC,EAAE,qCAAqC,CAAC;IAC7E,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAgB,oBAAoB,CAAC,EACjC,wBAAwB,EACxB,eAAe,EACf,oCAAoC,EACvC,EAAE,0BAA0B,2CAsB5B"}
+{"version":3,"file":"DraggableInsightList.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/dashboard/DashboardSidebar/DraggableInsightList/DraggableInsightList.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,qCAAqC,EAAE,MAAM,+BAA+B,CAAC;AAI3F,UAAU,0BAA0B;IAChC,oCAAoC,CAAC,EAAE,qCAAqC,CAAC;IAC7E,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,oBAAoB,CAAC,EACjC,wBAAwB,EACxB,eAAe,EACf,oCAAoC,EACpC,QAAQ,EACX,EAAE,0BAA0B,2CAuB5B"}

package/esm/presentation/dashboard/DashboardSidebar/DraggableInsightList/DraggableInsightList.js

@@ -3,10 +3,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
 import { FlexDimensions } from "@gooddata/sdk-ui-kit";
 import { DraggableInsightListCore } from "./DraggableInsightListCore.js";
-export function DraggableInsightList({ recalculateSizeReference, searchAutofocus, WrapInsightListItemWithDragComponent, }) {
+export function DraggableInsightList({ recalculateSizeReference, searchAutofocus, WrapInsightListItemWithDragComponent, disabled, }) {
     const flexRef = useRef(null);
     useEffect(() => {
         flexRef.current?.updateSize();
     }, [recalculateSizeReference]);
-    return (_jsx("div", { className: "gd-visualizations-list gd-flex-item-stretch gd-flex-row-container", children: _jsx(FlexDimensions, { ref: flexRef, measureHeight: true, measureWidth: true, className: "visualizations-flex-dimensions", children: _jsx(DraggableInsightListCore, { WrapInsightListItemWithDragComponent: WrapInsightListItemWithDragComponent, searchAutofocus: searchAutofocus }) }) }));
+    return (_jsx("div", { className: "gd-visualizations-list gd-flex-item-stretch gd-flex-row-container", children: _jsx(FlexDimensions, { ref: flexRef, measureHeight: true, measureWidth: true, className: "visualizations-flex-dimensions", children: _jsx(DraggableInsightListCore, { WrapInsightListItemWithDragComponent: WrapInsightListItemWithDragComponent, searchAutofocus: searchAutofocus, disabled: disabled }) }) }));
 }

package/esm/presentation/dashboard/DashboardSidebar/DraggableInsightList/DraggableInsightListCore.d.ts

@@ -1,3 +1,3 @@
 import { type IInsightListProps } from "../../../insightList/types.js";
-export declare function DraggableInsightListCore({ WrapInsightListItemWithDragComponent, ...remainingProps }: IInsightListProps): import("react/jsx-runtime").JSX.Element;
+export declare function DraggableInsightListCore({ WrapInsightListItemWithDragComponent, disabled, ...remainingProps }: IInsightListProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DraggableInsightListCore.d.ts.map

package/esm/presentation/dashboard/DashboardSidebar/DraggableInsightList/DraggableInsightListCore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableInsightListCore.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/dashboard/DashboardSidebar/DraggableInsightList/DraggableInsightListCore.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAIvE,wBAAgB,wBAAwB,CAAC,EACrC,oCAAoC,EACpC,GAAG,cAAc,EACpB,EAAE,iBAAiB,2CAsDnB"}
+{"version":3,"file":"DraggableInsightListCore.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/dashboard/DashboardSidebar/DraggableInsightList/DraggableInsightListCore.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAIvE,wBAAgB,wBAAwB,CAAC,EACrC,oCAAoC,EACpC,QAAQ,EACR,GAAG,cAAc,EACpB,EAAE,iBAAiB,2CAwDnB"}

package/esm/presentation/dashboard/DashboardSidebar/DraggableInsightList/DraggableInsightListCore.js

@@ -10,11 +10,11 @@ import { useDashboardComponentsContext } from "../../../dashboardContexts/Dashbo
 import { InsightList } from "../../../insightList/InsightList.js";
 import { InsightListDivider } from "../../../insightList/InsightListDivider.js";
 import { DraggableInsightListItemWrapper } from "./DraggableInsightListItemWrapper.js";
-export function DraggableInsightListCore({ WrapInsightListItemWithDragComponent, ...remainingProps }) {
+export function DraggableInsightListCore({ WrapInsightListItemWithDragComponent, disabled, ...remainingProps }) {
     const userInteraction = useDashboardUserInteraction();
     const settings = useDashboardSelector(selectSettings);
     const { LoadingComponent } = useDashboardComponentsContext();
-    return (_jsx(InsightList, { ...remainingProps, renderItem: ({ item: insight, width, isFirst, isLast }) => {
+    return (_jsx(InsightList, { ...remainingProps, disabled: disabled, renderItem: ({ item: insight, width, isFirst, isLast }) => {
             if (!insight) {
                 return _jsx(InsightListItem, { isLoading: true });
             }
@@ -34,6 +34,6 @@ export function DraggableInsightListCore({ WrapInsightListItemWithDragComponent,
             };
             return (_jsx(DraggableInsightListItemWrapper, { WrapInsightListItemWithDragComponent: WrapInsightListItemWithDragComponent, title: insightTitle(insight), description: description, showDescriptionPanel: true, type: visualizationType, width: width, className: classNames, updated: insightUpdated(insight) ?? insightCreated(insight), isLocked: insightIsLocked(insight), insight: insight, onDescriptionPanelOpen: () => {
                     userInteraction.descriptionTooltipOpened(eventPayload);
-                }, metadataTimeZone: settings?.metadataTimeZone, useReferences: true, LoadingComponent: LoadingComponent }));
+                }, metadataTimeZone: settings?.metadataTimeZone, useReferences: true, LoadingComponent: LoadingComponent, disabled: disabled }));
         } }));
 }

package/esm/presentation/dashboard/DashboardSidebar/DraggableInsightList/DraggableInsightListItemWrapper.d.ts

@@ -5,8 +5,9 @@ interface IDraggableInsightListItemWrapperProps extends IInsightListItemProps {
     WrapInsightListItemWithDragComponent?: IWrapInsightListItemWithDragComponent;
     className?: string;
     insight: IInsight;
+    disabled?: boolean;
 }
 export declare function DraggableInsightListItemBody(props: CustomDashboardInsightListItemComponentProps): import("react/jsx-runtime").JSX.Element;
-export declare function DraggableInsightListItemWrapper({ WrapInsightListItemWithDragComponent, className, isLocked, title, description, showDescriptionPanel, type, updated, insight, onDescriptionPanelOpen, metadataTimeZone, useReferences, LoadingComponent, filters, width }: IDraggableInsightListItemWrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare function DraggableInsightListItemWrapper({ WrapInsightListItemWithDragComponent, className, isLocked, title, description, showDescriptionPanel, type, updated, insight, onDescriptionPanelOpen, metadataTimeZone, useReferences, LoadingComponent, filters, width, disabled }: IDraggableInsightListItemWrapperProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=DraggableInsightListItemWrapper.d.ts.map

package/esm/presentation/dashboard/DashboardSidebar/DraggableInsightList/DraggableInsightListItemWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableInsightListItemWrapper.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/dashboard/DashboardSidebar/DraggableInsightList/DraggableInsightListItemWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,KAAK,qBAAqB,EAAmB,MAAM,sBAAsB,CAAC;AAGnF,OAAO,EACH,KAAK,4CAA4C,EACjD,KAAK,qCAAqC,EAC7C,MAAM,+BAA+B,CAAC;AAEvC,UAAU,qCAAsC,SAAQ,qBAAqB;IACzE,oCAAoC,CAAC,EAAE,qCAAqC,CAAC;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,QAAQ,CAAC;CACrB;AAED,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,4CAA4C,2CAO/F;AAED,wBAAgB,+BAA+B,CAAC,EAC5C,oCAAoC,EACpC,SAAS,EACT,QAAQ,EACR,KAAK,EACL,WAAW,EACX,oBAAoB,EACpB,IAAI,EACJ,OAAO,EACP,OAAO,EACP,sBAAsB,EACtB,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,OAAO,EACP,KAAK,EACR,EAAE,qCAAqC,2CAuBvC"}
+{"version":3,"file":"DraggableInsightListItemWrapper.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/dashboard/DashboardSidebar/DraggableInsightList/DraggableInsightListItemWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,KAAK,qBAAqB,EAAmB,MAAM,sBAAsB,CAAC;AAGnF,OAAO,EACH,KAAK,4CAA4C,EACjD,KAAK,qCAAqC,EAC7C,MAAM,+BAA+B,CAAC;AAEvC,UAAU,qCAAsC,SAAQ,qBAAqB;IACzE,oCAAoC,CAAC,EAAE,qCAAqC,CAAC;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,QAAQ,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,4CAA4C,2CAO/F;AAED,wBAAgB,+BAA+B,CAAC,EAC5C,oCAAoC,EACpC,SAAS,EACT,QAAQ,EACR,KAAK,EACL,WAAW,EACX,oBAAoB,EACpB,IAAI,EACJ,OAAO,EACP,OAAO,EACP,sBAAsB,EACtB,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,OAAO,EACP,KAAK,EACL,QAAQ,EACX,EAAE,qCAAqC,2CAyBvC"}

package/esm/presentation/dashboard/DashboardSidebar/DraggableInsightList/DraggableInsightListItemWrapper.js

@@ -5,7 +5,7 @@ export function DraggableInsightListItemBody(props) {
     const { className } = props;
     return (_jsx("div", { className: className, children: _jsx(InsightListItem, { ...props }) }));
 }
-export function DraggableInsightListItemWrapper({ WrapInsightListItemWithDragComponent, className, isLocked, title, description, showDescriptionPanel, type, updated, insight, onDescriptionPanelOpen, metadataTimeZone, useReferences, LoadingComponent, filters, width, }) {
+export function DraggableInsightListItemWrapper({ WrapInsightListItemWithDragComponent, className, isLocked, title, description, showDescriptionPanel, type, updated, insight, onDescriptionPanelOpen, metadataTimeZone, useReferences, LoadingComponent, filters, width, disabled, }) {
     return (_jsx(DraggableInsightListItem, { WrapInsightListItemWithDragComponent: WrapInsightListItemWithDragComponent, ListItemComponent: DraggableInsightListItemBody, listItemComponentProps: {
             className,
             isLocked,
@@ -20,5 +20,6 @@ export function DraggableInsightListItemWrapper({ WrapInsightListItemWithDragCom
             LoadingComponent,
             filters,
             width,
-        }, insight: insight }));
+            disabled,
+        }, insight: insight, disabled: disabled }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"DashboardInner.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/components/DashboardInner.tsx"],"names":[],"mappings":"AAwCA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAOnD,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,2CA4GpD"}
+{"version":3,"file":"DashboardInner.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/components/DashboardInner.tsx"],"names":[],"mappings":"AA4CA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAQnD,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,2CAwHpD"}

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // (C) 2022-2026 GoodData Corporation
 import { useEffect, useRef } from "react";
 import cx from "classnames";
@@ -7,7 +7,7 @@ import { useDashboardSelector } from "../../../model/react/DashboardStoreProvide
 import { useDashboardAutomations } from "../../../model/react/useDashboardAutomations/useDashboardAutomations.js";
 import { selectAccessibleDashboardsLoaded } from "../../../model/store/accessibleDashboards/accessibleDashboardsSelectors.js";
 import { selectCatalogIsLoaded } from "../../../model/store/catalog/catalogSelectors.js";
-import { selectLocale, selectSettings } from "../../../model/store/config/configSelectors.js";
+import { selectIsAiGenerating, selectLocale, selectSettings, } from "../../../model/store/config/configSelectors.js";
 import { selectIsInEditMode } from "../../../model/store/renderMode/renderModeSelectors.js";
 import { selectDashboardDensity } from "../../../model/store/ui/uiSelectors.js";
 import { DASHBOARD_HEADER_OVERLAYS_Z_INDEX, DASHBOARD_TOASTS_OVERLAY_Z_INDEX, } from "../../constants/zIndex.js";
@@ -25,6 +25,7 @@ import { DashboardSidebar } from "../DashboardSidebar/DashboardSidebar.js";
 import { RenderModeAwareDashboardSidebar } from "../DashboardSidebar/RenderModeAwareDashboardSidebar.js";
 import { ResizableSidebarProvider, useResizableSidebarState, } from "../DashboardSidebar/SidebarResizeContext.js";
 import { DashboardScreenSizeProvider } from "./DashboardScreenSizeContext.js";
+import { DashboardSkeleton } from "./DashboardSkeleton.js";
 const overlayController = OverlayController.getInstance(DASHBOARD_HEADER_OVERLAYS_Z_INDEX);
 const toastsOverlayController = OverlayController.getInstance(DASHBOARD_TOASTS_OVERLAY_Z_INDEX);
 export function DashboardInner(props) {
@@ -34,6 +35,7 @@ export function DashboardInner(props) {
     const accessibleDashboardsLoaded = useDashboardSelector(selectAccessibleDashboardsLoaded);
     const density = useDashboardSelector(selectDashboardDensity);
     const settings = useDashboardSelector(selectSettings);
+    const isAiGenerating = useDashboardSelector(selectIsAiGenerating);
     const enableEnhancedInsightPicker = settings?.enableEnhancedInsightPicker ?? false;
     const headerRef = useRef(null);
     const layoutRef = useRef(null);
@@ -75,11 +77,13 @@ export function DashboardInner(props) {
                         }), children: [
                             _jsx(DragLayerComponent, {}), _jsxs("div", { className: cx("gd-dashboards-root gd-flex-container", {
                                     "gd-dashboards-root--floating-toolbar": enableEnhancedInsightPicker,
+                                    "sdk-dashboard-generating": isAiGenerating,
                                 }), style: dashboardsRootStyle, children: [
                                     _jsx(DashboardSidebar, { DefaultSidebar: RenderModeAwareDashboardSidebar, DeleteDropZoneComponent: DeleteDropZone, WrapCreatePanelItemWithDragComponent: WrapCreatePanelItemWithDrag, WrapInsightListItemWithDragComponent: WrapInsightListItemWithDrag }), _jsxs("main", { className: dashboardContentClassNames, ...mainContentNavigationProps, children: [
-                                            _jsx("div", { className: "gd-dash-header-wrapper gd-dash-header-wrapper-sdk-8-12", ref: headerRef, children: _jsx(OverlayControllerProvider, { overlayController: overlayController, children: _jsx(DashboardHeader, {}) }) }), _jsxs("div", { className: "gd-flex-item-stretch dash-section dash-section-kpis", ref: layoutRef, children: [
-                                                    _jsx(DashboardScreenSizeProvider, { children: _jsx(DashboardContent, { ...props }) }), enableEnhancedInsightPicker ? _jsx(FilterDeleteOverlay, {}) : null] }), _jsx("div", { className: "gd-dash-bottom-position-pixel", ref: bottomRef })
-                                        ] })
+                                            _jsx("div", { className: "gd-dash-header-wrapper gd-dash-header-wrapper-sdk-8-12", ref: headerRef, children: _jsx(OverlayControllerProvider, { overlayController: overlayController, children: _jsx(DashboardHeader, {}) }) }), isAiGenerating ? (_jsx("div", { className: "gd-flex-item-stretch dash-section dash-section-kpis", children: _jsx(DashboardScreenSizeProvider, { children: _jsx(DashboardSkeleton, {}) }) })) : (_jsxs(_Fragment, { children: [
+                                                    _jsxs("div", { className: "gd-flex-item-stretch dash-section dash-section-kpis", ref: layoutRef, children: [
+                                                            _jsx(DashboardScreenSizeProvider, { children: _jsx(DashboardContent, { ...props }) }), enableEnhancedInsightPicker ? _jsx(FilterDeleteOverlay, {}) : null] }), _jsx("div", { className: "gd-dash-bottom-position-pixel", ref: bottomRef })
+                                                ] }))] })
                                 ] }), _jsx(Toolbar, {})
                         ] }) })
             ] }) }));

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

@@ -0,0 +1,5 @@
+/**
+ * @internal
+ */
+export declare function DashboardSkeleton(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DashboardSkeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/components/DashboardSkeleton.tsx"],"names":[],"mappings":"AAkCA;;GAEG;AACH,wBAAgB,iBAAiB,4CA4ChC"}

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

@@ -0,0 +1,30 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Skeleton from "react-loading-skeleton";
+import { useScreenSize } from "./DashboardScreenSizeContext.js";
+function DashboardSkeletonWrapper({ children }) {
+    return _jsx("div", { className: "gd-skeleton-wrapper", children: children });
+}
+function DashboardSkeletonFilter({ index }) {
+    return (_jsxs("div", { className: "gd-skeleton-filter", children: [
+            _jsx(Skeleton, { className: "gd-react-loading-skeleton", width: index % 2 === 0 ? 40 : 80, height: 14 }), _jsx(Skeleton, { className: "gd-react-loading-skeleton", width: index % 2 === 0 ? 80 : 40, height: 14 })
+        ] }));
+}
+function DashboardSkeletonFilterBar() {
+    return (_jsxs("div", { className: "gd-skeleton-filter-bar", children: [
+            _jsx(DashboardSkeletonFilter, { index: 0 }, 0), _jsx(DashboardSkeletonFilter, { index: 1 }, 1), _jsx(DashboardSkeletonFilter, { index: 2 }, 2)
+        ] }));
+}
+/**
+ * @internal
+ */
+export function DashboardSkeleton() {
+    const screenSize = useScreenSize();
+    const isSmall = screenSize === "xs" || screenSize === "sm";
+    return (_jsx("div", { className: "sdk-dashboard-skeleton", children: _jsxs(DashboardSkeletonWrapper, { children: [
+                _jsx(DashboardSkeletonFilterBar, {}), _jsx("div", { className: "gd-skeleton-content", children: isSmall ? (_jsxs(_Fragment, { children: [
+                            _jsx(Skeleton, { containerClassName: "skeleton-flex", className: "gd-react-loading-skeleton", width: "100%", height: 220 }), _jsx(Skeleton, { containerClassName: "skeleton-flex", className: "gd-react-loading-skeleton", width: "100%", height: 220 })
+                        ] })) : (_jsxs(_Fragment, { children: [
+                            _jsx(Skeleton, { containerClassName: "skeleton-flex", className: "gd-react-loading-skeleton", width: "100%", height: 440 }), _jsx(Skeleton, { containerClassName: "skeleton-flex", className: "gd-react-loading-skeleton", width: "100%", height: 440 })
+                        ] })) })
+            ] }) }));
+}

package/esm/presentation/dragAndDrop/WrapInsightListItemWithDrag.d.ts

@@ -2,5 +2,5 @@ import { type IWrapInsightListItemWithDragProps } from "./types.js";
 /**
  * @internal
  */
-export declare function WrapInsightListItemWithDrag({ children, insight, onDragStart }: IWrapInsightListItemWithDragProps): import("react/jsx-runtime").JSX.Element;
+export declare function WrapInsightListItemWithDrag({ children, insight, disabled, onDragStart }: IWrapInsightListItemWithDragProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=WrapInsightListItemWithDrag.d.ts.map

package/esm/presentation/dragAndDrop/WrapInsightListItemWithDrag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WrapInsightListItemWithDrag.d.ts","sourceRoot":"","sources":["../../../src/presentation/dragAndDrop/WrapInsightListItemWithDrag.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,KAAK,iCAAiC,EAAE,MAAM,YAAY,CAAC;AAGpE;;GAEG;AACH,wBAAgB,2BAA2B,CAAC,EACxC,QAAQ,EACR,OAAO,EACP,WAAW,EACd,EAAE,iCAAiC,2CAmCnC"}
+{"version":3,"file":"WrapInsightListItemWithDrag.d.ts","sourceRoot":"","sources":["../../../src/presentation/dragAndDrop/WrapInsightListItemWithDrag.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,KAAK,iCAAiC,EAAE,MAAM,YAAY,CAAC;AAGpE;;GAEG;AACH,wBAAgB,2BAA2B,CAAC,EACxC,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,WAAW,EACd,EAAE,iCAAiC,2CAmCnC"}

package/esm/presentation/dragAndDrop/WrapInsightListItemWithDrag.js

@@ -10,7 +10,7 @@ import { useDashboardDrag } from "./useDashboardDrag.js";
 /**
  * @internal
  */
-export function WrapInsightListItemWithDrag({ children, insight, onDragStart, }) {
+export function WrapInsightListItemWithDrag({ children, insight, disabled, onDragStart, }) {
     const isInEditMode = useDashboardSelector(selectIsInEditMode);
     const settings = useDashboardSelector(selectSettings);
     const handleDragEnd = useWidgetDragEndHandler();
@@ -26,10 +26,10 @@ export function WrapInsightListItemWithDrag({ children, insight, onDragStart, })
                 },
             };
         },
-        canDrag: isInEditMode,
+        canDrag: isInEditMode && !disabled,
         hideDefaultPreview: false,
         dragEnd: handleDragEnd,
         dragStart: onDragStart,
-    }, [isInEditMode, insight, handleDragEnd]);
+    }, [isInEditMode, insight, handleDragEnd, disabled]);
     return (_jsx("div", { className: classNames({ "is-dragging": isDragging }), ref: dragRef, children: children }));
 }