@luzmo/analytics-components-kit 1.4.0 → 2.0.1

package/angular/esm/components/slot-menu.js

@@ -15,6 +15,10 @@ export class LuzmoSlotMenu {
     get nativeElement() {
         return this.host;
     }
+    /** Full saved slots for deriving comparison levels and implicit datetime offsets. */
+    slotsContents;
+    /** Whether a comparison filter currently applies to this item. Runtime only; never saved in slot contents. */
+    hasConnectedComparisonFilter;
     /** The language of the settings interface */
     language;
     /** The language to use for locale-aware formatting and labels */
@@ -90,6 +94,12 @@ export class LuzmoSlotMenu {
     ngOnChanges(changes) {
         for (const key of Object.keys(changes)) {
             switch (key) {
+                case 'slotsContents':
+                    this.setHostProperty('slotsContents', changes['slotsContents'].currentValue);
+                    break;
+                case 'hasConnectedComparisonFilter':
+                    this.setHostProperty('hasConnectedComparisonFilter', changes['hasConnectedComparisonFilter'].currentValue);
+                    break;
                 case 'language':
                     this.setHostProperty('language', changes['language'].currentValue);
                     break;
@@ -212,7 +222,7 @@ export class LuzmoSlotMenu {
         return this.host.close();
     }
     static ɵfac = function LuzmoSlotMenu_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LuzmoSlotMenu)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoSlotMenu, selectors: [["luzmo-slot-menu"]], inputs: { language: "language", contentLanguage: "contentLanguage", slotType: "slotType", slotName: "slotName", itemType: "itemType", noDrag: [2, "noDrag", "noDrag", booleanAttribute], noClose: [2, "noClose", "noClose", booleanAttribute], variant: "variant", noTopMenuLabel: [2, "noTopMenuLabel", "noTopMenuLabel", booleanAttribute], noRemove: [2, "noRemove", "noRemove", booleanAttribute], dragBoundary: "dragBoundary", areGrandTotalsEnabled: [2, "areGrandTotalsEnabled", "areGrandTotalsEnabled", booleanAttribute], areDatetimeOptionsEnabled: [2, "areDatetimeOptionsEnabled", "areDatetimeOptionsEnabled", booleanAttribute], isBinningDisabled: [2, "isBinningDisabled", "isBinningDisabled", booleanAttribute], isAggregationDisabled: [2, "isAggregationDisabled", "isAggregationDisabled", booleanAttribute], isCumulativeSumEnabled: [2, "isCumulativeSumEnabled", "isCumulativeSumEnabled", booleanAttribute], slotContents: "slotContents", measureColumns: "measureColumns", slotIndex: "slotIndex", displaySettingsElement: "displaySettingsElement", slotMenuListElement: "slotMenuListElement", apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", datasetsDataFields: "datasetsDataFields", size: "size" }, outputs: { luzmoSlotContentsChanged: "luzmoSlotContentsChanged", luzmoClose: "luzmoClose", luzmoSlotMenuActive: "luzmoSlotMenuActive", luzmoSlotMenuHighlight: "luzmoSlotMenuHighlight", luzmoSlotMenuInactive: "luzmoSlotMenuInactive", luzmoInfoVisibilityChanged: "luzmoInfoVisibilityChanged" }, exportAs: ["luzmoSlotMenu"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoSlotMenu_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LuzmoSlotMenu, selectors: [["luzmo-slot-menu"]], inputs: { slotsContents: "slotsContents", hasConnectedComparisonFilter: [2, "hasConnectedComparisonFilter", "hasConnectedComparisonFilter", booleanAttribute], language: "language", contentLanguage: "contentLanguage", slotType: "slotType", slotName: "slotName", itemType: "itemType", noDrag: [2, "noDrag", "noDrag", booleanAttribute], noClose: [2, "noClose", "noClose", booleanAttribute], variant: "variant", noTopMenuLabel: [2, "noTopMenuLabel", "noTopMenuLabel", booleanAttribute], noRemove: [2, "noRemove", "noRemove", booleanAttribute], dragBoundary: "dragBoundary", areGrandTotalsEnabled: [2, "areGrandTotalsEnabled", "areGrandTotalsEnabled", booleanAttribute], areDatetimeOptionsEnabled: [2, "areDatetimeOptionsEnabled", "areDatetimeOptionsEnabled", booleanAttribute], isBinningDisabled: [2, "isBinningDisabled", "isBinningDisabled", booleanAttribute], isAggregationDisabled: [2, "isAggregationDisabled", "isAggregationDisabled", booleanAttribute], isCumulativeSumEnabled: [2, "isCumulativeSumEnabled", "isCumulativeSumEnabled", booleanAttribute], slotContents: "slotContents", measureColumns: "measureColumns", slotIndex: "slotIndex", displaySettingsElement: "displaySettingsElement", slotMenuListElement: "slotMenuListElement", apiUrl: "apiUrl", authKey: "authKey", authToken: "authToken", datasetsDataFields: "datasetsDataFields", size: "size" }, outputs: { luzmoSlotContentsChanged: "luzmoSlotContentsChanged", luzmoClose: "luzmoClose", luzmoSlotMenuActive: "luzmoSlotMenuActive", luzmoSlotMenuHighlight: "luzmoSlotMenuHighlight", luzmoSlotMenuInactive: "luzmoSlotMenuInactive", luzmoInfoVisibilityChanged: "luzmoInfoVisibilityChanged" }, exportAs: ["luzmoSlotMenu"], features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0, decls: 1, vars: 0, template: function LuzmoSlotMenu_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵprojection(0);
         } }, encapsulation: 2 });
@@ -226,7 +236,13 @@ export class LuzmoSlotMenu {
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 template: '<ng-content />'
             }]
-    }], () => [], { language: [{
+    }], () => [], { slotsContents: [{
+            type: Input,
+            args: [{ alias: 'slotsContents' }]
+        }], hasConnectedComparisonFilter: [{
+            type: Input,
+            args: [{ alias: 'hasConnectedComparisonFilter', transform: booleanAttribute }]
+        }], language: [{
             type: Input,
             args: [{ alias: 'language' }]
         }], contentLanguage: [{

package/angular/package.json

@@ -29,9 +29,9 @@
   "peerDependencies": {
     "@angular/core": "^17.3.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0 || ^22.0.0",
     "@angular/forms": "^17.3.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0 || ^22.0.0",
-    "@luzmo/analytics-components-kit": "1.4.0"
+    "@luzmo/analytics-components-kit": "2.0.1"
   },
-  "version": "1.4.0",
+  "version": "2.0.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/cumulio-internal/analytics-components-kit.git"

package/angular/utils/filters/expressions.d.ts

@@ -13,3 +13,5 @@ export type FilterExpressionConfiguration = {
 export type FilterExpressionKey = '? = ?' | '? != ?' | '? in ?' | '? not in ?' | '? like ?' | '? not like ?' | '? starts with ?' | '? not starts with ?' | '? ends with ?' | '? not ends with ?' | '? < ?' | '? <= ?' | '? > ?' | '? >= ?' | '? between ?' | 'last_now' | 'last_available' | 'last_completed' | 'next_now' | 'more_than_ago' | 'or_more_ago' | 'next_full' | 'to_date' | '? is null' | '? is not null';
 export declare const filterExpressionsConfigurations: () => FilterExpressionConfiguration[];
 export declare const getValidExpressions: (type?: ColumnType, subtype?: ColumnSubtype, isFormula?: boolean) => FilterExpressionConfiguration[];
+export declare const toDisplayedQuantity: (expression: string | undefined, quantity: number) => number;
+export declare const toStoredQuantity: (expression: string | undefined, quantity: number) => number;

package/angular/utils/slot-state/slot-store.d.ts

@@ -15,7 +15,8 @@ export declare class SlotStore {
         id: string;
         columns: any[];
     }[]>;
-    private readonly _popEnabledChartTypes;
+    readonly hasConnectedComparisonFilter: import("signal-polyfill").Signal.State<boolean>;
+    readonly itemType: import("signal-polyfill").Signal.State<VizItemType | undefined>;
     private readonly _popPeriodsWithoutDatetimeColumnItemTypes;
     private readonly _popWithoutPastValueItemTypes;
     readonly activeSlotContents: import("signal-polyfill").Signal.Computed<SlotContent>;
@@ -23,14 +24,8 @@ export declare class SlotStore {
      * Index of the content currently selected / active in a slot menu.
      */
     readonly activeIndex: import("signal-polyfill").Signal.State<number>;
-    private isArrayColumnType;
-    setPeriodOverPeriodCondition(itemType: VizItemType, currentSlotContents: SlotContent): void;
+    setPeriodOverPeriodCondition(itemType: VizItemType, _currentSlotContents?: SlotContent): void;
     private getUiConditionToApply;
-    private oldConditionalLogic;
-    /**
-     * Detects if there's a datetime column on Category or X-axis slots
-     */
-    private hasDatetimeColumnOnCategoryOrXAxis;
     /** Replace the full list (e.g. after dropping or re-ordering). */
     setContents(contents: SlotContent[], slotName?: SlotName): void;
     setFullContents(fullSlotsContents: VizItemSlot[]): void;

package/angular/utils/time/period-over-period-condition.const.d.ts

@@ -3,6 +3,5 @@ export declare const PeriodOverPeriodCondition: {
     readonly NoDatetimeColumnAndNoComparisonFilters: "noDatetimeColumnAndNoComparisonFilters";
     readonly NoDatetimeColumnButComparisonFilters: "noDatetimeColumnButComparisonFilters";
     readonly HasDatetimeColumnAndComparisonFilters: "hasDatetimeColumnAndComparisonFilters";
-    readonly OldImplementation: "oldImplementation";
 };
 export type PeriodOverPeriodCondition = (typeof PeriodOverPeriodCondition)[keyof typeof PeriodOverPeriodCondition];

package/angular/utils/time/period-over-period-context.d.ts

@@ -0,0 +1,75 @@
+import { type PeriodOverPeriod, type VizItemSlot, type VizItemType } from '@luzmo/dashboard-contents-types';
+import { PeriodOverPeriodCondition } from './period-over-period-condition.const';
+import type { SlotContent } from '../../types/slot.types';
+/** Resolve saved category axes and normalize pivot field identifiers for the shared level helper. */
+export declare function getPeriodOverPeriodContext(slots: readonly VizItemSlot[], itemType?: VizItemType): {
+    dimensions: {
+        set: string | undefined;
+        column: string | undefined;
+        field?: string;
+        type?: import("@luzmo/dashboard-contents-types").ColumnType | import("@luzmo/dashboard-contents-types").FormulaType;
+        subtype?: import("@luzmo/dashboard-contents-types").ColumnSubtype | import("@luzmo/dashboard-contents-types").FormulaSubtype | null;
+        label?: Record<string, string>;
+        formula?: string;
+        formulaId?: string;
+        expression?: string;
+        datasetId?: string;
+        columnId?: string;
+        format?: string;
+        currency?: string | null;
+        aggregationFunc?: import("@luzmo/dashboard-contents-types").ItemQueryAggregation;
+        aggregationWeight?: {
+            set: string;
+            column: string;
+            datasetId?: string;
+            columnId?: string;
+            columnSubType: import("@luzmo/dashboard-contents-types").ColumnSubtype;
+        };
+        color?: string | null;
+        level?: number | null;
+        lowestLevel?: number | null;
+        bins?: {
+            enabled: boolean;
+            number?: number;
+        };
+        duration?: {
+            levels: number[];
+            format: "short" | "long" | "time";
+        };
+        grandTotals?: {
+            enabled: boolean;
+        };
+        include_nonoccurring?: boolean;
+        datetimeDisplayMode?: import("@luzmo/dashboard-contents-types").DatetimeDisplayMode;
+        weekStart?: "sunday" | "monday";
+        weekDayNameFormat?: "long" | "short" | "letter";
+        monthNameFormat?: "long" | "short" | "letter";
+        cardinality?: number;
+        drilldownColumn?: import("@luzmo/dashboard-contents-types").GenericSlotContent;
+        drilldownLevel?: number;
+        id?: string;
+        index?: number;
+        multi?: boolean;
+        slotName?: string;
+        sortableIndex?: number;
+        sortableSelected?: boolean;
+        sortOrder?: number | string;
+        periodOverPeriod?: PeriodOverPeriod;
+    }[];
+    category: import("@luzmo/dashboard-contents-types").GenericSlotContent | undefined;
+};
+/**
+ * Derive comparison eligibility and the editor variant from runtime context. Chart categories
+ * retain the runtime restrictions on arrays, weekly levels and non-default datetime displays.
+ * KPI and pivot use their explicit offset context instead of a chart category.
+ */
+export declare function getPeriodOverPeriodUiType({ slots, itemType, hasConnectedComparisonFilter, hasRelatedDatetimeColumns }: {
+    slots: readonly VizItemSlot[];
+    itemType?: VizItemType;
+    hasConnectedComparisonFilter?: boolean;
+    hasRelatedDatetimeColumns?: boolean;
+}): PeriodOverPeriodCondition | null;
+/** Resolve the finest comparison level allowed by saved category, pivot or offset context. */
+export declare function getComparisonMaxLevel(comparison: Pick<PeriodOverPeriod, 'offsetDateColumn'> | undefined, slots: readonly VizItemSlot[], itemType?: VizItemType): number | undefined;
+/** Strip legacy UI flags and offset metadata at a slot-content output boundary. */
+export declare function compactSlotComparison<T extends SlotContent>(content: T, slots: readonly VizItemSlot[], itemType?: VizItemType): T;

package/angular/utils/time/tests/period-over-period-context.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/add-to-dashboard/index.cjs

@@ -17,4 +17,4 @@
  * 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("../add-to-dashboard-BtzTZdjN.cjs");Object.defineProperty(exports,"LuzmoAddToDashboard",{enumerable:!0,get:function(){return e.t}}),exports.createDashboardActions=e.n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../add-to-dashboard-BC5SObl9.cjs");Object.defineProperty(exports,"LuzmoAddToDashboard",{enumerable:!0,get:function(){return e.t}}),exports.createDashboardActions=e.n;

package/components/add-to-dashboard/index.js

@@ -17,4 +17,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-export { t as LuzmoAddToDashboard, n as createDashboardActions } from "../add-to-dashboard-Bu6S3qVz.js";
+export { t as LuzmoAddToDashboard, n as createDashboardActions } from "../add-to-dashboard-B5egTFre.js";

package/components/{add-to-dashboard-Bu6S3qVz.js → add-to-dashboard-B5egTFre.js}

@@ -18,9 +18,9 @@
  * SOFTWARE.
  * */
 import "./tokens-6HmQYnEP.js";
-import { i as e, n as t, t as n } from "./base-rAte-QzM.js";
+import { i as e, n as t, t as n } from "./base-BqwRKT4V.js";
 import { t as r } from "./decorate-B2TzfnLZ.js";
-import { t as i } from "./localized-mixin-FPDNaZhb.js";
+import { t as i } from "./localized-mixin-BdXrQldH.js";
 import { t as a } from "./data-broker-C1Iz71TN.js";
 import { t as o } from "./localize-BNystXyK.js";
 import { s } from "./chart-helpers-BKeMLhov.js";
@@ -43,7 +43,7 @@ import "@luzmo/lucero/notice";
 import "@luzmo/lucero/search";
 import { ifDefined as A } from "lit/directives/if-defined.js";
 // src/components/add-to-dashboard/add-to-dashboard.module.scss?inline
-var j = ":host{align-items:flex-end;gap:var(--luzmo-spacing-2);font-family:var(--luzmo-font-family);flex-direction:column;display:inline-flex}.trigger-spinner{--luzmo-progress-circle-size:var(--luzmo-icon-size-xs)}.trigger-chevron{margin-inline-start:var(--luzmo-spacing-1)}.picker{gap:var(--luzmo-spacing-3);width:var(--luzmo-add-to-dashboard-picker-width,var(--add-to-dashboard-picker-width));max-width:90vw;padding:var(--luzmo-spacing-2);color:var(--luzmo-font-color);font-size:var(--luzmo-font-size-s);flex-direction:column;display:flex}luzmo-search{width:100%}.list{max-height:var(--luzmo-add-to-dashboard-list-max-height,var(--add-to-dashboard-list-max-height));flex-direction:column;display:flex;overflow-y:auto}.menu{--luzmo-menu-max-height:none;flex:none;width:100%;overflow:visible}.create-row{--luzmo-menu-item-label-icon-color-default:var(--luzmo-primary)}.thumbnail{object-fit:cover;border:var(--luzmo-border-width) solid var(--luzmo-border-color);border-radius:var(--luzmo-border-radius);width:2.75rem;height:2rem}.drill-in{color:var(--luzmo-font-color-extra-dimmed)}.header{align-items:center;gap:var(--luzmo-spacing-2);display:flex}.header-title{font-weight:var(--luzmo-font-weight-bold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.empty{align-items:center;gap:var(--luzmo-spacing-3);padding:var(--luzmo-spacing-4);text-align:center;flex-direction:column;display:flex}.loading{padding:var(--luzmo-spacing-3);justify-content:center;display:flex}.screen-modes{gap:var(--luzmo-spacing-2);flex-direction:column;display:flex}.screen-mode{align-items:center;gap:var(--luzmo-spacing-2);display:flex}.screen-mode-size{color:var(--luzmo-font-color-extra-dimmed)}.footer{justify-content:flex-end;display:flex}.status{justify-content:flex-end;width:0;min-width:100%;display:flex}.status:empty{display:none}.alert{flex:none;inline-size:max-content}.alert-body{align-items:center;gap:var(--luzmo-spacing-3);block-size:1lh;min-inline-size:0;display:flex}.alert-text{min-inline-size:0;font-weight:var(--luzmo-font-weight-semibold);white-space:pre;display:flex}.alert[variant=negative] .alert-text{white-space:normal}.alert-name{min-inline-size:0;font-weight:var(--luzmo-font-weight-bold);text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext;overflow:hidden}.alert-open{flex:none}:host{--add-to-dashboard-picker-width:18rem;--add-to-dashboard-list-max-height:16rem}", M = "0.1.107", N = "0.1.0", P = [
+var j = ":host{align-items:flex-end;gap:var(--luzmo-spacing-2);font-family:var(--luzmo-font-family);flex-direction:column;display:inline-flex}.trigger-spinner{--luzmo-progress-circle-size:var(--luzmo-icon-size-xs)}.trigger-chevron{margin-inline-start:var(--luzmo-spacing-1)}.picker{gap:var(--luzmo-spacing-3);width:var(--luzmo-add-to-dashboard-picker-width,var(--add-to-dashboard-picker-width));max-width:90vw;padding:var(--luzmo-spacing-2);color:var(--luzmo-font-color);font-size:var(--luzmo-font-size-s);flex-direction:column;display:flex}luzmo-search{width:100%}.list{max-height:var(--luzmo-add-to-dashboard-list-max-height,var(--add-to-dashboard-list-max-height));flex-direction:column;display:flex;overflow-y:auto}.menu{--luzmo-menu-max-height:none;flex:none;width:100%;overflow:visible}.create-row{--luzmo-menu-item-label-icon-color-default:var(--luzmo-primary)}.thumbnail{object-fit:cover;border:var(--luzmo-border-width) solid var(--luzmo-border-color);border-radius:var(--luzmo-border-radius);width:2.75rem;height:2rem}.drill-in{color:var(--luzmo-font-color-extra-dimmed)}.header{align-items:center;gap:var(--luzmo-spacing-2);display:flex}.header-title{font-weight:var(--luzmo-font-weight-bold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.empty{align-items:center;gap:var(--luzmo-spacing-3);padding:var(--luzmo-spacing-4);text-align:center;flex-direction:column;display:flex}.loading{padding:var(--luzmo-spacing-3);justify-content:center;display:flex}.screen-modes{gap:var(--luzmo-spacing-2);flex-direction:column;display:flex}.screen-mode{align-items:center;gap:var(--luzmo-spacing-2);display:flex}.screen-mode-size{color:var(--luzmo-font-color-extra-dimmed)}.footer{justify-content:flex-end;display:flex}.status{justify-content:flex-end;width:0;min-width:100%;display:flex}.status:empty{display:none}.alert{flex:none;inline-size:max-content}.alert-body{align-items:center;gap:var(--luzmo-spacing-3);block-size:1lh;min-inline-size:0;display:flex}.alert-text{min-inline-size:0;font-weight:var(--luzmo-font-weight-semibold);white-space:pre;display:flex}.alert[variant=negative] .alert-text{white-space:normal}.alert-name{min-inline-size:0;font-weight:var(--luzmo-font-weight-bold);text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext;overflow:hidden}.alert-open{flex:none}:host{--add-to-dashboard-picker-width:18rem;--add-to-dashboard-list-max-height:16rem}", M = "0.1.108", N = "0.1.0", P = [
 	"id",
 	"name",
 	"contents",

package/components/{add-to-dashboard-BtzTZdjN.cjs → add-to-dashboard-BC5SObl9.cjs}

@@ -17,7 +17,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-require("./tokens-BWMfo_w4.cjs");const e=require("./base-CGDNY_7v.cjs"),t=require("./decorate-DCJt-2rt.cjs"),n=require("./localized-mixin-EoNvtTBG.cjs"),r=require("./data-broker-DCghLjhq.cjs"),i=require("./localize-D3i4Epy_.cjs"),a=require("./chart-helpers-BHxQbLBw.cjs");let o=require("@luzmo/icons");require("@luzmo/lucero/action-button"),require("@luzmo/lucero/button"),require("@luzmo/lucero/icon"),require("@luzmo/lucero/overlay"),require("@luzmo/lucero/popover"),require("@luzmo/lucero/tooltip");let s=require("lit"),c=require("lit/decorators.js"),l=require("@lit/localize");require("@luzmo/lucero/progress-circle"),require("@luzmo/lucero/checkbox"),require("@luzmo/lucero/divider"),require("@luzmo/lucero/field-group"),require("@luzmo/lucero/menu"),require("@luzmo/lucero/notice"),require("@luzmo/lucero/search");let u=require("lit/directives/if-defined.js");var d=`:host{align-items:flex-end;gap:var(--luzmo-spacing-2);font-family:var(--luzmo-font-family);flex-direction:column;display:inline-flex}.trigger-spinner{--luzmo-progress-circle-size:var(--luzmo-icon-size-xs)}.trigger-chevron{margin-inline-start:var(--luzmo-spacing-1)}.picker{gap:var(--luzmo-spacing-3);width:var(--luzmo-add-to-dashboard-picker-width,var(--add-to-dashboard-picker-width));max-width:90vw;padding:var(--luzmo-spacing-2);color:var(--luzmo-font-color);font-size:var(--luzmo-font-size-s);flex-direction:column;display:flex}luzmo-search{width:100%}.list{max-height:var(--luzmo-add-to-dashboard-list-max-height,var(--add-to-dashboard-list-max-height));flex-direction:column;display:flex;overflow-y:auto}.menu{--luzmo-menu-max-height:none;flex:none;width:100%;overflow:visible}.create-row{--luzmo-menu-item-label-icon-color-default:var(--luzmo-primary)}.thumbnail{object-fit:cover;border:var(--luzmo-border-width) solid var(--luzmo-border-color);border-radius:var(--luzmo-border-radius);width:2.75rem;height:2rem}.drill-in{color:var(--luzmo-font-color-extra-dimmed)}.header{align-items:center;gap:var(--luzmo-spacing-2);display:flex}.header-title{font-weight:var(--luzmo-font-weight-bold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.empty{align-items:center;gap:var(--luzmo-spacing-3);padding:var(--luzmo-spacing-4);text-align:center;flex-direction:column;display:flex}.loading{padding:var(--luzmo-spacing-3);justify-content:center;display:flex}.screen-modes{gap:var(--luzmo-spacing-2);flex-direction:column;display:flex}.screen-mode{align-items:center;gap:var(--luzmo-spacing-2);display:flex}.screen-mode-size{color:var(--luzmo-font-color-extra-dimmed)}.footer{justify-content:flex-end;display:flex}.status{justify-content:flex-end;width:0;min-width:100%;display:flex}.status:empty{display:none}.alert{flex:none;inline-size:max-content}.alert-body{align-items:center;gap:var(--luzmo-spacing-3);block-size:1lh;min-inline-size:0;display:flex}.alert-text{min-inline-size:0;font-weight:var(--luzmo-font-weight-semibold);white-space:pre;display:flex}.alert[variant=negative] .alert-text{white-space:normal}.alert-name{min-inline-size:0;font-weight:var(--luzmo-font-weight-bold);text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext;overflow:hidden}.alert-open{flex:none}:host{--add-to-dashboard-picker-width:18rem;--add-to-dashboard-list-max-height:16rem}`,f=`0.1.107`,p=`0.1.0`,m=[`id`,`name`,`contents`,`modified_at`,`is_variant`,`original_id`],h=new Set([`designer`,`owner`]),g=`flag_dashboard_variants`,_=[`desktop`,`tablet`,`mobile`];async function v(e,t,n){let r=[],i=t,a=0;for(let t of e){let e=n-r.length,o=await t(i,Math.max(e,1));e>0&&r.push(...o.rows.slice(0,e)),i=Math.max(0,i-o.count),a+=o.count}return{rows:r,total:a}}async function y(e,t){let n=(await e.fetchApi(`/user`,{action:`get`,version:p,find:{where:{id:`me`},attributes:[`id`,`flags`],...t?{include:[{model:`Organization`,attributes:[`id`]}]}:{}}})).rows?.[0];return{id:n?.id??``,flags:n?.flags??[],organizations:n?.organizations}}async function b(e,t){return(await e.fetchApi(`/authorization`,{action:`get`,version:p,find:{where:{id:t}}})).rows?.[0]}async function x(e,t,n){let r={...t,where:{...t.where,type:`dashboard`}},i=await e.fetchApi(`/securable`,{action:`get`,version:p,find:r},{signal:n});return{rows:i.rows??[],count:i.count??i.rows?.length??0}}function S(e){let t={modifyIds:new Set,useOnlyIds:new Set};for(let n of e?.access?.dashboards??[])n.rights?.Modify?t.modifyIds.add(n.id):n.rights?.Use&&t.useOnlyIds.add(n.id);return t}function C(){return{version:f,syncScreenModes:!0,views:_.map(e=>({screenModus:e,options:{theme:{id:`default`}},filterGroups:[],items:[]})),timezone:{type:`fixed`,id:`UTC`}}}function w(e){return e?{search:{match_types:[`name`,`description`],keyphrase:e,securable_types:[`dashboard`]}}:{}}function T(e,t){return{include:[{model:`User`,as:`allUsers`,attributes:[],required:!0,where:{id:e,...Object.fromEntries(Object.entries(t).map(([e,t])=>[`securableAccessRight.${e}`,t]))}}]}}async function E(e){let t=new r.t({apiUrl:e.apiUrl,authKey:e.authKey,authToken:e.authToken,skipNetworkListeners:!0}),n=await b(t,e.authKey),a=n?.type===`embed`,o=await y(t,!a),s=S(n),c=a?h.has(n.role??``):o.organizations?.[0]?.organizationRole?.flagEditor!==!1,u=!!o.id&&o.flags.includes(g),d=[...s.modifyIds,...u?s.useOnlyIds:[]],f=d.length>0?{id:{notIn:d}}:{},_=(t,n=!1)=>{let r=[...new Set((t.contents?.views??[]).map(e=>e.screenModus))];return{id:t.id,name:i.t(t.name??{},e.language),syncScreenModes:t.contents?.syncScreenModes!==!1,screenModes:r.length>0?r:[`desktop`],...n?{requiresVariant:n}:{}}},E,D=(e,n)=>async(r,i)=>{if(d.length===0)return{count:0,rows:[]};let a=r>0&&E?.search===e?E.rows:void 0;return a||(a=(await x(t,{where:{is_variant:!1,archived_at:null,id:{in:d}},attributes:m,...w(e)},n)).rows.map(e=>_(e,!s.modifyIds.has(e.id))).sort((e,t)=>e.name.localeCompare(t.name)),E={search:e,rows:a}),{count:a.length,rows:a.slice(r,r+i)}},O=(e,n,r,i)=>async(a,s)=>{let c=await x(t,{where:{is_variant:!1,archived_at:null,...f},attributes:m,...T(o.id,r),...w(e),limit:s,offset:a,order:[[`modified_at`,`desc`]]},n);return{count:c.count,rows:c.rows.map(e=>_(e,i))}},k=async(e,n,r,i)=>{await t.fetchApi(`/securable`,{action:`update`,version:p,id:e,properties:{append_item:{item:n,...r?.length?{screenModes:r}:{}}}},{signal:i})},A=async(e,n,r)=>{try{await k(e.id,n,r)}catch(n){throw await t.fetchApi(`/securable`,{action:`delete`,version:p,id:e.id}).catch(()=>void 0),n}},j=async(e,n)=>await t.fetchApi(`/securable`,{action:`create`,version:p,properties:{...e,type:`dashboard`},associations:n});return{async list(e,t){return o.id?await v([D(e.search,t.signal),...u?[O(e.search,t.signal,{flagUse:!0,flagModify:!1},!0)]:[],O(e.search,t.signal,{flagModify:!0},!1)],e.offset,e.limit):{rows:[],total:0}},async add(e,t,n,r){await k(e.id,t,n.screenModes,r.signal)},...c?{async create(t,n){let r=await j({name:n.name?{[e.language]:n.name}:{},contents:C()});return await A(r,t,void 0),_(r)}}:{},...u?{async listVariants(e,n){return(await x(t,{where:{is_variant:!0,original_id:e.id,archived_at:null},attributes:m,...T(o.id,{flagModify:!0}),order:[[`modified_at`,`desc`]]},n.signal)).rows.map(e=>_(e))}}:{},...u&&c?{async addToVariant(n,r,i){let a=(await x(t,{where:{id:n.id},attributes:[`id`,`name`,`contents`]})).rows[0];if(!a?.contents)throw Error((0,l.msg)(`The dashboard was not found.`,{desc:`Adding the chart to a variant failed because the original dashboard could not be loaded`}));let o=a.name??{},s=await j({name:i.name?{...o,[e.language]:i.name}:o,contents:a.contents},[{role:`original`,id:n.id}]);return await A(s,r,i.screenModes),_({...s,contents:s.contents??a.contents})}}:{}}}function D(e){let{theme:t,...n}=e.options??{};return{...a.s(e),options:n}}function O(e,t){let n=new Set(e),r=e.length+1;for(;n.has(t(r));)r+=1;return r}var k=20,A=300,j=8,M=48,N=`__luzmo-new-dashboard`,P=`__luzmo-new-variant`,F=new Map,I=0,L=class extends n.t(e.n(e.i,{validSizes:Object.values(e.t)})){constructor(...e){super(...e),this.chart=null,this.dashboardActions=null,this.authKey=``,this.authToken=``,this.apiUrl=`https://api.luzmo.com`,this.placement=`bottom-end`,this.disabled=!1,this._open=!1,this._actions=null,this._step=`list`,this._rows=[],this._hasMore=!1,this._loading=!1,this._listFailed=!1,this._original=null,this._variants=[],this._variantsLoading=!1,this._variantsFailed=!1,this._pending=null,this._screenModes=[],this._saving=!1,this._status=null,this._triggerId=`add-to-dashboard-trigger-${++I}`,this._search=``,this._actionsGeneration=0,this._reloadOnUpdate=!1}static get styles(){let e=super.styles??[];return[...Array.isArray(e)?e:[e],(0,s.unsafeCSS)(d)]}get _hasSource(){return!!this.dashboardActions||!!(this.authKey&&this.authToken)}connectedCallback(){super.connectedCallback(),this._status&&this._startFittingAlert()}disconnectedCallback(){super.disconnectedCallback(),this._handleClosed(),this._actionsGeneration+=1,this._saveAbort?.abort(),this._stopFittingAlert()}willUpdate(e){super.willUpdate(e),(e.has(`dashboardActions`)||e.has(`authKey`)||e.has(`authToken`)||e.has(`apiUrl`)||e.has(`language`))&&(this._actions=null,this._actionsGeneration+=1,this._open&&(this._listAbort?.abort(),this._variantsAbort?.abort(),this._step=`list`,this._original=null,this._pending=null,this._rows=[],this._open=this._hasSource,this._reloadOnUpdate=this._hasSource)),e.has(`disabled`)&&this.disabled&&(this._open=!1),e.has(`chart`)&&!this.chart&&this._handleClosed()}updated(e){super.updated(e),this._reloadOnUpdate&&(this._reloadOnUpdate=!1,this._loadList()),e.has(`_step`)&&this._open&&this._focusStep(),e.has(`_status`)&&(this._status?this._startFittingAlert():this._stopFittingAlert())}get _alertContainer(){let e=this.getRootNode();return this.parentElement??(e instanceof ShadowRoot?e.host:null)}_startFittingAlert(){this._fitAlert();let e=this._alertContainer;!this._alertResizeObserver&&e&&(this._alertResizeObserver=new ResizeObserver(()=>this._fitAlert()),this._alertResizeObserver.observe(this),this._alertResizeObserver.observe(e))}_stopFittingAlert(){this._alertResizeObserver?.disconnect(),this._alertResizeObserver=void 0}_fitAlert(){let e=this._noticeElement,t=this._alertContainer;if(!e||!t)return;let n=this.getBoundingClientRect(),r=t.getBoundingClientRect(),i=Number.parseFloat(getComputedStyle(t).paddingInlineStart)||0,a=(this.isLTR?n.right-r.left:r.right-n.left)-i;e.style.setProperty(`--luzmo-notice-max-inline-size`,`${Math.max(0,a)}px`)}async _resolveActions(){if(this.dashboardActions)return this.dashboardActions;let e={apiUrl:this.apiUrl,authKey:this.authKey,authToken:this.authToken,language:this.language},t=JSON.stringify(e),n=F.get(t);return n||(F.clear(),n=E(e),F.set(t,n),n.catch(()=>F.delete(t))),await n}_dispatch(e,t){let n=new CustomEvent(e,{detail:t,bubbles:!0,composed:!0});this.dispatchEvent(n)}_displayName(e){return e.name.trim()||(0,l.msg)(`Untitled dashboard`,{desc:`Fallback name of a dashboard without a name`})}_variantName(e,t){let n=this._displayName(e);return(0,l.msg)(l.str`${n} (variant ${t})`,{desc:`Name of a new dashboard variant`})}_screenModeChoices(){return[{name:`mobile`,label:(0,l.msg)(`Smartphone`,{desc:`Screen mode name`}),size:`< 768px`,icon:o.luzmoMobile},{name:`tablet`,label:(0,l.msg)(`Tablet`,{desc:`Screen mode name`}),size:`≥ 768px`,icon:o.luzmoTablet},{name:`desktop`,label:(0,l.msg)(`Desktop`,{desc:`Screen mode name`}),size:`≥ 1200px`,icon:o.luzmoLaptop},{name:`largeScreen`,label:(0,l.msg)(`Large screen`,{desc:`Screen mode name`}),size:`≥ 1600px`,icon:o.luzmoDesktop},{name:`fixed`,label:(0,l.msg)(`Fixed width`,{desc:`Screen mode name`}),icon:o.luzmoArrowsHorizontal}]}async _handleOpened(e){e.target===e.currentTarget&&(this._open=!0,this._step=`list`,this._search=``,this._original=null,this._pending=null,this._rows=[],await this.updateComplete,this._searchElement?.focus(),await this._loadList())}async _loadList(){let e=this._actionsGeneration;this._loading=!0,this._listFailed=!1;try{let t=this._actions??await this._resolveActions();if(e!==this._actionsGeneration)return;this._actions=t}catch(t){if(!this.isConnected||e!==this._actionsGeneration)return;console.error(`Failed to resolve the add to dashboard actions:`,t),this._loading=!1,this._listFailed=!0;return}this.isConnected&&this._open&&await this._loadPage(!1)}_handleClosed(e){e&&e.target!==e.currentTarget||(this._open=!1,clearTimeout(this._searchTimer),this._listAbort?.abort(),this._variantsAbort?.abort())}async _loadPage(e){let t=this._actions;if(!t)return;this._listAbort?.abort();let n=new AbortController;this._listAbort=n,this._loading=!0,this._listFailed=!1,e||(this._rows=[]);try{let e=await t.list({search:this._search,offset:this._rows.length,limit:k},{signal:n.signal});if(n.signal.aborted)return;this._rows=[...this._rows,...e.rows],this._hasMore=e.total===void 0?e.rows.length===k:this._rows.length<e.total}catch(e){if(n.signal.aborted)return;console.error(`Failed to load dashboards:`,e),this._listFailed=!0}finally{n.signal.aborted||(this._loading=!1)}}_handleSearchInput(e){this._search=String(e.target?.value??``),clearTimeout(this._searchTimer),this._searchTimer=setTimeout(()=>void this._loadPage(!1),A)}_handleListScroll(e){let t=e.target;this._hasMore&&!this._loading&&t.scrollHeight-t.scrollTop-t.clientHeight<=M&&this._loadPage(!0)}_menuValue(e){return e.stopPropagation(),e.target.value??``}_handleListChange(e){let t=this._menuValue(e);if(t===N){this._actions?.create&&this._save({kind:`create`});return}let n=this._rows.find(e=>e.id===t);n&&(n.requiresVariant?(this._original=n,this._step=`variants`,this._loadVariants()):this._selectTarget({kind:`add`,dashboard:n,isVariant:!1},n))}_handleVariantChange(e){let t=this._menuValue(e),n=this._original;if(!n)return;if(t===P){if(!this._actions?.addToVariant)return;let e=this._variants.map(e=>this._displayName(e)),t=this._variantName(n,O(e,e=>this._variantName(n,e)));this._selectTarget({kind:`variant`,original:n,name:t},n);return}let r=this._variants.find(e=>e.id===t);r&&this._selectTarget({kind:`add`,dashboard:r,isVariant:!0},r)}_selectTarget(e,t){t.syncScreenModes!==!1||!t.screenModes?.length?this._save(e):(this._pending=e,this._screenModes=[...t.screenModes??[]],this._step=`screenModes`)}async _loadVariants(){let e=this._actions,t=this._original;if(this._variantsAbort?.abort(),this._variants=[],this._variantsLoading=!1,this._variantsFailed=!1,!e?.listVariants||!t)return;let n=new AbortController;this._variantsAbort=n,this._variantsLoading=!0;try{let r=await e.listVariants(t,{signal:n.signal});n.signal.aborted||(this._variants=r)}catch(e){n.signal.aborted||(console.error(`Failed to load dashboard variants:`,e),this._variantsFailed=!0)}finally{n.signal.aborted||(this._variantsLoading=!1)}}_handleBack(){this._step===`screenModes`&&this._original?this._step=`variants`:(this._step=`list`,this._original=null),this._pending=null}_toggleScreenMode(e){this._screenModes=this._screenModes.includes(e)?this._screenModes.filter(t=>t!==e):[...this._screenModes,e]}_handleConfirmScreenModes(){this._pending&&this._screenModes.length>0&&this._save(this._pending,{screenModes:[...this._screenModes]})}async _save(e,t={}){let n=this._actions;if(!n||!this.chart||this._saving)return;this._open=!1,this._saving=!0,this._setStatus(null),this._saveAbort=new AbortController;let r=D(this.chart),i={signal:this._saveAbort.signal};try{let a;if(e.kind===`create`&&n.create)a=await n.create(r,t,i);else if(e.kind===`variant`&&n.addToVariant)a=await n.addToVariant(e.original,r,{...t,name:e.name},i);else if(e.kind===`add`)a=await n.add(e.dashboard,r,t,i)||e.dashboard;else return;if(i.signal.aborted)return;this._setStatus({kind:`success`,dashboard:a,isVariant:e.kind===`variant`||e.kind===`add`&&e.isVariant,openDashboard:n.openDashboard?.bind(n)}),this._dispatch(`luzmo-chart-added`,{dashboard:a})}catch(e){if(i.signal.aborted)return;console.error(`Failed to add the chart to a dashboard:`,e),this._setStatus({kind:`error`,message:e instanceof Error&&e.message?e.message:void 0}),this._dispatch(`luzmo-chart-add-failed`,{error:e})}finally{this._saving=!1}await this.updateComplete,this.isConnected&&this._isFocusLost()&&this._focusTrigger()}_setStatus(e){this._status=e}_focusTrigger(){this._triggerElement?.focus()}_isFocusLost(){return!document.activeElement||document.activeElement===document.body}async _handleNoticeClose(e){e.stopPropagation();let t=e.currentTarget.matches(`:focus-within`);this._setStatus(null),await this.updateComplete,t&&this._isFocusLost()&&this._focusTrigger()}async _focusStep(){let e=this._step===`list`?this._searchElement:this._backElement;await e?.updateComplete,e?.focus()}_renderRow(e){return s.html`
+require("./tokens-BWMfo_w4.cjs");const e=require("./base-D-bJhYbS.cjs"),t=require("./decorate-DCJt-2rt.cjs"),n=require("./localized-mixin-BQowFGQK.cjs"),r=require("./data-broker-DCghLjhq.cjs"),i=require("./localize-D3i4Epy_.cjs"),a=require("./chart-helpers-BHxQbLBw.cjs");let o=require("@luzmo/icons");require("@luzmo/lucero/action-button"),require("@luzmo/lucero/button"),require("@luzmo/lucero/icon"),require("@luzmo/lucero/overlay"),require("@luzmo/lucero/popover"),require("@luzmo/lucero/tooltip");let s=require("lit"),c=require("lit/decorators.js"),l=require("@lit/localize");require("@luzmo/lucero/progress-circle"),require("@luzmo/lucero/checkbox"),require("@luzmo/lucero/divider"),require("@luzmo/lucero/field-group"),require("@luzmo/lucero/menu"),require("@luzmo/lucero/notice"),require("@luzmo/lucero/search");let u=require("lit/directives/if-defined.js");var d=`:host{align-items:flex-end;gap:var(--luzmo-spacing-2);font-family:var(--luzmo-font-family);flex-direction:column;display:inline-flex}.trigger-spinner{--luzmo-progress-circle-size:var(--luzmo-icon-size-xs)}.trigger-chevron{margin-inline-start:var(--luzmo-spacing-1)}.picker{gap:var(--luzmo-spacing-3);width:var(--luzmo-add-to-dashboard-picker-width,var(--add-to-dashboard-picker-width));max-width:90vw;padding:var(--luzmo-spacing-2);color:var(--luzmo-font-color);font-size:var(--luzmo-font-size-s);flex-direction:column;display:flex}luzmo-search{width:100%}.list{max-height:var(--luzmo-add-to-dashboard-list-max-height,var(--add-to-dashboard-list-max-height));flex-direction:column;display:flex;overflow-y:auto}.menu{--luzmo-menu-max-height:none;flex:none;width:100%;overflow:visible}.create-row{--luzmo-menu-item-label-icon-color-default:var(--luzmo-primary)}.thumbnail{object-fit:cover;border:var(--luzmo-border-width) solid var(--luzmo-border-color);border-radius:var(--luzmo-border-radius);width:2.75rem;height:2rem}.drill-in{color:var(--luzmo-font-color-extra-dimmed)}.header{align-items:center;gap:var(--luzmo-spacing-2);display:flex}.header-title{font-weight:var(--luzmo-font-weight-bold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.empty{align-items:center;gap:var(--luzmo-spacing-3);padding:var(--luzmo-spacing-4);text-align:center;flex-direction:column;display:flex}.loading{padding:var(--luzmo-spacing-3);justify-content:center;display:flex}.screen-modes{gap:var(--luzmo-spacing-2);flex-direction:column;display:flex}.screen-mode{align-items:center;gap:var(--luzmo-spacing-2);display:flex}.screen-mode-size{color:var(--luzmo-font-color-extra-dimmed)}.footer{justify-content:flex-end;display:flex}.status{justify-content:flex-end;width:0;min-width:100%;display:flex}.status:empty{display:none}.alert{flex:none;inline-size:max-content}.alert-body{align-items:center;gap:var(--luzmo-spacing-3);block-size:1lh;min-inline-size:0;display:flex}.alert-text{min-inline-size:0;font-weight:var(--luzmo-font-weight-semibold);white-space:pre;display:flex}.alert[variant=negative] .alert-text{white-space:normal}.alert-name{min-inline-size:0;font-weight:var(--luzmo-font-weight-bold);text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext;overflow:hidden}.alert-open{flex:none}:host{--add-to-dashboard-picker-width:18rem;--add-to-dashboard-list-max-height:16rem}`,f=`0.1.108`,p=`0.1.0`,m=[`id`,`name`,`contents`,`modified_at`,`is_variant`,`original_id`],h=new Set([`designer`,`owner`]),g=`flag_dashboard_variants`,_=[`desktop`,`tablet`,`mobile`];async function v(e,t,n){let r=[],i=t,a=0;for(let t of e){let e=n-r.length,o=await t(i,Math.max(e,1));e>0&&r.push(...o.rows.slice(0,e)),i=Math.max(0,i-o.count),a+=o.count}return{rows:r,total:a}}async function y(e,t){let n=(await e.fetchApi(`/user`,{action:`get`,version:p,find:{where:{id:`me`},attributes:[`id`,`flags`],...t?{include:[{model:`Organization`,attributes:[`id`]}]}:{}}})).rows?.[0];return{id:n?.id??``,flags:n?.flags??[],organizations:n?.organizations}}async function b(e,t){return(await e.fetchApi(`/authorization`,{action:`get`,version:p,find:{where:{id:t}}})).rows?.[0]}async function x(e,t,n){let r={...t,where:{...t.where,type:`dashboard`}},i=await e.fetchApi(`/securable`,{action:`get`,version:p,find:r},{signal:n});return{rows:i.rows??[],count:i.count??i.rows?.length??0}}function S(e){let t={modifyIds:new Set,useOnlyIds:new Set};for(let n of e?.access?.dashboards??[])n.rights?.Modify?t.modifyIds.add(n.id):n.rights?.Use&&t.useOnlyIds.add(n.id);return t}function C(){return{version:f,syncScreenModes:!0,views:_.map(e=>({screenModus:e,options:{theme:{id:`default`}},filterGroups:[],items:[]})),timezone:{type:`fixed`,id:`UTC`}}}function w(e){return e?{search:{match_types:[`name`,`description`],keyphrase:e,securable_types:[`dashboard`]}}:{}}function T(e,t){return{include:[{model:`User`,as:`allUsers`,attributes:[],required:!0,where:{id:e,...Object.fromEntries(Object.entries(t).map(([e,t])=>[`securableAccessRight.${e}`,t]))}}]}}async function E(e){let t=new r.t({apiUrl:e.apiUrl,authKey:e.authKey,authToken:e.authToken,skipNetworkListeners:!0}),n=await b(t,e.authKey),a=n?.type===`embed`,o=await y(t,!a),s=S(n),c=a?h.has(n.role??``):o.organizations?.[0]?.organizationRole?.flagEditor!==!1,u=!!o.id&&o.flags.includes(g),d=[...s.modifyIds,...u?s.useOnlyIds:[]],f=d.length>0?{id:{notIn:d}}:{},_=(t,n=!1)=>{let r=[...new Set((t.contents?.views??[]).map(e=>e.screenModus))];return{id:t.id,name:i.t(t.name??{},e.language),syncScreenModes:t.contents?.syncScreenModes!==!1,screenModes:r.length>0?r:[`desktop`],...n?{requiresVariant:n}:{}}},E,D=(e,n)=>async(r,i)=>{if(d.length===0)return{count:0,rows:[]};let a=r>0&&E?.search===e?E.rows:void 0;return a||(a=(await x(t,{where:{is_variant:!1,archived_at:null,id:{in:d}},attributes:m,...w(e)},n)).rows.map(e=>_(e,!s.modifyIds.has(e.id))).sort((e,t)=>e.name.localeCompare(t.name)),E={search:e,rows:a}),{count:a.length,rows:a.slice(r,r+i)}},O=(e,n,r,i)=>async(a,s)=>{let c=await x(t,{where:{is_variant:!1,archived_at:null,...f},attributes:m,...T(o.id,r),...w(e),limit:s,offset:a,order:[[`modified_at`,`desc`]]},n);return{count:c.count,rows:c.rows.map(e=>_(e,i))}},k=async(e,n,r,i)=>{await t.fetchApi(`/securable`,{action:`update`,version:p,id:e,properties:{append_item:{item:n,...r?.length?{screenModes:r}:{}}}},{signal:i})},A=async(e,n,r)=>{try{await k(e.id,n,r)}catch(n){throw await t.fetchApi(`/securable`,{action:`delete`,version:p,id:e.id}).catch(()=>void 0),n}},j=async(e,n)=>await t.fetchApi(`/securable`,{action:`create`,version:p,properties:{...e,type:`dashboard`},associations:n});return{async list(e,t){return o.id?await v([D(e.search,t.signal),...u?[O(e.search,t.signal,{flagUse:!0,flagModify:!1},!0)]:[],O(e.search,t.signal,{flagModify:!0},!1)],e.offset,e.limit):{rows:[],total:0}},async add(e,t,n,r){await k(e.id,t,n.screenModes,r.signal)},...c?{async create(t,n){let r=await j({name:n.name?{[e.language]:n.name}:{},contents:C()});return await A(r,t,void 0),_(r)}}:{},...u?{async listVariants(e,n){return(await x(t,{where:{is_variant:!0,original_id:e.id,archived_at:null},attributes:m,...T(o.id,{flagModify:!0}),order:[[`modified_at`,`desc`]]},n.signal)).rows.map(e=>_(e))}}:{},...u&&c?{async addToVariant(n,r,i){let a=(await x(t,{where:{id:n.id},attributes:[`id`,`name`,`contents`]})).rows[0];if(!a?.contents)throw Error((0,l.msg)(`The dashboard was not found.`,{desc:`Adding the chart to a variant failed because the original dashboard could not be loaded`}));let o=a.name??{},s=await j({name:i.name?{...o,[e.language]:i.name}:o,contents:a.contents},[{role:`original`,id:n.id}]);return await A(s,r,i.screenModes),_({...s,contents:s.contents??a.contents})}}:{}}}function D(e){let{theme:t,...n}=e.options??{};return{...a.s(e),options:n}}function O(e,t){let n=new Set(e),r=e.length+1;for(;n.has(t(r));)r+=1;return r}var k=20,A=300,j=8,M=48,N=`__luzmo-new-dashboard`,P=`__luzmo-new-variant`,F=new Map,I=0,L=class extends n.t(e.n(e.i,{validSizes:Object.values(e.t)})){constructor(...e){super(...e),this.chart=null,this.dashboardActions=null,this.authKey=``,this.authToken=``,this.apiUrl=`https://api.luzmo.com`,this.placement=`bottom-end`,this.disabled=!1,this._open=!1,this._actions=null,this._step=`list`,this._rows=[],this._hasMore=!1,this._loading=!1,this._listFailed=!1,this._original=null,this._variants=[],this._variantsLoading=!1,this._variantsFailed=!1,this._pending=null,this._screenModes=[],this._saving=!1,this._status=null,this._triggerId=`add-to-dashboard-trigger-${++I}`,this._search=``,this._actionsGeneration=0,this._reloadOnUpdate=!1}static get styles(){let e=super.styles??[];return[...Array.isArray(e)?e:[e],(0,s.unsafeCSS)(d)]}get _hasSource(){return!!this.dashboardActions||!!(this.authKey&&this.authToken)}connectedCallback(){super.connectedCallback(),this._status&&this._startFittingAlert()}disconnectedCallback(){super.disconnectedCallback(),this._handleClosed(),this._actionsGeneration+=1,this._saveAbort?.abort(),this._stopFittingAlert()}willUpdate(e){super.willUpdate(e),(e.has(`dashboardActions`)||e.has(`authKey`)||e.has(`authToken`)||e.has(`apiUrl`)||e.has(`language`))&&(this._actions=null,this._actionsGeneration+=1,this._open&&(this._listAbort?.abort(),this._variantsAbort?.abort(),this._step=`list`,this._original=null,this._pending=null,this._rows=[],this._open=this._hasSource,this._reloadOnUpdate=this._hasSource)),e.has(`disabled`)&&this.disabled&&(this._open=!1),e.has(`chart`)&&!this.chart&&this._handleClosed()}updated(e){super.updated(e),this._reloadOnUpdate&&(this._reloadOnUpdate=!1,this._loadList()),e.has(`_step`)&&this._open&&this._focusStep(),e.has(`_status`)&&(this._status?this._startFittingAlert():this._stopFittingAlert())}get _alertContainer(){let e=this.getRootNode();return this.parentElement??(e instanceof ShadowRoot?e.host:null)}_startFittingAlert(){this._fitAlert();let e=this._alertContainer;!this._alertResizeObserver&&e&&(this._alertResizeObserver=new ResizeObserver(()=>this._fitAlert()),this._alertResizeObserver.observe(this),this._alertResizeObserver.observe(e))}_stopFittingAlert(){this._alertResizeObserver?.disconnect(),this._alertResizeObserver=void 0}_fitAlert(){let e=this._noticeElement,t=this._alertContainer;if(!e||!t)return;let n=this.getBoundingClientRect(),r=t.getBoundingClientRect(),i=Number.parseFloat(getComputedStyle(t).paddingInlineStart)||0,a=(this.isLTR?n.right-r.left:r.right-n.left)-i;e.style.setProperty(`--luzmo-notice-max-inline-size`,`${Math.max(0,a)}px`)}async _resolveActions(){if(this.dashboardActions)return this.dashboardActions;let e={apiUrl:this.apiUrl,authKey:this.authKey,authToken:this.authToken,language:this.language},t=JSON.stringify(e),n=F.get(t);return n||(F.clear(),n=E(e),F.set(t,n),n.catch(()=>F.delete(t))),await n}_dispatch(e,t){let n=new CustomEvent(e,{detail:t,bubbles:!0,composed:!0});this.dispatchEvent(n)}_displayName(e){return e.name.trim()||(0,l.msg)(`Untitled dashboard`,{desc:`Fallback name of a dashboard without a name`})}_variantName(e,t){let n=this._displayName(e);return(0,l.msg)(l.str`${n} (variant ${t})`,{desc:`Name of a new dashboard variant`})}_screenModeChoices(){return[{name:`mobile`,label:(0,l.msg)(`Smartphone`,{desc:`Screen mode name`}),size:`< 768px`,icon:o.luzmoMobile},{name:`tablet`,label:(0,l.msg)(`Tablet`,{desc:`Screen mode name`}),size:`≥ 768px`,icon:o.luzmoTablet},{name:`desktop`,label:(0,l.msg)(`Desktop`,{desc:`Screen mode name`}),size:`≥ 1200px`,icon:o.luzmoLaptop},{name:`largeScreen`,label:(0,l.msg)(`Large screen`,{desc:`Screen mode name`}),size:`≥ 1600px`,icon:o.luzmoDesktop},{name:`fixed`,label:(0,l.msg)(`Fixed width`,{desc:`Screen mode name`}),icon:o.luzmoArrowsHorizontal}]}async _handleOpened(e){e.target===e.currentTarget&&(this._open=!0,this._step=`list`,this._search=``,this._original=null,this._pending=null,this._rows=[],await this.updateComplete,this._searchElement?.focus(),await this._loadList())}async _loadList(){let e=this._actionsGeneration;this._loading=!0,this._listFailed=!1;try{let t=this._actions??await this._resolveActions();if(e!==this._actionsGeneration)return;this._actions=t}catch(t){if(!this.isConnected||e!==this._actionsGeneration)return;console.error(`Failed to resolve the add to dashboard actions:`,t),this._loading=!1,this._listFailed=!0;return}this.isConnected&&this._open&&await this._loadPage(!1)}_handleClosed(e){e&&e.target!==e.currentTarget||(this._open=!1,clearTimeout(this._searchTimer),this._listAbort?.abort(),this._variantsAbort?.abort())}async _loadPage(e){let t=this._actions;if(!t)return;this._listAbort?.abort();let n=new AbortController;this._listAbort=n,this._loading=!0,this._listFailed=!1,e||(this._rows=[]);try{let e=await t.list({search:this._search,offset:this._rows.length,limit:k},{signal:n.signal});if(n.signal.aborted)return;this._rows=[...this._rows,...e.rows],this._hasMore=e.total===void 0?e.rows.length===k:this._rows.length<e.total}catch(e){if(n.signal.aborted)return;console.error(`Failed to load dashboards:`,e),this._listFailed=!0}finally{n.signal.aborted||(this._loading=!1)}}_handleSearchInput(e){this._search=String(e.target?.value??``),clearTimeout(this._searchTimer),this._searchTimer=setTimeout(()=>void this._loadPage(!1),A)}_handleListScroll(e){let t=e.target;this._hasMore&&!this._loading&&t.scrollHeight-t.scrollTop-t.clientHeight<=M&&this._loadPage(!0)}_menuValue(e){return e.stopPropagation(),e.target.value??``}_handleListChange(e){let t=this._menuValue(e);if(t===N){this._actions?.create&&this._save({kind:`create`});return}let n=this._rows.find(e=>e.id===t);n&&(n.requiresVariant?(this._original=n,this._step=`variants`,this._loadVariants()):this._selectTarget({kind:`add`,dashboard:n,isVariant:!1},n))}_handleVariantChange(e){let t=this._menuValue(e),n=this._original;if(!n)return;if(t===P){if(!this._actions?.addToVariant)return;let e=this._variants.map(e=>this._displayName(e)),t=this._variantName(n,O(e,e=>this._variantName(n,e)));this._selectTarget({kind:`variant`,original:n,name:t},n);return}let r=this._variants.find(e=>e.id===t);r&&this._selectTarget({kind:`add`,dashboard:r,isVariant:!0},r)}_selectTarget(e,t){t.syncScreenModes!==!1||!t.screenModes?.length?this._save(e):(this._pending=e,this._screenModes=[...t.screenModes??[]],this._step=`screenModes`)}async _loadVariants(){let e=this._actions,t=this._original;if(this._variantsAbort?.abort(),this._variants=[],this._variantsLoading=!1,this._variantsFailed=!1,!e?.listVariants||!t)return;let n=new AbortController;this._variantsAbort=n,this._variantsLoading=!0;try{let r=await e.listVariants(t,{signal:n.signal});n.signal.aborted||(this._variants=r)}catch(e){n.signal.aborted||(console.error(`Failed to load dashboard variants:`,e),this._variantsFailed=!0)}finally{n.signal.aborted||(this._variantsLoading=!1)}}_handleBack(){this._step===`screenModes`&&this._original?this._step=`variants`:(this._step=`list`,this._original=null),this._pending=null}_toggleScreenMode(e){this._screenModes=this._screenModes.includes(e)?this._screenModes.filter(t=>t!==e):[...this._screenModes,e]}_handleConfirmScreenModes(){this._pending&&this._screenModes.length>0&&this._save(this._pending,{screenModes:[...this._screenModes]})}async _save(e,t={}){let n=this._actions;if(!n||!this.chart||this._saving)return;this._open=!1,this._saving=!0,this._setStatus(null),this._saveAbort=new AbortController;let r=D(this.chart),i={signal:this._saveAbort.signal};try{let a;if(e.kind===`create`&&n.create)a=await n.create(r,t,i);else if(e.kind===`variant`&&n.addToVariant)a=await n.addToVariant(e.original,r,{...t,name:e.name},i);else if(e.kind===`add`)a=await n.add(e.dashboard,r,t,i)||e.dashboard;else return;if(i.signal.aborted)return;this._setStatus({kind:`success`,dashboard:a,isVariant:e.kind===`variant`||e.kind===`add`&&e.isVariant,openDashboard:n.openDashboard?.bind(n)}),this._dispatch(`luzmo-chart-added`,{dashboard:a})}catch(e){if(i.signal.aborted)return;console.error(`Failed to add the chart to a dashboard:`,e),this._setStatus({kind:`error`,message:e instanceof Error&&e.message?e.message:void 0}),this._dispatch(`luzmo-chart-add-failed`,{error:e})}finally{this._saving=!1}await this.updateComplete,this.isConnected&&this._isFocusLost()&&this._focusTrigger()}_setStatus(e){this._status=e}_focusTrigger(){this._triggerElement?.focus()}_isFocusLost(){return!document.activeElement||document.activeElement===document.body}async _handleNoticeClose(e){e.stopPropagation();let t=e.currentTarget.matches(`:focus-within`);this._setStatus(null),await this.updateComplete,t&&this._isFocusLost()&&this._focusTrigger()}async _focusStep(){let e=this._step===`list`?this._searchElement:this._backElement;await e?.updateComplete,e?.focus()}_renderRow(e){return s.html`
       <luzmo-menu-item value=${e.id} no-wrap ?disabled=${this._saving}>
         ${e.thumbnailUrl?s.html`<img slot="icon" class="thumbnail" alt="" src=${e.thumbnailUrl} />`:s.nothing}
         ${this._displayName(e)}

package/components/advanced-options.i18n-CyfRP6Jc.js

@@ -0,0 +1,43 @@
+/*! * 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.
+ * */
+// node_modules/@luzmo/dashboard-contents-types/shared/utils/advanced-options.i18n.js
+var e = {
+	de: {
+		groups: { advanced: { label: "Erweitert" } },
+		options: { "limit.number": { label: "Anzahl der Beobachtungen anzeigen" } }
+	},
+	en: {
+		groups: { advanced: { label: "Advanced" } },
+		options: { "limit.number": { label: "Show number of observations" } }
+	},
+	es: {
+		groups: { advanced: { label: "Opciones avanzadas" } },
+		options: { "limit.number": { label: "Mostrar n.º de observaciones" } }
+	},
+	fr: {
+		groups: { advanced: { label: "Avancée" } },
+		options: { "limit.number": { label: "Afficher le nombre d’observations" } }
+	},
+	nl: {
+		groups: { advanced: { label: "Geavanceerd" } },
+		options: { "limit.number": { label: "Toon aantal waarnemingen" } }
+	}
+}, t = (t) => e[t] ?? e.en;
+export { t as getAdvancedTranslations };

package/components/advanced-options.i18n-DPTCLyPj.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.
+ * */
+var e={de:{groups:{advanced:{label:`Erweitert`}},options:{"limit.number":{label:`Anzahl der Beobachtungen anzeigen`}}},en:{groups:{advanced:{label:`Advanced`}},options:{"limit.number":{label:`Show number of observations`}}},es:{groups:{advanced:{label:`Opciones avanzadas`}},options:{"limit.number":{label:`Mostrar n.º de observaciones`}}},fr:{groups:{advanced:{label:`Avancée`}},options:{"limit.number":{label:`Afficher le nombre d’observations`}}},nl:{groups:{advanced:{label:`Geavanceerd`}},options:{"limit.number":{label:`Toon aantal waarnemingen`}}}},t=t=>e[t]??e.en;exports.getAdvancedTranslations=t;

package/components/ai-chat/ai-chat-events.d.ts

@@ -1,5 +1,5 @@
 import type { ProgressTreeNode } from '@luzmo/lucero/progress-steps';
-import type { AiSampleChart, ChatMessage } from '../../types';
+import type { AiSampleChart, ChatMessage, ChatMessageQuestion } from '../../types';
 import type { AiPromptAgent, AiPromptCustomItemInput, DashboardStatePayload } from './ai-prompt-types';
 /**
  * Common fields present on every streamed step event, recognized or not.
@@ -19,7 +19,7 @@ export interface AiChatStepBase {
     raw: Record<string, unknown>;
 }
 /** Recognized stream-step type discriminants. */
-export type AiChatRecognizedStepType = 'decision' | 'text' | 'progress' | 'dashboard-title' | 'dashboard-layout' | 'dashboard-item' | 'chart' | 'custom-item' | 'elicitation' | 'interrupt';
+export type AiChatRecognizedStepType = 'decision' | 'text' | 'progress' | 'dashboard-title' | 'dashboard-layout' | 'dashboard-item' | 'chart' | 'custom-item' | 'elicitation' | 'question' | 'interrupt';
 /**
  * Stream steps assembled into a typed `data` payload.
  * Discriminated by `type` (when `recognized` is `true`).
@@ -73,6 +73,10 @@ export type RecognizedStepEvent = (AiChatStepBase & {
         question: string;
         options: string[];
     };
+}) | (AiChatStepBase & {
+    recognized: true;
+    type: 'question';
+    data: ChatMessageQuestion;
 }) | (AiChatStepBase & {
     recognized: true;
     type: 'interrupt';

package/components/ai-chat/ai-chat-request.d.ts

@@ -1,6 +1,6 @@
 import type { LuzmoChart } from '../../types';
 import type { AiPromptAgent, AiPromptCreateBody, AiPromptDeleteBody, AiPromptProperties, AiPromptSavedAgentProperties, BuildAiPromptRequestContext } from './ai-prompt-types';
-export type { AiPromptAgent, AiPromptBuiltInAgentProperties, AiPromptImageInput, AiPromptCreateBody, AiPromptDeleteBody, AiPromptInput, AiPromptItemTask, AiPromptProperties, AiPromptPropertiesBase, AiPromptSavedAgentProperties, AiPromptScreenMode, BuildAiPromptRequestContext, DashboardStatePayload, LuzmoDashboardGeneratedEventDetail, LuzmoPromptSubmittedEventDetail, LuzmoRestoreRequestedEventDetail } from './ai-prompt-types';
+export type { AiChatInteraction, AiPromptAgent, AiPromptAnswer, AiPromptBuiltInAgentProperties, AiPromptClientCapabilities, AiPromptImageInput, AiPromptCreateBody, AiPromptDeleteBody, AiPromptInput, AiPromptItemTask, AiPromptProperties, AiPromptPropertiesBase, AiPromptSavedAgentProperties, AiPromptScreenMode, BuildAiPromptRequestContext, DashboardStatePayload, LuzmoDashboardGeneratedEventDetail, LuzmoPromptSubmittedEventDetail, LuzmoRestoreRequestedEventDetail } from './ai-prompt-types';
 export { AI_PROMPT_ACCEPTED_IMAGE_MIME_TYPES, AI_PROMPT_MAX_ATTACHMENTS, assertValidAiPromptAttachmentFiles, assertValidAiPromptAttachmentUrls, isAiPromptAcceptedImageFile, isAiPromptAcceptedImageMimeType, isAiPromptAcceptedImageUrl } from '../../utils/ai-prompt/index.js';
 export declare function getAiPromptUrl(apiUrl: string, apiVersion: string): string;
 export declare function chartToItemAsset(chart: LuzmoChart): Record<string, unknown> | null;

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

@@ -10,7 +10,7 @@ import { LuzmoElement } from '../../utils/base/index.js';
 import { type PropertyValues, TemplateResult } from 'lit';
 import type { ChatMessage, Dataset, LuzmoChart } from '../../types';
 import '../ai-interaction-textarea';
-import type { AiPromptAgent, AiPromptCustomItemInput, AiPromptItemTask, AiPromptScreenMode, DashboardStatePayload } from './ai-prompt-types';
+import type { AiChatInteraction, AiPromptAgent, AiPromptCustomItemInput, AiPromptItemTask, AiPromptScreenMode, DashboardStatePayload } from './ai-prompt-types';
 import type { AiChatAgentConfig } from './types';
 import './empty-state';
 import type { AiChatEmptyStateSuggestion } from './empty-state';
@@ -26,7 +26,7 @@ declare const LuzmoAiChat_base: typeof LuzmoElement & {
  * session from auth, agent, and chart or dashboard props; optional messages and selected-datasets
  * seed it once on connect. Pass .chatSession for a host-owned session (e.g. dashboard editor).
  * See {@link AiChatSession} / createAiChatSession for callbacks and external fetchStreaming.
- * @fires {CustomEvent<AiChatStepEvent>} luzmo-step - Fired for every incremental, kit-assembled event during a streamed response (decision, text, progress, dashboard-title/layout/item, chart, custom-item, elicitation, interrupt, plus forward-by-default unrecognized chunks). Use `isRecognizedStep` to narrow.
+ * @fires {CustomEvent<AiChatStepEvent>} luzmo-step - Fired for every incremental, kit-assembled event during a streamed response (decision, text, progress, dashboard-title/layout/item, chart, custom-item, elicitation, question, interrupt, plus forward-by-default unrecognized chunks). Use `isRecognizedStep` to narrow.
  * @fires {CustomEvent<AiChatCompleteEvent>} luzmo-complete - Fired exactly once per response with the authoritative final result (dashboard/chart/name/customItem) or an `error`.
  * @fires {CustomEvent<AiChatMessageSentEventDetail>} luzmo-message-sent - Fired when a user sends a message
  * @fires {CustomEvent<AiChatDatasetsChangedEventDetail>} luzmo-datasets-changed - Fired when the selected datasets change
@@ -211,6 +211,11 @@ export declare class LuzmoAiChat extends LuzmoAiChat_base {
      * @default 'performance'
      */
     modelPreference: 'performance' | 'quality';
+    /**
+     * Boxes the agent may show, declared on every request as `client_capabilities`. Defaults to none.
+     * Pass `['question']` once the aiprompt API accepts `client_capabilities`. Ignored with a host `chatSession`.
+     */
+    interactions?: AiChatInteraction[];
     /**
      * Host-owned {@link AiChatSession}. The component subscribes and renders; does not abort on disconnect.
      */
@@ -381,6 +386,8 @@ export declare class LuzmoAiChat extends LuzmoAiChat_base {
     private _renderAssistantMessageFeedback;
     private _renderRestoreMenu;
     private _renderMessages;
+    private _questionState;
+    private _handleQuestionAnswer;
     private _handleElicitationSubmit;
     private _renderStreamingResponse;
     private _renderLoadingMessage;

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

@@ -1,5 +1,5 @@
 import type { PromptBoxAttachment } from '@luzmo/lucero';
-import type { Dataset, LuzmoChart } from '../../types';
+import type { ChatQuestionResponse, Dataset, LuzmoChart } from '../../types';
 export type AiPromptAgent = 'item' | 'dashboard' | 'analyst' | 'custom-item';
 export type AiPromptItemTask = 'generate' | 'suggest' | 'describe';
 export type AiPromptScreenMode = 'desktop' | 'tablet' | 'mobile';
@@ -40,6 +40,17 @@ export interface AiPromptImageInput {
     url: string;
 }
 export type AiPromptInput = AiPromptTextInput | AiPromptDatasetInput | AiPromptItemInput | AiPromptDashboardInput | AiPromptCustomItemInput | AiPromptImageInput;
+/** A box the chat can show when the agent asks the user something. Only choice questions for now; approvals will follow. */
+export type AiChatInteraction = 'question';
+/** The boxes the client renders; the agent offers no other. */
+export interface AiPromptClientCapabilities {
+    interactions: AiChatInteraction[];
+}
+/** The user's answer to a box the agent showed, naming the box by its asset id. */
+export interface AiPromptAnswer {
+    asset_id: string;
+    response: ChatQuestionResponse;
+}
 /** Fields both aiprompt create shapes share, whichever agent selector is used. */
 export interface AiPromptPropertiesBase {
     conversation_id?: string;
@@ -48,6 +59,9 @@ export interface AiPromptPropertiesBase {
     text_format?: 'plain' | 'markdown';
     stream: boolean;
     response_mode: 'mixed';
+    client_capabilities?: AiPromptClientCapabilities;
+    /** Answers a box from an earlier turn. A question answer needs no text input: the server writes the user message. */
+    answer?: AiPromptAnswer;
     input: AiPromptInput[];
 }
 /** Built-in agent request: `agent` (plus `task`) selects the server-side behaviour. */
@@ -108,6 +122,10 @@ export interface BuildAiPromptRequestContext {
     attachmentUrls?: string[];
     /** Sends `internal: true` so the prompt stays out of the restored transcript (custom-item agent only). */
     internal?: boolean;
+    /** Boxes the client renders, sent as `client_capabilities`. Omitted or empty sends none. */
+    interactions?: AiChatInteraction[];
+    /** Answer to a box from an earlier turn; for a question answer, an empty `prompt` is left out of the input. */
+    answer?: AiPromptAnswer;
 }
 export interface LuzmoPromptSubmittedEventDetail {
     prompt: string;

package/components/ai-chat/helpers/interaction-assets.d.ts

@@ -0,0 +1,9 @@
+import type { ChatChoiceQuestion, ChatMessage, ChatMessageQuestion, ChatQuestionResponse } from '../../../types';
+export declare function readQuestionAsset(assetId: string, value: unknown): ChatMessageQuestion | null;
+/**
+ * Maps the stored assets of an assistant message (`aiMessageAssets` from the aiprompt API) onto the
+ * `question` field of a seeded `ChatMessage`. Assets of other types are ignored.
+ */
+export declare function chatMessageBoxesFromAssets(assets: readonly unknown[]): Pick<ChatMessage, 'question'>;
+export declare function otherTooLongError(response: ChatQuestionResponse): string | null;
+export declare function isQuestionResponseValid(questions: readonly ChatChoiceQuestion[], response: ChatQuestionResponse): boolean;

package/components/ai-chat/helpers/question-template.d.ts

@@ -0,0 +1,13 @@
+import '@luzmo/lucero/question-box';
+import type { QuestionBoxResultDetail } from '@luzmo/lucero/question-box';
+import type { ElementSize } from '../../../utils/base/index.js';
+import type { ChatMessage, ChatMessageQuestion, ChatQuestionResponse } from '../../../types';
+export type QuestionState = 'open' | 'answered' | 'skipped' | 'superseded' | 'closed';
+export interface QuestionMarkupArgs {
+    message: ChatMessage;
+    state: QuestionState;
+    size: ElementSize;
+    onAnswer: (event: CustomEvent<QuestionBoxResultDetail>) => void;
+}
+export declare function readQuestionResponse(question: ChatMessageQuestion, detail: QuestionBoxResultDetail): ChatQuestionResponse | null;
+export declare function questionMarkup({ message, state, size, onAnswer }: QuestionMarkupArgs): unknown;

package/components/ai-chat/index.cjs

@@ -17,4 +17,4 @@
  * 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-BmvVVCmL.cjs"),t=require("../ai-chat-BNcSadGI.cjs");exports.AI_PROMPT_ACCEPTED_IMAGE_MIME_TYPES=e.c,exports.AI_PROMPT_MAX_ATTACHMENTS=e.l,exports.AiChatSession=t.i,exports.AiChatSessionController=t.r,exports.LuzmoAiChat=t.n,exports.LuzmoAiChatEmptyState=t.D,exports.assertValidAiPromptAttachmentFiles=e.u,exports.assertValidAiPromptAttachmentUrls=e.d,exports.blobToBase64=e.n,exports.buildAiDictationRequest=e.r,exports.buildAiPromptDeleteRequest=t._,exports.buildAiPromptProperties=t.v,exports.buildAiPromptRequest=t.y,exports.buildAnalystAiPromptProperties=t.b,exports.buildCustomItemAiPromptProperties=t.x,exports.buildDashboardAiPromptProperties=t.S,exports.buildItemAiPromptProperties=t.C,exports.buildSavedAgentAiPromptProperties=t.w,exports.chartToItemAsset=t.T,exports.createAiChatSession=t.a,exports.createInitialProgress=t.f,exports.createInitialStreamState=t.o,exports.createStreamHandler=t.s,exports.extractChartFromChunk=t.u,exports.extractDashboardFromChunk=t.d,exports.fetchStreamingResponse=t.m,exports.getAgentStreamDefinition=t.c,exports.getAiDictationUrl=e.i,exports.getAiPromptUrl=t.E,exports.getUploadUrl=e.o,exports.hasProgressChunk=t.p,exports.isAiPromptAcceptedImageFile=e.f,exports.isAiPromptAcceptedImageMimeType=e.p,exports.isAiPromptAcceptedImageUrl=e.m,exports.isRecognizedStep=t.t,exports.parseStreamLine=t.h,exports.processStreamChunk=t.l,exports.readNdjsonStream=t.g,exports.streamAiDictation=e.a,exports.uploadAiPromptImages=e.s;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../ai-interaction-textarea-NGtzhkEU.cjs"),t=require("../ai-chat-CkN95EAz.cjs");exports.AI_PROMPT_ACCEPTED_IMAGE_MIME_TYPES=e.c,exports.AI_PROMPT_MAX_ATTACHMENTS=e.l,exports.AiChatSession=t.i,exports.AiChatSessionController=t.r,exports.LuzmoAiChat=t.n,exports.LuzmoAiChatEmptyState=t.O,exports.assertValidAiPromptAttachmentFiles=e.u,exports.assertValidAiPromptAttachmentUrls=e.d,exports.blobToBase64=e.n,exports.buildAiDictationRequest=e.r,exports.buildAiPromptDeleteRequest=t.v,exports.buildAiPromptProperties=t.y,exports.buildAiPromptRequest=t.b,exports.buildAnalystAiPromptProperties=t.x,exports.buildCustomItemAiPromptProperties=t.S,exports.buildDashboardAiPromptProperties=t.C,exports.buildItemAiPromptProperties=t.w,exports.buildSavedAgentAiPromptProperties=t.T,exports.chartToItemAsset=t.E,exports.chatMessageBoxesFromAssets=t.f,exports.createAiChatSession=t.a,exports.createInitialProgress=t.p,exports.createInitialStreamState=t.o,exports.createStreamHandler=t.s,exports.extractChartFromChunk=t.u,exports.extractDashboardFromChunk=t.d,exports.fetchStreamingResponse=t.h,exports.getAgentStreamDefinition=t.c,exports.getAiDictationUrl=e.i,exports.getAiPromptUrl=t.D,exports.getUploadUrl=e.o,exports.hasProgressChunk=t.m,exports.isAiPromptAcceptedImageFile=e.f,exports.isAiPromptAcceptedImageMimeType=e.p,exports.isAiPromptAcceptedImageUrl=e.m,exports.isRecognizedStep=t.t,exports.parseStreamLine=t.g,exports.processStreamChunk=t.l,exports.readNdjsonStream=t._,exports.streamAiDictation=e.a,exports.uploadAiPromptImages=e.s;

package/components/ai-chat/index.d.ts

@@ -4,9 +4,10 @@ declare global {
         'luzmo-ai-chat': LuzmoAiChat;
     }
 }
-export type { ProgressTreeNode, AssistantMessageAction, AssistantMessageActionConfirmVariant, AssistantMessageActionEventDetail, AssistantMessageFeedbackEventDetail, AssistantMessageFeedbackRating, ChatMessageElicitation, AiChatMessageSentEventDetail, AiChatDatasetsChangedEventDetail, AiChatConversationIdChangedEventDetail } from '../../types/ai-chat.types';
+export type { ProgressTreeNode, AssistantMessageAction, AssistantMessageActionConfirmVariant, AssistantMessageActionEventDetail, AssistantMessageFeedbackEventDetail, AssistantMessageFeedbackRating, ChatMessageElicitation, ChatQuestionAnswers, ChatQuestionResponse, ChatChoiceOption, ChatChoiceQuestion, ChatMessageQuestion, AiChatMessageSentEventDetail, AiChatDatasetsChangedEventDetail, AiChatConversationIdChangedEventDetail } from '../../types/ai-chat.types';
 export type { PromptBoxAttachment, PromptBoxFileIcons } from '../ai-interaction-textarea';
 export { isRecognizedStep } from './ai-chat-events';
+export { chatMessageBoxesFromAssets } from './helpers/interaction-assets';
 export type { AiChatCompleteEvent, AiChatRecognizedStepType, AiChatStepBase, AiChatStepEvent, RecognizedStepEvent, UnknownStepEvent } from './ai-chat-events';
 export { AiChatSession, AiChatSessionController, createAiChatSession } from './session';
 export type { AiChatSessionControllerOptions, AiChatSessionSeed } from './session/ai-chat-session-controller';

package/components/ai-chat/index.js

@@ -17,6 +17,6 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { a as e, c as t, d as n, f as r, i, l as a, m as o, n as s, o as c, p as l, r as u, s as d, u as f } from "../ai-interaction-textarea-CnQ2FBc7.js";
-import { C as p, D as m, E as h, S as g, T as _, _ as v, a as y, b, c as x, d as S, f as C, g as w, h as T, i as E, l as D, m as O, n as k, o as A, p as j, r as M, s as N, t as P, u as F, v as I, w as L, x as R, y as z } from "../ai-chat-CL894viH.js";
-export { t as AI_PROMPT_ACCEPTED_IMAGE_MIME_TYPES, a as AI_PROMPT_MAX_ATTACHMENTS, E as AiChatSession, M as AiChatSessionController, k as LuzmoAiChat, m as LuzmoAiChatEmptyState, f as assertValidAiPromptAttachmentFiles, n as assertValidAiPromptAttachmentUrls, s as blobToBase64, u as buildAiDictationRequest, v as buildAiPromptDeleteRequest, I as buildAiPromptProperties, z as buildAiPromptRequest, b as buildAnalystAiPromptProperties, R as buildCustomItemAiPromptProperties, g as buildDashboardAiPromptProperties, p as buildItemAiPromptProperties, L as buildSavedAgentAiPromptProperties, _ as chartToItemAsset, y as createAiChatSession, C as createInitialProgress, A as createInitialStreamState, N as createStreamHandler, F as extractChartFromChunk, S as extractDashboardFromChunk, O as fetchStreamingResponse, x as getAgentStreamDefinition, i as getAiDictationUrl, h as getAiPromptUrl, c as getUploadUrl, j as hasProgressChunk, r as isAiPromptAcceptedImageFile, l as isAiPromptAcceptedImageMimeType, o as isAiPromptAcceptedImageUrl, P as isRecognizedStep, T as parseStreamLine, D as processStreamChunk, w as readNdjsonStream, e as streamAiDictation, d as uploadAiPromptImages };
+import { a as e, c as t, d as n, f as r, i, l as a, m as o, n as s, o as c, p as l, r as u, s as d, u as f } from "../ai-interaction-textarea-zpSYvzWC.js";
+import { C as p, D as m, E as h, O as g, S as _, T as v, _ as y, a as b, b as x, c as S, d as C, f as w, g as T, h as E, i as D, l as O, m as k, n as A, o as j, p as M, r as N, s as P, t as F, u as I, v as L, w as R, x as z, y as B } from "../ai-chat-CZz60W04.js";
+export { t as AI_PROMPT_ACCEPTED_IMAGE_MIME_TYPES, a as AI_PROMPT_MAX_ATTACHMENTS, D as AiChatSession, N as AiChatSessionController, A as LuzmoAiChat, g as LuzmoAiChatEmptyState, f as assertValidAiPromptAttachmentFiles, n as assertValidAiPromptAttachmentUrls, s as blobToBase64, u as buildAiDictationRequest, L as buildAiPromptDeleteRequest, B as buildAiPromptProperties, x as buildAiPromptRequest, z as buildAnalystAiPromptProperties, _ as buildCustomItemAiPromptProperties, p as buildDashboardAiPromptProperties, R as buildItemAiPromptProperties, v as buildSavedAgentAiPromptProperties, h as chartToItemAsset, w as chatMessageBoxesFromAssets, b as createAiChatSession, M as createInitialProgress, j as createInitialStreamState, P as createStreamHandler, I as extractChartFromChunk, C as extractDashboardFromChunk, E as fetchStreamingResponse, S as getAgentStreamDefinition, i as getAiDictationUrl, m as getAiPromptUrl, c as getUploadUrl, k as hasProgressChunk, r as isAiPromptAcceptedImageFile, l as isAiPromptAcceptedImageMimeType, o as isAiPromptAcceptedImageUrl, F as isRecognizedStep, T as parseStreamLine, O as processStreamChunk, y as readNdjsonStream, e as streamAiDictation, d as uploadAiPromptImages };

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

@@ -2,7 +2,7 @@ import type { PromptBoxAttachment } from '@luzmo/lucero';
 import type { ProgressTreeNode } from '@luzmo/lucero/progress-steps';
 import type { AiSampleChart, ChatMessage, Dataset, LuzmoChart } from '../../../types';
 import type { AiChatCompleteEvent, AiChatStepEvent } from '../ai-chat-events';
-import type { AiPromptAgent, AiPromptCustomItemInput, AiPromptCreateBody, AiPromptDeleteBody, AiPromptItemTask, AiPromptScreenMode, BuildAiPromptRequestContext, DashboardStatePayload, LuzmoPromptSubmittedEventDetail, LuzmoRestoreRequestedEventDetail } from '../ai-prompt-types';
+import type { AiChatInteraction, AiPromptAgent, AiPromptCustomItemInput, AiPromptCreateBody, AiPromptDeleteBody, AiPromptItemTask, AiPromptScreenMode, BuildAiPromptRequestContext, DashboardStatePayload, LuzmoPromptSubmittedEventDetail, LuzmoRestoreRequestedEventDetail } from '../ai-prompt-types';
 import type { StreamingRequestOptions, StreamingResponse } from '../stream/transport';
 import type { AiChatAgentConfig } from '../types';
 export interface AiChatSessionConfig {
@@ -27,6 +27,11 @@ export interface AiChatSessionConfig {
     timezoneId?: string;
     task?: AiPromptItemTask;
     modelPreference?: 'performance' | 'quality';
+    /**
+     * Boxes the agent may show, declared on every request as `client_capabilities`. Defaults to none.
+     * Pass `['question']` when the chat renders the transcript and the aiprompt API accepts `client_capabilities`.
+     */
+    interactions?: AiChatInteraction[];
     /** Initial transcript when hydrating a saved conversation. */
     messages?: ChatMessage[];
     /** Datasets attached to the prompt input. */