@aceshooting/lyra-ui 4.0.0 → 4.1.0

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

@@ -0,0 +1,307 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, nothing } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import '../data-grid/data-grid.js';
+import '../chip/chip.js';
+import '../chip/chip-group.js';
+import '../file-input/file-input.js';
+import '../export-button/export-button.js';
+import { styles } from './eval-dataset.styles.js';
+/**
+ * `<lr-eval-dataset>` — dataset management for an evaluation suite: a filterable/taggable list of
+ * `EvalExample` rows, plus add/remove/import/export affordances.
+ *
+ * Fully controlled, matching this library's established convention for every other
+ * orchestration-level component in this family (e.g. `<lr-thread-list>`'s
+ * `lr-thread-pin`/`-archive`/`-delete`): `examples` is the host's own data, and this component
+ * never mutates it or performs any I/O itself. Every action a user takes -- adding a row,
+ * removing the selected row, importing files, exporting to a format -- fires a `*-request` event
+ * carrying just enough information to act on; the host decides how (a local mutation, a network
+ * round-trip, opening its own creation dialog, parsing an imported file's actual contents, writing
+ * an exported file to disk or a server) and passes an updated `examples` array back in.
+ *
+ * Composes `<lr-data-grid>` for the row list (columns for `input`/`expectedOutput`/joined
+ * `tags`), `<lr-chip>`/`<lr-chip-group>` as a tag-based browse filter (one toggleable chip per
+ * distinct tag currently present across `examples`; multiple active tags OR together, matching
+ * the common "browse by any of these tags" idiom rather than requiring every tag to match),
+ * `<lr-file-input>` for the import affordance, and `<lr-export-button>` for the export affordance
+ * -- its own built-in client-side CSV/JSON download is deliberately suppressed
+ * (`event.preventDefault()` on its `lr-export`) since `<lr-export-button>`'s flat `rows`/`columns`
+ * CSV/JSON builder can't preserve an `EvalExample`'s own `tags`/`metadata` shape faithfully, and
+ * producing the actual exported file/API-call either way is the host's job per this component's
+ * own controlled contract; this keeps `lr-export-request` the single source of truth for every
+ * configured format rather than one format silently downloading locally while every other format
+ * does nothing.
+ *
+ * Row sorting is *not* re-implemented here: `<lr-data-grid>`'s own `lr-sort` bubbles through
+ * (composed events cross a shadow boundary automatically) for a host that wants to reorder
+ * `examples` and hand back a resorted array -- the same "the host owns the actual data" contract
+ * as every other mutation this component surfaces.
+ *
+ * @customElement lr-eval-dataset
+ * @event lr-example-select - A row was activated. `detail: { id }` -- `id` is `null` once the
+ *   previously-selected row no longer exists in `examples` (see `examples`' own doc).
+ * @event lr-example-add-request - The "Add example" control was activated. No detail payload --
+ *   this component has no opinion on what a new example's fields should be; the host implements
+ *   its own creation flow (a dialog, a generated draft, etc.) and appends the result to `examples`.
+ * @event lr-example-remove-request - The "Remove" control was activated for the selected row.
+ *   `detail: { id }`.
+ * @event lr-import-request - Files were selected/dropped on the internal `<lr-file-input>` and at
+ *   least one was accepted by its own type/size rules. `detail: { files }` — raw `File[]`; parsing
+ *   (CSV/JSON/etc. into `EvalExample` rows) is left to the host, mirroring `<lr-file-input>`'s own
+ *   "parsing is a host concern" scope.
+ * @event lr-export-request - An export format was chosen. `detail: { format }`.
+ * @csspart base - The root.
+ * @csspart toolbar - The row of add/remove/import/export controls.
+ * @csspart add-button - The "Add example" button.
+ * @csspart remove-button - The "Remove" button, disabled while nothing is selected.
+ * @csspart import - The internal `<lr-file-input>`.
+ * @csspart export - The internal `<lr-export-button>`.
+ * @csspart search - The search field's wrapper. Only rendered while `searchable`.
+ * @csspart search-input - The `<input type="search">`. Only rendered while `searchable`.
+ * @csspart tag-filter - The tag-filter chip group's wrapper. Only rendered while `examples`
+ *   carries at least one tag.
+ * @csspart grid - The internal `<lr-data-grid>`.
+ */
+export class LyraEvalDataset extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** Controlled dataset: every example currently known to the host. This component never
+         *  mutates its own copy of it -- add/remove/import/export are all *requests*; the host performs
+         *  the actual mutation (and any persistence/API call) and passes the updated array back in.
+         *  Shrinking this out from under an in-progress selection or active tag filter is handled
+         *  gracefully: a `selectedId` that no longer matches any row resets to `null` (re-enabling the
+         *  "Add" button's inert Remove sibling), and an active tag filter that no longer matches any
+         *  row's `tags` is dropped rather than silently matching zero rows forever. */
+        this.examples = [];
+        /** Shows the built-in free-text search field, filtering by a case-insensitive substring match
+         *  against `input`, `expectedOutput`, and `tags`. */
+        this.searchable = false;
+        /** Forwarded to the internal `<lr-file-input>`'s own `accept` (native-file-input-style pattern,
+         *  e.g. `'.json,.csv'`). Empty (the default) accepts any file type. */
+        this.accept = '';
+        /** Forwarded to the internal `<lr-export-button>`'s own `formats`. */
+        this.exportFormats = ['csv', 'json'];
+        /** Disables every add/remove/import/export affordance -- e.g. while a host-side mutation from a
+         *  previous request is still in flight. */
+        this.disabled = false;
+        /** Accessible name for the example grid region. Defaults to the localized `evalDatasetLabel`. */
+        this.label = '';
+        this.searchText = '';
+        this.activeTags = new Set();
+        this.selectedId = null;
+        this.onAddClick = () => {
+            if (this.disabled)
+                return;
+            this.emit('lr-example-add-request');
+        };
+        this.onRemoveClick = () => {
+            if (this.disabled || this.selectedId === null)
+                return;
+            this.emit('lr-example-remove-request', { id: this.selectedId });
+        };
+        this.onGridSelectionChange = (e) => {
+            const id = e.detail.row?.id ?? null;
+            this.selectedId = id;
+            this.emit('lr-example-select', { id });
+        };
+        this.onFiles = (e) => {
+            if (this.disabled || e.detail.files.length === 0)
+                return;
+            this.emit('lr-import-request', { files: e.detail.files });
+        };
+        this.onExportButtonExport = (e) => {
+            // Suppress the internal <lr-export-button>'s own built-in client-side blob download -- see
+            // the class doc for why every configured format is redirected through lr-export-request
+            // instead, rather than letting csv/json download locally while other formats silently do
+            // nothing.
+            e.preventDefault();
+            this.emit('lr-export-request', { format: e.detail.format });
+        };
+        this.onSearchInput = (e) => {
+            this.searchText = e.target.value;
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    willUpdate(changed) {
+        if (!changed.has('examples'))
+            return;
+        // A host fulfilling `lr-example-remove-request` (or an import that replaces the whole array)
+        // can hand back an `examples` array that no longer contains the previously-selected id, or no
+        // longer carries every previously-active tag. Re-clamp both here rather than leaving stale
+        // state pointing at nothing: an unclamped `selectedId` would leave the Remove button enabled
+        // for an id that can't be removed again, and an unclamped tag filter would keep matching zero
+        // rows forever with no visible way back to "no filter".
+        if (this.selectedId !== null && !this.examples.some((example) => example.id === this.selectedId)) {
+            this.selectedId = null;
+        }
+        const available = this.allTags();
+        if ([...this.activeTags].some((tag) => !available.includes(tag))) {
+            this.activeTags = new Set([...this.activeTags].filter((tag) => available.includes(tag)));
+        }
+    }
+    allTags() {
+        const tags = new Set();
+        for (const example of this.examples) {
+            for (const tag of example.tags ?? [])
+                tags.add(tag);
+        }
+        return [...tags].sort();
+    }
+    /** `examples` narrowed by the active tag filter (OR across `activeTags`) and the search text
+     *  (AND with the tag filter -- both narrow the same list further). */
+    get visibleExamples() {
+        const query = this.searchText.trim().toLowerCase();
+        return this.examples.filter((example) => {
+            if (this.activeTags.size > 0 && !(example.tags ?? []).some((tag) => this.activeTags.has(tag)))
+                return false;
+            if (query === '')
+                return true;
+            const haystack = [example.input, example.expectedOutput ?? '', ...(example.tags ?? [])]
+                .join(' ')
+                .toLowerCase();
+            return haystack.includes(query);
+        });
+    }
+    buildColumns() {
+        return [
+            { key: 'input', label: this.localize('evalDatasetColumnInput') },
+            {
+                key: 'expectedOutput',
+                label: this.localize('evalDatasetColumnExpectedOutput'),
+                value: (row) => row.expectedOutput ?? '',
+            },
+            { key: 'tags', label: this.localize('evalDatasetColumnTags'), value: (row) => (row.tags ?? []).join(', ') },
+        ];
+    }
+    onTagChipSelect(tag, e) {
+        const next = new Set(this.activeTags);
+        if (e.detail.selected)
+            next.add(tag);
+        else
+            next.delete(tag);
+        this.activeTags = next;
+    }
+    renderToolbar() {
+        return html `
+      <div part="toolbar">
+        <button part="add-button" type="button" ?disabled=${this.disabled} @click=${this.onAddClick}>
+          ${this.localize('evalDatasetAddExample')}
+        </button>
+        <button
+          part="remove-button"
+          type="button"
+          ?disabled=${this.disabled || this.selectedId === null}
+          @click=${this.onRemoveClick}
+        >
+          ${this.localize('evalDatasetRemoveExample')}
+        </button>
+        <lr-file-input
+          part="import"
+          accept=${this.accept}
+          label=${this.localize('evalDatasetImportLabel')}
+          ?disabled=${this.disabled}
+          @lr-files=${this.onFiles}
+        ></lr-file-input>
+        <lr-export-button
+          part="export"
+          .formats=${this.exportFormats}
+          ?disabled=${this.disabled}
+          @lr-export=${this.onExportButtonExport}
+        ></lr-export-button>
+      </div>
+    `;
+    }
+    renderSearch() {
+        const label = this.localize('evalDatasetSearchLabel');
+        return html `
+      <div part="search">
+        <input
+          part="search-input"
+          type="search"
+          .value=${this.searchText}
+          aria-label=${label}
+          placeholder=${label}
+          @input=${this.onSearchInput}
+        />
+      </div>
+    `;
+    }
+    renderTagFilter(tags) {
+        return html `
+      <div part="tag-filter" role="group" aria-label=${this.localize('evalDatasetTagFilterLabel')}>
+        <lr-chip-group>
+          ${tags.map((tag) => html `<lr-chip
+              toggleable
+              .value=${tag}
+              .selected=${this.activeTags.has(tag)}
+              @lr-chip-select=${(e) => this.onTagChipSelect(tag, e)}
+              >${tag}</lr-chip
+            >`)}
+        </lr-chip-group>
+      </div>
+    `;
+    }
+    render() {
+        const label = this.label || this.localize('evalDatasetLabel');
+        const tags = this.allTags();
+        const visible = this.visibleExamples;
+        const filtered = visible.length !== this.examples.length;
+        const emptyText = this.examples.length === 0
+            ? this.localize('evalDatasetEmpty')
+            : filtered && visible.length === 0
+                ? this.localize('evalDatasetNoMatches')
+                : '';
+        return html `
+      <div part="base">
+        ${this.renderToolbar()}
+        ${this.searchable ? this.renderSearch() : nothing}
+        ${tags.length > 0 ? this.renderTagFilter(tags) : nothing}
+        <lr-data-grid
+          part="grid"
+          aria-label=${label}
+          .columns=${this.buildColumns()}
+          .rows=${visible}
+          .rowKey=${(row) => row.id}
+          .selectedKey=${this.selectedId}
+          .emptyText=${emptyText}
+          @lr-selection-change=${this.onGridSelectionChange}
+        ></lr-data-grid>
+      </div>
+    `;
+    }
+}
+__decorate([
+    property({ attribute: false })
+], LyraEvalDataset.prototype, "examples", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraEvalDataset.prototype, "searchable", void 0);
+__decorate([
+    property()
+], LyraEvalDataset.prototype, "accept", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraEvalDataset.prototype, "exportFormats", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraEvalDataset.prototype, "disabled", void 0);
+__decorate([
+    property()
+], LyraEvalDataset.prototype, "label", void 0);
+__decorate([
+    state()
+], LyraEvalDataset.prototype, "searchText", void 0);
+__decorate([
+    state()
+], LyraEvalDataset.prototype, "activeTags", void 0);
+__decorate([
+    state()
+], LyraEvalDataset.prototype, "selectedId", void 0);
+//# sourceMappingURL=eval-dataset.class.js.map

package/dist/components/eval-dataset/eval-dataset.class.js.map

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

package/dist/components/eval-dataset/eval-dataset.d.ts

@@ -0,0 +1,7 @@
+export * from './eval-dataset.class.js';
+import '../data-grid/data-grid.js';
+import '../chip/chip.js';
+import '../chip/chip-group.js';
+import '../file-input/file-input.js';
+import '../export-button/export-button.js';
+//# sourceMappingURL=eval-dataset.d.ts.map

package/dist/components/eval-dataset/eval-dataset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eval-dataset.d.ts","sourceRoot":"","sources":["../../../src/components/eval-dataset/eval-dataset.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AAGxC,OAAO,2BAA2B,CAAC;AACnC,OAAO,iBAAiB,CAAC;AACzB,OAAO,uBAAuB,CAAC;AAC/B,OAAO,6BAA6B,CAAC;AACrC,OAAO,mCAAmC,CAAC"}

package/dist/components/eval-dataset/eval-dataset.js

@@ -0,0 +1,10 @@
+export * from './eval-dataset.class.js';
+import { LyraEvalDataset } from './eval-dataset.class.js';
+import { defineElement } from '../../internal/prefix.js';
+import '../data-grid/data-grid.js';
+import '../chip/chip.js';
+import '../chip/chip-group.js';
+import '../file-input/file-input.js';
+import '../export-button/export-button.js';
+defineElement('eval-dataset', LyraEvalDataset);
+//# sourceMappingURL=eval-dataset.js.map

package/dist/components/eval-dataset/eval-dataset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eval-dataset.js","sourceRoot":"","sources":["../../../src/components/eval-dataset/eval-dataset.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,2BAA2B,CAAC;AACnC,OAAO,iBAAiB,CAAC;AACzB,OAAO,uBAAuB,CAAC;AAC/B,OAAO,6BAA6B,CAAC;AACrC,OAAO,mCAAmC,CAAC;AAC3C,aAAa,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC"}

package/dist/components/eval-dataset/eval-dataset.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=eval-dataset.styles.d.ts.map

package/dist/components/eval-dataset/eval-dataset.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eval-dataset.styles.d.ts","sourceRoot":"","sources":["../../../src/components/eval-dataset/eval-dataset.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAyElB,CAAC"}

package/dist/components/eval-dataset/eval-dataset.styles.js

@@ -0,0 +1,76 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+    min-inline-size: 0;
+  }
+  [part='base'] {
+    display: flex;
+    flex-direction: column;
+    gap: var(--lr-space-s);
+    min-inline-size: 0;
+  }
+  [part='toolbar'] {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--lr-space-xs);
+  }
+  [part='add-button'],
+  [part='remove-button'] {
+    display: inline-flex;
+    align-items: center;
+    padding: var(--lr-space-xs) var(--lr-space-m);
+    border: var(--lr-border-width-thin) solid var(--lr-color-border);
+    border-radius: var(--lr-radius);
+    background: var(--lr-color-surface);
+    color: var(--lr-color-text);
+    font: inherit;
+    cursor: pointer;
+  }
+  [part='add-button']:hover:not(:disabled),
+  [part='remove-button']:hover:not(:disabled) {
+    border-color: var(--lr-color-brand);
+  }
+  [part='add-button']:disabled,
+  [part='remove-button']:disabled {
+    opacity: var(--lr-opacity-disabled);
+    cursor: not-allowed;
+  }
+  [part='add-button']:focus-visible,
+  [part='remove-button']:focus-visible {
+    outline: var(--lr-focus-ring-width) solid var(--lr-focus-ring-color);
+    outline-offset: var(--lr-focus-ring-offset);
+  }
+  [part='import'] {
+    flex: 0 1 auto;
+    min-inline-size: 0;
+    max-inline-size: var(--lr-size-14rem);
+  }
+  [part='search'] {
+    display: block;
+  }
+  [part='search-input'] {
+    box-sizing: border-box;
+    inline-size: 100%;
+    padding-inline: var(--lr-space-s);
+    padding-block: var(--lr-space-xs);
+    border: var(--lr-border-width-thin) solid var(--lr-color-border);
+    border-radius: var(--lr-radius);
+    background: var(--lr-color-surface);
+    color: var(--lr-color-text);
+    font: inherit;
+  }
+  [part='search-input']:focus-visible {
+    outline: var(--lr-focus-ring-width) solid var(--lr-focus-ring-color);
+    outline-offset: var(--lr-focus-ring-offset);
+  }
+  [part='tag-filter'] {
+    display: block;
+  }
+  [part='grid'] {
+    display: block;
+    min-inline-size: 0;
+  }
+`;
+//# sourceMappingURL=eval-dataset.styles.js.map

package/dist/components/eval-dataset/eval-dataset.styles.js.map

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

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

@@ -0,0 +1,115 @@
+import { type TemplateResult } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+import type { RubricKey, RubricValue } from '../rubric-form/rubric-form.class.js';
+import type { DataGridColumn } from '../data-grid/data-grid.class.js';
+import '../rubric-form/rubric-form.class.js';
+import '../data-grid/data-grid.class.js';
+import '../diff-view/diff-view.class.js';
+/**
+ * One model/prompt-version's output for a single evaluation example, plus whatever automated
+ * `scores` it already carries and whatever `review` a human has entered for it so far. `scores`
+ * and `review` are both keyed the same way as the `rubricKeys` passed to this component -- the
+ * same `RubricValue` shape `<lr-rubric-form>` itself reads and writes -- so a `DataGridColumn`'s
+ * `value()` accessor and the rubric form's own `value` binding can both read a run's fields with
+ * no conversion.
+ */
+export interface EvalRunResult {
+    id: string;
+    label: string;
+    model?: string;
+    promptVersion?: string;
+    output: string;
+    scores?: RubricValue;
+    review?: RubricValue;
+}
+export interface LyraEvalResultEventMap {
+    'lr-run-select': CustomEvent<{
+        runId: string;
+    }>;
+    'lr-review-input': CustomEvent<{
+        runId: string;
+        value: RubricValue;
+    }>;
+    'lr-review-validity-change': CustomEvent<{
+        runId: string;
+        valid: boolean;
+        errors: Record<string, string>;
+    }>;
+    'lr-review-submit': CustomEvent<{
+        runId: string;
+        value: RubricValue;
+    }>;
+    'lr-review-skip': CustomEvent<{
+        runId: string;
+    }>;
+}
+/**
+ * `<lr-eval-result>` — rubric scoring, human review, and comparison across a single evaluation
+ * example's runs (one per model or prompt version), LangSmith/Arize-eval-result style.
+ *
+ * Composes three existing primitives directly rather than re-deriving any of their behavior:
+ * `<lr-data-grid>` renders the `runs` comparison table (`columns` is a plain pass-through to its
+ * own `DataGridColumn[]` shape, the same way `rubricKeys` is a pass-through to
+ * `<lr-rubric-form>`'s own `keys` -- neither is re-derived here); `<lr-rubric-form>` is the
+ * human-review scoring surface for whichever run is currently selected, reading/writing that
+ * run's own `review` value and re-emitting its `lr-input`/`lr-validity-change`/`lr-submit`/
+ * `lr-skip` events with the run id attached; `<lr-diff-view>` compares the selected run's output
+ * against `baselineRunId`'s output -- `layout="split"` once they resolve to two distinct runs,
+ * `layout="unified"` (an all-equal diff, i.e. a plain read of the one run's output) once they
+ * resolve to the same run or no baseline resolves at all -- so there is no separate un-diffed
+ * "just show the output" code path to keep in sync with the comparison one.
+ *
+ * `selectedRunId`/`baselineRunId` are both fully controlled: this component never mutates either
+ * property itself. Each one falls back to `runs[0]?.id` purely for *rendering* whenever the
+ * property is unset, so the component renders something useful with zero configuration beyond
+ * `runs` -- but moving the selection for real requires the host to set `selectedRunId` in
+ * response to `lr-run-select`, the same shape `<lr-rubric-form>`'s own `itemId` already uses. A
+ * `selectedRunId`/`baselineRunId` that doesn't match any entry in `runs` degrades gracefully: the
+ * comparison grid still renders, and the review/diff sections simply don't (no error, no crash).
+ *
+ * @customElement lr-eval-result
+ * @event lr-run-select - A comparison-grid row was activated. `detail: { runId }`.
+ * @event lr-review-input - The selected run's rubric value changed. `detail: { runId, value }`.
+ * @event lr-review-validity-change - The selected run's rubric validity changed. `detail: { runId, valid, errors }`.
+ * @event lr-review-submit - The selected run's rubric form was submitted. `detail: { runId, value }`.
+ * @event lr-review-skip - The selected run's rubric form was skipped (`reviewSkippable` only). `detail: { runId }`.
+ * @csspart base - The outer wrapper.
+ * @csspart empty - The message shown when `runs` has no entries.
+ * @csspart grid - The `<lr-data-grid>` comparison table.
+ * @csspart review - The `<lr-rubric-form>` scoring the selected run.
+ * @csspart diff - The wrapper around the diff caption and `<lr-diff-view>`.
+ * @csspart diff-labels - The caption row naming the two compared runs (only rendered while comparing two distinct runs).
+ * @csspart diff-label-old - The baseline run's caption.
+ * @csspart diff-label-new - The selected run's caption.
+ * @csspart diff-view - The `<lr-diff-view>` comparing the baseline and selected runs' output.
+ */
+export declare class LyraEvalResult extends LyraElement<LyraEvalResultEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    /** The runs (one per model or prompt version) being compared for this evaluation example. */
+    runs: EvalRunResult[];
+    /** Column definitions for the comparison grid -- forwarded verbatim to `<lr-data-grid>`'s own `columns`. */
+    columns: DataGridColumn<EvalRunResult>[];
+    /** Rubric field definitions for the review form -- forwarded verbatim to `<lr-rubric-form>`'s own `keys`. */
+    rubricKeys: RubricKey[];
+    /** The run currently open for review, and the diff's "new" side. Falls back to `runs[0]?.id` when unset. */
+    selectedRunId: string;
+    /** The run compared against, and the diff's "old" side. Falls back to `runs[0]?.id` when unset. */
+    baselineRunId: string;
+    /** Shows a Skip control on the review form (forwarded to `<lr-rubric-form>`'s own `skippable`). */
+    reviewSkippable: boolean;
+    /** Disables the review form's controls. The comparison grid stays interactive (selecting a run to inspect is not a mutation). */
+    disabled: boolean;
+    private get effectiveSelectedRunId();
+    private get selectedRun();
+    private get effectiveBaselineRunId();
+    private get baselineRun();
+    private renderReview;
+    private renderDiff;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lr-eval-result': LyraEvalResult;
+    }
+}
+//# sourceMappingURL=eval-result.class.d.ts.map

package/dist/components/eval-result/eval-result.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eval-result.class.d.ts","sourceRoot":"","sources":["../../../src/components/eval-result/eval-result.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,qCAAqC,CAAC;AAC7C,OAAO,iCAAiC,CAAC;AACzC,OAAO,iCAAiC,CAAC;AAOzC;;;;;;;GAOG;AACH,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,MAAM,WAAW,sBAAsB;IACrC,eAAe,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAChD,iBAAiB,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,WAAW,CAAA;KAAE,CAAC,CAAC;IACtE,2BAA2B,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAC,CAAC;IAC5G,kBAAkB,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,WAAW,CAAA;KAAE,CAAC,CAAC;IACvE,gBAAgB,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAClD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,qBAAa,cAAe,SAAQ,WAAW,CAAC,sBAAsB,CAAC;IACrE,MAAM,CAAC,MAAM,iCAAgC;IAE7C,6FAA6F;IAC7D,IAAI,EAAE,aAAa,EAAE,CAAc;IAEnE,4GAA4G;IAC5E,OAAO,EAAE,cAAc,CAAC,aAAa,CAAC,EAAE,CAAiB;IAEzF,6GAA6G;IAC7E,UAAU,EAAE,SAAS,EAAE,CAAc;IAErE,4GAA4G;IAChE,aAAa,SAAM;IAE/D,mGAAmG;IACvD,aAAa,SAAM;IAE/D,mGAAmG;IACvC,eAAe,UAAS;IAEpF,iIAAiI;IACrF,QAAQ,UAAS;IAE7D,OAAO,KAAK,sBAAsB,GAEjC;IAED,OAAO,KAAK,WAAW,GAGtB;IAED,OAAO,KAAK,sBAAsB,GAEjC;IAED,OAAO,KAAK,WAAW,GAGtB;IAED,OAAO,CAAC,YAAY;IAkBpB,OAAO,CAAC,UAAU;IAkBlB,MAAM,IAAI,cAAc,CAoBvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,cAAc,CAAC;KAClC;CACF"}