@aceshooting/lyra-ui 16.0.0 → 18.0.0

package/dist/components/conversation/message-actions/message-actions.styles.js

@@ -1 +1 @@
-import{css}from"lit";const styles=css`:host{--_lr-message-actions-button-bg:var(--lr-icon-button-background,transparent);--_lr-message-actions-button-bg-hover:var(--lr-icon-button-background-hover,var(--lr-color-surface-raised));--_lr-message-actions-button-bg-active:var(--lr-icon-button-background-active,color-mix(in oklab, var(--lr-icon-button-background-hover,var(--lr-color-surface-raised)), var(--lr-color-mix-partner) var(--lr-color-mix-active)));--_lr-message-actions-button-color:var(--lr-icon-button-color,var(--lr-color-text-quiet));--_lr-message-actions-button-color-hover:var(--lr-icon-button-color-hover,var(--lr-color-text));--_lr-message-actions-button-color-active:var(--lr-icon-button-color-active,var(--lr-icon-button-color-hover,var(--lr-color-text)));--_lr-message-actions-button-radius:var(--lr-icon-button-radius,var(--lr-radius));max-inline-size:100%;display:inline-flex}:host([reveal-on-interaction]){opacity:0;transition:opacity var(--lr-transition-fast)}:host([reveal-on-interaction][data-revealed]){opacity:1}@media (hover:none){:host([reveal-on-interaction]){opacity:1}}@media (prefers-reduced-motion:reduce){:host([reveal-on-interaction]){transition:none}}[part=base]{align-items:center;gap:var(--lr-space-2xs);flex-wrap:wrap;max-inline-size:100%;display:flex}[part~=regenerate-button],[part~=edit-button]{--lr-icon-button-background:var(--_lr-message-actions-button-bg);--lr-icon-button-background-hover:var(--_lr-message-actions-button-bg-hover);--lr-icon-button-background-active:var(--_lr-message-actions-button-bg-active);--lr-icon-button-color:var(--_lr-message-actions-button-color);--lr-icon-button-color-hover:var(--_lr-message-actions-button-color-hover);--lr-icon-button-color-active:var(--_lr-message-actions-button-color-active);--lr-icon-button-radius:var(--_lr-message-actions-button-radius)}`;export{styles};
+import{css}from"lit";const styles=css`:host{--_lr-message-actions-button-bg:transparent;--_lr-message-actions-button-bg-hover:var(--lr-color-surface-raised);--_lr-message-actions-button-bg-active:color-mix(in oklab, var(--lr-icon-button-background-hover,var(--lr-color-surface-raised)), var(--lr-color-mix-partner) var(--lr-color-mix-active));--_lr-message-actions-button-color:var(--lr-color-text-quiet);--_lr-message-actions-button-color-hover:var(--lr-color-text);--_lr-message-actions-button-color-active:var(--lr-icon-button-color-hover,var(--lr-color-text));--_lr-message-actions-button-radius:var(--lr-radius);max-inline-size:100%;display:inline-flex}:host([reveal-on-interaction]){opacity:0;transition:opacity var(--lr-transition-fast)}:host([reveal-on-interaction][data-revealed]){opacity:1}@media (hover:none){:host([reveal-on-interaction]){opacity:1}}@media (prefers-reduced-motion:reduce){:host([reveal-on-interaction]){transition:none}}[part=base]{align-items:center;gap:var(--lr-space-2xs);flex-wrap:wrap;max-inline-size:100%;display:flex}[part~=regenerate-button],[part~=edit-button]{--_lr-icon-button-background-default:var(--_lr-message-actions-button-bg);--_lr-icon-button-background-hover-default:var(--_lr-message-actions-button-bg-hover);--_lr-icon-button-background-active-default:var(--_lr-message-actions-button-bg-active);--_lr-icon-button-color-default:var(--_lr-message-actions-button-color);--_lr-icon-button-color-hover-default:var(--_lr-message-actions-button-color-hover);--_lr-icon-button-color-active-default:var(--_lr-message-actions-button-color-active);--_lr-icon-button-radius-default:var(--_lr-message-actions-button-radius)}`;export{styles};

package/dist/components/conversation/model-select/model-select.class.d.ts

@@ -27,6 +27,12 @@ export type LyraModelSelectSelectionDirection=LyraSelectionDirection;export inte
 * `option-icon` part in either listbox mode. It is presentation only: the row's accessible name
 * remains its `label`.
 *
+* A catalog row may also set `disabled`, marking it non-actionable: `aria-disabled="true"`
+* replaces its selected/active affordances, activating it (click or keyboard) commits nothing and
+* changes no state, and arrow-key/Home/End active-descendant navigation steps past it instead of
+* landing on it. Omitted or `false` renders the row exactly as before this field existed.
+*
+
 * Ships the standard label/hint/error form-control chrome: properties, matching named slots, and
 * the complete `form-control` frame. Each surface is opt-in; left unset, it renders no chrome.
 * A focused trigger/input follows a rendering-mode replacement. If that new owner is disabled or
@@ -59,7 +65,8 @@ export type LyraModelSelectSelectionDirection=LyraSelectionDirection;export inte
 * @cssstate invalid - Matches while it does not — from the very first render, before the user has
 * touched anything.
 * @cssstate user-valid - `valid`, but only after the user has interacted: a blur of the
-* trigger/combobox, or a `reportValidity()` call (which is what a submit attempt runs).
+* trigger/combobox, `reportValidity()`, or a submission attempt. Not after a silent
+* `checkValidity()` alone.
 * @cssstate user-invalid - `invalid` after that same interaction. Style validation errors with this
 * rather than `invalid`: a pristine required picker is genuinely invalid, but colouring it red
 * before the user has done anything is hostile.
@@ -101,6 +108,7 @@ export type LyraModelSelectSelectionDirection=LyraSelectionDirection;export inte
 * @cssprop [--lr-model-select-option-selected-font-weight=var(--lr-font-weight-semibold)] - Font weight of the selected option row.
 * @cssprop [--lr-model-select-option-synthetic-border-style=dashed] - Border style of a synthetic stale-value option row.
 * @cssprop [--lr-model-select-option-synthetic-border-color=var(--lr-color-border)] - Border color of a synthetic stale-value option row.
+* @cssprop [--lr-model-select-option-disabled-opacity=0.5] - Opacity of an option row whose catalog entry sets `disabled`.
 * @cssprop [--lr-form-control-required-content=' *'] - The required marker appended to
 *   `form-control-label` while `required` is set. Set it to `''` to suppress the marker, or to any
 *   other quoted string (`' (required)'`, a localized word) to replace it.
@@ -220,9 +228,10 @@ private updateValidity;
 *  can move -- {@linkcode updateValidity}, `reportValidity()`, and `updated()` for `touched` --
 *  because this control drives `ElementInternals` directly rather than through the
 *  `FormAssociated` mixin, which does this for the controls that do use it. `touched` is the
-*  interaction flag: it flips on the trigger's/input's first blur, and on a `reportValidity()`
-*  call, which is what a submit attempt runs. */
-private publishValidityStates;formResetCallback():void;formStateRestoreCallback(state:string|File|FormData|null,_mode?:'restore'|'autocomplete'):void;formDisabledCallback(disabled:boolean):void;checkValidity():boolean;reportValidity():boolean;
+*  interaction flag: it flips on the trigger's/input's first blur, and on interactive validation
+*  -- `reportValidity()` and a submission attempt alike, via `installInteractionOnInvalid()`. A
+*  silent `checkValidity()` alone never counts. */
+private publishValidityStates;formResetCallback():void;formStateRestoreCallback(state:string|File|FormData|null,_mode?:'restore'|'autocomplete'):void;formDisabledCallback(disabled:boolean):void;private markInteracted;checkValidity():boolean;reportValidity():boolean;
 /**
 * Sets or clears a consumer-supplied validation error — the standard channel for a server-side
 * rejection ("that model was retired by the provider") that no client-side constraint can

package/dist/components/conversation/model-select/model-select.class.js

@@ -1,10 +1,11 @@
-var __decorate=function(decorators,target,key,desc){var c=arguments.length,r=c<3?target:desc===null?desc=Object.getOwnPropertyDescriptor(target,key):desc,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r};import{html,nothing}from"lit";import{property,state}from"lit/decorators.js";import{activeElementIn}from"../../../internal/active-element.js";import{applyComposedFocusRepair,captureComposedFocusRepair,isComposedFocusAvailable}from"../../../internal/focus-navigation.js";import{LyraElement}from"../../../internal/lyra-element.js";import{installFormControlLabelSupport}from"../../../internal/form-control-labels.js";installFormControlLabelSupport();import{sizes}from"../../../internal/sizes.styles.js";import{hostAriaLabel,nextId}from"../../../internal/a11y.js";import{syncAriaDescribedByElements}from"../../../internal/aria-reflection.js";import{chevronIcon}from"../../../internal/icons.js";import{AnchoredValidityController,VALIDITY_ANCHOR}from"../../../internal/anchored-validity.js";import{syncValidityStates}from"../../../internal/custom-states.js";import{styles}from"./model-select.styles.js";import{spellcheckFromAttributeConverter as spellcheckConverter}from"../../../internal/converters.js";import{attachInternalsSafely,getFormOwner,installCustomErrorProperty,isBarredFromValidation,setFormOwner}from"../../../internal/form-associated.js";import{installInvalidEventAlias}from"../../../internal/invalid-event-alias.js";import{CatalogPickerController}from"../../../internal/catalog-picker.js";import{SlotPresenceController}from"../../../internal/slot-presence-controller.js";import{LYRA_DEFAULT_fieldRequired,LYRA_DEFAULT_model,LYRA_DEFAULT_modelSelectNoModels,LYRA_DEFAULT_modelSelectRequired,LYRA_DEFAULT_noMatches,LYRA_DEFAULT_notInCatalog}from"../../../internal/default-strings.generated.js";class LyraModelSelect extends LyraElement{static{this.defaultStrings={...super.defaultStrings,fieldRequired:LYRA_DEFAULT_fieldRequired,model:LYRA_DEFAULT_model,modelSelectNoModels:LYRA_DEFAULT_modelSelectNoModels,modelSelectRequired:LYRA_DEFAULT_modelSelectRequired,noMatches:LYRA_DEFAULT_noMatches,notInCatalog:LYRA_DEFAULT_notInCatalog}}static{this.ownedCollectionProperties=Object.freeze(["catalog"])}static{this.formAssociated=!0}static{this.styles=[LyraElement.styles,sizes,styles]}static{this.properties={customError:{attribute:"custom-error",reflect:!0,noAccessor:!0},disabled:{type:Boolean,reflect:!0,noAccessor:!0},required:{type:Boolean,reflect:!0,noAccessor:!0},value:{attribute:!1,noAccessor:!0},defaultValue:{attribute:"value",reflect:!0,useDefault:!0,noAccessor:!0},name:{reflect:!0,noAccessor:!0}}}get open(){return this.catalogPicker.open}set open(next){this.catalogPicker.setOpen(next)}get activeIndex(){return this.catalogPicker.activeIndex}get query(){return this.catalogPicker.query}constructor(){super(),this.provider="",this.allowCustom=!1,this.readonly=!1,this.label="",this.hint="",this.errorText="",this.placeholder="",this.spellcheck=!0,this.autocapitalize="",this.autoCorrect="",this.autocomplete="off",this.inputMode="",this.enterKeyHint="",this.size="m",this.touched=!1,this.slotPresence=new SlotPresenceController(this),this.listId=nextId("model-select-list"),this.controlId=nextId("model-select-control"),this.hasSyncedDescribedByElements=!1,this._fieldsetDisabled=!1,this._name="",this._disabled=!1,this._required=!1,this.suppressControlBlur=!1,this.catalogPicker=new CatalogPickerController(this,{catalog:()=>this.catalog,allowCustom:()=>this.allowCustom,isReadonly:()=>this.readonly,locale:()=>this.effectiveLocale,searchableFields:entry=>[entry.id,entry.label],emitChange:detail=>this.emit("lr-change",detail),onValueChange:(value,oldValue)=>{this.internals.setFormValue(value),this.updateValidity(),this.requestUpdate("value",oldValue)},onDefaultValueChange:(_value,oldValue)=>this.requestUpdate("defaultValue",oldValue),onStateChange:(state2,oldValue)=>{state2==="open"?this.requestUpdate("open",oldValue):this.requestUpdate()},onControlFocus:event=>this.captureModeFocus(event),onControlBlur:event=>{this.effectiveDisabled||(this.touched=!0),this.retireModeFocusAfterBlur(event)},forwardFreeInputClick:!0}),this.onTriggerClick=()=>{this.effectiveDisabled||(this.open?this.hide():this.show())},this.onTriggerBlur=event=>{this.catalogPicker.handleControlBlur(event)},this.onTriggerFocus=event=>{this.catalogPicker.handleControlFocus(event)},this.onTriggerKeyDown=e=>{this.catalogPicker.handleTriggerKeyDown(e)},this.onComboMouseDown=e=>{this.catalogPicker.handleComboMouseDown(e)},this.onInputFocus=event=>{this.catalogPicker.handleInputFocus(event)},this.onInput=e=>{this.catalogPicker.handleInput(e)},this.onInputBlur=event=>{this.catalogPicker.handleControlBlur(event)},this.onInputKeyDown=e=>{this.catalogPicker.handleInputKeyDown(e)},this.onListboxMouseDown=e=>{this.catalogPicker.handleListboxMouseDown(e)},this.onListboxClick=e=>{this.catalogPicker.handleListboxClick(e)},this.internals=attachInternalsSafely(this),this.validityController=new AnchoredValidityController(this,this.internals,()=>this[VALIDITY_ANCHOR]()),installCustomErrorProperty(this,()=>this.validityController.customValidityMessage),installInvalidEventAlias(this,init=>this.emit("lr-invalid",null,init)),this.internals.setFormValue("")}click(){this.catalogPicker.click()}focus(options){this.catalogPicker.focus(options)}blur(){this.catalogPicker.blur()}get input(){return this.catalogPicker.input}get selectionStart(){return this.input?.selectionStart??null}set selectionStart(value){this.input&&(this.input.selectionStart=value)}get selectionEnd(){return this.input?.selectionEnd??null}set selectionEnd(value){this.input&&(this.input.selectionEnd=value)}get selectionDirection(){return this.input?.selectionDirection??null}set selectionDirection(value){this.input&&(this.input.selectionDirection=value)}select(){this.catalogPicker.select()}setSelectionRange(start,end,direction){this.catalogPicker.setSelectionRange(start,end,direction)}setRangeText(replacement,start,end,selectMode){this.catalogPicker.setRangeText(replacement,start,end,selectMode)}get form(){return getFormOwner(this.internals)}set form(owner){setFormOwner(this,owner)}getForm(){return getFormOwner(this.internals)}get labels(){return this.internals.labels}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}get willValidate(){return this.internals.willValidate}[VALIDITY_ANCHOR](){return this.renderRoot?.querySelector('[part="trigger"], [part="combobox-input"]')??null}connectedCallback(){super.connectedCallback(),this.updateValidity(),this.catalogPicker.connected(this.hasUpdated)}willUpdate(changed){super.willUpdate(changed);let modeChanged=!1;if(this.hasUpdated){const renderedControl=this.renderRoot.querySelector('[part="trigger"], [part="combobox-input"]');modeChanged=renderedControl?.getAttribute("part")==="trigger"!==this.closedMode,this.suppressControlBlur=modeChanged,this.catalogPicker.suppressControlEvents=modeChanged,this.modeFocusRepair=modeChanged&&renderedControl!==null&&activeElementIn(this.shadowRoot)===renderedControl?captureComposedFocusRepair(this,this.modeFocusFallback()??renderedControl)??void 0:modeChanged?this.focusedModeRepair:void 0}this.open&&(changed.has("catalog")||changed.has("value")||changed.has("allowCustom"))&&this.catalogPicker.reconcileRows(void 0,changed.has("value")||changed.has("allowCustom")||modeChanged,!1)}disconnectedCallback(){super.disconnectedCallback(),this.modeFocusRepair=void 0,this.focusedModeRepair=void 0,this.focusReturnTarget=void 0,this.catalogPicker.disconnected()}adoptedCallback(){super.adoptedCallback(),this.modeFocusRepair=void 0,this.focusedModeRepair=void 0,this.focusReturnTarget=void 0,this.catalogPicker.adopted()}get value(){return this.catalogPicker.value}set value(next){this.catalogPicker.value=next}get defaultValue(){return this.catalogPicker.defaultValue}set defaultValue(next){this.catalogPicker.defaultValue=next}get name(){return this._name}set name(next){const old=this._name;this._name=next??"",this._name?this.setAttribute("name",this._name):this.removeAttribute("name"),this.requestUpdate("name",old)}get disabled(){return this._disabled}set disabled(next){const old=this._disabled;this._disabled=!!next,this.toggleAttribute("disabled",this._disabled),this._disabled&&this.hide(),this.updateValidity(),this.requestUpdate("disabled",old)}get required(){return this._required}set required(next){const old=this._required;this._required=!!next,this.toggleAttribute("required",this._required),this.updateValidity(),this.requestUpdate("required",old)}get effectiveDisabled(){return this.disabled||this._fieldsetDisabled}get barredFromValidation(){return isBarredFromValidation(this,this.internals)}updateValidity(){this.barredFromValidation?this.validityController.setValidity({}):this.required&&!this.value?this.validityController.setValidity({valueMissing:!0},this.localize("modelSelectRequired")):this.validityController.setValidity({}),this.publishValidityStates()}publishValidityStates(){syncValidityStates(this.internals,{required:this.required,hasInteracted:this.touched,barred:this.barredFromValidation})}formResetCallback(){this.touched=!1,this.catalogPicker.resetValue()}formStateRestoreCallback(state2,_mode){this.catalogPicker.restoreState(state2)}formDisabledCallback(disabled){this._fieldsetDisabled=disabled,disabled&&this.hide(),this.updateValidity(),this.requestUpdate()}checkValidity(){return this.internals.checkValidity()}reportValidity(){return this.touched=!0,this.publishValidityStates(),this.internals.reportValidity()}setCustomValidity(message){this.validityController.setCustomValidity(message??""),this.publishValidityStates()}get closedMode(){return this.catalogPicker.closedMode}get effectiveEntries(){return this.catalogPicker.effectiveEntries}get filteredEntries(){return this.catalogPicker.filteredEntries}labelFor(id){return this.catalogPicker.labelFor(id)}show(){this.catalogPicker.show()}hide(){this.catalogPicker.hide()}updated(changed){super.updated(changed);const hostDescribedBy=this.getAttribute("aria-describedby");if(hostDescribedBy||this.hasSyncedDescribedByElements){const control=this.renderRoot.querySelector(`#${CSS.escape(this.controlId)}`);this.hasSyncedDescribedByElements=syncAriaDescribedByElements(this,control??void 0,hostDescribedBy)}const reposition=changed.has("open")||this.open&&(changed.has("catalog")||changed.has("allowCustom"));this.catalogPicker.updated(reposition),(changed.has("required")||changed.has("readonly")||changed.has("touched")||changed.has("value"))&&(changed.has("readonly")&&this.updateValidity(),this.toggleAttribute("data-invalid",this.touched&&!this.internals.validity.valid)),this.publishValidityStates(),this.suppressControlBlur=!1,this.catalogPicker.suppressControlEvents=!1;const focusRepair=this.modeFocusRepair;this.modeFocusRepair=void 0,focusRepair&&this.scheduleAfterUpdate(()=>{const replacement=this[VALIDITY_ANCHOR](),target=replacement&&isComposedFocusAvailable(replacement)?replacement:this.modeFocusFallback();applyComposedFocusRepair(focusRepair,target),this.focusedModeRepair===focusRepair&&(this.focusedModeRepair=void 0)},"model-select-mode-focus")}rememberFocusReturn(event){const related=event.relatedTarget;related&&related.nodeType===1&&isComposedFocusAvailable(related)&&(this.focusReturnTarget=related)}captureModeFocus(event){this.rememberFocusReturn(event);const control=event.currentTarget;!control||control.nodeType!==1||(this.focusedModeRepair=captureComposedFocusRepair(this,this.modeFocusFallback()??control)??void 0)}retireModeFocusAfterBlur(event){const destination=event.relatedTarget;if(destination&&destination.nodeType===1){this.focusedModeRepair=void 0;return}queueMicrotask(()=>{!this.suppressControlBlur&&!this.effectiveDisabled&&!this.hasAttribute("inert")&&(this.focusedModeRepair=void 0)})}modeFocusFallback(){if(this.focusReturnTarget&&isComposedFocusAvailable(this.focusReturnTarget))return this.focusReturnTarget;const owner=this.renderRoot.querySelector('[part="form-control"]');return owner&&isComposedFocusAvailable(owner)?owner:null}renderRows(rows,activeId){return rows.map((entry,i)=>{const id=`${this.listId}-opt-${i}`,selected=entry.id===this.value;return html`<div
+var __decorate=function(decorators,target,key,desc){var c=arguments.length,r=c<3?target:desc===null?desc=Object.getOwnPropertyDescriptor(target,key):desc,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r};import{html,nothing}from"lit";import{property,state}from"lit/decorators.js";import{activeElementIn}from"../../../internal/active-element.js";import{applyComposedFocusRepair,captureComposedFocusRepair,isComposedFocusAvailable}from"../../../internal/focus-navigation.js";import{LyraElement}from"../../../internal/lyra-element.js";import{installFormControlLabelSupport}from"../../../internal/form-control-labels.js";installFormControlLabelSupport();import{sizes}from"../../../internal/sizes.styles.js";import{hostAriaLabel,nextId}from"../../../internal/a11y.js";import{syncAriaDescribedByElements}from"../../../internal/aria-reflection.js";import{chevronIcon}from"../../../internal/icons.js";import{AnchoredValidityController,VALIDITY_ANCHOR}from"../../../internal/anchored-validity.js";import{syncValidityStates}from"../../../internal/custom-states.js";import{styles}from"./model-select.styles.js";import{spellcheckFromAttributeConverter as spellcheckConverter}from"../../../internal/converters.js";import{attachInternalsSafely,getFormOwner,installCustomErrorProperty,isBarredFromValidation,setFormOwner}from"../../../internal/form-associated.js";import{installInteractionOnInvalid,installInvalidEventAlias,withStaticValidityCheck}from"../../../internal/invalid-event-alias.js";import{CatalogPickerController}from"../../../internal/catalog-picker.js";import{SlotPresenceController}from"../../../internal/slot-presence-controller.js";import{LYRA_DEFAULT_fieldRequired,LYRA_DEFAULT_model,LYRA_DEFAULT_modelSelectNoModels,LYRA_DEFAULT_modelSelectRequired,LYRA_DEFAULT_noMatches,LYRA_DEFAULT_notInCatalog}from"../../../internal/default-strings.generated.js";class LyraModelSelect extends LyraElement{static{this.defaultStrings={...super.defaultStrings,fieldRequired:LYRA_DEFAULT_fieldRequired,model:LYRA_DEFAULT_model,modelSelectNoModels:LYRA_DEFAULT_modelSelectNoModels,modelSelectRequired:LYRA_DEFAULT_modelSelectRequired,noMatches:LYRA_DEFAULT_noMatches,notInCatalog:LYRA_DEFAULT_notInCatalog}}static{this.ownedCollectionProperties=Object.freeze(["catalog"])}static{this.formAssociated=!0}static{this.styles=[LyraElement.styles,sizes,styles]}static{this.properties={customError:{attribute:"custom-error",reflect:!0,noAccessor:!0},disabled:{type:Boolean,reflect:!0,noAccessor:!0},required:{type:Boolean,reflect:!0,noAccessor:!0},value:{attribute:!1,noAccessor:!0},defaultValue:{attribute:"value",reflect:!0,useDefault:!0,noAccessor:!0},name:{reflect:!0,noAccessor:!0}}}get open(){return this.catalogPicker.open}set open(next){this.catalogPicker.setOpen(next)}get activeIndex(){return this.catalogPicker.activeIndex}get query(){return this.catalogPicker.query}constructor(){super(),this.provider="",this.allowCustom=!1,this.readonly=!1,this.label="",this.hint="",this.errorText="",this.placeholder="",this.spellcheck=!0,this.autocapitalize="",this.autoCorrect="",this.autocomplete="off",this.inputMode="",this.enterKeyHint="",this.size="m",this.touched=!1,this.slotPresence=new SlotPresenceController(this),this.listId=nextId("model-select-list"),this.controlId=nextId("model-select-control"),this.hasSyncedDescribedByElements=!1,this._fieldsetDisabled=!1,this._name="",this._disabled=!1,this._required=!1,this.suppressControlBlur=!1,this.catalogPicker=new CatalogPickerController(this,{catalog:()=>this.catalog,allowCustom:()=>this.allowCustom,isReadonly:()=>this.readonly,locale:()=>this.effectiveLocale,searchableFields:entry=>[entry.id,entry.label],emitChange:detail=>this.emit("lr-change",detail),onValueChange:(value,oldValue)=>{this.internals.setFormValue(value),this.updateValidity(),this.requestUpdate("value",oldValue)},onDefaultValueChange:(_value,oldValue)=>this.requestUpdate("defaultValue",oldValue),onStateChange:(state2,oldValue)=>{state2==="open"?this.requestUpdate("open",oldValue):this.requestUpdate()},onControlFocus:event=>this.captureModeFocus(event),onControlBlur:event=>{this.effectiveDisabled||(this.touched=!0),this.retireModeFocusAfterBlur(event)},forwardFreeInputClick:!0}),this.markInteracted=()=>{this.touched||(this.touched=!0,this.publishValidityStates())},this.onTriggerClick=()=>{this.effectiveDisabled||(this.open?this.hide():this.show())},this.onTriggerBlur=event=>{this.catalogPicker.handleControlBlur(event)},this.onTriggerFocus=event=>{this.catalogPicker.handleControlFocus(event)},this.onTriggerKeyDown=e=>{this.catalogPicker.handleTriggerKeyDown(e)},this.onComboMouseDown=e=>{this.catalogPicker.handleComboMouseDown(e)},this.onInputFocus=event=>{this.catalogPicker.handleInputFocus(event)},this.onInput=e=>{this.catalogPicker.handleInput(e)},this.onInputBlur=event=>{this.catalogPicker.handleControlBlur(event)},this.onInputKeyDown=e=>{this.catalogPicker.handleInputKeyDown(e)},this.onListboxMouseDown=e=>{this.catalogPicker.handleListboxMouseDown(e)},this.onListboxClick=e=>{this.catalogPicker.handleListboxClick(e)},this.internals=attachInternalsSafely(this),this.validityController=new AnchoredValidityController(this,this.internals,()=>this[VALIDITY_ANCHOR]()),installCustomErrorProperty(this,()=>this.validityController.customValidityMessage),installInvalidEventAlias(this,init=>this.emit("lr-invalid",null,init)),installInteractionOnInvalid(this,this.markInteracted),this.internals.setFormValue("")}click(){this.catalogPicker.click()}focus(options){this.catalogPicker.focus(options)}blur(){this.catalogPicker.blur()}get input(){return this.catalogPicker.input}get selectionStart(){return this.input?.selectionStart??null}set selectionStart(value){this.input&&(this.input.selectionStart=value)}get selectionEnd(){return this.input?.selectionEnd??null}set selectionEnd(value){this.input&&(this.input.selectionEnd=value)}get selectionDirection(){return this.input?.selectionDirection??null}set selectionDirection(value){this.input&&(this.input.selectionDirection=value)}select(){this.catalogPicker.select()}setSelectionRange(start,end,direction){this.catalogPicker.setSelectionRange(start,end,direction)}setRangeText(replacement,start,end,selectMode){this.catalogPicker.setRangeText(replacement,start,end,selectMode)}get form(){return getFormOwner(this.internals)}set form(owner){setFormOwner(this,owner)}getForm(){return getFormOwner(this.internals)}get labels(){return this.internals.labels}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}get willValidate(){return this.internals.willValidate}[VALIDITY_ANCHOR](){return this.renderRoot?.querySelector('[part="trigger"], [part="combobox-input"]')??null}connectedCallback(){super.connectedCallback(),this.updateValidity(),this.catalogPicker.connected(this.hasUpdated)}willUpdate(changed){super.willUpdate(changed);let modeChanged=!1;if(this.hasUpdated){const renderedControl=this.renderRoot.querySelector('[part="trigger"], [part="combobox-input"]');modeChanged=renderedControl?.getAttribute("part")==="trigger"!==this.closedMode,this.suppressControlBlur=modeChanged,this.catalogPicker.suppressControlEvents=modeChanged,this.modeFocusRepair=modeChanged&&renderedControl!==null&&activeElementIn(this.shadowRoot)===renderedControl?captureComposedFocusRepair(this,this.modeFocusFallback()??renderedControl)??void 0:modeChanged?this.focusedModeRepair:void 0}this.open&&(changed.has("catalog")||changed.has("value")||changed.has("allowCustom"))&&this.catalogPicker.reconcileRows(void 0,changed.has("value")||changed.has("allowCustom")||modeChanged,!1)}disconnectedCallback(){super.disconnectedCallback(),this.modeFocusRepair=void 0,this.focusedModeRepair=void 0,this.focusReturnTarget=void 0,this.catalogPicker.disconnected()}adoptedCallback(){super.adoptedCallback(),this.modeFocusRepair=void 0,this.focusedModeRepair=void 0,this.focusReturnTarget=void 0,this.catalogPicker.adopted()}get value(){return this.catalogPicker.value}set value(next){this.catalogPicker.value=next}get defaultValue(){return this.catalogPicker.defaultValue}set defaultValue(next){this.catalogPicker.defaultValue=next}get name(){return this._name}set name(next){const old=this._name;this._name=next??"",this._name?this.setAttribute("name",this._name):this.removeAttribute("name"),this.requestUpdate("name",old)}get disabled(){return this._disabled}set disabled(next){const old=this._disabled;this._disabled=!!next,this.toggleAttribute("disabled",this._disabled),this._disabled&&this.hide(),this.updateValidity(),this.requestUpdate("disabled",old)}get required(){return this._required}set required(next){const old=this._required;this._required=!!next,this.toggleAttribute("required",this._required),this.updateValidity(),this.requestUpdate("required",old)}get effectiveDisabled(){return this.disabled||this._fieldsetDisabled}get barredFromValidation(){return isBarredFromValidation(this,this.internals)}updateValidity(){this.barredFromValidation?this.validityController.setValidity({}):this.required&&!this.value?this.validityController.setValidity({valueMissing:!0},this.localize("modelSelectRequired")):this.validityController.setValidity({}),this.publishValidityStates()}publishValidityStates(){syncValidityStates(this.internals,{required:this.required,hasInteracted:this.touched,barred:this.barredFromValidation})}formResetCallback(){this.touched=!1,this.catalogPicker.resetValue()}formStateRestoreCallback(state2,_mode){this.catalogPicker.restoreState(state2)}formDisabledCallback(disabled){this._fieldsetDisabled=disabled,disabled&&this.hide(),this.updateValidity(),this.requestUpdate()}checkValidity(){return withStaticValidityCheck(this,()=>this.internals.checkValidity())}reportValidity(){return this.touched=!0,this.publishValidityStates(),this.internals.reportValidity()}setCustomValidity(message){this.validityController.setCustomValidity(message??""),this.publishValidityStates()}get closedMode(){return this.catalogPicker.closedMode}get effectiveEntries(){return this.catalogPicker.effectiveEntries}get filteredEntries(){return this.catalogPicker.filteredEntries}labelFor(id){return this.catalogPicker.labelFor(id)}show(){this.catalogPicker.show()}hide(){this.catalogPicker.hide()}updated(changed){super.updated(changed);const hostDescribedBy=this.getAttribute("aria-describedby");if(hostDescribedBy||this.hasSyncedDescribedByElements){const control=this.renderRoot.querySelector(`#${CSS.escape(this.controlId)}`);this.hasSyncedDescribedByElements=syncAriaDescribedByElements(this,control??void 0,hostDescribedBy)}const reposition=changed.has("open")||this.open&&(changed.has("catalog")||changed.has("allowCustom"));this.catalogPicker.updated(reposition),(changed.has("required")||changed.has("readonly")||changed.has("touched")||changed.has("value"))&&(changed.has("readonly")&&this.updateValidity(),this.toggleAttribute("data-invalid",this.touched&&!this.internals.validity.valid)),this.publishValidityStates(),this.suppressControlBlur=!1,this.catalogPicker.suppressControlEvents=!1;const focusRepair=this.modeFocusRepair;this.modeFocusRepair=void 0,focusRepair&&this.scheduleAfterUpdate(()=>{const replacement=this[VALIDITY_ANCHOR](),target=replacement&&isComposedFocusAvailable(replacement)?replacement:this.modeFocusFallback();applyComposedFocusRepair(focusRepair,target),this.focusedModeRepair===focusRepair&&(this.focusedModeRepair=void 0)},"model-select-mode-focus")}rememberFocusReturn(event){const related=event.relatedTarget;related&&related.nodeType===1&&isComposedFocusAvailable(related)&&(this.focusReturnTarget=related)}captureModeFocus(event){this.rememberFocusReturn(event);const control=event.currentTarget;!control||control.nodeType!==1||(this.focusedModeRepair=captureComposedFocusRepair(this,this.modeFocusFallback()??control)??void 0)}retireModeFocusAfterBlur(event){const destination=event.relatedTarget;if(destination&&destination.nodeType===1){this.focusedModeRepair=void 0;return}queueMicrotask(()=>{!this.suppressControlBlur&&!this.effectiveDisabled&&!this.hasAttribute("inert")&&(this.focusedModeRepair=void 0)})}modeFocusFallback(){if(this.focusReturnTarget&&isComposedFocusAvailable(this.focusReturnTarget))return this.focusReturnTarget;const owner=this.renderRoot.querySelector('[part="form-control"]');return owner&&isComposedFocusAvailable(owner)?owner:null}renderRows(rows,activeId){return rows.map((entry,i)=>{const id=`${this.listId}-opt-${i}`,selected=entry.id===this.value,disabled=entry.disabled===!0;return html`<div
         part="option"
         id=${id}
         role="option"
         data-value=${entry.id}
         ?data-synthetic=${entry.synthetic}
         aria-selected=${selected?"true":"false"}
+        aria-disabled=${disabled?"true":nothing}
         ?data-active=${id===activeId}
       >
         ${entry.icon?html`<span part="option-icon" aria-hidden="true" inert>${entry.icon}</span>`:nothing}

package/dist/components/conversation/model-select/model-select.styles.js

@@ -1 +1 @@
-import{css}from"lit";import{formControlRequiredMarker}from"../../../internal/form-control.styles.js";import{overlaySurfaceFill}from"../../../internal/overlay-surface.styles.js";const styles=css` :host { position: relative; display: inline-block; inline-size: 100%; min-inline-size: 0; max-inline-size: var(--lr-model-select-max-inline-size, var(--lr-size-24rem)); --_lr-model-select-trigger-padding: var(--lr-form-control-padding-block) var(--lr-form-control-padding-inline); --_lr-model-select-trigger-min-height: var(--lr-form-control-height); --_lr-model-select-font-size: var(--lr-form-control-font-size); --_lr-model-select-expand-size: var(--lr-size-1-75rem); --_lr-model-select-gap-default: var(--lr-space-xs); --_lr-model-select-radius-default: var(--lr-radius); } :host(:disabled) { cursor: not-allowed; } :host([size="2xs"]), :host([size="xs"]) { --_lr-model-select-expand-size: var(--lr-size-1rem); } :host([size="s"]), :host([size="small"]) { --_lr-model-select-expand-size: var(--lr-size-1-25rem); } [part="form-control-label"] { display: block; margin-block-end: var(--lr-space-xs); font-size: var(--lr-font-size-md-sm); font-weight: var(--lr-font-weight-semibold); } [part="form-control-label"][hidden] { display: none; } ${formControlRequiredMarker} [part='trigger'], [part='combobox'] { display: flex; align-items: center; gap: var(--lr-model-select-gap, var(--_lr-model-select-gap-default)); inline-size: 100%; min-inline-size: 0; min-block-size: var( --lr-model-select-trigger-height, var( --lr-model-select-trigger-min-height, var(--_lr-model-select-trigger-min-height) ) ); block-size: var(--lr-model-select-trigger-height, auto); box-sizing: border-box; padding: var( --lr-model-select-trigger-padding, var(--_lr-model-select-trigger-padding) ); border: var(--lr-border-width-thin) solid var(--lr-model-select-trigger-border-color, var(--lr-color-border)); border-radius: var( --lr-model-select-radius, var(--_lr-model-select-radius-default) ); background: var(--lr-model-select-trigger-fill, var(--lr-color-surface)); color: inherit; font: inherit; font-size: var( --lr-model-select-font-size, var(--_lr-model-select-font-size) ); } [part="trigger"] { cursor: pointer; text-align: start; } [part="combobox"] { cursor: text; } [part="trigger"]:focus-visible, [part="combobox"]:focus-within { outline: var(--lr-focus-ring-width) solid var(--lr-focus-ring-color); outline-offset: var(--lr-focus-ring-offset); } :where([part="trigger"]):hover:where(:not(:disabled)) { background: var(--lr-color-brand-quiet); } :where([part="trigger"]):active:where(:not(:disabled)) { background: color-mix( in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active) ); } :host([open]) [part="trigger"] { border-color: var( --lr-model-select-open-border-color, var(--lr-color-brand) ); } :host(:disabled) [part="trigger"], :host(:disabled) [part="combobox"] { opacity: var(--lr-opacity-disabled); cursor: not-allowed; } [part="provider-badge"] { flex: 0 1 auto; min-inline-size: 0; max-inline-size: 40%; overflow: hidden; text-overflow: ellipsis; padding-inline-end: var(--lr-space-xs); margin-inline-end: var(--lr-space-xs); border-inline-end: var(--lr-border-width-thin) solid var(--lr-color-border); font-size: var(--lr-size-0-6875rem); font-weight: var(--lr-font-weight-bold); text-transform: uppercase; letter-spacing: var(--lr-size-0-04em); color: var(--lr-color-text-quiet); white-space: nowrap; } .trigger-label { flex: 1 1 auto; min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .trigger-label[data-placeholder] { color: var(--lr-color-text-quiet); } [part="combobox-input"] { flex: 1 1 auto; min-inline-size: 0; border: none; outline: none; background: transparent; color: inherit; font: inherit; } [part="combobox-input"]::placeholder { color: var(--lr-color-text-quiet); } [part="expand-icon"] { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; color: var(--lr-color-text-quiet); min-inline-size: min( var(--lr-icon-button-size), var(--lr-model-select-expand-size, var(--_lr-model-select-expand-size)) ); min-block-size: min( var(--lr-icon-button-size), var(--lr-model-select-expand-size, var(--_lr-model-select-expand-size)) ); line-height: var(--lr-line-height-none); } [part="expand-icon"] svg { transform: rotate(90deg); } [part="listbox"] { position: fixed; z-index: var(--lr-layer-dropdown); box-sizing: border-box; max-block-size: var(--lr-size-18rem); overflow-y: auto; overflow-x: hidden; inline-size: max-content; min-inline-size: var(--lr-size-12rem); max-inline-size: min( var(--lr-popover-viewport-clamp), var(--lr-size-28rem) ); padding: var(--lr-space-xs); ${overlaySurfaceFill} border-radius: var( --lr-model-select-radius, var(--lr-overlay-radius, var(--_lr-model-select-radius-default)) ); box-shadow: var(--lr-overlay-shadow-anchored, var(--lr-shadow-m)); visibility: hidden; opacity: 0; transform: translateY(var(--lr-size-neg-0-25rem)); transition: opacity var(--lr-transition-fast), transform var(--lr-transition-fast), visibility var(--lr-transition-fast); } :host([open]) [part="listbox"] { visibility: visible; opacity: 1; transform: translateY(0); } @media (prefers-reduced-motion: reduce) { [part="listbox"] { transition: none !important; } } [part="option"] { display: flex; align-items: center; gap: var(--lr-model-select-gap, var(--_lr-model-select-gap-default)); inline-size: 100%; box-sizing: border-box; padding: var(--lr-space-xs) var(--lr-space-s); border: var(--lr-border-width-thin) solid transparent; border-radius: var( --lr-model-select-radius, var(--_lr-model-select-radius-default) ); background: none; color: inherit; font: inherit; text-align: start; cursor: pointer; } [part="option"][aria-selected="true"] { background: var(--lr-model-select-option-selected-bg, transparent); border-color: var( --lr-model-select-option-selected-border, var(--lr-color-brand) ); color: var(--lr-model-select-option-selected-color, var(--lr-color-brand)); font-weight: var( --lr-model-select-option-selected-font-weight, var(--lr-font-weight-semibold) ); } [part="option"]:hover, [part="option"][data-active] { background: var( --lr-model-select-option-active-bg, var(--lr-color-brand-quiet) ); } [part="option"]:active { background: color-mix( in oklab, var(--lr-model-select-option-active-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active) ); } [part="option-icon"] { flex: 0 0 auto; line-height: var(--lr-line-height-1-4); } [part="option-label"] { flex: 1 1 auto; min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } [part="option"][data-synthetic] { border-style: var(--lr-model-select-option-synthetic-border-style, dashed); border-color: var( --lr-model-select-option-synthetic-border-color, var(--lr-color-border) ); } [part="option"][data-synthetic] [part="option-label"] { font-style: italic; } [part="option-badge"] { flex: 0 0 auto; font-size: var(--lr-size-0-6875rem); font-style: normal; font-weight: var(--lr-font-weight-normal); color: var(--lr-color-text-quiet); white-space: nowrap; } [part="empty"] { padding: var(--lr-space-m); color: var(--lr-color-text-quiet); font-size: var(--lr-font-size-md-sm); } [part="hint"] { margin-block-start: var(--lr-space-xs); font-size: var(--lr-font-size-sm); color: var(--lr-color-text-quiet); } [part="hint"][hidden] { display: none; } [part="error"] { margin-block-start: var(--lr-space-xs); font-size: var(--lr-font-size-sm); color: var(--lr-color-danger); } [part="error"][hidden] { display: none; } `;export{styles};
+import{css}from"lit";import{formControlRequiredMarker}from"../../../internal/form-control.styles.js";import{overlaySurfaceFill}from"../../../internal/overlay-surface.styles.js";const styles=css` :host { position: relative; display: inline-block; inline-size: 100%; min-inline-size: 0; max-inline-size: var(--lr-model-select-max-inline-size, var(--lr-size-24rem)); --_lr-model-select-trigger-padding: var(--lr-form-control-padding-block) var(--lr-form-control-padding-inline); --_lr-model-select-trigger-min-height: var(--lr-form-control-height); --_lr-model-select-font-size: var(--lr-form-control-font-size); --_lr-model-select-expand-size: var(--lr-size-1-75rem); --_lr-model-select-gap-default: var(--lr-space-xs); --_lr-model-select-radius-default: var(--lr-radius); } :host(:disabled) { cursor: not-allowed; } :host([size="2xs"]), :host([size="xs"]) { --_lr-model-select-expand-size: var(--lr-size-1rem); } :host([size="s"]), :host([size="small"]) { --_lr-model-select-expand-size: var(--lr-size-1-25rem); } [part="form-control-label"] { display: block; margin-block-end: var(--lr-space-xs); font-size: var(--lr-font-size-md-sm); font-weight: var(--lr-font-weight-semibold); } [part="form-control-label"][hidden] { display: none; } ${formControlRequiredMarker} [part='trigger'], [part='combobox'] { display: flex; align-items: center; gap: var(--lr-model-select-gap, var(--_lr-model-select-gap-default)); inline-size: 100%; min-inline-size: 0; min-block-size: var( --lr-model-select-trigger-height, var( --lr-model-select-trigger-min-height, var(--_lr-model-select-trigger-min-height) ) ); block-size: var(--lr-model-select-trigger-height, auto); box-sizing: border-box; padding: var( --lr-model-select-trigger-padding, var(--_lr-model-select-trigger-padding) ); border: var(--lr-border-width-thin) solid var(--lr-model-select-trigger-border-color, var(--lr-color-border)); border-radius: var( --lr-model-select-radius, var(--_lr-model-select-radius-default) ); background: var(--lr-model-select-trigger-fill, var(--lr-color-surface)); color: inherit; font: inherit; font-size: var( --lr-model-select-font-size, var(--_lr-model-select-font-size) ); } [part="trigger"] { cursor: pointer; text-align: start; } [part="combobox"] { cursor: text; } [part="trigger"]:focus-visible, [part="combobox"]:focus-within { outline: var(--lr-focus-ring-width) solid var(--lr-focus-ring-color); outline-offset: var(--lr-focus-ring-offset); } :where([part="trigger"]):hover:where(:not(:disabled)) { background: var(--lr-color-brand-quiet); } :where([part="trigger"]):active:where(:not(:disabled)) { background: color-mix( in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active) ); } :host([open]) [part="trigger"] { border-color: var( --lr-model-select-open-border-color, var(--lr-color-brand) ); } :host(:disabled) [part="trigger"], :host(:disabled) [part="combobox"] { opacity: var(--lr-opacity-disabled); cursor: not-allowed; } [part="provider-badge"] { flex: 0 1 auto; min-inline-size: 0; max-inline-size: 40%; overflow: hidden; text-overflow: ellipsis; padding-inline-end: var(--lr-space-xs); margin-inline-end: var(--lr-space-xs); border-inline-end: var(--lr-border-width-thin) solid var(--lr-color-border); font-size: var(--lr-size-0-6875rem); font-weight: var(--lr-font-weight-bold); text-transform: uppercase; letter-spacing: var(--lr-size-0-04em); color: var(--lr-color-text-quiet); white-space: nowrap; } .trigger-label { flex: 1 1 auto; min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .trigger-label[data-placeholder] { color: var(--lr-color-text-quiet); } [part="combobox-input"] { flex: 1 1 auto; min-inline-size: 0; border: none; outline: none; background: transparent; color: inherit; font: inherit; } [part="combobox-input"]::placeholder { color: var(--lr-color-text-quiet); } [part="expand-icon"] { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; color: var(--lr-color-text-quiet); min-inline-size: min( var(--lr-icon-button-size), var(--lr-model-select-expand-size, var(--_lr-model-select-expand-size)) ); min-block-size: min( var(--lr-icon-button-size), var(--lr-model-select-expand-size, var(--_lr-model-select-expand-size)) ); line-height: var(--lr-line-height-none); } [part="expand-icon"] svg { transform: rotate(90deg); } [part="listbox"] { position: fixed; z-index: var(--lr-layer-dropdown); box-sizing: border-box; max-block-size: var(--lr-size-18rem); overflow-y: auto; overflow-x: hidden; inline-size: max-content; min-inline-size: var(--lr-size-12rem); max-inline-size: min( var(--lr-popover-viewport-clamp), var(--lr-size-28rem) ); padding: var(--lr-space-xs); ${overlaySurfaceFill} border-radius: var( --lr-model-select-radius, var(--lr-overlay-radius, var(--_lr-model-select-radius-default)) ); box-shadow: var(--lr-overlay-shadow-anchored, var(--lr-shadow-m)); visibility: hidden; opacity: 0; transform: translateY(var(--lr-size-neg-0-25rem)); transition: opacity var(--lr-transition-fast), transform var(--lr-transition-fast), visibility var(--lr-transition-fast); } :host([open]) [part="listbox"] { visibility: visible; opacity: 1; transform: translateY(0); } @media (prefers-reduced-motion: reduce) { [part="listbox"] { transition: none !important; } } [part="option"] { display: flex; align-items: center; gap: var(--lr-model-select-gap, var(--_lr-model-select-gap-default)); inline-size: 100%; box-sizing: border-box; padding: var(--lr-space-xs) var(--lr-space-s); border: var(--lr-border-width-thin) solid transparent; border-radius: var( --lr-model-select-radius, var(--_lr-model-select-radius-default) ); background: none; color: inherit; font: inherit; text-align: start; cursor: pointer; } [part="option"][aria-selected="true"] { background: var(--lr-model-select-option-selected-bg, transparent); border-color: var( --lr-model-select-option-selected-border, var(--lr-color-brand) ); color: var(--lr-model-select-option-selected-color, var(--lr-color-brand)); font-weight: var( --lr-model-select-option-selected-font-weight, var(--lr-font-weight-semibold) ); } [part="option"]:where(:not([aria-disabled='true'])):hover, [part="option"][data-active] { background: var( --lr-model-select-option-active-bg, var(--lr-color-brand-quiet) ); } [part="option"]:where(:not([aria-disabled='true'])):active { background: color-mix( in oklab, var(--lr-model-select-option-active-bg, var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active) ); } [part="option"][aria-disabled='true'] { cursor: default; opacity: var(--lr-model-select-option-disabled-opacity, 0.5); } [part="option-icon"] { flex: 0 0 auto; line-height: var(--lr-line-height-1-4); } [part="option-label"] { flex: 1 1 auto; min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } [part="option"][data-synthetic] { border-style: var(--lr-model-select-option-synthetic-border-style, dashed); border-color: var( --lr-model-select-option-synthetic-border-color, var(--lr-color-border) ); } [part="option"][data-synthetic] [part="option-label"] { font-style: italic; } [part="option-badge"] { flex: 0 0 auto; font-size: var(--lr-size-0-6875rem); font-style: normal; font-weight: var(--lr-font-weight-normal); color: var(--lr-color-text-quiet); white-space: nowrap; } [part="empty"] { padding: var(--lr-space-m); color: var(--lr-color-text-quiet); font-size: var(--lr-font-size-md-sm); } [part="hint"] { margin-block-start: var(--lr-space-xs); font-size: var(--lr-font-size-sm); color: var(--lr-color-text-quiet); } [part="hint"][hidden] { display: none; } [part="error"] { margin-block-start: var(--lr-space-xs); font-size: var(--lr-font-size-sm); color: var(--lr-color-danger); } [part="error"][hidden] { display: none; } `;export{styles};

package/dist/components/conversation/streaming-text/streaming-text-base.class.d.ts

@@ -1,4 +1,4 @@
-import{type TemplateResult,type PropertyValues}from'lit';import{LyraElement}from'../../../internal/lyra-element.js';import type{ShikiLanguageInput}from'../code-block/shiki-types.js';
+import{type TemplateResult,type PropertyValues}from'lit';import{LyraElement}from'../../../internal/lyra-element.js';import type{ShikiLanguageInput}from'../code-block/shiki-types.js';import type{MarkdownHtmlMode}from'../markdown/markdown-shared.js';
 /** Runs {@link APPEND_MONOTONIC_MARKDOWN_PATTERNS}/{@link BOUNDARY_SENSITIVE_MARKDOWN_PATTERNS}
 *  against `text`, used whenever `contentMode` is left unset (auto-detect). Exported so the
 *  heuristic is directly testable without going through either variant's render cycle. */
@@ -30,7 +30,45 @@ contentMode:StreamingTextContentMode;
 *  explicit language-grammar bundle scoping shiki's build output to just those grammars. Unset
 *  leaves the composed element's own default untouched: the full variant falls back to its
 *  ~200-language dynamic-import table, the core variant renders unmatched fences as plain text. */
-languages?:Readonly<Record<string,ShikiLanguageInput>>;protected displayedContent:string;private lastScannedContent?;private lastScannedResult;private lastMonotonicResult;private readonly coalescer;
+languages?:Readonly<Record<string,ShikiLanguageInput>>;
+/** Forwarded verbatim to the composed Markdown element's own `tabSize` -- the tab-stop width
+*  used to expand tabs in leading indentation before parsing. `4` (the default) matches the
+*  composed element's own default. */
+tabSize:number;
+/** Forwarded verbatim to the composed Markdown element's own `htmlMode` -- how authored raw
+*  HTML is handled (`'sanitize'`, `'escape'`, or `'trusted'`). `'sanitize'` (the default)
+*  matches the composed element's own default. */
+htmlMode:MarkdownHtmlMode;
+/** Forwarded verbatim to the composed Markdown element's own `gfm` -- GitHub-flavored Markdown
+*  (tables, strikethrough, autolinks, task lists). `true` (the default) matches the composed
+*  element's own default. */
+gfm:boolean;
+/** Forwarded verbatim to the composed Markdown element's own `linkTarget` -- the `target`
+*  applied to every rendered `<a>`, with `rel="noopener noreferrer"` always added by the
+*  composed element alongside it whenever a `target` is emitted. `'_blank'` (the default)
+*  matches the composed element's own default; set to `null` (or the empty string, e.g. via the
+*  `link-target=""` attribute) to omit `target`/`rel` entirely so rendered links open in the
+*  same tab. */
+linkTarget:string|null;
+/** Forwarded verbatim to the composed Markdown element's own `internalLinkPrefix`. Empty (the
+*  default) matches the composed element's own default -- every link is treated as external. */
+internalLinkPrefix:string;
+/** Forwarded verbatim to the composed Markdown element's own `headingOffset`. `0` (the
+*  default) matches the composed element's own default. */
+headingOffset:number;
+/** Forwarded verbatim to the composed Markdown element's own `highlightCode`. `true` (the
+*  default) matches the composed element's own default. */
+highlightCode:boolean;
+/** Forwarded verbatim to the composed Markdown element's own `headingAnchors`. `false` (the
+*  default) matches the composed element's own default. */
+headingAnchors:boolean;
+/** Forwarded verbatim to the composed Markdown element's own `math`. `false` (the default)
+*  matches the composed element's own default. */
+math:boolean;
+/** Forwarded verbatim to the composed Markdown element's own `maxHeight`. Empty (the default)
+*  matches the composed element's own default -- the rendered document never scrolls
+*  internally. */
+maxHeight:string;protected displayedContent:string;private lastScannedContent?;private lastScannedResult;private lastMonotonicResult;private readonly coalescer;
 /** `coalesceMs` normalized to a finite, non-negative timer delay before it ever reaches
 *  `Announcer.throttleMs` (and, from there, a raw `setTimeout()` call) -- a `NaN`/negative raw
 *  value would otherwise feed the platform a nonsensical delay (clamped to `0` by the

package/dist/components/conversation/streaming-text/streaming-text-base.class.js

@@ -1,6 +1,6 @@
-var __decorate=function(decorators,target,key,desc){var c=arguments.length,r=c<3?target:desc===null?desc=Object.getOwnPropertyDescriptor(target,key):desc,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r};import{html,nothing}from"lit";import{property,state}from"lit/decorators.js";import{LyraElement}from"../../../internal/lyra-element.js";import{Announcer}from"../../../internal/announcer.js";import{finiteDuration}from"../../../internal/numbers.js";import{styles}from"./streaming-text.styles.js";const DEFAULT_COALESCE_MS=50,APPEND_MONOTONIC_MARKDOWN_PATTERNS=[/^ {0,3}#{1,6}\s+\S/m,/```/,/\*\*[^*\n]+\*\*/,/`[^`\n]+`/,/^ {0,3}[-*+]\s+\S/m,/^ {0,3}\d+\.\s+\S/m,/\[[^\]]+\]\([^)\s]+\)/,/^ {0,3}>\s?\S/m],BOUNDARY_SENSITIVE_MARKDOWN_PATTERNS=[/(?:^|[^\w])_[^_\n]+_(?:[^\w]|$)/];function looksLikeMarkdown(text){return text?[...APPEND_MONOTONIC_MARKDOWN_PATTERNS,...BOUNDARY_SENSITIVE_MARKDOWN_PATTERNS].some(pattern=>pattern.test(text)):!1}class StreamingTextRuntimeBase extends LyraElement{static{this.styles=[LyraElement.styles,styles]}get safeCoalesceMs(){return finiteDuration(this.coalesceMs,DEFAULT_COALESCE_MS,0)}constructor(){super(),this.content="",this.streaming=!1,this.coalesceMs=DEFAULT_COALESCE_MS,this.contentMode="auto",this.displayedContent="",this.lastScannedResult=!1,this.lastMonotonicResult=!1,this.coalescer=new Announcer({throttleMs:this.safeCoalesceMs,onFlush:text=>{this.displayedContent=text}})}connectedCallback(){super.connectedCallback();const ownerWindow=this.ownerDocument.defaultView;ownerWindow&&this.coalescer.setTimerHost(ownerWindow),this.hasUpdated&&this.displayedContent!==this.content&&this.coalescer.announce(this.content,{force:!0})}willUpdate(changed){if(super.willUpdate(changed),changed.has("coalesceMs")&&(this.coalescer.throttleMs=this.safeCoalesceMs),changed.has("content")&&this.coalescer.announce(this.content,{force:!this.hasUpdated}),changed.has("streaming")&&changed.get("streaming")!==void 0&&changed.get("streaming")!==this.streaming&&this.coalescer.announce(this.content,{force:!0}),changed.has("displayedContent")&&this.displayedContent!==this.lastScannedContent){const previous=this.lastScannedContent;this.lastScannedContent=this.displayedContent,previous!==void 0&&this.displayedContent.startsWith(previous)&&this.lastMonotonicResult||(this.lastMonotonicResult=APPEND_MONOTONIC_MARKDOWN_PATTERNS.some(pattern=>pattern.test(this.displayedContent)),this.lastScannedResult=this.lastMonotonicResult||BOUNDARY_SENSITIVE_MARKDOWN_PATTERNS.some(pattern=>pattern.test(this.displayedContent)))}}updated(changed){super.updated(changed),changed.has("displayedContent")&&!this.effectiveMarkdown&&this.emit("lr-content-settled",null)}disconnectedCallback(){super.disconnectedCallback(),this.coalescer.cancel()}adoptedCallback(){super.adoptedCallback();const ownerWindow=this.ownerDocument.defaultView;ownerWindow&&this.coalescer.setTimerHost(ownerWindow)}get effectiveMarkdown(){return this.contentMode==="markdown"?!0:this.contentMode==="plain"?!1:this.lastScannedResult}stopOwnedEvent(event){event.stopPropagation()}render(){return html`
+var __decorate=function(decorators,target,key,desc){var c=arguments.length,r=c<3?target:desc===null?desc=Object.getOwnPropertyDescriptor(target,key):desc,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r};import{html,nothing}from"lit";import{property,state}from"lit/decorators.js";import{LyraElement}from"../../../internal/lyra-element.js";import{Announcer}from"../../../internal/announcer.js";import{finiteDuration}from"../../../internal/numbers.js";import{trueDefaultBooleanFromAttributeConverter as trueDefaultBooleanConverter}from"../../../internal/converters.js";import{styles}from"./streaming-text.styles.js";const DEFAULT_COALESCE_MS=50,APPEND_MONOTONIC_MARKDOWN_PATTERNS=[/^ {0,3}#{1,6}\s+\S/m,/```/,/\*\*[^*\n]+\*\*/,/`[^`\n]+`/,/^ {0,3}[-*+]\s+\S/m,/^ {0,3}\d+\.\s+\S/m,/\[[^\]]+\]\([^)\s]+\)/,/^ {0,3}>\s?\S/m],BOUNDARY_SENSITIVE_MARKDOWN_PATTERNS=[/(?:^|[^\w])_[^_\n]+_(?:[^\w]|$)/];function looksLikeMarkdown(text){return text?[...APPEND_MONOTONIC_MARKDOWN_PATTERNS,...BOUNDARY_SENSITIVE_MARKDOWN_PATTERNS].some(pattern=>pattern.test(text)):!1}class StreamingTextRuntimeBase extends LyraElement{static{this.styles=[LyraElement.styles,styles]}get safeCoalesceMs(){return finiteDuration(this.coalesceMs,DEFAULT_COALESCE_MS,0)}constructor(){super(),this.content="",this.streaming=!1,this.coalesceMs=DEFAULT_COALESCE_MS,this.contentMode="auto",this.tabSize=4,this.htmlMode="sanitize",this.gfm=!0,this.linkTarget="_blank",this.internalLinkPrefix="",this.headingOffset=0,this.highlightCode=!0,this.headingAnchors=!1,this.math=!1,this.maxHeight="",this.displayedContent="",this.lastScannedResult=!1,this.lastMonotonicResult=!1,this.coalescer=new Announcer({throttleMs:this.safeCoalesceMs,onFlush:text=>{this.displayedContent=text}})}connectedCallback(){super.connectedCallback();const ownerWindow=this.ownerDocument.defaultView;ownerWindow&&this.coalescer.setTimerHost(ownerWindow),this.hasUpdated&&this.displayedContent!==this.content&&this.coalescer.announce(this.content,{force:!0})}willUpdate(changed){if(super.willUpdate(changed),changed.has("coalesceMs")&&(this.coalescer.throttleMs=this.safeCoalesceMs),changed.has("content")&&this.coalescer.announce(this.content,{force:!this.hasUpdated}),changed.has("streaming")&&changed.get("streaming")!==void 0&&changed.get("streaming")!==this.streaming&&this.coalescer.announce(this.content,{force:!0}),changed.has("displayedContent")&&this.displayedContent!==this.lastScannedContent){const previous=this.lastScannedContent;this.lastScannedContent=this.displayedContent,previous!==void 0&&this.displayedContent.startsWith(previous)&&this.lastMonotonicResult||(this.lastMonotonicResult=APPEND_MONOTONIC_MARKDOWN_PATTERNS.some(pattern=>pattern.test(this.displayedContent)),this.lastScannedResult=this.lastMonotonicResult||BOUNDARY_SENSITIVE_MARKDOWN_PATTERNS.some(pattern=>pattern.test(this.displayedContent)))}}updated(changed){super.updated(changed),changed.has("displayedContent")&&!this.effectiveMarkdown&&this.emit("lr-content-settled",null)}disconnectedCallback(){super.disconnectedCallback(),this.coalescer.cancel()}adoptedCallback(){super.adoptedCallback();const ownerWindow=this.ownerDocument.defaultView;ownerWindow&&this.coalescer.setTimerHost(ownerWindow)}get effectiveMarkdown(){return this.contentMode==="markdown"?!0:this.contentMode==="plain"?!1:this.lastScannedResult}stopOwnedEvent(event){event.stopPropagation()}render(){return html`
       <div part="base">
         ${this.effectiveMarkdown?this.renderMarkdown():html`<span class="plain">${this.displayedContent}</span>`}
         ${this.streaming?html`<span part="cursor" aria-hidden="true"></span>`:nothing}
       </div>
-    `}}__decorate([property()],StreamingTextRuntimeBase.prototype,"content",void 0),__decorate([property({type:Boolean,reflect:!0})],StreamingTextRuntimeBase.prototype,"streaming",void 0),__decorate([property({type:Number,attribute:"coalesce-ms"})],StreamingTextRuntimeBase.prototype,"coalesceMs",void 0),__decorate([property({reflect:!0,attribute:"content-mode"})],StreamingTextRuntimeBase.prototype,"contentMode",void 0),__decorate([property({attribute:!1})],StreamingTextRuntimeBase.prototype,"languages",void 0),__decorate([state()],StreamingTextRuntimeBase.prototype,"displayedContent",void 0);export{StreamingTextRuntimeBase,looksLikeMarkdown};
+    `}}__decorate([property()],StreamingTextRuntimeBase.prototype,"content",void 0),__decorate([property({type:Boolean,reflect:!0})],StreamingTextRuntimeBase.prototype,"streaming",void 0),__decorate([property({type:Number,attribute:"coalesce-ms"})],StreamingTextRuntimeBase.prototype,"coalesceMs",void 0),__decorate([property({reflect:!0,attribute:"content-mode"})],StreamingTextRuntimeBase.prototype,"contentMode",void 0),__decorate([property({attribute:!1})],StreamingTextRuntimeBase.prototype,"languages",void 0),__decorate([property({type:Number,attribute:"tab-size"})],StreamingTextRuntimeBase.prototype,"tabSize",void 0),__decorate([property({attribute:"html-mode"})],StreamingTextRuntimeBase.prototype,"htmlMode",void 0),__decorate([property({converter:trueDefaultBooleanConverter})],StreamingTextRuntimeBase.prototype,"gfm",void 0),__decorate([property({attribute:"link-target"})],StreamingTextRuntimeBase.prototype,"linkTarget",void 0),__decorate([property({attribute:"internal-link-prefix"})],StreamingTextRuntimeBase.prototype,"internalLinkPrefix",void 0),__decorate([property({type:Number,attribute:"heading-offset"})],StreamingTextRuntimeBase.prototype,"headingOffset",void 0),__decorate([property({attribute:"highlight-code",converter:trueDefaultBooleanConverter})],StreamingTextRuntimeBase.prototype,"highlightCode",void 0),__decorate([property({type:Boolean,attribute:"heading-anchors"})],StreamingTextRuntimeBase.prototype,"headingAnchors",void 0),__decorate([property({type:Boolean})],StreamingTextRuntimeBase.prototype,"math",void 0),__decorate([property({attribute:"max-height"})],StreamingTextRuntimeBase.prototype,"maxHeight",void 0),__decorate([state()],StreamingTextRuntimeBase.prototype,"displayedContent",void 0);export{StreamingTextRuntimeBase,looksLikeMarkdown};

package/dist/components/conversation/streaming-text/streaming-text-core.class.d.ts

@@ -7,9 +7,11 @@ export interface LyraStreamingTextCoreEventMap extends StreamingTextRuntimeEvent
 * `<lr-streaming-text-core>` — a build-lean `<lr-streaming-text>` variant for a consumer whose
 * `languages` map already covers every fenced-code language it will ever stream, or who never
 * renders fenced code at all. Every capability is identical to `<lr-streaming-text>` -- token
-* coalescing, `contentMode` auto-detection, the blinking cursor, the `lr-content-settled` event --
-* only which Markdown element Markdown mode composes differs: this variant renders
-* `<lr-markdown-core>` (`../markdown/markdown-core.js`) instead of `<lr-markdown>`, so this
+* coalescing, `contentMode` auto-detection, the blinking cursor, the `lr-content-settled` event,
+* and the full forwarded Markdown configuration surface (`tabSize`, `htmlMode`, `gfm`,
+* `linkTarget`, `internalLinkPrefix`, `headingOffset`, `highlightCode`, `headingAnchors`, `math`,
+* `maxHeight`) -- only which Markdown element Markdown mode composes differs: this variant
+* renders `<lr-markdown-core>` (`../markdown/markdown-core.js`) instead of `<lr-markdown>`, so this
 * component's own module never textually contains a reference to `<lr-markdown>`'s ~200-language
 * dynamic-import table. A fenced code block whose language isn't a key in `languages` always
 * renders the plain-text fallback here -- there is no default/full-table highlighter to fall back
@@ -20,6 +22,28 @@ export interface LyraStreamingTextCoreEventMap extends StreamingTextRuntimeEvent
 *   DOM (plain-text mode only -- see `<lr-streaming-text>`'s class doc). `detail: null`.
 * @csspart base - The root container.
 * @csspart cursor - The blinking (or, under reduced motion, static) cursor bar. Only rendered while `streaming` is `true`.
+* @csspart content - Forwarded from the composed `<lr-markdown-core>` in Markdown mode -- the
+*   wrapper around its rendered (or plain-text fallback) output; respects `max-height`.
+* @csspart heading - Forwarded from the composed `<lr-markdown-core>` in Markdown mode -- every
+*   rendered `<h1>`–`<h6>` (shifted by `heading-offset`).
+* @csspart paragraph - Forwarded from the composed `<lr-markdown-core>` in Markdown mode -- every
+*   rendered `<p>`.
+* @csspart list - Forwarded from the composed `<lr-markdown-core>` in Markdown mode -- every
+*   rendered `<ul>`/`<ol>`.
+* @csspart code-block - Forwarded from the composed `<lr-markdown-core>` in Markdown mode -- every
+*   rendered fenced/indented `<pre>`.
+* @csspart inline-code - Forwarded from the composed `<lr-markdown-core>` in Markdown mode -- every
+*   rendered inline `<code>` span (backtick spans, not fenced blocks).
+* @csspart link - Forwarded from the composed `<lr-markdown-core>` in Markdown mode -- every
+*   rendered `<a>`.
+* @csspart table - Forwarded from the composed `<lr-markdown-core>` in Markdown mode -- every
+*   rendered `<table>`.
+* @csspart blockquote - Forwarded from the composed `<lr-markdown-core>` in Markdown mode -- every
+*   rendered `<blockquote>`.
+* @csspart img - Forwarded from the composed `<lr-markdown-core>` in Markdown mode -- every
+*   rendered `<img>`.
+* @csspart math - Forwarded from the composed `<lr-markdown-core>` in Markdown mode -- a rendered
+*   inline or block math span (`data-display="inline"|"block"`).
 * @cssprop [--lr-inline-cursor-width=var(--lr-size-0-125rem)] - Shared width of the inline cursor
 * bar (also its border radius).
 * @cssprop [--lr-inline-cursor-height=var(--lr-size-1em)] - Shared height of the inline cursor bar.

package/dist/components/conversation/streaming-text/streaming-text-core.class.js

@@ -1,7 +1,18 @@
 import{html}from"lit";import{StreamingTextRuntimeBase}from"./streaming-text-base.class.js";import{looksLikeMarkdown}from"./streaming-text-base.class.js";class LyraStreamingTextCore extends StreamingTextRuntimeBase{renderMarkdown(){return html`<lr-markdown-core
+      exportparts="content, heading, paragraph, list, code-block, inline-code, link, table, blockquote, img, math"
       .content=${this.displayedContent}
       .streaming=${this.streaming}
       .languages=${this.languages??{}}
+      .tabSize=${this.tabSize}
+      .htmlMode=${this.htmlMode}
+      .gfm=${this.gfm}
+      .linkTarget=${this.linkTarget}
+      .internalLinkPrefix=${this.internalLinkPrefix}
+      .headingOffset=${this.headingOffset}
+      .highlightCode=${this.highlightCode}
+      .headingAnchors=${this.headingAnchors}
+      .math=${this.math}
+      .maxHeight=${this.maxHeight}
       @lr-render-error=${this.stopOwnedEvent}
       @lr-link-click=${this.stopOwnedEvent}
       @lr-highlight-activate=${this.stopOwnedEvent}

package/dist/components/conversation/streaming-text/streaming-text.class.d.ts

@@ -39,12 +39,18 @@ import{type TemplateResult}from'lit';import{StreamingTextRuntimeBase}from'./stre
 * directly, forwarding this component's own `streaming` through as that
 * component's own forward-compatible `streaming` hint prop, and this
 * component's own `languages` through verbatim; plain-text mode
-* renders into a `white-space: pre-wrap` span instead. The plain-text path
+* renders into a `white-space: pre-wrap` span instead. The rest of
+* `<lr-markdown>`'s configuration surface is forwarded verbatim too --
+* `tabSize`, `htmlMode`, `gfm`, `linkTarget`, `internalLinkPrefix`,
+* `headingOffset`, `highlightCode`, `headingAnchors`, `math`, and
+* `maxHeight` -- each defaulting to exactly `<lr-markdown>`'s own default, so
+* leaving all of them unset renders identically to before this wrapper
+* forwarded them. The plain-text path
 * does not load optional peers. Markdown mode uses `<lr-markdown>`'s lazy
 * `marked` parser and default `dompurify` sanitizer; fenced-code highlighting
 * can additionally use `shiki`. The transitive Markdown graph also contains
-* the opt-in `katex` loader, but this wrapper does not enable Markdown math,
-* so it never requests that peer itself.
+* the opt-in `katex` loader, requested only if this wrapper's own `math` is
+* set (forwarded to the composed element, unset by default).
 *
 * A consumer with a bounded, known fence-language set who wants to avoid `<lr-markdown>`'s
 * ~200-language dynamic-import table entirely -- either by setting `languages` here, or to skip
@@ -83,6 +89,28 @@ import{type TemplateResult}from'lit';import{StreamingTextRuntimeBase}from'./stre
 *   DOM (plain-text mode only -- see the class doc). `detail: null`.
 * @csspart base - The root container.
 * @csspart cursor - The blinking (or, under reduced motion, static) cursor bar. Only rendered while `streaming` is `true`.
+* @csspart content - Forwarded from the composed `<lr-markdown>` in Markdown mode -- the wrapper
+*   around its rendered (or plain-text fallback) output; respects `max-height`.
+* @csspart heading - Forwarded from the composed `<lr-markdown>` in Markdown mode -- every
+*   rendered `<h1>`–`<h6>` (shifted by `heading-offset`).
+* @csspart paragraph - Forwarded from the composed `<lr-markdown>` in Markdown mode -- every
+*   rendered `<p>`.
+* @csspart list - Forwarded from the composed `<lr-markdown>` in Markdown mode -- every rendered
+*   `<ul>`/`<ol>`.
+* @csspart code-block - Forwarded from the composed `<lr-markdown>` in Markdown mode -- every
+*   rendered fenced/indented `<pre>`.
+* @csspart inline-code - Forwarded from the composed `<lr-markdown>` in Markdown mode -- every
+*   rendered inline `<code>` span (backtick spans, not fenced blocks).
+* @csspart link - Forwarded from the composed `<lr-markdown>` in Markdown mode -- every rendered
+*   `<a>`.
+* @csspart table - Forwarded from the composed `<lr-markdown>` in Markdown mode -- every rendered
+*   `<table>`.
+* @csspart blockquote - Forwarded from the composed `<lr-markdown>` in Markdown mode -- every
+*   rendered `<blockquote>`.
+* @csspart img - Forwarded from the composed `<lr-markdown>` in Markdown mode -- every rendered
+*   `<img>`.
+* @csspart math - Forwarded from the composed `<lr-markdown>` in Markdown mode -- a rendered
+*   inline or block math span (`data-display="inline"|"block"`).
 * @cssprop [--lr-inline-cursor-width=var(--lr-size-0-125rem)] - Shared width of the inline cursor
 * bar (also its border radius).
 * @cssprop [--lr-inline-cursor-height=var(--lr-size-1em)] - Shared height of the inline cursor bar.

package/dist/components/conversation/streaming-text/streaming-text.class.js

@@ -1,7 +1,18 @@
 import{html}from"lit";import{StreamingTextRuntimeBase}from"./streaming-text-base.class.js";import{looksLikeMarkdown}from"./streaming-text-base.class.js";class LyraStreamingText extends StreamingTextRuntimeBase{renderMarkdown(){return html`<lr-markdown
+      exportparts="content, heading, paragraph, list, code-block, inline-code, link, table, blockquote, img, math"
       .content=${this.displayedContent}
       .streaming=${this.streaming}
       .languages=${this.languages}
+      .tabSize=${this.tabSize}
+      .htmlMode=${this.htmlMode}
+      .gfm=${this.gfm}
+      .linkTarget=${this.linkTarget}
+      .internalLinkPrefix=${this.internalLinkPrefix}
+      .headingOffset=${this.headingOffset}
+      .highlightCode=${this.highlightCode}
+      .headingAnchors=${this.headingAnchors}
+      .math=${this.math}
+      .maxHeight=${this.maxHeight}
       @lr-render-error=${this.stopOwnedEvent}
       @lr-link-click=${this.stopOwnedEvent}
       @lr-highlight-activate=${this.stopOwnedEvent}

package/dist/components/conversation/suggestion-chips/suggestion-chips.class.d.ts

@@ -4,7 +4,14 @@ label:string;
 /** Optional literal icon hint (for example, an emoji). Rendered decoratively before the text. */
 icon?:string;
 /** An optional secondary line (Perplexity-style related questions). */
-detail?:string;}export interface LyraSuggestionChipsEventMap{'lr-suggestion-select':CustomEvent<{suggestionId:string;label:string;}>;}
+detail?:string;
+/**
+* Marks this suggestion non-actionable: its chip renders a genuinely disabled `<button>` (no
+* roving tab stop, no hover/press affordance, no `lr-suggestion-select`), and arrow-key/Home/End
+* roving navigation steps past it instead of landing on it. Omitted or `false` renders the chip
+* exactly as before this field existed.
+*/
+disabled?:boolean;}export interface LyraSuggestionChipsEventMap{'lr-suggestion-select':CustomEvent<{suggestionId:string;label:string;}>;}
 /**
 * `<lr-suggestion-chips>` — starter prompts (empty thread) and follow-up suggestions (after a
 * response) as a horizontally scrollable chip row; activation hands the prompt to the host, which
@@ -17,6 +24,12 @@ detail?:string;}export interface LyraSuggestionChipsEventMap{'lr-suggestion-sele
 * Suggestions are a clone-owned, bounded readonly snapshot; create and reassign a new array after
 * changing the sequence or a row.
 *
+* A suggestion may also set `disabled`, marking it non-actionable: its chip renders a genuinely
+* disabled `<button>` (no roving tab stop, no hover/press affordance) and activating it -- by click
+* or keyboard -- emits nothing and changes no state. Arrow-key/Home/End roving navigation steps
+* past it instead of landing on it. Omitted or `false` renders the chip exactly as before this
+* field existed.
+*
 * @customElement lr-suggestion-chips
 * @event lr-suggestion-select - `detail: { suggestionId, label }`.
 * @csspart base - The labeled group.
@@ -30,6 +43,7 @@ detail?:string;}export interface LyraSuggestionChipsEventMap{'lr-suggestion-sele
 *   centers every line, the wrapped final one included — what `::part(base)` alone cannot do.
 * @cssprop [--lr-suggestion-chips-hover-bg=var(--lr-color-brand-quiet)] - Background of a hovered chip.
 * @cssprop [--lr-suggestion-chips-hover-border=var(--lr-color-brand)] - Border color of a hovered chip.
+* @cssprop [--lr-suggestion-chips-disabled-opacity=0.5] - Opacity of a chip whose suggestion sets `disabled`.
 * @status stable
 * @since 4.0.0
 */
@@ -42,4 +56,18 @@ suggestions:readonly LyraChatSuggestion[];
 wrap:boolean;
 /** Accessible name for the group. Optional. Omitting it localizes the default `suggestionsLabel`
 *  message; an explicit empty string renders no visible/accessible label. */
-label?:string;private activeIndex;private pendingFocus?;private focusRepairGeneration;private normalizeSuggestions;private get effectiveSuggestions();disconnectedCallback():void;adoptedCallback():void;protected willUpdate(changed:PropertyValues):void;protected updated(changed:PropertyValues):void;private restorePendingFocus;private select;private chipButtons;private focusChip;private onChipFocus;private onKeyDown;private renderChip;render():TemplateResult;}declare global{interface HTMLElementTagNameMap{'lr-suggestion-chips':LyraSuggestionChips;}}
+label?:string;private activeIndex;private pendingFocus?;private focusRepairGeneration;private normalizeSuggestions;private get effectiveSuggestions();disconnectedCallback():void;adoptedCallback():void;protected willUpdate(changed:PropertyValues):void;protected updated(changed:PropertyValues):void;private restorePendingFocus;
+/** A `disabled` suggestion cannot be activated -- by click or keyboard -- and emits nothing and
+*  changes no state, matching every other declared-non-actionable entry in this library. */
+private select;private chipButtons;private focusChip;private onChipFocus;private isSuggestionDisabled;
+/** Degrades `this.activeIndex` off a disabled suggestion to the nearest enabled one (forward
+*  first, then backward), so the `tabindex="0"` resting stop this drives is never one a keyboard
+*  user cannot reach. Returns `-1` only when every suggestion is disabled. Unset regression: with
+*  no disabled suggestion, this is the same `clamp(activeIndex, 0, count - 1)` the tabindex
+*  comparison always used. */
+private effectiveActiveIndex;
+/** Steps `from` by one chip in `direction`, wrapping around while skipping a disabled chip --
+*  the wrap-around analogue of `stepEnabledIndex()` in `internal/catalog-picker.ts`. Returns `-1`
+*  only when every suggestion is disabled. Unset regression: with no disabled suggestion, this
+*  is the same `(from + direction + n) % n` the arrow-key handler always computed. */
+private stepEnabledIndex;private firstEnabledIndex;private lastEnabledIndex;private onKeyDown;private renderChip;render():TemplateResult;}declare global{interface HTMLElementTagNameMap{'lr-suggestion-chips':LyraSuggestionChips;}}

package/dist/components/conversation/suggestion-chips/suggestion-chips.class.js

@@ -1,9 +1,10 @@
-var __decorate=function(decorators,target,key,desc){var c=arguments.length,r=c<3?target:desc===null?desc=Object.getOwnPropertyDescriptor(target,key):desc,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r};import{html,nothing}from"lit";import{property,state}from"lit/decorators.js";import{repeat}from"lit/directives/repeat.js";import{LyraElement}from"../../../internal/lyra-element.js";import{styles}from"./suggestion-chips.styles.js";import{applyComposedFocusRepair,captureComposedFocusRepair}from"../../../internal/focus-navigation.js";import{deepActiveElementIn}from"../../../internal/active-element.js";import{LYRA_DEFAULT_suggestionsLabel}from"../../../internal/default-strings.generated.js";class LyraSuggestionChips extends LyraElement{constructor(){super(...arguments),this.suggestions=[],this.wrap=!1,this.activeIndex=0,this.focusRepairGeneration=0,this.onKeyDown=e=>{const n=this.effectiveSuggestions.length;if(n===0)return;const forwardKey=this.effectiveDirection==="rtl"?"ArrowLeft":"ArrowRight",backwardKey=this.effectiveDirection==="rtl"?"ArrowRight":"ArrowLeft";let target;if(e.key===forwardKey)target=(this.activeIndex+1)%n;else if(e.key===backwardKey)target=(this.activeIndex-1+n)%n;else if(e.key==="Home")target=0;else if(e.key==="End")target=n-1;else return;e.preventDefault(),this.activeIndex=target,this.focusChip(target)}}static{this.defaultStrings={...super.defaultStrings,suggestionsLabel:LYRA_DEFAULT_suggestionsLabel}}static{this.ownedCollectionProperties=Object.freeze(["suggestions"])}static{this.styles=[LyraElement.styles,styles]}normalizeSuggestions(items){const seen=new Set,normalized=[];for(const suggestion of items??[]){let suggestionId,label;try{suggestionId=suggestion?.suggestionId,label=suggestion?.label}catch{continue}typeof suggestionId!="string"||suggestionId.trim()===""||typeof label!="string"||label.trim()===""||seen.has(suggestionId)||(seen.add(suggestionId),normalized.push(suggestion))}return normalized}get effectiveSuggestions(){return this.normalizeSuggestions(this.suggestions)}disconnectedCallback(){this.focusRepairGeneration++,this.pendingFocus=void 0,super.disconnectedCallback()}adoptedCallback(){super.adoptedCallback(),this.focusRepairGeneration++,this.pendingFocus=void 0}willUpdate(changed){if(super.willUpdate(changed),changed.has("suggestions")||changed.has("wrap")){const active=deepActiveElementIn(this.ownerDocument),activeElement=active?.nodeType===1&&"dataset"in active?active:null,suggestionId=activeElement?.dataset.suggestionId,repair=activeElement?captureComposedFocusRepair(this,activeElement):null,generation=++this.focusRepairGeneration;this.pendingFocus=suggestionId&&repair?{suggestionId,index:this.activeIndex,repair,generation}:void 0}if(changed.has("suggestions")){const previous=this.normalizeSuggestions(changed.get("suggestions")),current=this.effectiveSuggestions,activeId=this.pendingFocus?.suggestionId??previous[this.activeIndex]?.suggestionId,remapped=activeId?current.findIndex(suggestion=>suggestion.suggestionId===activeId):-1;this.activeIndex=remapped>=0?remapped:Math.min(this.activeIndex,Math.max(0,current.length-1))}}updated(changed){super.updated(changed);const pending=this.pendingFocus;this.pendingFocus=void 0,pending&&this.restorePendingFocus(pending)}async restorePendingFocus(pending){if(await this.renderRoot.querySelector("lr-scroller")?.updateComplete,await Promise.resolve(),pending.generation!==this.focusRepairGeneration||!this.isConnected)return;const buttons=this.chipButtons(),target=buttons.find(button=>button.dataset.suggestionId===pending.suggestionId)??buttons[Math.min(pending.index,Math.max(0,buttons.length-1))]??null;applyComposedFocusRepair(pending.repair,target)}select(suggestion){this.emit("lr-suggestion-select",{suggestionId:suggestion.suggestionId,label:suggestion.label})}chipButtons(){return[...this.renderRoot.querySelectorAll('[part~="chip"]')]}focusChip(index){this.chipButtons()[index]?.focus()}onChipFocus(index){this.activeIndex=index}renderChip(suggestion,index){return html`
+var __decorate=function(decorators,target,key,desc){var c=arguments.length,r=c<3?target:desc===null?desc=Object.getOwnPropertyDescriptor(target,key):desc,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r};import{html,nothing}from"lit";import{property,state}from"lit/decorators.js";import{repeat}from"lit/directives/repeat.js";import{LyraElement}from"../../../internal/lyra-element.js";import{styles}from"./suggestion-chips.styles.js";import{applyComposedFocusRepair,captureComposedFocusRepair}from"../../../internal/focus-navigation.js";import{deepActiveElementIn}from"../../../internal/active-element.js";import{LYRA_DEFAULT_suggestionsLabel}from"../../../internal/default-strings.generated.js";class LyraSuggestionChips extends LyraElement{constructor(){super(...arguments),this.suggestions=[],this.wrap=!1,this.activeIndex=0,this.focusRepairGeneration=0,this.onKeyDown=e=>{const suggestions=this.effectiveSuggestions;if(suggestions.length===0)return;const forwardKey=this.effectiveDirection==="rtl"?"ArrowLeft":"ArrowRight",backwardKey=this.effectiveDirection==="rtl"?"ArrowRight":"ArrowLeft";let target;if(e.key===forwardKey)target=this.stepEnabledIndex(suggestions,this.activeIndex,1);else if(e.key===backwardKey)target=this.stepEnabledIndex(suggestions,this.activeIndex,-1);else if(e.key==="Home")target=this.firstEnabledIndex(suggestions);else if(e.key==="End")target=this.lastEnabledIndex(suggestions);else return;e.preventDefault(),!(target<0)&&(this.activeIndex=target,this.focusChip(target))}}static{this.defaultStrings={...super.defaultStrings,suggestionsLabel:LYRA_DEFAULT_suggestionsLabel}}static{this.ownedCollectionProperties=Object.freeze(["suggestions"])}static{this.styles=[LyraElement.styles,styles]}normalizeSuggestions(items){const seen=new Set,normalized=[];for(const suggestion of items??[]){let suggestionId,label;try{suggestionId=suggestion?.suggestionId,label=suggestion?.label}catch{continue}typeof suggestionId!="string"||suggestionId.trim()===""||typeof label!="string"||label.trim()===""||seen.has(suggestionId)||(seen.add(suggestionId),normalized.push(suggestion))}return normalized}get effectiveSuggestions(){return this.normalizeSuggestions(this.suggestions)}disconnectedCallback(){this.focusRepairGeneration++,this.pendingFocus=void 0,super.disconnectedCallback()}adoptedCallback(){super.adoptedCallback(),this.focusRepairGeneration++,this.pendingFocus=void 0}willUpdate(changed){if(super.willUpdate(changed),changed.has("suggestions")||changed.has("wrap")){const active=deepActiveElementIn(this.ownerDocument),activeElement=active?.nodeType===1&&"dataset"in active?active:null,suggestionId=activeElement?.dataset.suggestionId,repair=activeElement?captureComposedFocusRepair(this,activeElement):null,generation=++this.focusRepairGeneration;this.pendingFocus=suggestionId&&repair?{suggestionId,index:this.activeIndex,repair,generation}:void 0}if(changed.has("suggestions")){const previous=this.normalizeSuggestions(changed.get("suggestions")),current=this.effectiveSuggestions,activeId=this.pendingFocus?.suggestionId??previous[this.activeIndex]?.suggestionId,remapped=activeId?current.findIndex(suggestion=>suggestion.suggestionId===activeId):-1;this.activeIndex=remapped>=0?remapped:Math.min(this.activeIndex,Math.max(0,current.length-1))}}updated(changed){super.updated(changed);const pending=this.pendingFocus;this.pendingFocus=void 0,pending&&this.restorePendingFocus(pending)}async restorePendingFocus(pending){if(await this.renderRoot.querySelector("lr-scroller")?.updateComplete,await Promise.resolve(),pending.generation!==this.focusRepairGeneration||!this.isConnected)return;const buttons=this.chipButtons(),target=buttons.find(button=>button.dataset.suggestionId===pending.suggestionId)??buttons[Math.min(pending.index,Math.max(0,buttons.length-1))]??null;applyComposedFocusRepair(pending.repair,target)}select(suggestion){suggestion.disabled||this.emit("lr-suggestion-select",{suggestionId:suggestion.suggestionId,label:suggestion.label})}chipButtons(){return[...this.renderRoot.querySelectorAll('[part~="chip"]')]}focusChip(index){this.chipButtons()[index]?.focus()}onChipFocus(index){this.activeIndex=index}isSuggestionDisabled(suggestion){return suggestion?.disabled===!0}effectiveActiveIndex(suggestions){const count=suggestions.length;if(!count)return-1;const clamped=Math.min(Math.max(this.activeIndex,0),count-1);if(!this.isSuggestionDisabled(suggestions[clamped]))return clamped;for(let forward=clamped+1;forward<count;forward+=1)if(!this.isSuggestionDisabled(suggestions[forward]))return forward;for(let backward=clamped-1;backward>=0;backward-=1)if(!this.isSuggestionDisabled(suggestions[backward]))return backward;return-1}stepEnabledIndex(suggestions,from,direction){const n=suggestions.length;if(!n)return-1;let index=from;for(let steps=0;steps<n;steps+=1)if(index=(index+direction+n)%n,!this.isSuggestionDisabled(suggestions[index]))return index;return-1}firstEnabledIndex(suggestions){return suggestions.findIndex(suggestion=>!this.isSuggestionDisabled(suggestion))}lastEnabledIndex(suggestions){for(let index=suggestions.length-1;index>=0;index-=1)if(!this.isSuggestionDisabled(suggestions[index]))return index;return-1}renderChip(suggestion,index,activeIndex){return html`
       <button
         type="button"
         part="chip"
         data-suggestion-id=${suggestion.suggestionId}
-        tabindex=${index===this.activeIndex?"0":"-1"}
+        tabindex=${index===activeIndex?"0":"-1"}
+        ?disabled=${suggestion.disabled===!0}
         @click=${()=>this.select(suggestion)}
         @focus=${()=>this.onChipFocus(index)}
       >
@@ -13,7 +14,7 @@ var __decorate=function(decorators,target,key,desc){var c=arguments.length,r=c<3
           ${suggestion.detail?html`<span part="chip-detail">${suggestion.detail}</span>`:nothing}
         </span>
       </button>
-    `}render(){const suggestions=this.effectiveSuggestions;if(suggestions.length===0)return html``;const label=this.label==null?this.localize("suggestionsLabel"):this.label,ariaLabel=this.getAttribute("aria-label")??label,chips=repeat(suggestions,s=>s.suggestionId,(s,i)=>this.renderChip(s,i));return html`
+    `}render(){const suggestions=this.effectiveSuggestions;if(suggestions.length===0)return html``;const label=this.label==null?this.localize("suggestionsLabel"):this.label,ariaLabel=this.getAttribute("aria-label")??label,activeIndex=this.effectiveActiveIndex(suggestions),chips=repeat(suggestions,s=>s.suggestionId,(s,i)=>this.renderChip(s,i,activeIndex));return html`
       <div part="base" role="group" aria-label=${ariaLabel} @keydown=${this.onKeyDown}>
         ${this.wrap?html`<div part="row" class="row">${chips}</div>`:html`<lr-scroller orientation="horizontal" without-scrollbar><div part="row" class="row">${chips}</div></lr-scroller>`}
       </div>

package/dist/components/conversation/suggestion-chips/suggestion-chips.styles.js

@@ -1 +1 @@
-import{css}from"lit";const styles=css`:host{max-inline-size:100%;display:block}[part=base]{max-inline-size:100%}.row{justify-content:var(--lr-suggestion-chips-justify,flex-start);gap:var(--lr-space-xs);display:flex}:host([wrap]) .row{flex-wrap:wrap}[part~=chip]{align-items:center;gap:var(--lr-space-xs);max-inline-size:var(--lr-size-16rem);padding-inline:var(--lr-space-m);padding-block:var(--lr-space-xs);border:var(--lr-border-width-thin) solid var(--lr-color-border);border-radius:var(--lr-radius-pill);background:var(--lr-color-surface);color:var(--lr-color-text);font:inherit;text-align:start;cursor:pointer;min-block-size:var(--lr-size-2-5rem);transition:background-color var(--lr-transition-fast), border-color var(--lr-transition-fast);flex:none;display:flex}.content{align-items:flex-start;gap:var(--lr-space-2xs);flex-direction:column;min-inline-size:0;display:flex}[part=chip-icon]{line-height:var(--lr-line-height-compact);flex:none}[part~=chip]:hover{background:var(--lr-suggestion-chips-hover-bg,var(--lr-color-brand-quiet));border-color:var(--lr-suggestion-chips-hover-border,var(--lr-color-brand))}[part~=chip]:active{background:color-mix(in oklab, var(--lr-suggestion-chips-hover-bg,var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active));border-color:var(--lr-suggestion-chips-hover-border,var(--lr-color-brand))}[part~=chip]:focus-visible{outline:var(--lr-focus-ring-width) solid var(--lr-focus-ring-color);outline-offset:var(--lr-focus-ring-offset)}[part=chip-label]{-webkit-line-clamp:1;-webkit-box-orient:vertical;inline-size:100%;display:-webkit-box;overflow:hidden}[part=chip-detail]{-webkit-line-clamp:2;inline-size:100%;color:var(--lr-color-text-quiet);font-size:var(--lr-font-size-xs);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}`;export{styles};
+import{css}from"lit";const styles=css`:host{max-inline-size:100%;display:block}[part=base]{max-inline-size:100%}.row{justify-content:var(--lr-suggestion-chips-justify,flex-start);gap:var(--lr-space-xs);display:flex}:host([wrap]) .row{flex-wrap:wrap}[part~=chip]{align-items:center;gap:var(--lr-space-xs);max-inline-size:var(--lr-size-16rem);padding-inline:var(--lr-space-m);padding-block:var(--lr-space-xs);border:var(--lr-border-width-thin) solid var(--lr-color-border);border-radius:var(--lr-radius-pill);background:var(--lr-color-surface);color:var(--lr-color-text);font:inherit;text-align:start;cursor:pointer;min-block-size:var(--lr-size-2-5rem);transition:background-color var(--lr-transition-fast), border-color var(--lr-transition-fast);flex:none;display:flex}.content{align-items:flex-start;gap:var(--lr-space-2xs);flex-direction:column;min-inline-size:0;display:flex}[part=chip-icon]{line-height:var(--lr-line-height-compact);flex:none}[part~=chip]:where(:not(:disabled)):hover{background:var(--lr-suggestion-chips-hover-bg,var(--lr-color-brand-quiet));border-color:var(--lr-suggestion-chips-hover-border,var(--lr-color-brand))}[part~=chip]:where(:not(:disabled)):active{background:color-mix(in oklab, var(--lr-suggestion-chips-hover-bg,var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active));border-color:var(--lr-suggestion-chips-hover-border,var(--lr-color-brand))}[part~=chip]:disabled{cursor:default;opacity:var(--lr-suggestion-chips-disabled-opacity,.5)}[part~=chip]:focus-visible{outline:var(--lr-focus-ring-width) solid var(--lr-focus-ring-color);outline-offset:var(--lr-focus-ring-offset)}[part=chip-label]{-webkit-line-clamp:1;-webkit-box-orient:vertical;inline-size:100%;display:-webkit-box;overflow:hidden}[part=chip-detail]{-webkit-line-clamp:2;inline-size:100%;color:var(--lr-color-text-quiet);font-size:var(--lr-font-size-xs);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}`;export{styles};

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

@@ -27,7 +27,7 @@ var __decorate=function(decorators,target,key,desc){var c=arguments.length,r=c<3
         ?active=${thread.id===this.activeConversationId}
         ?compact=${this.compact}
         .renamable=${this.renamable}
-        @lr-select=${e=>{e.stopPropagation(),this.emit("lr-select",{conversationId:thread.id})}}
+        @lr-select=${e=>{e.stopPropagation(),e.target===e.currentTarget&&this.emit("lr-select",{conversationId:thread.id})}}
         @lr-rename=${e=>{e.stopPropagation(),this.emit("lr-thread-rename",{conversationId:thread.id,label:e.detail.label})}}
       >
         ${this.renderStart?html`<span slot="start" part="row-start" inert

package/dist/components/conversation/transcript-feed/transcript-feed.class.js

@@ -1,4 +1,4 @@
-var __decorate=function(decorators,target,key,desc){var c=arguments.length,r=c<3?target:desc===null?desc=Object.getOwnPropertyDescriptor(target,key):desc,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r};import{html,nothing}from"lit";import{property}from"lit/decorators.js";import{repeat}from"lit/directives/repeat.js";import{LyraElement}from"../../../internal/lyra-element.js";import{acquireAnnouncementSink}from"../../../internal/announcer.js";import{getDateTimeFormat}from"../../../internal/intl-cache.js";import{finiteCount}from"../../../internal/numbers.js";import{captureComposedFocusRepair,applyComposedFocusRepair}from"../../../internal/focus-navigation.js";import{styles}from"./transcript-feed.styles.js";import{presenceTrueDefaultBooleanConverter as trueDefaultBooleanConverter}from"../../../internal/converters.js";import{normalizeLyraTimestamp}from"../timestamp.js";import{LYRA_DEFAULT_jumpToLatest,LYRA_DEFAULT_transcriptFeedEmpty,LYRA_DEFAULT_transcriptFeedInterim,LYRA_DEFAULT_transcriptFeedLabel}from"../../../internal/default-strings.generated.js";const NEAR_BOTTOM_PX=48;class LyraTranscriptFeed extends LyraElement{constructor(){super(...arguments),this.entries=[],this.follow=!0,this.showTimestamps=!1,this.maxRenderedEntries=500,this.sessionId="",this.accessibleLabel=null,this._isFirstUpdate=!0,this.announcedFinalIds=new Set,this.sessionChanged=!1,this.pendingSessionBaseline=!1,this.onScroll=e=>{const base=e.currentTarget,atBottom=base.scrollHeight-base.scrollTop-base.clientHeight<=NEAR_BOTTOM_PX;atBottom!==this.follow&&(this.follow=atBottom,this.emit("lr-follow-change",{following:atBottom}))},this.onJumpClick=()=>{const jump=this.renderRoot.querySelector('[part="jump-button"]'),base=this.renderRoot.querySelector('[part="base"]'),repair=jump?captureComposedFocusRepair(jump,base):null,changed=!this.follow;this.scrollToBottom(),changed&&this.emit("lr-follow-change",{following:!0}),repair&&this.updateComplete.then(()=>{this.isConnected&&this.follow&&applyComposedFocusRepair(repair)})}}static{this.defaultStrings={...super.defaultStrings,jumpToLatest:LYRA_DEFAULT_jumpToLatest,transcriptFeedEmpty:LYRA_DEFAULT_transcriptFeedEmpty,transcriptFeedInterim:LYRA_DEFAULT_transcriptFeedInterim,transcriptFeedLabel:LYRA_DEFAULT_transcriptFeedLabel}}static{this.ownedCollectionProperties=Object.freeze(["entries"])}static{this.styles=[LyraElement.styles,styles]}get effectiveMaxRenderedEntries(){return finiteCount(this.maxRenderedEntries,500)}get normalizedEntries(){const seen=new Set;return this.entries.filter(entry=>entry===null||typeof entry!="object"||typeof entry.id!="string"||entry.id.trim().length===0||typeof entry.text!="string"||seen.has(entry.id)?!1:(seen.add(entry.id),!0))}get renderedEntries(){const entries=this.normalizedEntries,maxRenderedEntries=this.effectiveMaxRenderedEntries;return maxRenderedEntries>0&&entries.length>maxRenderedEntries?entries.slice(-maxRenderedEntries):entries}connectedCallback(){super.connectedCallback(),this.syncAnnouncementSink()}disconnectedCallback(){super.disconnectedCallback(),this.releaseAnnouncementSink()}adoptedCallback(){super.adoptedCallback(),this.syncAnnouncementSink()}releaseAnnouncementSink(){this.announcementSink?.release(),this.announcementSink=void 0}syncAnnouncementSink(){if(!this.isConnected){this.releaseAnnouncementSink();return}this.announcementSink?.element.ownerDocument!==this.ownerDocument&&(this.releaseAnnouncementSink(),this.announcementSink=acquireAnnouncementSink("polite",{document:this.ownerDocument,source:this}))}willUpdate(changed){super.willUpdate(changed),this._isFirstUpdate=!this.hasUpdated,this.sessionChanged=changed.has("sessionId")&&this.hasUpdated,this.sessionChanged&&(this.announcedFinalIds.clear(),this.pendingSessionBaseline=!0)}updated(changed){super.updated(changed),changed.has("entries")&&(this.follow&&this.scrollToBottom(),this.announceFinalizedEntries())}announceFinalizedEntries(){const alreadyAnnounced=this.announcedFinalIds,fresh=[];for(const entry of this.normalizedEntries)entry.interim||alreadyAnnounced.has(entry.id)||(alreadyAnnounced.add(entry.id),fresh.push(entry.text));const establishesBaseline=this._isFirstUpdate||this.sessionChanged||this.pendingSessionBaseline;if(this.pendingSessionBaseline=!1,establishesBaseline)return;const sink=this.announcementSink;if(sink)for(const text of fresh){const message=text.replace(/\s+/g," ").trim();message&&sink.announce(message)}}scrollToBottom(){this.follow=!0;const base=this.renderRoot.querySelector('[part="base"]');base&&(base.scrollTop=base.scrollHeight)}showSpeakerFor(list,index){const prev=list[index-1],current=list[index];return!prev||prev.speaker!==current.speaker}formatTs(value){const date=normalizeLyraTimestamp(value);return date?this.formatTimestamp?this.formatTimestamp(date):getDateTimeFormat(this.effectiveLocale,{hour:"numeric",minute:"2-digit"}).format(date):null}renderEntry(entry,showSpeaker,interim){const parts=["entry"];interim&&parts.push("interim");const timestamp=entry.timestamp==null?null:this.formatTs(entry.timestamp);return html`
+var __decorate=function(decorators,target,key,desc){var c=arguments.length,r=c<3?target:desc===null?desc=Object.getOwnPropertyDescriptor(target,key):desc,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(c<3?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r};import{html,nothing}from"lit";import{property}from"lit/decorators.js";import{repeat}from"lit/directives/repeat.js";import{LyraElement}from"../../../internal/lyra-element.js";import{acquireAnnouncementSink}from"../../../internal/announcer.js";import{getDateTimeFormat}from"../../../internal/intl-cache.js";import{finiteCount}from"../../../internal/numbers.js";import{srOnly}from"../../../internal/a11y.js";import{captureComposedFocusRepair,applyComposedFocusRepair}from"../../../internal/focus-navigation.js";import{styles}from"./transcript-feed.styles.js";import{presenceTrueDefaultBooleanConverter as trueDefaultBooleanConverter}from"../../../internal/converters.js";import{normalizeLyraTimestamp}from"../timestamp.js";import{LYRA_DEFAULT_jumpToLatest,LYRA_DEFAULT_transcriptFeedEmpty,LYRA_DEFAULT_transcriptFeedInterim,LYRA_DEFAULT_transcriptFeedLabel}from"../../../internal/default-strings.generated.js";const NEAR_BOTTOM_PX=48;class LyraTranscriptFeed extends LyraElement{constructor(){super(...arguments),this.entries=[],this.follow=!0,this.showTimestamps=!1,this.maxRenderedEntries=500,this.sessionId="",this.accessibleLabel=null,this._isFirstUpdate=!0,this.announcedFinalIds=new Set,this.sessionChanged=!1,this.pendingSessionBaseline=!1,this.onScroll=e=>{const base=e.currentTarget,atBottom=base.scrollHeight-base.scrollTop-base.clientHeight<=NEAR_BOTTOM_PX;atBottom!==this.follow&&(this.follow=atBottom,this.emit("lr-follow-change",{following:atBottom}))},this.onJumpClick=()=>{const jump=this.renderRoot.querySelector('[part="jump-button"]'),base=this.renderRoot.querySelector('[part="base"]'),repair=jump?captureComposedFocusRepair(jump,base):null,changed=!this.follow;this.scrollToBottom(),changed&&this.emit("lr-follow-change",{following:!0}),repair&&this.updateComplete.then(()=>{this.isConnected&&this.follow&&applyComposedFocusRepair(repair)})}}static{this.defaultStrings={...super.defaultStrings,jumpToLatest:LYRA_DEFAULT_jumpToLatest,transcriptFeedEmpty:LYRA_DEFAULT_transcriptFeedEmpty,transcriptFeedInterim:LYRA_DEFAULT_transcriptFeedInterim,transcriptFeedLabel:LYRA_DEFAULT_transcriptFeedLabel}}static{this.ownedCollectionProperties=Object.freeze(["entries"])}static{this.styles=[LyraElement.styles,srOnly,styles]}get effectiveMaxRenderedEntries(){return finiteCount(this.maxRenderedEntries,500)}get normalizedEntries(){const seen=new Set;return this.entries.filter(entry=>entry===null||typeof entry!="object"||typeof entry.id!="string"||entry.id.trim().length===0||typeof entry.text!="string"||seen.has(entry.id)?!1:(seen.add(entry.id),!0))}get renderedEntries(){const entries=this.normalizedEntries,maxRenderedEntries=this.effectiveMaxRenderedEntries;return maxRenderedEntries>0&&entries.length>maxRenderedEntries?entries.slice(-maxRenderedEntries):entries}connectedCallback(){super.connectedCallback(),this.syncAnnouncementSink()}disconnectedCallback(){super.disconnectedCallback(),this.releaseAnnouncementSink()}adoptedCallback(){super.adoptedCallback(),this.syncAnnouncementSink()}releaseAnnouncementSink(){this.announcementSink?.release(),this.announcementSink=void 0}syncAnnouncementSink(){if(!this.isConnected){this.releaseAnnouncementSink();return}this.announcementSink?.element.ownerDocument!==this.ownerDocument&&(this.releaseAnnouncementSink(),this.announcementSink=acquireAnnouncementSink("polite",{document:this.ownerDocument,source:this}))}willUpdate(changed){super.willUpdate(changed),this._isFirstUpdate=!this.hasUpdated,this.sessionChanged=changed.has("sessionId")&&this.hasUpdated,this.sessionChanged&&(this.announcedFinalIds.clear(),this.pendingSessionBaseline=!0)}updated(changed){super.updated(changed),changed.has("entries")&&(this.follow&&this.scrollToBottom(),this.announceFinalizedEntries())}announceFinalizedEntries(){const alreadyAnnounced=this.announcedFinalIds,fresh=[];for(const entry of this.normalizedEntries)entry.interim||alreadyAnnounced.has(entry.id)||(alreadyAnnounced.add(entry.id),fresh.push(entry.text));const establishesBaseline=this._isFirstUpdate||this.sessionChanged||this.pendingSessionBaseline;if(this.pendingSessionBaseline=!1,establishesBaseline)return;const sink=this.announcementSink;if(sink)for(const text of fresh){const message=text.replace(/\s+/g," ").trim();message&&sink.announce(message)}}scrollToBottom(){this.follow=!0;const base=this.renderRoot.querySelector('[part="base"]');base&&(base.scrollTop=base.scrollHeight)}showSpeakerFor(list,index){const prev=list[index-1],current=list[index];return!prev||prev.speaker!==current.speaker}formatTs(value){const date=normalizeLyraTimestamp(value);return date?this.formatTimestamp?this.formatTimestamp(date):getDateTimeFormat(this.effectiveLocale,{hour:"numeric",minute:"2-digit"}).format(date):null}renderEntry(entry,showSpeaker,interim){const parts=["entry"];interim&&parts.push("interim");const timestamp=entry.timestamp==null?null:this.formatTs(entry.timestamp);return html`
       <div part=${parts.join(" ")} ?data-interim=${interim}>
         ${showSpeaker&&entry.speaker?html`<span part="speaker">${entry.speaker}</span>`:nothing}
         <span part="text" dir="auto">${entry.text}</span>

package/dist/components/conversation/usage-badge/usage-badge-overlay-runtime.js

@@ -1 +1 @@
-import{deferredPlace as place}from"../../../internal/anchored-overlay-runtime.js";import{activateNonmodalOverlay}from"../../../internal/nonmodal-overlay-manager.js";import{RenderedStateController}from"../../../internal/rendered-state.js";function activateUsageBadgeOverlay(host,onEscape,orderReservation){const anchor=host.renderRoot.querySelector('[part="base"]'),panel=()=>host.renderRoot.querySelector('[part="tooltip"]'),popup=panel();if(!anchor||!popup)return;const cleanupPositioner=place(anchor,popup,{placement:"top-start"}),handle=activateNonmodalOverlay({host,panel,onEscape,orderReservation,beforeInitialFocus:()=>!1,restoreFocusTo:null}),renderedState=new RenderedStateController(host,panel,rendered=>{handle.isActive()&&(rendered?handle.resume():handle.suspend())});return handle.isActive()&&renderedState.start(),{deactivate:options=>(cleanupPositioner?.(),renderedState.stop(),handle.deactivate(options)),isTopmost:()=>(renderedState.check(),handle.isTopmost())}}export{activateUsageBadgeOverlay};
+import{deferredPlace as place}from"../../../internal/anchored-overlay-runtime.js";import{activateNonmodalOverlay}from"../../../internal/nonmodal-overlay-manager.js";import{resolveEffectivePositioningStrategy}from"../../../internal/positioning-strategy.js";import{RenderedStateController}from"../../../internal/rendered-state.js";function activateUsageBadgeOverlay(host,onEscape,orderReservation){const anchor=host.renderRoot.querySelector('[part="base"]'),panel=()=>host.renderRoot.querySelector('[part="tooltip"]'),popup=panel();if(!anchor||!popup)return;const cleanupPositioner=place(anchor,popup,{placement:"top-start",strategy:resolveEffectivePositioningStrategy(host,void 0,"fixed")}),handle=activateNonmodalOverlay({host,panel,onEscape,orderReservation,beforeInitialFocus:()=>!1,restoreFocusTo:null}),renderedState=new RenderedStateController(host,panel,rendered=>{handle.isActive()&&(rendered?handle.resume():handle.suspend())});return handle.isActive()&&renderedState.start(),{deactivate:options=>(cleanupPositioner?.(),renderedState.stop(),handle.deactivate(options)),isTopmost:()=>(renderedState.check(),handle.isTopmost())}}export{activateUsageBadgeOverlay};

package/dist/components/conversation/usage-badge/usage-badge.class.d.ts

@@ -47,6 +47,10 @@ import{type TemplateResult,type PropertyValues}from'lit';import{LyraElement}from
 * @cssprop [--lr-overlay-radius=var(--lr-radius)] - Shared floating-surface corner radius, on the
 * anchored breakdown tooltip.
 * @cssprop [--lr-overlay-shadow-anchored=var(--lr-shadow-m)] - Elevation of the anchored surface.
+* @cssprop --lr-positioning-strategy - Cascading `absolute`/`fixed` override for the breakdown
+*   tooltip's `fixed` default, read from computed style when it is (re)positioned. Set it once on
+*   `:root`, a theme, or one clipping ancestor to change every unset usage badge beneath it; an
+*   unrecognized value falls back to `fixed`.
 * @status stable
 * @since 4.0.0
 */