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

package/components/ai-interaction-textarea/ai-interaction-textarea.d.ts

@@ -0,0 +1,135 @@
+import '@luzmo/lucero/prompt-box';
+import { LitElement, PropertyValues, TemplateResult } from 'lit';
+import type { Dataset } from '../../types/dataset.types';
+import '../dataset-icon';
+import '../dataset-selector-row';
+/**
+ * @customElement luzmo-ai-interaction-textarea
+ * @summary A textarea for AI interaction with dataset selection. Uses Lucero `luzmo-prompt-box` for visuals; theme it with `--luzmo-prompt-box-*` on this host or an ancestor.
+ * @fires {CustomEvent<PromptSubmittedEventDetail>} prompt-submitted - Fired when a prompt is submitted with selected datasets
+ * @fires {CustomEvent<void>} prompt-stopped - Fired when a running prompt is stopped
+ *
+ * @property {boolean} disabled - When true, disables the entire component (opacity 60%, no interactions)
+ * @property {boolean} single-line - When true, starts in compact single-line mode and auto-expands as needed
+ * @property {boolean} hide-dataset-button - When true, hides the "+ Add dataset" button
+ * @property {boolean} hide-dataset-icons - When true, hides dataset-specific icons in selector tags and `@` mention dataset headers
+ * @property {boolean} disable-dataset-modification - When true, disables the "+ Add dataset" button and disables dataset pill removal
+ * @property {boolean} hide-selected-datasets - When true, hides the dataset row entirely
+ * @property {boolean} disable-column-mentions - When true, disables `@` trigger mentions completely
+ * @property {boolean} is-generating - When true, shows a spinning loader icon instead of the submit arrow
+ * @property {boolean} stoppable - When true, shows a stop control while `is-generating` is true
+ * @property {string} value - The current value of the textarea (can be controlled from parent to clear or set text)
+ * @property {boolean} retain-on-submit - When true, retains the input value after submission (default: false, clears on submit)
+ * @property {boolean} require-dataset - When true, at least one dataset must be selected before the prompt can be submitted
+ *
+ * @property {string} --luzmo-ai-interaction-textarea-disabled-opacity - Opacity of the host when `disabled` (does not map to Lucero prompt-box tokens)
+ */
+export declare class LuzmoAiInteractionTextarea extends LitElement {
+    static styles: import("lit").CSSResult;
+    static tagName: string;
+    /**
+     * Placeholder text for the textarea
+     */
+    placeholder: string;
+    /**
+     * Array of selected datasets
+     */
+    selectedDatasets: Dataset[];
+    /**
+     * Auth key for DataBroker authentication
+     */
+    authKey: string;
+    /**
+     * Auth token for DataBroker authentication
+     */
+    authToken: string;
+    /**
+     * API URL for DataBroker
+     * @default https://api.luzmo.com
+     */
+    apiUrl: string;
+    /**
+     * The URL of the app server for thumbnails and assets
+     * @default https://app.luzmo.com
+     */
+    appServer: string;
+    /**
+     * When true, restricts results to public datasets (opendata parity)
+     */
+    flagOpendata: boolean;
+    /**
+     * When true, disables the entire component (sets opacity to 60% and prevents all interactions)
+     */
+    disabled: boolean;
+    /**
+     * When true, starts in compact single-line mode and auto-expands as needed
+     */
+    singleLine: boolean;
+    /**
+     * When true, hides the "+ Add dataset" button
+     */
+    hideDatasetButton: boolean;
+    /**
+     * When true, hides dataset-specific icons in selector tags and @ mention dataset headers
+     */
+    hideDatasetIcons: boolean;
+    /**
+     * When true, disables the "+ Add dataset" button and disables dataset pill removal
+     */
+    disableDatasetModification: boolean;
+    /**
+     * When true, hides the dataset row entirely
+     */
+    hideSelectedDatasets: boolean;
+    /**
+     * When true, disables @ trigger mentions completely
+     */
+    disableColumnMentions: boolean;
+    /**
+     * When true, shows a spinning loader icon instead of the submit arrow
+     */
+    isGenerating: boolean;
+    /**
+     * When true, shows a stop control on the prompt box while `isGenerating` is true
+     */
+    stoppable: boolean;
+    /**
+     * The current value of the textarea (controlled from parent)
+     */
+    value: string;
+    /**
+     * When true, retains the input value after submitting a prompt (default: false)
+     * When false (default), clears the textarea value after submission
+     */
+    retainOnSubmit: boolean;
+    /**
+     * When true, at least one dataset must be selected before the prompt can be submitted
+     */
+    requireDataset: boolean;
+    private _promptValue;
+    private _isPromptValid;
+    private _fieldTriggerOptions;
+    private _datasetsFieldConfig;
+    private _activeFieldRequestId;
+    private _promptBox?;
+    private get _buttonDisabled();
+    private get _fieldTriggers();
+    private _renderFieldTriggerIcon;
+    connectedCallback(): void;
+    private _configureBroker;
+    private _handlePromptInput;
+    private _submitPrompt;
+    private _handleDatasetSelected;
+    private _handleDatasetRemoved;
+    private _getLocalizedFieldLabel;
+    private _mapColumnToTriggerOption;
+    private _mapFormulaToTriggerOption;
+    private _updateFieldTriggerOptionsFromConfig;
+    private _refreshDatasetsFieldConfig;
+    private _handlePromptSubmit;
+    private _handlePromptStop;
+    private _syncControlledValueToPromptBox;
+    protected willUpdate(changedProperties: PropertyValues): void;
+    protected updated(changedProperties: PropertyValues): void;
+    protected render(): TemplateResult;
+}

package/components/ai-interaction-textarea/index.cjs

@@ -0,0 +1,20 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../ai-interaction-textarea-BCH5_GBO.cjs");Object.defineProperty(exports,"LuzmoAiInteractionTextarea",{enumerable:!0,get:function(){return e.t}});

package/components/ai-interaction-textarea/index.d.ts

@@ -0,0 +1,8 @@
+import { LuzmoAiInteractionTextarea } from './ai-interaction-textarea';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-ai-interaction-textarea': LuzmoAiInteractionTextarea;
+    }
+}
+export { LuzmoAiInteractionTextarea } from './ai-interaction-textarea';
+export type { PromptSubmittedEventDetail } from './types';

package/components/ai-interaction-textarea/index.js

@@ -0,0 +1,28 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+// Auto-generated initialization code
+(function() {
+	if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
+		let e = document.createElement("style");
+		e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix( in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5% );--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-width: thin;--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba(var(--luzmo-border-color-rgb), 0.4);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}", document.head.appendChild(e);
+	}
+})();
+import { t as e } from "../ai-interaction-textarea-DzHetSBZ.js";
+export { e as LuzmoAiInteractionTextarea };

package/components/ai-interaction-textarea/types.d.ts

@@ -0,0 +1,5 @@
+import type { Dataset } from '../../types/dataset.types';
+export interface PromptSubmittedEventDetail {
+    prompt: string;
+    selectedDatasets: Dataset[];
+}

package/components/ai-interaction-textarea-BCH5_GBO.cjs

@@ -0,0 +1,68 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+const e=require("./decorate-DCJt-2rt.cjs"),t=require("./set-locale-BCnD4yp_.cjs"),n=require("./data-broker-BH5WDG0j.cjs"),r=require("./calculate-data-field-icon-DenGmW74.cjs"),i=require("./localize-D3i4Epy_.cjs"),a=require("./get-dataset-name-D4smY8ms.cjs");require("./dataset-icon-BAV0S4sZ.cjs"),require("./dataset-selector-row-CwkXH93E.cjs");let o=require("@luzmo/icons"),s=require("lit"),c=require("lit/decorators.js"),l=require("@lit/localize");require("@luzmo/lucero/prompt-box");let u=require("lit/directives/class-map.js");var d=`:host{box-sizing:border-box;display:block}:host .content-wrapper{flex-direction:column;display:flex}:host .content-wrapper.single-line{align-items:stretch}:host .content-wrapper.disabled{opacity:var(--luzmo-ai-interaction-textarea-disabled-opacity,var(--ai-interaction-textarea-disabled-opacity));pointer-events:none;cursor:not-allowed}:host .content-wrapper.disabled *{pointer-events:none}:host luzmo-prompt-box{inline-size:100%}:host{--ai-interaction-textarea-disabled-opacity:.6}`,f=class extends s.LitElement{constructor(...e){super(...e),this.placeholder=`Type your prompt here...`,this.selectedDatasets=[],this.authKey=``,this.authToken=``,this.apiUrl=`https://api.luzmo.com`,this.appServer=`https://app.luzmo.com`,this.flagOpendata=!1,this.disabled=!1,this.singleLine=!1,this.hideDatasetButton=!1,this.hideDatasetIcons=!1,this.disableDatasetModification=!1,this.hideSelectedDatasets=!1,this.disableColumnMentions=!1,this.isGenerating=!1,this.stoppable=!1,this.value=``,this.retainOnSubmit=!1,this.requireDataset=!1,this._promptValue=``,this._isPromptValid=!1,this._fieldTriggerOptions=[],this._datasetsFieldConfig=[],this._activeFieldRequestId=0,this._renderFieldTriggerIcon=e=>{let t=e.data?.datasetInfo;return e.header&&t?s.html`
+        <span>
+          ${this.hideDatasetIcons?s.html`<luzmo-icon .icon=${o.luzmoPlugin} size="s"></luzmo-icon>`:s.html`
+                  <luzmo-dataset-icon
+                    .datasetInfo=${t}
+                    size="16px"
+                    app-url=${this.appServer}
+                  ></luzmo-dataset-icon>
+                `}
+        </span>
+      `:e.icon?s.html`
+      <span>
+        <luzmo-icon .icon=${e.icon} size="s"></luzmo-icon>
+      </span>
+    `:s.nothing}}static{this.styles=(0,s.unsafeCSS)(d)}static{this.tagName=`luzmo-ai-interaction-textarea`}get _buttonDisabled(){return this.disabled||this.isGenerating||!this._isPromptValid?!0:this.requireDataset&&this.selectedDatasets.length===0}get _fieldTriggers(){return this.disableColumnMentions?[]:[{key:`@`,options:this._fieldTriggerOptions,highlightSearch:!0,iconTemplate:this._renderFieldTriggerIcon}]}connectedCallback(){super.connectedCallback(),this._configureBroker(),this._refreshDatasetsFieldConfig()}_configureBroker(){n.t.configure({authKey:this.authKey,authToken:this.authToken,apiUrl:this.apiUrl})}_handlePromptInput(e){let t=e.target.value??``;this._promptValue=t,this._isPromptValid=t.trim().length>0}_submitPrompt(e=this._promptValue){if(this._promptValue=e,this._isPromptValid=e.trim().length>0,this._buttonDisabled)return;let t=e.trim();this.retainOnSubmit||(this._promptBox?.clear(),this._promptValue=``,this._isPromptValid=!1),this.dispatchEvent(new CustomEvent(`prompt-submitted`,{detail:{prompt:t,selectedDatasets:this.selectedDatasets},bubbles:!0,composed:!0}))}_handleDatasetSelected(e){let t=e.detail;this.selectedDatasets.some(e=>e.id===t.id)||(this.selectedDatasets=[...this.selectedDatasets,t])}_handleDatasetRemoved(e){let t=e.detail;this.selectedDatasets=this.selectedDatasets.filter(e=>e.id!==t.id)}_getLocalizedFieldLabel(e){if(e)return typeof e==`string`?e:i.t(e,t.t())}_mapColumnToTriggerOption(e,t){return t.id?{label:this._getLocalizedFieldLabel(t.name)||t.id,value:`${e}:column:${t.id}`,icon:r.t(t,`s`),elementType:`data-field`,data:{datasetId:e,columnId:t.id,type:t.type,subtype:t.subtype}}:null}_mapFormulaToTriggerOption(e,t){return t.id?{label:this._getLocalizedFieldLabel(t.name)||t.id,value:`${e}:formula:${t.id}`,icon:r.r.formula[r.i(`s`)],elementType:`data-field`,data:{datasetId:e,formulaId:t.id,type:t.type,subtype:t.subtype}}:null}_updateFieldTriggerOptionsFromConfig(){let e=new Map(this._datasetsFieldConfig.map(e=>[e.id,e])),t=[];for(let n of this.selectedDatasets){let r=e.get(n.id),i=[],o=r?.columns?.filter(e=>!e.hidden)??[];for(let e of o){let t=this._mapColumnToTriggerOption(n.id,e);t&&i.push(t)}let s=r?.formulas?.filter(e=>!e.hidden)??[];for(let e of s){let t=this._mapFormulaToTriggerOption(n.id,e);t&&i.push(t)}i.length!==0&&(t.push({label:a.t(n),value:`dataset-header:${n.id}`,header:!0,data:{datasetInfo:n}}),t.push(...i))}this._fieldTriggerOptions=t}async _refreshDatasetsFieldConfig(){if(this.disableColumnMentions){this._datasetsFieldConfig=[],this._fieldTriggerOptions=[];return}let e=[...new Set(this.selectedDatasets.map(e=>e.id).filter(Boolean))];if(e.length===0){this._datasetsFieldConfig=[],this._fieldTriggerOptions=[];return}let t=++this._activeFieldRequestId;this._updateFieldTriggerOptionsFromConfig();try{let r=await n.t.fetchDatasetsWithColumnsAndFormulas(e);if(t!==this._activeFieldRequestId)return;this._datasetsFieldConfig=r,this._updateFieldTriggerOptionsFromConfig()}catch(e){console.error(`Error loading dataset fields for prompt triggers:`,e),t===this._activeFieldRequestId&&(this._datasetsFieldConfig=[],this._updateFieldTriggerOptionsFromConfig())}}_handlePromptSubmit(e){this._submitPrompt(e.detail?.value??this._promptValue)}_handlePromptStop(e){e.stopPropagation(),this.dispatchEvent(new CustomEvent(`prompt-stopped`,{bubbles:!0,composed:!0}))}_syncControlledValueToPromptBox(){let e=this._promptBox;e?.allowElements&&(e.segments=this._promptValue?[{type:`text`,value:this._promptValue}]:[])}willUpdate(e){e.has(`value`)&&(this._promptValue=this.value,this._isPromptValid=this.value.trim().length>0);let t=e.has(`authKey`)||e.has(`authToken`)||e.has(`apiUrl`);t&&this._configureBroker(),(t||e.has(`selectedDatasets`)||e.has(`disableColumnMentions`))&&this._refreshDatasetsFieldConfig()}updated(e){super.updated(e),e.has(`value`)&&this._syncControlledValueToPromptBox()}render(){return s.html`
+      <div class=${(0,u.classMap)({"content-wrapper":!0,disabled:this.disabled,"single-line":this.singleLine})} aria-busy=${this.isGenerating?`true`:`false`}>
+        <luzmo-prompt-box
+          ?single-line=${this.singleLine}
+          ?pending=${this.isGenerating}
+          ?stoppable=${this.stoppable&&this.isGenerating}
+          ?disabled=${this.disabled}
+          ?disable-submit=${this._buttonDisabled}
+          grows
+          allow-elements
+          .placeholder=${this.placeholder}
+          .value=${this._promptValue}
+          .triggers=${this._fieldTriggers}
+          @input=${this._handlePromptInput}
+          @luzmo-submit=${this._handlePromptSubmit}
+          @luzmo-stop=${this._handlePromptStop}
+        >
+        ${this.hideSelectedDatasets||this.hideDatasetButton?``:s.html`
+          <luzmo-dataset-selector-row
+            slot="top-actions"
+            .selectedDatasets=${this.selectedDatasets}
+            auth-key=${this.authKey}
+            auth-token=${this.authToken}
+            api-url=${this.apiUrl}
+            app-server=${this.appServer}
+            ?flag-opendata=${this.flagOpendata}
+            ?hide-dataset-icons=${this.hideDatasetIcons}
+            ?disabled=${this.disabled||this.disableDatasetModification||this.isGenerating}
+            @dataset-selected=${this._handleDatasetSelected}
+            @dataset-removed=${this._handleDatasetRemoved}
+          ></luzmo-dataset-selector-row>
+        `}
+        </luzmo-prompt-box>
+      </div>
+    `}};e.t([(0,c.property)({type:String})],f.prototype,`placeholder`,void 0),e.t([(0,c.property)({type:Array})],f.prototype,`selectedDatasets`,void 0),e.t([(0,c.property)({type:String,attribute:`auth-key`})],f.prototype,`authKey`,void 0),e.t([(0,c.property)({type:String,attribute:`auth-token`})],f.prototype,`authToken`,void 0),e.t([(0,c.property)({type:String,attribute:`api-url`})],f.prototype,`apiUrl`,void 0),e.t([(0,c.property)({type:String,attribute:`app-server`})],f.prototype,`appServer`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`flag-opendata`})],f.prototype,`flagOpendata`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0,attribute:`disabled`})],f.prototype,`disabled`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`single-line`})],f.prototype,`singleLine`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`hide-dataset-button`})],f.prototype,`hideDatasetButton`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`hide-dataset-icons`})],f.prototype,`hideDatasetIcons`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`disable-dataset-modification`})],f.prototype,`disableDatasetModification`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`hide-selected-datasets`})],f.prototype,`hideSelectedDatasets`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`disable-column-mentions`})],f.prototype,`disableColumnMentions`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`is-generating`})],f.prototype,`isGenerating`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0})],f.prototype,`stoppable`,void 0),e.t([(0,c.property)({type:String})],f.prototype,`value`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`retain-on-submit`})],f.prototype,`retainOnSubmit`,void 0),e.t([(0,c.property)({type:Boolean,attribute:`require-dataset`})],f.prototype,`requireDataset`,void 0),e.t([(0,c.state)()],f.prototype,`_promptValue`,void 0),e.t([(0,c.state)()],f.prototype,`_isPromptValid`,void 0),e.t([(0,c.state)()],f.prototype,`_fieldTriggerOptions`,void 0),e.t([(0,c.state)()],f.prototype,`_datasetsFieldConfig`,void 0),e.t([(0,c.query)(`luzmo-prompt-box`)],f.prototype,`_promptBox`,void 0),f=e.t([(0,l.localized)()],f),customElements.get(`luzmo-ai-interaction-textarea`)||customElements.define(`luzmo-ai-interaction-textarea`,f),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});

package/components/ai-interaction-textarea-DzHetSBZ.js

@@ -0,0 +1,299 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2026 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import { t as e } from "./decorate-CaYbmmmm.js";
+import { t } from "./set-locale-CamOWu7o.js";
+import { t as n } from "./data-broker-CVDImE1j.js";
+import { i as r, r as i, t as a } from "./calculate-data-field-icon-DrSg1PuD.js";
+import { t as o } from "./localize-BT7REYBY.js";
+import { t as s } from "./get-dataset-name-D_ZiWu64.js";
+import "./dataset-icon-BXEgg_8O.js";
+import "./dataset-selector-row-CXrEKQrA.js";
+import { luzmoPlugin as c } from "@luzmo/icons";
+import { LitElement as l, html as u, nothing as d, unsafeCSS as f } from "lit";
+import { property as p, query as m, state as h } from "lit/decorators.js";
+import { localized as g } from "@lit/localize";
+import "@luzmo/lucero/prompt-box";
+import { classMap as _ } from "lit/directives/class-map.js";
+//#region src/components/ai-interaction-textarea/ai-interaction-textarea.module.scss?inline
+var v = ":host{box-sizing:border-box;display:block}:host .content-wrapper{flex-direction:column;display:flex}:host .content-wrapper.single-line{align-items:stretch}:host .content-wrapper.disabled{opacity:var(--luzmo-ai-interaction-textarea-disabled-opacity,var(--ai-interaction-textarea-disabled-opacity));pointer-events:none;cursor:not-allowed}:host .content-wrapper.disabled *{pointer-events:none}:host luzmo-prompt-box{inline-size:100%}:host{--ai-interaction-textarea-disabled-opacity:.6}", y = class extends l {
+	constructor(...e) {
+		super(...e), this.placeholder = "Type your prompt here...", this.selectedDatasets = [], this.authKey = "", this.authToken = "", this.apiUrl = "https://api.luzmo.com", this.appServer = "https://app.luzmo.com", this.flagOpendata = !1, this.disabled = !1, this.singleLine = !1, this.hideDatasetButton = !1, this.hideDatasetIcons = !1, this.disableDatasetModification = !1, this.hideSelectedDatasets = !1, this.disableColumnMentions = !1, this.isGenerating = !1, this.stoppable = !1, this.value = "", this.retainOnSubmit = !1, this.requireDataset = !1, this._promptValue = "", this._isPromptValid = !1, this._fieldTriggerOptions = [], this._datasetsFieldConfig = [], this._activeFieldRequestId = 0, this._renderFieldTriggerIcon = (e) => {
+			let t = e.data?.datasetInfo;
+			return e.header && t ? u`
+        <span>
+          ${this.hideDatasetIcons ? u`<luzmo-icon .icon=${c} size="s"></luzmo-icon>` : u`
+                  <luzmo-dataset-icon
+                    .datasetInfo=${t}
+                    size="16px"
+                    app-url=${this.appServer}
+                  ></luzmo-dataset-icon>
+                `}
+        </span>
+      ` : e.icon ? u`
+      <span>
+        <luzmo-icon .icon=${e.icon} size="s"></luzmo-icon>
+      </span>
+    ` : d;
+		};
+	}
+	static {
+		this.styles = f(v);
+	}
+	static {
+		this.tagName = "luzmo-ai-interaction-textarea";
+	}
+	get _buttonDisabled() {
+		return this.disabled || this.isGenerating || !this._isPromptValid ? !0 : this.requireDataset && this.selectedDatasets.length === 0;
+	}
+	get _fieldTriggers() {
+		return this.disableColumnMentions ? [] : [{
+			key: "@",
+			options: this._fieldTriggerOptions,
+			highlightSearch: !0,
+			iconTemplate: this._renderFieldTriggerIcon
+		}];
+	}
+	connectedCallback() {
+		super.connectedCallback(), this._configureBroker(), this._refreshDatasetsFieldConfig();
+	}
+	_configureBroker() {
+		n.configure({
+			authKey: this.authKey,
+			authToken: this.authToken,
+			apiUrl: this.apiUrl
+		});
+	}
+	_handlePromptInput(e) {
+		let t = e.target.value ?? "";
+		this._promptValue = t, this._isPromptValid = t.trim().length > 0;
+	}
+	_submitPrompt(e = this._promptValue) {
+		if (this._promptValue = e, this._isPromptValid = e.trim().length > 0, this._buttonDisabled) return;
+		let t = e.trim();
+		this.retainOnSubmit || (this._promptBox?.clear(), this._promptValue = "", this._isPromptValid = !1), this.dispatchEvent(new CustomEvent("prompt-submitted", {
+			detail: {
+				prompt: t,
+				selectedDatasets: this.selectedDatasets
+			},
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	_handleDatasetSelected(e) {
+		let t = e.detail;
+		this.selectedDatasets.some((e) => e.id === t.id) || (this.selectedDatasets = [...this.selectedDatasets, t]);
+	}
+	_handleDatasetRemoved(e) {
+		let t = e.detail;
+		this.selectedDatasets = this.selectedDatasets.filter((e) => e.id !== t.id);
+	}
+	_getLocalizedFieldLabel(e) {
+		if (e) return typeof e == "string" ? e : o(e, t());
+	}
+	_mapColumnToTriggerOption(e, t) {
+		return t.id ? {
+			label: this._getLocalizedFieldLabel(t.name) || t.id,
+			value: `${e}:column:${t.id}`,
+			icon: a(t, "s"),
+			elementType: "data-field",
+			data: {
+				datasetId: e,
+				columnId: t.id,
+				type: t.type,
+				subtype: t.subtype
+			}
+		} : null;
+	}
+	_mapFormulaToTriggerOption(e, t) {
+		return t.id ? {
+			label: this._getLocalizedFieldLabel(t.name) || t.id,
+			value: `${e}:formula:${t.id}`,
+			icon: i.formula[r("s")],
+			elementType: "data-field",
+			data: {
+				datasetId: e,
+				formulaId: t.id,
+				type: t.type,
+				subtype: t.subtype
+			}
+		} : null;
+	}
+	_updateFieldTriggerOptionsFromConfig() {
+		let e = new Map(this._datasetsFieldConfig.map((e) => [e.id, e])), t = [];
+		for (let n of this.selectedDatasets) {
+			let r = e.get(n.id), i = [], a = r?.columns?.filter((e) => !e.hidden) ?? [];
+			for (let e of a) {
+				let t = this._mapColumnToTriggerOption(n.id, e);
+				t && i.push(t);
+			}
+			let o = r?.formulas?.filter((e) => !e.hidden) ?? [];
+			for (let e of o) {
+				let t = this._mapFormulaToTriggerOption(n.id, e);
+				t && i.push(t);
+			}
+			i.length !== 0 && (t.push({
+				label: s(n),
+				value: `dataset-header:${n.id}`,
+				header: !0,
+				data: { datasetInfo: n }
+			}), t.push(...i));
+		}
+		this._fieldTriggerOptions = t;
+	}
+	async _refreshDatasetsFieldConfig() {
+		if (this.disableColumnMentions) {
+			this._datasetsFieldConfig = [], this._fieldTriggerOptions = [];
+			return;
+		}
+		let e = [...new Set(this.selectedDatasets.map((e) => e.id).filter(Boolean))];
+		if (e.length === 0) {
+			this._datasetsFieldConfig = [], this._fieldTriggerOptions = [];
+			return;
+		}
+		let t = ++this._activeFieldRequestId;
+		this._updateFieldTriggerOptionsFromConfig();
+		try {
+			let r = await n.fetchDatasetsWithColumnsAndFormulas(e);
+			if (t !== this._activeFieldRequestId) return;
+			this._datasetsFieldConfig = r, this._updateFieldTriggerOptionsFromConfig();
+		} catch (e) {
+			console.error("Error loading dataset fields for prompt triggers:", e), t === this._activeFieldRequestId && (this._datasetsFieldConfig = [], this._updateFieldTriggerOptionsFromConfig());
+		}
+	}
+	_handlePromptSubmit(e) {
+		this._submitPrompt(e.detail?.value ?? this._promptValue);
+	}
+	_handlePromptStop(e) {
+		e.stopPropagation(), this.dispatchEvent(new CustomEvent("prompt-stopped", {
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	_syncControlledValueToPromptBox() {
+		let e = this._promptBox;
+		e?.allowElements && (e.segments = this._promptValue ? [{
+			type: "text",
+			value: this._promptValue
+		}] : []);
+	}
+	willUpdate(e) {
+		e.has("value") && (this._promptValue = this.value, this._isPromptValid = this.value.trim().length > 0);
+		let t = e.has("authKey") || e.has("authToken") || e.has("apiUrl");
+		t && this._configureBroker(), (t || e.has("selectedDatasets") || e.has("disableColumnMentions")) && this._refreshDatasetsFieldConfig();
+	}
+	updated(e) {
+		super.updated(e), e.has("value") && this._syncControlledValueToPromptBox();
+	}
+	render() {
+		return u`
+      <div class=${_({
+			"content-wrapper": !0,
+			disabled: this.disabled,
+			"single-line": this.singleLine
+		})} aria-busy=${this.isGenerating ? "true" : "false"}>
+        <luzmo-prompt-box
+          ?single-line=${this.singleLine}
+          ?pending=${this.isGenerating}
+          ?stoppable=${this.stoppable && this.isGenerating}
+          ?disabled=${this.disabled}
+          ?disable-submit=${this._buttonDisabled}
+          grows
+          allow-elements
+          .placeholder=${this.placeholder}
+          .value=${this._promptValue}
+          .triggers=${this._fieldTriggers}
+          @input=${this._handlePromptInput}
+          @luzmo-submit=${this._handlePromptSubmit}
+          @luzmo-stop=${this._handlePromptStop}
+        >
+        ${this.hideSelectedDatasets || this.hideDatasetButton ? "" : u`
+          <luzmo-dataset-selector-row
+            slot="top-actions"
+            .selectedDatasets=${this.selectedDatasets}
+            auth-key=${this.authKey}
+            auth-token=${this.authToken}
+            api-url=${this.apiUrl}
+            app-server=${this.appServer}
+            ?flag-opendata=${this.flagOpendata}
+            ?hide-dataset-icons=${this.hideDatasetIcons}
+            ?disabled=${this.disabled || this.disableDatasetModification || this.isGenerating}
+            @dataset-selected=${this._handleDatasetSelected}
+            @dataset-removed=${this._handleDatasetRemoved}
+          ></luzmo-dataset-selector-row>
+        `}
+        </luzmo-prompt-box>
+      </div>
+    `;
+	}
+};
+//#endregion
+//#region src/components/ai-interaction-textarea/index.ts
+e([p({ type: String })], y.prototype, "placeholder", void 0), e([p({ type: Array })], y.prototype, "selectedDatasets", void 0), e([p({
+	type: String,
+	attribute: "auth-key"
+})], y.prototype, "authKey", void 0), e([p({
+	type: String,
+	attribute: "auth-token"
+})], y.prototype, "authToken", void 0), e([p({
+	type: String,
+	attribute: "api-url"
+})], y.prototype, "apiUrl", void 0), e([p({
+	type: String,
+	attribute: "app-server"
+})], y.prototype, "appServer", void 0), e([p({
+	type: Boolean,
+	attribute: "flag-opendata"
+})], y.prototype, "flagOpendata", void 0), e([p({
+	type: Boolean,
+	reflect: !0,
+	attribute: "disabled"
+})], y.prototype, "disabled", void 0), e([p({
+	type: Boolean,
+	attribute: "single-line"
+})], y.prototype, "singleLine", void 0), e([p({
+	type: Boolean,
+	attribute: "hide-dataset-button"
+})], y.prototype, "hideDatasetButton", void 0), e([p({
+	type: Boolean,
+	attribute: "hide-dataset-icons"
+})], y.prototype, "hideDatasetIcons", void 0), e([p({
+	type: Boolean,
+	attribute: "disable-dataset-modification"
+})], y.prototype, "disableDatasetModification", void 0), e([p({
+	type: Boolean,
+	attribute: "hide-selected-datasets"
+})], y.prototype, "hideSelectedDatasets", void 0), e([p({
+	type: Boolean,
+	attribute: "disable-column-mentions"
+})], y.prototype, "disableColumnMentions", void 0), e([p({
+	type: Boolean,
+	attribute: "is-generating"
+})], y.prototype, "isGenerating", void 0), e([p({
+	type: Boolean,
+	reflect: !0
+})], y.prototype, "stoppable", void 0), e([p({ type: String })], y.prototype, "value", void 0), e([p({
+	type: Boolean,
+	attribute: "retain-on-submit"
+})], y.prototype, "retainOnSubmit", void 0), e([p({
+	type: Boolean,
+	attribute: "require-dataset"
+})], y.prototype, "requireDataset", void 0), e([h()], y.prototype, "_promptValue", void 0), e([h()], y.prototype, "_isPromptValid", void 0), e([h()], y.prototype, "_fieldTriggerOptions", void 0), e([h()], y.prototype, "_datasetsFieldConfig", void 0), e([m("luzmo-prompt-box")], y.prototype, "_promptBox", void 0), y = e([g()], y), customElements.get("luzmo-ai-interaction-textarea") || customElements.define("luzmo-ai-interaction-textarea", y);
+//#endregion
+export { y as t };

package/components/{area-chart-positioning.config-CQW5h7Eg.js → area-chart-positioning.config-CjeYLy6C.js}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { n as e } from "./item-slot-drop-panel-DoWCzjqb.js";
+import { n as e } from "./item-slot-drop-panel-BevGCcMh.js";
 //#region node_modules/@luzmo/dashboard-contents-types/src/lib/area-chart/area-chart-positioning.config.js
 var t = {
 	grid: {

package/components/{area-chart-positioning.config-CE8lOCfT.cjs → area-chart-positioning.config-DVrykBho.cjs}

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-const e=require("./item-slot-drop-panel-9T8BWejl.cjs");var t={grid:{columns:2,rows:2,columnSizes:[`1fr`,e.n],rowSizes:[`1fr`,e.n],gap:`0`},slots:{measure:{column:1,row:1,align:`center`,justify:`center`,rotate:!1},"x-axis":{column:1,row:2,align:`center`,justify:`center`,rotate:!1},legend:{column:2,row:1,align:`center`,justify:`center`,rotate:!0}}};exports.areaChartPositioningConfig=t;
+const e=require("./item-slot-drop-panel-hs0gFwb-.cjs");var t={grid:{columns:2,rows:2,columnSizes:[`1fr`,e.n],rowSizes:[`1fr`,e.n],gap:`0`},slots:{measure:{column:1,row:1,align:`center`,justify:`center`,rotate:!1},"x-axis":{column:1,row:2,align:`center`,justify:`center`,rotate:!1},legend:{column:2,row:1,align:`center`,justify:`center`,rotate:!0}}};exports.areaChartPositioningConfig=t;

package/components/{bar-chart-positioning.config-DFI1wzOQ.cjs → bar-chart-positioning.config-DpF15KcV.cjs}

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-const e=require("./item-slot-drop-panel-9T8BWejl.cjs");var t={grid:{columns:3,rows:1,columnSizes:[e.n,`1fr`,e.n],rowSizes:[`1fr`],gap:`0`},slots:{"y-axis":{column:1,row:1,align:`center`,justify:`center`,rotate:!0},measure:{column:2,row:1,align:`end`,justify:`center`,rotate:!1},legend:{column:3,row:1,align:`center`,justify:`center`,rotate:!0}}};exports.barChartPositioningConfig=t;
+const e=require("./item-slot-drop-panel-hs0gFwb-.cjs");var t={grid:{columns:3,rows:1,columnSizes:[e.n,`1fr`,e.n],rowSizes:[`1fr`],gap:`0`},slots:{"y-axis":{column:1,row:1,align:`center`,justify:`center`,rotate:!0},measure:{column:2,row:1,align:`end`,justify:`center`,rotate:!1},legend:{column:3,row:1,align:`center`,justify:`center`,rotate:!0}}};exports.barChartPositioningConfig=t;

package/components/{bar-chart-positioning.config-DaH_x_VU.js → bar-chart-positioning.config-e-SAdpBe.js}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { n as e } from "./item-slot-drop-panel-DoWCzjqb.js";
+import { n as e } from "./item-slot-drop-panel-BevGCcMh.js";
 //#region node_modules/@luzmo/dashboard-contents-types/src/lib/bar-chart/bar-chart-positioning.config.js
 var t = {
 	grid: {