@aceshooting/lyra-ui 29.0.2 → 29.1.0

package/dist/components/agent-tools/eval-dataset/eval-dataset.class.js

@@ -1,4 +1,4 @@
-import{__decorate}from"tslib";import{relayNativeEvent}from"../../../internal/native-event-relay.js";import"../../forms/input/input.class.js";import{collectionSupport,publicCollectionTruncation}from"../../../internal/collection-snapshot.js";import{html,nothing}from"lit";import{property,state}from"lit/decorators.js";import{LyraElement}from"../../../internal/lyra-element.js";import{getCollator,getNumberFormat}from"../../../internal/intl-cache.js";import{trueDefaultSpellcheckConverter as spellcheckConverter}from"../../../internal/converters.js";import{styles}from"./eval-dataset.styles.js";import{agentActionButtonStyles}from"../agent-action-button.styles.js";import{firstByIdentity}from"../collection-identity.js";import{AnnouncementSinkController}from"../../../internal/announcer.js";import{LYRA_DEFAULT_evalDatasetAddExample,LYRA_DEFAULT_evalDatasetColumnExpectedOutput,LYRA_DEFAULT_evalDatasetColumnInput,LYRA_DEFAULT_evalDatasetColumnTags,LYRA_DEFAULT_evalDatasetEmpty,LYRA_DEFAULT_evalDatasetImportLabel,LYRA_DEFAULT_evalDatasetLabel,LYRA_DEFAULT_evalDatasetLimit,LYRA_DEFAULT_evalDatasetNoMatches,LYRA_DEFAULT_evalDatasetRemoveExample,LYRA_DEFAULT_evalDatasetSearchLabel,LYRA_DEFAULT_evalDatasetTagFilterLabel}from"../../../internal/default-strings/agent-tools.generated.js";import{LYRA_DEFAULT_fieldRequired}from"../../../internal/default-strings/shared.generated.js";const MAX_RENDERED_EXAMPLES=100,rowKey=row=>row.id;class LyraEvalDataset extends LyraElement{constructor(){super(...arguments),this.limitAnnouncements=new AnnouncementSinkController(this,{eager:["polite"]}),this.limitAnnouncementInitialized=!1,this.previouslyTruncated=!1,this.examplesTruncated=!1,this.examples=[],this.searchable=!1,this.autocomplete="",this.spellcheck=!0,this.autocapitalize="",this.autoCorrect="",this.inputMode="",this.enterKeyHint="",this.accept="",this.exportFormats=["csv","json"],this.disabled=!1,this.label="",this.searchText="",this.activeTags=new Set,this.selectedId=null,this.normalizedCache=[],this.visibleExamples=[],this.onAddClick=()=>{this.disabled||this.emit("lr-example-add-request")},this.onRemoveClick=()=>{this.disabled||this.selectedId===null||this.emit("lr-example-remove-request",{exampleId:this.selectedId})},this.onGridRowActivate=e=>{if(e.stopPropagation(),this.disabled)return;const id=e.detail.row.id;this.selectedId=id,this.emit("lr-example-select",{exampleId:id})},this.onFiles=e=>{e.stopPropagation(),!(this.disabled||e.detail.files.length===0)&&this.emit("lr-import-request",{files:[...e.detail.files]})},this.onExportButtonExport=e=>{e.preventDefault(),e.stopPropagation(),!this.disabled&&this.emit("lr-export-request",{format:e.detail.format})},this.gateDisabledClear={handleEvent:event=>{this.disabled&&event.stopPropagation()},capture:!0}}static{this.defaultStrings={...super.defaultStrings,evalDatasetAddExample:LYRA_DEFAULT_evalDatasetAddExample,evalDatasetColumnExpectedOutput:LYRA_DEFAULT_evalDatasetColumnExpectedOutput,evalDatasetColumnInput:LYRA_DEFAULT_evalDatasetColumnInput,evalDatasetColumnTags:LYRA_DEFAULT_evalDatasetColumnTags,evalDatasetEmpty:LYRA_DEFAULT_evalDatasetEmpty,evalDatasetImportLabel:LYRA_DEFAULT_evalDatasetImportLabel,evalDatasetLabel:LYRA_DEFAULT_evalDatasetLabel,evalDatasetLimit:LYRA_DEFAULT_evalDatasetLimit,evalDatasetNoMatches:LYRA_DEFAULT_evalDatasetNoMatches,evalDatasetRemoveExample:LYRA_DEFAULT_evalDatasetRemoveExample,evalDatasetSearchLabel:LYRA_DEFAULT_evalDatasetSearchLabel,evalDatasetTagFilterLabel:LYRA_DEFAULT_evalDatasetTagFilterLabel,fieldRequired:LYRA_DEFAULT_fieldRequired}}static{this.collectionSupport=collectionSupport}static{this.ownedCollectionProperties=Object.freeze(["examples","exportFormats"])}static{this.identityCollectionProperties=Object.freeze(["examples"])}static{this.styles=[LyraElement.styles,styles,agentActionButtonStyles]}adoptedCallback(){super.adoptedCallback(),this.limitAnnouncements.adopted()}updated(changed){if(super.updated(changed),this.limitAnnouncementInitialized&&this.examplesTruncated&&!this.previouslyTruncated){const truncation=publicCollectionTruncation(this,"examples");truncation&&this.limitAnnouncements.announcePolite(this.localize("evalDatasetLimit",void 0,{count:getNumberFormat(this.effectiveLocale).format(truncation.retained)}))}this.limitAnnouncementInitialized=!0,this.previouslyTruncated=this.examplesTruncated}static{this.immutableEventDetails=Object.freeze(["lr-import-request"])}get normalizedExamples(){if(this.normalizedFor!==this.examples){this.normalizedFor=this.examples;const deduped=firstByIdentity(Array.isArray(this.examples)?this.examples:[],example=>example.id);this.normalizedCache=deduped.map(example=>Array.isArray(example.tags)?example:{...example,tags:void 0})}return this.normalizedCache}willUpdate(changed){if(super.willUpdate(changed),changed.has("searchable")&&!this.searchable&&(this.searchText=""),changed.has("examples")){this.selectedId!==null&&!this.normalizedExamples.some(example=>example.id===this.selectedId)&&this.clearSelection();const available=new Set(this.allTags());[...this.activeTags].some(tag=>!available.has(tag))&&(this.activeTags=new Set([...this.activeTags].filter(tag=>available.has(tag))))}this.visibleExamples=this.filterExamples(),(changed.has("examples")||changed.has("searchText")||changed.has("activeTags")||changed.has("searchable"))&&this.selectedId!==null&&!this.visibleExamples.some(example=>example.id===this.selectedId)&&this.clearSelection()}clearSelection(){this.selectedId=null,this.emit("lr-example-select",{exampleId:null})}allTags(){const tags=new Set;for(const example of this.normalizedExamples)for(const tag of example.tags??[])tags.add(tag);return[...tags].sort(getCollator(this.effectiveLocale).compare)}filterExamples(){const query=this.searchText.trim().toLocaleLowerCase(this.effectiveLocale);return this.normalizedExamples.filter(example=>this.activeTags.size>0&&!(example.tags??[]).some(tag=>this.activeTags.has(tag))?!1:query===""?!0:[example.input,example.expectedOutput??"",...example.tags??[]].join(" ").toLocaleLowerCase(this.effectiveLocale).includes(query))}buildColumns(){const labels=[this.localize("evalDatasetColumnInput"),this.localize("evalDatasetColumnExpectedOutput"),this.localize("evalDatasetColumnTags")],key=labels.join("\0");return this.columnsCache?.key!==key&&(this.columnsCache={key,columns:this.createColumns(labels)}),this.columnsCache.columns}selectedKeys(){return this.selectedKeysCache?.id!==this.selectedId&&(this.selectedKeysCache={id:this.selectedId,keys:this.selectedId===null?new Set:new Set([this.selectedId])}),this.selectedKeysCache.keys}createColumns([inputLabel,expectedLabel,tagsLabel]){return[{key:"input",label:inputLabel,sortable:!0,sortValue:row=>row.input,cell:row=>row.input},{key:"expectedOutput",label:expectedLabel,sortable:!0,sortValue:row=>row.expectedOutput??"",cell:row=>row.expectedOutput??""},{key:"tags",label:tagsLabel,sortable:!0,sortValue:row=>(row.tags??[]).join(", "),cell:row=>(row.tags??[]).join(", ")}]}onTagChipToggle(tag,e){if(e.stopPropagation(),this.disabled)return;const next=new Set(this.activeTags);e.detail.selected?next.add(tag):next.delete(tag),this.activeTags=next}stopOwnedEvent(event){event.stopPropagation()}renderToolbar(){return html`
+import{__decorate}from"tslib";import{SourcePageController}from"../../../internal/source-page-controller.js";import{finiteInteger}from"../../../internal/numbers.js";import{getOwnDataDescriptor,MISSING_OWN_DATA_DESCRIPTOR,UNSAFE_OWN_DATA_DESCRIPTOR}from"../../../internal/data-descriptors.js";import{createHaystackMemo}from"../../../internal/search-haystack.js";import{indexByKey}from"../../../internal/keyed-index.js";import{relayNativeEvent}from"../../../internal/native-event-relay.js";import"../../forms/input/input.class.js";import{collectionSupport,publicCollectionTruncation}from"../../../internal/collection-snapshot.js";import{html,nothing}from"lit";import{property,state}from"lit/decorators.js";import{LyraElement}from"../../../internal/lyra-element.js";import{getCollator,getNumberFormat,resolveIntlLocale}from"../../../internal/intl-cache.js";import{trueDefaultSpellcheckConverter as spellcheckConverter}from"../../../internal/converters.js";import{styles}from"./eval-dataset.styles.js";import{agentActionButtonStyles}from"../agent-action-button.styles.js";import{firstByIdentity}from"../collection-identity.js";import{AnnouncementSinkController}from"../../../internal/announcer.js";import{LYRA_DEFAULT_evalDatasetAddExample,LYRA_DEFAULT_evalDatasetColumnExpectedOutput,LYRA_DEFAULT_evalDatasetColumnInput,LYRA_DEFAULT_evalDatasetColumnTags,LYRA_DEFAULT_evalDatasetEmpty,LYRA_DEFAULT_evalDatasetImportLabel,LYRA_DEFAULT_evalDatasetLabel,LYRA_DEFAULT_evalDatasetLimit,LYRA_DEFAULT_evalDatasetNoMatches,LYRA_DEFAULT_evalDatasetRemoveExample,LYRA_DEFAULT_evalDatasetSearchLabel,LYRA_DEFAULT_evalDatasetTagFilterLabel}from"../../../internal/default-strings/agent-tools.generated.js";import{LYRA_DEFAULT_fieldRequired,LYRA_DEFAULT_tagFacetLimit}from"../../../internal/default-strings/shared.generated.js";const MAX_RENDERED_EXAMPLES=100,MAX_TAG_FACETS=500,rowKey=row=>row.id;class LyraEvalDataset extends LyraElement{constructor(){super(...arguments),this.limitAnnouncements=new AnnouncementSinkController(this,{eager:["polite"]}),this.limitAnnouncementInitialized=!1,this.previouslyTruncated=!1,this.examplesTruncated=!1,this.sourceStateVersion=0,this.sourceEpoch=0,this.sourceSyncing=!1,this.sourceRows=[],this.sourceTags=[],this.sourceFacetLabels=new Map,this.sourceSortKey=null,this.sourceSortDir="asc",this.sourcePages=new SourcePageController(this,{normalizeRecord:(record,isCurrent)=>this.projectSourceExample(record,isCurrent),validateMetadata:(result,query)=>{if(!result.tags||query.tags.length>MAX_TAG_FACETS||result.tags.unavailableSelected.some(key=>!query.tags.includes(key)))throw new TypeError("Invalid example source facets");const available=new Set(result.tags.values.map(facet=>facet.key)),missing=new Set(result.tags.unavailableSelected);if(query.tags.some(key=>!available.has(key)&&!missing.has(key)))throw new TypeError("Selected source facet is missing")},onChange:()=>{this.sourceStateVersion++}}),this.sourcePage=0,this.sourcePageSize=100,this.onSourcePage=event=>{event.stopPropagation(),this.sourceMode&&!this.disabled&&(this.sourcePage=event.detail.page-1)},this.onSourceSort=event=>{!this.sourceMode||this.disabled||(this.sourceSortKey=event.detail.sortKey,this.sourceSortDir=event.detail.sortDir,this.syncSource(),this.sourceStateVersion++)},this.onSourceRetry=event=>{event.stopPropagation(),this.sourceMode&&!this.disabled&&this.requestUpdate()},this.examples=[],this.searchable=!1,this.autocomplete="",this.spellcheck=!0,this.autocapitalize="",this.autoCorrect="",this.inputMode="",this.enterKeyHint="",this.accept="",this.exportFormats=["csv","json"],this.disabled=!1,this.label="",this.searchText="",this.activeTags=new Set,this.selectedId=null,this.normalizedCache=[],this.explicitRefresh=0,this.normalizedRefresh=0,this.searchCorpus=createHaystackMemo((example,locale)=>[example.input,example.expectedOutput??"",...example.tags??[]].join(" ").toLocaleLowerCase(resolveIntlLocale(locale))),this.visibleExamples=[],this.onAddClick=()=>{this.disabled||this.emit("lr-example-add-request")},this.onRemoveClick=()=>{this.disabled||this.sourceBlocked||this.selectedId===null||this.emit("lr-example-remove-request",{exampleId:this.selectedId})},this.onGridRowActivate=e=>{if(e.stopPropagation(),this.disabled||this.sourceBlocked||this.sourceMode&&!this.sourceRows.includes(e.detail.row))return;const id=e.detail.row.id;this.selectedId=id,this.emit("lr-example-select",{exampleId:id})},this.onFiles=e=>{e.stopPropagation(),!(this.disabled||e.detail.files.length===0)&&this.emit("lr-import-request",{files:[...e.detail.files]})},this.onExportButtonExport=e=>{e.preventDefault(),e.stopPropagation(),!this.disabled&&this.emit("lr-export-request",{format:e.detail.format})},this.gateDisabledClear={handleEvent:event=>{this.disabled&&event.stopPropagation()},capture:!0}}static{this.defaultStrings={...super.defaultStrings,evalDatasetAddExample:LYRA_DEFAULT_evalDatasetAddExample,evalDatasetColumnExpectedOutput:LYRA_DEFAULT_evalDatasetColumnExpectedOutput,evalDatasetColumnInput:LYRA_DEFAULT_evalDatasetColumnInput,evalDatasetColumnTags:LYRA_DEFAULT_evalDatasetColumnTags,evalDatasetEmpty:LYRA_DEFAULT_evalDatasetEmpty,evalDatasetImportLabel:LYRA_DEFAULT_evalDatasetImportLabel,evalDatasetLabel:LYRA_DEFAULT_evalDatasetLabel,evalDatasetLimit:LYRA_DEFAULT_evalDatasetLimit,evalDatasetNoMatches:LYRA_DEFAULT_evalDatasetNoMatches,evalDatasetRemoveExample:LYRA_DEFAULT_evalDatasetRemoveExample,evalDatasetSearchLabel:LYRA_DEFAULT_evalDatasetSearchLabel,evalDatasetTagFilterLabel:LYRA_DEFAULT_evalDatasetTagFilterLabel,fieldRequired:LYRA_DEFAULT_fieldRequired,tagFacetLimit:LYRA_DEFAULT_tagFacetLimit}}static{this.collectionSupport=collectionSupport}static{this.ownedCollectionProperties=Object.freeze(["examples","exportFormats"])}static{this.identityCollectionProperties=Object.freeze(["examples"])}static{this.styles=[LyraElement.styles,styles,agentActionButtonStyles]}connectedCallback(){super.connectedCallback(),this.hasUpdated&&this.sourceMode&&this.selectedId!==null&&this.clearSelection()}adoptedCallback(){super.adoptedCallback(),this.limitAnnouncements.adopted(),this.sourcePages.adopted()}updated(changed){if(super.updated(changed),this.limitAnnouncementInitialized&&this.examplesTruncated&&!this.previouslyTruncated){const truncation=publicCollectionTruncation(this,"examples");truncation&&this.limitAnnouncements.announcePolite(this.localize("evalDatasetLimit",void 0,{count:getNumberFormat(this.effectiveLocale).format(truncation.retained)}))}this.limitAnnouncementInitialized=!0,this.previouslyTruncated=this.examplesTruncated}static{this.immutableEventDetails=Object.freeze(["lr-import-request"])}get dataSource(){return this._dataSource}set dataSource(value){const previous=this._dataSource;this._dataSource=value,this.sourceEpoch=(this.sourceEpoch??0)+1,this.requestUpdate("dataSource",previous)}get sourceTotal(){return this.dataSource===void 0?null:this.sourcePages.state.result?.total??null}get sourceMode(){return this.dataSource!==void 0}get sourceBlocked(){return this.sourceMode&&(this.sourcePages.state.pending||!!this.sourcePages.state.error||!!this.sourceFailure)}projectSourceExample(record,isCurrent){const assertCurrent=()=>{if(!isCurrent())throw new TypeError("Obsolete source record")},descriptorOf=(target,key)=>{assertCurrent();const descriptor=getOwnDataDescriptor(target,key);return assertCurrent(),descriptor};if(assertCurrent(),record.value===null||typeof record.value!="object")throw new TypeError("Invalid source example");const candidate=record.value,read=(key,optional=!1)=>{const descriptor=descriptorOf(candidate,key);if(descriptor===UNSAFE_OWN_DATA_DESCRIPTOR||!optional&&descriptor===MISSING_OWN_DATA_DESCRIPTOR)throw new TypeError("Invalid source example");return descriptor===MISSING_OWN_DATA_DESCRIPTOR?void 0:descriptor.value},id=read("id"),input=read("input"),expectedOutput=read("expectedOutput",!0),rawTags=read("tags",!0);if(typeof id!="string"||!id.trim()||id!==record.key||typeof input!="string"||expectedOutput!==void 0&&typeof expectedOutput!="string")throw new TypeError("Invalid source example");let units=id.length+input.length+(expectedOutput?.length??0);const tags=[];if(rawTags!==void 0){if(!Array.isArray(rawTags))throw new TypeError("Invalid source tags");const length=descriptorOf(rawTags,"length");if(length===MISSING_OWN_DATA_DESCRIPTOR||length===UNSAFE_OWN_DATA_DESCRIPTOR||typeof length.value!="number"||length.value>MAX_TAG_FACETS)throw new RangeError("Invalid source tags");for(let i=0;i<length.value;i++){const tag=descriptorOf(rawTags,String(i));if(tag===MISSING_OWN_DATA_DESCRIPTOR||tag===UNSAFE_OWN_DATA_DESCRIPTOR||typeof tag.value!="string")throw new TypeError("Invalid source tag");units+=tag.value.length,tags.push(tag.value)}}if(units>65536)throw new RangeError("Source example too large");return{key:record.key,order:record.order,value:Object.freeze({id,input,...expectedOutput===void 0?{}:{expectedOutput},tags:Object.freeze(tags)})}}syncSource(){if(!(!this.sourcePages||this.sourceSyncing)){this.sourceSyncing=!0;try{if(!this.sourceMode){this.sourceInputs&&this.sourcePages.bind(void 0),this.sourceInputs=void 0,this.sourceQueryInputs=void 0,this.sourceResult=void 0,this.sourceRows=[],this.sourceTags=[],this.sourceFailure=void 0;return}const source=this.dataSource,epoch=this.sourceEpoch+this.explicitRefresh,size=finiteInteger(this.sourcePageSize,100,1,500);let page=finiteInteger(this.sourcePage,0,0,Math.floor(Number.MAX_SAFE_INTEGER/size));const queryInputs=[this.searchText,this.activeTags,this.sourceSortKey,this.sourceSortDir,size];this.sourceQueryInputs&&queryInputs.some((value,index)=>value!==this.sourceQueryInputs[index])&&(page=0,this.sourcePage=0),this.sourceQueryInputs=queryInputs;const revision=source.revision,inputs=[source,revision,epoch,this.effectiveLocale,...queryInputs,page];if(this.sourceInputs&&inputs.every((value,index)=>value===this.sourceInputs[index]))return;this.sourceInputs=inputs,this.sourceFailure=void 0,this.sourceRows=[],this.sourceTags=[],this.sourceResult=void 0,this.selectedId!==null&&this.clearSelection(),this.sourcePages.bind({source,revision,epoch,locale:this.effectiveLocale});const query=Object.freeze({search:this.searchText,tags:Object.freeze([...this.activeTags]),sortKey:this.sourceSortKey,sortDir:this.sourceSortDir});this.sourcePages.request(query,page,size)}catch(error){this.sourcePages.bind(void 0),this.sourceRows=[],this.sourceTags=[],this.sourceResult=void 0,this.sourceFailure=error}finally{this.sourceSyncing=!1}}}acceptSourcePage(){const result=this.sourcePages.state.result;if(!result||result===this.sourceResult)return;this.sourceResult=result,this.sourceRows=result.rows.map(record=>record.value),this.sourceTags=result.tags.values.map(facet=>facet.key),this.sourceFacetLabels=new Map(result.tags.values.map(facet=>[facet.key,facet.label]));const removed=new Set(result.tags.unavailableSelected);if([...this.activeTags].some(key=>removed.has(key))){this.activeTags=new Set([...this.activeTags].filter(key=>!removed.has(key)));return}this.sourcePage!==this.sourcePages.state.page&&(this.sourceSyncing=!0,this.sourcePage=this.sourcePages.state.page,this.sourceSyncing=!1,this.sourceInputs=this.sourceInputs?[...this.sourceInputs.slice(0,-1),this.sourcePages.state.page]:void 0)}get normalizedExamples(){if(this.normalizedFor!==this.examples){this.normalizedFor=this.examples;const deduped=firstByIdentity(Array.isArray(this.examples)?this.examples:[],example=>example.id);this.normalizedCache=deduped.map(example=>Array.isArray(example.tags)?example:{...example,tags:void 0})}return this.normalizedCache}requestUpdate(...args){args[0]===void 0&&(this.explicitRefresh=(this.explicitRefresh??0)+1),(args[0]===void 0||["dataSource","sourcePage","sourcePageSize","searchText","activeTags"].includes(String(args[0])))&&this.syncSource(),super.requestUpdate(...args)}willUpdate(changed){if(super.willUpdate(changed),changed.has("searchable")&&!this.searchable&&(this.searchText=""),this.syncSource(),this.sourceMode){this.acceptSourcePage();return}const normalizedChanged=changed.has("dataSource")||this.normalizedFor!==this.examples||this.normalizedRefresh!==this.explicitRefresh;if(this.normalizedRefresh!==this.explicitRefresh&&(this.normalizedRefresh=this.explicitRefresh,this.normalizedFor=void 0),changed.has("searchable")&&!this.searchable&&(this.searchText=""),normalizedChanged){this.selectedId!==null&&!indexByKey(this.normalizedExamples,rowKey).has(this.selectedId)&&this.clearSelection();const available=new Set(this.allTags());[...this.activeTags].some(tag=>!available.has(tag))&&(this.activeTags=new Set([...this.activeTags].filter(tag=>available.has(tag))))}const inputs=[this.normalizedExamples,this.searchText,this.activeTags,this.effectiveLocale],filtersChanged=!this.filterMemo||inputs.some((input,index)=>input!==this.filterMemo.inputs[index]);filtersChanged&&(this.filterMemo={inputs,rows:this.filterExamples()}),this.visibleExamples=this.filterMemo.rows,filtersChanged&&this.selectedId!==null&&!indexByKey(this.visibleExamples,rowKey).has(this.selectedId)&&this.clearSelection()}clearSelection(){this.selectedId=null,this.emit("lr-example-select",{exampleId:null})}allTags(){const examples=this.normalizedExamples,locale=this.effectiveLocale;if(this.tagsMemo?.examples===examples&&this.tagsMemo.locale===locale)return this.tagsMemo.tags;const tags=new Set;for(const example of this.normalizedExamples)for(const tag of example.tags??[])tags.add(tag);const sorted=[...tags].sort(getCollator(locale).compare);return this.tagsMemo={examples,locale,tags:sorted},sorted}filterExamples(){const query=this.searchText.trim().toLocaleLowerCase(this.effectiveLocale),corpus=query?this.searchCorpus(this.normalizedExamples,this.effectiveLocale):void 0;return this.normalizedExamples.filter((example,index)=>this.activeTags.size>0&&!(example.tags??[]).some(tag=>this.activeTags.has(tag))?!1:query===""?!0:corpus[index].includes(query))}buildColumns(){const labels=[this.localize("evalDatasetColumnInput"),this.localize("evalDatasetColumnExpectedOutput"),this.localize("evalDatasetColumnTags")],key=labels.join("\0");return this.columnsCache?.key!==key&&(this.columnsCache={key,columns:this.createColumns(labels)}),this.columnsCache.columns}selectedKeys(){return this.selectedKeysCache?.id!==this.selectedId&&(this.selectedKeysCache={id:this.selectedId,keys:this.selectedId===null?new Set:new Set([this.selectedId])}),this.selectedKeysCache.keys}createColumns([inputLabel,expectedLabel,tagsLabel]){return[{key:"input",label:inputLabel,sortable:!0,sortValue:row=>row.input,cell:row=>row.input},{key:"expectedOutput",label:expectedLabel,sortable:!0,sortValue:row=>row.expectedOutput??"",cell:row=>row.expectedOutput??""},{key:"tags",label:tagsLabel,sortable:!0,sortValue:row=>(row.tags??[]).join(", "),cell:row=>(row.tags??[]).join(", ")}]}onTagChipToggle(tag,e){if(e.stopPropagation(),this.disabled)return;const next=new Set(this.activeTags);e.detail.selected?next.add(tag):next.delete(tag),this.activeTags=next}stopOwnedEvent(event){event.stopPropagation()}renderToolbar(){return html`
       <div part="toolbar">
         <button part="add-button" data-agent-action="brand" type="button" ?disabled=${this.disabled} @click=${this.onAddClick}>
           ${this.localize("evalDatasetAddExample")}
@@ -7,7 +7,7 @@ import{__decorate}from"tslib";import{relayNativeEvent}from"../../../internal/nat
           part="remove-button"
           data-agent-action="neutral"
           type="button"
-          ?disabled=${this.disabled||this.selectedId===null}
+          ?disabled=${this.disabled||this.sourceBlocked||this.selectedId===null}
           @click=${this.onRemoveClick}
         >
           ${this.localize("evalDatasetRemoveExample")}
@@ -67,21 +67,22 @@ import{__decorate}from"tslib";import{relayNativeEvent}from"../../../internal/nat
           @blur=${relayFocus}
         ></lr-input>
       </div>
-    `}renderTagFilter(tags){return html`
-      <div part="tag-filter" role="group" aria-label=${this.localize("evalDatasetTagFilterLabel")}>
+    `}visibleTagFacets(tags){if(this.facetMemo?.tags===tags&&this.facetMemo.selected===this.activeTags)return this.facetMemo.visible;const visible=[];let unselectedBudget=MAX_TAG_FACETS-this.activeTags.size;for(const tag of tags)if(this.activeTags.has(tag)?visible.push(tag):unselectedBudget>0&&(visible.push(tag),unselectedBudget--),visible.length===MAX_TAG_FACETS)break;return this.facetMemo={tags,selected:this.activeTags,visible},visible}renderTagFilter(tags){const label=this.localize("evalDatasetTagFilterLabel"),omitted=this.sourceMode?(this.sourceResult?.tags?.total??0)-tags.length:tags.length-MAX_TAG_FACETS,overflow=omitted>0?this.localize("tagFacetLimit",void 0,{count:getNumberFormat(this.effectiveLocale).format(omitted)}):"",inputs=[tags,this.activeTags,this.disabled,label,overflow,this.sourceFacetLabels];if(this.tagTemplateMemo&&inputs.every((input,index)=>input===this.tagTemplateMemo.inputs[index]))return this.tagTemplateMemo.template;const template=html`
+      <div part="tag-filter" role="group" aria-label=${label}>
         <lr-chip-group>
-          ${tags.map(tag=>html`<lr-chip
+          ${(this.sourceMode?tags:this.visibleTagFacets(tags)).map(tag=>html`<lr-chip
               toggleable
               .value=${tag}
               .selected=${this.activeTags.has(tag)}
               .disabled=${this.disabled}
               @lr-chip-toggle-request=${e=>this.onTagChipToggle(tag,e)}
               @lr-chip-select=${this.stopOwnedEvent}
-              >${tag}</lr-chip
+              >${this.sourceMode?this.sourceFacetLabels.get(tag)??tag:tag}</lr-chip
             >`)}
         </lr-chip-group>
+        ${overflow?html`<p part="limit" role="note">${overflow}</p>`:nothing}
       </div>
-    `}render(){const label=this.label||this.localize("evalDatasetLabel"),tags=this.allTags(),visible=this.visibleExamples,examples=this.normalizedExamples,truncation=publicCollectionTruncation(this,"examples");this.examplesTruncated=truncation!==void 0;const filtered=visible.length!==examples.length,emptyText=examples.length===0?this.localize("evalDatasetEmpty"):filtered&&visible.length===0?this.localize("evalDatasetNoMatches"):"";return html`
+    `;return this.tagTemplateMemo={inputs,template},template}render(){const label=this.label||this.localize("evalDatasetLabel"),tags=this.sourceMode?this.sourceTags:this.allTags(),visible=this.sourceMode?this.sourceRows:this.visibleExamples,examples=this.sourceMode?this.sourceRows:this.normalizedExamples,truncation=this.sourceMode?void 0:publicCollectionTruncation(this,"examples");this.examplesTruncated=truncation!==void 0;const filtered=this.sourceMode?!!this.searchText||this.activeTags.size>0:visible.length!==examples.length,emptyText=examples.length===0&&!filtered?this.localize("evalDatasetEmpty"):filtered&&visible.length===0?this.localize("evalDatasetNoMatches"):"";return html`
       <div part="base">
         ${this.renderToolbar()}
         ${this.searchable?this.renderSearch():nothing}
@@ -89,10 +90,21 @@ import{__decorate}from"tslib";import{relayNativeEvent}from"../../../internal/nat
         <lr-table
           part="grid"
           aria-label=${label}
-          .selectionMode=${this.disabled?"none":"single"}
+          .strings=${this.strings}
+          .paginationMode=${this.sourceMode?"server":"client"}
+          .page=${this.sourceMode?finiteInteger(this.sourcePage,0,0,Number.MAX_SAFE_INTEGER)+1:1}
+          .totalItems=${this.sourceMode?this.sourceTotal??0:-1}
+          .unknownTotal=${this.sourceMode&&this.sourceTotal===null}
+          .hasNext=${!this.sourceMode||this.sourceTotal!==null}
+          .loading=${this.sourceMode&&this.sourcePages.state.pending}
+          .error=${this.sourceMode&&!!(this.sourceFailure||this.sourcePages.state.error)}
+          .sortMode=${this.sourceMode?"server":"client"}
+          .sortKey=${this.sourceMode?this.sourceSortKey:null}
+          .sortDir=${this.sourceMode?this.sourceSortDir:"asc"}
+          .selectionMode=${this.disabled||this.sourceBlocked?"none":"single"}
           .columns=${this.buildColumns()}
           .rows=${visible}
-          .pageSize=${MAX_RENDERED_EXAMPLES}
+          .pageSize=${this.sourceMode?finiteInteger(this.sourcePageSize,100,1,500):MAX_RENDERED_EXAMPLES}
           .rowKey=${rowKey}
           .selectedRowKeys=${this.selectedKeys()}
           .emptyHeading=${emptyText}
@@ -103,12 +115,14 @@ import{__decorate}from"tslib";import{relayNativeEvent}from"../../../internal/nat
           @focus=${this.stopOwnedEvent}
           @blur=${this.stopOwnedEvent}
           @lr-sort-request=${this.stopOwnedEvent}
+          @lr-sort=${this.onSourceSort}
+          @lr-retry-request=${this.onSourceRetry}
           @lr-priority-columns-visibility-change=${this.stopOwnedEvent}
           @lr-row-expand-toggle=${this.stopOwnedEvent}
           @lr-load-more=${this.stopOwnedEvent}
           @lr-selection-change=${this.stopOwnedEvent}
           @lr-filter-change=${this.stopOwnedEvent}
-          @lr-page-change=${this.stopOwnedEvent}
+          @lr-page-change=${this.onSourcePage}
           @lr-cell-edit=${this.stopOwnedEvent}
           @lr-column-resize=${this.stopOwnedEvent}
           @lr-row-activate=${this.onGridRowActivate}
@@ -116,4 +130,4 @@ import{__decorate}from"tslib";import{relayNativeEvent}from"../../../internal/nat
         ></lr-table>
         ${truncation?html`<p part="limit" role="note">${this.localize("evalDatasetLimit",void 0,{count:getNumberFormat(this.effectiveLocale).format(truncation.retained)})}</p>`:nothing}
       </div>
-    `}}__decorate([property({attribute:!1})],LyraEvalDataset.prototype,"examples",void 0),__decorate([property({type:Boolean,reflect:!0})],LyraEvalDataset.prototype,"searchable",void 0),__decorate([property()],LyraEvalDataset.prototype,"autocomplete",void 0),__decorate([property({converter:spellcheckConverter})],LyraEvalDataset.prototype,"spellcheck",void 0),__decorate([property()],LyraEvalDataset.prototype,"autocapitalize",void 0),__decorate([property({attribute:"autocorrect"})],LyraEvalDataset.prototype,"autoCorrect",void 0),__decorate([property({attribute:"inputmode"})],LyraEvalDataset.prototype,"inputMode",void 0),__decorate([property({attribute:"enterkeyhint"})],LyraEvalDataset.prototype,"enterKeyHint",void 0),__decorate([property()],LyraEvalDataset.prototype,"accept",void 0),__decorate([property({attribute:!1})],LyraEvalDataset.prototype,"exportFormats",void 0),__decorate([property({type:Boolean,reflect:!0})],LyraEvalDataset.prototype,"disabled",void 0),__decorate([property()],LyraEvalDataset.prototype,"label",void 0),__decorate([state()],LyraEvalDataset.prototype,"searchText",void 0),__decorate([state()],LyraEvalDataset.prototype,"activeTags",void 0),__decorate([state()],LyraEvalDataset.prototype,"selectedId",void 0);export{LyraEvalDataset};
+    `}}__decorate([state()],LyraEvalDataset.prototype,"sourceStateVersion",void 0),__decorate([property({attribute:!1})],LyraEvalDataset.prototype,"dataSource",null),__decorate([property({type:Number,attribute:"source-page"})],LyraEvalDataset.prototype,"sourcePage",void 0),__decorate([property({type:Number,attribute:"source-page-size"})],LyraEvalDataset.prototype,"sourcePageSize",void 0),__decorate([property({attribute:!1})],LyraEvalDataset.prototype,"examples",void 0),__decorate([property({type:Boolean,reflect:!0})],LyraEvalDataset.prototype,"searchable",void 0),__decorate([property()],LyraEvalDataset.prototype,"autocomplete",void 0),__decorate([property({converter:spellcheckConverter})],LyraEvalDataset.prototype,"spellcheck",void 0),__decorate([property()],LyraEvalDataset.prototype,"autocapitalize",void 0),__decorate([property({attribute:"autocorrect"})],LyraEvalDataset.prototype,"autoCorrect",void 0),__decorate([property({attribute:"inputmode"})],LyraEvalDataset.prototype,"inputMode",void 0),__decorate([property({attribute:"enterkeyhint"})],LyraEvalDataset.prototype,"enterKeyHint",void 0),__decorate([property()],LyraEvalDataset.prototype,"accept",void 0),__decorate([property({attribute:!1})],LyraEvalDataset.prototype,"exportFormats",void 0),__decorate([property({type:Boolean,reflect:!0})],LyraEvalDataset.prototype,"disabled",void 0),__decorate([property()],LyraEvalDataset.prototype,"label",void 0),__decorate([state()],LyraEvalDataset.prototype,"searchText",void 0),__decorate([state()],LyraEvalDataset.prototype,"activeTags",void 0),__decorate([state()],LyraEvalDataset.prototype,"selectedId",void 0);export{LyraEvalDataset};

package/dist/components/agent-tools/eval-result/eval-result-source.js

@@ -0,0 +1 @@
+import{getOwnDataDescriptor,MISSING_OWN_DATA_DESCRIPTOR,UNSAFE_OWN_DATA_DESCRIPTOR}from"../../../internal/data-descriptors.js";function read(value,key,current,required=!1){if(!current())throw new Error("Source record revoked");if(!value||typeof value!="object")throw new TypeError("Invalid source run");const descriptor=getOwnDataDescriptor(value,key);if(!current())throw new Error("Source record revoked");if(descriptor===UNSAFE_OWN_DATA_DESCRIPTOR||required&&descriptor===MISSING_OWN_DATA_DESCRIPTOR)throw new TypeError("Invalid source field");return descriptor===MISSING_OWN_DATA_DESCRIPTOR?void 0:descriptor.value}function projectEvalSourceRun(record,current){const id=read(record.value,"id",current,!0),label=read(record.value,"label",current,!0),model=read(record.value,"model",current),promptVersion=read(record.value,"promptVersion",current),output=read(record.value,"output",current);let units=0;for(const value of[id,label,model,promptVersion,output]){if(value!==void 0&&typeof value!="string")throw new TypeError("Invalid source run text");units+=typeof value=="string"?value.length:0}if(typeof id!="string"||!id.trim()||id!==record.key||typeof label!="string"||units>65536)throw new TypeError("Invalid source run");const scores=read(record.value,"scores",current),review=read(record.value,"review",current);for(const value of[scores,review])if(value!==void 0&&(value===null||typeof value!="object"||Array.isArray(value)))throw new TypeError("Invalid source run values");return Object.freeze({id,label,...model===void 0?{}:{model},...promptVersion===void 0?{}:{promptVersion},output:output??"",...scores===void 0?{}:{scores},...review===void 0?{}:{review}})}function projectEvalSourceReview(review,keys,current){const value=Object.create(null);let entries=0,units=0;for(const key of keys){if(++entries>1e4)throw new RangeError("Source review too large");units+=key.key.length;const field=review===void 0?void 0:read(review,key.key,current);if(typeof field=="string")units+=field.length,value[key.key]=field;else if(typeof field=="number"&&Number.isFinite(field))value[key.key]=field;else if(field===void 0)value[key.key]=void 0;else if(Array.isArray(field)){const length=read(field,"length",current,!0);if(typeof length!="number"||!Number.isSafeInteger(length)||length<0||entries+length>1e4)throw new RangeError("Source review too large");entries+=length;const values=[];for(let index=0;index<length;index++){const item=read(field,String(index),current,!0);if(typeof item!="string")throw new TypeError("Invalid source review value");if(units+=item.length,units>65536)throw new RangeError("Source review too large");values.push(item)}value[key.key]=Object.freeze(values)}else throw new TypeError("Invalid source review value");if(units>65536)throw new RangeError("Source review too large")}return Object.freeze(value)}export{projectEvalSourceReview,projectEvalSourceRun};

package/dist/components/agent-tools/eval-result/eval-result.class.d.ts

@@ -1,13 +1,10 @@
-import{type TemplateResult}from'lit';import{LyraElement,type LyraEventDetailSnapshot}from'../../../internal/lyra-element.js';import type{RubricKey,RubricValue}from'../../forms/rubric-form/rubric-form.class.js';import type{AgentRunActivateDetail}from'../run-events.js';import type{TableColumn}from'../../data/table/table.class.js';
-/**
-* One model/prompt-version's output for a single evaluation example, plus whatever automated
-* `scores` it already carries and whatever `review` a human has entered for it so far. `scores`
-* and `review` are both keyed the same way as the `rubricKeys` passed to this component -- the
-* same `RubricValue` shape `<lr-rubric-form>` itself reads and writes -- so a `TableColumn`'s
-* `cell()` accessor and the rubric form's own `value` binding can both read a run's fields with
-* no conversion.
-*/
-export interface EvalRunResult{readonly id:string;readonly label:string;readonly model?:string;readonly promptVersion?:string;readonly output:string;readonly scores?:RubricValue;readonly review?:RubricValue;}export interface LyraEvalResultEventMap{'lr-run-activate':CustomEvent<LyraEventDetailSnapshot<AgentRunActivateDetail<EvalRunResult>>>;'lr-review-input':CustomEvent<LyraEventDetailSnapshot<{runId:string;value:RubricValue;}>>;'lr-review-validity-change':CustomEvent<LyraEventDetailSnapshot<{runId:string;valid:boolean;errors:Record<string,string>;}>>;'lr-review-submit':CustomEvent<LyraEventDetailSnapshot<{runId:string;value:RubricValue;}>>;'lr-review-skip':CustomEvent<LyraEventDetailSnapshot<{runId:string;}>>;}
+import type{EvalRunResult}from'./eval-run-result.js';export type{EvalRunResult}from'./eval-run-result.js';import type{LyraPageSource}from'../../../data-sources.js';import{type TemplateResult,type PropertyValues}from'lit';import{LyraElement,type LyraEventDetailSnapshot}from'../../../internal/lyra-element.js';import type{RubricKey,RubricValue}from'../../forms/rubric-form/rubric-form.class.js';import type{AgentRunActivateDetail}from'../run-events.js';import type{LyraTableEventMap,TableColumn}from'../../data/table/table.class.js';
+/** Full-source server order for the comparison grid. */
+export interface EvalResultSourceQuery{readonly sortKey:string|null;readonly sortDir:'asc'|'desc';}export type EvalResultSource=LyraPageSource<EvalRunResult,EvalResultSourceQuery>;export interface LyraEvalResultEventMap{
+/** Source mode only: the original cancelable table proposal. */
+'lr-sort-request':LyraTableEventMap<EvalRunResult>['lr-sort-request'];
+/** Source mode only: the original accepted table sort. */
+'lr-sort':LyraTableEventMap<EvalRunResult>['lr-sort'];'lr-run-activate':CustomEvent<LyraEventDetailSnapshot<AgentRunActivateDetail<EvalRunResult>>>;'lr-review-input':CustomEvent<LyraEventDetailSnapshot<{runId:string;value:RubricValue;}>>;'lr-review-validity-change':CustomEvent<LyraEventDetailSnapshot<{runId:string;valid:boolean;errors:Record<string,string>;}>>;'lr-review-submit':CustomEvent<LyraEventDetailSnapshot<{runId:string;value:RubricValue;}>>;'lr-review-skip':CustomEvent<LyraEventDetailSnapshot<{runId:string;}>>;}
 /**
 * `<lr-eval-result>` — rubric scoring, human review, and comparison across a single evaluation
 * example's runs (one per model or prompt version), LangSmith/Arize-eval-result style. Duplicate
@@ -34,10 +31,20 @@ export interface EvalRunResult{readonly id:string;readonly label:string;readonly
 * `selectedRunId`/`baselineRunId` that doesn't match any entry in `runs` degrades gracefully: the
 * comparison grid still renders, and the review/diff sections simply don't (no error, no crash).
 *
+* `dataSource` opts into server pages of at most 500 rows; explicit selected/baseline IDs
+* resolve through a separate lookup of at most two IDs. Null selection remains the first global
+* row of the current query, including when an initial nonzero page needs a size-one primer.
+* Provider rows are immutable for their revision. Fixed run fields are projected and frozen;
+* source activation events retain complete opaque scores/review dictionaries by identity.
+* Custom column callbacks receive original provider records; built-in review reads configured
+* rubric keys only. Reassign the provider or call requestUpdate() to refresh.
+*
 * Public collection properties take bounded, clone-owned readonly snapshots. Create a new
 * collection and reassign it after changes; mutating the assigned array does not update the view.
 *
 * @customElement lr-eval-result
+* @event lr-sort-request - Source mode only: cancelable original table sort proposal.
+* @event lr-sort - Source mode only: accepted original table sort commit.
 * @event lr-run-activate - A comparison-grid row was activated. `detail: { runId, run }`.
 * @event lr-review-input - The selected run's rubric value changed. `detail: { runId, value }`.
 * @event lr-review-validity-change - The selected run's rubric validity changed. `detail: { runId, valid, errors }`.
@@ -46,6 +53,9 @@ export interface EvalRunResult{readonly id:string;readonly label:string;readonly
 * @csspart base - The outer wrapper.
 * @csspart empty - The message shown when `runs` has no entries.
 * @csspart grid - The `<lr-table>` comparison table.
+* @csspart source-status - Localized initial source loading status.
+* @csspart selection-status - Localized source selection loading/failure status.
+* @csspart selection-retry - Retries the current selected/baseline lookup.
 * @csspart review - The `<lr-rubric-form>` scoring the selected run.
 * @csspart diff - The wrapper around the diff caption and `<lr-diff-view>`.
 * @csspart diff-labels - The caption row naming the two compared runs (only rendered while comparing two distinct runs).
@@ -55,7 +65,17 @@ export interface EvalRunResult{readonly id:string;readonly label:string;readonly
 * @status stable
 * @since 4.1.0
 */
-export declare class LyraEvalResult extends LyraElement<LyraEvalResultEventMap>{protected static collectionSupport:import("../../../internal/lyra-element.js").LyraCollectionSupport;protected static readonly ownedCollectionProperties:readonly string[];static styles:import("lit").CSSResultGroup[];protected static readonly immutableEventDetails:readonly string[];
+export declare class LyraEvalResult extends LyraElement<LyraEvalResultEventMap>{protected static collectionSupport:import("../../../internal/lyra-element.js").LyraCollectionSupport;protected static readonly ownedCollectionProperties:readonly string[];static styles:import("lit").CSSResultGroup[];protected static readonly immutableEventDetails:readonly string[];protected static readonly identityCollectionObjectProperties:readonly string[];protected static readonly identityEventDetailProperties:Readonly<{'lr-run-activate':readonly string[];}>;private sourceStateVersion;private _dataSource?;private sourceEpoch;private acceptedSourceRevision?;private sourceVersion;private pairVersion;private sourceSyncing;private sourceResync;private sourceLocaleUpdate;private sourceInputs?;private sourceOrderInputs?;private pairInputs?;private sourceResult?;private sourceRows;private sourcePair;private readonly sourceOriginals;private sourceFailure;private pairFailure;private sourcePriming;private sourceTableShown;private fallbackId;private sourceSortKey;private sourceSortDir;private sourceColumnsMemo?;private sourceReviewMemo?;private sortRequest?;private readonly announcements;private failureInitialized;private previousFailure;private readonly sourcePages;
+/** Immutable full-source provider; takes precedence over runs. Same-reference assignment or
+* requestUpdate() refreshes. undefined restores legacy runs. Source keys equal run IDs. */
+get dataSource():EvalResultSource|undefined;set dataSource(value:EvalResultSource|undefined);
+/** Zero-based provider page. Null selection uses the first global row, primed with a size-one
+* page-zero request when necessary, independently of this displayed page. */
+sourcePage:number;
+/** Provider rows per page, normalized to 1..500. */
+sourcePageSize:number;
+/** Exact displayed-query total; null while pending/failed or outside provider mode. */
+get sourceTotal():number|null;private get sourceMode();requestUpdate(...args:Parameters<LyraElement['requestUpdate']>):void;attributeChangedCallback(name:string,old:string|null,value:string|null):void;connectedCallback():void;disconnectedCallback():void;adoptedCallback():void;private clearSourceLifecycle;protected willUpdate(changed:PropertyValues):void;protected updated(changed:PropertyValues):void;private syncSource;private loadSourcePage;private syncPair;private sourceColumns;
 /** The runs (one per model or prompt version) being compared for this evaluation example. Empty
 *  ids are omitted and duplicates normalize first-wins before selection, diff, grid, and review
 *  events. */

package/dist/components/agent-tools/eval-result/eval-result.class.js

@@ -1,7 +1,7 @@
-import{__decorate}from"tslib";import{collectionSupport}from"../../../internal/collection-snapshot.js";import{html,nothing}from"lit";import{property}from"lit/decorators.js";import{LyraElement}from"../../../internal/lyra-element.js";import{styles}from"./eval-result.styles.js";import{firstByIdentityMemo}from"../collection-identity.js";import{LYRA_DEFAULT_evaluationDashboardRunsLabel}from"../../../internal/default-strings/agent-tools.generated.js";import{LYRA_DEFAULT_noData}from"../../../internal/default-strings/shared.generated.js";const EMPTY_RUNS=[],EMPTY_COLUMNS=[],EMPTY_KEYS=[],runId=run=>run.id,columnKey=column=>column.key,rubricKey=key=>key.key,rowKey=row=>row.id;class LyraEvalResult extends LyraElement{constructor(){super(...arguments),this.runs=EMPTY_RUNS,this.columns=EMPTY_COLUMNS,this.rubricKeys=EMPTY_KEYS,this.label="",this.selectedRunId=null,this.baselineRunId=null,this.reviewSkippable=!1,this.disabled=!1}static{this.defaultStrings={...super.defaultStrings,evaluationDashboardRunsLabel:LYRA_DEFAULT_evaluationDashboardRunsLabel,noData:LYRA_DEFAULT_noData}}static{this.collectionSupport=collectionSupport}static{this.ownedCollectionProperties=Object.freeze(["runs","columns","rubricKeys"])}static{this.styles=[LyraElement.styles,styles]}static{this.immutableEventDetails=Object.freeze(["lr-run-activate","lr-review-input","lr-review-validity-change","lr-review-submit","lr-review-skip"])}get normalizedRuns(){return firstByIdentityMemo(Array.isArray(this.runs)?this.runs:[],runId)}get normalizedColumns(){return firstByIdentityMemo(Array.isArray(this.columns)?this.columns:[],columnKey)}get normalizedRubricKeys(){return firstByIdentityMemo(Array.isArray(this.rubricKeys)?this.rubricKeys:[],rubricKey)}get effectiveSelectedRunId(){return this.selectedRunId??this.normalizedRuns[0]?.id??""}get selectedRun(){const id=this.effectiveSelectedRunId;return this.normalizedRuns.find(run=>run.id===id)}get effectiveBaselineRunId(){return this.baselineRunId??this.normalizedRuns[0]?.id??""}get baselineRun(){const id=this.effectiveBaselineRunId;return this.normalizedRuns.find(run=>run.id===id)}stopOwnedEvent(event){event.stopPropagation()}reviewValue(run){const json=JSON.stringify(run.review??null);return(this.reviewBinding?.id!==run.id||this.reviewBinding.json!==json)&&(this.reviewBinding={id:run.id,json,value:run.review??{}}),this.reviewBinding.value}renderReview(selected){return html`<lr-rubric-form
+import{__decorate}from"tslib";import{SourcePageController}from"../../../internal/source-page-controller.js";import{finiteInteger}from"../../../internal/numbers.js";import{AnnouncementSinkController}from"../../../internal/announcer.js";import{projectEvalSourceRun,projectEvalSourceReview}from"./eval-result-source.js";import{collectionSupport,snapshotEventDetail}from"../../../internal/collection-snapshot.js";import{html,nothing}from"lit";import{property,state}from"lit/decorators.js";import{LyraElement}from"../../../internal/lyra-element.js";import{styles}from"./eval-result.styles.js";import{agentActionButtonStyles}from"../agent-action-button.styles.js";import{firstByIdentityMemo}from"../collection-identity.js";import{LYRA_DEFAULT_evaluationDashboardRunsLabel}from"../../../internal/default-strings/agent-tools.generated.js";import{LYRA_DEFAULT_loading,LYRA_DEFAULT_noData,LYRA_DEFAULT_retry,LYRA_DEFAULT_sourceSelectionFailed,LYRA_DEFAULT_sourceSelectionLoading}from"../../../internal/default-strings/shared.generated.js";const EMPTY_RUNS=[],EMPTY_COLUMNS=[],EMPTY_KEYS=[],runId=run=>run.id,columnKey=column=>column.key,rubricKey=key=>key.key,rowKey=row=>row.id;class LyraEvalResult extends LyraElement{constructor(){super(...arguments),this.sourceStateVersion=0,this.sourceEpoch=0,this.sourceVersion=0,this.pairVersion=0,this.sourceSyncing=!1,this.sourceResync=!1,this.sourceLocaleUpdate=!1,this.sourceRows=[],this.sourcePair=[],this.sourceOriginals=new WeakMap,this.sourcePriming=!1,this.sourceTableShown=!1,this.sourceSortKey=null,this.sourceSortDir="asc",this.announcements=new AnnouncementSinkController(this,{eager:["polite"]}),this.failureInitialized=!1,this.previousFailure=!1,this.sourcePages=new SourcePageController(this,{normalizeRecord:(record,isCurrent)=>{const epoch=this.sourceEpoch,source=this.dataSource,owner=this.ownerDocument,value=projectEvalSourceRun(record,()=>isCurrent()&&this.isConnected&&this.sourceEpoch===epoch&&this.dataSource===source&&this.ownerDocument===owner);return this.sourceOriginals.set(value,record.value),{key:record.key,order:record.order,value}},validateMetadata:()=>{},onChange:()=>{this.sourceStateVersion++}}),this.sourcePage=0,this.sourcePageSize=100,this.runs=EMPTY_RUNS,this.columns=EMPTY_COLUMNS,this.rubricKeys=EMPTY_KEYS,this.label="",this.selectedRunId=null,this.baselineRunId=null,this.reviewSkippable=!1,this.disabled=!1}static{this.defaultStrings={...super.defaultStrings,evaluationDashboardRunsLabel:LYRA_DEFAULT_evaluationDashboardRunsLabel,loading:LYRA_DEFAULT_loading,noData:LYRA_DEFAULT_noData,retry:LYRA_DEFAULT_retry,sourceSelectionFailed:LYRA_DEFAULT_sourceSelectionFailed,sourceSelectionLoading:LYRA_DEFAULT_sourceSelectionLoading}}static{this.collectionSupport=collectionSupport}static{this.ownedCollectionProperties=Object.freeze(["runs","columns","rubricKeys"])}static{this.styles=[LyraElement.styles,styles,agentActionButtonStyles]}static{this.immutableEventDetails=Object.freeze(["lr-run-activate","lr-review-input","lr-review-validity-change","lr-review-submit","lr-review-skip"])}static{this.identityCollectionObjectProperties=Object.freeze(["dataSource"])}static{this.identityEventDetailProperties=Object.freeze({"lr-run-activate":Object.freeze(["run"])})}get dataSource(){return this._dataSource}set dataSource(value){const old=this._dataSource;this._dataSource=value,this.sourceEpoch=(this.sourceEpoch??0)+1,this.requestUpdate("dataSource",old)}get sourceTotal(){return this.sourceMode?this.sourceResult?.total??null:null}get sourceMode(){return this.dataSource!==void 0}requestUpdate(...args){if(this.sourceLocaleUpdate){super.requestUpdate(...args),this.syncSource();return}args[0]===void 0&&!this.sourceLocaleUpdate&&(!this.sourceOrderInputs||this.effectiveLocale===this.sourceOrderInputs[3])&&(this.sourceEpoch=(this.sourceEpoch??0)+1),(args[0]===void 0||["dataSource","sourcePage","sourcePageSize"].includes(String(args[0])))&&this.syncSource(),["selectedRunId","baselineRunId"].includes(String(args[0]))&&this.sourcePages&&this.sourceMode&&(this.syncSource(),this.syncPair()),args[0]==="rubricKeys"&&(this.sourceReviewMemo=void 0,this.pairFailure=void 0),super.requestUpdate(...args)}attributeChangedCallback(name,old,value){const previous=this.sourceLocaleUpdate;(name==="lang"||name==="locale")&&(this.sourceLocaleUpdate=!0);try{super.attributeChangedCallback(name,old,value)}finally{this.sourceLocaleUpdate=previous}}connectedCallback(){super.connectedCallback(),this.syncSource()}disconnectedCallback(){this.clearSourceLifecycle(),super.disconnectedCallback()}adoptedCallback(){this.clearSourceLifecycle(),this.sourcePages.adopted(),this.announcements.adopted(),super.adoptedCallback(),this.syncSource()}clearSourceLifecycle(){this.sourceEpoch++,this.sourceVersion++,this.pairVersion++,this.sourceTableShown=!1,this.failureInitialized=!1,this.previousFailure=!1,this.sourceInputs=void 0,this.sourceOrderInputs=void 0,this.pairInputs=void 0,this.acceptedSourceRevision=void 0,this.sourceRows=[],this.sourcePair=[],this.sourceResult=void 0,this.fallbackId=void 0,this.sourceReviewMemo=void 0,this.sourceColumnsMemo=void 0,this.sourcePages.bind(void 0)}willUpdate(changed){super.willUpdate(changed),this.syncSource(),this.syncPair()}updated(changed){super.updated(changed);const state2=this.sourcePages.state,failed=this.sourceMode&&!!(this.pairFailure||state2.selectionError);this.failureInitialized&&failed&&!this.previousFailure&&this.announcements.announcePolite(this.localize("sourceSelectionFailed")),this.sourceMode&&!state2.pending&&!state2.selectionPending&&(this.sourceResult||state2.error||this.sourceFailure)&&(this.failureInitialized=!0),this.previousFailure=failed}syncSource(){if(!this.sourcePages)return;if(this.sourceSyncing){this.sourceResync=!0;return}if(!this.isConnected)return;this.sourceSyncing=!0;const source=this.dataSource,epoch=this.sourceEpoch,current=()=>this.dataSource===source&&this.sourceEpoch===epoch&&this.isConnected;try{if(source===void 0){this.sourceInputs&&this.clearSourceLifecycle(),this.sourceFailure=void 0,this.pairFailure=void 0;return}const revision=source.revision;if(!current())return;const locale=this.effectiveLocale,size=finiteInteger(this.sourcePageSize,100,1,500);let page=finiteInteger(this.sourcePage,0,0,Math.floor(Number.MAX_SAFE_INTEGER/size));const orderInputs=[source,revision,epoch,locale,this.sourceSortKey,this.sourceSortDir],resetFallback=!this.sourceOrderInputs||orderInputs.some((value,index)=>value!==this.sourceOrderInputs[index]);this.sourceInputs&&(size!==this.sourceInputs[6]||this.sourceSortKey!==this.sourceInputs[4]||this.sourceSortDir!==this.sourceInputs[5])&&(page=0);const inputs=[...orderInputs,size,page],needPrime=(this.selectedRunId===null||this.baselineRunId===null)&&(resetFallback||this.fallbackId===void 0);if(this.sourceInputs&&inputs.every((value,index)=>value===this.sourceInputs[index])&&!(needPrime&&!this.sourcePriming&&this.sourceResult))return;const version=++this.sourceVersion;if(resetFallback&&(this.fallbackId=void 0),this.sourceOrderInputs=orderInputs,this.sourceInputs=inputs,this.sourceRows=[],this.sourceResult=void 0,this.sourceColumnsMemo=void 0,this.sourceFailure=void 0,this.sourcePage=page,this.acceptedSourceRevision!==revision&&(this.pairVersion++,this.pairInputs=void 0,this.sourcePair=[],this.sourceReviewMemo=void 0),this.sourcePages.bind({source,revision,epoch,locale}),!current()||version!==this.sourceVersion)return;this.acceptedSourceRevision=revision,this.sourcePriming=needPrime&&page!==0;const query=Object.freeze({sortKey:this.sourceSortKey,sortDir:this.sourceSortDir});this.loadSourcePage(version,query,page,size,this.sourcePriming),this.syncPair()}catch(error){current()&&(this.sourceVersion++,this.pairVersion++,this.sourceRows=[],this.sourceResult=void 0,this.sourcePair=[],this.sourceFailure=error,this.sourcePages.bind(void 0))}finally{this.sourceSyncing=!1,this.sourceResync&&(this.sourceResync=!1,this.syncSource())}}async loadSourcePage(version,query,page,size,prime){const owner=this.ownerDocument,current=()=>this.isConnected&&this.ownerDocument===owner&&this.sourceVersion===version&&this.sourceMode;if(prime){const accepted2=await this.sourcePages.request(query,0,1);if(!current())return;if(!accepted2){this.sourcePriming=!1,this.sourceStateVersion++;return}if(this.fallbackId=this.sourcePages.state.result.rows[0]?.key??null,this.syncPair(),!current())return}const accepted=await this.sourcePages.request(query,page,size);current()&&(this.sourcePriming=!1,accepted&&(this.sourceResult=this.sourcePages.state.result,this.sourceRows=this.sourceResult.rows.map(record=>record.value),this.fallbackId===void 0&&this.sourcePages.state.page===0&&(this.fallbackId=this.sourceRows[0]?.id??null),this.sourceInputs&&(this.sourceInputs=[...this.sourceInputs.slice(0,-1),this.sourcePages.state.page]),this.sourcePage=this.sourcePages.state.page,this.syncPair()),this.sourceStateVersion++)}syncPair(force=!1){if(!this.sourcePages||!this.sourceMode||!this.isConnected)return;const selected=this.selectedRunId??this.fallbackId,baseline=this.baselineRunId??this.fallbackId,inputs=[this.dataSource,this.sourceEpoch,this.acceptedSourceRevision,selected,baseline];if(!force&&this.pairInputs&&inputs.every((value,index)=>value===this.pairInputs[index]))return;this.pairInputs=inputs;const version=++this.pairVersion,owner=this.ownerDocument;this.sourcePair=[],this.sourceReviewMemo=void 0,this.pairFailure=void 0;const keys=[...new Set([selected,baseline].filter(id=>typeof id=="string"&&id.length>0))];this.sourcePages.resolveSelection(keys).then(records=>{!this.isConnected||this.ownerDocument!==owner||this.pairVersion!==version||!this.sourceMode||(records&&(this.sourcePair=records),this.sourceStateVersion++)})}sourceColumns(){const columns=this.normalizedColumns;if(this.sourceColumnsMemo?.columns===columns&&this.sourceColumnsMemo.rows===this.sourceRows)return this.sourceColumnsMemo.value;const rows=this.sourceRows,version=this.sourceVersion,current=()=>this.isConnected&&this.sourceMode&&this.sourceVersion===version&&this.sourceRows===rows,value=columns.map(column=>{const wrapped={...column};for(const name of["cell","cellStyle","cellTitle","heatValue","editValue","editLabel"]){const callback=column[name];typeof callback=="function"&&Object.assign(wrapped,{[name]:row=>{if(!current()||!rows.includes(row))return;const result=callback.call(column,this.sourceOriginals.get(row));return current()?result:void 0}})}return column.footer&&(wrapped.footer=pageRows=>{if(!current())return;const result=column.footer(pageRows.map(row=>this.sourceOriginals.get(row)));return current()?result:void 0}),wrapped});return this.sourceColumnsMemo={columns,rows,value},value}get normalizedRuns(){return firstByIdentityMemo(Array.isArray(this.runs)?this.runs:[],runId)}get normalizedColumns(){return firstByIdentityMemo(Array.isArray(this.columns)?this.columns:[],columnKey)}get normalizedRubricKeys(){return firstByIdentityMemo(Array.isArray(this.rubricKeys)?this.rubricKeys:[],rubricKey)}get effectiveSelectedRunId(){return this.selectedRunId??(this.sourceMode?this.fallbackId:this.normalizedRuns[0]?.id)??""}get selectedRun(){const id=this.effectiveSelectedRunId;return this.sourceMode?this.sourcePair.find(record=>record.key===id)?.value:this.normalizedRuns.find(run=>run.id===id)}get effectiveBaselineRunId(){return this.baselineRunId??(this.sourceMode?this.fallbackId:this.normalizedRuns[0]?.id)??""}get baselineRun(){const id=this.effectiveBaselineRunId;return this.sourceMode?this.sourcePair.find(record=>record.key===id)?.value:this.normalizedRuns.find(run=>run.id===id)}stopOwnedEvent(event){event.stopPropagation()}reviewValue(run){const json=JSON.stringify(run.review??null);return(this.reviewBinding?.id!==run.id||this.reviewBinding.json!==json)&&(this.reviewBinding={id:run.id,json,value:run.review??{}}),this.reviewBinding.value}renderReview(selected){const source=this.sourceMode,epoch=this.sourceEpoch,version=this.pairVersion,current=()=>!source&&!this.sourceMode||source&&this.isConnected&&this.sourceMode&&this.sourceEpoch===epoch&&this.pairVersion===version&&this.selectedRun===selected&&!this.pairFailure;let value;if(source)try{const keys=this.normalizedRubricKeys;if(this.sourceReviewMemo?.run!==selected||this.sourceReviewMemo.keys!==keys){const projected=projectEvalSourceReview(selected.review,keys,current);if(!current())return nothing;this.sourceReviewMemo={run:selected,keys,value:projected}}value=this.sourceReviewMemo.value}catch(error){return current()&&(this.pairFailure=error,this.sourceStateVersion++),nothing}else value=this.reviewValue(selected);return html`<lr-rubric-form
       part="review"
       .keys=${this.normalizedRubricKeys}
-      .value=${this.reviewValue(selected)}
+      .value=${value}
       item-id=${selected.id}
       ?skippable=${this.reviewSkippable}
       ?disabled=${this.disabled}
@@ -10,10 +10,10 @@ import{__decorate}from"tslib";import{collectionSupport}from"../../../internal/co
       @focus=${this.stopOwnedEvent}
       @blur=${this.stopOwnedEvent}
       @lr-invalid=${this.stopOwnedEvent}
-      @lr-input=${e=>{e.stopPropagation(),this.emit("lr-review-input",{runId:selected.id,value:e.detail.value})}}
-      @lr-validity-change=${e=>{e.stopPropagation(),this.emit("lr-review-validity-change",{runId:selected.id,valid:e.detail.valid,errors:e.detail.errors})}}
-      @lr-submit=${e=>{e.stopPropagation(),this.emit("lr-review-submit",{runId:e.detail.itemId,value:e.detail.value})}}
-      @lr-skip=${e=>{e.stopPropagation(),this.emit("lr-review-skip",{runId:e.detail.itemId})}}
+      @lr-input=${e=>{e.stopPropagation(),!(!current()||source&&this.disabled)&&this.emit("lr-review-input",{runId:selected.id,value:e.detail.value})}}
+      @lr-validity-change=${e=>{e.stopPropagation(),!(!current()||source&&this.disabled)&&this.emit("lr-review-validity-change",{runId:selected.id,valid:e.detail.valid,errors:e.detail.errors})}}
+      @lr-submit=${e=>{e.stopPropagation(),!(!current()||source&&this.disabled)&&this.emit("lr-review-submit",{runId:source?selected.id:e.detail.itemId,value:e.detail.value})}}
+      @lr-skip=${e=>{e.stopPropagation(),!(!current()||source&&this.disabled)&&this.emit("lr-review-skip",{runId:source?selected.id:e.detail.itemId})}}
     ></lr-rubric-form>`}renderDiff(selected,baseline){const comparing=!!(baseline&&baseline.id!==selected.id),selectedOutput=typeof selected.output=="string"?selected.output:"",baselineOutput=typeof baseline?.output=="string"?baseline.output:selectedOutput;return html`<div part="diff">
       ${comparing?html`<div part="diff-labels">
             <span part="diff-label-old">${baseline.label}</span>
@@ -28,11 +28,23 @@ import{__decorate}from"tslib";import{collectionSupport}from"../../../internal/co
         @lr-error=${this.stopOwnedEvent}
         @lr-copy-error=${this.stopOwnedEvent}
       ></lr-diff-view>
-    </div>`}render(){const runs=this.normalizedRuns;if(runs.length===0)return html`<div part="base"><p part="empty">${this.localize("noData")}</p></div>`;const selected=this.selectedRun;return html`
+    </div>`}render(){const source=this.sourceMode,runs=source?this.sourceRows:this.normalizedRuns,version=this.sourceVersion,pairVersion=this.pairVersion,state2=this.sourcePages.state,current=()=>this.isConnected&&this.sourceMode&&this.sourceVersion===version&&this.sourceRows===runs;if(source&&!state2.pending&&!this.sourcePriming&&(this.sourceResult||state2.error||this.sourceFailure)&&(this.sourceTableShown=!0),source&&!this.sourceTableShown)return html`<div part="base"><p part="source-status">${this.localize("loading")}</p></div>`;if(!source&&runs.length===0)return html`<div part="base"><p part="empty">${this.localize("noData")}</p></div>`;const selected=this.selectedRun,review=selected&&!this.pairFailure&&!state2.selectionPending?this.renderReview(selected):nothing,selectionFailed=source&&!!(this.pairFailure||state2.selectionError),selectionLoading=source&&(state2.selectionPending||(this.selectedRunId===null||this.baselineRunId===null)&&this.fallbackId===void 0);return html`
       <div part="base">
         <lr-table
           part="grid"
-          .columns=${this.normalizedColumns}
+          .columns=${source?this.sourceColumns():this.normalizedColumns}
+          .paginationMode=${source?"server":"client"}
+          .sortMode=${source?"server":"client"}
+          .page=${source?finiteInteger(this.sourcePage,0,0,Number.MAX_SAFE_INTEGER-1)+1:1}
+          .pageSize=${source?finiteInteger(this.sourcePageSize,100,1,500):100}
+          .sortKey=${source?this.sourceSortKey??"":""}
+          .sortDir=${source?this.sourceSortDir:"asc"}
+          .totalItems=${source?this.sourceTotal??0:0}
+          .unknownTotal=${source&&this.sourceTotal===null}
+          .hasNext=${!1}
+          .loading=${source&&(state2.pending||this.sourcePriming)}
+          .error=${source&&!!(state2.error||this.sourceFailure)}
+          .strings=${this.strings}
           .rows=${runs}
           .rowKey=${rowKey}
           .selectionMode=${"single"}
@@ -42,20 +54,22 @@ import{__decorate}from"tslib";import{collectionSupport}from"../../../internal/co
           @change=${this.stopOwnedEvent}
           @focus=${this.stopOwnedEvent}
           @blur=${this.stopOwnedEvent}
-          @lr-sort-request=${this.stopOwnedEvent}
+          @lr-sort-request=${e=>{if(!source){e.stopPropagation();return}if(!current()){e.preventDefault(),e.stopPropagation();return}this.sortRequest={target:e.currentTarget,version,columns:this.columns,key:e.detail.sortKey,dir:e.detail.sortDir}}}
           @lr-priority-columns-visibility-change=${this.stopOwnedEvent}
-          @lr-sort=${this.stopOwnedEvent}
+          @lr-sort=${e=>{if(!source){e.stopPropagation();return}const request=this.sortRequest;if(this.sortRequest=void 0,!current()||!request||request.target!==e.currentTarget||request.version!==version||request.columns!==this.columns||request.key!==e.detail.sortKey||request.dir!==e.detail.sortDir){e.stopPropagation();return}this.sourceSortKey=e.detail.sortKey,this.sourceSortDir=e.detail.sortDir,this.syncSource(),this.sourceStateVersion++}}
           @lr-row-expand-toggle=${this.stopOwnedEvent}
           @lr-load-more=${this.stopOwnedEvent}
           @lr-selection-change=${this.stopOwnedEvent}
           @lr-filter-change=${this.stopOwnedEvent}
-          @lr-page-change=${this.stopOwnedEvent}
+          @lr-page-change=${e=>{e.stopPropagation(),source&&current()&&(this.sourcePage=e.detail.page-1)}}
+          @lr-retry-request=${e=>{e.stopPropagation(),source&&current()&&this.requestUpdate()}}
           @lr-cell-edit=${this.stopOwnedEvent}
           @lr-column-resize=${this.stopOwnedEvent}
-          @lr-row-activate=${e=>{e.stopPropagation(),this.emit("lr-run-activate",{runId:e.detail.row.id,run:e.detail.row})}}
+          @lr-row-activate=${e=>{e.stopPropagation();const run=e.detail.row;if(source){if(!current()||!runs.includes(run))return;this.emit("lr-run-activate",Object.freeze({runId:run.id,run}))}else this.sourceMode||this.emit("lr-run-activate",snapshotEventDetail({runId:run.id,run},this.ownerDocument.defaultView))}}
           @lr-row-click=${this.stopOwnedEvent}
         ></lr-table>
-        ${selected?this.renderReview(selected):nothing}
-        ${selected?this.renderDiff(selected,this.baselineRun):nothing}
+        ${selectionLoading||selectionFailed?html`<div part="selection-status">${this.localize(selectionFailed?"sourceSelectionFailed":"sourceSelectionLoading")}${selectionFailed?html`<button part="selection-retry" data-agent-action type="button" @click=${()=>{current()&&this.pairVersion===pairVersion&&this.syncPair(!0)}}>${this.localize("retry")}</button>`:nothing}</div>`:nothing}
+        ${review}
+        ${selected&&!selectionFailed&&!selectionLoading?this.renderDiff(selected,this.baselineRun):nothing}
       </div>
-    `}}__decorate([property({attribute:!1})],LyraEvalResult.prototype,"runs",void 0),__decorate([property({attribute:!1})],LyraEvalResult.prototype,"columns",void 0),__decorate([property({attribute:!1})],LyraEvalResult.prototype,"rubricKeys",void 0),__decorate([property()],LyraEvalResult.prototype,"label",void 0),__decorate([property({attribute:"selected-run-id"})],LyraEvalResult.prototype,"selectedRunId",void 0),__decorate([property({attribute:"baseline-run-id"})],LyraEvalResult.prototype,"baselineRunId",void 0),__decorate([property({type:Boolean,attribute:"review-skippable"})],LyraEvalResult.prototype,"reviewSkippable",void 0),__decorate([property({type:Boolean,reflect:!0})],LyraEvalResult.prototype,"disabled",void 0);export{LyraEvalResult};
+    `}}__decorate([state()],LyraEvalResult.prototype,"sourceStateVersion",void 0),__decorate([property({attribute:!1})],LyraEvalResult.prototype,"dataSource",null),__decorate([property({type:Number,attribute:"source-page"})],LyraEvalResult.prototype,"sourcePage",void 0),__decorate([property({type:Number,attribute:"source-page-size"})],LyraEvalResult.prototype,"sourcePageSize",void 0),__decorate([property({attribute:!1})],LyraEvalResult.prototype,"runs",void 0),__decorate([property({attribute:!1})],LyraEvalResult.prototype,"columns",void 0),__decorate([property({attribute:!1})],LyraEvalResult.prototype,"rubricKeys",void 0),__decorate([property()],LyraEvalResult.prototype,"label",void 0),__decorate([property({attribute:"selected-run-id"})],LyraEvalResult.prototype,"selectedRunId",void 0),__decorate([property({attribute:"baseline-run-id"})],LyraEvalResult.prototype,"baselineRunId",void 0),__decorate([property({type:Boolean,attribute:"review-skippable"})],LyraEvalResult.prototype,"reviewSkippable",void 0),__decorate([property({type:Boolean,reflect:!0})],LyraEvalResult.prototype,"disabled",void 0);export{LyraEvalResult};

package/dist/components/agent-tools/eval-result/eval-result.styles.js

@@ -1 +1 @@
-import{css}from"lit";const styles=css`:host{contain-intrinsic-inline-size:var(--lr-size-20rem);display:block;container-type:inline-size}[part=base]{gap:var(--lr-space-l);min-inline-size:0;color:var(--lr-color-text);flex-direction:column;display:flex}[part=empty]{color:var(--lr-color-text-quiet);font-size:var(--lr-font-size-sm);margin:0}[part=grid],[part=review],[part=diff],[part=diff-view]{min-inline-size:0}[part=diff]{gap:var(--lr-space-2xs);flex-direction:column;display:flex}[part=diff-labels]{justify-content:space-between;gap:var(--lr-space-s);font-weight:var(--lr-font-weight-semibold);font-size:var(--lr-font-size-xs);color:var(--lr-color-text-quiet);text-transform:uppercase;letter-spacing:var(--lr-size-0-02em);overflow-wrap:anywhere;flex-wrap:wrap;min-inline-size:0;display:flex}[part=diff-label-old],[part=diff-label-new]{overflow-wrap:anywhere;min-inline-size:0}`;export{styles};
+import{css}from"lit";const styles=css`:host{contain-intrinsic-inline-size:var(--lr-size-20rem);display:block;container-type:inline-size}[part=base]{gap:var(--lr-space-l);min-inline-size:0;color:var(--lr-color-text);flex-direction:column;display:flex}[part=empty]{color:var(--lr-color-text-quiet);font-size:var(--lr-font-size-sm);margin:0}[part=selection-status]{align-items:center;gap:var(--lr-space-s);overflow-wrap:anywhere;color:var(--lr-color-text-quiet);flex-wrap:wrap;display:flex}[part=grid],[part=review],[part=diff],[part=diff-view]{min-inline-size:0}[part=diff]{gap:var(--lr-space-2xs);flex-direction:column;display:flex}[part=diff-labels]{justify-content:space-between;gap:var(--lr-space-s);font-weight:var(--lr-font-weight-semibold);font-size:var(--lr-font-size-xs);color:var(--lr-color-text-quiet);text-transform:uppercase;letter-spacing:var(--lr-size-0-02em);overflow-wrap:anywhere;flex-wrap:wrap;min-inline-size:0;display:flex}[part=diff-label-old],[part=diff-label-new]{overflow-wrap:anywhere;min-inline-size:0}`;export{styles};

package/dist/components/agent-tools/eval-result/eval-run-result.d.ts

@@ -0,0 +1,10 @@
+import type{RubricValue}from'../../forms/rubric-form/rubric-form.class.js';
+/**
+* One model/prompt-version's output for a single evaluation example, plus whatever automated
+* `scores` it already carries and whatever `review` a human has entered for it so far. `scores`
+* and `review` are both keyed the same way as the `rubricKeys` passed to this component -- the
+* same `RubricValue` shape `<lr-rubric-form>` itself reads and writes -- so a `TableColumn`'s
+* `cell()` accessor and the rubric form's own `value` binding can both read a run's fields with
+* no conversion.
+*/
+export interface EvalRunResult{readonly id:string;readonly label:string;readonly model?:string;readonly promptVersion?:string;readonly output:string;readonly scores?:RubricValue;readonly review?:RubricValue;}

package/dist/components/agent-tools/span-waterfall/span-waterfall.class.d.ts

@@ -1,4 +1,4 @@
-import{type TemplateResult,type PropertyValues}from'lit';import{LyraElement}from'../../../internal/lyra-element.js';import{type LyraSpan}from'../trace-tree/span.js';export type{LyraSpan}from'../trace-tree/span.js';export interface LyraSpanWaterfallEventMap{'lr-span-select':CustomEvent<{spanId:string;}>;}
+import{type TemplateResult,type PropertyValues}from'lit';import{LyraElement}from'../../../internal/lyra-element.js';import{type LyraSpan}from'../trace-tree/span.js';import type{TraceTreeSource}from'../trace-tree/trace-tree.class.js';export type{LyraSpan}from'../trace-tree/span.js';export type{TraceTreeSource}from'../trace-tree/trace-tree.class.js';export interface LyraSpanWaterfallEventMap{'lr-span-select':CustomEvent<{spanId:string;}>;}
 /**
 * `<lr-span-waterfall>` — the horizontal-timeline projection of the same
 * `LyraSpan[]` `<lr-trace-tree>` consumes: a time axis, one row per span
@@ -13,6 +13,17 @@ import{type TemplateResult,type PropertyValues}from'lit';import{LyraElement}from
 * The time axis always scales to the whole trace, including spans the 500-row ceiling drops, so a
 * truncated tail never stretches the surviving bars across the track.
 *
+* With treeSource defined, provider preorder and child metadata replace local sorting/topology.
+* The required global summary supplies the default axis; explicit time-window overrides remain
+* available. Source rows own focus/activation; their bars are presentation rather than a second
+* button. Provider expansion does not introduce an additional public event.
+*
+* @csspart source-list - Bounded provider virtual viewport.
+* @csspart source-row - Provider tree item, activation and focus owner.
+* @csspart source-label - Provider row presentation.
+* @csspart source-toggle - Provider expansion or retry control.
+* @csspart source-status - Localized provider loading, count or empty state.
+* @csspart source-error - Localized provider failure.
 * @customElement lr-span-waterfall
 * @event lr-span-select - `detail: { spanId }` — a bar/row was activated (click, Enter, Space).
 * @csspart base - The root wrapper.
@@ -22,14 +33,14 @@ import{type TemplateResult,type PropertyValues}from'lit';import{LyraElement}from
 * @csspart row - One span's row.
 * @csspart name - The span's name (the row's name gutter).
 * @csspart bar-track - The bar's positioning track.
-* @csspart bar - The interactive, focusable status-toned bar (`role` via `<button>`), with the
+* @csspart bar - The status-toned bar; presentation only in provider mode. In legacy mode, the interactive, focusable bar (`role` via `<button>`), with the
 *   shared `--lr-icon-button-size` minimum target in both axes even when its duration would paint
 *   more narrowly.
 * @csspart meta - Secondary row info (status/duration), shown inline under 480px.
 * @csspart status-text - The visible status label.
 * @csspart duration - The formatted duration text.
 * @csspart empty - The empty-state message shown when `spans` is empty.
-* @csspart limit - Localized notice shown when the shared 500-span projection ceiling is reached.
+* @csspart limit - Localized shown/source count when the 500-span projection or 10,000-input ceiling is reached.
 * @cssprop [--lr-span-waterfall-name-width=8rem] - Width of the name gutter column.
 * @cssprop [--lr-span-waterfall-stripe-speed=var(--lr-duration-ambient)] - Animation duration for a
 *   `running` span's striped bar. The fallback is the bare-duration `--lr-duration-ambient`, not the
@@ -53,8 +64,18 @@ export declare class LyraSpanWaterfall extends LyraElement<LyraSpanWaterfallEven
 /** Span sources can carry opaque provider metadata; the shared normalizer copies only its closed
 * display schema once, so cloning each whole source record would both lose opaque identity and
 * create an unsafe second traversal. */
-protected static readonly identityCollectionProperties:readonly string[];static styles:import("lit").CSSResultGroup[];
+protected static readonly identityCollectionProperties:readonly string[];static styles:import("lit").CSSResultGroup[];private _treeSource;private sourceVersion;private sourcePaintVersion;private sourceWrapper?;private readonly sourceSummaries;private sourceAnnouncement?;private sourceReveal?;private readonly sourceControl;
+/** Immutable provider preorder; defined sources win over spans, even when invalid.
+* Four 100-row pages and one focused row are retained; at most 301 rows mount.
+* Provider metadata owns topology and selection, and summary owns the complete timing extent.
+* Reassign or requestUpdate() after changing revision. Unset restores legacy spans.
+* @default undefined */
+get treeSource():TraceTreeSource|undefined;set treeSource(value:TraceTreeSource|undefined);
+/** Reveal and focus a full-source key; false when absent, disabled or superseded. */
+revealSourceKey(key:string):Promise<boolean>;private syncSource;private wrapSource;private normalizeSourceSpan;requestUpdate(name?:PropertyKey,oldValue?:unknown):void;private sourceSummary;private updateSourceEffects;
 /** Identical contract to `<lr-trace-tree>.spans`; rows sort by `startMs` (ties keep array order).
+* Retains the first 10,000 source entries by identity; the closed span projection avoids the
+* shared 50,000-value deep-copy budget. The default rendered window remains 500 spans.
 *  The controlled `activeSpanId` reserves a position inside the shared 500-row ceiling. Foreign
 *  runtime `kind`/`status` values normalize to `'other'`/`'pending'` before rendering. */
 spans:readonly LyraSpan[];activeSpanId:string|null;
@@ -67,4 +88,4 @@ viewStartMs:number|null;viewEndMs:number|null;
 withoutAxis:boolean;
 /** Accessible name of the list. Omission localizes the default; any supplied string, including
 *  `''`, is used verbatim. A host `aria-label` wins. */
-label?:string;private focusedId;private sortedSource?;private sortedActiveSpanId;private sortedCache;private sortedCacheTruncated;private sortedCacheExtentEndMs;private axisSignature;private axisObserver?;private observedAxis?;private readonly announcements;private limitAnnouncementInitialized;private previouslyTruncated;connectedCallback():void;disconnectedCallback():void;adoptedCallback():void;private sortedSpans;private viewWindow;private barGeometry;private formatDuration;private projectionLimitText;private focusRow;private selectRow;private onKeyDown;protected willUpdate(changed:PropertyValues):void;private renderedBarById;protected updated(changed:PropertyValues):void;private observeAxis;private fitAxisLabels;private renderAxis;private renderRow;render():TemplateResult;}declare global{interface HTMLElementTagNameMap{'lr-span-waterfall':LyraSpanWaterfall;}}
+label?:string;private focusedId;private sortedSource?;private sortedActiveSpanId;private sortedProjection?;private sortedCache;private sortedCacheTruncated;private sortedCacheExtentEndMs;private axisSignature;private axisObserver?;private observedAxis?;private readonly announcements;private limitAnnouncementInitialized;private previouslyTruncated;connectedCallback():void;disconnectedCallback():void;adoptedCallback():void;private sortedSpans;private viewWindow;private barGeometry;private formatDuration;private projectionLimitText;private focusRow;private selectRow;private onKeyDown;protected willUpdate(changed:PropertyValues):void;private renderedBarById;protected updated(changed:PropertyValues):void;private observeAxis;private fitAxisLabels;private renderAxis;private renderRow;private sourceSpanLabel;private renderSourceSpan;render():TemplateResult;}declare global{interface HTMLElementTagNameMap{'lr-span-waterfall':LyraSpanWaterfall;}}

package/dist/components/agent-tools/span-waterfall/span-waterfall.class.js

@@ -1,4 +1,4 @@
-import{__decorate}from"tslib";import{collectionSupport}from"../../../internal/collection-snapshot.js";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{prefersReducedMotion}from"../../../internal/motion.js";import{finiteNumber,finiteRatio,finiteRange}from"../../../internal/numbers.js";import{getNumberFormat}from"../../../internal/intl-cache.js";import{AnnouncementSinkController}from"../../../internal/announcer.js";import{hostAriaLabel}from"../../../internal/a11y.js";import{formatShortDuration}from"../../../internal/duration.js";import{styles}from"./span-waterfall.styles.js";import{MAX_RENDERED_LYRA_SPANS,normalizeLyraSpans}from"../trace-tree/span.js";import{LYRA_DEFAULT_accessibleLabelSeparator,LYRA_DEFAULT_spanKindAgent,LYRA_DEFAULT_spanKindEmbedding,LYRA_DEFAULT_spanKindLlm,LYRA_DEFAULT_spanKindOther,LYRA_DEFAULT_spanKindRetriever,LYRA_DEFAULT_spanKindTool,LYRA_DEFAULT_spanProjectionLimit,LYRA_DEFAULT_spanStartedAtOffset,LYRA_DEFAULT_spanWaterfall}from"../../../internal/default-strings/agent-tools.generated.js";import{LYRA_DEFAULT_collapse,LYRA_DEFAULT_copy,LYRA_DEFAULT_date,LYRA_DEFAULT_details,LYRA_DEFAULT_durationMilliseconds,LYRA_DEFAULT_durationSeconds,LYRA_DEFAULT_loading,LYRA_DEFAULT_map,LYRA_DEFAULT_navigation,LYRA_DEFAULT_noData,LYRA_DEFAULT_open,LYRA_DEFAULT_search,LYRA_DEFAULT_select,LYRA_DEFAULT_statusDenied,LYRA_DEFAULT_statusError,LYRA_DEFAULT_statusIncomplete,LYRA_DEFAULT_statusPending,LYRA_DEFAULT_statusRunning,LYRA_DEFAULT_statusSuccess,LYRA_DEFAULT_statusUnknown,LYRA_DEFAULT_tokensIn,LYRA_DEFAULT_tokensOut}from"../../../internal/default-strings/shared.generated.js";const KIND_LABEL_KEY={agent:"spanKindAgent",llm:"spanKindLlm",tool:"spanKindTool",retriever:"spanKindRetriever",embedding:"spanKindEmbedding",other:"spanKindOther"},STATUS_LABEL_KEY={pending:"statusPending",running:"statusRunning",success:"statusSuccess",error:"statusError",denied:"statusDenied",incomplete:"statusIncomplete",unknown:"statusUnknown"},STATUS_TONE={success:"success",error:"danger",denied:"warning",running:"accent",pending:"neutral",incomplete:"neutral",unknown:"neutral"};function niceStep(span,count){if(span<=0)return 1;const rough=span/Math.max(1,count),magnitude=10**Math.floor(Math.log10(rough)),residual=rough/magnitude;return(residual<1.5?1:residual<3?2:residual<7?5:10)*magnitude}function axisTicks(start,end,count=5){const step=niceStep(end-start,count);if(!Number.isFinite(step)||step<=0)return[start,end];const first=Math.ceil(start/step)*step;if(!Number.isFinite(first))return[start,end];const ticks=[];for(let index=0;index<=count+2;index++){const value=first+index*step;if(!Number.isFinite(value)||value>end+step/2)break;const rounded=Math.round(value/step)*step;Number.isFinite(rounded)&&(ticks.length===0||rounded>ticks[ticks.length-1])&&ticks.push(rounded)}return ticks}class LyraSpanWaterfall extends LyraElement{constructor(){super(...arguments),this.spans=[],this.activeSpanId=null,this.viewStartMs=null,this.viewEndMs=null,this.withoutAxis=!1,this.focusedId=null,this.sortedActiveSpanId=null,this.sortedCache=[],this.sortedCacheTruncated=!1,this.sortedCacheExtentEndMs=0,this.axisSignature="",this.announcements=new AnnouncementSinkController(this,{eager:["polite"]}),this.limitAnnouncementInitialized=!1,this.previouslyTruncated=!1,this.onKeyDown=e=>{const view=this.viewWindow(),rows=this.sortedSpans().filter(span=>this.barGeometry(span,view).visible);if(rows.length===0)return;const currentIndex=rows.findIndex(s=>s.id===this.focusedId),idx=currentIndex>=0?currentIndex:0;switch(e.key){case"ArrowDown":e.preventDefault(),this.focusRow(rows[Math.min(rows.length-1,idx+1)]);break;case"ArrowUp":e.preventDefault(),this.focusRow(rows[Math.max(0,idx-1)]);break;case"Home":e.preventDefault(),this.focusRow(rows[0]);break;case"End":e.preventDefault(),this.focusRow(rows[rows.length-1]);break;case"Enter":case" ":e.preventDefault(),this.selectRow(rows[idx].id);break;default:return}}}static{this.defaultStrings={...super.defaultStrings,accessibleLabelSeparator:LYRA_DEFAULT_accessibleLabelSeparator,collapse:LYRA_DEFAULT_collapse,copy:LYRA_DEFAULT_copy,date:LYRA_DEFAULT_date,details:LYRA_DEFAULT_details,durationMilliseconds:LYRA_DEFAULT_durationMilliseconds,durationSeconds:LYRA_DEFAULT_durationSeconds,loading:LYRA_DEFAULT_loading,map:LYRA_DEFAULT_map,navigation:LYRA_DEFAULT_navigation,noData:LYRA_DEFAULT_noData,open:LYRA_DEFAULT_open,search:LYRA_DEFAULT_search,select:LYRA_DEFAULT_select,spanKindAgent:LYRA_DEFAULT_spanKindAgent,spanKindEmbedding:LYRA_DEFAULT_spanKindEmbedding,spanKindLlm:LYRA_DEFAULT_spanKindLlm,spanKindOther:LYRA_DEFAULT_spanKindOther,spanKindRetriever:LYRA_DEFAULT_spanKindRetriever,spanKindTool:LYRA_DEFAULT_spanKindTool,spanProjectionLimit:LYRA_DEFAULT_spanProjectionLimit,spanStartedAtOffset:LYRA_DEFAULT_spanStartedAtOffset,spanWaterfall:LYRA_DEFAULT_spanWaterfall,statusDenied:LYRA_DEFAULT_statusDenied,statusError:LYRA_DEFAULT_statusError,statusIncomplete:LYRA_DEFAULT_statusIncomplete,statusPending:LYRA_DEFAULT_statusPending,statusRunning:LYRA_DEFAULT_statusRunning,statusSuccess:LYRA_DEFAULT_statusSuccess,statusUnknown:LYRA_DEFAULT_statusUnknown,tokensIn:LYRA_DEFAULT_tokensIn,tokensOut:LYRA_DEFAULT_tokensOut}}static{this.collectionSupport=collectionSupport}static{this.ownedCollectionProperties=Object.freeze(["spans"])}static{this.identityCollectionProperties=Object.freeze(["spans"])}static{this.styles=[LyraElement.styles,styles]}connectedCallback(){super.connectedCallback(),this.limitAnnouncementInitialized=this.hasUpdated,this.previouslyTruncated=this.sortedCacheTruncated,this.hasUpdated&&(this.observeAxis(),this.fitAxisLabels())}disconnectedCallback(){this.axisObserver?.disconnect(),this.axisObserver=void 0,this.observedAxis=void 0,super.disconnectedCallback()}adoptedCallback(){super.adoptedCallback(),this.announcements.adopted()}sortedSpans(){if(this.sortedSource===this.spans&&this.sortedActiveSpanId===this.activeSpanId)return this.sortedCache;this.sortedSource=this.spans,this.sortedActiveSpanId=this.activeSpanId;const projection=normalizeLyraSpans(this.spans,this.activeSpanId);return this.sortedCacheTruncated=projection.truncated,this.sortedCacheExtentEndMs=projection.extentEndMs,this.sortedCache=projection.spans.map((s,i)=>({s,i})).sort((a,b)=>a.s.startMs-b.s.startMs||a.i-b.i).map(x=>x.s),this.sortedCache}viewWindow(){this.sortedSpans();const fallbackEnd=Math.max(finiteNumber(this.sortedCacheExtentEndMs,0),1),start=this.viewStartMs==null?0:finiteRange(this.viewStartMs,0,0,Number.MAX_SAFE_INTEGER-1),end=this.viewEndMs==null?fallbackEnd:finiteRange(this.viewEndMs,fallbackEnd,0,Number.MAX_SAFE_INTEGER);return{start,end:end>start?end:start+1}}barGeometry(span,view){const endMs=span.endMs??(span.status==="running"?view.end:span.startMs),visible=span.startMs<=view.end&&endMs>=view.start,clampedStart=Math.max(view.start,span.startMs),clampedEnd=Math.min(view.end,Math.max(endMs,span.startMs)),startPct=finiteRatio(clampedStart,view.start,view.end)*100,endPct=finiteRatio(clampedEnd,view.start,view.end)*100;return{startPct,widthPct:Math.max(0,endPct-startPct),visible}}formatDuration(ms){return ms==null||!Number.isFinite(ms)?"":formatShortDuration(this.localize.bind(this),this.effectiveLocale,ms)}projectionLimitText(){return this.localize("spanProjectionLimit",void 0,{count:getNumberFormat(this.effectiveLocale).format(MAX_RENDERED_LYRA_SPANS)})}focusRow(span){if(!span)return;const previous=this.renderRoot.querySelector('[part="bar"][tabindex="0"]');this.focusedId=span.id,previous?.setAttribute("tabindex","-1");const next=this.renderedBarById(span.id);next?.setAttribute("tabindex","0"),next?.focus()}selectRow(id){this.focusedId=id,this.emit("lr-span-select",{spanId:id})}willUpdate(changed){if(super.willUpdate(changed),(changed.has("spans")||changed.has("activeSpanId"))&&(this.sortedSource=void 0),changed.has("spans")||changed.has("viewStartMs")||changed.has("viewEndMs")||changed.has("activeSpanId")){const view=this.viewWindow(),ids=new Set(this.sortedSpans().filter(span=>this.barGeometry(span,view).visible).map(span=>span.id));(this.focusedId==null||!ids.has(this.focusedId))&&(this.focusedId=this.activeSpanId&&ids.has(this.activeSpanId)?this.activeSpanId:this.sortedSpans()[0]?.id??null),this.focusedId!==null&&!ids.has(this.focusedId)&&(this.focusedId=this.sortedSpans().find(span=>ids.has(span.id))?.id??null),changed.has("activeSpanId")&&this.activeSpanId&&ids.has(this.activeSpanId)&&(this.focusedId=this.activeSpanId)}}renderedBarById(id){const ownerCss=this.ownerDocument.defaultView?.CSS;return typeof ownerCss?.escape=="function"?this.renderRoot.querySelector(`[data-id="${ownerCss.escape(id)}"]`):Array.from(this.renderRoot.querySelectorAll("[data-id]")).find(element=>element.dataset.id===id)??null}updated(changed){if(super.updated(changed),changed.has("activeSpanId")&&this.activeSpanId){const bar=this.renderedBarById(this.activeSpanId);if(bar&&!bar.hidden){const reducedMotion=!bar.ownerDocument.defaultView||prefersReducedMotion(this);bar.scrollIntoView({block:"nearest",behavior:reducedMotion?"auto":"smooth"})}}this.limitAnnouncementInitialized&&this.sortedCacheTruncated&&!this.previouslyTruncated&&this.announcements.announcePolite(this.projectionLimitText()),this.limitAnnouncementInitialized=!0,this.previouslyTruncated=this.sortedCacheTruncated,this.observeAxis();const view=this.viewWindow(),axisSignature=`${view.start}|${view.end}|${this.effectiveLocale}`;axisSignature!==this.axisSignature&&(this.axisSignature=axisSignature,this.fitAxisLabels())}observeAxis(){if(!this.isConnected)return;const axis=this.renderRoot.querySelector('[part="axis"]')??void 0;if(axis===this.observedAxis)return;this.axisObserver?.disconnect(),this.observedAxis=axis;const owner=this.ownerDocument.defaultView,ResizeObserverCtor=owner?.ResizeObserver;if(!axis||!ResizeObserverCtor)return;const observer=new ResizeObserverCtor(()=>{!this.isConnected||this.ownerDocument.defaultView!==owner||this.axisObserver!==observer||this.fitAxisLabels()});this.axisObserver=observer,observer.observe(axis)}fitAxisLabels(){if(!this.isConnected)return;const axis=this.renderRoot.querySelector('[part="axis"]');if(!axis)return;const ticks=Array.from(axis.querySelectorAll('[part="tick"]')),labels=ticks.map(tick=>tick.querySelector('[part="tick-label"]'));for(const tick of ticks)tick.removeAttribute("data-fit");for(const label of labels)label.removeAttribute("data-collapsed");const axisRect=axis.getBoundingClientRect();if(axisRect.width<=0)return;const rtl=this.ownerDocument.defaultView?.getComputedStyle(axis).direction==="rtl",span=rect=>rtl?{start:-rect.right,end:-rect.left}:{start:rect.left,end:rect.right},axisSpan=span(axisRect),rects=labels.map(label=>label.getBoundingClientRect());ticks.forEach((tick,index)=>{span(rects[index]).end>axisSpan.end+.5&&tick.setAttribute("data-fit","end")});const placed=labels.map(label=>{const{start,end}=span(label.getBoundingClientRect());return{label,start,end}}).sort((a,b)=>a.start-b.start),kept=[];placed.forEach((entry,index)=>{const isTerminal=index===placed.length-1;for(;kept.length>1&&isTerminal&&entry.start<kept[kept.length-1].end;)kept.pop().label.setAttribute("data-collapsed","");const previous=kept[kept.length-1];previous&&entry.start<previous.end?entry.label.setAttribute("data-collapsed",""):kept.push(entry)})}renderAxis(view){const ticks=axisTicks(view.start,view.end);return html`
+import{__decorate}from"tslib";import{collectionSupport,publicCollectionTruncation}from"../../../internal/collection-snapshot.js";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{prefersReducedMotion}from"../../../internal/motion.js";import{finiteNumber,finiteRatio,finiteRange}from"../../../internal/numbers.js";import{getNumberFormat}from"../../../internal/intl-cache.js";import{AnnouncementSinkController}from"../../../internal/announcer.js";import{hostAriaLabel}from"../../../internal/a11y.js";import{formatShortDuration}from"../../../internal/duration.js";import{styles}from"./span-waterfall.styles.js";import{normalizeLyraSpanKind,normalizeLyraSpanStatus}from"../trace-tree/span.js";import{projectLyraSpans}from"../trace-tree/span-projection.js";import{HierarchySourceController,hierarchyField,hierarchyKey,hierarchyText}from"../../../internal/hierarchy-source-controller.js";import{hierarchySourceView}from"../../../internal/hierarchy-source-view.js";import{hierarchySourceStyles}from"../../../internal/hierarchy-source-view.styles.js";import{LYRA_DEFAULT_accessibleLabelSeparator,LYRA_DEFAULT_spanKindAgent,LYRA_DEFAULT_spanKindEmbedding,LYRA_DEFAULT_spanKindLlm,LYRA_DEFAULT_spanKindOther,LYRA_DEFAULT_spanKindRetriever,LYRA_DEFAULT_spanKindTool,LYRA_DEFAULT_spanStartedAtOffset,LYRA_DEFAULT_spanWaterfall,LYRA_DEFAULT_spanWaterfallLimit}from"../../../internal/default-strings/agent-tools.generated.js";import{LYRA_DEFAULT_collapse,LYRA_DEFAULT_copy,LYRA_DEFAULT_date,LYRA_DEFAULT_details,LYRA_DEFAULT_durationMilliseconds,LYRA_DEFAULT_durationSeconds,LYRA_DEFAULT_expand,LYRA_DEFAULT_item,LYRA_DEFAULT_loading,LYRA_DEFAULT_map,LYRA_DEFAULT_navigation,LYRA_DEFAULT_noData,LYRA_DEFAULT_open,LYRA_DEFAULT_retry,LYRA_DEFAULT_search,LYRA_DEFAULT_select,LYRA_DEFAULT_statusDenied,LYRA_DEFAULT_statusError,LYRA_DEFAULT_statusIncomplete,LYRA_DEFAULT_statusPending,LYRA_DEFAULT_statusRunning,LYRA_DEFAULT_statusSuccess,LYRA_DEFAULT_statusUnknown,LYRA_DEFAULT_tokensIn,LYRA_DEFAULT_tokensOut,LYRA_DEFAULT_treeSourceError,LYRA_DEFAULT_treeSourceSummary}from"../../../internal/default-strings/shared.generated.js";const SOURCE_QUERY=Object.freeze({search:"",hiddenKinds:Object.freeze([])}),KIND_LABEL_KEY={agent:"spanKindAgent",llm:"spanKindLlm",tool:"spanKindTool",retriever:"spanKindRetriever",embedding:"spanKindEmbedding",other:"spanKindOther"},STATUS_LABEL_KEY={pending:"statusPending",running:"statusRunning",success:"statusSuccess",error:"statusError",denied:"statusDenied",incomplete:"statusIncomplete",unknown:"statusUnknown"},STATUS_TONE={success:"success",error:"danger",denied:"warning",running:"accent",pending:"neutral",incomplete:"neutral",unknown:"neutral"};function niceStep(span,count){if(span<=0)return 1;const rough=span/Math.max(1,count),magnitude=10**Math.floor(Math.log10(rough)),residual=rough/magnitude;return(residual<1.5?1:residual<3?2:residual<7?5:10)*magnitude}function axisTicks(start,end,count=5){const step=niceStep(end-start,count);if(!Number.isFinite(step)||step<=0)return[start,end];const first=Math.ceil(start/step)*step;if(!Number.isFinite(first))return[start,end];const ticks=[];for(let index=0;index<=count+2;index++){const value=first+index*step;if(!Number.isFinite(value)||value>end+step/2)break;const rounded=Math.round(value/step)*step;Number.isFinite(rounded)&&(ticks.length===0||rounded>ticks[ticks.length-1])&&ticks.push(rounded)}return ticks}class LyraSpanWaterfall extends LyraElement{constructor(){super(...arguments),this._treeSource=void 0,this.sourceVersion=0,this.sourcePaintVersion=0,this.sourceSummaries=new WeakMap,this.sourceControl=new HierarchySourceController(this,{normalize:(value,key)=>this.normalizeSourceSpan(value,key),payload:{maxUnits:2e6,maxRowUnits:65536,unitsOf:span=>span.id.length+span.name.length},onChange:()=>{const old=this.sourcePaintVersion++;this.requestUpdate("sourcePaintVersion",old)},accepted:(action,_row,_state,current)=>{!current()||this.treeSource===void 0||action.type==="select"&&this.emit("lr-span-select",{spanId:action.key})}}),this.spans=[],this.activeSpanId=null,this.viewStartMs=null,this.viewEndMs=null,this.withoutAxis=!1,this.focusedId=null,this.sortedActiveSpanId=null,this.sortedCache=[],this.sortedCacheTruncated=!1,this.sortedCacheExtentEndMs=0,this.axisSignature="",this.announcements=new AnnouncementSinkController(this,{eager:["polite"]}),this.limitAnnouncementInitialized=!1,this.previouslyTruncated=!1,this.onKeyDown=e=>{if(this.treeSource!==void 0||e.currentTarget!==this.renderRoot.querySelector("[role=list]"))return;const view=this.viewWindow(),rows=this.sortedSpans().filter(span=>this.barGeometry(span,view).visible);if(rows.length===0)return;const currentIndex=rows.findIndex(s=>s.id===this.focusedId),idx=currentIndex>=0?currentIndex:0;switch(e.key){case"ArrowDown":e.preventDefault(),this.focusRow(rows[Math.min(rows.length-1,idx+1)]);break;case"ArrowUp":e.preventDefault(),this.focusRow(rows[Math.max(0,idx-1)]);break;case"Home":e.preventDefault(),this.focusRow(rows[0]);break;case"End":e.preventDefault(),this.focusRow(rows[rows.length-1]);break;case"Enter":case" ":e.preventDefault(),this.selectRow(rows[idx].id);break;default:return}}}static{this.defaultStrings={...super.defaultStrings,accessibleLabelSeparator:LYRA_DEFAULT_accessibleLabelSeparator,collapse:LYRA_DEFAULT_collapse,copy:LYRA_DEFAULT_copy,date:LYRA_DEFAULT_date,details:LYRA_DEFAULT_details,durationMilliseconds:LYRA_DEFAULT_durationMilliseconds,durationSeconds:LYRA_DEFAULT_durationSeconds,expand:LYRA_DEFAULT_expand,item:LYRA_DEFAULT_item,loading:LYRA_DEFAULT_loading,map:LYRA_DEFAULT_map,navigation:LYRA_DEFAULT_navigation,noData:LYRA_DEFAULT_noData,open:LYRA_DEFAULT_open,retry:LYRA_DEFAULT_retry,search:LYRA_DEFAULT_search,select:LYRA_DEFAULT_select,spanKindAgent:LYRA_DEFAULT_spanKindAgent,spanKindEmbedding:LYRA_DEFAULT_spanKindEmbedding,spanKindLlm:LYRA_DEFAULT_spanKindLlm,spanKindOther:LYRA_DEFAULT_spanKindOther,spanKindRetriever:LYRA_DEFAULT_spanKindRetriever,spanKindTool:LYRA_DEFAULT_spanKindTool,spanStartedAtOffset:LYRA_DEFAULT_spanStartedAtOffset,spanWaterfall:LYRA_DEFAULT_spanWaterfall,spanWaterfallLimit:LYRA_DEFAULT_spanWaterfallLimit,statusDenied:LYRA_DEFAULT_statusDenied,statusError:LYRA_DEFAULT_statusError,statusIncomplete:LYRA_DEFAULT_statusIncomplete,statusPending:LYRA_DEFAULT_statusPending,statusRunning:LYRA_DEFAULT_statusRunning,statusSuccess:LYRA_DEFAULT_statusSuccess,statusUnknown:LYRA_DEFAULT_statusUnknown,tokensIn:LYRA_DEFAULT_tokensIn,tokensOut:LYRA_DEFAULT_tokensOut,treeSourceError:LYRA_DEFAULT_treeSourceError,treeSourceSummary:LYRA_DEFAULT_treeSourceSummary}}static{this.collectionSupport=collectionSupport}static{this.ownedCollectionProperties=Object.freeze(["spans"])}static{this.identityCollectionProperties=Object.freeze(["spans"])}static{this.styles=[LyraElement.styles,hierarchySourceStyles,styles]}get treeSource(){return this._treeSource}set treeSource(value){const previous=this._treeSource;this._treeSource=value,this.sourceVersion++,this.sourceReveal=void 0,this.sourceWrapper=value===void 0?void 0:this.wrapSource(value),this.syncSource(!0),this.requestUpdate("treeSource",previous)}revealSourceKey(key){return this.treeSource===void 0?Promise.resolve(!1):this.sourceControl.reveal(key)}syncSource(force=!1){this.sourceControl?.update(this.sourceWrapper,this.effectiveLocale,force,SOURCE_QUERY)}wrapSource(source){const host=this;return{get revision(){return source.revision},async project(request){const version=host.sourceVersion,owner=host.ownerDocument,owned=()=>host._treeSource===source&&host.sourceVersion===version&&host.ownerDocument===owner&&host.isConnected&&!request.signal.aborted,current=()=>{if(!owned())return!1;const revision=source.revision;return owned()&&revision===request.revision},check=()=>{if(!current())throw new Error("Trace source changed")};check();const project=source.project;check();const result=await project.call(source,request);check();const summary=result.summary;check();const startMs=hierarchyField(summary,"startMs");check();const endMs=hierarchyField(summary,"endMs");if(check(),typeof startMs!="number"||typeof endMs!="number"||!Number.isFinite(startMs)||!Number.isFinite(endMs)||startMs<0||endMs<startMs||!Number.isFinite(endMs-startMs))throw new TypeError("Invalid trace extent");const view=result.rows;check();const count=view.count;check();const hasItemAt="itemAt"in view;check();const itemAt=hasItemAt?view.itemAt:void 0;check();let wrapped;if(typeof itemAt=="function"){const indexed=view;wrapped={count,itemAt(index){check();const method=indexed.itemAt;check();const value=method.call(indexed,index);return check(),value},keyAt(index){check();const method=indexed.keyAt;check();const value=method.call(indexed,index);return check(),value},indexOfKey(key){check();const method=indexed.indexOfKey;check();const value=method.call(indexed,key);return check(),value}}}else{const ranged=view;wrapped={count,async read(range){const active=()=>{if(check(),range.signal.aborted)throw new Error("Trace range changed")};active();const method=ranged.read;active();const value=await method.call(ranged,range);return active(),value},async indexOfKey(key,context){const active=()=>{if(check(),context.signal.aborted)throw new Error("Trace navigation changed")};active();const method=ranged.indexOfKey;active();const value=await method.call(ranged,key,context);return active(),value}}}const state=result.state;check();const total=result.total;check();const focusIndex=result.focusIndex;return check(),host.sourceSummaries.set(wrapped,Object.freeze({startMs,endMs,current})),{state,total,rows:wrapped,...focusIndex===void 0?{}:{focusIndex}}}}}normalizeSourceSpan(value,key){const source=this.treeSource,version=this.sourceVersion,owner=this.ownerDocument,control=this.sourceControl,epoch=control.epoch,projection=control.projection,owned=()=>this.isConnected&&this.ownerDocument===owner&&this.treeSource===source&&this.sourceVersion===version&&this.sourceControl===control&&control.epoch===epoch&&control.projection===projection&&!control.loading,accepted=projection?this.sourceSummaries.get(projection.rows):void 0,current=()=>owned()&&!!accepted?.current()&&owned(),field=name=>{if(!current())throw new Error("Trace source changed");const result=hierarchyField(value,name);if(!current())throw new Error("Trace source changed");return result},id=hierarchyKey(field("id"));if(id!==key)throw new TypeError("Trace key mismatch");const startMs=field("startMs"),endMs=field("endMs");if(typeof startMs!="number"||!Number.isFinite(startMs)||startMs<0||endMs!==void 0&&(typeof endMs!="number"||!Number.isFinite(endMs)||endMs<startMs))throw new TypeError("Invalid span timing");return Object.freeze({id,name:hierarchyText(field("name")),kind:normalizeLyraSpanKind(field("kind")),status:normalizeLyraSpanStatus(field("status")),startMs,...endMs===void 0?{}:{endMs}})}requestUpdate(name,oldValue){this._treeSource!==void 0&&name===void 0&&(this.sourceVersion++,this.sourceReveal=void 0,this.syncSource(!0)),super.requestUpdate(name,oldValue)}sourceSummary(){const projection=this.sourceControl.projection;return projection?this.localize("treeSourceSummary",void 0,{visible:getNumberFormat(this.effectiveLocale).format(projection.rows.count),total:getNumberFormat(this.effectiveLocale).format(projection.total)}):""}updateSourceEffects(){const source=this.treeSource,binding=this.sourceWrapper,version=this.sourceVersion,epoch=this.sourceControl.epoch,owner=this.ownerDocument,projection=this.sourceControl.projection,{error,loading,rowError,rowsObserved}=this.sourceControl,bound=()=>this.isConnected&&this.ownerDocument===owner&&this.treeSource===source&&this.sourceWrapper===binding&&this.sourceVersion===version&&this.sourceControl.epoch===epoch,current=()=>bound()&&this.sourceControl.projection===projection&&this.sourceControl.error===error&&this.sourceControl.loading===loading&&this.sourceControl.rowError===rowError&&this.sourceControl.rowsObserved===rowsObserved;if(!current())return;for(const row of this.renderRoot.querySelectorAll("[data-source-key]")){const active=row.dataset.sourceKey===this.activeSpanId;row.setAttribute("aria-current",String(active)),row.toggleAttribute("data-active",active)}const status=error?this.localize("treeSourceError"):loading?this.localize("loading"):this.sourceSummary();if(!current()||this.sourceAnnouncement!==void 0&&status!==this.sourceAnnouncement&&(this.announcements.announcePolite(status),!current()))return;if(rowsObserved){const message=rowError?this.localize("treeSourceError"):"";if(!current()||(this.announcements.transition("source-rows",rowError?"error":"ready",message),!current()))return}this.sourceAnnouncement=status;const key=this.activeSpanId;!key||this.sourceReveal?.[0]===epoch&&this.sourceReveal[1]===key||(this.sourceReveal=[epoch,key],this.sourceControl.whenReady().then(ready=>{ready&&bound()&&this.activeSpanId===key&&this.sourceControl.reveal(key)}))}connectedCallback(){super.connectedCallback(),this.limitAnnouncementInitialized=this.hasUpdated,this.previouslyTruncated=this.sortedCacheTruncated,this.hasUpdated&&(this.observeAxis(),this.fitAxisLabels())}disconnectedCallback(){this.sourceVersion++,this.sourceReveal=void 0,this.sourceAnnouncement=void 0,this.axisObserver?.disconnect(),this.axisObserver=void 0,this.observedAxis=void 0,super.disconnectedCallback()}adoptedCallback(){super.adoptedCallback(),this.announcements.adopted(),this.sourceVersion++,this.sourceReveal=void 0,this.sourceAnnouncement=void 0,this.sourceControl.adopted(),this.syncSource(!0)}sortedSpans(){if(this.sortedSource===this.spans&&this.sortedActiveSpanId===this.activeSpanId)return this.sortedCache;this.sortedSource=this.spans,this.sortedActiveSpanId=this.activeSpanId;const projection=projectLyraSpans(this.spans,this.activeSpanId);return this.sortedCacheTruncated=projection.truncated||publicCollectionTruncation(this,"spans")!==void 0,this.sortedCacheExtentEndMs=projection.extentEndMs,this.sortedProjection===projection.spans?this.sortedCache:(this.sortedProjection=projection.spans,this.sortedCache=projection.spans.map((s,i)=>({s,i})).sort((a,b)=>a.s.startMs-b.s.startMs||a.i-b.i).map(x=>x.s),this.sortedCache)}viewWindow(){const projection=this.sourceControl.projection,summary=this.treeSource!==void 0&&projection?this.sourceSummaries.get(projection.rows):void 0;this.treeSource===void 0&&this.sortedSpans();const fallbackStart=summary?.startMs??0,fallbackEnd=summary?.endMs??(this.treeSource===void 0?Math.max(finiteNumber(this.sortedCacheExtentEndMs,0),1):1),start=this.viewStartMs==null?fallbackStart:finiteRange(this.viewStartMs,fallbackStart,0,Number.MAX_SAFE_INTEGER-1),end=this.viewEndMs==null?fallbackEnd:finiteRange(this.viewEndMs,fallbackEnd,0,Number.MAX_SAFE_INTEGER);return{start,end:end>start?end:start+1}}barGeometry(span,view){const endMs=span.endMs??(span.status==="running"?view.end:span.startMs),visible=span.startMs<=view.end&&endMs>=view.start,clampedStart=Math.max(view.start,span.startMs),clampedEnd=Math.min(view.end,Math.max(endMs,span.startMs)),startPct=finiteRatio(clampedStart,view.start,view.end)*100,endPct=finiteRatio(clampedEnd,view.start,view.end)*100;return{startPct,widthPct:Math.max(0,endPct-startPct),visible}}formatDuration(ms){return ms==null||!Number.isFinite(ms)?"":formatShortDuration(this.localize.bind(this),this.effectiveLocale,ms)}projectionLimitText(){const number=getNumberFormat(this.effectiveLocale);return this.localize("spanWaterfallLimit",void 0,{shown:number.format(this.sortedCache.length),total:number.format(publicCollectionTruncation(this,"spans")?.source??this.spans.length)})}focusRow(span){if(!span)return;const previous=this.renderRoot.querySelector('[part="bar"][tabindex="0"]');this.focusedId=span.id,previous?.setAttribute("tabindex","-1");const next=this.renderedBarById(span.id);next?.setAttribute("tabindex","0"),next?.focus()}selectRow(id){this.treeSource!==void 0||!this.isConnected||(this.focusedId=id,this.emit("lr-span-select",{spanId:id}))}willUpdate(changed){if(super.willUpdate(changed),this.syncSource(),this.treeSource===void 0&&(changed.has("treeSource")&&(this.sourceAnnouncement=void 0,this.sourceReveal=void 0,changed.set("spans",void 0)),changed.has("spans")||changed.has("viewStartMs")||changed.has("viewEndMs")||changed.has("activeSpanId"))){const view=this.viewWindow(),ids=new Set(this.sortedSpans().filter(span=>this.barGeometry(span,view).visible).map(span=>span.id));(this.focusedId==null||!ids.has(this.focusedId))&&(this.focusedId=this.activeSpanId&&ids.has(this.activeSpanId)?this.activeSpanId:this.sortedSpans()[0]?.id??null),this.focusedId!==null&&!ids.has(this.focusedId)&&(this.focusedId=this.sortedSpans().find(span=>ids.has(span.id))?.id??null),changed.has("activeSpanId")&&this.activeSpanId&&ids.has(this.activeSpanId)&&(this.focusedId=this.activeSpanId)}}renderedBarById(id){const ownerCss=this.ownerDocument.defaultView?.CSS;return typeof ownerCss?.escape=="function"?this.renderRoot.querySelector(`[data-id="${ownerCss.escape(id)}"]`):Array.from(this.renderRoot.querySelectorAll("[data-id]")).find(element=>element.dataset.id===id)??null}updated(changed){if(super.updated(changed),this.treeSource!==void 0){const version2=this.sourceVersion;if(this.updateSourceEffects(),version2!==this.sourceVersion||this.treeSource===void 0||!this.isConnected)return;this.observeAxis(),this.fitAxisLabels();return}const version=this.sourceVersion,owner=this.ownerDocument,current=()=>this.isConnected&&this.ownerDocument===owner&&this.sourceVersion===version&&this.treeSource===void 0;if(changed.has("activeSpanId")&&this.activeSpanId){const bar=this.renderedBarById(this.activeSpanId);if(bar&&!bar.hidden){const reducedMotion=!bar.ownerDocument.defaultView||prefersReducedMotion(this);bar.scrollIntoView({block:"nearest",behavior:reducedMotion?"auto":"smooth"})}}if(this.limitAnnouncementInitialized&&this.sortedCacheTruncated&&!this.previouslyTruncated){const message=this.projectionLimitText();if(!current()||(this.announcements.announcePolite(message),!current()))return}this.limitAnnouncementInitialized=!0,this.previouslyTruncated=this.sortedCacheTruncated,this.observeAxis();const view=this.viewWindow(),axisSignature=`${view.start}|${view.end}|${this.effectiveLocale}`;axisSignature!==this.axisSignature&&(this.axisSignature=axisSignature,this.fitAxisLabels())}observeAxis(){if(!this.isConnected)return;const axis=this.renderRoot.querySelector('[part="axis"]')??void 0;if(axis===this.observedAxis)return;this.axisObserver?.disconnect(),this.observedAxis=axis;const owner=this.ownerDocument.defaultView,ResizeObserverCtor=owner?.ResizeObserver;if(!axis||!ResizeObserverCtor)return;const observer=new ResizeObserverCtor(()=>{!this.isConnected||this.ownerDocument.defaultView!==owner||this.axisObserver!==observer||this.fitAxisLabels()});this.axisObserver=observer,observer.observe(axis)}fitAxisLabels(){if(!this.isConnected)return;const axis=this.renderRoot.querySelector('[part="axis"]');if(!axis)return;const ticks=Array.from(axis.querySelectorAll('[part="tick"]')),labels=ticks.map(tick=>tick.querySelector('[part="tick-label"]'));for(const tick of ticks)tick.removeAttribute("data-fit");for(const label of labels)label.removeAttribute("data-collapsed");const axisRect=axis.getBoundingClientRect();if(axisRect.width<=0)return;const rtl=this.ownerDocument.defaultView?.getComputedStyle(axis).direction==="rtl",span=rect=>rtl?{start:-rect.right,end:-rect.left}:{start:rect.left,end:rect.right},axisSpan=span(axisRect),rects=labels.map(label=>label.getBoundingClientRect());ticks.forEach((tick,index)=>{span(rects[index]).end>axisSpan.end+.5&&tick.setAttribute("data-fit","end")});const placed=labels.map(label=>{const{start,end}=span(label.getBoundingClientRect());return{label,start,end}}).sort((a,b)=>a.start-b.start),kept=[];placed.forEach((entry,index)=>{const isTerminal=index===placed.length-1;for(;kept.length>1&&isTerminal&&entry.start<kept[kept.length-1].end;)kept.pop().label.setAttribute("data-collapsed","");const previous=kept[kept.length-1];previous&&entry.start<previous.end?entry.label.setAttribute("data-collapsed",""):kept.push(entry)})}renderAxis(view){const ticks=axisTicks(view.start,view.end);return html`
       <div part="axis" aria-hidden="true">
         ${ticks.map(t=>{const pct=finiteRatio(t,view.start,view.end)*100;return pct<0||pct>100?nothing:html`<span
             part="tick"
@@ -7,7 +7,7 @@ import{__decorate}from"tslib";import{collectionSupport}from"../../../internal/co
             ><span part="tick-label">${this.formatDuration(t)}</span></span
           >`})}
       </div>
-    `}renderRow(span,view,posInSet,setSize,firstId){const{startPct,widthPct,visible}=this.barGeometry(span,view),isActive=this.activeSpanId===span.id,tabbable=visible&&(this.focusedId===span.id||this.focusedId==null&&firstId===span.id),durationLabel=span.endMs!=null?this.formatDuration(span.endMs-span.startMs):"",fragments=[span.name,this.localize(KIND_LABEL_KEY[span.kind]),this.localize(STATUS_LABEL_KEY[span.status]),this.localize("spanStartedAtOffset",void 0,{value:this.formatDuration(span.startMs)||this.localize("durationMilliseconds",void 0,{value:0})}),durationLabel].filter(Boolean);return html`
+    `}renderRow(span,view,posInSet,setSize,firstId){const version=this.sourceVersion,spans=this.spans,current=()=>this.isConnected&&this.treeSource===void 0&&this.sourceVersion===version&&this.spans===spans,{startPct,widthPct,visible}=this.barGeometry(span,view),isActive=this.activeSpanId===span.id,tabbable=visible&&(this.focusedId===span.id||this.focusedId==null&&firstId===span.id),durationLabel=span.endMs!=null?this.formatDuration(span.endMs-span.startMs):"",fragments=[span.name,this.localize(KIND_LABEL_KEY[span.kind]),this.localize(STATUS_LABEL_KEY[span.status]),this.localize("spanStartedAtOffset",void 0,{value:this.formatDuration(span.startMs)||this.localize("durationMilliseconds",void 0,{value:0})}),durationLabel].filter(Boolean);return html`
       <div part="row" role="listitem" aria-posinset=${posInSet} aria-setsize=${setSize} ?data-active=${isActive}>
         <span part="name">${span.name}</span>
         <span part="bar-track">
@@ -22,8 +22,8 @@ import{__decorate}from"tslib";import{collectionSupport}from"../../../internal/co
             aria-current=${isActive?"true":"false"}
             aria-label=${fragments.join(this.localize("accessibleLabelSeparator"))}
             style=${`--_lr-span-waterfall-start:${startPct}%;--_lr-span-waterfall-width:${widthPct}%`}
-            @click=${()=>this.selectRow(span.id)}
-            @focus=${()=>{this.focusedId=span.id}}
+            @click=${()=>{current()&&this.selectRow(span.id)}}
+            @focus=${()=>{current()&&(this.focusedId=span.id)}}
           ></button>
         </span>
         <span part="meta">
@@ -31,7 +31,17 @@ import{__decorate}from"tslib";import{collectionSupport}from"../../../internal/co
           ${durationLabel?html`<span part="duration">${durationLabel}</span>`:nothing}
         </span>
       </div>
-    `}render(){const rows=this.sortedSpans(),view=this.viewWindow(),firstId=rows.find(span=>this.barGeometry(span,view).visible)?.id;return html`
+    `}sourceSpanLabel(span){return[span.name,this.localize(KIND_LABEL_KEY[span.kind]),this.localize(STATUS_LABEL_KEY[span.status]),this.localize("spanStartedAtOffset",void 0,{value:this.formatDuration(span.startMs)||this.localize("durationMilliseconds",void 0,{value:0})}),span.endMs===void 0?"":this.formatDuration(span.endMs-span.startMs)].filter(Boolean).join(this.localize("accessibleLabelSeparator"))}renderSourceSpan(span,view){const{startPct,widthPct,visible}=this.barGeometry(span,view),duration=span.endMs===void 0?"":this.formatDuration(span.endMs-span.startMs);return html`<span class="source-span">
+      <span part="name">${span.name}</span>
+      <span part="bar-track"><span part="bar" aria-hidden="true" data-tone=${STATUS_TONE[span.status]}
+        data-status=${span.status} ?hidden=${!visible}
+        style=${`--_lr-span-waterfall-start:${startPct}%;--_lr-span-waterfall-width:${widthPct}%`}></span></span>
+      <span part="meta"><span part="status-text" data-status=${span.status}>${this.localize(STATUS_LABEL_KEY[span.status])}</span>
+        ${duration?html`<span part="duration">${duration}</span>`:nothing}</span>
+    </span>`}render(){if(this.treeSource!==void 0){const view2=this.viewWindow();return html`<div class="source-waterfall">
+        ${!this.withoutAxis&&this.sourceControl.projection?.rows.count?this.renderAxis(view2):nothing}
+        ${hierarchySourceView(this.sourceControl,{label:hostAriaLabel(this)??this.label??this.localize("spanWaterfall"),rtl:this.effectiveDirection==="rtl",multiple:!1,loading:this.localize("loading"),error:this.localize("treeSourceError"),empty:this.localize("noData"),retry:this.localize("retry"),expand:this.localize("expand"),collapse:this.localize("collapse"),summary:this.sourceSummary(),content:span=>this.renderSourceSpan(span,view2),name:span=>this.sourceSpanLabel(span),select:row=>{this.sourceControl.project({type:"select",key:row.key,selected:!0,scope:"item"},!0,row)}})}
+      </div>`}const rows=this.sortedSpans(),view=this.viewWindow(),firstId=rows.find(span=>this.barGeometry(span,view).visible)?.id;return html`
       <div
         part="base"
         role="list"
@@ -42,4 +52,4 @@ import{__decorate}from"tslib";import{collectionSupport}from"../../../internal/co
         ${rows.length===0?html`<lr-empty part="empty" heading=${this.localize("noData")}></lr-empty>`:repeat(rows,span=>span.id,(span,index)=>this.renderRow(span,view,index+1,rows.length,firstId))}
       </div>
       ${this.sortedCacheTruncated?html`<p part="limit" role="note">${this.projectionLimitText()}</p>`:nothing}
-    `}}__decorate([property({attribute:!1})],LyraSpanWaterfall.prototype,"spans",void 0),__decorate([property({attribute:"active-span-id"})],LyraSpanWaterfall.prototype,"activeSpanId",void 0),__decorate([property({type:Number,attribute:"view-start-ms"})],LyraSpanWaterfall.prototype,"viewStartMs",void 0),__decorate([property({type:Number,attribute:"view-end-ms"})],LyraSpanWaterfall.prototype,"viewEndMs",void 0),__decorate([property({type:Boolean,attribute:"without-axis"})],LyraSpanWaterfall.prototype,"withoutAxis",void 0),__decorate([property()],LyraSpanWaterfall.prototype,"label",void 0);export{LyraSpanWaterfall};
+    `}}__decorate([property({attribute:!1})],LyraSpanWaterfall.prototype,"treeSource",null),__decorate([property({attribute:!1})],LyraSpanWaterfall.prototype,"spans",void 0),__decorate([property({attribute:"active-span-id"})],LyraSpanWaterfall.prototype,"activeSpanId",void 0),__decorate([property({type:Number,attribute:"view-start-ms"})],LyraSpanWaterfall.prototype,"viewStartMs",void 0),__decorate([property({type:Number,attribute:"view-end-ms"})],LyraSpanWaterfall.prototype,"viewEndMs",void 0),__decorate([property({type:Boolean,attribute:"without-axis"})],LyraSpanWaterfall.prototype,"withoutAxis",void 0),__decorate([property()],LyraSpanWaterfall.prototype,"label",void 0);export{LyraSpanWaterfall};