drizzle-cube 0.6.7 → 0.7.0

package/dist/client/components/dashboardPortletCard/PortletCardHeader.d.ts

@@ -1,17 +1,7 @@
-import { default as React, CSSProperties, ComponentType } from 'react';
+import { default as React, CSSProperties } from 'react';
 import { PortletConfig } from '../../types.js';
 import { PortletDebugDataEntry } from '../../stores/dashboardStore.js';
-type IconComponent = ComponentType<{
-    className?: string;
-    style?: CSSProperties;
-}>;
-interface CardIcons {
-    RefreshIcon: IconComponent;
-    EditIcon: IconComponent;
-    DeleteIcon: IconComponent;
-    CopyIcon: IconComponent;
-    FilterIcon: IconComponent;
-}
+import { CardIcons } from './EditActionButtons.js';
 interface PortletCardHeaderProps {
     portlet: PortletConfig;
     className: string;

package/dist/client/components/dashboardPortletCard/PortletFloatingActions.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { PortletConfig } from '../../types.js';
+import { CardIcons } from './EditActionButtons.js';
+interface PortletFloatingActionsProps {
+    portlet: PortletConfig;
+    icons: CardIcons;
+    /** Show the edit-only actions (drag, filter config, duplicate, edit, delete). */
+    showEditActions: boolean;
+    copyAvailable: boolean;
+    copySuccess: boolean;
+    xlsExportAvailable: boolean;
+    exportInProgress: boolean;
+    onRefresh: (options?: {
+        bustCache?: boolean;
+    }) => void;
+    onCopyToClipboard: (event: React.MouseEvent | React.TouchEvent) => void;
+    onExportXlsx: (event: React.MouseEvent | React.TouchEvent) => void;
+    onOpenFilterConfig: () => void;
+    onDuplicate: () => void;
+    onEdit: () => void;
+    onDelete: () => void;
+}
+export default function PortletFloatingActions({ portlet, icons, showEditActions, copyAvailable, copySuccess, xlsExportAvailable, exportInProgress, onRefresh, onCopyToClipboard, onExportXlsx, onOpenFilterConfig, onDuplicate, onEdit, onDelete }: PortletFloatingActionsProps): React.JSX.Element;
+export {};

package/dist/client/components/dashboardPortletCard/cardStyles.d.ts

@@ -1,5 +1,7 @@
 import { CSSProperties } from 'react';
 import { ChartType, ChartDisplayConfig } from '../../types.js';
+/** How much chrome a card draws. Group children are frameless and headerless. */
+export type PortletCardVariant = 'standalone' | 'groupChild';
 export interface PortletDisplayModes {
     isMarkdownAutoHeight: boolean;
     isTransparentContent: boolean;
@@ -17,12 +19,14 @@ export declare function resolveDisplayModes(params: {
     layoutMode: string;
     isEditMode: boolean;
     portletTitle?: string;
+    variant?: PortletCardVariant;
 }): PortletDisplayModes;
 export declare function buildContainerClassName(params: {
     isTransparent: boolean;
     isMarkdownAutoHeight: boolean;
     isInSelectionMode: boolean;
     extraClassName?: string;
+    variant?: PortletCardVariant;
 }): string;
 export declare function buildHeaderClassName(isEditMode: boolean, extraClassName?: string): string;
 export declare function buildContainerStyle(params: {
@@ -30,4 +34,5 @@ export declare function buildContainerStyle(params: {
     isInSelectionMode: boolean;
     hasSelectedFilter: boolean;
     containerStyle?: CSSProperties;
+    variant?: PortletCardVariant;
 }): CSSProperties;

package/dist/client/components/dashboardPortletCard/propsEqual.d.ts

@@ -1,10 +1,12 @@
 import { HTMLAttributes, ReactNode, ComponentType, CSSProperties } from 'react';
 import { ChartType, DashboardFilter, DashboardLayoutMode, PortletConfig } from '../../types.js';
+import { PortletCardVariant } from './cardStyles.js';
 import { ColorPalette } from '../../utils/colorPalettes.js';
 export interface DashboardPortletCardProps {
     portlet: PortletConfig;
     editable: boolean;
     layoutMode?: DashboardLayoutMode;
+    variant?: PortletCardVariant;
     dashboardFilters?: DashboardFilter[];
     configEagerLoad?: boolean;
     loadingComponent?: ReactNode;

package/dist/client/components/mobileStackedLayout/memberDisplay.d.ts

@@ -0,0 +1,21 @@
+import { ChartAxisConfig, ChartDisplayConfig, ChartType, PortletConfig } from '../../types.js';
+export interface MobilePortletDisplay {
+    query: string;
+    chartType: ChartType;
+    chartConfig?: ChartAxisConfig;
+    displayConfig?: ChartDisplayConfig;
+    isTransparent: boolean;
+    isAutoHeight: boolean;
+    shouldHideHeader: boolean;
+    /** Outer height in px; `isAutoHeight` callers ignore it. */
+    height: number;
+    /** Height available to the chart once header and padding are removed. */
+    contentHeight: number;
+}
+export declare function resolveMobilePortletDisplay(params: {
+    portlet: PortletConfig;
+    /** False for a portlet inside a group card, which supplies its own frame. */
+    framed: boolean;
+    /** How many portlets share the group card, so its height can be shared out. */
+    memberCount: number;
+}): MobilePortletDisplay;

package/dist/client/components.d.ts

@@ -14,4 +14,4 @@ export { default as DashboardEditModal } from './components/DashboardEditModal.j
 export { default as Modal } from './components/Modal.js';
 export { default as AnalysisDisplayConfigPanel } from './components/AnalysisBuilder/AnalysisDisplayConfigPanel.js';
 export { createDashboardLayout, generateResponsiveLayouts, generatePortletId, findNextPosition, validateCubeQuery, createSamplePortlet } from './utils/index.js';
-export type { PortletConfig, DashboardConfig } from './types.js';
+export type { PortletConfig, DashboardConfig, PortletGroup, PortletGroupCell } from './types.js';

package/dist/client/components.js

@@ -1,3 +1,3 @@
-import { D as e, O as t, X as n, a as r, h as i, i as a, m as o, n as s, p as c, r as l, s as u, t as d, w as f } from "./chunks/DashboardEditModal-BEG0d7wI.js";
+import { D as e, O as t, X as n, a as r, h as i, i as a, m as o, n as s, p as c, r as l, s as u, t as d, w as f } from "./chunks/DashboardEditModal-ByXLlXZD.js";
 import { a as p, n as m, o as h, r as g, s as _, t as v } from "./chunks/utils-CToHkuhU.js";
 export { u as AnalysisDisplayConfigPanel, l as AnalyticsDashboard, n as AnalyticsPortlet, d as DashboardEditModal, i as DashboardFilterBar, a as DashboardGrid, o as DashboardGridSurface, r as DashboardModals, e as DashboardProvider, f as DashboardToolbar, c as Modal, s as PortletContainer, v as createDashboardLayout, m as createSamplePortlet, g as findNextPosition, p as generatePortletId, h as generateResponsiveLayouts, t as useDashboardContext, _ as validateCubeQuery };

package/dist/client/hooks/dashboard/groupGeometry.d.ts

@@ -0,0 +1,23 @@
+import { PortletGroup } from '../../types.js';
+/** Edge of a card a drag can be dropped against. Lives here, not in
+ *  `groupUtils`, so `layoutUtils` can name it without importing back. */
+export type SnapEdge = 'top' | 'right' | 'bottom' | 'left';
+/**
+ * Split `total` integer units across `weights` using largest-remainder, never
+ * handing out less than 1. When `total < weights.length` every entry still gets
+ * 1 and the result overflows - callers accept that rather than dropping a
+ * portlet to zero size.
+ */
+export declare function partitionUnits(total: number, weights: number[]): number[];
+/**
+ * Grid-unit rectangle for every portlet in a group, given the rectangle the
+ * group itself occupies. Written back onto the portlets so grid mode, the
+ * mobile stack and thumbnails keep working without knowing groups exist.
+ */
+export declare function deriveGroupGeometry(group: PortletGroup, x: number, y: number, w: number, h: number): Array<{
+    portletId: string;
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+}>;

package/dist/client/hooks/dashboard/groupUtils.d.ts

@@ -0,0 +1,57 @@
+import { DashboardGridSettings, PortletConfig, PortletGroup, RowLayout } from '../../types.js';
+import { SnapEdge } from './groupGeometry.js';
+export { deriveGroupGeometry, partitionUnits } from './groupGeometry.js';
+export type { SnapEdge } from './groupGeometry.js';
+export interface GroupLayoutState {
+    rows: RowLayout[];
+    groups: PortletGroup[];
+}
+/** Where a portlet currently lives within the rows/groups structure. */
+export interface PortletLocation {
+    rowIndex: number;
+    colIndex: number;
+    /** Set when the portlet lives inside a group rather than owning its column. */
+    groupId?: string;
+    cellIndex?: number;
+    stackIndex?: number;
+}
+export declare const createGroupId: () => string;
+/** Portlet ids in visual order: cells along the main axis, stacks within each. */
+export declare const groupPortletIds: (group: PortletGroup) => string[];
+/** Locate a portlet across rows and groups. Returns null when it is unplaced. */
+export declare function findPortletLocation(rows: RowLayout[], groups: PortletGroup[], portletId: string): PortletLocation | null;
+/** Remove a portlet from whichever group holds it. Empty cells/groups are pruned. */
+export declare function removeFromGroup(groups: PortletGroup[], portletId: string): {
+    groups: PortletGroup[];
+    groupId: string | null;
+};
+/**
+ * Reconcile groups against the portlets that exist and the rows that host them.
+ *
+ * Returns rows as well as groups, because the two are coupled: collapsing a
+ * one-portlet group has to rewrite its column back to a plain `portletId`, and
+ * pruning a group has to remove its column. **Always run this before
+ * `normalizeRows`** - otherwise `normalizeRows` sees a `groupId` column whose
+ * group has just been emptied and renders a blank card.
+ */
+export declare function normalizeGroups(groups: PortletGroup[] | undefined, portlets: PortletConfig[], rows: RowLayout[], gridSettings: DashboardGridSettings): GroupLayoutState;
+/**
+ * Snap `movedPortletId` against an edge of `targetPortletId`.
+ *
+ * Left/right build a `row` group, top/bottom a `column` group. When the target
+ * is already grouped, a snap along the group's main axis adds a cell, and a
+ * perpendicular snap joins the target's stack (the depth-2 clamp).
+ *
+ * Returns null when the move is a no-op.
+ */
+export declare function snapIntoGroup(state: GroupLayoutState, movedPortletId: string, targetPortletId: string, edge: SnapEdge, gridSettings: DashboardGridSettings): GroupLayoutState | null;
+/**
+ * Dissolve a group, replacing its column with one column per member portlet in
+ * visual order. The row is re-equalised afterwards.
+ */
+export declare function ungroup(state: GroupLayoutState, groupId: string, gridSettings: DashboardGridSettings): GroupLayoutState;
+/** Remove a group and every portlet id it holds. Callers delete the portlets. */
+export declare function deleteGroup(state: GroupLayoutState, groupId: string, gridSettings: DashboardGridSettings): {
+    state: GroupLayoutState;
+    removedPortletIds: string[];
+};

package/dist/client/hooks/dashboard/layoutUtils.d.ts

@@ -1,7 +1,38 @@
-import { DashboardGridSettings, PortletConfig, RowLayout, RowLayoutColumn } from '../../types.js';
+import { DashboardGridSettings, PortletConfig, PortletGroup, RowLayout, RowLayoutColumn } from '../../types.js';
 export declare const createRowId: () => string;
+/**
+ * Correct a row insertion index for a source row that the move emptied.
+ *
+ * Splicing the source row out shifts every later index up by one, so an
+ * unadjusted index lands the row one position too low. `handleRowDrop` has
+ * always done this for column moves; new-row drops need it too, and hit it more
+ * often, because a group is usually the only column in its row.
+ */
+export declare const adjustInsertIndexForRemovedRow: (insertIndex: number, sourceRowIndex: number, sourceRowRemoved: boolean) => number;
+/**
+ * Distribute `cols` evenly across the given columns, preserving each column's
+ * identity (`portletId` **or** `groupId`) so re-equalisation never drops a group
+ * reference. This is the function to use; `equalizeRowColumns` below is the
+ * legacy id-only wrapper.
+ */
+export declare const equalizeColumns: (columns: RowLayoutColumn[], gridSettings: DashboardGridSettings) => RowLayoutColumn[];
+/**
+ * @deprecated Loses `groupId`. Use {@link equalizeColumns} with the real columns.
+ */
 export declare const equalizeRowColumns: (portletIds: string[], gridSettings: DashboardGridSettings) => RowLayoutColumn[];
 export declare const adjustRowWidths: (columns: RowLayoutColumn[], gridSettings: DashboardGridSettings) => RowLayoutColumn[];
 export declare const convertPortletsToRows: (portlets: PortletConfig[], gridSettings: DashboardGridSettings) => RowLayout[];
-export declare const normalizeRows: (rows: RowLayout[], portlets: PortletConfig[], gridSettings: DashboardGridSettings) => RowLayout[];
-export declare const convertRowsToPortlets: (rows: RowLayout[], portlets: PortletConfig[]) => PortletConfig[];
+/**
+ * Drop columns whose target no longer exists, clamp row height, re-balance
+ * widths. `groups` must be the already-normalized group list - a column
+ * referencing a group is kept only when that group survives, so run
+ * `normalizeGroups` first.
+ */
+export declare const normalizeRows: (rows: RowLayout[], portlets: PortletConfig[], gridSettings: DashboardGridSettings, groups?: PortletGroup[]) => RowLayout[];
+/**
+ * Re-derive every portlet's x/y/w/h from the row layout. Group columns are
+ * subdivided via `deriveGroupGeometry`, so grouped children get real grid
+ * coordinates too - that is what keeps grid mode, the mobile stack and
+ * thumbnails working without any knowledge of groups.
+ */
+export declare const convertRowsToPortlets: (rows: RowLayout[], portlets: PortletConfig[], groups?: PortletGroup[]) => PortletConfig[];

package/dist/client/hooks/dashboard/useDashboardController.d.ts

@@ -1,22 +1,26 @@
 import { MutableRefObject, RefObject } from 'react';
 import { StoreApi } from 'zustand';
-import { DashboardConfig, DashboardFilterMapping, DashboardGridSettings, DashboardLayoutMode, PortletConfig, RowLayout, ThumbnailFeatureConfig } from '../../types.js';
+import { DashboardConfig, DashboardFilterMapping, DashboardGridSettings, DashboardLayoutMode, PortletConfig, PortletGroup, RowLayout, ThumbnailFeatureConfig } from '../../types.js';
 import { DashboardStore, DashboardStoreActions } from '../../stores/dashboardStore.js';
+import { LayoutUpdate } from './useRowLayoutEngine.js';
+import { SnapEdge } from './groupUtils.js';
 interface UseDashboardControllerOptions {
     allowedModes: DashboardLayoutMode[];
     canChangeLayoutMode: boolean;
     isResponsiveEditable: boolean;
     layoutMode: DashboardLayoutMode;
     resolvedRows: RowLayout[];
+    resolvedGroups: PortletGroup[];
     gridSettings: DashboardGridSettings;
     thumbnailConfig?: ThumbnailFeatureConfig;
     dashboardRef?: RefObject<HTMLElement | null>;
     storeApi: StoreApi<DashboardStore>;
-    storeActions: Pick<DashboardStoreActions, 'setEditMode' | 'exitFilterSelectionMode' | 'openPortletModal' | 'closePortletModal' | 'openTextModal' | 'closeTextModal' | 'openFilterConfigModal' | 'closeFilterConfigModal' | 'openDeleteConfirm' | 'closeDeleteConfirm' | 'setThumbnailDirty'>;
+    storeActions: Pick<DashboardStoreActions, 'setEditMode' | 'exitFilterSelectionMode' | 'openPortletModal' | 'closePortletModal' | 'openTextModal' | 'closeTextModal' | 'openFilterConfigModal' | 'closeFilterConfigModal' | 'openDeleteConfirm' | 'openDeleteGroupConfirm' | 'setDraftGroups' | 'closeDeleteConfirm' | 'setThumbnailDirty'>;
     configRef: MutableRefObject<DashboardConfig>;
     onConfigChangeRef: MutableRefObject<((config: DashboardConfig) => void) | undefined>;
     onSaveRef: MutableRefObject<((config: DashboardConfig) => Promise<void> | void) | undefined>;
     onSaveThumbnailRef: MutableRefObject<((thumbnailData: string) => Promise<string | void>) | undefined>;
+    updateLayout: (next: LayoutUpdate, save?: boolean) => Promise<void>;
     updateRowLayout: (rows: RowLayout[], save?: boolean, portletsOverride?: PortletConfig[]) => Promise<void>;
     portletComponentRefs?: MutableRefObject<Record<string, {
         refresh: (options?: {
@@ -27,7 +31,7 @@ interface UseDashboardControllerOptions {
         bustCache?: boolean;
     }) => void;
 }
-export declare function useDashboardController({ allowedModes, canChangeLayoutMode, isResponsiveEditable, layoutMode, resolvedRows, gridSettings, thumbnailConfig, dashboardRef, storeApi, storeActions, configRef, onConfigChangeRef, onSaveRef, onSaveThumbnailRef, updateRowLayout, portletComponentRefs, onPortletRefresh, }: UseDashboardControllerOptions): {
+export declare function useDashboardController({ allowedModes, canChangeLayoutMode, isResponsiveEditable, layoutMode, resolvedRows, resolvedGroups, gridSettings, thumbnailConfig, dashboardRef, storeApi, storeActions, configRef, onConfigChangeRef, onSaveRef, onSaveThumbnailRef, updateLayout, updateRowLayout, portletComponentRefs, onPortletRefresh, }: UseDashboardControllerOptions): {
     enterEditMode: () => void;
     exitEditMode: () => void;
     toggleEditMode: () => void;
@@ -49,5 +53,9 @@ export declare function useDashboardController({ allowedModes, canChangeLayoutMo
     selectAllForFilter: (filterId: string) => Promise<void>;
     saveFilterConfig: (mapping: DashboardFilterMapping) => Promise<void>;
     handlePaletteChange: (paletteName: string) => Promise<void>;
+    snapPortletIntoGroup: (movedPortletId: string, targetPortletId: string, edge: SnapEdge) => Promise<void>;
+    ungroupGroup: (groupId: string) => Promise<void>;
+    deleteGroup: (groupId: string) => void;
+    renameGroup: (groupId: string, title: string) => Promise<void>;
 };
 export {};

package/dist/client/hooks/dashboard/useRowLayoutEngine.d.ts

@@ -1,18 +1,28 @@
 import { MutableRefObject } from 'react';
-import { DashboardConfig, DashboardGridSettings, DashboardLayoutMode, PortletConfig, RowLayout } from '../../types.js';
+import { DashboardConfig, DashboardGridSettings, DashboardLayoutMode, PortletConfig, PortletGroup, RowLayout } from '../../types.js';
+/** A single layout commit. Rows and groups are coupled, so they travel together. */
+export interface LayoutUpdate {
+    rows: RowLayout[];
+    groups?: PortletGroup[];
+    portlets?: PortletConfig[];
+}
 interface UseRowLayoutEngineOptions {
     layoutMode: DashboardLayoutMode;
     draftRows: RowLayout[] | null;
+    draftGroups: PortletGroup[] | null;
     config: DashboardConfig;
     gridSettings: DashboardGridSettings;
     configRef: MutableRefObject<DashboardConfig>;
     onConfigChangeRef: MutableRefObject<((config: DashboardConfig) => void) | undefined>;
     onSaveRef: MutableRefObject<((config: DashboardConfig) => Promise<void> | void) | undefined>;
     setDraftRows: (rows: RowLayout[] | null) => void;
+    setDraftGroups: (groups: PortletGroup[] | null) => void;
     setThumbnailDirty: (dirty: boolean) => void;
 }
-export declare function useRowLayoutEngine({ layoutMode, draftRows, config, gridSettings, configRef, onConfigChangeRef, onSaveRef, setDraftRows, setThumbnailDirty, }: UseRowLayoutEngineOptions): {
+export declare function useRowLayoutEngine({ layoutMode, draftRows, draftGroups, config, gridSettings, configRef, onConfigChangeRef, onSaveRef, setDraftRows, setDraftGroups, setThumbnailDirty, }: UseRowLayoutEngineOptions): {
     resolvedRows: RowLayout[];
+    resolvedGroups: PortletGroup[];
+    updateLayout: (next: LayoutUpdate, save?: boolean) => Promise<void>;
     updateRowLayout: (rows: RowLayout[], save?: boolean, portletsOverride?: PortletConfig[]) => Promise<void>;
 };
 export {};

package/dist/client/hooks/useDashboardHook.d.ts

@@ -1,7 +1,9 @@
 import { default as React } from 'react';
 import { PortletDebugDataEntry } from '../stores/dashboardStore.js';
 import { LayoutItem } from 'react-grid-layout';
-import { DashboardConfig, PortletConfig, RowLayout, DashboardFilter, DashboardFilterMapping, DashboardGridSettings, DashboardLayoutMode } from '../types.js';
+import { DashboardConfig, PortletConfig, RowLayout, PortletGroup, DashboardFilter, DashboardFilterMapping, DashboardGridSettings, DashboardLayoutMode } from '../types.js';
+import { SnapEdge } from './dashboard/groupUtils.js';
+import { LayoutUpdate } from './dashboard/useRowLayoutEngine.js';
 export interface UseDashboardOptions {
     /** Dashboard configuration */
     config: DashboardConfig;
@@ -55,6 +57,7 @@ export interface UseDashboardResult {
     filterConfigPortlet: PortletConfig | null;
     /** Portlet ID pending delete confirmation */
     deleteConfirmPortletId: string | null;
+    deleteConfirmGroupId: string | null;
     /** Draft rows during drag operations */
     draftRows: RowLayout[] | null;
     /** Whether a portlet is being dragged */
@@ -71,6 +74,9 @@ export interface UseDashboardResult {
     selectedFilter: DashboardFilter | null;
     /** Resolved rows for row-based layout */
     resolvedRows: RowLayout[];
+    resolvedGroups: PortletGroup[];
+    /** Modes the toggle should offer; a subset of allowedModes. */
+    selectableModes: DashboardLayoutMode[];
     /** Current layout mode */
     layoutMode: DashboardLayoutMode;
     /** Allowed layout modes */
@@ -92,6 +98,7 @@ export interface UseDashboardActions {
     openFilterConfig: (portlet: PortletConfig) => void;
     closeFilterConfig: () => void;
     setDraftRows: (rows: RowLayout[] | null) => void;
+    setDraftGroups: (groups: PortletGroup[] | null) => void;
     setIsDraggingPortlet: (isDragging: boolean) => void;
     setLastKnownLayout: (layout: LayoutItem[]) => void;
     setIsInitialized: (initialized: boolean) => void;
@@ -102,6 +109,7 @@ export interface UseDashboardActions {
     } | null) => void;
     clearDragState: () => void;
     hasLayoutActuallyChanged: (newLayout: LayoutItem[]) => boolean;
+    updateLayout: (next: LayoutUpdate, save?: boolean) => Promise<void>;
     updateRowLayout: (rows: RowLayout[], save?: boolean, portletsOverride?: PortletConfig[]) => Promise<void>;
     handleLayoutModeChange: (mode: DashboardLayoutMode) => Promise<void>;
     savePortlet: (portletData: PortletConfig | Omit<PortletConfig, 'id' | 'x' | 'y'>) => Promise<string | null>;
@@ -114,6 +122,11 @@ export interface UseDashboardActions {
     selectAllForFilter: (filterId: string) => Promise<void>;
     saveFilterConfig: (mapping: DashboardFilterMapping) => Promise<void>;
     handlePaletteChange: (paletteName: string) => Promise<void>;
+    snapPortletIntoGroup: (movedPortletId: string, targetPortletId: string, edge: SnapEdge) => Promise<void>;
+    ungroupGroup: (groupId: string) => Promise<void>;
+    deleteGroup: (groupId: string) => void;
+    renameGroup: (groupId: string, title: string) => Promise<void>;
+    openDeleteGroupConfirm: (groupId: string) => void;
     openDeleteConfirm: (portletId: string) => void;
     closeDeleteConfirm: () => void;
     confirmDelete: () => Promise<void>;

package/dist/client/hooks.js

@@ -1,5 +1,5 @@
-import { R as e } from "./chunks/chart-data-table-D6Cu86m_.js";
-import { S as t, a as n, c as r, d as i, i as a, l as o, n as s, o as c, r as l, s as u, t as d } from "./chunks/useDirtyStateTracking-CFgSTyny.js";
-import { a as f, i as p, n as m, o as h, r as g, t as _ } from "./chunks/useExplainAI-CisDjZNp.js";
+import { R as e } from "./chunks/chart-data-table-SNSqZj9B.js";
+import { S as t, a as n, c as r, d as i, i as a, l as o, n as s, o as c, r as l, s as u, t as d } from "./chunks/useDirtyStateTracking-Dc-Si4db.js";
+import { a as f, i as p, n as m, o as h, r as g, t as _ } from "./chunks/useExplainAI-DJbc7Lu4.js";
 import { t as v } from "./chunks/useNotebookLayout-Ck3Z3uzg.js";
 export { m as createExplainQueryKey, c as createFlowQueryKey, r as createFunnelQueryKey, t as useCubeLoadQuery, t as useCubeQuery, e as useCubeMetaQuery, s as useDebounce, d as useDirtyStateTracking, p as useDryRunQueries, f as useDryRunQuery, _ as useExplainAI, g as useExplainQuery, l as useFilterValues, u as useFlowQuery, o as useFunnelQuery, i as useMultiCubeLoadQuery, h as useMultiDryRunQueries, v as useNotebookLayout, a as useResponsiveDashboard, n as useRetentionQuery };

package/dist/client/icons.js

@@ -1,2 +1,2 @@
-import { C as e, E as t, S as n, T as r, _ as i, b as a, g as o, v as s, w as c, x as l, y as u } from "./chunks/chart-data-table-D6Cu86m_.js";
+import { C as e, E as t, S as n, T as r, _ as i, b as a, g as o, v as s, w as c, x as l, y as u } from "./chunks/chart-data-table-SNSqZj9B.js";
 export { t as DEFAULT_ICONS, o as getChartTypeIcon, i as getFieldTypeIcon, s as getIcon, u as getIconData, a as getIconRegistry, l as getIconsByCategory, n as getMeasureTypeIcon, e as registerIcons, c as resetIcons, r as setIcon };

package/dist/client/index.d.ts

@@ -55,7 +55,7 @@ export { useTheme } from './hooks/useTheme.js';
 export { useScrollDetection } from './hooks/useScrollDetection.js';
 export { useElementVisibility } from './hooks/useElementVisibility.js';
 export { useDrillInteraction } from './hooks/useDrillInteraction.js';
-export type { PortletConfig, ChartType, BuiltInChartType, ChartAxisConfig, ChartDisplayConfig, ChartProps, ColorPalette, CubeQuery, CubeQueryOptions, CubeApiOptions, DashboardConfig, FeaturesConfig, XlsExportFeatureConfig, ThumbnailFeatureConfig, MultiQueryConfig, QueryMergeStrategy, FunnelBindingKey, FunnelBindingKeyMapping, FunnelStep, FunnelConfig, FunnelStepResult, FunnelExecutionResult, FunnelChartData, FunnelValidationError, FunnelValidationResult, UseFunnelQueryOptions, UseFunnelQueryResult, ServerFlowQuery, FlowQueryConfig, FlowChartData, FlowSliceState, SankeyNode, SankeyLink, FlowStartingStep, FlowResultRow, } from './types.js';
+export type { PortletConfig, ChartType, BuiltInChartType, ChartAxisConfig, ChartDisplayConfig, ChartProps, ColorPalette, CubeQuery, CubeQueryOptions, CubeApiOptions, DashboardConfig, PortletGroup, PortletGroupCell, FeaturesConfig, XlsExportFeatureConfig, ThumbnailFeatureConfig, MultiQueryConfig, QueryMergeStrategy, FunnelBindingKey, FunnelBindingKeyMapping, FunnelStep, FunnelConfig, FunnelStepResult, FunnelExecutionResult, FunnelChartData, FunnelValidationError, FunnelValidationResult, UseFunnelQueryOptions, UseFunnelQueryResult, ServerFlowQuery, FlowQueryConfig, FlowChartData, FlowSliceState, SankeyNode, SankeyLink, FlowStartingStep, FlowResultRow, } from './types.js';
 export { isQueryConfig, isFunnelConfig, isFlowConfig, isRetentionConfig, isMultiQuery, isSingleQuery, isValidAnalysisConfig, createDefaultQueryConfig, createDefaultFunnelConfig, createDefaultFlowConfig, createDefaultRetentionConfig, createDefaultConfig, isValidAnalysisWorkspace, createDefaultWorkspace } from './types/analysisConfig.js';
 export type { AnalysisConfig, QueryAnalysisConfig, FunnelAnalysisConfig, FlowAnalysisConfig, RetentionAnalysisConfig, AnalysisWorkspace } from './types/analysisConfig.js';
 export { isMultiQueryConfig, isServerFunnelQuery, isServerFlowQuery, isSankeyData } from './types.js';

package/dist/client/index.js

@@ -1,19 +1,19 @@
-import { a as e, n as t, o as n, r, s as i } from "./chunks/vendor-D5xADz_A.js";
+import { a as e, n as t, o as n, r, s as i } from "./chunks/vendor-cTfe9Kho.js";
 import { n as a, t as o } from "./chunks/providers-DwQCKdGW.js";
-import { A as s, B as c, C as l, E as u, I as d, L as f, M as p, N as m, R as h, S as g, T as _, V as v, _ as y, b, c as x, g as S, j as C, k as w, l as T, s as E, v as D, w as O, x as k, y as A, z as j } from "./chunks/chart-data-table-D6Cu86m_.js";
-import { n as M, r as N } from "./chunks/chart-sankey-d_iS5fjB.js";
-import { $ as P, A as F, B as I, D as L, E as ee, F as te, G as R, H as ne, I as re, J as ie, K as ae, L as oe, M as se, N as ce, O as le, P as ue, Q as de, R as fe, St as pe, U as me, V as he, W as ge, X as _e, Y as ve, Z as ye, _t as be, a as xe, at as Se, bt as Ce, c as we, ct as Te, dt as Ee, et as De, f as Oe, ft as ke, gt as Ae, h as je, ht as Me, i as Ne, it as Pe, k as Fe, lt as Ie, m as Le, mt as Re, n as ze, o as Be, ot as Ve, p as He, pt as Ue, q as We, r as Ge, st as Ke, t as qe, ut as Je, v as Ye, vt as Xe, w as Ze, xt as Qe, yt as $e, z as et } from "./chunks/DashboardEditModal-BEG0d7wI.js";
-import { S as tt, _ as nt, b as rt, c as it, d as at, f as ot, g as st, h as ct, l as lt, m as ut, o as dt, p as ft, s as pt, v as mt, y as ht } from "./chunks/useDirtyStateTracking-CFgSTyny.js";
-import { P as z, S as gt, _ as _t, b as vt, g as yt, h as bt, m as xt, p as St, v as Ct, x as wt, y as Tt, z as Et } from "./chunks/chart-activity-grid-CyVDJSAI.js";
-import { a as Dt, i as Ot, n as kt, o as At, r as jt, t as Mt } from "./chunks/useExplainAI-CisDjZNp.js";
-import { a as Nt, c as Pt, i as Ft, l as It, o as Lt, r as Rt, s as zt } from "./chunks/chart-funnel-CLRYMbFj.js";
-import { a as Bt, i as Vt, n as Ht, o as Ut, r as Wt, s as Gt, t as Kt } from "./chunks/charts-loader-FXj1JiQZ.js";
-import { H as B } from "./chunks/chart-area-b5UAS6NZ.js";
+import { A as s, B as c, C as l, E as u, I as d, L as f, M as p, N as m, R as h, S as g, T as _, V as v, _ as y, b, c as x, g as S, j as C, k as w, l as T, s as E, v as D, w as O, x as k, y as A, z as j } from "./chunks/chart-data-table-SNSqZj9B.js";
+import { n as M, r as N } from "./chunks/chart-sankey-tK7Oz1bC.js";
+import { $ as P, A as F, B as I, D as L, E as ee, F as te, G as R, H as ne, I as re, J as ie, K as ae, L as oe, M as se, N as ce, O as le, P as ue, Q as de, R as fe, St as pe, U as me, V as he, W as ge, X as _e, Y as ve, Z as ye, _t as be, a as xe, at as Se, bt as Ce, c as we, ct as Te, dt as Ee, et as De, f as Oe, ft as ke, gt as Ae, h as je, ht as Me, i as Ne, it as Pe, k as Fe, lt as Ie, m as Le, mt as Re, n as ze, o as Be, ot as Ve, p as He, pt as Ue, q as We, r as Ge, st as Ke, t as qe, ut as Je, v as Ye, vt as Xe, w as Ze, xt as Qe, yt as $e, z as et } from "./chunks/DashboardEditModal-ByXLlXZD.js";
+import { S as tt, _ as nt, b as rt, c as it, d as at, f as ot, g as st, h as ct, l as lt, m as ut, o as dt, p as ft, s as pt, v as mt, y as ht } from "./chunks/useDirtyStateTracking-Dc-Si4db.js";
+import { P as z, S as gt, _ as _t, b as vt, g as yt, h as bt, m as xt, p as St, v as Ct, x as wt, y as Tt, z as Et } from "./chunks/chart-activity-grid-DVOhLgxv.js";
+import { a as Dt, i as Ot, n as kt, o as At, r as jt, t as Mt } from "./chunks/useExplainAI-DJbc7Lu4.js";
+import { a as Nt, c as Pt, i as Ft, l as It, o as Lt, r as Rt, s as zt } from "./chunks/chart-funnel-CkHSXp6h.js";
+import { a as Bt, i as Vt, n as Ht, o as Ut, r as Wt, s as Gt, t as Kt } from "./chunks/charts-loader-0avVzeDd.js";
+import { H as B } from "./chunks/chart-area-C-5ATxvi.js";
 import { r as qt } from "./chunks/syntaxHighlighting-Cm43as8i.js";
-import { A as Jt, C as Yt, D as Xt, E as Zt, F as Qt, N as $t, O as en, P as tn, T as nn, _ as rn, a as an, b as on, c as sn, d as cn, f as ln, g as un, h as dn, i as fn, j as pn, k as mn, l as hn, m as gn, n as _n, o as vn, r as yn, s as bn, t as xn, u as Sn, v as Cn, w as wn, x as Tn, y as En } from "./chunks/analysis-builder-shared-Ba3JsRNw.js";
-import { r as Dn } from "./chunks/chart-markdown-BNrsZpqM.js";
+import { A as Jt, C as Yt, D as Xt, E as Zt, F as Qt, N as $t, O as en, P as tn, T as nn, _ as rn, a as an, b as on, c as sn, d as cn, f as ln, g as un, h as dn, i as fn, j as pn, k as mn, l as hn, m as gn, n as _n, o as vn, r as yn, s as bn, t as xn, u as Sn, v as Cn, w as wn, x as Tn, y as En } from "./chunks/analysis-builder-shared-l-4WKVS1.js";
+import { r as Dn } from "./chunks/chart-markdown-C0xxBW81.js";
 import { t as On } from "./chunks/useNotebookLayout-Ck3Z3uzg.js";
-import { n as kn } from "./chunks/chart-bubble-EWd4_ucG.js";
+import { n as kn } from "./chunks/chart-bubble-BFN5WIpf.js";
 import { i as An, t as jn } from "./chunks/utils-CToHkuhU.js";
 import V, { createContext as Mn, useCallback as H, useContext as Nn, useEffect as U, useMemo as W, useRef as G, useState as K } from "react";
 import { Fragment as q, jsx as J, jsxs as Y } from "react/jsx-runtime";

package/dist/client/providers.js

@@ -1,3 +1,3 @@
 import { n as e, t } from "./chunks/providers-DwQCKdGW.js";
-import { V as n, c as r, s as i } from "./chunks/chart-data-table-D6Cu86m_.js";
+import { V as n, c as r, s as i } from "./chunks/chart-data-table-SNSqZj9B.js";
 export { i as CubeProvider, t as ScrollContainerProvider, n as createCubeClient, r as useCubeContext, e as useScrollContainer };

package/dist/client/schema.js

@@ -1,2 +1,2 @@
-import { t as e } from "./chunks/schema-visualization-BXdd320w.js";
+import { t as e } from "./chunks/schema-visualization-CGbnbzj_.js";
 export { e as SchemaVisualization };

package/dist/client/stores/dashboardStore.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { StoreApi } from 'zustand';
 import { LayoutItem } from 'react-grid-layout';
-import { PortletConfig, RowLayout, ChartType, ChartAxisConfig, ChartDisplayConfig, CubeQuery } from '../types.js';
+import { PortletConfig, RowLayout, PortletGroup, ChartType, ChartAxisConfig, ChartDisplayConfig, CubeQuery } from '../types.js';
 import { FlowChartData } from '../types/flow.js';
 import { RetentionChartData } from '../types/retention.js';
 /**
@@ -50,12 +50,16 @@ export interface DashboardStoreState {
     filterConfigPortlet: PortletConfig | null;
     /** Portlet ID pending delete confirmation (null = no confirmation active) */
     deleteConfirmPortletId: string | null;
+    /** Group ID pending delete confirmation (null = no confirmation active) */
+    deleteConfirmGroupId: string | null;
     /** Whether text portlet modal is open */
     isTextModalOpen: boolean;
     /** Portlet being edited in text modal (null = adding new) */
     editingTextPortlet: PortletConfig | null;
     /** Draft row layout during drag operations (rows mode) */
     draftRows: RowLayout[] | null;
+    /** Draft group layout during drag/resize operations (rows mode) */
+    draftGroups: PortletGroup[] | null;
     /** Whether a portlet is currently being dragged */
     isDraggingPortlet: boolean;
     /** Last known layout for change detection */
@@ -95,10 +99,12 @@ export interface DashboardStoreActions {
     closeTextModal: () => void;
     /** Open delete confirmation for a portlet */
     openDeleteConfirm: (portletId: string) => void;
+    openDeleteGroupConfirm: (groupId: string) => void;
     /** Close delete confirmation */
     closeDeleteConfirm: () => void;
     /** Set draft rows during drag operations */
     setDraftRows: (rows: RowLayout[] | null) => void;
+    setDraftGroups: (groups: PortletGroup[] | null) => void;
     /** Set whether a portlet is being dragged */
     setIsDraggingPortlet: (isDragging: boolean) => void;
     /** Set last known layout for change detection */
@@ -206,6 +212,7 @@ export declare const selectModalState: (state: DashboardStore) => {
  */
 export declare const selectLayoutState: (state: DashboardStore) => {
     draftRows: RowLayout[] | null;
+    draftGroups: PortletGroup[] | null;
     isDraggingPortlet: boolean;
     lastKnownLayout: LayoutItem[];
     isInitialized: boolean;
@@ -239,6 +246,7 @@ export declare const selectModalActions: (state: DashboardStore) => {
     openFilterConfigModal: (portlet: PortletConfig) => void;
     closeFilterConfigModal: () => void;
     openDeleteConfirm: (portletId: string) => void;
+    openDeleteGroupConfirm: (groupId: string) => void;
     closeDeleteConfirm: () => void;
 };
 /**
@@ -246,6 +254,7 @@ export declare const selectModalActions: (state: DashboardStore) => {
  */
 export declare const selectLayoutActions: (state: DashboardStore) => {
     setDraftRows: (rows: RowLayout[] | null) => void;
+    setDraftGroups: (groups: PortletGroup[] | null) => void;
     setIsDraggingPortlet: (isDragging: boolean) => void;
     setLastKnownLayout: (layout: LayoutItem[]) => void;
     setIsInitialized: (initialized: boolean) => void;
@@ -278,6 +287,7 @@ export declare const selectAllActions: (state: DashboardStore) => {
     openFilterConfigModal: (portlet: PortletConfig) => void;
     closeFilterConfigModal: () => void;
     openDeleteConfirm: (portletId: string) => void;
+    openDeleteGroupConfirm: (groupId: string) => void;
     closeDeleteConfirm: () => void;
     setDraftRows: (rows: RowLayout[] | null) => void;
     setIsDraggingPortlet: (isDragging: boolean) => void;