@aceshooting/lyra-ui 4.0.0 → 4.1.0

package/dist/components/tool-timeline/tool-timeline.class.d.ts

@@ -0,0 +1,140 @@
+import { type TemplateResult, type PropertyValues } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+import type { ToolInvocation, ToolApprovalEventDetail } from '../../ai/types.js';
+import '../tool-call-chip/tool-call-chip.js';
+import '../tool-result-view/tool-result-view.js';
+import '../tool-approval-dialog/tool-approval-dialog.js';
+import '../details/details.js';
+/**
+ * One entry in a `<lr-tool-timeline>`. Extends `ToolInvocation` (`src/ai/types.ts`) with exactly
+ * the timeline-specific fields the roadmap calls for that a bare invocation record doesn't carry
+ * on its own: when the call ran (`startedAt`/`endedAt`, from which duration is derived), how many
+ * times it was retried before landing on its current `status`, which of its `args`/`result`/
+ * `error` fields should render masked, and a human-in-the-loop approval decision. The inherited
+ * `ToolInvocation` fields still assign directly onto `<lr-tool-call-chip>`/`<lr-tool-result-view>`
+ * with no adapter, exactly as `ToolInvocation` itself already does.
+ */
+export interface ToolTimelineEntry extends ToolInvocation {
+    /** Epoch milliseconds the call started. Entries are ordered by this field (ascending); an entry
+     *  with no `startedAt` sorts after every timed entry, keeping its relative position among any
+     *  other untimed entries, and renders with no visible timestamp. */
+    startedAt?: number;
+    /** Epoch milliseconds the call reached a terminal state. Paired with `startedAt` to derive the
+     *  duration handed to `<lr-tool-call-chip>`'s own `durationMs` -- omitted (or paired with no
+     *  `startedAt`) while still pending/running, or whenever the duration isn't known. */
+    endedAt?: number;
+    /** Number of retry attempts before this entry's current `status` -- `2` means the call reached
+     *  its current state on its third try. Omitted or `0` renders no retry indicator. */
+    retryCount?: number;
+    /** Dotted field paths within `args`/`result`/`error` to mask in the rendered detail view, e.g.
+     *  `['args.apiKey', 'result.rows.0.ssn']`, or the bare `'args'`/`'result'`/`'error'` to mask an
+     *  entire branch. A path with no matching field is a no-op, never a thrown error. Never applied
+     *  to the copy of `args` handed to the approval dialog -- see the class doc's approval note. */
+    redactedFields?: string[];
+    /** Whether this call is gated behind a human approval decision. While `true` and `approved` is
+     *  still `undefined`, activating the entry's chip opens the shared approval dialog instead of
+     *  merely firing the chip's own selection event. */
+    needsApproval?: boolean;
+    /** The approval decision, once made. `undefined` means still pending a decision. */
+    approved?: boolean;
+}
+/**
+ * `detail` for `lr-tool-approval-decide` -- extends the shared `ToolApprovalEventDetail`
+ * (`src/ai/types.ts`) with the (possibly host-edited) `args` the approval dialog produced,
+ * present only when `approved` is `true`. A listener that only cares about the shared
+ * `{ invocationId, approved }` shape can ignore `args` entirely; one driving actual tool
+ * execution needs it, since the dialog's optional inline editing step can hand back different
+ * arguments than the entry originally proposed.
+ */
+export interface ToolTimelineApprovalDetail extends ToolApprovalEventDetail {
+    args?: unknown;
+}
+export interface LyraToolTimelineEventMap {
+    'lr-tool-approval-decide': CustomEvent<ToolTimelineApprovalDetail>;
+}
+/**
+ * `<lr-tool-timeline>` — a chronological list of an agent run's tool/function calls, each
+ * rendered through `<lr-tool-call-chip>` (name/status/duration) and `<lr-tool-result-view>`
+ * (args/result), with per-entry retry counts, sensitive-field redaction, and a shared
+ * `<lr-tool-approval-dialog>` for entries gated behind a human approval decision. This component
+ * owns none of the actual per-call rendering -- that is entirely those three existing
+ * primitives -- its own job is ordering `entries` chronologically, computing each entry's
+ * duration from `startedAt`/`endedAt`, masking `redactedFields` before handing `args`/`result` to
+ * `<lr-tool-result-view>`, and opening/closing the one shared approval dialog for whichever entry
+ * is currently pending a decision.
+ *
+ * Ordering: `entries` is sorted ascending by `startedAt`; an entry with no `startedAt` sorts after
+ * every timed entry, keeping its position relative to any other untimed entries stable (input
+ * order is preserved among ties) — a still-pending call with no timestamp yet naturally lands at
+ * the end without needing to be pre-sorted by the host.
+ *
+ * Redaction only ever affects the read-only detail view: the copy of `args` handed to the
+ * approval dialog is always the entry's real, unmasked value. Approving a masked-args call must
+ * let the reviewer see (and, if `approvalEditable`, edit) what will actually be sent — handing the
+ * dialog a placeholder string in place of a real field would silently corrupt the decision.
+ *
+ * Approval: activating the chip (`lr-tool-call-chip-select`) of an entry with `needsApproval` and
+ * an undecided `approved` opens the shared dialog for that entry; approving or denying emits this
+ * component's own `lr-tool-approval-decide` and closes the dialog. This component never mutates
+ * `entries` itself — a host applies the decision (and any resulting status change) and re-assigns
+ * `entries`; if the entry currently under review disappears or no longer qualifies as pending
+ * (its `approved` was resolved some other way) by the time `entries` changes, the dialog closes on
+ * its own rather than staying open over stale data. A chip belonging to an entry that isn't
+ * pending approval is left alone — its own `lr-tool-call-chip-select` (and deprecated
+ * `lr-tool-chip-select` alias) still bubble out normally for a host that wants to react to raw
+ * chip selection for its own purposes.
+ *
+ * @customElement lr-tool-timeline
+ * @event lr-tool-approval-decide - A pending entry's approval dialog was resolved.
+ *   `detail: { invocationId, approved, args? }` — `args` (the dialog's current, possibly
+ *   host-edited arguments) is present only when `approved` is `true`.
+ * @csspart base - The root `<ol>`.
+ * @csspart entry - One entry's `<li>`; carries `data-status` (the entry's `status`) and
+ *   `data-pending-approval` (`"true"`/`"false"`).
+ * @csspart entry-marker - The decorative rail dot/connector for one entry.
+ * @csspart entry-body - Wrapper around one entry's header and details.
+ * @csspart entry-header - Wrapper around the timestamp, chip, retry badge, and approval status.
+ * @csspart entry-timestamp - The formatted `startedAt`, only rendered while it's set.
+ * @csspart entry-retries - The retry-count badge, only rendered while `retryCount > 0`.
+ * @csspart entry-retries-label - The localized "Retry" text within the retry badge.
+ * @csspart entry-retries-count - The formatted retry count within the retry badge.
+ * @csspart entry-approval-status - The "Approved"/"Denied" badge, only rendered once `approved`
+ *   is set; carries `data-decision` (`"approved"`/`"denied"`).
+ * @csspart entry-redacted-indicator - A decorative marker shown when `redactedFields` is
+ *   non-empty for that entry.
+ * @csspart entry-details - The `<lr-details>` disclosure wrapping the entry's result view.
+ * @csspart entry-result - The entry's `<lr-tool-result-view>`.
+ * @csspart entry-error - The entry's `error` text, only rendered when set.
+ * @csspart approval-dialog - The single shared `<lr-tool-approval-dialog>` instance.
+ * @cssprop [--lr-tool-timeline-gap=var(--lr-space-l)] - Vertical gap between entries.
+ */
+export declare class LyraToolTimeline extends LyraElement<LyraToolTimelineEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    /** The calls to render, in any order — see the class doc's ordering note. */
+    entries: ToolTimelineEntry[];
+    /** Forwarded to the shared approval dialog's own `editable` — whether a reviewer can edit an
+     *  entry's arguments before approving it. */
+    approvalEditable: boolean;
+    /** Overrides the default `hour:minute` rendering of every entry's `startedAt`. */
+    formatTimestamp?: (date: Date) => string;
+    /** The `id` of the entry currently under review in the shared approval dialog, or `undefined`
+     *  while it's closed. */
+    private reviewingEntryId?;
+    protected willUpdate(changed: PropertyValues): void;
+    private get sortedEntries();
+    private get reviewingEntry();
+    private durationFor;
+    private normalizedDate;
+    private onChipSelect;
+    private onDialogApprove;
+    private onDialogDeny;
+    private onDialogClose;
+    private entryTemplate;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lr-tool-timeline': LyraToolTimeline;
+    }
+}
+//# sourceMappingURL=tool-timeline.class.d.ts.map

package/dist/components/tool-timeline/tool-timeline.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-timeline.class.d.ts","sourceRoot":"","sources":["../../../src/components/tool-timeline/tool-timeline.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAkC,MAAM,KAAK,CAAC;AAG9G,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAI7D,OAAO,KAAK,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAEjF,OAAO,qCAAqC,CAAC;AAC7C,OAAO,yCAAyC,CAAC;AACjD,OAAO,iDAAiD,CAAC;AACzD,OAAO,uBAAuB,CAAC;AAE/B;;;;;;;;GAQG;AACH,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACvD;;wEAEoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;0FAEsF;IACtF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;yFACqF;IACrF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;oGAGgG;IAChG,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B;;wDAEoD;IACpD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oFAAoF;IACpF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,0BAA2B,SAAQ,uBAAuB;IACzE,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,wBAAwB;IACvC,yBAAyB,EAAE,WAAW,CAAC,0BAA0B,CAAC,CAAC;CACpE;AAqDD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuDG;AACH,qBAAa,gBAAiB,SAAQ,WAAW,CAAC,wBAAwB,CAAC;IACzE,MAAM,CAAC,MAAM,iCAAgC;IAE7C,6EAA6E;IAC7C,OAAO,EAAE,iBAAiB,EAAE,CAAM;IAElE;iDAC6C;IAE7C,gBAAgB,UAAQ;IAExB,kFAAkF;IAClD,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IAEzE;6BACyB;IAChB,OAAO,CAAC,gBAAgB,CAAC,CAAS;IAE3C,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CAOlD;IAED,OAAO,KAAK,aAAa,GASxB;IAED,OAAO,KAAK,cAAc,GAIzB;IAED,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,eAAe,CAUrB;IAEF,OAAO,CAAC,YAAY,CAMlB;IAEF,OAAO,CAAC,aAAa,CAGnB;IAEF,OAAO,CAAC,aAAa;IAkErB,MAAM,IAAI,cAAc,CAoBvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,gBAAgB,CAAC;KACtC;CACF"}

package/dist/components/tool-timeline/tool-timeline.class.js

@@ -0,0 +1,293 @@
+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 { repeat } from 'lit/directives/repeat.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { getDateTimeFormat, getNumberFormat } from '../../internal/intl-cache.js';
+import { finiteCount } from '../../internal/numbers.js';
+import { eyeOffIcon } from '../../internal/icons.js';
+import { styles } from './tool-timeline.styles.js';
+import '../tool-call-chip/tool-call-chip.js';
+import '../tool-result-view/tool-result-view.js';
+import '../tool-approval-dialog/tool-approval-dialog.js';
+import '../details/details.js';
+/** `true`-defaulting boolean attribute converter for `approvalEditable` -- identical shape/
+ *  rationale to `<lr-checkpoint>`'s own `trueDefaultBooleanConverter`, duplicated locally per this
+ *  library's convention of not sharing these tiny converters across independently-consumable
+ *  component files. Lit's default presence-based `type: Boolean` can never be set back to `false`
+ *  from a plain-HTML attribute once the property's own default is `true` (removing an attribute
+ *  that was never present fires no `attributeChangedCallback`), so `fromAttribute` checks the
+ *  literal string instead. */
+const trueDefaultBooleanConverter = {
+    fromAttribute(value) {
+        return value !== 'false';
+    },
+    toAttribute(value) {
+        return value ? null : 'false';
+    },
+};
+/** `hour:minute` in the component's effective locale -- identical algorithm to
+ *  `<lr-checkpoint>`'s own `defaultFormatTimestamp`, duplicated locally. */
+function defaultFormatTimestamp(date, locale) {
+    return getDateTimeFormat(locale || 'en', { hour: 'numeric', minute: '2-digit' }).format(date);
+}
+/**
+ * Returns a structural clone of `value` with every leaf/branch under `currentPath` that `paths`
+ * names replaced by `placeholder`. A path with no corresponding field in `value` is simply never
+ * visited -- `Object.entries` only iterates real keys -- so a dangling path degrades gracefully
+ * instead of throwing. Arrays are walked with numeric-index path segments (`args.rows.0.ssn`);
+ * every other non-plain-object value below an unmasked branch is treated as an opaque leaf.
+ */
+function redactBranch(value, currentPath, paths, placeholder) {
+    if (paths.includes(currentPath))
+        return placeholder;
+    if (!paths.some((p) => p.startsWith(`${currentPath}.`)))
+        return value;
+    if (Array.isArray(value)) {
+        return value.map((item, index) => redactBranch(item, `${currentPath}.${index}`, paths, placeholder));
+    }
+    if (value !== null && typeof value === 'object') {
+        const result = {};
+        for (const [key, item] of Object.entries(value)) {
+            result[key] = redactBranch(item, `${currentPath}.${key}`, paths, placeholder);
+        }
+        return result;
+    }
+    return value;
+}
+/** Entry point for `redactBranch()` -- a no-op (returns `value` unchanged) whenever `paths` is
+ *  empty, so the common unredacted case never allocates a clone. */
+function redactField(value, root, paths, placeholder) {
+    return paths.length === 0 ? value : redactBranch(value, root, paths, placeholder);
+}
+/**
+ * `<lr-tool-timeline>` — a chronological list of an agent run's tool/function calls, each
+ * rendered through `<lr-tool-call-chip>` (name/status/duration) and `<lr-tool-result-view>`
+ * (args/result), with per-entry retry counts, sensitive-field redaction, and a shared
+ * `<lr-tool-approval-dialog>` for entries gated behind a human approval decision. This component
+ * owns none of the actual per-call rendering -- that is entirely those three existing
+ * primitives -- its own job is ordering `entries` chronologically, computing each entry's
+ * duration from `startedAt`/`endedAt`, masking `redactedFields` before handing `args`/`result` to
+ * `<lr-tool-result-view>`, and opening/closing the one shared approval dialog for whichever entry
+ * is currently pending a decision.
+ *
+ * Ordering: `entries` is sorted ascending by `startedAt`; an entry with no `startedAt` sorts after
+ * every timed entry, keeping its position relative to any other untimed entries stable (input
+ * order is preserved among ties) — a still-pending call with no timestamp yet naturally lands at
+ * the end without needing to be pre-sorted by the host.
+ *
+ * Redaction only ever affects the read-only detail view: the copy of `args` handed to the
+ * approval dialog is always the entry's real, unmasked value. Approving a masked-args call must
+ * let the reviewer see (and, if `approvalEditable`, edit) what will actually be sent — handing the
+ * dialog a placeholder string in place of a real field would silently corrupt the decision.
+ *
+ * Approval: activating the chip (`lr-tool-call-chip-select`) of an entry with `needsApproval` and
+ * an undecided `approved` opens the shared dialog for that entry; approving or denying emits this
+ * component's own `lr-tool-approval-decide` and closes the dialog. This component never mutates
+ * `entries` itself — a host applies the decision (and any resulting status change) and re-assigns
+ * `entries`; if the entry currently under review disappears or no longer qualifies as pending
+ * (its `approved` was resolved some other way) by the time `entries` changes, the dialog closes on
+ * its own rather than staying open over stale data. A chip belonging to an entry that isn't
+ * pending approval is left alone — its own `lr-tool-call-chip-select` (and deprecated
+ * `lr-tool-chip-select` alias) still bubble out normally for a host that wants to react to raw
+ * chip selection for its own purposes.
+ *
+ * @customElement lr-tool-timeline
+ * @event lr-tool-approval-decide - A pending entry's approval dialog was resolved.
+ *   `detail: { invocationId, approved, args? }` — `args` (the dialog's current, possibly
+ *   host-edited arguments) is present only when `approved` is `true`.
+ * @csspart base - The root `<ol>`.
+ * @csspart entry - One entry's `<li>`; carries `data-status` (the entry's `status`) and
+ *   `data-pending-approval` (`"true"`/`"false"`).
+ * @csspart entry-marker - The decorative rail dot/connector for one entry.
+ * @csspart entry-body - Wrapper around one entry's header and details.
+ * @csspart entry-header - Wrapper around the timestamp, chip, retry badge, and approval status.
+ * @csspart entry-timestamp - The formatted `startedAt`, only rendered while it's set.
+ * @csspart entry-retries - The retry-count badge, only rendered while `retryCount > 0`.
+ * @csspart entry-retries-label - The localized "Retry" text within the retry badge.
+ * @csspart entry-retries-count - The formatted retry count within the retry badge.
+ * @csspart entry-approval-status - The "Approved"/"Denied" badge, only rendered once `approved`
+ *   is set; carries `data-decision` (`"approved"`/`"denied"`).
+ * @csspart entry-redacted-indicator - A decorative marker shown when `redactedFields` is
+ *   non-empty for that entry.
+ * @csspart entry-details - The `<lr-details>` disclosure wrapping the entry's result view.
+ * @csspart entry-result - The entry's `<lr-tool-result-view>`.
+ * @csspart entry-error - The entry's `error` text, only rendered when set.
+ * @csspart approval-dialog - The single shared `<lr-tool-approval-dialog>` instance.
+ * @cssprop [--lr-tool-timeline-gap=var(--lr-space-l)] - Vertical gap between entries.
+ */
+export class LyraToolTimeline extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** The calls to render, in any order — see the class doc's ordering note. */
+        this.entries = [];
+        /** Forwarded to the shared approval dialog's own `editable` — whether a reviewer can edit an
+         *  entry's arguments before approving it. */
+        this.approvalEditable = true;
+        this.onDialogApprove = (event) => {
+            event.stopPropagation();
+            const invocationId = this.reviewingEntryId;
+            if (invocationId === undefined)
+                return;
+            this.reviewingEntryId = undefined;
+            this.emit('lr-tool-approval-decide', {
+                invocationId,
+                approved: true,
+                args: event.detail.args,
+            });
+        };
+        this.onDialogDeny = (event) => {
+            event.stopPropagation();
+            const invocationId = this.reviewingEntryId;
+            if (invocationId === undefined)
+                return;
+            this.reviewingEntryId = undefined;
+            this.emit('lr-tool-approval-decide', { invocationId, approved: false });
+        };
+        this.onDialogClose = (event) => {
+            event.stopPropagation();
+            this.reviewingEntryId = undefined;
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    willUpdate(changed) {
+        if (changed.has('entries') && this.reviewingEntryId !== undefined) {
+            const still = this.entries.find((entry) => entry.id === this.reviewingEntryId);
+            if (!still || !(still.needsApproval && still.approved === undefined)) {
+                this.reviewingEntryId = undefined;
+            }
+        }
+    }
+    get sortedEntries() {
+        return this.entries
+            .map((entry, index) => ({ entry, index }))
+            .sort((a, b) => {
+            const ak = a.entry.startedAt ?? Number.POSITIVE_INFINITY;
+            const bk = b.entry.startedAt ?? Number.POSITIVE_INFINITY;
+            return ak !== bk ? ak - bk : a.index - b.index;
+        })
+            .map(({ entry }) => entry);
+    }
+    get reviewingEntry() {
+        return this.reviewingEntryId === undefined
+            ? undefined
+            : this.entries.find((entry) => entry.id === this.reviewingEntryId);
+    }
+    durationFor(entry) {
+        if (entry.startedAt == null || entry.endedAt == null)
+            return undefined;
+        const diff = entry.endedAt - entry.startedAt;
+        return Number.isFinite(diff) ? diff : undefined;
+    }
+    normalizedDate(ms) {
+        if (ms == null || !Number.isFinite(ms))
+            return undefined;
+        const date = new Date(ms);
+        return Number.isNaN(date.getTime()) ? undefined : date;
+    }
+    onChipSelect(entry) {
+        if (entry.needsApproval && entry.approved === undefined) {
+            this.reviewingEntryId = entry.id;
+        }
+    }
+    entryTemplate(entry, placeholder) {
+        const started = this.normalizedDate(entry.startedAt);
+        const durationMs = this.durationFor(entry);
+        const retryCount = finiteCount(entry.retryCount ?? 0);
+        const redactedFields = entry.redactedFields ?? [];
+        const redactedArgs = redactField(entry.args, 'args', redactedFields, placeholder);
+        const redactedResult = entry.result !== undefined ? redactField(entry.result, 'result', redactedFields, placeholder) : entry.result;
+        const redactedError = entry.error !== undefined && redactedFields.includes('error') ? placeholder : entry.error;
+        const pendingApproval = entry.needsApproval === true && entry.approved === undefined;
+        const formatter = this.formatTimestamp ?? ((date) => defaultFormatTimestamp(date, this.effectiveLocale));
+        return html `
+      <li
+        part="entry"
+        role="listitem"
+        data-status=${entry.status}
+        data-pending-approval=${pendingApproval ? 'true' : 'false'}
+      >
+        <span part="entry-marker" aria-hidden="true"></span>
+        <div part="entry-body">
+          <div part="entry-header">
+            ${started
+            ? html `<time part="entry-timestamp" datetime=${started.toISOString()}>${formatter(started)}</time>`
+            : nothing}
+            <lr-tool-call-chip
+              .name=${entry.name}
+              .status=${entry.status}
+              .durationMs=${durationMs}
+              call-id=${entry.id}
+              @lr-tool-call-chip-select=${() => this.onChipSelect(entry)}
+            ></lr-tool-call-chip>
+            ${retryCount > 0
+            ? html `<span part="entry-retries">
+                  <span part="entry-retries-label">${this.localize('retry')}</span>
+                  <span part="entry-retries-count">${getNumberFormat(this.effectiveLocale).format(retryCount)}</span>
+                </span>`
+            : nothing}
+            ${entry.approved === true
+            ? html `<span part="entry-approval-status" data-decision="approved"
+                  >${this.localize('confirmApproved')}</span
+                >`
+            : entry.approved === false
+                ? html `<span part="entry-approval-status" data-decision="denied"
+                    >${this.localize('confirmDenied')}</span
+                  >`
+                : nothing}
+            ${redactedFields.length > 0
+            ? html `<span part="entry-redacted-indicator" aria-hidden="true">${eyeOffIcon()}</span>`
+            : nothing}
+          </div>
+          <lr-details part="entry-details">
+            <lr-tool-result-view
+              part="entry-result"
+              tool-name=${entry.name}
+              .args=${redactedArgs}
+              .result=${redactedResult}
+            ></lr-tool-result-view>
+            ${redactedError !== undefined ? html `<p part="entry-error">${redactedError}</p>` : nothing}
+          </lr-details>
+        </div>
+      </li>
+    `;
+    }
+    render() {
+        const entries = this.sortedEntries;
+        const reviewing = this.reviewingEntry;
+        const placeholder = this.localize('envListValueHidden');
+        return html `
+      <ol part="base" role="list" aria-label=${this.getAttribute('aria-label') || nothing}>
+        ${repeat(entries, (entry) => entry.id, (entry) => this.entryTemplate(entry, placeholder))}
+      </ol>
+      <lr-tool-approval-dialog
+        part="approval-dialog"
+        tool-name=${reviewing?.name ?? ''}
+        .args=${reviewing?.args ?? {}}
+        .editable=${this.approvalEditable}
+        ?open=${reviewing !== undefined}
+        @lr-approve=${this.onDialogApprove}
+        @lr-deny=${this.onDialogDeny}
+        @lr-close=${this.onDialogClose}
+      ></lr-tool-approval-dialog>
+    `;
+    }
+}
+__decorate([
+    property({ attribute: false })
+], LyraToolTimeline.prototype, "entries", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'approval-editable', converter: trueDefaultBooleanConverter })
+], LyraToolTimeline.prototype, "approvalEditable", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraToolTimeline.prototype, "formatTimestamp", void 0);
+__decorate([
+    state()
+], LyraToolTimeline.prototype, "reviewingEntryId", void 0);
+//# sourceMappingURL=tool-timeline.class.js.map

package/dist/components/tool-timeline/tool-timeline.class.js.map

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

package/dist/components/tool-timeline/tool-timeline.d.ts

@@ -0,0 +1,2 @@
+export * from './tool-timeline.class.js';
+//# sourceMappingURL=tool-timeline.d.ts.map

package/dist/components/tool-timeline/tool-timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-timeline.d.ts","sourceRoot":"","sources":["../../../src/components/tool-timeline/tool-timeline.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}

package/dist/components/tool-timeline/tool-timeline.js

@@ -0,0 +1,5 @@
+export * from './tool-timeline.class.js';
+import { LyraToolTimeline } from './tool-timeline.class.js';
+import { defineElement } from '../../internal/prefix.js';
+defineElement('tool-timeline', LyraToolTimeline);
+//# sourceMappingURL=tool-timeline.js.map

package/dist/components/tool-timeline/tool-timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-timeline.js","sourceRoot":"","sources":["../../../src/components/tool-timeline/tool-timeline.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,eAAe,EAAE,gBAAgB,CAAC,CAAC"}

package/dist/components/tool-timeline/tool-timeline.styles.d.ts

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

package/dist/components/tool-timeline/tool-timeline.styles.d.ts.map

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

package/dist/components/tool-timeline/tool-timeline.styles.js

@@ -0,0 +1,148 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+    --lr-tool-timeline-gap: var(--lr-space-l);
+    --lr-tool-timeline-marker-size: var(--lr-size-0-625rem);
+  }
+
+  [part='base'] {
+    display: flex;
+    flex-direction: column;
+    gap: var(--lr-tool-timeline-gap);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  [part='entry'] {
+    display: grid;
+    grid-template-columns: var(--lr-tool-timeline-marker-size) 1fr;
+    column-gap: var(--lr-space-m);
+  }
+
+  [part='entry-marker'] {
+    grid-column: 1;
+    grid-row: 1 / -1;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+  [part='entry-marker']::before {
+    content: '';
+    flex: 0 0 auto;
+    inline-size: var(--lr-tool-timeline-marker-size);
+    block-size: var(--lr-tool-timeline-marker-size);
+    margin-block-start: var(--lr-size-0-3em);
+    border-radius: var(--lr-radius-pill);
+    background: var(--lr-color-text-quiet);
+  }
+  [part='entry']:not(:last-child) [part='entry-marker']::after {
+    content: '';
+    flex: 1 1 auto;
+    inline-size: var(--lr-border-width-thin);
+    min-block-size: var(--lr-space-l);
+    margin-block-start: var(--lr-space-2xs);
+    background: var(--lr-color-border);
+  }
+  [part='entry'][data-status='running'] [part='entry-marker']::before {
+    background: var(--lr-color-brand);
+  }
+  [part='entry'][data-status='success'] [part='entry-marker']::before {
+    background: var(--lr-color-success);
+  }
+  [part='entry'][data-status='error'] [part='entry-marker']::before {
+    background: var(--lr-color-danger);
+  }
+  [part='entry'][data-status='denied'] [part='entry-marker']::before {
+    background: var(--lr-color-warning);
+  }
+
+  [part='entry-body'] {
+    grid-column: 2;
+    display: flex;
+    flex-direction: column;
+    gap: var(--lr-space-2xs);
+    min-inline-size: 0;
+  }
+
+  [part='entry-header'] {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--lr-space-s);
+  }
+
+  [part='entry'][data-pending-approval='true'] [part='entry-body'] {
+    padding-inline-start: var(--lr-space-s);
+    border-inline-start: var(--lr-border-width-medium) solid var(--lr-color-warning);
+  }
+
+  [part='entry-timestamp'] {
+    flex: 0 0 auto;
+    font-size: var(--lr-font-size-xs);
+    color: var(--lr-color-text-quiet);
+    font-variant-numeric: tabular-nums;
+  }
+
+  lr-tool-call-chip {
+    min-inline-size: 0;
+    max-inline-size: 100%;
+  }
+
+  [part='entry-retries'] {
+    display: inline-flex;
+    align-items: baseline;
+    gap: var(--lr-size-0-3em);
+    padding: var(--lr-size-0-1rem) var(--lr-space-xs);
+    border-radius: var(--lr-radius-pill);
+    background: var(--lr-color-surface-raised);
+    font-size: var(--lr-font-size-xs);
+    color: var(--lr-color-text-quiet);
+  }
+  [part='entry-retries-count'] {
+    font-variant-numeric: tabular-nums;
+    font-weight: var(--lr-font-weight-semibold);
+    color: var(--lr-color-text);
+  }
+
+  [part='entry-approval-status'] {
+    flex: 0 0 auto;
+    padding: var(--lr-size-0-1rem) var(--lr-space-xs);
+    border-radius: var(--lr-radius-pill);
+    font-size: var(--lr-font-size-xs);
+    font-weight: var(--lr-font-weight-semibold);
+    text-transform: uppercase;
+    letter-spacing: var(--lr-size-0-03em);
+  }
+  [part='entry-approval-status'][data-decision='approved'] {
+    background: var(--lr-color-success-quiet);
+    color: var(--lr-color-success);
+  }
+  [part='entry-approval-status'][data-decision='denied'] {
+    background: var(--lr-color-danger-quiet);
+    color: var(--lr-color-danger);
+  }
+
+  [part='entry-redacted-indicator'] {
+    display: inline-flex;
+    flex: 0 0 auto;
+    color: var(--lr-color-text-quiet);
+  }
+  [part='entry-redacted-indicator'] svg {
+    inline-size: var(--lr-size-0-875em);
+    block-size: var(--lr-size-0-875em);
+  }
+
+  [part='entry-details'] {
+    font-size: var(--lr-font-size-sm);
+  }
+
+  [part='entry-error'] {
+    margin: 0;
+    color: var(--lr-color-danger);
+    font-size: var(--lr-font-size-sm);
+    white-space: pre-wrap;
+  }
+`;
+//# sourceMappingURL=tool-timeline.styles.js.map

package/dist/components/tool-timeline/tool-timeline.styles.js.map

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