@luzmo/analytics-components-kit 1.0.4 → 1.0.5-beta.2

package/react/index.ts

@@ -1,11 +1,33 @@
 // Auto-generated React wrappers for Luzmo Analytics Components Kit
 // Generated using @lit/react
 
+import { LuzmoAiChat } from './components/ai-chat.component';
+import { LuzmoAiInteractionTextarea } from './components/ai-interaction-textarea.component';
 import { LuzmoDataField } from './components/data-field.component';
+import { LuzmoDataFieldLevel } from './components/data-field-level.component';
 import { LuzmoDataFieldPanel } from './components/data-field-panel.component';
+import { LuzmoDataFieldsSelect } from './components/data-fields-select.component';
+import { LuzmoDatasetIcon } from './components/dataset-icon.component';
+import { LuzmoDatasetSelectorList } from './components/dataset-selector-list.component';
+import { LuzmoDatasetSelectorRow } from './components/dataset-selector-row.component';
+import { LuzmoDisplaySettings } from './components/display-settings.component';
+import { LuzmoDisplaySettingsBinning } from './components/display-settings-binning.component';
+import { LuzmoDisplaySettingsDatetime } from './components/display-settings-datetime.component';
+import { LuzmoDisplaySettingsGrandTotals } from './components/display-settings-grand-totals.component';
+import { LuzmoDisplaySettingsNumeric } from './components/display-settings-numeric.component';
+import { LuzmoDisplaySettingsPeriodOverPeriod } from './components/display-settings-period-over-period.component';
+import { LuzmoFilterExpressionPicker } from './components/filter-expression-picker.component';
+import { LuzmoFilterItem } from './components/filter-item.component';
+import { LuzmoFilterParameterPicker } from './components/filter-parameter-picker.component';
+import { LuzmoFilterValuePicker } from './components/filter-value-picker.component';
+import { LuzmoFilterValuePickerDatetime } from './components/filter-value-picker-datetime.component';
+import { LuzmoFilterValuePickerHierarchy } from './components/filter-value-picker-hierarchy.component';
+import { LuzmoFilterValuePickerNumeric } from './components/filter-value-picker-numeric.component';
 import { LuzmoFilters } from './components/filters.component';
 import { LuzmoFormula } from './components/formula.component';
 import { LuzmoFormulaEditor } from './components/formula-editor.component';
+import { LuzmoFormulaField } from './components/formula-field.component';
+import { LuzmoInteractiveVizItem } from './components/interactive-viz-item.component';
 import { LuzmoItemGrid } from './components/item-grid.component';
 import { LuzmoItemOption } from './components/item-option.component';
 import { LuzmoItemOptionActionButtonGroup } from './components/item-option-action-button-group.component';
@@ -26,12 +48,37 @@ import { LuzmoItemSlotDrop } from './components/item-slot-drop.component';
 import { LuzmoItemSlotDropPanel } from './components/item-slot-drop-panel.component';
 import { LuzmoItemSlotPicker } from './components/item-slot-picker.component';
 import { LuzmoItemSlotPickerPanel } from './components/item-slot-picker-panel.component';
+import { LuzmoSlotMenu } from './components/slot-menu.component';
+import { LuzmoSlotMenuList } from './components/slot-menu-list.component';
+import { LuzmoVizItemMenu } from './components/viz-item-menu.component';
 
+export { LuzmoAiChat, type LuzmoAiChatElement } from './components/ai-chat.component';
+export { LuzmoAiInteractionTextarea, type LuzmoAiInteractionTextareaElement } from './components/ai-interaction-textarea.component';
 export { LuzmoDataField, type LuzmoDataFieldElement } from './components/data-field.component';
+export { LuzmoDataFieldLevel, type LuzmoDataFieldLevelElement } from './components/data-field-level.component';
 export { LuzmoDataFieldPanel, type LuzmoDataFieldPanelElement } from './components/data-field-panel.component';
+export { LuzmoDataFieldsSelect, type LuzmoDataFieldsSelectElement } from './components/data-fields-select.component';
+export { LuzmoDatasetIcon, type LuzmoDatasetIconElement } from './components/dataset-icon.component';
+export { LuzmoDatasetSelectorList, type LuzmoDatasetSelectorListElement } from './components/dataset-selector-list.component';
+export { LuzmoDatasetSelectorRow, type LuzmoDatasetSelectorRowElement } from './components/dataset-selector-row.component';
+export { LuzmoDisplaySettings, type LuzmoDisplaySettingsElement } from './components/display-settings.component';
+export { LuzmoDisplaySettingsBinning, type LuzmoDisplaySettingsBinningElement } from './components/display-settings-binning.component';
+export { LuzmoDisplaySettingsDatetime, type LuzmoDisplaySettingsDatetimeElement } from './components/display-settings-datetime.component';
+export { LuzmoDisplaySettingsGrandTotals, type LuzmoDisplaySettingsGrandTotalsElement } from './components/display-settings-grand-totals.component';
+export { LuzmoDisplaySettingsNumeric, type LuzmoDisplaySettingsNumericElement } from './components/display-settings-numeric.component';
+export { LuzmoDisplaySettingsPeriodOverPeriod, type LuzmoDisplaySettingsPeriodOverPeriodElement } from './components/display-settings-period-over-period.component';
+export { LuzmoFilterExpressionPicker, type LuzmoFilterExpressionPickerElement } from './components/filter-expression-picker.component';
+export { LuzmoFilterItem, type LuzmoFilterItemElement } from './components/filter-item.component';
+export { LuzmoFilterParameterPicker, type LuzmoFilterParameterPickerElement } from './components/filter-parameter-picker.component';
+export { LuzmoFilterValuePicker, type LuzmoFilterValuePickerElement } from './components/filter-value-picker.component';
+export { LuzmoFilterValuePickerDatetime, type LuzmoFilterValuePickerDatetimeElement } from './components/filter-value-picker-datetime.component';
+export { LuzmoFilterValuePickerHierarchy, type LuzmoFilterValuePickerHierarchyElement } from './components/filter-value-picker-hierarchy.component';
+export { LuzmoFilterValuePickerNumeric, type LuzmoFilterValuePickerNumericElement } from './components/filter-value-picker-numeric.component';
 export { LuzmoFilters, type LuzmoFiltersElement } from './components/filters.component';
 export { LuzmoFormula, type LuzmoFormulaElement } from './components/formula.component';
 export { LuzmoFormulaEditor, type LuzmoFormulaEditorElement } from './components/formula-editor.component';
+export { LuzmoFormulaField, type LuzmoFormulaFieldElement } from './components/formula-field.component';
+export { LuzmoInteractiveVizItem, type LuzmoInteractiveVizItemElement } from './components/interactive-viz-item.component';
 export { LuzmoItemGrid, type LuzmoItemGridElement } from './components/item-grid.component';
 export { LuzmoItemOption, type LuzmoItemOptionElement } from './components/item-option.component';
 export { LuzmoItemOptionActionButtonGroup, type LuzmoItemOptionActionButtonGroupElement } from './components/item-option-action-button-group.component';
@@ -52,14 +99,39 @@ export { LuzmoItemSlotDrop, type LuzmoItemSlotDropElement } from './components/i
 export { LuzmoItemSlotDropPanel, type LuzmoItemSlotDropPanelElement } from './components/item-slot-drop-panel.component';
 export { LuzmoItemSlotPicker, type LuzmoItemSlotPickerElement } from './components/item-slot-picker.component';
 export { LuzmoItemSlotPickerPanel, type LuzmoItemSlotPickerPanelElement } from './components/item-slot-picker-panel.component';
+export { LuzmoSlotMenu, type LuzmoSlotMenuElement } from './components/slot-menu.component';
+export { LuzmoSlotMenuList, type LuzmoSlotMenuListElement } from './components/slot-menu-list.component';
+export { LuzmoVizItemMenu, type LuzmoVizItemMenuElement } from './components/viz-item-menu.component';
 
 // Array of all React component classes for easy imports
 export const LUZMO_REACT_COMPONENTS = [
+  LuzmoAiChat,
+  LuzmoAiInteractionTextarea,
   LuzmoDataField,
+  LuzmoDataFieldLevel,
   LuzmoDataFieldPanel,
+  LuzmoDataFieldsSelect,
+  LuzmoDatasetIcon,
+  LuzmoDatasetSelectorList,
+  LuzmoDatasetSelectorRow,
+  LuzmoDisplaySettings,
+  LuzmoDisplaySettingsBinning,
+  LuzmoDisplaySettingsDatetime,
+  LuzmoDisplaySettingsGrandTotals,
+  LuzmoDisplaySettingsNumeric,
+  LuzmoDisplaySettingsPeriodOverPeriod,
+  LuzmoFilterExpressionPicker,
+  LuzmoFilterItem,
+  LuzmoFilterParameterPicker,
+  LuzmoFilterValuePicker,
+  LuzmoFilterValuePickerDatetime,
+  LuzmoFilterValuePickerHierarchy,
+  LuzmoFilterValuePickerNumeric,
   LuzmoFilters,
   LuzmoFormula,
   LuzmoFormulaEditor,
+  LuzmoFormulaField,
+  LuzmoInteractiveVizItem,
   LuzmoItemGrid,
   LuzmoItemOption,
   LuzmoItemOptionActionButtonGroup,
@@ -79,16 +151,41 @@ export const LUZMO_REACT_COMPONENTS = [
   LuzmoItemSlotDrop,
   LuzmoItemSlotDropPanel,
   LuzmoItemSlotPicker,
-  LuzmoItemSlotPickerPanel
+  LuzmoItemSlotPickerPanel,
+  LuzmoSlotMenu,
+  LuzmoSlotMenuList,
+  LuzmoVizItemMenu
 ] as const;
 
 // List of all available React component names
 export const LUZMO_REACT_COMPONENT_NAMES = [
+  'LuzmoAiChat',
+  'LuzmoAiInteractionTextarea',
   'LuzmoDataField',
+  'LuzmoDataFieldLevel',
   'LuzmoDataFieldPanel',
+  'LuzmoDataFieldsSelect',
+  'LuzmoDatasetIcon',
+  'LuzmoDatasetSelectorList',
+  'LuzmoDatasetSelectorRow',
+  'LuzmoDisplaySettings',
+  'LuzmoDisplaySettingsBinning',
+  'LuzmoDisplaySettingsDatetime',
+  'LuzmoDisplaySettingsGrandTotals',
+  'LuzmoDisplaySettingsNumeric',
+  'LuzmoDisplaySettingsPeriodOverPeriod',
+  'LuzmoFilterExpressionPicker',
+  'LuzmoFilterItem',
+  'LuzmoFilterParameterPicker',
+  'LuzmoFilterValuePicker',
+  'LuzmoFilterValuePickerDatetime',
+  'LuzmoFilterValuePickerHierarchy',
+  'LuzmoFilterValuePickerNumeric',
   'LuzmoFilters',
   'LuzmoFormula',
   'LuzmoFormulaEditor',
+  'LuzmoFormulaField',
+  'LuzmoInteractiveVizItem',
   'LuzmoItemGrid',
   'LuzmoItemOption',
   'LuzmoItemOptionActionButtonGroup',
@@ -108,7 +205,10 @@ export const LUZMO_REACT_COMPONENT_NAMES = [
   'LuzmoItemSlotDrop',
   'LuzmoItemSlotDropPanel',
   'LuzmoItemSlotPicker',
-  'LuzmoItemSlotPickerPanel'
+  'LuzmoItemSlotPickerPanel',
+  'LuzmoSlotMenu',
+  'LuzmoSlotMenuList',
+  'LuzmoVizItemMenu'
 ] as const;
 
 export type LuzmoReactComponentName = typeof LUZMO_REACT_COMPONENT_NAMES[number];

package/react/luzmo-stub.d.ts

@@ -3,31 +3,21 @@
 
 declare module '@luzmo/analytics-components-kit' {
   export const __placeholder: any;
-  export class LuzmoDataField extends HTMLElement {}
-  export class LuzmoDataFieldPanel extends HTMLElement {}
-  export class LuzmoFilters extends HTMLElement {}
-  export class LuzmoFormula extends HTMLElement {}
-  export class LuzmoFormulaEditor extends HTMLElement {}
-  export class LuzmoItemGrid extends HTMLElement {}
-  export class LuzmoItemOption extends HTMLElement {}
-  export class LuzmoItemOptionActionButtonGroup extends HTMLElement {}
-  export class LuzmoItemOptionColorPalettePicker extends HTMLElement {}
-  export class LuzmoItemOptionColorPicker extends HTMLElement {}
-  export class LuzmoItemOptionColorRange extends HTMLElement {}
-  export class LuzmoItemOptionMultiLangField extends HTMLElement {}
-  export class LuzmoItemOptionNumberField extends HTMLElement {}
-  export class LuzmoItemOptionPanel extends HTMLElement {}
-  export class LuzmoItemOptionPicker extends HTMLElement {}
-  export class LuzmoItemOptionPositionPicker extends HTMLElement {}
-  export class LuzmoItemOptionPositionsNumberField extends HTMLElement {}
-  export class LuzmoItemOptionRadioButtonGroup extends HTMLElement {}
-  export class LuzmoItemOptionSlider extends HTMLElement {}
-  export class LuzmoItemOptionSwitch extends HTMLElement {}
-  export class LuzmoItemOptionTextField extends HTMLElement {}
-  export class LuzmoItemSlotDrop extends HTMLElement {}
-  export class LuzmoItemSlotDropPanel extends HTMLElement {}
-  export class LuzmoItemSlotPicker extends HTMLElement {}
-  export class LuzmoItemSlotPickerPanel extends HTMLElement {}
+}
+
+declare module '@luzmo/analytics-components-kit/ai-chat' {
+  export class LuzmoAiChat extends HTMLElement {}
+  export type AiChatCompleteEvent = Record<string, unknown>;
+  export type AiChatConversationIdChangedEventDetail = Record<string, unknown>;
+  export type AiChatDatasetsChangedEventDetail = Record<string, unknown>;
+  export type AiChatMessageSentEventDetail = Record<string, unknown>;
+  export type AiChatStepEvent = Record<string, unknown>;
+  export type AssistantMessageActionEventDetail = Record<string, unknown>;
+}
+
+declare module '@luzmo/analytics-components-kit/ai-interaction-textarea' {
+  export class LuzmoAiInteractionTextarea extends HTMLElement {}
+  export type PromptSubmittedEventDetail = Record<string, unknown>;
 }
 
 declare module '@luzmo/analytics-components-kit/data-field' {
@@ -36,6 +26,12 @@ declare module '@luzmo/analytics-components-kit/data-field' {
   export type DataFieldDroppedEventDetail = Record<string, unknown>;
 }
 
+declare module '@luzmo/analytics-components-kit/data-field-level' {
+  export class LuzmoDataFieldLevel extends HTMLElement {}
+  export type DataFieldDragStartedEventDetail = Record<string, unknown>;
+  export type DataFieldDroppedEventDetail = Record<string, unknown>;
+}
+
 declare module '@luzmo/analytics-components-kit/data-field-panel' {
   export class LuzmoDataFieldPanel extends HTMLElement {}
   export type DataFieldDragStartedEventDetail = Record<string, unknown>;
@@ -43,6 +39,93 @@ declare module '@luzmo/analytics-components-kit/data-field-panel' {
   export type DatasetChangedEventDetail = Record<string, unknown>;
 }
 
+declare module '@luzmo/analytics-components-kit/data-fields-select' {
+  export class LuzmoDataFieldsSelect extends HTMLElement {}
+  export type DataFieldsSelectedEventDetail = Record<string, unknown>;
+}
+
+declare module '@luzmo/analytics-components-kit/dataset-icon' {
+  export class LuzmoDatasetIcon extends HTMLElement {}
+
+}
+
+declare module '@luzmo/analytics-components-kit/dataset-selector-list' {
+  export class LuzmoDatasetSelectorList extends HTMLElement {}
+  export type Dataset = Record<string, unknown>;
+}
+
+declare module '@luzmo/analytics-components-kit/dataset-selector-row' {
+  export class LuzmoDatasetSelectorRow extends HTMLElement {}
+  export type Dataset = Record<string, unknown>;
+}
+
+declare module '@luzmo/analytics-components-kit/display-settings' {
+  export class LuzmoDisplaySettings extends HTMLElement {}
+  export type DisplaySettingsRemoveSlotContentEventDetail = Record<string, unknown>;
+  export type DisplaySettingsSlotContentChangedEventDetail = Record<string, unknown>;
+  export type InfoVisibilityChangedEventDetail = Record<string, unknown>;
+}
+
+declare module '@luzmo/analytics-components-kit/display-settings-binning' {
+  export class LuzmoDisplaySettingsBinning extends HTMLElement {}
+  export type DisplaySettingsSlotContentChangedEventDetail = Record<string, unknown>;
+}
+
+declare module '@luzmo/analytics-components-kit/display-settings-datetime' {
+  export class LuzmoDisplaySettingsDatetime extends HTMLElement {}
+  export type DisplaySettingsSlotContentChangedEventDetail = Record<string, unknown>;
+}
+
+declare module '@luzmo/analytics-components-kit/display-settings-grand-totals' {
+  export class LuzmoDisplaySettingsGrandTotals extends HTMLElement {}
+  export type DisplaySettingsSlotContentChangedEventDetail = Record<string, unknown>;
+}
+
+declare module '@luzmo/analytics-components-kit/display-settings-numeric' {
+  export class LuzmoDisplaySettingsNumeric extends HTMLElement {}
+  export type DisplaySettingsSlotContentChangedEventDetail = Record<string, unknown>;
+}
+
+declare module '@luzmo/analytics-components-kit/display-settings-period-over-period' {
+  export class LuzmoDisplaySettingsPeriodOverPeriod extends HTMLElement {}
+  export type DisplaySettingsSlotContentChangedEventDetail = Record<string, unknown>;
+}
+
+declare module '@luzmo/analytics-components-kit/filter-expression-picker' {
+  export class LuzmoFilterExpressionPicker extends HTMLElement {}
+
+}
+
+declare module '@luzmo/analytics-components-kit/filter-item' {
+  export class LuzmoFilterItem extends HTMLElement {}
+
+}
+
+declare module '@luzmo/analytics-components-kit/filter-parameter-picker' {
+  export class LuzmoFilterParameterPicker extends HTMLElement {}
+
+}
+
+declare module '@luzmo/analytics-components-kit/filter-value-picker' {
+  export class LuzmoFilterValuePicker extends HTMLElement {}
+
+}
+
+declare module '@luzmo/analytics-components-kit/filter-value-picker-datetime' {
+  export class LuzmoFilterValuePickerDatetime extends HTMLElement {}
+
+}
+
+declare module '@luzmo/analytics-components-kit/filter-value-picker-hierarchy' {
+  export class LuzmoFilterValuePickerHierarchy extends HTMLElement {}
+
+}
+
+declare module '@luzmo/analytics-components-kit/filter-value-picker-numeric' {
+  export class LuzmoFilterValuePickerNumeric extends HTMLElement {}
+
+}
+
 declare module '@luzmo/analytics-components-kit/filters' {
   export class LuzmoFilters extends HTMLElement {}
   export type FiltersChangedEventDetail = Record<string, unknown>;
@@ -55,7 +138,19 @@ declare module '@luzmo/analytics-components-kit/formula' {
 
 declare module '@luzmo/analytics-components-kit/formula-editor' {
   export class LuzmoFormulaEditor extends HTMLElement {}
-  export type ValidityChangedEventDetail = Record<string, unknown>;
+
+}
+
+declare module '@luzmo/analytics-components-kit/formula-field' {
+  export class LuzmoFormulaField extends HTMLElement {}
+
+}
+
+declare module '@luzmo/analytics-components-kit/interactive-viz-item' {
+  export class LuzmoInteractiveVizItem extends HTMLElement {}
+  export type InteractiveVizItemChartChangedEventDetail = Record<string, unknown>;
+  export type InteractiveVizItemChartOptionsChangedEventDetail = Record<string, unknown>;
+  export type InteractiveVizItemFeedbackChangedEventDetail = Record<string, unknown>;
 }
 
 declare module '@luzmo/analytics-components-kit/item-grid' {
@@ -166,3 +261,22 @@ declare module '@luzmo/analytics-components-kit/item-slot-picker-panel' {
   export type SlotConstraintTriggeredEventDetail = Record<string, unknown>;
   export type SlotsContentsChangedEventDetail = Record<string, unknown>;
 }
+
+declare module '@luzmo/analytics-components-kit/slot-menu' {
+  export class LuzmoSlotMenu extends HTMLElement {}
+  export type InfoVisibilityChangedEventDetail = Record<string, unknown>;
+  export type SlotContentsChangedEventDetail = Record<string, unknown>;
+  export type SlotMenuActiveEventDetail = Record<string, unknown>;
+  export type SlotMenuHighlightEventDetail = Record<string, unknown>;
+}
+
+declare module '@luzmo/analytics-components-kit/slot-menu-list' {
+  export class LuzmoSlotMenuList extends HTMLElement {}
+  export type SlotListChangedEventDetail = Record<string, unknown>;
+}
+
+declare module '@luzmo/analytics-components-kit/viz-item-menu' {
+  export class LuzmoVizItemMenu extends HTMLElement {}
+  export type VizItemMenuButtonClickedEventDetail = Record<string, unknown>;
+  export type VizItemMenuSelectedChangedEventDetail = Record<string, unknown>;
+}

package/react/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@luzmo/react-analytics-components-kit",
+  "description": "React wrappers for the Luzmo Analytics Components Kit web components",
+  "homepage": "https://luzmo.com",
+  "type": "module",
+  "main": "./esm/index.js",
+  "module": "./esm/index.js",
+  "types": "./esm/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./esm/index.d.ts",
+      "node": "./esm/index.js",
+      "import": "./esm/index.js"
+    },
+    "./*": {
+      "types": "./esm/components/*.component.d.ts",
+      "node": "./esm/components/*.component.js",
+      "import": "./esm/components/*.component.js"
+    }
+  },
+  "files": [
+    "esm",
+    "README.md"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "peerDependencies": {
+    "@lit/react": "^1.0.6",
+    "react": "^18.0.0 || ^19.0.0",
+    "@luzmo/analytics-components-kit": "^1.0.5-beta.2"
+  },
+  "version": "1.0.5-beta.2"
+}

package/react/tsconfig.json

@@ -10,6 +10,8 @@
     "skipLibCheck": true,
     "declaration": true,
     "emitDeclarationOnly": false,
+    "noEmitOnError": true,
+    "ignoreDeprecations": "6.0",
     "jsx": "react-jsx",
     "types": [],
     "paths": {
@@ -24,16 +26,12 @@
       ],
       "@luzmo/analytics-components-kit/*": [
         "./luzmo-stub.d.ts"
-      ],
-      "@utils/*": [
-        "./utils/*"
       ]
     }
   },
   "include": [
-    "components/**/*.ts",
+    "components/**/*.component.ts",
     "index.ts",
-    "types.ts",
     "react-stubs.d.ts",
     "lit-react-stubs.d.ts",
     "luzmo-stub.d.ts"

package/storybook/register-components.d.ts

@@ -0,0 +1,51 @@
+/**
+ * Storybook-only entry that registers all custom elements.
+ *
+ * AUTO-GENERATED by `scripts/generate-storybook-register-components.ts`.
+ * Source of truth: `src/index.ts` (only `./components/*` exports are used).
+ */
+import '../components/ai-chat';
+import '../components/ai-interaction-textarea';
+import '../components/data-fields-select';
+import '../components/dataset-icon';
+import '../components/dataset-selector-list';
+import '../components/dataset-selector-row';
+import '../components/display-settings';
+import '../components/display-settings-binning';
+import '../components/display-settings-datetime';
+import '../components/display-settings-grand-totals';
+import '../components/display-settings-numeric';
+import '../components/display-settings-period-over-period';
+import '../components/data-field';
+import '../components/data-field-level';
+import '../components/data-field-panel';
+import '../components/item-slot-drop';
+import '../components/filters';
+import '../components/item-option-panel';
+import '../components/item-option';
+import '../components/item-option-action-button-group';
+import '../components/item-option-color-palette-picker';
+import '../components/item-option-color-picker';
+import '../components/item-option-color-range';
+import '../components/item-option-multi-language-field';
+import '../components/item-option-number-field';
+import '../components/item-option-picker';
+import '../components/item-option-position-picker';
+import '../components/item-option-positions-number-field';
+import '../components/item-option-radio-button-group';
+import '../components/item-option-slider';
+import '../components/item-option-switch';
+import '../components/item-option-text-field';
+import '../components/filter-expression-picker';
+import '../components/filter-item';
+import '../components/filter-value-picker';
+import '../components/filter-value-picker-datetime';
+import '../components/filter-value-picker-hierarchy';
+import '../components/filter-value-picker-numeric';
+import '../components/item-grid';
+import '../components/item-slot-drop-panel';
+import '../components/item-slot-picker-panel';
+import '../components/item-slot-picker';
+import '../components/slot-menu';
+import '../components/slot-menu-list';
+import '../components/viz-item-menu';

package/types/ai-chat.types.d.ts

@@ -0,0 +1,95 @@
+import type { IconDefinition } from '@luzmo/icons';
+import type { ProgressTreeNode } from '@luzmo/lucero/progress-steps';
+import type { Dataset } from './dataset.types';
+export type { ProgressTreeNode };
+/** Lucero button variants allowed for assistant message action confirm buttons. */
+export type AssistantMessageActionConfirmVariant = 'primary' | 'secondary' | 'neutral' | 'negative' | 'positive' | 'white' | 'black';
+/** Built-in assistant message action rendered by luzmo-ai-chat. */
+export interface AssistantMessageAction {
+    /** Unique action identifier handled by the host application. */
+    id: string;
+    /** Button label shown in the assistant message actions footer. */
+    label: string;
+    /** Optional Lucero icon shown before the label. */
+    icon?: IconDefinition;
+    /** When true, the action button is not clickable. */
+    disabled?: boolean;
+    /** When true, shows a confirmation step before firing `luzmo-assistant-message-action`. */
+    confirm?: boolean;
+    /** Custom confirmation prompt. Used when `confirm` is true; falls back to a default message when omitted. */
+    confirmMessage?: string;
+    /** Confirm button variant. Used when `confirm` is true; defaults to `negative`. */
+    confirmVariant?: AssistantMessageActionConfirmVariant;
+}
+export interface ChatMessage {
+    id?: string;
+    apiMessageId?: string;
+    type: 'user' | 'ai';
+    message: string;
+    progress?: ProgressTreeNode;
+    isError?: boolean;
+    isCancelled?: boolean;
+    hasChart?: boolean;
+    /**
+     * Signed image URLs for user messages, rendered as 64×64 center-cropped thumbnails
+     * above the message text.
+     */
+    attachmentUrls?: string[];
+    /** Built-in action buttons rendered below this assistant message. Use slots for custom actions. */
+    actions?: AssistantMessageAction[];
+}
+export interface AssistantMessageActionEventDetail {
+    messageId: string;
+    actionId: string;
+    message: ChatMessage;
+}
+export interface AiChatMessageSentEventDetail {
+    message: ChatMessage;
+    selectedDatasets: Dataset[];
+}
+export interface AiChatDatasetsChangedEventDetail {
+    selectedDatasets: Dataset[];
+}
+export interface AiChatConversationIdChangedEventDetail {
+    conversationId: string;
+}
+export interface LuzmoChart {
+    version: string;
+    type: string;
+    position: {
+        sizeX: number;
+        sizeY: number;
+        row: number;
+        col: number;
+    };
+    title: Record<string, unknown>;
+    options: Record<string, unknown>;
+    content: Record<string, unknown>;
+    slots: Array<{
+        name: string;
+        content: unknown[];
+    }>;
+    filterGroups?: Array<{
+        condition: string;
+        filters: Array<{
+            expression: string;
+            parameters: unknown[];
+        }>;
+    }>;
+    update?: boolean;
+    aichartId?: string;
+}
+export interface AiSampleChart {
+    error?: string;
+    generatedChart: Record<string, unknown> & {
+        feedback: unknown;
+    };
+    question: string;
+    functionCall: string;
+    functionResponse: any;
+    feedback: unknown;
+    conversationId?: string;
+    messageId?: string;
+    message?: string;
+    clarificationQuestion?: string;
+}

package/types/data-field-events.types.d.ts

@@ -0,0 +1,7 @@
+import type { DatasetDataField } from './dataset-data-field.types';
+export interface DataFieldDroppedEventDetail {
+    data: DatasetDataField;
+}
+export interface DataFieldDragStartedEventDetail {
+    data: DatasetDataField;
+}

package/types.d.ts

@@ -7,16 +7,24 @@
  */
 export type { Column, ColumnSubtype, ColumnType, GenericSlotContent, GridConfig, ItemFilterGroup, OptionConfig, OptionsConfig, OptionTranslation, Slot, SlotConfig, SlotName, SlotPosition, SlotPositioningConfig, ThemeConfig, TranslationOverrides, TranslationsFile, VizItemSlot, VizItemType } from '@luzmo/dashboard-contents-types';
 export type { ElementSize, Placement } from '@luzmo/lucero';
+export type * from './types/ai-chat.types';
+export type * from './types/data-field-events.types';
 export type * from './types/dataset-data-field.types';
 export type * from './types/dataset.types';
 export type * from './types/formula.types';
 export type * from './types/slot.types';
+export type * from './components/dataset-icon/types';
+export type * from './components/display-settings/types';
+export type * from './components/data-fields-select/types';
+export type * from './components/ai-interaction-textarea/types';
 export type * from './components/item-option/types';
 export type * from './components/data-field/types';
 export type * from './components/data-field-panel/types';
 export type * from './components/item-slot-drop/types';
 export type * from './components/filters/types';
 export type * from './components/item-grid/types';
+export type * from './components/slot-menu/types';
+export type * from './components/viz-item-menu/types';
 export type * from './utils/data-broker';
 export type * from './utils/time/period-over-period-condition.const';
 export type * from './utils/transformations/convert-datasets-to-data-fields';

package/utils/ai-prompt/attachments.d.ts

@@ -0,0 +1,10 @@
+export declare const AI_PROMPT_MAX_ATTACHMENTS = 20;
+export declare const AI_PROMPT_MAX_IMAGE_BYTES: number;
+export declare const AI_PROMPT_ACCEPTED_IMAGE_MIME_TYPES: readonly ["image/png", "image/jpeg", "image/webp", "image/gif"];
+export type AiPromptAcceptedImageMimeType = (typeof AI_PROMPT_ACCEPTED_IMAGE_MIME_TYPES)[number];
+export declare function isAiPromptAcceptedImageMimeType(mimeType: string): boolean;
+export declare function isAiPromptAcceptedImageFile(file: File): boolean;
+/** Signed URLs often have no extension; `assertValidAiPromptAttachmentUrls` still accepts them. */
+export declare function isAiPromptAcceptedImageUrl(url: string): boolean;
+export declare function assertValidAiPromptAttachmentUrls(urls: string[]): void;
+export declare function assertValidAiPromptAttachmentFiles(files: File[]): void;