drizzle-cube 0.6.1 → 0.6.3

package/dist/cjs/client/components/AnalysisBuilder/BreakdownRow.d.ts

@@ -0,0 +1,26 @@
+import { DragEvent } from 'react';
+import { MetaField } from '../../shared/types.js';
+import { BreakdownItem } from './types.js';
+interface BreakdownRowProps {
+    breakdown: BreakdownItem;
+    fieldMeta: MetaField | null;
+    sortDirection: 'asc' | 'desc' | null;
+    sortPriority: number | undefined;
+    index: number;
+    transform: string;
+    showGapBefore: boolean;
+    isAnyDragging: boolean;
+    isDragging: boolean;
+    comparisonDisabled: boolean;
+    onRemove: (id: string) => void;
+    onGranularityChange: (id: string, granularity: string) => void;
+    onComparisonToggle?: (id: string) => void;
+    onOrderChange?: (field: string, direction: 'asc' | 'desc' | null) => void;
+    onReorder?: (fromIndex: number, toIndex: number) => void;
+    onItemDragOver: (e: DragEvent, index: number) => void;
+    onItemDrop: (e: DragEvent) => void;
+    onDragStart: (e: DragEvent, index: number) => void;
+    onDragEnd: () => void;
+}
+declare const BreakdownRow: import('react').NamedExoticComponent<BreakdownRowProps>;
+export default BreakdownRow;

package/dist/cjs/client/components/AnalysisBuilder/BreakdownSection.d.ts

@@ -0,0 +1,9 @@
+import { BreakdownSectionProps } from './types.js';
+/**
+ * BreakdownSection displays a collapsible section with:
+ * - Header with title and add button
+ * - List of selected breakdowns (using BreakdownItemCard)
+ * - Drag/drop reordering support
+ */
+declare const BreakdownSection: import('react').NamedExoticComponent<BreakdownSectionProps>;
+export default BreakdownSection;

package/dist/cjs/client/components/AnalysisBuilder/DisplayOptionControl.d.ts

@@ -0,0 +1,10 @@
+import { ChartDisplayConfig, ColorPalette } from '../../types.js';
+import { DisplayOptionConfig } from '../../charts/chartConfigs.js';
+interface DisplayOptionControlProps {
+    option: DisplayOptionConfig;
+    displayConfig: ChartDisplayConfig;
+    colorPalette?: ColorPalette;
+    onDisplayConfigChange: (config: ChartDisplayConfig) => void;
+}
+export default function DisplayOptionControl({ option, displayConfig, colorPalette, onDisplayConfigChange, }: DisplayOptionControlProps): import("react").JSX.Element | null;
+export {};

package/dist/cjs/client/components/AnalysisBuilder/ExecutionPlanPanel.d.ts

@@ -0,0 +1,49 @@
+import { ExplainResult, AIExplainAnalysis } from '../../types.js';
+interface ExecutionPlanPanelProps {
+    /** The generated SQL to display */
+    sql: {
+        sql: string;
+        params?: unknown[];
+    } | null | undefined;
+    /** Whether SQL is loading */
+    sqlLoading?: boolean;
+    /** Error loading SQL */
+    sqlError?: Error | null;
+    /** Placeholder text when no SQL */
+    sqlPlaceholder?: string;
+    /** EXPLAIN plan result */
+    explainResult: ExplainResult | null;
+    /** Whether EXPLAIN is running */
+    explainLoading?: boolean;
+    /** Whether EXPLAIN has been run at least once */
+    explainHasRun?: boolean;
+    /** Error running EXPLAIN */
+    explainError?: Error | null;
+    /** Run EXPLAIN with options */
+    runExplain: (options: {
+        analyze: boolean;
+    }) => void;
+    /** AI analysis result */
+    aiAnalysis?: AIExplainAnalysis | null;
+    /** Whether AI analysis is in progress */
+    aiAnalysisLoading?: boolean;
+    /** Error from AI analysis */
+    aiAnalysisError?: Error | null;
+    /** Run AI analysis */
+    runAIAnalysis?: (explainResult: ExplainResult, query: unknown) => void;
+    /** Clear AI analysis (unused but kept for interface compatibility) */
+    clearAIAnalysis?: () => void;
+    /** Whether AI is enabled */
+    enableAI?: boolean;
+    /** The query object for AI context */
+    query?: unknown;
+    /** Title for the SQL block */
+    title?: string;
+    /** Height for the SQL block */
+    height?: string;
+}
+/**
+ * ExecutionPlanPanel - Displays SQL, EXPLAIN results, and AI analysis
+ */
+export declare const ExecutionPlanPanel: import('react').NamedExoticComponent<ExecutionPlanPanelProps>;
+export default ExecutionPlanPanel;

package/dist/cjs/client/components/AnalysisBuilder/ExecutionPlanPanelParts.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import { ExplainResult } from '../../types.js';
+export declare function SqlBlock({ sql, sqlLoading, sqlError, sqlPlaceholder, formattedSql, title, height, headerRight, }: {
+    sql: {
+        sql: string;
+        params?: unknown[];
+    } | null | undefined;
+    sqlLoading: boolean;
+    sqlError?: Error | null;
+    sqlPlaceholder: string;
+    formattedSql: string;
+    title: string;
+    height: string;
+    headerRight: ReactNode;
+}): import("react").JSX.Element;
+export declare function ExplainResults({ explainLoading, explainError, explainResult, useAnalyze, aiButton, }: {
+    explainLoading: boolean;
+    explainError?: Error | null;
+    explainResult: ExplainResult | null;
+    useAnalyze: boolean;
+    aiButton: ReactNode;
+}): import("react").JSX.Element | null;

package/dist/cjs/client/components/AnalysisBuilder/ExplainAIPanel.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { AIExplainAnalysis } from '../../types.js';
+interface ExplainAIPanelProps {
+    /** AI analysis result */
+    analysis: AIExplainAnalysis;
+    /** Callback to close the modal */
+    onClose?: () => void;
+    /** Legacy: Callback to clear/close (backward compatible with old API) */
+    onClear?: () => void;
+}
+/**
+ * ExplainAIPanel - Modal component for displaying AI analysis results
+ * Shows in a near full-screen modal with scrolling
+ */
+export declare function ExplainAIPanel({ analysis, onClose, onClear }: ExplainAIPanelProps): React.JSX.Element;
+export default ExplainAIPanel;

package/dist/cjs/client/components/AnalysisBuilder/FieldDetailPanel.d.ts

@@ -0,0 +1,4 @@
+import { FieldDetailPanelProps } from './types.js';
+declare function FieldDetailPanel({ field }: FieldDetailPanelProps): import("react").JSX.Element;
+declare const _default: import('react').MemoExoticComponent<typeof FieldDetailPanel>;
+export default _default;

package/dist/cjs/client/components/AnalysisBuilder/FieldSearchItem.d.ts

@@ -0,0 +1,6 @@
+import { FieldSearchItemProps } from './types.js';
+declare function FieldSearchItem({ field, isSelected, isFocused, onClick, onMouseEnter, ...props }: FieldSearchItemProps & {
+    'data-field-index'?: number;
+}): import("react").JSX.Element;
+declare const _default: import('react').MemoExoticComponent<typeof FieldSearchItem>;
+export default _default;

package/dist/cjs/client/components/AnalysisBuilder/FieldSearchModal.d.ts

@@ -0,0 +1,2 @@
+import { FieldSearchModalProps } from './types.js';
+export default function FieldSearchModal({ isOpen, onClose, onSelect, mode, schema, selectedFields, recentFields: externalRecentFields }: FieldSearchModalProps): import("react").JSX.Element | null;

package/dist/cjs/client/components/AnalysisBuilder/FieldSearchResults.d.ts

@@ -0,0 +1,16 @@
+import { FieldOption } from './types.js';
+import { MetaResponse } from '../../shared/types.js';
+interface FieldSearchResultsProps {
+    mode: 'metrics' | 'breakdown' | 'filter' | 'dimensionFilter';
+    schema: MetaResponse | null;
+    searchTerm: string;
+    recentOptions: FieldOption[];
+    groupedFields: Map<string, FieldOption[]>;
+    filteredCount: number;
+    selectedFields: string[];
+    focusedIndex: number;
+    onSelectField: (field: FieldOption, fieldIndex: number, shiftKey: boolean) => void;
+    onFocusField: (field: FieldOption, index: number) => void;
+}
+declare const FieldSearchResults: import('react').NamedExoticComponent<FieldSearchResultsProps>;
+export default FieldSearchResults;

package/dist/cjs/client/components/AnalysisBuilder/FilterConfigModal.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { SimpleFilter } from '../../types.js';
+import { MetaResponse } from '../../shared/types.js';
+interface FilterConfigModalProps {
+    /** The filter being edited */
+    filter: SimpleFilter;
+    /** Schema for field metadata */
+    schema: MetaResponse | null;
+    /** Callback when user saves changes */
+    onSave: (filter: SimpleFilter) => void;
+    /** Callback when user cancels */
+    onCancel: () => void;
+    /** Element to position the modal near */
+    anchorElement?: HTMLElement | null;
+}
+export default function FilterConfigModal({ filter: initialFilter, schema, onSave, onCancel, anchorElement }: FilterConfigModalProps): React.JSX.Element;
+export {};

package/dist/cjs/client/components/AnalysisBuilder/FilterValueInput.d.ts

@@ -0,0 +1,63 @@
+import { ChangeEvent, MouseEvent, KeyboardEvent, RefObject } from 'react';
+import { SimpleFilter } from '../../types.js';
+import { DateRangeType } from '../../shared/types.js';
+type OperatorMeta = {
+    requiresValues?: boolean;
+    valueType?: string;
+    supportsMultipleValues?: boolean;
+} | undefined;
+/** Which control to render: the filter being edited and its operator metadata. */
+export interface FilterFieldContext {
+    filter: SimpleFilter;
+    operatorMeta: OperatorMeta;
+    shouldShowDateRange: boolean;
+    shouldShowComboBox: boolean;
+}
+/** State + handlers for the date-range selector (inDateRange on time fields). */
+export interface DateRangeGroup {
+    rangeType: DateRangeType;
+    numberValue: number;
+    label: string;
+    isOpen: boolean;
+    onToggle: (open: boolean) => void;
+    onRangeTypeChange: (rangeType: DateRangeType) => void;
+    onNumberValueChange: (value: number) => void;
+    onCustomStartDate: (e: ChangeEvent<HTMLInputElement>) => void;
+    onCustomEndDate: (e: ChangeEvent<HTMLInputElement>) => void;
+    /** Close sibling dropdowns when this one opens. */
+    onOpen: () => void;
+}
+/** Async distinct-value combo-box state + handlers (equals/in on dimensions). */
+export interface ComboBoxGroup {
+    isOpen: boolean;
+    options: unknown[];
+    loading: boolean;
+    error: unknown;
+    searchText: string;
+    highlightedIndex: number;
+    listRef: RefObject<HTMLDivElement>;
+    onSearchTextChange: (text: string) => void;
+    onHighlightedIndexChange: (index: number) => void;
+    onSelect: (value: unknown, event?: MouseEvent | {
+        shiftKey: boolean;
+    }) => void;
+    onRemove: (value: unknown) => void;
+    onKeyDown: (e: KeyboardEvent) => void;
+    /** Open the combo-box, closing sibling dropdowns. */
+    onOpen: () => void;
+}
+/** Handlers for the plain between/date/number/text inputs. */
+export interface SimpleInputHandlers {
+    onBetweenStart: (e: ChangeEvent<HTMLInputElement>) => void;
+    onBetweenEnd: (e: ChangeEvent<HTMLInputElement>) => void;
+    onDate: (e: ChangeEvent<HTMLInputElement>) => void;
+    onDirect: (e: ChangeEvent<HTMLInputElement>) => void;
+}
+export interface FilterValueInputProps {
+    field: FilterFieldContext;
+    dateRange: DateRangeGroup;
+    combo: ComboBoxGroup;
+    inputs: SimpleInputHandlers;
+}
+export default function FilterValueInput({ field, dateRange, combo, inputs }: FilterValueInputProps): import("react").JSX.Element;
+export {};

package/dist/cjs/client/components/AnalysisBuilder/FlowConfigPanel.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { CubeMeta, FunnelBindingKey } from '../../types.js';
+export interface FlowConfigPanelProps {
+    /** Currently selected cube for flow analysis */
+    selectedCube: string | null;
+    /** Current binding key */
+    bindingKey: FunnelBindingKey | null;
+    /** Current time dimension */
+    timeDimension: string | null;
+    /** Current event dimension */
+    eventDimension: string | null;
+    /** Cube metadata */
+    schema: CubeMeta | null;
+    /** Callback when cube changes */
+    onCubeChange: (cube: string | null) => void;
+    /** Callback when binding key changes */
+    onBindingKeyChange: (bindingKey: FunnelBindingKey | null) => void;
+    /** Callback when time dimension changes */
+    onTimeDimensionChange: (dimension: string | null) => void;
+    /** Callback when event dimension changes */
+    onEventDimensionChange: (dimension: string | null) => void;
+}
+/**
+ * FlowConfigPanel displays selectors for cube, binding key, time dimension,
+ * and event dimension in a collapsible section.
+ */
+declare const FlowConfigPanel: React.NamedExoticComponent<FlowConfigPanelProps>;
+export default FlowConfigPanel;

package/dist/cjs/client/components/AnalysisBuilder/FlowDepthControls.d.ts

@@ -0,0 +1,10 @@
+import { ChartType } from '../../types.js';
+interface FlowDepthControlsProps {
+    chartType: ChartType;
+    stepsBefore: number;
+    stepsAfter: number;
+    onStepsBeforeChange: (count: number) => void;
+    onStepsAfterChange: (count: number) => void;
+}
+declare const FlowDepthControls: import('react').NamedExoticComponent<FlowDepthControlsProps>;
+export default FlowDepthControls;

package/dist/cjs/client/components/AnalysisBuilder/FlowModeContent.d.ts

@@ -0,0 +1,57 @@
+import { CubeMeta, FunnelBindingKey, ChartType, ChartDisplayConfig, Filter } from '../../types.js';
+import { ColorPalette } from '../../utils/colorPalettes.js';
+import { FlowStartingStep } from '../../types/flow.js';
+export interface FlowModeContentProps {
+    /** Currently selected cube for flow analysis */
+    flowCube: string | null;
+    /** Binding key that links events to entities */
+    flowBindingKey: FunnelBindingKey | null;
+    /** Time dimension for event ordering */
+    flowTimeDimension: string | null;
+    /** Event dimension that categorizes events */
+    eventDimension: string | null;
+    /** Starting step configuration */
+    startingStep: FlowStartingStep;
+    /** Number of steps to explore before starting step */
+    stepsBefore: number;
+    /** Number of steps to explore after starting step */
+    stepsAfter: number;
+    /** Join strategy for server execution */
+    joinStrategy: 'auto' | 'lateral' | 'window';
+    /** Cube metadata for field selection */
+    schema: CubeMeta | null;
+    /** Callback when cube changes */
+    onCubeChange: (cube: string | null) => void;
+    /** Callback when binding key changes */
+    onBindingKeyChange: (key: FunnelBindingKey | null) => void;
+    /** Callback when time dimension changes */
+    onTimeDimensionChange: (dim: string | null) => void;
+    /** Callback when event dimension changes */
+    onEventDimensionChange: (dim: string | null) => void;
+    /** Callback when starting step filters change */
+    onStartingStepFiltersChange: (filters: Filter[]) => void;
+    /** Callback when steps before changes */
+    onStepsBeforeChange: (count: number) => void;
+    /** Callback when steps after changes */
+    onStepsAfterChange: (count: number) => void;
+    /** Callback when join strategy changes */
+    onJoinStrategyChange?: (strategy: 'auto' | 'lateral' | 'window') => void;
+    /** Chart type for flow display */
+    chartType?: ChartType;
+    /** Callback when chart type changes (affects query!) */
+    onChartTypeChange?: (type: ChartType) => void;
+    /** Display configuration */
+    displayConfig?: ChartDisplayConfig;
+    /** Color palette */
+    colorPalette?: ColorPalette;
+    /** Callback when display config changes */
+    onDisplayConfigChange?: (config: ChartDisplayConfig) => void;
+}
+/**
+ * FlowModeContent displays the complete flow configuration interface:
+ * - Tabs: Flow | Display
+ * - Flow tab: Config panel + starting step + depth controls
+ * - Display tab: Sankey chart display options
+ */
+declare const FlowModeContent: import('react').NamedExoticComponent<FlowModeContentProps>;
+export default FlowModeContent;

package/dist/cjs/client/components/AnalysisBuilder/FlowVisualizationPicker.d.ts

@@ -0,0 +1,7 @@
+import { ChartType } from '../../types.js';
+interface FlowVisualizationPickerProps {
+    chartType: ChartType;
+    onChartTypeChange: (type: ChartType) => void;
+}
+declare const FlowVisualizationPicker: import('react').NamedExoticComponent<FlowVisualizationPickerProps>;
+export default FlowVisualizationPicker;

package/dist/cjs/client/components/AnalysisBuilder/FunnelBindingKeySelector.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { CubeMeta, FunnelBindingKey } from '../../types.js';
+export interface FunnelBindingKeySelectorProps {
+    /** Current binding key value */
+    bindingKey: FunnelBindingKey | null;
+    /** Callback when binding key changes */
+    onChange: (bindingKey: FunnelBindingKey | null) => void;
+    /** Cube metadata for available dimensions */
+    schema: CubeMeta | null;
+    /** Whether the selector is disabled */
+    disabled?: boolean;
+    /** Optional class name */
+    className?: string;
+}
+/**
+ * FunnelBindingKeySelector allows users to select a dimension that links
+ * funnel steps together. It shows available dimensions from all cubes
+ * and supports search filtering.
+ */
+declare const FunnelBindingKeySelector: React.NamedExoticComponent<FunnelBindingKeySelectorProps>;
+export default FunnelBindingKeySelector;

package/dist/cjs/client/components/AnalysisBuilder/FunnelConfigPanel.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { CubeMeta, FunnelBindingKey } from '../../types.js';
+export interface FunnelConfigPanelProps {
+    /** Currently selected cube for this funnel */
+    selectedCube: string | null;
+    /** Current binding key */
+    bindingKey: FunnelBindingKey | null;
+    /** Current time dimension */
+    timeDimension: string | null;
+    /** Cube metadata */
+    schema: CubeMeta | null;
+    /** Callback when cube changes */
+    onCubeChange: (cube: string | null) => void;
+    /** Callback when binding key changes */
+    onBindingKeyChange: (bindingKey: FunnelBindingKey | null) => void;
+    /** Callback when time dimension changes */
+    onTimeDimensionChange: (dimension: string | null) => void;
+}
+/**
+ * FunnelConfigPanel displays selectors for cube, binding key and time dimension
+ * in a collapsible section that auto-collapses once all fields are configured.
+ */
+declare const FunnelConfigPanel: React.NamedExoticComponent<FunnelConfigPanelProps>;
+export default FunnelConfigPanel;

package/dist/cjs/client/components/AnalysisBuilder/FunnelModeContent.d.ts

@@ -0,0 +1,48 @@
+import { CubeMeta, FunnelBindingKey, FunnelStepState, ChartType, ChartDisplayConfig } from '../../types.js';
+import { ColorPalette } from '../../utils/colorPalettes.js';
+export interface FunnelModeContentProps {
+    /** Currently selected cube for funnel */
+    funnelCube: string | null;
+    /** Current funnel steps */
+    funnelSteps: FunnelStepState[];
+    /** Index of the currently active step */
+    activeFunnelStepIndex: number;
+    /** Time dimension for funnel temporal ordering */
+    funnelTimeDimension: string | null;
+    /** Binding key that links steps together */
+    funnelBindingKey: FunnelBindingKey | null;
+    /** Cube metadata for field selection */
+    schema: CubeMeta | null;
+    /** Callback when cube changes */
+    onCubeChange: (cube: string | null) => void;
+    /** Add a new funnel step */
+    onAddStep: () => void;
+    /** Remove a funnel step by index */
+    onRemoveStep: (index: number) => void;
+    /** Update a funnel step */
+    onUpdateStep: (index: number, updates: Partial<FunnelStepState>) => void;
+    /** Set the active step index */
+    onSelectStep: (index: number) => void;
+    /** Reorder funnel steps */
+    onReorderSteps: (fromIndex: number, toIndex: number) => void;
+    /** Set the time dimension */
+    onTimeDimensionChange: (dimension: string | null) => void;
+    /** Set the binding key */
+    onBindingKeyChange: (bindingKey: FunnelBindingKey | null) => void;
+    /** Chart type for funnel display */
+    chartType?: ChartType;
+    /** Display configuration */
+    displayConfig?: ChartDisplayConfig;
+    /** Color palette */
+    colorPalette?: ColorPalette;
+    /** Callback when display config changes */
+    onDisplayConfigChange?: (config: ChartDisplayConfig) => void;
+}
+/**
+ * FunnelModeContent displays the complete funnel configuration interface:
+ * - Tabs: Steps | Display
+ * - Steps tab: Config panel (binding key + time dimension) + step list
+ * - Display tab: Funnel chart display options
+ */
+declare const FunnelModeContent: import('react').NamedExoticComponent<FunnelModeContentProps>;
+export default FunnelModeContent;

package/dist/cjs/client/components/AnalysisBuilder/FunnelStepCard.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+import { CubeMeta, FunnelStepState } from '../../types.js';
+export interface FunnelStepCardProps {
+    /** The step state */
+    step: FunnelStepState;
+    /** Index of this step (0-based) */
+    stepIndex: number;
+    /** Whether this step is currently active/selected */
+    isActive: boolean;
+    /** Whether this step can be removed (false if only 1 step) */
+    canRemove: boolean;
+    /** Cube metadata for filter field selection */
+    schema: CubeMeta | null;
+    /** Select this step */
+    onSelect: () => void;
+    /** Remove this step */
+    onRemove: () => void;
+    /** Update this step */
+    onUpdate: (updates: Partial<FunnelStepState>) => void;
+}
+/**
+ * FunnelStepCard displays a single funnel step with inline editing
+ */
+declare const FunnelStepCard: React.NamedExoticComponent<FunnelStepCardProps>;
+export default FunnelStepCard;

package/dist/cjs/client/components/AnalysisBuilder/FunnelStepList.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+import { CubeMeta, FunnelStepState } from '../../types.js';
+export interface FunnelStepListProps {
+    /** Array of funnel steps */
+    steps: FunnelStepState[];
+    /** Index of currently active step */
+    activeStepIndex: number;
+    /** Cube metadata for cube/field selection */
+    schema: CubeMeta | null;
+    /** Add a new step */
+    onAddStep: () => void;
+    /** Remove a step by index */
+    onRemoveStep: (index: number) => void;
+    /** Update a step */
+    onUpdateStep: (index: number, updates: Partial<FunnelStepState>) => void;
+    /** Select a step */
+    onSelectStep: (index: number) => void;
+    /** Reorder steps (drag and drop) */
+    onReorderSteps: (fromIndex: number, toIndex: number) => void;
+}
+/**
+ * FunnelStepList displays a vertical list of funnel steps
+ * with drag-and-drop reordering support.
+ */
+declare const FunnelStepList: React.NamedExoticComponent<FunnelStepListProps>;
+export default FunnelStepList;

package/dist/cjs/client/components/AnalysisBuilder/LegacyBooleanOptions.d.ts

@@ -0,0 +1,8 @@
+import { ChartDisplayConfig } from '../../types.js';
+interface LegacyBooleanOptionsProps {
+    displayOptions?: string[];
+    displayConfig: ChartDisplayConfig;
+    onDisplayConfigChange: (config: ChartDisplayConfig) => void;
+}
+declare const LegacyBooleanOptions: import('react').NamedExoticComponent<LegacyBooleanOptionsProps>;
+export default LegacyBooleanOptions;

package/dist/cjs/client/components/AnalysisBuilder/LimitSection.d.ts

@@ -0,0 +1,14 @@
+/**
+ * LimitSection Component
+ *
+ * Row limit section for the AnalysisBuilder query panel.
+ * Provides preset pills (5, 10, 25, ...) plus a custom input option.
+ */
+interface LimitSectionProps {
+    /** Current limit value */
+    limit?: number;
+    /** Callback when limit changes */
+    onLimitChange: (limit: number | undefined) => void;
+}
+export default function LimitSection({ limit, onLimitChange }: LimitSectionProps): import("react").JSX.Element;
+export {};

package/dist/cjs/client/components/AnalysisBuilder/MetricItemCard.d.ts

@@ -0,0 +1,11 @@
+import { MetricItemCardProps } from './types.js';
+/**
+ * MetricItemCard displays a selected metric with:
+ * - Field icon based on measure type
+ * - Field title or full name
+ * - Sort toggle button (visible on hover, or always visible when sorted)
+ * - Remove button (visible on hover)
+ * - Drag handle for reordering
+ */
+declare const MetricItemCard: import('react').NamedExoticComponent<MetricItemCardProps>;
+export default MetricItemCard;

package/dist/cjs/client/components/AnalysisBuilder/MetricRow.d.ts

@@ -0,0 +1,23 @@
+import { DragEvent } from 'react';
+import { MetaField } from '../../shared/types.js';
+import { MetricItem } from './types.js';
+interface MetricRowProps {
+    metric: MetricItem;
+    fieldMeta: MetaField | null;
+    sortDirection: 'asc' | 'desc' | null;
+    sortPriority: number | undefined;
+    index: number;
+    transform: string;
+    showGapBefore: boolean;
+    isAnyDragging: boolean;
+    isDragging: boolean;
+    onRemove: (id: string) => void;
+    onOrderChange?: (field: string, direction: 'asc' | 'desc' | null) => void;
+    onReorder?: (fromIndex: number, toIndex: number) => void;
+    onItemDragOver: (e: DragEvent, index: number) => void;
+    onItemDrop: (e: DragEvent) => void;
+    onDragStart: (e: DragEvent, index: number) => void;
+    onDragEnd: () => void;
+}
+declare const MetricRow: import('react').NamedExoticComponent<MetricRowProps>;
+export default MetricRow;

package/dist/cjs/client/components/AnalysisBuilder/MetricsSection.d.ts

@@ -0,0 +1,9 @@
+import { MetricsSectionProps } from './types.js';
+/**
+ * MetricsSection displays a collapsible section with:
+ * - Header with title and add button
+ * - List of selected metrics (using MetricItemCard)
+ * - Drag/drop reordering support
+ */
+declare const MetricsSection: import('react').NamedExoticComponent<MetricsSectionProps>;
+export default MetricsSection;

package/dist/cjs/client/components/AnalysisBuilder/RetentionConfigPanel.d.ts

@@ -0,0 +1,36 @@
+import { default as React } from 'react';
+import { CubeMeta, FunnelBindingKey } from '../../types.js';
+import { DateRange } from '../../types/retention.js';
+export interface RetentionConfigPanelProps {
+    /** Currently selected cube */
+    selectedCube: string | null;
+    /** Binding key that identifies entities */
+    bindingKey: FunnelBindingKey | null;
+    /** Timestamp dimension for the analysis */
+    timeDimension: string | null;
+    /** Date range for cohort analysis (for collapsed summary display) */
+    dateRange: DateRange;
+    /** Cube metadata for field selection */
+    schema: CubeMeta | null;
+    /** Callback when cube changes */
+    onCubeChange: (cube: string | null) => void;
+    /** Callback when binding key changes */
+    onBindingKeyChange: (bindingKey: FunnelBindingKey | null) => void;
+    /** Callback when timestamp dimension changes */
+    onTimeDimensionChange: (dimension: string | null) => void;
+}
+/**
+ * Date range selector component
+ * Exported for use in RetentionModeContent
+ */
+export interface DateRangeSelectorProps {
+    dateRange: DateRange;
+    onDateRangeChange: (range: DateRange) => void;
+}
+export declare const DateRangeSelector: React.NamedExoticComponent<DateRangeSelectorProps>;
+/**
+ * RetentionConfigPanel displays selectors for cube, binding key, time dimension,
+ * and date range in a collapsible section.
+ */
+declare const RetentionConfigPanel: React.NamedExoticComponent<RetentionConfigPanelProps>;
+export default RetentionConfigPanel;