@gooddata/sdk-ui-dashboard 11.60.0-alpha.2 → 11.60.0-alpha.4

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

@@ -0,0 +1,31 @@
+import { type ReactElement, type ReactNode } from "react";
+import { type IUiResizableSidebarState } from "@gooddata/sdk-ui-kit";
+/**
+ * @internal
+ */
+export interface IDashboardSidebarChromeProps {
+    sidebar: IUiResizableSidebarState;
+    /**
+     * Renders the drag handle; the sidebar is still resizable by keyboard only through it.
+     */
+    hasResizeHandle: boolean;
+    onContainerClick?: () => void;
+    /**
+     * Panel content, rendered at the expanded width so it is clipped, not reflowed, while collapsing.
+     */
+    children: ReactNode;
+    /**
+     * Rendered inside the sticky container after the panel, e.g. the delete drop zone.
+     */
+    afterPanel?: ReactNode;
+}
+/**
+ * The dashboard edit-mode sidebar frame: the resizable wrapper, the sticky container with its collapse
+ * modifiers, the panel that clips the content, the drag handle and the edge trigger of a completely
+ * hidden sidebar. A collapsed sidebar either keeps an icon rail, where the panel toggle stays in place,
+ * or hides completely and is restored from the top bar or the edge trigger.
+ *
+ * @internal
+ */
+export declare function DashboardSidebarChrome({ sidebar, hasResizeHandle, onContainerClick, children, afterPanel, }: IDashboardSidebarChromeProps): ReactElement;
+//# sourceMappingURL=DashboardSidebarChrome.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardSidebarChrome.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/DashboardSidebar/DashboardSidebarChrome.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK1D,OAAO,EACH,KAAK,wBAAwB,EAGhC,MAAM,sBAAsB,CAAC;AAI9B;;GAEG;AACH,MAAM,WAAW,4BAA4B;IACzC,OAAO,EAAE,wBAAwB,CAAC;IAClC;;OAEG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CAAC,EACnC,OAAO,EACP,eAAe,EACf,gBAAgB,EAChB,QAAQ,EACR,UAAU,GACb,EAAE,4BAA4B,GAAG,YAAY,CAkD7C"}

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

@@ -0,0 +1,26 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cx from "classnames";
+import { useIntl } from "react-intl";
+import { UiResizableSidebar, UiResizableSidebarHandle, } from "@gooddata/sdk-ui-kit";
+import { SidebarExpandTrigger } from "./SidebarExpandTrigger.js";
+/**
+ * The dashboard edit-mode sidebar frame: the resizable wrapper, the sticky container with its collapse
+ * modifiers, the panel that clips the content, the drag handle and the edge trigger of a completely
+ * hidden sidebar. A collapsed sidebar either keeps an icon rail, where the panel toggle stays in place,
+ * or hides completely and is restored from the top bar or the edge trigger.
+ *
+ * @internal
+ */
+export function DashboardSidebarChrome({ sidebar, hasResizeHandle, onContainerClick, children, afterPanel, }) {
+    const intl = useIntl();
+    const { isCollapsed, canCollapse, hasRail, expandedWidth } = sidebar;
+    const panel = (_jsx("div", { className: cx("gd-sidebar-panel", { "gd-sidebar-panel--collapsible": canCollapse }), children: _jsx("div", { className: "flex-panel-full-height", style: canCollapse ? { width: expandedWidth } : undefined, children: children }) }));
+    if (!hasResizeHandle && !canCollapse) {
+        return (_jsxs("div", { className: "col gd-flex-item gd-sidebar-container", onClick: onContainerClick, children: [panel, afterPanel] }));
+    }
+    return (_jsxs(_Fragment, { children: [isCollapsed && !hasRail ? _jsx(SidebarExpandTrigger, {}) : null, _jsxs(UiResizableSidebar, { state: sidebar, dataTestId: "s-dashboard-sidebar", children: [_jsxs("div", { className: cx("col gd-flex-item gd-sidebar-container gd-sidebar-container--resizable", {
+                            "gd-sidebar-container--collapsed": isCollapsed,
+                            "gd-sidebar-container--rail": canCollapse && hasRail,
+                            "gd-sidebar-container--hidden": canCollapse && !hasRail,
+                        }), onClick: onContainerClick, children: [panel, afterPanel] }), hasResizeHandle ? (_jsx(UiResizableSidebarHandle, { accessibilityConfig: { ariaLabel: intl.formatMessage({ id: "sidebar.resize" }) }, dataTestId: "s-dashboard-sidebar-resize-handle" })) : null] })] }));
+}

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

@@ -1,10 +1,11 @@
 /**
- * Collapses the dashboard sidebar to the icon rail and expands it back.
+ * The kit sidebar collapse toggle with the dashboard's translated labels and tooltip.
  *
  * @internal
  */
-export declare function SidebarCollapseToggle({ isCollapsed, onToggle, }: {
+export declare function SidebarCollapseToggle({ isCollapsed, onToggle, dataTestId, }: {
     isCollapsed: boolean;
     onToggle: () => void;
+    dataTestId?: string;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SidebarCollapseToggle.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarCollapseToggle.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/DashboardSidebar/SidebarCollapseToggle.tsx"],"names":[],"mappings":"AAMA;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,EAClC,WAAW,EACX,QAAQ,GACX,EAAE;IACC,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB,2CAgCA"}
+{"version":3,"file":"SidebarCollapseToggle.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/DashboardSidebar/SidebarCollapseToggle.tsx"],"names":[],"mappings":"AAMA;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,EAClC,WAAW,EACX,QAAQ,EACR,UAAkD,GACrD,EAAE;IACC,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB,2CA2BA"}

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

@@ -1,19 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 // (C) 2026 GoodData Corporation
 import { useIntl } from "react-intl";
-import { UiIconButton, UiTooltip } from "@gooddata/sdk-ui-kit";
+import { UiResizableSidebarCollapseToggle, UiTooltip } from "@gooddata/sdk-ui-kit";
 /**
- * Collapses the dashboard sidebar to the icon rail and expands it back.
+ * The kit sidebar collapse toggle with the dashboard's translated labels and tooltip.
  *
  * @internal
  */
-export function SidebarCollapseToggle({ isCollapsed, onToggle, }) {
+export function SidebarCollapseToggle({ isCollapsed, onToggle, dataTestId = "s-dashboard-sidebar-collapse-toggle", }) {
     const intl = useIntl();
     const label = isCollapsed
         ? intl.formatMessage({ id: "sidebar.expand" })
         : intl.formatMessage({ id: "sidebar.collapse" });
-    return (_jsx("div", { className: "gd-sidebar-collapse-toggle", children: _jsx(UiTooltip, { content: label, arrowPlacement: "left", triggerBy: ["hover", "focus"], optimalPlacement: true, accessibilityHidden: true, closeOnAnchorClick: true, anchor: _jsx(UiIconButton, { icon: isCollapsed ? "sidePanelExpand" : "sidePanelCollapse", label: label, size: "medium", variant: "tertiary", dataTestId: "s-dashboard-sidebar-collapse-toggle", accessibilityConfig: {
-                    ariaLabel: label,
-                    ariaExpanded: !isCollapsed,
-                }, onClick: onToggle }) }) }));
+    return (_jsx("div", { className: "gd-sidebar-collapse-toggle", children: _jsx(UiTooltip, { content: label, arrowPlacement: "left", triggerBy: ["hover", "focus"], optimalPlacement: true, accessibilityHidden: true, closeOnAnchorClick: true, anchor: _jsx(UiResizableSidebarCollapseToggle, { isCollapsed: isCollapsed, onToggle: onToggle, collapseLabel: intl.formatMessage({ id: "sidebar.collapse" }), expandLabel: intl.formatMessage({ id: "sidebar.expand" }), dataTestId: dataTestId }) }) }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarConfigurationPanel.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/DashboardSidebar/SidebarConfigurationPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAa1C,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,YAAY,GAAG,IAAI,CAmE3G"}
+{"version":3,"file":"SidebarConfigurationPanel.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/DashboardSidebar/SidebarConfigurationPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAS1C,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAGhD;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,YAAY,GAAG,IAAI,CAyC3G"}

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

@@ -1,13 +1,11 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import cx from "classnames";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useDashboardSelector } from "../../../model/react/DashboardStoreProvider.js";
 import { useWidgetSelection } from "../../../model/react/useWidgetSelection.js";
 import { selectSettings } from "../../../model/store/config/configSelectors.js";
 import { CreationPanel } from "./CreationPanel.js";
+import { DashboardSidebarChrome } from "./DashboardSidebarChrome.js";
 import { FloatingToolbar } from "./FloatingToolbar.js";
-import { SidebarCollapseToggle } from "./SidebarCollapseToggle.js";
-import { SidebarResizeChrome } from "./SidebarResizeChrome.js";
-import { useResizableSidebar } from "./SidebarResizeContext.js";
+import { useResizableSidebar } from "./useResizableSidebarState.js";
 /**
  * @internal
  */
@@ -18,15 +16,9 @@ export function SidebarConfigurationPanel(props) {
     const settings = useDashboardSelector(selectSettings);
     const enableEnhancedInsightPicker = settings?.enableEnhancedInsightPicker ?? false;
     const enableDashboardSidebarResize = settings?.enableDashboardSidebarResize ?? false;
-    const { isCollapsed, canCollapse, setCollapsed, expandedWidth } = useResizableSidebar();
+    const sidebar = useResizableSidebar();
     if (enableEnhancedInsightPicker) {
         return _jsx(FloatingToolbar, {});
     }
-    const content = (_jsxs(_Fragment, { children: [canCollapse ? (_jsx("div", { className: "gd-sidebar-rail", children: _jsx(SidebarCollapseToggle, { isCollapsed: isCollapsed, onToggle: () => setCollapsed(!isCollapsed) }) })) : null, _jsx("div", { className: cx("gd-sidebar-panel", { "gd-sidebar-panel--collapsible": canCollapse }), children: _jsx("div", { className: "flex-panel-full-height", style: canCollapse ? { width: expandedWidth } : undefined, children: _jsx(CreationPanel, { className: configurationPanelClassName, WrapCreatePanelItemWithDragComponent: WrapCreatePanelItemWithDragComponent, WrapInsightListItemWithDragComponent: WrapInsightListItemWithDragComponent, AttributeFilterComponentSet: AttributeFilterComponentSet, InsightWidgetComponentSet: InsightWidgetComponentSet, RichTextWidgetComponentSet: RichTextWidgetComponentSet, VisualizationSwitcherWidgetComponentSet: VisualizationSwitcherWidgetComponentSet, DashboardLayoutWidgetComponentSet: DashboardLayoutWidgetComponentSet }) }) }), _jsx(DeleteDropZoneComponent, {})] }));
-    if (enableDashboardSidebarResize) {
-        return _jsx(SidebarResizeChrome, { onContainerClick: deselectWidgets, children: content });
-    }
-    return (_jsx("div", { className: cx("col gd-flex-item gd-sidebar-container", {
-            "gd-sidebar-container--collapsed": isCollapsed,
-        }), onClick: deselectWidgets, children: content }));
+    return (_jsx(DashboardSidebarChrome, { sidebar: sidebar, hasResizeHandle: enableDashboardSidebarResize, onContainerClick: deselectWidgets, afterPanel: _jsx(DeleteDropZoneComponent, {}), children: _jsx(CreationPanel, { className: configurationPanelClassName, WrapCreatePanelItemWithDragComponent: WrapCreatePanelItemWithDragComponent, WrapInsightListItemWithDragComponent: WrapInsightListItemWithDragComponent, AttributeFilterComponentSet: AttributeFilterComponentSet, InsightWidgetComponentSet: InsightWidgetComponentSet, RichTextWidgetComponentSet: RichTextWidgetComponentSet, VisualizationSwitcherWidgetComponentSet: VisualizationSwitcherWidgetComponentSet, DashboardLayoutWidgetComponentSet: DashboardLayoutWidgetComponentSet }) }));
 }

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

@@ -0,0 +1,7 @@
+/**
+ * Expands the hidden dashboard sidebar from the left edge of the content.
+ *
+ * @internal
+ */
+export declare function SidebarExpandTrigger(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SidebarExpandTrigger.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarExpandTrigger.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/DashboardSidebar/SidebarExpandTrigger.tsx"],"names":[],"mappings":"AAQA;;;;GAIG;AACH,wBAAgB,oBAAoB,4CAWnC"}

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { useIntl } from "react-intl";
+import { UiResizableSidebarExpandTrigger } from "@gooddata/sdk-ui-kit";
+import { useResizableSidebar } from "./useResizableSidebarState.js";
+/**
+ * Expands the hidden dashboard sidebar from the left edge of the content.
+ *
+ * @internal
+ */
+export function SidebarExpandTrigger() {
+    const intl = useIntl();
+    const { setCollapsed } = useResizableSidebar();
+    return (_jsx(UiResizableSidebarExpandTrigger, { label: intl.formatMessage({ id: "sidebar.expand" }), dataTestId: "s-dashboard-sidebar-expand-trigger", onExpand: () => setCollapsed(false) }));
+}

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

@@ -0,0 +1,12 @@
+/**
+ * Restores a completely hidden dashboard sidebar from the top bar. Renders nothing while the sidebar is
+ * visible, including when it is collapsed to an icon rail where the panel toggle stays in place.
+ *
+ * @remarks
+ * The default top bar renders it. A custom top bar of a dashboard whose sidebar hides completely must
+ * render it too, otherwise the only way back is the edge trigger.
+ *
+ * @internal
+ */
+export declare function SidebarHeaderToggle(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=SidebarHeaderToggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarHeaderToggle.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/DashboardSidebar/SidebarHeaderToggle.tsx"],"names":[],"mappings":"AAKA;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,mDAclC"}

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

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { SidebarCollapseToggle } from "./SidebarCollapseToggle.js";
+import { useResizableSidebar } from "./useResizableSidebarState.js";
+/**
+ * Restores a completely hidden dashboard sidebar from the top bar. Renders nothing while the sidebar is
+ * visible, including when it is collapsed to an icon rail where the panel toggle stays in place.
+ *
+ * @remarks
+ * The default top bar renders it. A custom top bar of a dashboard whose sidebar hides completely must
+ * render it too, otherwise the only way back is the edge trigger.
+ *
+ * @internal
+ */
+export function SidebarHeaderToggle() {
+    const { canCollapse, isCollapsed, hasRail, setCollapsed } = useResizableSidebar();
+    if (!canCollapse || !isCollapsed || hasRail) {
+        return null;
+    }
+    return (_jsx(SidebarCollapseToggle, { isCollapsed: true, onToggle: () => setCollapsed(false), dataTestId: "s-dashboard-sidebar-restore-toggle" }));
+}

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

@@ -0,0 +1,21 @@
+import { type IUiResizableSidebarState } from "@gooddata/sdk-ui-kit";
+/**
+ * Returns the sidebar state shared by the dashboard provider, or a fixed sidebar at the minimum width when
+ * rendered outside it.
+ *
+ * @internal
+ */
+export declare function useResizableSidebar(): IUiResizableSidebarState;
+/**
+ * Computes the dashboard sidebar width state: the drag-to-resize bounds and the collapsed/expanded state
+ * of the edit-mode creation panel. The sidebar collapses to an icon rail. When the sidebar is neither
+ * resizable nor collapsible (not edit mode, both features off, or replaced by the enhanced insight picker)
+ * it is fixed at the minimum width.
+ *
+ * Reads the config store, so it must be called below the dashboard loading gate where the config is
+ * initialized.
+ *
+ * @internal
+ */
+export declare function useResizableSidebarState(): IUiResizableSidebarState;
+//# sourceMappingURL=useResizableSidebarState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useResizableSidebarState.d.ts","sourceRoot":"","sources":["../../../../src/presentation/dashboard/DashboardSidebar/useResizableSidebarState.ts"],"names":[],"mappings":"AAIA,OAAO,EACH,KAAK,wBAAwB,EAGhC,MAAM,sBAAsB,CAAC;AA6B9B;;;;;GAKG;AACH,wBAAgB,mBAAmB,IAAI,wBAAwB,CAE9D;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,wBAAwB,IAAI,wBAAwB,CAgCnE"}

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

@@ -0,0 +1,75 @@
+// (C) 2026 GoodData Corporation
+import { useEffect } from "react";
+import { useUiResizableSidebar, useUiResizableSidebarState, } from "@gooddata/sdk-ui-kit";
+import { useDashboardSelector } from "../../../model/react/DashboardStoreProvider.js";
+import { selectIsAiMode, selectSettings } from "../../../model/store/config/configSelectors.js";
+import { selectIsInEditMode } from "../../../model/store/renderMode/renderModeSelectors.js";
+const SIDEBAR_MIN_WIDTH = 230;
+const SIDEBAR_MAX_WIDTH = 500;
+// The edit-mode sidebar collapses to an icon rail; without it the sidebar would hide completely and the
+// restore control would move to the top bar (see SidebarHeaderToggle and SidebarExpandTrigger).
+const SIDEBAR_HAS_RAIL = true;
+const EDITOR_MIN_WIDTH = 960;
+const WIDTH_STORAGE_KEY = "gd-dashboard-sidebar-width";
+const COLLAPSED_STORAGE_KEY = "gd-dashboard-sidebar-collapsed";
+// Fixed sidebar for consumers rendered outside the dashboard provider, e.g. a standalone panel.
+const STATIC_SIDEBAR = {
+    width: SIDEBAR_MIN_WIDTH,
+    expandedWidth: SIDEBAR_MIN_WIDTH,
+    min: SIDEBAR_MIN_WIDTH,
+    max: SIDEBAR_MIN_WIDTH,
+    canResize: false,
+    setWidth: () => { },
+    canCollapse: false,
+    hasRail: SIDEBAR_HAS_RAIL,
+    isCollapsed: false,
+    setCollapsed: () => { },
+};
+/**
+ * Returns the sidebar state shared by the dashboard provider, or a fixed sidebar at the minimum width when
+ * rendered outside it.
+ *
+ * @internal
+ */
+export function useResizableSidebar() {
+    return useUiResizableSidebar(STATIC_SIDEBAR);
+}
+/**
+ * Computes the dashboard sidebar width state: the drag-to-resize bounds and the collapsed/expanded state
+ * of the edit-mode creation panel. The sidebar collapses to an icon rail. When the sidebar is neither
+ * resizable nor collapsible (not edit mode, both features off, or replaced by the enhanced insight picker)
+ * it is fixed at the minimum width.
+ *
+ * Reads the config store, so it must be called below the dashboard loading gate where the config is
+ * initialized.
+ *
+ * @internal
+ */
+export function useResizableSidebarState() {
+    const settings = useDashboardSelector(selectSettings);
+    const isEditMode = useDashboardSelector(selectIsInEditMode);
+    const isAiMode = useDashboardSelector(selectIsAiMode);
+    const isSidebarResizeEnabled = settings?.enableDashboardSidebarResize ?? false;
+    const enableEnhancedInsightPicker = settings?.enableEnhancedInsightPicker ?? false;
+    const isGenAiRightPanelEnabled = settings?.enableGenAiRightPanel ?? false;
+    const isCollapsibleLeftSidebarEnabled = settings?.enableCollapsibleLeftSidebar ?? false;
+    const hasCreationPanel = isEditMode && !enableEnhancedInsightPicker;
+    const state = useUiResizableSidebarState({
+        widthStorageKey: WIDTH_STORAGE_KEY,
+        collapsedStorageKey: COLLAPSED_STORAGE_KEY,
+        minWidth: SIDEBAR_MIN_WIDTH,
+        maxWidth: SIDEBAR_MAX_WIDTH,
+        hasRail: SIDEBAR_HAS_RAIL,
+        minContentWidth: EDITOR_MIN_WIDTH,
+        isResizable: hasCreationPanel && isSidebarResizeEnabled,
+        isCollapsible: hasCreationPanel && (isGenAiRightPanelEnabled || isCollapsibleLeftSidebarEnabled),
+    });
+    const { setCollapsed } = state;
+    // The AI assistant takes over the canvas, so the sidebar folds away while it is active.
+    useEffect(() => {
+        if (isAiMode) {
+            setCollapsed(true);
+        }
+    }, [isAiMode, setCollapsed]);
+    return state;
+}

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

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

@@ -2,7 +2,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 // (C) 2022-2026 GoodData Corporation
 import { useEffect, useRef } from "react";
 import cx from "classnames";
-import { OverlayController, OverlayControllerProvider, ToastsCenter, ToastsCenterContextProvider, } from "@gooddata/sdk-ui-kit";
+import { OverlayController, OverlayControllerProvider, ToastsCenter, ToastsCenterContextProvider, UiResizableSidebarProvider, } from "@gooddata/sdk-ui-kit";
 import { useDashboardSelector } from "../../../model/react/DashboardStoreProvider.js";
 import { useDashboardAutomations } from "../../../model/react/useDashboardAutomations/useDashboardAutomations.js";
 import { selectAccessibleDashboardsLoaded } from "../../../model/store/accessibleDashboards/accessibleDashboardsSelectors.js";
@@ -23,7 +23,7 @@ import { DashboardContent } from "../DashboardContent.js";
 import { DashboardHeader } from "../DashboardHeader/DashboardHeader.js";
 import { DashboardSidebar } from "../DashboardSidebar/DashboardSidebar.js";
 import { RenderModeAwareDashboardSidebar } from "../DashboardSidebar/RenderModeAwareDashboardSidebar.js";
-import { ResizableSidebarProvider, useResizableSidebarState, } from "../DashboardSidebar/SidebarResizeContext.js";
+import { useResizableSidebarState } from "../DashboardSidebar/useResizableSidebarState.js";
 import { DashboardScreenSizeProvider } from "./DashboardScreenSizeContext.js";
 import { DashboardSkeleton } from "./DashboardSkeleton.js";
 const overlayController = OverlayController.getInstance(DASHBOARD_HEADER_OVERLAYS_Z_INDEX);
@@ -60,7 +60,7 @@ export function DashboardInner(props) {
         "gd-dash-content--density-compact": density === "compact",
     });
     const resizableSidebar = useResizableSidebarState();
-    // When the sidebar can be resized or is collapsed to the icon rail, expose its live width so the
+    // When the sidebar can be resized or is collapsed (hidden), expose its live width so the
     // sibling content area can subtract it (see `--gd-dashboard-sidebar-width` in sdk-dashboard.scss).
     // Otherwise leave it unset so the content falls back to the static per-breakpoint sidebar width.
     const dashboardsRootStyle = resizableSidebar.canResize || resizableSidebar.isCollapsed
@@ -68,7 +68,7 @@ export function DashboardInner(props) {
             "--gd-dashboard-sidebar-width": `${resizableSidebar.width}px`,
         }
         : undefined;
-    return (_jsx(IntlWrapper, { locale: locale, children: _jsxs(ToastsCenterContextProvider, { skipAutomaticMessageRendering: true, children: [_jsx(OverlayControllerProvider, { overlayController: toastsOverlayController, children: _jsx(ToastsCenter, {}) }), _jsx(ResizableSidebarProvider, { value: resizableSidebar, children: _jsxs("div", { className: cx("component-root", {
+    return (_jsx(IntlWrapper, { locale: locale, children: _jsxs(ToastsCenterContextProvider, { skipAutomaticMessageRendering: true, children: [_jsx(OverlayControllerProvider, { overlayController: toastsOverlayController, children: _jsx(ToastsCenter, {}) }), _jsx(UiResizableSidebarProvider, { value: resizableSidebar, children: _jsxs("div", { className: cx("component-root", {
                             "sdk-edit-mode-on": isEditMode,
                             "sdk-view-mode-on": !isEditMode,
                             "catalog-is-loaded": isCatalogLoaded,

package/esm/presentation/drill/DrillSelect/DrillSelectDropdown.d.ts

@@ -11,7 +11,7 @@ export interface IDrillSelectDropdownProps extends IDrillSelectContext {
     onCloseReturnFocus: () => void;
     onSelect: (item: DashboardDrillDefinition, context: unknown) => void;
 }
-export declare function DrillSelectDropdown({ isOpen, dropDownAnchorClass, onClose, onCloseReturnFocus, onSelect, drillDefinitions, drillEvent, }: IDrillSelectDropdownProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function DrillSelectDropdown({ isOpen, dropDownAnchorClass, onClose, onCloseReturnFocus, onSelect, drillDefinitions, restrictedDrillDowns, drillEvent, }: IDrillSelectDropdownProps): import("react/jsx-runtime").JSX.Element | null;
 export declare const createDrillSelectItems: ({ drillDefinitions, drillEvent, insights, dashboardList, dashboardTitle, intl, widget, attributeDisplayForms, enableSecondGranularities, isDrillRestricted, }: {
     isDrillRestricted: (drill: DashboardDrillDefinition) => boolean;
     drillDefinitions: DashboardDrillDefinition[];

package/esm/presentation/drill/DrillSelect/DrillSelectDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrillSelectDropdown.d.ts","sourceRoot":"","sources":["../../../../src/presentation/drill/DrillSelect/DrillSelectDropdown.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,SAAS,EAAW,MAAM,YAAY,CAAC;AAGrD,OAAO,EACH,KAAK,mCAAmC,EACxC,KAAK,QAAQ,EACb,KAAK,gBAAgB,EACrB,KAAK,OAAO,EAcf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,WAAW,EAAsB,MAAM,kBAAkB,CAAC;AAIxE,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,yCAAyC,CAAC;AASzE,OAAO,EAAE,KAAK,wBAAwB,EAAyB,MAAM,mBAAmB,CAAC;AAazF,OAAO,EAAa,KAAK,mBAAmB,EAAE,KAAK,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAExF,MAAM,WAAW,yBAA0B,SAAQ,mBAAmB;IAClE,mBAAmB,EAAE,MAAM,CAAC;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,wBAAwB,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACxE;AAED,wBAAgB,mBAAmB,CAAC,EAChC,MAAM,EACN,mBAAmB,EACnB,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,gBAAgB,EAChB,UAAU,GACb,EAAE,yBAAyB,kDA6K3B;AAqFD,eAAO,MAAM,sBAAsB,kKAWhC;IACC,iBAAiB,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,OAAO,CAAC;IAChE,gBAAgB,EAAE,wBAAwB,EAAE,CAAC;IAC7C,UAAU,EAAE,WAAW,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC9B,aAAa,EAAE,gBAAgB,EAAE,CAAC;IAClC,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,mCAAmC,CAAC,CAAC;IAC3E,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACvC,KAAG,gBAAgB,EAuJnB,CAAC"}
+{"version":3,"file":"DrillSelectDropdown.d.ts","sourceRoot":"","sources":["../../../../src/presentation/drill/DrillSelect/DrillSelectDropdown.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,SAAS,EAAW,MAAM,YAAY,CAAC;AAGrD,OAAO,EACH,KAAK,mCAAmC,EACxC,KAAK,QAAQ,EACb,KAAK,gBAAgB,EACrB,KAAK,OAAO,EAef,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,WAAW,EAAsB,MAAM,kBAAkB,CAAC;AAIxE,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAUzE,OAAO,EAAE,KAAK,wBAAwB,EAAyB,MAAM,mBAAmB,CAAC;AAazF,OAAO,EAEH,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EAExB,MAAM,YAAY,CAAC;AAEpB,MAAM,WAAW,yBAA0B,SAAQ,mBAAmB;IAClE,mBAAmB,EAAE,MAAM,CAAC;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,wBAAwB,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACxE;AAED,wBAAgB,mBAAmB,CAAC,EAChC,MAAM,EACN,mBAAmB,EACnB,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,gBAAgB,EAChB,oBAAoB,EACpB,UAAU,GACb,EAAE,yBAAyB,kDA+K3B;AAgGD,eAAO,MAAM,sBAAsB,kKAWhC;IACC,iBAAiB,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,OAAO,CAAC;IAChE,gBAAgB,EAAE,wBAAwB,EAAE,CAAC;IAC7C,UAAU,EAAE,WAAW,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC9B,aAAa,EAAE,gBAAgB,EAAE,CAAC;IAClC,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,mCAAmC,CAAC,CAAC;IAC3E,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACvC,KAAG,gBAAgB,EAqJnB,CAAC"}

package/esm/presentation/drill/DrillSelect/DrillSelectDropdown.js

@@ -5,7 +5,7 @@ import stringify from "json-stable-stringify";
 import { compact, groupBy, uniqBy } from "lodash-es";
 import { useIntl } from "react-intl";
 import { invariant } from "ts-invariant";
-import { areObjRefsEqual, insightTitle, isAttributeDescriptor, isCrossFiltering, isDrillFromAttribute, isDrillToAttributeUrl, isDrillToCustomUrl, isDrillToDashboard, isDrillToInsight, isDrillToLegacyDashboard, isIdentifierRef, isKeyDriveAnalysis, } from "@gooddata/sdk-model";
+import { areObjRefsEqual, insightTitle, isAttributeDescriptor, isCrossFiltering, isDrillFromAttribute, isDrillToAttributeUrl, isDrillToCustomUrl, isDrillToDashboard, isDrillToInsight, isDrillToLegacyDashboard, isIdentifierRef, isKeyDriveAnalysis, objRefToString, } from "@gooddata/sdk-model";
 import { UnexpectedSdkError } from "@gooddata/sdk-ui";
 import { Overlay, UiFocusManager, UiMenu } from "@gooddata/sdk-ui-kit";
 import { getDrillOriginLocalIdentifier } from "../../../_staging/drills/drillingUtils.js";
@@ -25,8 +25,8 @@ import { getDrillDownTitle, getDrillOriginAttributeElementTitle, getTotalDrillTo
 import { getDrillToCustomUrlMissingAttributes } from "../utils/drillToCustomUrlUtils.js";
 import { getKdaKeyDriverCombinations, getKeyDriverCombinationItemTitle } from "../utils/kdaUtils.js";
 import { DrillSelectDropdownMenuItem } from "./DrillSelectDropdownMenuItem.js";
-import { DrillType } from "./types.js";
-export function DrillSelectDropdown({ isOpen, dropDownAnchorClass, onClose, onCloseReturnFocus, onSelect, drillDefinitions, drillEvent, }) {
+import { DrillType, } from "./types.js";
+export function DrillSelectDropdown({ isOpen, dropDownAnchorClass, onClose, onCloseReturnFocus, onSelect, drillDefinitions, restrictedDrillDowns, drillEvent, }) {
     const intl = useIntl();
     const isDrillRestricted = useDashboardSelector(selectIsDrillRestricted);
     const dashboardList = useDashboardSelector(selectAccessibleDashboards);
@@ -72,19 +72,23 @@ export function DrillSelectDropdown({ isOpen, dropDownAnchorClass, onClose, onCl
             nextElement.focus();
         }
     }, [previouslyFocusedRef, onClose, removeHighchartsFocusBorders, findNextFocusableVisualisation]);
-    const drillSelectItems = useMemo(() => createDrillSelectItems({
-        drillDefinitions: deduplicateDrillIntoUrlItems(drillDefinitions),
-        drillEvent,
-        isDrillRestricted,
-        insights,
-        dashboardList,
-        dashboardTitle,
-        attributeDisplayForms,
-        intl,
-        widget: widget,
-        enableSecondGranularities,
-    }), [
+    const drillSelectItems = useMemo(() => [
+        ...createDrillSelectItems({
+            drillDefinitions: deduplicateDrillIntoUrlItems(drillDefinitions),
+            drillEvent,
+            isDrillRestricted,
+            insights,
+            dashboardList,
+            dashboardTitle,
+            attributeDisplayForms,
+            intl,
+            widget: widget,
+            enableSecondGranularities,
+        }),
+        ...createRestrictedDrillDownItems(restrictedDrillDowns, intl),
+    ], [
         drillDefinitions,
+        restrictedDrillDowns,
         isDrillRestricted,
         drillEvent,
         insights,
@@ -96,19 +100,18 @@ export function DrillSelectDropdown({ isOpen, dropDownAnchorClass, onClose, onCl
         enableSecondGranularities,
     ]);
     const grouped = groupBy(drillSelectItems, (item) => {
-        if (isDrillDownDefinition(item.drillDefinition)) {
-            return "drillDown";
-        }
-        if (isDrillToUrl(item.drillDefinition)) {
-            return "drillToUrl";
+        switch (item.type) {
+            case DrillType.DRILL_DOWN:
+                return "drillDown";
+            case DrillType.DRILL_TO_URL:
+                return "drillToUrl";
+            case DrillType.CROSS_FILTERING:
+                return "crossFiltering";
+            case DrillType.KEY_DRIVER_ANALYSIS:
+                return "keyDriverAnalysis";
+            default:
+                return "drill";
         }
-        if (isCrossFiltering(item.drillDefinition)) {
-            return "crossFiltering";
-        }
-        if (isKeyDriveAnalysis(item.drillDefinition)) {
-            return "keyDriverAnalysis";
-        }
-        return "drill";
     });
     const menuItems = useDrillSelectDropdownMenuItems({
         drillDownItems: grouped["drillDown"] ?? [],
@@ -216,6 +219,12 @@ function calculateAlignPoints(anchorClass, drillEvent) {
         },
     ];
 }
+const createRestrictedDrillDownItems = (restrictedDrillDowns, intl) => restrictedDrillDowns.map(({ hierarchyRef, originLocalIdentifier }) => ({
+    type: DrillType.DRILL_DOWN,
+    name: intl.formatMessage({ id: "drill_modal_picker.restricted" }),
+    id: `restricted-drill-down-${originLocalIdentifier}-${objRefToString(hierarchyRef)}`,
+    isRestricted: true,
+}));
 export const createDrillSelectItems = ({ drillDefinitions, drillEvent, insights, dashboardList, dashboardTitle, intl, widget, attributeDisplayForms, enableSecondGranularities = false, isDrillRestricted, }) => {
     const totalDrillToUrls = getTotalDrillToUrlCount(drillDefinitions);
     return drillDefinitions.flatMap((drillDefinition) => {
@@ -228,10 +237,8 @@ export const createDrillSelectItems = ({ drillDefinitions, drillEvent, insights,
                         ? DrillType.DRILL_TO_DASHBOARD
                         : DrillType.DRILL_TO_URL,
                 name: intl.formatMessage({ id: "drill_modal_picker.restricted" }),
-                drillDefinition,
                 id: stringify(drillDefinition) || "undefined",
                 isRestricted: true,
-                isDisabled: true,
             };
         }
         if (isDrillDownDefinition(drillDefinition)) {

package/esm/presentation/drill/DrillSelect/WithDrillSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WithDrillSelect.d.ts","sourceRoot":"","sources":["../../../../src/presentation/drill/DrillSelect/WithDrillSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAA0C,MAAM,OAAO,CAAC;AAKlF,OAAO,EACH,KAAK,QAAQ,EACb,KAAK,MAAM,EAOd,MAAM,qBAAqB,CAAC;AAsB7B,OAAO,EACH,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,4BAA4B,EACjC,KAAK,yBAAyB,EAC9B,KAAK,yBAAyB,EAC9B,KAAK,uBAAuB,EAC5B,KAAK,0BAA0B,EAC/B,KAAK,aAAa,EACrB,MAAM,aAAa,CAAC;AAMrB;;GAEG;AACH,MAAM,WAAW,qBAAqB;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,QAAQ,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,uBAAuB,CAAC,EAAE,uBAAuB,CAAC;IAClD,yBAAyB,CAAC,EAAE,yBAAyB,CAAC;IACtD,4BAA4B,CAAC,EAAE,4BAA4B,CAAC;IAC5D,yBAAyB,CAAC,EAAE,yBAAyB,CAAC;IACtD,0BAA0B,CAAC,EAAE,0BAA0B,CAAC;IACxD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,aAAa,CAAA;KAAE,KAAK,YAAY,CAAC;CACjE;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,oBAAoB,EACpB,YAAY,EACZ,kBAAkB,EAClB,uBAAuB,EACvB,yBAAyB,EACzB,4BAA4B,EAC5B,yBAAyB,EACzB,0BAA0B,EAC1B,OAAO,GACV,EAAE,qBAAqB,GAAG,YAAY,CAmLtC"}
+{"version":3,"file":"WithDrillSelect.d.ts","sourceRoot":"","sources":["../../../../src/presentation/drill/DrillSelect/WithDrillSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAA0C,MAAM,OAAO,CAAC;AAKlF,OAAO,EACH,KAAK,QAAQ,EACb,KAAK,MAAM,EAQd,MAAM,qBAAqB,CAAC;AAgC7B,OAAO,EACH,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,4BAA4B,EACjC,KAAK,yBAAyB,EAC9B,KAAK,yBAAyB,EAC9B,KAAK,uBAAuB,EAC5B,KAAK,0BAA0B,EAC/B,KAAK,aAAa,EACrB,MAAM,aAAa,CAAC;AAMrB;;GAEG;AACH,MAAM,WAAW,qBAAqB;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,QAAQ,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,uBAAuB,CAAC,EAAE,uBAAuB,CAAC;IAClD,yBAAyB,CAAC,EAAE,yBAAyB,CAAC;IACtD,4BAA4B,CAAC,EAAE,4BAA4B,CAAC;IAC5D,yBAAyB,CAAC,EAAE,yBAAyB,CAAC;IACtD,0BAA0B,CAAC,EAAE,0BAA0B,CAAC;IACxD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,aAAa,CAAA;KAAE,KAAK,YAAY,CAAC;CACjE;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,oBAAoB,EACpB,YAAY,EACZ,kBAAkB,EAClB,uBAAuB,EACvB,yBAAyB,EACzB,4BAA4B,EAC5B,yBAAyB,EACzB,0BAA0B,EAC1B,OAAO,GACV,EAAE,qBAAqB,GAAG,YAAY,CAmNtC"}

package/esm/presentation/drill/DrillSelect/WithDrillSelect.js

@@ -3,15 +3,18 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo, useRef, useState } from "react";
 import cx from "classnames";
 import { v4 as uuid } from "uuid";
-import { isCrossFiltering, isDrillToAttributeUrl, isDrillToCustomUrl, isDrillToDashboard, isDrillToInsight, isKeyDriveAnalysis, } from "@gooddata/sdk-model";
+import { isAttributeDescriptor, isCrossFiltering, isDrillToAttributeUrl, isDrillToCustomUrl, isDrillToDashboard, isDrillToInsight, isKeyDriveAnalysis, } from "@gooddata/sdk-model";
 import { useAutoupdateRef } from "@gooddata/sdk-ui";
 import { OverlayController, OverlayControllerProvider } from "@gooddata/sdk-ui-kit";
+import { getDrillSourceLocalIdentifierFromEvent } from "../../../_staging/drills/drillingUtils.js";
 import { useDashboardSelector } from "../../../model/react/DashboardStoreProvider.js";
 import { selectBackendCapabilities } from "../../../model/store/backendCapabilities/backendCapabilitiesSelectors.js";
-import { selectDisableDefaultDrills, selectLocale } from "../../../model/store/config/configSelectors.js";
+import { selectAllCatalogAttributesMap } from "../../../model/store/catalog/catalogSelectors.js";
+import { selectDisableDefaultDrills, selectEnableDashboardPartialRendering, selectLocale, } from "../../../model/store/config/configSelectors.js";
 import { selectExecutableDashboardFiltersWithoutCrossFiltering } from "../../../model/store/filtering/dashboardFilterSelectors.js";
-import { selectWidgetDrills } from "../../../model/store/tabs/layout/layoutSelectors.js";
+import { selectIgnoredDrillDownHierarchiesByWidgetRef, selectWidgetDrills, } from "../../../model/store/tabs/layout/layoutSelectors.js";
 import { selectIsDrillRestricted } from "../../../model/store/widgetDrills/drillRestrictionSelectors.js";
+import { getRestrictedDrillDowns } from "../../../model/store/widgetDrills/widgetDrillSelectors.js";
 import { isDrillDownDefinition, } from "../../../types.js";
 import { DASHBOARD_DRILL_MENU_Z_INDEX } from "../../constants/zIndex.js";
 import { IntlWrapper } from "../../localization/IntlWrapper.js";
@@ -29,21 +32,44 @@ export function WithDrillSelect({ widgetRef, children, insight, returnFocusToIns
     const disableDefaultDrills = useDashboardSelector(selectDisableDefaultDrills); // TODO: maybe remove?
     const filters = useDashboardSelector(selectExecutableDashboardFiltersWithoutCrossFiltering);
     const isDrillRestricted = useDashboardSelector(selectIsDrillRestricted);
+    const catalogAttributes = useDashboardSelector(selectAllCatalogAttributesMap);
+    const ignoredHierarchies = useDashboardSelector(selectIgnoredDrillDownHierarchiesByWidgetRef(widgetRef));
+    const enablePartialRendering = useDashboardSelector(selectEnableDashboardPartialRendering);
     const configuredDrills = useDashboardSelector(selectWidgetDrills(widgetRef));
     const { supportsAttributeHierarchies } = useDashboardSelector(selectBackendCapabilities);
+    // useDrills keeps the success handler of the first render; the catalog loads after it
+    const restrictedDrillDownDepsRef = useAutoupdateRef({
+        catalogAttributes,
+        ignoredHierarchies,
+        enablePartialRendering,
+        supportsAttributeHierarchies,
+        insight,
+    });
     const drills = useDrills({
         onDrill: onDrillStart,
         onDrillSuccess: (s) => {
-            if (disableDefaultDrills || s.payload.drillEvent.drillDefinitions.length === 0) {
-                return;
-            }
             const drillDefinitions = s.payload.drillEvent.drillDefinitions;
             const drillEvent = s.payload.drillEvent;
             const context = s.payload.drillContext;
+            const drillSources = getDrillSourceLocalIdentifierFromEvent(drillEvent);
+            const clickedAttributes = (drillEvent.drillContext.intersection ?? [])
+                .map(({ header }) => header)
+                .filter(isAttributeDescriptor)
+                .filter(({ attributeHeader }) => drillSources.includes(attributeHeader.localIdentifier));
+            const deps = restrictedDrillDownDepsRef.current;
+            const restrictedDrillDowns = getRestrictedDrillDowns(clickedAttributes, deps.catalogAttributes, deps.ignoredHierarchies ?? [], {
+                supportsAttributeHierarchies: deps.supportsAttributeHierarchies,
+                enablePartialRendering: deps.enablePartialRendering,
+                disableDrillDown: deps.insight.insight.properties["controls"]?.disableDrillDown,
+            });
+            if (disableDefaultDrills ||
+                (drillDefinitions.length === 0 && restrictedDrillDowns.length === 0)) {
+                return;
+            }
             const validDrillDefinitions = supportsAttributeHierarchies
                 ? drillDefinitions
                 : filterDrillFromAttributeByPriority(drillDefinitions, configuredDrills);
-            const type = validDrillDefinitions.some(isDrillRestricted)
+            const type = restrictedDrillDowns.length > 0 || validDrillDefinitions.some(isDrillRestricted)
                 ? "multiple"
                 : getDrillDefinitionType(validDrillDefinitions);
             if (type === "single") {
@@ -52,6 +78,7 @@ export function WithDrillSelect({ widgetRef, children, insight, returnFocusToIns
             else if (type === "multiple") {
                 setDropdownProps({
                     drillDefinitions: validDrillDefinitions,
+                    restrictedDrillDowns,
                     drillEvent: drillEvent,
                     drillContext: context,
                     correlationId: s.correlationId,