@gooddata/sdk-ui-gen-ai 11.57.0 → 11.58.0-alpha.1

package/esm/components/messages/contents/VisualizationContents.js

@@ -1,532 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// (C) 2024-2026 GoodData Corporation
-import { useCallback, useMemo, useRef, useState, } from "react";
-import cx from "classnames";
-import copy from "copy-to-clipboard";
-import { useIntl } from "react-intl";
-import { useDispatch, useSelector } from "react-redux";
-import { assertNever, isMeasureDescriptor, } from "@gooddata/sdk-model";
-import { isNoDataSdkError, useWorkspaceStrict, } from "@gooddata/sdk-ui";
-import { BarChart, ColumnChart, Headline, LineChart, PieChart, ScatterPlot } from "@gooddata/sdk-ui-charts";
-import { getKdaKeyDriverCombinations, } from "@gooddata/sdk-ui-dashboard";
-import { Dropdown, IconCopy, IconExternalLink, IconSave, Overlay, UiButton, UiFocusManager, UiIconButton, UiMenu, UiTooltip, useId, } from "@gooddata/sdk-ui-kit";
-import { PivotTable } from "@gooddata/sdk-ui-pivot";
-import { PivotTableNext, useAgGridToken } from "@gooddata/sdk-ui-pivot/next";
-import { ScopedThemeProvider, useTheme } from "@gooddata/sdk-ui-theme-provider";
-import { mapVisualizationAnomalyDetectionToBackendConfig, mapVisualizationAnomalyDetectionToChartConfig, } from "../../../anomalyDetection/anomalyDetectionMapping.js";
-import { mapVisualizationClusteringToBackendConfig, mapVisualizationClusteringToChartConfig, } from "../../../clustering/clusteringMapping.js";
-import { mapVisualizationForecastToBackendConfig, mapVisualizationForecastToChartConfig, } from "../../../forecast/forecastMapping.js";
-import { makeTextContents, makeUserMessage } from "../../../model.js";
-import { agentSwitchingActiveSelector, colorPaletteSelector, settingsSelector, } from "../../../store/chatWindow/chatWindowSelectors.js";
-import { copyToClipboardAction, setKeyDriverAnalysisAction, } from "../../../store/chatWindow/chatWindowSlice.js";
-import { agentsAvailableSelector } from "../../../store/messages/messagesSelectors.js";
-import { newMessageAction, saveVisualisationRenderStatusAction, visualizationErrorAction, } from "../../../store/messages/messagesSlice.js";
-import { getAbsoluteVisualizationHref, getHeadlineComparison, getVisualizationHref } from "../../../utils.js";
-import { storeKdaReturnFocusFromDrillContext } from "../../../utils/kdaReturnFocus.js";
-import { mapVisualizationWhatIfToScenarios } from "../../../whatIf/whatIfMapping.js";
-import { useConfig } from "../../ConfigContext.js";
-import { convertIntersectionToAttributeFilters, mergeFilters } from "../../utils/intersectionUtils.js";
-import { VisualizationErrorBoundary } from "../components/VisualizationErrorBoundary.js";
-import { DrillSelectDropdownMenu } from "./drill/DrillSelectDropdownMenu.js";
-import { MarkdownComponent } from "./Markdown.js";
-import { useExecution } from "./useExecution.js";
-import { createKdaDefinitionFromDrill, getDashboardAttributeFilter } from "./useKdaDefinition.js";
-import { VisualizationSaveDialog } from "./VisualizationSaveDialog.js";
-const VIS_HEIGHT = 250;
-const MORE_MENU_BUTTON_ID = "gd-gen-ai-chat__visualization__save__more-menu-button";
-const overlayAlignPoints = [{ align: "br tr" }];
-function VisualizationContentsComponentCore({ content, messageId, useMarkdown, colorPalette, enableNewPivotTable = true, enableAccessibleChartTooltip = false, enableChangeAnalysis = false, agentSwitchingActive = false, agGridToken, agentsAvailable, showSuggestions = false, onCopyToClipboard, setKeyDriverAnalysis, }) {
-    const dispatch = useDispatch();
-    // Resolve agGridToken from context if provided via AgGridTokenProvider, otherwise use prop from Redux
-    const resolvedAgGridToken = useAgGridToken(agGridToken);
-    const className = cx("gd-gen-ai-chat__messages__content", "gd-gen-ai-chat__messages__content--visualization");
-    const visualization = content.createdVisualizations?.[0];
-    const { metrics, dimensions, filters, sorts } = useExecution(visualization);
-    const config = useConfig();
-    const settings = useSelector(settingsSelector);
-    const useHostedAnalyticalDesigner = Boolean(settings?.enableShellApplication_analyticalDesigner);
-    const enableSecondGranularities = Boolean(settings?.enableSecondGranularities);
-    const separators = settings?.separators;
-    const [saveDialogOpen, setSaveDialogOpen] = useState(null);
-    const [hasVisError, setHasVisError] = useState(false);
-    const [visLoading, setVisLoading] = useState(true);
-    const workspaceId = useWorkspaceStrict();
-    const [isMenuButtonOpen, setMenuButtonOpen] = useState(false);
-    const [isTable, setIsTable] = useState(false);
-    const arePromptActionsDisabled = agentSwitchingActive && agentsAvailable !== true;
-    const intl = useIntl();
-    const theme = useTheme();
-    const kpiTheme = useMemo(() => ({
-        ...theme,
-        kpi: {
-            ...theme?.kpi,
-            primaryMeasureColor: theme?.dashboards?.content?.widget?.title?.color ?? theme?.palette?.complementary?.c8,
-            secondaryInfoColor: theme?.dashboards?.content?.widget?.title?.color ?? theme?.palette?.complementary?.c8,
-        },
-    }), [theme]);
-    const moreButtonTooltipText = intl.formatMessage({ id: "gd.gen-ai.visualisation.menu" });
-    const toggleButtonTableTooltipText = intl.formatMessage({ id: "gd.gen-ai.visualisation.toggle.table" });
-    const toggleButtonOriginalTooltipText = intl.formatMessage({
-        id: "gd.gen-ai.visualisation.toggle.original",
-    });
-    // generate unique IDs for accessibility and dropdown positioning
-    const id = useId();
-    const menuId = `menu-${id}`;
-    const dropdownAnchorClassName = `${MORE_MENU_BUTTON_ID}-${id}`;
-    const menuItems = useMemo(() => visualization?.savedVisualizationId
-        ? [
-            {
-                id: "button-save",
-                title: intl.formatMessage({
-                    id: "gd.gen-ai.visualisation.menu.button.save_as_new_visualisation",
-                }),
-                icon: _jsx(IconSave, { width: 16, height: 16, ariaHidden: true, color: "currentColor" }),
-                ariaAttributes: {
-                    "aria-haspopup": "dialog",
-                },
-            },
-            {
-                id: "button-open",
-                title: intl.formatMessage({
-                    id: "gd.gen-ai.visualisation.menu.button.open_in_analyze",
-                }),
-                icon: _jsx(IconExternalLink, { width: 16, height: 16, ariaHidden: true, color: "currentColor" }),
-                ariaAttributes: {
-                    "aria-description": intl.formatMessage({
-                        id: "gd.gen-ai.visualisation.menu.button.open_in_analyze.description",
-                    }),
-                },
-            },
-            {
-                id: "button-copy",
-                title: intl.formatMessage({
-                    id: "gd.gen-ai.visualisation.menu.button.copy_visualisation_link",
-                }),
-                icon: _jsx(IconCopy, { width: 16, height: 16, ariaHidden: true, color: "currentColor" }),
-            },
-        ]
-        : [
-            {
-                id: "button-save",
-                title: intl.formatMessage({
-                    id: "gd.gen-ai.visualisation.menu.button.save_as_visualisation",
-                }),
-                icon: _jsx(IconSave, { width: 16, height: 16, ariaHidden: true, color: "currentColor" }),
-                ariaAttributes: {
-                    "aria-haspopup": "dialog",
-                },
-            },
-            {
-                id: "button-open",
-                title: intl.formatMessage({
-                    id: "gd.gen-ai.visualisation.menu.button.open_in_analyze",
-                }),
-                icon: _jsx(IconExternalLink, { width: 16, height: 16, ariaHidden: true, color: "currentColor" }),
-                ariaAttributes: {
-                    "aria-description": intl.formatMessage({
-                        id: "gd.gen-ai.visualisation.menu.button.open_in_analyze.description",
-                    }),
-                },
-            },
-        ], [intl, visualization?.savedVisualizationId]);
-    const handleOpen = (e, vis) => {
-        if (!vis?.savedVisualizationId) {
-            return;
-        }
-        const visualizationStatus = "saved";
-        config.linkHandler?.({
-            id: vis.id,
-            type: "visualization",
-            workspaceId,
-            newTab: e.metaKey,
-            preventDefault: e.preventDefault.bind(e),
-            itemUrl: getVisualizationHref(workspaceId, vis.savedVisualizationId, visualizationStatus, useHostedAnalyticalDesigner),
-            visualizationStatus,
-            action: "open",
-        });
-        e.stopPropagation();
-    };
-    const handleButtonClick = (e, item) => {
-        switch (item.id) {
-            case "button-save":
-                setSaveDialogOpen("save");
-                setMenuButtonOpen(false);
-                break;
-            case "button-open":
-                if (visualization?.savedVisualizationId) {
-                    if (config.allowNativeLinks) {
-                        window.location.href = getVisualizationHref(workspaceId, visualization.savedVisualizationId, "saved", useHostedAnalyticalDesigner);
-                    }
-                    else {
-                        handleOpen(e, visualization);
-                    }
-                }
-                else {
-                    setSaveDialogOpen("explore");
-                }
-                setMenuButtonOpen(false);
-                break;
-            case "button-copy":
-                if (visualization?.savedVisualizationId) {
-                    const visualizationStatus = "saved";
-                    let link = undefined;
-                    if (config.allowNativeLinks) {
-                        link = getAbsoluteVisualizationHref(workspaceId, visualization.savedVisualizationId, visualizationStatus, useHostedAnalyticalDesigner);
-                    }
-                    else {
-                        link = config.linkHandler?.({
-                            id: visualization.savedVisualizationId,
-                            type: "visualization",
-                            workspaceId,
-                            newTab: e.metaKey,
-                            preventDefault: e.preventDefault.bind(e),
-                            itemUrl: getAbsoluteVisualizationHref(workspaceId, visualization.savedVisualizationId, visualizationStatus, useHostedAnalyticalDesigner),
-                            visualizationStatus,
-                            action: "copy",
-                        });
-                    }
-                    if (link) {
-                        copy(link);
-                        onCopyToClipboard?.({ content: link });
-                    }
-                }
-                setMenuButtonOpen(false);
-                break;
-            default:
-                // No action needed for other items
-                break;
-        }
-    };
-    const handleSuccess = useCallback(() => {
-        dispatch(saveVisualisationRenderStatusAction({
-            visualizationId: visualization.id,
-            assistantMessageId: messageId,
-            status: "SUCCESSFUL",
-        }));
-    }, [dispatch, visualization?.id, messageId]);
-    const visualizationContainerRef = useRef(null);
-    const [drillState, setDrillState] = useState(null);
-    const handlerDrill = useCallback((event) => {
-        storeKdaReturnFocusFromDrillContext(event.drillContext);
-        const keyDriverData = getKdaKeyDriverCombinations({
-            type: "keyDriveAnalysis",
-            transition: "in-place",
-            origin: {},
-        }, event, enableSecondGranularities);
-        if (keyDriverData.length === 0) {
-            setDrillState(null);
-        }
-        else {
-            setDrillState({ keyDriverData, event });
-        }
-    }, [enableSecondGranularities]);
-    const handleSdkError = useCallback((error) => {
-        // Ignore NO_DATA error, we still want an option to save the visualization
-        if (!isNoDataSdkError(error)) {
-            setHasVisError(true);
-        }
-        dispatch(visualizationErrorAction({
-            errorType: error.seType,
-            errorMessage: error.getMessage(),
-        }));
-        switch (error.seType) {
-            case "NO_DATA":
-                dispatch(saveVisualisationRenderStatusAction({
-                    visualizationId: visualization.id,
-                    assistantMessageId: messageId,
-                    status: "NO_DATA",
-                }));
-                break;
-            case "DATA_TOO_LARGE_TO_COMPUTE":
-            case "DATA_TOO_LARGE_TO_DISPLAY":
-                dispatch(saveVisualisationRenderStatusAction({
-                    visualizationId: visualization.id,
-                    assistantMessageId: messageId,
-                    status: "TOO_MANY_DATA_POINTS",
-                }));
-                break;
-            default:
-                dispatch(saveVisualisationRenderStatusAction({
-                    visualizationId: visualization.id,
-                    assistantMessageId: messageId,
-                    status: "UNEXPECTED_ERROR",
-                }));
-                break;
-        }
-    }, [dispatch, visualization?.id, messageId]);
-    const handleLoadingChanged = useCallback(({ isLoading }) => {
-        setVisLoading(isLoading);
-    }, []);
-    const renderMenuItems = () => {
-        return (_jsx(Overlay, { alignTo: `.${dropdownAnchorClassName}`, alignPoints: overlayAlignPoints, className: "gd-gen-ai-chat__visualization__menu_overlay", closeOnMouseDrag: true, closeOnOutsideClick: true, onClose: () => setMenuButtonOpen(false), children: _jsx(UiFocusManager, { enableAutofocus: true, enableReturnFocusOnUnmount: true, enableFocusTrap: true, children: _jsx(UiMenu, { dataTestId: "gen-ai-visualization-menu-list", items: menuItems.map((item) => ({
-                        type: "interactive",
-                        stringTitle: item.title,
-                        data: item,
-                        iconLeft: item.icon,
-                        id: item.id,
-                        isDisabled: false,
-                        ariaAttributes: item.ariaAttributes,
-                    })), ariaAttributes: {
-                        id: menuId,
-                    }, onSelect: (item, e) => {
-                        handleButtonClick(e, item.data);
-                    }, onClose: () => setMenuButtonOpen(false) }) }) }, "saveVisualisationMenuButton"));
-    };
-    const moreButtonDescId = useId();
-    const drillableItems = useMemo(() => {
-        if (visualization && enableChangeAnalysis) {
-            if (visualization.visualizationType === "TABLE") {
-                return metrics.filter(Boolean).map(headerPredicate);
-            }
-            return [dimensions[0], dimensions[1]].filter(Boolean).map((x) => x.attribute.displayForm);
-        }
-        return undefined;
-    }, [dimensions, enableChangeAnalysis, metrics, visualization]);
-    const whatIfScenarios = useMemo(() => mapVisualizationWhatIfToScenarios(visualization), [visualization]);
-    const renderCurrentChart = (execConfig) => {
-        if (!visualization) {
-            return null;
-        }
-        if (isTable) {
-            return renderTable(intl.locale, metrics, dimensions, filters, sorts, handleSdkError, handleLoadingChanged, handleSuccess, handlerDrill, {
-                drillableItems,
-                enableChangeAnalysis,
-                enableNewPivotTable,
-                enableAccessibleChartTooltip,
-                agGridToken: resolvedAgGridToken,
-                execConfig,
-                separators,
-            });
-        }
-        switch (visualization.visualizationType) {
-            case "BAR":
-                return renderBarChart(intl.locale, metrics, dimensions, filters, sorts, colorPalette, handleSdkError, handleLoadingChanged, handleSuccess, handlerDrill, {
-                    enableChangeAnalysis,
-                    enableAccessibleChartTooltip,
-                    execConfig,
-                    separators,
-                });
-            case "COLUMN":
-                return renderColumnChart(intl.locale, metrics, dimensions, filters, sorts, colorPalette, handleSdkError, handleLoadingChanged, handleSuccess, handlerDrill, {
-                    drillableItems,
-                    enableChangeAnalysis,
-                    enableAccessibleChartTooltip,
-                    execConfig,
-                    separators,
-                });
-            case "LINE":
-                return renderLineChart(intl.locale, visualization, metrics, dimensions, filters, sorts, colorPalette, handleSdkError, handleLoadingChanged, handleSuccess, handlerDrill, {
-                    drillableItems,
-                    enableChangeAnalysis,
-                    enableAccessibleChartTooltip,
-                    execConfig,
-                    separators,
-                });
-            case "PIE":
-                return renderPieChart(intl.locale, metrics, dimensions, filters, sorts, colorPalette, handleSdkError, handleLoadingChanged, handleSuccess, handlerDrill, {
-                    drillableItems,
-                    enableChangeAnalysis,
-                    enableAccessibleChartTooltip,
-                    execConfig,
-                    separators,
-                });
-            case "SCATTER":
-                return renderScatterPlot(intl.locale, visualization, metrics, dimensions, filters, sorts, colorPalette, handleSdkError, handleLoadingChanged, handleSuccess, handlerDrill, {
-                    drillableItems,
-                    enableAccessibleChartTooltip,
-                    execConfig,
-                    separators,
-                });
-            case "TABLE":
-                return renderTable(intl.locale, metrics, dimensions, filters, sorts, handleSdkError, handleLoadingChanged, handleSuccess, handlerDrill, {
-                    drillableItems,
-                    enableChangeAnalysis,
-                    enableNewPivotTable,
-                    enableAccessibleChartTooltip,
-                    agGridToken: resolvedAgGridToken,
-                    execConfig,
-                    separators,
-                });
-            case "HEADLINE":
-                return renderHeadline(intl.locale, kpiTheme, metrics, dimensions, filters, colorPalette, handleSdkError, handleLoadingChanged, handleSuccess, handlerDrill, {
-                    drillableItems,
-                    enableChangeAnalysis,
-                    execConfig,
-                    separators,
-                });
-            default:
-                assertNever(visualization.visualizationType);
-                return null;
-        }
-    };
-    return (_jsxs("div", { className: className, children: [_jsx(MarkdownComponent, { allowMarkdown: useMarkdown, children: content.text }), visualization && whatIfScenarios ? (_jsx("div", { className: "gd-gen-ai-chat__visualization__what-if-group", children: whatIfScenarios.map((scenario, index) => (_jsxs("div", { className: cx("gd-gen-ai-chat__visualization", `gd-gen-ai-chat__visualization--${visualization.visualizationType.toLowerCase()}`), children: [_jsx("div", { className: "gd-gen-ai-chat__visualization__title", children: scenario.label }), _jsx("div", { className: cx("gd-gen-ai-chat__visualization__wrapper", `gd-gen-ai-chat__visualization__wrapper--${visualization.visualizationType.toLowerCase()}`), children: _jsx(VisualizationErrorBoundary, { children: renderCurrentChart(scenario.execConfig) }) })] }, index))) })) : visualization ? (_jsx(Dropdown, { enableAutoToggle: false, isOpen: Boolean(drillState), onToggle: (state) => {
-                    if (!state) {
-                        setDrillState(null);
-                    }
-                }, closeOnEscape: true, closeOnParentScroll: true, alignPoints: [
-                    {
-                        align: "tl tl",
-                        offset: calculateOffset(visualizationContainerRef.current, drillState?.event),
-                    },
-                    {
-                        align: "tl tr",
-                        offset: calculateOffset(visualizationContainerRef.current, drillState?.event),
-                    },
-                ], renderBody: () => {
-                    return (_jsx(DrillSelectDropdownMenu, { drillState: drillState, onSelect: (item) => {
-                            const data = item.data.context;
-                            const event = drillState?.event;
-                            if (!event) {
-                                return;
-                            }
-                            const allFilters = mergeFilters(convertIntersectionToAttributeFilters(event.drillContext.intersection ?? []), filters
-                                .map(getDashboardAttributeFilter)
-                                .filter(Boolean));
-                            const definition = createKdaDefinitionFromDrill(intl.locale, data, event, allFilters);
-                            setKeyDriverAnalysis?.({ keyDriverAnalysis: definition });
-                        }, onClose: () => {
-                            setDrillState(null);
-                        } }));
-                }, renderButton: () => {
-                    return (_jsxs("div", { ref: visualizationContainerRef, className: cx("gd-gen-ai-chat__visualization", `gd-gen-ai-chat__visualization--${visualization.visualizationType.toLowerCase()}`, {
-                            active: isMenuButtonOpen,
-                        }), children: [config.canAnalyze && !hasVisError
-                                ? (() => {
-                                    return (_jsxs("div", { className: cx("gd-gen-ai-chat__visualization__buttons"), children: [visualization.visualizationType === "TABLE" ? null : (_jsx("div", { className: cx("gd-gen-ai-chat__visualization__table"), children: _jsx(UiTooltip, { triggerBy: ["focus", "hover"], arrowPlacement: "bottom", anchor: _jsx(UiIconButton, { dataTestId: "gen-ai-visualization-toggle-button", onClick: () => {
-                                                            setIsTable(!isTable);
-                                                        }, icon: isTable ? "visualization" : "table", accessibilityConfig: {
-                                                            role: "button",
-                                                            ariaLabel: isTable
-                                                                ? toggleButtonOriginalTooltipText
-                                                                : toggleButtonTableTooltipText,
-                                                        } }), content: isTable
-                                                        ? toggleButtonOriginalTooltipText
-                                                        : toggleButtonTableTooltipText }) })), _jsxs("div", { id: MORE_MENU_BUTTON_ID, className: cx("gd-gen-ai-chat__visualization__save", dropdownAnchorClassName), children: [_jsx(UiTooltip, { disabled: !moreButtonTooltipText, triggerBy: ["focus", "hover"], arrowPlacement: "bottom", anchor: _jsx(UiIconButton, { dataTestId: "gen-ai-visualization-menu-button", onClick: () => setMenuButtonOpen(!isMenuButtonOpen), icon: "ellipsis", isDisabled: visLoading, accessibilityConfig: {
-                                                                role: "button",
-                                                                ariaLabel: moreButtonTooltipText,
-                                                                ariaDescribedBy: moreButtonDescId,
-                                                                isExpanded: isMenuButtonOpen,
-                                                                popupId: menuId,
-                                                                ariaHaspopup: "menu",
-                                                            }, isActive: isMenuButtonOpen }), content: moreButtonTooltipText }), isMenuButtonOpen ? renderMenuItems() : null] })] }));
-                                })()
-                                : null, _jsx("div", { className: "gd-gen-ai-chat__visualization__title", id: moreButtonDescId, children: _jsx(MarkdownComponent, { allowMarkdown: useMarkdown, children: visualization.title }) }), _jsx("div", { className: cx("gd-gen-ai-chat__visualization__wrapper", `gd-gen-ai-chat__visualization__wrapper--${isTable ? "table" : visualization.visualizationType.toLowerCase()}`), children: _jsx(VisualizationErrorBoundary, { children: renderCurrentChart() }) }), saveDialogOpen ? (_jsx(VisualizationSaveDialog, { onClose: () => setSaveDialogOpen(null), visualization: visualization, type: saveDialogOpen, messageId: messageId })) : null, drillState ? (_jsx("div", { className: "gd-gen-ai-chat__visualization__drill_overlay" })) : null] }));
-                } })) : null, showSuggestions && !whatIfScenarios && visualization?.suggestions?.length ? (_jsx("div", { className: "gd-gen-ai-chat__visualization__suggestions", children: visualization.suggestions.map((suggestion) => (_jsx(UiButton, { label: suggestion.label, variant: "secondary", size: "small", isDisabled: arePromptActionsDisabled, onClick: () => {
-                        dispatch(newMessageAction(makeUserMessage([makeTextContents(suggestion.query, [])])));
-                    }, tooltip: suggestion.query }, suggestion.label))) })) : null] }));
-}
-const visualizationTooltipOptions = {
-    tooltip: {
-        className: "gd-gen-ai-chat__vis_tooltip",
-    },
-};
-const legendTooltipOptions = {
-    legend: {
-        responsive: "autoPositionWithPopup",
-    },
-};
-const renderBarChart = (locale, metrics, dimensions, filters, sortBy, colorPalette, onError, onLoadingChanged, onSuccess, onDrill, props) => (_jsx(BarChart, { locale: locale, height: VIS_HEIGHT, measures: metrics, viewBy: [dimensions[0], dimensions[1]].filter(Boolean), stackBy: metrics.length <= 1 ? dimensions[2] : undefined, sortBy: sortBy, config: {
-        ...visualizationTooltipOptions,
-        ...legendTooltipOptions,
-        colorPalette,
-        separators: props.separators,
-        // Better visibility with stacked bars if there are multiple metrics and dimensions
-        stackMeasures: metrics.length > 1 && dimensions.length === 2,
-        enableAccessibleTooltip: props.enableAccessibleChartTooltip,
-    }, drillableItems: props.drillableItems, onDrill: onDrill, filters: filters, onError: onError, onLoadingChanged: onLoadingChanged, onExportReady: onSuccess, execConfig: props.execConfig }));
-const renderColumnChart = (locale, metrics, dimensions, filters, sortBy, colorPalette, onError, onLoadingChanged, onSuccess, onDrill, props) => (_jsx(ColumnChart, { locale: locale, height: VIS_HEIGHT, measures: metrics, viewBy: [dimensions[0], dimensions[1]].filter(Boolean), stackBy: metrics.length <= 1 ? dimensions[2] : undefined, sortBy: sortBy, config: {
-        ...visualizationTooltipOptions,
-        ...legendTooltipOptions,
-        colorPalette,
-        separators: props.separators,
-        // Better visibility with stacked bars if there are multiple metrics and dimensions
-        stackMeasures: metrics.length > 1 && dimensions.length === 2,
-        enableAccessibleTooltip: props.enableAccessibleChartTooltip,
-    }, drillableItems: props.drillableItems, onDrill: onDrill, filters: filters, onError: onError, onLoadingChanged: onLoadingChanged, onExportReady: onSuccess, execConfig: props.execConfig }));
-const renderLineChart = (locale, visualization, metrics, dimensions, filters, sortBy, colorPalette, onError, onLoadingChanged, onSuccess, onDrill, props) => {
-    const forecast = mapVisualizationForecastToChartConfig(visualization);
-    const forecastConfig = mapVisualizationForecastToBackendConfig(visualization);
-    const anomalies = mapVisualizationAnomalyDetectionToChartConfig(visualization.config);
-    const outliersConfig = mapVisualizationAnomalyDetectionToBackendConfig(visualization.config);
-    return (_jsx(LineChart, { locale: locale, height: VIS_HEIGHT, measures: metrics, trendBy: dimensions[0], segmentBy: metrics.length <= 1 ? dimensions[1] : undefined, filters: filters, sortBy: sortBy, config: {
-            ...visualizationTooltipOptions,
-            ...legendTooltipOptions,
-            colorPalette,
-            separators: props.separators,
-            enableAccessibleTooltip: props.enableAccessibleChartTooltip,
-            ...(forecastConfig && forecast ? { forecast } : {}),
-            ...(outliersConfig && anomalies ? { anomalies } : {}),
-        }, forecastConfig: forecastConfig, outliersConfig: outliersConfig, drillableItems: props.drillableItems, onDrill: onDrill, onError: onError, onLoadingChanged: onLoadingChanged, onExportReady: onSuccess, execConfig: props.execConfig }));
-};
-const renderPieChart = (locale, metrics, dimensions, filters, sortBy, colorPalette, onError, onLoadingChanged, onSuccess, onDrill, props) => (_jsx(PieChart, { locale: locale, height: VIS_HEIGHT, measures: metrics, viewBy: metrics.length <= 1 ? dimensions[0] : undefined, filters: filters, sortBy: sortBy, config: {
-        ...visualizationTooltipOptions,
-        colorPalette,
-        separators: props.separators,
-        enableAccessibleTooltip: props.enableAccessibleChartTooltip,
-    }, drillableItems: props.drillableItems, onDrill: onDrill, onError: onError, onLoadingChanged: onLoadingChanged, onExportReady: onSuccess, execConfig: props.execConfig }));
-const renderScatterPlot = (locale, visualization, metrics, dimensions, filters, sortBy, colorPalette, onError, onLoadingChanged, onSuccess, onDrill, props) => {
-    const clustering = mapVisualizationClusteringToChartConfig(visualization.config);
-    const clusteringConfig = mapVisualizationClusteringToBackendConfig(visualization.config);
-    return (_jsx(ScatterPlot, { locale: locale, height: VIS_HEIGHT, xAxisMeasure: metrics[0], yAxisMeasure: metrics[1], attribute: dimensions[0], segmentBy: dimensions[1], filters: filters, sortBy: sortBy, config: {
-            ...visualizationTooltipOptions,
-            ...legendTooltipOptions,
-            colorPalette,
-            separators: props.separators,
-            enableAccessibleTooltip: props.enableAccessibleChartTooltip,
-            ...(clusteringConfig && clustering ? { clustering } : {}),
-        }, drillableItems: props.drillableItems, onDrill: onDrill, onError: onError, onLoadingChanged: onLoadingChanged, onExportReady: onSuccess, execConfig: props.execConfig }));
-};
-const renderTable = (locale, metrics, dimensions, filters, sortBy, onError, onLoadingChanged, onSuccess, onDrill, props) => {
-    const TableComponent = props.enableNewPivotTable ? PivotTableNext : PivotTable;
-    return (_jsx(TableComponent, { locale: locale, measures: metrics, rows: dimensions, filters: filters, sortBy: sortBy, config: props.enableNewPivotTable
-            ? { agGridToken: props.agGridToken, separators: props.separators }
-            : { separators: props.separators }, drillableItems: props.drillableItems, onDrill: onDrill, onError: onError, onLoadingChanged: onLoadingChanged, onExportReady: onSuccess, execConfig: props.execConfig }));
-};
-const renderHeadline = (locale, theme, metrics, _dimensions, filters, colorPalette, onError, onLoadingChanged, onSuccess, onDrill, props) => {
-    return (_jsx(ScopedThemeProvider, { theme: theme, children: _jsx(Headline, { locale: locale, primaryMeasure: metrics[0], secondaryMeasures: [metrics[1], metrics[2]].filter(Boolean), filters: filters, config: {
-                ...visualizationTooltipOptions,
-                ...getHeadlineComparison(metrics),
-                colorPalette,
-                separators: props.separators,
-            }, drillableItems: props.drillableItems, onDrill: onDrill, onError: onError, onLoadingChanged: onLoadingChanged, onExportReady: onSuccess, execConfig: props.execConfig }) }));
-};
-function calculateOffset(container, drillEvent) {
-    const offest = getRelativeOffset(drillEvent?.target, container);
-    return {
-        y: offest.y + (drillEvent?.chartY ?? 0),
-        x: offest.x + (drillEvent?.chartX ?? 0),
-    };
-}
-function getRelativeOffset(child, ancestor) {
-    if (!child || !ancestor) {
-        return { x: 0, y: 0 };
-    }
-    const c = child.getBoundingClientRect();
-    const a = ancestor.getBoundingClientRect();
-    return {
-        x: c.left - a.left,
-        y: c.top - a.top,
-    };
-}
-function headerPredicate(m) {
-    return (header) => {
-        if (isMeasureDescriptor(header)) {
-            return header.measureHeaderItem.localIdentifier === m.measure.localIdentifier;
-        }
-        return false;
-    };
-}
-export function VisualizationContentsComponent(props) {
-    const dispatch = useDispatch();
-    const settings = useSelector(settingsSelector);
-    const colorPalette = useSelector(colorPaletteSelector);
-    const agentSwitchingActive = useSelector(agentSwitchingActiveSelector);
-    const agentsAvailable = useSelector(agentsAvailableSelector);
-    const onCopyToClipboard = useCallback((...args) => {
-        dispatch(copyToClipboardAction(...args));
-    }, [dispatch]);
-    const setKeyDriverAnalysis = useCallback((...args) => {
-        dispatch(setKeyDriverAnalysisAction(...args));
-    }, [dispatch]);
-    return (_jsx(VisualizationContentsComponentCore, { ...props, colorPalette: colorPalette, enableNewPivotTable: settings?.enableNewPivotTable, enableAccessibleChartTooltip: settings?.enableAccessibleChartTooltip, enableChangeAnalysis: settings?.enableChangeAnalysis, agentSwitchingActive: agentSwitchingActive, agGridToken: settings?.agGridToken, agentsAvailable: agentsAvailable, onCopyToClipboard: onCopyToClipboard, setKeyDriverAnalysis: setKeyDriverAnalysis }));
-}

package/esm/components/messages/contents/VisualizationSaveDialog.d.ts

@@ -1,13 +0,0 @@
-import { type IGenAIVisualization } from "@gooddata/sdk-model";
-import { saveVisualizationAction as saveVisualizationActionCreator } from "../../../store/messages/messagesSlice.js";
-export type VisualizationSaveDialogProps = {
-    onClose: () => void;
-    visualization: IGenAIVisualization;
-    messageId: string;
-    type: "save" | "explore";
-};
-export type VisualizationSaveDialogDispatchProps = {
-    saveVisualizationAction: (...args: Parameters<typeof saveVisualizationActionCreator>) => void;
-};
-export declare function VisualizationSaveDialog(props: VisualizationSaveDialogProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=VisualizationSaveDialog.d.ts.map

package/esm/components/messages/contents/VisualizationSaveDialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"VisualizationSaveDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/contents/VisualizationSaveDialog.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAG/D,OAAO,EAAE,uBAAuB,IAAI,8BAA8B,EAAE,MAAM,0CAA0C,CAAC;AAIrH,MAAM,MAAM,4BAA4B,GAAG;IACvC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,mBAAmB,CAAC;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,oCAAoC,GAAG;IAC/C,uBAAuB,EAAE,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,OAAO,8BAA8B,CAAC,KAAK,IAAI,CAAC;CACjG,CAAC;AA4DF,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,2CAW1E"}

package/esm/components/messages/contents/VisualizationSaveDialog.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// (C) 2024-2026 GoodData Corporation
-import { useCallback, useState } from "react";
-import { useIntl } from "react-intl";
-import { useDispatch } from "react-redux";
-import { ConfirmDialog, Input, Typography } from "@gooddata/sdk-ui-kit";
-import { saveVisualizationAction as saveVisualizationActionCreator } from "../../../store/messages/messagesSlice.js";
-import { useVisualisationSaving } from "./hooks/useVisualisationSaving.js";
-function VisualizationSaveDialogCore({ onClose, visualization, messageId, saveVisualizationAction, type, }) {
-    const intl = useIntl();
-    const [value, setValue] = useState(visualization.title);
-    const { setSavingStarted } = useVisualisationSaving(visualization, onClose);
-    return (_jsxs(ConfirmDialog, { onClose: onClose, onCancel: onClose, onSubmit: () => {
-            setSavingStarted(true);
-            saveVisualizationAction({
-                visualizationId: visualization.id,
-                visualizationTitle: value || visualization.title,
-                assistantMessageId: messageId,
-                explore: type === "explore",
-            });
-        }, isPositive: true, autofocusOnOpen: false, submitOnEnterKey: true, headline: intl.formatMessage({ id: "gd.gen-ai.save-dialog.title" }), cancelButtonText: intl.formatMessage({ id: "gd.gen-ai.button.cancel" }), submitButtonText: type === "save"
-            ? intl.formatMessage({ id: "gd.gen-ai.button.save" })
-            : intl.formatMessage({ id: "gd.gen-ai.button.save_and_explore" }), showProgressIndicator: visualization.saving, isSubmitDisabled: visualization.saving, isCancelDisabled: visualization.saving, className: "gd-gen-ai-chat__visualization__save-dialog", children: [_jsx(Typography, { tagName: "p", children: type === "save"
-                    ? intl.formatMessage({ id: "gd.gen-ai.save-dialog.description" })
-                    : intl.formatMessage({ id: "gd.gen-ai.save-dialog.description.explore" }) }), _jsx(Input, { autofocus: true, label: intl.formatMessage({ id: "gd.gen-ai.save-dialog.label" }), labelPositionTop: true, placeholder: visualization.title, value: value, disabled: visualization.saving, onChange: (newValue) => setValue(String(newValue)) })] }));
-}
-export function VisualizationSaveDialog(props) {
-    const dispatch = useDispatch();
-    const saveVisualization = useCallback((...args) => {
-        dispatch(saveVisualizationActionCreator(...args));
-    }, [dispatch]);
-    return _jsx(VisualizationSaveDialogCore, { ...props, saveVisualizationAction: saveVisualization });
-}

package/esm/components/messages/contents/hooks/useVisualisationSaving.d.ts

@@ -1,6 +0,0 @@
-import { type IGenAIVisualization } from "@gooddata/sdk-model";
-export declare function useVisualisationSaving(visualization: IGenAIVisualization, onClose: () => void): {
-    setSavingStarted: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    savingStarted: boolean;
-};
-//# sourceMappingURL=useVisualisationSaving.d.ts.map

package/esm/components/messages/contents/hooks/useVisualisationSaving.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useVisualisationSaving.d.ts","sourceRoot":"","sources":["../../../../../src/components/messages/contents/hooks/useVisualisationSaving.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,wBAAgB,sBAAsB,CAAC,aAAa,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,IAAI;;;EAgB7F"}

package/esm/components/messages/contents/hooks/useVisualisationSaving.js

@@ -1,17 +0,0 @@
-// (C) 2025 GoodData Corporation
-import { useEffect, useState } from "react";
-export function useVisualisationSaving(visualization, onClose) {
-    const [savingStarted, setSavingStarted] = useState(false);
-    // Close the dialog automatically once the item is saved
-    const isSaving = visualization.saving;
-    useEffect(() => {
-        if (savingStarted && !isSaving) {
-            setSavingStarted(false);
-            onClose();
-        }
-    }, [savingStarted, isSaving, onClose]);
-    return {
-        setSavingStarted,
-        savingStarted,
-    };
-}

package/esm/components/messages/contents/useExecution.d.ts

@@ -1,14 +0,0 @@
-import { type IAttribute, type IFilter, type IGenAIVisualization, type IMeasure, type IMeasureDefinition, type ISortItem } from "@gooddata/sdk-model";
-export declare const useExecution: (vis?: IGenAIVisualization) => {
-    metrics: IMeasure<IMeasureDefinition>[];
-    dimensions: IAttribute[];
-    filters: IFilter[];
-    sorts: ISortItem[];
-};
-export declare const prepareExecution: (vis: IGenAIVisualization) => {
-    metrics: IMeasure<IMeasureDefinition>[];
-    dimensions: IAttribute[];
-    filters: IFilter[];
-    sorts: ISortItem[];
-};
-//# sourceMappingURL=useExecution.d.ts.map

package/esm/components/messages/contents/useExecution.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useExecution.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/contents/useExecution.tsx"],"names":[],"mappings":"AAIA,OAAO,EAUH,KAAK,UAAU,EACf,KAAK,OAAO,EACZ,KAAK,mBAAmB,EAExB,KAAK,QAAQ,EACb,KAAK,kBAAkB,EACvB,KAAK,SAAS,EAgBjB,MAAM,qBAAqB,CAAC;AAwB7B,eAAO,MAAM,YAAY,SAAU,mBAAmB;;;;;CAarD,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAS,mBAAmB;;;;;CAgBxD,CAAC"}