@aceshooting/lyra-ui 3.8.0 → 4.0.0

package/dist/components/thinking-panel/thinking-panel.class.js

@@ -17,7 +17,7 @@ import { styles } from './thinking-panel.styles.js';
  *  mistaken for having deliberately scrolled away to read earlier content. */
 const NEAR_BOTTOM_PX = 48;
 /** `820` -> `"820ms"`; `1500` -> `"1.5s"`; `2000` -> `"2s"`. Identical
- *  algorithm to lyra-tool-call-chip's and lyra-tool-result-dialog's own
+ *  algorithm to lr-tool-call-chip's and lr-tool-result-dialog's own
  *  `formatDuration` -- duplicated rather than imported (three independent,
  *  separately-consumable components) but kept in lockstep so the same
  *  elapsed time reads identically everywhere it's shown in this library. */
@@ -30,12 +30,12 @@ function formatDuration(ms) {
     return `${Number.isInteger(rounded) ? rounded.toFixed(0) : rounded.toFixed(1)}s`;
 }
 /**
- * `<lyra-thinking-panel>` — a collapsible panel for an AI agent's
+ * `<lr-thinking-panel>` — a collapsible panel for an AI agent's
  * intermediate reasoning/"thinking" transcript, kept visually and
  * semantically distinct from its final response. Same collapsible
- * header-button-plus-region shape as `<lyra-source-list>`; the default slot
- * is entirely free-form (a consumer-composed `<lyra-streaming-text>`,
- * `<lyra-markdown>`, or plain text) — this component has no dependency on
+ * header-button-plus-region shape as `<lr-source-list>`; the default slot
+ * is entirely free-form (a consumer-composed `<lr-streaming-text>`,
+ * `<lr-markdown>`, or plain text) — this component has no dependency on
  * either and imposes no structure on what's slotted.
  *
  * `mode` (`'live'` while reasoning is actively streaming in, `'post-hoc'`
@@ -52,7 +52,7 @@ function formatDuration(ms) {
  *   scrolls on its own, since reviewing finished reasoning is expected to
  *   start from the top like reading any other completed document. This
  *   library otherwise defaults to *not* editorializing about a host's data
- *   (see `<lyra-empty>`'s plain-`description` stance), but scroll position
+ *   (see `<lr-empty>`'s plain-`description` stance), but scroll position
  *   is presentation, not data, so this one behavior difference earns its
  *   keep rather than being left as a bare visual/semantic hint the host
  *   would have to reimplement identically itself.
@@ -79,24 +79,24 @@ function formatDuration(ms) {
  * reasoning (a consumer appending chunks to an existing node's `textContent`
  * rather than re-slotting a whole new element per token). The one thing this
  * can't see is a mutation entirely inside a slotted custom element's own
- * shadow root (e.g. a `<lyra-markdown>` re-rendering its shadow tree after a
+ * shadow root (e.g. a `<lr-markdown>` re-rendering its shadow tree after a
  * `content` property change) — Shadow DOM encapsulation blocks that by
  * design, and there is no way for this component to reach across that
  * boundary. A slotted element whose *own* internal updates should drive this
  * panel's auto-scroll needs to append/mutate visible light-DOM text itself
- * (as `<lyra-streaming-text>` is expected to), or the host can call this
+ * (as `<lr-streaming-text>` is expected to), or the host can call this
  * panel's own `scrollToBottom()` directly.
  *
  * `aria-controls` linking the header to the body region uses `nextId()`
  * (`../../internal/a11y.js`) for a collision-safe id, the same convention
- * `<lyra-source-list>` and `<lyra-widget>` already establish for every
+ * `<lr-source-list>` and `<lr-widget>` already establish for every
  * toggle-controls-region pairing in this library.
  *
- * @customElement lyra-thinking-panel
+ * @customElement lr-thinking-panel
  * @slot - The reasoning/thinking content.
- * @event lyra-toggle - The header was activated, expanding or collapsing the
+ * @event lr-toggle - The header was activated, expanding or collapsing the
  * panel. `detail: { expanded }` — same event name and shape as
- * `<lyra-source-list>`'s own `lyra-toggle`.
+ * `<lr-source-list>`'s own `lr-toggle`.
  * @csspart base - The outer container.
  * @csspart header - The clickable header (`<button>`) toggling `expanded`.
  * @csspart label - The `label` text.
@@ -113,7 +113,7 @@ export class LyraThinkingPanel extends LyraElement {
          *  `'Thinking'`; any other value is shown as-is. */
         this.label = 'Thinking';
         /** Whether the reasoning transcript is currently shown. Starts collapsed,
-         *  matching `<lyra-source-list>`'s default -- a consumer running `'live'`
+         *  matching `<lr-source-list>`'s default -- a consumer running `'live'`
          *  reasoning sets this `true` itself to stream it in view as it arrives. */
         this.expanded = false;
         /** `'live'` while reasoning is actively streaming in right now; `'post-hoc'`
@@ -153,7 +153,7 @@ export class LyraThinkingPanel extends LyraElement {
         };
         this.toggle = () => {
             this.expanded = !this.expanded;
-            this.emit('lyra-toggle', { expanded: this.expanded });
+            this.emit('lr-toggle', { expanded: this.expanded });
         };
     }
     static { this.styles = [LyraElement.styles, styles]; }
@@ -217,7 +217,7 @@ export class LyraThinkingPanel extends LyraElement {
     }
     // `[part="body"]` is `tabindex="0"` because it's a capped-height,
     // independently-scrollable region -- with no other focusable content of
-    // its own (e.g. plain text, or a non-interactive `<lyra-streaming-text>`),
+    // its own (e.g. plain text, or a non-interactive `<lr-streaming-text>`),
     // it would otherwise be unreachable by keyboard, same reasoning
     // code-block.ts's and virtual-list.ts's own identical `[part="body"]`/
     // `[part="base"]` tabindex document. `role="group"` (rather than a page

package/dist/components/thinking-panel/thinking-panel.class.js.map

@@ -1 +1 @@
-{"version":3,"file":"thinking-panel.class.js","sourceRoot":"","sources":["../../../src/components/thinking-panel/thinking-panel.class.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"thinking-panel.class.js","sourceRoot":"","sources":["../../../src/components/thinking-panel/thinking-panel.class.ts"],"names":[],"mappings":"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"}

package/dist/components/thinking-panel/thinking-panel.styles.js

@@ -1,6 +1,6 @@
 import { css } from 'lit';
 // Shares its collapsible-header shape (border/radius/hover/focus-ring, the
-// rotating chevron) with lyra-source-list's styles almost verbatim -- the two
+// rotating chevron) with lr-source-list's styles almost verbatim -- the two
 // are siblings in the same "collapsible region behind a header button"
 // family and are meant to sit comfortably next to each other in a message.
 export const styles = css `
@@ -10,41 +10,41 @@ export const styles = css `
        before it scrolls internally, e.g. via ::part(body) or by overriding
        this custom property directly -- not exposed as a component prop
        since it's a pure layout knob, not something a template branches on. */
-    --lyra-thinking-panel-max-block-size: var(--lyra-size-16rem);
+    --lr-thinking-panel-max-block-size: var(--lr-size-16rem);
   }
   [part='base'] {
-    border: var(--lyra-border-width-thin) solid var(--lyra-color-border);
-    border-radius: var(--lyra-radius);
-    background: var(--lyra-color-surface);
+    border: var(--lr-border-width-thin) solid var(--lr-color-border);
+    border-radius: var(--lr-radius);
+    background: var(--lr-color-surface);
     overflow: hidden;
   }
   [part='header'] {
     display: flex;
     align-items: center;
-    gap: var(--lyra-space-xs);
+    gap: var(--lr-space-xs);
     inline-size: 100%;
-    padding: var(--lyra-space-s) var(--lyra-space-m);
+    padding: var(--lr-space-s) var(--lr-space-m);
     border: none;
     background: none;
-    color: var(--lyra-color-text);
+    color: var(--lr-color-text);
     font: inherit;
-    font-weight: var(--lyra-font-weight-semibold);
-    font-size: var(--lyra-font-size-md-sm);
+    font-weight: var(--lr-font-weight-semibold);
+    font-size: var(--lr-font-size-md-sm);
     text-align: start;
     cursor: pointer;
   }
   [part='header']:hover {
-    background: var(--lyra-color-brand-quiet);
-    color: var(--lyra-color-brand);
+    background: var(--lr-color-brand-quiet);
+    color: var(--lr-color-brand);
   }
   [part='header']:focus-visible {
-    outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color);
-    outline-offset: calc(-1 * var(--lyra-focus-ring-offset));
+    outline: var(--lr-focus-ring-width) solid var(--lr-focus-ring-color);
+    outline-offset: calc(-1 * var(--lr-focus-ring-offset));
   }
   [part='toggle'] {
     display: inline-flex;
     flex: 0 0 auto;
-    transition: transform var(--lyra-transition-fast);
+    transition: transform var(--lr-transition-fast);
   }
   :host([expanded]) [part='toggle'] {
     transform: rotate(90deg);
@@ -55,7 +55,7 @@ export const styles = css `
      it never has to compete with the rule above for the expanded state, which
      needs no mirroring: rotating this left-right-asymmetric glyph 90deg
      already produces a left-right-symmetric down chevron. Mirrors
-     lyra-source-list's and lyra-code-block's identical toggle chevron. */
+     lr-source-list's and lr-code-block's identical toggle chevron. */
   :host(:not([expanded]):dir(rtl)) [part='toggle'] {
     transform: scaleX(-1);
   }
@@ -69,29 +69,29 @@ export const styles = css `
   [part='duration'] {
     display: inline-flex;
     align-items: center;
-    gap: var(--lyra-size-0-35em);
+    gap: var(--lr-size-0-35em);
     flex: 0 0 auto;
-    font-weight: var(--lyra-font-weight-normal);
-    font-size: var(--lyra-font-size-sm);
-    color: var(--lyra-color-text-quiet);
+    font-weight: var(--lr-font-weight-normal);
+    font-size: var(--lr-font-size-sm);
+    color: var(--lr-color-text-quiet);
   }
   /* Actively streaming with no duration yet -- a full-opacity brand-colored
      label plus a separate decorative pulse dot, deliberately *not* animating
-     the text's own opacity the way lyra-typing-indicator's pulse variant
+     the text's own opacity the way lr-typing-indicator's pulse variant
      does: that dims it well below AA contrast for part of every cycle, fine
      for a purely decorative shape but not for text carrying real content
      ("Thinking…"). */
   [part='duration'][data-pending] {
-    color: var(--lyra-color-brand);
+    color: var(--lr-color-brand);
   }
   .pending-dot {
-    inline-size: var(--lyra-size-0-375rem);
-    block-size: var(--lyra-size-0-375rem);
+    inline-size: var(--lr-size-0-375rem);
+    block-size: var(--lr-size-0-375rem);
     border-radius: 50%;
     background: currentColor;
-    animation: lyra-thinking-panel-pulse var(--lyra-transition-ambient) infinite;
+    animation: lr-thinking-panel-pulse var(--lr-transition-ambient) infinite;
   }
-  @keyframes lyra-thinking-panel-pulse {
+  @keyframes lr-thinking-panel-pulse {
     0%,
     100% {
       opacity: 0.4;
@@ -103,7 +103,7 @@ export const styles = css `
     }
   }
   [part='body'] {
-    max-block-size: var(--lyra-thinking-panel-max-block-size);
+    max-block-size: var(--lr-thinking-panel-max-block-size);
     overflow-y: auto;
     /* Reaching this region's own top/bottom edge stops there instead of
        chaining the scroll into the host page -- this is precisely the
@@ -111,11 +111,11 @@ export const styles = css `
        it shouldn't hand that scroll off to the page underneath it. Same
        convention as virtual-list.styles.ts's own auto-scrolling region. */
     overscroll-behavior: contain;
-    padding: var(--lyra-space-m);
-    border-block-start: var(--lyra-border-width-thin) solid var(--lyra-color-border);
-    color: var(--lyra-color-text-quiet);
-    font-size: var(--lyra-font-size-md-sm);
-    line-height: var(--lyra-line-height-normal);
+    padding: var(--lr-space-m);
+    border-block-start: var(--lr-border-width-thin) solid var(--lr-color-border);
+    color: var(--lr-color-text-quiet);
+    font-size: var(--lr-font-size-md-sm);
+    line-height: var(--lr-line-height-normal);
   }
   [part='body'][hidden] {
     display: none;

package/dist/components/thinking-panel/thinking-panel.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"thinking-panel.styles.js","sourceRoot":"","sources":["../../../src/components/thinking-panel/thinking-panel.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,2EAA2E;AAC3E,8EAA8E;AAC9E,uEAAuE;AACvE,2EAA2E;AAC3E,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+HxB,CAAC"}
+{"version":3,"file":"thinking-panel.styles.js","sourceRoot":"","sources":["../../../src/components/thinking-panel/thinking-panel.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,2EAA2E;AAC3E,4EAA4E;AAC5E,uEAAuE;AACvE,2EAA2E;AAC3E,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+HxB,CAAC"}

package/dist/components/thread-list/thread-list.class.d.ts

@@ -13,55 +13,59 @@ export interface ChatThread {
 }
 export type ThreadRowAction = 'pin' | 'archive' | 'delete';
 export interface LyraThreadListEventMap {
-    'lyra-select': CustomEvent<{
+    'lr-select': CustomEvent<{
         id: string;
     }>;
-    'lyra-thread-pin': CustomEvent<{
+    'lr-thread-pin': CustomEvent<{
         id: string;
         pinned: boolean;
     }>;
-    'lyra-thread-archive': CustomEvent<{
+    'lr-thread-archive': CustomEvent<{
         id: string;
         archived: boolean;
     }>;
-    'lyra-thread-delete': CustomEvent<{
+    'lr-thread-delete': CustomEvent<{
         id: string;
     }>;
-    'lyra-thread-rename': CustomEvent<{
+    'lr-thread-rename': CustomEvent<{
         id: string;
         title: string;
     }>;
-    'lyra-filter-change': CustomEvent<{
+    'lr-filter-change': CustomEvent<{
         text: string;
         matchCount: number;
     }>;
 }
 /**
- * `<lyra-thread-list>` — the conversation sidebar: a grouped, searchable list of chat sessions with
+ * `<lr-thread-list>` — the conversation sidebar: a grouped, searchable list of chat sessions with
  * pin/archive/delete/rename affordances. *Data mode* (non-empty `threads`, or empty `threads` with
- * nothing slotted) renders every row as a `<lyra-conversation-item>` inside an internal
- * `<lyra-virtual-list>` — virtualized by construction, scroll position and per-row state survive a
+ * nothing slotted) renders every row as a `<lr-conversation-item>` inside an internal
+ * `<lr-virtual-list>` — virtualized by construction, scroll position and per-row state survive a
  * `threads` replacement; zero rows renders the built-in empty state. *Slotted mode* (empty `threads`
- * *and* real slotted content) renders host-supplied `<lyra-conversation-item>`s from the default slot
+ * *and* real slotted content) renders host-supplied `<lr-conversation-item>`s from the default slot
  * as-is: no grouping, virtualization, or row actions in that mode — those are data-mode-only by design
  * (shadow DOM cannot inject group headers between slotted children).
  *
- * No thread CRUD or persistence: every mutation (`lyra-thread-pin`/`-archive`/`-delete`/`-rename`) is
+ * No thread CRUD or persistence: every mutation (`lr-thread-pin`/`-archive`/`-delete`/`-rename`) is
  * a controlled event carrying the *requested* new state — the host mutates `threads`.
  *
- * @customElement lyra-thread-list
- * @slot - Slotted mode only: host-supplied `lyra-conversation-item`s, rendered in order. Each
+ * Data mode: a host needing content with no home in `lr-conversation-item`'s own
+ * `title`/`excerpt`/`meta`/`actions` surface (e.g. a leading purpose icon — the item has no default
+ * slot to receive one) sets `wrapRow` to wrap the already-built row.
+ *
+ * @customElement lr-thread-list
+ * @slot - Slotted mode only: host-supplied `lr-conversation-item`s, rendered in order. Each
  *   top-level assigned element that doesn't already carry an explicit `role` is given
- *   `role="listitem"`, since `[part="list"]` is `role="list"` in this mode and `lyra-conversation-item`
+ *   `role="listitem"`, since `[part="list"]` is `role="list"` in this mode and `lr-conversation-item`
  *   deliberately doesn't self-apply that role (see its own class doc).
  * @slot empty - Replaces the built-in empty state.
- * @event lyra-select - `detail: { id }` -- a row was activated (data mode).
- * @event lyra-thread-pin - `detail: { id, pinned }` -- the *requested* new state (data mode).
- * @event lyra-thread-archive - `detail: { id, archived }` -- the *requested* new state (data mode).
- * @event lyra-thread-delete - `detail: { id }` -- no built-in confirmation (data mode).
- * @event lyra-thread-rename - `detail: { id, title }`, re-emitted from the row's `lyra-rename` with
+ * @event lr-select - `detail: { id }` -- a row was activated (data mode).
+ * @event lr-thread-pin - `detail: { id, pinned }` -- the *requested* new state (data mode).
+ * @event lr-thread-archive - `detail: { id, archived }` -- the *requested* new state (data mode).
+ * @event lr-thread-delete - `detail: { id }` -- no built-in confirmation (data mode).
+ * @event lr-thread-rename - `detail: { id, title }`, re-emitted from the row's `lr-rename` with
  *   the id attached (data mode).
- * @event lyra-filter-change - `detail: { text, matchCount }` -- fires in both modes.
+ * @event lr-filter-change - `detail: { text, matchCount }` -- fires in both modes.
  * @csspart base - The root.
  * @csspart search - The search field wrapper.
  * @csspart search-input - The `<input type="search">`.
@@ -69,8 +73,8 @@ export interface LyraThreadListEventMap {
  * @csspart empty - The empty/no-matches state.
  * @csspart row-action - A built-in pin/archive/delete icon button (data mode, when `rowActions` includes it).
  * @csspart pin-glyph - The small pin indicator shown in a pinned row's `meta` slot (data mode).
- * @csspart group-header - Exported from the internal `lyra-virtual-list`'s `group` part (data mode, `grouping="date"`).
- * @csspart row - Exported from the internal `lyra-virtual-list`'s `row` part (data mode).
+ * @csspart group-header - Exported from the internal `lr-virtual-list`'s `group` part (data mode, `grouping="date"`).
+ * @csspart row - Exported from the internal `lr-virtual-list`'s `row` part (data mode).
  */
 export declare class LyraThreadList extends LyraElement<LyraThreadListEventMap> {
     static styles: import("lit").CSSResultGroup[];
@@ -94,6 +98,12 @@ export declare class LyraThreadList extends LyraElement<LyraThreadListEventMap>
     editable: boolean;
     /** Accessible name for the list region. Defaults to the localized `threadListLabel`. */
     label: string;
+    /** Data mode only: wraps each row's built-in `<lr-conversation-item>` with host-supplied
+     *  content that has no home in the item's own `title`/`excerpt`/`meta`/`actions` surface — e.g. a
+     *  leading purpose icon (`lr-conversation-item` has no default slot to receive one) or trailing
+     *  tag chips. Receives the thread and the already-built row `TemplateResult`; returns the final
+     *  row content. Unset renders the built-in row unwrapped. */
+    wrapRow?: (thread: ChatThread, row: TemplateResult) => TemplateResult;
     private searchText;
     private hasEmptySlot;
     private hasDefaultSlotContent;
@@ -124,7 +134,7 @@ export declare class LyraThreadList extends LyraElement<LyraThreadListEventMap>
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'lyra-thread-list': LyraThreadList;
+        'lr-thread-list': LyraThreadList;
     }
 }
 //# sourceMappingURL=thread-list.class.d.ts.map

package/dist/components/thread-list/thread-list.class.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"thread-list.class.d.ts","sourceRoot":"","sources":["../../../src/components/thread-list/thread-list.class.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"thread-list.class.d.ts","sourceRoot":"","sources":["../../../src/components/thread-list/thread-list.class.ts"],"names":[],"mappings":"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"}

package/dist/components/thread-list/thread-list.class.js

@@ -18,7 +18,7 @@ const ICON_STROKE_WIDTH = '1.75';
 // Mirrors the shared icon set's viewBox/stroke conventions (internal/icons.ts's
 // chevronIcon()/closeIcon()/etc.) without adding pin/archive/trash glyphs to that module -- so
 // these one-off icons still read as part of the same visual language as the rest of the library's
-// inline icons. Same approach lyra-conversation-item's own local pencil glyph takes for the
+// inline icons. Same approach lr-conversation-item's own local pencil glyph takes for the
 // identical reason.
 function pinIcon() {
     return svg `
@@ -52,31 +52,35 @@ function defaultFilter(thread, query) {
     return thread.title.toLowerCase().includes(query) || (thread.excerpt ?? '').toLowerCase().includes(query);
 }
 /**
- * `<lyra-thread-list>` — the conversation sidebar: a grouped, searchable list of chat sessions with
+ * `<lr-thread-list>` — the conversation sidebar: a grouped, searchable list of chat sessions with
  * pin/archive/delete/rename affordances. *Data mode* (non-empty `threads`, or empty `threads` with
- * nothing slotted) renders every row as a `<lyra-conversation-item>` inside an internal
- * `<lyra-virtual-list>` — virtualized by construction, scroll position and per-row state survive a
+ * nothing slotted) renders every row as a `<lr-conversation-item>` inside an internal
+ * `<lr-virtual-list>` — virtualized by construction, scroll position and per-row state survive a
  * `threads` replacement; zero rows renders the built-in empty state. *Slotted mode* (empty `threads`
- * *and* real slotted content) renders host-supplied `<lyra-conversation-item>`s from the default slot
+ * *and* real slotted content) renders host-supplied `<lr-conversation-item>`s from the default slot
  * as-is: no grouping, virtualization, or row actions in that mode — those are data-mode-only by design
  * (shadow DOM cannot inject group headers between slotted children).
  *
- * No thread CRUD or persistence: every mutation (`lyra-thread-pin`/`-archive`/`-delete`/`-rename`) is
+ * No thread CRUD or persistence: every mutation (`lr-thread-pin`/`-archive`/`-delete`/`-rename`) is
  * a controlled event carrying the *requested* new state — the host mutates `threads`.
  *
- * @customElement lyra-thread-list
- * @slot - Slotted mode only: host-supplied `lyra-conversation-item`s, rendered in order. Each
+ * Data mode: a host needing content with no home in `lr-conversation-item`'s own
+ * `title`/`excerpt`/`meta`/`actions` surface (e.g. a leading purpose icon — the item has no default
+ * slot to receive one) sets `wrapRow` to wrap the already-built row.
+ *
+ * @customElement lr-thread-list
+ * @slot - Slotted mode only: host-supplied `lr-conversation-item`s, rendered in order. Each
  *   top-level assigned element that doesn't already carry an explicit `role` is given
- *   `role="listitem"`, since `[part="list"]` is `role="list"` in this mode and `lyra-conversation-item`
+ *   `role="listitem"`, since `[part="list"]` is `role="list"` in this mode and `lr-conversation-item`
  *   deliberately doesn't self-apply that role (see its own class doc).
  * @slot empty - Replaces the built-in empty state.
- * @event lyra-select - `detail: { id }` -- a row was activated (data mode).
- * @event lyra-thread-pin - `detail: { id, pinned }` -- the *requested* new state (data mode).
- * @event lyra-thread-archive - `detail: { id, archived }` -- the *requested* new state (data mode).
- * @event lyra-thread-delete - `detail: { id }` -- no built-in confirmation (data mode).
- * @event lyra-thread-rename - `detail: { id, title }`, re-emitted from the row's `lyra-rename` with
+ * @event lr-select - `detail: { id }` -- a row was activated (data mode).
+ * @event lr-thread-pin - `detail: { id, pinned }` -- the *requested* new state (data mode).
+ * @event lr-thread-archive - `detail: { id, archived }` -- the *requested* new state (data mode).
+ * @event lr-thread-delete - `detail: { id }` -- no built-in confirmation (data mode).
+ * @event lr-thread-rename - `detail: { id, title }`, re-emitted from the row's `lr-rename` with
  *   the id attached (data mode).
- * @event lyra-filter-change - `detail: { text, matchCount }` -- fires in both modes.
+ * @event lr-filter-change - `detail: { text, matchCount }` -- fires in both modes.
  * @csspart base - The root.
  * @csspart search - The search field wrapper.
  * @csspart search-input - The `<input type="search">`.
@@ -84,8 +88,8 @@ function defaultFilter(thread, query) {
  * @csspart empty - The empty/no-matches state.
  * @csspart row-action - A built-in pin/archive/delete icon button (data mode, when `rowActions` includes it).
  * @csspart pin-glyph - The small pin indicator shown in a pinned row's `meta` slot (data mode).
- * @csspart group-header - Exported from the internal `lyra-virtual-list`'s `group` part (data mode, `grouping="date"`).
- * @csspart row - Exported from the internal `lyra-virtual-list`'s `row` part (data mode).
+ * @csspart group-header - Exported from the internal `lr-virtual-list`'s `group` part (data mode, `grouping="date"`).
+ * @csspart row - Exported from the internal `lr-virtual-list`'s `row` part (data mode).
  */
 export class LyraThreadList extends LyraElement {
     constructor() {
@@ -114,7 +118,7 @@ export class LyraThreadList extends LyraElement {
         this.onSearchInput = (e) => {
             this.searchText = e.target.value;
             const count = this.visibleThreads.length;
-            this.emit('lyra-filter-change', {
+            this.emit('lr-filter-change', {
                 text: this.searchText,
                 matchCount: count,
             });
@@ -170,26 +174,27 @@ export class LyraThreadList extends LyraElement {
         // be an inline style rather than living solely in thread-list.styles.ts's own [part~='row-action']
         // rule.
         this.rowActionButtonStyle = styleMap({
-            minInlineSize: 'var(--lyra-icon-button-size)',
-            minBlockSize: 'var(--lyra-icon-button-size)',
+            minInlineSize: 'var(--lr-icon-button-size)',
+            minBlockSize: 'var(--lr-icon-button-size)',
         });
         this.renderRow = (item) => {
             const thread = item;
-            return html `
-      <lyra-conversation-item
+            const row = html `
+      <lr-conversation-item
         id=${thread.id}
         title=${thread.title}
         excerpt=${thread.excerpt ?? ''}
         .timestamp=${thread.timestamp}
         ?active=${thread.id === this.activeId}
         .editable=${this.editable}
-        @lyra-select=${() => this.emit('lyra-select', { id: thread.id })}
-        @lyra-rename=${(e) => this.emit('lyra-thread-rename', { id: thread.id, title: e.detail.title })}
+        @lr-select=${() => this.emit('lr-select', { id: thread.id })}
+        @lr-rename=${(e) => this.emit('lr-thread-rename', { id: thread.id, title: e.detail.title })}
       >
         ${thread.pinned ? html `<span slot="meta" part="pin-glyph" aria-hidden="true">${pinIcon()}</span>` : nothing}
         ${this.rowActions.length > 0 ? this.renderRowActions(thread) : nothing}
-      </lyra-conversation-item>
+      </lr-conversation-item>
     `;
+            return this.wrapRow ? this.wrapRow(thread, row) : row;
         };
         this.onDefaultSlotChange = (e) => {
             const assigned = e.target.assignedElements({ flatten: true });
@@ -215,14 +220,14 @@ export class LyraThreadList extends LyraElement {
             this.markAsListItems(defaultSlotted);
         }
         if (changed.has('threads') && this.threads.length > 0 && this.hasDefaultSlotContent) {
-            console.warn('[lyra-thread-list] both `threads` and slotted content were supplied -- `threads` (data mode) wins and the default slot is ignored.');
+            console.warn('[lr-thread-list] both `threads` and slotted content were supplied -- `threads` (data mode) wins and the default slot is ignored.');
         }
     }
     // Slotted mode's `[part="list"]` carries `role="list"`, which ARIA requires to directly own only
-    // `role="listitem"` elements -- `lyra-conversation-item` deliberately does *not* self-apply that
+    // `role="listitem"` elements -- `lr-conversation-item` deliberately does *not* self-apply that
     // role (its own doc explains why: it's a plain activatable row usable standalone, not committed to
     // list/listbox membership), so the container imposes it on whatever lands in the default slot
-    // instead, the same way `lyra-breadcrumb-item` self-applies `role="listitem"` for its own `role="list"`
+    // instead, the same way `lr-breadcrumb-item` self-applies `role="listitem"` for its own `role="list"`
     // parent -- just applied from the outside here since the slotted element doesn't own that choice.
     // Never overrides a role a consumer set explicitly.
     markAsListItems(elements) {
@@ -329,7 +334,7 @@ export class LyraThreadList extends LyraElement {
     }
     rowElements() {
         const scope = this.dataMode ? (this.virtualListEl?.renderRoot ?? this) : this;
-        return [...scope.querySelectorAll('lyra-conversation-item')];
+        return [...scope.querySelectorAll('lr-conversation-item')];
     }
     optionEl(row) {
         return row.shadowRoot?.querySelector('[part="option"]') ?? null;
@@ -338,7 +343,7 @@ export class LyraThreadList extends LyraElement {
         return rows.findIndex((row) => row.shadowRoot?.activeElement != null);
     }
     renderRowActions(thread) {
-        // Rendered via <lyra-virtual-list>'s `renderItem` callback, this markup mounts inside
+        // Rendered via <lr-virtual-list>'s `renderItem` callback, this markup mounts inside
         // *virtual-list's own* shadow tree, not this element's -- so thread-list.styles.ts's own
         // `[part~='row-action']` rule (a same-tree-scope attribute selector) never actually reaches
         // these buttons at runtime; only an inherited property (a custom property, or an inline style,
@@ -353,7 +358,7 @@ export class LyraThreadList extends LyraElement {
               part="row-action"
               style=${this.rowActionButtonStyle}
               aria-label=${this.localize(thread.pinned ? 'unpinConversation' : 'pinConversation')}
-              @click=${() => this.emit('lyra-thread-pin', { id: thread.id, pinned: !thread.pinned })}
+              @click=${() => this.emit('lr-thread-pin', { id: thread.id, pinned: !thread.pinned })}
             >
               ${pinIcon()}
             </button>`
@@ -364,7 +369,7 @@ export class LyraThreadList extends LyraElement {
               part="row-action"
               style=${this.rowActionButtonStyle}
               aria-label=${this.localize(thread.archived ? 'unarchiveConversation' : 'archiveConversation')}
-              @click=${() => this.emit('lyra-thread-archive', { id: thread.id, archived: !thread.archived })}
+              @click=${() => this.emit('lr-thread-archive', { id: thread.id, archived: !thread.archived })}
             >
               ${archiveIcon()}
             </button>`
@@ -375,7 +380,7 @@ export class LyraThreadList extends LyraElement {
               part="row-action"
               style=${this.rowActionButtonStyle}
               aria-label=${this.localize('deleteConversation')}
-              @click=${() => this.emit('lyra-thread-delete', { id: thread.id })}
+              @click=${() => this.emit('lr-thread-delete', { id: thread.id })}
             >
               ${trashIcon()}
             </button>`
@@ -419,7 +424,7 @@ export class LyraThreadList extends LyraElement {
         <div part="list" @keydown=${this.onListKeyDown}>
           ${showEmpty
             ? html `<div part="empty">${this.searchText.trim() ? this.localize('noMatches') : this.localize('threadListEmpty')}</div>`
-            : html `<lyra-virtual-list
+            : html `<lr-virtual-list
                 exportparts="group:group-header, row:row"
                 row-height="auto"
                 .items=${rows}
@@ -427,10 +432,10 @@ export class LyraThreadList extends LyraElement {
                 .keyFunction=${(item) => item.id}
                 .groups=${groups}
                 .activeId=${this.activeId}
-              ></lyra-virtual-list>`}
+              ></lr-virtual-list>`}
           <slot name="empty" @slotchange=${this.onEmptySlotChange}></slot>
         </div>
-        <lyra-live-region></lyra-live-region>
+        <lr-live-region></lr-live-region>
       </div>
     `;
     }
@@ -462,6 +467,9 @@ __decorate([
 __decorate([
     property()
 ], LyraThreadList.prototype, "label", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraThreadList.prototype, "wrapRow", void 0);
 __decorate([
     state()
 ], LyraThreadList.prototype, "searchText", void 0);
@@ -472,9 +480,9 @@ __decorate([
     state()
 ], LyraThreadList.prototype, "hasDefaultSlotContent", void 0);
 __decorate([
-    query('lyra-virtual-list')
+    query('lr-virtual-list')
 ], LyraThreadList.prototype, "virtualListEl", void 0);
 __decorate([
-    query('lyra-live-region')
+    query('lr-live-region')
 ], LyraThreadList.prototype, "liveRegion", void 0);
 //# sourceMappingURL=thread-list.class.js.map