drizzle-cube 0.4.4 → 0.4.7

package/dist/client/components/AgenticNotebook/AgentChatPanel.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface AgentChatPanelProps {
+    agentEndpoint?: string;
+    agentApiKey?: string;
+    onClear?: () => void;
+}
+declare const AgentChatPanel: React.NamedExoticComponent<AgentChatPanelProps>;
+export default AgentChatPanel;

package/dist/client/components/AgenticNotebook/ChatInput.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+interface ChatInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    onSend: () => void;
+    onStop?: () => void;
+    onContinue?: () => void;
+    isStreaming?: boolean;
+    showContinue?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+}
+declare const ChatInput: React.NamedExoticComponent<ChatInputProps>;
+export default ChatInput;

package/dist/client/components/AgenticNotebook/ChatMessage.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { ChatMessage as ChatMessageType } from '../../stores/notebookStore';
+interface ChatMessageProps {
+    message: ChatMessageType;
+}
+declare const ChatMessage: React.NamedExoticComponent<ChatMessageProps>;
+export default ChatMessage;

package/dist/client/components/AgenticNotebook/NotebookCanvas.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const NotebookCanvas: React.NamedExoticComponent<object>;
+export default NotebookCanvas;

package/dist/client/components/AgenticNotebook/NotebookMarkdownBlock.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { MarkdownBlock } from '../../stores/notebookStore';
+interface NotebookMarkdownBlockProps {
+    block: MarkdownBlock;
+    onRemove: (id: string) => void;
+    onMoveUp: (id: string) => void;
+    onMoveDown: (id: string) => void;
+    isFirst: boolean;
+    isLast: boolean;
+}
+declare const NotebookMarkdownBlock: React.NamedExoticComponent<NotebookMarkdownBlockProps>;
+export default NotebookMarkdownBlock;

package/dist/client/components/AgenticNotebook/NotebookPortletBlock.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { PortletBlock } from '../../stores/notebookStore';
+interface NotebookPortletBlockProps {
+    block: PortletBlock;
+    onRemove: (id: string) => void;
+    onMoveUp: (id: string) => void;
+    onMoveDown: (id: string) => void;
+    isFirst: boolean;
+    isLast: boolean;
+}
+declare const NotebookPortletBlock: React.NamedExoticComponent<NotebookPortletBlockProps>;
+export default NotebookPortletBlock;

package/dist/client/components/AgenticNotebook/index.d.ts

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+import { NotebookConfig } from '../../stores/notebookStore';
+import { ColorPalette } from '../../types';
+export interface AgenticNotebookProps {
+    /** Initial config to restore (saved notebooks) */
+    config?: NotebookConfig;
+    /** Override default agent endpoint (default: apiUrl + '/agent/chat') */
+    agentEndpoint?: string;
+    /** Client-side API key (for demo/try-site use) */
+    agentApiKey?: string;
+    /** Callback when notebook state changes (for persistence) */
+    onSave?: (config: NotebookConfig) => void | Promise<void>;
+    /** Callback when dirty state changes */
+    onDirtyStateChange?: (isDirty: boolean) => void;
+    /** Color palette for charts */
+    colorPalette?: ColorPalette;
+    /** Additional CSS class name */
+    className?: string;
+}
+/**
+ * AgenticNotebook - AI-powered data analysis notebook
+ *
+ * @example
+ * ```tsx
+ * <CubeProvider apiOptions={{ apiUrl: '/api/cubejs-api/v1' }} token={token}>
+ *   <AgenticNotebook
+ *     agentApiKey="sk-..."
+ *     onSave={(config) => saveToDatabase(config)}
+ *   />
+ * </CubeProvider>
+ * ```
+ */
+declare const AgenticNotebook: React.NamedExoticComponent<AgenticNotebookProps>;
+export default AgenticNotebook;

package/dist/client/components/DashboardPortletCard.d.ts

@@ -1,14 +1,15 @@
 import { default as React, HTMLAttributes, ReactNode, CSSProperties, ComponentType } from 'react';
-import { DashboardFilter, PortletConfig } from '../types';
+import { DashboardFilter, DashboardLayoutMode, PortletConfig } from '../types';
 import { ColorPalette } from '../utils/colorPalettes';
 /**
  * Simplified props interface after Zustand migration.
- * State (isEditMode, selectedFilterId, debugData) now comes from store.
+ * State (selectedFilterId, debugData) now comes from store.
  * Actions now come from callbacks prop or store.
  */
 interface DashboardPortletCardProps {
     portlet: PortletConfig;
     editable: boolean;
+    layoutMode?: DashboardLayoutMode;
     dashboardFilters?: DashboardFilter[];
     configEagerLoad?: boolean;
     loadingComponent?: ReactNode;

package/dist/client/components.js

@@ -1,4 +1,4 @@
-import { a8 as s, a as t, A as o, e as r, D as i, M as l, P as d } from "./chunks/components-D0i1yQsk.js";
+import { a8 as s, a as t, A as o, e as r, D as i, M as l, P as d } from "./chunks/components-Bdt1AmzS.js";
 import { c as y, d as P, b, a as D, g as c, v as p } from "./chunks/index-CApFCBF9.js";
 export {
   s as AnalysisDisplayConfigPanel,

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

@@ -0,0 +1,7 @@
+import { DashboardGridSettings, PortletConfig, RowLayout, RowLayoutColumn } from '../../types';
+export declare const createRowId: () => string;
+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[];

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

@@ -0,0 +1,53 @@
+import { MutableRefObject, RefObject } from 'react';
+import { StoreApi } from 'zustand';
+import { DashboardConfig, DashboardGridSettings, DashboardLayoutMode, PortletConfig, RowLayout, ThumbnailFeatureConfig } from '../../types';
+import { DashboardStore, DashboardStoreActions } from '../../stores/dashboardStore';
+interface UseDashboardControllerOptions {
+    allowedModes: DashboardLayoutMode[];
+    canChangeLayoutMode: boolean;
+    isResponsiveEditable: boolean;
+    layoutMode: DashboardLayoutMode;
+    resolvedRows: RowLayout[];
+    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'>;
+    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>;
+    updateRowLayout: (rows: RowLayout[], save?: boolean, portletsOverride?: PortletConfig[]) => Promise<void>;
+    portletComponentRefs?: MutableRefObject<Record<string, {
+        refresh: (options?: {
+            bustCache?: boolean;
+        }) => void;
+    } | null>>;
+    onPortletRefresh?: (portletId: string, options?: {
+        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): {
+    enterEditMode: () => void;
+    exitEditMode: () => void;
+    toggleEditMode: () => void;
+    selectFilter: (filterId: string | null) => void;
+    openAddPortlet: () => void;
+    openEditPortlet: (portlet: PortletConfig) => void;
+    openAddText: () => void;
+    openEditText: (portlet: PortletConfig) => void;
+    openFilterConfig: (portlet: PortletConfig) => void;
+    handleLayoutModeChange: (mode: DashboardLayoutMode) => Promise<void>;
+    savePortlet: (portletData: PortletConfig | Omit<PortletConfig, "id" | "x" | "y">) => Promise<string | null>;
+    deletePortlet: (portletId: string) => Promise<void>;
+    confirmDelete: () => Promise<void>;
+    duplicatePortlet: (portletId: string) => Promise<string | undefined>;
+    refreshPortlet: (portletId: string, options?: {
+        bustCache?: boolean;
+    }) => void;
+    toggleFilterForPortlet: (portletId: string, filterId: string) => Promise<void>;
+    selectAllForFilter: (filterId: string) => Promise<void>;
+    saveFilterConfig: (mapping: string[]) => Promise<void>;
+    handlePaletteChange: (paletteName: string) => Promise<void>;
+};
+export {};

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

@@ -0,0 +1,10 @@
+import { LayoutItem } from 'react-grid-layout';
+import { StoreApi } from 'zustand';
+import { DashboardStore } from '../../stores/dashboardStore';
+interface UseGridLayoutEngineOptions {
+    storeApi: StoreApi<DashboardStore>;
+}
+export declare function useGridLayoutEngine({ storeApi }: UseGridLayoutEngineOptions): {
+    hasLayoutActuallyChanged: (newLayout: LayoutItem[]) => boolean;
+};
+export {};

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

@@ -0,0 +1,18 @@
+import { MutableRefObject } from 'react';
+import { DashboardConfig, DashboardGridSettings, DashboardLayoutMode, PortletConfig, RowLayout } from '../../types';
+interface UseRowLayoutEngineOptions {
+    layoutMode: DashboardLayoutMode;
+    draftRows: RowLayout[] | 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;
+    setThumbnailDirty: (dirty: boolean) => void;
+}
+export declare function useRowLayoutEngine({ layoutMode, draftRows, config, gridSettings, configRef, onConfigChangeRef, onSaveRef, setDraftRows, setThumbnailDirty, }: UseRowLayoutEngineOptions): {
+    resolvedRows: RowLayout[];
+    updateRowLayout: (rows: RowLayout[], save?: boolean, portletsOverride?: PortletConfig[]) => Promise<void>;
+};
+export {};

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

@@ -0,0 +1,36 @@
+import { PortletBlock, MarkdownBlock } from '../stores/notebookStore';
+export interface UseAgentChatOptions {
+    /** Override default agent endpoint (default: apiUrl + '/agent/chat') */
+    agentEndpoint?: string;
+    /** Client-side API key for demo/try-site use */
+    agentApiKey?: string;
+    /** Called when agent adds a portlet to the notebook */
+    onAddPortlet: (data: PortletBlock) => void;
+    /** Called when agent adds a markdown block to the notebook */
+    onAddMarkdown: (data: MarkdownBlock) => void;
+    /** Called when streaming text arrives */
+    onTextDelta: (text: string) => void;
+    /** Called when a tool call starts */
+    onToolStart: (id: string, name: string, input?: unknown) => void;
+    /** Called when a tool call completes */
+    onToolResult: (id: string, name: string, result?: unknown) => void;
+    /** Called when the agent completes with session ID */
+    onDone: (sessionId: string) => void;
+    /** Called when a turn completes (between agentic turns) */
+    onTurnComplete?: () => void;
+    /** Called on error */
+    onError: (message: string) => void;
+}
+export interface UseAgentChatResult {
+    /** Send a message to the agent */
+    sendMessage: (content: string, sessionId?: string | null) => Promise<void>;
+    /** Whether the agent is currently streaming */
+    isStreaming: boolean;
+    /** Abort the current stream */
+    abort: () => void;
+}
+/**
+ * Hook for streaming chat with the agentic notebook backend.
+ * Uses fetch() with ReadableStream to consume SSE events.
+ */
+export declare function useAgentChat(options: UseAgentChatOptions): UseAgentChatResult;

package/dist/client/index.d.ts

@@ -1,5 +1,7 @@
 export { default as AnalyticsPortlet } from './components/AnalyticsPortlet';
 export { default as AnalyticsDashboard } from './components/AnalyticsDashboard';
+export { default as AgenticNotebook } from './components/AgenticNotebook';
+export type { AgenticNotebookProps } from './components/AgenticNotebook';
 export { AnalyticsPage } from './components/AnalyticsPage';
 export { default as ChartErrorBoundary } from './components/ChartErrorBoundary';
 export { default as LoadingIndicator } from './components/LoadingIndicator';
@@ -37,6 +39,10 @@ export { useAnalysisBuilderStore, selectCurrentState, selectMetrics, selectBreak
 export type { AnalysisBuilderStore, AnalysisBuilderStoreState, AnalysisBuilderStoreActions, FieldModalMode, } from './stores/analysisBuilderStore';
 export { DashboardStoreProvider, useDashboardStore, useDashboardStoreApi, useDashboardStoreOptional, createDashboardStore, selectEditModeState, selectModalState, selectLayoutState, selectDebugData, selectPortletDebugData, selectEditModeActions, selectModalActions, selectLayoutActions, selectDebugDataActions, selectThumbnailDirty, selectAllActions, } from './stores/dashboardStore';
 export type { DashboardStore, DashboardStoreState, DashboardStoreActions, PortletDebugDataEntry, DragState, CreateDashboardStoreOptions, DashboardStoreProviderProps, } from './stores/dashboardStore';
+export { NotebookStoreProvider, useNotebookStore, createNotebookStore, selectBlocks, selectMessages, selectIsStreaming, selectSessionId, selectInputValue, selectChatState, selectChatActions, selectBlockActions, } from './stores/notebookStore';
+export type { NotebookStore, NotebookStoreState, NotebookStoreActions, NotebookStoreProviderProps, NotebookConfig, NotebookBlock, PortletBlock, MarkdownBlock, ChatMessage, ToolCallRecord, } from './stores/notebookStore';
+export { useAgentChat } from './hooks/useAgentChat';
+export type { UseAgentChatOptions, UseAgentChatResult } from './hooks/useAgentChat';
 export { validateMultiQueryConfig, validateTimeDimensionAlignment, validateMergeKeys, detectMeasureCollisions, detectAsymmetricDateRanges, isMultiQueryValid, getValidationSummary } from './utils/multiQueryValidation';
 export type { MultiQueryValidationError, MultiQueryValidationWarning, MultiQueryValidationResult } from './utils/multiQueryValidation';
 export { useTheme } from './hooks/useTheme';