@luzmo/analytics-components-kit 1.0.8-beta.3 → 1.0.8-beta.5

package/components/viz-item-menu/index.js

@@ -24,5 +24,5 @@
 		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-shadow-color-rgb: 0, 0, 0;--luzmo-shadow-opacity: 0.1;--luzmo-shadow-color: rgba(var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity));--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 "../viz-item-menu-CPqpF_PR.js";
+import { t as e } from "../viz-item-menu-BUSjo6j_.js";
 export { e as LuzmoVizItemMenu };

package/components/{viz-item-menu-CPqpF_PR.js → viz-item-menu-BUSjo6j_.js}

@@ -18,7 +18,7 @@
  * SOFTWARE.
  * */
 import { t as e } from "./decorate-DyMgX_Uh.js";
-import { t } from "./localized-mixin-D1ss6vE4.js";
+import { t } from "./localized-mixin-CSF-kZFt.js";
 import { luzmoClone as n, luzmoEdit as r, luzmoTrashOutline as i } from "@luzmo/icons";
 import "@luzmo/lucero/icon";
 import { LitElement as a, html as o, nothing as s, unsafeCSS as c } from "lit";

package/components/{viz-item-menu-BSkDsdNg.cjs → viz-item-menu-C-kpX-Ft.cjs}

@@ -17,7 +17,7 @@
  * 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("./localized-mixin-BbOPy_BO.cjs");let n=require("@luzmo/icons");require("@luzmo/lucero/icon");let r=require("lit"),i=require("lit/decorators.js"),a=require("@lit/localize");require("@luzmo/lucero/tooltip");var o=`:host{box-sizing:border-box;width:min-content;display:block}:host luzmo-icon{display:flex}:host .viz-item-menu{align-items:center;gap:var(--luzmo-viz-item-menu-gap,var(--viz-item-menu-gap));font-size:var(--luzmo-viz-item-menu-font-size,var(--viz-item-menu-font-size));flex-direction:column;width:min-content;display:flex}:host .viz-item-menu .viz-item-menu-top-section{gap:var(--luzmo-viz-item-menu-button-edit-gap,var(--viz-item-menu-button-edit-gap));flex-direction:column;display:flex}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button{padding:var(--luzmo-viz-item-menu-button-edit-padding,var(--viz-item-menu-button-edit-padding));background-color:var(--luzmo-viz-item-menu-button-edit-background,var(--viz-item-menu-button-edit-background))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:first-child{border-top-right-radius:var(--luzmo-viz-item-menu-button-edit-border-radius,var(--viz-item-menu-button-edit-border-radius));border-top-left-radius:var(--luzmo-viz-item-menu-button-edit-border-radius,var(--viz-item-menu-button-edit-border-radius))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:last-child{border-bottom-right-radius:var(--luzmo-viz-item-menu-button-edit-border-radius,var(--viz-item-menu-button-edit-border-radius));border-bottom-left-radius:var(--luzmo-viz-item-menu-button-edit-border-radius,var(--viz-item-menu-button-edit-border-radius));box-shadow:var(--luzmo-viz-item-menu-box-shadow,var(--viz-item-menu-box-shadow))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:hover{background-color:var(--luzmo-viz-item-menu-button-edit-background-hover,var(--viz-item-menu-button-edit-background-hover))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:hover luzmo-icon{color:var(--luzmo-viz-item-menu-button-edit-icon-color,var(--viz-item-menu-button-edit-icon-color-hover))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:active,:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button[aria-pressed=true]{background-color:var(--luzmo-viz-item-menu-button-edit-background-active,var(--viz-item-menu-button-edit-background-active))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:active luzmo-icon,:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button[aria-pressed=true] luzmo-icon{color:var(--luzmo-viz-item-menu-button-edit-icon-color,var(--viz-item-menu-button-edit-icon-color-active))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button luzmo-icon{color:var(--luzmo-viz-item-menu-button-edit-icon-color,var(--viz-item-menu-button-edit-icon-color))}:host .viz-item-menu .viz-item-menu-button{cursor:pointer;transition:var(--luzmo-viz-item-menu-transition,var(--viz-item-menu-transition));width:1rem;height:1rem;font:inherit;color:inherit;box-sizing:content-box;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}:host .viz-item-menu .viz-item-menu-button-delete{padding:var(--luzmo-viz-item-menu-delete-padding,var(--viz-item-menu-delete-padding));border-radius:var(--luzmo-viz-item-menu-delete-border-radius,var(--viz-item-menu-delete-border-radius));background-color:var(--luzmo-viz-item-menu-delete-background,var(--viz-item-menu-delete-background));box-shadow:var(--luzmo-viz-item-menu-box-shadow,var(--viz-item-menu-box-shadow))}:host .viz-item-menu .viz-item-menu-button-delete:hover{background-color:var(--luzmo-viz-item-menu-delete-background-hover,var(--viz-item-menu-delete-background-hover))}:host .viz-item-menu .viz-item-menu-button-delete:hover luzmo-icon{color:var(--luzmo-viz-item-menu-delete-icon-color-hover,var(--viz-item-menu-delete-icon-color-hover))}:host .viz-item-menu .viz-item-menu-button-delete:active{background-color:var(--luzmo-viz-item-menu-delete-background-active,var(--viz-item-menu-delete-background-active))}:host .viz-item-menu .viz-item-menu-button-delete:active luzmo-icon{color:var(--luzmo-viz-item-menu-delete-icon-color-hover,var(--viz-item-menu-delete-icon-color-hover))}:host .viz-item-menu .viz-item-menu-button-delete luzmo-icon{color:var(--luzmo-viz-item-menu-delete-icon-color,var(--viz-item-menu-delete-icon-color))}:host .viz-item-menu luzmo-tooltip{--tooltip-font-family:var(--luzmo-viz-item-menu-tooltip-font-family,var(--viz-item-menu-tooltip-font-family));font-family:var(--luzmo-viz-item-menu-tooltip-font-family,var(--viz-item-menu-tooltip-font-family))}@media (prefers-reduced-motion:reduce){:host .viz-item-menu .viz-item-menu-button{transition:none}}:host{--viz-item-menu-gap:var(--luzmo-spacing-3,.375rem);--viz-item-menu-button-edit-gap:0;--viz-item-menu-button-edit-padding:var(--luzmo-spacing-3,.125rem);--viz-item-menu-button-edit-border-radius:var(--luzmo-border-radius,.25rem);--viz-item-menu-button-edit-background:oklch(40.3678% 2.98023e-8 none);--viz-item-menu-button-edit-background-hover:var(--secondary,var(--luzmo-primary));--viz-item-menu-button-edit-background-active:var(--primary,var(--luzmo-primary));--viz-item-menu-button-edit-icon-color:white;--viz-item-menu-button-edit-icon-color-hover:var(--luzmo-primary-inverse-color,white);--viz-item-menu-button-edit-icon-color-active:var(--luzmo-primary-inverse-color,white);--viz-item-menu-delete-padding:var(--luzmo-spacing-3,.125rem);--viz-item-menu-delete-border-radius:var(--luzmo-border-radius,.25rem);--viz-item-menu-delete-background:oklch(40.3678% 2.98023e-8 none);--viz-item-menu-delete-background-hover:var(--luzmo-negative-color,#de3737);--viz-item-menu-delete-background-active:var(--luzmo-negative-color,#de3737);--viz-item-menu-delete-icon-color:white;--viz-item-menu-delete-icon-color-hover:var(--luzmo-negative-inverse-color,white);--viz-item-menu-transition:all var(--luzmo-animation-duration,.2s) ease;--viz-item-menu-font-size:var(--luzmo-font-size-m,.875rem);--viz-item-menu-box-shadow:0px 4px 4px 0px #0003;--viz-item-menu-tooltip-font-family:var(--luzmo-font-family,"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif)}`,s=class extends t.t(r.LitElement){constructor(...e){super(...e),this.vizItemId=``,this.hiddenButtons=[],this.selectedButton=null,this.menuButtonConfigs={edit:{icon:n.luzmoEdit,label:`Edit`,eventName:`edit`,type:`edit`,cssClass:`viz-item-menu-button viz-item-menu-button-edit`,dataE2e:`viz-item-menu-button-edit`,onHover:()=>this._handleHoverOverEdit()},clone:{icon:n.luzmoClone,label:`Clone`,eventName:`clone`,type:`clone`,cssClass:`viz-item-menu-button viz-item-menu-button-clone`,dataE2e:`viz-item-menu-button-clone`},delete:{icon:n.luzmoTrashOutline,label:`Delete`,eventName:`delete`,type:`delete`,cssClass:`viz-item-menu-button viz-item-menu-button-delete`,dataE2e:`viz-item-menu-button-delete`}}}static{this.styles=(0,r.unsafeCSS)(o)}static{this.tagName=`luzmo-viz-item-menu`}get hasTopSectionButtons(){let e=this._shouldShowButton(`edit`),t=this._shouldShowButton(`clone`);return e||t}_shouldShowButton(e){return!this.hiddenButtons?.includes(e)}_handleSelectedToggle(e){e===`edit`&&(this.selectedButton=this.selectedButton===e?null:e,this._emitSelectedChanged())}_emitSelectedChanged(){this.dispatchEvent(new CustomEvent(`selected-changed`,{bubbles:!0,composed:!0,detail:{selectedButton:this.selectedButton}}))}_handleMenuButtonClick(e){this._handleSelectedToggle(e.type),this.dispatchEvent(new CustomEvent(`button-clicked`,{bubbles:!0,composed:!0,detail:{action:e.eventName,type:e.type,id:this.vizItemId}}))}_createMenuButtonClickHandler(e){return()=>this._handleMenuButtonClick(e)}_handleHoverOverEdit(){this.dispatchEvent(new CustomEvent(`edit-button-hovered`,{bubbles:!0,composed:!0}))}_renderMenuButton(e){let t=this.selectedButton===e.type,n=``;e.type===`edit`?n=(0,a.msg)(`Edit`,{desc:`Edit action label`}):e.type===`clone`?n=(0,a.msg)(`Clone`,{desc:`Grid item action tooltip`}):e.type===`delete`&&(n=(0,a.msg)(`Delete`,{desc:`Delete action label`}));let i=e.type===`edit`;return r.html`
+const e=require("./decorate-DCJt-2rt.cjs"),t=require("./localized-mixin-DZFYG6RG.cjs");let n=require("@luzmo/icons");require("@luzmo/lucero/icon");let r=require("lit"),i=require("lit/decorators.js"),a=require("@lit/localize");require("@luzmo/lucero/tooltip");var o=`:host{box-sizing:border-box;width:min-content;display:block}:host luzmo-icon{display:flex}:host .viz-item-menu{align-items:center;gap:var(--luzmo-viz-item-menu-gap,var(--viz-item-menu-gap));font-size:var(--luzmo-viz-item-menu-font-size,var(--viz-item-menu-font-size));flex-direction:column;width:min-content;display:flex}:host .viz-item-menu .viz-item-menu-top-section{gap:var(--luzmo-viz-item-menu-button-edit-gap,var(--viz-item-menu-button-edit-gap));flex-direction:column;display:flex}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button{padding:var(--luzmo-viz-item-menu-button-edit-padding,var(--viz-item-menu-button-edit-padding));background-color:var(--luzmo-viz-item-menu-button-edit-background,var(--viz-item-menu-button-edit-background))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:first-child{border-top-right-radius:var(--luzmo-viz-item-menu-button-edit-border-radius,var(--viz-item-menu-button-edit-border-radius));border-top-left-radius:var(--luzmo-viz-item-menu-button-edit-border-radius,var(--viz-item-menu-button-edit-border-radius))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:last-child{border-bottom-right-radius:var(--luzmo-viz-item-menu-button-edit-border-radius,var(--viz-item-menu-button-edit-border-radius));border-bottom-left-radius:var(--luzmo-viz-item-menu-button-edit-border-radius,var(--viz-item-menu-button-edit-border-radius));box-shadow:var(--luzmo-viz-item-menu-box-shadow,var(--viz-item-menu-box-shadow))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:hover{background-color:var(--luzmo-viz-item-menu-button-edit-background-hover,var(--viz-item-menu-button-edit-background-hover))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:hover luzmo-icon{color:var(--luzmo-viz-item-menu-button-edit-icon-color,var(--viz-item-menu-button-edit-icon-color-hover))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:active,:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button[aria-pressed=true]{background-color:var(--luzmo-viz-item-menu-button-edit-background-active,var(--viz-item-menu-button-edit-background-active))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button:active luzmo-icon,:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button[aria-pressed=true] luzmo-icon{color:var(--luzmo-viz-item-menu-button-edit-icon-color,var(--viz-item-menu-button-edit-icon-color-active))}:host .viz-item-menu .viz-item-menu-top-section>.viz-item-menu-button luzmo-icon{color:var(--luzmo-viz-item-menu-button-edit-icon-color,var(--viz-item-menu-button-edit-icon-color))}:host .viz-item-menu .viz-item-menu-button{cursor:pointer;transition:var(--luzmo-viz-item-menu-transition,var(--viz-item-menu-transition));width:1rem;height:1rem;font:inherit;color:inherit;box-sizing:content-box;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}:host .viz-item-menu .viz-item-menu-button-delete{padding:var(--luzmo-viz-item-menu-delete-padding,var(--viz-item-menu-delete-padding));border-radius:var(--luzmo-viz-item-menu-delete-border-radius,var(--viz-item-menu-delete-border-radius));background-color:var(--luzmo-viz-item-menu-delete-background,var(--viz-item-menu-delete-background));box-shadow:var(--luzmo-viz-item-menu-box-shadow,var(--viz-item-menu-box-shadow))}:host .viz-item-menu .viz-item-menu-button-delete:hover{background-color:var(--luzmo-viz-item-menu-delete-background-hover,var(--viz-item-menu-delete-background-hover))}:host .viz-item-menu .viz-item-menu-button-delete:hover luzmo-icon{color:var(--luzmo-viz-item-menu-delete-icon-color-hover,var(--viz-item-menu-delete-icon-color-hover))}:host .viz-item-menu .viz-item-menu-button-delete:active{background-color:var(--luzmo-viz-item-menu-delete-background-active,var(--viz-item-menu-delete-background-active))}:host .viz-item-menu .viz-item-menu-button-delete:active luzmo-icon{color:var(--luzmo-viz-item-menu-delete-icon-color-hover,var(--viz-item-menu-delete-icon-color-hover))}:host .viz-item-menu .viz-item-menu-button-delete luzmo-icon{color:var(--luzmo-viz-item-menu-delete-icon-color,var(--viz-item-menu-delete-icon-color))}:host .viz-item-menu luzmo-tooltip{--tooltip-font-family:var(--luzmo-viz-item-menu-tooltip-font-family,var(--viz-item-menu-tooltip-font-family));font-family:var(--luzmo-viz-item-menu-tooltip-font-family,var(--viz-item-menu-tooltip-font-family))}@media (prefers-reduced-motion:reduce){:host .viz-item-menu .viz-item-menu-button{transition:none}}:host{--viz-item-menu-gap:var(--luzmo-spacing-3,.375rem);--viz-item-menu-button-edit-gap:0;--viz-item-menu-button-edit-padding:var(--luzmo-spacing-3,.125rem);--viz-item-menu-button-edit-border-radius:var(--luzmo-border-radius,.25rem);--viz-item-menu-button-edit-background:oklch(40.3678% 2.98023e-8 none);--viz-item-menu-button-edit-background-hover:var(--secondary,var(--luzmo-primary));--viz-item-menu-button-edit-background-active:var(--primary,var(--luzmo-primary));--viz-item-menu-button-edit-icon-color:white;--viz-item-menu-button-edit-icon-color-hover:var(--luzmo-primary-inverse-color,white);--viz-item-menu-button-edit-icon-color-active:var(--luzmo-primary-inverse-color,white);--viz-item-menu-delete-padding:var(--luzmo-spacing-3,.125rem);--viz-item-menu-delete-border-radius:var(--luzmo-border-radius,.25rem);--viz-item-menu-delete-background:oklch(40.3678% 2.98023e-8 none);--viz-item-menu-delete-background-hover:var(--luzmo-negative-color,#de3737);--viz-item-menu-delete-background-active:var(--luzmo-negative-color,#de3737);--viz-item-menu-delete-icon-color:white;--viz-item-menu-delete-icon-color-hover:var(--luzmo-negative-inverse-color,white);--viz-item-menu-transition:all var(--luzmo-animation-duration,.2s) ease;--viz-item-menu-font-size:var(--luzmo-font-size-m,.875rem);--viz-item-menu-box-shadow:0px 4px 4px 0px #0003;--viz-item-menu-tooltip-font-family:var(--luzmo-font-family,"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif)}`,s=class extends t.t(r.LitElement){constructor(...e){super(...e),this.vizItemId=``,this.hiddenButtons=[],this.selectedButton=null,this.menuButtonConfigs={edit:{icon:n.luzmoEdit,label:`Edit`,eventName:`edit`,type:`edit`,cssClass:`viz-item-menu-button viz-item-menu-button-edit`,dataE2e:`viz-item-menu-button-edit`,onHover:()=>this._handleHoverOverEdit()},clone:{icon:n.luzmoClone,label:`Clone`,eventName:`clone`,type:`clone`,cssClass:`viz-item-menu-button viz-item-menu-button-clone`,dataE2e:`viz-item-menu-button-clone`},delete:{icon:n.luzmoTrashOutline,label:`Delete`,eventName:`delete`,type:`delete`,cssClass:`viz-item-menu-button viz-item-menu-button-delete`,dataE2e:`viz-item-menu-button-delete`}}}static{this.styles=(0,r.unsafeCSS)(o)}static{this.tagName=`luzmo-viz-item-menu`}get hasTopSectionButtons(){let e=this._shouldShowButton(`edit`),t=this._shouldShowButton(`clone`);return e||t}_shouldShowButton(e){return!this.hiddenButtons?.includes(e)}_handleSelectedToggle(e){e===`edit`&&(this.selectedButton=this.selectedButton===e?null:e,this._emitSelectedChanged())}_emitSelectedChanged(){this.dispatchEvent(new CustomEvent(`selected-changed`,{bubbles:!0,composed:!0,detail:{selectedButton:this.selectedButton}}))}_handleMenuButtonClick(e){this._handleSelectedToggle(e.type),this.dispatchEvent(new CustomEvent(`button-clicked`,{bubbles:!0,composed:!0,detail:{action:e.eventName,type:e.type,id:this.vizItemId}}))}_createMenuButtonClickHandler(e){return()=>this._handleMenuButtonClick(e)}_handleHoverOverEdit(){this.dispatchEvent(new CustomEvent(`edit-button-hovered`,{bubbles:!0,composed:!0}))}_renderMenuButton(e){let t=this.selectedButton===e.type,n=``;e.type===`edit`?n=(0,a.msg)(`Edit`,{desc:`Edit action label`}):e.type===`clone`?n=(0,a.msg)(`Clone`,{desc:`Grid item action tooltip`}):e.type===`delete`&&(n=(0,a.msg)(`Delete`,{desc:`Delete action label`}));let i=e.type===`edit`;return r.html`
       <button
         class=${e.cssClass}
         data-e2e=${e.dataE2e||``}

package/components/wordcloud-chart-options.config-BQ4Z-vPT.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.
+ * */
+const e=require("./rolldown-runtime-mLOUI7ql.cjs"),t=require("./helpers-B2IWxa9q.cjs"),n=require("./info-tooltip-options.config-B9T0cwSM.cjs"),r=require("./interactivity-options.config-Bzk2L-qh.cjs");var i=e.n({default:()=>a}),a=[{key:`general`,type:`group`,open:!0,children:[{key:`display.title`,control:{type:`switch`,label:`Title`,default:!0}},{key:`categories.colored`,control:{type:`switch`,label:`Word color by category`,default:!0}},{key:`color`,control:{type:`color-picker`,default:({theme:e})=>t.u(e),extraLabel:({options:e,theme:n})=>t.a(e,n,`color`),extraLabelHasClickAction:({options:e,theme:n})=>t.t(e,n,`color`),extraLabelClickAction:({options:e,theme:n})=>t.c(e,n,`color`)},visibleIf:({options:e})=>e?.categories?.colored===!1},{key:`layout`,control:{type:`radio-button-group`,label:`Layout`,default:`horizontal`,enum:[`horizontal`,`random`]}}]},{key:`order`,type:`group`,label:`Limit`,open:!0,children:[{key:`ranking.direction`,control:{type:`picker`,label:`Direction`,default:`top`,enum:[`top`,`bottom`]}},{key:`ranking.number`,control:{type:`number-field`,label:`Number of words`,default:250,min:1,max:999999}}]},n.t(),r.t({select:{default:!0}})];Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});

package/components/{wordcloud-chart-options.config-Dxu7-YcG.js → wordcloud-chart-options.config-CpMtpG7q.js}

@@ -20,8 +20,9 @@
 import { s as e } from "./pragmatic-element-adapter-C_7HSvGV.js";
 import { a as t, c as n, t as r, u as i } from "./helpers-irnB2xbq.js";
 import { t as a } from "./info-tooltip-options.config-BmSMkirf.js";
+import { t as o } from "./interactivity-options.config-BjEGNaIz.js";
 //#region node_modules/@luzmo/dashboard-contents-types/wordcloud-chart/wordcloud-chart-options.config.js
-var o = /* @__PURE__ */ e({ default: () => s }), s = [
+var s = /* @__PURE__ */ e({ default: () => c }), c = [
 	{
 		key: "general",
 		type: "group",
@@ -89,7 +90,8 @@ var o = /* @__PURE__ */ e({ default: () => s }), s = [
 			}
 		}]
 	},
-	a()
+	a(),
+	o({ select: { default: !0 } })
 ];
 //#endregion
-export { o as n, s as t };
+export { s as n, c as t };

package/components/{wordcloud-chart-positioning.config-DUazjx5M.js → wordcloud-chart-positioning.config-B6pvD7_a.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-DkHylw7i.js";
+import { n as e } from "./item-slot-drop-panel-BtrZehGL.js";
 //#region node_modules/@luzmo/dashboard-contents-types/wordcloud-chart/wordcloud-chart-positioning.config.js
 var t = {
 	grid: {

package/components/{wordcloud-chart-positioning.config-Cb7lzr9N.cjs → wordcloud-chart-positioning.config-BJi5SVYf.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-D_EFyM9J.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},category:{column:1,row:2,align:`center`,justify:`center`,rotate:!1},color:{column:2,row:1,align:`center`,justify:`center`,rotate:!0}}};exports.wordcloudChartPositioningConfig=t;
+const e=require("./item-slot-drop-panel-CKXMQCyt.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},category:{column:1,row:2,align:`center`,justify:`center`,rotate:!1},color:{column:2,row:1,align:`center`,justify:`center`,rotate:!0}}};exports.wordcloudChartPositioningConfig=t;

package/custom-elements.json

@@ -693,6 +693,17 @@
               "description": "When true, hides the dataset row and add-dataset button entirely",
               "attribute": "hide-selected-datasets"
             },
+            {
+              "kind": "field",
+              "name": "hideAgents",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, hides the Agents section in the input and runs prompts without a picked agent",
+              "attribute": "hide-agents",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "disableColumnMentions",
@@ -710,7 +721,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "When true, at least one dataset must be selected before the prompt can be submitted",
+              "description": "When true, a picked agent or at least one selected dataset is required before the prompt can be submitted",
               "attribute": "require-dataset"
             },
             {
@@ -769,7 +780,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Saved Agent id (UUID) to run the prompt as.",
+              "description": "Saved Agent id (UUID) to run the prompt as. An agent picked in the prompt box takes precedence for that prompt.",
               "attribute": "agent-id"
             },
             {
@@ -1559,6 +1570,15 @@
               "description": "When true, hides the dataset row and add-dataset button entirely",
               "fieldName": "hideSelectedDatasets"
             },
+            {
+              "name": "hide-agents",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, hides the Agents section in the input and runs prompts without a picked agent",
+              "fieldName": "hideAgents"
+            },
             {
               "name": "disable-column-mentions",
               "type": {
@@ -1574,7 +1594,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "When true, at least one dataset must be selected before the prompt can be submitted",
+              "description": "When true, a picked agent or at least one selected dataset is required before the prompt can be submitted",
               "fieldName": "requireDataset"
             },
             {
@@ -1618,7 +1638,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "Saved Agent id (UUID) to run the prompt as.",
+              "description": "Saved Agent id (UUID) to run the prompt as. An agent picked in the prompt box takes precedence for that prompt.",
               "fieldName": "agentId"
             },
             {
@@ -2369,7 +2389,16 @@
                 "type": {
                   "text": "boolean"
                 }
-              }
+              },
+              "parameters": [
+                {
+                  "name": "agentId",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
@@ -2407,6 +2436,13 @@
                   "type": {
                     "text": "string[]"
                   }
+                },
+                {
+                  "name": "agentId",
+                  "default": "this._config.agentId",
+                  "type": {
+                    "text": "string | undefined"
+                  }
                 }
               ]
             },
@@ -2422,7 +2458,7 @@
                 {
                   "name": "params",
                   "type": {
-                    "text": "{\n    prompt: string;\n    selectedDatasets: Dataset[];\n    datasetIds: string[];\n    signal?: AbortSignal;\n    attachments?: PromptBoxAttachment[];\n    attachmentUrls?: string[];\n  }"
+                    "text": "{\n    prompt: string;\n    selectedDatasets: Dataset[];\n    datasetIds: string[];\n    signal?: AbortSignal;\n    attachments?: PromptBoxAttachment[];\n    attachmentUrls?: string[];\n    agentId?: string;\n  }"
                   }
                 }
               ],
@@ -3217,6 +3253,26 @@
               "attribute": "max-visible-selected-datasets",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "selectedAgent",
+              "type": {
+                "text": "Agent | null"
+              },
+              "default": "null",
+              "description": "The saved Agent the prompt is scoped to, or null"
+            },
+            {
+              "kind": "field",
+              "name": "hideAgents",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, hides the Agents section in the add dropdown and ignores `selectedAgent` for `require-dataset` and `prompt-submitted`",
+              "attribute": "hide-agents",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "disableDatasetModification",
@@ -3295,7 +3351,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "When true, at least one dataset must be selected before the prompt can be submitted",
+              "description": "When true, a selected agent or at least one selected dataset is required before the prompt can be submitted",
               "attribute": "require-dataset"
             },
             {
@@ -3507,6 +3563,14 @@
               "name": "hide-selected-datasets",
               "kind": "field"
             },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "When true, hides the Agents section in the add dropdown and ignores `selectedAgent` for `require-dataset` and `prompt-submitted`",
+              "name": "hide-agents",
+              "kind": "field"
+            },
             {
               "type": {
                 "text": "boolean"
@@ -3535,7 +3599,7 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "When true, at least one dataset must be selected before the prompt can be submitted",
+              "description": "When true, a selected agent or at least one selected dataset is required before the prompt can be submitted",
               "name": "require-dataset",
               "kind": "field"
             },
@@ -3714,6 +3778,15 @@
               "description": "Maximum number of selected dataset tags shown before the overflow control.",
               "fieldName": "maxVisibleSelectedDatasets"
             },
+            {
+              "name": "hide-agents",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, hides the Agents section in the add dropdown and ignores `selectedAgent` for `require-dataset` and `prompt-submitted`",
+              "fieldName": "hideAgents"
+            },
             {
               "name": "disable-dataset-modification",
               "type": {
@@ -3783,7 +3856,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "When true, at least one dataset must be selected before the prompt can be submitted",
+              "description": "When true, a selected agent or at least one selected dataset is required before the prompt can be submitted",
               "fieldName": "requireDataset"
             },
             {
@@ -5903,10 +5976,33 @@
               "description": "Array of selected datasets",
               "attribute": "selectedDatasets"
             },
+            {
+              "kind": "field",
+              "name": "selectedAgent",
+              "type": {
+                "text": "Agent | null"
+              },
+              "default": "null",
+              "description": "The agent the chat is scoped to, or null"
+            },
+            {
+              "kind": "field",
+              "name": "hideAgents",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, hides the Agents section and ignores `selectedAgent`",
+              "attribute": "hide-agents",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "buttonLabel",
-              "description": "Accessible label and hover tooltip text for the dataset search trigger",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Accessible label and hover tooltip text for the search trigger",
               "attribute": "button-label"
             },
             {
@@ -6036,6 +6132,14 @@
               "name": "max-visible-selected-datasets",
               "kind": "field"
             },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "When true, hides the Agents section and ignores `selectedAgent`",
+              "name": "hide-agents",
+              "kind": "field"
+            },
             {
               "type": {
                 "text": "string"
@@ -6094,6 +6198,13 @@
             }
           ],
           "events": [
+            {
+              "name": "luzmo-agent-selected",
+              "type": {
+                "text": "CustomEvent<Agent>"
+              },
+              "description": "Fired when an agent is selected"
+            },
             {
               "name": "dataset-selected",
               "type": {
@@ -6107,6 +6218,13 @@
                 "text": "CustomEvent<Dataset>"
               },
               "description": "Fired when a dataset is removed"
+            },
+            {
+              "name": "luzmo-agent-removed",
+              "type": {
+                "text": "CustomEvent<Agent>"
+              },
+              "description": "Fired when the selected agent is removed"
             }
           ],
           "attributes": [
@@ -6119,9 +6237,21 @@
               "description": "Array of selected datasets",
               "fieldName": "selectedDatasets"
             },
+            {
+              "name": "hide-agents",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, hides the Agents section and ignores `selectedAgent`",
+              "fieldName": "hideAgents"
+            },
             {
               "name": "button-label",
-              "description": "Accessible label and hover tooltip text for the dataset search trigger",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Accessible label and hover tooltip text for the search trigger",
               "fieldName": "buttonLabel"
             },
             {
@@ -6220,7 +6350,7 @@
           },
           "tagName": "luzmo-dataset-selector-row",
           "customElement": true,
-          "summary": "A row component for selecting and managing datasets with pills and overlay. Theme Lucero primitives (`luzmo-select`, options, popover, tags) with `--luzmo-select-*`, `--luzmo-popover-max-height`, `--luzmo-option-*`, `--luzmo-tag-*` on this host or an ancestor; optional `--luzmo-dataset-selector-row-*` overrides ACK row shell defaults (gap, typography, search max width, scoped popover height)."
+          "summary": "A row component for selecting and managing datasets with pills and overlay. The dropdown lists up to five saved Agents in a labelled section above the datasets, so a chat can be scoped to an agent from the same control; `hide-agents` turns that section off. Theme Lucero primitives (`luzmo-select`, options, popover, tags) with `--luzmo-select-*`, `--luzmo-popover-max-height`, `--luzmo-option-*`, `--luzmo-tag-*` on this host or an ancestor; optional `--luzmo-dataset-selector-row-*` overrides ACK row shell defaults (gap, typography, search max width, scoped popover height)."
         }
       ],
       "exports": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luzmo/analytics-components-kit",
-  "version": "1.0.8-beta.3",
+  "version": "1.0.8-beta.5",
   "type": "module",
   "main": "./components/index.js",
   "module": "./components/index.js",
@@ -334,7 +334,7 @@
     "@lit/task": "^1.0.1",
     "@luzmo/embed": "^7.5.0",
     "@luzmo/icons": "^1.0.1-alpha.46",
-    "@luzmo/lucero": "^2.0.1",
+    "@luzmo/lucero": "^2.2.0",
     "colorjs.io": "^0.5.2",
     "lit": "^3.3.2",
     "yjs": "^13.6.29"
@@ -349,9 +349,9 @@
     "@codemirror/commands": "^6.10.3",
     "@codemirror/state": "^6.6.0",
     "@codemirror/view": "^6.43.1",
-    "@luzmo/dashboard-contents-types": "1.0.42",
+    "@luzmo/dashboard-contents-types": "1.0.43",
     "@tanstack/query-core": "^5.90.5",
-    "dompurify": "^3.4.12",
+    "dompurify": "^3.4.16",
     "gridstack": "^12.3.3",
     "marked": "^18.0.5",
     "uuid": "^14.0.0"

package/react/components/dataset-selector-row.component.ts

@@ -1,28 +1,34 @@
 import React from 'react';
 import { createComponent, EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoDatasetSelectorRow as LuzmoDatasetSelectorRowClass, Dataset } from '@luzmo/analytics-components-kit/dataset-selector-row';
+import { LuzmoDatasetSelectorRow as LuzmoDatasetSelectorRowClass, Agent, Dataset } from '@luzmo/analytics-components-kit/dataset-selector-row';
 
 const LuzmoDatasetSelectorRowComponent = createComponent({
   tagName: 'luzmo-dataset-selector-row',
   elementClass: LuzmoDatasetSelectorRowClass,
   react: React,
   events: {
+    onLuzmoAgentSelected: 'luzmo-agent-selected' as EventName<CustomEvent<Agent>>,
     onDatasetSelected: 'dataset-selected' as EventName<CustomEvent<Dataset>>,
-    onDatasetRemoved: 'dataset-removed' as EventName<CustomEvent<Dataset>>
+    onDatasetRemoved: 'dataset-removed' as EventName<CustomEvent<Dataset>>,
+    onLuzmoAgentRemoved: 'luzmo-agent-removed' as EventName<CustomEvent<Agent>>
   }
 });
 
 /**
  * React wrapper for <luzmo-dataset-selector-row>
  *
+ * @event onLuzmoAgentSelected - Fired when an agent is selected
  * @event onDatasetSelected - Fired when a dataset is selected
  * @event onDatasetRemoved - Fired when a dataset is removed
+ * @event onLuzmoAgentRemoved - Fired when the selected agent is removed
  */
 export const LuzmoDatasetSelectorRow = LuzmoDatasetSelectorRowComponent as ReactWebComponent<
   LuzmoDatasetSelectorRowClass,
   {
+    onLuzmoAgentSelected: EventName<CustomEvent<Agent>>;
     onDatasetSelected: EventName<CustomEvent<Dataset>>;
     onDatasetRemoved: EventName<CustomEvent<Dataset>>;
+    onLuzmoAgentRemoved: EventName<CustomEvent<Agent>>;
   }
 >;
 

package/react/esm/components/dataset-selector-row.component.d.ts

@@ -1,14 +1,18 @@
 import { EventName, ReactWebComponent } from '@lit/react';
-import { LuzmoDatasetSelectorRow as LuzmoDatasetSelectorRowClass, Dataset } from '@luzmo/analytics-components-kit/dataset-selector-row';
+import { LuzmoDatasetSelectorRow as LuzmoDatasetSelectorRowClass, Agent, Dataset } from '@luzmo/analytics-components-kit/dataset-selector-row';
 /**
  * React wrapper for <luzmo-dataset-selector-row>
  *
+ * @event onLuzmoAgentSelected - Fired when an agent is selected
  * @event onDatasetSelected - Fired when a dataset is selected
  * @event onDatasetRemoved - Fired when a dataset is removed
+ * @event onLuzmoAgentRemoved - Fired when the selected agent is removed
  */
 export declare const LuzmoDatasetSelectorRow: ReactWebComponent<LuzmoDatasetSelectorRowClass, {
+    onLuzmoAgentSelected: EventName<CustomEvent<Agent>>;
     onDatasetSelected: EventName<CustomEvent<Dataset>>;
     onDatasetRemoved: EventName<CustomEvent<Dataset>>;
+    onLuzmoAgentRemoved: EventName<CustomEvent<Agent>>;
 }>;
 /** The underlying custom element type for LuzmoDatasetSelectorRow */
 export type LuzmoDatasetSelectorRowElement = LuzmoDatasetSelectorRowClass;

package/react/esm/components/dataset-selector-row.component.js

@@ -6,14 +6,18 @@ const LuzmoDatasetSelectorRowComponent = createComponent({
     elementClass: LuzmoDatasetSelectorRowClass,
     react: React,
     events: {
+        onLuzmoAgentSelected: 'luzmo-agent-selected',
         onDatasetSelected: 'dataset-selected',
-        onDatasetRemoved: 'dataset-removed'
+        onDatasetRemoved: 'dataset-removed',
+        onLuzmoAgentRemoved: 'luzmo-agent-removed'
     }
 });
 /**
  * React wrapper for <luzmo-dataset-selector-row>
  *
+ * @event onLuzmoAgentSelected - Fired when an agent is selected
  * @event onDatasetSelected - Fired when a dataset is selected
  * @event onDatasetRemoved - Fired when a dataset is removed
+ * @event onLuzmoAgentRemoved - Fired when the selected agent is removed
  */
 export const LuzmoDatasetSelectorRow = LuzmoDatasetSelectorRowComponent;

package/react/luzmo-stub.d.ts

@@ -56,6 +56,7 @@ declare module '@luzmo/analytics-components-kit/dataset-selector-list' {
 
 declare module '@luzmo/analytics-components-kit/dataset-selector-row' {
   export class LuzmoDatasetSelectorRow extends HTMLElement {}
+  export type Agent = Record<string, unknown>;
   export type Dataset = Record<string, unknown>;
 }
 

package/react/package.json

@@ -29,7 +29,7 @@
   "peerDependencies": {
     "@lit/react": "^1.0.6",
     "react": "^18.0.0 || ^19.0.0",
-    "@luzmo/analytics-components-kit": "^1.0.8-beta.3"
+    "@luzmo/analytics-components-kit": "^1.0.8-beta.5"
   },
-  "version": "1.0.8-beta.3"
+  "version": "1.0.8-beta.5"
 }

package/types/agent.types.d.ts

@@ -0,0 +1,4 @@
+export interface Agent {
+    id: string;
+    name: string | Record<string, string>;
+}

package/types.d.ts

@@ -7,6 +7,7 @@
  */
 export type { Column, ColumnSubtype, ColumnType, GenericSlotContent, GridConfig, ItemFilterGroup, OptionConfig, OptionsConfig, OptionTranslation, Slot, SlotConfig, SlotName, SlotPosition, SlotPositioningConfig, ThemeConfig, TranslationOverrides, TranslationsFile, VizItemSlot, VizItemType } from '@luzmo/dashboard-contents-types';
 export type { ElementSize, Placement } from '@luzmo/lucero';
+export type * from './types/agent.types';
 export type * from './types/ai-chat.types';
 export type * from './types/data-field-events.types';
 export type * from './types/dataset-data-field.types';

package/utils/formatter/get-localized-name.d.ts

@@ -0,0 +1,4 @@
+export declare function getLocalizedName(item: {
+    id: string;
+    name: string | Record<string, string>;
+}): string;

package/utils/formatter/tests/get-localized-name.test.d.ts

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