@aceshooting/lyra-ui 4.0.0 → 4.2.0

package/dist/components/emoji-picker/emoji-picker.class.d.ts

@@ -39,7 +39,8 @@ declare const LyraEmojiPicker_base: typeof EmojiPickerBase & (new (...args: any[
  * under RTL; Up/Down move by one visual row, measured from the live wrap layout), Home/End jump to
  * the first/last option, and Enter/Space picks. The search input doubles as a `role="combobox"`
  * over the same listbox: the arrow keys and Enter also work there while focus stays in the input,
- * with `aria-activedescendant` tracking the active option.
+ * with `aria-activedescendant` tracking the active option. Large data sets automatically window
+ * their visible rows so scrolling does not create one button per supplied emoji in the DOM.
  *
  * @customElement lr-emoji-picker
  * @event lr-change - An emoji was picked. `detail: { emoji: string }`.
@@ -67,12 +68,23 @@ export declare class LyraEmojiPicker extends LyraEmojiPicker_base {
     connectedCallback(): void;
     private queryText;
     private activeIndex;
+    /** The large-data path keeps only visible rows in the DOM. The regular path remains unchanged
+     * for small sets so consumers keep the simple grouped light-DOM shape they already receive. */
+    private virtualScrollTop;
+    private virtualScrollRaf?;
+    private observedGrid?;
+    private observedGridVirtualized;
+    private gridResizeObserver?;
     private searchEl?;
     private readonly gridId;
     private readonly haystacks;
     private haystackFor;
     private get filteredGroups();
     private get flatItems();
+    private get isVirtualized();
+    private cssPixelValue;
+    private virtualRowHeight;
+    private virtualRows;
     private optionButtons;
     /** Options in the first rendered row. Measured from live layout at call time because the
      *  flex-wrap column count is fluid (container width, emoji font metrics). */
@@ -86,7 +98,12 @@ export declare class LyraEmojiPicker extends LyraEmojiPicker_base {
     private pick;
     private onNavigationKeyDown;
     private onGridFocusIn;
+    private onGridScroll;
+    private syncGridObserver;
     protected updated(changed: PropertyValues): void;
+    disconnectedCallback(): void;
+    private renderEmojiButton;
+    private renderVirtualRows;
     render(): TemplateResult;
 }
 declare global {

package/dist/components/emoji-picker/emoji-picker.class.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"emoji-picker.class.d.ts","sourceRoot":"","sources":["../../../src/components/emoji-picker/emoji-picker.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAM7D,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd;oEACgE;IAChE,IAAI,EAAE,MAAM,CAAC;IACb,2FAA2F;IAC3F,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB;AAED,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,eAAe,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC9B,MAAM,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC/B,IAAI,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC9B;kFAC8E;IAC9E,WAAW,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC7C;AAED,cAAM,eAAgB,SAAQ,WAAW,CAAC,uBAAuB,CAAC;CAAG;;AAErE;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBAAa,eAAgB,SAAQ,oBAA+B;IAClE,MAAM,CAAC,MAAM,iCAAgC;IAE7C;;mGAE+F;IAC/D,MAAM,EAAE,gBAAgB,EAAE,CAAM;IAEhE;4CACwC;IACD,eAAe,SAAM;IAE5D;;uFAEmF;IACnF,OAAO,CAAC,UAAU,CAAiE;IAEnF,iBAAiB,IAAI,IAAI,CAWxB;IAEQ,OAAO,CAAC,SAAS,CAAM;IAOhC,OAAO,CAAC,WAAW,CAAK;IAEE,OAAO,CAAC,QAAQ,CAAC,CAAmB;IAE9D,OAAO,CAAC,QAAQ,CAAC,MAAM,CAA+B;IAMtD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAA0C;IAEpE,OAAO,CAAC,WAAW;IASnB,OAAO,KAAK,cAAc,GASzB;IAED,OAAO,KAAK,SAAS,GAEpB;IAED,OAAO,CAAC,aAAa;IAIrB;iFAC6E;IAC7E,OAAO,CAAC,aAAa;IAYrB;;;yBAGqB;IACrB,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,aAAa,CAGnB;IAEF,OAAO,CAAC,IAAI;IAQZ,OAAO,CAAC,mBAAmB,CA2BzB;IAKF,OAAO,CAAC,aAAa,CAKnB;IAEF,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAY/C;IAED,MAAM,IAAI,cAAc,CAmDvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,eAAe,CAAC;KACpC;CACF"}
+{"version":3,"file":"emoji-picker.class.d.ts","sourceRoot":"","sources":["../../../src/components/emoji-picker/emoji-picker.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAe7D,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd;oEACgE;IAChE,IAAI,EAAE,MAAM,CAAC;IACb,2FAA2F;IAC3F,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB;AAED,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,eAAe,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC9B,MAAM,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC/B,IAAI,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC9B;kFAC8E;IAC9E,WAAW,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC7C;AAED,cAAM,eAAgB,SAAQ,WAAW,CAAC,uBAAuB,CAAC;CAAG;;AAErE;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBAAa,eAAgB,SAAQ,oBAA+B;IAClE,MAAM,CAAC,MAAM,iCAAgC;IAE7C;;mGAE+F;IAC/D,MAAM,EAAE,gBAAgB,EAAE,CAAM;IAEhE;4CACwC;IACD,eAAe,SAAM;IAE5D;;uFAEmF;IACnF,OAAO,CAAC,UAAU,CAAiE;IAEnF,iBAAiB,IAAI,IAAI,CAWxB;IAEQ,OAAO,CAAC,SAAS,CAAM;IAOhC,OAAO,CAAC,WAAW,CAAK;IAExB;mGAC+F;IAC/F,OAAO,CAAC,gBAAgB,CAAK;IAC7B,OAAO,CAAC,gBAAgB,CAAC,CAAS;IAClC,OAAO,CAAC,YAAY,CAAC,CAAc;IACnC,OAAO,CAAC,uBAAuB,CAAS;IACxC,OAAO,CAAC,kBAAkB,CAAC,CAAiB;IAElB,OAAO,CAAC,QAAQ,CAAC,CAAmB;IAE9D,OAAO,CAAC,QAAQ,CAAC,MAAM,CAA+B;IAMtD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAA0C;IAEpE,OAAO,CAAC,WAAW;IASnB,OAAO,KAAK,cAAc,GASzB;IAED,OAAO,KAAK,SAAS,GAEpB;IAED,OAAO,KAAK,aAAa,GAExB;IAED,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,WAAW;IAenB,OAAO,CAAC,aAAa;IAIrB;iFAC6E;IAC7E,OAAO,CAAC,aAAa;IAmBrB;;;yBAGqB;IACrB,OAAO,CAAC,cAAc;IAkCtB,OAAO,CAAC,aAAa,CAGnB;IAEF,OAAO,CAAC,IAAI;IAQZ,OAAO,CAAC,mBAAmB,CA2BzB;IAKF,OAAO,CAAC,aAAa,CAMnB;IAEF,OAAO,CAAC,YAAY,CASlB;IAEF,OAAO,CAAC,gBAAgB;IAcxB,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAa/C;IAED,oBAAoB,IAAI,IAAI,CAW3B;IAED,OAAO,CAAC,iBAAiB;IAmBzB,OAAO,CAAC,iBAAiB;IAwBzB,MAAM,IAAI,cAAc,CAyCvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,eAAe,CAAC;KACpC;CACF"}

package/dist/components/emoji-picker/emoji-picker.class.js

@@ -12,6 +12,9 @@ import { FormAssociated } from '../../internal/form-associated.js';
 import { nextId } from '../../internal/a11y.js';
 import { styles } from './emoji-picker.styles.js';
 import { loadEmojiDataCached } from './emoji-data-loader.js';
+const VIRTUALIZE_AT = 200;
+const VIRTUAL_ROW_HEIGHT_FALLBACK = 64;
+const MAX_VIRTUAL_COLUMNS = 20;
 class EmojiPickerBase extends LyraElement {
 }
 /**
@@ -26,7 +29,8 @@ class EmojiPickerBase extends LyraElement {
  * under RTL; Up/Down move by one visual row, measured from the live wrap layout), Home/End jump to
  * the first/last option, and Enter/Space picks. The search input doubles as a `role="combobox"`
  * over the same listbox: the arrow keys and Enter also work there while focus stays in the input,
- * with `aria-activedescendant` tracking the active option.
+ * with `aria-activedescendant` tracking the active option. Large data sets automatically window
+ * their visible rows so scrolling does not create one button per supplied emoji in the DOM.
  *
  * @customElement lr-emoji-picker
  * @event lr-change - An emoji was picked. `detail: { emoji: string }`.
@@ -59,6 +63,10 @@ export class LyraEmojiPicker extends FormAssociated(EmojiPickerBase) {
         // the `live()` bindings in `render()` reconcile the template against that imperative state
         // whenever a real re-render (a query/groups change) happens.
         this.activeIndex = 0;
+        /** The large-data path keeps only visible rows in the DOM. The regular path remains unchanged
+         * for small sets so consumers keep the simple grouped light-DOM shape they already receive. */
+        this.virtualScrollTop = 0;
+        this.observedGridVirtualized = false;
         this.gridId = nextId('emoji-picker-grid');
         // Lowercased search haystack per item, computed once per item object -- re-joining and
         // re-lowercasing every item on every keystroke dominates filter cost for large sets. Keyed by
@@ -116,10 +124,24 @@ export class LyraEmojiPicker extends FormAssociated(EmojiPickerBase) {
             const button = event.target;
             if (!(button instanceof HTMLButtonElement))
                 return;
-            const index = this.optionButtons().indexOf(button);
+            const indexed = Number(button.dataset.index);
+            const index = Number.isInteger(indexed) ? indexed : this.optionButtons().indexOf(button);
             if (index >= 0 && index !== this.activeIndex)
                 this.setActiveIndex(index, false);
         };
+        this.onGridScroll = (event) => {
+            if (!this.isVirtualized)
+                return;
+            const grid = event.currentTarget;
+            this.virtualScrollTop = grid.scrollTop;
+            if (this.virtualScrollRaf !== undefined)
+                return;
+            this.virtualScrollRaf = requestAnimationFrame(() => {
+                this.virtualScrollRaf = undefined;
+                if (this.isConnected)
+                    this.requestUpdate();
+            });
+        };
     }
     static { this.styles = [LyraElement.styles, styles]; }
     connectedCallback() {
@@ -158,12 +180,43 @@ export class LyraEmojiPicker extends FormAssociated(EmojiPickerBase) {
     get flatItems() {
         return this.filteredGroups.flatMap((group) => group.emojis);
     }
+    get isVirtualized() {
+        return this.flatItems.length >= VIRTUALIZE_AT;
+    }
+    cssPixelValue(name, fallback) {
+        const value = Number.parseFloat(getComputedStyle(this).getPropertyValue(name));
+        return Number.isFinite(value) && value > 0 ? value : fallback;
+    }
+    virtualRowHeight() {
+        return this.cssPixelValue('--lr-emoji-picker-row-height', VIRTUAL_ROW_HEIGHT_FALLBACK);
+    }
+    virtualRows() {
+        const columns = this.columnsPerRow();
+        let index = 0;
+        const rows = [];
+        for (const group of this.filteredGroups) {
+            for (let offset = 0; offset < group.emojis.length; offset += columns) {
+                rows.push({
+                    label: offset === 0 ? group.label : undefined,
+                    items: group.emojis.slice(offset, offset + columns).map((item) => ({ item, index: index++ })),
+                });
+            }
+        }
+        return rows;
+    }
     optionButtons() {
         return [...this.renderRoot.querySelectorAll('[part="emoji"]')];
     }
     /** Options in the first rendered row. Measured from live layout at call time because the
      *  flex-wrap column count is fluid (container width, emoji font metrics). */
     columnsPerRow() {
+        if (this.isVirtualized) {
+            const grid = this.renderRoot.querySelector('[part="grid"]');
+            const width = grid?.clientWidth ?? 0;
+            const itemSize = this.cssPixelValue('--lr-emoji-picker-item-size', 40);
+            const gap = this.cssPixelValue('--lr-emoji-picker-gap', 4);
+            return Math.min(MAX_VIRTUAL_COLUMNS, Math.max(1, Math.floor((Math.max(width, itemSize) + gap) / (itemSize + gap))));
+        }
         const buttons = this.optionButtons();
         if (buttons.length === 0)
             return 1;
@@ -182,29 +235,59 @@ export class LyraEmojiPicker extends FormAssociated(EmojiPickerBase) {
      *  in the input). */
     setActiveIndex(next, focusTarget) {
         const buttons = this.optionButtons();
-        if (buttons.length === 0)
+        if (buttons.length === 0 && !this.isVirtualized)
             return;
-        this.activeIndex = Math.max(0, Math.min(next, buttons.length - 1));
-        const target = buttons[this.activeIndex];
+        this.activeIndex = Math.max(0, Math.min(next, this.flatItems.length - 1));
+        const target = this.isVirtualized
+            ? this.renderRoot.querySelector(`[part="emoji"][data-index="${this.activeIndex}"]`)
+            : buttons[this.activeIndex];
         const previous = this.renderRoot.querySelector('[part="emoji"][data-active]');
         if (previous && previous !== target) {
             previous.tabIndex = -1;
             previous.setAttribute('aria-selected', 'false');
             previous.removeAttribute('data-active');
         }
-        target.tabIndex = 0;
-        target.setAttribute('aria-selected', 'true');
-        target.setAttribute('data-active', '');
-        this.searchEl?.setAttribute('aria-activedescendant', target.id);
-        target.scrollIntoView({ block: 'nearest' });
+        if (target) {
+            target.tabIndex = 0;
+            target.setAttribute('aria-selected', 'true');
+            target.setAttribute('data-active', '');
+            this.searchEl?.setAttribute('aria-activedescendant', target.id);
+            target.scrollIntoView({ block: 'nearest' });
+        }
+        else if (this.isVirtualized) {
+            this.searchEl?.setAttribute('aria-activedescendant', `${this.gridId}-item-${this.activeIndex}`);
+            const rowIndex = this.virtualRows().findIndex((row) => row.items.some(({ index }) => index === this.activeIndex));
+            const grid = this.renderRoot.querySelector('[part="grid"]');
+            if (rowIndex >= 0 && grid) {
+                grid.scrollTop = rowIndex * this.virtualRowHeight();
+                this.virtualScrollTop = grid.scrollTop;
+                this.requestUpdate();
+            }
+        }
         if (focusTarget)
-            target.focus();
+            target?.focus();
     }
     pick(item) {
         this.value = item.emoji;
         this.emit('lr-change', { emoji: item.emoji });
     }
+    syncGridObserver() {
+        const grid = this.renderRoot.querySelector('[part="grid"]');
+        const virtualized = this.isVirtualized;
+        if (grid === this.observedGrid && virtualized === this.observedGridVirtualized)
+            return;
+        this.observedGrid?.removeEventListener('scroll', this.onGridScroll);
+        this.gridResizeObserver?.disconnect();
+        this.observedGrid = grid ?? undefined;
+        this.observedGridVirtualized = virtualized;
+        if (!grid || !virtualized)
+            return;
+        grid.addEventListener('scroll', this.onGridScroll, { passive: true });
+        this.gridResizeObserver = new ResizeObserver(() => this.requestUpdate());
+        this.gridResizeObserver.observe(grid);
+    }
     updated(changed) {
+        this.syncGridObserver();
         if (!changed.has('queryText') && !changed.has('groups'))
             return;
         const buttons = this.optionButtons();
@@ -213,12 +296,63 @@ export class LyraEmojiPicker extends FormAssociated(EmojiPickerBase) {
             this.searchEl?.removeAttribute('aria-activedescendant');
             return;
         }
-        if (this.activeIndex >= buttons.length)
+        if (!this.isVirtualized && this.activeIndex >= buttons.length)
             this.activeIndex = 0;
         // The grid just re-rendered: re-assert the active option's imperative state (tabindex,
         // aria-selected, aria-activedescendant) against the fresh DOM and keep it scrolled into view.
         this.setActiveIndex(this.activeIndex, false);
     }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.observedGrid?.removeEventListener('scroll', this.onGridScroll);
+        this.gridResizeObserver?.disconnect();
+        this.gridResizeObserver = undefined;
+        this.observedGrid = undefined;
+        this.observedGridVirtualized = false;
+        if (this.virtualScrollRaf !== undefined) {
+            cancelAnimationFrame(this.virtualScrollRaf);
+            this.virtualScrollRaf = undefined;
+        }
+    }
+    renderEmojiButton(item, itemIndex, total) {
+        return html `<button
+      type="button"
+      part="emoji"
+      id=${`${this.gridId}-item-${itemIndex}`}
+      data-index=${itemIndex}
+      role="option"
+      tabindex=${live(itemIndex === this.activeIndex ? '0' : '-1')}
+      aria-selected=${live(itemIndex === this.activeIndex ? 'true' : 'false')}
+      aria-setsize=${total}
+      aria-posinset=${itemIndex + 1}
+      aria-label=${item.name}
+      ?data-active=${live(itemIndex === this.activeIndex)}
+      @click=${() => this.pick(item)}
+      @focusin=${this.onGridFocusIn}
+      @mouseenter=${() => this.setActiveIndex(itemIndex, false)}
+    >${item.emoji}</button>`;
+    }
+    renderVirtualRows() {
+        const rows = this.virtualRows();
+        const rowHeight = this.virtualRowHeight();
+        const grid = this.renderRoot.querySelector('[part="grid"]');
+        const viewportHeight = grid?.clientHeight || 256;
+        const start = Math.max(0, Math.floor(this.virtualScrollTop / rowHeight) - 3);
+        const end = Math.min(rows.length, Math.ceil((this.virtualScrollTop + viewportHeight) / rowHeight) + 3);
+        const total = this.flatItems.length;
+        return html `
+      <div part="virtual-spacer" style=${`block-size: ${rows.length * rowHeight}px`}>
+        ${rows.slice(start, end).map((row, offset) => html `
+            <div part="virtual-row" style=${`transform: translateY(${(start + offset) * rowHeight}px)`}>
+              ${row.label ? html `<div part="group-label">${row.label}</div>` : html `<div part="virtual-label" aria-hidden="true"></div>`}
+              <div part="virtual-items">
+                ${row.items.map(({ item, index }) => this.renderEmojiButton(item, index, total))}
+              </div>
+            </div>
+          `)}
+      </div>
+    `;
+    }
     render() {
         const items = this.flatItems;
         let index = -1;
@@ -246,24 +380,14 @@ export class LyraEmojiPicker extends FormAssociated(EmojiPickerBase) {
         >
           ${items.length === 0
             ? html `<div part="empty">${this.localize('emojiPickerEmpty')}</div>`
-            : this.filteredGroups.map((group) => html `
+            : this.isVirtualized
+                ? this.renderVirtualRows()
+                : this.filteredGroups.map((group) => html `
                   <div part="group-label">${group.label}</div>
                   ${group.emojis.map((item) => {
-                index++;
-                const itemIndex = index;
-                return html `<button
-                      type="button"
-                      part="emoji"
-                      id=${`${this.gridId}-item-${itemIndex}`}
-                      role="option"
-                      tabindex=${live(itemIndex === this.activeIndex ? '0' : '-1')}
-                      aria-selected=${live(itemIndex === this.activeIndex ? 'true' : 'false')}
-                      aria-label=${item.name}
-                      ?data-active=${live(itemIndex === this.activeIndex)}
-                      @click=${() => this.pick(item)}
-                      @mouseenter=${() => this.setActiveIndex(itemIndex, false)}
-                    >${item.emoji}</button>`;
-            })}
+                    index++;
+                    return this.renderEmojiButton(item, index, items.length);
+                })}
                 `)}
         </div>
       </div>

package/dist/components/emoji-picker/emoji-picker.class.js.map

@@ -1 +1 @@
-{"version":3,"file":"emoji-picker.class.js","sourceRoot":"","sources":["../../../src/components/emoji-picker/emoji-picker.class.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAA4C,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AA2B7D,MAAM,eAAgB,SAAQ,WAAoC;CAAG;AAErE;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,OAAO,eAAgB,SAAQ,cAAc,CAAC,eAAe,CAAC;IAApE;;QAGE;;uGAE+F;QAC/D,WAAM,GAAuB,EAAE,CAAC;QAEhE;gDACwC;QACD,oBAAe,GAAG,EAAE,CAAC;QAE5D;;2FAEmF;QAC3E,eAAU,GAA6C,mBAAmB,CAAC;QAelE,cAAS,GAAG,EAAE,CAAC;QAEhC,gGAAgG;QAChG,+FAA+F;QAC/F,iGAAiG;QACjG,2FAA2F;QAC3F,6DAA6D;QACrD,gBAAW,GAAG,CAAC,CAAC;QAIP,WAAM,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAC;QAEtD,uFAAuF;QACvF,8FAA8F;QAC9F,6FAA6F;QAC7F,qBAAqB;QACJ,cAAS,GAAG,IAAI,OAAO,EAA2B,CAAC;QAmE5D,kBAAa,GAAG,CAAC,KAAY,EAAQ,EAAE;YAC7C,IAAI,CAAC,SAAS,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;YAC1D,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;QACvB,CAAC,CAAC;QAOF,kFAAkF;QAClF,gGAAgG;QAChG,8BAA8B;QACtB,wBAAmB,GAAG,CAAC,KAAoB,EAAQ,EAAE;YAC3D,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC;YAC7B,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;gBAAE,OAAO;YAC/B,MAAM,QAAQ,GAAG,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC,QAAQ,CAAC;YACvD,6FAA6F;YAC7F,yDAAyD;YACzD,MAAM,UAAU,GAAG,IAAI,CAAC,kBAAkB,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC;YAClF,MAAM,WAAW,GAAG,IAAI,CAAC,kBAAkB,KAAK,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC;YACnF,IAAI,MAAc,CAAC;YACnB,IAAI,KAAK,CAAC,GAAG,KAAK,UAAU;gBAAE,MAAM,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;iBACvD,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW;gBAAE,MAAM,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;iBAC7D,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW;gBAAE,MAAM,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;iBAChF,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS;gBAAE,MAAM,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;YACnF,0DAA0D;iBACrD,IAAI,KAAK,CAAC,GAAG,KAAK,MAAM,IAAI,CAAC,QAAQ;gBAAE,MAAM,GAAG,CAAC,CAAC;iBAClD,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,IAAI,CAAC,QAAQ;gBAAE,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;iBAChE,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;gBACnE,kFAAkF;gBAClF,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;gBACrC,IAAI,IAAI;oBAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAC1B,OAAO;YACT,CAAC;iBAAM,CAAC;gBACN,OAAO;YACT,CAAC;YACD,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC;QACzC,CAAC,CAAC;QAEF,2FAA2F;QAC3F,4FAA4F;QAC5F,mEAAmE;QAC3D,kBAAa,GAAG,CAAC,KAAiB,EAAQ,EAAE;YAClD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;YAC5B,IAAI,CAAC,CAAC,MAAM,YAAY,iBAAiB,CAAC;gBAAE,OAAO;YACnD,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YACnD,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,KAAK,IAAI,CAAC,WAAW;gBAAE,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAClF,CAAC,CAAC;IAoEJ,CAAC;aAvOQ,WAAM,GAAG,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/B,CAAgC;IAgB7C,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,2FAA2F;QAC3F,gGAAgG;QAChG,gGAAgG;QAChG,oFAAoF;QACpF,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC;YAAE,OAAO;QACnC,KAAK,IAAI,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;YACrC,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC;gBAAE,OAAO;YACnE,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACvB,CAAC,CAAC,CAAC;IACL,CAAC;IAqBO,WAAW,CAAC,IAAqB;QACvC,IAAI,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACxC,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;YAC3B,QAAQ,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;YAC3E,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QACrC,CAAC;QACD,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,IAAY,cAAc;QACxB,MAAM,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;QAC9C,IAAI,CAAC,CAAC;YAAE,OAAO,IAAI,CAAC,MAAM,CAAC;QAC3B,OAAO,IAAI,CAAC,MAAM;aACf,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACf,GAAG,KAAK;YACR,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;SAC1E,CAAC,CAAC;aACF,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAChD,CAAC;IAED,IAAY,SAAS;QACnB,OAAO,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC9D,CAAC;IAEO,aAAa;QACnB,OAAO,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAoB,gBAAgB,CAAC,CAAC,CAAC;IACpF,CAAC;IAED;iFAC6E;IACrE,aAAa;QACnB,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QACrC,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,CAAC,CAAC;QACnC,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACtC,IAAI,OAAO,GAAG,CAAC,CAAC;QAChB,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;YAC7B,IAAI,MAAM,CAAC,SAAS,KAAK,QAAQ;gBAAE,MAAM;YACzC,OAAO,IAAI,CAAC,CAAC;QACf,CAAC;QACD,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC9B,CAAC;IAED;;;yBAGqB;IACb,cAAc,CAAC,IAAY,EAAE,WAAoB;QACvD,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QACrC,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QACjC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;QACnE,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACzC,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAoB,6BAA6B,CAAC,CAAC;QACjG,IAAI,QAAQ,IAAI,QAAQ,KAAK,MAAM,EAAE,CAAC;YACpC,QAAQ,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;YACvB,QAAQ,CAAC,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;YAChD,QAAQ,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;QAC1C,CAAC;QACD,MAAM,CAAC,QAAQ,GAAG,CAAC,CAAC;QACpB,MAAM,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;QAC7C,MAAM,CAAC,YAAY,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;QACvC,IAAI,CAAC,QAAQ,EAAE,YAAY,CAAC,uBAAuB,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;QAChE,MAAM,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;QAC5C,IAAI,WAAW;YAAE,MAAM,CAAC,KAAK,EAAE,CAAC;IAClC,CAAC;IAOO,IAAI,CAAC,IAAqB;QAChC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACxB,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;IAChD,CAAC;IA4CS,OAAO,CAAC,OAAuB;QACvC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC;YAAE,OAAO;QAChE,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QACrC,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACzB,wEAAwE;YACxE,IAAI,CAAC,QAAQ,EAAE,eAAe,CAAC,uBAAuB,CAAC,CAAC;YACxD,OAAO;QACT,CAAC;QACD,IAAI,IAAI,CAAC,WAAW,IAAI,OAAO,CAAC,MAAM;YAAE,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;QAC7D,uFAAuF;QACvF,8FAA8F;QAC9F,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAC/C,CAAC;IAED,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC;QAC7B,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC;QACf,OAAO,IAAI,CAAA;;;;;;;;mBAQI,IAAI,CAAC,SAAS;uBACV,IAAI,CAAC,QAAQ,CAAC,wBAAwB,CAAC;0BACpC,IAAI,CAAC,MAAM;mBAClB,IAAI,CAAC,aAAa;qBAChB,IAAI,CAAC,mBAAmB;;;;eAI9B,IAAI,CAAC,MAAM;;uBAEH,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,QAAQ,CAAC,sBAAsB,CAAC;qBAC/D,IAAI,CAAC,mBAAmB;qBACxB,IAAI,CAAC,aAAa;;YAE3B,KAAK,CAAC,MAAM,KAAK,CAAC;YAClB,CAAC,CAAC,IAAI,CAAA,qBAAqB,IAAI,CAAC,QAAQ,CAAC,kBAAkB,CAAC,QAAQ;YACpE,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,CACrB,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAA;4CACa,KAAK,CAAC,KAAK;oBACnC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC1B,KAAK,EAAE,CAAC;gBACR,MAAM,SAAS,GAAG,KAAK,CAAC;gBACxB,OAAO,IAAI,CAAA;;;2BAGJ,GAAG,IAAI,CAAC,MAAM,SAAS,SAAS,EAAE;;iCAE5B,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;sCAC5C,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;mCAC1D,IAAI,CAAC,IAAI;qCACP,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,WAAW,CAAC;+BAC1C,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;oCAChB,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,KAAK,CAAC;uBACxD,IAAI,CAAC,KAAK,WAAW,CAAC;YAC3B,CAAC,CAAC;iBACH,CACF;;;KAGV,CAAC;IACJ,CAAC;CACF;AAlOiC;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;+CAAiC;AAIzB;IAAtC,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;wDAAsB;AAoB3C;IAAhB,KAAK,EAAE;kDAAwB;AASE;IAAjC,KAAK,CAAC,iBAAiB,CAAC;iDAAqC"}
+{"version":3,"file":"emoji-picker.class.js","sourceRoot":"","sources":["../../../src/components/emoji-picker/emoji-picker.class.ts"],"names":[],"mappings":"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"}

package/dist/components/emoji-picker/emoji-picker.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"emoji-picker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/emoji-picker/emoji-picker.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAmElB,CAAC"}
+{"version":3,"file":"emoji-picker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/emoji-picker/emoji-picker.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA2FlB,CAAC"}

package/dist/components/emoji-picker/emoji-picker.styles.js

@@ -3,6 +3,9 @@ export const styles = css `
   :host {
     display: block;
     inline-size: 100%;
+    --lr-emoji-picker-item-size: var(--lr-icon-button-size);
+    --lr-emoji-picker-gap: var(--lr-space-2xs);
+    --lr-emoji-picker-row-height: calc(var(--lr-emoji-picker-item-size) + var(--lr-space-l));
   }
   [part='base'] {
     display: flex;
@@ -32,6 +35,27 @@ export const styles = css `
     max-block-size: var(--lr-size-16rem);
     overflow-y: auto;
   }
+  [part='grid'] {
+    scrollbar-gutter: stable;
+  }
+  [part='virtual-spacer'] {
+    position: relative;
+    min-block-size: 100%;
+  }
+  [part='virtual-row'] {
+    position: absolute;
+    inset-inline: 0;
+    inset-block-start: 0;
+    min-block-size: var(--lr-emoji-picker-row-height);
+  }
+  [part='virtual-items'] {
+    display: flex;
+    gap: var(--lr-emoji-picker-gap);
+    min-block-size: var(--lr-emoji-picker-item-size);
+  }
+  [part='virtual-label'] {
+    block-size: var(--lr-space-l);
+  }
   [part='group-label'] {
     flex-basis: 100%;
     padding-block: var(--lr-space-2xs);
@@ -46,8 +70,8 @@ export const styles = css `
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    inline-size: var(--lr-size-2rem);
-    block-size: var(--lr-size-2rem);
+    inline-size: var(--lr-emoji-picker-item-size);
+    block-size: var(--lr-emoji-picker-item-size);
     min-inline-size: var(--lr-icon-button-size);
     min-block-size: var(--lr-icon-button-size);
     border: none;

package/dist/components/emoji-picker/emoji-picker.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"emoji-picker.styles.js","sourceRoot":"","sources":["../../../src/components/emoji-picker/emoji-picker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmExB,CAAC"}
+{"version":3,"file":"emoji-picker.styles.js","sourceRoot":"","sources":["../../../src/components/emoji-picker/emoji-picker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2FxB,CAAC"}

package/dist/components/entity-dossier/entity-dossier.class.d.ts

@@ -0,0 +1,132 @@
+import { type TemplateResult } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+import type { LyraEntity } from '../entity-card/entity-card.class.js';
+import type { LyraNeighborRow } from '../neighbor-list/neighbor-list.class.js';
+import type { LyraChunk } from '../chunk-inspector/chunk-inspector.class.js';
+import type { LyraProvenance } from '../provenance-panel/provenance-panel.class.js';
+import type { StatVariant, StatRow } from '../stat/stat.class.js';
+import '../entity-card/entity-card.class.js';
+import '../neighbor-list/neighbor-list.class.js';
+import '../chunk-inspector/chunk-inspector.class.js';
+import '../provenance-panel/provenance-panel.class.js';
+import '../stat/stat.class.js';
+import '../tabs/tabs.class.js';
+import '../empty/empty.class.js';
+/** The exact `lr-graph.nodeTypes` entry shape -- see `lr-entity-card`'s and
+ *  `lr-provenance-panel`'s identical local aliases for why this isn't imported from `lr-graph`
+ *  itself. Shared verbatim with both of those, since it's forwarded to both nested components
+ *  below without any mapping. */
+type NodeTypeStyle = {
+    id: string;
+    label: string;
+    color?: string;
+    shape?: 'circle' | 'square' | 'diamond';
+};
+/** The three tab ids this component renders -- also `lr-tabs`' own `slot`/`tabId` values, so a
+ *  `lr-tabs-change` listener can switch on these literally. */
+export type LyraEntityDossierTab = 'relationships' | 'chunks' | 'provenance';
+/**
+ * The headline confidence KPI shown next to the entity summary. Every field here is caller-supplied
+ * domain data -- the same convention `lr-stat`'s own `label`/`value`/`caption`/`rows` already use
+ * (a confidence metric's label is exactly as domain-specific as a "Revenue" or "Latency" stat's
+ * label), so none of it routes through `localize()`.
+ */
+export interface LyraEntityDossierConfidence {
+    label: string;
+    value: string;
+    unit?: string;
+    variant?: StatVariant;
+    /** Exact value shown as a hover/focus tooltip on the headline value -- see `lr-stat.exactValue`. */
+    exactValue?: string;
+    caption?: string;
+    /** Breakdown rows (e.g. per-signal sub-scores) -- see `lr-stat.rows`. */
+    rows?: StatRow[];
+}
+/**
+ * `<lr-entity-dossier>` — a full entity detail surface: a persistent header (`lr-entity-card` plus
+ * an optional confidence `lr-stat`) above a `lr-tabs` strip for Relationships (`lr-neighbor-list`),
+ * Supporting chunks (`lr-chunk-inspector`), and Provenance (`lr-provenance-panel`). Pure layout —
+ * it never fetches, ranks, or mutates graph/document state, and never re-renders what any of those
+ * five composed components already render themselves; every one of their own events (`
+ * lr-entity-activate`, `lr-node-expand`, `lr-chunk-open`, `lr-expand`, `lr-toggle`, `lr-tabs-change`)
+ * bubbles through unmodified (`composed: true` crosses this component's own shadow boundary with no
+ * re-dispatch needed) rather than being re-declared as this component's own event.
+ *
+ * `chunks`/`thresholds` (the "supporting chunks" tab) and `provenance` (the "Provenance" tab) are
+ * deliberately separate inputs even though `lr-provenance-panel` can itself also show a chunks
+ * section: the "Supporting chunks" tab is the evidence for *this entity's own* summary/properties,
+ * while `provenance` is the broader grounding chain (which may span other entities, relationships,
+ * and communities, and may or may not reuse the same chunk set) — a host is free to pass the same
+ * array to both when the two concepts genuinely coincide.
+ *
+ * Tab labels reuse the exact `localize()` keys the composed child already uses for its own
+ * accessible name (`neighborListLabel`, `chunkInspectorLabel`, `provenancePanelLabel`) rather than
+ * new dossier-specific keys, so a translated locale only has to cover each string once and the tab
+ * strip and the panel underneath it always agree.
+ *
+ * This component declares no events of its own -- `lr-tabs-change` (`detail: { tabId:
+ * LyraEntityDossierTab }`) and every composed child's own event bubble through unmodified, the
+ * same "pure projection + event conduit" convention `lr-provenance-panel` and
+ * `lr-spreadsheet-viewer`'s internal `lr-tabs` already establish.
+ *
+ * @customElement lr-entity-dossier
+ * @csspart base - The root wrapper, or the empty state's wrapper when `entity` is `null`.
+ * @csspart header - The wrapper around the entity summary and the confidence stat.
+ * @csspart entity-card - The nested `lr-entity-card`.
+ * @csspart confidence - The nested confidence `lr-stat`, only rendered when `confidence` is set.
+ * @csspart tabs - The nested `lr-tabs` strip.
+ * @csspart neighbor-list - The nested `lr-neighbor-list`, inside the Relationships tab.
+ * @csspart chunk-inspector - The nested `lr-chunk-inspector`, inside the Supporting chunks tab.
+ * @csspart provenance-panel - The nested `lr-provenance-panel`, inside the Provenance tab.
+ * @csspart empty - The empty state shown when `entity` is `null`.
+ */
+export declare class LyraEntityDossier extends LyraElement {
+    static styles: import("lit").CSSResultGroup[];
+    /** `null` renders the shared `lr-empty` `noData` state in place of the whole dossier. */
+    entity: LyraEntity | null;
+    /** `lr-graph` `nodeTypes` pass-through, forwarded to both `lr-entity-card` and
+     *  `lr-provenance-panel` so the entity type badge and any provenance entity chips resolve
+     *  identically. */
+    types: NodeTypeStyle[];
+    /** Forwarded to `lr-entity-card`'s own `communityLabel`. */
+    communityLabel: string;
+    /** Forwarded to `lr-entity-card`'s own `showFocusButton`. */
+    showFocusButton: boolean;
+    /** Headline confidence KPI, rendered as an `lr-stat` next to the entity summary. Omitted
+     *  entirely (no placeholder, no empty stat) when `null`. */
+    confidence: LyraEntityDossierConfidence | null;
+    /** Forwarded to `lr-neighbor-list`'s own `rows`. */
+    neighbors: LyraNeighborRow[];
+    /** Forwarded to `lr-neighbor-list`'s own `groupByRelation`. */
+    groupByRelation: boolean;
+    /** Forwarded to `lr-neighbor-list`'s own `expandable`. */
+    expandable: boolean;
+    /** Forwarded to `lr-chunk-inspector`'s own `chunks` -- the evidence for this entity's own
+     *  summary, distinct from `provenance` (see the class doc above). */
+    chunks: LyraChunk[];
+    /** Forwarded to both `lr-chunk-inspector`'s and `lr-provenance-panel`'s own `thresholds`, so
+     *  the score tiers agree everywhere a score renders in this dossier. */
+    thresholds: {
+        high: number;
+        medium: number;
+    };
+    /** Forwarded to `lr-provenance-panel`'s own `provenance`. */
+    provenance: LyraProvenance | null;
+    /** Accessible name forwarded to the internal `lr-tabs` strip. Unset, the tab strip renders
+     *  without an `aria-label` (matching `lr-tabs`' own unset-default behavior). */
+    accessibleLabel: string | null;
+    /** Which tab is active -- internal, not a controlled public property: `lr-tabs` already owns
+     *  this state, and a one-way `.active=${...}` binding driven by a *stale* public property here
+     *  would fight the user's own click the next time this component re-renders for an unrelated
+     *  reason (see `lr-spreadsheet-viewer`'s identical `activeSheetIndex` pattern). */
+    private activeTab;
+    private onTabsChange;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lr-entity-dossier': LyraEntityDossier;
+    }
+}
+export {};
+//# sourceMappingURL=entity-dossier.class.d.ts.map

package/dist/components/entity-dossier/entity-dossier.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"entity-dossier.class.d.ts","sourceRoot":"","sources":["../../../src/components/entity-dossier/entity-dossier.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAC;AAC/E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6CAA6C,CAAC;AAC7E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AACpF,OAAO,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,qCAAqC,CAAC;AAC7C,OAAO,yCAAyC,CAAC;AACjD,OAAO,6CAA6C,CAAC;AACrD,OAAO,+CAA+C,CAAC;AACvD,OAAO,uBAAuB,CAAC;AAC/B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,yBAAyB,CAAC;AAGjC;;;iCAGiC;AACjC,KAAK,aAAa,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAA;CAAE,CAAC;AAE5G;+DAC+D;AAC/D,MAAM,MAAM,oBAAoB,GAAG,eAAe,GAAG,QAAQ,GAAG,YAAY,CAAC;AAE7E;;;;;GAKG;AACH,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,oGAAoG;IACpG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yEAAyE;IACzE,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,qBAAa,iBAAkB,SAAQ,WAAW;IAChD,MAAM,CAAC,MAAM,iCAAgC;IAE7C,yFAAyF;IACzD,MAAM,EAAE,UAAU,GAAG,IAAI,CAAQ;IACjE;;uBAEmB;IACa,KAAK,EAAE,aAAa,EAAE,CAAM;IAC5D,4DAA4D;IAChB,cAAc,SAAM;IAChE,6DAA6D;IACA,eAAe,UAAQ;IACpF;gEAC4D;IAC5B,UAAU,EAAE,2BAA2B,GAAG,IAAI,CAAQ;IACtF,oDAAoD;IACpB,SAAS,EAAE,eAAe,EAAE,CAAM;IAClE,+DAA+D;IACF,eAAe,UAAS;IACrF,0DAA0D;IAC7B,UAAU,UAAS;IAChD;yEACqE;IACrC,MAAM,EAAE,SAAS,EAAE,CAAM;IACzD;4EACwE;IACxC,UAAU,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAA+B;IAC3G,6DAA6D;IAC7B,UAAU,EAAE,cAAc,GAAG,IAAI,CAAQ;IACzE;oFACgF;IACzC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE7E;;;uFAGmF;IAC1E,OAAO,CAAC,SAAS,CAAyC;IAEnE,OAAO,CAAC,YAAY,CAElB;IAEF,MAAM,IAAI,cAAc,CAgDvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,iBAAiB,CAAC;KACxC;CACF"}