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

package/esm/presentation/automations/scheduledEmail/DefaultScheduledEmailDialog/components/RecipientsSelect/RecipientsSelectRenderer.js

@@ -9,7 +9,10 @@ import { isAutomationUserRecipient, } from "@gooddata/sdk-model";
 import { ValidationContextStore, createInvalidDatapoint, createInvalidNode, useValidationContextValue, } from "@gooddata/sdk-ui";
 import { LoadingMask, Message, Overlay, OverlayController, OverlayControllerProvider, UiIcon, UiTooltip, isEscapeKey, makeKeyboardNavigation, } from "@gooddata/sdk-ui-kit";
 import { DASHBOARD_DIALOG_OVERS_Z_INDEX } from "../../../../../constants/zIndex.js";
+import { getRecipientLabel } from "../../../utils/users.js";
 import { isEmail } from "../../../utils/validate.js";
+import { LiveRegionLastSelectContainer } from "./LiveRegionLastSelectContainer.js";
+import { RecipientsSelectionDescription } from "./RecipientsSelectionDescription.js";
 const MAXIMUM_RECIPIENTS_RECEIVE = 60;
 const PADDING = 16;
 const LOADING_MENU_HEIGHT = 50;
@@ -113,12 +116,12 @@ export const RecipientsSelectRenderer = memo(function RecipientsSelectRenderer(p
         const invalidUnknownRecipients = value.filter((v) => v.type === "unknownUser");
         const invalidUnknownError = !!invalidUnknownRecipients.length;
         const invalidRecipientsValues = [...invalidExternalRecipients, ...invalidUnknownRecipients]
-            .map((v) => v.name || v.id)
+            .map(getRecipientLabel)
             .join(", ");
         const authorOnlyError = allowOnlyLoggedUserRecipients &&
             ((value.length === 1 && value[0].id !== loggedUser?.id) || value.length > 1);
         const missingEmailRecipients = value.filter((v) => !getHasEmail(v));
-        const missingEmailRecipientsValues = missingEmailRecipients.map((v) => v.name || v.id).join(", ");
+        const missingEmailRecipientsValues = missingEmailRecipients.map(getRecipientLabel).join(", ");
         const missingEmailError = !!missingEmailRecipients.length;
         return {
             maxRecipientsError,
@@ -229,7 +232,7 @@ export const RecipientsSelectRenderer = memo(function RecipientsSelectRenderer(p
         const { data, children } = multiValueProps;
         // MultiValueRemove component from react-select
         const removeIcon = children[1];
-        const name = data.name || data.id;
+        const name = getRecipientLabel(data);
         const hasEmail = getHasEmail(data);
         const noExternal = data.type === "externalUser" && !allowExternalRecipients;
         const invalidExternal = data.type === "unknownUser";
@@ -260,13 +263,16 @@ export const RecipientsSelectRenderer = memo(function RecipientsSelectRenderer(p
         return renderEmptyContainer();
     }, [renderEmptyContainer]);
     const renderOptionLabel = useCallback((recipient) => {
-        const displayName = recipient.name || recipient.id;
+        const displayName = getRecipientLabel(recipient);
         const email = isAutomationUserRecipient(recipient) ? (recipient.email ?? "") : "";
         const renderValue = renderRecipientValue(recipient);
         return (_jsx(UiTooltip, { anchor: _jsxs("div", { className: "gd-recipient-option-item s-gd-recipient-option-item", children: [_jsx("span", { className: "gd-recipient-option-label-item s-gd-recipient-option-label-item", children: displayName }), allowExternalRecipients && recipient.type === "externalUser" ? (_jsxs("span", { className: "gd-recipient-quest", children: ["\u00A0", _jsx(FormattedMessage, { id: "dialogs.schedule.email.user.guest" })] })) : (renderValue), !externalRecipientOverride &&
                         allowExternalRecipients &&
                         recipient.type === "externalUser" ? (_jsx("div", { className: "gd-recipient-option-label-external-warning", children: _jsx(Message, { type: "warning", children: _jsx(FormattedMessage, { id: "dialogs.schedule.email.user.warning.external", values: { email: displayName } }) }) })) : null] }), content: isEmail(email) ? `${displayName} (${email})` : displayName, variant: "default", arrowPlacement: "right", triggerBy: ["hover", "focus"] }));
     }, [allowExternalRecipients, externalRecipientOverride, renderRecipientValue]);
+    const descriptionId = `${id}-description`;
+    const errorId = `${id}-error`;
+    const ariaDescribedBy = isValid ? descriptionId : `${descriptionId} ${errorId}`;
     const renderInputContainer = useCallback((inputProps) => {
         if (!isMulti) {
             return renderEmptyContainer();
@@ -287,8 +293,8 @@ export const RecipientsSelectRenderer = memo(function RecipientsSelectRenderer(p
                         inputProps.innerRef(ref);
                     }
                 }, autoComplete: "new-password" // common hack for Safari to not autocomplete
-                , "aria-invalid": !isValid, "aria-describedby": isValid ? undefined : "gd-recipients-field-error" }) }));
-    }, [isMulti, id, isValid, renderEmptyContainer]);
+                , "aria-invalid": !isValid, "aria-describedby": ariaDescribedBy }) }));
+    }, [isMulti, id, isValid, ariaDescribedBy, renderEmptyContainer]);
     const handleKeyboardRecipientRemove = useCallback((index) => {
         if (index < 0 || index >= value.length) {
             return;
@@ -437,6 +443,7 @@ export const RecipientsSelectRenderer = memo(function RecipientsSelectRenderer(p
     }, [canListUsersInProject, onActivate]);
     const creatableSelectComponent = {
         ...ReactSelectComponents,
+        SelectContainer: LiveRegionLastSelectContainer,
         IndicatorsContainer: renderEmptyContainer,
         Input: renderInputContainer,
         MultiValueContainer: renderMultiValueContainer,
@@ -496,5 +503,5 @@ export const RecipientsSelectRenderer = memo(function RecipientsSelectRenderer(p
                             // Options arrive pre-filtered (server search, or the owner's options memo).
                             filterOption: null, isClearable: false, isDisabled: !isMulti, isMulti: isMulti, onChange: 
                             // using as any as it would be too tricky to type properly
-                            handleOnChange, onInputChange: handleSearchChange, onMenuOpen: onMenuOpen, onMenuClose: () => setState((prev) => ({ ...prev, menuOpen: false })), onKeyDown: handleKeyDown, options: options, onBlur: onBlur, value: value, getOptionValue: (o) => o.id, getOptionLabel: (o) => o.name || o.id, "aria-describedby": isValid ? undefined : "gd-recipients-field-error", "aria-invalid": !isValid }), isValid ? (renderExternalRecipientsNote ? (_jsx("div", { className: "gd-recipients-field-note", children: _jsx(FormattedMessage, { id: "dialogs.schedule.email.recipients.note" }) })) : allowOnlyLoggedUserRecipients ? (_jsx("div", { className: "gd-recipients-field-note", children: _jsx(FormattedMessage, { id: "dialogs.schedule.email.destinationWarning" }) })) : null) : (_jsx("div", { id: "gd-recipients-field-error", className: "gd-recipients-field-error", children: getInvalidDatapoints().map((invalidDatapoint) => (_jsx("div", { id: invalidDatapoint.id, className: "gd-recipients-field-error-item", children: invalidDatapoint.message }, invalidDatapoint.id))) }))] })] }) }));
+                            handleOnChange, onInputChange: handleSearchChange, onMenuOpen: onMenuOpen, onMenuClose: () => setState((prev) => ({ ...prev, menuOpen: false })), onKeyDown: handleKeyDown, options: options, onBlur: onBlur, value: value, getOptionValue: (o) => o.id, getOptionLabel: getRecipientLabel, "aria-invalid": !isValid }), _jsx(RecipientsSelectionDescription, { id: descriptionId, recipients: value }), isValid ? (renderExternalRecipientsNote ? (_jsx("div", { className: "gd-recipients-field-note", children: _jsx(FormattedMessage, { id: "dialogs.schedule.email.recipients.note" }) })) : allowOnlyLoggedUserRecipients ? (_jsx("div", { className: "gd-recipients-field-note", children: _jsx(FormattedMessage, { id: "dialogs.schedule.email.destinationWarning" }) })) : null) : (_jsx("div", { id: errorId, className: "gd-recipients-field-error", children: getInvalidDatapoints().map((invalidDatapoint) => (_jsx("div", { id: invalidDatapoint.id, className: "gd-recipients-field-error-item", children: invalidDatapoint.message }, invalidDatapoint.id))) }))] })] }) }));
 });

package/esm/presentation/automations/scheduledEmail/DefaultScheduledEmailDialog/components/RecipientsSelect/RecipientsSelectionDescription.d.ts

@@ -0,0 +1,12 @@
+import { type ReactElement } from "react";
+import { type IAutomationRecipient } from "@gooddata/sdk-model";
+interface IRecipientsSelectionDescriptionProps {
+    id: string;
+    recipients: readonly IAutomationRecipient[];
+}
+/**
+ * Hidden screen reader description of the selected recipients, referenced by the recipients input.
+ */
+export declare function RecipientsSelectionDescription({ id, recipients, }: IRecipientsSelectionDescriptionProps): ReactElement;
+export {};
+//# sourceMappingURL=RecipientsSelectionDescription.d.ts.map

package/esm/presentation/automations/scheduledEmail/DefaultScheduledEmailDialog/components/RecipientsSelect/RecipientsSelectionDescription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecipientsSelectionDescription.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/automations/scheduledEmail/DefaultScheduledEmailDialog/components/RecipientsSelect/RecipientsSelectionDescription.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AA8BhE,UAAU,oCAAoC;IAC1C,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,SAAS,oBAAoB,EAAE,CAAC;CAC/C;AAED;;GAEG;AACH,wBAAgB,8BAA8B,CAAC,EAC3C,EAAE,EACF,UAAU,GACb,EAAE,oCAAoC,GAAG,YAAY,CAQrD"}

package/esm/presentation/automations/scheduledEmail/DefaultScheduledEmailDialog/components/RecipientsSelect/RecipientsSelectionDescription.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { defineMessages, useIntl } from "react-intl";
+import { DETAILED_ANNOUNCEMENT_THRESHOLD } from "@gooddata/sdk-ui-kit";
+import { getRecipientLabel } from "../../../utils/users.js";
+const messages = defineMessages({
+    selectedNone: { id: "dialogs.schedule.email.recipients.selected.none" },
+    selectedFew: { id: "dialogs.schedule.email.recipients.selected.few" },
+    selectedMany: { id: "dialogs.schedule.email.recipients.selected.many" },
+    navigationHint: { id: "dialogs.schedule.email.recipients.navigationHint" },
+});
+function describeRecipients(intl, recipients) {
+    const count = recipients.length;
+    if (count === 0) {
+        return intl.formatMessage(messages.selectedNone);
+    }
+    const selection = count <= DETAILED_ANNOUNCEMENT_THRESHOLD
+        ? intl.formatMessage(messages.selectedFew, {
+            count,
+            names: intl.formatList(recipients.map(getRecipientLabel), { type: "unit" }),
+        })
+        : intl.formatMessage(messages.selectedMany, { count });
+    return `${selection} ${intl.formatMessage(messages.navigationHint)}`;
+}
+/**
+ * Hidden screen reader description of the selected recipients, referenced by the recipients input.
+ */
+export function RecipientsSelectionDescription({ id, recipients, }) {
+    const intl = useIntl();
+    return (_jsx("span", { id: id, hidden: true, children: describeRecipients(intl, recipients) }));
+}

package/esm/presentation/automations/scheduledEmail/utils/users.d.ts

@@ -1,4 +1,5 @@
 import { type IAutomationRecipient } from "@gooddata/sdk-model";
 export declare function matchRecipient(user: IAutomationRecipient, search: string): boolean;
+export declare function getRecipientLabel(recipient: IAutomationRecipient): string;
 export declare function createUser(search: string): IAutomationRecipient;
 //# sourceMappingURL=users.d.ts.map

package/esm/presentation/automations/scheduledEmail/utils/users.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"users.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/scheduledEmail/utils/users.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,oBAAoB,EAAkC,MAAM,qBAAqB,CAAC;AAIhG,wBAAgB,cAAc,CAAC,IAAI,EAAE,oBAAoB,EAAE,MAAM,EAAE,MAAM,WAexE;AAED,wBAAgB,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,oBAAoB,CAQ/D"}
+{"version":3,"file":"users.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/scheduledEmail/utils/users.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,oBAAoB,EAAkC,MAAM,qBAAqB,CAAC;AAIhG,wBAAgB,cAAc,CAAC,IAAI,EAAE,oBAAoB,EAAE,MAAM,EAAE,MAAM,WAexE;AAED,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,oBAAoB,GAAG,MAAM,CAEzE;AAED,wBAAgB,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,oBAAoB,CAQ/D"}

package/esm/presentation/automations/scheduledEmail/utils/users.js

@@ -14,6 +14,9 @@ export function matchRecipient(user, search) {
         lowerCaseId?.includes(lowerCaseSearch)) ??
         false);
 }
+export function getRecipientLabel(recipient) {
+    return recipient.name || recipient.id;
+}
 export function createUser(search) {
     const hasEmail = isEmail(search);
     return {

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

@@ -39,6 +39,10 @@ export declare const getFilterByLocalIdentifier: (localIdentifier: string | unde
  */
 export declare function isAllTimeDateFilterFixed(f: IFilter): boolean;
 export declare function areFiltersEqual(filter1: IFilter, filter2: IFilter): boolean;
+/**
+ * Values to compare date filters by. A bounded range never matches an empty date, so a missing
+ * `emptyValueHandling` counts as "exclude" there; on an all-time filter it means no filtering at all.
+ */
 export declare function dateFilterValues(filter: IDateFilter): import("@gooddata/sdk-model").IAbsoluteDateFilterValues | import("@gooddata/sdk-model").IRelativeDateFilterValues;
 export declare function isFilterIgnoredByWidget(filter: FilterContextItem, widget: ExtendedDashboardWidget): boolean;
 export declare function isFilterMatch(filter1: IFilter, filter2: IFilter): boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/shared/automationFilters/utils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/automations/shared/automationFilters/utils.ts"],"names":[],"mappings":"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"}

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

@@ -226,8 +226,8 @@ export function areFiltersEqual(filter1, filter2) {
     else if (isAbsoluteDateFilter(filter1) && isAbsoluteDateFilter(filter2)) {
         // An automation does not store a granularity that has no period literal, so the granularity counts
         // only when both filters have one.
-        const { granularity: granularity1, ...values1 } = absoluteDateFilterValues(filter1);
-        const { granularity: granularity2, ...values2 } = absoluteDateFilterValues(filter2);
+        const { granularity: granularity1, ...values1 } = dateFilterValues(filter1);
+        const { granularity: granularity2, ...values2 } = dateFilterValues(filter2);
         return (isEqual(values1, values2) &&
             (granularity1 === undefined || granularity2 === undefined || granularity1 === granularity2));
     }
@@ -237,11 +237,18 @@ export function areFiltersEqual(filter1, filter2) {
     // Filter types are different
     return isEqual(filter1, filter2);
 }
+/**
+ * Values to compare date filters by. A bounded range never matches an empty date, so a missing
+ * `emptyValueHandling` counts as "exclude" there; on an all-time filter it means no filtering at all.
+ */
 export function dateFilterValues(filter) {
-    if (isAbsoluteDateFilter(filter)) {
-        return absoluteDateFilterValues(filter);
+    const values = isAbsoluteDateFilter(filter)
+        ? absoluteDateFilterValues(filter)
+        : relativeDateFilterValues(filter);
+    if (values.emptyValueHandling !== undefined || isAllTimeDateFilterFixed(filter)) {
+        return values;
     }
-    return relativeDateFilterValues(filter);
+    return { ...values, emptyValueHandling: "exclude" };
 }
 export function isFilterIgnoredByWidget(filter, widget) {
     if (!isInsightWidget(widget)) {

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 | null;
+export declare function DashboardTabsWrapper(): import("react/jsx-runtime").JSX.Element;
 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;AAiF1C,wBAAgB,oBAAoB,mDAOnC;AAID,wBAAgB,eAAe,IAAI,YAAY,CA2B9C"}
+{"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;AA6E1C,wBAAgB,oBAAoB,4CAInC;AAID,wBAAgB,eAAe,IAAI,YAAY,CA6B9C"}

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

@@ -1,6 +1,4 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useDashboardSelector } from "../../../model/react/DashboardStoreProvider.js";
-import { selectIsAiLoading } 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";
@@ -21,6 +19,7 @@ import { useTopBarProps } from "../../topBar/topBar/DefaultTopBar.js";
 import { TopBar } from "../../topBar/topBar/TopBar.js";
 import { useWidgetDeleteDialogProps } from "../../widgetDeleteDialog/DefaultWidgetDeleteDialog.js";
 import { WidgetDeleteDialog } from "../../widgetDeleteDialog/WidgetDeleteDialog.js";
+import { DashboardInteractionLock } from "../components/DashboardInteractionLock.js";
 import { ToastMessages } from "../components/ToastMessages.js";
 import { AlertingDialogProvider } from "./AlertingDialogProvider.js";
 import { DashboardTabs, useDashboardTabsProps } from "./DashboardTabs.js";
@@ -55,10 +54,6 @@ function TopBarWrapper() {
 }
 function FilterBarWrapper() {
     const filterBarProps = useFilterBarProps();
-    const isAiLoading = useDashboardSelector(selectIsAiLoading);
-    if (isAiLoading) {
-        return null;
-    }
     return _jsx(FilterBar, { ...filterBarProps });
 }
 function CancelEditDialogWrapper() {
@@ -67,14 +62,10 @@ function CancelEditDialogWrapper() {
 }
 export function DashboardTabsWrapper() {
     const dashboardTabsProps = useDashboardTabsProps();
-    const isAiLoading = useDashboardSelector(selectIsAiLoading);
-    if (isAiLoading) {
-        return null;
-    }
     return _jsx(DashboardTabs, { ...dashboardTabsProps });
 }
 // split the header parts of the dashboard so that changes to their state
 // (e.g. opening email dialog) do not re-render the dashboard body
 export function DashboardHeader() {
-    return (_jsxs(_Fragment, { children: [_jsx(ToastMessages, {}), _jsx(ExportXlsxDialogProvider, {}), _jsx(ExportCsvDialogProvider, {}), _jsx(ExportTabularPdfDialogProvider, {}), _jsx(ExportTemplateDialogProvider, {}), _jsx(ScheduledEmailAutomationsProvider, { children: _jsx(ScheduledEmailConnector, {}) }), _jsx(AlertingDialogProvider, {}), _jsx(ShareDialogDashboardHeader, {}), _jsx(SettingsDialogProvider, {}), _jsx(DensityDialogProvider, {}), _jsx(TimezoneDialogProvider, {}), _jsx(DeleteDialogWrapper, {}), _jsx(WidgetDeleteDialogWrapper, {}), _jsx(KpiDeleteDialogWrapper, {}), _jsx(SaveAsDialogWrapper, {}), _jsx(InsightNotSavedDialogWrapper, {}), _jsx(TopBarWrapper, {}), _jsx(DashboardTabsWrapper, {}), _jsx(FilterBarWrapper, {}), _jsx(CancelEditDialogWrapper, {})] }));
+    return (_jsxs(_Fragment, { children: [_jsx(ToastMessages, {}), _jsx(ExportXlsxDialogProvider, {}), _jsx(ExportCsvDialogProvider, {}), _jsx(ExportTabularPdfDialogProvider, {}), _jsx(ExportTemplateDialogProvider, {}), _jsx(ScheduledEmailAutomationsProvider, { children: _jsx(ScheduledEmailConnector, {}) }), _jsx(AlertingDialogProvider, {}), _jsx(ShareDialogDashboardHeader, {}), _jsx(SettingsDialogProvider, {}), _jsx(DensityDialogProvider, {}), _jsx(TimezoneDialogProvider, {}), _jsx(DeleteDialogWrapper, {}), _jsx(WidgetDeleteDialogWrapper, {}), _jsx(KpiDeleteDialogWrapper, {}), _jsx(SaveAsDialogWrapper, {}), _jsx(InsightNotSavedDialogWrapper, {}), _jsx(TopBarWrapper, {}), _jsxs(DashboardInteractionLock, { children: [_jsx(DashboardTabsWrapper, {}), _jsx(FilterBarWrapper, {})] }), _jsx(CancelEditDialogWrapper, {})] }));
 }

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":"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,EAEH,KAAK,qCAAqC,EAC1C,KAAK,qCAAqC,EAC7C,MAAM,4BAA4B,CAAC;AAepC,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,2CAiIvD"}
+{"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,EAEH,KAAK,qCAAqC,EAC1C,KAAK,qCAAqC,EAC7C,MAAM,4BAA4B,CAAC;AAkBpC,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,2CAyIvD"}

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

@@ -9,6 +9,9 @@ import { useDashboardSelector } from "../../../model/react/DashboardStoreProvide
 import { selectSupportsRichTextWidgets } from "../../../model/store/backendCapabilities/backendCapabilitiesSelectors.js";
 import { selectIsAiLoading } from "../../../model/store/config/configSelectors.js";
 import { selectIsNewDashboard } from "../../../model/store/meta/metaSelectors.js";
+import { InsightEditorCreatePanelItem } from "../../insightEditor/InsightEditorCreatePanelItem.js";
+import { InsightEditorPlaceholder } from "../../insightEditor/InsightEditorPlaceholder.js";
+import { useCanCreateInsightInEditor } from "../../insightEditor/useCanCreateInsightInEditor.js";
 import { DraggableInsightList } from "./DraggableInsightList/DraggableInsightList.js";
 import { SidebarCollapseToggle } from "./SidebarCollapseToggle.js";
 import { useResizableSidebar } from "./useResizableSidebarState.js";
@@ -35,9 +38,14 @@ export function CreationPanel(props) {
     const RichTextWidgetComponentSet = props.RichTextWidgetComponentSet;
     const VisualizationSwitcherWidgetComponentSet = props.VisualizationSwitcherWidgetComponentSet;
     const DashboardLayoutWidgetComponentSet = props.DashboardLayoutWidgetComponentSet;
+    const canCreateInsightInEditor = useCanCreateInsightInEditor();
     const addItemPanelItems = useMemo(() => {
+        // A customization can wrap one of the two editor components, so either of them marks the editor.
+        const creating = InsightWidgetComponentSet.creating;
+        const isInsightEditorItem = creating?.CreatePanelListItemComponent === InsightEditorCreatePanelItem ||
+            creating?.CreatingPlaceholderComponent === InsightEditorPlaceholder;
         const items = compact([
-            InsightWidgetComponentSet.creating,
+            (!isInsightEditorItem || canCreateInsightInEditor) && InsightWidgetComponentSet.creating,
             AttributeFilterComponentSet.creating,
             DashboardLayoutWidgetComponentSet.creating,
             VisualizationSwitcherWidgetComponentSet.creating,
@@ -61,6 +69,7 @@ export function CreationPanel(props) {
         WrapCreatePanelItemWithDragComponent,
         isAiLoading,
         isRailCollapsed,
+        canCreateInsightInEditor,
     ]);
     return (_jsx("div", { className: cx("configuration-panel creation-panel", className), children: _jsxs("div", { className: "configuration-panel-content", children: [_jsxs("div", { className: "gd-creation-panel-header flex-panel-item-nostretch", children: [canCollapse ? (_jsx(SidebarCollapseToggle, { isCollapsed: isCollapsed, onToggle: () => {
                                 setFocusSearch(false);

package/esm/presentation/dashboard/DefaultDashboardContent/DashboardContentLoader.d.ts

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

package/esm/presentation/dashboard/DefaultDashboardContent/DashboardContentLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardContentLoader.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/DefaultDashboardContent/DashboardContentLoader.tsx"],"names":[],"mappings":"AA0BA;;GAEG;AACH,wBAAgB,sBAAsB,4CAgCrC"}

package/esm/presentation/dashboard/DefaultDashboardContent/DashboardContentLoader.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { useState } from "react";
+import { FormattedMessage } from "react-intl";
+import { UiSkeleton } from "@gooddata/sdk-ui-kit";
+function createDashboardContentLoaderRow() {
+    if (Math.random() < 0.5) {
+        return { widths: [50, 50] };
+    }
+    const firstDivider = Math.floor(Math.random() * 41);
+    const secondDivider = Math.floor(Math.random() * 41);
+    const [lowerDivider, upperDivider] = [firstDivider, secondDivider].sort((a, b) => a - b);
+    return {
+        widths: [20 + lowerDivider, 20 + upperDivider - lowerDivider, 60 - upperDivider],
+    };
+}
+/**
+ * @internal
+ */
+export function DashboardContentLoader() {
+    const [row] = useState(() => createDashboardContentLoaderRow());
+    return (_jsxs("div", { className: "gd-dashboard-content-loader", role: "status", children: [_jsx("span", { className: "gd-dashboard-content-loader__status", children: _jsx(FormattedMessage, { id: "loading" }) }), _jsx("div", { className: "gd-dashboard-content-loader__charts", "data-testid": "dashboard-content-loader-row", "aria-hidden": "true", style: {
+                    "--dashboard-content-loader-columns": row.widths
+                        .map((width) => `minmax(0, ${width}fr)`)
+                        .join(" "),
+                }, children: Array.from({ length: row.widths.length }, (_, index) => (_jsx("div", { className: "gd-dashboard-content-loader__chart", "data-testid": "dashboard-content-loader-chart", children: _jsx(UiSkeleton, { itemHeight: 440, itemWidth: "45%" }) }, index))) })] }));
+}

package/esm/presentation/dashboard/DefaultDashboardContent/DefaultDashboardMainContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultDashboardMainContent.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/DefaultDashboardContent/DefaultDashboardMainContent.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD;;GAEG;AACH,wBAAgB,2BAA2B,CAAC,CAAC,EAAE,eAAe,2CAuD7D"}
+{"version":3,"file":"DefaultDashboardMainContent.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/DefaultDashboardContent/DefaultDashboardMainContent.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAInD;;GAEG;AACH,wBAAgB,2BAA2B,CAAC,CAAC,EAAE,eAAe,2CA+D7D"}

package/esm/presentation/dashboard/DefaultDashboardContent/DefaultDashboardMainContent.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) 2023-2026 GoodData Corporation
 import { useEffect } from "react";
 import cx from "classnames";
@@ -6,12 +6,15 @@ import { changeFilterContextSelection } from "../../../model/commands/filters.js
 import { useDashboardSelector } from "../../../model/react/DashboardStoreProvider.js";
 import { useDispatchDashboardCommand } from "../../../model/react/useDispatchDashboardCommand.js";
 import { useWidgetSelection } from "../../../model/react/useWidgetSelection.js";
+import { selectIsAiLoading } from "../../../model/store/config/configSelectors.js";
+import { selectIsNewDashboard } from "../../../model/store/meta/metaSelectors.js";
 import { selectRenderMode } from "../../../model/store/renderMode/renderModeSelectors.js";
 import { useDashboardDrop } from "../../dragAndDrop/useDashboardDrop.js";
 import { ExportThemeProvider } from "../../export/ExportThemeProvider.js";
 import { useWidgetDragHoverHandlers as useFlexibleWidgetDragHoverHandlers } from "../../flexibleLayout/dragAndDrop/draggableWidget/useWidgetDragHoverHandlers.js";
 import { DashboardLayout } from "../../widget/dashboardLayout/DashboardLayout.js";
 import { DateFilterConfigWarnings } from "../components/DateFilterConfigWarnings.js";
+import { DashboardContentLoader } from "./DashboardContentLoader.js";
 /**
  * @internal
  */
@@ -19,6 +22,8 @@ export function DefaultDashboardMainContent(_) {
     const onFiltersChange = useDispatchDashboardCommand(changeFilterContextSelection);
     const { deselectWidgets } = useWidgetSelection();
     const renderMode = useDashboardSelector(selectRenderMode);
+    const isAiLoading = useDashboardSelector(selectIsAiLoading);
+    const isNewDashboard = useDashboardSelector(selectIsNewDashboard);
     const { handleDragHoverEnd } = useFlexibleWidgetDragHoverHandlers();
     const [{ isOver }, dropRef] = useDashboardDrop([
         "insight",
@@ -40,7 +45,7 @@ export function DefaultDashboardMainContent(_) {
     }, [handleDragHoverEnd, isOver]);
     const classNames = cx("gd-flex-container", "root-flex-maincontent", "gd-grid-layout", "gd-auto-resized-dashboard-descriptions");
     const renderContent = () => {
-        return (_jsxs("div", { className: classNames, ref: dropRef, onClick: deselectWidgets, children: [_jsx(DateFilterConfigWarnings, {}), _jsx(DashboardLayout, { onFiltersChange: onFiltersChange })] }));
+        return (_jsx("div", { className: classNames, ref: dropRef, onClick: deselectWidgets, children: isNewDashboard && isAiLoading ? (_jsx(DashboardContentLoader, {})) : (_jsxs(_Fragment, { children: [_jsx(DateFilterConfigWarnings, {}), _jsx(DashboardLayout, { onFiltersChange: onFiltersChange })] })) }));
     };
     if (renderMode === "export") {
         return _jsx(ExportThemeProvider, { children: renderContent() });

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

@@ -0,0 +1,4 @@
+export declare function DashboardAiComposingOverlay({ isWaiting }: {
+    isWaiting: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DashboardAiComposingOverlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardAiComposingOverlay.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/components/DashboardAiComposingOverlay.tsx"],"names":[],"mappings":"AAmBA,wBAAgB,2BAA2B,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,OAAO,CAAA;CAAE,2CAuKhF"}

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

@@ -0,0 +1,151 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { useLayoutEffect, useRef } from "react";
+const speed = 1 / 3.6;
+const springAt = 0.05;
+const stiffness = 7;
+const damping = 0.55;
+export function DashboardAiComposingOverlay({ isWaiting }) {
+    const overlayRef = useRef(null);
+    const stateRef = useRef(null);
+    useLayoutEffect(() => {
+        const overlay = overlayRef.current;
+        if (!overlay) {
+            return;
+        }
+        const rects = Array.from(overlay.querySelectorAll("rect"));
+        const reducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)");
+        let state = stateRef.current;
+        let width = 0;
+        let perimeter = 0;
+        let previousTime;
+        let frame;
+        const segment = (rect, start, length) => {
+            rect.style.strokeDasharray = `${length} ${Math.max(0, perimeter - length)}`;
+            rect.style.strokeDashoffset = String(-(((start % perimeter) + perimeter) % perimeter));
+        };
+        const animate = (time) => {
+            frame = undefined;
+            if (!state || !perimeter) {
+                return;
+            }
+            const dt = Math.min(0.05, (time - (previousTime ?? time)) / 1000);
+            previousTime = time;
+            const top = width / 2 / perimeter;
+            const runningLength = Math.min(600, perimeter * 0.25);
+            const waitingLength = Math.min(120, runningLength);
+            let settled = false;
+            if (isWaiting && state.mode === "run") {
+                state.mode = "cruise";
+                state.lap = Math.ceil(state.center + springAt - top);
+            }
+            else if (!isWaiting && state.mode !== "run") {
+                state.mode = "run";
+                state.speed = 0;
+            }
+            if (reducedMotion.matches) {
+                state.center = top;
+                state.length = isWaiting ? waitingLength : runningLength;
+                state.head = isWaiting ? 0 : 1;
+                state.lap = 0;
+                state.velocity = 0;
+                state.speed = 0;
+                state.mode = isWaiting ? "spring" : "run";
+                settled = true;
+            }
+            else if (state.mode === "cruise") {
+                state.center += speed * dt;
+                if (state.lap + top - state.center <= springAt) {
+                    state.mode = "spring";
+                    state.velocity = speed;
+                }
+            }
+            else if (state.mode === "spring") {
+                // Keep the spring target aligned with the top center while the dashboard resizes.
+                const target = state.lap + top;
+                const steps = Math.max(1, Math.ceil(dt * 240));
+                const step = dt / steps;
+                for (let i = 0; i < steps; i++) {
+                    const acceleration = -stiffness * stiffness * (state.center - target) -
+                        2 * damping * stiffness * state.velocity;
+                    state.velocity += acceleration * step;
+                    state.center += state.velocity * step;
+                }
+                const easing = 1 - Math.exp(-dt * 3.2);
+                state.length += (waitingLength - state.length) * easing;
+                state.head += -state.head * easing;
+                settled =
+                    Math.abs(state.center - target) < 0.00001 &&
+                        Math.abs(state.velocity) < 0.00001 &&
+                        Math.abs(state.length - waitingLength) < 0.01 &&
+                        state.head < 0.0001;
+                if (settled) {
+                    state.center = target;
+                    state.length = waitingLength;
+                    state.head = 0;
+                }
+            }
+            else {
+                state.speed = Math.min(1, state.speed + dt / 0.9);
+                state.center += speed * dt * state.speed * state.speed;
+                const easing = 1 - Math.exp(-dt * 2.5);
+                state.length += (runningLength - state.length) * easing;
+                state.head += (1 - state.head) * easing;
+            }
+            const start = state.center * perimeter - state.length / 2;
+            const coreLength = state.length * 0.55;
+            const coreStart = start + (state.length - coreLength) * (0.5 + 0.5 * state.head);
+            const [bloom, glow, tail, core] = rects;
+            segment(tail, start, state.length);
+            for (const rect of [bloom, glow, core]) {
+                segment(rect, coreStart, coreLength);
+            }
+            if (!settled) {
+                frame = requestAnimationFrame(animate);
+            }
+        };
+        const refresh = () => {
+            if (frame !== undefined) {
+                cancelAnimationFrame(frame);
+            }
+            previousTime = undefined;
+            animate(performance.now());
+        };
+        const fit = () => {
+            width = Math.max(0, overlay.clientWidth - 2);
+            const height = Math.max(0, overlay.clientHeight - 2);
+            perimeter = width && height ? 2 * (width + height) : 0;
+            for (const rect of rects) {
+                rect.setAttribute("width", String(width));
+                rect.setAttribute("height", String(height));
+            }
+            if (!state && perimeter) {
+                state = {
+                    center: isWaiting ? width / 2 / perimeter : 0.62,
+                    length: isWaiting ? Math.min(120, perimeter * 0.25) : Math.min(600, perimeter * 0.25),
+                    head: isWaiting ? 0 : 1,
+                    speed: 1,
+                    mode: isWaiting ? "spring" : "run",
+                    lap: 0,
+                    velocity: 0,
+                };
+                stateRef.current = state;
+            }
+            refresh();
+        };
+        const observer = typeof ResizeObserver === "undefined" ? undefined : new ResizeObserver(fit);
+        observer?.observe(overlay);
+        window.addEventListener("resize", fit);
+        reducedMotion.addEventListener("change", refresh);
+        fit();
+        return () => {
+            if (frame !== undefined) {
+                cancelAnimationFrame(frame);
+            }
+            observer?.disconnect();
+            window.removeEventListener("resize", fit);
+            reducedMotion.removeEventListener("change", refresh);
+        };
+    }, [isWaiting]);
+    return (_jsx("div", { "data-testid": "gd-dashboard-ai-composing-overlay", className: "gd-dashboard-ai-composing-overlay", ref: overlayRef, "aria-hidden": "true", children: ["bloom", "glow", "tail", "core"].map((layer) => (_jsx("svg", { className: `gd-dashboard-ai-composing-overlay__${layer}`, focusable: "false", children: _jsx("rect", { x: "1", y: "1", width: "0", height: "0" }) }, layer))) }));
+}

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":"AA0CA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAQnD,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,2CAyHpD"}
+{"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;AASnD,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,2CAuHpD"}