@aceshooting/lyra-ui 26.0.0 → 28.0.0

package/dist/components/agent-tools/tool-call-block/tool-call-block.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{guard}from"lit/directives/guard.js";import{LyraElement}from"../../../internal/lyra-element.js";import{literalSetConverter}from"../../../internal/converters.js";import{nextId}from"../../../internal/a11y.js";import{chevronIcon}from"../../../internal/icons.js";import{formatShortDuration,safeDurationMs}from"../../../internal/duration.js";import{tag}from"../../../internal/prefix.js";import{observeScrollOverflow,SCROLL_OVERFLOW_ATTRIBUTE}from"../../../internal/scroll-overflow.js";import{TOOL_CALL_STATUSES,TOOL_STATUS_LABEL_KEY,toolStatusIcon}from"../tool-status.js";import{projectedRedactionFields,redactToolDetail,TOO_MANY_REDACTION_PATHS}from"../tool-redaction.js";import{styles}from"./tool-call-block.styles.js";import{LYRA_DEFAULT_collapse,LYRA_DEFAULT_copy,LYRA_DEFAULT_details,LYRA_DEFAULT_durationMilliseconds,LYRA_DEFAULT_durationSeconds,LYRA_DEFAULT_envListValueHidden,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_toolCall,LYRA_DEFAULT_toolCallBlockArgumentsLabel,LYRA_DEFAULT_toolCallBlockErrorLabel,LYRA_DEFAULT_toolCallBlockHeaderDenied,LYRA_DEFAULT_toolCallBlockHeaderError,LYRA_DEFAULT_toolCallBlockHeaderIncomplete,LYRA_DEFAULT_toolCallBlockHeaderPending,LYRA_DEFAULT_toolCallBlockHeaderRunning,LYRA_DEFAULT_toolCallBlockHeaderSuccess,LYRA_DEFAULT_toolCallBlockResultLabel}from"../../../internal/default-strings.generated.js";const TOOL_CALL_BLOCK_STATUS=literalSetConverter(TOOL_CALL_STATUSES,"pending"),HEADER_KEY={pending:"toolCallBlockHeaderPending",running:"toolCallBlockHeaderRunning",success:"toolCallBlockHeaderSuccess",error:"toolCallBlockHeaderError",denied:"toolCallBlockHeaderDenied",incomplete:"toolCallBlockHeaderIncomplete"};function argsPresent(args){if(args==null)return!1;if(typeof args!="object")return!0;try{const prototype=Object.getPrototypeOf(args);return prototype!==Object.prototype&&prototype!==null?!0:Object.keys(args).length>0}catch{return!0}}class LyraToolCallBlock extends LyraElement{constructor(){super(...arguments),this.name="",this.callId="",this.statusValue="pending",this.expanded=!1,this.redactedFields=[],this.bodyId=nextId("tool-call-block-body"),this.labelId=nextId("tool-call-block-label"),this.argsLabelId=nextId("tool-call-block-args-label"),this.resultLabelId=nextId("tool-call-block-result-label"),this.errorLabelId=nextId("tool-call-block-error-label"),this.projectedPaths=[],this.restoreFocusToHeader=!1,this.resultOverflow=observeScrollOverflow(this,()=>this.renderRoot?.querySelector('[part="result"]'),()=>this.syncResultScrollStop()),this.onHeaderClick=()=>{this.expanded=!this.expanded,this.emit("lr-toggle",{expanded:this.expanded,callId:this.callId})},this.onRenderError=event=>{event.stopPropagation(),this.emit("lr-render-error",{toolName:event.detail.toolName,error:event.detail.error,callId:this.callId})}}static{this.defaultStrings={...super.defaultStrings,collapse:LYRA_DEFAULT_collapse,copy:LYRA_DEFAULT_copy,details:LYRA_DEFAULT_details,durationMilliseconds:LYRA_DEFAULT_durationMilliseconds,durationSeconds:LYRA_DEFAULT_durationSeconds,envListValueHidden:LYRA_DEFAULT_envListValueHidden,map:LYRA_DEFAULT_map,navigation:LYRA_DEFAULT_navigation,noData:LYRA_DEFAULT_noData,open:LYRA_DEFAULT_open,search:LYRA_DEFAULT_search,select:LYRA_DEFAULT_select,statusDenied:LYRA_DEFAULT_statusDenied,statusError:LYRA_DEFAULT_statusError,statusIncomplete:LYRA_DEFAULT_statusIncomplete,statusPending:LYRA_DEFAULT_statusPending,statusRunning:LYRA_DEFAULT_statusRunning,statusSuccess:LYRA_DEFAULT_statusSuccess,toolCall:LYRA_DEFAULT_toolCall,toolCallBlockArgumentsLabel:LYRA_DEFAULT_toolCallBlockArgumentsLabel,toolCallBlockErrorLabel:LYRA_DEFAULT_toolCallBlockErrorLabel,toolCallBlockHeaderDenied:LYRA_DEFAULT_toolCallBlockHeaderDenied,toolCallBlockHeaderError:LYRA_DEFAULT_toolCallBlockHeaderError,toolCallBlockHeaderIncomplete:LYRA_DEFAULT_toolCallBlockHeaderIncomplete,toolCallBlockHeaderPending:LYRA_DEFAULT_toolCallBlockHeaderPending,toolCallBlockHeaderRunning:LYRA_DEFAULT_toolCallBlockHeaderRunning,toolCallBlockHeaderSuccess:LYRA_DEFAULT_toolCallBlockHeaderSuccess,toolCallBlockResultLabel:LYRA_DEFAULT_toolCallBlockResultLabel}}static{this.styles=[LyraElement.styles,styles]}static{this.collectionSupport=collectionSupport}static{this.ownedCollectionProperties=Object.freeze(["redactedFields"])}get status(){return this.statusValue}set status(next){const normalized=TOOL_CALL_BLOCK_STATUS.normalizeReflected(this,"status",next),old=this.statusValue;old!==normalized&&(this.statusValue=normalized,this.requestUpdate("status",old))}willUpdate(changed){if(super.willUpdate(changed),(!this.hasUpdated||changed.has("redactedFields"))&&(this.projectedPaths=projectedRedactionFields(this.redactedFields)??TOO_MANY_REDACTION_PATHS),this.hasUpdated&&changed.get("expanded")===!0&&!this.expanded){const root=this.renderRoot;this.restoreFocusToHeader=!!root?.querySelector('[part="body"]')?.contains(root.activeElement)}}updated(changed){super.updated(changed);const view=this.renderRoot.querySelector(tag("tool-result-view"));view&&this.resultOverflow.observeExtra([view]),this.syncResultScrollStop(),this.restoreFocusToHeader&&(this.restoreFocusToHeader=!1,this.renderRoot.querySelector('[part="header"]')?.focus())}syncResultScrollStop(){const result=this.renderRoot?.querySelector('[part="result"]');result&&(result.hasAttribute(SCROLL_OVERFLOW_ATTRIBUTE)?result.setAttribute("tabindex","0"):result.removeAttribute("tabindex"))}detail(){const detail=redactToolDetail({args:this.args,result:this.result,error:this.errorText},this.projectedPaths,this.localize("envListValueHidden"),this.detailMemo?.detail);return detail!==this.detailMemo?.detail&&(this.detailMemo={detail,hasArgs:argsPresent(this.args)}),this.detailMemo}get safeDurationMs(){return safeDurationMs(this.durationMs)}durationText(){const ms=this.safeDurationMs;return ms==null?null:formatShortDuration(this.localize.bind(this),this.effectiveLocale,ms)}emptyText(){return this.status==="pending"?this.localize("statusPending"):this.status==="running"?this.localize("statusRunning"):this.localize("noData")}bodyTemplate(){const memo=this.detail(),{detail,hasArgs}=memo,empty=!hasArgs&&!(typeof detail.sourceError=="string"&&detail.sourceError!=="")&&detail.sourceResult===void 0,labels=[this.localize("toolCallBlockArgumentsLabel"),this.localize("toolCallBlockErrorLabel"),this.localize("toolCallBlockResultLabel"),empty?this.emptyText():""];return html`${guard([memo,this.name,this.onRenderError,...labels],()=>this.sectionsTemplate(memo,labels))}`}sectionsTemplate({detail,hasArgs},[argsLabel,errorLabel,resultLabel,emptyText]){const hasError=typeof detail.sourceError=="string"&&detail.sourceError!=="",hasResult=detail.sourceResult!==void 0;return!hasArgs&&!hasError&&!hasResult?html`<p part="empty">${emptyText}</p>`:html`
+import{__decorate}from"tslib";import{collectionSupport}from"../../../internal/collection-snapshot.js";import{html,nothing}from"lit";import{property}from"lit/decorators.js";import{guard}from"lit/directives/guard.js";import{LyraElement}from"../../../internal/lyra-element.js";import{literalSetConverter}from"../../../internal/converters.js";import{nextId}from"../../../internal/a11y.js";import{chevronIcon}from"../../../internal/icons.js";import{formatShortDuration,safeDurationMs}from"../../../internal/duration.js";import{tag}from"../../../internal/prefix.js";import{observeScrollOverflow,SCROLL_OVERFLOW_ATTRIBUTE}from"../../../internal/scroll-overflow.js";import{TOOL_CALL_STATUSES,TOOL_STATUS_LABEL_KEY,toolStatusIcon}from"../tool-status.js";import{projectedRedactionFields,redactToolDetail,TOO_MANY_REDACTION_PATHS}from"../tool-redaction.js";import{styles}from"./tool-call-block.styles.js";import{shadowFocusTarget}from"../../../internal/active-element.js";import{LYRA_DEFAULT_toolCall,LYRA_DEFAULT_toolCallBlockArgumentsLabel,LYRA_DEFAULT_toolCallBlockErrorLabel,LYRA_DEFAULT_toolCallBlockHeaderDenied,LYRA_DEFAULT_toolCallBlockHeaderError,LYRA_DEFAULT_toolCallBlockHeaderIncomplete,LYRA_DEFAULT_toolCallBlockHeaderPending,LYRA_DEFAULT_toolCallBlockHeaderRunning,LYRA_DEFAULT_toolCallBlockHeaderSuccess,LYRA_DEFAULT_toolCallBlockResultLabel}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_envListValueHidden,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}from"../../../internal/default-strings/shared.generated.js";const TOOL_CALL_BLOCK_STATUS=literalSetConverter(TOOL_CALL_STATUSES,"pending"),HEADER_KEY={pending:"toolCallBlockHeaderPending",running:"toolCallBlockHeaderRunning",success:"toolCallBlockHeaderSuccess",error:"toolCallBlockHeaderError",denied:"toolCallBlockHeaderDenied",incomplete:"toolCallBlockHeaderIncomplete"};function argsPresent(args){if(args==null)return!1;if(typeof args!="object")return!0;try{const prototype=Object.getPrototypeOf(args);return prototype!==Object.prototype&&prototype!==null?!0:Object.keys(args).length>0}catch{return!0}}class LyraToolCallBlock extends LyraElement{constructor(){super(...arguments),this.name="",this.callId="",this.statusValue="pending",this.expanded=!1,this.redactedFields=[],this.bodyId=nextId("tool-call-block-body"),this.labelId=nextId("tool-call-block-label"),this.argsLabelId=nextId("tool-call-block-args-label"),this.resultLabelId=nextId("tool-call-block-result-label"),this.errorLabelId=nextId("tool-call-block-error-label"),this.projectedPaths=[],this.restoreFocusToHeader=!1,this.resultOverflow=observeScrollOverflow(this,()=>this.renderRoot?.querySelector('[part="result"]'),()=>this.syncResultScrollStop()),this.onHeaderClick=()=>{this.expanded=!this.expanded,this.emit("lr-toggle",{expanded:this.expanded,callId:this.callId})},this.onRenderError=event=>{event.stopPropagation(),this.emit("lr-render-error",{toolName:event.detail.toolName,error:event.detail.error,callId:this.callId})}}static{this.defaultStrings={...super.defaultStrings,collapse:LYRA_DEFAULT_collapse,copy:LYRA_DEFAULT_copy,date:LYRA_DEFAULT_date,details:LYRA_DEFAULT_details,durationMilliseconds:LYRA_DEFAULT_durationMilliseconds,durationSeconds:LYRA_DEFAULT_durationSeconds,envListValueHidden:LYRA_DEFAULT_envListValueHidden,map:LYRA_DEFAULT_map,navigation:LYRA_DEFAULT_navigation,noData:LYRA_DEFAULT_noData,open:LYRA_DEFAULT_open,search:LYRA_DEFAULT_search,select:LYRA_DEFAULT_select,statusDenied:LYRA_DEFAULT_statusDenied,statusError:LYRA_DEFAULT_statusError,statusIncomplete:LYRA_DEFAULT_statusIncomplete,statusPending:LYRA_DEFAULT_statusPending,statusRunning:LYRA_DEFAULT_statusRunning,statusSuccess:LYRA_DEFAULT_statusSuccess,toolCall:LYRA_DEFAULT_toolCall,toolCallBlockArgumentsLabel:LYRA_DEFAULT_toolCallBlockArgumentsLabel,toolCallBlockErrorLabel:LYRA_DEFAULT_toolCallBlockErrorLabel,toolCallBlockHeaderDenied:LYRA_DEFAULT_toolCallBlockHeaderDenied,toolCallBlockHeaderError:LYRA_DEFAULT_toolCallBlockHeaderError,toolCallBlockHeaderIncomplete:LYRA_DEFAULT_toolCallBlockHeaderIncomplete,toolCallBlockHeaderPending:LYRA_DEFAULT_toolCallBlockHeaderPending,toolCallBlockHeaderRunning:LYRA_DEFAULT_toolCallBlockHeaderRunning,toolCallBlockHeaderSuccess:LYRA_DEFAULT_toolCallBlockHeaderSuccess,toolCallBlockResultLabel:LYRA_DEFAULT_toolCallBlockResultLabel}}static{this.styles=[LyraElement.styles,styles]}static{this.collectionSupport=collectionSupport}static{this.ownedCollectionProperties=Object.freeze(["redactedFields"])}get status(){return this.statusValue}set status(next){const normalized=TOOL_CALL_BLOCK_STATUS.normalizeReflected(this,"status",next),old=this.statusValue;old!==normalized&&(this.statusValue=normalized,this.requestUpdate("status",old))}willUpdate(changed){super.willUpdate(changed),(!this.hasUpdated||changed.has("redactedFields"))&&(this.projectedPaths=projectedRedactionFields(this.redactedFields)??TOO_MANY_REDACTION_PATHS),this.hasUpdated&&changed.get("expanded")===!0&&!this.expanded&&(this.restoreFocusToHeader=!!this.renderRoot?.querySelector('[part="body"]')?.contains(shadowFocusTarget(this)))}updated(changed){super.updated(changed);const view=this.renderRoot.querySelector(tag("tool-result-view"));view&&this.resultOverflow.observeExtra([view]),this.syncResultScrollStop(),this.restoreFocusToHeader&&(this.restoreFocusToHeader=!1,this.renderRoot.querySelector('[part="header"]')?.focus())}syncResultScrollStop(){const result=this.renderRoot?.querySelector('[part="result"]');result&&(result.hasAttribute(SCROLL_OVERFLOW_ATTRIBUTE)?result.setAttribute("tabindex","0"):result.removeAttribute("tabindex"))}detail(){const detail=redactToolDetail({args:this.args,result:this.result,error:this.errorText},this.projectedPaths,this.localize("envListValueHidden"),this.detailMemo?.detail);return detail!==this.detailMemo?.detail&&(this.detailMemo={detail,hasArgs:argsPresent(this.args)}),this.detailMemo}get safeDurationMs(){return safeDurationMs(this.durationMs)}durationText(){const ms=this.safeDurationMs;return ms==null?null:formatShortDuration(this.localize.bind(this),this.effectiveLocale,ms)}emptyText(){return this.status==="pending"?this.localize("statusPending"):this.status==="running"?this.localize("statusRunning"):this.localize("noData")}bodyTemplate(){const memo=this.detail(),{detail,hasArgs}=memo,empty=!hasArgs&&!(typeof detail.sourceError=="string"&&detail.sourceError!=="")&&detail.sourceResult===void 0,labels=[this.localize("toolCallBlockArgumentsLabel"),this.localize("toolCallBlockErrorLabel"),this.localize("toolCallBlockResultLabel"),empty?this.emptyText():""];return html`${guard([memo,this.name,this.onRenderError,...labels],()=>this.sectionsTemplate(memo,labels))}`}sectionsTemplate({detail,hasArgs},[argsLabel,errorLabel,resultLabel,emptyText]){const hasError=typeof detail.sourceError=="string"&&detail.sourceError!=="",hasResult=detail.sourceResult!==void 0;return!hasArgs&&!hasError&&!hasResult?html`<p part="empty">${emptyText}</p>`:html`
       ${hasArgs?html`<div part="args" role="group" aria-labelledby=${this.argsLabelId}>
             <div part="args-label" id=${this.argsLabelId}>${argsLabel}</div>
             <lr-json-viewer .data=${detail.args}></lr-json-viewer>

package/dist/components/agent-tools/tool-call-block/tool-call-block.styles.js

@@ -1 +1 @@
-import{disclosureHeader}from"../../../internal/layout-fragments.styles.js";import{iconHitTarget}from"../../../internal/interactive-control.styles.js";import{css}from"lit";import{compactContainerQuery}from"../../../internal/container-breakpoints.styles.js";const styles=css` :host { display: block; container-type: inline-size; contain-intrinsic-inline-size: var(--lr-size-20rem); min-inline-size: 0; --_lr-tool-call-block-accent: var(--lr-color-text-quiet); } :host(:where([status='running'])) { --_lr-tool-call-block-accent: var(--lr-color-brand); } :host(:where([status='success'])) { --_lr-tool-call-block-accent: var(--lr-color-success); } :host(:where([status='error'])) { --_lr-tool-call-block-accent: var(--lr-color-danger); } :host(:where([status='denied'])) { --_lr-tool-call-block-accent: var(--lr-color-warning); } [part='base'] { border: var(--lr-border-width-thin) solid var(--lr-tool-call-block-border-color, var(--lr-color-border)); border-radius: var(--lr-tool-call-block-radius, var(--lr-radius)); background: var(--lr-tool-call-block-bg, var(--lr-color-surface)); overflow: clip; } [part='header'] { ${disclosureHeader} flex-wrap: wrap; ${iconHitTarget} box-sizing: border-box; font-size: var(--lr-font-size-md-sm); font-weight: var(--lr-font-weight-semibold); transition: var(--lr-transition-interactive); } [part='status-text'], [part='duration'] { font-size: var(--lr-font-size-sm); font-weight: var(--lr-font-weight-normal); color: var(--lr-color-text-quiet); } [part='duration'] { font-variant-numeric: tabular-nums; } [part='label'] { flex: 1 1 auto; min-inline-size: var(--lr-size-6ch); overflow-wrap: anywhere; } :where([part='header']):hover { background: var(--lr-color-brand-quiet); color: var(--lr-color-brand); } :where([part='header']):hover :is([part='status-text'], [part='duration']) { color: inherit; } :where([part='header']):active { background: color-mix( in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active) ); color: var(--lr-color-text); } :where([part='header']):active :is([part='status-text'], [part='duration']) { color: inherit; } :where([part='header']):focus-visible, :where([part='result']):focus-visible { outline: var(--lr-focus-ring-width) solid var(--lr-focus-ring-color); outline-offset: calc(-1 * var(--lr-focus-ring-width)); } [part='icon'] { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; color: var(--lr-tool-call-block-accent, var(--_lr-tool-call-block-accent)); } [part='icon'] svg { display: block; } :host(:where([status='running'])) [part='icon'] svg { animation: var(--_lr-motion-animation, lr-tool-call-block-spin var(--lr-transition-ambient) infinite); } :host(:where([status='pending'])) [part='icon'] svg { animation: var(--_lr-motion-animation, lr-tool-call-block-pulse var(--lr-transition-ambient) infinite); } [part='toggle'] { display: inline-flex; flex: 0 0 auto; transition: transform var(--lr-transition-fast); } :host(:where([expanded])) [part='toggle'] { transform: rotate(90deg); } :host(:where(:not([expanded]):dir(rtl))) [part='toggle'] { transform: scaleX(-1); } [part='body'] { border-block-start: var(--lr-border-width-thin) solid var(--lr-tool-call-block-border-color, var(--lr-color-border)); padding: var(--lr-space-s) var(--lr-space-m); display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--lr-space-s); min-inline-size: 0; overflow-wrap: anywhere; } [part='body'][hidden] { display: none; } [part='args'], [part='result'], [part='error'] { min-inline-size: 0; } [part='args'], [part='result'] { overflow-x: auto; } [part='args-label'], [part='result-label'], [part='error-label'] { font-size: var(--lr-font-size-xs); font-weight: var(--lr-font-weight-medium); color: var(--lr-color-text-quiet); text-transform: uppercase; letter-spacing: var(--lr-size-0-03em); } [part='error'] { color: var(--lr-tool-call-block-error-color, var(--lr-color-danger)); } [part='error'] p, [part='empty'] { margin: 0; } @container ${compactContainerQuery} { [part='header'], [part='body'] { padding: var(--lr-space-xs) var(--lr-space-s); } } @keyframes lr-tool-call-block-spin { to { transform: rotate(360deg); } } @keyframes lr-tool-call-block-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } } @media (prefers-reduced-motion: reduce) { [part='icon'] svg { animation: none !important; } [part='toggle'] { transition: none !important; } } @media (forced-colors: active) { :where([part='header']):hover { outline: var(--lr-border-width-thin) solid Highlight; outline-offset: calc(-1 * var(--lr-border-width-thin)); } } `;export{styles};
+import{toolStatusKeyframes}from"../tool-status.styles.js";import{disclosureHeader}from"../../../internal/layout-fragments.styles.js";import{iconHitTarget}from"../../../internal/interactive-control.styles.js";import{css}from"lit";import{compactContainerQuery}from"../../../internal/container-breakpoints.styles.js";const styles=css` :host { display: block; container-type: inline-size; contain-intrinsic-inline-size: var(--lr-size-20rem); min-inline-size: 0; --_lr-tool-call-block-accent: var(--lr-color-text-quiet); } :host(:where([status='running'])) { --_lr-tool-call-block-accent: var(--lr-color-brand); } :host(:where([status='success'])) { --_lr-tool-call-block-accent: var(--lr-color-success); } :host(:where([status='error'])) { --_lr-tool-call-block-accent: var(--lr-color-danger); } :host(:where([status='denied'])) { --_lr-tool-call-block-accent: var(--lr-color-warning); } [part='base'] { border: var(--lr-border-width-thin) solid var(--lr-tool-call-block-border-color, var(--lr-color-border)); border-radius: var(--lr-tool-call-block-radius, var(--lr-radius)); background: var(--lr-tool-call-block-bg, var(--lr-color-surface)); overflow: clip; } [part='header'] { ${disclosureHeader} flex-wrap: wrap; ${iconHitTarget} box-sizing: border-box; font-size: var(--lr-font-size-md-sm); font-weight: var(--lr-font-weight-semibold); transition: var(--lr-transition-interactive); } [part='status-text'], [part='duration'] { font-size: var(--lr-font-size-sm); font-weight: var(--lr-font-weight-normal); color: var(--lr-color-text-quiet); } [part='duration'] { font-variant-numeric: tabular-nums; } [part='label'] { flex: 1 1 auto; min-inline-size: var(--lr-size-6ch); overflow-wrap: anywhere; } :where([part='header']):hover { background: var(--lr-color-brand-quiet); color: var(--lr-color-brand); } :where([part='header']):hover :is([part='status-text'], [part='duration']) { color: inherit; } :where([part='header']):active { background: color-mix( in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active) ); color: var(--lr-color-text); } :where([part='header']):active :is([part='status-text'], [part='duration']) { color: inherit; } :where([part='header']):focus-visible, :where([part='result']):focus-visible { outline: var(--lr-focus-ring-width) solid var(--lr-focus-ring-color); outline-offset: calc(-1 * var(--lr-focus-ring-width)); } [part='icon'] { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; color: var(--lr-tool-call-block-accent, var(--_lr-tool-call-block-accent)); } [part='icon'] svg { display: block; } :host(:where([status='running'])) [part='icon'] svg { animation: var(--_lr-motion-animation, lr-tool-status-spin var(--lr-transition-ambient) infinite); } :host(:where([status='pending'])) [part='icon'] svg { animation: var(--_lr-motion-animation, lr-tool-status-pulse var(--lr-transition-ambient) infinite); } [part='toggle'] { display: inline-flex; flex: 0 0 auto; transition: transform var(--lr-transition-fast); } :host(:where([expanded])) [part='toggle'] { transform: rotate(90deg); } :host(:where(:not([expanded]):dir(rtl))) [part='toggle'] { transform: scaleX(-1); } [part='body'] { border-block-start: var(--lr-border-width-thin) solid var(--lr-tool-call-block-border-color, var(--lr-color-border)); padding: var(--lr-space-s) var(--lr-space-m); display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--lr-space-s); min-inline-size: 0; overflow-wrap: anywhere; } [part='body'][hidden] { display: none; } [part='args'], [part='result'], [part='error'] { min-inline-size: 0; } [part='args'], [part='result'] { overflow-x: auto; } [part='args-label'], [part='result-label'], [part='error-label'] { font-size: var(--lr-font-size-xs); font-weight: var(--lr-font-weight-medium); color: var(--lr-color-text-quiet); text-transform: uppercase; letter-spacing: var(--lr-size-0-03em); } [part='error'] { color: var(--lr-tool-call-block-error-color, var(--lr-color-danger)); } [part='error'] p, [part='empty'] { margin: 0; } @container ${compactContainerQuery} { [part='header'], [part='body'] { padding: var(--lr-space-xs) var(--lr-space-s); } } @media (prefers-reduced-motion: reduce) { [part='icon'] svg { animation: none !important; } [part='toggle'] { transition: none !important; } } @media (forced-colors: active) { :where([part='header']):hover { outline: var(--lr-border-width-thin) solid Highlight; outline-offset: calc(-1 * var(--lr-border-width-thin)); } } ${toolStatusKeyframes} `;export{styles};

package/dist/components/agent-tools/tool-call-chip/tool-call-chip.class.d.ts

@@ -1,9 +1,4 @@
-import{type TemplateResult,type PropertyValues}from'lit';import{LyraElement}from'../../../internal/lyra-element.js';import type{LyraToolStatus}from'../../../internal/shared-unions.js';
-/** Same status vocabulary as `<lr-tool-result-dialog>`, so a call's chip
-*  and its detail dialog always agree on icon/label/tone. `incomplete` marks
-*  a call that ended without a result (an interrupted stream, a cancelled
-*  run). */
-export type ToolCallStatus=LyraToolStatus|'incomplete';export interface ToolChipSelectDetail{name:string;callId:string;}export interface LyraToolCallChipEventMap{'lr-tool-call-chip-select':CustomEvent<ToolChipSelectDetail>;}
+import{type TemplateResult,type PropertyValues}from'lit';import{LyraElement}from'../../../internal/lyra-element.js';import{type ToolStatus}from'../tool-status.js';export interface ToolChipSelectDetail{name:string;callId:string;}export interface LyraToolCallChipEventMap{'lr-tool-call-chip-select':CustomEvent<ToolChipSelectDetail>;}
 /**
 * `<lr-tool-call-chip>` — a compact inline pill representing one tool/
 * function call an agent made mid-conversation, e.g.
@@ -106,7 +101,7 @@ category:string;
 * keeps the neutral tone with its own static glyph and text. Unknown values
 * normalize and reflect as `pending`.
 */
-get status():ToolCallStatus;set status(next:ToolCallStatus);private statusValue;
+get status():ToolStatus;set status(next:ToolStatus);private statusValue;
 /** Short human-readable status text, e.g. `Searching web…`. Removing the attribute clears its displayed text. */
 summary:string;
 /** How long the call took, in milliseconds. Omitted from the chip entirely when unset. */

package/dist/components/agent-tools/tool-call-chip/tool-call-chip.class.js

@@ -1,4 +1,4 @@
-import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,query,state}from"lit/decorators.js";import{LyraElement}from"../../../internal/lyra-element.js";import{isKeyboardFocusEvent}from"../../../internal/focus-modality.js";import{deferredPlace as place}from"../../../internal/anchored-overlay-runtime.js";import{activateNonmodalOverlay}from"../../../internal/nonmodal-overlay-manager.js";import{resolveEffectivePositioningStrategy}from"../../../internal/positioning-strategy.js";import{nextId}from"../../../internal/a11y.js";import{acquireResolvedAriaRelationship}from"../../../internal/aria-controls.js";import{formatShortDuration,safeDurationMs}from"../../../internal/duration.js";import{TOOL_CALL_STATUSES,TOOL_STATUS_LABEL_KEY,toolStatusIcon}from"../tool-status.js";import{literalSetConverter}from"../../../internal/converters.js";import{styles}from"./tool-call-chip.styles.js";import{LYRA_DEFAULT_accessibleLabelSeparator,LYRA_DEFAULT_collapse,LYRA_DEFAULT_details,LYRA_DEFAULT_durationMilliseconds,LYRA_DEFAULT_durationSeconds,LYRA_DEFAULT_map,LYRA_DEFAULT_navigation,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_toolCall}from"../../../internal/default-strings.generated.js";const STATUS_ICON=toolStatusIcon,TOOL_CALL_CHIP_STATUS=literalSetConverter(TOOL_CALL_STATUSES,"pending");class LyraToolCallChip extends LyraElement{constructor(){super(...arguments),this.name="",this.category="",this.statusValue="pending",this.summary="",this.icon="",this.callId="",this.hasDetailSlot=!1,this.tooltipOpen=!1,this.tooltipId=nextId("tool-call-chip-tooltip"),this.hovering=!1,this.focused=!1,this.focusDescribed=!1,this.onDetailSlotChange=e=>{this.hasDetailSlot=this.hasPreviewNodes(e.target.assignedNodes({flatten:!0})),this.hasDetailSlot||this.hideTooltip()},this.onMouseEnter=()=>{this.hovering=!0,this.showTooltip()},this.onMouseLeave=()=>{this.hovering=!1,!this.focused&&this.hideTooltip()},this.onFocus=event=>{this.focusDescribed=!0,isKeyboardFocusEvent(event)&&(this.focused=!0,this.showTooltip())},this.onBlur=()=>{this.focused=!1,this.focusDescribed=!1,!this.hovering&&this.hideTooltip()},this.onClick=()=>{this.emit("lr-tool-call-chip-select",{name:this.name,callId:this.callId})}}static{this.defaultStrings={...super.defaultStrings,accessibleLabelSeparator:LYRA_DEFAULT_accessibleLabelSeparator,collapse:LYRA_DEFAULT_collapse,details:LYRA_DEFAULT_details,durationMilliseconds:LYRA_DEFAULT_durationMilliseconds,durationSeconds:LYRA_DEFAULT_durationSeconds,map:LYRA_DEFAULT_map,navigation:LYRA_DEFAULT_navigation,open:LYRA_DEFAULT_open,search:LYRA_DEFAULT_search,select:LYRA_DEFAULT_select,statusDenied:LYRA_DEFAULT_statusDenied,statusError:LYRA_DEFAULT_statusError,statusIncomplete:LYRA_DEFAULT_statusIncomplete,statusPending:LYRA_DEFAULT_statusPending,statusRunning:LYRA_DEFAULT_statusRunning,statusSuccess:LYRA_DEFAULT_statusSuccess,toolCall:LYRA_DEFAULT_toolCall}}static{this.styles=[LyraElement.styles,styles]}get status(){return this.statusValue}set status(next){const old=this.statusValue;this.statusValue=TOOL_CALL_CHIP_STATUS.normalizeReflected(this,"status",next),this.requestUpdate("status",old)}hasPreviewNodes(nodes){return nodes.some(node=>{if(node.nodeType===3)return!!node.textContent?.trim();if(node.nodeType!==1)return!1;const slotName=node.getAttribute("slot");return slotName===null||slotName===""})}willUpdate(changed){super.willUpdate(changed),this.hasUpdated||(this.hasDetailSlot=this.hasPreviewNodes(Array.from(this.childNodes)))}connectedCallback(){super.connectedCallback(),this.hasUpdated&&this.syncExternalDescription()}syncExternalDescription(){const target=this.isConnected?this.baseEl??null:null;if(!target){this.releaseExternalDescription();return}this.externalDescriptionLease?this.externalDescriptionLease.update(target):this.externalDescriptionLease=acquireResolvedAriaRelationship(this,target,"aria-describedby")}releaseExternalDescription(){this.externalDescriptionLease?.release(),this.externalDescriptionLease=void 0}updated(changed){if(super.updated(changed),this.syncExternalDescription(),changed.has("tooltipOpen")&&(this.cleanupPositioner?.(),this.cleanupPositioner=void 0,this.tooltipOverlay?.deactivate({restoreFocus:!1}),this.tooltipOverlay=void 0,this.tooltipOpen)){const anchor=this.renderRoot.querySelector('[part="base"]'),tooltip=this.renderRoot.querySelector('[part="tooltip"]');anchor&&tooltip&&(this.cleanupPositioner=place(anchor,tooltip,{placement:"top-start",strategy:resolveEffectivePositioningStrategy(this,void 0,"fixed")}),this.tooltipOverlay=activateNonmodalOverlay({host:this,panel:()=>tooltip,onEscape:()=>this.hideTooltip(),restoreFocusTo:null}))}}disconnectedCallback(){super.disconnectedCallback(),this.releaseExternalDescription(),this.cleanupPositioner?.(),this.cleanupPositioner=void 0,this.tooltipOverlay?.deactivate({restoreFocus:!1}),this.tooltipOverlay=void 0,this.tooltipOpen=!1,this.hovering=!1,this.focused=!1,this.focusDescribed=!1}showTooltip(){!this.hasDetailSlot||this.tooltipOpen||(this.tooltipOpen=!0)}hideTooltip(){this.tooltipOpen&&(this.tooltipOpen=!1)}focus(options){this.baseEl?.focus(options)}blur(){this.baseEl?.blur()}click(){this.baseEl?.click()}get safeDurationMs(){return safeDurationMs(this.durationMs)}get shownName(){return this.displayName||this.name||this.localize("toolCall")}get accessibleLabel(){const parts=[this.shownName];this.summary&&parts.push(this.summary),parts.push(this.localize(TOOL_STATUS_LABEL_KEY[this.status]));const durationMs=this.safeDurationMs;return durationMs!=null&&parts.push(this.localizedDuration(durationMs)),parts.join(this.localize("accessibleLabelSeparator"))}localizedDuration(ms){return formatShortDuration(this.localize.bind(this),this.effectiveLocale,ms)}render(){const hasCategory=(this.category??"").length>0,hasSummary=(this.summary??"").length>0,durationMs=this.safeDurationMs,hasDuration=durationMs!=null,status=this.status;return html`
+import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,query,state}from"lit/decorators.js";import{LyraElement}from"../../../internal/lyra-element.js";import{isKeyboardFocusEvent}from"../../../internal/focus-modality.js";import{deferredPlace as place}from"../../../internal/anchored-overlay-runtime.js";import{activateNonmodalOverlay}from"../../../internal/nonmodal-overlay-manager.js";import{resolveEffectivePositioningStrategy}from"../../../internal/positioning-strategy.js";import{nextId}from"../../../internal/a11y.js";import{acquireResolvedAriaRelationship}from"../../../internal/aria-controls.js";import{formatShortDuration,safeDurationMs}from"../../../internal/duration.js";import{TOOL_CALL_STATUSES,TOOL_STATUS_LABEL_KEY,toolStatusIcon}from"../tool-status.js";import{literalSetConverter}from"../../../internal/converters.js";import{styles}from"./tool-call-chip.styles.js";import{LYRA_DEFAULT_accessibleLabelSeparator,LYRA_DEFAULT_toolCall}from"../../../internal/default-strings/agent-tools.generated.js";import{LYRA_DEFAULT_collapse,LYRA_DEFAULT_details,LYRA_DEFAULT_durationMilliseconds,LYRA_DEFAULT_durationSeconds,LYRA_DEFAULT_map,LYRA_DEFAULT_navigation,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}from"../../../internal/default-strings/shared.generated.js";const STATUS_ICON=toolStatusIcon,TOOL_CALL_CHIP_STATUS=literalSetConverter(TOOL_CALL_STATUSES,"pending");class LyraToolCallChip extends LyraElement{constructor(){super(...arguments),this.name="",this.category="",this.statusValue="pending",this.summary="",this.icon="",this.callId="",this.hasDetailSlot=!1,this.tooltipOpen=!1,this.tooltipId=nextId("tool-call-chip-tooltip"),this.hovering=!1,this.focused=!1,this.focusDescribed=!1,this.onDetailSlotChange=e=>{this.hasDetailSlot=this.hasPreviewNodes(e.target.assignedNodes({flatten:!0})),this.hasDetailSlot||this.hideTooltip()},this.onMouseEnter=()=>{this.hovering=!0,this.showTooltip()},this.onMouseLeave=()=>{this.hovering=!1,!this.focused&&this.hideTooltip()},this.onFocus=event=>{this.focusDescribed=!0,isKeyboardFocusEvent(event)&&(this.focused=!0,this.showTooltip())},this.onBlur=()=>{this.focused=!1,this.focusDescribed=!1,!this.hovering&&this.hideTooltip()},this.onClick=()=>{this.emit("lr-tool-call-chip-select",{name:this.name,callId:this.callId})}}static{this.defaultStrings={...super.defaultStrings,accessibleLabelSeparator:LYRA_DEFAULT_accessibleLabelSeparator,collapse:LYRA_DEFAULT_collapse,details:LYRA_DEFAULT_details,durationMilliseconds:LYRA_DEFAULT_durationMilliseconds,durationSeconds:LYRA_DEFAULT_durationSeconds,map:LYRA_DEFAULT_map,navigation:LYRA_DEFAULT_navigation,open:LYRA_DEFAULT_open,search:LYRA_DEFAULT_search,select:LYRA_DEFAULT_select,statusDenied:LYRA_DEFAULT_statusDenied,statusError:LYRA_DEFAULT_statusError,statusIncomplete:LYRA_DEFAULT_statusIncomplete,statusPending:LYRA_DEFAULT_statusPending,statusRunning:LYRA_DEFAULT_statusRunning,statusSuccess:LYRA_DEFAULT_statusSuccess,toolCall:LYRA_DEFAULT_toolCall}}static{this.styles=[LyraElement.styles,styles]}get status(){return this.statusValue}set status(next){const old=this.statusValue;this.statusValue=TOOL_CALL_CHIP_STATUS.normalizeReflected(this,"status",next),this.requestUpdate("status",old)}hasPreviewNodes(nodes){return nodes.some(node=>{if(node.nodeType===3)return!!node.textContent?.trim();if(node.nodeType!==1)return!1;const slotName=node.getAttribute("slot");return slotName===null||slotName===""})}willUpdate(changed){super.willUpdate(changed),this.hasUpdated||(this.hasDetailSlot=this.hasPreviewNodes(Array.from(this.childNodes)))}connectedCallback(){super.connectedCallback(),this.hasUpdated&&this.syncExternalDescription()}syncExternalDescription(){const target=this.isConnected?this.baseEl??null:null;if(!target){this.releaseExternalDescription();return}this.externalDescriptionLease?this.externalDescriptionLease.update(target):this.externalDescriptionLease=acquireResolvedAriaRelationship(this,target,"aria-describedby")}releaseExternalDescription(){this.externalDescriptionLease?.release(),this.externalDescriptionLease=void 0}updated(changed){if(super.updated(changed),this.syncExternalDescription(),changed.has("tooltipOpen")&&(this.cleanupPositioner?.(),this.cleanupPositioner=void 0,this.tooltipOverlay?.deactivate({restoreFocus:!1}),this.tooltipOverlay=void 0,this.tooltipOpen)){const anchor=this.renderRoot.querySelector('[part="base"]'),tooltip=this.renderRoot.querySelector('[part="tooltip"]');anchor&&tooltip&&(this.cleanupPositioner=place(anchor,tooltip,{placement:"top-start",strategy:resolveEffectivePositioningStrategy(this,void 0,"fixed")}),this.tooltipOverlay=activateNonmodalOverlay({host:this,panel:()=>tooltip,onEscape:()=>this.hideTooltip(),restoreFocusTo:null}))}}disconnectedCallback(){super.disconnectedCallback(),this.releaseExternalDescription(),this.cleanupPositioner?.(),this.cleanupPositioner=void 0,this.tooltipOverlay?.deactivate({restoreFocus:!1}),this.tooltipOverlay=void 0,this.tooltipOpen=!1,this.hovering=!1,this.focused=!1,this.focusDescribed=!1}showTooltip(){!this.hasDetailSlot||this.tooltipOpen||(this.tooltipOpen=!0)}hideTooltip(){this.tooltipOpen&&(this.tooltipOpen=!1)}focus(options){this.baseEl?.focus(options)}blur(){this.baseEl?.blur()}click(){this.baseEl?.click()}get safeDurationMs(){return safeDurationMs(this.durationMs)}get shownName(){return this.displayName||this.name||this.localize("toolCall")}get accessibleLabel(){const parts=[this.shownName];this.summary&&parts.push(this.summary),parts.push(this.localize(TOOL_STATUS_LABEL_KEY[this.status]));const durationMs=this.safeDurationMs;return durationMs!=null&&parts.push(this.localizedDuration(durationMs)),parts.join(this.localize("accessibleLabelSeparator"))}localizedDuration(ms){return formatShortDuration(this.localize.bind(this),this.effectiveLocale,ms)}render(){const hasCategory=(this.category??"").length>0,hasSummary=(this.summary??"").length>0,durationMs=this.safeDurationMs,hasDuration=durationMs!=null,status=this.status;return html`
       <button
         part="base"
         type="button"

package/dist/components/agent-tools/tool-call-chip/tool-call-chip.styles.js

@@ -1 +1 @@
-import{focusRing}from"../../../internal/interactive-control.styles.js";import{css}from"lit";import{overlaySurface}from"../../../internal/overlay-surface.styles.js";const styles=css` :host { display: inline-flex; max-inline-size: 100%; --_lr-tool-call-chip-accent: var(--lr-color-text-quiet); --_lr-tool-call-chip-bg: var(--lr-color-surface); --_lr-tool-call-chip-border: var(--lr-color-border); --_lr-tool-call-chip-spin: var(--lr-transition-ambient); } :host([status="running"]) { --_lr-tool-call-chip-accent: var(--lr-color-brand); --_lr-tool-call-chip-bg: var(--lr-color-brand-quiet); --_lr-tool-call-chip-border: transparent; } :host([status="success"]) { --_lr-tool-call-chip-accent: var(--lr-color-success); --_lr-tool-call-chip-bg: var(--lr-color-success-quiet); --_lr-tool-call-chip-border: transparent; } :host([status="error"]) { --_lr-tool-call-chip-accent: var(--lr-color-danger); --_lr-tool-call-chip-bg: var(--lr-color-danger-quiet); --_lr-tool-call-chip-border: transparent; } :host([status="denied"]) { --_lr-tool-call-chip-accent: var(--lr-color-warning); --_lr-tool-call-chip-bg: var(--lr-color-warning-quiet); --_lr-tool-call-chip-border: transparent; } [part="base"] { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--lr-space-xs); max-inline-size: 100%; box-sizing: border-box; padding: var(--lr-size-0-25rem) var(--lr-space-s); border: var(--lr-border-width-thin) solid var(--lr-tool-call-chip-border, var(--_lr-tool-call-chip-border)); border-radius: var(--lr-radius-pill); background: var(--lr-tool-call-chip-bg, var(--_lr-tool-call-chip-bg)); color: var(--lr-color-text); font: inherit; font-size: var(--lr-font-size-sm); line-height: var(--lr-line-height-snug); text-align: start; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background-color var(--lr-transition-fast), border-color var(--lr-transition-fast); } [part="base"]:hover { border-color: var(--lr-color-brand); } [part="base"]:active { background: color-mix( in oklab, var(--lr-tool-call-chip-bg, var(--_lr-tool-call-chip-bg)), var(--lr-color-mix-partner) var(--lr-color-mix-active) ); } [part="base"]:focus-visible { ${focusRing} } [part="icon"] { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; color: var(--lr-tool-call-chip-accent, var(--_lr-tool-call-chip-accent)); } [part="icon"] svg { display: block; } :host([status="running"]) [part="icon"] svg { animation: var(--_lr-motion-animation, lr-tool-call-chip-spin var(--lr-tool-call-chip-spin, var(--_lr-tool-call-chip-spin)) infinite); } :host([status="pending"]) [part="icon"] svg { animation: var(--_lr-motion-animation, lr-tool-call-chip-pulse var(--lr-transition-ambient) infinite); } [part="label"] { display: inline-flex; align-items: baseline; gap: var(--lr-size-0-3em); flex: 1 1 auto; min-inline-size: var(--lr-size-6ch); overflow: hidden; } [part="category"] { flex: 0 1 auto; min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--lr-color-text); font-size: var(--lr-size-0-6875rem); font-weight: var(--lr-font-weight-semibold); text-transform: uppercase; letter-spacing: var(--lr-size-0-04em); } [part="category"]::after { content: "·"; margin-inline-start: var(--lr-size-0-3em); } [part="name"] { flex: 0 1 auto; min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: var(--lr-font-weight-semibold); } [part="summary"] { flex: 1 1 auto; min-inline-size: var(--lr-size-3ch); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--lr-color-text); } [part="summary"]::before { content: ": "; } [part="meta"] { display: inline-flex; flex: 0 1 auto; flex-wrap: wrap; min-inline-size: 0; max-inline-size: 100%; overflow: hidden; align-items: baseline; gap: var(--lr-size-0-4em); margin-inline-start: auto; font-size: var(--lr-size-0-6875rem); } [part="status-text"] { color: var(--lr-tool-call-chip-accent, var(--_lr-tool-call-chip-accent)); font-weight: var(--lr-font-weight-semibold); text-transform: uppercase; letter-spacing: var(--lr-size-0-03em); min-inline-size: 0; max-inline-size: 100%; white-space: normal; overflow-wrap: anywhere; text-align: end; } [part="duration"] { color: var(--lr-color-text); font-variant-numeric: tabular-nums; white-space: nowrap; } [part="tooltip"] { position: fixed; z-index: var(--lr-layer-dropdown); box-sizing: border-box; min-inline-size: 0; max-inline-size: min( var(--lr-popover-viewport-clamp), var(--lr-size-24rem), var( --lr-positioner-available-inline-size, var(--lr-popover-viewport-clamp) ) ); max-block-size: min( var(--lr-size-20rem), var(--lr-positioner-available-block-size, var(--lr-size-20rem)) ); overflow: auto; overflow-wrap: anywhere; word-break: break-word; white-space: normal; padding: var(--lr-space-s) var(--lr-space-m); ${overlaySurface} box-shadow: var(--lr-overlay-shadow-anchored, var(--lr-shadow-m)); font-size: var(--lr-font-size-sm); line-height: var(--lr-line-height-1-4); color: var(--lr-color-text); } @keyframes lr-tool-call-chip-spin { to { transform: rotate(360deg); } } @keyframes lr-tool-call-chip-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } } @media (prefers-reduced-motion: reduce) { [part="base"] { transition: none !important; } :host([status="running"]) [part="icon"] svg, :host([status="pending"]) [part="icon"] svg { animation: none !important; } } `;export{styles};
+import{toolStatusKeyframes}from"../tool-status.styles.js";import{focusRing}from"../../../internal/interactive-control.styles.js";import{css}from"lit";import{overlaySurface}from"../../../internal/overlay-surface.styles.js";const styles=css` :host { display: inline-flex; max-inline-size: 100%; --_lr-tool-call-chip-accent: var(--lr-color-text-quiet); --_lr-tool-call-chip-bg: var(--lr-color-surface); --_lr-tool-call-chip-border: var(--lr-color-border); --_lr-tool-call-chip-spin: var(--lr-transition-ambient); } :host([status="running"]) { --_lr-tool-call-chip-accent: var(--lr-color-brand); --_lr-tool-call-chip-bg: var(--lr-color-brand-quiet); --_lr-tool-call-chip-border: transparent; } :host([status="success"]) { --_lr-tool-call-chip-accent: var(--lr-color-success); --_lr-tool-call-chip-bg: var(--lr-color-success-quiet); --_lr-tool-call-chip-border: transparent; } :host([status="error"]) { --_lr-tool-call-chip-accent: var(--lr-color-danger); --_lr-tool-call-chip-bg: var(--lr-color-danger-quiet); --_lr-tool-call-chip-border: transparent; } :host([status="denied"]) { --_lr-tool-call-chip-accent: var(--lr-color-warning); --_lr-tool-call-chip-bg: var(--lr-color-warning-quiet); --_lr-tool-call-chip-border: transparent; } [part="base"] { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--lr-space-xs); max-inline-size: 100%; box-sizing: border-box; padding: var(--lr-size-0-25rem) var(--lr-space-s); border: var(--lr-border-width-thin) solid var(--lr-tool-call-chip-border, var(--_lr-tool-call-chip-border)); border-radius: var(--lr-radius-pill); background: var(--lr-tool-call-chip-bg, var(--_lr-tool-call-chip-bg)); color: var(--lr-color-text); font: inherit; font-size: var(--lr-font-size-sm); line-height: var(--lr-line-height-snug); text-align: start; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background-color var(--lr-transition-fast), border-color var(--lr-transition-fast); } [part="base"]:hover { border-color: var(--lr-color-brand); } [part="base"]:active { background: color-mix( in oklab, var(--lr-tool-call-chip-bg, var(--_lr-tool-call-chip-bg)), var(--lr-color-mix-partner) var(--lr-color-mix-active) ); } [part="base"]:focus-visible { ${focusRing} } [part="icon"] { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; color: var(--lr-tool-call-chip-accent, var(--_lr-tool-call-chip-accent)); } [part="icon"] svg { display: block; } :host([status="running"]) [part="icon"] svg { animation: var(--_lr-motion-animation, lr-tool-status-spin var(--lr-tool-call-chip-spin, var(--_lr-tool-call-chip-spin)) infinite); } :host([status="pending"]) [part="icon"] svg { animation: var(--_lr-motion-animation, lr-tool-status-pulse var(--lr-transition-ambient) infinite); } [part="label"] { display: inline-flex; align-items: baseline; gap: var(--lr-size-0-3em); flex: 1 1 auto; min-inline-size: var(--lr-size-6ch); overflow: hidden; } [part="category"] { flex: 0 1 auto; min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--lr-color-text); font-size: var(--lr-size-0-6875rem); font-weight: var(--lr-font-weight-semibold); text-transform: uppercase; letter-spacing: var(--lr-size-0-04em); } [part="category"]::after { content: "·"; margin-inline-start: var(--lr-size-0-3em); } [part="name"] { flex: 0 1 auto; min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: var(--lr-font-weight-semibold); } [part="summary"] { flex: 1 1 auto; min-inline-size: var(--lr-size-3ch); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--lr-color-text); } [part="summary"]::before { content: ": "; } [part="meta"] { display: inline-flex; flex: 0 1 auto; flex-wrap: wrap; min-inline-size: 0; max-inline-size: 100%; overflow: hidden; align-items: baseline; gap: var(--lr-size-0-4em); margin-inline-start: auto; font-size: var(--lr-size-0-6875rem); } [part="status-text"] { color: var(--lr-tool-call-chip-accent, var(--_lr-tool-call-chip-accent)); font-weight: var(--lr-font-weight-semibold); text-transform: uppercase; letter-spacing: var(--lr-size-0-03em); min-inline-size: 0; max-inline-size: 100%; white-space: normal; overflow-wrap: anywhere; text-align: end; } [part="duration"] { color: var(--lr-color-text); font-variant-numeric: tabular-nums; white-space: nowrap; } [part="tooltip"] { position: fixed; z-index: var(--lr-layer-dropdown); box-sizing: border-box; min-inline-size: 0; max-inline-size: min( var(--lr-popover-viewport-clamp), var(--lr-size-24rem), var( --lr-positioner-available-inline-size, var(--lr-popover-viewport-clamp) ) ); max-block-size: min( var(--lr-size-20rem), var(--lr-positioner-available-block-size, var(--lr-size-20rem)) ); overflow: auto; overflow-wrap: anywhere; word-break: break-word; white-space: normal; padding: var(--lr-space-s) var(--lr-space-m); ${overlaySurface} box-shadow: var(--lr-overlay-shadow-anchored, var(--lr-shadow-m)); font-size: var(--lr-font-size-sm); line-height: var(--lr-line-height-1-4); color: var(--lr-color-text); } @media (prefers-reduced-motion: reduce) { [part="base"] { transition: none !important; } :host([status="running"]) [part="icon"] svg, :host([status="pending"]) [part="icon"] svg { animation: none !important; } } ${toolStatusKeyframes} `;export{styles};

package/dist/components/agent-tools/tool-param-form/tool-param-constraints.js

@@ -1 +1 @@
-const MAX_CHOICES=500,FORMATS=new Set(["email","uri","date","date-time"]),own=(object,key)=>Object.prototype.hasOwnProperty.call(object,key);function toolParamChoices(property){const titled=property.type==="array"?property.items?.anyOf:property.oneOf,values=property.type==="array"?property.items?.enum:property.enum;if(Array.isArray(titled))return titled.slice(0,500).filter(option=>option&&typeof option.const=="string"&&typeof option.title=="string").map(option=>({value:option.const,label:option.title}));if(Array.isArray(values))return values.slice(0,500).map((value,index)=>({value,label:property.type==="string"?property.enumNames?.[index]??value:value}))}function validTitledChoices(value){return Array.isArray(value)&&value.length>0&&value.length<=500&&Array.from(value).every(option=>option&&typeof option=="object"&&!Array.isArray(option)&&typeof option.const=="string"&&typeof option.title=="string"&&Object.keys(option).every(key=>key==="const"||key==="title"))}function validStringChoices(value){return Array.isArray(value)&&value.length<=500&&Array.from(value).every(choice=>typeof choice=="string")}function validToolParamConstraints(property){for(const key of["minLength","maxLength","minItems","maxItems"]){const value=property[key];if(value!==void 0&&(!Number.isSafeInteger(value)||value<0))return!1}for(const key of["minimum","maximum"]){const value=property[key];if(value!==void 0&&(typeof value!="number"||!Number.isFinite(value)))return!1}for(const[min,max]of[["minLength","maxLength"],["minimum","maximum"],["minItems","maxItems"]])if(property[min]!==void 0&&property[max]!==void 0&&property[min]>property[max])return!1;if(property.format!==void 0&&!FORMATS.has(property.format)||["minLength","maxLength","format","oneOf","enumNames"].some(key=>own(property,key))&&property.type!=="string"||["minimum","maximum"].some(key=>own(property,key))&&property.type!=="number"&&property.type!=="integer"||["minItems","maxItems","items"].some(key=>own(property,key))&&property.type!=="array"||property.oneOf!==void 0&&(!validTitledChoices(property.oneOf)||property.enum!==void 0)||property.enumNames!==void 0&&(!validStringChoices(property.enumNames)||!property.enum||property.enumNames.length!==property.enum.length))return!1;if(property.type==="array"){const items=property.items;if(!items||typeof items!="object"||Array.isArray(items)||Object.keys(items).some(key=>key!=="type"&&key!=="enum"&&key!=="anyOf"))return!1;if(items.anyOf!==void 0){if(items.enum!==void 0||items.type!==void 0&&items.type!=="string"||!validTitledChoices(items.anyOf))return!1}else if(items.type!=="string"||!validStringChoices(items.enum)||items.enum?.length===0)return!1}const choices=toolParamChoices(property);return!(choices&&new Set(choices.map(choice=>choice.value)).size!==choices.length)}function validDate(value){const match=/^(\d{4})-(\d{2})-(\d{2})$/.exec(value);if(!match)return!1;const year=Number(match[1]),month=Number(match[2]),day=Number(match[3]),days=[31,year%4===0&&(year%100!==0||year%400===0)?29:28,31,30,31,30,31,31,30,31,30,31];return month>=1&&month<=12&&day>=1&&day<=days[month-1]}function validFormat(value,format){if(format==="date")return validDate(value);if(format==="email"){const at=value.lastIndexOf("@");if(at<=0||at!==value.indexOf("@"))return!1;const local=value.slice(0,at),domain=value.slice(at+1);return!/^[a-z\d.!#$%&'*+/=?^_`{|}~-]+$/i.test(local)||local.startsWith(".")||local.endsWith(".")||local.includes("..")?!1:domain.split(".").every(label=>label.length>0&&label.length<=63&&/^[a-z\d](?:[a-z\d-]*[a-z\d])?$/i.test(label))}if(format==="uri"){if(!/^[a-z][a-z\d+.-]*:/i.test(value)||/[\s\u0000-\u001f]/.test(value))return!1;try{return new URL(value),!0}catch{return!1}}const match=/^(\d{4}-\d{2}-\d{2})[Tt](\d{2}):(\d{2}):(\d{2})(?:\.\d+)?([Zz]|[+-](\d{2}):(\d{2}))$/.exec(value);return!!match&&validDate(match[1])&&Number(match[2])<=23&&Number(match[3])<=59&&Number(match[4])<=59&&(match[8]===void 0||Number(match[7])<=23&&Number(match[8])<=59)}function toolParamConstraintFailure(property,value){if(typeof value=="string"){const length=Array.from(value).length;if(property.minLength!==void 0&&length<property.minLength)return"minLength";if(property.maxLength!==void 0&&length>property.maxLength)return"maxLength";if(property.format!==void 0&&!validFormat(value,property.format))return"format";const choices=toolParamChoices(property);if(choices&&!choices.some(choice=>choice.value===value))return"selection"}if(typeof value=="number"){if(property.minimum!==void 0&&value<property.minimum)return"minimum";if(property.maximum!==void 0&&value>property.maximum)return"maximum"}if(property.type==="array"){if(!Array.isArray(value))return"selection";const choices=new Set(toolParamChoices(property)?.map(choice=>choice.value));if(value.some(entry=>typeof entry!="string"||!choices.has(entry))||new Set(value).size!==value.length)return"selection";if(property.minItems!==void 0&&value.length<property.minItems)return"minItems";if(property.maxItems!==void 0&&value.length>property.maxItems)return"maxItems"}}export{toolParamChoices,toolParamConstraintFailure,validToolParamConstraints};
+const MAX_CHOICES=500,FORMATS=new Set(["email","uri","date","date-time"]),own=(object,key)=>Object.prototype.hasOwnProperty.call(object,key),choicesCache=new WeakMap,constraintsCache=new WeakMap;function toolParamChoices(property){if(choicesCache.has(property))return choicesCache.get(property);const choices=computeChoices(property);return choicesCache.set(property,choices),choices}function computeChoices(property){const titled=property.type==="array"?property.items?.anyOf:property.oneOf,values=property.type==="array"?property.items?.enum:property.enum;if(Array.isArray(titled))return Object.freeze(titled.slice(0,500).filter(option=>option&&typeof option.const=="string"&&typeof option.title=="string").map(option=>Object.freeze({value:option.const,label:option.title})));if(Array.isArray(values))return Object.freeze(values.slice(0,500).map((value,index)=>Object.freeze({value,label:property.type==="string"?property.enumNames?.[index]??value:value})))}function validTitledChoices(value){return Array.isArray(value)&&value.length>0&&value.length<=500&&Array.from(value).every(option=>option&&typeof option=="object"&&!Array.isArray(option)&&typeof option.const=="string"&&typeof option.title=="string"&&Object.keys(option).every(key=>key==="const"||key==="title"))}function validStringChoices(value){return Array.isArray(value)&&value.length<=500&&Array.from(value).every(choice=>typeof choice=="string")}function validToolParamConstraints(property){let valid=constraintsCache.get(property);return valid===void 0&&constraintsCache.set(property,valid=computeValidConstraints(property)),valid}function computeValidConstraints(property){for(const key of["minLength","maxLength","minItems","maxItems"]){const value=property[key];if(value!==void 0&&(!Number.isSafeInteger(value)||value<0))return!1}for(const key of["minimum","maximum"]){const value=property[key];if(value!==void 0&&(typeof value!="number"||!Number.isFinite(value)))return!1}for(const[min,max]of[["minLength","maxLength"],["minimum","maximum"],["minItems","maxItems"]])if(property[min]!==void 0&&property[max]!==void 0&&property[min]>property[max])return!1;if(property.format!==void 0&&!FORMATS.has(property.format)||["minLength","maxLength","format","oneOf","enumNames"].some(key=>own(property,key))&&property.type!=="string"||["minimum","maximum"].some(key=>own(property,key))&&property.type!=="number"&&property.type!=="integer"||["minItems","maxItems","items"].some(key=>own(property,key))&&property.type!=="array"||property.oneOf!==void 0&&(!validTitledChoices(property.oneOf)||property.enum!==void 0)||property.enumNames!==void 0&&(!validStringChoices(property.enumNames)||!property.enum||property.enumNames.length!==property.enum.length))return!1;if(property.type==="array"){const items=property.items;if(!items||typeof items!="object"||Array.isArray(items)||Object.keys(items).some(key=>key!=="type"&&key!=="enum"&&key!=="anyOf"))return!1;if(items.anyOf!==void 0){if(items.enum!==void 0||items.type!==void 0&&items.type!=="string"||!validTitledChoices(items.anyOf))return!1}else if(items.type!=="string"||!validStringChoices(items.enum)||items.enum?.length===0)return!1}const choices=toolParamChoices(property);return!(choices&&new Set(choices.map(choice=>choice.value)).size!==choices.length)}function validDate(value){const match=/^(\d{4})-(\d{2})-(\d{2})$/.exec(value);if(!match)return!1;const year=Number(match[1]),month=Number(match[2]),day=Number(match[3]),days=[31,year%4===0&&(year%100!==0||year%400===0)?29:28,31,30,31,30,31,31,30,31,30,31];return month>=1&&month<=12&&day>=1&&day<=days[month-1]}function validFormat(value,format){if(format==="date")return validDate(value);if(format==="email"){const at=value.lastIndexOf("@");if(at<=0||at!==value.indexOf("@"))return!1;const local=value.slice(0,at),domain=value.slice(at+1);return!/^[a-z\d.!#$%&'*+/=?^_`{|}~-]+$/i.test(local)||local.startsWith(".")||local.endsWith(".")||local.includes("..")?!1:domain.split(".").every(label=>label.length>0&&label.length<=63&&/^[a-z\d](?:[a-z\d-]*[a-z\d])?$/i.test(label))}if(format==="uri"){if(!/^[a-z][a-z\d+.-]*:/i.test(value)||/[\s\u0000-\u001f]/.test(value))return!1;try{return new URL(value),!0}catch{return!1}}const match=/^(\d{4}-\d{2}-\d{2})[Tt](\d{2}):(\d{2}):(\d{2})(?:\.\d+)?([Zz]|[+-](\d{2}):(\d{2}))$/.exec(value);return!!match&&validDate(match[1])&&Number(match[2])<=23&&Number(match[3])<=59&&Number(match[4])<=59&&(match[8]===void 0||Number(match[7])<=23&&Number(match[8])<=59)}function toolParamConstraintFailure(property,value){if(typeof value=="string"){const length=Array.from(value).length;if(property.minLength!==void 0&&length<property.minLength)return"minLength";if(property.maxLength!==void 0&&length>property.maxLength)return"maxLength";if(property.format!==void 0&&!validFormat(value,property.format))return"format";const choices=toolParamChoices(property);if(choices&&!choices.some(choice=>choice.value===value))return"selection"}if(typeof value=="number"){if(property.minimum!==void 0&&value<property.minimum)return"minimum";if(property.maximum!==void 0&&value>property.maximum)return"maximum"}if(property.type==="array"){if(!Array.isArray(value))return"selection";const choices=new Set(toolParamChoices(property)?.map(choice=>choice.value));if(value.some(entry=>typeof entry!="string"||!choices.has(entry))||new Set(value).size!==value.length)return"selection";if(property.minItems!==void 0&&value.length<property.minItems)return"minItems";if(property.maxItems!==void 0&&value.length>property.maxItems)return"maxItems"}}export{toolParamChoices,toolParamConstraintFailure,validToolParamConstraints};

package/dist/components/agent-tools/tool-param-form/tool-param-form.class.d.ts

@@ -1,4 +1,4 @@
-import{type TemplateResult,type PropertyValues}from'lit';import{LyraElement,type LyraEventDetailSnapshot}from'../../../internal/lyra-element.js';import type{FlatToolParamSchema,ToolParamFormValue}from'./tool-param-types.js';export type{FlatToolParamSchema,ToolParamFormProperty,ToolParamFormPropertyType,ToolParamFormPrimitive,ToolParamFormValue,ToolParamStringFormat,ToolParamEnumOption,ToolParamEnumItems}from'./tool-param-types.js';import'../../forms/select/select.class.js';import'../../forms/combobox/option.class.js';import'../../forms/input/number-input.class.js';import{type FormOwnerValue}from'../../../internal/form-associated.js';export interface LyraToolParamFormEventMap{'lr-invalid':CustomEvent<null>;'lr-validity-change':CustomEvent<LyraEventDetailSnapshot<{readonly valid:boolean;readonly errors:Readonly<Record<string,string>>;}>>;'lr-input':CustomEvent<LyraEventDetailSnapshot<{readonly value:ToolParamFormValue;}>>;'lr-change':CustomEvent<LyraEventDetailSnapshot<{readonly value:ToolParamFormValue;}>>;input:Event;change:Event;blur:FocusEvent;focus:FocusEvent;}
+import{type TemplateResult,type PropertyValues}from'lit';import{type LyraEventDetailSnapshot}from'../../../internal/lyra-element.js';import{LyraFormControlElement}from'../../../internal/form-control-element.js';import type{FlatToolParamSchema,ToolParamFormValue}from'./tool-param-types.js';export type{FlatToolParamSchema,ToolParamFormProperty,ToolParamFormPropertyType,ToolParamFormPrimitive,ToolParamFormValue,ToolParamStringFormat,ToolParamEnumOption,ToolParamEnumItems}from'./tool-param-types.js';import'../../forms/select/select.class.js';import'../../forms/combobox/option.class.js';import'../../forms/input/number-input.class.js';import{type FormOwnerValue}from'../../../internal/form-associated.js';export interface LyraToolParamFormEventMap{'lr-invalid':CustomEvent<null>;'lr-validity-change':CustomEvent<LyraEventDetailSnapshot<{readonly valid:boolean;readonly errors:Readonly<Record<string,string>>;}>>;'lr-input':CustomEvent<LyraEventDetailSnapshot<{readonly value:ToolParamFormValue;}>>;'lr-change':CustomEvent<LyraEventDetailSnapshot<{readonly value:ToolParamFormValue;}>>;input:Event;change:Event;blur:FocusEvent;focus:FocusEvent;}
 /**
 * `<lr-tool-param-form>` — renders one form control per top-level property
 * of a JSON Schema object, for ad hoc tool invocation or approval-editing UIs
@@ -129,11 +129,9 @@ import{type TemplateResult,type PropertyValues}from'lit';import{LyraElement,type
 * @status stable
 * @since 4.0.0
 */
-export declare class LyraToolParamForm extends LyraElement<LyraToolParamFormEventMap>{static formAssociated:boolean;static styles:import("lit").CSSResultGroup[];protected static collectionSupport:import("../../../internal/lyra-element.js").LyraCollectionSupport;protected static readonly immutableEventDetails:readonly string[];static properties:{customError:{attribute:string;reflect:boolean;noAccessor:boolean;};name:{reflect:boolean;noAccessor:boolean;};schema:{attribute:boolean;noAccessor:boolean;};value:{attribute:boolean;noAccessor:boolean;};disabled:{type:BooleanConstructor;reflect:boolean;noAccessor:boolean;};};private _errors;private _formError;private showFormError;private touchedFields;private internals;private validityController;
+export declare class LyraToolParamForm extends LyraFormControlElement<LyraToolParamFormEventMap>{static formAssociated:boolean;static styles:import("lit").CSSResultGroup[];protected static collectionSupport:import("../../../internal/lyra-element.js").LyraCollectionSupport;protected static readonly immutableEventDetails:readonly string[];static properties:{customError:{attribute:string;reflect:boolean;noAccessor:boolean;};name:{reflect:boolean;noAccessor:boolean;};schema:{attribute:boolean;noAccessor:boolean;};value:{attribute:boolean;noAccessor:boolean;};disabled:{type:BooleanConstructor;reflect:boolean;noAccessor:boolean;};};private _errors;private _formError;private showFormError;private touchedFields;private internals;private validityController;
 /** Consumer-supplied validation message reflected through `custom-error`. */
-customError:string|null;private baseId;private _fieldsetDisabled;private _name;private _schema;private schemaInputShapeError;private schemaInputExceededLimits;private _value;private lastSchemaInput;private lastValueInput;private valueInputInvalid;private valueInputTruncated;private defaultValueSnapshot;private defaultValueCaptured;private _effectiveValue;private _validityFlags;private _disabled;private lastValidityKey;private hasInteracted;private errorAnnouncementSink?;private visibleErrorSnapshot;private suppressNextErrorAnnouncement;constructor();get form():HTMLFormElement|null;set form(owner:FormOwnerValue);
-/** Returns the browser-resolved owning form, including an external owner selected by `form`. */
-getForm():HTMLFormElement|null;get labels():NodeList;get validity():ValidityState;get validationMessage():string;get willValidate():boolean;private firstInvalidField;private get missingRequiredKeys();private firstMissingPropertyError;private focusFirstControl;
+customError:string|null;private baseId;private _fieldsetDisabled;private _name;private _schema;private schemaInputShapeError;private schemaInputExceededLimits;private _value;private lastSchemaInput;private lastValueInput;private valueInputInvalid;private valueInputTruncated;private defaultValueSnapshot;private defaultValueCaptured;private _effectiveValue;private _validityFlags;private _disabled;private lastValidityKey;private hasInteracted;private errorAnnouncementSink?;private visibleErrorSnapshot;private suppressNextErrorAnnouncement;constructor();get form():HTMLFormElement|null;set form(owner:FormOwnerValue);private firstInvalidField;private get missingRequiredKeys();private firstMissingPropertyError;private focusFirstControl;
 /** Forwards host clicks to the first rendered form field so the component behaves like a regular
 *  control from caller code and event re-dispatch paths.
 */

package/dist/components/agent-tools/tool-param-form/tool-param-form.class.js

@@ -1,4 +1,4 @@
-import{__decorate}from"tslib";import{relayNativeEvent}from"../../../internal/native-event-relay.js";import{emitValueEvents}from"../../../internal/value-events.js";import{installFormControlLabelSupport}from"../../../internal/form-control-labels.js";import{FormControlController,reflectFormName}from"../../../internal/form-control-controller.js";import{eventCollectionSupport}from"../../../internal/collection-snapshot.js";import{tag}from"../../../internal/prefix.js";import{html,nothing}from"lit";import{state}from"lit/decorators.js";import{LyraElement}from"../../../internal/lyra-element.js";import{deepActiveElementIn}from"../../../internal/active-element.js";import{nextId}from"../../../internal/a11y.js";import{resolveValidityAnchor,VALIDITY_ANCHOR}from"../../../internal/anchored-validity.js";import{syncValidityStates}from"../../../internal/custom-states.js";import{styles}from"./tool-param-form.styles.js";import{EMPTY_SCHEMA,MAX_ENUM_OPTIONS,MAX_SCHEMA_FIELDS,snapshotFormValue,snapshotSchema}from"./tool-param-snapshot.js";import{toolParamChoices,toolParamConstraintFailure,validToolParamConstraints}from"./tool-param-constraints.js";import"../../forms/select/select.class.js";import"../../forms/combobox/option.class.js";import"../../forms/input/number-input.class.js";import{getListFormat,getNumberFormat}from"../../../internal/intl-cache.js";import{getFormOwner,isBarredFromValidation,setFormOwner}from"../../../internal/form-associated.js";import{acquireAnnouncementSink}from"../../../internal/announcer.js";import{LYRA_DEFAULT_fieldMustBeBoolean,LYRA_DEFAULT_fieldMustBeInteger,LYRA_DEFAULT_fieldMustBeNumber,LYRA_DEFAULT_fieldMustBeOneOf,LYRA_DEFAULT_fieldMustBeString,LYRA_DEFAULT_fieldMustEqual,LYRA_DEFAULT_fieldRequired,LYRA_DEFAULT_noData,LYRA_DEFAULT_schemaMustBeObject,LYRA_DEFAULT_schemaPropertiesMustBeFlat,LYRA_DEFAULT_toolParamBooleanFalse,LYRA_DEFAULT_toolParamBooleanTrue,LYRA_DEFAULT_toolParamBooleanUnset,LYRA_DEFAULT_toolParamFormat,LYRA_DEFAULT_toolParamInvalidConstraint,LYRA_DEFAULT_toolParamInvalidSelection,LYRA_DEFAULT_toolParamMaxItems,LYRA_DEFAULT_toolParamMaxLength,LYRA_DEFAULT_toolParamMaximum,LYRA_DEFAULT_toolParamMinItems,LYRA_DEFAULT_toolParamMinLength,LYRA_DEFAULT_toolParamMinimum,LYRA_DEFAULT_toolParamMissingProperty,LYRA_DEFAULT_toolParamSchemaLimit,LYRA_DEFAULT_unsupportedFieldType,LYRA_DEFAULT_valueMustBeSerializable}from"../../../internal/default-strings.generated.js";installFormControlLabelSupport();const MAX_LISTED_CHOICES=10;class LyraToolParamForm extends LyraElement{static{this.defaultStrings={...super.defaultStrings,fieldMustBeBoolean:LYRA_DEFAULT_fieldMustBeBoolean,fieldMustBeInteger:LYRA_DEFAULT_fieldMustBeInteger,fieldMustBeNumber:LYRA_DEFAULT_fieldMustBeNumber,fieldMustBeOneOf:LYRA_DEFAULT_fieldMustBeOneOf,fieldMustBeString:LYRA_DEFAULT_fieldMustBeString,fieldMustEqual:LYRA_DEFAULT_fieldMustEqual,fieldRequired:LYRA_DEFAULT_fieldRequired,noData:LYRA_DEFAULT_noData,schemaMustBeObject:LYRA_DEFAULT_schemaMustBeObject,schemaPropertiesMustBeFlat:LYRA_DEFAULT_schemaPropertiesMustBeFlat,toolParamBooleanFalse:LYRA_DEFAULT_toolParamBooleanFalse,toolParamBooleanTrue:LYRA_DEFAULT_toolParamBooleanTrue,toolParamBooleanUnset:LYRA_DEFAULT_toolParamBooleanUnset,toolParamFormat:LYRA_DEFAULT_toolParamFormat,toolParamInvalidConstraint:LYRA_DEFAULT_toolParamInvalidConstraint,toolParamInvalidSelection:LYRA_DEFAULT_toolParamInvalidSelection,toolParamMaxItems:LYRA_DEFAULT_toolParamMaxItems,toolParamMaxLength:LYRA_DEFAULT_toolParamMaxLength,toolParamMaximum:LYRA_DEFAULT_toolParamMaximum,toolParamMinItems:LYRA_DEFAULT_toolParamMinItems,toolParamMinLength:LYRA_DEFAULT_toolParamMinLength,toolParamMinimum:LYRA_DEFAULT_toolParamMinimum,toolParamMissingProperty:LYRA_DEFAULT_toolParamMissingProperty,toolParamSchemaLimit:LYRA_DEFAULT_toolParamSchemaLimit,unsupportedFieldType:LYRA_DEFAULT_unsupportedFieldType,valueMustBeSerializable:LYRA_DEFAULT_valueMustBeSerializable}}static{this.formAssociated=!0}static{this.styles=[LyraElement.styles,styles]}static{this.collectionSupport=eventCollectionSupport}static{this.immutableEventDetails=Object.freeze(["lr-validity-change","lr-input","lr-change"])}static{this.properties={customError:{attribute:"custom-error",reflect:!0,noAccessor:!0},name:{reflect:!0,noAccessor:!0},schema:{attribute:!1,noAccessor:!0},value:{attribute:!1,noAccessor:!0},disabled:{type:Boolean,reflect:!0,noAccessor:!0}}}constructor(){super(),this._errors=Object.create(null),this._formError="",this.showFormError=!1,this.touchedFields=new Set,this.baseId=nextId("tool-param-form"),this._fieldsetDisabled=!1,this._name="",this._schema=EMPTY_SCHEMA,this.schemaInputShapeError="",this.schemaInputExceededLimits=!1,this._value=Object.freeze({}),this.lastSchemaInput=EMPTY_SCHEMA,this.lastValueInput=this._value,this.valueInputInvalid=!1,this.valueInputTruncated=!1,this.defaultValueSnapshot=Object.freeze({}),this.defaultValueCaptured=!1,this._effectiveValue=Object.freeze({}),this._validityFlags={},this._disabled=!1,this.hasInteracted=!1,this.visibleErrorSnapshot=new Map,this.suppressNextErrorAnnouncement=!0,this.markInteracted=()=>{this.hasInteracted||(this.hasInteracted=!0,this.syncValidityCustomStates())},this.onValueCommit=event=>{event.stopPropagation(),this.effectiveDisabled||emitValueEvents(this,"change",{value:this.effectiveValue},detail=>this.emit("lr-change",detail))},this.stopNestedControlEvent=e=>{e.stopPropagation()},this.onFieldFocus=event=>{relayNativeEvent(this,event)},this.onFieldBlur=event=>{relayNativeEvent(this,event)},this.validityController=new FormControlController(this,{invalid:init=>this.emit("lr-invalid",null,init),interacted:this.markInteracted,customError:()=>this.validityController.customValidityMessage}),this.internals=this.validityController.formInternals,this.syncFormState()}get form(){return getFormOwner(this.internals)}set form(owner){setFormOwner(this,owner)}getForm(){return getFormOwner(this.internals)}get labels(){return this.internals.labels}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}get willValidate(){return this.internals.willValidate}[VALIDITY_ANCHOR](){const field=this.firstInvalidField();if(field){const input=field.querySelector("input.control");if(input)return input;for(const child of field.children){const anchor=resolveValidityAnchor(child);if(anchor)return anchor}}return this.firstMissingPropertyError()}firstInvalidField(){if(!this.renderRoot)return;const fields=Array.from(this.renderRoot.querySelectorAll('[part="field"]'));for(const key of Object.keys(this._errors)){const field=fields.find(candidate=>candidate.dataset.key===key);if(field)return field}}get missingRequiredKeys(){const properties=this.schemaProperties;return this.requiredKeys.filter(key=>!Object.prototype.hasOwnProperty.call(properties,key)&&!!this._errors[key])}firstMissingPropertyError(){if(!this.renderRoot)return;const errors=Array.from(this.renderRoot.querySelectorAll('[part="error"][data-missing-property]'));for(const key of Object.keys(this._errors)){const error=errors.find(candidate=>candidate.dataset.key===key);if(error)return error}}focusFirstControl(options){if(!this.renderRoot)return;const controls=this.renderRoot.querySelectorAll(`input.control, ${tag("select")}, ${tag("number-input")}`);for(const control of controls)if(!(control.disabled||control.getAttribute("aria-disabled")==="true")){control.focus(options);return}}click(){this.effectiveDisabled||this.focusFirstControl()}focus(options){this.effectiveDisabled||this.focusFirstControl(options)}blur(){const active=deepActiveElementIn(this.shadowRoot);active&&typeof active.blur=="function"&&active.blur()}connectedCallback(){this.defaultValueCaptured||(this.defaultValueSnapshot=this._value,this.defaultValueCaptured=!0),super.connectedCallback(),this.errorAnnouncementSink?.element.ownerDocument!==this.ownerDocument&&(this.errorAnnouncementSink?.release(),this.errorAnnouncementSink=acquireAnnouncementSink("assertive",{document:this.ownerDocument,source:this})),this.hasUpdated&&(this.suppressNextErrorAnnouncement=!0,this.requestUpdate()),this.syncFormState()}disconnectedCallback(){super.disconnectedCallback(),this.errorAnnouncementSink?.release(),this.errorAnnouncementSink=void 0,this.suppressNextErrorAnnouncement=!0}get effectiveValue(){return this._effectiveValue}get schemaProperties(){return this._schema.properties}get requiredKeys(){return this._schema.required??Object.freeze([])}resolveEffectiveValue(){const props=this.schemaProperties,out={...this.value};for(const[key,prop]of Object.entries(props)){const fallback=prop.const!==void 0?prop.const:prop.default;!Object.prototype.hasOwnProperty.call(this.value,key)&&fallback!==void 0&&Object.defineProperty(out,key,{configurable:!0,enumerable:!0,writable:!0,value:fallback})}return snapshotFormValue(out).value}get schema(){return this._schema}set schema(next){if(next===this._schema||next===this.lastSchemaInput)return;this.lastSchemaInput=next;const old=this._schema,snapshot=snapshotSchema(next);this._schema=snapshot.schema,this.schemaInputShapeError=snapshot.shapeError,this.schemaInputExceededLimits=snapshot.exceededLimits,this.syncFormState(),this.requestUpdate("schema",old)}get value(){return this._value}set value(next){next===this._value||next===this.lastValueInput||(this.lastValueInput=next,this.applyValue(next))}applyValue(next){const old=this._value,snapshot=snapshotFormValue(next);this._value=snapshot.value,this.valueInputInvalid=snapshot.invalid,this.valueInputTruncated=snapshot.truncated,this.syncFormState(),this.requestUpdate("value",old)}get name(){return this._name}set name(next){const old=this._name;this._name=next??"",reflectFormName(this,this._name),this.requestUpdate("name",old)}get disabled(){return this._disabled}set disabled(next){const old=this._disabled;this._disabled=!!next,this.toggleAttribute("disabled",this._disabled),this._fieldsetDisabled=this.validityController?.fieldsetDisabled(this._fieldsetDisabled)??this._fieldsetDisabled,this.applyValidity(),this.requestUpdate("disabled",old)}get effectiveDisabled(){return this.disabled||this._fieldsetDisabled}get errors(){return this.publicValidityErrors()}publicValidityErrors(){const errors={...this._errors};return this.willValidate&&(this.validityController.customValidityMessage||this._formError)&&(errors.base=this.validationMessage),Object.freeze(errors)}publishValiditySnapshot(){if(!this.isConnected)return;const valid=!this.willValidate||this.validity.valid,errors=valid?Object.freeze({}):this.publicValidityErrors(),key=JSON.stringify({valid,errors});key!==this.lastValidityKey&&(this.lastValidityKey=key,this.emit("lr-validity-change",Object.freeze({valid,errors})))}get formError(){return this._formError}selectionMessage(prop){const choices=prop.type==="string"?toolParamChoices(prop):void 0;return!choices||choices.length===0||choices.length>MAX_LISTED_CHOICES?this.localize("toolParamInvalidSelection"):this.localize("fieldMustBeOneOf",void 0,{values:getListFormat(this.effectiveLocale,{style:"long",type:"disjunction"}).format(choices.map(choice=>choice.label))})}computeValidation(effective){const props=this.schemaProperties,required=new Set(this.requiredKeys),out=Object.create(null),flags={},addError=(key,message)=>{Object.defineProperty(out,key,{configurable:!0,enumerable:!0,writable:!0,value:message})};for(const[key,prop]of Object.entries(props)){const type=prop?.type;if(type!=="string"&&type!=="number"&&type!=="integer"&&type!=="boolean"&&type!=="array"){addError(key,this.localize("unsupportedFieldType",void 0,{type:String(type)})),flags.customError=!0;continue}if(!validToolParamConstraints(prop)){addError(key,this.localize("toolParamInvalidConstraint")),flags.customError=!0;continue}if(!(Object.prototype.hasOwnProperty.call(effective,key)&&effective[key]!==void 0)){required.has(key)&&(addError(key,this.localize("fieldRequired")),flags.valueMissing=!0);continue}const v=effective[key];if(type==="string"&&typeof v!="string"){addError(key,this.localize("fieldMustBeString")),flags.typeMismatch=!0;continue}if(type==="number"&&(typeof v!="number"||!Number.isFinite(v))){addError(key,this.localize("fieldMustBeNumber")),flags.typeMismatch=!0;continue}if(type==="integer"&&(typeof v!="number"||!Number.isFinite(v))){addError(key,this.localize("fieldMustBeInteger")),flags.typeMismatch=!0;continue}if(type==="integer"&&!Number.isInteger(v)){addError(key,this.localize("fieldMustBeInteger")),flags.stepMismatch=!0;continue}if(type==="boolean"&&typeof v!="boolean"){addError(key,this.localize("fieldMustBeBoolean")),flags.typeMismatch=!0;continue}const constraint=toolParamConstraintFailure(prop,v);if(constraint){const number=getNumberFormat(this.effectiveLocale),message=constraint==="minLength"?this.localize("toolParamMinLength",void 0,{count:number.format(prop.minLength)}):constraint==="maxLength"?this.localize("toolParamMaxLength",void 0,{count:number.format(prop.maxLength)}):constraint==="minimum"?this.localize("toolParamMinimum",void 0,{value:number.format(prop.minimum)}):constraint==="maximum"?this.localize("toolParamMaximum",void 0,{value:number.format(prop.maximum)}):constraint==="minItems"?this.localize("toolParamMinItems",void 0,{count:number.format(prop.minItems)}):constraint==="maxItems"?this.localize("toolParamMaxItems",void 0,{count:number.format(prop.maxItems)}):constraint==="format"?this.localize("toolParamFormat",void 0,{format:prop.format}):this.selectionMessage(prop);addError(key,message),flags.customError=!0;continue}prop.const!==void 0&&v!==prop.const&&(addError(key,this.localize("fieldMustEqual",void 0,{value:JSON.stringify(prop.const)})),flags.customError=!0)}for(const key of required)Object.prototype.hasOwnProperty.call(props,key)||(!Object.prototype.hasOwnProperty.call(effective,key)||effective[key]===void 0)&&(addError(key,this.localize("fieldRequired")),flags.valueMissing=!0);return{errors:out,flags}}checkValidity(){return this.validityController.checkValidity(()=>this.syncFormState())}reportValidity(){this.validityController.syncConstraints(),this.hasInteracted=!0,this.syncFormState(),Object.keys(this._errors).length>0&&(this.touchedFields=new Set([...this.touchedFields,...Object.keys(this._errors)])),this._formError&&(this.showFormError=!0),this.requestUpdate();const valid=this.internals.reportValidity();return!valid&&!this.firstInvalidField()&&this.missingRequiredKeys.length>0&&this.updateComplete.then(()=>{const error=this.firstMissingPropertyError();this.validityController.refreshAnchor(),error?.focus()}),valid}setCustomValidity(message){this.validityController.setCustomValidity(message??""),this.syncValidityCustomStates(),this.publishValiditySnapshot(),this.requestUpdate()}formResetCallback(){this.hasInteracted=!1,this.applyValue(this.defaultValueSnapshot),this.touchedFields=new Set,this.showFormError=!1}formStateRestoreCallback(state2,_mode){let restored={};if(typeof state2=="string")try{const parsed=JSON.parse(state2);parsed!==null&&typeof parsed=="object"&&!Array.isArray(parsed)&&(restored=parsed)}catch{}this.applyValue(restored)}formDisabledCallback(disabled){if(this.validityController?.reflectingDisabled)return;const wasDisabled=this.effectiveDisabled;this._fieldsetDisabled=disabled,wasDisabled!==this.effectiveDisabled&&(this.applyValidity(),this.requestUpdate())}schemaShapeError(){return this.schemaInputShapeError==="object"?this.localize("schemaMustBeObject"):this.schemaInputShapeError==="properties"?this.localize("schemaPropertiesMustBeFlat"):this.schemaInputExceededLimits?this.localize("toolParamSchemaLimit",void 0,{fields:getNumberFormat(this.effectiveLocale).format(MAX_SCHEMA_FIELDS),options:getNumberFormat(this.effectiveLocale).format(MAX_ENUM_OPTIONS)}):""}serializeEffectiveValue(effective){const serialized=JSON.stringify(effective,(_key,value)=>{if(typeof value=="number"&&!Number.isFinite(value))throw new TypeError("Non-finite numbers are not JSON values.");return value});if(typeof serialized!="string")throw new TypeError("Value did not serialize to JSON.");return serialized}get barredFromValidation(){return isBarredFromValidation(this,this.internals)}syncInternals(formValue){this.internals.setFormValue(formValue,formValue),this.applyValidity()}applyValidity(){if(this.validityController){if(this.barredFromValidation||Object.keys(this._validityFlags).length===0)this.validityController.setValidity({});else{const firstMessage=Object.values(this._errors)[0]??this._formError;this.validityController.setValidity(this._validityFlags,firstMessage)}this.syncValidityCustomStates(),this.publishValiditySnapshot()}}syncValidityCustomStates(){syncValidityStates(this.internals,{required:this.requiredKeys.length>0,hasInteracted:this.hasInteracted,barred:this.barredFromValidation})}syncFormState(){let effective=Object.freeze({}),errors={},flags={},formError="",formValue=null;try{if(formError=this.schemaShapeError(),this.valueInputInvalid||this.valueInputTruncated)throw new TypeError("The value could not be retained within the public snapshot boundary.");effective=this.resolveEffectiveValue();const validation=this.computeValidation(effective);errors=validation.errors,flags=validation.flags,formValue=this.serializeEffectiveValue(effective)}catch{formError=this.localize("valueMustBeSerializable"),formValue=null}formError&&(flags.customError=!0,formValue=null),this._effectiveValue=effective,JSON.stringify(this._errors)!==JSON.stringify(errors)&&(this._errors=errors),this._formError=formError,this._validityFlags=flags,this.syncInternals(formValue)}updated(changed){if(super.updated(changed),this.publishValiditySnapshot(),changed.has("value")||changed.has("schema")||changed.has("_errors")||changed.has("_formError")){const nestedUpdates=Array.from(this.firstInvalidField()?.children??[]).filter(element=>typeof element[VALIDITY_ANCHOR]=="function").map(element=>element.updateComplete).filter(update=>update!==void 0);nestedUpdates.length>0&&Promise.all(nestedUpdates).then(()=>this.validityController.refreshAnchor())}const currentErrors=this.visibleErrors();if(!this.suppressNextErrorAnnouncement){const freshMessages=[];for(const[key,text]of currentErrors)this.visibleErrorSnapshot.get(key)!==text&&!freshMessages.includes(text)&&freshMessages.push(text);freshMessages.length>0&&this.errorAnnouncementSink?.announce(freshMessages.join(" "))}this.visibleErrorSnapshot=currentErrors,this.suppressNextErrorAnnouncement=!1}visibleErrors(){const visible=new Map;for(const key of Object.keys(this.schemaProperties)){const message=this.touchedFields.has(key)?this._errors[key]:void 0;message&&visible.set(key,message)}for(const key of this.missingRequiredKeys)this.touchedFields.has(key)&&visible.set(key,this.localize("toolParamMissingProperty",void 0,{key}));return this.showFormError&&this._formError&&visible.set("form",this._formError),visible}setFieldValue(key,val,committed=!1){if(this.effectiveDisabled)return;this.hasInteracted=!0,this.applyValue({...this.value,[key]:val});const detail={value:this.effectiveValue};emitValueEvents(this,"input",detail,detail2=>this.emit("lr-input",detail2)),committed&&emitValueEvents(this,"change",detail,detail2=>this.emit("lr-change",detail2))}markTouched(key){this.hasInteracted=!0,this.syncValidityCustomStates(),!this.touchedFields.has(key)&&(this.touchedFields=new Set(this.touchedFields).add(key))}onTextInput(key,e){e.stopPropagation(),this.setFieldValue(key,e.target.value)}onNumberInput(key,e){e.stopPropagation();const n=e.target.valueAsNumber;this.setFieldValue(key,Number.isNaN(n)?void 0:n)}onSelectChange(key,e){e.stopPropagation(),this.setFieldValue(key,e.target.value,!0)}onBooleanSelectChange(key,e){e.stopPropagation();const value=e.target.value;if(value===""){if(this.effectiveDisabled)return;if(this.hasInteracted=!0,this.schemaProperties[key]?.default!==void 0)this.applyValue({...this.value,[key]:void 0});else{const next={...this.value};Reflect.deleteProperty(next,key),this.applyValue(next)}const detail={value:this.effectiveValue};emitValueEvents(this,"input",detail,detail2=>this.emit("lr-input",detail2)),emitValueEvents(this,"change",detail,detail2=>this.emit("lr-change",detail2));return}this.setFieldValue(key,value==="true",!0)}renderControl(key,prop,fieldId,label,required,describedBy,errorMessage,effective){const choices=toolParamChoices(prop);if((prop.type==="string"||prop.type==="array")&&choices&&choices.length>0)return html`<lr-select
+import{__decorate}from"tslib";import{relayNativeEvent}from"../../../internal/native-event-relay.js";import{emitValueEvents}from"../../../internal/value-events.js";import{installFormControlLabelSupport}from"../../../internal/form-control-labels.js";import{FormControlController,reflectFormName}from"../../../internal/form-control-controller.js";import{eventCollectionSupport}from"../../../internal/collection-snapshot.js";import{tag}from"../../../internal/prefix.js";import{html,nothing}from"lit";import{state}from"lit/decorators.js";import{LyraElement}from"../../../internal/lyra-element.js";import{LyraFormControlElement}from"../../../internal/form-control-element.js";import{deepActiveElementIn}from"../../../internal/active-element.js";import{nextId}from"../../../internal/a11y.js";import{resolveValidityAnchor,VALIDITY_ANCHOR}from"../../../internal/anchored-validity.js";import{syncValidityStates}from"../../../internal/custom-states.js";import{styles}from"./tool-param-form.styles.js";import{EMPTY_SCHEMA,MAX_ENUM_OPTIONS,MAX_SCHEMA_FIELDS,snapshotFormValue,snapshotSchema}from"./tool-param-snapshot.js";import{toolParamChoices,toolParamConstraintFailure,validToolParamConstraints}from"./tool-param-constraints.js";import"../../forms/select/select.class.js";import"../../forms/combobox/option.class.js";import"../../forms/input/number-input.class.js";import{getListFormat,getNumberFormat}from"../../../internal/intl-cache.js";import{getFormOwner,isBarredFromValidation,setFormOwner}from"../../../internal/form-associated.js";import{acquireAnnouncementSink}from"../../../internal/announcer.js";import{LYRA_DEFAULT_fieldMustBeBoolean,LYRA_DEFAULT_fieldMustBeInteger,LYRA_DEFAULT_fieldMustBeNumber,LYRA_DEFAULT_fieldMustBeOneOf,LYRA_DEFAULT_fieldMustBeString,LYRA_DEFAULT_fieldMustEqual,LYRA_DEFAULT_schemaMustBeObject,LYRA_DEFAULT_schemaPropertiesMustBeFlat,LYRA_DEFAULT_toolParamBooleanFalse,LYRA_DEFAULT_toolParamBooleanTrue,LYRA_DEFAULT_toolParamBooleanUnset,LYRA_DEFAULT_toolParamFormat,LYRA_DEFAULT_toolParamInvalidConstraint,LYRA_DEFAULT_toolParamInvalidSelection,LYRA_DEFAULT_toolParamMaxItems,LYRA_DEFAULT_toolParamMaxLength,LYRA_DEFAULT_toolParamMaximum,LYRA_DEFAULT_toolParamMinItems,LYRA_DEFAULT_toolParamMinLength,LYRA_DEFAULT_toolParamMinimum,LYRA_DEFAULT_toolParamMissingProperty,LYRA_DEFAULT_toolParamSchemaLimit,LYRA_DEFAULT_valueMustBeSerializable}from"../../../internal/default-strings/agent-tools.generated.js";import{LYRA_DEFAULT_fieldRequired,LYRA_DEFAULT_noData,LYRA_DEFAULT_unsupportedFieldType}from"../../../internal/default-strings/shared.generated.js";installFormControlLabelSupport();const MAX_LISTED_CHOICES=10;function sameErrors(left,right){const keys=Object.keys(left);return keys.length===Object.keys(right).length&&keys.every(key=>left[key]===right[key])}class LyraToolParamForm extends LyraFormControlElement{static{this.defaultStrings={...super.defaultStrings,fieldMustBeBoolean:LYRA_DEFAULT_fieldMustBeBoolean,fieldMustBeInteger:LYRA_DEFAULT_fieldMustBeInteger,fieldMustBeNumber:LYRA_DEFAULT_fieldMustBeNumber,fieldMustBeOneOf:LYRA_DEFAULT_fieldMustBeOneOf,fieldMustBeString:LYRA_DEFAULT_fieldMustBeString,fieldMustEqual:LYRA_DEFAULT_fieldMustEqual,fieldRequired:LYRA_DEFAULT_fieldRequired,noData:LYRA_DEFAULT_noData,schemaMustBeObject:LYRA_DEFAULT_schemaMustBeObject,schemaPropertiesMustBeFlat:LYRA_DEFAULT_schemaPropertiesMustBeFlat,toolParamBooleanFalse:LYRA_DEFAULT_toolParamBooleanFalse,toolParamBooleanTrue:LYRA_DEFAULT_toolParamBooleanTrue,toolParamBooleanUnset:LYRA_DEFAULT_toolParamBooleanUnset,toolParamFormat:LYRA_DEFAULT_toolParamFormat,toolParamInvalidConstraint:LYRA_DEFAULT_toolParamInvalidConstraint,toolParamInvalidSelection:LYRA_DEFAULT_toolParamInvalidSelection,toolParamMaxItems:LYRA_DEFAULT_toolParamMaxItems,toolParamMaxLength:LYRA_DEFAULT_toolParamMaxLength,toolParamMaximum:LYRA_DEFAULT_toolParamMaximum,toolParamMinItems:LYRA_DEFAULT_toolParamMinItems,toolParamMinLength:LYRA_DEFAULT_toolParamMinLength,toolParamMinimum:LYRA_DEFAULT_toolParamMinimum,toolParamMissingProperty:LYRA_DEFAULT_toolParamMissingProperty,toolParamSchemaLimit:LYRA_DEFAULT_toolParamSchemaLimit,unsupportedFieldType:LYRA_DEFAULT_unsupportedFieldType,valueMustBeSerializable:LYRA_DEFAULT_valueMustBeSerializable}}static{this.formAssociated=!0}static{this.styles=[LyraElement.styles,styles]}static{this.collectionSupport=eventCollectionSupport}static{this.immutableEventDetails=Object.freeze(["lr-validity-change","lr-input","lr-change"])}static{this.properties={customError:{attribute:"custom-error",reflect:!0,noAccessor:!0},name:{reflect:!0,noAccessor:!0},schema:{attribute:!1,noAccessor:!0},value:{attribute:!1,noAccessor:!0},disabled:{type:Boolean,reflect:!0,noAccessor:!0}}}constructor(){super(),this._errors=Object.create(null),this._formError="",this.showFormError=!1,this.touchedFields=new Set,this.baseId=nextId("tool-param-form"),this._fieldsetDisabled=!1,this._name="",this._schema=EMPTY_SCHEMA,this.schemaInputShapeError="",this.schemaInputExceededLimits=!1,this._value=Object.freeze({}),this.lastSchemaInput=EMPTY_SCHEMA,this.lastValueInput=this._value,this.valueInputInvalid=!1,this.valueInputTruncated=!1,this.defaultValueSnapshot=Object.freeze({}),this.defaultValueCaptured=!1,this._effectiveValue=Object.freeze({}),this._validityFlags={},this._disabled=!1,this.hasInteracted=!1,this.visibleErrorSnapshot=new Map,this.suppressNextErrorAnnouncement=!0,this.markInteracted=()=>{this.hasInteracted||(this.hasInteracted=!0,this.syncValidityCustomStates())},this.onValueCommit=event=>{event.stopPropagation(),this.effectiveDisabled||emitValueEvents(this,"change",{value:this.effectiveValue},detail=>this.emit("lr-change",detail))},this.stopNestedControlEvent=e=>{e.stopPropagation()},this.onFieldFocus=event=>{relayNativeEvent(this,event)},this.onFieldBlur=event=>{relayNativeEvent(this,event)},this.validityController=new FormControlController(this,{invalid:init=>this.emit("lr-invalid",null,init),interacted:this.markInteracted,customError:()=>this.validityController.customValidityMessage}),this.internals=this.validityController.formInternals,this.syncFormState()}get form(){return getFormOwner(this.internals)}set form(owner){setFormOwner(this,owner)}[VALIDITY_ANCHOR](){const field=this.firstInvalidField();if(field){const input=field.querySelector("input.control");if(input)return input;for(const child of field.children){const anchor=resolveValidityAnchor(child);if(anchor)return anchor}}return this.firstMissingPropertyError()}firstInvalidField(){if(!this.renderRoot)return;const fields=Array.from(this.renderRoot.querySelectorAll('[part="field"]'));for(const key of Object.keys(this._errors)){const field=fields.find(candidate=>candidate.dataset.key===key);if(field)return field}}get missingRequiredKeys(){const properties=this.schemaProperties;return this.requiredKeys.filter(key=>!Object.prototype.hasOwnProperty.call(properties,key)&&!!this._errors[key])}firstMissingPropertyError(){if(!this.renderRoot)return;const errors=Array.from(this.renderRoot.querySelectorAll('[part="error"][data-missing-property]'));for(const key of Object.keys(this._errors)){const error=errors.find(candidate=>candidate.dataset.key===key);if(error)return error}}focusFirstControl(options){if(!this.renderRoot)return;const controls=this.renderRoot.querySelectorAll(`input.control, ${tag("select")}, ${tag("number-input")}`);for(const control of controls)if(!(control.disabled||control.getAttribute("aria-disabled")==="true")){control.focus(options);return}}click(){this.effectiveDisabled||this.focusFirstControl()}focus(options){this.effectiveDisabled||this.focusFirstControl(options)}blur(){const active=deepActiveElementIn(this.isConnected?this.shadowRoot:null);active&&typeof active.blur=="function"&&active.blur()}connectedCallback(){this.defaultValueCaptured||(this.defaultValueSnapshot=this._value,this.defaultValueCaptured=!0),super.connectedCallback(),this.errorAnnouncementSink?.element.ownerDocument!==this.ownerDocument&&(this.errorAnnouncementSink?.release(),this.errorAnnouncementSink=acquireAnnouncementSink("assertive",{document:this.ownerDocument,source:this})),this.hasUpdated&&(this.suppressNextErrorAnnouncement=!0,this.requestUpdate()),this.syncFormState()}disconnectedCallback(){super.disconnectedCallback(),this.errorAnnouncementSink?.release(),this.errorAnnouncementSink=void 0,this.suppressNextErrorAnnouncement=!0}get effectiveValue(){return this._effectiveValue}get schemaProperties(){return this._schema.properties}get requiredKeys(){return this._schema.required??Object.freeze([])}resolveEffectiveValue(){const props=this.schemaProperties,out={...this.value};for(const[key,prop]of Object.entries(props)){const fallback=prop.const!==void 0?prop.const:prop.default;!Object.prototype.hasOwnProperty.call(this.value,key)&&fallback!==void 0&&Object.defineProperty(out,key,{configurable:!0,enumerable:!0,writable:!0,value:fallback})}return snapshotFormValue(out).value}get schema(){return this._schema}set schema(next){if(next===this._schema||next===this.lastSchemaInput)return;this.lastSchemaInput=next;const old=this._schema,snapshot=snapshotSchema(next);this._schema=snapshot.schema,this.schemaInputShapeError=snapshot.shapeError,this.schemaInputExceededLimits=snapshot.exceededLimits,this.syncFormState(),this.requestUpdate("schema",old)}get value(){return this._value}set value(next){next===this._value||next===this.lastValueInput||(this.lastValueInput=next,this.applyValue(next))}applyValue(next){const old=this._value,snapshot=snapshotFormValue(next);this._value=snapshot.value,this.valueInputInvalid=snapshot.invalid,this.valueInputTruncated=snapshot.truncated,this.syncFormState(),this.requestUpdate("value",old)}get name(){return this._name}set name(next){const old=this._name;this._name=next??"",reflectFormName(this,this._name),this.requestUpdate("name",old)}get disabled(){return this._disabled}set disabled(next){const old=this._disabled;this._disabled=!!next,this.toggleAttribute("disabled",this._disabled),this._fieldsetDisabled=this.validityController?.fieldsetDisabled(this._fieldsetDisabled)??this._fieldsetDisabled,this.applyValidity(),this.requestUpdate("disabled",old)}get effectiveDisabled(){return this.disabled||this._fieldsetDisabled}get errors(){return this.publicValidityErrors()}publicValidityErrors(){const errors={...this._errors};return this.willValidate&&(this.validityController.customValidityMessage||this._formError)&&(errors.base=this.validationMessage),Object.freeze(errors)}publishValiditySnapshot(){if(!this.isConnected)return;const valid=!this.willValidate||this.validity.valid,errors=valid?Object.freeze({}):this.publicValidityErrors(),key=JSON.stringify({valid,errors});key!==this.lastValidityKey&&(this.lastValidityKey=key,this.emit("lr-validity-change",Object.freeze({valid,errors})))}get formError(){return this._formError}selectionMessage(prop){const choices=prop.type==="string"?toolParamChoices(prop):void 0;return!choices||choices.length===0||choices.length>MAX_LISTED_CHOICES?this.localize("toolParamInvalidSelection"):this.localize("fieldMustBeOneOf",void 0,{values:getListFormat(this.effectiveLocale,{style:"long",type:"disjunction"}).format(choices.map(choice=>choice.label))})}computeValidation(effective){const props=this.schemaProperties,required=new Set(this.requiredKeys),out=Object.create(null),flags={},addError=(key,message)=>{Object.defineProperty(out,key,{configurable:!0,enumerable:!0,writable:!0,value:message})};for(const[key,prop]of Object.entries(props)){const type=prop?.type;if(type!=="string"&&type!=="number"&&type!=="integer"&&type!=="boolean"&&type!=="array"){addError(key,this.localize("unsupportedFieldType",void 0,{type:String(type)})),flags.customError=!0;continue}if(!validToolParamConstraints(prop)){addError(key,this.localize("toolParamInvalidConstraint")),flags.customError=!0;continue}if(!(Object.prototype.hasOwnProperty.call(effective,key)&&effective[key]!==void 0)){required.has(key)&&(addError(key,this.localize("fieldRequired")),flags.valueMissing=!0);continue}const v=effective[key];if(type==="string"&&typeof v!="string"){addError(key,this.localize("fieldMustBeString")),flags.typeMismatch=!0;continue}if(type==="number"&&(typeof v!="number"||!Number.isFinite(v))){addError(key,this.localize("fieldMustBeNumber")),flags.typeMismatch=!0;continue}if(type==="integer"&&(typeof v!="number"||!Number.isFinite(v))){addError(key,this.localize("fieldMustBeInteger")),flags.typeMismatch=!0;continue}if(type==="integer"&&!Number.isInteger(v)){addError(key,this.localize("fieldMustBeInteger")),flags.stepMismatch=!0;continue}if(type==="boolean"&&typeof v!="boolean"){addError(key,this.localize("fieldMustBeBoolean")),flags.typeMismatch=!0;continue}const constraint=toolParamConstraintFailure(prop,v);if(constraint){const number=getNumberFormat(this.effectiveLocale),message=constraint==="minLength"?this.localize("toolParamMinLength",void 0,{count:number.format(prop.minLength)}):constraint==="maxLength"?this.localize("toolParamMaxLength",void 0,{count:number.format(prop.maxLength)}):constraint==="minimum"?this.localize("toolParamMinimum",void 0,{value:number.format(prop.minimum)}):constraint==="maximum"?this.localize("toolParamMaximum",void 0,{value:number.format(prop.maximum)}):constraint==="minItems"?this.localize("toolParamMinItems",void 0,{count:number.format(prop.minItems)}):constraint==="maxItems"?this.localize("toolParamMaxItems",void 0,{count:number.format(prop.maxItems)}):constraint==="format"?this.localize("toolParamFormat",void 0,{format:prop.format}):this.selectionMessage(prop);addError(key,message),flags.customError=!0;continue}prop.const!==void 0&&v!==prop.const&&(addError(key,this.localize("fieldMustEqual",void 0,{value:JSON.stringify(prop.const)})),flags.customError=!0)}for(const key of required)Object.prototype.hasOwnProperty.call(props,key)||(!Object.prototype.hasOwnProperty.call(effective,key)||effective[key]===void 0)&&(addError(key,this.localize("fieldRequired")),flags.valueMissing=!0);return{errors:out,flags}}checkValidity(){return this.validityController.checkValidity(()=>this.syncFormState())}reportValidity(){this.validityController.syncConstraints(),this.hasInteracted=!0,this.syncFormState(),Object.keys(this._errors).length>0&&(this.touchedFields=new Set([...this.touchedFields,...Object.keys(this._errors)])),this._formError&&(this.showFormError=!0),this.requestUpdate();const valid=this.internals.reportValidity();return!valid&&!this.firstInvalidField()&&this.missingRequiredKeys.length>0&&this.updateComplete.then(()=>{const error=this.firstMissingPropertyError();this.validityController.refreshAnchor(),error?.focus()}),valid}setCustomValidity(message){this.validityController.setCustomValidity(message??""),this.syncValidityCustomStates(),this.publishValiditySnapshot(),this.requestUpdate()}formResetCallback(){this.hasInteracted=!1,this.applyValue(this.defaultValueSnapshot),this.touchedFields=new Set,this.showFormError=!1}formStateRestoreCallback(state2,_mode){let restored={};if(typeof state2=="string")try{const parsed=JSON.parse(state2);parsed!==null&&typeof parsed=="object"&&!Array.isArray(parsed)&&(restored=parsed)}catch{}this.applyValue(restored)}formDisabledCallback(disabled){if(this.validityController?.reflectingDisabled)return;const wasDisabled=this.effectiveDisabled;this._fieldsetDisabled=disabled,wasDisabled!==this.effectiveDisabled&&(this.applyValidity(),this.requestUpdate())}schemaShapeError(){return this.schemaInputShapeError==="object"?this.localize("schemaMustBeObject"):this.schemaInputShapeError==="properties"?this.localize("schemaPropertiesMustBeFlat"):this.schemaInputExceededLimits?this.localize("toolParamSchemaLimit",void 0,{fields:getNumberFormat(this.effectiveLocale).format(MAX_SCHEMA_FIELDS),options:getNumberFormat(this.effectiveLocale).format(MAX_ENUM_OPTIONS)}):""}serializeEffectiveValue(effective){const serialized=JSON.stringify(effective,(_key,value)=>{if(typeof value=="number"&&!Number.isFinite(value))throw new TypeError("Non-finite numbers are not JSON values.");return value});if(typeof serialized!="string")throw new TypeError("Value did not serialize to JSON.");return serialized}get barredFromValidation(){return isBarredFromValidation(this,this.internals)}syncInternals(formValue){this.internals.setFormValue(formValue,formValue),this.applyValidity()}applyValidity(){if(this.validityController){if(this.barredFromValidation||Object.keys(this._validityFlags).length===0)this.validityController.setValidity({});else{const firstMessage=Object.values(this._errors)[0]??this._formError;this.validityController.setValidity(this._validityFlags,firstMessage)}this.syncValidityCustomStates(),this.publishValiditySnapshot()}}syncValidityCustomStates(){syncValidityStates(this.internals,{required:this.requiredKeys.length>0,hasInteracted:this.hasInteracted,barred:this.barredFromValidation})}syncFormState(){let effective=Object.freeze({}),errors={},flags={},formError="",formValue=null;try{if(formError=this.schemaShapeError(),this.valueInputInvalid||this.valueInputTruncated)throw new TypeError("The value could not be retained within the public snapshot boundary.");effective=this.resolveEffectiveValue();const validation=this.computeValidation(effective);errors=validation.errors,flags=validation.flags,formValue=this.serializeEffectiveValue(effective)}catch{formError=this.localize("valueMustBeSerializable"),formValue=null}formError&&(flags.customError=!0,formValue=null),this._effectiveValue=effective,sameErrors(this._errors,errors)||(this._errors=errors),this._formError=formError,this._validityFlags=flags,this.syncInternals(formValue)}updated(changed){if(super.updated(changed),this.publishValiditySnapshot(),changed.has("value")||changed.has("schema")||changed.has("_errors")||changed.has("_formError")){const nestedUpdates=Array.from(this.firstInvalidField()?.children??[]).filter(element=>typeof element[VALIDITY_ANCHOR]=="function").map(element=>element.updateComplete).filter(update=>update!==void 0);nestedUpdates.length>0&&Promise.all(nestedUpdates).then(()=>this.validityController.refreshAnchor())}const currentErrors=this.visibleErrors();if(!this.suppressNextErrorAnnouncement){const freshMessages=[];for(const[key,text]of currentErrors)this.visibleErrorSnapshot.get(key)!==text&&!freshMessages.includes(text)&&freshMessages.push(text);freshMessages.length>0&&this.errorAnnouncementSink?.announce(freshMessages.join(" "))}this.visibleErrorSnapshot=currentErrors,this.suppressNextErrorAnnouncement=!1}visibleErrors(){const visible=new Map;for(const key of Object.keys(this.schemaProperties)){const message=this.touchedFields.has(key)?this._errors[key]:void 0;message&&visible.set(key,message)}for(const key of this.missingRequiredKeys)this.touchedFields.has(key)&&visible.set(key,this.localize("toolParamMissingProperty",void 0,{key}));return this.showFormError&&this._formError&&visible.set("form",this._formError),visible}setFieldValue(key,val,committed=!1){if(this.effectiveDisabled)return;this.hasInteracted=!0,this.applyValue({...this.value,[key]:val});const detail={value:this.effectiveValue};emitValueEvents(this,"input",detail,detail2=>this.emit("lr-input",detail2)),committed&&emitValueEvents(this,"change",detail,detail2=>this.emit("lr-change",detail2))}markTouched(key){this.hasInteracted=!0,this.syncValidityCustomStates(),!this.touchedFields.has(key)&&(this.touchedFields=new Set(this.touchedFields).add(key))}onTextInput(key,e){e.stopPropagation(),this.setFieldValue(key,e.target.value)}onNumberInput(key,e){e.stopPropagation();const n=e.target.valueAsNumber;this.setFieldValue(key,Number.isNaN(n)?void 0:n)}onSelectChange(key,e){e.stopPropagation(),this.setFieldValue(key,e.target.value,!0)}onBooleanSelectChange(key,e){e.stopPropagation();const value=e.target.value;if(value===""){if(this.effectiveDisabled)return;if(this.hasInteracted=!0,this.schemaProperties[key]?.default!==void 0)this.applyValue({...this.value,[key]:void 0});else{const next={...this.value};Reflect.deleteProperty(next,key),this.applyValue(next)}const detail={value:this.effectiveValue};emitValueEvents(this,"input",detail,detail2=>this.emit("lr-input",detail2)),emitValueEvents(this,"change",detail,detail2=>this.emit("lr-change",detail2));return}this.setFieldValue(key,value==="true",!0)}renderControl(key,prop,fieldId,label,required,describedBy,errorMessage,effective){const choices=toolParamChoices(prop);if((prop.type==="string"||prop.type==="array")&&choices&&choices.length>0)return html`<lr-select
         id=${fieldId}
         .label=${label}
         .hint=${prop.description??""}

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

@@ -1,7 +1,4 @@
-import{type TemplateResult,type PropertyValues}from'lit';import{LyraElement}from'../../../internal/lyra-element.js';import type{LyraToolStatus}from'../../../internal/shared-unions.js';
-/** Same status vocabulary as `<lr-tool-call-chip>`, including `incomplete` for a call that ended
-*  without a result. */
-export type ToolResultStatus=LyraToolStatus|'incomplete';
+import{type TemplateResult,type PropertyValues}from'lit';import{LyraElement}from'../../../internal/lyra-element.js';import{type ToolStatus}from'../tool-status.js';
 /**
 * Reason the dialog was dismissed, forwarded as the `lr-close` event
 * detail -- mirrors `<lr-dialog>`'s own `DialogCloseReason` shape.
@@ -117,7 +114,7 @@ toolName:string;
 * out-of-union value (e.g. a stray `status` attribute, or a direct property
 * assignment from an untyped caller) normalizes and reflects as `'pending'`.
 */
-get status():ToolResultStatus;set status(next:ToolResultStatus);private statusValue;
+get status():ToolStatus;set status(next:ToolStatus);private statusValue;
 /** How long the call took, in milliseconds. Omitted from the header entirely when unset. */
 durationMs?:number;
 /** Near-fullscreen presentation of the same open dialog. */

package/dist/components/agent-tools/tool-result-dialog/tool-result-dialog.class.js

@@ -1,4 +1,4 @@
-import{__decorate}from"tslib";import{NativeModalCarrier}from"../../../internal/native-modal-carrier.js";import{ModalSurfaceController}from"../../../internal/modal-surface-controller.js";import{nativeModalCarrierStyles}from"../../../internal/native-modal-carrier.styles.js";import{html,svg,nothing}from"lit";import{property,state}from"lit/decorators.js";import{LyraElement}from"../../../internal/lyra-element.js";import{activateOverlay}from"../../../internal/overlay-manager.js";import{nextId}from"../../../internal/a11y.js";import{closeIcon,expandIcon}from"../../../internal/icons.js";import{formatShortDuration,safeDurationMs}from"../../../internal/duration.js";import{TOOL_CALL_STATUSES,TOOL_STATUS_LABEL_KEY,toolGlyph,toolStatusIcon}from"../tool-status.js";import{literalSetConverter}from"../../../internal/converters.js";import{styles}from"./tool-result-dialog.styles.js";import{LYRA_DEFAULT_close,LYRA_DEFAULT_collapse,LYRA_DEFAULT_details,LYRA_DEFAULT_durationMilliseconds,LYRA_DEFAULT_durationSeconds,LYRA_DEFAULT_map,LYRA_DEFAULT_maximize,LYRA_DEFAULT_navigation,LYRA_DEFAULT_open,LYRA_DEFAULT_popover,LYRA_DEFAULT_restore,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_toolCall}from"../../../internal/default-strings.generated.js";function shrinkIcon(){return toolGlyph(svg`
+import{__decorate}from"tslib";import{NativeModalCarrier}from"../../../internal/native-modal-carrier.js";import{ModalSurfaceController}from"../../../internal/modal-surface-controller.js";import{nativeModalCarrierStyles}from"../../../internal/native-modal-carrier.styles.js";import{html,svg,nothing}from"lit";import{property,state}from"lit/decorators.js";import{LyraElement}from"../../../internal/lyra-element.js";import{activateOverlay}from"../../../internal/overlay-manager.js";import{nextId}from"../../../internal/a11y.js";import{closeIcon,expandIcon}from"../../../internal/icons.js";import{formatShortDuration,safeDurationMs}from"../../../internal/duration.js";import{TOOL_CALL_STATUSES,TOOL_STATUS_LABEL_KEY,toolGlyph,toolStatusIcon}from"../tool-status.js";import{literalSetConverter}from"../../../internal/converters.js";import{styles}from"./tool-result-dialog.styles.js";import{LYRA_DEFAULT_maximize,LYRA_DEFAULT_toolCall}from"../../../internal/default-strings/agent-tools.generated.js";import{LYRA_DEFAULT_close,LYRA_DEFAULT_collapse,LYRA_DEFAULT_details,LYRA_DEFAULT_durationMilliseconds,LYRA_DEFAULT_durationSeconds,LYRA_DEFAULT_map,LYRA_DEFAULT_navigation,LYRA_DEFAULT_open,LYRA_DEFAULT_popover,LYRA_DEFAULT_restore,LYRA_DEFAULT_search,LYRA_DEFAULT_select,LYRA_DEFAULT_statusDenied,LYRA_DEFAULT_statusError,LYRA_DEFAULT_statusIncomplete,LYRA_DEFAULT_statusPending,LYRA_DEFAULT_statusRunning,LYRA_DEFAULT_statusSuccess}from"../../../internal/default-strings/shared.generated.js";function shrinkIcon(){return toolGlyph(svg`
     <polyline points="4 14 10 14 10 20"></polyline>
     <polyline points="20 10 14 10 14 4"></polyline>
     <line x1="14" y1="10" x2="21" y2="3"></line>

package/dist/components/agent-tools/tool-result-dialog/tool-result-dialog.styles.js

@@ -1 +1 @@
-import{iconHitTarget,focusRing}from"../../../internal/interactive-control.styles.js";import{css}from"lit";import{modalHostStyles}from"../../../internal/native-modal-carrier.styles.js";const styles=css` :host { --_lr-tool-result-dialog-overlay-color: var(--lr-color-overlay); --_lr-tool-result-dialog-maximized-inset: max( var(--lr-space-l), var(--lr-safe-area-top) ) max(var(--lr-space-l), var(--lr-safe-area-inline-end)) max(var(--lr-space-l), var(--lr-safe-area-bottom)) max(var(--lr-space-l), var(--lr-safe-area-inline-start)); --_lr-tool-result-dialog-spin: var(--lr-transition-ambient); --_lr-tool-result-dialog-pending-color: var(--lr-color-text-quiet); --_lr-tool-result-dialog-pending-bg: transparent; --_lr-tool-result-dialog-running-color: var(--lr-color-brand); --_lr-tool-result-dialog-running-bg: var(--lr-color-brand-quiet); --_lr-tool-result-dialog-success-color: var(--lr-color-success); --_lr-tool-result-dialog-success-bg: var(--lr-color-success-quiet); --_lr-tool-result-dialog-error-color: var(--lr-color-danger); --_lr-tool-result-dialog-error-bg: var(--lr-color-danger-quiet); --_lr-tool-result-dialog-denied-color: var(--lr-color-warning); --_lr-tool-result-dialog-denied-bg: var(--lr-color-warning-quiet); --_lr-tool-result-dialog-incomplete-color: var(--lr-color-text-quiet); --_lr-tool-result-dialog-incomplete-bg: transparent; ${modalHostStyles} align-items: center; justify-content: center; padding-block-start: max(var(--lr-space-l), var(--lr-safe-area-top)); padding-block-end: max(var(--lr-space-l), var(--lr-safe-area-bottom)); padding-inline-start: max( var(--lr-space-l), var(--lr-safe-area-inline-start) ); padding-inline-end: max(var(--lr-space-l), var(--lr-safe-area-inline-end)); } :host([open]) { display: flex; } [part="backdrop"] { position: absolute; inset: 0; background: var( --lr-tool-result-dialog-overlay-color, var(--_lr-tool-result-dialog-overlay-color) ); } [part="panel"] { position: relative; display: flex; flex-direction: column; inline-size: min(var(--lr-size-48rem), 100%); min-inline-size: 0; max-block-size: 100%; box-sizing: border-box; background: var(--lr-color-surface-overlay); border: var(--lr-border-width-thin) solid var(--lr-color-border-subtle); border-radius: var(--lr-radius); box-shadow: var(--lr-shadow-xl); overflow: hidden; transition: inline-size var(--lr-transition-base), block-size var(--lr-transition-base); } :host([maximized]) [part="panel"] { position: fixed; inset: var( --lr-tool-result-dialog-maximized-inset, var(--_lr-tool-result-dialog-maximized-inset) ); inline-size: auto; max-block-size: none; } [part="header"] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--lr-space-s); min-inline-size: 0; max-inline-size: 100%; box-sizing: border-box; padding: var(--lr-space-m) var(--lr-space-l); border-block-end: var(--lr-border-width-thin) solid var(--lr-color-border-subtle); } [part="title"] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--lr-space-s); flex: 1 1 auto; min-inline-size: 0; max-inline-size: 100%; } [part="tool-name"] { flex: 1 1 auto; min-inline-size: 0; max-inline-size: 100%; font-weight: var(--lr-font-weight-semibold); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } [part="status"] { display: inline-flex; align-items: center; gap: var(--lr-size-0-25rem); flex: 0 1 auto; min-inline-size: 0; max-inline-size: 100%; box-sizing: border-box; padding: var(--lr-size-0-125rem) var(--lr-space-xs); border-radius: var(--lr-radius); font-size: var(--lr-font-size-xs); font-weight: var(--lr-font-weight-semibold); white-space: normal; overflow-wrap: anywhere; color: var( --lr-tool-result-dialog-pending-color, var(--_lr-tool-result-dialog-pending-color) ); background: var( --lr-tool-result-dialog-pending-bg, var(--_lr-tool-result-dialog-pending-bg) ); } [part="status"] svg { flex: 0 0 auto; inline-size: var(--lr-size-1em); block-size: var(--lr-size-1em); } [part="status"] span { min-inline-size: 0; overflow-wrap: anywhere; } :host([status="running"]) [part="status"] { color: var( --lr-tool-result-dialog-running-color, var(--_lr-tool-result-dialog-running-color) ); background: var( --lr-tool-result-dialog-running-bg, var(--_lr-tool-result-dialog-running-bg) ); } :host([status="success"]) [part="status"] { color: var( --lr-tool-result-dialog-success-color, var(--_lr-tool-result-dialog-success-color) ); background: var( --lr-tool-result-dialog-success-bg, var(--_lr-tool-result-dialog-success-bg) ); } :host([status="error"]) [part="status"] { color: var( --lr-tool-result-dialog-error-color, var(--_lr-tool-result-dialog-error-color) ); background: var( --lr-tool-result-dialog-error-bg, var(--_lr-tool-result-dialog-error-bg) ); } :host([status="denied"]) [part="status"] { color: var( --lr-tool-result-dialog-denied-color, var(--_lr-tool-result-dialog-denied-color) ); background: var( --lr-tool-result-dialog-denied-bg, var(--_lr-tool-result-dialog-denied-bg) ); } :host([status="incomplete"]) [part="status"] { color: var( --lr-tool-result-dialog-incomplete-color, var(--_lr-tool-result-dialog-incomplete-color) ); background: var( --lr-tool-result-dialog-incomplete-bg, var(--_lr-tool-result-dialog-incomplete-bg) ); } :host([status="running"]) [part="status"] svg { animation: var(--_lr-motion-animation, lr-tool-result-dialog-spin var(--lr-tool-result-dialog-spin, var(--_lr-tool-result-dialog-spin)) infinite); } [part="duration"] { max-inline-size: 100%; font-size: var(--lr-font-size-xs); color: var(--lr-color-text-quiet); white-space: nowrap; } [part="header-actions"] { display: flex; align-items: center; gap: var(--lr-space-xs); flex: 0 0 auto; max-inline-size: 100%; margin-inline-start: auto; } [part="maximize-button"], [part="close-button"] { display: inline-flex; font: inherit; align-items: center; justify-content: center; ${iconHitTarget} border: none; background: transparent; color: var(--lr-color-text-quiet); border-radius: var(--lr-radius); cursor: pointer; } [part="maximize-button"]:hover, [part="close-button"]:hover { background: var(--lr-color-brand-quiet); color: var(--lr-color-brand); } [part="maximize-button"]:active, [part="close-button"]:active { background: color-mix( in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active) ); } [part="maximize-button"]:focus-visible, [part="close-button"]:focus-visible { ${focusRing} } [part="body"] { flex: 1 1 auto; min-block-size: 0; padding: var(--lr-space-l); overflow: auto; } [part="footer"] { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--lr-space-s); padding: var(--lr-space-m) var(--lr-space-l); border-block-start: var(--lr-border-width-thin) solid var(--lr-color-border-subtle); } [part="footer"][hidden] { display: none; } @keyframes lr-tool-result-dialog-spin { to { transform: rotate(360deg); } } @media (prefers-reduced-motion: reduce) { [part="panel"] { transition: none !important; } :host([status="running"]) [part="status"] svg { animation: none !important; } } `;export{styles};
+import{toolStatusKeyframes}from"../tool-status.styles.js";import{iconHitTarget,focusRing}from"../../../internal/interactive-control.styles.js";import{css}from"lit";import{modalHostStyles}from"../../../internal/native-modal-carrier.styles.js";const styles=css` :host { --_lr-tool-result-dialog-overlay-color: var(--lr-color-overlay); --_lr-tool-result-dialog-maximized-inset: max( var(--lr-space-l), var(--lr-safe-area-top) ) max(var(--lr-space-l), var(--lr-safe-area-inline-end)) max(var(--lr-space-l), var(--lr-safe-area-bottom)) max(var(--lr-space-l), var(--lr-safe-area-inline-start)); --_lr-tool-result-dialog-spin: var(--lr-transition-ambient); --_lr-tool-result-dialog-pending-color: var(--lr-color-text-quiet); --_lr-tool-result-dialog-pending-bg: transparent; --_lr-tool-result-dialog-running-color: var(--lr-color-brand); --_lr-tool-result-dialog-running-bg: var(--lr-color-brand-quiet); --_lr-tool-result-dialog-success-color: var(--lr-color-success); --_lr-tool-result-dialog-success-bg: var(--lr-color-success-quiet); --_lr-tool-result-dialog-error-color: var(--lr-color-danger); --_lr-tool-result-dialog-error-bg: var(--lr-color-danger-quiet); --_lr-tool-result-dialog-denied-color: var(--lr-color-warning); --_lr-tool-result-dialog-denied-bg: var(--lr-color-warning-quiet); --_lr-tool-result-dialog-incomplete-color: var(--lr-color-text-quiet); --_lr-tool-result-dialog-incomplete-bg: transparent; ${modalHostStyles} align-items: center; justify-content: center; padding-block-start: max(var(--lr-space-l), var(--lr-safe-area-top)); padding-block-end: max(var(--lr-space-l), var(--lr-safe-area-bottom)); padding-inline-start: max( var(--lr-space-l), var(--lr-safe-area-inline-start) ); padding-inline-end: max(var(--lr-space-l), var(--lr-safe-area-inline-end)); } :host([open]) { display: flex; } [part="backdrop"] { position: absolute; inset: 0; background: var( --lr-tool-result-dialog-overlay-color, var(--_lr-tool-result-dialog-overlay-color) ); } [part="panel"] { position: relative; display: flex; flex-direction: column; inline-size: min(var(--lr-size-48rem), 100%); min-inline-size: 0; max-block-size: 100%; box-sizing: border-box; background: var(--lr-color-surface-overlay); border: var(--lr-border-width-thin) solid var(--lr-color-border-subtle); border-radius: var(--lr-radius); box-shadow: var(--lr-shadow-xl); overflow: hidden; transition: inline-size var(--lr-transition-base), block-size var(--lr-transition-base); } :host([maximized]) [part="panel"] { position: fixed; inset: var( --lr-tool-result-dialog-maximized-inset, var(--_lr-tool-result-dialog-maximized-inset) ); inline-size: auto; max-block-size: none; } [part="header"] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--lr-space-s); min-inline-size: 0; max-inline-size: 100%; box-sizing: border-box; padding: var(--lr-space-m) var(--lr-space-l); border-block-end: var(--lr-border-width-thin) solid var(--lr-color-border-subtle); } [part="title"] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--lr-space-s); flex: 1 1 auto; min-inline-size: 0; max-inline-size: 100%; } [part="tool-name"] { flex: 1 1 auto; min-inline-size: 0; max-inline-size: 100%; font-weight: var(--lr-font-weight-semibold); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } [part="status"] { display: inline-flex; align-items: center; gap: var(--lr-size-0-25rem); flex: 0 1 auto; min-inline-size: 0; max-inline-size: 100%; box-sizing: border-box; padding: var(--lr-size-0-125rem) var(--lr-space-xs); border-radius: var(--lr-radius); font-size: var(--lr-font-size-xs); font-weight: var(--lr-font-weight-semibold); white-space: normal; overflow-wrap: anywhere; color: var( --lr-tool-result-dialog-pending-color, var(--_lr-tool-result-dialog-pending-color) ); background: var( --lr-tool-result-dialog-pending-bg, var(--_lr-tool-result-dialog-pending-bg) ); } [part="status"] svg { flex: 0 0 auto; inline-size: var(--lr-size-1em); block-size: var(--lr-size-1em); } [part="status"] span { min-inline-size: 0; overflow-wrap: anywhere; } :host([status="running"]) [part="status"] { color: var( --lr-tool-result-dialog-running-color, var(--_lr-tool-result-dialog-running-color) ); background: var( --lr-tool-result-dialog-running-bg, var(--_lr-tool-result-dialog-running-bg) ); } :host([status="success"]) [part="status"] { color: var( --lr-tool-result-dialog-success-color, var(--_lr-tool-result-dialog-success-color) ); background: var( --lr-tool-result-dialog-success-bg, var(--_lr-tool-result-dialog-success-bg) ); } :host([status="error"]) [part="status"] { color: var( --lr-tool-result-dialog-error-color, var(--_lr-tool-result-dialog-error-color) ); background: var( --lr-tool-result-dialog-error-bg, var(--_lr-tool-result-dialog-error-bg) ); } :host([status="denied"]) [part="status"] { color: var( --lr-tool-result-dialog-denied-color, var(--_lr-tool-result-dialog-denied-color) ); background: var( --lr-tool-result-dialog-denied-bg, var(--_lr-tool-result-dialog-denied-bg) ); } :host([status="incomplete"]) [part="status"] { color: var( --lr-tool-result-dialog-incomplete-color, var(--_lr-tool-result-dialog-incomplete-color) ); background: var( --lr-tool-result-dialog-incomplete-bg, var(--_lr-tool-result-dialog-incomplete-bg) ); } :host([status="running"]) [part="status"] svg { animation: var(--_lr-motion-animation, lr-tool-status-spin var(--lr-tool-result-dialog-spin, var(--_lr-tool-result-dialog-spin)) infinite); } [part="duration"] { max-inline-size: 100%; font-size: var(--lr-font-size-xs); color: var(--lr-color-text-quiet); white-space: nowrap; } [part="header-actions"] { display: flex; align-items: center; gap: var(--lr-space-xs); flex: 0 0 auto; max-inline-size: 100%; margin-inline-start: auto; } [part="maximize-button"], [part="close-button"] { display: inline-flex; font: inherit; align-items: center; justify-content: center; ${iconHitTarget} border: none; background: transparent; color: var(--lr-color-text-quiet); border-radius: var(--lr-radius); cursor: pointer; } [part="maximize-button"]:hover, [part="close-button"]:hover { background: var(--lr-color-brand-quiet); color: var(--lr-color-brand); } [part="maximize-button"]:active, [part="close-button"]:active { background: color-mix( in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active) ); } [part="maximize-button"]:focus-visible, [part="close-button"]:focus-visible { ${focusRing} } [part="body"] { flex: 1 1 auto; min-block-size: 0; padding: var(--lr-space-l); overflow: auto; } [part="footer"] { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--lr-space-s); padding: var(--lr-space-m) var(--lr-space-l); border-block-start: var(--lr-border-width-thin) solid var(--lr-color-border-subtle); } [part="footer"][hidden] { display: none; } @media (prefers-reduced-motion: reduce) { [part="panel"] { transition: none !important; } :host([status="running"]) [part="status"] svg { animation: none !important; } } ${toolStatusKeyframes} `;export{styles};

package/dist/components/agent-tools/tool-result-view/registry.d.ts

@@ -9,16 +9,8 @@
 * "*_search" tool returning `{ results: [...] }`) or when the caller doesn't
 * reliably know the tool name at all.
 */
-/**
-* `ToolResultStatus` lives on `<lr-tool-result-dialog>` (`tool-result-dialog.class.ts`) and is
-* re-exported here rather than duplicated -- this module's cycle analysis (see
-* `scripts/check-import-cycles.mjs`, run as part of `contract-policy`) confirmed
-* `tool-result-dialog.class.ts` and everything *it* imports (`LyraElement`, `scroll-lock`,
-* `overlay-manager`, `a11y`, `icons`, `numbers`) has zero path back into this `tool-result-view/`
-* directory, so importing the type here creates no circular import; `verbatimModuleSyntax` erases
-* the `import type` at build time regardless, so this costs nothing at runtime either way.
-*/
-import type{ToolResultStatus}from'../tool-result-dialog/tool-result-dialog.class.js';export type{ToolResultStatus};
+/** The shared tool-call status union (`../tool-status.ts`), re-exported for renderers. */
+import type{ToolStatus}from'../tool-status.js';export type{ToolStatus};
 /**
 * Handed to a renderer's `render()` as an optional 3rd positional argument (see
 * `ToolRendererDefinition.render`). A pre-existing 2-arg `render(result, args)` function stays
@@ -38,7 +30,7 @@ export interface ToolRenderContext{
 * default, `'success'`. Calls from a renderer that throws, or after a later render has started,
 * are ignored.
 */
-reportStatus:(status:ToolResultStatus)=>void;}interface ToolRendererDefinitionBase{
+reportStatus:(status:ToolStatus)=>void;}interface ToolRendererDefinitionBase{
 /** Facade/shape-based dispatch predicate -- see the module doc's dispatch order. */
 readonly matches?:(payload:unknown)=>boolean;}
 /** A renderer whose implementation is already available synchronously. */
@@ -54,7 +46,7 @@ export interface DirectToolRendererDefinition extends ToolRendererDefinitionBase
 * it's the last positional parameter, so every pre-existing 2-arg `render(result, args)`
 * function stays assignable unchanged. Direct callers can omit it; use
 * `context?.reportStatus()` to signal a non-throwing
-* failure (or any other `ToolResultStatus`) while still rendering real content, instead of
+* failure (or any other `ToolStatus`) while still rendering real content, instead of
 * throwing and losing that content to the `<lr-json-viewer>` fallback.
 */
 readonly render:(result:unknown,args:unknown,context?:ToolRenderContext)=>unknown;

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

@@ -1,4 +1,4 @@
-import{type TemplateResult,type PropertyValues}from'lit';import{LyraElement}from'../../../internal/lyra-element.js';import{type ToolRendererRegistry,type ToolResultStatus}from'./registry.js';import'../../overlays/skeleton/skeleton.class.js';import'../../utility/json-viewer/json-viewer.class.js';import'../../utility/copy-button/copy-button.class.js';
+import{type TemplateResult,type PropertyValues}from'lit';import{LyraElement}from'../../../internal/lyra-element.js';import{type ToolRendererRegistry,type ToolStatus}from'./registry.js';import'../../overlays/skeleton/skeleton.class.js';import'../../utility/json-viewer/json-viewer.class.js';import'../../utility/copy-button/copy-button.class.js';
 /** The two supported built-in fallback presentations. Invalid runtime values normalize to `json`. */
 export type ToolResultFallback='json'|'text';export interface LyraToolResultViewEventMap{'lr-render-error':CustomEvent<{toolName:string;error:unknown;}>;}
 /**
@@ -67,4 +67,4 @@ copyable:boolean;
 * later renderer that stays quiet doesn't inherit a stale outcome from a previous one. Reuses the
 * same vocabulary as `<lr-tool-result-dialog>`'s own `status` property.
 */
-status:ToolResultStatus;private renderState;private generation;private renderAttempt?;private resolvedLazy?;protected willUpdate(changed:PropertyValues):void;private resolve;private renderWith;private fail;render():TemplateResult;private renderFallback;}declare global{interface HTMLElementTagNameMap{'lr-tool-result-view':LyraToolResultView;}}
+status:ToolStatus;private renderState;private generation;private renderAttempt?;private resolvedLazy?;protected willUpdate(changed:PropertyValues):void;private resolve;private renderWith;private fail;render():TemplateResult;private renderFallback;}declare global{interface HTMLElementTagNameMap{'lr-tool-result-view':LyraToolResultView;}}

package/dist/components/agent-tools/tool-result-view/tool-result-view.class.js

@@ -1,4 +1,4 @@
-import{__decorate}from"tslib";import{collectionSupport}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{srOnly}from"../../../internal/a11y.js";import{findToolRenderer,getDefaultToolRendererRegistry,loadToolRenderer}from"./registry.js";import{styles}from"./tool-result-view.styles.js";import"../../overlays/skeleton/skeleton.class.js";import"../../utility/json-viewer/json-viewer.class.js";import"../../utility/copy-button/copy-button.class.js";import{LYRA_DEFAULT_loading}from"../../../internal/default-strings.generated.js";const FALLBACK_STATE={kind:"fallback"};class LyraToolResultView extends LyraElement{constructor(){super(...arguments),this.toolName="",this._fallback="json",this.copyable=!1,this.status="success",this.renderState=FALLBACK_STATE,this.generation=0}static{this.defaultStrings={...super.defaultStrings,loading:LYRA_DEFAULT_loading}}static{this.collectionSupport=collectionSupport}static{this.ownedCollectionProperties=Object.freeze(["registry"])}static{this.styles=[LyraElement.styles,styles,srOnly]}static{this.properties={fallback:{reflect:!0,noAccessor:!0}}}get fallback(){return this._fallback}set fallback(next){const old=this._fallback;this._fallback=next==="text"?"text":"json",this.requestUpdate("fallback",old)}willUpdate(changed){super.willUpdate(changed),(!this.hasUpdated||changed.has("toolName")||changed.has("result")||changed.has("args")||changed.has("registry"))&&this.resolve()}async resolve(){const generation=++this.generation;this.renderAttempt=void 0;const registry=this.registry??getDefaultToolRendererRegistry();let def;try{def=findToolRenderer(this.toolName,this.result,registry)}catch(error){this.fail(error);return}if(!def){this.fail(new Error(`<lr-tool-result-view>: no renderer registered for tool "${this.toolName}"`));return}if(def.load){if(this.resolvedLazy?.def===def){this.renderWith(this.resolvedLazy.resolved);return}this.renderState={kind:"loading"};let resolved;try{resolved=await loadToolRenderer(def)}catch(error){if(generation!==this.generation)return;this.fail(error);return}if(generation!==this.generation)return;this.resolvedLazy={def,resolved},this.renderWith(resolved);return}this.renderWith(def)}renderWith(def){const generation=this.generation,attempt=Symbol();this.renderAttempt=attempt,this.status="success";const context={reportStatus:status=>{generation!==this.generation||this.renderAttempt!==attempt||(this.status=status)}};try{const template=def.render(this.result,this.args,context);if(generation!==this.generation||this.renderAttempt!==attempt)return;this.renderState={kind:"rendered",template}}catch(error){if(generation!==this.generation||this.renderAttempt!==attempt)return;this.renderAttempt=void 0,this.fail(error)}}fail(error){this.emit("lr-render-error",{toolName:this.toolName,error}),this.status="success",this.renderState=FALLBACK_STATE}render(){const state2=this.renderState;return html`
+import{__decorate}from"tslib";import{collectionSupport}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{srOnly}from"../../../internal/a11y.js";import{findToolRenderer,getDefaultToolRendererRegistry,loadToolRenderer}from"./registry.js";import{styles}from"./tool-result-view.styles.js";import"../../overlays/skeleton/skeleton.class.js";import"../../utility/json-viewer/json-viewer.class.js";import"../../utility/copy-button/copy-button.class.js";import{LYRA_DEFAULT_loading,LYRA_DEFAULT_viewerSearchActiveMatch,LYRA_DEFAULT_viewerSearchMatchCount,LYRA_DEFAULT_viewerSearchNoMatches}from"../../../internal/default-strings/shared.generated.js";const FALLBACK_STATE={kind:"fallback"};class LyraToolResultView extends LyraElement{constructor(){super(...arguments),this.toolName="",this._fallback="json",this.copyable=!1,this.status="success",this.renderState=FALLBACK_STATE,this.generation=0}static{this.defaultStrings={...super.defaultStrings,loading:LYRA_DEFAULT_loading,viewerSearchActiveMatch:LYRA_DEFAULT_viewerSearchActiveMatch,viewerSearchMatchCount:LYRA_DEFAULT_viewerSearchMatchCount,viewerSearchNoMatches:LYRA_DEFAULT_viewerSearchNoMatches}}static{this.collectionSupport=collectionSupport}static{this.ownedCollectionProperties=Object.freeze(["registry"])}static{this.styles=[LyraElement.styles,styles,srOnly]}static{this.properties={fallback:{reflect:!0,noAccessor:!0}}}get fallback(){return this._fallback}set fallback(next){const old=this._fallback;this._fallback=next==="text"?"text":"json",this.requestUpdate("fallback",old)}willUpdate(changed){super.willUpdate(changed),(!this.hasUpdated||changed.has("toolName")||changed.has("result")||changed.has("args")||changed.has("registry"))&&this.resolve()}async resolve(){const generation=++this.generation;this.renderAttempt=void 0;const registry=this.registry??getDefaultToolRendererRegistry();let def;try{def=findToolRenderer(this.toolName,this.result,registry)}catch(error){this.fail(error);return}if(!def){this.fail(new Error(`<lr-tool-result-view>: no renderer registered for tool "${this.toolName}"`));return}if(def.load){if(this.resolvedLazy?.def===def){this.renderWith(this.resolvedLazy.resolved);return}this.renderState={kind:"loading"};let resolved;try{resolved=await loadToolRenderer(def)}catch(error){if(generation!==this.generation)return;this.fail(error);return}if(generation!==this.generation)return;this.resolvedLazy={def,resolved},this.renderWith(resolved);return}this.renderWith(def)}renderWith(def){const generation=this.generation,attempt=Symbol();this.renderAttempt=attempt,this.status="success";const context={reportStatus:status=>{generation!==this.generation||this.renderAttempt!==attempt||(this.status=status)}};try{const template=def.render(this.result,this.args,context);if(generation!==this.generation||this.renderAttempt!==attempt)return;this.renderState={kind:"rendered",template}}catch(error){if(generation!==this.generation||this.renderAttempt!==attempt)return;this.renderAttempt=void 0,this.fail(error)}}fail(error){this.emit("lr-render-error",{toolName:this.toolName,error}),this.status="success",this.renderState=FALLBACK_STATE}render(){const state2=this.renderState;return html`
       <div part="base" aria-busy=${state2.kind==="loading"?"true":"false"}>
         ${state2.kind==="loading"?html`
               <span class="sr-only">${this.localize("loading")}</span>

package/dist/components/agent-tools/tool-select-dialog/tool-select-dialog.class.js

@@ -1,4 +1,4 @@
-import{__decorate}from"tslib";import{relayNativeEvent}from"../../../internal/native-event-relay.js";import{NativeModalCarrier}from"../../../internal/native-modal-carrier.js";import{ModalSurfaceController}from"../../../internal/modal-surface-controller.js";import{nativeModalCarrierStyles}from"../../../internal/native-modal-carrier.styles.js";import{collectionSupport}from"../../../internal/collection-snapshot.js";import{html,nothing}from"lit";import{property,state}from"lit/decorators.js";import{live}from"lit/directives/live.js";import{repeat}from"lit/directives/repeat.js";import{LyraElement}from"../../../internal/lyra-element.js";import{activateOverlay}from"../../../internal/overlay-manager.js";import{nextId,srOnly}from"../../../internal/a11y.js";import{MISSING_OWN_DATA_DESCRIPTOR,UNSAFE_OWN_DATA_DESCRIPTOR,getOwnDataDescriptor}from"../../../internal/data-descriptors.js";import{styles}from"./tool-select-dialog.styles.js";import"../../forms/checkbox/checkbox.class.js";import"../../forms/switch/switch.class.js";import{trueDefaultSpellcheckConverter as spellcheckConverter}from"../../../internal/converters.js";import{getNumberFormat,resolveIntlLocale}from"../../../internal/intl-cache.js";import{closeIcon}from"../../../internal/icons.js";import{LYRA_DEFAULT_clear,LYRA_DEFAULT_fieldRequired,LYRA_DEFAULT_loadMore,LYRA_DEFAULT_noMatchesQuery,LYRA_DEFAULT_otherCategory,LYRA_DEFAULT_searchToolsPlaceholder,LYRA_DEFAULT_selectTools,LYRA_DEFAULT_toolCount,LYRA_DEFAULT_toolSelectCustomizeHint,LYRA_DEFAULT_toolSelectLimit,LYRA_DEFAULT_toolSelectNoneAvailable,LYRA_DEFAULT_toolSelectSummary,LYRA_DEFAULT_useDefaultTools}from"../../../internal/default-strings.generated.js";const UNCATEGORIZED=null,MAX_RENDERED_TOOLS=200,MAX_NORMALIZED_TOOL_ENTRIES=1e4,FUNCTION_TO_STRING=Function.prototype.toString,OBJECT_CONSTRUCTOR_SOURCE=FUNCTION_TO_STRING.call(Object);function isRuntimeArray(value){try{return Array.isArray(value)}catch{return!1}}function ownDataArrayValues(value,limit){if(!isRuntimeArray(value))return[];const length=getOwnDataDescriptor(value,"length");if(length===MISSING_OWN_DATA_DESCRIPTOR||length===UNSAFE_OWN_DATA_DESCRIPTOR||typeof length.value!="number"||!Number.isSafeInteger(length.value)||length.value<0)return[];const values=[];for(let index=0;index<Math.min(length.value,limit);index+=1){const entry=getOwnDataDescriptor(value,String(index));entry===MISSING_OWN_DATA_DESCRIPTOR||entry===UNSAFE_OWN_DATA_DESCRIPTOR||values.push(entry.value)}return values}function isPlainToolRecord(value){if(value===null||typeof value!="object")return!1;try{const prototype=Object.getPrototypeOf(value);if(prototype===null)return!0;if(Object.getPrototypeOf(prototype)!==null)return!1;const constructor=getOwnDataDescriptor(prototype,"constructor");if(constructor===MISSING_OWN_DATA_DESCRIPTOR||constructor===UNSAFE_OWN_DATA_DESCRIPTOR||typeof constructor.value!="function")return!1;const name=getOwnDataDescriptor(constructor.value,"name"),constructorPrototype=getOwnDataDescriptor(constructor.value,"prototype");return name!==MISSING_OWN_DATA_DESCRIPTOR&&name!==UNSAFE_OWN_DATA_DESCRIPTOR&&name.value==="Object"&&constructorPrototype!==MISSING_OWN_DATA_DESCRIPTOR&&constructorPrototype!==UNSAFE_OWN_DATA_DESCRIPTOR&&constructorPrototype.value===prototype&&FUNCTION_TO_STRING.call(constructor.value)===OBJECT_CONSTRUCTOR_SOURCE}catch{return!1}}function requiredToolString(record,key){const value=getOwnDataDescriptor(record,key);if(!(value===MISSING_OWN_DATA_DESCRIPTOR||value===UNSAFE_OWN_DATA_DESCRIPTOR||typeof value.value!="string"||value.value.trim().length===0))return value.value}function optionalToolString(record,key){const value=getOwnDataDescriptor(record,key);if(value!==MISSING_OWN_DATA_DESCRIPTOR)return value===UNSAFE_OWN_DATA_DESCRIPTOR||typeof value.value!="string"?null:value.value}function optionalToolBoolean(record,key){const value=getOwnDataDescriptor(record,key);if(value!==MISSING_OWN_DATA_DESCRIPTOR)return value===UNSAFE_OWN_DATA_DESCRIPTOR||typeof value.value!="boolean"?null:value.value}function canonicalTool(value){if(!isPlainToolRecord(value))return;const id=requiredToolString(value,"id"),name=requiredToolString(value,"name"),description=optionalToolString(value,"description"),category=optionalToolString(value,"category"),icon=optionalToolString(value,"icon"),disabled=optionalToolBoolean(value,"disabled"),disabledReason=optionalToolString(value,"disabledReason");if(!(id===void 0||name===void 0||description===null||category===null||icon===null||disabled===null||disabledReason===null))return Object.freeze({id,name,...description===void 0?{}:{description},...category===void 0?{}:{category},...icon===void 0?{}:{icon},...disabled===void 0?{}:{disabled},...disabledReason===void 0?{}:{disabledReason}})}function projectCanonicalTools(input){const tools=[],seen=new Set;for(const entry of ownDataArrayValues(input,MAX_NORMALIZED_TOOL_ENTRIES)){const tool=canonicalTool(entry);!tool||seen.has(tool.id)||(seen.add(tool.id),tools.push(tool))}return Object.freeze(tools)}function projectCanonicalSelectedToolIds(input){const ids=[],seen=new Set;for(const entry of ownDataArrayValues(input,MAX_NORMALIZED_TOOL_ENTRIES))typeof entry!="string"||entry.trim().length===0||seen.has(entry)||(seen.add(entry),ids.push(entry));return Object.freeze(ids)}function defaultFilter(tool,query,locale){const intlLocale=resolveIntlLocale(locale);return tool.name.toLocaleLowerCase(intlLocale).includes(query)||(tool.description??"").toLocaleLowerCase(intlLocale).includes(query)}class LyraToolSelectDialog extends LyraElement{constructor(){super(...arguments),this.open=!1,this.lightDismiss=!1,this.tools=[],this.selectedToolIds=[],this.useDefaults=!1,this.accessibleLabel=null,this.autocomplete="",this.spellcheck=!0,this.autocapitalize="",this.autoCorrect="",this.inputMode="",this.enterKeyHint="",this.filter=null,this.query="",this.hasFooterSlot=!1,this.renderedToolLimit=MAX_RENDERED_TOOLS,this.nativeModal=new NativeModalCarrier(this,{onCancel:()=>{!this.open||!this.overlay?.isTopmost()||this.close("escape")},onUnexpectedClose:()=>{this.open&&(this.nativeModal.hide(),this.close("api"))}}),this.modalSurface=new ModalSurfaceController(this,this.nativeModal),this.titleId=nextId("tool-select-dialog-title"),this.categoryIds=new Map,this.onFooterSlotChange=()=>{this.hasFooterSlot=Array.from(this.children).some(el=>el.getAttribute("slot")==="footer")},this.onBackdropClick=()=>{this.overlay?.dismissBackdrop()},this.changeRequestPending=!1,this.onSearchInput=e=>{this.query=e.target.value,this.renderedToolLimit=MAX_RENDERED_TOOLS,e.stopPropagation()},this.onSearchFocus=event=>{relayNativeEvent(this,event)},this.onSearchBlur=event=>{relayNativeEvent(this,event)},this.onClearSearch=()=>{this.query="",this.renderedToolLimit=MAX_RENDERED_TOOLS,this.renderRoot.querySelector('[part="search-input"]')?.focus()},this.stopNestedControlEvent=event=>{event.stopPropagation()},this.onDefaultsToggleRequest=e=>{e.stopPropagation();const next={selectedToolIds:this.canonicalSelectedToolIds,useDefaults:e.detail.checked};if(!this.requestChange(next)){e.preventDefault();return}this.useDefaults=next.useDefaults,this.emit("lr-change",next)},this.onLoadMore=()=>{this.renderedToolLimit+=MAX_RENDERED_TOOLS,this.updateComplete.then(()=>{if(!this.isConnected||!this.open)return;(this.shadowRoot?.querySelector('[part="load-more"]')??this.shadowRoot?.querySelector('[part="body"]'))?.focus()})}}static{this.defaultStrings={...super.defaultStrings,clear:LYRA_DEFAULT_clear,fieldRequired:LYRA_DEFAULT_fieldRequired,loadMore:LYRA_DEFAULT_loadMore,noMatchesQuery:LYRA_DEFAULT_noMatchesQuery,otherCategory:LYRA_DEFAULT_otherCategory,searchToolsPlaceholder:LYRA_DEFAULT_searchToolsPlaceholder,selectTools:LYRA_DEFAULT_selectTools,toolCount:LYRA_DEFAULT_toolCount,toolSelectCustomizeHint:LYRA_DEFAULT_toolSelectCustomizeHint,toolSelectLimit:LYRA_DEFAULT_toolSelectLimit,toolSelectNoneAvailable:LYRA_DEFAULT_toolSelectNoneAvailable,toolSelectSummary:LYRA_DEFAULT_toolSelectSummary,useDefaultTools:LYRA_DEFAULT_useDefaultTools}}static{this.collectionSupport=collectionSupport}static{this.ownedCollectionProperties=Object.freeze(["tools","selectedToolIds"])}static{this.styles=[LyraElement.styles,nativeModalCarrierStyles,styles,srOnly]}static{this.immutableEventDetails=Object.freeze(["lr-change-request","lr-change"])}willUpdate(changed){if(super.willUpdate(changed),this.hasUpdated||(this.hasFooterSlot=Array.from(this.children).some(el=>el.getAttribute("slot")==="footer")),changed.has("tools")&&(this.canonicalToolsCache=void 0,this.renderedToolLimit=MAX_RENDERED_TOOLS),changed.has("selectedToolIds")&&(this.canonicalSelectedToolIdsCache=void 0,this.canonicalSelectedToolIdsSource=void 0),changed.has("open"))if(this.open)this.renderedWindow=void 0,this.modalSurface.open(()=>this.activateOverlay());else{const hadOverlay=this.overlay!==void 0;this.modalSurface.close(hadOverlay,()=>{this.overlay?.deactivate(),this.overlay=void 0},()=>!this.open),this.query="",this.renderedToolLimit=MAX_RENDERED_TOOLS}}updated(changed){super.updated(changed),this.open&&this.enterTopLayer(),changed.has("open")&&this.open&&this.overlay?.focusInitial()}connectedCallback(){super.connectedCallback(),this.hasUpdated&&this.open&&(this.modalSurface.prepare(),this.requestUpdate(),this.activateOverlay(),this.overlay?.focusInitial(),this.updateComplete.then(()=>{!this.open||!this.isConnected||(this.enterTopLayer(),this.overlay?.focusInitial())}))}enterTopLayer(){this.modalSurface.show()}disconnectedCallback(){super.disconnectedCallback(),this.modalSurface.disconnect(),this.overlay?.suspend()}activateOverlay(){if(this.overlay?.isActive()){this.overlay.resume();return}this.overlay=activateOverlay({host:this,panel:()=>this.shadowRoot?.querySelector('[part="panel"]')??null,onEscape:()=>this.close("escape"),onBackdrop:()=>{this.lightDismiss&&this.close("backdrop")},lockScroll:!0,suspendWhenUnrendered:!0})}close(reason="api"){this.open&&(this.open=!1,this.emit("lr-close",{reason}))}show(){this.open||(this.open=!0)}hide(reason="api"){this.close(reason)}requestChange(next){if(this.changeRequestPending)return!1;const selected=this.selectedToolIds,defaults=this.useDefaults,tools=this.tools;this.changeRequestPending=!0;try{return!this.emit("lr-change-request",{selectedToolIds:[...next.selectedToolIds],useDefaults:next.useDefaults},{cancelable:!0}).defaultPrevented&&this.selectedToolIds===selected&&this.useDefaults===defaults&&this.tools===tools}finally{this.changeRequestPending=!1}}onToolToggleRequest(tool,e){if(e.stopPropagation(),tool.disabled||this.useDefaults){e.preventDefault();return}const selected=this.canonicalSelectedToolIds,index=selected.indexOf(tool.id),next={selectedToolIds:e.detail.checked?index>=0?selected:[...selected.slice(0,MAX_NORMALIZED_TOOL_ENTRIES-1),tool.id]:index<0?selected:[...selected.slice(0,index),...selected.slice(index+1)],useDefaults:this.useDefaults};if(!this.requestChange(next)){e.preventDefault();return}this.selectedToolIds=next.selectedToolIds,this.canonicalSelectedToolIdsCache=next.selectedToolIds,this.canonicalSelectedToolIdsSource=this.selectedToolIds,this.emit("lr-change",next)}categoryId(category){let id=this.categoryIds.get(category);return id||(id=nextId("tool-select-dialog-category"),this.categoryIds.set(category,id)),id}get canonicalTools(){return this.canonicalToolsCache||(this.canonicalToolsCache=projectCanonicalTools(this.tools)),this.canonicalToolsCache}get canonicalSelectedToolIds(){const source=this.selectedToolIds;return(this.canonicalSelectedToolIdsCache===void 0||this.canonicalSelectedToolIdsSource!==source)&&(this.canonicalSelectedToolIdsCache=projectCanonicalSelectedToolIds(source),this.canonicalSelectedToolIdsSource=source),this.canonicalSelectedToolIdsCache}get projection(){const order=[],byCategory=new Map;for(const tool of this.canonicalTools){const category=tool.category?.trim()||UNCATEGORIZED;let bucket=byCategory.get(category);bucket||(bucket=[],byCategory.set(category,bucket),category!==UNCATEGORIZED&&order.push(category)),bucket.push(tool)}byCategory.has(UNCATEGORIZED)&&order.push(UNCATEGORIZED);const q=this.query.trim().toLocaleLowerCase(this.effectiveLocale),filter=typeof this.filter=="function"?this.filter:null,matches=q?tool=>{if(!filter)return defaultFilter(tool,q,this.effectiveLocale);try{return!!filter(tool,q)}catch{return!1}}:()=>!0,matchingGroups=order.map(category=>({category,tools:byCategory.get(category).filter(matches)})).filter(group=>group.tools.length>0),totalMatches=matchingGroups.reduce((total,group)=>total+group.tools.length,0),selectedIds=new Set(this.canonicalSelectedToolIds),chosenIds=new Set,previous=this.renderedWindow,kept=previous&&previous.tools===this.canonicalTools&&previous.query===q?previous.ids:null;if(kept)for(const group of matchingGroups){for(const tool of group.tools){if(chosenIds.size>=this.renderedToolLimit)break;kept.has(tool.id)&&chosenIds.add(tool.id)}if(chosenIds.size>=this.renderedToolLimit)break}for(const group of matchingGroups){for(const tool of group.tools){if(chosenIds.size>=this.renderedToolLimit)break;selectedIds.has(tool.id)&&chosenIds.add(tool.id)}if(chosenIds.size>=this.renderedToolLimit)break}for(const group of matchingGroups){for(const tool of group.tools){if(chosenIds.size>=this.renderedToolLimit)break;chosenIds.add(tool.id)}if(chosenIds.size>=this.renderedToolLimit)break}this.renderedWindow={tools:this.canonicalTools,query:q,ids:chosenIds};const groups=matchingGroups.map(group=>({category:group.category,tools:group.tools.filter(tool=>chosenIds.has(tool.id))})).filter(group=>group.tools.length>0),renderedCount=chosenIds.size;return{groups,renderedCount,totalMatches,truncated:renderedCount<totalMatches}}renderTool(tool,selectedIds){const rowDisabled=!!tool.disabled||this.useDefaults;return html`
+import{__decorate}from"tslib";import{relayNativeEvent}from"../../../internal/native-event-relay.js";import{NativeModalCarrier}from"../../../internal/native-modal-carrier.js";import{ModalSurfaceController}from"../../../internal/modal-surface-controller.js";import{nativeModalCarrierStyles}from"../../../internal/native-modal-carrier.styles.js";import{collectionSupport}from"../../../internal/collection-snapshot.js";import{html,nothing}from"lit";import{property,state}from"lit/decorators.js";import{live}from"lit/directives/live.js";import{repeat}from"lit/directives/repeat.js";import{LyraElement}from"../../../internal/lyra-element.js";import{activateOverlay}from"../../../internal/overlay-manager.js";import{nextId,srOnly}from"../../../internal/a11y.js";import{MISSING_OWN_DATA_DESCRIPTOR,UNSAFE_OWN_DATA_DESCRIPTOR,getOwnDataDescriptor}from"../../../internal/data-descriptors.js";import{styles}from"./tool-select-dialog.styles.js";import"../../forms/checkbox/checkbox.class.js";import"../../forms/switch/switch.class.js";import{trueDefaultSpellcheckConverter as spellcheckConverter}from"../../../internal/converters.js";import{getNumberFormat,resolveIntlLocale}from"../../../internal/intl-cache.js";import{closeIcon}from"../../../internal/icons.js";import{LYRA_DEFAULT_noMatchesQuery,LYRA_DEFAULT_otherCategory,LYRA_DEFAULT_searchToolsPlaceholder,LYRA_DEFAULT_selectTools,LYRA_DEFAULT_toolCount,LYRA_DEFAULT_toolSelectCustomizeHint,LYRA_DEFAULT_toolSelectLimit,LYRA_DEFAULT_toolSelectNoneAvailable,LYRA_DEFAULT_toolSelectSummary,LYRA_DEFAULT_useDefaultTools}from"../../../internal/default-strings/agent-tools.generated.js";import{LYRA_DEFAULT_clear,LYRA_DEFAULT_fieldRequired,LYRA_DEFAULT_loadMore}from"../../../internal/default-strings/shared.generated.js";const UNCATEGORIZED=null,MAX_RENDERED_TOOLS=200,MAX_NORMALIZED_TOOL_ENTRIES=1e4,FUNCTION_TO_STRING=Function.prototype.toString,OBJECT_CONSTRUCTOR_SOURCE=FUNCTION_TO_STRING.call(Object);function isRuntimeArray(value){try{return Array.isArray(value)}catch{return!1}}function ownDataArrayValues(value,limit){if(!isRuntimeArray(value))return[];const length=getOwnDataDescriptor(value,"length");if(length===MISSING_OWN_DATA_DESCRIPTOR||length===UNSAFE_OWN_DATA_DESCRIPTOR||typeof length.value!="number"||!Number.isSafeInteger(length.value)||length.value<0)return[];const values=[];for(let index=0;index<Math.min(length.value,limit);index+=1){const entry=getOwnDataDescriptor(value,String(index));entry===MISSING_OWN_DATA_DESCRIPTOR||entry===UNSAFE_OWN_DATA_DESCRIPTOR||values.push(entry.value)}return values}function isPlainToolRecord(value){if(value===null||typeof value!="object")return!1;try{const prototype=Object.getPrototypeOf(value);if(prototype===null)return!0;if(Object.getPrototypeOf(prototype)!==null)return!1;const constructor=getOwnDataDescriptor(prototype,"constructor");if(constructor===MISSING_OWN_DATA_DESCRIPTOR||constructor===UNSAFE_OWN_DATA_DESCRIPTOR||typeof constructor.value!="function")return!1;const name=getOwnDataDescriptor(constructor.value,"name"),constructorPrototype=getOwnDataDescriptor(constructor.value,"prototype");return name!==MISSING_OWN_DATA_DESCRIPTOR&&name!==UNSAFE_OWN_DATA_DESCRIPTOR&&name.value==="Object"&&constructorPrototype!==MISSING_OWN_DATA_DESCRIPTOR&&constructorPrototype!==UNSAFE_OWN_DATA_DESCRIPTOR&&constructorPrototype.value===prototype&&FUNCTION_TO_STRING.call(constructor.value)===OBJECT_CONSTRUCTOR_SOURCE}catch{return!1}}function requiredToolString(record,key){const value=getOwnDataDescriptor(record,key);if(!(value===MISSING_OWN_DATA_DESCRIPTOR||value===UNSAFE_OWN_DATA_DESCRIPTOR||typeof value.value!="string"||value.value.trim().length===0))return value.value}function optionalToolString(record,key){const value=getOwnDataDescriptor(record,key);if(value!==MISSING_OWN_DATA_DESCRIPTOR)return value===UNSAFE_OWN_DATA_DESCRIPTOR||typeof value.value!="string"?null:value.value}function optionalToolBoolean(record,key){const value=getOwnDataDescriptor(record,key);if(value!==MISSING_OWN_DATA_DESCRIPTOR)return value===UNSAFE_OWN_DATA_DESCRIPTOR||typeof value.value!="boolean"?null:value.value}function canonicalTool(value){if(!isPlainToolRecord(value))return;const id=requiredToolString(value,"id"),name=requiredToolString(value,"name"),description=optionalToolString(value,"description"),category=optionalToolString(value,"category"),icon=optionalToolString(value,"icon"),disabled=optionalToolBoolean(value,"disabled"),disabledReason=optionalToolString(value,"disabledReason");if(!(id===void 0||name===void 0||description===null||category===null||icon===null||disabled===null||disabledReason===null))return Object.freeze({id,name,...description===void 0?{}:{description},...category===void 0?{}:{category},...icon===void 0?{}:{icon},...disabled===void 0?{}:{disabled},...disabledReason===void 0?{}:{disabledReason}})}function projectCanonicalTools(input){const tools=[],seen=new Set;for(const entry of ownDataArrayValues(input,MAX_NORMALIZED_TOOL_ENTRIES)){const tool=canonicalTool(entry);!tool||seen.has(tool.id)||(seen.add(tool.id),tools.push(tool))}return Object.freeze(tools)}function projectCanonicalSelectedToolIds(input){const ids=[],seen=new Set;for(const entry of ownDataArrayValues(input,MAX_NORMALIZED_TOOL_ENTRIES))typeof entry!="string"||entry.trim().length===0||seen.has(entry)||(seen.add(entry),ids.push(entry));return Object.freeze(ids)}function defaultFilter(tool,query,locale){const intlLocale=resolveIntlLocale(locale);return tool.name.toLocaleLowerCase(intlLocale).includes(query)||(tool.description??"").toLocaleLowerCase(intlLocale).includes(query)}class LyraToolSelectDialog extends LyraElement{constructor(){super(...arguments),this.open=!1,this.lightDismiss=!1,this.tools=[],this.selectedToolIds=[],this.useDefaults=!1,this.accessibleLabel=null,this.autocomplete="",this.spellcheck=!0,this.autocapitalize="",this.autoCorrect="",this.inputMode="",this.enterKeyHint="",this.filter=null,this.query="",this.hasFooterSlot=!1,this.renderedToolLimit=MAX_RENDERED_TOOLS,this.nativeModal=new NativeModalCarrier(this,{onCancel:()=>{!this.open||!this.overlay?.isTopmost()||this.close("escape")},onUnexpectedClose:()=>{this.open&&(this.nativeModal.hide(),this.close("api"))}}),this.modalSurface=new ModalSurfaceController(this,this.nativeModal),this.titleId=nextId("tool-select-dialog-title"),this.categoryIds=new Map,this.onFooterSlotChange=()=>{this.hasFooterSlot=Array.from(this.children).some(el=>el.getAttribute("slot")==="footer")},this.onBackdropClick=()=>{this.overlay?.dismissBackdrop()},this.changeRequestPending=!1,this.onSearchInput=e=>{this.query=e.target.value,this.renderedToolLimit=MAX_RENDERED_TOOLS,e.stopPropagation()},this.onSearchFocus=event=>{relayNativeEvent(this,event)},this.onSearchBlur=event=>{relayNativeEvent(this,event)},this.onClearSearch=()=>{this.query="",this.renderedToolLimit=MAX_RENDERED_TOOLS,this.renderRoot.querySelector('[part="search-input"]')?.focus()},this.stopNestedControlEvent=event=>{event.stopPropagation()},this.onDefaultsToggleRequest=e=>{e.stopPropagation();const next={selectedToolIds:this.canonicalSelectedToolIds,useDefaults:e.detail.checked};if(!this.requestChange(next)){e.preventDefault();return}this.useDefaults=next.useDefaults,this.emit("lr-change",next)},this.onLoadMore=()=>{this.renderedToolLimit+=MAX_RENDERED_TOOLS,this.updateComplete.then(()=>{if(!this.isConnected||!this.open)return;(this.shadowRoot?.querySelector('[part="load-more"]')??this.shadowRoot?.querySelector('[part="body"]'))?.focus()})}}static{this.defaultStrings={...super.defaultStrings,clear:LYRA_DEFAULT_clear,fieldRequired:LYRA_DEFAULT_fieldRequired,loadMore:LYRA_DEFAULT_loadMore,noMatchesQuery:LYRA_DEFAULT_noMatchesQuery,otherCategory:LYRA_DEFAULT_otherCategory,searchToolsPlaceholder:LYRA_DEFAULT_searchToolsPlaceholder,selectTools:LYRA_DEFAULT_selectTools,toolCount:LYRA_DEFAULT_toolCount,toolSelectCustomizeHint:LYRA_DEFAULT_toolSelectCustomizeHint,toolSelectLimit:LYRA_DEFAULT_toolSelectLimit,toolSelectNoneAvailable:LYRA_DEFAULT_toolSelectNoneAvailable,toolSelectSummary:LYRA_DEFAULT_toolSelectSummary,useDefaultTools:LYRA_DEFAULT_useDefaultTools}}static{this.collectionSupport=collectionSupport}static{this.ownedCollectionProperties=Object.freeze(["tools","selectedToolIds"])}static{this.styles=[LyraElement.styles,nativeModalCarrierStyles,styles,srOnly]}static{this.immutableEventDetails=Object.freeze(["lr-change-request","lr-change"])}willUpdate(changed){if(super.willUpdate(changed),this.hasUpdated||(this.hasFooterSlot=Array.from(this.children).some(el=>el.getAttribute("slot")==="footer")),changed.has("tools")&&(this.canonicalToolsCache=void 0,this.renderedToolLimit=MAX_RENDERED_TOOLS),changed.has("selectedToolIds")&&(this.canonicalSelectedToolIdsCache=void 0,this.canonicalSelectedToolIdsSource=void 0),changed.has("open"))if(this.open)this.renderedWindow=void 0,this.modalSurface.open(()=>this.activateOverlay());else{const hadOverlay=this.overlay!==void 0;this.modalSurface.close(hadOverlay,()=>{this.overlay?.deactivate(),this.overlay=void 0},()=>!this.open),this.query="",this.renderedToolLimit=MAX_RENDERED_TOOLS}}updated(changed){super.updated(changed),this.open&&this.enterTopLayer(),changed.has("open")&&this.open&&this.overlay?.focusInitial()}connectedCallback(){super.connectedCallback(),this.hasUpdated&&this.open&&(this.modalSurface.prepare(),this.requestUpdate(),this.activateOverlay(),this.overlay?.focusInitial(),this.updateComplete.then(()=>{!this.open||!this.isConnected||(this.enterTopLayer(),this.overlay?.focusInitial())}))}enterTopLayer(){this.modalSurface.show()}disconnectedCallback(){super.disconnectedCallback(),this.modalSurface.disconnect(),this.overlay?.suspend()}activateOverlay(){if(this.overlay?.isActive()){this.overlay.resume();return}this.overlay=activateOverlay({host:this,panel:()=>this.shadowRoot?.querySelector('[part="panel"]')??null,onEscape:()=>this.close("escape"),onBackdrop:()=>{this.lightDismiss&&this.close("backdrop")},lockScroll:!0,suspendWhenUnrendered:!0})}close(reason="api"){this.open&&(this.open=!1,this.emit("lr-close",{reason}))}show(){this.open||(this.open=!0)}hide(reason="api"){this.close(reason)}requestChange(next){if(this.changeRequestPending)return!1;const selected=this.selectedToolIds,defaults=this.useDefaults,tools=this.tools;this.changeRequestPending=!0;try{return!this.emit("lr-change-request",{selectedToolIds:[...next.selectedToolIds],useDefaults:next.useDefaults},{cancelable:!0}).defaultPrevented&&this.selectedToolIds===selected&&this.useDefaults===defaults&&this.tools===tools}finally{this.changeRequestPending=!1}}onToolToggleRequest(tool,e){if(e.stopPropagation(),tool.disabled||this.useDefaults){e.preventDefault();return}const selected=this.canonicalSelectedToolIds,index=selected.indexOf(tool.id),next={selectedToolIds:e.detail.checked?index>=0?selected:[...selected.slice(0,MAX_NORMALIZED_TOOL_ENTRIES-1),tool.id]:index<0?selected:[...selected.slice(0,index),...selected.slice(index+1)],useDefaults:this.useDefaults};if(!this.requestChange(next)){e.preventDefault();return}this.selectedToolIds=next.selectedToolIds,this.canonicalSelectedToolIdsCache=next.selectedToolIds,this.canonicalSelectedToolIdsSource=this.selectedToolIds,this.emit("lr-change",next)}categoryId(category){let id=this.categoryIds.get(category);return id||(id=nextId("tool-select-dialog-category"),this.categoryIds.set(category,id)),id}get canonicalTools(){return this.canonicalToolsCache||(this.canonicalToolsCache=projectCanonicalTools(this.tools)),this.canonicalToolsCache}get canonicalSelectedToolIds(){const source=this.selectedToolIds;return(this.canonicalSelectedToolIdsCache===void 0||this.canonicalSelectedToolIdsSource!==source)&&(this.canonicalSelectedToolIdsCache=projectCanonicalSelectedToolIds(source),this.canonicalSelectedToolIdsSource=source),this.canonicalSelectedToolIdsCache}get projection(){const order=[],byCategory=new Map;for(const tool of this.canonicalTools){const category=tool.category?.trim()||UNCATEGORIZED;let bucket=byCategory.get(category);bucket||(bucket=[],byCategory.set(category,bucket),category!==UNCATEGORIZED&&order.push(category)),bucket.push(tool)}byCategory.has(UNCATEGORIZED)&&order.push(UNCATEGORIZED);const q=this.query.trim().toLocaleLowerCase(this.effectiveLocale),filter=typeof this.filter=="function"?this.filter:null,matches=q?tool=>{if(!filter)return defaultFilter(tool,q,this.effectiveLocale);try{return!!filter(tool,q)}catch{return!1}}:()=>!0,matchingGroups=order.map(category=>({category,tools:byCategory.get(category).filter(matches)})).filter(group=>group.tools.length>0),totalMatches=matchingGroups.reduce((total,group)=>total+group.tools.length,0),selectedIds=new Set(this.canonicalSelectedToolIds),chosenIds=new Set,previous=this.renderedWindow,kept=previous&&previous.tools===this.canonicalTools&&previous.query===q?previous.ids:null;if(kept)for(const group of matchingGroups){for(const tool of group.tools){if(chosenIds.size>=this.renderedToolLimit)break;kept.has(tool.id)&&chosenIds.add(tool.id)}if(chosenIds.size>=this.renderedToolLimit)break}for(const group of matchingGroups){for(const tool of group.tools){if(chosenIds.size>=this.renderedToolLimit)break;selectedIds.has(tool.id)&&chosenIds.add(tool.id)}if(chosenIds.size>=this.renderedToolLimit)break}for(const group of matchingGroups){for(const tool of group.tools){if(chosenIds.size>=this.renderedToolLimit)break;chosenIds.add(tool.id)}if(chosenIds.size>=this.renderedToolLimit)break}this.renderedWindow={tools:this.canonicalTools,query:q,ids:chosenIds};const groups=matchingGroups.map(group=>({category:group.category,tools:group.tools.filter(tool=>chosenIds.has(tool.id))})).filter(group=>group.tools.length>0),renderedCount=chosenIds.size;return{groups,renderedCount,totalMatches,truncated:renderedCount<totalMatches}}renderTool(tool,selectedIds){const rowDisabled=!!tool.disabled||this.useDefaults;return html`
       <li part="tool-row" ?data-disabled=${rowDisabled}>
         <lr-checkbox
           part="tool-checkbox"

package/dist/components/agent-tools/tool-status.d.ts

@@ -0,0 +1,7 @@
+import type{LyraToolStatus}from'../../internal/shared-unions.js';
+/**
+* A tool call's status: the shared tool lifecycle plus `incomplete`, a call that ended without a
+* result (an interrupted stream, a cancelled run). The one status union for the chip, result
+* dialog, result view, timeline and call block.
+*/
+export type ToolStatus=LyraToolStatus|'incomplete';

package/dist/components/agent-tools/tool-status.styles.js

@@ -0,0 +1 @@
+import{css}from"lit";const toolStatusKeyframes=css`@keyframes lr-tool-status-spin{to{transform:rotate(360deg)}}@keyframes lr-tool-status-pulse{0%,to{opacity:1}50%{opacity:.35}}`;export{toolStatusKeyframes};